@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#f5f6f7;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.container-s{max-width: 1618px; margin: 0 auto}

/*PC端公共头部*/
.header{height: 120px; background: #fff;}
.header .index-container{position: relative;}
.header .logo{margin-top:10px; margin-right: 82px;}
.header .logo h1{line-height: 0}
.header .logo a{display: block;}
.header .logo img{display: inline-block; margin: 10 20px 0 31px;}
.header .logo .text strong{display: block; font-size: 33px; line-height: 18px; color: #01589f; font-weight: bold; margin: 20px 9px 10px 6px;}
.header .logo .text em{display: block; font-size: 17px;  line-height: 38px; color: #4c4c4c;}
.search{width: 318px; height: 42px; border: solid 1px #ccc; line-height: 42px; position: relative; margin-top:38px;}
.search input{border: none; outline: none; font-family: "Microsoft YaHei"; height: 42px;}
.search .search-text{padding-left: 10px; color: #666666;}
.search .search-btn{background: url(../images/search-btn.png) no-repeat center; position: absolute; width: 20px; height: 42px; right: 14px;}

.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 69px; height: 50px; margin-top: 34px; margin-right: 59px;}
.head-tel em{display: block; font-size: 16px; line-height: 16px; color: #666666; margin-top: 5px;}
.head-tel span{display: block; font-size: 20px; color: #ffba00; font-family: arial;}
.head-tel b{display: none;}

.head-wechat b{display: block; background: url(..//images/head-icon2.png) no-repeat left center; padding-left: 65px; font-size: 16px; line-height: 50px; color: #ffba00; margin-top: 35px; margin-right: 24px;}
.wechat-hide{position: absolute; background: #f7f8f8; padding:17px 133px 12px; top: 95px; z-index: 2; right: 0; display: none;}
.wechat-hide:after{content: ''; background: url(../images/wechat-hide.png) no-repeat; position: absolute; top: -10px; width: 20px; height: 10px; left: 50%; margin-left: -10px; z-index: 3;}
.wechat-hide ul{text-align: center;}
.wechat-hide ul li{display: inline-block; margin: 0 6px;}
.wechat-hide ul li img{display: block;}
.wechat-hide ul li em{display: block; line-height: 27px; color: #4c4c4c}


.pc-nav{height: 60px; background: #01589f}
.pc-nav ul li{float: left; position: relative; width: calc(100% / 8); }
.pc-nav ul li>a{display: block; font-size:18px; line-height: 60px; color: #f5f5f5; text-align: center; }
.pc-nav ul li.on>a{background: #ffba00; color: #333333}
.pc-nav ul li:hover>a{
	color: #333333;
	background-color: #28B998;
} 
.pc-nav ul li .hide{background:rgba(255,255,255,0.9);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 0px;display: none;width: 100%;position: absolute;z-index: 22; }
.pc-nav ul li .hide em a{ display:block;font-size: 15px;  line-height:44px;color: #666; text-align: center; border-bottom: dotted 1px #ccc;}
.pc-nav ul li .hide em:last-child a{border-bottom: none;}
.pc-nav ul li .hide em a:hover{background: #fff; color: #01589f; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.navfixed{position: fixed; top: 0; z-index: 222; width: 100%;}

.wap-header{display: none;}



/*首页banner*/
.banner{height: 680px; position: relative; overflow: hidden; }
.banner-info{position: relative; border: solid 1px rgba(255,255,255,0.35); background: rgba(0,0,0,0.2);  max-width: 1200px; text-align: center; margin: 0 auto;  top:43%;  transform: translateY(-50%); padding:2% 0 6%}
.banner-info b{display: block; font-size: 66px; color: #fff;}
.banner-info strong{color: #0085da}
.banner-info p{font-size: 18px; line-height: 30px; color: #fff; max-width: 74%; margin: 8px auto 30px}
.banner-info a{position: absolute;  -webkit-animation: bs linear 2s 0.9s infinite;-moz-animation: bs linear 2s 0.9s infinite;animation: bs linear 2s 0.9s infinite; display: block; width: 230px; font-size: 20px; line-height: 50px; color: #fff; background: url() no-repeat 56px center #ffba00; text-align: left; text-indent: 74px; border-radius: 25px;  left: 0; right: 0; margin:20px auto 0 auto; z-index: 1;}
.banner-info a:before {content: '';display: block;width:230px;height: 60px;border-radius:50px;opacity: .7;background-color: #ffba00;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);z-index: -1;position: absolute;top: -5px;}
@keyframes scaless {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(1.1)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }

#banner-num {bottom: 5%;z-index: 1;}
#banner-num .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: transparent;  border: solid 1px #fff; margin: 0 14px;}
#banner-num .swiper-pagination-bullet-active{background: #fff}
.wap-banner{display: none;}