* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none; }

body{-webkit-text-size-adjust:none;font-family:Arial, Helvetica,sans-serif; line-height:26px;}
body {
  color: #181818;
  font-family: "Roboto", sans-serif;
  font-size: 16px;font-weight: 400; margin: 0px; padding: 0px
}
@media only screen and (max-width:1400px) {
body {font-size: 14px;}
}
h1, h2, h3, h4, h5, h6 {
  color: #181818;}

a > h1, a > h2, a > h3, a > h4, a > h5, a > h6 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

p{ margin:0px; padding:0px}
li{list-style: none}
a {
  color: #181818;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; display: inline-block; 
}

a:hover, a:focus, a:active, a:visited {
  color: #181818;
text-decoration: none;
  outline: none; }
/*-----------------共用------------*/
.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%;}

.main_box{ max-width:1200px; overflow:hidden; width:94%; margin:0 auto;}
.main_box1{ max-width:1300px; overflow:hidden; width:94%; margin:0 auto;}


@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:15px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.hui_bg{ background:#F6F7FB; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }


@media only screen and (max-width:1400px) {
.hui_bg{ background:#F6F7FB; width:100%; padding:40px 0px 40px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#F6F7FB; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}



.xy_top_logo{margin: 10px 0px;overflow: hidden; padding: 0px; }

.top_logo{padding: 0px; margin: 0px;}
.top_logo img{height: 58px; width: auto; vertical-align: top}

@media only screen and (max-width:760px) {
.top_logo{padding: 0px; margin: 0px; text-align: center}	
.top_logo img{height: 50px; width: auto; vertical-align: top}
}

@media only screen and (max-width:630px) {
.top_logo img{height: 45px; width: auto; vertical-align: top;}
}


.top_xy_bg{overflow: hidden; padding: 0px;margin: 0px;background-image: linear-gradient(-45deg, #4481eb 0%, #04befe 100%); padding-top: 100px}

.t_bottom_tu{overflow: hidden; padding: 0px;margin: 0px; background:url(../images/bottom-shape.png) no-repeat center bottom; background-size:cover; padding-bottom: 10%}


.xy_txt_box_L{overflow: hidden; padding: 0px;margin: 0px; width: 68%;float:left}
.xy_txt_box_L dl{margin: 0px;overflow: hidden; padding: 0px; color: #fff }
.xy_txt_box_L dl dt{margin: 0px;overflow: hidden;font-weight: 700; margin-bottom: 20px; color: #fff }
.xy_txt_box_L dl dt h3{padding:0; margin: 0px;font-size: 34px;line-height:40px; color: #fff  }
.xy_txt_box_L dl dd{margin: 0px;overflow: hidden;font-size: 35px; line-height: 190%;}

.xy_txt_box_R{overflow: hidden; padding: 30px 0px;margin: 0px; width: 31%;float: right;text-align: center;animation: myfirstL 2s infinite;}
.xy_txt_box_R img{max-width: 100%; height: auto}


 @keyframes myfirstL {
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -20px);
}
 100% {
 transform: translate(0px, 0px);
}
}

.sy_yslist{ padding: 0px; margin: 0px; overflow: hidden;}
.sy_yslist li{ padding: 0px; margin: 0px; overflow: hidden;float:left;width: 25%;}
.sy_yslist li dl{ padding: 0px; margin: 0px; overflow: hidden; width: 98%; margin: 0 auto; text-align: center}
.sy_yslist li dl dt{ padding: 0px; margin: 0px; overflow: hidden;font-size: 25px; line-height: 190%;color: #222}
.sy_yslist li dl dt img{max-width: 96px; height: auto;vertical-align: top}
.sy_yslist li dl dd{ padding: 0px; margin: 0px; overflow: hidden;font-size: 16px; color: #666; line-height: 26px;}


@media only screen and (max-width:1000px) {
	.sy_yslist li dl dt{ font-size: 20px;}	
	.sy_yslist li dl dd{font-size: 14px; line-height: 24px; }	
}

@media only screen and (max-width:640px) {
.sy_yslist li dl dt img{max-width: 70px; height: auto;vertical-align: top}
.sy_yslist li{ padding: 0px; margin: 0px; overflow: hidden;float:left;width:50%; margin-bottom: 15px}

}




.xy_d_list{padding: 0px; margin: 0px; overflow: hidden; margin-top:80px;}
.xy_d_list li{padding: 0px; margin: 0px; overflow: hidden; width: 25%;float: left; margin-bottom: 15px}
.xy_d_list li dl{padding: 15px 20px 10px 20px; margin: 0px; overflow: hidden; max-width: 190px;background: #fff;text-align: center; color: #222;border-radius: 5px}
.xy_d_list li dl dt{padding: 0px; margin: 0px; overflow: hidden;font-size: 18px; margin-bottom: 10px;color: #29d9d2;font-weight:400; line-height: 30px}
.xy_d_list li dl dt i{padding: 0px; margin: 0px; overflow: hidden;font-size: 24px; margin-right: 5px; vertical-align: top}
.xy_d_list li dl dd{padding: 0px; margin: 0px; overflow: hidden;font-size: 14px; /*min-height:80px*/}
.xy_d_list li dl dd p{margin: 0 auto; padding: 0px;background: #29d9d2;border-radius: 40px;max-width: 130px; line-height: 32px; color: #fff; margin-bottom: 8px;font-size: 14px; cursor: pointer}
.xy_d_list li dl dd a{display: inline;  color: #fff;font-size: 14px; }
.xy_2wm{width:100%; height: auto; text-align: center; margin: 0px;}
.xy_2wm img{width: 100%; height:auto;vertical-align: top}

.xy_d_list li dl dd p:hover{ background: #ff9c00}



@media only screen and (max-width:1300px) {
.xy_txt_box_L{ width:75%;float:left}	
.xy_txt_box_R{width: 25%;}	
	.xy_d_list li dl{padding: 15px 15px 10px 15px; margin: 0px; overflow: hidden; max-width: 180px;}
}

@media only screen and (max-width:1200px) {
.top_xy_bg{ padding-top: 50px}

}
@media only screen and (max-width:1100px) {
.xy_txt_box_L{ width:100%;float:left}	
.xy_txt_box_R{width: 25%; display: none}
	.xy_d_list li dl{margin: 0 auto;box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
	.xy_txt_box_L dl dt { margin-bottom: 5px}	
.xy_txt_box_L dl dt h3{font-size: 30px;line-height:34px; text-align: center;}
.xy_txt_box_L dl dd{font-size: 30px; line-height: 180%; text-align: center}
	.t_bottom_tu{ padding-bottom: 15%}
}
@media only screen and (max-width:1000px) {
	.xy_d_list li{width:50%; margin-top: 20px}
	.xy_d_list li:nth-child(1){display: none}
	.xy_d_list li:nth-child(2){display: none}
}

@media only screen and (max-width:700px) {
.xy_txt_box_L dl dt h3{font-size: 25px;line-height:34px; }
.xy_txt_box_L dl dd{font-size: 18px; line-height: 180%;}

}

@media only screen and (max-width:450px) {
.xy_txt_box_L dl dt h3{font-size: 22px;line-height:34px; }
	.xy_d_list li dl dd p{max-width: 130px; width: 98%}	
	.xy_d_list li dl{ max-width: 180px; width: 94%;padding: 15px 0px 10px 0px; }
	.xy_2wm{margin: 0 auto; width: 86%}
	.xy_d_list li dl dt{font-size: 16px;line-height:24px}
.xy_d_list li dl dt i{padding: 0px; margin: 0px; overflow: hidden;font-size: 24px; margin-right: 5px; vertical-align: top}
.top_xy_bg{ padding-top: 40px}
}




.xy_ts_bx{overflow: hidden; background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);}
.xy_tslist{overflow: hidden; margin: 0px; padding: 0px}
.xy_tslist_L{overflow: hidden; margin: 0px; padding: 0px; width: 60%;float:left;}
.xy_tslist_R{overflow: hidden; margin: 0px; padding: 0px; width: 38%;float:right;text-align: center}
.xy_tslist_R img{max-width: 100%; width: auto; height: auto;vertical-align: top}
.xy_tslist_L dl{overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 20px}
.xy_tslist_L dl dt{overflow: hidden; margin: 0px; padding: 0px;font-size: 25px; line-height: 180%;  color: #fff}
.xy_tslist_L dl dd{overflow: hidden; margin: 0px; padding: 0px;font-size: 16px; line-height: 190%; color: #fff}

@media only screen and (max-width:1200px) {
.xy_tslist_L{ width: 55%;float:left;}
.xy_tslist_R{width: 43%;float:right;}	
.xy_tslist_L dl{ margin-bottom: 10px}	
}

@media only screen and (max-width:1000px) {
	.xy_tslist_L dl dt{font-size: 22px;}
.xy_tslist_L{ width: 47%;float:left;}
.xy_tslist_R{width: 53%;float:right;}	
	.xy_tslist_L dl dd{font-size: 14px;}
}

@media only screen and (max-width:800px) {
	.xy_tslist_R{ padding-top: 30px}
}


@media only screen and (max-width:700px) {
.xy_tslist_L{ width:100%;float: none;}
.xy_tslist_R{width:100%;float:none;}
	.xy_tslist_R{ padding-top: 10px}
	.xy_tslist_R img{width: 60%; height: auto}
}


@media only screen and (max-width:500px) {
	.xy_tslist_R img{width: 80%; height: auto}
}






.actGotop{position:fixed;_position:absolute;bottom:90px;right:2%;width:40px;height:40px;display:none; z-index:9999}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center; background-size:cover;}
.actGotop a:hover{ background:url(../images/up.png) no-repeat center;outline:none; background-size:cover;}


.down_bg{margin: 0px; padding: 40px 0px; background: #f6f6f6; border-top: 2px solid #bff6f4}

.down_cop{ overflow:hidden; margin:0px; padding:0px; }

.down_cop dl{overflow:hidden;  margin:0px; padding:0px;text-align: center}
.down_cop dl dt{overflow:hidden;  margin:0px; padding:0px; margin-bottom: 7px}
.down_cop dl dt img{ height:40px;width: auto;vertical-align: top}
.down_cop dl dd{overflow:hidden;  margin:0px; padding:0px; font-size: 14px; padding-left: 10px; margin-bottom:2px}
.down_cop dl dd h7{overflow:hidden;  margin:0px; padding:0px; font-size:18px;font-weight:300}
.down_cop dl dd span{ margin-right: 10px; color: #2be0d9}
.down_cop dl dd span i{font-size: 30px;color: #2be0d9; vertical-align: middle}


.down_nav1{overflow:hidden;  margin:0px; padding:0px; }
.down_nav1 dl{overflow:hidden;  margin:0px; padding:0px; text-align: center}
.down_nav1 dl dt{overflow:hidden;  margin:0px; padding:0px; margin-bottom: 40px;font-weight: 600;font-size: 18px; padding-top: 5px}
.down_nav1 dl dd{overflow:hidden;  margin:0px; padding:0px 5px; font-size: 16px;margin-bottom:2px; line-height:30px; display: inline-block}
.down_nav1 dl dd i{font-size: 16px;color: #2be0d9; vertical-align: top; margin-right:8px; line-height: 30px;}
.down_nav1 dl dd a{display: inline}

.down_nav1 dl dd a:hover{ color: #2be0d9}


@media only screen and (max-width:1000px) {
	.down_bg{ padding-bottom: 80px}	
}































.top_main_bg{overflow: hidden; background:#fff url(../images/m_bg.png) no-repeat center top; background-size:cover;position: relative;}


.h_title_txt{font-size: 40px;margin: 0px;overflow: hidden; padding: 0px; color: #222;text-align: center; margin-bottom: 10px; font-weight: 700; line-height: 180%}
.h_title_txt span{  color: #1eada2}

@media only screen and (max-width:1580px) {
.h_title_txt{font-size: 36px;}
}
@media only screen and (max-width:1300px) {
.h_title_txt{font-size: 32px;}	
}
@media only screen and (max-width:1000px) {
.h_title_txt{font-size: 24px;}	
}


.T_k{margin: 0px;overflow: hidden; padding: 120px 0px 120px 0px; }
.main_tubox{margin: 0px;overflow: hidden; padding: 40px 0px 0px 0px; width: 50%;float: left}
.main_tubox dl{margin: 0px;overflow: hidden; padding: 0px; }
.main_tubox dl dt{margin: 0px;overflow: hidden;font-weight: 700; margin-bottom: 20px; color: #292b32}
.main_tubox dl dt h3{ color: #292b32; padding:0; margin: 0px;font-size: 44px;line-height:65px; }
.main_tubox dl dd{margin: 0px;overflow: hidden;font-size: 18px; line-height: 190%;}
.main_ad_tu{float: right;width: 42%; overflow: hidden;  padding:0px 0px 0px 0px;}
.main_ad_tu img{max-width: 100%;height: auto;width: auto;}

@media only screen and (max-width:1450px) {
.T_k{padding: 80px 0px 80px 0px; }	

}

@media only screen and (max-width:1200px) {
.main_tubox dl dt h3{font-size: 38px;line-height:50px; }	
	
}

@media only screen and (max-width:1000px) {
.T_k{padding: 40px 0px 40px 0px; }	
.main_tubox dl dd{margin: 0px;overflow: hidden;font-size: 16px; line-height: 190%;}
.main_tubox dl dt h3{ font-size: 30px;line-height:40px; }
.top_main_bg{ background:#fff url(../images/m_bg.png) no-repeat  center left; background-size:cover}	
}

@media only screen and (max-width:900px) {
.main_tubox{margin: 0px;overflow: hidden; padding: 40px 0px 0px 0px; width: 60%;float: left}
.main_ad_tu{float: right;width: 36%; }
}
@media only screen and (max-width:700px) {
.main_tubox dl dt h3{ font-size: 26px;line-height:30px; }
.main_tubox dl dd{font-size: 15px; line-height: 190%;}
}

@media only screen and (max-width:650px) {
.T_k{padding: 20px 0px 40px 0px; }	
.main_tubox dl dt h3{ font-size: 26px;line-height:30px;text-align: center}
.main_tubox dl dd{font-size: 15px; line-height: 190%;text-align: center;padding: 0px 15px 0px 15px;}
	
.main_tubox{margin: 0px;overflow: hidden; padding: 20px 0px 0px 0px; width: 100%;float: none}
.main_ad_tu{float:none;width:80%; margin-left: 10%; margin-top: 30px }
}

@media only screen and (max-width:450px) {
.main_tubox dl dt h3{ font-size: 24px;}
}


.D_button{margin: 0px;overflow: hidden; padding:0px; max-width: 400px; display: block}
.D_button li{margin: 0px;overflow: hidden; padding:0px; width: 50%;float:left; margin-bottom: 20px}

.D_xy_btn{ width: 170px; height: 54px; line-height: 54px;font-size: 20px;font-weight: 700;border-radius: 8px; background: #2be0d9;color: #fff; text-align: center; display: inline-block; }
.D_xy_btn i{margin-right:8px}
.D_button li a{display: inline}

.D_xy_btn:hover{ background: #e17704;}

.D_button_wap{margin: 0px;overflow: hidden; padding:0px;display:none}
.D_button_wap li{margin: 0px;overflow: hidden; padding:0px;text-align: center}


.f_xiazai_k{width: 100%;  padding:8px 0px;text-align: center;position: fixed;bottom:0;float: left;left:0;z-index: 90; background: #f3fefd;box-shadow: 1px -1px 10px #D1D1D1;display: none}


.f_btn{ width:200px; height: 46px; line-height: 46px;font-size: 20px;font-weight:600;border-radius:50px; background: #2be0d9;color: #fff; text-align: center; display: inline-block;background-image: linear-gradient(45deg, #2be0db 0%, #16bfb3 100%); }
.f_btn i{margin-right:8px;font-size:22px;}
.f_btn a{display: inline}



@media only screen and (max-width:1000px) {
.D_button{ display: none}
.D_button_wap{ display: block}	
.f_xiazai_k{display: block}

}



.xyys_box{margin: 0px;overflow: hidden; padding:0px;max-width: 1220px; width: 94%; margin: 0 auto;}

.xyys_box li{margin: 0px;overflow: hidden; padding:0px; width: 23%;float: left;margin-right: 1%;margin-left: 1%; margin-bottom: 2%; box-shadow: 1px 1px 22px rgba(140, 227, 227, 0.3); background: #fff;border-radius:8px;border-bottom: #f8f8f8 1px solid;}
.xyys_box li dl{margin: 0px;overflow: hidden; padding:0px; text-align: center; padding-bottom: 30px }
.xyys_box li dl dt{margin: 0px;overflow: hidden; padding:0px; border-bottom: #eafcfb 1px solid; line-height: 60px;font-weight: 700;font-size: 20px}
.xyys_box li dl dd{margin: 0px;overflow: hidden; padding:0px;font-size: 16px; line-height: 180%}
.xyys_box li dl dd h3{margin: 30px 0px;overflow: hidden; padding:0px;}
.xyys_box li dl dd h3 img{margin: 0px;overflow: hidden; padding:0px;}

.xyys_box li dl dd h3 i{ color:#72ebe5}



@media only screen and (max-width:1100px) {
.xyys_box li dl{padding-bottom:20px }	
.xyys_box li dl dd h3{margin: 15px 0px;overflow: hidden; padding:0px;}	
	.xyys_box li dl dt{ line-height:50px;font-size: 18px}
}


@media only screen and (max-width:900px) {
.xyys_box li{margin: 0px;overflow: hidden; padding:0px; width:46%;float: left;margin-right: 2%;margin-left: 2%; margin-bottom:25px;}
}





.yf_plbox{overflow: hidden; padding: 0px; max-width: 1300px; margin: 0 auto}

.yf_plbox li{margin: 0;padding: 10px;overflow: hidden;width: 32%; float: left; background: #f0fdfc; margin-right: 2%; margin-bottom: 2%;border-radius: 10px;}
.yf_plbox li dl{overflow: hidden; padding: 10px 20px  0px 20px; background: #fff;margin: 0;border-radius: 10px 10px 0px 0px; }

.yf_plbox li dl dt{margin: 0;padding: 0px;overflow: hidden;color: #111;font-weight: 600; margin-top:10px;font-size: 17px}
.yf_plbox li dl dd{font-size: 16px;margin: 0;padding: 0px;overflow: hidden;color: #333}
.yf_plbox li dl dd p{font-size: 14px;margin: 0;padding: 0px;overflow: hidden; color: #666; line-height: 24px}
.yf_plbox li dl dd p span{ margin-left: 5px}
.yf_plbox li dl dd p i{ color:#ffa200 }

.yf_plbox li:nth-child(3n+0){ margin-right:0;}

.yf_pl_tu{margin: 0;padding: 0px;overflow: hidden;float:left; margin-right:14px;border-radius:50%;}
.yf_pl_tu img{border-radius:50%;width: 73px; height:73px}


.yfsm{overflow: hidden; padding: 10px 30px 15px 30px; background: #fff;margin: 0;color: #333;border-radius: 0px 0px 10px 10px; line-height: 24px; min-height: 134px  }


@media only screen and (max-width:1200px) {
	.yf_plbox li dl dt{ margin-top:5px;}	
	
}
@media only screen and (max-width:1080px) {
.yf_pl_tu img{border-radius:50%;width: 63px; height:63px}
	.yfsm{min-height: 145px }
	.yf_plbox li dl dt{ margin-top:2px;}
}

@media only screen and (max-width:950px) {

	.yf_plbox li{overflow: hidden;width: 49%; float: left; margin-right: 2% }
	.yf_plbox li:nth-child(3n+0){ margin-right:2%;}
	.yf_plbox li:nth-child(2n+0){ margin-right:0;}
	.yfsm{min-height: 125px }
		.yf_plbox li dl dd{font-size: 14px;}
}



@media only screen and (max-width:700px) {
	.yf_plbox li{overflow: hidden;width: 100%; float: left; margin-right:0% }
.yf_plbox li:nth-child(3n+0){ margin-right:0%;}
	.yfsm{min-height: 24px; height: auto}
	.yf_plbox li dl dt{font-size: 16px}
	
}

@media only screen and (max-width:550px) {
.yfsm{overflow: hidden; padding: 10px 20px 15px 20px; }
.yf_pl_tu img{border-radius:50%;width:55px; height:55px}

}





.nt_bt{padding-bottom:20px; margin: 0px; color: #111;font-size:30px; line-height: 190%; text-align: center;font-weight: 400}

.weizinr{font-size: 16px; line-height: 180%;  font-family: Arial, "sans-serif"; margin: 0px 0px 40px 0px}
.weizinr h1{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #222;}
.weizinr h3{font-size:24px; line-height: 180%;  margin-bottom: 10px;color: #222;font-weight: 400}
.weizinr h2{font-size:24px; line-height: 180%;  margin-bottom: 10px;color: #222;font-weight: 400}
.weizinr p{font-size: 16px; line-height: 180%; margin-bottom: 20px; font-family: Arial, "sans-serif"; }
.weizinr li{line-height: 180%;}

.weizinr p a{ color: #178a9e;font-weight: 700}


.top_nr_bg{background:#fff url(../images/m_bg1.jpg) no-repeat center top; background-size:100% auto;}

.top_nr_bt{overflow:hidden;  margin:0px; padding:100px 120px;font-size: 36px;text-align: center; line-height: 46px}


.side_ConR{ margin:0 auto; padding:55px 4% 50px 4%; overflow:hidden;background:#fff;max-width: 1200px; width: 94%;box-shadow: 0 0 15px rgba(0,0,0,.05);}

@media only screen and (max-width:750px) {
.side_ConR{ padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}


@media only screen and (max-width:1450px) {
	.top_nr_bt{overflow:hidden;  margin:0px; padding:60px 80px;}
	.weizinr p{font-size: 14px;}
}

@media only screen and (max-width:1250px) {
	.top_nr_bt{overflow:hidden;  margin:0px; padding:30px 70px;font-size: 25px}
}

@media only screen and (max-width:550px) {
	.top_nr_bt{overflow:hidden;  margin:0px; padding:20px 40px;font-size: 25px}
}



.t_bg_k{overflow: hidden;  background:#1ca8f7 url(../images/tbg.png) no-repeat center bottom; background-size:cover; position: relative}
.nr_bt_top{overflow:hidden;  margin:0px; }
.nr_bt_top dl{overflow:hidden;  margin:0px; padding:50px 20px; color: #fff}
.nr_bt_top dl dt{overflow:hidden;  margin:0px; font-size: 40px;text-align: center; line-height: 180%}


@media only screen and (max-width:1000px) {
.nr_bt_top dl{padding:10px 20px}
}


@media only screen and (max-width:700px) {
.nr_bt_top dl{padding:0px 20px}
	.nr_bt_top dl dt{ margin:0px; font-size: 30px;}
}