@import url(?resource/web/css/magic.min.css);

@font-face {
    font-family:思源黑体;
    src:url("?resource/web/fonts/SourceHanSansCN-Normal.otf");

}
@font-face {
    font-family:思源加粗;
    src:url("?resource/web/fonts/SOURCEHANSANSCN-BOLD.otf")
}
@font-face {
    font-family:思源中等;
    src:url("?resource/web/fonts/SOURCEHANSANSCN-MEDIUM.otf")
}
@font-face {
    font-family:思源细体;
    src:url("?resource/web/fonts/SourceHanSansCN-Light.otf");
}

article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font-family:思源黑体;font-size:13px;line-height:1.5em;color:#727171;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
body{color:#727171;position:relative;background-color:#fff;}
.commmoncolor{color:#727171;}
fieldset,img{border:0}
img{vertical-align:middle;}
address,caption,cite,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#727171;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,input,select{vertical-align:baseline;font-family:tahoma,\5b8b\4f53,arial;font-size:100%;border:none;background:0 0}
input[type=checkbox],input[type=radio]{vertical-align:middle;margin:0 5px}
input[type=text],input[type=password],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
textarea{overflow:auto;font:100% tahoma,\5b8b\4f53,arial}
table{border-collapse:collapse;border-spacing:0}
*,:after,:before{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline: none;}
body{position: relative;}
body.hasbg{background: #F1F1F1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;opacity:1;
}

input:-ms-input-placeholder{
    color: #ccc;opacity:1;
}

input::-webkit-input-placeholder{
    color: #ccc;opacity:1;
}
::selection {
    color:white;
    background: #004392;
}
.fontlight{font-family: 思源细体;}
.divcontent *{width:100%}
.mineborder{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.5);-moz-box-shadow:0 2px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5)}
.fullwidth{width:100%;display: block;vertical-align:bottom;}
.imagecontainer{width:100%;height:100%;display:table;table-layout:fixed}
.imagecontainer-tr{display:table-cell;vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fleft{float:left}
.fright{float:right}
.hovertobigger{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
.hovertobigger:hover{-moz-transform:scale(1.03,1.03);-webkit-transform:scale(1.03,1.03);-o-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);transform:scale(1.03,1.03);color:#000}
.maxbox{width:1700px;margin:0 auto;max-width: 95%;position: relative;}
.maxbox.m{width:1180px;}
.maxbox.bm{width:1350px;}
.maxbox.s{width:940px;}
.maxbox.ss{width:800px;}
.maxbox.sss{width:650px;}
.maxbox .maxbox{max-width: 100%;}
.fontb{font-weight: bold;}
.color2,body .color2{color:#727171;}
.color3,body .color3{color:#3DA0BB;}
.commonshadow{box-shadow: 0 1px 3px rgba(0,0,0,0.3);border:1px solid #ccc\9;}
.textcenter{
    /* Center slide text vertically */
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.relative{position: relative;}
.header{position: relative;z-index: 5;}

.showinpc{display: block;}
.showinmobile{display: none;}
@media only screen and (max-width:650px){
    
    .showinpc{display: none;display: none!important;}
    .showinmobile{display: block;}
}


.black-bg{background-color:#000;color:#fff;background-color:rgba(0,0,0,.7)}
.black-bg *{color:#fff}
.commonbg1{background: #f6f7f7;}
.commonprelative{position: relative;}
.bgwhite{background: white;}
.seemore{font-size:1.3em;padding:10px 0;text-align:center;width:110px;margin:1em auto;background-color:#f0f8ff}
.seemore:hover{background-color:#c65a2e;background-color:rgba(198,90,46,.7);color:#fff;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}
.indent{text-indent:2em}
.commonpageline{height: 1px;width:100%;background:#CACACB;}
.max2line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.max3line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.max4line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.max5line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.max7line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.singleline{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tcenter{text-align:center}



.hasmark{position: relative;display: block;}
.hasmark:after{
    position: absolute;width: 100%;height: 100%;left:0;top:0;background: url(?resource/web/images/mark.gif) repeat;content:"";
}

@media only screen and (max-width: 960px){
    .hovertobigger:hover{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
    .hasmark:after{display: none;}
}
.hidden{display: none;}
body{position: relative;}
body .mm-page{position: relative;}
.miniheader{text-align:center;display:none;background:#004392;background:rgba(0,64,137,0.85);}
.miniheader{position:relative;letter-spacing:.3px;font-size:16px;font-weight:580;color:#0A308F;line-height:50px;width:100%;height:50px;padding:0 50px;overflow:hidden}
body.headerfixed .miniheader{position: fixed;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.miniheader img{height: 28px;width:auto;position: absolute;top:50%;left:18px;margin-top: -17px;}
.miniheader .info-lang{position: absolute;right:80px;top:50%;line-height: 30px;margin-top:-14px;}
.miniheader .info-lang li{width:14px;font-size: 14px;text-align: center;display: block;float: right;font-weight:bold;color:#B5B5B6;}
.miniheader .info-lang li.bor{height: 10px;width:2px;background: #B5B5B6;margin:0 10px;margin-top:10px;}
.miniheader .info-lang li.active{color:#4D4D4D;}
.miniheader .info-lang li:hover{color:#004392;}
.miniheader a.linkmnav{background:center center no-repeat transparent;background:url(?resource/web/images/icon_menu.png) no-repeat center;display:block;width:50px;height:50px;position:absolute;top:0;right:10px;background-size: 40% auto}
.miniheader a.linkmnav.contacts{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==)}
.miniheader a.linkmnav.right{left:auto;right:10px}
/*.miniheader.mm-fixed-top+.content{background-position:25px 55px}*/
html.mm-opened.mm-zoom-menu body{background:#004392}
html.mm-opened.mm-zoom-menu .mm-page{background-color:#fff}
.menumini{display:none}
#menumini.mm-ismenu{color:#fff;background:#004392}

body{overflow-x:hidden;}
.header{background:white;}
.header.isabsolute{position: absolute;width:100%;left:0;top:0;}
.header.nobg,.header.iswhite{background:none;}
.pc-header .inner{position: relative;height: 80px;}
.pc-header .inner:before{content:"";width:100%;height:100%;background:white;position: absolute;left:0;top:0;z-index: 5;}
.pc-header .inner .headerline.intop{position: absolute;width:3px;height:12px;top:0;left:24px;background:#0096dc;z-index: 6;}
.pc-header .inner .headerline.inbottom{position: absolute;width:3px;height:6px;bottom:0;left:24px;background:#0096dc;z-index: 6;}
body.headernoline .pc-header .inner .headerline{display: none;}
.box-haslightline{position: absolute;width:100%;height:100%;}
.box-haslightline.haspad{padding-top:80px;}
.box-haslightline .maxbox{height:100%;}
.box-haslightline .inner{position: relative;width:100%;height:100%;}
.box-haslightline .inner .lightline{width:3px;height:100%;position: absolute;left:24px;bottom:0;background:#0096dc;z-index: 6;}
.header.nobg .pc-header .inner:before,.header.iswhite .pc-header .inner:before{background:none;}
.pc-header .inner .headerlogo{z-index:6;position: absolute;left:0;bottom:12px;background:url(?resource/web/images/logo-black.png) no-repeat left center;height: 53px;padding-left:260px;font-size: 25px;line-height: 60px;color:#3c3a39;}

.header.iswhite .pc-header .inner .headerlogo{background:url(?resource/web/images/logo-white.png) no-repeat left center;color:white;}
.pc-header .inner .headermenu{z-index:6;position: absolute;bottom:0;left:680px;transition:top 200ms; -moz-transition:top 200ms;-webkit-transition:top 200ms;-o-transition:top 200ms;}
.pc-header .inner .headermenu.slidetodown{top:100%;bottom:auto;}
.pc-header .inner .headermenu .navitem{width:110px;float:left;font-size:18px;color:#595757;line-height: 40px;text-align: center;position: relative;overflow: hidden;}
.pc-header .inner .headermenu .navitem:before{content:"";width:70px;left:50%;margin-left:-35px;bottom:0;height:2px;background:#004392;display: none;position: absolute;}
.header.iswhite .pc-header .inner .headermenu .navitem:before{background:white;}
.pc-header .inner .headermenu .navitem.active:before{display: block;}
.pc-header .inner .headermenu .navitem a{color:#595757;position: relative;width:100%;z-index: 5;display: block;}
.header.iswhite .pc-header .inner .headermenu .navitem a{color:white;}
.pc-header .inner .headermenu .navitem:after{left:0;content:"";background:rgba(0,0,0,0.3);position: absolute;width:100%;height: 100%;transition:top 200ms; -moz-transition:top 200ms;-webkit-transition:top 200ms;-o-transition:top 200ms;top:100%;}
.header.iswhite .pc-header .inner .headermenu .navitem:after{background:rgba(255,255,255,1);}
.pc-header .inner .headermenu .navitem:hover:after{top:0;}
.pc-header .inner .headermenu .navitem:hover a{color:white;}
.header.iswhite .pc-header .inner .headermenu .navitem:hover a{color:#004392;}
.pc-header .inner .headeropr{z-index:6;position: absolute;top:50%;right:0;margin-top:-13px;}
.pc-header .inner .headeropr .opritem{float:left;cursor: pointer;transition: all 0.7s;-webkit-transition:all 0.7s;-moz-transition: all 0.7s;-o-transition: all 0.7s;}

.pc-header .inner .headeropr .opritem.opr-search{background:url(?resource/web/images/icon-search-black.png) no-repeat center;width:25px;height:25px;display:none;}
.pc-header .inner .headeropr .opritem.opr-menu{background:url(?resource/web/images/icon-menu-black.png) no-repeat center;width:25px;height:25px;}
.pc-header .inner .headeropr .opritem.opr-subcompany{line-height: 27px;margin:0 15px;padding-right:10px;background:url(?resource/web/images/icon-xia-black.png) no-repeat center right;color:#595757;font-size:12px;}
.pc-header .inner .headeropr .opritem.opr-subcompany:hover{background:url(?resource/web/images/icon-shang-black.png) no-repeat center right;}

.header.iswhite .pc-header .inner .headeropr .opritem.opr-search{background:url(?resource/web/images/icon-search-white.png) no-repeat center;}
.header.iswhite .pc-header .inner .headeropr .opritem.opr-menu{background:url(?resource/web/images/icon-menu-white.png) no-repeat center;}
.header.iswhite .pc-header .inner .headeropr .opritem.opr-subcompany{background:url(?resource/web/images/icon-xia-white.png) no-repeat center right;color:white;}
.header.iswhite .pc-header .inner .headeropr .opritem.opr-subcompany:hover{background:url(?resource/web/images/icon-shang-white.png) no-repeat center right;}

.pc-header .inner .headeropr .opritem:hover{transform: translate3d(0, -4px, 0);-ms-transform: translate3d(0, -4px, 0);-moz-transform: translate3d(0, -4px, 0);-webkit-transform: translate3d(0, -4px, 0);-o-transform: translate3d(0, -4px, 0);}
.pc-header .inner .submenuset{z-index:2;position: absolute;top:100%;width:100%;left:0;overflow: hidden;height: 40px;}
.pc-header .inner .submenuset .setbox{position: relative;height:100%;width:100%;}
.pc-header .inner .submenuset .submenuul{position: absolute;width:100%;left:680px;background:rgba(0,0,0,0.6);line-height: 40px;font-size:14px;z-index: 2;padding-left:110px;transition: top 300ms;-moz-transition: top 300ms;-webkit-transition: top 300ms;-o-transition: top 300ms;top:-100%;padding-left: 0;}
.header.iswhite .pc-header .inner .submenuset .submenuul{background:rgba(255,255,255,1);}
.pc-header .inner .submenuset .submenuul.show{top:0;}
.pc-header .inner .submenuset .submenuul.about{left:790px;}
.pc-header .inner .submenuset .submenuul.service{left:900px;}
.pc-header .inner .submenuset .submenuul.news{left:1120px;}
.pc-header .inner .submenuset .submenuul.join{left:1230px;}
.pc-header .inner .submenuset .submenuul li{width:110px;text-align: center;float:left;color:white;}
.header.iswhite .pc-header .inner .submenuset .submenuul li{color:#3c3a39;}
.pc-header .inner .submenuset .submenuul li:hover{color:#0096dc;}
.header.iswhite .pc-header .inner .submenuset .submenuul li:hover{color:#0096dc;}
.pc-header .inner .slideboxofsearch{z-index:6;position: absolute;top:50%;right:0;margin-top: -20px;display: none;}
.pc-header .inner .slideboxofsearch .boxinner{position: relative;width:450px;padding-right:45px;}
.pc-header .inner .slideboxofsearch .boxinner .input-pagesearch{width: 100%;
    
    border: 1px solid #d4d4d4;
    line-height: 38px;
    padding-left: 20px;
    outline: none;
    font-size: 16px;
    padding-right: 60px;
    background-color: #fff;}
.pc-header .inner .slideboxofsearch .boxinner .btntoclose{display:block;position: absolute;right:0;margin-top:-15px;top:50%;width:30px;height:30px;background:url(?resource/web/images/icon-close595757.png) no-repeat center;background-size:80% auto;cursor: pointer;}
.header.iswhite .pc-header .inner .slideboxofsearch .boxinner .btntoclose{background:url(?resource/web/images/icon-closeffffff.png) no-repeat center;background-size:80% auto;}
.header.iswhite .pc-header .inner .slideboxofsearch .boxinner .btntoclose:hover,.pc-header .inner .slideboxofsearch .boxinner .btntoclose:hover{background:url(?resource/web/images/icon-close004392.png) no-repeat center;background-size:80% auto;}
.pc-header .inner .slideboxofsearch .boxinner .btnsubmitsearch{display:block;position: absolute;right:60px;margin-top:-15px;top:50%;width:30px;height:30px;background:url(?resource/web/images/icon-search595757.png) no-repeat center;background-size:80% auto;cursor: pointer;}

.pc-header .inner .slideboxofsearch .boxinner .btnsubmitsearch:hover{background:url(?resource/web/images/icon-search004392.png) no-repeat center;background-size:80% auto;}
.pc-header .inner .slideboxofsubcompany{position: absolute;width:350px;background:rgba(0,0,0,0.6);z-index: 3;top:100%;right:0;border-top: 1px solid #d4d4d4;display: none;}
.pc-header .inner .slideboxofsubcompany li.listitem{line-height:40px;font-size:14px;padding:0 20px;border: 1px solid #d4d4d4;border-top: 0;background-color: #fff;transition:padding 200ms; -moz-transition:padding 200ms;-webkit-transition:padding 200ms;-o-transition:padding 200ms;}
.pc-header .inner .slideboxofsubcompany li.listitem:hover{padding-left:30px;}

body.fsitemaphasbg .footer{background:#eeefef;}
.footer .f-sitemap{border-top:1px solid #595757;position: relative;}
.footer .f-sitemap .commonbtn-gototop{width:40px;height:40px;font-size:12px;line-height: 24px;padding-top:16px;background:url(?resource/web/images/icon-gotop-white.png) no-repeat center 4px;position: absolute;right: 0;top:0;background-color:#123577;cursor: pointer;text-align: center;color:white;}
.footer .f-sitemap .commonbtn-gototop:hover{background-color:#000;}
.footer .f-sitemap .listitem{color:#A8A8A8;font-size:14px;display: inline-block;float:left;margin-right:100px;line-height:40px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
.footer .f-sitemap .listitem:hover{color:#004392;}
.footer .f-sitemap .listitem.first{margin-right:25px;width:30px;height:37px;background:url(?resource/web/images/icon-home.png) no-repeat center;}
.footer .siteinfo{background:#E9E9E7;padding:65px 0;position: relative;overflow: hidden;}
.footer .siteinfo .bottomline{position: absolute;bottom:-6px;left:0;width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
.footer .siteinfo:hover .bottomline{bottom:0;}
.footer .siteinfo .bottomline .inner{height:12px;background:#004392;}
.footer .siteinfo a{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
.footer .siteinfo a:hover{color:#004392;}
.footer .siteinfo .txtlist{width:42%;float:left;position: relative;padding-left: 120px;padding-top: 10px;}
.footer .siteinfo .txtlist .info-title{font-size: 19px;font-family: 思源细体;line-height:1em;position: absolute;left:0;top:13px;}
.footer .siteinfo .txtlist .info-title span.border{display: block;width:20px;height:1px;background:#004392;margin:20px 0 16px 0;}
.footer .siteinfo .txtlist .listitem{font-size:12px;color:#595757;line-height: 20px;margin-bottom: 8px;}
.footer .siteinfo .info-ewm{float:right;width:14%;margin-left:2%;margin-top: 4px;}
.footer .siteinfo .info-ewm .ewmitem{width:44%;float:left;line-height:20px;font-size: 12px;text-align: center;margin-top: -10px;}
.footer .siteinfo .info-ewm .ewmitem.i1{margin-right:12%;}
.footer .siteinfo .info-box{width:20%;float:left;padding:15px 0;border:none;color:#595757;font-size:12px;line-height: 20px;}
.footer .siteinfo .info-box .big{font-size:17px;font-family: 思源加粗;line-height: 1em;}
.footer .siteinfo .info-box .inner{width:200px;margin:0 auto;max-width:95%;}
.footer .siteinfo .info-box.i1 .inner{width:135px;}
.footer .siteinfo .info-box.i3 .inner{width:195px;}
.footer .siteinfo .info-box.i4 .inner{width:175px;background:url(?resource/web/images/icon-beian.png) no-repeat right bottom;background-size:30px auto;}
.footer .siteinfo .info-box .i-title{font-size:19px;font-family: 思源细体;line-height: 1em;}
.footer .siteinfo .info-box .i-title span.border{display: block;width:20px;height:1px;background:#004392;margin:12px 0;}
.footer .siteinfo .info-box.empty .i-title span.border{background:none;}

@media only screen and (max-width:1700px){
    .pc-header .inner .headermenu{left:520px;}

    .pc-header .inner .headermenu .navitem{width:100px;font-size:16px;line-height: 40px;}
    .pc-header .inner .submenuset .submenuul{padding-left:100px;padding-left:0;}
    .pc-header .inner .submenuset .submenuul.about{left:620px;}
    .pc-header .inner .submenuset .submenuul.service{left:120px;}
    .pc-header .inner .submenuset .submenuul.news{left:920px;}
    .pc-header .inner .submenuset .submenuul.join{left:1020px;}
    .pc-header .inner .submenuset .submenuul li{width:100px;}
}
@media only screen and (max-width:1580px){
    .header.iswhite .pc-header .inner .headerlogo,.pc-header .inner .headerlogo{background-size:180px auto;padding-left:200px;font-size:18px;}
    .pc-header .inner .headerline.intop{height:16px;top:0;left:19px;}
    .pc-header .inner .headerline.inbottom{height:10px;bottom:0;left:19px;}
    .box-haslightline .inner .lightline{left:19px;}
    .pc-header .inner .headermenu{left:450px;}
    .pc-header .inner .slideboxofsearch .boxinner .input-pagesearch{font-size:15px;line-height:32px;}
    .pc-header .inner .slideboxofsearch{margin-top: -17px;}
    .pc-header .inner .slideboxofsearch .boxinner{width:350px;padding-right:40px;}
    .pc-header .inner .slideboxofsearch .boxinner .btnsubmitsearch{right:50px;}
    .pc-header .inner .slideboxofsearch .boxinner .input-pagesearch{padding-left:15px;padding-right:50px;}
    .pc-header .inner .slideboxofsubcompany li.listitem{line-height:37px;font-size:13px;padding:0 20px;}
    .pc-header .inner .slideboxofsubcompany{width:350px;}
    .pc-header .inner .headermenu .navitem{width:100px;font-size:16px;line-height: 40px;}
    .pc-header .inner .submenuset .submenuul{padding-left:100px;padding-left:0;}
    .pc-header .inner .submenuset .submenuul.about{left:550px;}
    .pc-header .inner .submenuset .submenuul.service{left:650px;}
    .pc-header .inner .submenuset .submenuul.news{left:850px;}
    .pc-header .inner .submenuset .submenuul.join{left:950px;}
    .pc-header .inner .submenuset .submenuul li{width:100px;}

}
@media only screen and (max-width:1366px){
    .pc-header .inner .headermenu{left:450px;}
    
    .pc-header .inner .headermenu .navitem{width:90px;font-size:15px;line-height: 40px;}
    .pc-header .inner .submenuset .submenuul{padding-left:90px;padding-left:0;}
    .pc-header .inner .submenuset .submenuul.about{left:540px;}
    .pc-header .inner .submenuset .submenuul.service{left:630px;}
    .pc-header .inner .submenuset .submenuul.news{left:810px;}
    .pc-header .inner .submenuset .submenuul.join{left:900px;}
    .pc-header .inner .submenuset .submenuul li{width:90px;}

    
    .footer .siteinfo .txtlist .info-title{font-size: 18px;}
    .footer .siteinfo .txtlist .info-title span.border{width:18px;}
    .footer .siteinfo .info-box .i-title{font-size:18px;}
    .footer .siteinfo .info-box .i-title span.border{width:18px;}
    .footer .f-sitemap .listitem{margin-right:80px;}
}
@media only screen and (max-width:1300px){
    .footer .siteinfo .info-ewm{display: none;}
    .footer .siteinfo .txtlist{width:56%;padding-left:100px;}
    .footer .siteinfo .info-box{width:22%;}
    .footer .f-sitemap .listitem{margin-right:60px;}

}
@media only screen and (max-width:1200px){
    
   
}
@media only screen and (max-width:900px){
    .footer .siteinfo{padding:40px 0;}
    .footer .siteinfo .txtlist{width:100%;margin:0;border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom: 20px;padding-left:0;padding-top: 0;}
    .footer .siteinfo .txtlist .info-title{position: relative;top:0;}
    .footer .siteinfo .info-box{width:100%;margin:0;margin-top:10px;padding:0;border:none;}
    .footer .siteinfo .info-box.empty{display: none;}
    .footer .siteinfo .info-box .inner{width:100%!important;max-width:100%!important;}
    .footer .siteinfo .info-box .i-title{display: inline-block;float:left;margin-right:10px;font-size:13px;line-height:20px;position: relative;padding-right:10px;}
    .footer .siteinfo .info-box .i-title:after{content:"";position: absolute;right:0;top:5px;width:1px;height:10px;background:#004392;}
    .footer .siteinfo .info-box .i-txt{display: inline-block;float:left;line-height: 20px;}
    .footer .siteinfo .info-box .big{line-height: 20px;font-size:13px;font-family:思源黑体;font-weight: bold;}
    .footer .siteinfo .info-box .i-title span.border{display: none;}
    .footer .siteinfo .bottomline{height:4px;bottom:0px;}
    .footer .siteinfo:hover .bottomline{bottom:0px;}

    .footer .f-sitemap .listitem{margin-right:40px;}
}
@media only screen and (max-width:800px){
    .footer .f-sitemap{padding:5px 0;padding-right:50px;}
    .footer .f-sitemap .listitem.first{display: none;}
    .footer .f-sitemap .listitem{margin-right:20px;font-size:13px;line-height: 30px;}
}
@keyframes wzkrotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(7px);
    }
    50% {
        transform: translateY(15px) scale(1.03, 0.97);
       
    }
    75% {
        ransform: translateY(7px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}
.wzkrotate{font-size:25px;line-height:1em;font-family: 思源加粗; animation: wzkrotate 1s linear infinite;}

.overback{position:fixed;width:100%;height:150%;left:0;top:-50%;background:#000;z-index:2147483641;-moz-opacity:.8;opacity:.8;display:none}
.overback{background:#fff;-moz-opacity:1;opacity:1}



@media only screen and (max-width:1250px){
    .miniheader{display:block}
    .header .pc-header{display:none}
    .box-haslightline{display: none;}
    .header.isabsolute{position: relative;}
}


.dituContent{width:100%;height:400px;}
.dituContent,.dituContent *{
    -moz-box-sizing: initial;
    -webkit-box-sizing:  initial; 
    box-sizing: initial; 
}


.khovertomoveup{
    transition: all 0.7s;
    -moz-transition: all 0.7s; /* Firefox 4 */
    -webkit-transition: all 0.7s; /* Safari 和 Chrome */
    -o-transition: all 0.7s; /* Opera */
}
.khovertomoveup:hover {
    transform: translate3d(0, -2px, 0);
    -ms-transform:translate3d(0, -2px, 0);    /* IE 9 */
    -moz-transform:translate3d(0, -2px, 0);    /* Firefox */
    -webkit-transform:translate3d(0, -2px, 0); /* Safari 和 Chrome */
    -o-transform:translate3d(0, -2px, 0);  /* Opera */
    box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.2);
}



.wktabswitch .tabcontentset .contentitem{display: none;}
.wktabswitch .tabcontentset .contentitem.active{display: block;}
.commonmargintop{margin-top:70px;}
.commonmarginbottom{margin-bottom:70px;}
.commonmargin{margin:70px auto;}
.commonmargin-s{margin:45px auto;}
.commonmargin-ss{margin:25px auto;}
.commonmargin-b{margin:110px auto;}
.commonloadmore{width:300px;line-height: 55px;text-align:center;margin:0 auto;background:#EDEDEE;font-size:20px;color:#727171;cursor:pointer;}
.commonloadmore:hover{background: #727171;color:white;}
.commonmorebtn{width:220px;line-height: 45px;text-align: center;color:#727171;border:1px solid #727171;margin-left:auto;margin-right:auto;font-size: 18px;}
.morebtngroup{text-align: center;}
.morebtngroup .commonmorebtn{display: inline-block;margin:0 1em;}
.commonmorebtn:hover{background:#C9C9CA;border-color:#C9C9CA;/*color:white;box-shadow: 2px 2px 20px rgba(113,113,113, 0.7);*/}
@media only screen and (max-width:1580px){
    .commonmargin-b{margin:100px auto;}
    .maxbox{width:1400px;}
    
}
@media only screen and (max-width:1366px){
    .commonloadmore{width:200px;line-height: 45px;font-size:18px;}
    .commonmorebtn{font-size:16px;line-height: 40px;width:180px;}
    .commonmargintop{margin-top:60px;}
    .commonmarginbottom{margin-bottom:60px;}
    .commonmargin{margin:60px auto;}
    .commonmargin-b{margin:90px auto;}
    .commonmargin-s{margin:35px auto;}
    .commonmargin-ss{margin:20px auto;}
    .maxbox{width:1300px;}
   
}
@media only screen and (max-width:1024px){
    .commonloadmore{width:170px;line-height: 38px;font-size:16px;}
    .commonmorebtn{font-size:15px;line-height: 38px;width:160px;}
    .commonmargintop{margin-top:50px;}
    .commonmarginbottom{margin-bottom:50px;}
    .commonmargin{margin:50px auto;}
    .commonmargin-b{margin:80px auto;}
}
@media only screen and (max-width:800px){
    
}
@media only screen and (max-width:650px){
    .commonloadmore{width:140px;line-height: 33px;font-size:14px;}
    .commonmorebtn{font-size:14px;line-height: 33px;width:140px;}
    .pagebox{padding:30px 0;}
    .pagebox ul li a{padding:0 15px;}
    .pagebox ul li a.first,.pagebox ul li a.end{display:none;}
    .commonmargintop{margin-top:40px;}
    .commonmarginbottom{margin-bottom:40px;}
    .commonmargin{margin:40px auto;}
    .commonmargin-s{margin:25px auto;}
    .commonmargin-ss{margin:18px auto;}
    .commonmargin-b{margin:60px auto;}
    .maxbox.fullinmobile{width:100%;max-width: 100%;}
    body,button,input,select,textarea{font-size:12px;}
}
@media only screen and (max-width:480px){
    .commonmargin-b{margin:55px auto;}
    .commonmargintop{margin-top:30px;}
    .commonmarginbottom{margin-bottom:30px;}
    .commonmargin{margin:30px auto;}
    .commonmargin-s{margin:20px auto;}
    .commonmargin-ss{margin:15px auto;}
}
.hovertobigger2{position: relative;overflow: hidden;cursor:pointer;}
.hovertobigger2 img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
.hovertobigger2:hover img{-moz-transform:scale(1.03,1.03);-webkit-transform:scale(1.03,1.03);-o-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);transform:scale(1.03,1.03);color:#000}
.hovertobigger2:hover:after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(255,241,0,0.3);}
.hovertobigger3{position: relative;overflow: hidden;cursor:pointer;}
.hovertobigger3 img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;}
.hovertobigger3:hover img{-moz-transform:scale(1.03,1.03);-webkit-transform:scale(1.03,1.03);-o-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);transform:scale(1.03,1.03);color:#000}
.hovertobigger3:hover:after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.3);}

.hovertobigger4 .tobiggerel{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;}
.hovertobigger4:hover .tobiggerel{-moz-transform:scale(1.04,1.04);-webkit-transform:scale(1.04,1.04);-o-transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);transform:scale(1.04,1.04);color:#000}

.hovertobigger4:after{visibility: visible;
    opacity: 1;
    height: 50%;
    width: 100%;
    content: "";
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
    display: block;
    top: auto;
    bottom: 0;
}
.hovertobigger4:hover:after{
    opacity: 0.3;
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: url(?resource/web/images/mask_grad.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
}
.wk_hr{width:100%;height: 1px;}
.line-dashed{height:1px;border-bottom:1px dashed #ccc;}
.line-solid{height:1px;border-bottom:1px solid #ccc;}




.btn-morestyle1{width:480px;line-height: 60px;text-align: center;margin-left:auto;margin-right: auto;font-size: 20px;background:#FFF100;color:#727171;transition: all 0.7s;max-width:95%;}
.btn-morestyle1:hover{background: white;box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); transform: translate3d(0, -2px, 0);border-color:white;}


.owl-carousel.noslide .owl-wrapper{transition: all 0s ease 0s;transition: all 0s ease 0s!important;}
@keyframes wzkrotate {
    0% {
    transform: translateY(0) ;
    }
    25% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(-10px);
       
    }
    75% {
        ransform: translateY(-5px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}
.commonbgimg1{background:url(?resource/web/images/bg-commonpage2.jpg) no-repeat center;background-size: cover;}<!--0.00021195411682129-->