/*-------------------
        common
--------------------*/
a:focus {text-decoration: none;}
p{margin:0;}
button {padding: 0;outline: none;border: 0;}
button:focus{outline: none;}
input { outline: none; border: 0;}
textarea{ color:#333;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity:1;}
input:-ms-input-placeholder{ color: #999; opacity:1;}
input::-webkit-input-placeholder{ color: #999; opacity:1;}
textarea:-ms-input-placeholder{ color: #999; opacity:1;}
textarea::-webkit-input-placeholder{ color: #999; opacity:1;}
.main { min-width: 1200px; margin: 0 auto; }
.content { width: 86%; margin: 0 auto; }
/*头部*/
.user-top { min-width: 1200px; height: 50px; background-color: #333333; line-height: 38px; }
.user-top .links { float: left; }
.user-top .links a, .user-top .menu p { display: inline-block; color: #aaa; font-size: 14px; margin-right: 16px; line-height: 50px; }
.user-top i { display: inline-block; margin-right: 16px; height: 10px; width: 1px; background-color: #575757; }
.user-top .menu { float: right; }
.user-top .menu p { float: left; }
.user-top .menu #div_wex { cursor:pointer;}
.user-top .menu #div_wex em { font-size: 14px; color: #999999; padding-left: 10px; }
.user-top .menu #div_we { display: none; position: absolute; z-index:99; margin: 50px 0 0 -65px; }
.user-top .menu i { float: left; margin-top: 20px; }
.user-top .tel { color: #006cbf; font-size: 16px;font-weight: bold; line-height: 38px; }
.user-top .wx { display: block; float: left; height: 38px; width: 16px; margin-right: 20px; background: url('../images/wx.png') no-repeat center; }
.user-top .wb { display: block; float: left; height: 38px; width: 17px; margin-right: 20px; background: url('../images/wb.png') no-repeat center; }
.user-top .language { display: block; float: left; line-height:50px; color: #999; font-size: 14px; background: url('../images/language.png') no-repeat left center; padding-left: 21px; position: relative; }
.user-top .language2 { display: block; float: left; line-height:50px; color: #999; font-size: 14px; background: url('../images/wechat.png') no-repeat left center; padding-left: 21px; position: relative; }
/*.language-main { width: 120px; padding: 1px 0; position: absolute; display: none; z-index: 99; left: -30px; top: 38px; background: url("https://static.westarcloud.com/5ab9f1bda624634ee3649458/images/ffggg.png") no-repeat center 4px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); }
.language:hover .language-main { display: block; }
.language-cont { width: 120px; margin-top: 10px; background: #ffffff; padding-bottom: 10px; }
.language-cont a { font-size: 14px; color: #888; line-height: 28px; text-align: center; display: block; }
.language-post { padding-top: 10px; }
.language-cont a:hover { color: #006cbf; }*/
/*白底导航栏*/
/*.header { height: 100px; min-width:1200px; border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 8px 0 rgba(34, 34, 34, 0.1); }
.header .logo { float: left; display: block; width: 420px; height: 99px; }
.header .logo img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; }
.logo .img-box { width: 212px; height: 99px; margin-right: 15px; float: left; position: relative; }
.logo .img-box a{ width:100%; height:100%; display: block; background: url("../images/logo.svg") no-repeat center center;background-size: 212px 99px;}
.logo p { float: left; line-height:36px; height: 36px; margin: 30px 0; font-size: 18px; color: #555; padding-left:10px; border-left: 1px solid #e0eae9; }
.nav { float: right; }
.nav .sub1 { float: left; }
.nav .sub1-name { padding: 0 30px; line-height: 99px; color: #222; font-size: 16px; position: relative;display: block;}
.navXian { width: 0; height: 2px; background: #006cbf; position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; transition: .3s ease;
}
.nav .sub1:hover .sub1-name { color: #006cbf; }
.nav .sub1:hover .navXian { width: 30px; }
.nav .sub2 { display: none; position: absolute; width: 100%; left: 0; min-width:1200px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 9999; padding: 56px 0; min-height: 342px; }*/
/*产品*/
.sub2-pro ul li { float: left; width: 20%!important; }
.sub2-pro ul li h4 { font-size: 18px; color:#222; font-weight:bold; transition: .3s ease;
}
.sub2-pro ul li a:hover h4 { color:#006cbf; }
.sub2-pro ul li .line { width: 205px; height: 1px; background-color: #006cbf; margin: 14px auto; }
.sub2-pro ul li .list{ display: inline-block;text-align: left;}
.sub2-pro ul li .list a { display: block; font-size: 14px; color: #777777; height: 32px; line-height: 32px; transition: .3s ease;
}
.sub2-pro ul li .list a:hover { color: #006cbf; }
.sub2-pro ul li .hot { position: relative; }
.sub2-pro ul li .hot::after {content: "";position: absolute;width:38px;height:30px;background: url(../images/navhot.png!/lossless/true) no-repeat -5px 0;top: -16px;margin-left: -6px;}
.sub2-pro ul li .new::after {content: "";position: absolute;width:28px;height:29px;background: url(../images/navnew.png!/lossless/true) no-repeat 0px 0;margin-left: -6px;}
.navbtn { display: block; text-align: center; margin: 40px auto; }
.navbtn .more { background-color:#006cbf; color: #fff!important; margin-right: 40px; }
.navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; }
.swzt {font-size: 16px;line-height: 28px; border: 1px solid #006cbf; color: #006cbf; border-radius: 4px;transition: .3s ease;}
.swzt:hover{color: #006cbf;}
.swzt::before { content: ""; display: inline-block; width: 28px; height: 28px; background: url(../images/3d.svg) no-repeat;background-size: 28px 28px;vertical-align: bottom;}
.nav .sub2>.content>ul>li { float: left; width: 33.333%; }
.nav .sub2 .column li { float: left; width: 50%; }
.nav .sub2 .column li a { display: block; width: 135px; color: #777; font-size: 16px; height: 50px; line-height: 50px; background: url(../images/left.svg) no-repeat center left; padding-left:15px; }
.nav .sub2 .column li a:hover { background: url(../images/left-h.svg) no-repeat center left; color: #006cbf; }
.nav .sub2 .nav-right { padding-left: 55px; }
.nav .sub2 .nav-right .line { display: block; width: 42px; height: 4px; background-color: #006cbf; margin:15px 0; }
.nav .sub2 .nav-right p { font-size: 16px; line-height:28px; color: #777777; }
.nav .sub2 .nav-right a { display: block; width: 195px; padding: 8px 0; text-align: center;margin: 15px 0;}
.nav .sub2 .nav-right h2 { font-size: 30px; color: #222; }
.nav .search-icon { width: 76px; padding: 0 20px; background: url(../images/nav-search-normal.png) no-repeat center; }
.nav .search-icon:hover { background: url(../images/nav-search-hover.png) no-repeat center; }
.sub2-search { padding: 40px 0; }
.sub2-search form { height: 48px; border: 2px solid #006cbf; width: 862px; border-radius: 4px; margin:60px auto 0; }
.sub2-search .v-select { width: 88px; height: 44px; font-size: 14px; color: #666; }
.nav .sub2-search .select-panel { line-height: 44px; padding-left: 14px; }
.sub2-search .select-menu { top: 44px; }
.sub2-search .select-menu li { height: 44px; line-height: 44px; padding-left: 14px; }
.v-select { position: relative; height: 28px; outline: none; }
.select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; }
.select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s;
font-size: 14px; }
.select-menu li:hover, .select-menu li.selected { background-color: #006cbf; color: #fff; }
.v-select .select-panel { height: 100%; font-size: 14px; color: #333; width: 100%; border: 1px solid #ebebeb; background: #fff url('../images/select-down-bg.png') no-repeat right; cursor: pointer; }
.sub2-search input { float: left; width: 672px; height: 44px; font-size: 14px; padding: 15px 16px; }
.sub2-search button { width: 98px; height: 44px; color: #fff; text-align: center; font-size: 16px; line-height: 44px; background-color: #006cbf; }
.sub2-search .pre-link { font-size: 14px; color: #999; margin: 11px auto 0; width: 656px; }
.sub2-search .pre-link .title { float: left; margin-right: 18px; }
.sub2-search .pre-link a { display: block; float: left; color: #222; margin-right: 28px; }
/*浮动和透明头部*/
.head2{z-index: 100;position: absolute; width: 100%;}
.head2 .logo p { color: #fff; border-left: 1px solid #ccc; }
.head2 .logo .img-box a { background-image: url("../images/logo2.svg"); }
.head2 .nav .sub1-name { color: #fff; }
.head2 .nav .search-icon { background: url(../images/nav-search-normal1.png) no-repeat center; }
.head2 .header { border-bottom:none;/*border-bottom: 1px solid #999;*/ box-shadow:none;}
.head2 .user-top {background-color: transparent;border-bottom: 1px solid rgba(255,255,255,0.2);}
.head2 .user-top .links a,.head2 .user-top .menu p,.head2 .user-top .menu #div_wex em,.head2 .user-top .tel,.head2 .user-top,.head2 .language {color: #fff;}
.head2 .user-top i {background-color: #fff;}
.head2 .user-top .language {background: url(../images/language2.png) no-repeat left center;}
.head-fixed { width: 100%; height:140px; position:fixed!important; z-index: 100; }
.nav .active .sub1-name { color: #006cbf; }
.nav .active .navXian { width: 30px; }
.nav .active .navXian { display: block; }
/*右侧通用工具条*/
.fixed-bar { position: fixed; right: 33px; width: 68px; top: 45%; margin-top: -70px; z-index: 100; }
.fixed-bar .ele { display: block; width: 76px; height: 76px; padding-top: 13px; border-radius: 4px; transition: .36s ease;
margin-top: 2px; box-sizing: border-box; }
.fixed-bar .ele { background: rgba(34, 34, 34, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222, endColorstr=#7f222222);
zoom: 1; cursor: pointer; }
:root .fixed-bar .ele { filter: none \9; }
/*for IE9*/
.fixed-bar .ele:hover { background-color: #0e80d8; }
.fixed-bar .icon { height: 28px; width: 100%; }
.fixed-bar .msg { background: #006cbf; }
.fixed-bar .msg .icon { background: url('../images/msg.png') no-repeat center; }
.fixed-bar .tel .icon { background: url('../images/tel-icon.png') no-repeat center; }
.fixed-bar .wwx .icon { background: url('../images/wx-icon.png') no-repeat center; }
.fixed-bar .fa .icon { background: url('../images/ico-fa.png') no-repeat center; }
.fixed-bar .bj .icon { background: url('../images/ico-bj.png') no-repeat center; }
.fixed-bar .wx .icon { background: url('../images/wx-icon.png') no-repeat center; }
.fixed-bar .wx .qr { position: absolute; bottom: 60px; left: -180px; width: 190px; height: 180px; background: url('../images/qr-border.png') no-repeat center; display: none; }
.fixed-bar .qr img { display: block; margin: 40px auto; }
.fixed-bar .wx:hover .qr { display: block; }
.fixed-bar .top .icon { background: url('../images/top-icon.png') no-repeat center; }
.fixed-bar span { display: block; width: 100%; margin-top: 4px; font-size: 14px; color: #fff; text-align: center; }
.fixed-bar .tel { position: relative; }
.fixed-bar .tel .fixed-tel { display: none; width: 213px; height: 139px; position: absolute; background: url('../images/fixed-tel-bg.png') no-repeat center; left: -203px; top: -76px; text-align: center; }
.fixed-bar .fixed-tel span { display: block; margin-top: 50px; color: #999; font-size: 14px; }
.fixed-bar .fixed-tel p { color: #f7494b; font-size: 18px; font-weight: bold; }
.fixed-bar .tel:hover { background-color: #f7494b; }
.fixed-bar .tel:hover .fixed-tel { display: block; }
.fixed-bar .wwx .fixed-wwx { display: none; width: 213px; height: 139px; position: absolute; background: url('') no-repeat center; left: -203px; top: 60px; text-align: center; }
.fixed-bar .fixed-wwx span { display: block; margin-top: 50px; color: #999; font-size: 14px; }
.fixed-bar .fixed-wwx p { color: #f7494b; font-size: 18px; font-weight: bold; }
.fixed-bar .wwx:hover { background-color: #0e80d8; }
.fixed-bar .wwx:hover .fixed-wwx { display: block; }
.fixed-bar .top { display: none; }
                       
#LRfloater0 {top: 5px!important;display: none;}
/*底部*/
/*.footer { min-width:1200px; background: url("../images/foot-bg.jpg!/lossless/true") no-repeat top center #333; }
.footer .link-group { overflow: hidden; padding-top:88px; padding-bottom:88px; }
.footer .link-type { font-size: 18px; line-height:18px; margin-bottom: 10px; color: #fff; }
.footer .pro, .footer .service { width:150px; }
.footer .about, .footer .news { width:130px; }
.footer .footer-box { padding: 14px 0; float: left; }
.footer .links { margin-top: 5px; }
.footer .links a { line-height: 36px; font-size: 14px; color: #ddd; display: block; transition: all .3s;
}
.footer .links a:hover { color: #006cbf; }
.footer .focus { text-align: center;float: right; }
.footer .qr img { display: block; height: 140px; width: 140px; border-radius: 4px; margin:30px auto 10px; }
.footer .qr p { font-size: 12px; color:#ccc; line-height:18px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); letter-spacing:7px; }
.footer .tel { margin-left: 40px; padding-left: 100px; border-left:1px solid #999; box-sizing: border-box; }
.footer .tel .number { color: #006cbf; font-size: 24px; font-weight: bold; line-height:36px; margin-bottom: 10px; display: block; }
.footer .tel p { color: #ddd; font-size: 14px; line-height:30px; }
.footer .tel .link-type { margin-bottom: 16px; }
.footer .tel .numberRow { line-height:14px; }
.footer .tel .normal { font-size: 14px; color: #ddd; display: inline-block; }
.footer .tel .kefu { margin-top: 16px; display: block; width: 140px; height: 40px; border-radius: 4px; text-align: center; color: #fff; font-size: 16px; line-height: 38px; transition: .36s ease;
background-color: #006cbf; border: 1px solid #006cbf; cursor: pointer; }
.footer .tel .kefu:hover { background-color: #0e80d8; color: #fff; border-color: #0e80d8; }
.footer .copy { height: 60px; line-height: 60px; background-color: #222; }
.footer .copy p { text-align: center; line-height: 60px; color: #aaa; font-size: 14px; }
.footer .copy p a { display: inline-block; color: #999; margin-right: 10px; }
#cnzz_stat_icon_1281157291{display:none}*/

/*按钮*/
.b-btn { font-size: 16px; line-height: 24px; color: #006cbf; background: #fff; border-radius: 4px; border:1px solid #006cbf; padding: 6px 30px; display: inline-block; transition: all .3s;}
.b-btn:hover { color: #fff; background: #006cbf; }
.c-btn { font-size: 16px; line-height: 24px; color: #fff; background: #006cbf; border-radius: 4px; border:1px solid #006cbf; padding: 6px 30px; margin-right:20px; display: inline-block; transition: all .3s;}
.c-btn:hover { color: #fff; background: #0e80d8; }
/*商务通抖动*/
 @keyframes shake {
  0% { transform: translate(2px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(0px, 2px) rotate(-1deg); }
  40% { transform: translate(1px, -1px) rotate(0deg); }
  50% { transform: translate(-1px, 2px) rotate(1deg); }
  60% { transform: translate(-3px, 1px) rotate(-1deg); }
  70% { transform: translate(2px, 1px) rotate(0deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(2px, 2px) rotate(-1deg); }
  100% { transform: translate(-1px, -2px) rotate(0deg); }
} 
.shake {
  animation: shake 0.6s;
}