*{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;}
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: 93px;width: 100%;position: fixed;top: 0;width: 100%;left: 0;border-bottom: solid 1px rgba(255,255,255,.15);z-index: 99999;transition: all .5s;}
#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(../images/logo.png) no-repeat center center;}
#header .logo img{width: 100%;}

#header .navgation{height: 92px;line-height: 92px;margin-left: 285px;transition: all .5s;}
#header .navgation li{float: left;color: #888888;margin-right: 10px;position: relative;}
#header .navgation li i{margin-right: 8px;color: #bebebe}
#header .navgation li a{color: #fff;text-transform:capitalize;  font-size: 14px;display: block;padding: 0 20px;}
#header .navgation li a:hover{color: #ffdf00;border-bottom: solid 1px #fff;}
#header .navgation li.active a{border-bottom: solid 1px #fff;color: #ffdf00;}
#header .navgation li b{color: #ffdf00}

#header .head-right {font-size: 0;}
#header .head-right .search{display: inline-block;background: url(../images/search-icon.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(../images/language.png) no-repeat;margin-left: 25px;}


 
#header .top-search{float: right;margin-top: 19px;color: #888;line-height: 27px;height: 27px;}
#header .top-search span{float: left;}
#header .top-search span a{border-right: solid 1px #dfdfdf;padding-right: 20px;margin-right: 20px;color: #888;}
#header .top-search form{display: inline-block;margin-left: 28px;vertical-align: top;height: 27px;float: right;}
#header .top-search form input[type="text"]{background-color: #f5f5f5;border:none;height: 100%;padding-left: 10px;width: 190px;va}
#header .top-search form input[type="submit"]{background: url(../images/search-btn.gif) no-repeat;width: 36px;height: 100%;border:none;text-indent: -99px;cursor: pointer;va}




#header.page{height: 92px;}
#header.page .logo{background: url(../images/logo1.png) no-repeat center center;width: 150px;height: 32px;}

#header.page{background-color: #fff;}
#header.page .navgation{height: 91px;line-height: 91px;}
#header.page .navgation li a{color: #333;text-transform:capitalize;  font-size: 14px;display: block;padding: 0 20px;}
#header.page .navgation li a:hover{border-bottom: solid 1px #0156a5;color: #0156a5;}
#header.page .navgation li.active a{border-bottom: solid 1px #0156a5;color: #0156a5;}


#header.page .head-right .search{background: url(../images/search-ico1.png) no-repeat center right;}
#header.page .head-right .search form{display: none;}
#header.page .head-right .language{background: url(../images/language1.png) no-repeat;}






#header.scroll{height: 75px;}
#header.scroll .logo{background: url(../images/logo1.png) no-repeat center center;width: 150px;height: 32px;}

#header.scroll{background-color: #fff;border-bottom: solid 1px rgba(0,0,0,.08);}
#header.scroll .navgation{height: 75px;line-height: 74px;}
#header.scroll .navgation li a{color: #333;text-transform:capitalize;  font-size: 14px;display: block;padding: 0 20px;}
#header.scroll .navgation li a:hover{border-bottom: solid 1px #0156a5;color: #0156a5;}
#header.scroll .navgation li.active a{border-bottom: solid 1px #0156a5;color: #0156a5;}


#header.scroll .head-right .search{background: url(../images/search-ico1.png) no-repeat center;}
#header.scroll .head-right .search form{display: none;}
#header.scroll .head-right .language{background: url(../images/language1.png) no-repeat;}



#header .head-right .search.hover{width: 300px;position: relative;}
#header .head-right .search.hover form{position: absolute;width: 100%;font-size: 12px;top: 50%;margin-top: -20px;display: block;right: -18px;}
#header .head-right .search.hover input[type="text"]{border:solid 1px #ccc;padding: 10px;width: 100%;height: 40px;}
#header .head-right .search.hover input[type="submit"]{background: url(../images/search-ico1.png) no-repeat center;border:none;text-indent: -999px;position: absolute;top: 0;right: 0;width: 50px;height: 100%;}



#header .nav-bar li{}
#header .nav-bar{height: 40px;line-height: 40px;position: absolute;bottom: 15px;right: 0;margin:auto;}
#header .nav-bar{}
#header .nav-bar li{float: left;position: relative;text-align: right;}
#header .nav-bar ul{margin-right: -22px;}
#header .nav-bar li a{display: block;height: 100%;font-size: 14px;color: #333333;padding: 0 22px}
#header .nav-bar li a:hover{color: #0156a5;}
#header .nav-bar li.active a{color: #0156a5;}
#header .nav-bar li.language{position: relative;}
#header .nav-bar li.language:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;margin:auto;width: 1px;height: 11px;background-color: #c7c4c2;}


#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: 70px 0 0;overflow: hidden;background-color: #181818;}

#footer dl{width: 20%;float: left;}

#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: #bbbbbb;}
#footer dl dd a:hover{color: #fff;}


#footer dl.msg{width: 30%;}
#footer dl.msg dt{font-size: 18px;font-weight: normal;}
#footer dl.msg dd h6{line-height: 22px;}
#footer dl.msg dd form{margin-top: 20px;height: 54px;position: relative;}
#footer dl.msg dd form input[type="text"]{background: none;border:solid 2px #fff;width: 100%;height: 54px;text-indent: 20px;color: #fff;}
#footer dl.msg dd form input[type="submit"]{background: url(../images/add-btn.png) no-repeat center;height: 9px;position: absolute;right: 0;top: 0;bottom: 0;margin:auto;border:none;text-indent: -999px;cursor: pointer;width: 100px;height: 54px;}

#footer dl.share{width: 24px;float: right;}
#footer dl.share p{background: url(../images/share-icon.png) no-repeat 2px 2px;display: inline-block;height: 24px;width: 24px;font-size: 0;vertical-align: top;margin-bottom: 20px;}
#footer dl.share p.twitter{background-position: 2px -36px;}
#footer dl.share p.google{background-position: 2px -74px;}
#footer dl.share p.pinterest{background-position: 2px -113px;}
#footer dl.share p.linkedin{background-position: 2px -150px;}

#footer dl.share p a{display: block;width: 100%;height: 100%;padding-right: 13px;}

.copy{height: 60px;font-size: 12px;color: #999;margin-top: 120px;clear: both;}
.copy span{float: right;}
.copy a{color: #999;}
.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%;margin-top:-200px;right:10px;z-index:40;text-align:center;width:140px;height:365px;-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:15px 0;font-size:22px;color:#fff;line-height: 22px;}
#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:16px;color:#fff;margin:5px 0;display:inline-block;width:120px}
#kefu .close{width:50px;height:50px;text-align:center;position:absolute;top:-28px;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;
}