@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:12px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; background:#fff}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#333; text-decoration:none;}

.noInfo{ background:url(../images/loading.gif) left no-repeat; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr {float:right; color:#fff}.fr span{ font-style:italic; color: #fff; font-weight:bold; font-size:30px;font-family: "Times New Roman"; }
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}.mgl10{margin-left:10px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#cccccc solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.point{ color:#d10818;font-family:Georgia, "Times New Roman", Times, serif}


.info-title{ float:left; display:block; width:100%; overflow:hidden; position:relative; }
.info-title h3{ float:left; line-height:40px; color:#333; font-size:18px; }
.info-title h4{ height:40px; line-height:40px; font-size:16px;  overflow:hidden;  text-align:center; color:#ffffff;}
.info-title h5{ float:left; line-height:40px; color:#039240; font-size:13px; overflow:hidden;}
.info-title em{ float:left; margin-left:5px; font-size:14px; line-height:40px; color:#999; overflow:hidden; }
.info-title span{ float:right; padding-right:10px; line-height:40px; background:url(../Images/title-bg.png) right center no-repeat;}
.info-title span a.more{ float:left; display:block; width:33px; height:40px; background:url(../Images/more.png) center no-repeat; }

.info-title-bg{ background:url(../Images/title-line.png) left bottom no-repeat;}
.info-news-bg{ background:url(../Images/news-title-bg.png) left bottom repeat-x;}

.wrapper{ float:left; width:100%; display:block;}

.top-wrapper{background:#e7e7e7 }
.top{ width:1200px; height:32px; font-size:14px; margin:0 auto; position:relative; line-height:32px;color: #666666;}
.top a{ float:left; height:32px; padding-left:25px; line-height:32px; margin-left:20px; color:#fff}
a.home{ background:url(../Images/home.png) left center no-repeat;color:#333333  }
a.wx{ background:url(../Images/wx.png) left center no-repeat; position:relative; z-index:10; color:#333333}
a.wx .ew{ position:absolute; top:40px; left:0px; display:none; border:3px #e3e3e3 solid;}
a.wx .ew img{ width:120px;}
a.wx:hover .ew{ display:block;}

.header-wrapper{ height:130px; }
.header{ width:1200px; height:130px; margin:0 auto; position:relative; }
.header h1{ position:absolute; left:0px;}
.tel{ position:absolute; bottom:30px; right:0px;  color:#666666; background:url(../Images/tel.gif) left center no-repeat; padding-left:40px; }
.tel span{ font-size:20px; color:#f82222;font-weight:bold;}
.header p{position:absolute; top:13px; left:180px; font-size:24px; font-weight:bold; padding:10px 0 10px 16px; background:url(../images/h_line.png) no-repeat 0 center; color:#333;}
.header b{display:block;color:#333; font-size:16px; padding-bottom:4px;}

.menu-wrapper{ background:#384d5e }
.menu{ width:1200px; height:55px; margin:0 auto; position:relative; z-index:99;  }
ul.menu-list{ float:left; width:1200px; z-index:5; }
ul.menu-list li{ float:left; width:150px; text-align:center; position:relative; z-index:10;}
ul.menu-list li a{ display:block; width:100%; height:55px; font:18px/55px 微软雅黑,Arial, Helvetica, sans-serif; color:#fff; }
ul.menu-list li a:hover,ul.menu-list li a.current{  color:#384d5e; background:#e1d2b2}
ul.menu-list li ul{ position:absolute; top:55px; left:0px; width:150px; display:none; z-index:9999;}
ul.menu-list li ul li{ float:left; width:100%;  background:rgba(0, 0, 0, 0.61)}
ul.menu-list li ul li a{ display:block; width:100%; padding:0; height:50px; background:rgba(0, 0, 0, 0.61); color:#fff; line-height:50px; font-size:16px; font-weight:normal; text-align:center;}
ul.menu-list li ul li a:hover{ color: #384d5e; width:100%; height:50px; line-height:50px; background:none }

#banner{ float:left; width:100%;min-width:1200px; height:500px; position:relative;  z-index:1; overflow:hidden;}

.mainer-wrapper{ padding:10px 0; }
.mainer-title-wrapper{ padding:30px 0; }
.mainer{ width:1200px; margin:0 auto;}

.home-title{ margin-top:0px; overflow:hidden; text-align: center; font-family:"Microsoft YaHei"; background:url(../images/title-icon.png) no-repeat bottom center; padding-bottom:40px;}
.home-title .ten { display:block; text-align:center; font:32px/40px "Microsoft YaHei";text-transform: uppercase; color: #333; }
.home-title .tcn { display:block; text-align:center; font: 18px/30px "微软雅黑"; text-transform: uppercase; color: #384d5e; }

.home-title1{ margin-top:100px; overflow:hidden; text-align: center; font-family:"Microsoft YaHei"; background:url(../images/title-icon.png) no-repeat bottom center; padding-bottom:40px;}
.home-title1 .ten { display:block; text-align:center; font:32px/40px "Microsoft YaHei";text-transform: uppercase; color: #333; }
.home-title1 .tcn { display:block; text-align:center; font: 18px/30px "微软雅黑"; text-transform: uppercase; color: #384d5e; }

.home-title2{ margin-top:50px; overflow:hidden; text-align: center; font-family:"Microsoft YaHei"; background:url(../images/title-icon.png) no-repeat bottom center; padding-bottom:40px;}
.home-title2 .ten { display:block; text-align:center; font:32px/40px "Microsoft YaHei";text-transform: uppercase; color: #fff; }
.home-title2 .tcn { display:block; text-align:center; font: 18px/30px "微软雅黑"; text-transform: uppercase; color: #fff; }


.box-wrapper{ }
.about-wrapper{ background:url(../images/home-aboutbg.jpg) top center repeat-x;}

.home-about{ float:left; width:1200px;}
.home-about-img{ float:left; width:410px; margin-top:-50px;}
.home-about-brief{ float:left; width:1200px; line-height:35px; font-size:16px; height:250px; overflow:hidden; color:#8b8b8b; margin-top:30px;}
.home-about-brief1{ float:left; width:540px; line-height:35px; font-size:16px; height:430px; overflow:hidden; color:#8b8b8b; margin-top:30px; margin-left:35px;}
.home-about-brief img{ float:right; margin-left:10px;}
.aboutbox{ float:right; margin-top:50px; margin-right:150px; width:550px; height:103px; background:url(../images/aboutboxbg.png) no-repeat; padding:20px;}
.aboutbox strong{ display:block; font-size:26px; line-height:50px; color:#384d5e;}
.aboutbox p{ display:block; font-size:24px; line-height:30px; color:#666;}
.home-about-more{  width:1200px; margin-top:43px;}
.home-about-more a{  width:152px; height:43x; display:inline-block; color:#ffba00;  background:#384d5e;border-radius:30px; text-align:center; font-size:16px; line-height:43px; overflow:hidden;}
.home-about-more a:hover{ color: #384d5e;background:#ffba00;}

.product-wrapper{ padding:80px 0; background: url(../images/pbg.jpg) top center no-repeat; background-size:cover; }
.home-product-box{ float:left; width:1200px; margin-top:10px; }
.picScroll-left{ margin:0 auto; width:1200px; position:relative;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:32px; height:50px; background:url(../images/slider-arrow.png) -176px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:999 }
.picScroll-left .next{ left:auto; right:0px; background-position:-60px 5px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }
.picScroll-left .bd{ margin-top:20px; margin:0 auto; width:1120px;}
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul li{ margin-right:15px; margin-left:15px; float:left; text-align:center;  width:250px;  position:relative; }
.picScroll-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:250px; z-index:9;}
.picScroll-left .bd ul li .pic{ float:left; width:250px;   }
.picScroll-left .bd ul li .pic img{ width:250px; height:200px; transition:all 0.8s ease;}
.picScroll-left .bd ul li .con{ float:left; width:230px; padding:10px; text-align:center; background:#384d5e; color:#FFF;}
.picScroll-left .bd ul li .con strong{ float:left; width:100%; height:40px;  font: bold 16px/40px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.picScroll-left .bd ul li .con p{ float:left; width:230px; line-height:20px; height:40px; margin-top:10px; overflow:hidden;}
.picScroll-left .bd ul li a:hover .pic img{transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg);}
.picScroll-left .bd ul li a:hover .con{ background:#fb9c2b}
.picScroll-left .hd{ float:left; width:100%; height:30px; line-height:30px; margin-top:20px; text-align:center; }	
.picScroll-left .hd ul{ text-align:center;  padding-top:5px;  }	
.picScroll-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:5px; background:url(../images/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.picScroll-left .hd ul .on{ background-position:0 0; }

.home-more{ float:left; width:100%; height:43px; margin-top:20px; overflow:hidden; text-align:center;}
.home-more a{  width:152px; height:43x; display:inline-block; color:#FFF;  background:#c3273c; border-radius:30px;text-align:center; font-size:16px; line-height:43px; overflow:hidden;}
.home-more a:hover{ color:#f08a04;}

.home-more1{ float:left; width:100%; height:43px; margin-top:30px;  margin-bottom:40px; overflow:hidden; text-align:center;}
.home-more1 a{  width:152px; height:43x; display:inline-block; color:#FFF;  background:#384d5e; border-radius:30px;text-align:center; font-size:16px; line-height:43px; overflow:hidden;}
.home-more1 a:hover{ color:#f08a04;}



.home-recommend-box{ float:left; width:1200px; margin-top:40px; overflow:hidden;}
.news-img{ float:left; width:500px;}
.news-brief{ float:right; width:640px;}
.news-brief strong{ display:block; font-size:18px; line-height:50px;}
.news-brief p{ display:block; font-size:14px; line-height:25px; height: 50px; overflow: hidden; color:#999;}

.home-news{ float:left; width:1200px; margin-top:50px; overflow:hidden;}
ul.home-news-list{ float:left; width:1230px;}
ul.home-news-list li{ float:left; width:380px; overflow:hidden; margin-right:30px;}
ul.home-news-list li a{ float:left; width:360px; padding:10px; border-radius:5px;}
ul.home-news-list li .news-date{ width:80px; height: 60px; padding:10px 0; background: #384d5e; text-align: center;}
ul.home-news-list li .news-date .day { color:#fff; font-size:25px; line-height:35px;}
ul.home-news-list li .news-date .year {font-size:15px; color: #fff; line-height:25px;}
ul.home-news-list li .box{ float:left; width:100%; margin-top:10px;}
ul.home-news-list li .box strong{ float:left; font:bold 15px/40px Microsoft YaHei; overflow:hidden; width:100%; height:40px; color:#333333}
ul.home-news-list li .box p{display:block;width:100%; height:60px;line-height:20px; overflow:hidden; color:#999999;}
ul.home-news-list li span{ float:left; width:100px; background:#666; color:#FFF; line-height:30px; text-align:center; margin-top:10px; border-radius:5px;}
ul.home-news-list li a:hover{ background:#f3f3f3;}
ul.home-news-list li a:hover span{ background:#333; color:#FFF;}

.home-news-more{ float:right; width:100%; margin-top:20px;}
.home-news-more a{ float:left; width:120px; height:40px; display:inline-block; color:#FFF; background:#384d5e; text-align:center; font-size:16px; line-height:40px; overflow:hidden;}
.home-news-more a:hover{ background:}

.case-wrapper{ padding:50px 0; background: url(../images/casebg.jpg) top center no-repeat; background-size:cover; }
.home-case-box{ float:left; width:1200px; position:relative; overflow:hidden; margin-top:50px;}
.home-case-list{ float:left; width:1220px;}
.home-case-list li{ float:left; width:224px; margin-right:20px;}
.home-case-list li img{ float:left; width:200px; height:200px; border-radius:112px; border:#efefef solid 12px; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}
.home-case-list span{ float:left; width:220px; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:16px;}
.home-case-list a:hover img{ border:#384d5e solid 12px; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.home-case-list a:hover span{ color:#0061b0;}


.ad-wrapper{ padding:20px 0; height:200px; background:url(../images/adbg.jpg) top center repeat-x; margin-top:40px;}
.adbox{ float:left; width:1200px; font-size:20px; margin-top:30px; text-align:center; color:#FFF;}
.adbox b{ font-size:26px; display:block; margin-bottom:10px; }
.adbox span{ font-size:30px; color:#ffc833; font-weight:bold;}
.adbox em{ margin-left:20px;}

.contact-wrapper{ padding:50px 0; background: url(../images/contactbg.jpg) top center no-repeat; background-size:cover; }
.home-contact{ float:left; width:1200px; margin-top:50px;}
.home-contact ul{ width:1000px; margin:0 auto;}
.home-contact ul li{ float:left; width:400px; height:50px; margin:20px 50px; display:table; }
.home-contact ul li img{ float:left; width:50px; height:50px;}
.home-contact ul li p{ float:left; width:340px; height:50px; line-height:50px; font-size:16px; margin-left:10px; color:#FFF; vertical-align:middle; display:table-cell;}


.product-list{ float:left; overflow:hidden; zoom:1; width:1200px; }
.product-list li{ float:left; width:580px; overflow:hidden;border:#c0c0c0 solid 1px;margin-top:15px;margin-left:15px;  }
.product-list li span{ float:left; width:580px; height:50px; line-height:50px; font-size:16px; text-align:center; background:#d0d0d0 ; color:#000}
.product-list li .proimg{ float:left; width:580px; height:430px; overflow:hidden;  position:relative;  }
.product-list li .proimg:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.product-list li .proimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; -webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;transition:transform 1s ease-out; width:100%; }
.product-list li.nobord{ border-right:none;}
.product-list li .proimg .overbg{ position:absolute; bottom:0px; left:0px; width:580px; height:470px; background:url(../images/nbgon.png); z-index:99; display:none;}
.product-list li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:580px; height:470px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-list li a:hover span{ background:#c3273c; color:#FFF;}
.product-list li a:hover .overbg{ display:block;}
.product-list li a:hover .btn{ display:block;}
.map-wrapper{ position:relative;}
#mapbg{width:100%;height:450px;position:absolute;left:0;top:0;background:rgba(255,255,255,0.3);z-index:99}
.mapbox{ width:1200px; left:50%; margin-left:-600px; top:0px; position:absolute; height:450px; z-index:999;}
.infobox{ float:left; margin-left:200px; margin-top:50px; background:url(../images/infobox1.png) no-repeat; width:300px; height:200px; padding:80px 40px ; color:#FFF; font-size:14px; line-height:25px;}
.infobox strong{ display:block; font-size:16px; text-align:center; line-height:40px; color:#fda412}

.infobox2{ float:right; margin-right:550px; margin-top:70px; background:url(../images/infobox2.png) no-repeat; width:120px; height:120px; padding:46px 44px 72px 44px ; color:#FFF; font-size:14px; line-height:25px;}
.infobox2 img{ width:120px; height:120px;}

.computer-wrapper{ padding:50px 0 53px 0; background: url(../images/computerbg.png) bottom center repeat-x;}
.computerbox{ float:left; width:1200px; height:288px; position:relative; background: url(../images/computer.jpg) top center no-repeat}
.mouse{ position:absolute; bottom:0px; right:300px; width:31px; height:60px; background: url(../images/mouse.jpg) top center no-repeat; line-height:60px; text-align:center;}

.bannerbg{ float:left; width:100%;  position:relative;  height:45px; margin-top:30px;}
.subbg{position:absolute; left:0px; bottom:0px; z-index:9; background: url(../images/nbgon.png);}

.subnavbox{ height:45px; line-height:45px; color:#FFF; font-size:14px;}
.subnavbox a{ line-height:45px; color:#FFF; font-size:14px;}
.subnavlist{ float:left; width:950px;}
.subnavlist li{ float:left; width:150px;}
.subnavlist li a{ float:left; width:150px; height:45px; line-height:45px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;  text-align:center; font-size:14px; background:#384d5e; color:#fff;}
.subnavlist li a.current{ background:#ffc833; color:#FFF;}
.subnavlist li a:hover{ background:#ffc833; color:#FFF;}

.subtitlebox{ width:250px; height:45px;}
.subtitle{ float:left; width:250px; height:80px; line-height:80px; font-size:30px; color:#FFF; text-align:center;  background: url(../images/nbgon.png);}
.subtitleen{ float:left; width:250px; height:45px; line-height:45px; font-size:16px; text-transform:uppercase; color:#ffc000; text-align:center; background:#384d5e;}

.maincontent{ float:left; width:1200px; line-height:30px; overflow:hidden; font-size:18px; }
.maincontent img{ max-width: 1200px; height:auto; width:expression(this.width > 1200 ? "1200px" : this.width);}

.maincontent .titles{ display:block; font-size:20px; line-height:50px; text-align:center; border-bottom:1px dashed #ccc;}
.maincontent .date{ display:block; font-size:12px; line-height:35px; text-align:center; color:#999}
.maincontent b{ color:#d00712;}
.maincontent a{ font-size:14px;}

.aboutimg{ float:left; width:340px; height:550px; background:url(../images/aboutimg.jpg) left top no-repeat;}
.aboutcon{ float:left; width:840px; }
.abouttitle{ display:block; font-size:24px; line-height:40px;}
.abouten{ display:block; color:#999; font-size:14px; border-bottom:#CCC dashed 1px; padding-bottom:5px;}
.aboutinfo{ float:left; width:100%; line-height:30px; margin-top:10px;}

.contactimg{ float:left; width:340px; height:550px; background:url(../images/contactimg.jpg) left top no-repeat;}
.contactcon{ float:left; width:840px; }
.contactinfo{ float:left; width:100%; line-height:30px; margin-top:10px;}

.talentimg{ float:left; width:340px; height:550px; background:url(../images/hr.jpg) left top no-repeat;}
.talentcon{ float:left; width:840px; }
.talentinfo{ float:left; width:100%; line-height:30px; margin-top:20px;}

.culturewrapper{ width:100%;  float:left; background:#0061b0;  }
.culturewrapper ul{ width:100%;  float:left;}
.culturewrapper li{ width:25%; float:left; font-size:12px; color:#FFF; }
.culturewrapper li a{ width:100%; float:left; padding:20px 0; color:#FFF; }
.culturewrapper li a:hover{ background:#333;}
.culturewrapper li .cimg{ float:left; width:35%; text-align:center;}
.culturewrapper li .cimg img{ width:auto; margin-top:10px;}
.culturewrapper li .ccon{ float:right; width:60%; padding:6px 0;}
.culturewrapper li .ccon strong{ float:left; width:100%; line-height:30px; font-size:16px;  }
.culturewrapper li .ccon p{ float:left; width:100%;  line-height:20px; font-size:12px; text-transform: uppercase;   }

ul.culturelist{ float: left; width: 400px; margin-top:20px;}
ul.culturelist li{ width: 400px; height: 72px; margin: 30px; 0}
ul.culturelist li span{ display: inline-block; float: left; width: 63px; height: 72px; background: url(../images/numbg.png) no-repeat left center; font: bold 30px/72px Arial; color: #fff; text-align: center;}
ul.culturelist li .intro{ float: right; width: 280px;}
ul.culturelist li h2{ float:left; font-size: 30px; line-height: 42px; color: #0f62be;}
ul.culturelist li em{ float:left; font-size: 20px; line-height: 42px; color: #666; margin-left:10px;}
ul.culturelist li em b{ font-size: 30px; line-height: 42px; color: #fda412;}
ul.culturelist li p{ display:block; line-height:20px; font-size:14px; color:#999}

.cultureinfo{ float:right; width:760px; line-height:30px; font-size:14px; margin-top:20px;}

.environmentScroll-left{ float:left; overflow:hidden; width:1200px; position:relative; margin-top:20px; }
.environmentScroll-left .bd{}
.environmentScroll-left .bd ul{ float:left; width:1240px; zoom:1; }
.environmentScroll-left .bd ul li{ width:270px;float:left; margin-right:40px; position:relative;}
.environmentScroll-left .bd ul li .nimg{ float:left; width:270px;}
.environmentScroll-left .bd ul li .nimg img{ width:270px; height:270px;}
.environmentScroll-left .bd ul li .nbg{ position:absolute; left:0px; bottom:0px; width:250px; height:50px; padding:10px 10px; background:url(../images/nbgon.png); color:#FFF;}
.environmentScroll-left .bd ul li a:hover .nbg{ background:url(../images/nbg.png);}
.environmentScroll-left .bd ul li .nbg dt{ float:left; width:100%; overflow:hidden; line-height:25px;}
.environmentScroll-left .bd ul li .nbg dd{ float:left; width:100%; overflow:hidden; line-height:25px;}
.environmentScroll-left .prev,
.environmentScroll-left .next{ position: absolute; display: block; width: 90px; height: 30px; background: url(../images/nprev.png) no-repeat top left; bottom:0px;}
.environmentScroll-left .prev{ left: 500px;}
.environmentScroll-left .next{ background: url(../images/nnext.png) no-repeat top right; right: 500px;}
.environmentScroll-left .prev:hover{ background: url(../images/nprevon.png) no-repeat top right;}
.environmentScroll-left .next:hover{ background: url(../images/nnexton.png) no-repeat top right;}

.certificatelist{ float:left; width:1200px; margin-top:20px;}
.certificatelist li{ width:360px; height:52px; float:left; margin-right:20px; margin-left:20px;}
.certificatelist li a{display:block; width:360px; height:50px; border:1px solid #E6E6E6; position:relative; border-radius:5px;}
.certificatelist li a span.img{width:100px; height:60px; position:absolute; left:10px; bottom:0px; padding-bottom:10px; background:#FFF; text-align:center;}
.certificatelist li a img{height:60px;}
.certificatelist li a span.txt{width:210px; right:10px; padding-right:10px; top:10px; line-height:35px; position:absolute;}
.certificatelist li.clear{width:100%; height:30px; clear:both; float:none;}

.newslist li{clear:both; margin-bottom:40px; height:160px;}
.newslist li a{display:block; width:100%; height:100%;}
.newslist li a p.img{width:220px; height:160px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px;}
.newslist li a p.img .img{width:100%; height:100%; position:relative; z-index:1; border-radius:0 0 0 10px;}
.newslist li a p.img .bg{position:absolute; right:-220px; top:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.4); z-index:2; border-radius:0 0 0 10px; transition:all ease 0.35s;}
.newslist li a p.img .zoom{position:absolute; left:50%; top:50%; width:40px; height:40px; margin-left:-20px; margin-top:-20px; z-index:3; transition:all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.newslist li a .date{width:100px; height:160px; float:left; background:#EEE; margin-left:1px; transition:all 0.35s;}
.newslist li a .date .day{display:block; padding:32px 0 0 0; text-align:center; color:#333; font-size:43px; transition:all 0.5s;}
.newslist li a .date .ym{display:block; text-align:center; padding:28px 0 0 0; color:#999; font-size:14px; transition:all 0.5s;}
.newslist li a .con{width:850px; height:159px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}
.newslist li a .tit{display:block; font-size:16px; color:#333; padding:10px 0 20px 0; transition:all 0.35s;}
.newslist li a .txt{display:block; font-size:13px; line-height:25px; height: 50px; overflow: hidden; color:#999;}
.newslist li a .click{font-size:12px; display:block; padding-top:20px; color:#BBB;}
.newslist li a .click img{margin:-2px 0 0 8px;}
.newslist li a:hover .date,.newslist li a:active .date{background:#D82633;}
.newslist li a:hover .date .day,.newslist li a:active .date .day{color:#FFF;}
.newslist li a:hover .date .ym,.newslist li a:active .date .ym{color:#FFF;}
.newslist li a:hover .tit,.newslist li a:active .tit{color:#D82633;}
.newslist li a:hover p.img .bg,.newslist li a:active p.img .bg{right:0;}
.newslist li a:hover p.img .zoom,.newslist li a:active p.img .zoom{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}

.message-box .message-item{display:block;background-color: #f5f5f5;border:1px solid #eee;transition:all ease-in .2s;overflow:hidden;margin-bottom:20px;}
.message-box .message-item input[type="text"],.message-box .message-item textarea{width:100%;height:100%;padding:15px;border:none;background-color:inherit;box-sizing:border-box;}
.message-box .checkbox{width: 300px;}
.message-box .message-item #checksn{width:200px;}
.message-box .message-item #checkimg{float:right;width:80px;height:auto;margin-right:8px;margin-top:8px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px;}
.message-box .message-item input[type="text"]:focus,.message-box .message-item textarea:focus{background-color:#fff;}
.message-box .btnbox{width:180px;height:40px;font-size: 16px;text-align:center;line-height:40px;color:#fff;cursor:pointer;border-radius:4px;background-color:#ff0000;transition:all ease-in .2s; border:none;}
.message-item:hover{border-color:#ddd;background-color:#fff;}
.message-box .btnbox:hover{background-color:#c60917;}

.jobbox{ float:left; width:1200px; padding-right:360px; min-height:460px; background: url(../images/hr.jpg) top right no-repeat;}
ul.job-list{ float:left; width:100%;}
ul.job-list li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4;}
ul.job-list li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
ul.job-list li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px; font-weight:bold;}
ul.job-list li .jobtitle .arr{ float:right; background:url(../images/arrow-d.jpg) center no-repeat; height:46px; width:46px;}
ul.job-list li .jobtitle-active .tit{ color:#c30101;}
ul.job-list li .jobtitle-active .arr{ background:url(../images/arrow-u.jpg) center no-repeat;}
ul.job-list li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:15px;}

.side{ float:left; width:250px;}
.side-title{ float:left; width:250px; line-height:80px; text-align:center; font-size:22px; color:#FFF; background:url(../images/titlebg.png);}

.side-box{ float:left; width:250px; background: url(../images/side-bg.png) no-repeat right top;min-height:500px;}
.side-box ul { float:left; width:250px;}
.side-box ul li {color: #666666;}
.side-box ul li a {text-align: right; color: #666666;font-size: 16px;display: inline-block;height: 47px;width:200px;padding-right:50px; background: url(../images/arrow-2.png) no-repeat 210px center;border-bottom: 1px solid #d1d2d3;border-top: 1px solid #FFFFFF;line-height: 47px;/**width:200px;width:200px\0;*/}
.side-box ul li a:hover,.side-box ul li a.current{color: #FFFFFF;background: url(../images/arrow-1.png) no-repeat 210px center #333;height: 49px;border-top: none;border-bottom: none;line-height: 49px;}
.side-box ul li ul li a {text-align: right; color: #666666;font-size: 12px;display: inline-block;height: 37px;width:180px;padding-right:70px; background: url(../images/arrow-2.png) no-repeat 210px center #e8e8e8;border-bottom: 1px solid #d1d2d3;border-top: 1px solid #FFFFFF;line-height: 37px;/**width:200px;width:200px\0;*/}
.side-box ul li ul li a:hover,.side-box ul li ul li a.current{color: #FFFFFF;background: url(../images/arrow-1.png) no-repeat 210px center #ff7f57;height: 39px;border-top: none;border-bottom: none;line-height: 39px;}

.main{ float:right; width:1200px; padding:20px 25px; background:#FFF; min-height:550px;}
.maincontents{ float:left; width:1200px; line-height:30px; overflow:hidden; font-size:14px;}
.maincontents img{ max-width: 900px; height:auto; width:expression(this.width > 900 ? "900px" : this.width);}

.maincontents .titles{ display:block; font-size:16px; line-height:35px; text-align:center; border-bottom:1px dashed #ccc;}
.maincontents .date{ display:block; font-size:12px; line-height:35px; text-align:center; color:#999}
.maincontents b{ color:#d00712;}

.product-lists{ float:left; overflow:hidden; zoom:1; width:1200px; margin-top:10px; }
.product-lists li{ float:left; width:380px; overflow:hidden;border:#efefef solid 1px;  margin-left:15px; margin-top:15px;}
.product-lists li span{ float:left; width:380px; height:40px; line-height:40px; font-size:16px; text-align:center;  color:#666}
.product-lists li .proimg{ float:left; width:380px; height:300px;overflow:hidden; position:relative; }
.product-lists li .proimg:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.product-lists li .proimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; -webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;transition:transform 1s ease-out; width:380px; height:340px; }
.product-lists li.nobord{ border-right:none;}
.product-lists li .proimg .overbg{ position:absolute; bottom:0px; left:0px; width:380px; height:440px; background:url(../images/nbgon.png); z-index:99; display:none;}
.product-lists li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:380px; height:380px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-lists li a:hover span{ background:#384d5e;  color:#fff;}
.product-lists li a:hover .overbg{ display:block;}
.product-lists li a:hover .btn{ display:block;}

.product-lists1{ float:left; overflow:hidden; zoom:1; width:1200px; margin-top:10px; }
.product-lists1 li{ float:left; width:380px; overflow:hidden;border:#efefef solid 1px;  margin-left:15px; margin-top:15px;}
.product-lists1 li span{ float:left; width:380px; height:40px; line-height:40px; font-size:16px; text-align:center;  color:#666}
.product-lists1 li .proimg{ float:left; width:380px; height:260px;overflow:hidden; position:relative; }
.product-lists1 li .proimg:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.product-lists1 li .proimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; -webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;transition:transform 1s ease-out; width:380px; height:290px; }
.product-lists1 li.nobord{ border-right:none;}
.product-lists1 li .proimg .overbg{ position:absolute; bottom:0px; left:0px; width:380px; height:300px; background:url(../images/nbgon.png); z-index:99; display:none;}
.product-lists1 li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:380px; height:300px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-lists1 li a:hover span{ background:#384d5e;  color:#fff;}
.product-lists1 li a:hover .overbg{ display:block;}
.product-lists1 li a:hover .btn{ display:block;}



.proimgbox{ float:left; width:340px; }
.pimg{ float:left; width:320px; border:10px #eeeeee solid; border-radius:5px;}
.pimg img{ width:320px;}

.proimgscroll-left{ float:left; width:340px; overflow:hidden; position:relative; margin-top:10px; }
.proimgscroll-left .bd{ width:280px; margin:0 auto; overflow:hidden;}
.proimgscroll-left .bd ul{ overflow:hidden; zoom:1; }
.proimgscroll-left .bd ul li{ float:left; width:62px; height:62px; margin-right:4px; margin-left:4px; overflow:hidden; }
.proimgscroll-left .bd ul li img{ width:60px; height:60px; border:1px #CCCCCC solid;}
.proimgscroll-left .prev,
.proimgscroll-left .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:14px; height:50px; background:url(../images/sprev.png) left center no-repeat; z-index:999   }
.proimgscroll-left .next{ left:auto; right:0px; background:url(../images/snext.png) left center no-repeat;}

.probriefbox{ float:right; width:520px;}
.ptitle{ display:block; width:100%; overflow:hidden; font-size:22px; color:#384d5e; line-height:40px; font-weight:bold;}
.probriefbox p{ display:block; line-height:30px; padding-left:25px; font-size:12px;}
.p_catagory{ background:url(../images/pro_of.gif) left center no-repeat;}
.p_print{ background:url(../images/pro_arr_print.png) left center no-repeat;}
.p_addfav{ background:url(../images/pro_arr_favorites.png) left center no-repeat;}
.p_tel{ background:url(../images/pro_arr_tel.png) left center no-repeat;}
.p_email{ background:url(../images/pro_email.gif) left center no-repeat;}
.p_pdf{ background:url(../images/pro_pdf.gif) left center no-repeat;}
.p_click{ background:url(../images/icon_click.png) left center no-repeat;}
.p_link{ background:url(../images/pro_arr_link.png) left center no-repeat;}
.p_time{ background:url(../images/pro_arr_time.png) left center no-repeat;}

.probreiftitle{ float:left; display:block; width:100%; font-size:20px; margin-top:10px; margin-bottom:10px; line-height:50px; color:#384d5e; background:url(../images/title-line.png) left bottom no-repeat;}
.ptit{ display:block; padding-left:20px; padding-right:20px; font-size:16px; margin-top:10px; line-height:32px; background:#384d5e; color:#ffffff;}

.note { display:block; line-height:25px; text-align:center; color:#aaa; text-transform:uppercase; font-size:12px;}
.note i{ color:#0061b0; font-size:14px;}


.footerbox-wrapper{ padding:30px 0; background:#384d5e; color:#fff;}
.footerbox{ width:1200px; margin:0 auto; line-height:25px; position:relative; text-align:center; color:#fff}
.flogo{ float:left; background: url(../images/flogo.png) top left no-repeat; line-height:35px; font-size:14px; padding-top:90px; width:400px;}
.footernav{ float:right; width:1200px;}
.ftel{ float:right; display:block; color:#ffba00; padding-left:45px; line-height:40px; font-size:24px;}
.fnav{ float:right; display:block; width:100%; text-align:right;}
.fnav a{ padding:0 10px; color:#fff; line-height:30px; font-size:16px;}

.footer-wrapper{ padding:20px 0; background:#384d5e; border-top:#333 solid 1px;}
.footer{ width:1200px; margin:0 auto; line-height:25px; position:relative; text-align:left; color:#fff}
.footer a{ padding:0 10px; color:#fff; line-height:30px;}


.prevpage{ display:block; line-height:30px; font-size:12px;}

.pageNavi { float:left; margin-top:20px; display:block; width: 100%; text-align: center; line-height:30px; font-size:12px; margin-bottom:10px;}
.wp-pagenavi { clear: both}
.wp-pagenavi a {border:#CCC solid 1px;padding:5px 10px; -moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;            /* W3C syntax */margin:0 3px;}
.wp-pagenavi a.page-num-current { background:#333; color:#fff; border:#333 solid 1px;}
.wp-pagenavi a:hover { background:#333; color:#fff; border:#333 solid 1px;}


/*精品案例 导航栏*/
.top2{ width:1200px;float: left;   overflow: hidden; border-bottom: 1px solid #CCC;}
.top2 h3{float: left; line-height: 40px; font-size: 26px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 3px solid #384d5e;}
.top2 label{float: left; padding: 12px 0 0 20px; color: #929292; font-size: 13px;}
.top2 span{float: right;}
.top2 span a{display: block; margin: 0 20px; height: 32px; line-height: 32px; color: #666; font-size: 14px; font-weight: bold; float: left; transition: all .2s;}
.top2 span.top1 a:first-child{color: #333; border-top: 2px solid #333; border-bottom: 2px solid #333; box-sizing: border-box;}
.top2 span a{border-top: 2px solid transparent; border-bottom: 2px solid transparent; box-sizing: border-box;}
.top2 span a:not(:last-child):hover{color: #333; border-top: 2px solid #333; border-bottom: 2px solid #333; box-sizing: border-box;}
.top2 span a:last-child:hover{color: #333;}
/*专属定制*/
.dingzhi{text-align: center;}
.dingzhi_list{ float:left;margin-top: 27px;}
.dingzhi_list > a{display: inline-block; transition: all .3s; width: 23%; margin: 0 10px; transform: translateY(0);}
.dingzhi_list > a:hover{transform: translateY(-5px); box-shadow: 5px 5px 5px #666;}


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




input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}

.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #e89217;}
i {font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}



/******************************
 ** 内页架构
 ******************************/
.headx {   margin-bottom:26px;margin-top: 50px; position:relative; background:url(../images/tip.png) no-repeat left -98px;
  padding-left: 48px;}
.headx h2 { font-size:20px; color:#5a5a5a; font-weight:700; line-height: 1; }
.headx h2 em{ float:left; font-style: normal;    display:block;}
.headx h2 em b{color: #e89217; }
.headx h2 span {color:#cbcbcb; font-weight: normal;font-size:14px; text-transform:uppercase; }
.headx h2 span i{ font-size: 30px;}
.headx .mo {display: block; position:absolute; right:0; top:0; color:#5a5a5a;font-size: 14px;width: 77px;height: 28px;
line-height: 28px;border: 1px solid #5a5a5a;border-radius: 20px;text-align: center;}
.headx .mo:hover { color:#fff;background: #5a5a5a; }



.inews { }
.inews .tod{ }
.inews .tod ul{ }
.inews .tod li { float:left; width: 100%;border-bottom: 1px dashed #d6d6d6;padding: 14px 0;}
.inews .tod li em{display: block;width: 78px;height: 70px;background: url(../images/tip.png) no-repeat right -300px; 
text-align: center;float: left;font-size: 14px;color: #989898;font-style: normal;padding-top: 22px;}
.inews .tod li em b{display: inline-block;border-top: 1px dotted #9c9c9c;font-size: 18px;color: #5a5a5a;width: 48px;}
.inews .tod li .wd{float: left;margin-left: 66px;width: 954px;}
.inews .tod li h1{ font-size: 18px;color: #5a5a5a; }
.inews .tod li:hover{color: #e89217; }
.inews .tod li:hover em{background: url(../images/tip.png) no-repeat right -420px; }
.inews .tod li:hover em b,.inews .tod li:hover h1{	color: #e89217;}
.inews .tod li span{ font-size: 14px;color: #989898;}



.main_qp
        {
            width: 100%;
            height: auto;
            position: relative;
            display: block;
            padding: 0 0 40px 0;
            clear: both;
			margin:0 auto; text-align:center
        }

   .designer .city_ul_ls li
        {
            float: left;
            margin: 0px;
            position: relative;
        }

            .designer .city_ul_ls li img
            {
                width: 282px;
                height: 402px;
            }
   .text-line
        {
            position: relative;
            padding: 40px 0;
            text-align: center;
        }

            .text-line h5
            {
                position: relative;
                margin-bottom: 12px;
                font-size: 32px;
                z-index: 1;
                color: #313131;font-weight:normal
            }

            .text-line.gray h5 > span
            {
                background: #f5f8fa; font-weight:normal
            }

            .text-line .subtitle1
            {
                font-size: 16px;
                color: #919191;
            }

.lxx{ float:left; width:100%; height:600px; margin:0 auto; text-align:center; margin-top:20px;background:url(../images/aboutb.jpg) center no-repeat;}
/*优势*/
.hxysbg { 
	padding-bottom: 36px;
	background:url(../images/bg.jpg) center no-repeat;
}
.hxysbox { width:1000px; margin:0 auto;
	text-align: center;height:404px;
}
.hxysbox .hxystit {margin:0 auto;
	padding: 30px 0 20px 0;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	background: url(../images/hxystitbr.png) no-repeat bottom;
}
.hxysbox .hxystit span {
	font-size: 32px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #384d5e;
	text-align: center;
	display: block
}
.hxysbox .hxystit p {
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	display: block
}
.hxysbox ul {
	overflow: hidden;
}
.hxysbox li {
	float: left;
	margin: 0 2px;
	padding: 0 20px;
	width: 152px;
	height: 234px;
	background: url(../images/hxysdl.png) no-repeat center;
}
.hxysbox li h5 {
	padding-top: 54px;
	margin-bottom: 10px;
	font-size: 24px;
	text-align: center;
	color: #400100;
}
.hxysbox li p {
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}

.icon_group {width:1200px;margin:0 auto; text-align:center; top:690px;z-index:9999;position:absolute;}
 .icon_group ul {width:1200px; margin:0 auto; text-align:center}
.icon_group ul li { float:left;width:399px; height:280px;  text-align:center; color:#666; font-size:16px; line-height:30px;}
.icon_group ul li .line {width:100px; font-size:16px; font-weight:bold; line-height:50px; margin-left:25px;}
.icon_group ul li .wen{width:300px; font-size:16px; line-height:30px; margin-left:25px; text-align:left}

.icon_group ul li .line1 {width:100px; color:#FFFFFF;font-size:16px; font-weight:bold; line-height:50px; margin-left:25px;}
.icon_group ul li .wen1{width:300px; color:#FFFFFF;font-size:16px; line-height:30px; margin-left:25px; text-align:left}


.icon_group ul li span { margin-left:25px;  text-align:left;color:#333; font-size:16px; font-weight:bold; margin-top:20px; display:block;}
.icon_group ul li span1 { margin-left:25px;  text-align:left;color:#fff; font-size:16px; font-weight:bold; margin-top:20px; display:block;}

 .icon_group ul li.esnpp {background-position:80px 0px; background:#ddd}
  .icon_group ul li.esnpp img{ float:left; margin-top:30px; margin-left:50px;}
 .icon_group ul li.pzgc {background-position:-238px 0px;}
 .icon_group ul li.jpal {background-position:-400px 0px; background:#2f2f2f}
 .icon_group ul li.jpal img{ float:left; margin-top:30px; margin-left:50px;}
 .icon_group ul li.wyzb {background-position:-713px 0px;}
 .icon_group ul li.qqcg {background-position:-170px 0px; background:#384d5e}
 .icon_group ul li.qqcg  img{ float:left; margin-top:30px; margin-left:50px;}
 .icon_group ul li:hover {}
 
 .icon_group ul li:hover span {}
 .icon_group ul li:hover.esnpp {background-position:80px -230px;}
 .icon_group ul li:hover.pzgc {background-position:-238px -230px;}
 .icon_group ul li:hover.jpal {background-position:-400px -230px;}
 .icon_group ul li:hover.wyzb {background-position:-713px -230px;}
.icon_group ul li:hover.qqcg {background-position:-170px -230px;}

.indexbg{ float:left;background: url(../images/bg1.jpg) no-repeat center; }
.pic11 {position:relative; float:left; width:1200px; height:85px; margin: 100px 0px 10px 0px; padding:0px; border: 0px solid ;  font-size:12px;color:; font-family:微软雅黑;display:inline;}
.pic11:hover{color:; background-image:url();}
.pic11 a { float:left;  width:1200px; height:85px;}
.pic11 a:hover{color:; background:; background-image:url();}/*图片函数*/
.pic12 {position:relative; float:left; width:343px; height:462px; margin: 0px 0px 0px 80px; padding:0px; border: 0px solid ;  font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;}
.pic12:hover{color:; background-image:url();}
.pic12 a { float:left;  width:343px; height:462px;}
.pic12 a:hover{color:; background:; background-image:url();}/*图片函数*/
.pic13 {position:relative; float:left; width:285px; height:232px; margin: 0px 0px 0px 0px; padding:0px; border: 0px solid ;  background:;background-image:url(); font-size:12px;color:; font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;opacity:1;filter:alpha(opacity=100);white-space:pre-wrap; word-wrap:break-word;z-index: 2;}
.pic13:hover{color:; background-image:url();}
.pic13 a { float:left;  width:285px; height:232px;  background:;background-image:url(); font-size:12px;color:; font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;white-space:pre-wrap; word-wrap:break-word;}
.pic13 a:hover{color:; background:; background-image:url();}/*图片函数*/
.pic14 {position:relative; float:left; width:286px; height:232px; margin: 0px 0px 0px 286px; padding:0px; border: 0px solid ;  background:;background-image:url(); font-size:12px;color:; font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;opacity:1;filter:alpha(opacity=100);white-space:pre-wrap; word-wrap:break-word;z-index: 2;}
.pic14:hover{color:; background-image:url();}
.pic14 a { float:left;  width:286px; height:232px;  background:;background-image:url(); font-size:12px;color:; font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;white-space:pre-wrap; word-wrap:break-word;}
.pic14 a:hover{color:; background:; background-image:url();}/*图片函数*/
.pic15 {position:relative; float:left; width:287px; height:232px; margin: 0px 0px 0px 287px; padding:0px; border: 0px solid ;  background:;background-image:url(); font-size:12px;color:; font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;opacity:1;filter:alpha(opacity=100);white-space:pre-wrap; word-wrap:break-word;z-index: 2;}
.pic15:hover{color:; background-image:url();}
.pic15 a { float:left;  width:287px; height:232px;  background:;background-image:url(); font-size:12px;color:; font-family:微软雅黑;display:inline; line-height:50px; text-indent:0px;white-space:pre-wrap; word-wrap:break-word;}
.pic15 a:hover{color:; background:; background-image:url();}/*图片函数*/

.bt{ color:#c3273c; text-align:center; display:table; margin:30px  auto 20px; line-height:60px;}
.bt h1{ font-size:38px; color:#313131; font-weight: bolder; margin:14px auto;}
.bt span{ width:40px; height:3px; background:#f08a04; display:block; margin:0 auto;}
.bt h2{ font-size:18px;}

.bt1{ color:#fff; text-align:center; display:table; margin:30px  auto 20px; line-height:60px;}
.bt1 h1{ font-size:38px; color:#fff; font-weight: bolder; margin:14px auto;}
.bt1 span{ width:40px; height:3px; background:#f08a04; display:block; margin:0 auto;}
.bt1 h2{ font-size:18px;}

/*ys*/
.ys_k{ float:left; background:url(/template/default/images/bjl.jpg) no-repeat  bottom;height:670px; width:100%;  margin:0 auto; color:#505050;}
.ys_k .bt ,.ys_k .bt h1{ color:#fff;}
.ys_k .bt span{ background:#fff;}
.ys{ width:1200px; margin:0 auto; display:table; padding:30px 0 0;}
.ys dt{ width:280px; float:left; height:345px; background:#fff; display:table; text-align:center; margin:0 10px;}
.ys dt a h1{ font-size:20px; background:#384d5e; height:54px; line-height:54px; font-weight:bold; width:100%; display:block; color:#fff;}
.ys dt a .ys1{ background:url(../images/ys11.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a .ys2{ background:url(../images/ys22.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a .ys3{ background:url(../images/ys33.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a .ys4{ background:url(../images/ys44.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a:hover .ys1{ background:url(../images/ys1.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a:hover .ys2{ background:url(../images/ys2.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a:hover .ys3{ background:url(../images/ys3.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a:hover .ys4{ background:url(../images/ys4.png) no-repeat center center; width:100px; height:100px; display:block; margin:14px auto 16px;}
.ys dt a h2{ line-height:30px; font-size:14px; height:60px; display:block; padding:0 20px;}
.ys dt a h3{ width:150px; height:34px; background:#384d5e; border-radius:25px; display:block; margin:30px auto 0; color:#fff; font-size:14px; line-height:34px; }
.ys dt a:hover h1,.ys dt a:hover h3{ background:#2259b6}


.aboutbg { float:left;background:url(../images/aboutbg.jpg) top repeat-x; width:100%;}
.abct { margin-top:0px; width:1200px; background:#FFF; overflow:hidden;}
.abct1,.abct2  {width:600px;}
.abct1 h4 { text-align:center; font-size:20px; font-weight:lighter; color:#07845c; margin-top:50px; background:url(../image/line.jpg) center bottom no-repeat; padding-bottom:30px;}
.abct1 .txt {font-size:12px; text-align:center;}

.ico_con {margin-top:130px;}
.ico_con a {width:93px; height:33px; display:block; float:left; margin:0 15px; text-align:center; padding-top:60px;}
.ico_con a:hover {color:#079467;}
.ico_con .ico {background-image:url(../images/ico2.jpg); background-position:0 0;} 
.ico_con .ico1 {margin-left:70px;}
.ico_con .ico2 {background-position:-114px 0;}
.ico_con .ico3 {background-position:-228px 0;}
.ico_con .ico4 {background-position:-342px 0;}
.ico_con .ico1:hover {background-position:0 -93px;}
.ico_con .ico2:hover {background-position:-114px -93px;}
.ico_con .ico3:hover {background-position:-228px -93px;}
.ico_con .ico4:hover {background-position:-342px -93px;}

.indexbg{ width:auto; height:215px; background:#fff}
.index-goods .item{float:left;width:286px;height:140px;background-color:#fff; margin-top:30px;margin-right:15px; text-align:center}
.index-goods .item-last{margin-right:0}
.index-goods .item:last-child{margin-right:0}
.index-goods .item:hover{-webkit-box-shadow:0 2px 21px 1px rgba(208,208,208,0.9);box-shadow:0 2px 21px 1px rgba(208,208,208,0.9)}
.index-goods .item__icon{float:left;width:54px;height:140px;padding-top:40px}
.index-goods .item__text{float:left;width:150px;padding-top:43px;color:#999; text-align:center; margin-left:40px;}
.index-goods .item__text h5{margin-bottom:2px;color:#333;font-size:20px}
.index-goods .icon{width:63px;height:63px;background-position:center; margin-left:30px;}
.index-goods .icon-hose{ float:left; background-image:url(../images/icon-hose.png) }
.index-goods .icon-team{float:left;background-image:url(../images/icon-team.png)}
.index-goods .icon-brand{float:left;background-image:url(../images/icon-brand.png)}
.index-goods .icon-bag{float:left;background-image:url(../images/icon-bag.png)}


	/*index_seven*/
.index_seven{ float:left; margin-bottom:10px;
}
.index_seven ul{
	width: 1200px;
	float: left;
	padding: 0px 0 0 0;
}
.index_seven ul li{
	width: 55px;
	float: left;
	text-align: center;
	margin:0 0 0  164px;
}
.index_seven ul li:first-child{
	margin: 0;
}
.index_seven ul li img{
	float: left;
}
.index_seven ul li em{
	width: 33px;
	height: 33px;
	line-height: 33px;
	float: left;
	font-size: 18px;
	margin: 24px 21px 26px 21px;
	color: #999;
	border-radius: 100%;
	border: solid 1px #999;
}
.index_seven ul li h3{
	width: 65px;
	font-weight: normal;
	font-weight: 18px;
	line-height: 18px;
	color: #505050;
	float:left;
	text-align: center; font-size:16px;
}
.index_seven hr.hr{
	width: 180px;
	height: 1px;
	border: 0;
	background-color: #999999;
	float: left;
	margin: -60px 58px;
}
.index_seven hr.two{
	margin-left: 278px;
}
.index_seven hr.three{
	margin-left:495px;
}
.index_seven hr.four{
	margin-left: 714px;
}
.index_seven hr.five{
	margin-left: 935px;
}

.w870h444{ float:left;
	width: 870px;
	height: 444px;
}
.p62{
	width: 1200px;
	margin: 0 auto;
	padding:42px 0;
}
.bg-f7f6f6{
	background-color: #f7f6f6; width:1200px;
}
.w282{
	margin-left: 28px;
	width: 282px;
	display: inline-block; float:right
}
.decoratio-text{
	margin-top: 18px;
	color:#ed6c00;
	background-color: #333;
	font-size: 20px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 20px;
}
.free-offer{
	background-color: #ed6c00;
	color:#fff;
	font-size: 15px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 12px;
}
.formInput{
	display: block;
	width: 100%;
	height:50px;
	border-radius: 4px;
	text-indent: 1em;
	border:1px solid #bfbfbf;
	font-size: 14px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.subscribe{width:283px;transition:all ease-in .2s; border:none;
	border-radius: 4px;
	text-align: center;
	font-size: 15px;
	height:50px;
	line-height:50px;
	background-color: #333;
	color:#fff;
}

.promise{
	color:#9a9a9a;
	font-size: 10px;
	transform: scale(0.9);
	white-space:nowrap;
	margin-top: 10px;
}

.subhead{ text-align: center; color: #393939; padding: 30px 0; margin-top:50px;}
.subhead h2{font-size: 34px; line-height: 50px; margin:0 auto;text-align: center; }

.subhead1{ text-align: center; color: #393939; padding: 30px 0; }
.subhead1 h2{font-size: 34px; line-height: 50px; margin:0 auto;text-align: center; }

.bg1{ float:left; width:100%; margin-top:50px;
	background:url(../images/indexbg.jpg) no-repeat center top;
 height:200px; display:inline
}

.bg2{ float:left; width:100%; margin-top:50px;
	background: url(../images/bg2.jpg) center no-repeat;
 height:380px; display:inline
}


.bg3{ float:left; width:100%; margin-top:50px;
	background:url(../images/bg3.jpg) no-repeat center top;
 height:300px; display:inline
}
	.proListPicbk {width:1200px; height:auto; margin:0 auto; overflow: hidden; margin-top:30px; border-top:1px solid #e8e8e8; padding-top:20px;}
.proListPicbk ul li{ 
	position: relative;float: left;
	width:275px; height:420px; margin-left:24px; margin-bottom: 10px; 
	overflow: hidden;}	
.proListPicbk ul li a{
	position: relative;
	width:220px; height:430px; margin:0 auto; text-align:center;display:block;
}
.proListPicbk ul li a:hover{background: #384d5e;}
.proListPicbk ul li a:hover .pic{}
.proListPicbk ul li a:hover .introbk{ color: #ffffff;}
.proListPicbk ul li a:hover .introbk span{ color: #fff;}
.proListPicbk ul li .picbk{position:relative;width:220px;max-height:220px;}
.proListPicbk ul li .introbk{
	width:220px; height:200px; padding:0px 0px;overflow: hidden;
	color:#ed4e74;color:#666666;font-size:16px;line-height:30px; text-align: left;   
}
.proListPicbk ul li .introbk span{
	width:220px; height:55px; display: block;
	color:#666;font-size:20px;line-height:44px; text-align:left; 
}


/*首页报价*/
.bjleftico{width:280px;}
.bjleftico li{float:left;margin-right:10px;margin-bottom: 2%;width: 127px;height: 127px;}
 .sgqzyg1{background: url(../images/sgqzyg1.png) center no-repeat;}
.sgqzyg2{background: url(../images/sgqzyg2.png) center no-repeat;}
.sgqzyg3{background: url(../images/sgqzyg3.png) center no-repeat;}
/* .sgqzyg4{background: url(sgqzyg4.png) center no-repeat;} */
.sgqzyg1:hover{background: url(../images/sgqzyg01.png) center no-repeat;}
.sgqzyg2:hover{background: url(../images/sgqzyg02.png) center no-repeat;}
.sgqzyg3:hover{background: url(../images/sgqzyg03.png) center no-repeat;}
/* .sgqzyg4:hover{background: url(sgqzyg04.png) center no-repeat;}  */
.sybjbox{padding:10px;background:#f5f3f4;height: 242px; width:560px;margin-right: 20px; overflow:hidden}
.sybjbox p{padding-top:5px; }
.sybjright{ padding-left:30px;width:320px;background: #f5f3f4;height: 262px; orphans:}
.minbjbox li{margin:20px 0;}
.minbjbox .slt{width:175px;display: inline-block;margin:0 0.5%;height: 40px;border-color:#d6d6d6;}
.minbjbox input{height: 40px;border:1px solid #d6d6d6;display: inline-block;width:265px; margin-left:5px;}
.minbjbox .inputname{ width:265px;}
.sysubmit{margin-left: 1.6% !important;border: 0 !important;height: 42px !important;width: 265px !important;background: #d00000;}
.sysubmit:hover{background: #940505;}

#clf{width:55px;text-align: center;display: inline-block;}
#rgf{width:55px;text-align: center;display: inline-block;}
#sjf{width:44px;text-align: center;display: inline-block;}
#glf{width:55px;text-align: center;display: inline-block;}
#ysf{width:102px;text-align: center;display: inline-block;}
.font22{font-size: 22px;}
.box{max-width: 1280px;min-width: 1200px;width:100%; margin:0 auto;}
.box1{width:1200px; margin:0 auto;}
body{font-family: '微软雅黑';font-size: 14px;min-width: 1200px;color: #323232;}


/*先向卡*/
.zhengzhuangbg{width: 100%;height: 467px;overflow: hidden;background: url(../images/bg.jpg) center no-repeat;}
.xxtubox li{display: none;}
.xxknav{height: 50px;bottom:0;left:0;width:100%;}
.xxknav dd{float:left;width:20%;color:#fff; }
.xxknav .sanjiao{background: rgba(179,26,23,.6);}
.xxknav dd p{line-height: 38px;background: rgba(0,0,0,.6);border-right:1px solid #fff;width:99.9%;}
.sanjiaoimg{opacity: 0.6;}
.xxknav dd .sanjiaoimg{visibility:hidden;}
.zztext{width:1200px;height:100px; margin-top:86px;left:118px;background: rgba(255,255,255,0);border-radius: 10px;text-align: center;}
.zztext_p{ width: 400px; padding: 5px; background: #ae1111; color: #fff !important; margin: 10px auto 0;background: #d00000;}
.zztextico{width: 700px;margin: 0 auto; text-align:center;margin-top: 20px;}
.zztextico li{padding:0 12px;height: 102px;border: 1px dashed #8a8a8a;border-radius: 10px;margin:0 10px; text-align:center}
.zztextico li img{ margin-top:10px;}
.ckxq_kk{width: 650px; margin:0 auto; text-align:center}
.ckxq{ float: left; width:270px;height:36px;text-align: center;background: #ae1111;color:#fff;line-height: 36px;margin: 24px auto 0;display: block;border-radius: 12px;}
.ckxq1{float: right;}


/*套餐*/
.taocan{overflow: hidden;}
/* .taocan{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; display: flex;} */
.taocan_left{float: left; width: 326px; position: relative;}
.taocan_ckxq{ position: absolute;bottom: 60px; width: 205px; text-align: center;left: 17%; line-height: 35px;background: red;color: #fff;}
 .taocan_ckxq:hover{background: #940505;} 
.taocan_right{ float: left;
  width: 874px;    margin-top: -10px;}

.taocan li{float:left;width: 427px; height: 261px;margin-left: 10px;margin-top: 10px; position:relative;overflow: hidden; }
/* .taocan li:nth-child(1){margin-bottom: 1%;} */
.taocan li img{width:100%;height:100%; cursor: pointer;transition: all 0.6s;}
/* .taocan li img:hover{transform: scale(1.1);} */
/* .taocan .tcli1{width:49%;margin-left: 1%;} */
.taocan li:hover .tclibtext{display: none;}
.taocan li:hover .tcli_xq{display: block;}
.taocan li:hover .tcli_sqb{display: block;}

  /**首页案例第二个**/
.taocan22 li{float:left;width: 427px; height: 261px; margin-right: 10px;margin-top: 10px; position:relative;overflow: hidden; }
.taocan22 li img{width:100%;height:100%; cursor: pointer;transition: all 0.6s;}
/* .taocan li img:hover{transform: scale(1.1);} */
/* .taocan .tcli1{width:49%;margin-left: 1%;} */
.taocan22 li:hover .tclibtext{display: none;}
.taocan22 li:hover .tcli_xq{display: block;}
.taocan22 li:hover .tcli_sqb{display: block;}
/**首页案例第二个end**/
.tcli_xq{display: none; position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.61);text-align: center;color: #fff; line-height: 40px;}
.tcli_sqb{display: none; position: absolute;bottom: 80px;width: 100%; text-align: center; color: #fff;}
.tcli_sqb a{ color: #fff;background: red; margin-left: 20px; padding: 5px 20px;}
.tcli_sqb a:hover{background: #940505;}
/* .taocan .tcli2{width:39.5%;}
.taocan li:nth-child(3){margin-left: 1%;}
.taocan li:nth-child(4){margin: 1% .95% !important;}
.taocan .tcli3{width:32.36%;margin:1% 0;height: 246px;} */
.tcfirst{}
.tcse02{background: rgba(150,123,64,.6);border: 4px solid rgba(200,174,117,.8);}
.tcse03{background: rgba(77,59,44,.6);border: 4px solid rgba(114,106,98,.8);}
.tcse04{background: rgba(6,99,117,.6);border: 4px solid rgba(62,138,152,.8);}
.w180{width:180px;}


/**/

/*套餐*/
.taocan1{overflow: hidden;}
/* .taocan{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; display: flex;} */
.taocan_left{float: left; width: 326px; position: relative;}
.taocan_ckxq1{ position: absolute;bottom: 60px; width: 205px; text-align: center;left: 17%; line-height: 35px;background: red;color: #fff;}
 .taocan_ckxq1:hover{background: #940505;} 
.taocan_right{      float: left;
  width: 874px;    margin-top: -10px;}
  .taocan_right1{      float: left;
  width: 1200px;    margin-top: -10px;}
.taocan1 li{float:left;width: 390px; height: 261px;margin-left: 10px;margin-top: 10px; position:relative;overflow: hidden; }
/* .taocan li:nth-child(1){margin-bottom: 1%;} */
.taocan1 li img{width:100%;height:100%; cursor: pointer;transition: all 0.6s;}
/* .taocan li img:hover{transform: scale(1.1);} */
/* .taocan .tcli1{width:49%;margin-left: 1%;} */
.taocan1 li:hover .tclibtext{display: none;}
.taocan1 li:hover .tcli_xq{display: block;}
.taocan1 li:hover .tcli_sqb{display: block;}


.tckefu{width:350px;height: 36px;background: #ebaf00;text-align: center;line-height: 36px;margin:30px auto 0;color: #fff;}
.taocan li:hover .tckefu{background:#d90000;}
.tclibg{top:0;left:0;background: rgba(0,0,0,.6);width:100%;height: 100%;overflow:hidden;}
.xianleft{width:1px;background: #fff;height: 0%;left:10px;top:0;}
.xianright{width:1px;background: #fff;height: 0%;right:10px;top:0;}
.xiantop{width:0%;background: #fff;height: 1px;top:10px;left:0;}
.xianbottom{width:0%;background: #fff;height: 1px;bottom:10px;left:0;}
.tcmintext {top: 0;left: 0;width: 100%;letter-spacing: 3px;}
.divbor {top: 50%;left: 50%;}
.tcanlibtn {width: 180px;height: 40px;background: red;color: #fff;margin: 22px auto 0;font-size: 18px;
line-height: 40px;}
.tclibtext {width: 100%; margin-top: -35px; background:rgba(0, 0, 0, 0.61); height: 30px;line-height: 30px;color: #fff;text-align: center;display: flex;}
.taocan_zaojia{ width: 110px; height: 35px;background: #4caed5;  line-height: 35px;    border-radius: 0px 20px 20px 0px;}
.tc_zj1{background: #a37961;}
.tc_zj2{background: #286a3e;}
.taocan_qita{flex:1;}
.wpsa{position: absolute;}

/* VR */
.vr_top{ position: relative;}
.vr_myz{position: absolute;top: 50px;right: 50px;}
.vr_top_text{ position: absolute; bottom: 0;color: #fff;text-align: center; width: 100%;height: 50px;background: #444344e0; line-height: 50px;font-size: 25px;}
.vr_bottom{height: 300px; margin-top: 20px;  display: -webkit-flex; /* Safari */
  -webkit-justify-content: space-between; /* Safari 6.1+ */
  display: flex;
  justify-content: space-between;}
.vr_item{width: 33%; height: 270px; position: relative; }
.vr_item img{width: 100%; height: 100%;}
.vr_item:hover .vr_bottom_text{display: none;}
.vr_item:hover .vr_zj_dj{display: block;}
.vr_bottom_text{position: absolute;bottom: 0;width: 100%;height: 35px;background: #444344e0;line-height: 35px;font-size: 18px;color: #fff;text-align: center;}
.vr_zj_dj{ display: none; position: absolute;top: 0;width: 100%; height: 100%;background:#444344e0; }
.vr_zj_dj img{margin:100px auto;width: 50px;height: 50px;}
.mode_vr{height: 56px;line-height: 56px;background: red;text-align:center ;color: #fff;font-size: 18px;}


/*案例页面*/
.diwei{padding:25px 0;}
.diwei a{font-size: 14px;display: inline-block;color:#9b0915;}
.hxhf{line-height: 36px;padding: 0 36px;}
.flleft{border-top:1px solid rgba(204,204,204,.4);padding:12px 0; background:rgba(241,241,241,.4);height:36px;}
.shaxuan{border:1px solid rgba(204,204,204,.4);border-top:none;}
.flleft ul{ line-height:36px;width:80%;}
.flleft ul li{float:left;margin:0 8px;}
.flleft a{color:#797979; padding:5px 13px;}
.xian{width:1px;height:36px; margin-right:24px;float:left; background: #ccc;}
.ico {width: 16px;height: 16px;background: url(http://icon.dyrs.cc/ico.png) no-repeat 0 -75px;
cursor: pointer;position: absolute;right: 16px;top: 23px;}
.bgred{background: #9e2323;}
.current{background: #384d5e;color:#384d5e !important;}
.bgred a{color:#fff !important;}
.sjsbox{margin-top:50px;}
.sjsul li{margin:7px;width:306px;height: 432px;padding-bottom:10px;color:#000; background: #f7f7f7;}
.sjsul li p{color:#000;}
.sjstitle{color:#000; font-weight: both;}
.mdtop16{margin-top:10px;}
.sjsw90{width:90%;margin:10px auto 0;}
.width70{width:70%;margin: 20px auto 0;height: 40px;line-height: 40px;}
.paging {text-align: center;padding: 60px 0 30px 0;font-size: 14px;}
.paging a {display: inline-block;padding: 0 10px;min-width: 13px;line-height: 33px;
border: solid 1px #ddd;margin: 0 3px;background: #fff;color: #666;}
.thisclass {color: red !important;}
.paging a:hover{ background: #ddd; color:red; }
.wborderbottom{ border-bottom:1px solid #ccc;}
.anlibox ul li{float:left;width:24%;margin:14px 0.5%; background:#f4f4f4; position:relative;}
.alimg{width:100%;height:260px;margin:0 auto;}
.w94{width:94%;}
.w96{width:96%;}
.altitle{margin:10px auto 15px; color:#757575;}
.mdbottom10{margin-bottom: 10px;}
.h000{color:#000;}
.mdright10{margin-right:10px;}
.width270{width:270px;text-overflow:ellipsis; overflow:hidden; white-space: nowrap; height:20px;}
.sjstx{width:64px;height: 64px;border-radius: 50%; position:absolute;bottom:38px;right:20px;border:2px solid #fff;}
.sjsyy{width: 78px;height: 26px;line-height: 26px;margin-top: 16px;top: 0;right: 16px;color: #fff;border-radius: 5px;display:none;}
.sjsyy:hover{ cursor:pointer;}
.alsjsname{line-height: 64px;color: #000;margin-left: 12px;}
.wh306{width:306px;height:306px;overflow:hidden;}
.mdt_2{margin-top:-2px; line-height:1.3;width:112px;padding: 0 20px;}
.active{ background:#D96C00; font-weight:bold;}

.fenggeul{float:left;}
.wleft{float:left;}
.wright{float:right !important;}
.font10{font-size: 10px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font23{font-size: 23px;}
.font24{font-size: 24px;}
.font25{font-size: 25px;}
.font26{font-size: 26px;}
.font27{font-size: 27px;}
.font28{font-size: 28px;}
.font29{font-size: 29px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}
.font42{font-size: 42px;}
.font44{font-size: 44px;}
.font46{font-size: 46px;}
.font48{font-size: 48px;}
.font50{font-size: 50px;}
.font52{font-size: 52px;}
.font54{font-size: 54px;}
.font55{font-size: 55px;}
.font56{font-size: 56px;}
.font58{font-size: 58px;}
.font60{font-size: 60px;}
.font62{font-size: 62px;}
.font64{font-size: 64px;}
.font66{font-size: 66px;}
.font68{font-size: 68px;}
.font70{font-size: 70px;}
.font72{font-size: 72px;}
.font74{font-size: 74px;}
.font76{font-size: 76px;}
.font78{font-size: 78px;}
.font80{font-size: 80px;}
.font96{font-size: 96px;}
.font98{font-size: 98px;}
.font128{font-size: 128px;}
.font150{font-size: 150px;}

.mdt02{margin-top:2px;}
.mdt04{margin-top:4px;}
.mdt05{margin-top:5px;}
.mdt08{margin-top:8px;}
.mdt10{margin-top:10px;}
.mdt15{margin-top:15px;}
.mdt20{margin-top:20px;}
.mdt22{margin-top:22px;}
.mdt25{margin-top:25px;}
.mdt27{margin-top:27px;}
.mdt30{margin-top:30px;}
.mdt35{margin-top:35px;}
.mdt40{margin-top:40px;}
.mdt45{margin-top:45px;}
.mdt50{margin-top:50px;}
.mdt55{margin-top:55px;}
.mdt60{margin-top:60px;}
.mdt65{margin-top:65px;}
.mdt70{margin-top:70px;}
.mdt75{margin-top:75px;}
.mdt80{margin-top:80px;}
.mdt85{margin-top:85px;}
.mdt90{margin-top:90px;}
.mdt95{margin-top:95px;}
.mdt100{margin-top:100px;}
.box1200{width:1200px;margin:0 auto;}
.mdr05{margin-right:5px;}
.mdr08{margin-right:8px;}
.mdr10{margin-right:10px;}
.mdr15{margin-right:15px;}
.mdr20{margin-right:20px;}
.mdr25{margin-right:25px;}
.mdr30{margin-right:30px;}
.mdr35{margin-right:35px;}
.mdr40{margin-right:40px;}
.mdr45{margin-right:45px;}
.mdr50{margin-right:50px;}
.mdr55{margin-right:55px;}
.mdr60{margin-right:60px;}
.mdr65{margin-right:65px;}
.mdr70{margin-right:70px;}
.mdr75{margin-right:75px;}
.mdr80{margin-right:80px;}
.mdr85{margin-right:85px;}
.mdr90{margin-right:90px;}
.mdr95{margin-right:95px;}
.mdr100{margin-right:100px;}

.mdl05{margin-left: 5px}
.mdl10{margin-left: 10px}
.mdl15{margin-left: 15px}
.mdl20{margin-left: 20px}
.mdl25{margin-left: 25px}
.mdl30{margin-left: 30px}
.mdl35{margin-left: 35px}
.mdl40{margin-left: 40px}
.mdl50{margin-left: 50px}
.mdl55{margin-left: 55px}
.mdl60{margin-left: 60px}
.mdl65{margin-left: 65px}
.mdl70{margin-left: 70px}
.mdl75{margin-left: 75px}
.mdl80{margin-left: 80px}
.mdl85{margin-left: 85px}
.mdl90{margin-left: 90px}
.mdl95{margin-left: 95px}
.mdl100{margin-left: 100px}
.mdb05{margin-bottom: 5px;}
.mdb10{margin-bottom:10px;}
.mdb15{margin-bottom:15px;}
.mdb20{margin-bottom:20px;}
.mdb25{margin-bottom:25px;}
.mdb30{margin-bottom:30px;}
.mdb35{margin-bottom:35px;}
.mdb40{margin-bottom:40px;}
.mdb45{margin-bottom:45px;}
.mdb50{margin-bottom:50px;}
.mdb55{margin-bottom:55px;}
.mdb60{margin-bottom:60px;}
.mdb65{margin-bottom:65px;}
.mdb70{margin-bottom:70px;}
.mdb75{margin-bottom:75px;}
.mdb80{margin-bottom:80px;}
.mdb85{margin-bottom:85px;}
.mdb90{margin-bottom:90px;}
.mdb95{margin-bottom:95px;}
.mdb100{margin-bottom:100px;}
.mdtb05{margin:05px auto !important;}
.mdtb10{margin:10px auto !important;}
.mdtb13{margin:13px auto !important;}
.mdtb15{margin:15px auto;}
.mdtb20{margin:20px auto;}
.mdtb25{margin:25px auto;}
.mdtb30{margin:30px auto;}
.mdtb35{margin:35px auto;}
.mdtb40{margin:40px auto;}
.mdtb45{margin:45px auto;}
.mdtb50{margin:50px auto;}
.mdtb55{margin:55px auto;}
.mdtb60{margin:60px auto;}
.mdtb65{margin:65px auto;}
.mdtb70{margin:70px auto;}
.mdtb75{margin:75px auto;}
.mdtb80{margin:80px auto;}
.mdtb85{margin:85px auto;}
.mdtb90{margin:90px auto;}
.mdlr01_{margin-left:0.1%;margin-right:0.1%;}
.mdlr02_{margin-left:0.2%;margin-right:0.2%;}
.mdlr03_{margin-left:0.3%;margin-right:0.3%;}
.mdlr04_{margin-left:0.4%;margin-right:0.4%;}
.mdlr05_{margin-left:0.5%;margin-right:0.5%;}
.mdlr06_{margin-left:0.6%;margin-right:0.6%;}
.mdlr07_{margin-left:0.7%;margin-right:0.7%;}
.mdlr08_{margin-left:0.8%;margin-right:0.8%;}
.mdlr09_{margin-left:0.9%;margin-right:0.9%;}
.mdlr1_{margin-left:1%;margin-right:1%;}
.mdlr1_5_{margin-left:1.5%;margin-right:1.5%;}
.mdlr2_{margin-left:2%;margin-right:2%;}
.mdr2_{margin-right:2%;}
.pdl20{padding-left: 20px;}
.pdb50{padding-bottom: 50px;}
.pdb70{padding-bottom: 70px;}
.hongse{color:#d00000  !important;}
.baise{ color:#FFFFFF}
.textidt10{text-indent: 10px;}

/*流程*/
.Liucheng{ margin-top:20px;}
.index_zxlc_list i, .index_zxlc_link {background: url("../images/index_global.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: none;}
.index_zxlc_list {margin:0px auto; padding:0px 0px 0px 8px; width: 1200px;display: table;}
	.index_zxlc_list li {margin-right:14px;width: 118px;height: 118px;text-align: center;float: left;font-size: 14px;}
	.index_zxlc_list li a {border: 1px solid #ddd;display: block;height: 116px;width: 116px;color: #666;}
	.index_zxlc_list li a:hover {background-color: border: 1px solid #e25923;color: #fff;background:#e25923; url("../images/index_global.png") no-repeat;}
	.index_zxlc_list li i {display: block;height: 37px;margin: 26px auto 15px;}
	.index_zxlc_list .index_zxlc_ico1 {background-position: -41px -124px;width: 44px;}
	.index_zxlc_list .index_zxlc_ico2 {background-position: -87px -124px;width: 36px;}
	.index_zxlc_list .index_zxlc_ico3 {background-position: -125px -124px;width: 34px;}
	.index_zxlc_list .index_zxlc_ico4 {background-position: -161px -124px;width: 36px;}
	.index_zxlc_list .index_zxlc_ico5 {background-position: -199px -124px;width: 36px;}
	.index_zxlc_list .index_zxlc_ico6 {background-position: -237px -124px;width: 38px;}
	.index_zxlc_list .index_zxlc_ico7 {background-position: -277px -124px;width: 36px;}
	.index_zxlc_list .index_zxlc_ico8 {background-position: -315px -124px;width: 36px;}
	.index_zxlc_list .index_zxlc_ico9 {background-position: -353px -124px;width: 34px;}
	
	
.s_fbma { width: 300px; float: left; padding-bottom:20px;}
.s_fbma_l { width: 50%; float: left; color:#a9a9a9;;}
.s_fbma_l01 { width: 100%; float: left; font-size: 14px;color:#ffba00; }
.s_fbma_l02 { width: 100%; float: left; font-size: 20px;color:#ffba00;}
.s_fbma_r { width: 50%; float: left;}


.i_f{ width:865px;background:#fff; height:533px;  }
.i_f .wz_wrap{ padding-bottom:50px; margin:0 auto;text-align:center; }
.i_f ul{ width:865px;   background:#FFFFFF;  margin:0 auto;text-align:center}
.i_f ul li{ width:276px; height:260px; float:left; border-left:1px solid #ddd;border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;  background:#FFFFFF;}
.i_f ul li img{ width:80px; height:80px; vertical-align:top;margin-top:20px;}
.i_f ul li .title{ font-size:20px;  color:#000; font-weight: bold; line-height:50px;}
.i_f ul li p{ font-size:16px; color:#6D6D6D; line-height:30px;}


.i_f1{ width:865px;background:#fff; height:533px;  }
.i_f1 .wz_wrap{ padding-bottom:50px; margin:0 auto;text-align:center; }
.i_f1 ul{ width:865px;   background:#FFFFFF;  margin:0 auto;text-align:center}
.i_f1 ul li{ width:420px; height:260px; float:left; border-left:1px solid #ddd;border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;  background:#FFFFFF;}
.i_f1 ul li img{ width:80px; height:80px; vertical-align:top; margin-top:20px;}
.i_f1 ul li .title{ font-size:20px; color:#000; font-weight: bold; line-height:50px;}
.i_f1 ul li p{ font-size:16px; color:#6D6D6D; line-height:30px;}

.i_f1 ul li .more{   text-align:center; }
.i_f1 ul li .more a{margin-top:23px;  width:152px; height:40x; display:inline-block; color:#FFF;  background:#e1021a;border-radius:30px;font-size:16px; line-height:40px; overflow:hidden;}
.i_f1 ul li .more a:hover{ color: #FFFFFF; background:#ff6766;}

.i_f ul li .more{   text-align:center; }
.i_f ul li .more a{margin-top:23px;  width:152px; height:40x; display:inline-block; color:#FFF;  background:#e1021a;border-radius:30px;font-size:16px; line-height:40px; overflow:hidden;}
.i_f ul li .more a:hover{ color: #FFFFFF; background:#ff6766;}


.zz_lclist
        {
             text-align:center;
            width: 1280px;
            margin-top:20px;
        }

            .zz_lclist li
            {
                float: left;
                width: 260px;
                height: 300px;
                color: #fff;
                text-align: center;
                display: inline-block;
                font-size: 20px;
                
                padding: 10px 0; margin-left:50px;border-radius: 20px;
            }
   .zz_lclist li span{ float:left; width:210px; font-size:16px; text-align:center; margin-top:50px; margin-left:25px; line-height:30px}
                .zz_lclist li.lan
                {
                    background: #13cdcc;
                }

                .zz_lclist li.huang
                {
                    background: #34a7de;
                }
   .zz_lclist li.zi
                {
                    background: #534e8b;
                }
				                .zz_lclist li.hong
                {
                    background: #64bf46;
                }

                .zz_lclist li.lv
                {
                    background: #aad85c;
                }
				
                .zz_lclist li .icon
                {
                    margin-top: 30px;
                    width: 66px;
                    height: 66px;
                    display: inline-block;
                    -moz-transition: all 0.5s ease-in-out;
                    -webkit-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    -ms-transition: all 0.5s ease-in-out;
                    transition: all 0.5s ease-in-out;
                }

            .zz_lclist .item-1 .icon
            {
                background: url(../images/liuc_04.png) center center no-repeat;
            }

            .zz_lclist .item-2 .icon
            {
                background: url(../images/liuc_02.png) center center no-repeat;
            }

            .zz_lclist .item-3 .icon
            {
                background: url(../images/liuc_03.png) center center no-repeat;
            }

            .zz_lclist .item-4 .icon
            {
                background: url(../images/liuc_01.png) center center no-repeat;
            }

            .zz_lclist .item-5 .icon
            {
                background: url(../images/liuc_05.png) center center no-repeat;
            }

            .zz_lclist .item-6 .icon
            {
                background: url(../images/liuc_06.png) center center no-repeat;
            }

            .zz_lclist li:hover .icon
            {
                -moz-transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            .zz_lclist li a
            {
                display: block;
                color: #fff; margin-top:60px; margin-left:45px;
                -moz-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out; width:120px; height:35px ; line-height:35px; border-radius: 5px; background:rgba(255,255,255,0.2);
            }

            .zz_lclist li.red:hover
            {
                background-color: rgba(244, 53, 38, 1);
                -moz-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
            }

            .zz_lclist li.gra:hover
            {
                background-color: rgba(150, 150, 150, 1);
                -moz-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
            }
			
			
			
			
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}



.t_job_r01 {
    width: 21.5%;
    float: left;
    border: 2px #fff solid;
    padding: 40px;
    margin-left:4%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_job_r02 { width:100%; float: left; text-align: center; }
.t_job_r03 { width:100%; float: left; font-size: 18px; color: #fff; padding: 5px 0; text-align: center;}
.t_job_r04 { width:100%; float: left; font-size: 14px; color: #fff;text-align: center; }


.lxx{ float:left; width:400px; height:600px; color:#FFFFFF; text-align:left; font-size:16px; line-height:40px; font-weight:normal;  margin-right:50px;}
.lxx span{ float:left; font-size:30px; color:#FFFFFF;width:200px; border-bottom:2px solid #FFf;padding-bottom:10px;}
.lxx .lxcon{ float:left; margin-top:10px; width:500px;}
.qiye{margin-top:30px;}
.message-box1{margin-left:200px; }
.message-box1 .message-item1{display:block;background-color: #f5f5f5;border:1px solid #eee;transition:all ease-in .2s;overflow:hidden;margin-bottom:20px;}
.message-box1 .contacts{ float:left; width:200px;}
.message-box1 .content{ float:left; width:700px }
.message-box1 .moble{ float: left;width:322px; margin-left:48px;}
.message-box1 .name{ float: left;width:322px; }
.message-box1 .message-item1 input[type="text"],.message-box1 .message-item1 textarea{width:100%;height:100%;padding:15px;border:none;background-color:inherit;box-sizing:border-box;}
.message-box1 .checkbox{ float:left;width: 300px;}
.message-box1 .message-item1 #checksn{width:100px;}
.message-box1 .message-item1 #checkimg{float:right;width:80px;height:auto;margin-right:8px;margin-top:8px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:14px;}
.message-box1 .message-item1 input[type="text"]:focus,.message-box1 .message-item1 textarea:focus{background-color:#fff;}
.message-box1 .btnbox{ float:left;width:320px;height:50px;font-size: 16px;text-align:center;line-height:50px;color:#fff;cursor:pointer;border-radius:4px;background-color:#ff6766;transition:all ease-in .2s; border:none; margin-left:80px;}
.message-item1:hover{border-color:#ddd;background-color:#fff;}
.message-box1 .btnbox:hover{background-color:#fd4700;}


	.index_about_nav{ float:left;height:180px;margin:1px 0;padding-top:65px;}
	.index_about_nav ul{text-align: center;margin:auto;}
	.index_about_nav ul li{float: left;margin:10px 20px 0 0;height: auto; }
	.index_about_nav ul li a{display: block;color: #384d5e;background:#ffba00;transition: all 0.6s;border-radius:5px;width:100px; height:40px; font-size:16px; line-height:40px;}
	.index_about_nav ul li a:hover{background: #FFF;color: #384d5e;}
	.index_about_nav p{font-size: 30px; color: #fff;}
	
	
		.index_about{ float:left;height:300px;margin:1px 0; line-height:250px; }
	.index_about ul{text-align: center;margin:auto;}
	.index_about ul li{float: left; height: auto;width:550px; }
	.index_about  .it{ float:left; color:#384d5e; font-size:36px; font-weight:bold  }
	.index_about  .it1{float: right;color:#ffba00; font-size:28px;font-weight:bold; padding-left:100px;}
	
	.join_flow{padding:30px;color:#fff;background:url(../images/join_bg.jpg) no-repeat scroll;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;margin:30px auto;max-width:1720px;}
.join_flow .join_tt{font-size:32px;font-weight:bold;text-align:center;}
.join_con dl,.join_con span{float:left;}  .join_con span{display:block;height:1px;background:#fff;width:56px;margin:30px 25px 0;}
.join_con dl dt{font-family:'impactregular';font-size:40px;}
.join_con dl{padding: 0 5px;text-align:center;} .join_con dl dd{font-size:14px;line-height:28px;}
.join_con{padding-top:25px;}
/*