@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:offression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:offression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none; outline: none;}
input[type="submit"],input[type="button"]{ cursor:pointer;}
button{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#000;}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:15px;color:#000;}
body{ min-width: 1200px; padding-top: 108px; }
a,.search_form,.search_input,.search_btn,.i_midlist li,.i_toplist li,.dev_detail ul li,.pro_box li{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1200px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box{ display: block; overflow: hidden; }
.img_box img{ width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.img_box:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

/*header*/
.header{ background: url(../images/bg1.png) repeat-x; height: 108px; position: fixed; top: 0; left: 0; width: 100%; z-index: 99999;}
.header .baseWidth{ height: 97px; line-height: 97px; }
.header .logo{ margin-left: 10px; }
.h_box{ font-size: 0; width: 1020px; height: 97px; }
.nav li > a{ display: block; color: #888; font-size: 16px; height: 97px; box-sizing: border-box; }
.nav li{ position: relative; float: left; margin: 0 11px; }
.nav li.on > a,.nav li:hover > a{ color: #000; border-bottom: 2px solid #fb5f01; }
.nav li:hover dl{ display: block; } 
.nav dl{ box-shadow: 0 10px 30px #e5e5e5; border-top: none; display: none; min-width: 70px; padding: 10px 0; text-align: center; background: #fff; position: absolute; z-index: 999; font-size: 15px; }
.nav dl dd{ white-space: pre; line-height: 32px; }
.nav dl dd a{ color: #888; }
.nav dl dd:hover a{ color: #fb5f01; }
.header .lang{ margin-left: .36px; font-size: 14px; position: relative; z-index: 999; margin-top: 34px; cursor: pointer; height: 28px; overflow: hidden; line-height: 28px; border: 1px solid #ddd; padding: 0 14px; background: url(../images/icon1.png) 8px 6px no-repeat; border-radius: 12px; }
.header .lang:hover{ height: auto; background: #fff url(../images/icon1.png) 8px 6px no-repeat; }
.header .lang span{ color: #fb5f01; padding-left: 16px; }
.header .lang dd a{ text-align: right; color: #b6b6b6; }
.header .lang dd a:hover{ color: #fb5f01; }
.search_form{ margin: 0 4px 0 16px; background: url(../images/icon4.png) no-repeat; width: 48px; height: 48px; text-align: center; line-height: 48px; }
.search_input{ color: #000; box-sizing: border-box; width: 0; height: 28px; line-height: 28px; _line-height: 28px; *line-height: 28px; border: none; }
.search_btn{ width: 22px; height: 24px; background: url(../images/icon5.png) no-repeat; border: none; }
.search_form.on{ background: none; vertical-align: middle; height: 28px; line-height: 28px; width: 135px; overflow: hidden; border: 1px solid #fb5f01; border-radius: 12px; }
.search_form.on .search_input{ width: 100px; padding-left: 5px; }
.search_form.on .search_btn{ margin: 0 5px; width: 20px; height: 20px; background: url(../images/icon5on.png) no-repeat; border: none; background-size: contain;}

/*footer*/
.footer{ background: #2b3845; color: #fff; }
.footer a{ color: #fff; }
.footer .top{ padding: 38px 0 44px; border-bottom: 1px solid #3a4651; }
.footer .box{ max-width: 400px; float: left; min-width: 230px; padding-left: 5px; line-height: 36px; }
.footer .box em{ max-width: 360px; margin-left: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.footer .box span{ opacity: 0.5; filter: alpha(opacity=50);}
.footer .box em i{ display: block; opacity: 0.5; filter: alpha(opacity=50); }
.footer .box2{ line-height: 26px; margin-top: 5px; }
.fnav{ max-width: 390px; margin-right: 28px; margin-top: 20px; }
.fnav li{ float: left; margin: 0 10px; }
.fnav li a{ opacity: 0.5; filter: alpha(opacity=50);}
.fnav li a:hover{ color: #fb5f01; opacity: 1; filter: alpha(opacity=100); }
.f_ewm{ border: 2px solid #fb5f01; border-radius: 8px; text-align: center; width: 130px; padding: 12px 5px 6px; font-size: 12px; box-sizing: border-box; }
.f_ewm img{ margin-bottom: 2px; width: 90px; height: 90px; }
.footer .bottom{ padding: 35px 0 54px; line-height: 20px; }
.share_list{ font-size: 0; }
.share_list font{ font-size: 14px; vertical-align: middle; }
.share_list a{ margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.share_list .weibo{ width: 23px; height: 18px; background: url(../images/icon12.png) no-repeat; }
.share_list .weibo:hover{ background: url(../images/icon12on.png) no-repeat; }
.share_list .youku{ width: 26px; height: 14px;  background: url(../images/icon13.png) no-repeat; }
.share_list .youku:hover{ background: url(../images/icon13on.png) no-repeat; }
.share_list .wechat{ width: 23px; height: 17px; background: url(../images/icon14.png) no-repeat; }
.share_list .wechat:hover{ background: url(../images/icon14on.png) no-repeat;}

/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 100%;}
.slick-list:focus{outline: 0}
.slick-list.dragging{cursor: pointer; cursor: hand}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track{ position: relative; top: 0; left: 0; display: block; height: 100%;}
.slick-track:after,
.slick-track:before{display: table; content: ''}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide{display: none; float: left; outline: 0 none; height: 100%; min-height: 1px;}
[dir=rtl] .slick-slide{float: right}
.slick-slide img{display: block}
.slick-slide.slick-loading img{display: none}
.slick-slide.dragging img{pointer-events: none}
.slick-initialized .slick-slide{display: block; z-index: 0;}
.slick-loading .slick-slide{visibility: hidden}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden{display: none}
.slick-dots li{cursor: pointer; cursor: hand}
.slick-dots button{display: none}
.slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 50px; height: 60px; top: 50%; margin-top: -30px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute;/* z-index: 10;*/}
.banner{ margin-top: -9px; position: relative; z-index: 1; }
.banner-bg{ background-position: center; background-repeat: no-repeat; height: 688px; }
.slick-dots { z-index: 999; height: 15px; text-align: center; width: 100%; bottom: 34px; position: absolute; width: 100%; list-style: none; display: block; box-sizing: border-box; }
.slick-dots li{ cursor: pointer; width: 15px; overflow: hidden; height: 15px; background: #fff; border-radius: 50%; display: inline-block; zoom: 1; *display: inline; margin: 0 10px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ background: #fb5f01;}
.imain_top{ display: block; position: absolute; top: -11px; z-index: 999; width: 100%; background: url(../images/bg2.png) center no-repeat; height: 11px; }
.bg_gre{ background: url(../images/bg3.png) repeat-x; background-size: contain; }
.i_news{ height: 48px; line-height: 48px; padding-bottom: 3px; border-bottom: 1px solid #e5e5e5; }
.i_news font{ display: block; font-size: 16.5px; color: #fb5f01; width: 100px; text-indent: 8px; }
.inew_slick{ width: 1100px; padding-right: 100px; height: 48px; }
.inew_slick a{ display: block;/* font-size: 13px;*/ }
.inew_slick a:hover{ color: #fb5f01; }
.inew_slick span{ font-size: 14px; }
.inew_slick .slick-prev{ right: 46px; margin-top: -7.5px; width: 10px; height: 15px; background: url(../images/icon2.png) no-repeat; }
.inew_slick .slick-prev:hover{ background: url(../images/icon2on.png) no-repeat; }
.inew_slick .slick-next{ right: 23px; margin-top: -7.5px; width: 10px; height: 15px; background: url(../images/icon3.png) no-repeat; }
.inew_slick .slick-next:hover{ background: url(../images/icon3on.png) no-repeat; }
.i_toplist{ width: 1146px; margin: 14px auto 20px; }
.i_toplist .slick-list{ margin-left: -1px; }
.i_toplist .slick-list li{ font-size: 15px; height: 140px; padding-top: 14px; width: 191px; box-sizing: border-box; background: url(../images/icon16.png) right center no-repeat; }
.i_toplist a{ color: #666; }
.i_toplist a:hover{ color: #000; }
.cap_list .slick-prev,.i_toplist .slick-prev,.news_box .slick-prev,.newsd_slick .slick-prev,.honslickt .slick-prev,.rec_slick .slick-prev{ left: -27px; margin-top: -22.5px; width: 21px; height: 45px; background: url(../images/icon6.png) no-repeat; }
.cap_list .slick-prev:hover,.i_toplist .slick-prev:hover,.news_box .slick-prev:hover,.newsd_slick .slick-prev:hover,.honslickt .slick-prev:hover,.rec_slick .slick-prev:hover{ background: url(../images/icon6on.png) no-repeat; }
.cap_list .slick-next,.i_toplist .slick-next,.news_box .slick-next,.newsd_slick .slick-next,.honslickt .slick-next,.rec_slick .slick-next{ right: -27px; margin-top: -22.5px; width: 21px; height: 45px; background: url(../images/icon7.png) no-repeat; }
.cap_list .slick-next:hover,.i_toplist .slick-next:hover,.news_box .slick-next:hover,.newsd_slick .slick-next:hover,.honslickt .slick-next:hover,.rec_slick .slick-next:hover{ background: url(../images/icon7on.png) no-repeat; }
.i_toplist .slick-dots{ height: 11px; bottom: -11px; }
.cap_list .slick-dots li,.i_toplist .slick-dots li{ width: 9px; height: 9px; background: #fff; border: 1px solid #d8d8d8; margin: 0 6px; }
.cap_list .slick-dots li.slick-active,.i_toplist .slick-dots li.slick-active{ background: #d8d8d8;}
.i_toplist em{ width: 75px; height: 75px; display: block; margin: 0 auto 6px; text-align: center; line-height: 75px; font-size: 0; }
.i_toplist em img{ display: inline-block; *display: inline; *zoom: 1; }
.i_midlist{ height: 196px; }
.i_midlist li{ text-transform: uppercase; margin-top: 20px; float: left; margin-left: 22px; width: 385px; height: 142px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 8px; }
.i_midlist a{ display: block; width: 100%; height: 100%; float: left; }
.i_midlist li:first-child{ margin-left: 0; }
.i_midlist li .text{ margin-left: 30px; }
.i_midlist li h2{ margin: 42px auto 4px; font-size: 24px; }
.i_black h2{ color: #fd6901; }
.i_black p{ color: #fff; }
.i_midlist li:hover{ box-shadow: 0 0 30px #ccc; margin-top: 18px; }
.i_h2{ margin-bottom: 10px; text-transform: uppercase; padding: 10px 0; text-align: center; font-size: 20px; color: #333; font-weight: bold; }
.i_botlist{ border-top: 1px solid #f5f5f5; padding: 30px 0 56px; }
.i_botlist .box{ overflow: hidden; position: relative; width: 590px; height: 144px; box-sizing: border-box; border: 1px solid #eee; border-radius: 8px; }
.i_botlist .box li.li{ width: 590px; height: 144px; }
.i_botlist .box h2{ margin: 42px auto 9px; font-size: 24px; }
.i_botlist .box p{ color: #666; }
.i_botlist .box .text{ position: relative; margin-left: 40px; max-width: 390px; }
.i_botlist .i_botslick{ overflow: hidden; }
.i_botlist .slick-dots{ bottom: 18px; height: 9px; }
.i_botlist .slick-dots li,.news_box .slick-dots li,.newsd_slick .slick-dots li,.honslickb .slick-dots li,.rec_slick .slick-dots li{ width: 9px; height: 9px; background: none; border: 1px solid #dedede; margin: 0 6px; }
.i_botlist .slick-dots li.slick-active,.news_box .slick-dots li.slick-active,.newsd_slick .slick-dots li.slick-active,.honslickb .slick-dots li.slick-active,.rec_slick .slick-dots li.slick-active{ background: #ffcb98; border-color: #d6202e; }
.i_botlist .box img{ position: absolute; right: 18px; bottom: 0; border-radius: 8px; z-index: 0; }
.i_botlist a{ display: block; width: 100%; height: 100%; float: left; }
.i_botlist .box:hover h2{ color: #fd6901; }

/*共用*/
.wbanner{ height: 357px; width: 100%; background-position: center; background-repeat: no-repeat;}
.m_main{margin-top: -11px;position: relative;padding-bottom: 86px;overflow: hidden;}
.m_main.no_pad{ padding-bottom: 0; }
.m_detail{ padding: 0 2%; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 0 30px #ddd; }
.bg_pic{ background: #b4bbc1 url(../images/bg4.jpg) top center no-repeat; padding-bottom: 90px; max-width: 1650px; margin: 0 auto;}
.bg_pic2{ background: #b4bbc2 url(../images/bg8.jpg) top center no-repeat; padding-bottom: 90px; max-width: 1650px; margin: 0 auto;}
.bg_pic3{ background: url(../images/bg9.jpg) top center no-repeat; }
.path{ padding: 28px 0 32px; background: url(../images/bg10.png) bottom center no-repeat; }
.path.no_bg{ background: none; padding: 24px 0 28px; }
.path font{ margin: 0 4px; }
.path a:hover,.path span{ color: #fb5f01; }
.m_title{ padding: 20px 0 34px; font-size: 24px; }
.m_title span{ vertical-align: middle; margin: 0 16px; }

/*关于我们*/
.m_list h1{ margin: 20px auto 65px; font-size: 48px; color: #2b3845; display: inline-block; *display: inline; *zoom: 1; }
.m_list h1:after{ content: ''; width: 42px; height: 3px; /* background: #fb5f01; */ display: inline-block; *display: inline; *zoom: 1; margin-left: 18px; }
.m_list ul.clearfix{ box-shadow: 0 0 50px #ccc; }
.m_list li.slick-slide{ background: url(../images/bg6.jpg) no-repeat; position: relative; width: 400px; float: left; }
.m_list li.slick-slide.odd{ background: url(../images/bg7.jpg) no-repeat;}
.m_list li.slick-slide .text{ padding: 23px 50px 50px; }
.m_list li.slick-slide .text h2{ font-size: 24px; padding-bottom: 11px; margin-bottom: 9px; border-bottom: 1px solid #dcdcdc; }
.m_list li.slick-slide .text p{ margin-bottom: 23px; height: 48px; overflow: hidden; color: #666; line-height: 24px; }
.m_list li.slick-slide .ml_more{ background: url(../images/icon3on.png) right center no-repeat; padding-right: 25px; color: #666; }
.m_list li.slick-slide .ml_more:hover,.m_list li h2:hover{ color: #fb5f01; }
.m_list li.slick-slide img{ margin-top: 46px; }
.m_list li.slick-slide:before{ pointer-events: none; content: ''; width: 100%; height: 106px; background: url(../images/bg_t.png) no-repeat; background-size: cover; display: block; position: absolute; top: 0; left: 0 }
.m_list li.slick-slide.odd:before{ pointer-events: none; background: url(../images/bg_t1.png) no-repeat; }
.m_list li.slick-slide:after{ pointer-events: none; content: ''; width: 100%; height: 67px; background: url(../images/bg_b.png) no-repeat; background-size: cover; display: block; position: absolute; top: 210px; left: 0 }
.m_list li.slick-slide.odd:after{ pointer-events: none; background: url(../images/bg_b1.png) no-repeat; }
.m_list .slick-dots{ bottom: -52px; }
.m_list .slick-prev{ margin-top: -45px; left: -87px; width: 55px; height: 99px; background: url(../images/icon30.png) no-repeat; }
.m_list .slick-next{ margin-top: -45px; right: -87px; width: 55px; height: 99px; background: url(../images/icon31.png) no-repeat; }
.m_list .slick-prev:hover{ background: url(../images/icon30on.png) no-repeat; }
.m_list .slick-next:hover{ background: url(../images/icon31on.png) no-repeat; }

/*企业简介*/
.abo_text{ background: #fff; padding: 45px 45px 80px; }
.abo_text h2{ font-size: 30px; }
.abo_text .line{ width: 26px; height: 2px; background: #fb5f01; display: block; margin: 18px 0; }
.abo_text .wline{ width: 100%; height: 1px; background: #eee; }
.abo_text p{ line-height: 30px; color: #333; }
.abo_text .abo_em{ display: block; position: relative; text-indent: 16px; }
.abo_text .abo_em:before{ position: absolute; width: 6px; height: 6px; background: #fb5f01; content: ''; left: 0; top: 50%; margin-top: -3px; }
.abo_text .abo_box{ width: 100%; height: 294px; padding: 50px 20px; box-sizing: border-box; border: 1px solid #eee; background: url(../images/icon24.png) right bottom no-repeat; }
.abo_text .abo_box li{ min-width: 390px; display: inline-block; *display: inline; *zoom: 1; line-height: 21px; margin-bottom: 26px; }
.abo_text .abo_box li font{ border-right: 1px solid #eee; margin-right: 18px; padding-right: 15px; min-width: 100px; text-align: right; display: inline-block; *display: inline; *zoom: 1; }
.abo_text .abo_box span{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

/*企业文化*/
.cul_box{ background: url(../images/pic6.jpg) no-repeat; height: 460px; padding: 0 178px; display: table; text-align: center; }
.cul_box .item{ display: table-cell; vertical-align: middle; }
.cul_box h2{ font-size: 46px; margin-bottom: 25px; }
.cul_box h2 em{ color: #fb5f01; }
.cul_box p{ line-height: 30px; }
.cul_list{ margin: 42px 0 50px; }
.cul_list li{ display: inline-block; *display: inline; *zoom: 1; margin: 0 15px; width: 352px; height: 207px; box-sizing: border-box; border: 1px solid #eee; border-radius: 14px; box-shadow: 0 2px 20px #eee; }
.cul_list li i.img{ display: block; margin: 0 auto; width: 30px; height: 3px; background: url(../images/icon25.png) no-repeat; }
.cul_list li h2{ text-transform: uppercase; font-size: 28px; margin: 32px auto 6px; }
.cul_list li h2 em{ font-size: 40px; color: #fb5f01; }
.cul_list li h3{ font-size: 16px; margin: 20px 0 10px; }
.cul_list li p{ font-size: 16px; color: #666; }
.cul_list li:hover h2{ color: #fb5f01; }

/*发展愿景*/
.dev_detail{ padding: 60px 0; }
.dev_detail h1{ font-size: 30px; margin-top: 60px; }
.dev_detail .line{ width: 34px; height: 2px; background: #fb5f01; display: block; margin: 10px auto 14px; }
.dev_detail .dev_p{ line-height: 30px; max-width: 735px; margin: 0 auto 55px; }
.dev_detail ul li{ position: relative; width: 238px; height: 239px; box-sizing: border-box; border: 2px solid #fb5f01; overflow: hidden; border-radius: 8px; display: inline-block; *display: inline; *zoom: 1; margin: 0 23px; vertical-align: top; }
.dev_detail ul li h2{ position: relative; z-index: 1; padding-top: 55px; font-size: 20.4px; } 
.dev_detail ul li i.line{ position: relative; z-index: 1; width: 28px; height: 2px; background: #fb5f01; display: block; margin: 13px auto 14px; }
.dev_detail ul li p{ position: relative; z-index: 1; line-height: 18px; }
.dev_detail ul li em.shadow{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 0; }
.dev_detail ul li:hover{ border: none; }
.dev_detail ul li:hover em.shadow{ background: url(../images/sbg1.png);}
.dev_detail ul li:hover{ color: #fff; }

/*发展历程*/
.his_list{ background: url(../images/bg5.png) repeat-x; width: 1016px; height: 97px; margin: 55px auto 27px;}
.his_list li{ background: url(../images/icon26.png) center 43px no-repeat; cursor: pointer; float: left; text-align: center; color: #a7a7a7; font-size: 26px;}
.his_list li.on,.his_list li:hover{ background: url(../images/icon27.png) center 30px no-repeat; color: #fb5f01; }
.his_list .slick-prev{ top: 29px; margin-top: 0; left: -65px; width: 37px; height: 37px; background: url(../images/icon28.png) no-repeat; }
.his_list .slick-next{ top: 29px; margin-top: 0; right: -65px; width: 37px; height: 37px; background: url(../images/icon29.png) no-repeat; }
.his_list .slick-prev:hover{ background: url(../images/icon28on.png) no-repeat; }
.his_list .slick-next:hover{ background: url(../images/icon29on.png) no-repeat; }
.his_main .baseWidth{ overflow: visible;}
.his_wrap{ width: 1016px; margin: 0 auto 65px;}
.his_wrap .his_box{ display: none; opacity: 0; filter: alpha(opacity=0); }
.his_wrap .his_box:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.his_box .text{ float: right; width: 450px; margin-left: 60px; }
.his_box h2{ margin-bottom: 13px; display: inline-block; *display: inline; *zoom: 1; color: #fb5f01; font-size: 24px; line-height: 33px; border-bottom: 1px solid #fb5f01; }
.his_box p{ line-height: 30px; color: #666;}
.his_box img{ max-width: 100%; }

/*荣誉资质*/
.hon_main{ padding: 38px 50px 80px; }
.hon_list{ font-size: 0; padding-bottom: 24px; border-bottom: 1px solid #eee; }
.hon_list li{ margin: 0 18px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 50px; line-height: 48px; border-radius: 20px; padding: 0 15px; min-width: 165px; box-sizing: border-box; border: 1px solid #e9e9e9; }
.hon_list li i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 32px; height: 48px; margin-right: 14px; }
.hon_list li.on,.hon_list li:hover{ background: #fb5f01; color: #fff; }
.hon_list .li1 i{ background: url(../images/icon42.png) center no-repeat; }
.hon_list .li1:hover i,.hon_list .li1.on i{ background: url(../images/icon42on.png) center no-repeat; }
.hon_list .li2 i{ background: url(../images/icon43.png) center no-repeat; }
.hon_list .li2:hover i,.hon_list .li2.on i{ background: url(../images/icon43on.png) center no-repeat; }
.hon_list .li3 i{ background: url(../images/icon44.png) center no-repeat; }
.hon_list .li3:hover i,.hon_list .li3.on i{ background: url(../images/icon44on.png) center no-repeat; }
.hon_top h1{ font-size: 30px; padding: 24px 0; }
.hon_top ul{ background: url(../images/sbg2.png) 29px top repeat-y; line-height: 46px; border-top: 1px solid #eee; padding: 0 25px; margin-bottom: 8px; }
.hon_top ul li{ background: url(../images/icon45.png) left 18px no-repeat; padding-left: 20px; }
.hon_top ul li span{ font-size: 18px; min-width: 105px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } 
.hon_top ul li .box{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 910px; }
.hon_top ul li font{ margin-right: 40px; }
/* 新增 */
.hon_top{ margin-bottom: 60px; }

/* end */
.hon_wrap{ padding: 2px 0; border-top: 1px solid #eee; } 
.honslickt{ width: 800px; margin: 0 auto 50px; }
.honslickt li img{ max-height: 400px; max-width: 800px; margin-bottom: 36px; display: inline-block; *display: inline; *zoom: 1; }
.honslickt .slick-prev{ left: -130px; }
.honslickt .slick-next{ right: -130px; }
.honslickb li.slick-slide{ cursor: pointer; border-radius: 8px; width: 123px; height: 151px; line-height: 151px; font-size: 0; margin: 0 26px; text-align: center; box-sizing: border-box; border: 1px solid #eee; }
.honslickb li img{ display: inline-block; *display: inline; *zoom: 1; max-width: 100%; }
.honslickb li.on{ border-color: #fb5f01; }
.honslickb .slick-dots{ bottom: -50px; }
/* .hont_wrap .hont_box{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.hont_wrap .hont_box:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); } */
.hont_wrap .hont_box{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.hont_wrap .hont_box:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.hon_wrap .hon_box{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.hon_wrap .hon_box:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }

/*研发能力*/
.cap_txt{ width: 537px; text-align: center; /*overflow: hidden;*/ }
.cap_main h1{ font-size: 98px; line-height: 110px; color: #fb5f01; }
.cap_main h2{ font-size: 40px; margin-bottom: 28px; }
.cap_main p{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.cap_main .more{ font-size: 12.8px; color: #2f353b; display: block; margin: 0 auto; width: 170px; height: 38px; line-height: 36px; border-radius: 15px; background: #fff; box-sizing: border-box; border: 1px solid #eee; }
.cap_main .more i{ width: 15px; height: 36px; background: url(../images/icon53.png) center no-repeat; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; }
.cap_main .more:hover{ background: #fb5f01; color: #fff; }
.cap_main .more:hover i{ background: url(../images/icon53on.png) center no-repeat; }
.cap_pos{ width: 538px; /*padding-top: 42px;*/ }
.cap_pos .box{ width: 269px; height: 85px; float: left; padding: 0 9px; box-sizing: border-box; margin: 28px 0; border-right: 1px solid #e7e7e9; }
.cap_pos .top{ margin-bottom: 10px; background-position: left center; background-repeat: no-repeat; height: 35px; line-height: 35px; display: inline-block; *display: inline; *zoom: 1; font-size: 16px; text-indent: 32px; }
.cap_pos .bot{ font-size: 30px; }
/*.cap_pos .bot font{ margin: 0 8px; }*/
.part0{ margin: 45px auto 164px; height: 97px; }
.p0_txt{ left: 86px; width: 400px; text-align: center; font-size: 36px; }
.part1{ height: 610px; margin-bottom: 119px; }
.part1 .cap_pic{ top: 100px; left: 8px; }
.part1 .cap_txt{ right: 40px; top: 100px; }
.part1 .cap_txt h1{ line-height: 95px; }
.part2{height: 800px;}
.part2 .bg,.part6 .bg,.part8 .bg{z-index: -2;position: absolute;width: 100%;height: 100%;background: url(../images/bg15.png) no-repeat;background-size: cover;}
.part2 .cap_txt{top: 215px;right: 10px;}
.part2 .cap_pic{left: -45px;top: 400px;}
.part3{height: 450px;}
.part3 .cap_txt{ left: 18px; top: 33px; }
.part3 .cap_txt h2{ margin-bottom: 11px; }
.part3 .cap_txt p{ margin-bottom: 28px; }
.part3 .cap_pic{ right: -15px; top: 0; }
.part4{height: 930px;}
.part4 .bg{z-index: -2;position: absolute;width: 100%;height: 100%;background: url(../images/bg16.png) center no-repeat;background-size: cover;}
.part4 .cap_txt{right: 0;top: 245px;}
.part4 .cap_pic{left: -45px;top: 280px;}
.part5{height: 500px;}
.part5 .cap_txt{left: 20px;top: 25px;}
.part5 .cap_pic{right: 10px;top: 85px;}
.part6{height: 1100px;}
.part6 .cap_pic{overflow: hidden;top: 160px;left: 0;}
.part6 .cap_pic img{ position: relative; z-index: 1; }
.part6 .cap_txt{top: 380px;right: 8px;}
.part6 .wrap1{ position: absolute; top: 0; right: 0; width: 65px; height: 765px; }
.part6 .wrap1 .wheel{ position: absolute; z-index: 1; left: 14px; width: 37px; height: 37px; background: url(../images/move31.png) center no-repeat; }
.part6 .wrap1 .wheel1{ top: 20px; animation: rotate 2s 0s linear infinite normal; }
.part6 .wrap1 .wheel2{ top: 95px; animation: rotate 2s .2s linear infinite normal; }
.part6 .wrap1 .wheel3{ top: 171px; animation: rotate 2s .4s linear infinite normal; }
.part6 .wrap1 .wheel4{ top: 248px; animation: rotate 2s 2s linear infinite normal; }
.part6 .wrap1 .wheel5{ top: 325px; animation: rotate 2s .2s linear infinite normal; }
.part6 .wrap1 .wheel6{ top: 400px; animation: rotate 2s .4s linear infinite normal; }
.part6 .wrap1 .wheel7{ top: 477px; animation: rotate 2s 0s linear infinite normal; }
.part6 .wrap1 .wheel8{ top: 553px; animation: rotate 2s .2s linear infinite normal; }
.part6 .wrap1 .wheel9{ top: 630px; animation: rotate 2s .4s linear infinite normal; }
.part6 .wrap1 .wheel10{ top: 705px; animation: rotate 2s 0s linear infinite normal; }
.part7{height: 500px;}
.part7 .cap_pic{right: 50px;top: 100px;}
.part7 .cap_pic img{ position: relative; z-index: -1;}
.part7 .cap_txt{left: 17px;top: 140px;}
.part8{height: 1100px;}
.part8 .cap_pic{ left: 182px; top: 190px; overflow: hidden; height: 594px; padding: 0 100px; }
.part8 .cap_pic img{ position: relative; z-index: 1; }
.part8 .cap_txt{right: 0;top: 335px;}
.part9{ height: 620px; }
.part9 .cap_pic{ right: 0; top: 300px; }
.part9 .cap_pic img{ position: relative; z-index: 1;}
.part9 .cap_txt{ left: 0; top: 60px; }
.part10{height: 550px;}
.part10 .cap_pic{right: -100px;top: 45px;}
.part10 .cap_txt{left: 17px;top: 270px;}
.part_back{ background: #f5f5f5; padding: 72px 0 62px; text-align: center; }
.part_back .gotop{ cursor: pointer; display: block; margin: 0 auto; font-size: 18px; border-radius: 35px; width: 287px; height: 74px; line-height: 74px; background: #fb5f01; color: #fff; }
.m_line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; z-index: -1; }
/*动画*/
.part2 .wheel{ position: absolute; width: 46px; height: 45px; background: url(../images/move1.png) no-repeat; }
.part2 .wheel1{ left: 18px; top: 153px; animation: rotate 2s 0s linear infinite normal;}
.part2 .wheel2{ left: 105px; top: 153px; animation: rotate 2s .2s linear infinite normal;}
.part2 .wheel3{ left: 546px; top: 153px; animation: rotate 2s .4s linear infinite normal;}
.part2 .wheel4{ left: 633px; top: 153px; animation: rotate 2s 0s linear infinite normal;}
.part2 .wheel5{ left: 720px; top: 153px; animation: rotate 2s .2s linear infinite normal;}
.part2 .wrap1{ position: absolute; left: 32px; top: 82px; width: 160px; height: 54px; overflow: hidden; }
.part2 .move1{ animation: goRight1 10s 0s linear infinite normal; position: absolute; left: -117px; width: 257px; height: 54px; background: url(../images/move3.png) no-repeat; }
.part2 .wrap2{ position: absolute; left: 537px; top: 75px; width: 160px; height: 61px; overflow: hidden; }
.part2 .move2{ animation: goRight2 10s 0s linear infinite normal; position: absolute; left: -180px; width: 485px; height: 61px; background: url(../images/move2.png) no-repeat; }
.part3 .move1{ animation: fadeIn 2.5s 1.5s linear infinite normal; position: absolute; left: 26px; top: 118px; width: 103px; height: 111px; background: url(../images/move10.png) no-repeat;}
.part3 .move2{ animation: fadeIn 2.5s 1s linear infinite normal; position: absolute; left: 264px; top: 0; width: 100px; height: 112px; background: url(../images/move11.png) no-repeat;}
.part3 .move3{ animation: fadeIn 2.5s .5s linear infinite normal; position: absolute; left: 271px; top: 221px; width: 103px; height: 113px; background: url(../images/move12.png) no-repeat;}
.part3 .move4{ animation: fadeIn 2.5s 0s linear infinite normal; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 515px; top: 117px; width: 100px; height: 112px; background: url(../images/move13.png) no-repeat;}
.part5 .wrap3{ position: absolute; left: 139px; top: 0; width: 35px; height: 103px; overflow: hidden; }
.part5 .move3{ animation: goBottom 6s 0s linear infinite normal; position: absolute; left: 0; top: -113px; width: 35px; height: 216px; background: url(../images/move4.png) no-repeat; }
.part5 .wrap4{ position: absolute; left: 495px; top: 221px; width: 110px; height: 48px; overflow: hidden; }
.part5 .move4{ animation: goRight3 6s 0s linear infinite normal; position: absolute; left: -120px; width: 230px; height: 48px; background: url(../images/move5.png) no-repeat; }
.part5 .wheel1{ animation: rotate 4s 0s linear infinite normal; position: absolute; top: 221px; left: 173px; width: 46px; height: 47px; background: url(../images/move6.png) no-repeat; }
.part5 .wheel2{ animation: rotate 4s 0s linear infinite normal; position: absolute; top: 205px; left: 216px; width: 35px; height: 35px; background: url(../images/move7.png) no-repeat; }
.part5 .wheel3{ animation: rotate 4s 0s linear infinite normal; position: absolute; top: 238px; left: 237px; width: 35px; height: 35px; background: url(../images/move8.png) no-repeat; }
.part6 .move1{ animation: n_fadeOut 4s 0s linear infinite normal; position: absolute; left: 415px; top: 382px; z-index: 10; width: 33px; height: 368px; background: url(../images/move16.png) repeat-x; }
.part6 .move1 i{ animation: n_fadeIn3 4s 0s linear infinite normal; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; top: 0; /*height: 80px;*/ height: 100%; background: url(../images/move30.png) no-repeat; }
.part6 .p6_wrap{ /*animation: p6move1 10s 0s linear infinite normal;*/ position: absolute; left: 24px; top: 345px; width: 288px; height: 208px; }
@-webkit-keyframes n_fadeOut{
    0%,40%{ top: 382px; opacity: 1; }
    70%{ top: 14px; opacity: 1; }
    100%{ top: 14px; opacity: 0; }
}
@keyframes n_fadeOut{
    0%,40%{ top: 382px; opacity: 1; }
    70%{ top: 14px; opacity: 1; }
    100%{ top: 14px; opacity: 0; }
}

@-webkit-keyframes n_fadeIn3{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    60%,100%{ opacity: 1; filter: alpha(opacity=100); }
}
@keyframes n_fadeIn3{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    60%,100%{ opacity: 1; filter: alpha(opacity=100); }
}
.part6 .move2{ /*animation: rotate1 10s 0s linear infinite normal;*/ position: absolute; left: 262px; top: 28px; width: 128px; height: 30px; background: url(../images/move17.png) no-repeat; z-index: -1; }
.part6 .move3{ position: absolute; left: 0; top: 0; width: 288px; height: 208px; background: url(../images/move35.png) no-repeat; }
.part7 .wrap1{ animation: goRight4 20s 0s linear infinite normal; position: absolute; left: -110px;top: -120px; width: 200px; height: 295px; overflow: hidden; padding: 0 60px; background: url(../images/move32.png) top center no-repeat; }
.part7 .move1{ position: absolute; left: 100px; width: 106px; height: 296px; background: url(../images/move9.png) repeat-x; }
.part7 .wrap2{ position: absolute; bottom: 11px; left: 52px; width: 400px; height: 110px; }
.part7 .wrap2 .box{ width: 33.3%; float: left; height: 100%; }
.part7 .wrap2 .box1{ background: #b4b4b4; opacity: .6; filter: alpha(opacity=60); }
.part7 .wrap2 .box2{ background: #094ac5; opacity: .6; filter: alpha(opacity=60); }
.part7 .wrap2 .box3{ background: #710b0b; opacity: .6; filter: alpha(opacity=60); }
.part8 .move1{ animation: p8move1 10s 0s infinite linear normal; position: absolute;/* display: none;*/ left: 298px; top: 71px; width: 56px; height: 253px; background: url(../images/move21.png) repeat-x; }
.part8 .move2{ animation: p8move2 10s 0s infinite linear normal; position: absolute; left: 192px; top: 90px; width: 103px; height: 270px; background: url(../images/move18.png) repeat-x; }
.part8 .move3{ animation: p8move3 10s 0s linear infinite normal; position: absolute; left: 220px; top: 364px; width: 56px; height: 253px; background: url(../images/move19.png) repeat-x; }
.part8 .move4{ animation: p8move4 10s 0s ease-in-out infinite normal; z-index: 2; position: absolute; left: 0; bottom: 150px; width: 131px; height: 76px; background: url(../images/move26.png) repeat-x; }
.part8 .move5{ animation: p8move5 10s 0s ease-out infinite normal; z-index: 2; position: absolute; left: 54px; bottom: 100px; width: 132px; height: 77px; background: url(../images/move27.png) repeat-x;}
.part8 .move6{ animation: p8move6 10s 0s ease-in infinite normal; z-index: 2; position: absolute; left: 100px; bottom: 145px; width: 108px; height: 63px; background: url(../images/move28.png) repeat-x;}
.part8 .move7{ animation: p8move7 10s 0s linear infinite normal; z-index: 2; position: absolute; left: 100px; bottom: 40px; width: 107px; height: 62px; background: url(../images/move29.png) repeat-x;}
.part8 .move8{ animation: p8move8 10s 0s ease-in-out infinite normal; z-index: 2; position: absolute; right: 95px; bottom: 105px; width: 107px; height: 62px; background: url(../images/move29.png) repeat-x;}
.part8 .move9{ animation: p8move9 10s 0s ease-out infinite normal; z-index: 2; position: absolute; right: 50px; bottom: 150px; width: 107px; height: 62px; background: url(../images/move29.png) repeat-x;}
.part8 .move10{ animation: p8move10 10s 0s ease-in infinite normal; z-index: 2; position: absolute; right: 150px; bottom: 20px; width: 107px; height: 62px; background: url(../images/move29.png) repeat-x;}
.part8 .move11{ animation: p8move11 10s 0s linear infinite normal; z-index: 2; position: absolute; left: 254px; bottom: 140px; width: 107px; height: 62px; background: url(../images/move29.png) repeat-x;}
.part9 .wheel{ position: absolute; width: 40px; height: 40px; background: url(../images/move14.png) no-repeat; }
.part9 .wheel1{ left: 15px; top: 124px; animation: rotate 2s 0s linear infinite normal; z-index: 10;}
.part9 .wheel2{ left: 90px; top: 124px; animation: rotate 2s .2s linear infinite normal; z-index: 10;}
.part9 .wheel3{ left: 465px; top: 124px; animation: rotate 2s .2s linear infinite normal;}
.part9 .move1{ animation: fadeIn2 4s 0s linear infinite normal; z-index: 10; position: absolute; left: 535px; top: 115px; width: 155px; height: 96px; background: url(../images/move15.png) no-repeat; }
.part10 .move1{ animation: p10_m1 3s 0s linear infinite normal; position: absolute; left: 58px; top: 194px; width: 75px; height: 103px; background: url(../images/move22.png) no-repeat; }
.part10 .move2{ animation: p10_m2 3s 0s linear infinite normal; position: absolute; left: 172px; top: 20px; width: 49px; height: 48px; background: url(../images/move23.png) no-repeat; }
.part10 .move3{ animation: p10_m3 3s 0s linear infinite normal; position: absolute; left: 250px; top: 192px; width: 77px; height: 42px; background: url(../images/move24.png) no-repeat; }
.part10 .move4{ animation: p10_m4 3s 0s linear infinite normal; position: absolute; left: 164px; top: 230px; width: 68px; height: 65px; background: url(../images/move25.png) no-repeat; }

@-webkit-keyframes p10_m1{
    0%{ left: -143px; top: 394px; opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ left: 58px; top: 194px; opacity: 1; }
}
@keyframes p10_m1{
    0%{ left: -143px; top: 394px; opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ left: 58px; top: 194px; opacity: 1; }
}
@-webkit-keyframes p10_m2{
    0%{ left: 101px; top: -110px; opacity: 0; }
    30%{ opacity: 1; }
    20%,100%{ left: 172px; top: 20px; opacity: 1; }
}
@keyframes p10_m2{
    0%{ left: 101px; top: -110px; opacity: 0; }
    30%{ opacity: 1; }
    20%,100%{ left: 172px; top: 20px; opacity: 1; }
}
@-webkit-keyframes p10_m3{
    0%{ left: 412px; top: 227px; opacity: 0; }
    10%{ opacity: 1; }
    40%,100%{ left: 250px; top: 192px; opacity: 1; }
}
@keyframes p10_m3{
    0%{ left: 412px; top: 227px; opacity: 0; }
    10%{ opacity: 1; }
    40%,100%{ left: 250px; top: 192px; opacity: 1; }
}
@-webkit-keyframes p10_m4{
    0%,20%{ left: 204px; top: 391px; opacity: 0; }
    40%{ opacity: 1; }
    70%,100%{ left: 164px; top: 230px; opacity: 1; }
}
@keyframes p10_m4{
    0%,20%{ left: 204px; top: 391px; opacity: 0; }
    40%{ opacity: 1; }
    70%,100%{ left: 164px; top: 230px; opacity: 1; }
}


/*animate*/
@-webkit-keyframes rotate{
    100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes rotate{
    100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@-webkit-keyframes goRight1{
	0%{ left: -117px; }
    100% { left: 24px; }
}
@keyframes goRight1{
	0%{ left: -117px; }
    100% { left: 24px; }
}
@-webkit-keyframes goRight2{
	0%{ left: -180px; }
    100% { left: 0; }
}
@keyframes goRight2{
	0%{ left: -180px; }
    100% { left: 0; }
}
@-webkit-keyframes goBottom{
	0%{ top: -113px; }
    100% { top: 0; }
}
@keyframes goBottom{
	0%{ top: -113px; }
    100% { top: 0; }
}
@-webkit-keyframes goRight3{
	0%{ left: -120px; }
    100% { left: 0; }
}
@keyframes goRight3{
	0%{ left: -120px; }
    100% { left: 0; }
}
@-webkit-keyframes goRight4{
	0%{ left: -140px;top: -120px; opacity: 1; }
	9%{ left: -48px; top: -120px; }
	16%{ left: -48px; top: 0; }
	23%{ left: 16px; top: 0; }
	30%{ left: 16px; top: -120px; }
	37%{ left: 85px; top: -120px; }
	44%{ left: 85px; top: 0; }
	51%{ left: 150px; top: 0; }
	58%{ left: 150px; top: -120px; }
	65%{ left: 220px; top: -120px; }
	72%{ left: 220px; top: 0; }
	79%{ left: 280px; top: 0; }
	86%{ left: 280px; top: -120px; }
	98%{ left: 390px; top: -120px; opacity: 1; }
	100%{ left: 400px; top: -120px; opacity: 0; }
}
@keyframes goRight4{
	0%{ left: -140px;top: -120px; opacity: 1; }
	9%{ left: -48px; top: -120px; }
	16%{ left: -48px; top: 0; }
	23%{ left: 16px; top: 0; }
	30%{ left: 16px; top: -120px; }
	37%{ left: 85px; top: -120px; }
	44%{ left: 85px; top: 0; }
	51%{ left: 150px; top: 0; }
	58%{ left: 150px; top: -120px; }
	65%{ left: 220px; top: -120px; }
	72%{ left: 220px; top: 0; }
	79%{ left: 280px; top: 0; }
	86%{ left: 280px; top: -120px; }
	98%{ left: 390px; top: -120px; opacity: 1; }
	100%{ left: 400px; top: -120px; opacity: 0; }
}
@-webkit-keyframes fadeIn{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeIn{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes fadeOut{
    0%{ top: 780px; opacity: 1; }
    100%{ top: -380px; opacity: 1; }
}
@keyframes fadeOut{
    0%{ top: 780px; opacity: 1; }
    100%{ top: -380px; opacity: 1; }
}
@-webkit-keyframes fadeIn2{
	0%{ opacity: 0.3; filter: alpha(opacity=30); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeIn2{
	0%{ opacity: 0.3; filter: alpha(opacity=30); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes fadeIn3{
	0%,32%{ height: 0; opacity: 0; filter: alpha(opacity=0); }
    65%,100%{ height: 100%; opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeIn3{
	0%,32%{ height: 0; opacity: 0; filter: alpha(opacity=0); }
    65%,100%{ height: 100%; opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes p6move1{
	0%{ left: 0; top: 278px; }
	30%,70%{ left: 26px; }
	100%{ left: 0; top: 278px; }
}
@keyframes p6move1{
	0%{ left: 0; top: 278px; }
	30%,70%{ left: 26px; }
	100%{ left: 0; top: 278px; }
}
@-webkit-keyframes rotate1{
	0%,30% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    70%{-webkit-transform: rotate(-10deg); transform: rotate(-15deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
}
@keyframes rotate1{
	0%,30% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    70%{-webkit-transform: rotate(-10deg); transform: rotate(-15deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
}

@-webkit-keyframes p8move1{
    0%{ left: 298px; top: 71px; opacity: 1; }
    10%{ left: 220px; top: 71px; }
    30%{ left: 220px; top: 364px; opacity: 1; }
    40%{ left: 220px; top: 364px; opacity: 0; }
    90%{ left: 298px; top: 71px; opacity: 0; }
    100%{ left: 298px; top: 71px; opacity: 1; }
}
@keyframes p8move1{
    0%{ left: 298px; top: 71px; opacity: 1; }
    10%{ left: 220px; top: 71px; }
    30%{ left: 220px; top: 364px; opacity: 1; }
    40%{ left: 220px; top: 364px; opacity: 0; }
    90%{ left: 298px; top: 71px; opacity: 0; }
    100%{ left: 298px; top: 71px; opacity: 1; }
}
@-webkit-keyframes p8move2{
    0%{ left: 271px; top: -175px; }
    10%{ left: 192px; top: -175px; }
    30%,40%{ left: 192px; top: 118px; }
    55%{ left: 192px; top: -175px; }
    75%{ left: -8px; top: -175px; }
    100%{ left: 271px; top: -175px; }
}
@keyframes p8move2{
    0%{ left: 271px; top: -175px; }
    10%{ left: 192px; top: -175px; }
    30%,40%{ left: 192px; top: 118px; }
    55%{ left: 192px; top: -175px; }
    75%{ left: -8px; top: -175px; }
    100%{ left: 271px; top: -175px; }
}
@-webkit-keyframes p8move3{
    0%,30%{ left: 220px; top: 364px; opacity: 0; }
    40%{ left: 220px; top: 364px; opacity: 1; }
    55%{ left: 220px; top: 71px; opacity: 1; }
    75%{ left: 20px; top: 71px; opacity: 0; }
    100%{ left: 220px; top: 364px; opacity: 0; }
}
@keyframes p8move3{
    0%,30%{ left: 220px; top: 364px; opacity: 0; }
    40%{ left: 220px; top: 364px; opacity: 1; }
    55%{ left: 220px; top: 71px; opacity: 1; }
    75%{ left: 20px; top: 71px; opacity: 0; }
    100%{ left: 220px; top: 364px; opacity: 0; }
}
@-webkit-keyframes p8move4{
    0%,20%{ left: 0; bottom: 150px; }
    40%{  left: 165px; bottom: 120px; }
    50%,100%{ left: 0; bottom: 150px; }
}
@keyframes p8move4{
    0%,20%{ left: 0; bottom: 150px; }
    40%{  left: 165px; bottom: 120px; }
    50%,100%{ left: 0; bottom: 150px; }
}
@-webkit-keyframes p8move5{
    0%,28%{ left: 54px; bottom: 100px; }
    40%{  left: 130px; bottom: 81px; }
    35%{  left: 180px; bottom: 120px; }
    60%,100%{ left: 54px; bottom: 100px; }
}
@keyframes p8move5{
    0%,28%{ left: 54px; bottom: 100px; }
    40%{  left: 130px; bottom: 81px; }
    45%{  left: 180px; bottom: 120px; }
    60%,100%{ left: 54px; bottom: 100px; }
}
@-webkit-keyframes p8move6{
    0%,29%{ left: 100px; bottom: 145px; }
    40%{  left: 120px; bottom: 100px; }
    46%{  left: 170px; bottom: 60px; }
    50%,100%{ left: 100px; bottom: 145px; }
}
@keyframes p8move6{
    0%,29%{ left: 100px; bottom: 145px; }
    40%{  left: 120px; bottom: 100px; }
    46%{  left: 170px; bottom: 60px; }
    50%,100%{ left: 100px; bottom: 145px; }
}
@-webkit-keyframes p8move7{
    0%,28%{ left: 100px; bottom: 40px; }
    40%{ left: 120px; bottom: 78px;  }
    50%,100%{ left: 100px; bottom: 40px; }
}
@keyframes p8move7{
    0%,28%{ left: 100px; bottom: 40px; }
    40%{ left: 120px; bottom: 78px;  }
    50%,100%{ left: 100px; bottom: 40px; }
}
@-webkit-keyframes p8move8{
    0%,20%{ right: 95px; bottom: 105px; }
    33.4%{  right: 200px; bottom: 80px; }
    50%,100%{ right: 95px; bottom: 105px; }
}
@keyframes p8move8{
    0%,20%{ right: 95px; bottom: 105px; }
    33.4%{  right: 200px; bottom: 80px; }
    50%,100%{ right: 95px; bottom: 105px; }
}
@-webkit-keyframes p8move9{
    0%,28%{  right: 50px; bottom: 150px; }
    40%{  right: 130px; bottom: 80px; }
    35%{  right: 240px; bottom: 120px; }
    60%,100%{  right: 50px; bottom: 150px; }
}
@keyframes p8move9{
    0%,28%{  right: 50px; bottom: 150px; }
    40%{  right: 130px; bottom: 80px; }
    35%{  right: 240px; bottom: 120px; }
    60%,100%{  right: 50px; bottom: 150px; }
}
@-webkit-keyframes p8move10{
    0%,29%{ right: 150px; bottom: 20px; }
    40%{  right: 270px; bottom: 40px; }
    46%{  right: 190px; bottom: 60px; }
    50%,100%{ right: 150px; bottom: 20px; }
}
@keyframes p8move10{
    0%,29%{ right: 150px; bottom: 20px; }
    40%{  right: 270px; bottom: 40px; }
    46%{  right: 190px; bottom: 60px; }
    50%,100%{ right: 150px; bottom: 20px; }
}
@-webkit-keyframes p8move11{
    0%,28%{ left: 254px; bottom: 140px; }
    33.4%{ left: 190px; bottom: 78px;  }
    50%,100%{ left: 254px; bottom: 140px; }
}
@keyframes p8move11{
    0%,28%{ left: 254px; bottom: 140px; }
    33.4%{ left: 190px; bottom: 78px;  }
    50%,100%{ left: 254px; bottom: 140px; }
}

/*研发能力详情*/
.caplist_box{ height: 95px; }
.caplist_bg{ height: 95px; background: #fff; text-align: center; }
.caplist_bg.on{ position: fixed; width: 100%; left: 0; top: 96px; z-index: 999; }
.cap_list{ height: 95px; line-height: 75px; }
.cap_list li.slick-slide{ height: 75px; cursor: pointer; text-align: center; }
.cap_list li.slick-slide img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-height: 55px; }
.cap_list li.slick-slide span{ font-size: 15px; color: #666; line-height: 20px; max-width: 100px; margin-left: 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.cap_list li.slick-slide:hover span{ color: #fb5f01; }
.cap_list li.slick-slide.active span{ color: #fb5f01;}
.cap_list .slick-dots{ bottom: 5px; line-height: 15px; }
.cap_wrap .cap_box{ min-height: 719px; padding-bottom: 80px; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; border-bottom: 1px solid #fff; }
.cap_box .title{ font-size: 36px; color: #fff; padding-top: 110px; text-align: center; }
.cap_box .title i{ margin: 23px auto 80px; width: 29px; height: 2px; background: #fd6502; display: block; }
.cap_box img{ max-width: 100%; }
.cap1_txt{ padding: 48px 40px; background: url(../images/sbg5.png); }
.cap_slist{ font-size: 0; text-align: center; display: inline-block; *display: inline; *zoom: 1; }
.cap_slist li{ cursor: pointer; font-size: 14px; height: 36px; line-height: 36px; text-align: center; display: inline-block; *display: inline; *zoom: 1; border-radius: 18px; margin: 0 10px; padding: 0 8px; min-width: 122px; background: #a6a7a7; color: #fff; }
.cap_slist li.on,.cap_slist li:hover{ background: #fb5f01; }
.cap1_txt .cap_slist{ margin-bottom: 28px; }
.c1_txt{ margin-left: 15px; width: 500px; }
.c1_txt p{ line-height: 36px; color: #000; }
.c1_txt .c1_twrap,.c1_pic .c1_pwrap,.c5_txt .c5_twrap,.c5_pic .c5_pwrap{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.c1_txt .c1_twrap:first-child,.c1_pic .c1_pwrap:first-child,.c5_txt .c5_twrap:first-child,.c5_pic .c5_pwrap:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.c1_pwrap{ width: 450px; margin-right: 20px; }
.c1_pwrap li{ margin: 0 5px; }
.c1_pwrap li img{ margin-bottom: 8px; }
.c1_pwrap li p{ color: #000; }
.c1_pwrap .slick-prev,.c2_pwrap .slick-prev,.staslickt .slick-prev{ left: -38px; margin-top: -21.5px; width: 19px; height: 43px; background: url(../images/icon85.png) no-repeat; }
.c1_pwrap .slick-prev:hover,.c2_pwrap .slick-prev:hover,.staslickt .slick-prev:hover{ background: url(../images/icon85on.png) no-repeat; }
.c1_pwrap .slick-next,.c2_pwrap .slick-next,.staslickt .slick-next{ right: -38px; margin-top: -21.5px; width: 19px; height: 43px; background: url(../images/icon86.png) no-repeat; }
.c1_pwrap .slick-next:hover,.c2_pwrap .slick-next:hover,.staslickt .slick-next:hover{ background: url(../images/icon86on.png) no-repeat; }
.cap2_txt{ font-size: 0; padding: 30px 35px; border: 1px solid #5c5a57; background: url(../images/sbg1.png); }
.cap2_txt.no_bor{ border: none; }
.cap2_newleft{ font-size: 14px; width: 50%; margin-right: 5%; }
.c2_pic{ width: 40%; margin-right: 2%; text-align: right; }
.c2_txt p{ color: #fff; line-height: 36px; }
.c2_txt p{ background: url(../images/icon87.png) left 15px no-repeat; padding-left: 15px; }
.c1_txt p{ background: url(../images/icon87.png) left 15px no-repeat; padding-left: 15px; }
.cap2_newleft .cap_slist{ margin-bottom: 10px; }
.c2_txt .c2_twrap,.c2_pic .c2_pwrap{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.c2_txt .c2_twrap:first-child,.c2_pic .c2_pwrap:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.c1_twrap,.c2_twrap{ height: 216px; overflow: hidden;}
.cap3_txt .c2_txt{ width: 47%; margin-right: 3%; }
.cap3_txt .c2_pic{ width: 50%; }
.cap4_txt table{ margin: 10px 0; }
.cap4_txt table tr,.cap4_txt table td{ border: 1px solid #fff; }
.cap4_txt table td{ padding: 0 10px; line-height: 30px; color: #fff; }
.cap_box5 .title i{ margin-bottom: 23px; }
.cap_box5 h3{ margin-bottom : 25px; width: 960px; background: url(../images/icon87.png) left 10px no-repeat; padding-left: 15px; line-height: 24px; color: #fff; }
.cap5_txt{ padding: 20px; background: url(../images/sbg5.png); }
.cap5_txt .cap_slist{ margin: 25px auto; }
.c5_txt{ margin-left: 15px; width: 640px; }
.c5_txt p{ line-height: 30px; color: #000; }
.cap7_txt{ padding: 0 40px; }
.cap7_txt .top{ margin-bottom: 75px; }
.cap7_txt .top p{ background: url(../images/icon87.png) left 15px no-repeat; padding-left: 15px; line-height: 36px; *zoom: 1; color: #fff; }
.cap7_txt .top p.lizi{ box-sizing: border-box; min-width: 50%; float: left;}
.cap8_txt{ padding: 0; }

/*市场产品*/
.pro_box h2{ font-size: 30px; margin: 40px 0 30px; }
.pro_box h2 img{ margin-right: 18px; }
.pro_box h2 span{ vertical-align: middle; }
.pro_box ul{ width: 1240px; margin-bottom: 20px; }
.pro_box li{ top: 0; box-shadow: 0 0 20px #eee; position: relative; opacity: 1; filter: alpha(opacity=100); float: left; margin-right: 38px; text-align: center; width: 375px; height: 402px; box-sizing: border-box; border: 1px solid #eee; border-radius: 5px; overflow: hidden; background-size: cover; }
.pro_box li .icon{ width: 123px; height: 123px; padding-top: 40px; margin-bottom: 24px; }
.pro_box li h3{ margin-bottom: 6px; font-size: 24px; }
.pro_box li p{ /*font-size: 13px;*/ line-height: 24px; height: 48px; overflow: hidden; max-width: 315px; margin: 0 auto 22px; }
.pro_box li .pro_more{ width: 156px; height: 49px; line-height: 47px; border: 1px solid #d0d0d0; display: block; margin: 0 auto; border-radius: 25px; }
.pro_box li .pro_more i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 15px; height: 47px; margin-right: 10px; background: url(../images/icon53.png) center no-repeat; }
.pro_box li .box{ position: relative; z-index: 1; }
.pro_box li:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 0; }
.pro_box li:hover{ color: #fff; top: -2px; }
.pro_box li:hover:before{ opacity: 0; filter: alpha(opacity=0); display: none; }
.pro_box li:hover .pro_more{ background: #fb5f01; border-color: #fb5f01; color: #fff; }
.pro_box li:hover .pro_more i{ background: url(../images/icon53on.png) center no-repeat; }

/*市场服务-设计开发*/
.bg_pic4{ background: url(../images/bg11.jpg) top center no-repeat; padding: 55px 0 85px;}
.desi_main{ padding: 50px 50px 65px; box-sizing: border-box; font-size: 0; }
.desi_main .text_box{ width: 600px; margin-right: 60px; }
.desi_main .text_box .line{ width: 27px; height: 3px; background: #ff9703; display: block; margin: 19px 0; }
.desi_main h2{ font-size: 30px; }
.desi_main .item p{ font-size: 14px; background: url(../images/icon54.png) left 28px no-repeat; padding-left: 12px; line-height: 30px; padding: 15px 0 15px 15px; }
.desi_main .item p span{ display: inline-block; line-height: 30px; }

/*市场产品-汽车配件*/
.bg_pic5{ border-top: 1px solid #eee; padding-top: 40px; background: url(../images/bg12.jpg) bottom center no-repeat;}
.prod_main .top .text_box,.prod_main .top img{ width: 48%; margin: 0 1%; float: left; }
.prod_main .top .text_box h2{ font-size: 44px; }
.prod_main .top .text_box p{ line-height: 24px; }
.prod_main .top .text_box .line{ margin: 16px 0 42px; width: 42px; height: 3px; background: #fb5f01; }
.prod_main .bottom{ padding: 85px 0 130px; text-align: center; }
.prod_main .bottom .img{ margin: 0 25px;}
.prod_main .bottom .tit{ position: relative; margin: 0 25px; border-radius: 100%; font-size: 16px; width: 127px; height: 127px; background: #fb5f01; color: #fff; }
.prod_main .bottom .tit span{ width: 100%; height: 100%; display: table; text-align: center;}
.prod_main .bottom .tit em{ display: table-cell; vertical-align: middle; }
.prod_main .bottom .tit:before{ position: absolute; content: ''; width: 27px; height: 6px; background: url(../images/icon57.png) no-repeat; left: -27px; top: 50%; margin-top: -3px; }
.prod_main .bottom .tit:first-child:before{ display: none; }
.prod_main .bottom .tit:after{ position: absolute; content: ''; width: 27px; height: 6px; background: url(../images/icon58.png) no-repeat; right: -27px; top: 50%; margin-top: -3px; }

/*环保责任*/
.res_main{ min-height: 500px; }
.res_left{ position: absolute; left: 0; top: 0; height: 100%; min-height: 500px; width: 285px; background: #f6f6f6; }
.res_left li{ background: url(../images/icon32.png) 245px center no-repeat; font-size: 16px; text-indent: 28px; height: 59px; line-height: 59px; border-bottom: 2px solid #fff; }
.res_left li a{ display: block; color: #666; }
.res_left li.on,.res_left li:hover{ background: #fb5f01 url(../images/icon32.png) 245px center no-repeat; }
.res_left li.on a,.res_left li:hover a{ color: #fff; }
.res_right{ width: 880px; }
.res_right .top{ margin-bottom: 8px; padding: 50px 35px; background: #e9e9e9 url(../images/icon40.png) left top no-repeat; }
.res_right .top .box{ width: 405px; margin-right: 15px; }
.res_right .top h2{ font-size: 24px; }
.res_right .top .line,.res_right .top2 .line{ width: 41px; height: 2px; background: #fb5f01; margin: 6px 0 12px; display: block; }
.res_right .top p{ color: #666; line-height: 30px; }
/*.res_right .top .box img{ margin: 0 22px; }*/
.res_right .top .box *{max-width: 100%;}

.res_right .top.no-img .box{width: 100%;}
.res_right .top.no-img>img{display: none;}
.res_buttombox{width: 100%;text-align: center;padding-top: 30px;}
.res_buttom{display: inline-block;vertical-align: middle;cursor: pointer;color: #fff; padding: 0 25px;font-size: 16px;line-height: 50px;border-radius: 25px;background-color: #fb5f01;}


.res_list{ margin-bottom: 30px; }
.res_list li{ padding: 28px 0; border-bottom: 1px solid #eee; }
.res_list .img_box{ float: left; width: 280px; height: 187px; border: 1px solid #eee; box-sizing: border-box; }
.res_list .text_box{ float: right; width: 560px; }
.res_list .text_box h2{ font-size: 20px; margin: 4px 0 10px; }
.res_list .text_box p{ color: #666; line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 30px; }
.res_list a:hover{ color: #fb5f01; }
.res_pages a,.res_pages,.res_pages span,.res_pages font{ color: #7a7a7a; }
.res_pages a,.res_pages span{ margin: 0 4.5px; display: inline-block; *display: inline; *zoom: 1; text-align: center; vertical-align: middle; border-radius: 100%; line-height: 34px; width: 36px; height: 36px; box-sizing: border-box; border: 1px solid #dedede; }
.res_pages a.prev{ font-size: 0; background: #7a7a7a url(../images/icon36.png) center no-repeat; border: none; }
.res_pages a.next{ font-size: 0; background: #7a7a7a url(../images/icon37.png) center no-repeat; border: none; }
.res_pages a.prev:hover{ background: #fb5f01 url(../images/icon36.png) center no-repeat; }
.res_pages a.next:hover{ background: #fb5f01 url(../images/icon37.png) center no-repeat; }
.res_pages font{ margin-left: 15px; }
.res_pages font em{ color: #fb5f01; }
.res_pages .current,.res_pages a:hover{ color: #fb5f01; font-weight: bold; }

/*社会公益*/
.res_right .top2{ border: 1px solid #eee; padding: 45px; min-height: 314px; box-sizing: border-box; margin-bottom: 16px; }
.res_right .top2 .box{ width: 490px; }
.res_right .top2 h2{ font-size: 24px; }
.res_right .top2 p{ color: #666; line-height: 24px; }

/*新闻资讯*/
.news_box{ margin-bottom: 34px; border: 1px solid #eee; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 30px #eee; padding: 22px 30px 78px; box-sizing: border-box; }
.news_box .newslick{ width: 1098px; margin: 0 auto; }
.news_box li{ margin: 0 32px; }
.news_box .n_h2{ font-size: 24px; color: #333; margin-bottom: 26px; }
.news_box .n_h2 a.fr{ line-height: 31px; background: url(../images/icon39.png) left center no-repeat; font-size: 12.8px; color: #2f353b; text-indent: 32px; }
.news_box .n_h2 a:hover{ color: #fb5f01; }
/*.newslick > li{ width: 330px; margin: 0 35px 50px; float: left; }*/
.newslick > li{width: 330px;margin: 0 35px 50px;/* float: left; */display: inline-block;vertical-align: top;}
.newslick h2{ font-size: 18px; }
.newslick p{ color: #666; height: 38px; overflow: hidden; margin: 8px 0; }
.newslick .img_box{ display: block; border: 1px solid #eee; margin-bottom: 20px; }
.newslick .news_more,.nd_more{ background: url(../images/icon3on.png) right center no-repeat; padding-right: 25px; color: #666; }
.newslick a:hover{ color: #fb5f01; }
.news_box .slick-dots{ bottom: -20px; }
.news_box .slick-dots{ bottom: -38px; height: 9px; }

/*新闻资讯列表*/
.nl_h2{ font-size: 30px; text-align: center;}
.nl_line{ width: 41px; height: 3px; background: #fb5f01; margin: 18px auto 46px; }
.nl_more{ cursor: pointer; border-radius: 25px; font-size: 18px; color: #2f353b; display: block; margin: 0 auto; text-align: center; width: 236px; height: 49px; line-height: 47px; box-sizing: border-box; border: 1px solid #b3b3b3; }
.nl_more i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 31px; height: 47px; background: url(../images/icon39.png) center no-repeat; margin-right: 12px; }
.nl_more:hover{ color: #fb5f01; }

/*新闻资讯详情*/
.news_detail .info h2{ font-size: 30px; margin-bottom: 16px; }
.news_detail .info p{ line-height: 24px; padding-bottom: 26px; border-bottom: 3px solid #eee; }
.news_detail .info .share_list{ margin-left: 26px; vertical-align: middle; }
.news_detail .text{ padding: 30px 0 50px; }
.news_detail .text p{ color: #2f353b; line-height: 24px; }
.newsd_slick{ padding: 38px 0; margin-left: -24px; }
.newsd_more li{ margin: 0 24px; }
.newsd_more h1{ font-size: 24px; color: #2f353b; padding-bottom: 21px; border-bottom: 3px solid #eee; }
.newsd_more .img_box{ width: 176px; height: 96px; border: 1px solid #eee; }
.newsd_more .box{ width: 350px; }
.newsd_more .box h2{ font-size: 16px; line-height: 26px; }
.newsd_more .box h2 span{ color: #666; font-size: 12px; }
.newsd_more .box p{ color: #666; line-height: 24px; margin-bottom: 8px; }
.newsd_more a:hover{ color: #fb5f01; }
.newsd_slick .slick-dots{ top: -45px; right: 0; text-align: right;}

/*职业生涯-发展前景*/
.bg_pic6{ background: url(../images/bg13.jpg) top center no-repeat; padding-bottom: 98px; max-width: 1650px; margin: 0 auto;}
.cdev_main{ margin-top: 70px; padding: 55px 85px 0; box-sizing: border-box; box-shadow: 0 0 20px #ccc; border-radius: 8px; overflow: hidden; background: url(../images/sbg3.png); }
.cdev_info{ padding-bottom: 45px; }
.cdev_info h2{ font-size: 44px; }
.cdev_info .line{ width: 34px; height: 2px; background: #fb5f01; display: block; margin: 13px auto 18px; }
.cdev_info p em{ color: #fb5f01; }
.cdev_list{ font-size: 0; padding-bottom: 40px; border-bottom: 1px solid #e9e9e9; }
.cdev_list li{ cursor: pointer; margin: 0 13px; height: 39px; line-height: 37px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border-radius: 16px; min-width: 130px; box-sizing: border-box; padding: 0 20px; border: 1px solid #e9e9e9; font-size: 16px; }
.cdev_list li.on,.cdev_list li:hover{ background: #fb5f01; color: #fff; border-color: #fb5f01; }
.cdev_box{ font-size: 0; padding: 34px 0; }
.cdev_box .txt,.cdev_box .img{ width: 48%; }
.cdev_box .txt{ margin-right: 4%; }
.cdev_box .line{ width: 30px; height: 2px; background: #fb5f01; display: block; margin: 10px 0; }
.cdev_box h2{ font-size: 30px; }
.cdev_box p{ font-size: 14px; line-height: 36px; }
.cdev_wrap .cdev_box{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.cdev_wrap .cdev_box:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }

/*职业生涯-员工风采*/
.sta_box{ padding-bottom: 50px; }
.staslickt{ width: 960px; margin: 0 auto 30px; }
.staslickt li.slick-slide{height: 445px; line-height: 445px;}
.staslickt img{ max-width: 960px; max-height: 445px; display: inline-block;}
.staslickt .slick-prev{ left: -94px; }
.staslickt .slick-next{ right: -94px; }
.staslickb{ width: 970px; margin: 0 auto; }
.staslickb li.slick-slide{ cursor: pointer; margin: 0 11px; width: 302px; }
.staslickb img{ margin-bottom: 18px; border: 1px solid #eee; width: 302px; height: 165px; box-sizing: border-box;}
.staslickb .txt h2{ margin-bottom: 8px; font-size: 16px; color: #000; }
.staslickb .txt p{ color: #666; }
.staslickb li.slick-slide.on .txt h2,.staslickb li.slick-slide:hover .txt h2{ color: #fb5f01; }
.staslickb .slick-prev{ top: 30px; left: -25px; width: 37px; height: 165px; background: url(../images/icon93.png) no-repeat; }
.staslickb .slick-prev:hover{ background: #fff url(../images/icon93on.png) no-repeat;}
.staslickb .slick-next{ top: 30px; right: -29px; width: 37px; height: 165px; background: url(../images/icon94.png) no-repeat; }
.staslickb .slick-next:hover{ background: #fff url(../images/icon94on.png) no-repeat;}

/*职位招聘*/
.rec_main{ padding: 55px 0 0; background: #fff; }
.rec_main .cdev_info{ padding: 0 45px; }
.bg_pic7{ background: url(../images/bg14.jpg) top center no-repeat; background-size: cover; padding-bottom: 98px; max-width: 1650px; margin: 0 auto;}
.rec_slick{ width: 801px; margin: 65px auto 95px; }
.rec_slick li.slick-slide{ border-radius: 8px; overflow: hidden; margin: 0 14px; float: left; padding-top: 38px; text-align: center; font-size: 16px; width: 239px; height: 177px; box-sizing: border-box; border: 1px solid #e8e8ea; }
.rec_slick li.slick-slide a{ display: block; }
.rec_slick em{ margin-bottom: 25px; display: inline-block; *display: inline; *zoom: 1; overflow: visible; width: 55px; height: 58px; line-height: 55px; font-size: 0; text-align: center; }
.rec_slick em img{ width: auto; height: auto; max-width: 100%; max-height: 100%; }
.rec_slick li.slick-slide:hover a{ color: #fb5f01; }
.rec_slick .slick-dots{ bottom: -54px; }
.rec_slick .slick-prev{ left: -45px; }
.rec_slick .slick-next{ right: -45px; }
.rec_bottom{ border-top: 1px solid #eee; padding: 20px 30px; }

/*职位招聘详情*/
.recd_main{ padding: 30px 50px 0; background: #fff; }
.recd_main h1{ height: 54px; line-height: 54px; font-size: 24px; margin-bottom: 24px; }
.recd_main h1 img{ margin-right: 16px; }
.recd_top{ overflow: hidden; height: 415px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.recd_top .part{ width: 980px; padding-bottom: 30px; }
.recd_top .part h2{ margin-bottom: 20px; height: 36px; line-height: 36px; background: #f8f8f8; padding: 0 18px; border-radius: 8px; font-size: 16px; color: #fb5f01; }
.recd_top .part p{ line-height: 30px; color: #666; background: url(../images/icon63.png) 11px 13px no-repeat; padding-left: 27px; }
.recd_bottom{ padding: 20px 35px; }
.recd_bottom font{ line-height: 42px; }
.recd_bottom .btn span{ cursor: pointer; display: inline-block; *display: inline; *zoom: 1; text-align: center; border-radius: 20px; margin: 0 9px; width: 145px; height: 42px; line-height: 42px; background: #eee; color: #3d3d3d; font-size: 16px; }
.recd_bottom .btn span.show_form{ background: #fb5f01; color: #fff; }
.recd_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sbg4.png); z-index: 999; }
.recd_wrap{ padding: 20px 50px; box-sizing: border-box; background: #fff; width: 665px; height: 378px; position: absolute; left: 50%; margin-left: -332.5px; top: 50%; margin-top: -189px; }
.recd_wrap h2{ font-size: 24px; text-align: center; }
.recd_wrap .item{ line-height: 62px; }
.recd_wrap .line{ width: 30px; height: 2px; background: #fb5f01; margin: 10px auto 38px; display: block; }
.recd_wrap span{ min-width: 100px; padding-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #3d3d3d; }
.recd_wrap input{ width: 325px; height: 39px; line-height: 37px; _line-height: 37px; *line-height: 37px; box-sizing: border-box; padding: 0 5px; border: 1px solid #ddd; }
.recd_wrap .upload{ margin-right: 12px; overflow: hidden; padding: 0; width: 108px; height: 39px; line-height: 39px; text-align: center; position: relative; background: #2b3845; color: #fff; }
.recd_wrap .upload input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 24px; padding: 0; opacity: 0; filter: alpha(opacity=0); }
.recd_wrap input.recd_sub{ display: block; margin: 15px auto 0; width: 145px; height: 42px; background: #fb5f01; border: none; font-size: 16px; color: #fff; border-radius: 25px; }
.recd_wrap i.close{ cursor: pointer; position: absolute; right: 26px; top: 10px; width: 25px; height: 25px; background: url(../images/icon64.png) center no-repeat; }

/*联系方式*/
.con_main h1{ font-size: 36px; text-align: center; margin: 14px auto; }
.con_main h2{ font-size: 18px; color: #888; text-align: center; margin-bottom: 50px; }
.con_main{ padding-bottom: 100px; }
.con_box{ padding: 50px 0 55px; }
.con_box .text{ margin-top: 28px; width: 530px; height: 360px;overflow: auto;   }
.con_box .text p{ margin-bottom: 18px; }
.con_box .text{ font-size: 16px; line-height: 29px; }
.con_box .text span{ text-align: right; display: inline-block; *display: inline; *zoom: 1; min-width: 50px; padding-right: 25px; line-height: 17px; margin: 6px 15px 6px 0;/*  border-right: 1px solid #fb5f01; */ }
.con_box .text font{ display: inline-block; *display: inline; *zoom: 1; max-width: 450px; vertical-align: top; }
.con_box .text i{ font-size: 14px; display: block; }
.con_box #allmap{ width: 600px; height: 360px; }
.con_link{ cursor: pointer; margin-bottom: 138px; font-size: 16px; display: block; margin: 0 auto; text-align: center; color: #fff; width: 172px; height: 45px; line-height: 45px; background: #fa5f01; border-radius: 20px; }
.con_link i{ display: inline-block; *display: inline; *zoom: 1; width: 17px; height: 45px; vertical-align: top; background: url(../images/icon38.png) center no-repeat; margin-right: 10px; }

/*联系方式-留言*/
.con_msg{ border: 1px solid #eee; width: 975px; box-sizing: border-box; margin: 0 auto; background: #fff; border-radius: 10px; padding: 38px 55px; overflow: hidden; box-shadow: 0 0 30px #eee; }
.con_msg .item{ margin-bottom: 15px; }
.con_msg span{ display: block; color: #3d3d3d; line-height: 38px; }
.con_msg input{ width: 325px; height: 41px; padding: 0 5px; box-sizing: border-box; line-height: 38px; _line-height: 38px; *line-height: 38px; border: 1px solid #ddd; }
.con_msg textarea{ width: 498px; height: 229px; box-sizing: border-box; border: 1px solid #ddd; padding: 5px; }
.con_msg .con_link{ margin: 37px auto 4px; }





.kefu {
    position:fixed;
    right:3px!important;
    left:auto!important;
    bottom:10%;
    z-index:10000
}
.kefu .kfdiv {
    width:63px;
    height:63px;
    margin-bottom:1px;
    cursor:pointer;
    color:#FFF;
    text-align:center;
    margin-right:0;
    background:url(../images/kefu.png) no-repeat
}
.kefu .c1 {
    background-position:0 0
}
.kefu .c2 {
    background-position:0 0;
    position:relative;
    display:block
}
.kfQQ {
    width:138px;
    margin-left:-77px;
    position:relative;
    margin-bottom:1px;
    display:none
}
.kfQQ .icon_qq {
    width:63px;
    height:63px;
    margin-bottom:1px;
    cursor:pointer;
    color:#FFF;
    text-align:center;
    margin-right:0;
    background:url(../images/kefu.png) no-repeat -63px -64px;
    position:absolute;
    left:-63px
}
.kfQQ dt {
    height:63px;
    background:url(../images/keT.png) no-repeat
}
.kfQQ dd {
    border:1px #dcdcdc solid;
    border-bottom:3px #fb5f01 solid;
    width:138px;
    background:#FFF
}
.kfQQ dd span {
    padding-left:14px;
    padding-bottom:13px;
    font-size:12px;
    text-align:left;
    display:block;
    color:#5c5c5c
}
.kfQQ dd span img {
    margin-right:10px;
    width:23px;
    height:23px;
    vertical-align:middle
}
.kfQQ dd span a {
    color:#777;
    display:block;
    padding-top:8px
}
.kfQQ dd span a:hover {
    color:#fb5f01
}
.kefu .c3 {
    background-position:0 -64px
}
.kefu .c1:hover {
    background-position:-63px 0
}



/*搜索结果*/
.sea_count{ padding: 0 0 28px; border-bottom: 1px solid #eee; font-size: 18px; color: #666; }
.sea_count em{ color: #fb5f01; }
.sea_list{ margin-bottom: 50px; }
.sea_list li{ font-size: 0; padding: 22px 0; border-bottom: 1px dotted #ccc; }
.sea_list li .img{ overflow: hidden; position: relative; width: 100px;height: 100px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.sea_list li .img span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
.sea_list li .text{ display: inline-block; vertical-align: middle; width: calc(100% - 120px); }
.sea_list li .text.w{ width: 100%; }
.sea_list li h2{ line-height: 30px; font-size: 16px; color: #555; }
.sea_list li h2 em{ color: #fb5f01; margin-right: 5px; }
.sea_list li p{ margin: 16px 0 7px; font-size: 12px; color: #555; line-height: 24px; }
.sea_list li span{ font-size: 12px; color: #999; line-height: 30px; }
.sea_list li:hover h2{ color: #fb5f01; }
.sea_list strong{ background: #ffe200; }


.newsd_more .box h2{ display: inline-block;font-size: 16px; line-height: 24px;}
.newsd_more .box span{ color: #666; font-size: 12px;line-height: 24px;}