*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
}
@font-face {
	font-family:font1;
	src: url(../images/cambria.ttf);
}
@font-face {
	font-family:font2;
	src: url(../images/SourceHanSerifCN.ttf);
}
@font-face {
	font-family:font3;
	src: url(../images/TimesNewRomanPSMT.ttf);
}
html{
	font-size: 100px;
        -webkit-text-size-adjust：100%;
        -ms-text-size-adjust:100%;
}
body{
	background: #f4f6f5;
	font-family: "微软雅黑";
	overflow-x: hidden;
        font-size:16px;
}
.wp{
	width: 90%;
	max-width: 1400px;
	margin:0px auto;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
input{
	outline: none;
}
img{
	border: none;
	display: block;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
　　background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; 
}
.flex{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.header{
	position: fixed;
	z-index: 10;
	left:0px;
	top:0.05rem;
	width: 100%;
}
.scrolling .header{
background:#07298d;
}
.header::after{
	content: "";
	position: absolute;
	display: block;
	top:-0.05rem;
	left:0;
	right:0;
	height: 1.5rem;
	background: url(../images/top_bg.png) center repeat-x;
	background-size: auto 99%;
        z-index:-999;
}
.scrolling .header::after{
display:none;
}
.header::before{
	content: "";
	position: absolute;
	display: block;
	top:-0.05rem;
	left:0;
	right:0;
	height: 0.05rem !important;
	background: url(../images/topline.png) center no-repeat;
	background-size: 100% 100%;
}
.header .wp_header{
	position: relative;
	min-height: 1.1rem;
	margin:0 auto;
	width: 90%;
	max-width: 1680px;
}
.logo{
	height: .85rem;
	position: absolute;
	top:.1rem;
	left:0;
}
.logo img{
	height: 100%;
        image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
.top_link{
	position: absolute;
	top:.22rem;
	right:.6rem;
}
.zhuye{
	width: 115px;
	height: 30px;
	line-height: 30px;
	font-size: .14rem;
	background: rgba(255,255,255,.2);
	border-radius: 15px;
	margin-right: 26px;
	position: relative;
}
.zhuye p{
	color: #ffffff;
	position: absolute;
	top:0;
	left:41px;
	transition: 0.7s all;
}
.zhuye i{
	position: absolute;
	width: 30px;
	height: 30px;
	background: rgba(255,255,255,.3);
	border-radius: 50%;
	display:flex; 
	align-items:center;
	top:0;
	left:0;
	transition: 0.7s all;
}
.zhuye:hover i{
	left:85px;
}
.zhuye:hover p{
	left:18px;
}
.search{
	width: 30px;
	height: 30px;
	background: rgba(255,255,255,.2);
	border-radius: 50%;
	display:flex; 
	align-items:center;
	cursor: pointer;
}
.zhuye i img,.search img{
	margin:0 auto;
}
.nav{
	position: absolute;
	top:.7rem;
	right:.6rem;
}
.nav>ul>li{
	float: left;
	position: relative;
}
.nav>ul>li>a{
	font-size: .18rem;
	padding: 0 .16rem;
	display: block;
	color: #ffffff;
	font-weight: bold;
}
.nav>ul>li>a:hover{
	color: #e2ca5b;
}
.nav>ul>li:last-child>a{
	padding:0 0 0 .23rem;
}
.nav .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:13px;min-width:160px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
.nav .sub-nav .sub-nav-h{text-align:center;position:relative;background:#fff;padding:10px 0;box-shadow:0 0 10px rgba(0,0,0,.3);}
.nav .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:5px;margin-bottom:1px;background:#fff;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;color: #434343;line-height: .25rem;}
.nav .sub-nav .sub-nav-h a:hover{background:#07298d;;color:#fff;}
.nav .sub-nav .sub-nav-h:before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#fff;top:-16px;}
.nav ul li:hover .sub-nav{opacity:1;visibility:inherit;}
.nav_menu{
	display: block;
	width: .55rem;
	height: .54rem;
	background: url(../images/third_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:0;
	right:0;
}
.scrolling .nav_menu{
background: none;
}
.btn-nav {
  position: absolute;
  top: 8px;
  right: 6px;
  background: transparent;
  border: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 8px 0;
  width: 28px;
  height: 2px;
  background-color: #FFFFFF;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #ffffff;
}
.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.7);
  display: block;
  height: 100%;
  z-index: 9;
  overflow: hidden;
  padding-left:40px;
  padding-right: 40px;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
}
.nav-list li:first-child{
	margin-top:60px;
}
.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #ffffff;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #ffffff;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}
.none{height: 60px;}
.none img{height: 54px;margin:30px auto 10px;display: block;image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.nav-content ul{height:80vh;overflow:auto}
.nav-content ul::-webkit-scrollbar{display:none}
.nav-content ul li{padding:15px 0;border-bottom:1px solid #ddd}
.nav-content ul li:last-child{border-bottom:0}
.nav-content ul li .navp a{font-size:15px;color:#ffffff;font-weight:700}
.nav-content ul li .navp i{display:block;width:16px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;margin-right:5px;height:16px;background:url(../images/more.svg) center no-repeat;-o-background-size:16px 16px;background-size:16px 16px}
.nav-content ul li.on .navp i{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-content ul li .subNavm{margin-top:10px;padding-left:10px;display:none}
.nav-content ul li .subNavm a{display:block;line-height:30px;font-size:14px;color: #ffffff;}

/*search*/
  .search_wrap{position:fixed;left:0;top:0;width:100%;height:100%;color:#666;transition:all 0.5s;z-index:99999;display:none}
  .search_wrap .search_box{position:fixed;width:80%;max-width:660px;z-index:999;z-index:3;display:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
  .search_wrap .i_txt{width:100%}
  .search_wrap .close{position:fixed;right:4%;top:15%;width:32px;height:32px;background:url(../images/cha.png) no-repeat center;background-size:cover;cursor:pointer;transition-duration:.5s;z-index:9999}
  .search_wrap .close:hover{transform:rotate(90deg)}
  .search_wrap .bck{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3}
  .search_wrap .i_txt{position: absolute;height:42px;font-size:15px;border:none;background:#fff;width: 97%;padding-left:3%;}
  .i_search{width:22px;height:100%;position:absolute;left:15px;top:0;background:url(../images/i_search.png) 50% no-repeat}
  .search_wrap .submit{position:absolute;top:0;right:0;width:80px;height:42px;cursor:pointer}
  
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.footer{
	width: 100%;
	padding:.3rem 0;
	background: #07298d;;
}
.footer-left{
	width: 75%;
}
.friend-link{
	width: 99%;
	padding: .2rem 0 .2rem 1%;
	border-bottom: 1px solid #193ca5;
}
.friend-link h3{
	font-size: .16rem;
	color: #c1c9e1;
	margin-right: .25rem;
	line-height: .3rem;
}
.friend-link ul li{
	float: left;
	font-size: .16rem;
	color: #c1c9e1;
	margin-right: .25rem;
	line-height: .3rem;
}
.friend-link ul a{
	color: #c1c9e1;
}
.friend-link p{color:#c1c9e1;font-size:.16rem;line-height:26px;float:right;}
.information{
	width: 99%;
	padding: .18rem 0 .18rem 1%;
}
.information ul li{
	font-size: .14rem;
	color: #c1c9e1;
	line-height: .3rem;
}
.information h3{
	font-size: .4rem;
	color: #c1c9e1;
	font-weight: normal;
	line-height: .6rem;
	font-family: font3;
}
.information h3::before{
	content: url(../images/icon6.png);
	position: relative;
	margin-right: .2rem;
	top:.08rem;
}
.footer-right{
	padding: .18rem 2% .05rem;
	background: rgba(255,255,255,.08);
}
.ewm{
	width: 1.1rem;
	height: 1.1rem;
}
.ewm img{
	width: 100%;
	height: 100%;
}
.footer-right p{
	width: 100%;
	text-align: center;
	line-height: .4rem;
	color: #c1c9e1;
	font-size: .16rem;
}

@media screen and (max-width:1440px){
html{font-size:80px}
}
@media screen and (max-width:1366px){
html{font-size:87.5px}
}
@media screen and (max-width:1280px){
html{font-size:80px}
}
@media only screen and (min-width:1366px) and (max-width:1920px){
	.nav>ul>li>a{
		padding: 0 .25rem;
	}
}
@media only screen and (min-width:950px) and (max-width:1660px){
	.nav>ul>li>a{
		padding: 0 .18rem;
	}
}
@media only screen and (min-width:1366px) and (max-width:1560px){
	.nav>ul>li>a{
		padding: 0 .1rem;
	}
}
@media only screen and (min-width:950px) and (max-width:1366px){
	.nav>ul>li>a{
		padding: 0 .1rem;
	}
}
@media only screen and (min-width:950px) and (max-width:1280px){
.zhuye p{
	font-size: .16rem;
	padding-left: .04rem;
}
.nav>ul>li>a{
	padding: 0 .15rem;
}
.btn-nav{
	top:2px;
	right:3px;
}
}
@media only screen and (min-width:950px) and (max-width:1200px){
	.header::before{
		height: 1.2rem;
	}
	.nav>ul>li>a{
		padding: 0 .1rem;
	}
	.nav .sub-nav{
		min-width: 130px;
	}
	}
		@media only screen and (max-width:1160px){
			.nav{
		display: none;
	}
      .top_link{top:.35rem;}
       .friend-link p{float:left;width:100%;}
		}
@media only screen and (min-width:751px) and (max-width:980px){
	
	.top_link{
		top:.35rem;
	}
	.btn-nav{
		top:2px;
		right:3px;
	}
	.information h3{
		font-size: .36rem;
	}
	.information h3::before{
		content: url(../images/icon7.png);
	}
	}
	@media only screen and (min-width:751px) and (max-width:960px){
	.zhuye p{
		left: 46px;
	}
	}
	@media only screen and (max-width:950px){
	.header::before{
		height: 1.2rem;
	}
	}
@media only screen and (min-width:750px) and (max-width:920px){
	.information h3{
		font-size: .3rem;
	}
}
@media only screen and (min-width:750px) and (max-width:870px){
	.information h3{
			font-size: .26rem;
			line-height: inherit;
		}
		.information h3::before{
			content: url(../images/icon8.png);
			margin-right: .02rem;
			top:.15rem;
		}
	}
@media only screen and (min-width:750px) and (max-width:830px){
       .logo{height:.7rem;}
       .top_link{top:.25rem;}
	.information h3{font-size: .18rem;}
	.information h3::before{
		content: url(../images/icon9.png);
		top:.1rem;
	}
	}
@media only screen and (max-width:750px){
       .logo{height:.65rem;}
       .header::after{
		height: 1rem;
	}
	.zhuye p{
		left: 46px;
	}
	.nav{
		display: none;
	}
	.top_link{
		top:.2rem;
	}
	.btn-nav{
		top:2px;
		right:3px;
	}
	.footer .wp{
		position: relative;
	}
	.information h3,.information ul{
		float: none;
	}
	.information h3{
		margin-top:10px;
	}
	.footer-left{
		width: 100%;
	}
	.footer-right{
		float: none;
		position: absolute;
		right: 0;
		bottom:0;
	}
	}
@media only screen and (max-width:670px){
        .header .wp_header{
         min-height:.8rem;
        }
	.header::before{
		height: .9rem;
	}
	.top_link{
		display: none;
	}
	.logo{
             top:.08rem;
		height: .6rem;
	}
	.more{
		width:3rem;
	}
	}
@media only screen and (max-width:550px){
       .header::after{
         height:.7rem;
         }
       .header .wp_header{
         min-height:.6rem;
        }
	.header::before{
		height: .7rem;
	}
        .logo{
		height: .5rem;
	}
       .scrolling .logo{
               top:.03rem;
	}
	.none img{
		height: 50px;
	}
	.ewm{
		width: 60px;
		height: 60px;
	}
	.footer-right{
		padding:.1rem 2% 0;
	}
	}
@media  only screen and (max-width:420px){
	.none img{
		height: 44px;
	}
		.ewm{
			width: 60px;
			height: 60px;
		}
		.footer-right{
			padding:.1rem 2%;
		}
		.footer-right p{
			display: none;
		}
		}
@media only screen and (max-width:380px){
	.none img{
		height: 40px;
	}
	.information h3{
		font-size: .3rem;
	}
	.information h3::before{
		content: url(../images/icon7.png);
		top:.1rem;
	}
}
@media only screen and (max-width:360px){
	.logo{
		height: .44rem;
             
	}
       .scrolling .logo{
               top:.06rem;
	}
}	
@media only screen and (max-width:320px){
	.none img{
		height: 36px;
	}
	.information h3{
		font-size: .26rem;
	}
	.information h3::before{
		content: url(../images/icon8.png);
		top:.1rem;
		margin-right: .1rem;
	}
	.footer-right{
		bottom:18px;
	}
}