/*banner*/
.banner{ position: relative; overflow: hidden; width: 100%;}
.banner ul{ height: 860px; margin: 0;} /*height: 860px;*/
.banner li{ width: 100%; }
.banner li{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.banner li:first-child{
    display: block;
}
.banner li .text{
    position: absolute;
    top: 30%;
	left: 50%;
	margin-left: -600px;
    width: 1200px;
    color: #fff;
    height: 210px;
}
.banner li .text p{
	width: 640px;
	margin: 30px auto 0;
	text-align: center;
	line-height: 30px;
}
.banner li .text .ctrl:hover{ background-color: #1465a3!important;}


.ind_gen_wrap{ padding-bottom: 60px; background: url(../img/mouse.png) no-repeat center bottom; overflow: hidden; }
.ind_gen_cap{ margin-bottom: 36px; position: relative; left: -800px; }
.ind_gen_cap>h3,.ind_gen_cap>p{ text-align: center; color: #333; }
.ind_gen_cap>h3{ font-size: 40px; }
.ind_gen_cap>p{ font-size: 24px; margin-top: 16px; }



.leftLoop{ overflow:hidden; position:relative; width: 100%; } 
.leftLoop .hd{ overflow:hidden; height:30px; text-align: center; } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   
     cursor:pointer; background:url("demoEffect/images/icoLeft.gif") no-repeat;} 
.leftLoop .hd .next{ background:url("demoEffect/images/icoRight.gif") no-repeat;  } 
.leftLoop .hd ul{ display: inline-block; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:8px; height:8px; border: solid 1px #5aac9f; overflow:hidden; background:#5aac9f; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop .hd ul li.on{ background-color: #fff; } 
.leftLoop .bd{}
.leftLoop .bd .tempWrap{ width: 100% !important; }
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ float:left; width: 280px; margin: 0 10px; }
.leftLoop .bd ul li .pic a{ display: block; height: 330px; }
.leftLoop .bd ul li .pic a img{ display: block; width: 100%; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.leftLoop .bd ul li:hover .pic a img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: normal; }
.leftLoop .bd ul li .title{ padding-top: 28px; padding-bottom: 28px; background-color: #d7ac73; }
.leftLoop .bd ul li .title>h3,.leftLoop .bd ul li .title>p{ text-align: center; color: #333; }
.leftLoop .bd ul li .title>h3{ font-size: 14px; }
.leftLoop .bd ul li .title>p{ font-size: 12px; margin-top: 8px; }
.leftLoop .bd ul li .title>div{ margin: 14px auto 0; background-color: #e6d7ae; width: 30px; height: 2px; transition: 0.4s; }
.leftLoop .bd ul li:hover .title>div{ width: 180px; }

.all_more{ display: block; width: 126px; height: 42px; margin: 24px auto 0; border: solid 1px #5aac9f; color: #5aac9f; text-align: center; line-height: 42px; font-size: 12px; transition: 0.3s; }
.all_more:hover{ color: #fff; background-color: #5aac9f; }


.leftLoop2{ overflow:hidden; position:relative; width: 100%; } 
.leftLoop2 .hd{ overflow:hidden; height:30px; text-align: center; } 
.leftLoop2 .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   
     cursor:pointer; background:url("demoEffect/images/icoLeft.gif") no-repeat;} 
.leftLoop2 .hd .next{ background:url("demoEffect/images/icoRight.gif") no-repeat;  } 
.leftLoop2 .hd ul{ display: inline-block; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop2 .hd ul li{ position:relative; _display:inline; float:left;  width:8px; height:8px; border: solid 1px #5aac9f; overflow:hidden; background:#5aac9f; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop2 .hd ul li.on{ background-color: #fff; } 
.leftLoop2 .bd{}
.leftLoop2 .bd .tempWrap{ width: 100% !important; }
.leftLoop2 .bd ul{ overflow: hidden; zoom:1; }
.leftLoop2 .bd ul li{ float:left; width: 280px; margin: 0 10px 10px; }
.leftLoop2 .bd ul li .pic a{ display: block; height: 200px; }
.leftLoop2 .bd ul li .pic a img{ display: block; width: 100%; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.leftLoop2 .bd ul li:hover .pic a img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: normal; }
.leftLoop2 .bd ul li .title{ padding-top: 28px; padding-bottom: 28px; background-color: #7cc267; }
.leftLoop2 .bd ul li .title .date{ height: 54px; border-bottom: solid 3px #fff; }
.leftLoop2 .bd ul li .title .date .date_l{ float: left; width: 36px; height: 40px; background: url(../img/skew.png) no-repeat center center; margin-left: 10px; }
.leftLoop2 .bd ul li .title .date .date_l p{ font-size: 14px; }
.leftLoop2 .bd ul li .title .date .date_l p:nth-of-type(1){ text-align: left; }
.leftLoop2 .bd ul li .title .date .date_l p:nth-of-type(2){ text-align: right; }
.leftLoop2 .bd ul li .title .date .date_text{ float: right; line-height: 40px; font-size: 16px; color: #333; text-indent: 14px; width: 220px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftLoop2 .bd ul li .title>.description{ padding: 20px; color: #333; font-size: 14px; line-height: 24px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.leftLoop2 .bd ul li:hover{ box-shadow: 3px 3px 3px rgba(0,0,0,0.3); }

.contact_list_wrap{ margin-top: 40px; }
.contact_list{ overflow: hidden; }
.contact_list li{ float: left; width: 294px; margin: 0 3px; height: 196px; background-color: #fff; }
.contact_list li a{ display: block; float: left; height: 196px; width: 100%; }
.contact_list li a img{ display: block; max-height: 32px; margin: 60px auto 0; }
.contact_list li a p{ width: 170px; margin: 20px auto 0; text-align: center; color: #333; font-size: 14px; line-height: 20px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.contact_list li:hover{ box-shadow: ; border-bottom: solid 2px #8aa2be; }
.contact_list li:hover a p{ color: #8aa2be; }

.all_more{ display: block; width: 126px; height: 42px; margin: 24px auto 0; border: solid 1px #5aac9f; color: #5aac9f; text-align: center; line-height: 42px; font-size: 12px; transition: 0.3s; }
.all_more:hover{ color: #fff; background-color: #5aac9f; }


.index_footer{ overflow: hidden; position: absolute; left: 0; bottom: 0; height: 160px; }
.index_footer_nav_wrap{ height: 110px; background-color: #d8ece0; }
.ind_footer_nav{ text-align: center; float: left; margin-top: 38px; width: 100%; }
.ind_footer_nav a{ display: inline-block; margin: 0 21px; }
.ind_footer_nav a p{ color: #fff; text-align: center; font-size: 12px; }
.ind_footer_nav a .p1{ font-weight: 600; }
.ind_footer_nav a .p2{  }
.index_footer_right{ text-align: center; padding:5px 0px; height: 50px; line-height: 25px; color: #fff; font-size: 12px;  background-color: #96d4c5;}


/*联系*/
#index3{ width:100%; background-color:#fafafa}
#index3 .index3{width:1200px;margin:0 auto;overflow:hidden;text-align:center}
#index3 .index3 .head{float:left;width:100%}
#index3 .index3 .head h1{float:left;width:100%;text-align:center;font-weight:normal;font-size:36px;color:#333333}
#index3 .index3 .head h2{float:left;width:100%;text-align:center;font-weight:normal;color:#333333;font-size:18px;margin-top:10px}
#index3 .index3 ul{float:left;width:100%;}
#index3 .index3 ul li{float:left;width:240px;height:240px;border:1px solid #dfdfdf;margin-right:77px;margin-bottom:35px;transition:1s all}
#index3 .index3 ul li a{float:left;text-align:center;width:100%;height:100%}
#index3 .index3 ul li a>img{float:left;width:100%;height:100%}
#index3 .index3 ul li a>div{ margin-top: 92px; }
#index3 .index3 ul li a>div img{ width: 46px; margin: 0 auto }
#index3 .index3 ul li a>p{ text-align: center; width: 90%; margin: 36px auto 0; color: #333; font-size: 12px; }
#index3 .index3 ul li:nth-of-type(4n){margin-right:0}#index3 .index3 ul li:hover{box-shadow:0 0 5px #909090}
#index3 .index3 ul li:hover a div img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none}
#index3 .index3 ul li:hover a i{width:272px;background-color:#6bcfbf}
/*联系*/


.page_banner img{ height: 340px; margin: 0 auto; }
.page_main{ margin-top: 36px; }
.page_nav nav a{ float: left; margin-left: 110px; line-height: 52px; color: #999; font-size: 16px; }
.page_nav nav a.cur{ border-bottom: solid 2px #fedf00; color: #333; }
.page_nav nav a:hover{ border-bottom: solid 2px #fedf00; color: #333; }

/*案例列表页*/
.case_page_list li{ float: left; width: 280px; height: 186px; margin-right: 26px; margin-bottom: 20px; position: relative; }
.case_page_list li>img{ width: 100%; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.case_page_list li:nth-of-type(4n){ margin-right: 0; }
.case_page_list li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filtrt: alpha(opacity=0); background: url(../img/mask.png) no-repeat 0 0; background: cover; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.case_page_list li:hover .mask{ opacity: 1; filtrt: alpha(opacity=100); text-decoration: none; }
.case_page_list li:hover>img{ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ }
.case_page_list li .mask h3{ text-align: center; width: 90%; margin-top: 60px; margin-left: auto; margin-right: auto; line-height: 38px; height: 76px; background: url(../img/line.png) no-repeat center bottom; color: #333; }
/*案例列表页*/

/*案例详情页*/
.detail_cap{ border-bottom: solid 1px #bababa; height: 50px; }
.detail_cap h3{ float: left; font-size: 26px; color: #666; font-weight: 500; }
.detail_cap p{ float: right; line-height: 28px; margin-right: 22px; font-size: 10px; color: #666; }
.detail_cap a{ float: right; width: 90px; text-align: center; line-height: 28px; height: 28px; color: #fff; background: url(../img/sanjiao.png) no-repeat 12px center; background-color: #91bed5; font-size: 12px; text-indent: 24px; border-radius: 4px; }
.detail_content{ margin-top: 40px; width: 100%; }
.detail_content .detail_left{ float: left; width: 840px; }
.detail_content .detail_right{ float: right; width: 320px; }
.detail_content .detail_right .slide_item{ width: 100%; }
.detail_content .detail_right .slide_item>h3{ line-height: 30px; color: #333; font-size: 14px; text-indent: 10px; background-color: #f4f4f4; }

.leftLoop3{ overflow:hidden; position:relative; width: 100%; } 
.leftLoop3 .hd{ overflow:hidden; height:30px; text-align: left; position: absolute; left: 14px; bottom: 0; } 
.leftLoop3 .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   
     cursor:pointer; background:url("demoEffect/images/icoLeft.gif") no-repeat;} 
.leftLoop3 .hd .next{ background:url("demoEffect/images/icoRight.gif") no-repeat;  } 
.leftLoop3 .hd ul{ display: inline-block; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop3 .hd ul li{ position:relative; _display:inline; float:left;  width:8px; height:8px; overflow:hidden; background:#d2d2d2; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop3 .hd ul li.on{ background-color: #8dc0d5; }
.leftLoop3 .bd{}
.leftLoop3 .bd .tempWrap{ width: 100% !important; }
.leftLoop3 .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop3 .bd ul li{ float:left; width: 320px; margin: 0; }
.leftLoop3 .bd ul li a{ display: block; width: 100%; height: 166px; border: solid 1px #d2d2d2; }
.leftLoop3 .bd ul li a img{ display: block; width: 100%; height: 100%; }

.detail_content .detail_right .contact_column{ margin-top: 20px; width: 100%; }
.detail_content .detail_right .contact_column>h3{ line-height: 30px; color: #333; font-size: 14px; text-indent: 10px; background-color: #f4f4f4; }
.detail_content .detail_right .contact_column .contact_box{ width: 100%; height: 360px; border: solid 1px #f4f4f4; }
.detail_content .detail_right .contact_column .contact_box .contact_item_wrap{ width: 100%; height: 260px; }
.detail_content .detail_right .contact_column .contact_box .contact_item_wrap .contact_item{ width: 100%; padding-top: 32px; }
.detail_content .detail_right .contact_column .contact_box .contact_item_wrap .contact_item img{ width: 200px; margin: 0 auto; }
.detail_content .detail_right .contact_column .contact_box .nav-tabs{ margin-top: 16px; border: none; background: rgba(0,0,0,0); text-align: center; }
.detail_content .detail_right .contact_column .contact_box .nav-tabs li{ float: none; display: inline-block; width: 140px; height: 40px; border-radius: 8px; border: solid 1px #6aaacd; overflow: hidden;  }
.detail_content .detail_right .contact_column .contact_box .nav-tabs li.active{ background: #6aaacd; }
.detail_content .detail_right .contact_column .contact_box .nav-tabs li a{ text-align: center; line-height: 40px; }
.detail_content .detail_right .contact_column .contact_box .nav-tabs li.active a{ border-radius: 0; border: none; background: rgba(0,0,0,0); color: #fff; }

.detail_content .detail_right .slide_item{ background: #f4f4f4; margin-top: 20px; }
.detail_content .detail_right .slide_item>h3{ line-height: 30px; color: #333; font-size: 14px; text-indent: 10px; background-color: #f4f4f4; }
.detail_content .detail_right .slide_item>ul{ width: 310px; margin: 0 auto; }
.detail_content .detail_right .slide_item>ul li{ border: solid 1px #f0f0f0; background: #fff; }
.detail_content .detail_right .slide_item>ul li a{ height: 44px; line-height: 44px; text-indent: 12px; color: #666; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail_content .detail_right .slide_item .hot_more{ line-height: 32px; text-indent: 12px; font-size: 14px; color: #6aaacd; }
.detail_content .detail_right .hot_item{ background: #f4f4f4; margin-top: 20px; }
.detail_content .detail_right .hot_item>h3{ line-height: 30px; color: #333; font-size: 14px; text-indent: 10px; background-color: #f4f4f4; }
.detail_content .detail_left .detail_big_pic{ width: 840px; height: 560px; overflow: hidden; margin: 0 auto; }
.detail_content .detail_left .detail_big_pic img{ width: 100%; height: 100%; }
.detail_content .detail_left .praise_wx{ margin-top: 30px; text-align: center; }
.detail_content .detail_left .praise_wx a{ display: inline-block; width: 112px; height: 30px; line-height: 30px; font-size: 12px; color: #f99f3d; border: solid 1px #f99f3d; border-radius: 20px; margin: 0 30px; }
#praise{ text-indent: 30px; background: url(../img/praise.png) no-repeat 28px center; }
#goWx{ text-align: center; }
.detail_content .detail_left .detail_content_art{ width: 100%; margin-top: 40px; text-align:justify; }
/*案例详情页*/


/*动向列表页*/
.trend_tuijian{ width: 100%; padding-bottom: 60px; background: url(../img/shadow.png) no-repeat center bottom; }
.trend_tuijian .trend_tuijian_list{ overflow: hidden; }
.trend_tuijian .trend_tuijian_list li{ float: left; width: 340px; height: 224px; margin-right: 90px; position: relative; }
.trend_tuijian .trend_tuijian_list li>img{ width: 100%; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.trend_tuijian .trend_tuijian_list li:hover>img{ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ }
.trend_tuijian .trend_tuijian_list li:nth-of-type(3n){ margin-right: 0; }
.trend_tuijian .trend_tuijian_list li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filtrt: alpha(opacity=0); background: url(../img/mask2.png) no-repeat 0 0; background: cover; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.trend_tuijian .trend_tuijian_list li:hover .mask{ opacity: 1; filtrt: alpha(opacity=100); text-decoration: none; }
.trend_tuijian .trend_tuijian_list li .mask h3{ text-align: center; width: 90%; margin-top: 20px; margin-left: auto; margin-right: auto; line-height: 38px; height: 76px; color: #08a770; font-size: 18px; }
.trend_tuijian .trend_tuijian_list li .mask p{ width: 90%; margin: 0 auto 0; text-align: center; color: #000; font-size: 12px; line-height: 30px; display: box; display: -webkit-box; display: -moz-box; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; -moz-line-clamp: 3; overflow: hidden; }

.trend_page_list_wrap{ margin-top: 40px; }
.trend_page_list_wrap .trend_page_list li{ height: 160px; margin-bottom: 70px; }
.trend_page_list_wrap .trend_page_list li>a{ width: 100%; height: 100%; }
.trend_page_list_wrap .trend_page_list li>a .left{ float: left; width: 240px; height: 160px; }
.trend_page_list_wrap .trend_page_list li>a .left img{ width: 100%; height: 100%; }
.trend_page_list_wrap .trend_page_list li>a .center{ float: left; width: 570px; margin-left: 120px; }
.trend_page_list_wrap .trend_page_list li>a .center h3{ color: #333; font-size: 18px; line-height: 40px; height: 40px; }
.trend_page_list_wrap .trend_page_list li>a .center p{ margin: 20px 0 0; line-height: 33px; height: 100px; overflow: hidden; color: #666; font-size: 12px; }
.trend_page_list_wrap .trend_page_list li>a .right{ float: right; width: 120px; }
.trend_page_list_wrap .trend_page_list li>a .right .p1{ text-align: center; line-height: 80px; font-size: 40px; color: #999; }
.trend_page_list_wrap .trend_page_list li>a .right .p2{ text-align: center; line-height: 40px; font-size: 12px; color: #999; }
.trend_page_list_wrap .trend_page_list li>a .right>div{ width: 32px; margin: 0 auto; height: 1px; background: #999; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.trend_page_list_wrap .trend_page_list li:hover>a .center h3{ color: #62c2a1; }
.trend_page_list_wrap .trend_page_list li:hover>a .right .p1{ color: #62c2a1; }
.trend_page_list_wrap .trend_page_list li:hover>a .right .p2{ color: #62c2a1; }
.trend_page_list_wrap .trend_page_list li:hover>a .right>div{ width: 100%; background: #62c2a1; }
/*动向列表页*/


/*关于我们*/
.detail_content_art .about_detail_cap{ border-bottom: solid 1px #bababa; line-height: 70px; height: 70px; color: #d5bb8a; font-size: 30px; overflow: hidden; }
.detail_content_art .about_detail_cap span{ line-height: 80px; color: #ccc; font-size: 18px; margin-left: 12px; }
.detail_content_art .about_detail_text{ font-size: 12px; color: #636363; line-height: 40px; }
/*关于我们*/


/*服务*/
.service_content{ width: 100%; }
.service_content .service_header h3{ font-size: 20px; color: #333; font-weight: 600; }
.service_content .service_header p{ margin: 40px 0 0; font-size: 14px; color: #666; }
.leftLoop4{ position:relative; width: 1000px; margin: 22px auto 0; }
.leftLoop4 .hd{ height:40px; text-align: left; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 100%; }
.leftLoop4 .hd .prev,.leftLoop4 .hd .next{ display:block; width: 40px; height: 40px; cursor: pointer; position: absolute; top: 0; }
.leftLoop4 .hd .prev{ background:url(../img/sleft.png) no-repeat 0 0; left: -100px; }
.leftLoop4 .hd .next{ background:url(../img/sright.png) no-repeat 0 0; right: -100px; }
.leftLoop4 .bd{}
.leftLoop4 .bd .tempWrap{ width: 100% !important; }
.leftLoop4 .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop4 .bd ul li{ float:left; width: 1000px; margin: 0; }
.leftLoop4 .bd ul li img{ display: block; width: 100%; height: 500px; }

.service_list_wrap{ width: 100%; margin-top: 30px; padding-bottom: 60px; background: url(../img/shadow.png) no-repeat center bottom; overflow: hidden; }
#service_list{ width: 100%; text-align: center; height: 240px; float: left; }
#service_list li{ display: inline-block; line-height: 120px; width: 120px; height: 120px; margin: 60px 0; text-align: center; color: #fff; border-radius: 50%; overflow: hidden; cursor: pointer; }
#service_list li:nth-of-type(1){ background: #fcbc35; }
#service_list li:nth-of-type(2){ background: #f49833; }
#service_list li:nth-of-type(3){ background: #53bba6; }
#service_list li:nth-of-type(4){ background: #42c6e2; }
#service_list li:nth-of-type(5){ background: #3c78bc; }
#service_list li:nth-of-type(6){ background: #a74bd6; }
#service_list li:nth-of-type(7){ background: #e764ab; }

#leftLoop4_wrap{ width: 100%; }
#leftLoop4_wrap .leftLoop4{ display: none; }
#leftLoop4_wrap .leftLoop4:nth-of-type(1){ display: block; }
/*服务*/

.prev_next{ margin-top: 40px; overflow: hidden; line-height: 38px; }
.prev_next a{ display: block; padding: 0 20px; height: 38px; border: solid 1px #ccc; border-radius: 5px; text-align: center; line-height: 38px; color: #62c2a1; font-size: 12px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.prev_next a:nth-of-type(1){ float: left; }
.prev_next a:nth-of-type(2){ float: right; }
.prev_next a:hover{ color: #fff; border: solid 1px #62c2a1; background-color: #62c2a1; }

#qrcode img{ margin: 50px auto; }

.self_page{ margin-top: 20px; }
.self_page>div{ text-align: center; }
.self_page>div>span,.self_page>div>a{ display: inline-block; margin: 0 6px; padding: 0 12px; line-height: 32px; border: solid 1px #16ab93; border-radius: 8px; color: #16ab93; font-size: 12px; }
.self_page>div>span{ color: #fff !important; border: solid 1px #16ab93 !important; background: #16ab93 !important; }

.detail_fujian_list_wrap{ margin-top: 40px; }
.detail_fujian_list li{ width: 100%; margin: 6px 0; }
.detail_fujian_list li img{ width: 100%; }