/*通用*/

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

html{ font-size: 16px}

body {color: #333;font-size: 16px;line-height: 1.5; padding: 0px; margin: 0px;font-family:"Arial";}

ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:"微软雅黑";}
a{color:#6c6c6c;text-decoration:none;}
img{border:none;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}

.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}
.space5{ overflow:hidden; clear:both; height:50px;}
@media only screen and (max-width: 1200px) {
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:25px;}
.space4{ overflow:hidden; clear:both; height:30px;}
.space5{ overflow:hidden; clear:both; height:40px;}
}
@media only screen and (max-width: 900px) {
.space5{ overflow:hidden; clear:both; height:30px;}
}

@media only screen and (max-width: 750px) {
.space5{ overflow:hidden; clear:both; height:20px;}
}


.hui_bg{width:100%; padding:100px 0px 100px 0px; overflow:hidden; background: #f1f5f7; }
.bai_bg{width:100%; padding:100px 0px 100px 0px; overflow:hidden; position: relative; }

@media only screen and (max-width: 1600px) {
.bai_bg{width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.hui_bg{ width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
}

@media only screen and (max-width: 1440px) {
.main_box{ max-width:1300px; width:94%; overflow:hidden; margin:0 auto;}
}

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

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

.main_box{ max-width:1400px; width:94%; overflow:hidden; margin:0 auto; position: relative;}


.top_lb_bg{ background: url(../images/sybg.jpg) no-repeat center top; padding-bottom: 50px; position: relative; background-size:cover;transform: rotate(180);}
.top_lb_bg::before{position: absolute;width: 100%; height: 100%; background:#0594ba;content: ""; bottom:0; left:0;
background-size: 100% auto; opacity: 0.2;}



.top_lb_bg1{ background: url(../images/sybg.jpg) no-repeat center; padding-bottom: 50px; position: relative; background-size:cover;transform: rotate(180);}
.top_lb_bg1::before{position: absolute;width: 100%; height: 100%; background:#0594ba;content: ""; bottom:0; left:0;
background-size: 100% auto; opacity: 0.2;}

.top_k{overflow: hidden;padding: 0px;display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}

.top_Logo{overflow: hidden;padding: 0px; margin: 0px;float: left;}
.top_Logo a{display:flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
.top_Logo img{height: 50px; width: auto;}
.top_Logo p{font-size: 24px; margin: 0; padding: 0;margin-left: 10px; color: #fff; }
.top_lb_dl{overflow: hidden;padding: 0px; margin: 0px;float: right;}
.top_lb_dl .btn_dl{display: block;line-height: 44px; background: #fff; border-radius: 40px;text-align: center;width: 120px;font-size: 18px; color: #3584A7;}

.top_lb_dl .btn_dl:hover{background: #e51052; color: #fff;}


@media only screen and (max-width: 1400px) {
    .top_Logo img{height: 36px; width: auto;}
    .top_Logo p{font-size: 20px;}
    .top_lb_dl .btn_dl{line-height: 40px;width: 100px;font-size: 16px; }

}

@media only screen and (max-width: 1200px) {
    .top_Logo img{height: 32px; width: auto;}
    .top_Logo p{font-size: 18px;}
    .top_lb_dl .btn_dl{line-height: 36px;width: 90px;font-size: 14px; }

}



.main_lb_box{overflow: hidden;padding: 0px; margin: 0px;display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.main_lb_L{overflow: hidden;padding: 0px; margin: 0px;width: 48%;}
.main_lb_L dl{overflow: hidden;padding: 0px; margin: 0px; color: #fff;}
.main_lb_L dl dt{overflow: hidden;padding: 0px; margin: 0px;font-size: 50px; margin-bottom: 10px;}
.main_lb_L dl dd{overflow: hidden;padding: 0px; margin: 0px;font-size: 22px; line-height: 190%;}
.main_lb_R{overflow: hidden;padding: 0px; margin: 0px;width: 48%;}
.main_lb_R img{width: 100%; height: auto;animation: myfirstR 2s infinite;}

@keyframes myfirstR {
    0% {
     transform: translate(0px, 0px);
    }
     50% {
     transform: translate(5px, -12px);
    
    }
     100% {
     transform: translate(0px, 0px);
    }
    }

.IndBanBa{background-image: linear-gradient(-225deg, #286a98 0%, #3d8cc5 52%, #157a98 100%); width:180px;; height:50px; line-height:50px; border-radius:50px; color:#FFF; font-size:20px; text-align: center; display: block;}
.IndBanBa:hover{background-image: linear-gradient(-35deg, #f78306 0%, #ffbb00 52%, #ff690b 100%);}
@media only screen and (max-width: 1200px) {
  .main_lb_L dl dt{font-size: 40px; }   
  .main_lb_L dl dd{font-size: 20px; }
}

@media only screen and (max-width: 1000px) {
    .main_lb_L dl dt{font-size: 30px; }   
    .main_lb_L dl dd{font-size: 18px; }
    .main_lb_L{width: 55%;}
    .main_lb_R{width: 45%;}
  }
  
  @media only screen and (max-width: 700px) {
    .main_lb_L dl dt{font-size: 26px; }   
    .main_lb_L dl dd{font-size: 18px; }
    .IndBanBa{width:140px;; height:44px;line-height:44px;font-size:18px; }
  }
  
  @media only screen and (max-width: 750px) {
    .main_lb_L{width: 100%; margin-bottom: 30px;  padding-top: 30px;}
    .main_lb_R{width: 100%;}
    .main_lb_L dl{text-align: center;padding: 0px 10px;}
    .main_lb_box{display: block;}
    .IndBanBa{ margin: 0 auto;}
  }



.m-down_box{overflow: hidden;padding: 0px; margin: 0px;display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.m-info_tu{overflow: hidden;padding: 0px; margin: 0px;width: 52%;}
.m-info_tu img{width: 100%; height: auto;}
.m-info{overflow: hidden;padding: 0px; margin: 0px;width: 44%;}

.m-down_btn{overflow: hidden;padding:0px; margin: 0px;}

.m-info dl{overflow: hidden;padding: 0px; margin: 0px;}
.m-info dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 36px; color: #111; margin-bottom: 5px;}
.m-info dl dd{overflow: hidden;padding: 0px; margin: 0px;font-size: 16px; color: #666; line-height: 200%;}
.m-info dl dt h4{font-size: 20px;  color: #111;}

.m-down_btn li{width: 48.5%; float: left; margin-bottom: 20px; margin-right: 3%;}
.m-down_btn li:nth-child(2n){ margin-right: 0; }

.m-down_btn li dl{ padding: 10px 0px; text-align: center;background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);border-radius: 5px; text-align: center; margin: 10px;}
.m-down_btn li dl dt{font-weight: bold;font-size: 22px; color: #111; text-align: center; }
.m-down_btn li dl dt h3{ text-align: center; display:flex;display: -webkit-flex;justify-content: center;}
.m-down_btn li dl dt h3 img{max-width: 80px; width: 95%; height: auto;}
.m-down_btn li dl dd{font-size: 16px; color: #027199;}
.m-down_btn li dl:hover dt{ color: #ff6e04;}

@media only screen and (max-width: 1200px) {
 .m-down_btn li dl dt h3 img{width: 60px; height: auto;}
 .m-down_btn li dl dt{font-size: 20px;}
 .m-info dl dt{font-size: 30px;}
.m-info dl dd{font-size: 16px;}

}

@media only screen and (max-width: 950px) {
.m-info{overflow: hidden;padding: 0px; margin: 0px;width: 40%;}

.m-down_btn li dl dt h3 img{width: 50px; height: auto;}
.m-down_btn li dl dt{font-size: 16px;}
.m-info dl dt{font-size: 24px;}
.m-info dl dd{font-size: 14px;}

.m-info dl dt h4{font-size: 18px;  color: #111;}
.m-down_btn li{margin-bottom: 10px; }
.m-down_btn li dl{ margin: 0;}
}


@media only screen and (max-width: 750px) {
.m-down_box{display: block;}

.m-down_btn li dl{ max-width: 180px; margin: 0 auto;}

.m-info{width: 100%; margin-bottom: 20px;}
.m-info dl dt{font-size: 24px;text-align: center;}
.m-info dl dd{text-align: center;}
.m-down_btn li { margin-bottom: 20px;}

.m-info_tu{overflow: hidden;padding: 0px; margin: 0px;width: 100%;text-align: center; margin-bottom: 30px;}
.m-info_tu img{width: 70%; height: auto;}
}

.sy_list3{overflow: hidden;padding: 0px; margin: 0;}
.sy_list3 li{overflow: hidden;padding: 0px; margin: 0;width: 31.333%; float: left; margin-right: 3%;float: left;}
.sy_list3 li dl{overflow: hidden;padding: 0px 10px; margin: 0;}
.sy_list3 li dl dt{overflow: hidden;padding: 0px; margin: 0;font-weight: bold; margin-bottom: 10px;font-size: 40px;text-align: center;}
.sy_list3 li dl dd{overflow: hidden;padding: 0px; margin: 0; line-height: 190%; color: #666;}
.sy_list3 li dl dt img{width: 100%; height: auto; border-radius: 300px;}
.sy_list3 li:nth-child(3n){ margin-right: 0;}

@media only screen and (max-width:2000px) {
    .sy_list3 li dl dt{font-size: 2vw;}
}


@media only screen and (max-width:1300px) {
    .sy_list3 li dl dt{font-size: 2.5vw;}
}


@media only screen and (max-width:900px) {
    .sy_list3 li dl dd{font-size: 14px;}
}
@media only screen and (max-width:700px) {
    .sy_list3 li dl dt{font-size: 20px;}
}

@media only screen and (max-width:600px) {
    .sy_list3 li dl dt{font-size: 18px;}
    .sy_list3 li{width: 100%; margin-bottom: 20px;}
    .sy_list3 li dl dt img{max-width: 70%;}
}

.justify-c{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}

.lb_ys_box{overflow: hidden;padding: 0px; margin: 0px;}
.lb_ys_L{overflow: hidden;padding: 0px; margin: 0px;width: 40%;}
.lb_ys_R{overflow: hidden;padding: 0px; margin: 0px;width: 52%;}

.lb_ys_L img{max-width:100%; height: auto; width: auto;}

.lb_ys_R dl{overflow: hidden;padding: 0px; margin: 0px;}
.lb_ys_R dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 24px; color: #111; margin-bottom: 5px;}
.lb_ys_R dl dd{overflow: hidden;padding: 0px; margin: 0px;font-size: 16px; color: #666; line-height: 200%;margin-bottom: 15px;}


@media only screen and (max-width: 950px) {
.lb_ys_R dl dt{font-size: 24px;}
.lb_ys_R dl dd{font-size: 14px;} 
}


@media only screen and (max-width: 700px) {
.lb_ys_R dl dt{font-size: 22px;text-align: center;}
.lb_ys_L{width: 100%; text-align: center;}
.lb_ys_R{margin: 0px;width: 100%;}
.justify-c{display:block;}
.lb_ys_L img{max-width:80%; height: auto; width: auto;}
}



.td_lb_bg{background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);}
.td_lb_box{overflow: hidden;padding: 0px; margin: 0px;display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}

.td_lb_tu{width: 40%; margin: 0px; padding: 0px;;}
.td_lb_tu img{width: 100%; height: auto;}


.td_lb_L{overflow: hidden;padding: 0px; margin: 0px;width: 26%;}
.td_lb_L li{overflow: hidden;padding: 20px 0px; margin: 0px;}
.td_lb_L li dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 24px; color: #fff; margin-bottom: 5px;}
.td_lb_L li dl dd{overflow: hidden;padding: 0px; margin: 0px;font-size: 16px; color: #666; line-height: 200%;margin-bottom: 15px; color:rgba(255,255,255,0.8);}


.td_lb_R{overflow: hidden;padding: 0px; margin: 0px;width: 26%;}
.td_lb_R li{overflow: hidden;padding: 20px 0px; margin: 0px;}
.td_lb_R li dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 24px; color: #fff; margin-bottom: 5px;}
.td_lb_R li dl dd{overflow: hidden;padding: 0px; margin: 0px;font-size: 16px; color: #666; line-height: 200%;margin-bottom: 15px; color:rgba(255,255,255,0.8);}



@media only screen and (max-width: 950px) {
    .td_lb_L li dl dt{font-size: 22px;}
    .td_lb_L li dl dd{font-size: 14px;} 
    .td_lb_R li dl dt{font-size: 22px;}
    .td_lb_R li dl dd{font-size: 14px;}
}

@media only screen and (max-width: 800px) {
    .td_lb_L li dl dt{font-size: 20px;}
    .td_lb_R li dl dt{font-size: 20px;}
}

@media only screen and (max-width: 700px) {
    .td_lb_box{display: block;}
    .td_lb_L{overflow: hidden;padding: 0px; margin: 0px;width: 100%;}
    .td_lb_R{overflow: hidden;padding: 0px; margin: 0px;width: 100%;}

    .td_lb_R li{overflow: hidden;padding: 10px; margin: 0px;float: left;width: 50%; }
    .td_lb_L li{overflow: hidden;padding: 10px; margin: 0px;float: left;width: 50%;}

    .td_lb_tu{width: 80%; margin: 0px auto; padding: 0px;}

    .td_lb_L li dl dt{text-align: center;display: block;}
    .td_lb_R li dl dt{text-align: center;display: block;}


 
}


.footer_bg{overflow: hidden;margin: 0px; padding: 50px;background: #333;}
.d_nav{text-align: center; color: #fff;}
.d_nav span{text-align: center; margin: 0px 5px; color: #fff;}
.d_nav span a{color: #fff;}
.cop_txt{overflow: hidden;margin: 0px; padding: 0px;  padding-top: 20px;font-size: 14px; color: #fff;text-align: center;}
.cop_txt a{color: #fff;}


.big_title{ text-align: center; font-size:40px; line-height:170%; margin-bottom:5px; color:#111; margin:0 auto; width:92%; font-weight:bold}
.big_title p{ font-size:18px; line-height:26px; color:#666; font-weight:normal; padding-top: 15px;}
.big_title span{color: #111;}

@media only screen and (max-width:1160px) {
.big_title{ text-align: center; font-size:32px;}
}

@media only screen and (max-width:1000px) {
.big_title{ text-align: center; font-size:24px;}
}

@media only screen and (max-width:500px) {
.big_title p{ font-size:14px;}
}


.price_top_box{ overflow:hidden ;padding: 30px 0px 20px 0px; margin-bottom: 10px; position: relative;background-image: linear-gradient(-225deg, #09b8df 0%, #1acae6 51%, #4fd6e8 100%); }
.price_top_box  h6{ margin: 0px; padding: 0;margin-bottom: 10px;  text-align: center;}
.price_top_box  h6 img{height: 80px; width: auto;vertical-align: top;}
.price_top_box h3{padding: 0px; margin: 0px; overflow: hidden;font-weight: bold;font-size: 22px; color: #fff ; text-align: center; margin-bottom: 8px;}
.price_top_box  h4{padding: 0px; margin: 0px; overflow: hidden;font-weight: 600;font-size: 36px; color: #fff ; text-align: center;}
.price_top_box  h4 s{font-size: 30px; color:rgba(0,0,0,.6);font-weight:300 }
.sd_price{padding: 30px 20px; margin: 0px; overflow: hidden}
.sd_price li{padding: 0px; margin: 0px; overflow: hidden;width:31.333%; margin-right: 3%;float: left;border-radius: 10px;background: #fff;box-shadow:0 0 20px 1px rgba(0,0,0,.1)}
.sd_price li:nth-child(3n){ margin-right: 0}
.sd_price li dl{padding: 0px; margin: 40px 10px 50px 10px; overflow: hidden; text-align: center}
.sd_price li dl dd{padding: 0px; margin: 0px; overflow: hidden;font-size: 16px; color: #333; line-height:26px; margin-bottom: 10px; min-height: 52px;}
.sd_price li dl dd s{color: #ff6512;}

.sd_price li dl dd span{margin-right: 5px }
.sd_price li dl dd span img{height: 25px; width: auto; vertical-align: middle}

.jg_btn_box1{padding: 0px;overflow: hidden;  max-width:190px; margin: 0 auto; margin-top: 10px }
.jg_btn{font-weight: bold;line-height: 48px; text-align: center; color: #fff; width: 100%; border-radius: 40px;background: var(--btn_bg) ;letter-spacing: 3px;font-size: 18px}


.jg_btn_box1 a{display: inline-block; text-decoration: none}


.sd_price li:hover{ background: #f7f9fd}
.sd_price li:nth-child(2) .price_top_box h3{color: #ff6512;}
.sd_price li:nth-child(2) .price_top_box h4{color: #ff6512;}

.sd_price li:nth-child(3) .price_top_box h3{color: #fff;}
.sd_price li:nth-child(3) .price_top_box h4{color: #fff;}

.sd_price li:nth-child(1) .jg_btn_box1 .jg_btn{ background: #18bbf0;}
.sd_price li:nth-child(2) .jg_btn_box1 .jg_btn{ background: #ff6512;}
.sd_price li:nth-child(3) .jg_btn_box1 .jg_btn{ background: #18bbf0;}

.sd_price li:nth-child(1) .jg_btn_box1 .jg_btn:hover{ color: #fff; background: #ff6000;}
.sd_price li:nth-child(2) .jg_btn_box1 .jg_btn:hover{ color: #fff; background: #ff6000;}
.sd_price li:nth-child(3) .jg_btn_box1 .jg_btn:hover{ color: #fff; background: #ff6000;}

@media only screen and (max-width:1300px) {
.sd_price li dl dt h3{font-size: 20px;}
.sd_price li dl dt h4{font-size: 28px;}	
.sd_price li dl dt img{vertical-align: top;max-width: 125px; width: 50%; height: auto;}	

.price_top_box h3{font-size: 18px;}
.price_top_box  h4{font-size: 30px;}

}
@media only screen and (max-width:900px) {
	.jg_btn_box1{padding: 0px;overflow: hidden;  max-width:140px; }
	.sd_price li dl{ margin: 20px 10px; }
	.jg_btn{font-size: 16px}
	.price_top_box  h6 img{height: 60px; }
.price_top_box h3{font-size: 18px;}
.price_top_box  h4{font-size: 24px;}
.price_top_box  h4 s{font-size: 20px; }
.price_top_box{ overflow:hidden ;padding: 30px 0px 30px 0px; }

}
@media only screen and (max-width:700px) {
	.price_top_box h3{font-size: 18px; margin-bottom: 0px;}
	.price_top_box  h4{font-size: 20px;}
	.price_top_box  h4 s{font-size: 16px; }

}	
	
@media only screen and (max-width:720px) {
	.sd_price li{width: 100%; margin-right: 0%;  margin-bottom: 25px}
		.jg_btn{line-height: 44px;}
		.price_top_box h3{font-size: 18px;}
		.price_top_box  h4{font-size: 24px;}
		.price_top_box  h4 s{font-size: 20px; }
		.price_top_box{ overflow:hidden ;padding: 20px 0px 20px 0px; }
        .sd_price li:last-child{margin-bottom: 0;}
	}


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

@media only screen and (max-width:900px) {
    .nt_bt{   font-size: 25px;}
}
.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;}
.weizinr h2{font-size:24px; line-height: 180%;  margin-bottom: 10px;color: #222;}
.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}

.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.svg) no-repeat center; background-size:cover;}
.actGotop a:hover{ background:url(../images/up.svg) no-repeat center;outline:none; background-size:cover;}






.title_box{ text-align: center;width: 94%; margin: 0 auto; padding: 0px; margin-bottom: 10px}
.title_B{font-size: 3vw; line-height: 180%; text-align: center; margin-bottom: 20px;color: #111}
.txt_sm{font-size: 1.2vw;font-weight: normal; line-height: 190%; color:#555;text-align: center;}
.title_B span{position: relative;
transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); display: inline-block; margin: 0px 15px}
.title_B i{ font-size: 30px}

@media only screen and (max-width:1500px) {	
    .title_B{font-size: 3.2vw;}
    .txt_sm{font-size: 1.4vw;}
}
@media only screen and (max-width:1300px) {	
    .txt_sm{font-size: 18px;}
}
@media only screen and (max-width:1200px) {	
    .title_B{font-size: 30px; margin-bottom: 15px}
    .txt_sm{font-size: 16px;}
}
@media only screen and (max-width:1000px) {	
    .title_B{font-size: 24px;line-height: 34px}
    .txt_sm{font-size: 16px;font-weight: normal;}

}

.wrap_box{overflow: hidden; max-width: 2000px; margin: 0 auto;width: 100%;}

.sy_td_lb_box{overflow: hidden;padding: 0px; margin: 0px;display:flex;display: -webkit-flex;justify-content: space-between;align-items:flex-end; }
.sy_td_lb_R{overflow: hidden;padding: 0px; margin: 0px; width: 52%;text-align: right; }
.sy_td_lb_R img{width: 100%; height: auto;vertical-align: bottom;}

.sy_td_lb_L{overflow: hidden;padding: 0px; margin: 0px;width: 44%;}
.sy_td_lb_L {overflow: hidden;padding: 0px; margin: 0px;  margin-left: 12%;}
.sy_td_lb_L  li {overflow: hidden;padding: 10px 0; margin: 0px;}
.sy_td_lb_L  li dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 28px; margin-bottom: 5px;}
.sy_td_lb_L  li dl dd{overflow: hidden;padding: 0px; margin: 0px;font-size: 16px; color: #666; line-height: 200%;}

.td_icon{width: 70px;  height: 70px; border-radius: 50%; background: #09b8df;float: left; margin-right: 20px; display: flex;display: -webkit-flex;
justify-content: center;align-content: center;}
.td_icon img{width: 60% ; height: auto;}

@media only screen and (max-width:1450px) {	
    .sy_td_lb_L {margin-left: 5%;}
}
    
@media only screen and (max-width:1300px) {	
    .sy_td_lb_L  li dl dt{font-size: 22px;}
    .sy_td_lb_L {margin-left: 3%;}
    .sy_td_lb_L  li dl dd{font-size: 14px;line-height: 190%;}
}   
@media only screen and (max-width:1200px) {	
    .sy_td_lb_L  li {overflow: hidden;padding: 10px 0; margin: 0px;width: 50%;float: left;}
    .td_icon{width: 60px;  height: 60px; margin-right: 12px; }
    }
    
@media only screen and (max-width:1100px) {	
    .sy_td_lb_L {margin-left: 2%;}
    .td_icon{width: 50px;  height: 50px; margin-right: 12px; }
    .sy_td_lb_L  li dl dd{font-size: 14px;line-height: 24px;}
    .sy_td_lb_L  li dl dt{font-size: 20px;}
}   

@media only screen and (max-width:880px) {	
    .sy_td_lb_box{display: block;}
    .sy_td_lb_L{width: 100%; margin: 0px;}  
    .sy_td_lb_R{width: 100%;} 
    .sy_td_lb_L  li { padding: 15px 20px;} 
    .sy_td_lb_L  li dl dt{font-size: 18px;}
    .sy_td_lb_R img{width: 90%; height: auto;vertical-align: bottom;}
}  


@media only screen and (max-width:640px) {	
    .td_icon{margin-right: 0;float: none; margin: 0 auto; margin-bottom: 10px; }
    .sy_td_lb_L  li dl dt{text-align: center;}
}