﻿.c{clear:both}
.info span span{
float: none !important;
    display: inline !important;
}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fs{font-family:;}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
body{overflow-x:hidden;overflow-y:auto}
a{text-decoration:none;color:#444;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
a:hover{color:#f60}
img{max-width:100%}
input,select,textarea{font-size:12px;color:#444;font-family:"Microsoft Yahei";outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
.wp{width:95%;max-width:1500px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
@font-face{font-family:CAI;src:url()}
.main{overflow:hidden}
body.fff{background-color:#fff}
body.navShow{overflow:hidden}
.g-nav:after,.header .btn-list .search:after,.header .btn-list:after,.header .hd-r:after,.header .head:after,.header:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0}
.header.fixed{background-color:rgba(17, 101, 179, 0.6);}
.header{position:fixed;left:0;top:0;z-index:50;width:100%;border-top:5px solid #1165b3}
.header .head{padding:25px 143px 0 50px;}
.header .head:before{content:'';position:absolute;top:0;left:0;right:0;height:154px;background:url(../img/bgl1.png) repeat-x;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;z-index:-1}
.header .logo{display:block;float:left;height:86px;font-size:0;position:relative;z-index:2;overflow:hidden}
.header .logo a{display:block}
.header .logo img{display:block;height:86px}
.header .navA{position:absolute;left:auto;right:0;top:-5px;bottom:auto;z-index:2;background:url(../img/bgl2.png) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;width:100px;height:99px}
.header .navA:after{content:'';width:32px;height:32px;background:url(../img/iconl2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.header .navA.on:after{background-image:url(../img/iconl2-1.png)}
.header .hd-r{float:right;position:relative;z-index:1}
.header .btn-list{font-size:14px;line-height:1.29em;color:#fff;margin-bottom:6px}
.header .btn-list a{color:#fff;font-weight:400}
.header .btn-list ul{overflow:hidden;float:right}
.header .btn-list ul li{float:left;margin-right:19px}
.header .btn-list ul a{display:block;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.header .btn-list ul a:hover{opacity:.7}
.header .btn-list ul .sty{border-right:1px solid rgba(255,255,255,.8)}
.header .btn-list ul .sty a{padding-right:24px}
.header .btn-list .language{overflow:hidden;float:right;border-left:1px solid rgba(255,255,255,.8);padding:0 17px 0 24px}
.header .btn-list .language .name{height:18px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.header .btn-list .language .name i{width:18px;height:18px;display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;background:url(../img/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.header .btn-list .language .name:hover{opacity:.7}
.header .btn-list .search{height:45px;padding:0 11px;float:right;margin-top:-13.5px;position:relative}
.header .btn-list .search .btn{display:block;width:24px;height:45px;background:url(../img/iconl3.png) center center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.header .btn-list .search .so{width:0;position:absolute;top:0;right:0;height:100%;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0}
.header .btn-list .search .sub-btn{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:11px;width:24px;height:24px;border:none;background:url(../img/iconl3-1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.header .btn-list .search .btn:hover{opacity:1}
.header .btn-list .search .inp{display:block;width:100%;height:45px;line-height:45px;background:0 0;border:none;padding:0 40px 0 10px;font-size:14px;color:#000}
.header .btn-list .search:hover .so{width:292px;opacity:1}
.g-nav ul{padding-left: 0;}
.g-nav li{float:left;margin-left:52px;position:relative}
.g-nav li:first-child{margin-left:0}
.g-nav .v1{display:block;font-size:20px;font-weight:700;color:#fff;line-height:1.5em}
.g-nav .v1 i{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:-2px 0 0 6px;background:url(../img/iconl4.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.g-nav .down{position:absolute;z-index:10;left:50%;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#fff;width:140px;box-shadow:0 0 38px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 0 38px 0 rgba(0,0,0,.19);-moz-box-shadow:0 0 38px 0 rgba(0,0,0,.19);border-top:4px solid #ee9640;padding:10px 0;display:none;overflow:hidden}
.g-nav .down a{display:block;text-align:center;font-size:17px;line-height:2.5em;color:#333}
.g-nav .down a:hover{background:#ededed;color:#0b5fad}
.header.fixed:before,.header.on .g-nav,.header.on:before{display:none}
.header.on{z-index:55}
.g-nav2 .search{overflow:hidden;margin:20px 40px;position:relative;display:none}
.g-nav2 .search .inp{display:block;width:100%;height:30px;line-height:30px;font-size:14px;color:#000;background-color:#fff;overflow:hidden;border:none;padding:0 40px 0 10px}
.g-nav2 .search .sub-btn{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:5px;width:18px;height:18px;border:none;background:url(../img/iconl3-1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.g-so{position:fixed;left:0;top:0;right:0;bottom:0;cursor:auto;display:none;z-index:60}
.g-so .pop-bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.g-so.open{display:block}
.g-so .so{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:45px;line-height:45px;width:750px;padding-right:120px;z-index:2}
.g-so .so .inp{display:block;width:100%;height:45px;line-height:45px;background:#fff;padding:0 12px;font-size:16px;border-radius:0;border:none}
.g-so .so .btn{display:block;position:absolute; right:0;height:100%;background:#0b5fad;color:#fff;width:120px;text-align:center;font-size:18px;cursor:pointer;border-radius:0;border:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.g-so .so .btn:hover{opacity:.8}
.menuBtn{width:30px;cursor:pointer;position:absolute;right:10px;top:50%;z-index:9;padding-top:4px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none}
.menuBtn b{display:block;height:3px;background-color:#555;margin-bottom:5px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.g-nav2{display:none;position:fixed;z-index:54;left:0;top:0;right:0;bottom:0;background:url(../img/nav-bg.jpg) center no-repeat;background-size:cover;overflow:hidden}
.g-nav2 .scroll{position:absolute;z-index:1;left:0;right:0;top:100px;padding-top:40px;bottom:0;overflow-y:auto}
.g-nav2 .scroll ul{overflow:hidden}
.g-nav2 .scroll li{float:left;width:25%;text-align:center;overflow:hidden;margin-bottom:20px;padding-right:163px;min-height:350px;border-left:1px solid rgba(255,255,255,.24)}
.g-nav2 .scroll li:first-child,.g-nav2 .scroll li:nth-child(5){border-left: none;}
.g-nav2 .scroll li:nth-child(4n){border-right:none}
.g-nav2 .scroll li h2{font-size:30px;line-height:1.5em}
.g-nav2 .scroll li a{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.g-nav2 .scroll li a:hover{color:#fc0}
.g-nav2 .scroll li .list{padding:20px 0}
.g-nav2 .scroll li .list h3{font-size:18px;line-height:2.4em;font-weight:400}
.g-nav2 .link{overflow:hidden;display:none;border-bottom:1px solid rgba(255,255,255,.23);padding:13px 40px}
.g-nav2 .link .item{overflow:hidden}
.g-nav2 .link a{font-size:12px;color:#fff;line-height:2.21em;display:block;width:25%;float:left}
.g-nav2 .language{overflow:hidden;padding:13px 40px;border-bottom:1px solid rgba(255,255,255,.23);display:none}
.g-nav2 .language .name{height:18px;font-size:14px;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.g-nav2 .language .name i{width:18px;height:18px;display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;background:url(../img/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.g-nav2 .language .name:hover{opacity:.7}
.go-top{position:fixed;z-index:40;right:50px;bottom:156px;overflow:hidden;padding:10px 0 8px;width:43px;background-color:rgba(0,0,0,.24);border-bottom:3px solid #f90;border-radius:4px;display:none}
.go-top img{display:block;width:21px;margin:0 auto;overflow:hidden}
.g-advertisement{overflow:hidden}
.g-advertisement .pic{width:100%;height:auto;overflow:hidden}
.g-advertisement .pic img{display:block;width:100%}
.g-titl2{overflow:hidden;position:relative;padding-left:30px}
.g-titl2 .btn{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;font-size:14px;color:#d8ecff;border-bottom:1px solid #d8ecff}
.g-titl2:after{content:"";position:absolute;left:0;width:5px;height:55px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#f60}
.g-titl2.l1{padding-left:0}
.g-titl2.l1:after{display:none}
.g-titl2 .en{font-size:16px;color:#fff;line-height:1.2em;overflow:hidden;text-transform:uppercase}
.g-titl2 .tit{font-size:34px;color:#fff;line-height:1.3em;overflow:hidden;font-weight:400}

@media only screen and (max-width:1800px){.g-nav li{margin-left:22px !important;}}
@media only screen and (max-width:1680px){.g-nav li{margin-left:15px !important;}}
@media only screen and (max-width:1680px){
    .wp{max-width:1200px}
    .header .logo,.header .logo img{height:70px}
    .header .btn-list{font-size:12px;line-height:1.67em}
    .header .btn-list .search .sub-btn{height:20px;width:20px}
    .header .btn-list .search{margin-top:-8px}
    .header .btn-list .search,.header .btn-list .search .btn{height:36px}
    .header .btn-list .search .inp{height:36px;line-height:36px}
    .g-nav li{margin-left:30px}
    .g-nav .v1{font-size:17px}
    .header .navA{width:80px;height:79px}
    .header .head{padding:15px 100px 10px 30px}
}
@media only screen and (max-width:1440px){
    .g-nav li{margin-left:6px !important;;}
    .g-nav .v1{font-size:16px}
    .g-nav .v1 i{width:12px;height:12px}
    .header .logo,.header .logo img{height:60px}
    .g-nav2 .scroll li{padding-right:0}
    .g-so .so{width:60%}
}
@media only screen and (max-width:1199px){
    .wp{width:auto;max-width:none;padding:0 15px}
    .header .head{padding:10px 0 10px 15px}
    .header .logo,.header .logo img{height:43px}
    .header .hd-r{display:none}
    .header .navA{width:50px;height:50px}
    .header .navA:after{width:18px;height:18px}
    .header .head:before{height:77px}
    .header:before{height:167px}
    .g-so,.g-so.open{display:none}
    .g-nav2{background:url(../img/nav-bgm.jpg) repeat-x;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;padding-top:88px}
    .g-nav2 .language,.g-nav2 .link{display:block}
    .g-nav2 .scroll .wp{padding:0}
    .g-nav2 .scroll{position:static;height:100%;padding-top:0}
    .g-nav2 .scroll li{width:100%;text-align:left;padding-top:0;border-bottom:1px solid rgba(255,255,255,.13);border-right:none;margin-bottom:0;min-height:0}
    .g-nav2 .scroll li h2{font-size:15px;line-height:3.2em;position:relative;padding:0 40px}
    .g-nav2 .scroll li h2.h2:after{content:"";display:block;position:absolute;top:50%;right:40px;width:16px;height:16px;margin:-8px 0 0 6px;background:url(../img/iconl4.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
    .g-nav2 .scroll li.on h2.h2:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
    .g-nav2 .scroll li .list{display:none;border-top:1px solid rgba(255,255,255,.13);background-color:rgba(11, 95, 173, 0.68);overflow:hidden;padding:11px 40px}
    .g-nav2 .scroll li .list h3{width:33.33%;float:left;font-size:12px;line-height:3.2em;text-align:center}
    .g-nav2 .scroll li .list h3:nth-child(1){border:0}
    .g-nav2:after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;width:86.6666%;height:155.333vw;background:url(../img/bgl3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;z-index:-1}
    .go-top{display:none!important}
    .g-nav2 .search{display:block}
}
@media only screen and (max-width:767px){
    .g-titl2 .btn,.g-titl2 .en,.m-titl1 .en{font-size:12px}
    .g-titl2 .tit,.m-titl1 .tit{font-size:17px;font-weight:700}
    .g-titl2{padding-left:15px}
    .g-titl2:after{width:3px}
}

.g-nav li { margin-left: 40px;}

@media only screen and (max-width: 1680px){
    .g-nav li { margin-left: 20px;}
}

.g-so .btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 14px;
    color: #666;
    line-height: 36px;
    padding-right: 15px;
    background-position: right center;
    border-bottom: 1px solid #d8ecff;
}
