body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: '微软雅黑', sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none;-webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; }
a:hover { text-decoration:underline; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}
html{ overflow-x:hidden;}
.clear{
	clear: both;
}
a:hover{
	text-decoration: none;
} 
input{
	outline: none;
}
textarea{
	outline: none;
}
.box{
	width: 90%;
	margin: 0 auto;
}
.hide{
	display: none;
}
/* CSS reset*/
.yd{
	margin-top: 5%;
}

.header{
	width: 100%; 
 	background: #633179;
	z-index: 1000
}
.header .fl{
	    display: block;
    width: 30%;
    margin-top: 0.5rem;
}
.header .fl img{
	display: block;
	width: 100%
}
.header .fr{
	display: block;
	width: 7%;
}
.header .fr img{
	display: block;
	width: 100%;
}
.banner{
	width: 100%;
	position: relative;
}
.banner img{
	display: block;
	width: 100%;
}
.banner .flex-control-nav{
	width: 100%;
	position: absolute;
	bottom: 20px; 
	text-align: center;
	z-index: 990; 
}
.banner .flex-control-nav li{
	display: inline-block;
	margin-right: 10px;
}
.banner .flex-control-nav li a{
	display: block;
	width: 10px;
	height: 10px;
	font-size: 0;
	background: #fff;
	border-radius: 5px;
}
.banner .flex-control-nav li .flex-active{
	width: 30px;
	background: #825a94;
}

.i1{
	width: 100%;
	margin-top: 15px;
}
.i1 .i1_main{
	padding: 2%;
	width: 100%;
	box-shadow: 0px 0px 10px rgba(136,136,136,.5);
	background: #fff;
}
.i1 .i1_main h1{
	font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    margin-top: 1rem;
    margin-left: 1rem;
}
.i1 .i1_main .i1_list{
	display: block;
	line-height: 30px;
	padding-left: 0;
 	overflow: hidden;
	font-size: 12px;
	color: #999;
    border-bottom: 1px solid #ededed;margin-bottom:1rem;padding-bottom: 1rem;
}
.i1 .i1_main .i1_list img {
    width: 30%;
    /*margin-right: 5%;*/
    float: left;
    text-align: right;
    padding: 1% 3%;
}
.i1 .i1_main .i1_list .text{width: 70%;float: right;}
.i1 .i1_main .i1_list .text h2{font-size: 14px;color: #333;margin-bottom: 5px;font-weight: bold;    margin-top: 0.5rem;}
.i1 .i1_main .i1_list .text div{font-size: 12px;line-height: 1.3rem;}

.i2{
	width: 100%;
	margin-top: 0px;
}
.i2 .i2_main{
	width: 100%;
	
}
.i2 .i2_main .i2_list{
	width: 48%;
	display: block;
	margin-right: 4%;
	padding: 5% 2rem;
	box-shadow: 0px 0px 10px rgba(136,136,136,.5);
	float: left;
	margin-top: 1rem;
	text-align: center;
	height: 15rem;
	background: #633179;opacity: 0.9;#2d2b2d
}
.i2 .i2_main .i2_list h2{
	font-size: 1.2rem;
	color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
}
.i2 .i2_main .i2_list .pic_box{
	width: 50%;
	height: 6rem;
	margin: 0 auto;
}
.i2 .i2_main .i2_list .pic_box img{
	display: block;
	width: 100%;
}
.i2 .i2_tell{
	display: block;
	width: 100%;
	margin: 15px auto 0;
	background: #825a94;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
}
.i3{
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
}
.i3 .i3_main{
	width: 100%;
}
.i3 .i3_main .i3_list{
	display: block;
	width: 100%;
	margin-right: 2%;
	width: 32%;
	box-shadow: 0px 0px 10px rgba(136,136,136,.5);
	float: left;
	margin-bottom: 10px;
}
.i3 .i3_main .i3_list img{
	display: block;
	width: 100%;
}

.foot{
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	background: #2d2b2d;
	padding-bottom: 10px;line-height: 25px;
}
.foot .top{
	width: 100%; 
	text-align: center;
}
.foot .top a{
	display: inline-block;
	margin-right: 10px;
	width: 8%; 
}
.foot .top a img{
	display: block;
	width: 100%; 
}
.foot h2{ 
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}
.nav_box{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1001;
	left: -100%;
} 
.nav_box .nav_top{
	width: 100%; 
	background: #825a94;
	
}
.nav_box .nav_top .pic_box img{
	display: inline-block;
	width: 50%; 
}
.nav_box .nav_top .back img{
	width: 75%;
	display: block; 
	margin-top: 2px
}
.nav_box .nav_top .pic_box{
	width: 100%;
	
	text-align: center;
}
.nav_box .nav_main{
	width: 100%;
	height: 100%;
}
.nav_box .nav_main .nav_btn{
	width: 37.5%;
	float: left;
}
.nav_box .nav_main .nav_btn li{
	height: 45px;
	line-height: 45px;
	
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.nav_box .nav_main .nav_btn li a{
	display: block;
	padding-left:30%;
	width: 70%;
	background: url(../image/10.png) no-repeat 10% center;
	font-size: 1.4rem;
	color: #333;
}
.nav_box .nav_main .nav_btn .active a{
	background: url(/v1/m/images/11.png) no-repeat 10% center #00a88e;
	color: #fff
}

.nav_box .nav_main .nav_wrap{
	width: 62.5%;
	float: right;
	background: #e7e8ed;
	height: 95%;
	padding-top: 5%;
	overflow: auto;
	padding-bottom: 50px;
}
.nav_box .nav_main .nav_wrap h1{
	font-size: 18px;
	color: #333;
	padding-bottom: 15px;
	background: url(/v1/m/images/11.jpg) no-repeat left bottom;
}
.nav_box .nav_main .nav_wrap .clearfix{
	width: 100%;
	margin-top: 15px;
}
.nav_box .nav_main .nav_wrap .clearfix .nav_list{
	width: 48%;
	margin-right: 4%;
	padding: 5% 0;
	text-align: center;
	display: block;
	float: left;
	background: #fff;
	margin-bottom: 10px;
	height: 105px;
}
.nav_box .nav_main .nav_wrap .clearfix .nav_list .pic_box{
	width: 50%;
	margin: 0 auto;
}
.nav_box .nav_main .nav_wrap .clearfix .nav_list .pic_box img{
	display: block;
	width: 100%;
}
.nav_box .nav_main .nav_wrap .clearfix .nav_list h2{
	font-size: 14px;
	margin:10px auto 0;
	width: 90%;
} 

/*.pro{
	width: 50%;
	position: relative;  
	top: 240px;
	float: right;
	margin-right: 20px; 
	z-index: 2 
}*/
.pro > img{
	display: block;
	width: 100%;
	height: auto;
}
.pro  .plist{
	width:60%;
	position: absolute;
	top: 10%;
	right: 10%;
	z-index: -1;
	opacity: 0;
}
.pro  .plist img{
	display: block;
	width: 100%;
}
/*.pro .p1{
	top: -70%;
	right: 0;
}
.pro .p2{
	top: -57%;
	right: 78%;
}

.pro .p3{
	top: 15%;
	right: 113%;
}

.pro .p4{
	top: 90%;
	right: 90%;
}*/
.tt{
	width: 100%;
	text-align: center;
	position: absolute;
	color: #fff;
	font-size: 14px;
	bottom: 20px;
}
.tt a{
	font-size: 14px;
	color: #ccc;
}
.case_list{
	width: 80%;
	display: block;
}
.case_list .pic_box{
	width: 20%;
}
.case_list .pic_box img{
	display: block;
	width: 100%;
}
.case_list .text{
	line-height: 45px;
	margin-left: 20px;
	color: #fff;
	font-size: 14px;
}
.c7 .text{
	margin-right: 20px;
}
.case {
	position: relative;
	width: 100%;
	height: 100%;
}
.case .case_list{
	display: block;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0
}
/*.case .c1{
	top: 5%;
	left: 10%;
}

.case .c2{
	top: 17%;
	left: 16%;
}

.case .c3{
	top: 28%;
	left: 35%;
}

.case .c4{
	top: 41%;
	left: 5%;
}

.case .c5{
	top: 52%;
	left: 26%;
}

.case .c6{
	top: 65%;
	left: 5%;
}

.case .c7{
	top: 74%;
	left: 40%;
}*/
 
.serve{
	width: 100%;
	height: 100%;
	position: relative;
}
.serve .text{
	width: 100%;
	margin-top: 25% 
}
.serve .text h1{
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
} 
.serve .text h2{
	font-size: 13px;
	color: #fff;
}
.serve .serve_main{
	width: 100%;
	margin-top: 30px; 
	position: relative;
} 
.serve .serve_main .s_list{
	display: block;
	width: 30%; 
	padding: 5% 0;
	background: url(/v1/m/images/47.png) no-repeat center center;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	font-size: 12px;
	opacity: 0;
	top: 180%;
	left: 40%;
}
/*.serve .serve_main .s_list h2{
	width: 80%;
	margin:0 auto;
}*/
.serve .serve_main .bg{
	background: url(/v1/m/images/46.png) no-repeat center center;
	background-size: 100% 100%;
}
/*.serve .serve_main .s1{
	top: 100%;
	left: 0%;
}

.serve .serve_main .s2{
	top: 152%;
	left: 29%;
}

.serve .serve_main .s3{
	top: 100%;
	left: 56%;
}

.serve .serve_main .s4{
	top: 152%;
	left: 84%;
}

.serve .serve_main .s5{
	top: 205%;
	left: 0%;
}

.serve .serve_main .s6{
	top: 257%;
	left: 28%;
}

.serve .serve_main .s7{
	top: 205%;
	left: 56%;
}

.serve .serve_main .s8{
	top: 257%;
	left:84%;
}

.serve .serve_main .s9{
	top: 307%;
	left: 0%;
}*/

.case1{
	width: 100%;
	margin-top: 15px;
} 
.case1 .text-center{ text-align: center;/*margin-bottom: 1.5rem;padding-top: 1.5rem;*/}
.case1 .h2{ font-size: 1.5rem;color:#361950;}
.case1 .text-center p{ font-size: 0.5rem;}
.case2_main{
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
}
.case2_main .case2_list{
	width: 49.5%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 5% 0;
}
.case2_main .case2_list h2{
	margin-top: 10px;
	font-size: 14px;
	color: #333;
}
.pro_btn{
	width: 100%;
}
.pro_btn .fl{
	width: 90%;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}
.pro_btn .fr{
	width: 10%;
	height: 40px;
	background: url(/v1/m/images/60.jpg) no-repeat center center;
	background-size: 50% 50%
}
.pro_btn .fl ul{
	width: 100%;
}
.pro_btn .fl ul li{
	margin-right: 10px;
}
.swipe{
	width: 90%;
}
.swipe ul{
	width: 100%;

}
.swipe ul a{
	display: block;
	padding: 0 10px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #333; 
	background: #00a88e;
	color: #fff;
	
} 
.swipe ul .active{
	background: #ccc; 
}
.p_wrap{
	width: 100%;
	margin-top: 15px;
}
.p_wrap .p_list{
	width: 30%; 
	display: block; 
	float: left;
	margin-right: 2.5%;
	border: 1px solid #ccc;
	padding: 5% 0;
	text-align: center;
	margin-bottom: 10px;
}
.p_wrap .p_list .pic_box{
	width: 50%;
	margin: 0 auto 10px ;
	overflow: hidden;
}
.p_wrap .p_list .pic_box img{  
	width: 100%; 
}
.p_wrap .p_list h2{
	font-size: 12px ;
	color: #00a88e;
	overflow: hidden;
}

.net_work{
	width: 100%;
	margin-top: 15px;
	padding-bottom: 10%;
}
.net_work .net_work_main{
	width: 100%;
	margin-top: 30px;
}
.net_work .text{
	width: 100%;
	font-size: 12px;
	color: #666;
	line-height: 25px;
}
.net_work .net_work_main .net_work_list{
	width: 100%;
}

.net_work .net_work_main .net_work_list .top{
	width: 90%;
	padding: 0 5%;
	line-height: 40px;
	height: 40px;
	background: url(/v1/m/images/61.png) no-repeat 95% center;
}
.net_work .net_work_main .net_work_list .active{
	background: url(/v1/m/images/60.png) no-repeat 95% center #00a88e;
	color: #fff;
}
.net_work .net_work_main .net_work_list .bom{
	width: 90%;
	padding: 5%;
	background: #12ccb0;
}
.net_work .net_work_main .net_work_list .bom .list{
	width: 100%;
	margin-bottom: 15px;
}
.net_work .net_work_main .net_work_list .bom .list h1{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.net_work .net_work_main .net_work_list .bom .list div{
	color: #fff;
	line-height: 25px;
	font-size: 14px;
}
.case1_main .img_wrap{
	width: 100%;
	margin-top: 30px;
}
.case1_main .img_wrap img{
	display: block;
	width: 100%;
}
.public{
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
}
.public .public_list{
	width: 100%;
	overflow: hidden;
	
}
.public .public_list .pic_box{
	width: 100%;
}
.public .public_list .pic_box img{
	display: block;
	width: 100%;
}
.public .list{
	width: 100%;
	margin-bottom: 20px;
}
.public_list .text2{
	width: 90%;
	padding: 5%;
	background: url(/v1/m/images/70.jpg) no-repeat center center;
	background-size: 100% 100%;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
.public .m0{
	margin-bottom: 0;
}

.honor{
	width: 100%;
	padding-top: 5%;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.honor .honor_list{
	width: 100%;
	margin-bottom: 15px;
}
.honor .honor_list span{
	display: block;
	width: 10%;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #000
}
.honor .honor_list div{
	font-size: 12px;
	color: #666;
	line-height: 25px;
	width: 88%;
}
.slide2{
	width: 90%;
	padding: 5%;
	text-align: center;
}
.slide2 .pic_box{
	width: 60%;
	margin: 0 auto;
}
.slide2 .pic_box img{
	display: block;
	width: 100%;
}
.slide2 .text{
	margin-top: 20px;
}
.slide2 .text h2{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.slide2 .text h3{
	font-size: 14px;
	color: #999;
	line-height: 35px;
}
.slide2 .flex-control-nav{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.slide2 .slides{
	width: 90%;
	padding: 5%;
	background: #f1f1f1;
}
.slide2 .flex-control-nav li{
	display: inline-block;
	margin-right: 10px;
}
.slide2 .flex-control-nav li a{
	display: block;
	width: 10px;
	height: 10px; 
	font-size: 0;
	background: #00a88e;
	border-radius: 5px;
	background-size: 100% 100%;
}
.slide2 .flex-control-nav li .flex-active{
	background: url(/v1/m/images/74.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.design{
	width: 100%;
	margin-top: 15px;
}
.design .design_list{
	width: 100%;
	margin-bottom: 10px;
}
.design .design_list .pic_box{
	width: 30%;
	float: left;
}
.design .design_list .pic_box img{
	display: block;
	width: 100%;
}
.design .design_list .text{
	width: 65%;
	float: right;
}
.design .design_list .text h1{
	font-size: 14px;
	color: #00a88e;
	padding-bottom: 10px;
	background: url(/v1/m/images/80.jpg) no-repeat left bottom;
	margin-bottom: 10px;
}
.design .design_list .text div{
	font-size: 12px;
	color: #666;
}
.slide2 .sut_list{
	display: block;
	width: 47%;
	border: 1px solid #ccc;
	float: left;
	margin-right: 4%;
	margin-bottom: 10px;
}
.slide2 .sut_list .pic_box{
	width: 100%;
}
.slide2 .sut_list .pic_box img{
	display: block;
	width: 100%;
}
.slide2 .sut_list .text1{
	width: 1005;
	height: 30px;
	line-height: 30px;
	background: #b3b3b3;
	color: #fff;
}
 
.parnet_list{
	display: block;
	width: 30%;
	float: left;
	margin-right: 3%;
	box-shadow: 0px 0px 10px rgba(136,136,136,.5);
	margin-bottom: 10px;
}
.case1 .case1_main .text{
	margin-bottom: 20px;
}
.t_main{
	width: 100%;
	margin-top: 20px;
	padding-bottom: 20px;

}
.t_main .top{
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.t_main .top h1{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
.t_main .top  span{
	font-size: 12px;
	color: #666;
	margin-right: 2%;
}
.t_main .t_text{
	width: 100%;
	line-height: 25px;
	color: #666;
	font-size: 12px;
}
.t_main .t_box{
	width: 100%;
	margin-top: 20px
}
.t_main .t_box img{
	display: block;
	width: 100%;
}
.t_main .t_btn{
	width: 100%;
	margin-top: 20px;
}
.t_main .t_btn a{
	display: block;
	width: 95%;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 35px;
	line-height: 35px;
	padding-left: 5%;
	border-radius: 10px;
}


.page1{clear:both; text-align:center;font-size:12px; height:24px; line-height:24px;}

.page1 span a{border:1px solid #e6e6e6;color:#666;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #e6e6e6    ;background: #c5242a;color: #fff;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #e6e6e6;background:#c5242a;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}

    .page1 .pagefirst {
    display:none;
    }
    .page1 .pageend {
    display:none;
    }

    /*手机站图片隐藏*/
/*.img3 {
display:none;
}*/
.t_text img {
	width: 100%;
	height: 100%; 
} 
.slides clearfix div {
    max-width:100%;
}
embed {
     max-width:100%;

}
.case1_main .box img {
    max-width:100%;
}

.yd{
	background: none

}



/* 1-11 修改*/


.fixed{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7); 
	z-index: 1005;
	display: none;
}
.fixed .main{
	width: 80%;
	margin: 0 auto; 
	position: relative;
	top: 50%;
	margin-top: -150px;
}
.fixed .main img{
	display: block;
	width: 100%;
}
.fixed .main .list{
	width: 100%;
	margin-bottom: 20px;
}
.fixed .main .list h2{
	font-size: 14px; 
	color: #fff;
	margin-bottom: 15px; 
	padding-left: 10%;
	text-align: left;
	background-size: auto 100%; 
}
.fixed .main .list a{
	display:block;
	color: #ccc;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
}
.fixed .main .h1{
	background: url(/v1/m/images/jd.png) no-repeat left center;
}

.fixed .main .h2{
	background: url(/v1/m/images/tm.png) no-repeat left center;
}
 
.fixed .close{
	position: absolute;
	top: 5%; 
	right: 10%;
	z-index: 1006;  
	width: 8%;
}
.fixed .close img{
	display: block;
	width: 100%;
}