@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,cite,em,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section,del,i{margin:0;padding:0}
body{width:100%; font-size:0.22rem; min-width: 320px; font-family:"Microsoft Yahei",宋体,"Times New Roman",Time,serif; color:#333; padding:0px; margin:0 auto; background:#fff;}
table{border-spacing: 0; border-collapse: collapse;}
header img,section img,footer img{width:100%; border:0; overflow:hidden; vertical-align:top; height:auto; padding:0; margin:0 auto;}
ol,ul,li,dl,dt,dd{list-style:none;}
cite,code,em,i{font-style:normal;font-family:"Microsoft Yahei" ;}
a{color:#4a4a4a;text-decoration:none}
a:hover{color:#5c89b9;} 
.cl{clear:both}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;} /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; outline:medium;font-family:"Microsoft Yahei";}
select{font-family:"Microsoft Yahei";}
textarea { -webkit-appearance: none;}
cite{font-style:normal;}
h1,h2,h3,h4,h5{font-weight:400;}
.colorfff a:link,.colorfff a:visited{color:#fff;}
.colorfff a:active,.colorfff a:hover{color:#fff;}
.colorf024 a:link,.colorf024 a:visited{color:#ff0024;font-size: 0.24rem;}
.colorf024 a:active,.colorf024 a:hover{color:#ff0024;font-size: 0.24rem;}


body{padding-bottom:1rem; padding-top:0.6rem ;}
header,section,footer{width:100%;}
header{background: #0965b7; height: 0.6rem;position:fixed; left:0; top:0; z-index:999;}
header ul{width: 100%; padding:0.13rem 0 0 0;}
header li{float: left; width: 24%; font-size:0.24rem; text-align: center; letter-spacing: 0.02rem; line-height: 0.35rem; color: #fff;border-right: 1px solid #fff;}
header li:last-child{border-right:none ;}

#swiper-container{width:100%; position:relative; margin:0 auto;}
#swiper-container .swiper-slide{width:100%;}
#swiper-container .swiper-slide a{height:100%; display:block;}
#swiper-container>.swiper-pagination{ bottom:0.3rem!important; text-align:center; z-index:9999; position:absolute; width:100%;}
.me-bullet{width:0.1rem; height:0.1rem; display:inline-block; margin:0 0.05rem !important; float:none; cursor:pointer; opacity:1; background:#fff;border-radius:0.05rem;-moz-border-radius:0.05rem; -webkit-border-radius:0.05rem;}
.me-bullet-active{width:0.1rem; height:0.1rem; background:#00caff;border-radius:0.05rem;-moz-border-radius:0.05rem; -webkit-border-radius:0.05rem;}

.indextjg{width: 15%;margin: auto;}
.indextjg img{width:100%; margin:auto;}
.indextjg1{width:14%; margin: 0 auto; height: 0.88rem; background: url(images/jg_bg.png) no-repeat; text-align: center; color: #fff;
 background-size: 100% 100%; font-size: 0.16rem;}
 .indextjg1 h4{padding-top:8%;}

.indextit,.indextitone{width: 100%; text-align: center; font-size:0.38rem;font-weight: 700; margin-top:0.15rem;}
.indextit code,.indextitone code{color: #ff0024;}
.indextit p,.indextitone p{color: #999;font-size:0.24rem;font-weight: 400; line-height:0.45rem;}
.indextitone{font-size:0.48rem; font-weight:400; padding-bottom: 0.3rem;}
.indextit p.indextitpp{font-size: 0.26rem; padding-top:0.4rem; color: #333;}
.indextit p.indextitpp cite{font-size:0.44rem; color: #ff0024;}

.indextbox{width: 95%; margin: auto;}
.indextxt1{ width:100%; float: left; margin:0.45rem 0; background-image: linear-gradient(to top,#0471c3,#068dcf); padding-bottom: 0.3rem;
	 box-shadow:1px 3px 12px 6px #dff0fc;
	 webkit-box-shadow:1px 3px 12px 6px #dff0fc;
	 moz-box-shadow:1px 3px 12px 6px #dff0fc;
	 o-box-shadow:1px 3px 12px 6px #dff0fc;
border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;}
.nyvideo video{width:95%; margin:2.5%;}
.indextxt1_r{width: 95%; float: left; margin-left: 2.7%; letter-spacing: 0.01rem;}
.indextxt1_r dt{font-size:0.24rem; color: #0584cb; background: #fff;display: inline-block; padding:0.05rem 0.3rem;
border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; margin-top:0.3rem;}
.indextxt1_r dd{font-size:0.24rem; color: #fff; line-height:0.4rem; margin: 0.15rem 0 0 0.15rem;}

.indextxt2{ width: 100%; background: #fff5e3; padding-bottom:0.8rem; padding-top: 0.2rem; float: left;}
.indexttxt3{ width: 100%; background-image: linear-gradient(to top,#035db8,#0585ce); margin-bottom: 0.5rem; border-radius:0 0.2rem 0 0.2rem; -moz-border-radius:0 0.2rem 0 0.2rem;  -webkit-border-radius:0 0.2rem 0 0.2rem; }
.indexttit3_rtit{font-size:0.48rem;color: #fff; text-align: center; font-weight: 700; padding: 0.45rem 0 0.15rem 0;}

.indexttit3_rtit1{padding-bottom:0.7rem; width:78%; margin-left:10%; padding-top: 0.2rem;}
.indexttit3_rtit1 li{ padding:0.18rem 0; font-size:0.35rem; color:#fff;}
.indexttit3_rtit1 li img{width:7%;margin:0.06rem 0.2rem 0 0;}
.indexttit3_rtit1 li span{float: right;}
.indexttit3_rtit1btn{ outline: none; cursor: pointer; font-size: 0.22rem; border: 1px solid #fff; background:none; color:#fff; padding: 0.07rem 0.3rem;}

.indextxt3_1{ width: 100%; float: left; background: #fff; margin-top: 0.4rem; padding: 0.3rem 0;
	 box-shadow:1px 3px 10px 3px #f9e7c9;
	 webkit-box-shadow:1px 3px 10px 3px #f9e7c9;
	 moz-box-shadow:1px 3px 10px 3px #f9e7c9;
	 o-box-shadow:1px 3px 10px 3px #f9e7c9;
border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;}
.indextit3form{margin-left:4%; padding-right: 0.3rem; padding-bottom: 0.3rem; float: left;}
.indextit3form dt{width: 100%;float: left; font-size:0.26rem; color: #000; line-height:0.6rem;}
.indextit3form dd{float: left;font-size:0.2rem; color: #666; margin-left:0.28rem; padding:0.1rem 0;}

label.radio {margin: 3px 3px 0px 5px; cursor: pointer; display: inline-block; box-sizing: border-box;width: 14px;height: 14px;}
.radio__appearance{	
	display: block; /* 设置为block则不受vertical-align影响，从而不会意外影响到.radio的linebox高度 */
	position: relative;
	box-shadow: 0 0 0 1px #007AFF; /* box-shadow不像border那样会影响盒子的框高 */			
	border-radius: 50%;		
	height: 90%;		
	width: 90%;	
	text-align: center;
	background: #f2f3f3;
	}
label.radio [type=radio] + .radio__appearance::before{
	content: "";
	display: block;
	border-radius: 50%;
	width: 60%;
	height:60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background .3s;		
	}
			
label.radio [type=radio]:checked + .radio__appearance::before{
	background: #007AFF;
	}		
label.radio [type=radio][disabled] + .radio__appearance{	
	opacity: .5;
	}
label.radio:focus{outline-offset: 0px; outline:none;}	
	/* 通过鼠标单击获得焦点时，outline效果不生效 */
label.radio.clicked{ outline: none 0;}		
/* 自定义单选框的行为主要是基于原生单选框的，因此先将原生单选框隐藏 */
label.radio input {
	display: none;
	}
.indextxt3box{width: 95%; margin: auto;}
.indextxt3input{width:58%; height:0.5rem; text-indent:0.2rem; font-size:0.2rem;color: #999;float: left; background:#fff; border:1px solid #057fc9;
	box-shadow:4px 4px 8px #dff0fc;
	webkit-box-shadow:4px 4px 8px #dff0fc;
	moz-box-shadow:4px 4px 8px #dff0fc;
	o-box-shadow:4px 4px 8px #dff0fc;
	margin: 0.15rem 4% 0 0;
}
.indextxt3btn{width:37%; color: #fff; background:url(images/btn1.png) no-repeat; background-size: 100% 100%; height: 0.8rem; line-height: 0.8rem;
 outline: none; cursor: pointer; border: none; font-size: 0.26rem; float: left; }

.indexbox4{width: 77%; margin: auto;}
.indextxt4,.indextxt5{width:100%; float: left; background: #fffaf0; padding:0.24rem 0; margin-bottom: 0.3rem;}
.indextxt4pic{margin: 0 auto;width:20%;}
.indextxt4 h4,.indextxt5 h4{font-size:0.36rem; color: #ff8a00; text-align: center;}
.indextxt4 p,.indextxt5 p{text-align: center;font-size:0.18rem; color: #666; padding:0.2rem 0.45rem; line-height:0.35rem;}
.indextxt5{background: #f5fbff;}
.indextxt5 h4{color: #0585ce; padding: 0.1rem 0 0 0 ;}
.indextxt5 p.indextxt5one{padding-top:1rem;}

.indextxt6{width: 100%; background: #005c98; float: left; padding:0.5rem 0 ; margin-top: 0.5rem;}
.indextxt6_l{width: 22%; float: left; text-align: right;font-size:0.28rem; color: #fff; margin-top: 0.15rem;}
.indextxt6_c{width: 34%; float: left;}
.indextxt6_c img{width: 100%;}
.indextxt6_r{width: 44%;float: left;font-size:0.7rem; color: #fff; text-shadow:4px 4px 8px #414141;}
.indextxt6wd{width:99.5%; margin: auto; }
.indextxt7{float: left; margin-top: 0.1rem; width:100%; padding: 0.3rem 0; background: #333;border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;}
.indextxt7_l{width:56%; float: left;  text-align: right; color: #fff;}
.indextxt7_l h4{width: 100%;font-size: 0.3rem;}
.indextxt7_l code{color: #ffb22f;}
.indextxt7_l h5{ width: 100%; font-size:0.2rem;}
.indextxt7_r{width:43%;float: right;}
.indextxt7_r img{ width:10%;float: left; margin: 0.2rem 0.05rem 0 0.05rem;}
.indextit7btn1{ width:83%; background: #ffb22f; outline: none; margin-top: 0.05rem; padding: 0.15rem 0; border: none; cursor: pointer; float: left; font-size:0.2rem; 
border-radius:0.1rem; -moz-border-radius:0.1rem; -webkit-border-radius:0.1rem;}
.indextit7btn1 h4{padding: 0 0.1rem;}


.indextxt8box{width:92%;margin: auto;}
.indextxt8w640{width: 100%; float: left; background: #f5fbff; margin-top: 0.2rem;}
.indextxt8w640 h4,.indextxt8w260 h4{font-size:0.32rem; border-left:7px solid #005c98; height:0.32rem; padding-left:0.15rem; margin-top:0.3rem; line-height:0.32rem;}
.indextxt8w640 ul{width:32%; float: left; margin: 0.2rem 0 0.3rem 0;}
.indextxt8w640 li{width:100%; padding-left:15%; font-size:0.18rem; line-height:0.35rem; height:0.35rem; float: left;}
.indextxt8w640 li code,.indextxt8w260 li code{ width:0.1rem;height:0.1rem;border:2px solid #2d5579;margin:0.09rem 0.05rem 0 0;
border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;display: block; float: left;}

.indextxt8w260{width:48%; float: left; background: #f5fff9; margin-top: 0.3rem; padding-bottom: 0.3rem;}
.indextxt8w260 ul{width: 100%;margin: 0.2rem 0 0.3rem 0;}
.indextxt8w260 li{width:90%;padding-left:10%; font-size:0.18rem; line-height:0.35rem; height:0.35rem; float: left;}
.indextxt8w260 h4{ border-left:7px solid #449800;}
.indextxt8w260 li code{border:2px solid #449800;}
.indextxt8w260.indextxt8one{background: #fffff5; margin-left: 4%;}
.indextxt8w260.indextxt8one h4{border-left:7px solid #bbbb00;}
.indextxt8w260.indextxt8one li code{border:2px solid #bbbb00;}

.indextxt9{ width: 100%; background: #fff;  border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;
	box-shadow:0px 4px 15px 6px #f3f3f3;
	webkit-box-shadow:0px 10px 15px 10px #f3f3f3;
	moz-box-shadow:0px 10px 15px 10px #f3f3f3;
	o-box-shadow:0px 10px 15px 10px #f3f3f3;
	margin-top: 0.6rem;
	float: left;
}
.indextit9{width: 100%; position: relative; padding-bottom: 0.2rem;}
.indextit9pic img{border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;
	box-shadow: 0px 4px 10px 0px #e8e8e8;
	webkit-box-shadow: 0px 4px 10px 0px #e8e8e8;
	moz-box-shadow: 0px 4px 10px 0px #e8e8e8;
	o-box-shadow: 0px 4px 10px 0px #e8e8e8;}
.indextit9 h4{position: absolute; top:0.3rem; left: 0.5rem; font-size:0.6rem; color: #fff;}
.indextit9 span{width:25%;position: absolute; right: 0.3rem; top:0.4rem}
.indextit9 p{position: absolute;right: 0.65rem; top:1rem;font-size: 0.4rem; color: #fff;}
.indextit9 p code{font-size: 0.24rem;}

.indextxt9box{width:98%; margin: auto; padding: 0.3rem 0;}
.indextxt9wd1{width:25%; float: left;}
.indextxt9wd1 h4{float: right;}
.indextxt9wd1 h4 code{ width:0.12rem;height:0.12rem; margin:0.09rem 0.1rem 0 0; background: #ff5463;
border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;display: block; float: left;}
.indextxt9wd1 h4 code.wd1col{background: #009cf0;}
.indextxt9wdr{width: 70%;float: left;}
.indextxt9wdr code{color: #666; margin:0  0.08rem;}
.indextxt9btn1{width: 40%; border: none; margin: 0 0.16rem 0 0.38rem; position: relative; background: none;}
.indextxt9btn1 h4{font-size: 0.24rem; color: #fff; position: absolute; top:0.2rem; left: 0.8rem;}
.indextxt9btn1pt{padding: 0.8rem 0 0 0;}
.indextxt9btn2{width:84%; color: #fff; background:url(images/btn2.png) no-repeat; background-size: 100% 100%; height: 1.2rem; line-height:1.2rem;
 outline: none; cursor: pointer; border: none; padding-right: 0.5rem; font-size: 0.32rem; float: left;  margin: 0.5rem 0 0.5rem 8%;}


.indextxt10{ background: #f8f8f8; padding: 60px 0;}
.indextxt10btn1{width:94%; color: #fff; background:url(images/btn3.png) no-repeat; background-size: 100% 100%; height: 1.2rem; line-height:1.2rem;
 outline: none; cursor: pointer; border: none; padding-right: 0.5rem; font-size: 0.32rem; float: left;  margin: 0.5rem 0 0.5rem 3%;}
.indextxt10box{width:94%; margin:0 auto;}
.indextit10 dd{width:33%; float: left; text-align: center; margin-top: 0.3rem;}
.indextit10 dd.tit10lt{width:63%; float: right;}
.indextit10 dd p{color: #444; font-size:0.24rem;  line-height: 0.3rem; padding-top: 0.1rem; width: 100%;}
.indextit10 dd.tit10ct{width:70%; margin-left: 15%; float: left;}
.indextit10_1{width: 100%; float: left; font-size:0.24rem; color: #444; line-height:0.4rem; margin:0.3rem 0 1rem 0;}

.foot{background: #0965b7; width: 100%;}
.foot h4{font-size: 0.48rem; color: #fff; text-align: center; padding: 0.4rem 0;}
.foot p{color: #fff;font-size: 0.3rem; text-align: center; padding-bottom: 0.1rem;}
.foot p code{font-size: 0.5rem;}
.foot p img{margin: auto; width: 40%; margin: 0.4rem 0;}

.footer{background: #333; font-family: 宋体; font-size: 0.16rem;color: #fff;padding: 0.2rem 0;}
.footer p{text-align: center;line-height:0.3rem;}
.footer code{font-family: 宋体;}

.ftan{width:100%; position:fixed; left:0; bottom:0; z-index:999;}
.ftan li{float:left; height:1rem; line-height:1rem; font-size:0.36rem; text-align:center; background:#ccc;}
.ftan li img{height:0.65rem; width:auto; display:inline-block; vertical-align:middle; margin-right:5%; position:relative; top:-2px;}
.ftan li.ftan1{background:#009b7d; width: 50%;}
.ftan li.ftan2{background:#ff994e; width: 50%;}
.ftan li a{height:100%; display:block;}

@media screen and (max-width:667px){
	.indextit9 p{position: absolute;right: 0.54rem; top:0.9rem;font-size: 0.4rem; color: #fff;}
	.indextxt9btn1 h4{font-size: 0.24rem; color: #fff; position: absolute; top:0.15rem; left: 0.7rem;}
	.indextxt7_l h4{width: 100%;font-size: 0.28rem;}
}
@media screen and (max-width:370px){
	.indextjg1 h4{font-size: 10px; padding-top: 0;}
}