div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px; color: #1d406e;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #c7e2f1;}
.l{float: left;}
.r{float: right;}
.margin_top{margin-top: 70px;}
/*container*/
.container{margin: 0 auto;}
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1230px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.mt{margin-top: 70px;}
.row{margin: 0 45px;}
.owl-dots{text-align: center; margin-top: 30px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 20px; height: 20px; margin:0 7px; display: block; background: #eaeaea; border-radius: 30px; padding:0;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #08b0ef;}
/*banner*/
.banner{background: url(banner.jpg) no-repeat center 0; height: 610px; }
.banner_phone{display: block; width: 100%;}

.back1{background: #bddcee; padding-bottom: 85px;}
.owl-carousel-two{max-width: 920px; margin: 0 auto;}
.owl-carousel-two .owl-nav button{position: absolute; top: 45%; outline: none;}
.owl-carousel-two .owl-nav button.owl-prev{left: -100px;}
.owl-carousel-two .owl-nav button.owl-next{right: -100px;}


.top_txt{padding: 60px 0; /*text-align: center;*/}
.top_txt p{font-size: 30px; line-height: 52px;}

.title{position: relative; padding: 70px 0 60px; }
.title span{display: block; margin: 0 auto; background: #3e85b4; width: 638px; height: 86px; text-align: center; font-size: 48px; font-weight: bold;
color: #fff; line-height: 86px; border-radius: 50px;}
.title .title-back{background: url(title-back.png) no-repeat center center; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
background-size: 100%;}

.programmes-mb{margin-bottom: 8px;}
.programmes{overflow: hidden;}
.programmes-ti{width: 12.5%; float: left; background: #458fc1; text-align: center; margin-right: 2.5%; position: relative;}
.programmes-ti img{display: block; position: absolute; top: 48%; right: -11px;}
.programmes-ti span{display: block; font-size: 30px; line-height: 34px; padding: 52px 55px; color: #fff; }
.programmes-list{width: 42%; float: left; position: relative;}
.programmes-text{position: absolute; left: 0; top: 0; width: 100%; padding-top: 23%; text-align: center;}
.programmes-text span{color: #fff; display: block; color: #fff; font-size: 28px; line-height: 36px;}
.programmes-text a{color: #fff; display: block; color: #fff; font-size: 20px; line-height: 38px; border:1px solid #fff; text-align: center; width: 148px;
height: 38px; margin: 0 auto; margin-top: 20px;}
.programmes-list img{display: block; width: 100%;}
.programmesmr{margin-right: 1%;}

.programmes-phone-nav{margin-top: 30px;}
.programmes-phone-nav span{display: inline-block; width: 46%; margin: 0 1.5%; text-align: center;  font-size: 18px; height: 40px; line-height: 40px;
background: #fff; color: #458fc1;}
.programmes-phone-nav span.choose{background: #458fc1; color: #fff;}
.programmes-phone-contents{display: none;}
.chooseon{display: block;}


.product-success .items{background: #def2fd; padding: 20px 35px 30px;}
.product-success .items h5{color: #325078; line-height: 36px; font-size: 24px; padding-bottom: 10px;}
.product-success .items p{color: #3f3f3f; padding-bottom: 15px;}
.product-success .items a{display: block; color: #fff; line-height: 40px; width: 130px; height: 40px; background: #478dbe; text-align: center;}
.product-success .items:hover{background: #478dbe;}
.product-success .items:hover .tit,.product-success .items:hover .Desc{color: #fff;}
.product-success .items:hover .href{background: #fff; color: #478dbe;}

.news-left{width: 64%; float: left; position: relative;}
.check{position: absolute; left: 0; top: 0; display: none;}
.onshow{display: block;}
.news-left img{display: block; width: 100%; }
.news-right{width: 35.5%; float: right;}
.news-right .btn{background: #e0f0f9; padding: 40px 30px 0; min-height: 110px;}
.news-right .btn a{font-size: 26px; line-height: 34px; color: #325078;}
.btn-mb{margin-bottom: 6px;}
.news-right .on{background: #478dbe;}
.news-right .on a{color: #fff;}
/*foot*/
.footer{background: #1a608d; }
.footer img{display: block; float: left; margin: 85px 4% 0;}
.footer-txt{float: left;}
.footer-txt p{color: #fff; font-size: 20px; line-height: 30px;}
.footer-txt p.dian{padding-left: 15px; background: url(dian.png) no-repeat left 12px;}
.foot{background: url(footer.png) no-repeat center 0; padding: 45px 0 90px;}


.right-bar{position: fixed; right: 0; bottom: 100px; z-index: 102;}
.right-bar a{display: block;}

@media screen and (max-width: 1229px){
	.news-right .btn{min-height: 107px;}
	.footer img{margin: 80px 4% 0;}

	.programmes-ti span{padding: 48px 55px;}
}
@media screen and (max-width: 1199px){
	.owl-carousel-two .owl-nav button{opacity: 0.7;}
	.owl-carousel-two .owl-nav button.owl-prev{left: 0;}
	.owl-carousel-two .owl-nav button.owl-next{right: 0;}

	.news-right .btn{min-height: 101px; padding: 20px 20px 0;}
	.btn-mb{margin-bottom: 5px;}

	/*.footer-txt{margin:30px 0 0 4%; }*/

	.programmes-ti span{font-size: 28px; line-height: 32px; padding: 26px 45px;}
	.programmes-text{padding-top: 21%;}
}
@media screen and (max-width: 991px){
	.news-right .btn a{font-size: 20px; line-height: 27px;}
	.news-right .btn{min-height: 73px;}

	.top_txt p{font-size: 24px; line-height: 36px;}

	.title span{width: 400px; height: 80px; line-height: 80px; font-size: 40px;}

	.programmes-list{width: 100%;}
	.programmesmr{margin-bottom: 20px;}
	.programmes-text{padding-top: 20%;}
	.programmes-text span{font-size: 24px; }
	.programmes-text a{font-size: 18px; width: 120px; margin-top: 12px;}
	
}
@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
	.top_txt{text-align: left; padding: 30px 0;}
	.top_txt p{font-size: 20px; line-height: 27px; padding-bottom: 5px;}
	.title{padding: 40px 0 20px;}
	.title span{width: 200px; height: 60px; line-height: 60px; font-size: 24px;}


	.back1 {padding-bottom: 40px;}

	.product-success .items{padding: 20px;}
	.product-success .items h5{font-size: 20px; line-height: 27px;}
	.product-success .items p{font-size: 16px; line-height: 24px;}
	.product-success .items a{width: 100px; height: 30px; font-size: 16px; line-height: 30px;}

	.margin_top{margin-top: 40px;}

	.news-left{float: none; width: 100%; margin-bottom: 15px;}
	.news-right{float: none; width: 100%;}

	.check{position: static;}
	.news-right .btn{min-height: auto; padding: 15px;}
	.news-right .btn a{font-size: 18px; line-height: 27px;}

	.footer img{margin: 0 0 0 4%; width: 65%;}
	.footer-txt p{font-size: 18px; line-height: 27px;}
	.foot{padding-bottom: 70px;}

	.owl-carousel-two .owl-nav button img{width: 40px;}
}