@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/Public/home/style/K88pR3goAWT7BTt32Z01m1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;font-size: 100%;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,iframe,abbr{border:0;}
img{margin:0;padding:0;border:0;max-width: 100%;}
cite,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:url('../images/bg-2.png'); font-family: 'Open Sans', sans-serif;}
a,a:hover{color:#333;}
.clear{clear: both;}
/*head*/

.hd{background:#fff;}
.hd_nav{width:980px;margin:0 auto;padding:15px 0 10px;}
.logo{float:left;background: url("../images/logo.png") no-repeat;height:40px;line-height:40px;;display:block; font-family: Segoe Print;font-size:28px;text-indent: 50px;color:#3399FF;}
.hd_border{height:5px;background:url("../images/banner_border.png") repeat-x;}
.nav{float:right;}
.nav ul li{float:left;padding:0 15px 0;line-height:40px;}
.nav ul li a{font-size:15px;}
.nav ul li a:hover{color:#3399FF;text-decoration: underline;}
.nhover{color:#3399ff;text-decoration: underline;}
.mt60{margin-top:60px;}
/*head --end*/

/*foot*/
.ft{ background-color: #222222;background-image: -moz-linear-gradient(center top , #303030, #222222);border-top: 2px solid #555555;color: #FFFFFF;font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif !important;font-size: 12px; margin: 20px auto 0; overflow: hidden; padding: 5px 0 20px;text-align: center;width: 100%;}
.foot-wrapper {height: auto;margin: 20px auto 0;padding: 0;}
.ft ul {display: inline-block;list-style: none outside none;margin: 0 auto 20px;padding: 0;vertical-align: top;}
.ft ul li {border-right: 1px solid #555555; display: inline;margin: 0 0 10px;padding: 0 10px;text-align: center;}
.ft  ul li a {color: #3F6785;font-size: 1.1em;font-weight: 500;text-decoration: none;text-shadow: 0 -1px 0 #000000;transition: color 0.15s ease-in-out 0s;}

hr{display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: inset;
border-width: 1px;}
hr.foot-divide {
margin: 0 auto 20px;
width: 700px;
border-left: 0;
border-right: 0;
border-top: #111 1px solid;
border-bottom: rgba(255, 255, 255, 0.05) 1px solid;
}
.ft .trademark {color: #999999;}
.ft p { color: #F0F0F0;display: block;font-size: 12px; font-weight: 100;line-height: 15px;margin: 0 auto 15px; max-width: 680px;text-align: center;text-shadow: 0 1px 2px #000000;}
.foot-wrapper p a{color:#f0f0f0;}
.foot-wrapper p a:hover{text-decoration: underline;}
/*foot --end*/

/*top*/
.totop{bottom: 100px;
position: fixed;
right: 0;
margin-right: 20px;}
.jiao{display:none;}
.mobile-screen{display:none;}
/*model style*/
@media (max-width: 979px) {
	.hd_nav{width:100%;}
	.nav ul li{padding:0 10px;}
	.ft p{max-width:80%;}
	.mobile-screen{display:block;}
	.pc-screen{display:none;}
}
@media (max-width: 768px) {
	.hd_nav{width:90%;}
	.nav{background:url(../images/iconfont-list.png);width:40px;height:40px;margin-right:3%;}
	.nav ul{position:relative;display:none;background: #fff;top:58px;left:-77px;width:155px;}
	.nav ul li{float:none;border-bottom:1px solid #ccc;margin:0 10px;}
	.jiao{background:url('../images/thumb_nav_bg.png');width:16px;height:12px;position: relative;top: 59px;left:0px;}
	.down{display:none;}
}
@media (max-width: 479px) {
	.nav ul{left:-77px;}
	.jiao{left:-10px;}
	.logo{font-size:22px;}
}

