*{ margin: 0; padding: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -moz-transition: .3s;}
html,body{  width: 100%; max-width: 1920px; min-width: 1280px; margin: 0 auto; color: #666;  }
body{  position: relative;  font-size: 14px; margin: auto; font-family: "微软雅黑"; overflow-x: hidden; }
a{ color: #666; text-decoration: none;}
a:hover,
a:focus{ text-decoration: none;}
h4{ font-size: 16px; font-weight: normal;color: #666666;}
i,em{font-style: normal; font-family: arial;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ vertical-align: middle; max-width: 100%; border: none;}


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ""; display: block; clear: both;}
.wapper{ width: 1280px; margin: 0 auto;}
.baff{ background: #fff !important;}
.noback{ background: none !important;}


/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}





/* top  */
.top{ padding: 11px 0; }
.top .logo{ width: 164px; height: 79px; }
.top .menu{ margin-left: 80px;}
.top .menu ul li{ float: left; margin-left: 40px; width: 65px; padding: 0 20px; text-align: center;}
.top .menu ul li div{ font-size: 16px; color: #666; height: 40px; line-height: 40px;}
.top .menu ul li i{ display: block; height: 1px; background: #ccc;}
.top .menu ul li p{ font-size: 12px; line-height: 30px; color: #adadad; text-transform: uppercase;}

.top .menu ul li.on{ padding: 0; width: 85px; padding: 0 10px;}
.top .menu ul li.on div{ color: #666; text-align: left; }
.top .menu ul li.on i{ background: #ccc; transform: rotate(-30deg); padding:0 10px}
.top .menu ul li.on p{ color: #cdcdcd; text-align: right; }

.top .menu ul li:hover div,
.top .menu ul li:hover p,
.top .menu ul li.on:hover div,
.top .menu ul li.active div,
.top .menu ul li.on:hover p,
.top .menu ul li.active p{ color: #EF6000;}
.top .menu ul li.on:hover i,
.top .menu ul li.active i,
.top .menu ul li:hover i{ background: #ef6000;}


.fxtop.asukza{ margin-top: 20px;}
.fxtop.asukza.social-share a{ font-size: 22px; border: none;  color: #b3b3b3;}
.fxtop.asukza.social-share a:hover{ color: #fff; font-size: 20px;}
.fxtop.asukza.social-share .icon-wechat .wechat-qrcode{ top: 50px ;}
.fxtop.asukza.social-share .icon-wechat .wechat-qrcode:after{  top: -15px; border-color: transparent transparent  #ef6000 transparent;}


/*banner*/
.banner,.banner .flexslider,.banner .slides li{  min-width: 1280px; height: 780px;  margin: 0 auto; position: relative;}
.banner .flexslider{overflow: hidden; z-index: 0; display: block;}
.banner .slides li{ position: relative; z-index: 0; display: block; }
.banner .slides li a{display: block; height: 100%;}


.nbanner{ min-width: 1280px; height: 360px; margin: auto;}
.nbanner img{ height: 100%;}


/* 圆点切换 */
.banner .flex-control-paging{ }
.banner .flex-control-nav{position:absolute; bottom: 30px; width: 100%; z-index:11111;  margin: 0 auto; text-align: center; }
.banner .flex-control-nav li{ display: inline-block; width: 10px; height: 10px; line-height: 330px; margin: 0px 9px;   overflow: hidden;  border-radius: 50%; }
.banner .flex-control-nav a{ display: inline-block; width: 8px; height: 8px;  cursor:pointer; border: 1px solid #f1f2f2; border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background:#EF6000; border-color: #EF6000;}


/* 左右按钮切换 */
/*.flex-direction-nav a{ width: 40px; height: 48px; line-height: 99em; overflow:hidden; display: block; position: absolute; top:; z-index:10; cursor:pointer;opacity:1;filter:alpha(opacity=1); -webkit-transition:all .3s ease; outline: none;}
.flex-direction-nav .flex-next{  height: 100%;  background:rgba(255,255,255,.5); right:0;}
.flex-direction-nav .flex-prev{  height: 100%;  background:rgba(255,255,255,.5); left:0;}
.flex-direction-nav .flex-prev:after{ content: '<'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.flex-direction-nav .flex-next:after{ content: '>'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100); background: #008ed6;}*/


.ntit {margin: 20px 0 15px;}
.ntit div span{ font-size: 22px; color: #1a1a1a;}
.ntit div i{ color: #b2b2b2; text-transform: uppercase;}
.ntit a{ display: block; width: 42px; line-height: 42px; background: #EF6000; color: #fff; text-align: center; font-size: 12px;}

.new .newlist{}
.new .newlist ul{ width: 1360px;}
.new .newlist ul li{float: left; width:600px; height:32px; line-height:32px; margin-right:80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.new .newlist ul li a{ font-size: 16px; color: #595959; text-transform: uppercase;}
.new .newlist ul li i{ display: inline-block; width: 6px; height: 6px; background: #808080; border: 2px solid #808080; border-radius: 50%; margin-right: 10px;}
.new .newlist ul li:hover i{ display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #EF6000;}
.new .newlist ul li:hover a{ color: #EF6000;}



.pppp{ margin: 30px auto;}
.product{ min-width: 1280px;}
.product ul{height: auto;}
.product ul li { display: flex; justify-content: center; padding-bottom: 10px; }
.product ul li .img{ }
.product ul li em{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5);  width: 100%; height: 97.5%; margin: auto;}
.product ul li dl{ position: absolute; z-index: 22; bottom: -122px; width: 70%; left: 20px; box-sizing: border-box; color: #fff;}
.product ul li dl dt i{ display: block;}
.product ul li dl dt span{ font-size: 24px; display: block; overflow: hidden; white-space: nowrap; line-height: 55px;}
.product ul li dl dd span{ display: block;  font-size: 12px; color: #eaeaea; line-height: 22px; height: 66px; overflow: hidden; }
.product ul li dl dd i{ display: inline-block; border-bottom: 1px solid #e5e5e5; color: #e5e5e5; text-transform: capitalize; margin: 20px 0 25px;}
.product ul li:hover:after{ content: '';position: absolute; left: 0; bottom: 0px; width: 100%; border-bottom: 4px solid #EF6000;}
.product ul li:hover dl{ bottom: 0;}

.product .swiper-button-next{ right:16.5%;}
.product .swiper-button-prev{ left: 16.5%;}




/* */
.coop .wapper{ position: relative;}
.coop .wapper .stion{ right: 10px; top: 0;}
.coop .wapper .stion .swiper-pagination-bullet{ margin: 0 5px;}
.coop .wapper .stion .swiper-pagination-bullet-active{ background: #EF6000;}
.cooper ul{height: auto;}
.cooper ul li{ border: 1px solid #eee; width: 118px !important; height: 118px; }
.cooper ul li img{ width: 118px; height: 118px;}




.footer{ background: #404145; padding: 15px 0 10px;}
.fotf{ width: 510px;}
.fotf .fr{ margin-top: 65px;}
.fotf .fr a{ border: none; color: #666; font-size: 22px;}
.fotf .fr a:hover{ background: none; color: #999;}
.fotf ul{ width: 540px; margin-top: 10px;}
.fotf ul li{ float: left; margin-right: 29px;}
.fotf ul li a{ display: block; font-size: 16px; color:  rgba(255,255,255,.9);}

.add{ font-size: 16px; color: rgba(255,255,255,.6); line-height: 50px; font-family: "微软雅黑 Light";}

.topfr{ width: 330px; margin-top: 45px;}
.topfr .llist{/*  width: 175px; */}
.topfr .llist span{ display: block; font-size: 18px; color: rgba(255,255,255,.9); margin-bottom: 22px;}
.topfr .llist p{ color: rgba(255,255,255,.6);line-height: 24px;}
.topfr .erw{ width: 110px; height: 110px; padding: 5px; background: #fff;}

.daoian{ text-align: center; line-height: 40px; border-top: 1px solid #666; text-transform: uppercase; background: #404145; font-size: 12px;}











/* 项目详情   */
.tiele{ background: #f2f2f2; height: 60px; line-height: 60px; margin-bottom: 40px;}
.tiele ul li{ float: left; width: 160px; text-align: center;}
.tiele ul li a{ display: block; font-size: 18px; color: #4c4c4c;}
.tiele ul li.active a,
.tiele ul li:hover a{ background: #ff6500; color: #fff;}
.tiele .add-ind{ padding-left: 25px ; background: url(../images/home.png) no-repeat left center;}
.tiele .add-ind a{ color: #808080;}


.show_bj{ line-height: 36px; color: #666; padding-bottom: 50px; text-align: justify;}



/*  showlist  */
.showlist{ padding: 0 20px;}
.showlist>ul li{ float: left; width: 24%;  text-align: center; margin-bottom: 25px; margin-right: 1.33333%;}
.showlist>ul li div{  position: relative; overflow: hidden;}
.showlist>ul li div dl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; right: 0; bottom: 0; margin: auto; background: rgba(239,96,0,.8); text-align: center; color: #fff; opacity: 0;}
.showlist>ul li div dl dt{ margin-top: 80px;}
.showlist>ul li div dl dt span{ display: block; font-size: 24px; white-space: nowrap;overflow: hidden;}
.showlist>ul li div dl dt i{ display: block;font-size: 16px; white-space: nowrap;overflow: hidden;}
.showlist>ul li div dl dd{ margin-top: 50px;}
.showlist>ul li div dl dd img{ width: 42px; height: 42px !important;}
.showlist>ul li div img{ width: 100%;}
.showlist>ul li:nth-child(4n+4){ margin-right: 0;}
.showlist>ul li p{ margin-top: 15px; font-size: 16px; color: #4c4c4c;}
.showlist>ul li p i{ display: inline-block; margin: 0 5px;}
.showlist>ul li:hover div dl{ opacity: 1;}

.m-page{ text-align: center; margin: 70px 0 90px;}
.m-page li{display: inline-block;vertical-align: middle;}
.m-page a{ display: inline-block; padding: 0 10px; margin: 0 9px; line-height: 35px; min-width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #999; color: #999;}
.m-page li.active a,
.m-page a:hover{ background: #999; color: #fff;}



/*  项目详情  */
.gallery-thumbs { margin: 20px 0;}
.gallery-thumbs ul li{ border: 2px solid transparent;}
.gallery-thumbs ul li em{ position: absolute; left: 0; top: 0; width: 100%; height:100%; }
.gallery-thumbs .swiper-slide-thumb-active { border: 2px solid #EF6000;}

.gallery-top .swiper-button-prev{ left: 0;}
.gallery-top .swiper-button-next{ right: 0;}
.gallery-top .swiper-button-white{ width: 100px; height: 105px;}
.gallery-top .swiper-button-white:hover{ background-color: rgba(0,0,0,.6); }

.prcd { padding: 20px 0 ; border-bottom: 2px solid #EF6000; }
.prcd p{ color: #666; font-size: 16px; line-height: 32px; margin-bottom: 10px;}
.prcd p b{ color: #333;}

.ppae{ padding: 26px 0;}
.ppae a{ display: inline-block; margin-right: 35px; font-size: 12px; color: #666;}
.ppae a:hover{ color: #EF6000;}











/*  新闻   */

.new-baner,.new-baner .flexslider,.new-baner .slides li{  height: 580px;  margin: 0 auto ; position: relative;}
.new-baner .flexslider{overflow: hidden; z-index: 0; display: block;}
.new-baner .slides li{ position: relative; z-index: 0; display: block; }
.new-baner .slides li a{display: block; height: 100%;}

.new-baner{ margin: 60px 0 60px;}
.new-baner ul li .banimg img{ height: 580px;}
.new-baner ul li .ban-op{ position: absolute;  width: 480px; height: 260px; right: 20px; bottom: 20px; background: #fff; padding: 25px ; box-sizing: border-box;}
.new-baner ul li .ban-op span { display: block;}
.new-baner ul li .ban-op span i{ display: block; font-size: 18px; color: #1f1f1f; font-weight: bold; font-family: "微软雅黑 Light"; line-height: 35px;}
.new-baner ul li .ban-op span em{ display: block; width: 15px; height: 4px; background: #EF6000;}
.new-baner ul li .ban-op dl { }
.new-baner ul li .ban-op dl dt{ font-size: 28px; color: #33; margin: 30px 0; white-space: nowrap; overflow: hidden;}
.new-baner ul li .ban-op dl dd{ color: #666; line-height: 24px; height: 48px; overflow: hidden;}
.new-baner .flex-control-paging{ }
.new-baner .flex-control-nav{ position:absolute; bottom: 30px; width: 100%; z-index:11111;  margin: 0 auto; text-align: right; padding-right: 40px; box-sizing: border-box;}
.new-baner .flex-control-nav li{  display: inline-block; width: 22px; height: 20px; line-height: 20px; margin: 0px 5px;   overflow: hidden;   text-align: right; }
.new-baner .flex-control-nav a{position: relative; display: inline-block; width: 22px; height: 20px; color: #ccc;  cursor:pointer;font-family: 'dincond-bold-webfont';font-size: 24px; }
.new-baner .flex-control-nav li a:after{ content: "0"; position: absolute; left: 0px; color: #ccc;font-size: 24px; width: 12px;font-family: 'dincond-bold-webfont';}
.new-baner .flex-control-nav .flex-active{  color: #EF6000;}
.new-baner .flex-control-nav .flex-active:after{color: #EF6000;}


.newul{ padding: 0 20px;}
.newul ul li{ padding: 24px 0; border-bottom: 1px solid #b3b3b3;}
.newul ul li span{ display: block; white-space: nowrap; overflow: hidden; font-size: 22px; color: #292929; margin-bottom: 10px;}
.newul ul li p{color: #808080; line-height: 22px;}
.newul ul li div{ line-height: 26px; height: 52px; overflow: hidden; color: #4c4c4c; margin-top: 10px;}
.newul ul li:hover span{ color: #EF6000;}






/*  联系我们   */
.contus .map{ height:560px;}
.contus .map img{ height: 100%;}

.address{ margin-top: 30px;}
.address ul li{ float: left; line-height: 32px;font-size: 20px; color: #4c4c4c; margin-bottom: 15px; }
.address ul li img{ height: 32px;}
.address ul li.li1{ width: 500px;}
.address ul li.li2{ width: 385px;}
.address ul li.li3{ width: 395px; text-align: right;}
.address ul li.li4{ }

.joinus{ margin-top: 60px; margin-bottom: 80px;}
.jointop{ font-size: 24px; color: #151515; margin-bottom: 30px;}
.jointop span{ display: inline-block; font-size: 36px;}

.akym dl dt{ border-top: 2px solid #d9d9d9;border-bottom: 2px solid #d9d9d9;}
.akym dl dt ul li{ float: left; font-size: 20px; color: #333; text-align: center; margin-right: 65px; line-height: 55px;}
.akym dl dt ul li.l1{ width: 160px;}
.akym dl dt ul li.l2{ width: 160px;}
.akym dl dt ul li.l3{ width: 160px;}
.akym dl dt ul li.l4{ width: 160px;}
.akym dl dt ul li.l5{ width: 160px;}
.akym dl dd ul {  border-bottom: 2px solid #d9d9d9;}
.akym dl dd ul li{ float: left; font-size: 20px; color: #333; text-align: center; margin-right: 65px; line-height: 55px;}
.akym dl dd ul li.l1{ width: 160px;}
.akym dl dd ul li.l2{ width: 160px;}
.akym dl dd ul li.l3{ width: 160px;}
.akym dl dd ul li.l4{ width: 160px;}
.akym dl dd ul li.l5{ width: 160px;}
.akym dl dd ul li.l6{ width: 140px; margin-right: 0; font-size: 16px; color: #eb6100; cursor: pointer;}
.akym dl dd ul li.l6 i{ display: inline-block; width: 80px;}
.akym dl dd .ddbjk{ display: none; line-height: 28px; color: #737373; font-size: 16px; padding: 30px 0; transition: 0;-webkit-transition: 0s;
    -moz-transition: 0s;
    -moz-transition: 0s;}
.akym dl dd.on ul li.l6 i{ display: inline-block; height: 100%;}
.akym dl dd.on ul li.l6 img{ transform: rotate(180deg);}





/*  about   */
.abouttl{ text-align: center;font-size: 18px; color: #272727; margin: 60px 0;}
.aboutlist ul { width: 1285px; margin-bottom: 60px;}
.aboutlist ul li{ float: left; width: 208px; height: 158px; border: 1px solid #d8be7d; margin: 0 4px 4px 0;}



.abodl dt{ font-size: 36px; color: #ef6000;}
.abodl dt em{ display: block; width: 25px; height: 2px; background: #EF6000; margin-top: 25px;}
.abodl dd{ line-height: 34px; color: #595959; margin-top: 20px;}

.aboban{ margin: 40px 0 60px;}

.abvl{ }
.abvl,
.abvl .slides li{ width: 880px; height: 360px;  margin: 0 auto ; position: relative;}
.abvl .flexslider{overflow: hidden; z-index: 0; display: block;}
.abvl .slides li{ position: relative; z-index: 0; display: block; }
.abvl .slides li a{display: block; height: 100%;}


/* 左右按钮切换 */
.abvl .flex-control-nav.flex-control-paging{ opacity: 0;}
.abvl .flex-direction-nav a{ width: 90px; height: 48px; overflow:hidden; display: block; position: absolute; bottom:0; z-index:10; cursor:pointer;opacity:1;filter:alpha(opacity=1); -webkit-transition:all .3s ease; outline: none;}
.abvl .flex-direction-nav .flex-next{  height: 48px;  background:#fff url(../images/abarrl.png) no-repeat center; left: 90px;}
.abvl .flex-direction-nav .flex-prev{  height: 48px;  background:#fff url(../images/abar.png) no-repeat center; ; left:0;}
.abvl .flexslider .flex-next:hover{ background-image: url(../images/abarrr.png);}
.abvl .flexslider .flex-prev:hover{ background-image: url(../images/abal.png);}




.aboban .abrif{ width: 400px; background: #eb6100; height: 360px; padding-left: 135px; box-sizing: border-box;}
.aboban .abrif dl{ width: 210px; color: #fff; padding-right: 40px}
.aboban .abrif dl dt{ text-align: right;}
.aboban .abrif dl dt span{ display: block; font-size: 28px; margin: 50px 0 25px;}
.aboban .abrif dl dt p{ display: inline-block; width: 25px; height: 2px; background: #fff;}
.aboban .abrif dl dd{ margin-top: 30px; text-align: right;  line-height: 34px;}



/*  公司资质   */
.scroll{ padding: 80px 0; margin-bottom: 80px;}
.scroll ul{height: auto;}
.scroll ul li{ text-align: center;}
.scroll ul li p{ margin-top: 20px; font-size: 18px; color: #292929;}
.scroll .swiper-scrollbar{ max-width: 1280px; left: 0; right: 0;margin: auto; background: #b9b9b9;}
.scroll .swiper-scrollbar-drag{ background: #EF6000;}



/*  荣誉   */
.rongyu{ position: relative; width: 1280px; padding:20px 75px; margin: auto;}
.rongyu ul li{ float: left; width: 320px; height: 420px; overflow: hidden; margin-right: 155px;}
.rongyu,.rongyu .flexslider,.rongyu .slides li{  height: 420px;  }
.rongyu .flexslider{ overflow: hidden; z-index: 0; display: block;}
.rongyu .slides{height: auto;}
.rongyu .slides li{ position: relative; z-index: 0;}
.rongyu .slides li>a{ display: flex;justify-content: center;align-items: center; height: 100%;}

/* 左右按钮切换 */
.rongyu .flex-control-paging{ opacity: 0;}
.rongyu .flex-direction-nav a{ width: 35px; height: 64px; overflow:hidden; display: block; position: absolute; top: 50%; z-index:10; cursor:pointer; outline: none; margin-top: -32px;}
.rongyu .flex-direction-nav .flex-prev{width: 35px; height: 64px; background: url(../images/ryleft.jpg) no-repeat center; left: 0;}
.rongyu .flex-direction-nav .flex-next{width: 35px; height: 64px; background: url(../images/ryright.jpg) no-repeat center; right: 0; }
.rongyu .flexslider .flex-next:hover { background-image: url(../images/ryright1.jpg); }
.rongyu .flexslider .flex-prev:hover { background-image: url(../images/ryleft1.jpg); }

.rylist { margin-bottom: 80px;}
.rylist ul li{margin-top: 50px;}
.rylist ul li span{ font-size: 24px; color: #eb6100; font-weight: bold; display: block;margin-bottom: 20px;}
.rylist ul li p{ line-height: 32px; font-size: 16px; color: #333333;}