﻿@charset "utf-8";
/* CSS Document */

.banner{ width:100%; height: 698px; margin:0 auto; position: relative; clear: both;}
.banner img{display:block; width:100%; height: 698px;}
.fullSlide{width:100%;position:relative;height:100%;background:transparent}
.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{height:100%;}
.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}
.fullSlide .bd li a{display:block;height:100%}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}
.fullSlide .hd ul{text-align:center;margin-bottom:10px;}
.fullSlide .hd ul li{background:#d5d5d5;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:700px;}
.fullSlide .hd ul .on{background:#fc7203;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*关键词*/
.h_sea{height:80px;width: 1180px; margin: 0 auto;}
.s_inp{border:1px solid #fc7203; width: 367px; height: 46px; font-size: 16px; float: right; margin-top: 15px;}
.key{ color:#fc7203; font-size: 14px; line-height: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.h_sea a{ line-height:80px; padding:0 8px; color:#7c7c7c;}
.inp01{height:46px;width:298px; padding-left: 10px;float:left;line-height:46px; border:0;color:#8a8a8a;}
.s_ss {float:left; width:59px; height: 46px;background:url(../images/search.png) no-repeat; cursor: pointer;}

/*产品展示*/
.section1{ width: 100%; height: 970px; background-color: #f0f0f0;}
.prod{ width: 1180px; margin: 0 auto;overflow: hidden;}
.title{ width: 1180px; margin: 0 auto;}
.title h2{font-weight: 500; font-size: 34px; float: left;line-height: 120px;}
.title h2 a{ color: #333;}
.small a{ display: block; font-size: 16px; color: #909090; float: right; margin-top: 55px;}
.prod_con{ width: 1180px; height: 760px; background-color: white; clear: both;}
#tab{width:1180px;position:relative; height: 760px; clear: both; overflow: hidden;}
#tab .tab_menu{width:825px; height: 70px; clear: both; overflow: hidden;float: right;} 
#tab .tab_menu li{float:left;}
#tab .tab_menu li a{width:270px;height:70px;line-height:70px;text-align:center;margin-left: 5px; background:#fc7203; 
	font-size: 20px; color: white; display:block;}
#tab .tab_menu li b{float:left;margin-left:20px; font-weight: 500;}
#tab .tab_menu li span{font-size: 14px; float:right; display:block; padding-top:20px;}
#tab .tab_menu img{padding-top: 20px; float:left; margin-left: 20px;}
#tab .tab_box{width:341px;height:461px; position:relative;background-color:#fff;}
#tab .tab_menu .selected a{background-color:#ccc; color: #fc7203; cursor:pointer;}
#tab .hide{display:none;}
#tab .tab_box .left{ width: 341px; height: 461px;clear: both; position: absolute; left: 0; top: 22px;}
#tab .tab_box .left h4 img{ margin-top: 20px; margin-left: 60px;}
.tl{ margin-left: 60px;}
#tab .tab_box .left p{ font-size: 16px; color: #666; margin: 30px 12px 50px; line-height: 26px; letter-spacing: -0.3px;}
#tab .tab_box .left .im img{ width: 341px; height: 461px; position: absolute; left: 1px; top: 295px; }	
/* 连续滑动门开始 */
.box2 {width:823px;margin:0 auto;position: absolute; top:68px; left: 358px;}
.box2 .contant {width: 823px;  height: 700px; overflow: hidden;position: relative; margin-top: 20px;}
.box2 ul{width: 1920px;height:325px; clear: both; overflow: hidden; margin: 0 auto 20px;}
.box2 li {float: left; width: 400px;margin-right: 20px;margin-bottom: 20px;position:relative;}
.box2 li img {width: 400px;height: 325px; }
.box2 li span {display: block;width:400px;background:url(../images/ico1.png);color:#fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px; line-height: 48px;position:absolute;bottom:5px;left:0;}

/*流程*/
.section2{ width: 100%; height: 322px;background: url(../images/flow.jpg) no-repeat center; margin-top: 20px;}
.flow{ width:1180px; margin: 0 auto; text-align: center;}
.flow span{color: #fc7023; font-weight: 600; font-size: 22px; float: left;  line-height: 50px;margin-left: 44.5%; margin-top: 150px;}
.flow a{ display: block; width: 100px; height: 32px; background-color: white; border: solid 1px #fc7023; border-radius:5px; color: #fc7023;font-size: 14px; text-align: center;line-height: 32px;  float: left; margin-left: 60%; margin-top: -44px;}
.flow a:hover{ background-color: #fc7023; color: white;}

/*案例展示*/
.section3{ width: 100%; height: 1238px; background-color: #f0f0f0;}
.sec_con{ width: 1190px; margin: 0 auto; overflow: hidden;}
.sec_title{ width: 1180px; margin: 0 auto; overflow: hidden;}
.sec_title h3{font-weight: 500; font-size: 34px; float: left;line-height: 120px;}
.sec_title h3 a{ font-family: "微软雅黑"; color: #333;}
.case{ width: 1190px; height: 659px; background-color: white;clear: both;}
#tab_1{width:1190px; position:relative;clear: both; overflow: hidden;}
#tab_1 .tab_menu{width:232px; float:right; position:absolute;top:0; right: 0; height: 600px;}
#tab_1 .tab_menu li{width:232px;height:110px;cursor:pointer;text-align:center;margin:0 2px 10px 0;overflow:hidden;background:#fc7023; font-size: 20px; }
#tab_1 .tab_menu li a{ display: block;color: #fff; float:right;}
#tab_1 .tab_menu li b{float:left; margin-top: 40px; margin-left: 10px; font-weight: 500;}
#tab_1 .tab_menu li span{font-size: 14px; float:right; padding-top:15px;}
#tab_1 .tab_menu .mwen img{position: absolute; right: 20px; bottom: 24px;}
#tab_1 .tab_menu li img{padding-top: 40px; float:left;margin-left: 26px;}
#tab_1 .tab_menu .selected a{background-color:#d6d6d6;cursor:pointer; height:110px; color: #fc7023;}
#tab_1 .hide{display:none;}
#tab_1 .tab_box_2 div{}
#tab_1 .tab_box_2{width: 950px; clear:both;top:0px; left:0;position:relative;float: left;}
.box1 {width:948px;position:relative;}
.box1 .contant {width: 948px;  height: 659px; overflow: hidden;  font-size: 0;  position: relative;}
.box1 ul{width:1920px;height:659px;}
.box1 li {float: left; width: 948px;margin-right: 20px;margin-bottom: 20px;position:relative;}
.box1 li img {width: 948px;height:  659px;}
.box1 li span {display: block;width:948px;background:url(../images/ico1.png);color:#fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 24px; line-height: 70px;position:absolute;bottom:0;left:0;}
.zouyou{width:142px; height:60px; position:absolute; top:598px;right:90px;}
.zouyou .chanpinL{width:71px; height:60px; float:left; text-align:center;display:block; background:url(../images/in_j-1.png) no-repeat left center;}
.zouyou .chanpinL:hover{ background:url(../images/in_L.png) no-repeat left center;}
.zouyou .chanpinR{width:71px;height:60px; float:left; text-align:center;display:block; background:url(../images/in_L.png) right center;}
.zouyou .chanpinR:hover{ background:url(../images/in_j-1.png) right center;}

/*partner*/
.partner{ width: 1180px; margin: 50px auto 0; position: relative;}
.par_left{width: 457px;}
.par_left a{width: 457px; height: 258px; display: block; overflow: hidden;}
.maps{ width: 457px; height: 258px; border: solid 1px #dadada;}
.par_left img{ width: 457px; height: 258px; display: block; overflow: hidden;}
.par_left p{ font-size: 18px; color: #202020; text-align: center; margin-top: 20px;}
.par_left p span{color: #fc7023;}
.par_left .txt{font-size: 10px; color: #6e6e6e; letter-spacing: 0.1px; margin-top: 10px;}
.box {width:698px;margin:20px auto;position: absolute; top:0; left: 487px;}
.box .contant {width: 698px;  height: 500px; margin:-20px auto 0; overflow: hidden;  font-size: 0;  position: relative;}
.box ul{width: 1920px;margin:0; overflow: hidden;margin:0px auto; }
.box li {float: left; width: 215px;margin-right: 24px;margin-bottom: 10px;position:relative;}
.box li img {width: 215px;height:  120px; border: solid 1px #dadada; }
.box li span {display: block;width:215px;color:#656565;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px; line-height: 30px;}

/*ys*/
.ys{ width:100%; height: 550px; }
.ys-c{position: relative; width: 1180px; height: 550px; margin: 0 auto; }
.ys_left{background:url(../images/ys_left.jpg) no-repeat  center;width: 390px;height: 430px;padding-top: 120px;position: relative;    float: left;}
.ys_left p{font-size: 18px;color: #333;font-weight: 500;top: 140px;left: 70px;position: absolute;}
.ys_left p em{display: block;margin-top: 10px}
.ys_left p span{font-size: 56px;display: block;margin-top: 20px;color: #fc7023;}
.ys_left p i{font-size: 26px;display: block;color: #fc7023;}
.ys h3{text-align: center; color: #db2420;font-size: 26px;    padding-top: 20px;}
.ys h3 span{font-size: 14px;color: #ccc;   line-height: 40px;text-transform: uppercase;font-weight: 500}
.ys-c ul{display: inline-block;width: 100px;    float: left; margin-top: 70px; margin-left: 40px;}
.ys-c li {width: 98px;height: 86px;background: url(../images/ys_sub_1.png) no-repeat center ;color: #fff;float: left;margin-top: 2px;    text-align: center;line-height: 87px;font-size: 32px;cursor: pointer;}
.ys-c li a{color: #fc7023;} 
.ys-c li.cur1{background: url(../images/ys_sub.png) no-repeat center ;color: #fff}
.ys-c li.cur1 a{color: #fff;}
.ys-c-p{float:right}
.ys-c-p img{position: absolute;width: 600px;height: 308px;  top: 70px;  right: 0px} 
.ys-c-p p{width: 600px;height: 108px;position: absolute;top: 400px;right: 0px;color: #4c4c4c;line-height: 30px;font-size: 16px}
.ys-c-p p em{font-size: 20px;font-weight: 600;color: #fc7023; }


/*关于我们*/
.section4{ width: 100%; height: 925px; background-color: #f0f0f0;}
.section4_con{width: 1180px; margin: 0 auto;}
.sec_top{ width: 1180px; overflow: hidden; position: relative;}
.sec_top img{ box-shadow: 5px 8.66px 10px 0px rgba(130, 129, 128, 0.44);width: 532px;height: 372px; float: left; margin-top: 55px; margin-bottom: 20px;}
.jux{width: 496px;height: 336px; border: solid 1px white; position: absolute; top:73px; left: 16px;}
.top_right{ width: 588px; height: 372px; float: right;}
.top_right h3{font-weight: 500; font-size: 34px; float: left;margin-top:65px;}
.top_right h3 a{ font-family: "微软雅黑"; color: #333;}
.text{ width: 588px; float: left;}
.text p{margin-top: 20px; font-size: 14px; color: #808080; line-height: 24px;white-space:inherit;overflow:hidden;text-overflow:ellipsis;}
.text em{ margin-top: 30px; font-size: 24px; color: #fc7023;display: block;}
.btn a{display: block;position: absolute; top:390px; left: 50%; width: 80px; height: 26px; color: #ccc;border: solid 1px #ccc; background-color: white; border-radius: 5px; font-size: 12px; text-align: center; line-height: 26px;}
.btn a:hover{ background-color: #fc7023; color: white;}
.sec_bottombox{width:1200px;margin:0 auto; position: relative;}
.sec_bottom {position: absolute; top:70px; left: 0;}
.sec_bottom .contant {width: 1200px;  height: 500px; margin:-20px auto 0; overflow: hidden;  font-size: 0;  position: relative;}
.sec_bottom ul{width: 1920px;margin:0; overflow: hidden;margin:0px auto; }
.sec_bottom li {float: left; width: 215px;margin-right: 28px;margin-bottom: 10px;position:relative;}
.sec_bottom li img {width: 217px;height:  147px; border: solid 5px #fff; }
.sec_bottom li span {display: block;width:215px;color:#656565;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px; line-height: 30px;}

/*news*/
.section5{ width: 100%; height: 526px; position: relative;}
.news{ width: 1180px; height: 526px; margin: 0 auto; overflow: hidden; position: relative;}
#tab_2{width:800px; position:relative; margin-top: 70px;}
#tab_2 .tab_menu{width:160px; float:left; position:absolute;z-index:1; height: 400px;}
#tab_2 .tab_menu li{width:160px;height:60px;line-height:60px;cursor:pointer;text-align:center;margin:0 2px 12px 0;overflow:hidden;background:#fc7023; font-size: 22px; color: #fff;}
#tab_2 .tab_menu li:hover,#tab_2 .tab_menu .selected{background-color:#d6d6d6;cursor:pointer;color: #fc7023;}
#tab_2 .hide{display:none;}
#tab_2 .tab_box1 div{}
#tab_2 .tab_box1{width:560px;height:456px;clear:both;top:0px; right:30px;position:relative;float: right;}
.tab_first{ overflow: hidden;}
.tab_first img{ width: 218px; height: 136px; border:solid 1px #808080; padding: 5px; float: left; margin-right: 15px;}
.first_1{ float:left; width:310px; height:178px;}
.tab_first h4{ font-size: 16px; font-weight: bold; color:#2f2f2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tab_first p{ height:100px;font-size: 14px; color:#5f5f5f; line-height: 24px; margin-top: 10px;white-space:normal;overflow:hidden;}
.tab_first a{ font-size: 12px; color: #2f2f2f; margin-top: 10px;}
.tab_first a:hover{color: #fc7023;}

.first_2 ul li a{ font-size: 14px; color: #5f5f5f; line-height: 32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.first_2 ul li em{ float:right;}
.first_2 ul li{ border-bottom: dashed 1px #ccc;}
.first_2 ul li a:hover{color: #fc7023;}

/* question */
.question{width:370px; float:right;position: absolute; top:65px; right: 0;}
.question .con_news_t h3{ margin:0; }
.question .con_news_t h3 a{ font-size: 20px; font-weight: bold; color: #fc7023; line-height:37px;}
.question .con_news_t{ border-bottom:solid 1px #b6b6b6;}
.question .con_news_t  span{ float:right; }
.question .con_news_t span a{ font-size:14px; color:#555; line-height:36px;}
.faq {width:360px;height:330px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:10px;}
.faq .contant {position:relative;height:320px;}
.faq .faq-c{ position:relative;}
.faq .faq-c .faq-l {margin-bottom:20px;clear:both;overflow:hidden; border-bottom:1px dashed #cfcfcf; }
.faq .faq-c .faq-l .faq-w span{width: 23px;height: 23px;line-height:23px;text-align:center;float:left;margin-bottom:10px;background:url(../images/que.jpg) no-repeat center top;}
.faq .faq-c .faq-l .faq-d span{clear:both;color:#fff;width: 23px;height: 23px;line-height:23px;text-align:center;float:left;margin-bottom:10px;background:url(../images/da.png) no-repeat center;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.faq .faq-c .faq-l .faq-w p {float:right;line-height: 23px;width: 320px;margin:0;color: #2f2f2f;font-size: 16px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.faq .faq-c .faq-l .faq-d p {float:right;width: 320px;height:80px;line-height:25px;margin:0;color: #333;overflow:hidden;}



