﻿*{margin: 0;padding: 0;font-family: '微软雅黑';box-sizing:border-box;
-moz-box-sizing:border-box; /* firefox */
-webkit-box-sizing:border-box; /* safari */}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{font-size: 12px;}
dt   dd {margin-top: 0;}
input,textarea, button{color: #666;vertical-align: middle;outline:none;resize: none;}
.fl{float: left;}
.fr{float: right;}
ul,li,dl ,dt , dd{list-style: none;margin:0;padding: 0;}
ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul{margin: 0;}
a,a:hover{text-decoration: none;}
a{color: #666;}
a:hover{color: #0156a5;}
img{vertical-align:top;border:none}
p{margin:0;padding: 0;}
.w{width: 1200px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding: 0;font-weight: normal;}
[class^="bk"]{line-height: 0px;display: block;font-size: 0;clear: both;}
input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;}
.bk0{height: 0;}.bk10{height: 10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}.bk35{height: 35px;}.bk40{height: 40px;}.bk50{height: 50px;}.bk55{height: 55px;}.bk60{height: 60px;}.bk70{height: 70px;}.bk75{height: 75px;}.bk80{height: 80px;}





 /*pie*/
.pie{ width: 120px; height: 120px;  border-radius: 50%; background: #e95549; position:relative; margin-top:20px; }
.pieleftinner,
.pierightinner { width:120px; height:120px; background-color:#e5e5e5; border-radius:100px; position:absolute; }
.pieleftinner { clip:rect(0px,120px,120px,60px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  }
.pierightinner { clip:rect(0px,60px,120px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  }
.pieleft,
.pieright { width:120px; height:120px; position:absolute; z-index:1; }
.pieleft { clip:rect(0px,120px,120px,60px); }
.pieright { clip:rect(0px,60px,120px,0px); }
.pieinner { width:80px; height:80px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; text-align:center; line-height:80px; font-size:24px; font-weight:bold; color:#e25a4a; font-family:"寰蒋闆呴粦", "榛戜綋";}

/*prograss*/
.prograss{
	background:#eee; height:15px; width:80%; position:relative; border-radius:2px; margin-top:10px;
}
.prograss .bar{
	background:#e95549; height:100%; width:10%; border-radius:2px 0 0 2px;
}
.prograss_bar_yellow{
	background:#f8b757 !important;
}




.tips-bg{width: 100%;height: 100%;position: fixed;z-index: 99955599;background-color:#000;opacity:0.6;top: 0;left: 0;}
#tips{background-color:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index:999555998;overflow: hidden;}
#tips div{overflow: hidden;position: relative;color: #666;font-size: 14px;height: 100%;}
#tips div .btn{display: block;position: absolute;bottom: 20px;right: 20px;width: 60px;height: 30px;background-color: #0156a5;color: #fff;line-height: 30px;text-align: center;cursor: pointer;}
#tips h1{font-size: 18px;margin-bottom: 10px;color: #333;font-weight: normal;}

 


#header{height: 98px;width: 100%;z-index: 99999;transition: all .5s;background-color: #fff}
#header .w{position: relative;height: 100%;}
#header .logo{width: 190px;height: 41px;position: absolute;top: 0;left: 0;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;margin:auto;bottom: 0;background: url(/uploads/image/spimages/logo1.png) no-repeat center center;}
#header .logo img{width: 100%;}

#header .navgation{height: 100%;margin-right: 50px;transition: all .5s;float: right;}
#header .navgation li{float: left;color: #888888;margin-left: 10px;position: relative;}
#header .navgation li i{margin-right: 8px;color: #bebebe}
#header .navgation li a{color: #666;text-transform:capitalize;  font-size: 14px;display: block;padding: 0 25px;line-height: 95px;display: block;}
#header .navgation li a:hover{color: #0156a5;border-bottom: solid 3px #0156a5;}
#header .navgation li.active a{border-bottom: solid 3px #0156a5;color: #0156a5;}
#header .navgation li b{color: #0156a5}



#header .navgation li{position: relative;}
#header .navgation li ul{position: absolute;z-index: 999999;background-color: #fff;display: none; transition: all 0.4s;top: 98px;}
#header .navgation li:hover ul{display: block;}
#header .navgation li ul li{white-space:nowrap; width: 100%;margin: 0; }
#header .navgation li ul li a{line-height: 36px;border-bottom: solid 1px #eee;width: 100%;}
#header .navgation li.active ul li a{border-bottom: solid 1px #eee;color: #666;}
#header .navgation li ul li a:hover{border-bottom: solid 1px #eee;}

#header .head-right {font-size: 0;border-left: solid 1px #eee;}
#header .head-right .search{display: inline-block;background: url(/uploads/image/spimages/search-ico1.png) no-repeat center;width: 14px;height: 100%;position: relative;}
#header .head-right .search form{display: none;}
#header .head-right{height: 20px;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;z-index: 99999;}
#header .head-right .language{border-radius: 50%;display: inline-block;height: 100%;width: 20px;line-height: 20px;text-align: center;background: url(/uploads/image/spimages/language.png) no-repeat;margin-left: 25px;}




#header .mobile-toggle {position: absolute;right: 0;cursor: pointer;top: 0;bottom: 0;margin:auto;display: none;height: 14px;z-index: 99999999;background: none;border:none;}
.bar-1, .bar-2, .bar-3 {width: 30px;height: 3px;background: #999;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.bar-2 {margin-top: 8px;}

#header .mobile-toggle .bar-1 {margin-top: 0px;	}
#header .mobile-toggle .bar-2 {margin-bottom: 0px;}
#header .cross .bar-1 {
	-webkit-transform: translatey(6px) rotate(-45deg);
			-ms-transform: translatey(6px) rotate(-45deg);
			transform: translatey(6px) rotate(-45deg);
	}
#header .cross .bar-2 {
			-webkit-transform: translatey(-5px) rotate(45deg);
			-ms-transform: translatey(-5px) rotate(45deg);
			transform: translatey(-5px) rotate(45deg);
}





@keyframes mynav
{
from {margin-top: 30px;opacity: 0;}
to {margin-top: 0;opacity: 1;}
}

@-moz-keyframes mynav /* firefox */
{
from {margin-top: 30px;opacity: 0;}
to {margin-top: 0;opacity: 1;}
}

@-webkit-keyframes mynav /* safari 和 chrome */
{
from {margin-top: 30px;opacity: 0;}
to {margin-top: 0;opacity: 1;}
}

@-o-keyframes mynav /* opera */
{
from {margin-top: 30px;opacity: 0;}
to {margin-top: 0;opacity: 1;}
}





.slide {
    position: relative;
    margin: 0;
    width: 100%;


}






#footer{padding: 55px 0 0;overflow: hidden;background-color: #0154a1;font-size: 0;}

#footer dl{padding-right: 34px;display: inline-block;vertical-align: top;position: relative;margin-right: 34px;}
#footer dl:after{content: '';width: 1px;height: 190px;background-color: #1b65ab;position: absolute;right: 0;top: 0;}

#footer dl dt{font-size: 15px;margin-bottom: 30px;position: relative;line-height: 100%;text-transform: capitalize;font-weight: bold;color: #fff;}
#footer dl dt a{color: #fff;}
#footer dl dt a:hover{color: #fff;}
#footer dl dd{font-size: 12px;line-height: 26px;color: #bbbbbb;}
#footer dl dd p{color: #999;white-space: nowrap;  
 text-overflow:ellipsis; 
 overflow:hidden;}
#footer dl dd a{color: #a4b7d3;}
#footer dl dd a:hover{color: #fff;}


#footer dl.msg{margin: 0;padding: 0;margin-left: 140px;}
#footer dl.msg:after{display: none;}
#footer dl.msg dt{font-size: 18px;font-weight: normal;}
#footer dl.msg dd h6{line-height: 22px;color: #a4b7d3;}
#footer dl.msg dd h3{font-size: 24px;color: #fff;margin-bottom: 10px;}
#footer dl.msg dd .qq{background: url(/uploads/image/spimages/qq.gif) no-repeat;width: 175px;height: 34px;margin-bottom: 15px;}
#footer dl.msg dd .share{color: #fff;font-size: 0;}
#footer dl.msg dd .share b{font-size: 12px;vertical-align: top;}
#footer dl.msg dd .share p{display: inline-block;width: 25px;height: 25px;background: url(/uploads/image/spimages/share-icon.png) no-repeat;margin-right: 10px;vertical-align: top;}
#footer dl.msg dd .share:before{content: '';width: 30px;height: 3px;background-color: #80aad0;display: block;margin-bottom: 15px;}
#footer dl.msg dd .share p a{display: block;width: 100%;height: 100%;}
#footer dl.msg dd .share p.xina{background-position: -35px 0;}
#footer dl.msg dd .share p.wb{background-position: -67px 0;}

#footer dl.wechat{float: right;margin: 0;padding: 0;}
#footer dl.wechat:after{display: none;}
#footer dl.wechat img{width: 120px;}
#footer dl.wechat p{color: #fff;text-align: center;padding: 10px 0;}



.copy{height: 60px;font-size: 12px;color: #a4b7d3;margin-top: 45px;clear: both;border-top: solid 1px #1b65ab;line-height: 60px;}
.copy span{float: right;}
.copy a{color: #a4b7d3;}
.copy a:hover{color: #fff;}





.fast-nav{position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgba(38,148,209,.96);z-index: 9999999;padding: 10px 0;display: block;font-size: 12px;display: none;}
.fast-nav li{width: 25%;float: left;text-align: center;position: relative;}
.fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #1c8bc9;}
.fast-nav li:nth-child(4):after{display: none;}
.fast-nav li a{color: #fff;}







#kefu{position:fixed;top:50%; right:0px;z-index:40;text-align:center;width:140px;height:350px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#0156a5;z-index: 999999;}
#kefu>h2{margin:20px 0 15px 0;font-size:22px;color:#fff;line-height: 22px;}
#kefu>h2 img{ width:65%}
#kefu>h2>span{font-size:12px}
#kefu>ul li{line-height:30px;width:80%;cursor:pointer;margin:10px auto;background:#fff;height:25px;font-size:14px;color:#000;border-radius:5px;vertical-align:middle}
#kefu>ul li img{vertical-align:middle;position:relative;top:-4px}
#kefu>ul li span{position:relative;margin-left:5px;top:-2px}
#kefu .qr_code{width:110px;height:108px;margin:10px auto;border-radius:5px;overflow:hidden}
#kefu .qr_code>img{width:100%;height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#kefu .small_tel {line-height: 22px;}
#kefu .small_tel .p1{padding-left:20px;font-size:14px;color:#fff;display:inline-block;margin:0 auto}
#kefu .small_tel .p2{font-size:15px;color:#fff;margin:3px 0;display:inline-block;width:120px}
#kefu .small_tel .p2 a{ color:#fff;}
#kefu .close{width:50px;height:50px;text-align:center;position:absolute;top:-26px;left:45px;cursor:pointer}
#kefu .close>img{max-width:100%}




.skrollable {
	/*
	 * first-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	/*
		may cause issues on android default browser (see #331 on github).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * third-level (and below) skrollables are positioned static
	 */
	position:static;
}