@charset "utf-8";
/* CSS Document */
.seo_ban{ height:350px; background:url(seo_bg.jpg) no-repeat center 0}
.seo_ban dl{ width:100%; float:left; overflow:hidden; margin-top:80px}
.seo_ban h5{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:50px}
.seo_ban h5 img{ max-width:100%}
.seo_ban dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:21px; color:#fff; text-align:center; margin-bottom:10px}
.seo_ban dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#fff; text-align:center}
.seo_ban dl dd span{ padding:0 8px}

.seo_01{padding:50px 0; background:#fff}
.h3_01{ width:100%; float:left; overflow:hidden; line-height:40px; font-size:30px; color:#00222e; font-weight:normal}
.h4_01{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:#00222e; font-weight:normal; margin-bottom:30px}

.seo_11{ width:100%; float:left; overflow:hidden; display:flex;flex-wrap:wrap }
.seo_11 dl{ width:48.5%;padding:20px 30px; box-sizing:border-box; background:#fff; margin-bottom:20px; display:flex}
.seo_11 dl h5{ width:130px; }
.seo_11 dl img{max-width:100% }
.seo_11 dl ul{ flex:1;}
.seo_11 dl dt{ width:100%; float:left; overflow:hidden; line-height:25px; font-size:19px; color:#333; margin-bottom:8px; margin-top:15px}
.seo_11 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#777;text-align: justify; }

.seo_02{ background:#f2f4f8; padding:50px 0}
.seo_12{ width:100%; display:flex; flex-wrap:wrap }
.seo_12 ul{ flex:1; padding-top:30px; display:flex; flex-wrap:wrap ; justify-content:space-between}
.seo_12 dl{ width:48.5%; margin-bottom:25px; border:1px solid #eee; background:#fff; padding:15px 20px; box-sizing:border-box; }
.seo_12 dl dt{ width:100%; float:left; overflow:hidden; line-height:26px; margin-bottom:5px; font-size:16px; color:#333; font-weight:bold}
.seo_12 dl dt span{ background:#38f; height:26px; line-height:26px; width:26px; text-align:center; background:#3388ff; color:#fff; float:left; overflow:hidden; border-radius:50%; margin-right:10px}
.seo_12 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#666; text-indent:36px}
.seo_12 h5{ width:600px; text-align:right }
.seo_12 h5 img{ max-width:100%}

.seo_03{ background:#f2f4f8 url(seo3_bg.gif) no-repeat center 0; padding:60px 0 80px}
.seo_03 h3.h3_01{ color:#fff}
.seo_03 h4.h4_01{ color:#fff; margin-bottom:40px}
.seo3_ul01{ width:70%; float:left; overflow:hidden; line-height:30px; color:#aaa; font-size:16px;}
.seo3_mb{ margin-bottom:100px}
.seo3_main{ width:84%; float:left; overflow:hidden; border-radius:20px; background:#fff; padding:50px 8% 30px}
.seo3_main h5{ width:100%; float:left; overflow:hidden; line-height:50px; text-align:center;  font-size:46px; color:#111; margin-bottom:20px; font-weight:normal}
.seo3_main h6{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center;  font-size:22px; color:#555; font-weight:normal; margin-bottom:60px}

.seo_adv{ width:100%; display:flex;  flex-wrap:wrap ; justify-content:space-between}
.seo_dl01{ width:31%; float:left; overflow:hidden; margin-bottom:50px; 
box-shadow:0px 5px 10px -5px #ddd; border:1px solid #f3f3f3;
			padding:50px 0; box-sizing:border-box;}
.seo_dl01 h2{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:20px}
.seo_dl01 dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:30px; color:#333; margin-bottom:8px}
.seo_dl01 dd{ width:100%; float:left; overflow:hidden; line-height:26px; text-align:center; font-size:16px; color:#666}
.seo_dl01:hover{box-shadow:0px 5px 10px -5px #4286eb; cursor:pointer;}

.ul_02{ width:100%; float:left; overflow:hidden; margin:80px 0 0; display:flex; justify-content:center; }
.ul_02 a{ height:60px; width:220px; text-align:center; border-radius:30px; float:left; overflow:hidden; text-align:center; line-height:60px; color:#fff; font-size:18px; background:#38f; }
.ul_02 a:hover{ background:#f60}

/******** 手机版 ********/
@media (max-width:767px){
.seo_ban{ margin-top:60px; height:200px; background:url(seo_bg.jpg) no-repeat center 0; background-size:cover}
.seo_ban dl{ margin-top:30px}	
.seo_ban h5{ margin-bottom:30px}
.seo_ban h5 img{ max-width:90%}
.seo_ban dl dt{ line-height:22px; font-size:16px; font-weight:bold; margin-bottom:10px}
.seo_ban dl dd{  line-height:20px; font-size:12px;}

.seo_01{ padding:20px 0 0; background:#fff}
.h3_01{ line-height:30px; font-size:22px;  }
.h4_01{line-height:20px; font-size:12px; margin-bottom:15px}

.seo_11 dl{ width:100%; padding:12px 15px; margin-bottom:15px; border:1px solid #e5e5e5;}
.seo_11 dl h5{ width:60px; margin-right:15px }
.seo_11 dl dt{line-height:20px; font-size:14px; font-weight:bold; margin-bottom:3px; margin-top:0px}
.seo_11 dl dd{ line-height:16px; font-size:12px; }

.seo_02{padding:15px 0 0}
.seo_12 h5{ display:none}
.seo_12 ul{ padding-top:0px;}
.seo_12 dl{ width:49%; margin-bottom:10px;padding:10px; }
.seo_12 dl dt{line-height:20px; }
.seo_12 dl dd{line-height:20px; font-size:14px; text-indent:0px}

.seo_03{ padding:15px 0 20px; background-size:300%}
.seo_03 h4.h4_01{margin-bottom:10px}
.seo3_ul01{ width:100%; line-height:18px; font-size:12px;}
.seo3_mb{ margin-bottom:20px}
.seo3_main{ width:90%; float:left; overflow:hidden; border-radius:10px; background:#fff; padding:15px 5% 0px}
.seo3_main h5{line-height:22px; font-size:17px; font-weight:bold; margin-bottom:5px; }
.seo3_main h6{ line-height:18px; font-size:14px; margin-bottom:15px;}
	
.seo_dl01{ padding:15px 10px; margin-bottom:20px; }
.seo_dl01 h2{ margin-bottom:10px}
.seo_dl01 h2 img{ max-width:50%}
.seo_dl01 dt{ font-weight:bold; line-height:20px; font-size:14px; margin-bottom:8px}
.seo_dl01 dd{line-height:18px; font-size:12px;}

.ul_02{ margin:20px 0 0; }
.ul_02 a{ height:46px; width:160px; border-radius:23px; line-height:46px; font-size:16px;}
.ul_02 a:hover{ background:#f60}

.m_20{ margin-bottom:10px}
}


/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.seo_ban{ height:260px; background-size:cover}
.seo_ban h5{ margin-bottom:30px}
.seo_ban h5 img{ max-width:70%}
.seo_ban dl dt{ line-height:25px; font-size:18px; font-weight:bold; margin-bottom:10px}
.seo_ban dl dd{  line-height:20px; font-size:14px;}

.seo_01{ padding:20px 0 0; background:#fff}
.h3_01{ line-height:30px; font-size:22px; }
.h4_01{line-height:22px; font-size:14px;}
.seo_03 h4.h4_01{margin-bottom:20px}
.seo_11 dl{  flex-wrap:wrap ;}
.seo_11 dl h5{ width:100%; text-align:center }
.seo_11 dl ul{ width:100%}
.seo_11 dl dt{ line-height:25px; font-size:17px; text-align:center}
.seo_11 dl dd{ line-height:20px; font-size:14px; text-align:center }

.seo_02{padding:30px 0 10px}
.seo_12 h5{ display:none }
.seo_12 ul{  padding-top:5px;}
.seo_03{ background:#f2f4f8 url(seo3_bg.gif) no-repeat center -90px; padding:30px 0 30px}
.seo3_ul01{ width:100%; line-height:26px; font-size:14px;}
.seo3_mb{ margin-bottom:50px}

.seo3_main{ width:84%; float:left; overflow:hidden; border-radius:20px; background:#fff; padding:30px 8% 0px}
.seo3_main h5{line-height:35px;font-size:28px; margin-bottom:10px;}
.seo3_main h6{line-height:26px; font-size:16px;margin-bottom:60px}

.seo_dl01{ padding:30px 0}
.seo_dl01 h2 img{ max-width:50%}
.seo_dl01 dt{  font-size:19px;margin-bottom:3px}
.seo_dl01 dd{ line-height:26px;font-size:13px;}

.ul_02{ margin:35px 0 0; }
.ul_02 a{ height:50px; width:180px;  border-radius:25px; line-height:50px; font-size:16px; }
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.seo_ban{ height:300px; background-size:cover}
.seo_ban h5{ margin-bottom:30px}
.seo_ban h5 img{ max-width:70%}

.seo_01{padding-bottom:20px; background:#fff}

.h3_01{ line-height:36px; font-size:26px; }
.h4_01{line-height:26px; font-size:16px;}
.seo_12 h5{ width:450px; text-align:right }
.seo_12 h5 img{ max-width:90%}

.seo_03{ background:#f2f4f8 url(seo3_bg.gif) no-repeat center -90px; padding:60px 0 80px}
.seo3_ul01{ width:100%; line-height:26px; font-size:14px;}
.seo3_mb{ margin-bottom:50px}

.seo3_main{ width:84%; float:left; overflow:hidden; border-radius:20px; background:#fff; padding:30px 8%}
.seo3_main h5{line-height:40px;font-size:35px; margin-bottom:10px;}
.seo3_main h6{line-height:26px; font-size:18px;margin-bottom:60px}

.seo_dl01 dt{  font-size:22px;margin-bottom:3px}
.seo_dl01 dd{ line-height:26px;font-size:14px;}
.ul_02{margin:50px 0 0; }
.seo_03{ padding-bottom:50px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.h3_01{ line-height:36px; font-size:26px; }
.h4_01{line-height:26px; font-size:16px;}
.seo_12 h5{ width:450px; text-align:right }
.seo_12 h5 img{ max-width:90%}

.seo_03{ background:#f2f4f8 url(seo3_bg.gif) no-repeat center -90px; padding:60px 0 80px}
.seo3_ul01{ width:100%; line-height:26px; font-size:14px;}
.seo3_mb{ margin-bottom:50px}

.seo3_main{ width:84%; float:left; overflow:hidden; border-radius:20px; background:#fff; padding:30px 8%}
.seo3_main h5{line-height:50px;font-size:40px; margin-bottom:10px;}
.seo3_main h6{line-height:30px; font-size:20px;margin-bottom:60px}

.seo_dl01 dt{  font-size:26px;margin-bottom:8px}
.seo_dl01 dd{ line-height:26px;font-size:15px;}
}

/******** 1400px ********/
@media (min-width:1440px){
	
}