@charset "utf-8";
/* CSS Document */

/*public start*/
*{ margin:0px; padding:0px;}
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,from,input,select,button,textarea,iframe,table,th,td{
	/*[disabled]margin : 0;*/
	margin:0px;
	padding:0px;
	font-family:"微软雅黑";
}

.clear{ clear:both; height:0px; width:100%; margin:0; padding:0; }
img{ border:0; }
ul,li{ list-style-type:none;}
body{ font-size:14px; font-family:"微软雅黑"; background: #F8F8F8; }
a{ text-decoration:none; }
a:link{ text-decoration:none; }
a:visited{ text-decoration:none; color:#000; }

.header_logo{ width: 1200px; height: 110px; margin: 0 auto; display: table; }
.header_logo img{ width: 1200px; margin: 0 auto; display: table; padding: 13px 0; }

.nav_list{ width: 100%; height: 50px; background: #ab3d00; }
.nav{ width: 1200px; height: 50px; margin: 0 auto; display: table; }
.nav li{ float: left; width: 170px; height: auto; line-height: 50px; font-size: 16px; text-align: center; }
.nav li a{ padding: 12px 0px; color: #FFFFFF; }
.nav li a:hover{ border-bottom: 2px solid #d23737; font-weight: bolder; }
.nav .second{ display:none; z-index:9999; padding:0; position: relative; }
.nav .second li{ width: 165px; height: 40px; line-height: 39px; font-size: 14px; margin: 0; padding: 0; }
.nav li:hover .second{ display:block; width:165px; z-index:9999; margin: 0 auto; position: absolute; }
.nav li:hover .second li p{ border-bottom: 1px solid #E9E9E9; margin: 0 auto; display: table; width: 85%; }
.nav li:hover .second li a { display:block; background: #FFFFFF;  color:#333333; padding: 0; text-align: center; }
.nav li:hover .second li p:hover { border-bottom:1px solid #d23737; color:#d23737; }
.nav li:hover .second li:first-child a{ background: url(../images/second.png) no-repeat center; }
.nav li:hover .second li:first-child a:hover{ border: none; }
.nav li:hover .second li:first-child p{ padding-top: 6px; }
.nav li:hover .second li:first-child{ height: auto; line-height: 44px; }
.nav li:hover .second li:last-child a{ background: url(../images/second_last.png) no-repeat center; }
.nav li:hover .second li:last-child a:hover{ border: none; }
.nav li:hover .second li:last-child{ height: 45px; line-height: 44px; }


.banner_content_background{ width: 100%; height: 80px; background: rgba(0,0,0,0.4); position: relative; margin-top: -80px; z-index: 999; display: none; }
.banner_content{ width: 1200px; height: auto; margin: 0 auto; display: none; }
.banner_content li{ float: left; line-height: 80px; color: #FFFFFF; font-size: 24px; }
.banner_content li img{ float: left; padding: 27px 10px 23px 0; }
.banner_content li p{ float: left; }

/* Choice */
.choice{ width: 1200px; height: auto; margin: 0 auto; display: table; margin-top: 70px; }
.choice_title{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.choice_title h1{ font-size: 30px; text-align: center; color: #333333; font-weight: normal; margin-bottom: 45px; }
.choice_title li{ width: 385px; overflow: hidden; float: left; }
.choice_title li img{ width: 385px; height: auto; }
.choice_title li p{ font-size: 18px; color: #ff0000; font-weight: bolder; text-align: center; background: rgba(0,0,0,0.5); line-height: 50px; -webkit-text-stroke: 0.5px white; position: relative; margin-top: -55px; }

.choice_list{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.choice_list li{ width: 374px; height: 108px; float: left; box-shadow: 0px 1px 10px 0px #dfdfdf; border-left: 4px solid #FF0000;  border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; margin: 30px 0 0 30px; }
.choice_list li img{ float: left; padding: 30px 2px 30px 5px; }
.choice_list li h1{ font-size: 18px; color: #333333; display: table; padding: 20px 0 5px 0; }
.choice_list li p{ font-size: 14px; color: #333333; display: table; padding: 0 22px 0 0; }
.choice_list li:hover{ border-left: 4px solid #FF0000; border-bottom: 1px solid #FF0000; border-top: 1px solid #FF0000; border-right: 1px solid #FF0000; }

/* Product */
.product{ width: 100%; height: 600px; background: #fabb71; margin-top: 70px; }
.pro_show{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.product_title{ width: 425px; height: auto; float: left; }
.product_title img{ margin-top: 70px; }

/*index-product*/
.index-product-nav{ margin: 65px 0 35px 0; text-align: center;}
.index-product-nav span{ display: inline-block; width: 110px; height: 30px; line-height: 30px; overflow: hidden; cursor: pointer; color: #FFFFFF; }
.index-product-nav span.active{ border: 1px solid #e5402a; margin: 0 8px; border-radius: 25px; -webkit-border-radius: 25px; }
.index-product-content{ width:1200px; position:relative; overflow:hidden; height:460px; } 
.index-product-content .product-box{ position:absolute; width:100%; height:480px; overflow: hidden; }
.product-box ul{ float:left; width:1200px; }
.product-box ul li{ display: block; height:196px; width:270px; float:left; margin: 10px 8px; position: relative; overflow:hidden; }
.product-box ul li h3{ margin-top: 60px; }
.product-box ul li span{ font-size: 12px; color: #666666; }
.product-box ul li p{ text-align: center; background: #FFFFFF; position: relative; margin-top: -4px; padding: 10px 0; font-size: 16px; }
.product-box ul li p a{ color: #333333; }
.product-box ul li:first-child{ width: 315px; height: 412px; float: left; margin-left: 0; }
.product-box ul li:first-child h3{ margin-top: 160px; }
.product-box ul li:first-child img{ width: 315px; height: 375px; border-bottom: 1px solid #eee; }
.product-box ul li:first-child p a{ border-top: 1px solid #d6d6d6; padding: 10px 75px 0 75px; }
.product-box ul li img{ width: 270px; height: 200px; }
.product-hover{ position: absolute; z-index: 101; top: 110px; left: 110px; transition: all .5s; -webkit-transition: all .5s; opacity: 0;}
.product-box ul li:hover .product-hover{ opacity: 1 }

/* case */
.case{ width: 100%; height: auto; padding-top: 65px; }
.case_title{ width: 1200px; height: auto; margin: 0 auto; display: table; padding-bottom: 30px; }
.case_title img{ margin: 0 auto; display: table; }
/* fullSlide */
.fullSlide{ width:100%;position:relative;height:335px; }
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:335px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:335px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; top: 275px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:12px;margin:1px;overflow:hidden; background:url(../images/ad_hovers.png) no-repeat center; line-height:999px;}
.fullSlide .hd ul .on{ background:url(../images/ad_hover.png) no-repeat center; }
/* fullSlide */

.fullSlides{ width:1200px; height:335px; margin:0 auto; }
.fullSlides_img{ width:285px; height:210px; overflow:hidden; float:left; padding:7.5px; }

.fullSlides_con{ width:630px; height:280px; overflow:hidden; float:left; }
.fullSlides_con h1{ font-size:36px; color:#333333; text-align:left; font-weight:normal; padding:100px 0 30px 0; }
.fullSlides_con p{ font-size:16px; color:#545454; text-align:left; }

.case_page{ width: 300px; height: auto; float: left; }
.case_page span{ color: #666666; font-size: 12px; }
.case_page h1{ font-size: 16px; color: #333333; text-align: center; font-weight: normal; padding-bottom: 10px; }

/* Abouts */
.abouts{ width: 100%; height: 500px; background: url(../images/abo_background.png) no-repeat center; margin: 0 auto; display: table; }
.abo_show{ width: 865px; height: auto; margin: 0 auto; display: table; background: #FFFFFF; padding-bottom: 20px; box-shadow: 0 2px 10px 0px #dfdfdf; margin-top: 150px; }
.abo_show h1{ font-size: 20px; color: #333333; text-align: center; line-height: 60px; font-weight: normal; padding: 5px 0; }
.abo_show p{ font-size: 14px; color: #666666; text-align: left; line-height: 30px; padding: 0 22px; }
.abo_show a{ margin: 0 auto; color: #f6981d; font-size: 12px; display: table; }

/* new */
.new{ width: 1200px; height: auto; margin: 0 auto; display: table; padding-top: 40px; }
.new_list1{ width: 380px; height: auto; float: left; background: #FFFFFF; padding-bottom: 25px; box-shadow: 0px 1px 10px 0 #D6D6D6; }
.new_list1_title{ width: 360px; height: auto; display: table; border-bottom: 1px solid #e7e7e7; margin: 0 auto; }
.new_list1_title h1{ font-size: 20px; color: #333333; float: left; font-weight: normal; padding: 10px 0 10px 10px;  }
.new_list1_title p{ font-size: 14px; color: #666666; float: left; line-height: 35px; padding-top: 8px; }
.new_list1_title span{ float: right; padding: 17px 10px 0 0; }
.new_list1_title span a{ color: #666666; }
.new_list1 li{ border-bottom: 1px dashed #e0e0e0; margin: 15px auto 0 auto; display: table; width: 360px; padding-bottom: 20px; }
.new_list1 li:hover p{ color: #dc0c0c; }
.new_list1 li h1{ font-size: 14px; float: left; color: #666666; font-weight: normal; height: 45px; line-height: 40px; width: 80%; }
.new_list1 li p{ font-size: 14px; float: left; color: #333333; line-height: 30px; width: 88%; margin-top: 5px; height: 60px; overflow: hidden; }
.que{ float: left; width: 30px; height: auto; margin-right: 10px; color: #666666; border-radius: 50%; box-shadow: -1px 0 8px 0 #D6D6D6; margin-top: 5px; }
.que span{ margin: 0 auto; display: table; padding: 5px 8px; }
.ask{ float: left; width: 30px; height: auto; margin-right: 10px; background: #dc0c0c; border-radius: 50%; margin-top: 5px; }
.ask span{ margin: 0 auto; display: table; padding: 6px 11px; color: #FFFFFF; }

.new_list2{ width: 380px; height: auto; float: left; margin: 0 30px; background: #FFFFFF;  padding-bottom: 25px; box-shadow: 0px 1px 10px 0 #D6D6D6; }
.new_list2_title{ width: 360px; height: auto; display: table; border-bottom: 1px solid #e7e7e7; margin: 0 auto; }
.new_list2_title h1{ font-size: 20px; color: #333333; float: left; font-weight: normal; padding: 10px 0 10px 10px; }
.new_list2_title p{ font-size: 14px; color: #666666; float: left; line-height: 35px; padding-top: 8px; }
.new_list2_title span{ float: right; padding: 17px 10px 0 0; }
.new_list2_title span a{ color: #666666; }
.new_list2 li{ height: 90px; overflow: hidden; width: 360px; margin: 0 auto; display: table; padding: 25px 0; border-bottom: 1px dashed #E0E0E0; }
.new_list2 li:hover p{ color: #dc0c0c; }
.new_list2 li img{ float: left; width: 130px; height: 90px; padding-right: 10px; }
.new_list2 li h1{ font-size: 14px; color: #666666; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; }
.new_list2 li p{ font-size: 14px; color: #333333; line-height: 30px; height: 60px; overflow: hidden; }

.new_list3{ width: 380px; height: auto; float: left; background: #FFFFFF; padding-bottom: 25px; box-shadow: 0px 1px 10px 0 #D6D6D6; }
.new_list3_title{ width: 360px; height: auto; display: table; border-bottom: 1px solid #e7e7e7; margin: 0 auto; }
.new_list3_title h1{ font-size: 20px; color: #333333; float: left; font-weight: normal; padding: 10px 0 10px 10px; }
.new_list3_title p{ font-size: 14px; color: #666666; float: left; line-height: 35px; padding-top: 8px; }
.new_list3_title span{float: right; padding: 17px 10px 0 0; }
.new_list3_title span a{ color: #666666; }
.new_list3 li{ height: 90px; overflow: hidden; width: 360px; margin: 0 auto; display: table; padding: 25px 0; border-bottom: 1px dashed #E0E0E0; }
.new_list3 li:hover p{ color: #dc0c0c; }
.new_list3 li img{ float: left; width: 130px; height: 90px; padding-right: 10px; }
.new_list3 li h1{ font-size: 14px; color: #666666; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; }
.new_list3 li p{ font-size: 14px; color: #333333; line-height: 30px; height: 60px; overflow: hidden; }

/* footer */
footer{ width: 100%; height: auto; background: #ab3d00; margin-top: 110px; }
.footer{ width: 1200px; height: auto; margin: 0 auto; display: table; padding-bottom: 30px; }
.footer_list1{ width: 300px; height: auto; float: left; }
.footer_list1 h1{ font-size: 18px; color: #FFFFFF; padding: 25px 0; font-weight: normal; }
.footer_list1 li{ float: left; width: 150px; line-height: 30px; }
.footer_list1 li a{ color: #FFFFFF; }
.footer_list1 li a:hover{ color: #fabb71; }
.footer_list2{ width: 350px; height: auto; float: left; padding-left: 150px; }
.footer_list2 h1{ font-size: 18px; color: #FFFFFF; padding: 25px 0; font-weight: normal; }
.footer_list2 p{ font-size: 14px; color: #FFFFFF; padding-bottom: 18px; }
.footer_list2 p span{ font-size: 16px; color: #FFFFFF; font-weight: bold; }
.footer_list3{ width: 300px; float: right; }
.footer_list3 img{ padding-top: 50px; float: right; }

.copy{ width: 1200px; height: auto; margin: 0 auto; display: table; border-top: 1px solid #b04b0b; }
.copy p{ font-size: 12px; color: #dfdfdf; text-align: center; line-height: 30px; }

.honor_title{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.honor_title h1{ font-size: 24px; text-align: center; font-weight: normal; color: #343434; padding: 50px 0 10px 0; }
.honor_title p{ font-size: 14px; text-align: center; color: #666666; }
.scroll{ width:1200px; height:230px; margin:30px auto 0 auto; overflow:hidden;}
.v_out{width:1200px;margin:0px auto;overflow:hidden;}
.v_show{width:1130px;overflow:hidden;position:relative;height:230px; float:left}
.u_lanren{ width:6650px;position:absolute;left:0px;top:0px;}
.u_lanren ul{float:left;text-align:center;line-height:50px;}
.u_lanren ul li{ width:1130px; height:230px; float:left; overflow:hidden;}
.u_lanren ul li dd{ width:265px; height:230px; float:left; overflow:hidden; position:relative; list-style:none; margin-left: 20px; }
.u_lanren ul li dd:first-child{ margin-left: 5px; }
.u_lanren ul li dd img{ left:0; top:0; z-index:10; width:265px; height:180px;}
.u_lanren ul li dd a.link{ width:265px; height:180px; display:block; position:absolute; left:0; top:0; z-index:20;}
.u_lanren ul li dd p{ font-size: 14px; color: #343434; text-align: center; margin-top: -20px; }
.prev,.next{ float:left; }
.prev a{ background:url(../images/left.png) no-repeat center center;}
.prev a:hover{ background: url(../images/left_hover.png) no-repeat center center; }
.next a{ background:url(../images/right.png) no-repeat center center;}
.next a:hover{ background: url(../images/right_hover.png) no-repeat center center; }
.prev,.prev a,.next,.next a{width:34px;height:180px; display:block}