﻿@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;font-weight: normal;}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-weight: normal; font-size:100%}em{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}img{border:0;vertical-align:top;}header,footer{display:block;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#333; background:#fff;}
a { color: inherit;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
a:hover {text-decoration:none;color: #cc0001;}
.wrap { position:relative; width:1200px; margin:0 auto; clear:both;}
.header,.container,.footer { position:relative; margin:0 auto;}
.fl { float: left !important;}
.fr { float: right !important;}

.header{width: 100%; height:132px;z-index: 2;}
.header:before{content: '';display: block;position: absolute;left: 0;top: 0;z-index: -1;background-color: #3b6397;width: 100%;height: 30px;}
.hd-top{height: 30px;width: 100%;font-size: 12px;line-height: 30px;color:#fff;}
.hd-top .lang {margin-right: -6px}
.hd-top .lang a{margin: 0 6px}
.hd-top .tel{margin-right: 56px;padding-left: 24px;background: url(../images/icon.png) no-repeat 0 7px;}
.logo{height: 102px;padding-top:8px;}
/* search */
.transLink{float: right;margin-top:18px;display: block;width: 34px;height: 30px;}
.transLink img{width: 100%;height: 100%;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
input[placeholder], [placeholder], *[placeholder] { 
color:#999 !important; 
} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder {color: #999;}
.search-box{float: right;margin-top: 10px; position: relative;z-index: 2; width:240px;height:36px;border-bottom: 1px solid #eee;}
.search-box .search-input {float: left; padding:0px 10px; width:200px; height:35px;font-size: 14px; line-height:35px; border:none;outline: none;background: #fff; color: #666;}
.search-box .search-btn {float: left; width:36px; height:36px; border:none; background:url(../images/icon.png) no-repeat 12px -34px; cursor:pointer; text-indent:-999em;outline: none;}
/*导航*/
.nav {position: absolute;right:-23px;top:70px; height: 62px;}
.nav li { float: left;text-align: center;font-size: 16px;position: relative;}
.nav li>a {width: 108px;line-height:62px;color: #666;display: block;}
.nav li.cur>a,.nav li>a:hover {color: #cc0001;}
.nav .line {width: 68px;height: 3px;background: #cc0001;position: absolute;z-index: 10; bottom: 0;left: -68px;}

.subNav{display: none; position: absolute;left:19px;top:59px;z-index: 22; border-top: 3px solid transparent; width:372px;}
.subNav:after{content: '';display: block;width: 100%;height:1px; background-color:rgb(255,255,255);position: absolute;left: 0;bottom:0px;}
.subNav.min{width:180px;}
.subNav dl{overflow: hidden; background-color:rgba(255,255,255,.8);}
.subNav dd {width:181px;float:left;}
.subNav dd a{display: block; font-size: 14px;line-height:42px;padding: 0 15px; color: #666;position: relative;text-align: left;border-bottom: 1px dashed rgba(102,102,102,.6);}
.subNav dd a:hover{background-color: rgb(255,255,255);background-position: 10px 0;}

.subNav.subNav2 dl dd:nth-child(2n){margin-left: 10px;}


.banner { position:relative; width:100%; height:550px; overflow: hidden;}
.banner .bd { position:relative;left:50%;height: 100%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd ul,.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%;}
.banner .hd { position:absolute; bottom:34px; left:50%; width:1200px; margin-left:-600px; height:4px; text-align:center; }
.banner .hd li { display:inline-block; width:42px; height:4px; margin:0 8px;background-color: #666; text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:#cc0001}

.footer {background-color: #373737;padding-top: 22px;position: relative;}
.footer:after{content: '';display: block;width: 100%;height: 1px;background-color: #4e4e4e;position: absolute;left: 0;bottom: 32px;}
.fNav{overflow: hidden;margin-bottom: 26px}
.fNav dd{float: left;font-size:14px;margin-right: 46px; line-height: 20px;color: #bfbfbf;}
.fLink{clear: left;}
.fLink a{display: block;font-size: 14px;line-height: 28px;color: #cfcfcf;padding-left: 30px;position: relative;}
.fLink a:before,.fLink .ico:before{content:'';display: block;width: 19px;height: 28px;background: url(../images/icons.png) no-repeat 0 0;position: absolute;left: 0;top: 0; }
.fLink .ad:before{background-position: 4px 6px}
.fLink a.yx:before{background-position: 2px -18px}
.fLink .dh:before{background-position: 0px -45px}
.fLink .ico{display: block;font-size: 14px;line-height: 28px;color: #cfcfcf;padding-left: 30px;position: relative;}
.fLink a.yx:hover{color: #cc0001}

.fOut{width: 170px;text-align: center;padding-top: 90px;}
.fOut a{display: inline-block;margin: 0 6px; width: 37px;height: 37px;background: url(../images/cao.png) no-repeat 0 0;}
.fOut a.qq{background-position: 0px 0}
.fOut a.wx{background-image: url(../images/cao.png);background-position: -49px 0;position: relative;}
.fOut a.wx i{display: block;width: 75px;height: 80px;background: url(../images/tri.png) no-repeat center bottom;position: absolute;left:-18px;top: -90px;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transition:.4s;-webkit-transition:.4s;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;visibility: hidden;opacity: 0}
.fOut a.wx:hover i{visibility: visible;opacity: 1;transform:rotate(0deg);-webkit-transform:rotate(0deg);} 
.fOut a.wb{background-position: -97px 0}
.fOut a:hover{background-image: url(../images/cao-on.png);}
.fCopy{clear: both;padding-top: 32px; width: 100%;height: 64px;line-height: 32px;text-align: right;font-size: 12px;color: #6e6e6e}
.fCopy a{margin-left: 4px}

.fixed{position: fixed;right: 0;top: 50%;margin-top: -100px;z-index: 999;border: 1px solid #ccc;width: 160px;padding:0px 10px 5px;background-color: #cc0001;border-radius: 6px;overflow: hidden;}
.fixed h1{font-size: 14px;color: #fff;line-height: 42px;}
.fixed h1 span{font-size: 22px;float: right;font-family: 'simsun';cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.fixed h1 span:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.fixed .fix-panel{background-color: #fff;text-align:center;padding: 10px 0}
.fixed .fix-panel a{display: block;font-size: 14px;line-height: 32px;position: relative;}
.fixed .fix-panel a.fQq:before{content:'';display: block;width:16px;height:18px;background: url(../images/qqFix.jpg) no-repeat 0 0;background-size: 100% 100%; position: absolute;left: 18px;top: 7px;}
.fixed .fix-panel a.fxjb:before{content:'';display: block;width:16px;height:18px;background: url(../images/bdFix.png) no-repeat 0 0;background-size: 100% 100%; position: absolute;left: 13px;top: 7px;}

.fixed h2{font-size: 16px;text-align: center; line-height: 32px;color: #fff;}
/**/