@charset "utf-8";
/*banner*/
.serve_banner{ width:100%; height: 510px; background: url(../images/serve/serve_banner.png) no-repeat center top;}
.serve_bg{ background: url(../images/serve/serve_bg.png) no-repeat center bottom;}
.serve_market{ width:100%; padding: 100px 0 10px; overflow: hidden; background: url(../images/serve/serve_bg2.png) repeat-y center top; position: relative;}
.serve_market .server_bg{ width:100%; height:607px; background: url(../images/index/index_bg1.png) no-repeat center top; position: absolute; top:0; left:0;}
.serve_cooperate{ width:100%; padding: 20px 0; overflow: hidden;}
.serve_link{ width:100%; padding: 50px 0; background: url(../images/serve/serve_bg2.png) repeat-y center top; overflow: hidden; position: relative;}
.serve_link .link_bg{ width:100%; height: 100px; background: url(../images/index/index_bg2.png) no-repeat center bottom; position: absolute; bottom:0; left:0;}
.serve_market_text{ padding-top: 60px;}
.serve_market_text p{ text-indent: 2em; font-size: 22px; line-height:40px; color:#666;}
.serve_link_fot{ width:100%; overflow: hidden; margin-top: 50px; text-align: center;}
.serve_link_fot span{ display:inline-block; padding-left: 30px; margin: 0 20px; height: 30px; line-height: 30px; font-size: 22px; color:#333; position: relative;}
.serve_link_fot span i{ position: absolute; top:5px; }
.serve_link_fot span i.link{ width:20px; height: 20px; background: url(../images/serve/serve_link_icon1.png) no-repeat; left:5px;}
.serve_link_fot span i.phone{ width:20px; height: 20px; background: url(../images/serve/serve_link_icon2.png) no-repeat;left:5px;}
.serve_link_fot span i.wx{ width:24px; height: 20px; background: url(../images/serve/serve_link_icon3.png) no-repeat;left:0px;}
.serve_link_fot span i.email{ width:20px; height: 20px; background: url(../images/serve/serve_link_icon4.png) no-repeat; top:8px; left:5px;}
.serve_wxbz_bg{ position: absolute; top:0; left:0; z-index: 10; background: rgba(0,0,0,.05); width:100%; height: 100%;}
.serve_wxbz_link{ width:100%; text-align: center; padding-top:50px;}
.serve_wxbz_link span{ width:240px; text-align: center; position: relative; margin: 20px 30px; display: inline-block;}
.serve_wxbz_link span img{ width:137px; height: 137px;}
.serve_wxbz_link span p{ font-size: 30px; color:#333; line-height: 30px; padding-top: 30px;}
.serve_edu{ width:100%; text-align: center; margin-top: 40px;}
.serve_edu h3{ font-size: 22px; line-height: 40px; text-align: left; color:#333; font-weight: 600;}
.serve_edu h4{ font-size: 22px; line-height: 40px; text-align: left; color:#666; }
.serve_edu p{ line-height: 40px; color:#666; font-size: 22px; text-align: left; text-indent: 2em;}
.serve_edu img{ max-width:1200px; margin: 10px 0;}
.serve_edu .info{ padding-left: 120px; text-align: left; line-height: 40px; min-height: 40px; position: relative; font-size: 22px;}
.serve_edu .info .info_name{ position: absolute; top:0; left:0; color:#333; font-weight:600;}
.serve_edu .info .info_text{line-height: 40px; color:#666; font-size: 22px; text-align: left;}
.serve_data{ width:100%; padding: 100px 0; overflow: hidden; background: url(../images/serve/serve_bg.png) repeat-y center bottom; position: relative;}
.serve_data_list{ width:100%; overflow: hidden;}
.serve_data_list ul li{ width:25%; height: 150px; float: left; position: relative; text-align: center; margin-top: 50px; position: relative;}
.serve_data_list ul li .img_box{ width:100px; height: 100px; margin: 0 auto;}
.serve_data_list ul li .img_box img{ width:100px; height: 100px;}
.serve_data_list ul li p{ width:100%; line-height: 50px; font-size: 28px; color:#333;}
.serve_data_list ul li:hover p{ color:#87231d;}

.serve_data_con{ margin-top: 60px;}
.serve_data_con .data_text{ color:#666; line-height: 40px; font-size: 20px; text-indent:2em;}
.serve_data_con h3{ color:#333; line-height: 40px; font-size: 20px; padding-top: 15px;}
.serve_data_con .data_info{ color:#666; line-height: 40px; font-size: 20px;}
.serve_data_con .data_info a{ color:#666;}
.serve_data_con .data_info a:hover{color:#a5040e;}
.serve_data_con .more{ line-height: 40px; font-size: 20px;}
.serve_data_con .more a{ color:#666;}
.serve_data_con .more a:hover{color:#a5040e;}