@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;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#e62129; 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;}

.top_menu{font-size: 14px; width: 100%;  height: 39px; background-color: #fdfdfd;color: #666666; border-bottom: 1px solid #f1f1f1;}

.top_lang{float:right;height: 34px;padding: 6px 10px 0px 10px; }
.top_lang img{ vertical-align:middle }
.top_name{display: inline-block; padding-top:10px;}


.fl{float:left;}.fr{float:right;height: 34px; padding: 6px 10px 0px 10px; }
.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:#e62129; 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;}
.bg1{ background:#eeeeee}

.top-wrapper{ background:url(../Images/top-bg.png) bottom center repeat-x;}
.top{ width:1200px; height:40px; margin:0 auto; position:relative; line-height:40px; }
.top a{ float:left; height:40px; padding-left:25px; line-height:40px; margin-left:20px;}
a.home{ background:url(../Images/home.png) left center no-repeat;  }
a.wx{ background:url(../Images/wx.png) left center no-repeat; position:relative; z-index:10;}
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:132px; background:url(../Images/header-bg.jpg) center repeat-x;}
.header{ width:1200px; height:132px; margin:0 auto; position:relative; }
.header h1{ position:absolute; left:0px;}
.tel{ position:absolute; bottom:50px; right:0px; font: 14px/20px "Microsoft YaHei"; color:#666666; background:url(../Images/tel.gif) left center no-repeat; padding-left:40px; }
.tel span{ font-size:20px; color:#e62129;}
.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:#e62129; font-size:16px; padding-bottom:4px;}

.menu-wrapper{ background:#0061aa;}
.menu{ width:1200px; height:52px; 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:108px; text-align:center; position:relative; z-index:10; background:url(../images/h_line.png) no-repeat  right center;}
ul.menu-list li a{ display:block; width:100%; height:52px; font:16px/52px 微软雅黑,Arial, Helvetica, sans-serif; color:#FFF; }
ul.menu-list li a:hover,ul.menu-list li a.current{ background:#e62129; color:#FFF;}
ul.menu-list li ul{ position:absolute; top:52px; left:0px; width:108px; display:none; z-index:9999;}
ul.menu-list li ul li{ float:left; width:100%;}
ul.menu-list li ul li a{ display:block; width:100%; padding:0; height:35px; background:#e62129; color:#fff; line-height:35px; font-size:12px; font-weight:normal; text-align:center;}
ul.menu-list li ul li a:hover{ color:#ffffff; width:100%; height:35px; line-height:35px; background:#0061aa;}

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

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

.home-title{ display:block; 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: #0061aa; }

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

.box-wrapper{ background:url(../images/aboutbg.jpg) top no-repeat; background-size:cover;}
.about-wrapper{ background:url(../images/bg.png?1) top center no-repeat; height:461px}

.home-about{ float:left; width:1200px;}
.home-about-img{ float:left; width:410px; margin-top:-50px;}
.home-about-brief{ float:right; width:1200px;  font-size:16px; line-height:35px; height:150px; overflow:hidden; color:#fff}
.aboutbg{ float:left; height:561px; width:100%; background:url(../images/bg.png) no-repeat;}
.aboutbox{ float:right; margin-top:50px; margin-right:200px; width:460px; height:103px;  padding:20px;}
.aboutbox strong{ display:block; font-size:26px; line-height:50px; color:#fff;}
.aboutbox p{ display:block; font-size:14px; line-height:30px; color:#fff;}
.home-about-more{ float:right; width:700px; margin-top:40px;}
.home-about-more a{ float:left; width:120px; height:40px; display:inline-block; color:#FFF; background:#065a9a; text-align:center; font-size:16px; line-height:40px; overflow:hidden;}
.home-about-more a:hover{ background:#e10b06;}

.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:40px; }
.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:#065a9a; 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:#e62129}
.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:40px; margin-top:20px; overflow:hidden; text-align:center;}
.home-more a{ width:120px; height:40px; display:inline-block; color:#FFF; background:#065a9a; text-align:center; font-size:16px; line-height:40px; overflow:hidden;}
.home-more a:hover{ background:#e10b06;}

.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: #065a9a; 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:#e62129; 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:#065a9a; text-align:center; font-size:16px; line-height:40px; overflow:hidden;}
.home-news-more a:hover{ background:#e10b06;}

.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:#0061b0 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:100px; background:url(../images/adbg.jpg) top center repeat-x;}
.adbox{ float:left; width:1200px; font-size:20px; margin-top:10px; text-align:center; color:#FFF;}
.adbox b{ font-size:26px; display:block; margin-bottom:10px; }
.adbox span{ font-size:30px; color:#e62129; 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; margin-top:10px; }
.product-list li{ float:left; width:280px; overflow:hidden;border:#efefef solid 1px; position:relative; border-left:; margin-top: 15px;margin-left:15px}
.product-list li span{ float:left; width:280px; height:40px; line-height:40px; font-size:14px; text-align:center;}
.product-list li .proimg{ float:left; width:280px; height:280px; 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:300px; height:300px; background:url(../images/nbgon.png); z-index:99; display:none;}
.product-list li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:300px; height:300px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-list li a:hover span{ background:url(../images/nbgon.png); 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;  }
.subbg{ float:left; left:0px; bottom:0px;  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:#0061aa; color:#fff;}
.subnavlist li a.current{ background:#e62129; color:#FFF;}
.subnavlist li a:hover{ background:#e62129; color:#FFF;}

.subtitlebox{ width:250px; height:45px; }
.subtitle{ float:left; width:250px; height:45px; line-height:45px; 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:#97afbe; text-align:center; background:#0061aa;}

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

.maincontent .titles{ display:block; font-size:18px; 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:#e62129;}
.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:840px; 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;margin-top:40PX;}
.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 #e62129;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:900px; padding:20px 25px; background:#FFF; min-height:550px;}
.maincontents{ float:left; width:900px; 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:900px; margin-top:10px; }
.product-lists li{ float:left; width:298px; overflow:hidden;border:#efefef solid 1px; position:relative; border-top:none;border-left:none;}
.product-lists li span{ float:left; width:298px; height:40px; line-height:40px; font-size:14px; text-align:center;}
.product-lists li .proimg{ float:left; width:298px; height:298px; 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:298px; height:298px; }
.product-lists li.nobord{ border-right:none;}
.product-lists li .proimg .overbg{ position:absolute; bottom:0px; left:0px; width:300px; height:300px; background:url(../images/nbgon.png); z-index:99; display:none;}
.product-lists li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:300px; height:300px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-lists li a:hover span{ background:url(../images/nbgon.png); color:#FFF;}
.product-lists li a:hover .overbg{ display:block;}
.product-lists 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:#0061aa; 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:#0061aa; 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:#0061aa; 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:#515151; color:#a7a6ae;}
.footerbox{ width:1200px; margin:0 auto; line-height:25px; position:relative; text-align:center; color:#a7a6ae}
.flogo{ float:left; background: url(../images/flogo.png) top left no-repeat; line-height:35px; font-size:14px; padding-top:80px; width:600px}
.footernav{ float:right; width:900px;}
.ftel{ float:right; display:block; background: url(../images/ftel.jpg) left center no-repeat; padding-left:45px; line-height:60px; font-size:24px;}
.fnav{ float:right; display:block; width:100%; text-align:right;}
.fnav a{ padding:0 10px; color:#a7a6ae; line-height:30px; font-size:18px;}

.footer-wrapper{ padding:20px 0; background:#515151; border-top:#333 solid 1px;}
.footer{ width:1200px; margin:0 auto; line-height:25px; position:relative; text-align:left; color:#a7a6ae}
.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:#e62129; color:#fff; border:#e62129 solid 1px;}
.wp-pagenavi a:hover { background:#e62129; color:#fff; border:#e62129 solid 1px;}

.sm{ float:left; height:100px; width:330px; margin-top:30px; background: url(../images/sp.jpg) left no-repeat;}
.sm span{ float: left; font-size:24px; padding-left:110px; padding-top:5px; color:#FFFFFF}
.sm p{ float: left; font-size:16px; padding-left:110px; padding-top:10px; color:#FFFFFF}

.yj{ float:left; height:100px; width:330px; margin-top:30px; margin-left:100px; background: url(../images/yj.jpg) left no-repeat;}
.yj span{ float: left; font-size:24px; padding-left:110px; padding-top:5px; color:#FFFFFF}
.yj p{ float: left; font-size:16px; padding-left:110px; padding-top:10px; color:#FFFFFF}

.js{ float:left; height:100px; width:330px; margin-top:30px; margin-left:100px; background: url(../images/js.jpg) left no-repeat;}
.js span{ float: left; font-size:24px; padding-left:110px; padding-top:5px; color:#FFFFFF}
.js p{ float: left; font-size:16px; padding-left:110px; padding-top:10px; color:#FFFFFF}


.toolbar { width:65px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50; }
.toolbar dd { width:65px; height:65px; background:none; border-bottom: 1px solid #fc9808;border-top: 1px solid #fd5800;position:relative; z-index: 60;}
.toolbar dd > i { display:block; width:65px; height:65px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .slide-wb{ display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:120px; top:-65px; background:#fd5800; display:none; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px;/*  background:url(../images/tool-arrow.png) 0 0 no-repeat; */ }
.toolbar .pop-tel { width:120px; padding:40px 20px 30px; color:#FFF; text-align:center;  background:url(../images/tool-arrow.png) center 30px no-repeat #fd5800; }
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:55px; background:url(../images/tool-telphone2.png) center no-repeat; 
 width: 100%;text-align: center;}
.toolbar .pop-tel .item { line-height:24px; font-size:16px; }
.toolbar .pop-code { width:120px; padding:20px 20px 0; }
.toolbar .pop-code li{width: 100%; }
.toolbar .pop-code img { width:120px; height:120px; display:block; }
.toolbar .pop-code h3 { height:50px; line-height:50px; text-align:center; color:#f2e8e1; font-size:16px; font-weight:400; white-space:nowrap; 
	width: 100%; 
}
.toolbar .qq { background:url(../images/tip2.png) 13px 14px no-repeat #e89217; }
.toolbar .wb { background:url(../images/wb.png) 13px 14px no-repeat #e89217; }
.toolbar .qq:hover{ background-color: #fd5800;}
.toolbar .wb:hover{ background-color: #fd5800;}
.toolbar .tell { background:url(../images/tip2.png) 13px -65px no-repeat #e89217; }
.toolbar .code { background:url(../images/tip2.png) 13px -130px no-repeat #e89217; }
.toolbar .top { background:url(../images/tip2.png) 13px -200px no-repeat #e89217; }
.toolbar dd i:hover { background-color: #fd5800; }