@charset "utf-8";
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body {margin:0;padding:0;font-family:'微软雅黑', Arial, Helvetica, sans-serif;height:100%;color:#454545;font-size:14px; line-height:25px; background:#eaeaea;}
.toperh,.toperh .tel,.toper,.toper .logo,.toper .logowy,.toper ul,.toper .tel,.toper li dl
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#333}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑', Arial, Helvetica, sans-serif;border:0;font-size:15px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd,p { margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5 { margin:0;padding:0;font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
.cl{ clear:both}
::-webkit-input-placeholder {color: #c8c8c8; } 
:-moz-placeholder {color: #c8c8c8; } 
::-moz-placeholder { color: #c8c8c8; } 
:-ms-input-placeholder {color: #c8c8c8; } 
.biaodan{width:280px;line-height: 36px;height:36px; border:1px solid #e2e2e2;}
.anniu{width:292px;line-height: 38px; height:38px; text-align: center; background: #666; color:#fff;}
/* PC导航 */
.wrapper_b{width: 1400px;margin: 0 auto; background: #fff;}
.wrapper{width: 1320px;margin: 0 auto;}
.toper,.toperh.active { width: 1400px;margin: 0 auto; background: #fff;height:90px; position:fixed; z-index:9999; background:#fff;}
.toper .logo,.toperh.active .logo {margin:20px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat center;width:210px; height:50px;background-size:100%;}
.toper .logowy,.toperh.active .logowy {margin:20px 0 0 0; display:block;float:left; background:url(../images/logowy.png) no-repeat center;width:210px; height:50px;background-size:100%;}
.toper .tel,.toperh.active .tel { background:url(../images/yy.png) no-repeat left 40%;height:27px;float:right;margin:33px 0 0 30px; padding-left: 30px}
.toper .tel strong{color:#ff0000}
.toper ul { float:right;margin:13px 0 0 0}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:40px}
.toper ul li i,.toperh.active ul li i {background:url(../images/1.png);width:11px; height:7px;vertical-align:top;margin:0 0 0 5px;display:inline-block}
.toper ul li:hover i,.toper ul li.check i,.toperh.active ul li:Hover i { background:url(../images/5.png);}
.toper li a {font-size:14px; font-weight: bold; display:block; height:90px; line-height:65px;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#ee3300;}
.toper li dl { position:absolute; z-index:1;top:77px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a,.toperh.active li dl dd a,.toperh.active li dl dd a:hover,.toperh.active li.check dl dd a {font-size:14px; height:35px;line-height:35px; font-weight: normal; border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank { height:90px;}

.toper.active2 { height:65px;}
.toper.active2 .logo {margin-top:12px; height: 40px; width: 168px;background-size:100%;}
.toper.active2 .logowy {margin-top:12px; height: 40px; width: 168px;background-size:100%;}
.toper.active2 ul {margin:0;}
.toper.active2 .tel{margin-top:20px}
.toper.active2 li dl {top:65px}

/* 手机导航 */
.phonemenu { display:none; font-family: "微软雅黑"; font-size:14px;}
.phonemenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 30px;height: 25px;right:3%;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#f08200;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #f08200;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}

.phonemenu .nav { position:fixed; z-index:99996;top:50px;width: 100%;height: 100%;right:0; background:rgba(0,0,0,0.9);right:-100%}
.phonemenu .nav--active .nav {right:0;}
.phonemenu .nav ul {margin:20px 0 0 0}
.phonemenu .nav li {}
.phonemenu .nav li a {color:#eee; font-size:14px;}
.phonemenu .nav li a:hover {color:#fff; background:none;}

.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #f08200}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #f08200;}
.bannerin { background-position:center; background-repeat:no-repeat; height:310px}

@media (max-width:1023px) {
.toper { width:100%;background:#fff;}
.toperh.active { width: auto;background:#fff;}
.topblank { height:50px}
.toper .tel { display:none;}
.toper,.toperh.active { height:50px}
.toper .logo,.toperh.active .logo {margin:8px 0 0 0;width:143px; height:34px; background-size:100%;}
.toper .logowy,.toperh.active .logowy {margin:8px 0 0 0;width:143px; height:34px; background-size:100%;}
.toper ul { display:none;}

.toper.active2 { height:50px;}
.toper.active2 .logo {margin:8px 0 0 0;width:143px; height:34px;}
.toper.active2 .logowy {margin:8px 0 0 0;width:143px; height:34px;}
.toper.active2 ul {margin-top:20px}
	
.phonemenu { display:block;}
.phonemenu ul { display:block;float:none; text-align:center;margin:60px 0 0 0}
.phonemenu li { display:block;width:100%;margin:0;}
.phonemenu li a {font-size:14px;border-width:0;line-height:40px;padding:0;color:#fff}
.phonemenu li a:hover { background:none}
.accordionmenu {}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:14px}
.accordionmenu li .link a {color:#fff;font-size:14px;}
.accordionmenu li.open .link { background:#f08200;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p { height:40px; line-height:40px; background:#dee1e5;border-top:1px solid #bcbfc1;}
.accordionmenu .submenu p a { display:block;color:#696969;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#f08200}
}
/* 手机导航结束 */
/*首页*/
.service{ padding: 5% 0 3%}
.service dt{ font-size:16px; line-height: 50px}
.service_l{float:left;}
.service_r{float:right;}
.gallery-item{position: relative; overflow: hidden}
.gallery-item a:after{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0,0,0,0.6); opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.gallery-item a:hover:after{opacity: 1;}
.gallery-item a{display: block;}
.gallery-item .img img{width: 100%;display: block;transform:scale(1, 1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.gallery-item a:hover img{transform:scale(1.1, 1.1);}
.gallery-item .txt{height: 46px;line-height: 1.6;text-align: center;font-size: 36px; font-weight: normal; color: #fff; position: absolute; left: 0; right: 0; top: 48%; margin-top: -23px; z-index: 222; opacity: 0;}
.gallery-item:hover .txt{opacity: 1;}
.hometitle{text-align: left; color: #000; font-size: 24px; padding-top:3%; padding-bottom:3%;}
.hometitle:after{width:30px; height: 3px; background: #ff6600; content: ''; display: block; margin-top: 10px;}
.case{ padding: 0 0 4%;margin: 0 -5px; overflow: hidden;}
.case li{float:left; width:25%; text-align: left;}
.casekuang{margin: 0 5px;}
.case h2{font-size:16px; padding: 10px 0}
.Bigimg{overflow: hidden;}
.Bigimg img {width: 100%;height: auto;-webkit-transition: transform 0.5s;transition: transform 0.5s;}
.Bigimg img:hover {transform: scale(1.15);-webkit-transform: scale(1.15);}
/*底部*/
.footer{background: #3f3f3f; padding: 30px 0 20px; color: #fff;}
.footer-nav{text-align:left; height: auto;float:left;}
.footer-nav img{ padding-right:25px}
.footer h2{font-size: 14px; color: #ffffff; padding-bottom: 15px;}
.footer a{color:#eee}
.footer-ewm{float:right;}
.copyright{	text-align: center; margin-top: 20px; color: #ccc; border-top:1px solid #555; padding-top:1%}
.footer-lx{float:left; padding-left: 10%}
.footer-lx>li{margin-top: 10px;width:100%;}
.footer-lx>li:first-child{margin-top: 0;}
.footer-lx>li .fd1{vertical-align: middle;font-size: 14px;color: #ccc;padding:4px 0}
.footer-lx>li .fd1 img{margin-right: 10px; margin-top: -3px}
.footer-lx>li .fd2{color: #fff;}
/*联系我们*/
.abouttitle{line-height: 35px;font-size: 24px; color: #000; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.producttitle{line-height: 30px;font-size: 24px; color: #000; padding-left: 40px}
.about{background:url(../images/headtop.png) no-repeat top; padding-top: 80px}
.about_l{float:left; width: 50%}
.aboutcontent{ padding: 50px 45px 50px; line-height: 240%;min-height:300px}
.bank{ padding: 50px 45px 50px; line-height: 220%;}
.bank strong{font-size:20px;}
.bank img{margin: 15px 0;}
.productcontent{ padding: 20px 40px 20px;min-height:300px}
.aboutbox{background: #f3f5f6}
.l100{padding-left:80px}
.r100{padding-right:80px}
.case1{ padding: 0 0 4%}
.case1 li{float:left; width: 32%; margin-left: 2%; text-align: left;}
.case1 li:nth-child(1){margin-left:0}
.case1 h2{font-size:16px; padding: 10px 0}
.contactpage{ padding: 30px 40px 30px}
.contactpage-l{float: left; width:47%}
.contactpage-r{float: right;width:47%}
.contactpage .row{margin-bottom: 15px;}
.contactpage h2{font-size: 18px;line-height: 36px; padding-bottom: 20px; color:#000}
.contactpage p{font-size: 14px;line-height: 30px;}

.simplefilter { text-align:right; padding-right: 35px}
.simplefilter li {cursor: pointer;display: inline-block;text-transform: uppercase;color:#333;margin-left:20px;border-bottom:2px solid transparent; height:50px; line-height:20px;}
.simplefilter li.active {font-weight:bold;border-color:#333}
.caseline { background:#ccc; height:2px;margin:-2px 0 30px 0;}
.prolist { position:relative}
.prolist img {width:100%}
.prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(0,0,0,0.6);color:#fff;opacity:0}
.prolist .procons:Hover {opacity:1}
.prolist .procons .up { position:absolute; z-index:4;top:10%;left:6%;width:88%}
.prolist .procons .up h1 {font-size:20px; line-height:30px;}
.prolist .procons .up h2 {font-size:14px;margin:5px 0 10px 0}
.prolist .procons .up h3 { height:1px; background:#fff;width:0px;}
.prolist .procons:hover .up h3 {width:50px;}
.prolist .procons .down { background:url(../images/6.png) no-repeat center; width:30px; height:30px; position:absolute; z-index:4;bottom:5%;right:5%}
.caselist {padding:0 0 10px;}
.caselist li {float:left;width:32%;margin-left:2%; margin-bottom: 2%; position:relative; overflow:hidden}
.caselist li:nth-child(1),.caselist li:nth-child(4),.caselist li:nth-child(7){margin-left:0}
.chlist{ padding: 0; margin: 0}
.chlist li{border-bottom:1px solid #eee; line-height: 60px;font-size:16px}
.chlist a{display:block}
.chbox{text-align: center}
.chbox h3{ font-size:20px; text-align: center; padding-bottom: 10px}
.chbox img{max-width: 100%; display: block; margin: 0px auto; padding-top: 10px}
.mingxing-bd{padding:40px 40px 40px}
.mingxing-bd ul{overflow: hidden;}
.mingxing-item{float: left;width:24%;margin:0.5%; position: relative;}
.mingxing-item a:after{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0,0,0,0.4); opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.mingxing-item a:hover:after{opacity: 1;}
.mingxing-item a{display: block;}
.mingxing-item .img img{width: 100%;display: block;}
.mingxing-item .txt{height: 46px;line-height: 1.6;text-align: center;font-size: 16px;font-weight: bold; color: #fff; position: absolute; left: 0; right: 0; bottom: 38%; margin-top: -23px; z-index: 222; opacity: 0;}
.mingxing-item:hover .txt{opacity: 1;}
.productcontent_l{float:left;width:70%}
.productcontent_l img{display:block; padding-bottom: 10px}
.productcontent_r{float:right; width: 25%;padding-top:40px}
.productcontent_l h2{padding-bottom: 20px; padding-top: 10px; font-size:24px; color:#1952a1;}
.csdi{color:#888; padding-top: 15px; line-height: 180%}
.csdi span{color:#1952a1;display: block}
.project{ margin: 0 -1%; padding-bottom: 15px}
.project li{float:left; width:23%;padding-left:1%;padding-right:1%; padding-bottom: 20px; color: #999; line-height: 24px}
.project h2{font-size:18px; line-height: 30px; padding: 10px 0 5px}
.loupan-l{float:left; width: 50%}
.loupan-r{float:right; width: 45%; color:#999; line-height:230%}
.loupan-r h2{font-size:20px; color:#00988C; padding-bottom:10px;padding-top:10px}
.loupan-r span{color:#377AD6;}
.lpview{padding:30px 0 0}
.lpview h3{ font-size:20px; line-height:150%; padding-bottom:15px; border-bottom:1px solid #e2e2e2; text-align:center; font-weight:bold; margin-bottom:20px}
.lpview img{display:block; margin:0px auto; text-align:center;}
.wuye{padding-bottom:0}
.wuye li{float:left; width: 20%; padding: 3% 0 0}
.wuye h2{ font-size:16px; padding: 10px 0 20px; text-align: center; font-weight: bold;}
.propage{ height:40px;}
.black2 {text-align: center;font-size: 14px;line-height:22px;}
.black2 a {border:#b1b8bc 1px solid;padding:5px 10px;margin:2px;color: #444444;text-decoration: none;background-color:#ffffff; border-radius:3px}
.black2 a:hover {border:#83898c 1px solid;color: #ff0000;}
.black2 a:active {border:#83898c 1px solid;color: #ff0000;}
.black2 span.current {border: #49575d 1px solid; padding:5px 10px;font-weight: bold; margin:2px; color: #ffffff; background-color: #5a6b75; border-radius:3px}
.black2 span.disabled {border: #49575d 1px solid;padding:5px 10px;margin: 3px;color: #333;}
.prevnext{border-top:1px solid #e2e2e2;padding-top:15px;margin-top:15px}
.prevnext li {height:30px; line-height: 30px;}
.prevnext .next { background:url(../images/sw2.png) no-repeat; height:30px;padding-left:40px; display: block}
.prevnext .prev { background:url(../images/sw3.png) no-repeat; height:30px;padding-left:40px; display: block}
.prevnext a:hover{ background-position:left bottom; color: #ec0000}
/*返回顶部*/
#top{width: 49px;height: 49px;position: fixed;bottom: 25px;right: 25px;border-radius: 100%;background: #007cc8;z-index: 1000;box-shadow: 0 0 8px rgba(0,0,0,0.2);}
#top .ico{background: url(../images/rr-top.png) no-repeat center;width: 100%;height: 100%;display: block;}
#top.show{opacity: 1;}
.memlogin{padding:0; margin: 0; font-size:16px;}
.memlogin span{ color:#ff0000}
#map label,#map img,#map1 label,#map1 img{max-width:none}
#map div,#map1 div{box-sizing:initial}

/* 招聘 */
.job03{padding:45px;}
.job03 h2{padding:15px 0;font-size:14px;color:#999;}
.job03 .txt_body{padding:20px 30px 10px;}
.job03 .txt_body:nth-child(2n-1) {background: #f5f5f5;}
.job03 .txt_body .top{background:url(../images/s.png) no-repeat 99% center; height:55px; cursor:pointer;}
.job03 .txt_body .top p{margin:0;font-size:14px;color:#555;}
.job03 .txt_body.cur .top{background:url(../images/t.png) no-repeat 99% center;}
.job03 .txt_body.cur .top p{color:#ec0000}
.job03 .txt_body .txt{display:none;padding-bottom:15px;font-size:14px;line-height:2;}
.job03 .txt_body .txt h3{font-weight: bold; font-size: 14px; padding-bottom:5px;color:#000}
.job03 .top p.col-md-2{width:30%;float:left; line-height:55px}
.job03 .top p.col-md-3{width:10%;float:left; line-height:55px;}
.job03 .jobtoptit{font-size: 18px; line-height:1.5; color:#000}
.decorating{ padding-bottom: 3%;}
.decorating li{float:left; width:32%; margin-right: 2%;}
.decorating li:last-child{margin-right: 0;}
.decorating  h2{font-size: 18px; color:#000; line-height: 1.5; margin:30px 0 10px;}
.dimg{overflow: hidden;}
.decorating img{width: 100%;display: block;transform:scale(1, 1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.decorating a:hover img{transform:scale(1.1, 1.1);}
.decorating a:hover h2{font-weight: bold;}
.decofont{color:#666;}

.iconnav { padding:40px 0; background: #f8f8f8; margin-top: 5px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.iconnav .hometitle{text-align: center; padding-top:0; padding-bottom:2%;}
.iconnav .hometitle:after{ margin: 10px auto;}
.iconnav ul li { float: left; width:20%;}
.iconnav ul li a { display: block; text-align: center;}
.iconnav ul li i { display: block; height: 81px; margin-bottom:20px; background-repeat: no-repeat; background-position: 50% 0; content: ''; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.iconnav ul li:hover i { background-position: 50% 100%;}
.iconnav ul li h3 { font-size: 18px; color:#000; font-weight: normal; text-align: center;}
.bank .iconnav{ margin-top: 20px; background: none; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}

.more_btn { margin: 2% auto 0; position: relative; width: 160px; height: 46px; border: 1px solid #f5811a; overflow: hidden; box-sizing: border-box; z-index: 0; line-height: 44px; display: block; font-size: 14px; color: #f5811a; text-transform: uppercase; text-indent:28px; transition: 0.3s ease 0s; }
.more_btn:before { content: ''; position: absolute; width: 12px; height: 7px; background: url(../images/ico_more_arrow3.png) no-repeat top left; background-size: 100% 100%; right:15px; top: 50%; margin-top: -3px; z-index: 0; }
.more_btn:after { content: ''; position: absolute; right: 0; top: 0; width: 20%; height: 0; border-top: none; border-bottom: 58px #f5811a solid; border-left: transparent 30px solid; border-right: none; transition: 0.3s ease 0s; z-index: -1;}
.more_btn:hover { color: #fff; background-position: 90% center; }
.more_btn:hover:after { width: 100%; border-left-width: 0px; }
.greencase{padding:30px 30px 10px;}
.greentitle{font-size:18px; border-bottom: 1px solid #e2e2e2; line-height:50px; font-weight: bold; margin: 0 10px;}
.greenlist{ padding: 20px 0;}
.greenlist li{float:left; width:33.333%}
.greenbox{margin:10px; overflow: hidden; border-radius: 6px;}
.greenbox img{width: 100%;}
@media (max-width:1024px){
	.greencase{padding:10px 0;}
	.greenlist{ padding:0;}
	.greentitle{font-size:14px; line-height:35px; margin: 0 10px;}
	.greenlist li{float:none; width:100%}
}