@charset"utf-8";
.service { width: 100%; background: #ebebeb;  box-shadow:6px 10px 5px #ebebeb;-moz-box-shadow:6px 10px 5px #ebebeb;-webkit-box-shadow:6px 10px 5px #ebebeb; margin-bottom: 2px;}
.service_list { width: 1200px; margin: 0 auto; height: 384px; padding-top: 40px;}
.service_list ul li h2 { background: url("../images/service_title.png") no-repeat center; width: 1090px; margin: 0 auto; text-align: center;font-size: 26px; color: #005bac;}
.service_list ul li .by { width: 1200px; margin: 0 auto; text-align: center;}
.service_list ul li .by p { font-size: 14px; color: #565656;}
.service_list ul li .cp { width: 1200px; margin: 0 auto; height: 205px; margin-top: 21px;}
.service_list ul li .cp .cp1 { width: 221px; height: 205px; float: left; margin-left: 16px;}
.service_list ul li .cp .cp1 a { display: block;}
.service_list ul li .cp .cp1 h3 { width: 221px; height: 34px; line-height: 30px; font-size: 16px; color: #333; text-align: center;}
.service_list ul li .cp .cp_6 { display: none;}
.service_list ul li .cp .cp_1 h3 { background: url("../images/cp1.png") no-repeat;}
.service_list ul li .cp .cp_2 h3 { background: url("../images/cp2.jpg") no-repeat;}
.service_list ul li .cp .cp_3 h3 { background: url("../images/cp3.jpg") no-repeat;}
.service_list ul li .cp .cp_4 h3 { background: url("../images/cp4.jpg") no-repeat;}
.service_list ul li .cp .cp_5 h3 { background: url("../images/cp5.jpg") no-repeat;}


.v_out{width:1200px;margin:0 auto;overflow:hidden;}
.v_show{width:1200px;overflow:hidden;position:relative;height:326px;float:left}
.v_cont{ width:6650px;position:absolute;left:0px;top:0px;}
.v_cont ul{float:left;text-align:center;line-height:50px;}
.v_cont ul li{width:1200px;float:left;}

/*---圆圈---*/
.v_out_p{position:relative;overflow:visible}
.circle{position:absolute;left: 40px;top: 290px;}
.circle li{width:120px;height:60px;float:left;margin-right:10px;background:#ccc}
.circle .circle-cur{background:#f00}

/*---切换---*/
.prev{float:left; margin-left: 15px; margin-top: 10px; position: absolute;}
.next { float: right; position: absolute; top: 10px; left: 1160px;}
.prev a{ background: url("../images/left_button.png") no-repeat;}
.prev a:hover{ background: url("../images/left_button1.png") no-repeat;}
.prev .ico_1{ background:url("../images/left_button.png") no-repeat 0 -3757px;}
.prev .ico_1:hover { background: url("../images/left_button1.png") no-repeat;}
.next a{background: url(../images/right_button.png) no-repeat;}
.next a:hover{background: url(../images/right_button1.png) no-repeat;}
.next .ico_2{background:url(../images/right_button.png) no-repeat right -3757px;}
.next .ico_2:hover{background:url(../images/right_button.png) no-repeat right -3757px;}
.prev,.prev a,.next,.next a{width:30px;height:30px; display:block; z-index: 100;}

/*simply*/
/*jianjie*/
.simply { width: 100%; background: #FFF; box-shadow:6px 10px 5px #999;-moz-box-shadow:6px 10px 5px #999;-webkit-box-shadow:6px 10px 5px #999; height: 480px; margin-bottom: 58px;}
.simply .about { width: 1200px; margin: 0 auto; height: 480px;}
.simply .about .jianjie { width: 575px; height: 480px; float: left; }
.simply .about h2 { height: 50px; width: 575px; line-height: 50px; margin-top: 8px;}
.simply .about h2 img { float: left; margin-top: 16px; margin-right: 10px;}
.simply .about h2 span { float: left; font-size: 22px; color: #333;}
.simply .about .jianjie .jianjie_nei { width: 575px;}
.simply .about .jianjie .jianjie_nei img { float: left; margin-bottom: 12px;}
.simply .about .jianjie .jianjie_nei p { float: left; font-size: 14px; color: #565656; line-height: 28px;}
.simply .about .jianjie .more { float: left; margin-left: 218px; margin-top: 10px; width: 140px; height: 55px; background: url("../images/more.jpg") no-repeat; line-height: 37px; font-size: 14px; color: #FFF; }
.simply .about .jianjie .more span { float: left; margin-left: 30px;}
/*dynamic*/
.simply .about .dynamic { width: 575px; height: 480px; float: right; }

#MainPromotionBanner{float:left;background: #ffffff;width: 270px;height: 202px;}
#MainPromotionBanner #SlidePlayer{margin: 0px auto;position: relative;}
#MainPromotionBanner .Slides{padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px;overflow: hidden;padding-top: 0px;list-style-type: none;height: 202px;}
#MainPromotionBanner .Slides LI{float: left;width: 270px;height: 202px;}
#MainPromotionBanner .Slides IMG{border-top-width: 0px;display: block;border-left-width: 0px;border-bottom-width: 0px;width: 270px;height: 202px;border-right-width: 0px;}
#MainPromotionBanner .SlideTriggers{padding-right: 0px;padding-left: 0px;z-index: 10;right: 0px;padding-bottom: 0px;margin: 0px;padding-top: 0px;list-style-type: none;position: absolute;top: 177px;height: 20px;}
#MainPromotionBanner .SlideTriggers LI{display: inline;font-size: 0.9em;background: #46404b; float: left;margin: 3px 6px;overflow: hidden;width: 16px;cursor: pointer;color: #FFF;line-height: 16px;font-family: Arial;height: 16px;text-align: center;}
#MainPromotionBanner .SlideTriggers LI.Current{border-top-width: 0px;font-weight: bold;border-left-width: 0px;font-size: 1.4em;background: #3381c0;border-bottom-width: 0px;margin: 0px 6px;width: 21px;color: #fff;line-height: 21px;height: 21px;border-right-width: 0px;}

.recommend { width: 285px; float: right;}
.recommend ul #rd1 { border-bottom: 1px solid #e6e6e6;padding-bottom: 17px; margin-bottom: 20px;}
.recommend ul #rd2 {  float: left; }
.recommend ul li h3 { margin-bottom: 10px;}
.recommend ul li h3 a { font-size: 14px; color: #333;}
.recommend ul li .ct { font-size: 12px; color: #999; line-height: 20px;}
.recommend ul li span { float: right; color: #999;}

.dynamic_list { width: 574px; float: left; margin-top: 10px;}
.dynamic_list ul li { width: 574px; height: 39px; line-height: 39px; border-bottom: 1px dashed #999; background: url("../images/dy_tag.jpg") no-repeat left center;}
.dynamic_list ul li a { color: #333; font-size: 14px; float: left; margin-left: 14px;}
.dynamic_list ul li span { float: right; color: #999; font-size: 12px;}

@media all and (min-width: 0) and (max-width: 767px){
.service { width: 100%; background: #ebebeb; padding-top: 1.7rem;}
.service h2 { width: 93.75%; margin-left: 3.125%; background: url("../images/shouji_service.jpg") no-repeat center; text-align: center; color: #055bac; font-size: 26px;}
.service .by { width: 100%; text-align: center; margin-top: 1rem; }
.service .by p { font-size: 1.2rem; color: #565656;}
.service .cp { width: 93.75%; margin-left: 3.125%;  border-top: none;}
.service .cp h3 { width: 100%; height: 4rem; text-align: center; line-height: 3.2rem; font-size: 1.8rem; color: #333;}
.service .cp .cp_6 { display: none;}
.service .cp .cp1 { margin-top: 1.6rem; border: 1px solid #dedede;}
.service .cp .cp_1 h3 { background: url("../images/shouji_cp1.jpg") no-repeat;}
.service .cp .cp_2 h3 { background: url("../images/shouji_cp2.jpg") no-repeat;}
.service .cp .cp_3 h3 { background: url("../images/shouji_cp3.jpg") no-repeat;}
.service .cp .cp_4 h3 { background: url("../images/shouji_cp4.jpg") no-repeat;}
.service .cp .cp_5 h3 { background: url("../images/shouji_cp5.jpg") no-repeat;}
.service .cp .cp_6 h3 { background: url("../images/shouji_cp1.jpg") no-repeat;}
.service .cp .cp_7 h3 { background: url("../images/shouji_cp2.jpg") no-repeat;}
.service .cp .cp_8 h3 { background: url("../images/shouji_cp3.jpg") no-repeat;}
.service .cp .cp_9 h3 { background: url("../images/shouji_cp4.jpg") no-repeat;}

.cooperate { width: 100%; background: #ebebeb; padding-top: 4.2rem; float: left;}
.cooperate  h2 { width: 93.75%; margin-left: 3.125%; background: url("../images/shouji_service.jpg") no-repeat center; text-align: center; color: #055bac; font-size: 26px;}
.cooperate .by { width: 100%; text-align: center; margin-top: 1rem;}
.cooperate .by p { font-size: 1.2rem; color: #565656;}
.cooperate .pr { width: 93.75%; margin-left: 3.125%; float: left; }
.cooperate .pr .pr1 { width: 45%; float: left; margin-right: 10%; margin-top: 1rem; }
.cooperate .pr .pr1 img { border: 1px solid #e0e0e0;}
.cooperate .pr .pr_2,.cooperate .pr .pr_4,.cooperate .pr .pr_6 { margin-right: 0;}
.cooperate .pr h3 { background: url("../images/shouji_cp.jpg") no-repeat; width: 100%; height: 3.8rem; text-align: center; line-height: 3.4rem; font-size: 1.6rem; color: #333; }

.simply { width: 100%; background: #ebebeb; float: left; height: auto;  box-shadow:none!important;}
.simply .about { width: 100%; float: left; height: auto;}
.simply .about .jianjie { width: 100%; height: auto;}
.simply .about .jianjie h2 { width: 93.75%; margin-left: 3.125%;}
.simply .about .jianjie h2 img { width: 8%}
.simply .about .jianjie .jianjie_nei,.simply .about .jianjie .jianjie_nei img { width: 100%;}
.simply .about .jianjie .jianjie_nei img { height: 16.4rem;}
.simply .about .jianjie .jianjie_nei p { width: 93.75%; margin-left: 3.125%;}
.simply .about .jianjie .more { margin-left: 30%; background: url("../images/more.png") no-repeat!important;}
.simply .about .dynamic { width: 100%; float: left; height: auto;}
.simply .about .dynamic h2 { width: 93.75%; margin-left: 3.125%}
.simply .about .dynamic h2 img { width: 8%;}
.simply .about .dynamic .dynamic_nei { width: 93.75%; margin-left: 3.125%; }
#MainPromotionBanner { width: 100%;}
.simply .about .dynamic .dynamic_nei #SlidePlayer { width: 100%;}
.simply .about .dynamic .dynamic_nei .Slides li { width: 100%!important;}
.simply .about .dynamic .dynamic_nei .Slides li img { width: 100%!important;}

.recommend { width: 100%; clear: both; }
.recommend ul li { width: 100%; float: left; background: #FFF; border-bottom: 7px solid #ebebeb!important; margin-bottom: 0!important; padding-bottom: 1.7rem;}
.recommend ul li h3 { margin-top: 2rem; width: 90%; margin-left: 5%;}
.recommend ul li p { width: 90%; margin-left: 5%;}
.recommend .more { float: left; margin-top: 10px; width: 140px; height: 55px; margin-left: 30%; background: url("../images/more.png") no-repeat!important; line-height: 37px; font-size: 14px; color: #FFF; margin-bottom: 2rem;}
.recommend .more span { float: left; margin-left: 30px;}

}