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

.banner img{width:100%}
.nb{width:100%; height: 500px; position: relative;float: left; background: url("../img/nb.jpg") no-repeat bottom;}
.hui{width:100%; float: left; background: #f2f2f2; padding: 50px 0;box-shadow: 0 0 3px 0 #ccc;}
.hui #td{ margin:-190px 0 0;}
.tit{width:1226px; margin: 0 0 30px 0;  text-align: center}
.tit p{width:1226px;font-size: 28px; font-weight: bold}
.tit span{width:1226px; float:left; font-size: 16px; margin-top: 15px; line-height:25px; color: #666}

.lei{width:1200px; float: left; position: absolute; top: 425px; background: #f5f5f5; opacity: 0.9;}
.lei ul li{width: 150px; float: left; text-align: center}
.lei ul li a{ font-size: 18px;  display:block; padding: 15px 0; }
.lei ul li a em {font-size: 12px;text-transform: uppercase;display: block;margin: 0 auto;color: #999;font-style: inherit;}
.lei ul li a:hover{ background: #fff; color: #F5A623}

.lei ul li a.active {background: #F5A623; color: #fff;}
.lei ul li a.active em {color: #fff;}
.lei .location{float: right; background: url("../img/wz.png") no-repeat center left; color: #999; padding-left: 30px; margin-right: 15px; line-height: 65px}
.lei .location a{ color: #999}
/***************新闻列表****************/
.newslist{ width:1200px; float: left; margin: 50px 0}
.newslist ul li{width: 386.6px; float: left; margin:0 20px 20px 0}
.newslist ul li:nth-child(3n){ margin-right: 0px}
.newslist ul li .tptx{ width: 386.6px; float: left}
.newslist ul li .xwimg img{ width:386.6px; height: 257px}
.newslist ul li .xwcon{ width: 346.6px; float: left; padding: 30px 20px 50px 20px; background: #f5f5f5}
.newslist ul li .xwcon .xwbt{width:100%; font-size: 18px;font-weight: bold; color: #333}
.newslist ul li .xwcon .xwbox{width:100%; float: left}
.newslist ul li .xwcon .xwbox .xwjs{width: 80%; float: left; padding-right: 6%;  border-right: solid 1px #ddd; margin-top: 10px}
.newslist ul li .xwcon .xwbox .xwjs p{width: 100%; float: left; font-size: 14px; color: #666; margin-top: 10px; line-height: 25px}
.newslist ul li .xwcon .xwbox .xwjs span{width: 100%; float: left; font-size: 14px; color: #999; margin-top: 10px; background: url("../img/sj.png") no-repeat left center; padding-left: 20px}
.newslist ul li .jt{ width: 13%; height: 100px; background: url(../img/youjt.png) no-repeat center; transition: 0.5s}
.newslist ul li:hover .jt{ background: url(../img/youjt_on.png) no-repeat 20px center}

.tptx{display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s}   
.tptx .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0}
.tptx .up-graybox .bgbox{display: block;width: 100%;height: 100%; background: rgba(0,0,0,0.6)} 
.tptx:hover .up-graybox{ opacity: 1}
.tptx .up-graybox .stit{font-size: 16px;line-height: 30px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff}
.tptx .up-graybox .linet {top: 0}
.tptx .up-graybox .lineb {bottom: 0}
.tptx .up-graybox .line {display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s}
.tptx .up-graybox:hover .line {width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60)}
/***************新闻内容****************/
.newsbox{width:1200px; margin: 50px 0; float: left}
.conl{width:730px; float: left; padding: 50px; background: #F4F5F8; }
.conl h1{ font-size: 24px; font-weight: bold}
.conl .xinxi{width:730px; float: left; margin-top: 20px; border-bottom: #ddd solid 1px; padding-bottom: 30px}
.conl .xinxi span{ margin-right: 20px; color: #999}
.conl .newscon{width:730px; float: left; margin: 10px 0 20px 0; line-height: 30px; color: #666}
.conl .newscon p{font-size: 16px; margin: 20px 0}
.conl .newscon img{max-width:730px; width:expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "730px": "auto" );}



.sxp {width:730px; float: left; padding:30px 0; margin-top: 30px}
.sxp p { line-height: 26px; font-size: 14px}
.sxp p a { color: #6b6b6b; margin-left: 15px }
.sxp p a:hover { color: #F5A623}
.sxp .p-prev { margin-bottom: 10px}
.sxp .fan { margin-top: 14px}
.fan { width: 120px; height: 32px; line-height: 32px; font-size: 16px; color: #fff !important; background: #F5A623; text-align: center; border-radius: 16px; margin-top: 15px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s}
.fan:hover { opacity: .7}

.conr{width:330px; float: right}
.conr span{width:330px; float: left;font-size: 24px; font-weight: normal; margin-bottom: 20px}
.conr dl{width:330px; float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid #eee 1px; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-ou}
.conr dl:last-child{ margin-bottom:0px; border: none}
.conr dl dt{width:330px; float: left}
.conr dl dt img{width: 100%}
.conr dl dd{width:300px; padding: 0 15px; float: left;font-size: 16px;color: #666;line-height: 25px; margin-top: 10px}
.conr dl:hover {transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-webkit-box-shadow:0px 5px 10px #ddd;-moz-box-shadow:0px 5px 10px #ddd;box-shadow:0px 5px 10px #ddd}



/***************案例列表****************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.kehulist{width: 1226px; float: left}
.kehulist li{width:1226px; float:lfet; background: #fff; margin-bottom: 30px}
.kehulist li .pic{width: 460px; float: left; height: 360px;position: relative;overflow: hidden}
.kehulist li .pic img{ width: 460px; height: 307px;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.kehulist li .pic img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.kehulist li .word{width: 668px; float: left; padding: 50px 48px 0 50px; transition: 0.3s; position: relative}

.kehulist li:nth-of-type(odd) .pic{ float: left}
.kehulist li:nth-of-type(odd) .word{ float: left}
.kehulist li:nth-of-type(even) .pic{ float: right}
.kehulist li:nth-of-type(even) .word{ float: left}

.kehulist li span{width: 668px; float: left; font-size: 26px}
.kehulist li span a{font-size: 28px;color: #333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.kehulist li font{width: 668px; float: left; font-size: 16px;  margin-top: 20px; overflow: hidden; color: #666}
.kehulist li p{width: 668px; float: left;color: #999;line-height: 30px; margin-top: 20px;overflow: hidden}
.kehulist li .more{width: 668px; float: left;display: block;margin-top: 20px;background: #F5A623 url(../img/arw7.png) center no-repeat;width: 40px;height: 40px;border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;text-align: center;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s}
.kehulist li .more em{font-size: 14px;color: #fff;vertical-align: top;line-height: 40px;padding-right: 24px;background: url(../img/arw7.png) right center no-repeat;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;display: none}
.kehulist li .more:hover{width: 140px;background-image: none}
.kehulist li .more:hover em{display: inline-block}
.kehulist li h3{font-size: 16px}
.kehulist li:hover h3{color: #D8253C}

/***************产品列表****************/

.f5{width:100%;float:left;background:#f5f5f5}
.cp{width:1200px;float:left;margin:50px 0 100PX 0}
.cp .cpl{width:250px;float:left}
.cp .cpl .cpl_a{width:210px;padding:30px 20px;float:left;background:#0483CC;color:#fff}
.cp .cpl .cpl_a dl{width:210px;float:left}
.cp .cpl .cpl_a dl dt{width:30px;margin-top:15px;float:left}
.cp .cpl .cpl_a dl dd{width:160px;float:right}
.cp .cpl .cpl_a dl dd span{font-size:30px;font-weight:bold}
.cp .cpl .cpl_a dl dt p{font-size:16px}
.cp .cpl .cpl_b{width:250px; float:left;background:#fff}

.menu_list{width:250px;float: left}
.menu_list h3{width:212px;float: left; height:47px;line-height:47px;padding-left:38px;font-size:14px;color:#333;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#eee url(../img/pro_left.png) center right no-repeat}
.menu_list h3.current{background:#f1f1f1 url(../img/pro_down.png) center right no-repeat}
.menu_body{width: 230px; float: left; padding: 10px; line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1}
.menu_body a{width: 115px; float: left; text-align: center;display:block;line-height:40px; font-size: 14px; color:#666;}
.menu_body a:hover{text-decoration:none}

.cp .cpl .cpl_c{width:210px;padding:30px 20px;float:left;background:#0483CC;color:#fff}
.cp .cpl .cpl_c dl{width:210px;float:left}
.cp .cpl .cpl_c dl dt{width:50px;float:left}
.cp .cpl .cpl_c dl dd{width:150px;float:right}
.cp .cpl .cpl_c dl dd span{width:150px;float:left;font-size:16px}
.cp .cpl .cpl_c dl dd p{width:150px;float:left;font-size:22px;font-weight:bold}
.cp .cpr{width:920px;float:right}
.cp .cpr dl{width:293px;float:left;margin:0 20px 20px 0;position:relative}
.cp .cpr dl:nth-child(3n){margin-right:0px}
.cp .cpr dl dt{width:293px;height:195;float:left;display:inline-block;box-sizing:border-box;overflow:hidden}
.cp .cpr dl dt img{width:293px;height:195px;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.cp .cpr dl dt img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.cp .cpr dl dd{width:293px;float:left;background:#333;line-height:45px;color:#fff;text-align:center;position:absolute;top:150px;opacity:0.7}

/***************产品详情页****************/
.pro1{width:1200px; float: left; margin: 50px 0; height: 450px; position:relative}
#cpt{width:550px; position:absolute;left:0}
#datu{ width:450px; float:left;overflow:hidden; border: #ddd solid 1px}
#datu img{width:450px;height:450px}

#xiaotu{float:right;width:85px}
#xiaotu img{width:105px;height:105px}
#xiaotu a{width:107px;height:107px;margin-bottom:7px;display:block;border:1px solid #ddd}
#xiaotu a:last-child{ margin-bottom: 0px;}
#xiaotu .on{border:1px solid #F5A623}

.pro1 .cpxx{width:550px; float: right}
.pro1 .cpxx h1{font-size: 24px; font-weight: bold; border-bottom: #eee solid 1px; padding: 15px 0;}
.pro1 .cpxx p{ background: #f5f5f5; line-height: 30px; margin-top: 30px; padding: 20px}
.pro1 .cpxx dl{ margin-top: 20px}
.pro1 .cpxx dl dt{width: 200px; float: left; font-size: 18px; margin-top: 28px; line-height: 25px; background: url("../img/cptel.png") no-repeat left center; padding-left: 60px}
.pro1 .cpxx dl dd{ width:200px; float: left; background: #F5A623; color: #fff; line-height: 45px; text-align: center; margin-top: 30px}
.pro1 .cpxx dl dd a{ display: block; color: #fff;font-weight: bold; font-size: 16px}
.pro1 .cpxx dl dd a:hover{ color: #fff}
.pro2{margin: 0 auto; width: 800px; background: #fff}
.pro2 p{}

/***************联系我们****************/
.dtbg{width:100%; float: left; background: url("../img/dtbg.jpg") no-repeat; padding: 170px 0}
.dtbg dl{width: 1226px; float: left;background: #fff;box-shadow: 0px 6px 20px 0px rgba(0, 82, 177, 0.08);}
.dtbg dl dt{width: 500px; float: left}
.dtbg dl dd{width: 626px; padding: 50px; float: right}
.dtbg dl dd span{width: 626px; float: left; font-size: 22px; font-weight: bold; margin-bottom: 30px;}
.dtbg dl dd p{width: 626px; float: left; margin-bottom: 20px;font-size: 16px}
/***************公司简介****************/
.about{width:1226px; float: left; margin: 100px 0}
.about .ab1{width:1200px; float:left; text-align:center; font-size:26px; font-weight:600; margin-top:30px}
.about .ab2{ width:1200px; float:left; text-align:center; background:url(../img/abbg.png) no-repeat center; color:#ED0C3A; font-size:18px; margin-top:20px}
.about .ab3{ width:1200px; float:left; margin: 50px 0}
.about .ab3 p{font-size: 16px; color: #666; line-height: 35px; margin:15px 0}
.about .ab3 strong{ color:#333}

.in_teamx {width:1226px; float: left;position: relative; margin-top: 30px}
.in_teamx .swiper-slide {background: #fff;text-align: center;height: 474px;transition: all 0.3s}
.in_teamx .swiper-slide img {border: 2px solid #F5A623;width: 153px;height: 153px;display: block;overflow: hidden;margin: 60px auto 0;border-radius: 50%}
.in_teamx .swiper-slide img:hover {border-color: #1659a3}
.in_teamx .swiper-slide span {font-size: 18px;display: block;overflow: hidden;margin: 30px 0 15px 0;position: relative;z-index: 2}
.in_teamx .swiper-slide p {color: #666666;line-height: 25px;width: 220px;margin: 0 auto 25px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;position: relative;z-index: 2}
.in_teamx .swiper-slide a {display: block;overflow: hidden;margin: 0 auto;width: 130px;line-height: 36px;border: 1px solid #cbcbcb;border-radius: 5px;position: relative;z-index: 2}
.in_teamx .teamx-prev {left: -80px}
.in_teamx .teamx-next {right: -80px}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform}

/* all */
.wrap {width: 1226px;margin: 0 auto}
.wehbj {background: #f7f7f7}
/* but-prev but-next */
.but-prev,.but-next {position: absolute;top: 50%;width: 54px;height: 54px;border-radius: 50%;margin-top: -27px;box-shadow: 0 2px 4px rgba(22, 89, 163, 0.2);background-color: #fff;background-repeat: no-repeat;background-position: center center;background-image: url(../img/icon_lr1l.png);z-index: 5;cursor: pointer;transition: all 0.3s;outline: 0}
.but-prev.but-next,
.but-next.but-next {transform: scaleX(-1)}
.but-prev:hover,
.but-next:hover {background-color: #F5A623;background-image: url(../img/icon_lr2l.png)}


/*分页样式*/
#fenye{width: 900px; float: left; clear:both; margin:10px auto;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #F5A623;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#F5A623;border:1px solid #F5A623;color:#fff;}
#fenye a:hover{background:#F5A623;border:1px solid #F5A623;color:#fff; text-decoration:none}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #F5A623;border: 1px solid #F5A623;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #F5A623;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;}
#realname{height: 30px;border: 1px solid #ddd;}
#b1{padding: 5px 10px;background: #ff7d02;color: #fff;border: 1px solid #ff7d02;border-radius: 3px;}

.fenyetips{ display:none}
#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center; float:left; border:1px solid #F5A623;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#F5A623;border:1px solid #F5A623;color:#fff;}
#pagelist a:hover{background:#F5A623;border:1px solid #F5A623;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.fenye a img{ display:block;margin:0 auto;margin-top:12px;}