div,p,h1,h2,h3,h4,h5,h6,span,i,a,li{font-family: "Microsoft YaHei"; padding:0; margin:0;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
ul{padding-left: 0; margin:0;}
a:hover,a:link{text-decoration: none;}
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

.banner{background: url(banner.jpg) no-repeat center 0; height: 500px;}
.banner-img{display: block; width: 100%;}
.num1{padding: 50px 0 54px;}
.p0{padding:0;}
.num1_l{display: block; width: 100%;}
.num1_r{padding:0 0 0 22px;}
.num1_r h2{font-size: 34px; color: #0071c5; line-height: 40px;}
.num1_r h6{color: #0071c5; font-size: 20px; line-height: 34px;
padding-bottom: 5px;}
.num1_r p{color: #666; font-size: 16px; line-height: 24px; padding-top: 6px;}
.Understand_details{font-size: 16px; color:#0071c5; width: 100px;
 text-decoration: underline!important; display: block; padding-top: 17px;}

 .back1{background: url(back1.jpg) no-repeat center 0; min-height: 580px;
 	background-size: cover;}
.back1 .tit{width: 180px; height: 60px; line-height: 60px; color: #fff;
font-size: 36px; font-weight: bold; text-align: center; background: #0071c5;} 
	.back1 h4{color: #fff; font-size: 30px; line-height: 40px; font-weight: bold;
		padding:34px 0 15px;}
.back1 p{color: #666; font-size: 16px; line-height: 24px; color: #fff;
 padding-top: 8px;}
.Understand_details2{color: #fff; line-height: 24px; font-size: 16px; 
text-decoration: underline!important; padding-top: 25px; display: block;
width: 100px;}

.tit2{font-size: 36px; color: #0071c5; padding-left: 20px;
 border-left: 10px solid #0071c5; height: 36px; line-height: 36px;
margin:60px 0 40px;} 
.video{cursor: pointer;}
.num3_r{background: #0071c5; min-height: 374px;}
.num3_r_p{padding:0 20px 0 20px;}
.num3_r_p h5{font-size: 21px; color: #fff; padding:30px 0 18px; font-weight: bold;}
.num3_r_p p{font-size: 16px; color: #fff; line-height: 24px; padding-bottom:10px;}
.download{text-decoration: underline!important; color: #fff;
 font-size: 16px; cursor: pointer;}
.num3_box{overflow: hidden;}
.num3_box_img{display: block; width: 100%;}


.back2{background: #f0f0f0; padding-bottom: 90px;}
.tit3{font-size: 36px; color: #0071c5; padding-left: 20px;
 border-left: 10px solid #0071c5; height: 36px; line-height: 36px;
margin:60px 0 0;} 
.back2 h2{color: #00aeef; font-size: 30px; line-height: 30px;
 padding:40px 0 18px;}
 .back2 p{font-size: 16px; line-height: 24px; padding-bottom: 25px;}
.back2 .download{color: #0071c5; text-decoration: underline!important;
font-size: 16px;}
.back2 img{display: block; width: 100%;}

.num5{margin-bottom: 50px;}
.num5 .owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}
.num5 .owl-carousel .owl-controls .owl-buttons div {
  position: absolute;
}
 
.num5 .owl-carousel .owl-controls .owl-buttons .owl-prev{
  left: 0px;
  top: 40%; 
}
 
.num5 .owl-carousel .owl-controls .owl-buttons .owl-next{
  right: 0px;
  top: 40%;
}

.video_box{width: 100%; position: relative; height: 100%;}
.center-block{margin-bottom: -6px;}
.video_cover{position: relative; width: 100%; display: block; height: auto;}
.video_box a{display: block; width: 100%; height: 100%; position: absolute;top: 0;
 left: 0; z-index: 1;}
.jwlogo{display: none;}
.jwdisplayIcon{display: none!important;}
#player100_display_button{display: none!important;}
/*model*/
.close{float: right; display: block; width: 30px; margin-top: 10px;
 margin-right: 10px;}
.hide-box{ max-width: 600px; margin:0 auto; padding-bottom: 30px;}
 .hide-box h3{text-align: center; font-size: 30px; color: #3176c0;
  padding:27px 0;}
.hide-box h5{color: #000; font-weight: bold; font-size: 18px;
 padding-bottom: 10px;}
.hide-box p{font-size: 16px; line-height: 24px;}
 .content{max-width: 600px; margin:0 auto; margin-top: 20px;}
.content .input_box{display: block; padding:5px 0; margin-bottom: 10px;}
.content .input_box input{ height: 30px;
	/*border-top-width: 0px;
    border-right-width: 0px; 
    border-bottom-width: 1px;
    border-left-width: 0px;*/
    /*border-color: #666;*/
    outline: none;
    width: 400px;

}
select{width: 400px; height: 30px;}
.content i{font-size: 16px; color: #666666; font-style: normal;}
.input_checked{margin: 15px 0;}
.input_checked_c{margin-bottom: 10px;}
.input_checked_c h6{font-size: 16px; font-weight: bold;
 padding-bottom: 5px;}
.input_checked span{display: inline-block; width: 45%;}
 #butt{display: block; width: 198px; height: 34px; background:#3176c0; color: #fff;  font-size: 22px; margin:0 auto;
 	outline: none; border:1px solid #666; margin-top: 30px;}
 .content em{display:block; color: red; font-size: 16px; line-height: 20px; padding-bottom: 20px;
  opacity: 0; filter: alpha(opacity=0)}
.end-input{
	border-top-width: 0px;
    border-right-width: 0px; 
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: #666;
    outline: none;
} 
.statement{margin:10px 0;}
.statement p{font-size: 12px; color: #ccc; line-height: 20px;} 
.statement a{text-decoration: underline;}
/*foot*/
.foot{background:#787878; width:100%; min-height:120px;}
.foot-1{max-width:960px; width: 100%; margin:0 auto;padding-top:30px}
.foot-1 p{font-size:16px;color:#fff;line-height:28px; margin-bottom: 0;}
.foot-1 img{display: block; padding:5px 0 0 30px; margin-right:30px;
 width: 20%; float: left;}
/*foot-mobile*/
.foot2{background: #787878; width:100%; max-height:166px; margin:0 auto;
 padding-bottom: 3%;}
.foot2-1{overflow: hidden; clear:both;}
.foot2-1 .li1-1{float: left; width: 30%; margin-left: 7%; padding-top: 5%;}
.foot2-1 .li1-1 img{width: 100%; float: left;}
.foot2-1 .li1-2{float: left; width: 58%; padding-left: 5%; padding-top: 5%;}
.foot2-1 .li1-2 p{color: #fff; font-size: 16px; line-height:1.5; margin:0;}
@media screen and (min-height: 900px){
	.modal-dialog{width: 700px;}
}
@media screen and (max-width: 1199px){
	.num1_r h6{line-height: 24px; padding-bottom: 0; padding-top: 2px;}
	.num1_r p{padding-top: 5px;}
	/*.num3_box1{margin-bottom: 20px;}*/
	.back1{padding-bottom: 30px;}
}
@media screen and (max-width: 991px){
	.num1_r{padding:0;}
	.num1_r h2{padding-top: 10px;}
	.num1_r h6{line-height: 28px; padding-bottom: 5px; padding-top: 2px;}
}
@media screen and (max-width: 768px){
	.num1_r h2{font-size: 28px;}
	.back1 .tit{width: 150px; height: 50px; font-size: 28px; line-height: 50px;}
	.back1 h4{font-size: 24px; line-height: 32px; padding:20px 0 6px;}
	.tit2{font-size: 32px; padding-left: 15px;
 border-left: 5px solid #0071c5; height: 32px; line-height: 32px;
margin:30px 0 20px;} 
	.num3_r{padding-bottom: 15px;}
	.num3_r_p h5{font-size: 20px; line-height: 26px; padding:15px 0 10px;}
	.num3_box1{margin-bottom: 20px;}
	.num1{padding: 30px 0 24px;}

	.tit3{margin:30px 0 0; font-size: 32px; padding-left: 15px;
 border-left: 5px solid #0071c5; height: 32px; line-height: 32px;}
 .back2{padding-bottom: 40px;}
 .back2 h2{font-size: 26px; padding:20px 0 10px;}
 .back2 .download{display: block; padding-bottom: 15px;}
 .num5 .owl-carousel .owl-controls .owl-buttons div{width: 40px;}
 .num5 .owl-carousel .owl-controls .owl-buttons div img{width: 100%;}
 .num5{margin-bottom: 30px;}
 .content .input_box input{width: 60%;}
 select{width: 60%;}
 .hide-box{width: 92%;}
}