body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
body{ font-family: "Microsoft Yahei","simHei","simSun",Verdana,Arial;}
html,body{ width: 100%; height: 100%;}
.clearfix:after{ display: block; content: '.'; clear: both; visibility: hidden; height: 0; line-height: 0;}
.clearfix{ *zoom: 1;}
.pa{ position: absolute;}

@font-face {
    font-family: 'din_alternatebold';
    src: url('/font/din-boldalternate-webfont.eot');
    src: url('/font/din-boldalternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/din-boldalternate-webfont.woff2') format('woff2'),
         url('/font/din-boldalternate-webfont.woff') format('woff'),
         url('/font/din-boldalternate-webfont.ttf') format('truetype'),
         url('/font/din-boldalternate-webfont.svg#din_alternatebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_alternatemedium';
    src: url('/font/din-mediumalternate-webfont.eot');
    src: url('/font/din-mediumalternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/din-mediumalternate-webfont.woff2') format('woff2'),
         url('/font/din-mediumalternate-webfont.woff') format('woff'),
         url('/font/din-mediumalternate-webfont.ttf') format('truetype'),
         url('/font/din-mediumalternate-webfont.svg#din_alternatemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bannerwrap{ width: 100%; height: 100%; position: relative;}

/* 震铃 */
@-webkit-keyframes ring{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.95) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes ring{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.95) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-ms-keyframes ring{
    0%{-ms-transform:scale(1);}
    10%,20%{-ms-transform:scale(0.95) rotate(-3deg);}
    30%,50%,70%,90%{-ms-transform:scale(1) rotate(3deg);}
    40%,60%,80%{-ms-transform:scale(1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@keyframes ring{
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.95) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1) rotate(3deg);}
    40%,60%,80%{transform:scale(1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}
/**Header-start**/
.headerwrap{ width: 100%; height: 42px;}
.headerbox{ width: 1000px; height: 42px; margin: 0 auto;}
.headerbox a.logo{ float: left; width: 335px; height: 42px; background: url(/images/common/logo.png) no-repeat;}
.headerbox .navbox{ width: 48px; height: 48px; float: right; position: relative;}
.navbox .navbtn{ width: 48px; height: 41px; left: 0; top: 0; cursor: pointer; -webkit-animation: ring 2s linear 3; -moz-animation: ring 2s linear 3; -ms-animation: ring 2s linear 3; -o-animation: ring 2s linear 3; animation: ring 2s linear 3;}
.navbox .navbtn span.line{ width: 48px; height: 3px; overflow: hidden; line-height: 0; background: #fff; transition: all .3s;}
.navbox .navbtn span.line1{ left: 0; top: 0;}
.navbox .navbtn span.line2{ left: 0; top: 19px;}
.navbox .navbtn span.line3{ left: 0; top: 38px;}
.navbox .navbtn.cur span.line1{ transform: translate(0,19px) rotate(45deg);}
.navbox .navbtn.cur span.line2{ transform: scale(0);}
.navbox .navbtn.cur span.line3{ transform: translate(0,-19px) rotate(-45deg);}
.navcont{ right: 0; top: 47px;}
.navcont ul.nav-m{ right: 0; top: 0; width: 183px; border: 1px solid #fff; padding: 20px 0; background: url(/images/common/navbg.png); display: none;}
.navcont ul.nav-m li{ width: 100%; height: 44px; line-height: 44px;}
.navcont ul.nav-m li a{ display: block; width: 153px; height: 44px; padding: 0 15px; line-height: 44px; color: #666; transition-property: background-color color; transition-duration: .3s;}
.navcont ul.nav-m li a:hover{ background: #fff; color: #000;}
.navcont ul.nav-m li.cur a{ background: #fff; color: #000;}
.nav-s{ position: absolute; right: 185px; top: 0; width: 0; background: url(/images/common/navbg-s.png); overflow: hidden;}
.nav-s li{ width: 210px; height: 41px; line-height: 41px;}
.nav-s li a{ display: block; width: 180px; padding: 0 15px;white-space: nowrap; color: #666; text-align: center; transition-property: background-color color; transition-duration: .3s;}
.nav-s li a:hover{ background: #fff; color: #000;}
.nav-s1{ top: 64px;}
.nav-s2{ top: 108px;}
.nav-s3{ top: 152px;}
.nav-s4{ top: 196px;}
.nav-s5{ top: 240px;}
.nav-s6{ top: 284px;}
.lanbox{ width: 60px; height: 41px; float: right; margin-right: 32px; background: url(/images/common/line.png) no-repeat 18px center; position: relative;}
.lanbox a.lan{ position: absolute; font-size: 20px; color: #efefef;}
.lanbox a.lan-ch{ left: 0; top: 0;}
.lanbox a.lan-en{ right: 0; bottom: 0;}
.lanbox a.lan:hover{ color: #fff;}
.lanbox a.lan.cur{ color: #fff;}
.bannerwrap .headerwrap{ position: relative; top: 85px; z-index: 10;}
/**Header-end**/

ul.banners li{ width: 100%; min-width: 1000px; height: 100%; position: absolute; left: 0; top: 0;}
ul.banners li a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4;}
ul.banners li .txtbox{ width: 1000px; height: 100%; margin: 0 auto; position: relative;}
ul.banners li .tb1 img{ position: absolute; left: 165px; bottom: 200px;}
.bannerpage{ width: 1000px; height: 20px; position: absolute; left: 50%; margin-left: -500px; bottom: 80px; z-index: 5;}
.bannerpage span{ display: inline-block; width: 14px; height: 14px; border: 4px solid #fff; border-radius: 50%; margin: 0 12px; transition: all .3s;}
.bannerpage span.cur{ background: #fff;}

.bannerwrap .downar{ width: 72px; height: 71px; background: url(../images/common/ardown.png) no-repeat center; position: absolute; bottom: 15px; left: 50%; margin-left: -36px;}

.index-buwrap{ width: 100%; min-width: 1000px; height: 635px; padding-top: 80px; background: url(/images/index/bline.gif);}
.index-bubox{ width: 1000px; height: 508px; margin: 0 auto;}
.index-bubox .b-item{ width: 489px; height: 508px; position: relative;}
.index-bubox .b-item1{ float: left;}
.index-bubox .b-item2{ float: right;}
.index-bubox .b-item img{ width: 100%; height: 100%;}
.b-item .b-bg{ width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .4; filter: alpha(opacity=40); transition: all .3s;}
.b-item .bname-ch{ left: 178px; top: 205px; font-size: 40px; color: #eee; transition: all .3s;}
.b-item .b-gap{ left: 190px; top: 260px;}
.b-item .bname-en{ left: 178px; top: 242px; font-size: 28px; color: #eee; transition: all .3s;}
.b-item1{ z-index: 1; cursor: pointer;}
.b-item1 .popbox{ width: 850px; height: 508px; position: absolute; left: 178px; top: 0; display: none;}
.b-item1 .popbox ul li{ width: 159px; float: left; margin-right: 7px; transition: all .3s;}
.b-item1 .popbox img{ width: 159px; height: 508px;}
.b-item1 .popbox ul li:hover{}
.b-item2:hover .b-bg{ opacity: .1; filter: alpha(opacity=10);}
.b-item2:hover .bname-ch{ top: 195px;}
.b-item2:hover .bname-en{ top: 222px;}

.index-newswrap{ width: 100%; min-width: 1000px; padding-bottom: 100px; background: #fff;}
.index-newsbox{ width: 1000px; margin: 0 auto;}
.in-banner{ margin-bottom: 60px;}
.iblock-tit{ width: 100%; height: 82px; margin-bottom: 40px;}
.iblock-tit-ch{ float: right; font-size: 35px; line-height: 45px; color: #888; font-family: "din_alternatemedium","Microsoft Yahei","simHei","simSun";}
.iblock-tit-en{ float: left; font-size: 30px; line-height: 41px; color: #888; font-family: "din_alternatemedium","Microsoft Yahei","simHei","simSun";}
.inewsbox{ width: 1000px; height: 266px; overflow: hidden;}
.inewsbox ul{ width: 10000px;}
.inewsbox li{ width: 320px; height: 256px; float: left; margin-right: 20px;}
.inewsbox li a{ display: inline-block; width: 280px; height: 214px; padding: 28px 19px 12px 19px; border: 1px solid #d6d6d6; transition: all .3s;}
.inewsbox li a .indate{ width: 100%; height: 52px; line-height: 52px; margin-bottom: 35px; color: #999; font-family: "din_alternatemedium","Microsoft Yahei","simHei","simSun";}
.inewsbox li a .indate .indate-year{ float: right; font-size: 28px;}
.inewsbox li a .indate .indate-date{ float: left; font-size: 52px;}
.inewsbox li a .intit{ width: 100%; font-size: 16px; font-family: "simHei","Microsoft Yahei","simSun"; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 18px; transition: all .3s;}
.inewsbox li a .inintro{ width: 100%; font-size: 13px; font-family: "simHei","Microsoft Yahei","simSun"; color: #666; line-height: 22px;}
.inewsbox li a:hover{ border: 1px solid #f68d31; box-shadow: 0 4px 6px rgba(100,100,100,.4);}
.inewsbox li a:hover .intit{ color: #f68d31;}
.inewsbox li a:hover .inintro{ color: #f68d31;}

.index-videowrap{ width: 100%; min-width: 1000px; padding: 80px 0; background: #fafafa;}
.index-videobox{ width: 1000px; margin: 0 auto;}
.index-videobox .ivideo{ width: 1000px; margin-bottom: 20px;}
.index-videobox .ivideo a{ display: block; width: 1000px; position: relative;}
.index-videobox .ivideo a span.vicon{ position: absolute; width: 70px; height: 70px; background: url(/images/index/vicon.png); left: 50%; margin-left: -35px; top: 50%; margin-top: -35px;}
.index-videobox .ivname{ width: 100%; height: 40px; text-align: center; font-size: 20px; color: #666; line-height: 40px;}
.index-videobox .ivname span{ padding-left: 22px; background: url(/images/index/vnamebg.png) no-repeat left center;}

/**Footer-start**/
.footerwrap{ width: 100%; padding: 20px 0; background: #7c7c7c;}
.footerbox{ width: 1160px; margin: 0 auto; font-size: 14px; color: #fff; font-family: Arial,"simHei","Microsoft Yahei","simSun";}
.footerbox .footer-left{ float: left;}
.footerbox p{ line-height: 30px;}
.footerbox p span{ margin-right: 10px;}
.footerbox .footer-right{ float: right;}
.footerbox .footer-right .frtop{ margin-bottom: 10px;}
.footerbox p a{ color: #fff;}

/**about**/
.pagebanner{ width: 100%; min-width: 1000px; height: 175px; padding-top: 80px; position: relative; z-index: 100;}
.pagebanner-about{ background: url(/images/about/banner.jpg) no-repeat center;}
.coltit{ width: 1000px; margin: 0 auto; padding-top: 25px;}
.coltit .coltit-ch{ font-size: 30px; color: #fff; text-align: center;}
.coltit .coltit-en{ font-size: 26px; color: #fff; text-align: center;}
.mainbox{ width: 100%; min-width: 1000px; margin: 0 auto; background: #fff;min-height: 600px;}
.mainbox-about{ background: #fff;}
.col-tab{ width: 1000px; height: 38px; margin: 0 auto 60px; font-size: 0; text-align: center;}
.col-tab a{white-space: nowrap; display: inline-block; width: 149px; height: 38px; background: #e7e7e7; line-height: 38px; text-align: center; margin: 0 2px; font-size: 12px; color: #6e6e6e; transition: all .2s;}
.col-tab a.tab6 {width:200px;}
.col-tab a:hover{ background: #178dc7; color: #fff;}
.aitem-wrap{ width: 100%; min-width: 1000px; margin: 0 auto;}
.aitem-wrap .aitem{ width: 1000px; margin: 0 auto;}
.at1{ padding: 15px 0 15px 0; background: #fff;}
.at1 .pro-left{ width: 200px; float: left;padding-top:10px;}
.at1 .pro-left .pltit-ch{ font-size: 30px; color: #323232; margin-bottom: 15px;}
.at1 .pro-left .pltit-en{ font-size: 26px; font-family: "din_alternatemedium","Microsoft Yahei","simHei","simSun"; color: #323232;}
.at1 .prtxtwrap{ width: 730px; float: right; padding-top: 0;}
.at1 .prtxtwrap .prtxt{ width: 730px; height: 310px; font-size: 15px; line-height: 30px; overflow: hidden; color: #666; margin-bottom: 15px;}
.at1 .prtxtwrap .propic{ padding-top: 18px; border-top: 1px solid #c2c2c2;}
.at1 .prtxtwrap .addtxtbox{ width: 730px; padding-top: 18px; border-top: 1px solid #c2c2c2;}
.at1 .prtxtwrap .addtb{ width: 100%; margin-bottom: 12px;}
.at1 .prtxtwrap .addtb .addtb-title{ font-size: 16px; color: #666; font-weight: bold; margin-bottom: 5px;}
.at1 .prtxtwrap .addtb .addtb-txt{ font-size: 15px; color: #666; line-height: 28px;}
.at2{ padding: 105px 0 50px 0; background: #f8f8f8;}
.at2 .aitem{ height: 510px; position: relative; color: #666;}
.at2 .aitem .box-picpart{ position: absolute; left: 0; top: 10px;}
.at2 .aitem .box-picpart .mpic{ display: block; width: 148px; height: 150px; margin-bottom: 15px;}
.at2 .aitem .box-picpart .mname{ width: 148px; text-align: left; font-size: 20px; margin-bottom: 10px;}
.at2 .aitem .box-picpart .mname span{ }
.at2 .aitem .box-txtpart{ position: absolute; width: 730px; height: 455px; left: 275px; top: 0; font-size: 15px; line-height: 30px; overflow: hidden;}
.at2 .aitem a.pbtn{ position: absolute; left: 275px; top: 475px; width: 240px; height: 31px; line-height: 31px; text-indent: 10px; color: #fff; background: #b9b9b9; transition: all .3s; font-size: 12px;}
.at2 .aitem a.pbtn span{ position: absolute; width: 33px; height: 31px; background: url(/images/about/arbg.gif); right: 0; top: 0;}
.at2 .aitem a.pbtn:hover{ background: #479ac3;}
.at2 .box-ceo{ display: none;}
.at3{ padding: 68px 0; background: #fff;}
.at3 .qpic{ width: 423px; height: 325px; float: left; position: relative;}
.at3 .qpic ul li{ width: 423px; height: 325px; position: absolute; left: 0; top: 0; overflow: hidden; display: none;}
.at3 .qpic ul li img{ width: 423px; height: 325px;}
.at3 .qinfo{ width: 530px; float: right;}
.at3 .qinfo .qtit{ width: 530px; height: 40px; margin-bottom: 20px; font-size: 30px; color: #323232;}
span.atit-en{ font-family: "din_alternatemedium","Microsoft Yahei","simHei","simSun"; font-size: 26px; color: #323232; text-transform: uppercase;}
.at3 .qinfo .qlist{ width: 530px; height: 265px; overflow: hidden; font-size: 15px; color: #666;}
.at3 .qinfo .qlist ul li{ line-height: 24px; margin-bottom: 5px; cursor: pointer;}
.at3 .qinfo .qlist ul li.cur{ color: #0a5691;}
.at4{ padding: 40px 0; background: #f8f8f8;}
.at4 .version-txt{ width: 420px; padding-top: 40px; float: left;}
.at4 .version-txt .vt-tit{ font-size: 30px; margin-bottom: 36px;}
.at4 .version-txt .vt-txt{ font-size: 18px; color: #7b7b7b; line-height: 32px;}
.at4 .version-txt .vt-txt1{ font-size: 18px; color: #7b7b7b; line-height: 32px;}
.at4 .version-txt .vt-txt1 .vt-list{ padding-left: 5em; text-indent: -5em;}
.at4 .version-pic{ float: right;}
.at5{ padding: 60px 0; background: #fff;}
.at5 .culture-left{ width: 402px; float: left;}
.at5 .culture-right{ width: 380px; padding-top: 20px; float: right;}
.at5 .culture-right .cul-tit{ font-size: 30px; margin-bottom: 30px;}
.at5 .culture-right .cul-txt{ font-size: 15px; line-height: 24px; color: #555; height: 292px; overflow: hidden;}
.at5 .culture-right .cul-txt h2{ font-size: 16px; color: #222; margin-bottom: 5px;}
.at5 .culture-right .cul-txt p{ margin-bottom: 14px;}
.at6{ padding: 40px 0; background: #efefef;}
.at6 .orgtit{ font-size: 30px; color: #323232;}
.at7{ height: 770px; background: #fff url(/images/about/historybg.jpg) no-repeat center top;}
.at7 .historytit{ padding-top: 45px; font-size: 30px; color: #fff; margin-bottom: 60px;}
.at7 .historytit span.atit-en{ color: #fff;}
.at7 .hisitemwrap{ width: 710px; height: 300px; margin: 0 auto 100px; position: relative; font-size: 16px;}
.at7 .hisitemwrap .hisitem{ position: absolute; width: 710px; height: 300px; left: 0; top: 0; display: none;}
.at7 .hisitem ul{ padding: 0 10px 0 0;}
.at7 .hisitem ul li{ line-height: 30px; padding-left: 10px; background: url(/images/about/itemicon.png) no-repeat left 11px; color: #fff; font-size: 16px;}
.at7 .hisyearwrap{ width: 1000px; height: 100px; margin: 0 auto; position: relative;}
.at7 .hisyearwrap .hisyear{ width: 900px; height: 100px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1;} 
.at7 .hisyearwrap .hisyear ul{ width: 10000px;}
.at7 .hisyearwrap .hisyear ul li{ width: 180px; height: 100px; float: left; text-align: center; line-height: 70px; font-size: 30px; color: #323232; position: relative; cursor: pointer; transition: all .2s;}
.at7 .hisyearwrap .hisyear ul li span{ position: absolute; width: 18px; height: 18px; background: #b3b3b3; bottom: 5px; left: 50%; margin-left: -9px; border-radius: 50%; transition: all .2s;}
.at7 .hisyearwrap .hisyear ul li.cur{ font-size: 50px; color: #168cc6; top: -10px;}
.at7 .hisyearwrap .hisyear ul li.cur span{ width: 28px; height: 28px; bottom: -10px; background: #168cc6;}
.at7 .hisyearwrap .hisline{ width: 1000px; height: 28px; background: url(/images/about/hisline.png); position: absolute; left: 0; bottom: 0;}
.at7 .hisyearwrap a.hisar{ width: 53px; height: 53px; position: absolute; top: 8px; background-image: url(/images/common/btns1.png); background-repeat: no-repeat; -webkit-transition: all .3s; -mos-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.at7 .hisyearwrap a.hisar-left{ left: 0; background-position: 0 0;}
.at7 .hisyearwrap a.hisar-left:hover{ background-position: 0 -53px;}
.at7 .hisyearwrap a.hisar-right{ right: 0; background-position: -53px 0;}
.at7 .hisyearwrap a.hisar-right:hover{ background-position: -53px -53px;}

/**news**/
.pagebanner-news{ background: url(/images/news/banner.jpg) no-repeat center;}
.col-tab-news a:hover{ background: #e9222e; color: #fff;}
.col-tab-news a.cur{ background: #e9222e; color: #fff;}
.hotnewswrap{ width: 1000px; padding-top: 15px; margin: 0 auto 40px;}
.hotnewsbox{ width: 1000px;}
.hnleftwrap{ width: 532px; height: 270px; background: #eaeaea; float: left;}
.hnleft{ width: 532px; height: 270px; margin: 0 auto; position: relative;}
.hnleft a.hnitem{ width: 462px; height: 235px; padding: 35px 35px 0 35px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0);}
.hnleft a.hnitem .hnitem-tit{ height: 25px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #e92126; margin-bottom: 20px;}
.hnleft a.hnitem .hnitem-intro{ width: 100%; height: 100px; line-height: 25px; font-size: 14px; color: #666; margin-bottom: 20px; overflow: hidden;}
.hnleft a.hnitem .hnitem-more{ float: right; width: 60px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #ccc; font-size: 14px; color: #666; transition: all .3s;}
.hnleft a.hnitem:hover .hnitem-more{ border: 1px solid #e92126; background: #e92126; color: #fff;}
.hnrightpic{ width: 468px; height: 270px; float: right; position: relative;}
.hnrightpic ul li{ width: 468px; height: 270px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0);}
.hnrightpic .hpicdot{ width: 440px; padding-right: 28px; height: 15px; position: absolute; left: 0; bottom: 15px; text-align: right; z-index: 10;}
.hnrightpic .hpicdot span{ display: inline-block; width: 10px; height: 10px; line-height: 0; overflow: hidden; border-radius: 50%; margin-right: 10px; background: #ccc; transition: all .3s;}
.hnrightpic .hpicdot span.cur{ background: #fff;}
.newsbox{ width: 1000px; margin: 0 auto;}
.newsbox ul{ padding-bottom: 20px;}
.newsbox ul li{ width: 1000px; height: 170px; border-bottom: 1px solid #d9d9d9;}
.newsbox ul li a{ display: block; width: 985px; height: 130px; padding: 20px 15px 20px 0; transition: all .3s;}
.newsbox ul li a .nimg{ width: 205px; height: 130px; float: left; margin-left: 0; transition: all .3s;}
.newsbox ul li a .nimg img{ width: 205px; height: 130px;}
.newsbox ul li a .ninfo{ width: 750px; float: right; transition: all .3s;}
.newsbox ul li a .ninfo .ntit{ width: 100%; font-size: 16px; color: #df3f52; margin-bottom: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s;}
.newsbox ul li a .ninfo .nintro{ width: 100%; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #555; transition: all .3s;}
.newsbox ul li a .ninfo .ndate{ font-size: 12px; color: #999; transition: all .3s;}
.newsbox ul li a:hover{ background: #e7262e;}
.newsbox ul li a:hover .nimg{ margin-left: 12px;}
.newsbox ul li a:hover .ninfo .ntit{ color: #fff;}
.newsbox ul li a:hover .ninfo .nintro{ color: #fff;}
.newsbox ul li a:hover .ninfo .ndate{ color: #fff;}
.newsbox ul li.nopic a .nimg{ display: none;}
.newsbox ul li.nopic a .ninfo{ width: 985px;}
.newsbox ul li.nopic a:hover .ninfo{ width: 970px; margin-left: 15px;}
.ndewrap{ width: 1000px; margin: 0 auto;}
.ndewrap .jobreturn {margin-bottom: 20px;}
.nreturn{ width: 100%; height: 35px; border-bottom: 1px solid #b3b3b3; margin-bottom: 35px;}
.nreturn a{ display: block; width: 50px; height: 25px; padding-left: 30px; background: #e9222e url(/images/news/return.png) no-repeat 12px center; font-size: 14px; line-height: 25px; color: #fff; text-align: center; border-radius: 5px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.nreturn a:hover{ background: #cf1621 url(/images/news/return.png) no-repeat 12px center;}
.case-return a{ background: #0b579c url(/images/news/return.png) no-repeat 12px center;}
.case-return a:hover{ background: #004079 url(/images/news/return.png) no-repeat 12px center;}
.ndebox{ width: 1000px; margin: 0 auto; padding-bottom: 80px;}
.ndebox .nde-main{ width: 669px; float: left;}
.ndebox .nde-main h1.nde-tit{ font-size: 18px; color: #df3f52; line-height: 30px; margin-bottom: 20px;}
.ndebox .nde-main .ndeinfo{ margin-bottom: 50px; font-size: 14px; color: #666;}
.ndebox .nde-main .ndeinfo .share{ float: right;}
.ndebox .nde-main .ndeinfo span.nde-date{ color: #e9262c; margin-right: 22px;}
.ndebox .nde-main .ndeinfo span.nde-source{ margin-right: 20px;}
.ndebox .nde-main .ndeinfo span.nde-font a{ padding: 3px 4px; cursor: pointer; color: #666;}
.ndebox .nde-main .ndeinfo span.nde-font a.ft-s{ font-size: 14px;}
.ndebox .nde-main .ndeinfo span.nde-font a.ft-m{ font-size: 16px;}
.ndebox .nde-main .ndeinfo span.nde-font a.ft-b{ font-size: 18px;}
.ndebox .nde-main .ndeinfo span.nde-font a:hover{ color: #e9262c;}
.ndebox .nde-main .ndeinfo span.nde-font a.cur{ color: #e9262c;}
.ndebox .nde-main .nde-para{ font-size: 14px; line-height: 24px; color: #2b2b2b;}
.ndebox .nde-main .nde-para p{ margin-bottom: 10px;}
.nde-side{ width: 260px; float: right;}
.nde-side .nde-side-tit{ width: 260px; height: 28px; margin-bottom: 30px; line-height: 26px; border-bottom: 1px solid #6a6a6a;}
.nde-side .nde-side-tit a{ float: right; font-size: 12px; color: #666; transition: all .3s;}
.nde-side .nde-side-tit a:hover{ color: #df3f52;}
.nde-side .nde-side-tit span{ width: 102px; height: 27px; float: left; border-bottom: 3px solid #e7252f; font-size: 16px; color: #666;}
.nde-side ul.relatenews{ width: 100%;}
.nde-side ul.relatenews li{ height: 24px; line-height: 24px; font-size: 14px; padding-left: 12px; background: url(/images/news/ndot.gif) no-repeat left center; margin-bottom: 5px;}
.nde-side ul.relatenews li a{ display: block; width: 240px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; transition: all .3s;}
.nde-side ul.relatenews li a:hover{ color: #df3f52;}

.prev-next{
    margin-bottom: 15px;
}
.prev-next ul li{
    line-height: 28px;
}
.prev-next a{
    color: #666;
}
.prev-next a:hover{
    color:#e9262c;
}


/**hr**/
.pagebanner-hr{ background: url(/images/hr/banner.jpg) no-repeat center;}
.mainbox-hr{ background: #ededee;}
.col-tab-hr  a{width: 165px;}
.col-tab-hr a:hover{ background: #eb682f; color: #fff;}
.col-tab-hr a.cur{ background: #eb682f; color: #fff;}
.conceptwrap{ width: 100%; min-width: 1000px; height: 465px; background: #ededee;}
.conceptbox{ width: 1000px; height: 465px; margin: 0 auto; position: relative;}
.hrtit .hrtit-ch{ font-size: 30px; color: #eb682f; margin-bottom: 10px;}
.hrtit .hrtit-en{ font-size: 24px; color: #eb682f;}
.conceptbox .hm{ position: absolute;}
.conceptbox .hm1{ left: 143px; top: 56px;}
.conceptbox .hm2{ left: 375px; top: 111px;}
.conceptbox .hm3{ left: 590px; top: 104px;}
.conceptbox .hm4{ left: 498px; top: 224px;}
.conceptbox .hm5{ left: 737px; top: 178px;}
.jobwrap{ width: 100%; min-width: 1000px; padding: 70px 0 40px; background: #fff;}
.jobbox{ width: 1000px; margin: 0 auto;}
.searchwrap{ width: 520px; height: 25px; margin: 0 auto 35px; color: #666; font-size: 14px; line-height: 25px;}
.searchwrap .search{ float: right; width: 430px; height: 23px; border: 1px solid #eb682f; position: relative;}
.searchwrap .search a{ position: absolute; width: 45px; height: 23px; background: #eb682f url(/images/hr/sbtn.png) no-repeat center; right: 0; top: 0;}
.searchwrap .search input{ display: inline-block; width: 370px; height: 16px; padding: 2px 5px; border: 0; background: none; line-height: 16px; outline: none; position: relative; top: -2px;}
.searchwrap .search a:hover{ background: #d65117 url(/images/hr/sbtn.png) no-repeat center; }
.searchset{ width: 1000px; margin: 0 auto 35px; text-align: center; font-size: 14px; color: #666;}
.searchset span{ margin: 0 10px;}
.searchset select{ font-size: 16px; color: #666;}
.joblist{ width: 1000px; margin: 0 auto 15px;}
.jobhead{ width: 1000px; height: 35px; line-height: 35px; font-size: 14px; color: #666;}
.jobhead span.n{ display: inline-block; float: left;}
.jobhead span.n1{ width: 300px; text-indent: 10px;}
.jobhead span.n2{ width: 120px;}
.jobhead span.n3{ width: 120px; text-align: center;}
.jobhead span.n4{ width: 200px; text-align: center;}
.jobhead span.n5{ width: 120px; text-align: center;}
.jobhead span.n6{ width: 120px; text-align: center;white-space: nowrap;}
ul.jobs{ width: 1000px; margin: 0 auto 30px;}
ul.jobs li{ width: 1000px; height: 35px; border-bottom: 1px dashed #ccc;}
ul.jobs li a{ display: block; width: 1000px; height: 33px; line-height: 33px; font-size: 14px; color: #666; border: 1px solid #fff; transition: all .3s;}
ul.jobs li a span.n{ display: inline-block; float: left;}
ul.jobs li a span.n1{ width: 300px; text-indent: 10px;}
ul.jobs li a span.n2{ width: 120px;}
ul.jobs li a span.n3{ width: 120px; text-align: center;}
ul.jobs li a span.n4{ width: 200px; text-align: center;}
ul.jobs li a span.n5{ width: 120px; text-align: center;}
ul.jobs li a span.n6{ width: 120px; text-align: center;}
ul.jobs li a:hover{ border: 1px solid #eb682f;}
.pages{ width: 100%; margin: 0 auto; text-align: center; font-size: 14px; color: #666; padding: 10px 0 20px 0;}
.pages a{ padding: 4px 5px; color: #666;}
.pages a:hover{ color: #eb682f;}
.pages a.cur{ color: #eb682f;}
.mainbox-hr1{ background: #fff;}
.jobreturn{ width: 1000px; margin: 0 auto; height: 50px; line-height: 50px; border-bottom: 1px dashed #b9b9b9;}
.jobreturn a{ line-height: 50px; padding-left: 16px; background: url(/images/hr/hreturn.png) no-repeat left center; font-size: 14px; color: #666; transition: all .3s;}
.jobreturn a:hover{ color: #eb682f;}
.wjobinfo{ width: 1000px; height: 60px; line-height: 60px; margin: 0 auto 30px; border-bottom: 1px dashed #b9b9b9;}
.wjobinfo span.f{ display: inline-block; float: left; font-size: 12px; color: #444;}
.wjobinfo span.f1{ min-width: 300px; text-align: left;}
.wjobinfo span.f2{width: 200px;  text-align: center;}
.wjobinfo span.f3{ width: 300px; text-align: center;}
.wjobinfo span.f4{ width: 200px; text-align: right;}
.jobdetail{ width: 1000px; margin: 0 auto 20px; padding-bottom: 15px; border-bottom: 1px dashed #b9b9b9;}
.jobdetail .jd-item{ width: 480px; font-size: 14px; color: #444; line-height: 26px;}
.jobdetail .jd-item .jdtit{ color: #000; font-weight: bold;}
.jobdetail .jd-item-left{ float: left;}
.jobdetail .jd-item-right{ float: right;}
.jobopbox{ width: 1000px; margin: 0 auto; padding-bottom: 80px;}
.jobopbox a{ float: left; margin-right: 15px;} 
.jbtn{
    width: 85px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; background: #ededf0; color: #666;transition: all .2s;
    border:0; outline: none;
    cursor: pointer;
}
.jbtn:hover{ background: #eb682f; color: #fff;}
.applybox{ width: 1000px; padding: 50px 0 25px 0; margin: 0 auto;}
.applybox table{ width: 100%; font-size: 14px; color: #444;}
.applybox table tr td{ padding: 6px 3px;}
.applybox table tr td.t1{ width: 145px; text-align: right;}
.applybox table tr td.t3{ width: 145px; text-align: right;}
.applybox table tr td input.inp{ width: 310px; height: 20px; padding: 3px 5px; border: 1px solid #ddd; outline: none; color: #444;}
.applybox table tr td label{ margin-right: 20px;}
.applybox table tr td label input{ margin-right: 6px;}
.applybox table tr td select{ width: 100px;}
.applybox table tr td.vt{ vertical-align: top;}
.applybox table tr td .txta{ width: 780px; height: 140px; padding: 15px 20px; border: 1px solid #ddd; outline: none;}
.developbox{ width: 1000px; margin: 0 auto; padding: 40px 0 90px 0;}
.dptxt{ width: 365px; float: left; font-size: 14px; color: #666; line-height: 28px; text-align: justify;}
.dptxt p{ margin-bottom: 15px;}
.dppic{ float: right;}
.mainbox-hr2{ background: url(/images/hr/wbg.jpg);}
.wonderfulbox{ width: 1000px; padding: 10px 0 30px 0; margin: 0 auto;}
.wonderfulbox .wbpbox{ width: 1000px; height: 422px; margin: 0 auto 18px; position: relative;}
.wonderfulbox .wbpbox img{ width: 1000px; height: 422px;}
.wonderfulbox .wbpbox .wtxtbg{ width: 950px; padding-right: 50px; height: 46px; background: #000; opacity: .5; filter: alpha(opacity=50); position: absolute; left: 0; bottom: 0;}
.wonderfulbox .wbpbox .wtxt{ width: 950px; padding-right: 50px; height: 46px; line-height: 46px; text-align: right; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 0;}
.wonderfulbox .wspbox{ width: 742px; height: 182px; padding: 10px 20px; background: #fff; margin: 0 auto; position: relative;}
.wonderfulbox .wspbox .sshowbox{ width: 742px; height: 182px; overflow: hidden; margin: 0 auto;}
.sshowbox ul{ width: 10000px;}
.sshowbox ul li{ width: 178px; height: 182px; float: left; margin-right: 10px; position: relative;}
.sshowbox ul li span{ position: absolute; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30); position: absolute; left: 0; top: 0; display: none;}
.wspbox a.sar{ position: absolute; width: 53px; height: 53px; top: 64px; background-image: url(/images/common/btns2.png); background-repeat: no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.wspbox a.sarleft{ left: -53px; background-position: 0 0;}
.wspbox a.sarleft:hover{ background-position: 0 -53px;}
.wspbox a.sarright{ right: -53px; background-position: -53px 0;}
.wspbox a.sarright:hover{ background-position: -53px -53px;}
.learnbox{ width: 1000px; margin: 0 auto; padding-bottom: 50px; overflow: hidden;}
.learnbox ul{ width: 1050px; margin-bottom: 35px;}
.learnbox ul li{ width: 308px; height: 206px; float: left; margin: 0 38px 30px 0;}
.learnbox ul li a{ display: block; float: left; width: 308px; height: 206px;}
.learnbox ul li a .learntit{ width: 308px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #0e1825; transition: all .3s;}
.learnbox ul li a .learnpic{ width: 308px; height: 186px; overflow: hidden;}
.learnbox ul li a .learnpic img{ transition: all .3s;}
.learnbox ul li a:hover .learntit{ color: #ed6721;}
.learnbox ul li a:hover .learnpic img{ transform: scale(1.1);}
.learndebox{ width: 1000px; margin: 0 auto; padding: 30px 0 80px 0;}
.learnde-tit{ width: 165px; float: left; padding-top: 158px; font-size: 24px; color: #0b579c; position: relative; padding-bottom: 20px;}
.learnde-tit span{ position: absolute; width: 80px; height: 1px; line-height: 0; overflow: hidden; background: #0281bd; left: 0; bottom: 0;}

.learnde-cont{ width: 730px; float: right; font-size: 14px; color: #555; line-height: 24px;}
.learnde-cont p{ margin-bottom: 10px;}
.learnreturn a{ float: right;}

/**business**/
@-webkit-keyframes flash{
    0%{ opacity: .3;}
    25%,80%{ opacity: 1;}
    50%,100%{ opacity: .3;}
}
@-moz-keyframes flash{
    0%{ opacity: .3;}
    25%,80%{ opacity: 1;}
    50%,100%{ opacity: .3;}
}
@-o-keyframes flash{
    0%{ opacity: .3;}
    25%,80%{ opacity: 1;}
    50%,100%{ opacity: .3;}
}
@keyframes flash{
    0%{ opacity: .3;}
    25%,80%{ opacity: 1;}
    50%,100%{ opacity: .3;}
}
@-webkit-keyframes light{
    0%{ opacity: 0; -webkit-transform: scale(0);}
    80%{ opacity: 1; -webkit-transform: scale(1);}
    100%{ opacity: 0; -webkit-transform: scale(1.1);}
}
@-moz-keyframes light{
    0%{ opacity: 0; -webkit-transform: scale(0);}
    80%{ opacity: 1; -webkit-transform: scale(1);}
    100%{ opacity: 0; -webkit-transform: scale(1.1);}
}
@-o-keyframes light{
    0%{ opacity: 0; -webkit-transform: scale(0);}
    80%{ opacity: 1; -webkit-transform: scale(1);}
    100%{ opacity: 0; -webkit-transform: scale(1.1);}
}
@keyframes light{
    0%{ opacity: 0; -webkit-transform: scale(0);}
    80%{ opacity: 1; -webkit-transform: scale(1);}
    100%{ opacity: 0; -webkit-transform: scale(1.1);}
}

.pagebanner-business{ background: url(/images/business/banner.jpg) no-repeat center;}
.mainbox-business{ background: #fff;}
.col-tab-business a:hover{ background: #f58232; color: #fff;}
.col-tab-business a.cur{ background: #f58232; color: #fff;}
.typebox{ width: 1000px; margin: 0 auto;}
.typetab{ width: 190px; float: left; position: relative; top: -15px;}
.typetab a{ display: block; width: 190px; height: 50px; font-size: 14px; color: #666; text-align: right;margin-bottom:10px;}
.typetab a span{ display: inline-block; padding-right: 22px; background: url(/images/business/busiar.png) no-repeat right center; transition: all .2s;}
.typetab a span.tw{ line-height: 25px;}
.typetab a:hover{ color: #f58232;}
.typetab a.cur{ color: #f58232;}
.typelist{ width: 785px; float: right; padding-bottom: 50px; overflow: hidden;}
.typelist ul{ width: 1000px; margin-bottom: 30px; padding-top: 10px;}
.typelist ul li{ width: 257px; height: 220px; border: 1px solid #ddd; float: left; margin: 0 4px 20px 0; border-radius: 5px; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.typelist ul li a{ display: block; width: 257px; height: 220px; color: #373737; font-size: 14px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.typelist ul li a .typeimg{ width: 257px; height: 177px; overflow: hidden;}
.typelist ul li a .typeimg img{ width: 257px; height: 177px;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.typelist ul li a .typetxt{ width: 257px; height: 50px; line-height: 50px; text-indent: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.typelist ul li a:hover{ background: #f58232; color: #fff;}
.typelist ul li a:hover .typeimg 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);}
.typelist ul li:hover{ -webkit-transform: translate(0,-4px); -moz-transform: translate(0,-4px); -o-transform: translate(0,-4px); -ms-transform: translate(0,-4px); transform: translate(0,-4px); box-shadow: 2px 2px 2px rgba(100,100,100,.2);}
.typede{ width: 735px; float: right; font-size: 14px; line-height: 24px; color: #666; padding-bottom: 40px;}
.typede .typede-tit{ font-size: 16px; color: #000; margin-bottom: 15px;}
.typede .typede-picbox{ width: 735px; height: 470px; position: relative; margin-bottom: 15px; overflow: hidden;}
.typede .typede-picbox ul li{ position: absolute; width: 735px; height: 470px; left: 0; top: 0; z-index: 0; opacity: 0; filter: alpha(opacity=0);}
.typede .typede-picbox a.par{ width: 53px; height: 53px; position: absolute; background-image: url(../images/common/btns2.png); background-repeat: no-repeat; transition: all .3s; z-index: 5;}
.typede .typede-picbox a.parleft{ background-position: 0 0; left: 10px; top: 50%; margin-top: -26px;}
.typede .typede-picbox a.parleft:hover{ background-position: 0 -53px;}
.typede .typede-picbox a.parright{ background-position: -53px 0; right: 10px; top: 50%; margin-top: -26px;}
.typede .typede-picbox a.parright:hover{ background-position: -53px -53px;}
.typede p{ margin-bottom: 10px;}
.network a.returntop{width: 0;height: 0;}
.mapwrap{ width: 100%; height: 806px; position: relative;}
.col-tab-business-pa{ position: absolute; left: 50%; margin-left: -500px; top: 0; z-index: 10;}
.map-worldwrap{ width: 100%; min-width: 1000px; height: 806px; background: url(/images/business/worldmap.jpg) no-repeat center top; position: absolute; left: 0; top: 0; overflow: hidden;}
.map-world{ width: 1000px; height: 806px; margin: 0 auto; position: relative;}
.map-world a.cbtn{ width: 396px; height: 398px; position: absolute; left: 675px; top: 97px;}
.map-world a.cbtn .light{ position: absolute; left: 0; top: 0; -webkit-animation: light 2s linear infinite; -moz-animation: light 2s linear infinite; -o-animation: light 2s linear infinite; animation: light 2s linear infinite;}
.map-world a.cbtn .cdot{ position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -27px; -webkit-animation: flash 4s linear infinite; -moz-animation: flash 4s linear infinite; -o-animation: flash 4s linear infinite; animation: flash 4s linear infinite;}
.map-world a.cbtn .cname{ position: absolute; width: 100px; height: 24px; line-height: 24px; font-size: 16px; color: #fff; text-align: center; left: 50%; margin-left: -50px; top: 50%; margin-top: 15px;}
.map-chinawrap{ width: 100%; min-width: 1000px; height: 806px; background: url(/images/business/map-china.jpg) no-repeat center top; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0);}
.map-china{ width: 1000px; height: 806px; margin: 0 auto; position: relative;}
.map-china .map-china-maps img{ position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0);}
.map-china .map-china-tabs .areabtn{ width: 150px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; background: #fff; color: #666; border-radius: 20px; position: absolute; transition: all .2s;}
.map-china .map-china-tabs .areabtn1{ left: 0; top: 450px;}
.map-china .map-china-tabs .areabtn2{ left: 0; top: 490px;}
.map-china .map-china-tabs .areabtn3{ left: 0; top: 530px; line-height: 16px;height: 38px;padding-top: 6px;}
.map-china .map-china-tabs .areabtn4{ left: 0; top: 585px;line-height: 16px;height: 38px;padding-top: 6px;}
.map-china .map-china-tabs .areabtn:hover{ background: #f58232; color: #fff;}
.map-china .map-china-tabs .areabtn.cur{ background: #f58232; color: #fff;}
.provinwrap{ position: relative; z-index: 100;}
.probox{ width: 24px; height: 24px; background: url(about:blank); position: absolute; cursor: pointer;}
.citywrap{ width: 327px; height: 164px; padding: 30px 25px 40px 25px; background: url(/images/business/citybg.png); position: absolute; left: 50%; margin-left: -188px; top: -234px; display: none;}
.citywrap .citybox{ width: 327px; height: 164px; font-size: 14px; line-height: 28px; color: #666; overflow-y: auto;}
.citywrap .citybox span{ display: inline-block; padding: 0 5px;}
.pro-heilongjiang{ left: 801px; top: 122px;}
.pro-jiling{ left: 780px; top: 172px;}
.pro-henan{ left: 608px; top: 356px;}
.pro-liaoning{ left: 770px; top: 234px;}
.pro-beijing{ left: 657px; top: 249px;}
.pro-tianjing{ left: 686px; top: 264px;}
.pro-neimenggu{ left: 485px; top: 264px;}
.pro-hebei{ left: 624px; top: 296px;}
.pro-shanxi{ left: 574px; top: 304px;}
.pro-shandong{ left: 667px; top: 348px;}

.pro-jiangsu{ left: 713px; top: 382px;}
.pro-anhui{ left: 681px; top: 403px;}
.pro-shanghai{ left: 759px; top: 416px;}
.pro-zhejiang{ left: 731px; top: 463px;}
.pro-hubei{ left: 631px; top: 434px;}
.pro-jiangxi{ left: 669px; top: 480px;}

.pro-xinjiang{ left: 230px; top: 197px;}
.pro-xizang{ left: 277px; top: 355px;}
.pro-qinghai{ left: 311px; top: 293px;}
.pro-gansu{ left: 387px; top: 256px;}
.pro-ningxia{ left: 530px; top: 317px;}
.pro-shanxi1{ left: 559px; top: 352px;}
.pro-sichuan{ left: 498px; top: 419px;}
.pro-chongqing{ left: 492px; top: 462px;}
.pro-guizhou{ left: 516px; top: 485px;}
.pro-yunnan{ left: 424px; top: 532px;}

.pro-hainan{ left: 568px; top: 640px;}
.pro-shenzhen{ left: 604px; top: 588px;}
.pro-guangdong{ left: 612px; top: 560px;}
.pro-guangxi{ left: 572px; top: 553px;}
.pro-fujian{ left: 693px; top: 516px;}
.pro-hunan{ left: 601px; top: 489px;}


/**honor**/
.pagebanner-honor{ background: url(/images/honor/banner.jpg) no-repeat center;}
.mainbox-honor{ background: url(/images/honor/hbg1.jpg) no-repeat center;}
.col-tab-honor a:hover{ background: #127bb4; color: #fff;}
.col-tab-honor a.cur{ background: #127bb4; color: #fff;}
.customerbox{ width: 1000px; margin: 0 auto;}
.customerbox .customeritem{ width: 1000px; margin-bottom: 30px; color: #fff;}
.customerbox .customeritem .ci-tit{ text-align: center; margin-bottom: 20px; font-size: 16px;}
.customerbox .customeritem .ci-tit span{ padding-bottom: 8px; border-bottom: 1px solid #fff;}
.customerbox .customeritem .ci-txt{ font-size: 14px; line-height: 28px; text-align: center;}
.customerbox .customeritem .ci-brandbox{ width: 1000px; height: 272px; position: relative;}
.customerbox .customeritem .ci-brandbox .ci-brandshow{ width: 1000px; margin: 0 auto; overflow: hidden;}
.ci-brandshow ul{ width: 999999px;}
.ci-brandshow ul li{ width: 320px; margin: 0 20px 0 0; float: left;}
.ci-brandshow ul li .ci-brand-img{ margin: 0 auto; width: 320px; height: 242px; overflow: hidden; margin-bottom: 8px;}
.ci-brandshow ul li .ci-brand-img img{ width: 320px; height: 242px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s;transition: all .3s;}
.ci-brandshow ul li .ci-brand-name{ font-size: 14px;}
.ci-brandshow ul li:hover .ci-brand-img 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);}
.ci-brandbox .bar{ position: absolute; width: 53px; height: 53px; background-image: url(/images/common/btns1.png); background-repeat: no-repeat; top: 50%; margin-top: -38px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; display: none; opacity: .5; filter: alpha(opacity=50);}
.ci-brandbox .barleft{ left: -58px; background-position: 0 0;}
.ci-brandbox .barleft:hover{ background-position: 0 -53px;}
.ci-brandbox .barright{ right: -58px; background-position: -53px 0;}
.ci-brandbox .barright:hover{ right: -58px; background-position: -53px -53px;}
.customerpic{ width: 993px; padding-left: 7px; padding-bottom: 20px; margin: 0 auto; overflow: hidden;}
.customerpic ul{ width: 1020px;}
.customerpic ul li{ width: 189px; height: 44px; float: left; margin: 0 10px 10px 0;}
.customerpic ul li img{ width: 189px; height: 44px;}
.mainbox-honor1{ height: 693px; background: url(/images/honor/hbg2.jpg) no-repeat center;}
.mainbox-honor2{ background: #fff;}
.mainbox-honor3{ height: 693px; background: url(/images/honor/hbg3.jpg) no-repeat center;}
.superwrap{ width: 1000px; padding-top: 85px; margin: 0 auto; position: relative;}
.superbox{ width: 999px; height: 317px; margin: 0 auto; overflow: hidden;}
.superwrap .bar{ position: absolute; width: 53px; height: 53px; background-image: url(/images/common/btns1.png); background-repeat: no-repeat; top: 50%; margin-top: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; display: none; opacity: .5; filter: alpha(opacity=50);}
.superwrap .barleft{ left: -58px; background-position: 0 0;}
.superwrap .barleft:hover{ background-position: 0 -53px;}
.superwrap .barright{ right: -58px; background-position: -53px 0;}
.superwrap .barright:hover{ right: -58px; background-position: -53px -53px;}
.superbox ul{ width: 999999px;}
.superbox ul li{ width: 319px; height: 317px; float: left; margin-right: 21px;}
.superbox ul li a{ display: block; width: 319px; height: 317px; position: relative; overflow: hidden;}
.superbox ul li a img{ width: 319px; height: 317px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.superbox ul li a .spshow{ position: absolute; left: 0; top: 0;}
.superbox ul li a .sphide{ position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.superbox ul li a:hover .sphide{ opacity: 1; filter: alpha(opacity=100);}
.superbox ul li a: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);}
.superde{ width: 1000px; margin: 0 auto; padding-top: 20px;}
.superde .superitem{ width: 1000px; margin: 0 auto 45px;}
.superde .superitem .superitem-tit{ width: 210px; float: left;}
.superde .superitem .superitem-tit .st-tit-ch{ font-size: 28px; color: #0b579c; margin-bottom: 20px;}
.superde .superitem .superitem-tit .st-tit-en{ font-size: 24px; color: #0b579c;}
.superde .superitem .superitem-cont{ width: 727px; float: right; font-size: 14px; line-height: 24px; color: #555;}
.superde .superitem .superitem-cont p{ margin-bottom: 15px;}
.sitembox{ margin-bottom: 10px;}
.sitembox .sitem-tit{ color: #000; margin-bottom: 10px;}

/*service*/
.pagebanner-service{ background: url(/images/service/banner.jpg) no-repeat center;}
.col-tab-service a:hover{ background: #1070b7; color: #fff;}
.col-tab-service a.cur{ background: #1070b7; color: #fff;}
.knowledgewrap{ width: 100%; min-width: 1000px; padding: 0 0 40px; background: #fff;}
.knowledgebox{ width: 1000px; margin: 0 auto;}
.knowledgelist li{display: inline-block; float: left; width: 309px; height: 240px; margin:3px 10px;}
.knowledgelist li a{ display: block; width: 309px; height: 240px; float: left;}
.knowledgelist li a span{display: block;font-size: 14px;line-height: 48px;color:#555; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.knowledgelist li a .kimg{ width: 309px; height: 187px; overflow: hidden;}
.knowledgelist li a .kimg img{ width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.knowledgelist li a:hover span{ color: #1070b7;}
.knowledgelist li a:hover .kimg 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);}

.knowledgebox .readmore{margin-top:40px;text-align: center;}
.knowledgebox .readmore a{width: 323px;height: 40px; border: 2px solid #888;border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius:2px;display:inline-block;text-align: center;line-height: 40px;color: #909090;position: relative;}
.knowledgebox .readmore span{position:absolute;right:25px;}
.kde-side{float: left;width: 120px;}
.kde-side-tit{font-size: 30px;color: #13599a;margin-top:100px;line-height: 44px;}
.kde-side-tit hr{width:60px;color: #13599a;float: left;}
.kde-main{float: right;width: 700px;margin-right: 35px;}
.kde-tit{font-size: 24px;line-height: 40px;font-weight: bold;margin-bottom: 20px;}
.kde-para p{line-height: 30px;}
.contact-info{width: 390px;float: right;text-align: center;}
.contact-info li{line-height: 45px; height: 45px; text-align: left;}
.contact-info li span{vertical-align: top; padding-right: 10px; display: inline-block; height: 45px; line-height: 45px; width: 76px; text-align: right; color: #666;}
.contact-info li.area{ height: 200px;}
/*.contact-info li.area span{ width: 300px;}*/
.contact-info .inp{width: 280px; height: 20px; padding: 3px 5px; border: 1px solid #ddd; outline: none; color: #444;}
.contact-info textarea.inp{height: 105px;margin-top: 10px; margin-left: 86px;}
#txtContent{margin-top: -33px;}
.contact-info .cbtn{margin:0 auto;width: 100px;height: 30px;display: inline-block;background: #e7e7e7;text-align: center;line-height: 30px;color: #666;font-size: 18px;}
.map-address{height: 50px;background: #e2e2e2;line-height: 50px;}
.map-address p{background: url(/images/service/address.png) 75px center no-repeat; padding-left: 150px;}
#map{width: 1000px;height: 390px;}
.mainbox-lxfs{background: #fff;}
.mainbox-lxfs1{background: #efedee;}
.lxfswrap{width: 100%; min-width: 1000px; padding: 40px 0 40px 0;}
.clistbox{ width: 1000px; height: 350px; margin: 0 auto; position: relative;}
.lxfs-list{width:932px;margin:0 auto; overflow: hidden; height: 350px;}
.lxfs-btn{width:53px; height: 53px; position: absolute; top: 50%; margin-top: -27px; background-image: url(/images/common/btns1.png); background-repeat: no-repeat; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.lxfs-l{left: -20px; background-position: 0 0;}
.lxfs-r{right: -20px; background-position: -53px 0;}
.lxfs-l:hover{background-position: 0 -53px;}
.lxfs-r:hover{background-position: -53px -53px;}
.lxfs-list-g{ width: 99999px;}
.lxfs-list ul{float: left; width: 964px; overflow: hidden;}
.lxfs-list ul li{margin: 0 32px 35px 0;width: 450px;height: 157px; float: left; overflow: hidden;}
.lxfs-list ul li a{position: relative;display: block;width: 100%;height: 100%;}
.lxfs-list ul li a span.lxfs-tit{position: absolute;top:0px;width:100%;height:100%;display: block;text-align: center;color:#FFF;font-size: 19px; line-height: 157px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.lxfs-list ul li a .showbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .3; filter: alpha(opacity=30);-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.lxfs-list ul li a p{position: absolute; color: #fff; width: 350px; height: 107px; padding: 36px 0 0 50px; left: 0; top: 0; -webkit-transform: translate(0,40px); -moz-transform: translate(0,40px); -o-transform: translate(0,40px); -ms-transform: translate(0,40px); transform: translate(0,40px); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.lxfs-list ul li a.active .showbg{ opacity: .7; filter: alpha(opacity=70); }
.lxfs-list ul li a.active span.lxfs-tit{ -webkit-transform: translate(0,30px); -moz-transform: translate(0,30px); -o-transform: translate(0,30px); -ms-transform: translate(0,30px); transform: translate(0,30px); opacity: 0; filter: alpha(opacity=0);}
.lxfs-list ul li a.active p{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; filter: alpha(opacity=100);}

a.returntop{ width: 130px; height: 50px; background: url(../images/common/returnTop.png); position: fixed; right: 50px; bottom: 100px; z-index: 100; display: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a.returntop:hover{ background: url(../images/common/returnTop1.png);}