/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333;}
a{ color:#666; font-size: 16px;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:0px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1350px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

.head{ width:100%; position:fixed; z-index:666; top:0; left:0;}
.head01bg{ background:#2b2e33; color:#fff; padding:5px 0;}
.head01{ font-size:14px; line-height:20px;}
.head01 .txt1{}
.head01 .txt2{}
.head01 .txt2 span{ margin:0 5px;}
.head01 .txt2 i{ color:#f00; font-style:normal; font-size:16px; vertical-align:middle; display:inline-block; margin:0 5px;}
.head02bg{ background:rgba(229,228,228,.88);}
.head02{}
.head02 .logo{ float:left; width:400px; height:90px; position:relative;}
.head02 .logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.head02 .rt{ float:right; height:50px; margin-top:20px;}
.head02 .rt ul li{ text-align:right; font-size:16px; line-height:25px;}


.head03bg{ background:rgba(38, 163, 255, .88);}
.head03{}
/*menu*/
.menu{height:50px;line-height:50px; }
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#ccc; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);/* padding:10px 0;*/display:none; }
.menu ul li dl dd{ line-height:39px; height:39px; overflow:hidden; border-bottom:1px solid #fff;}
.menu ul li dl dd a{ font-size:14px; color:#666; border:none; padding:0;}
.menu ul li dl dd a:hover{ color:#26a3ff;}
.menu a{ font-size:16px;color:#fff; text-decoration:none; display:block;text-align:center; padding:0 50px; font-weight: bolder; }
.menu a:hover{color:#fff;}
a.menu_hover{ background:#0400ff; color:#fff; }
.menu ul li:after{ content:"";position: absolute; top: 30%; left: 0; width: 1px; height: 40%; background: #0093ff;}
.menu ul li:nth-child(1):after{ background:none;}


@media(max-width:768px){
.wapper{ width:100%; margin:0 auto;}
.head{ display:none;}
}


.head_mbg{ display:none;}
.head_m{ position:relative;}
.head_m .logo{ float:left; width:70%; height:50px; position:relative; margin-left:2%;}
.head_m .logo img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}

.nav_open{ width:50px; height:50px; line-height:50px; text-align:center; position:absolute; z-index:2; top:0; right:0;}
.nav_open i{ font-size:30px; vertical-align:middle;}
.navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:50px 5%; position:relative;}
.nav_close{ width:50px; height:50px; line-height:50px; text-align:center; position:absolute; right:0; top:0;}
.nav_close i{ font-size:24px; vertical-align:middle;}
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;}

.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:14px; height:40px; line-height:40px; overflow:hidden; margin:0; position:relative;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#faa732;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-size:12px; position:relative; height:30px; line-height:30px; overflow:hidden; margin:0 5%; }
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#faa732;}
@media(max-width:768px){
.head_mbg{ display:block;}
}




.swiper-container1 { width: 100%; height: 100%; }
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide img{ width:100%;}




.con01bg{ /*padding:30px 0 50px 0;*/}
.con01bg img{ max-width:100%;}
.con01{ overflow:hidden;}
.con01 ul{ width:1250px;}
.con01 ul li{ float:left; width:285px; margin:20px 20px 0 0;}
.con01 ul li table{ border-spacing:0;}
.con01 ul li table td{}
.con01 ul li .w1{ width:96px; height:83px; line-height:83px; background:url(../images/c1-1.png) center no-repeat; text-align:center;}
.con01 ul li .w1 h2{ font-weight:normal; font-size:18px; color:#26a3ff;}
.con01 ul li .w1 h2 b{ font-size:32px;}
.con01 ul li .w2{ width:179px; padding-left:10px;}
.con01 ul li .w2 h3{ font-weight:normal; font-size:16px; line-height:1.5em;}
.con01 ul li .w2 h3 span{ color:#26a3ff;}
@media(max-width:768px){
.con01 ul{ width:100%;}
.con01 ul li{ float:none; width:285px; margin:20px auto 0 auto;}
}


.tit1{ text-align:center; background:url(../images/tit1bg.png) center no-repeat; position:relative;}
.tit1 h2{ font-size:30px; line-height:1.5em; }
.tit1 h3{ font-weight:normal; font-size:12px; line-height:1.5em;}
.tit1 h4{ font-size:16px; line-height:1.5em; position:absolute; top:-25%; right:15%;}
.tit1 h4 span{ color:#c00;}
.tit1 h5{ font-size:16px; line-height:1.5em; position:absolute; top:-30%; left:10%; margin:0;}
@media(max-width:768px){
.tit1 h4{ position:static; }
.tit1 h5{ position:static; }
}
.con02bg{ background:#fff; padding:50px 0 0 0;}
.con02{}
.con02 .list{ }
.con02 .list ul li{ float:left; width:23%; margin:30px 1% 0 1%; position:relative; overflow:hidden; text-align:center;}
.con02 .list ul li:hover{ background:#3999e1;}
.con02 .list ul li .imgbg{ position:relative;}
.con02 .list ul li .img{ padding-bottom:70%;}
.con02 .list ul li .bg{ width:100%; height:100%; position:absolute; top:0; left:0; /*background:url(../images/click.png) center no-repeat;*/}
/*.con02 .list ul li:hover .img{ transform:scale(1.1); transition:all .3s ease;}*/
.con02 .list ul li:hover .bg{ background-color:rgba(0,0,0,0.5);}
.con02 .list ul li .bg1{ width:100%; height:100%; /*background:url(../images/play.png) center no-repeat;*/ position:absolute; top:0; left:0; z-index:3; transition:all .3s ease;}
.con02 .list ul li:hover .bg1{ transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.con02 .list ul li .txt1{ }
.con02 .list ul li .txt1 h2{ font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden;}
.con02 .list ul li .txt1 h2 span{ display:inline-block; }
.con02 .list ul li:hover .txt1 h2{ color:#fff;}
/*.con02 .list ul li .txt1bg{ width:100%; height:100%; background:rgba(19,137,224,.85); color:#fff; position:absolute; top:0; left:0; z-index:2; transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.con02 .list ul li:hover .txt1bg{ transition:all .3s ease;
	-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.con02 .list ul li .txt1{ width:193px; height:67px; background:url(../images/hh.png) center no-repeat; text-align:center;}
.con02 .list ul li .txt1 h2{ font-weight:normal; font-size:20px; line-height:30px; margin-top:-15px;}*/
@media(max-width:768px){
.tit1 h2{ font-size:24px; line-height:1.5em; }
.con02 .list ul li{ width:48%; margin:2% 1% 0 1%;}
.con02 .list ul li .txt1 h2{ font-size:16px; }
}



.con03bg{ padding:50px 0 0 0;}
.con03{}
.con03 ul li{ float:left; width:23%; margin:1% 1%; text-align:center;}
.con03 ul li:hover{ background:#3999e1;}
.con03 ul li .imgbg{ position:relative;}
.con03 ul li .img{ padding-bottom:70%;}
.con03 ul li .bg{ width:100%; height:100%; position:absolute; top:0; left:0; /*background:url(../images/click.png) center no-repeat;*/}
.con03 ul li:hover .bg{ background-color:rgba(0,0,0,0.5);}
.con03 ul li .txt{ }
.con03 ul li .txt h2{ font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden;}
.con03 ul li .txt h2 span{ display:inline-block; }
.con03 ul li:hover .txt h2{ color:#fff;}
.con03 ul li .txt h3,.con03 ul li .txt h4{ display:none;}
/*.con03 .list{ margin-top:30px;}
.con03 .list ul li{ float:left; width:25%; position:relative; overflow:hidden;}
.con03 .list ul li .img{ padding-bottom:60%; transition:all .3s ease;}
.con03 .list ul li:hover .img{ transform:scale(1.1); transition:all .3s ease;}
.con03 .list ul li .txtbg{ width:96%; height:96%; padding:2% 2%; background:rgba(19,137,224,.85); color:#fff; position:absolute; top:0; left:0; transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.con03 .list ul li:hover .txtbg{ transition:all .3s ease;
	-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.con03 .list ul li .txt{}
.con03 .list ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em; padding-bottom:15px; background:url(../images/con04-1.png) center bottom no-repeat; text-align:center;}
.con03 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; max-height:4.5em; overflow:hidden; margin-top:5px;}
.con03 .list ul li .txt h4{ margin-top:10px; text-align:center;}
.con03 .list ul li .txt h4 img{}*/
@media(max-width:768px){
.con03 ul li{ float:left; width:48%; margin:2% 1%; text-align:center;}
/*.con03 .list ul li .txt h2{ font-size:16px; line-height:1.5em; }
.con03 .list ul li .txt h3{ font-size:12px; line-height:1.5em; max-height:4.5em; }*/
}
/*.con03 .list{ margin-top:30px;}
.con03 .list ul li{ float:left; width:25%; }
.con03 .list ul li .img{ padding-bottom:70%; }
.con03 .list ul li .txt{ border:5px solid #1389e0; position:relative;}
.con03 .list ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em; height:1.5em; overflow:hidden; color:#333;}
.con03 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:4.5em; overflow:hidden; color:#666;}
.con03 .list ul li .txt h4{ font-weight:normal; font-size:14px; margin-top:10px;}
.con03 .list ul li .txt h4 span{ display:inline-block; width:150px; height:40px; line-height:40px; border:1px dashed #333; color:#333; text-align:center;}
.con03 .list ul li:hover .txt h4 span{ background:#1389e0; border:1px solid #1389e0; color:#fff;}
.con03 .list ul .li1 .txt{ padding:20px 10px 10px 10px;}
.con03 .list ul .li1 .txt:before{ content: ''; position: absolute; border-width: 20px; border-style: solid; z-index: 99; margin-left:-20px; left: 50%; top: -12%; border-color: transparent transparent #00a0e9 transparent;}
.con03 .list ul .li2 .txt{ padding:10px 10px 20px 10px;}
.con03 .list ul .li2 .txt:before{ content: ''; position: absolute; border-width: 20px; border-style: solid; z-index: 99; margin-left:-20px; left: 50%; bottom: -12%; border-color: #00a0e9 transparent transparent transparent; border-color: #1389e0 transparent transparent transparent;}
@media(max-width:768px){
.con03 .list ul li{ float:left; width:50%;}
.con03 .list ul li .txt h2{ font-size:16px; line-height:1.5em; height:1.5em; }
.con03 .list ul li .txt h3{ font-size:12px; line-height:1.5em; height:4.5em; }
}*/




.con04bg{ padding:50px 0 0 0;}
.con04{ width:1200px; margin:0 auto;}
.con04 .bt1{ position:relative; padding-bottom:5px; margin-top:30px;}
.con04 .bt1 h2{ font-size:24px; line-height:1.5em; color:#d60011; text-align:center;}
.con04 .bt1:before{ content:""; width:80px; height:4px; background:#d60011; margin-left:-40px; position:absolute; left:50%; bottom:0;}
.con04 .list1{ position:relative; margin-top:80px; padding-bottom:50px;}
.con04 .list1>img{ display:block; width:364px; height:364px; margin:0 auto;}
.con04 .list1 .nr{ position:absolute; top:-72px; left:0;}
.con04 .list1 .nr ul li{ float:left; width:554px; margin:10px 0; position:relative;}
.con04 .list1 .nr ul li h2{ font-size:20px; line-height:1.5em; color:#d60011; position:absolute; width:80px; text-align:center; letter-spacing:5px;}
.con04 .list1 .nr ul li h3{ font-size:16px; line-height:1.5em; color:#333;}
.con04 .list1 .nr ul li h4{ font-weight:normal; font-size:14px; line-height:1.5em; color:#999; margin-top:10px;}
.con04 .list1 .nr ul li:nth-child(2n){ float:right;}
.con04 .list1 .nr ul .li1{ width:434px; padding:10px 110px 0 10px; height:130px; background:url(../images/add2_1.png) center no-repeat; transition:all .3s ease;}
.con04 .list1 .nr ul .li2{ width:434px; padding:10px 10px 0 110px; height:130px; background:url(../images/add2_2.png) center no-repeat; transition:all .3s ease;}
.con04 .list1 .nr ul .li3{ width:343px; padding:10px 110px 10px 10px; height:122px; background:url(../images/add2_3.png) center no-repeat; transition:all .3s ease;}
.con04 .list1 .nr ul .li4{ width:343px; padding:10px 10px 10px 110px; height:122px; background:url(../images/add2_4.png) center no-repeat; transition:all .3s ease;}
.con04 .list1 .nr ul .li5{ width:434px; padding:10px 110px 0 10px; height:130px; background:url(../images/add2_1.png) center no-repeat; transition:all .3s ease;}
.con04 .list1 .nr ul .li6{ width:434px; padding:10px 10px 0 110px; height:130px; background:url(../images/add2_2.png) center no-repeat; transition:all .3s ease;}
.con04 .list1 .nr ul .li1:hover,.con04 .list1 .nr ul .li3:hover,.con04 .list1 .nr ul .li5:hover{ transform:translateX(-10px); transition:all .3s ease;}
.con04 .list1 .nr ul .li2:hover,.con04 .list1 .nr ul .li4:hover,.con04 .list1 .nr ul .li6:hover{ transform:translateX(10px); transition:all .3s ease;}
.con04 .list1 .nr ul .li1 h2{ right:10px; top:45px;}
.con04 .list1 .nr ul .li2 h2{ left:15px; top:45px;}
.con04 .list1 .nr ul .li3 h2{ right:10px; top:40px;}
.con04 .list1 .nr ul .li4 h2{ left:15px; top:40px;}
.con04 .list1 .nr ul .li5 h2{ right:10px; top:45px;}
.con04 .list1 .nr ul .li6 h2{ left:15px; top:45px;}
.con04 .list1_m{ display:none; margin-top:20px;}
.con04 .list1_m img{ width:100%;}
@media(max-width:768px){
.con04bg{ padding:50px 4% 0 4%;}
.con04{ width:100%; }
.con04 .list1{ display:none;}
.con04 .list1_m{ display:block;}
}

/*.con04 .list{ margin-top:30px;}
.con04 .list ul li{ float:left; width:25%; position:relative; overflow:hidden;}
.con04 .list ul li .img{ padding-bottom:60%; transition:all .3s ease;}
.con04 .list ul li:hover .img{ transform:scale(1.1); transition:all .3s ease;}
.con04 .list ul li .txtbg{ width:96%; height:96%; padding:2% 2%; background:rgba(19,137,224,.85); color:#fff; position:absolute; top:0; left:0; transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.con04 .list ul li:hover .txtbg{ transition:all .3s ease;
	-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.con04 .list ul li .txt{}
.con04 .list ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em; padding-bottom:15px; background:url(../images/con04-1.png) center bottom no-repeat; text-align:center;}
.con04 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; max-height:4.5em; overflow:hidden; margin-top:5px;}
.con04 .list ul li .txt h4{ margin-top:10px; text-align:center;}
.con04 .list ul li .txt h4 img{}
@media(max-width:768px){
.con04 .list ul li{ float:left; width:100%; }
.con04 .list ul li .txt h2{ font-size:16px; line-height:1.5em; }
.con04 .list ul li .txt h3{ font-size:12px; line-height:1.5em; max-height:4.5em; }
.con04 img{ width:100%;}
}*/



.con05bg{ padding:50px 0 0 0;}
.con05{}
.con05 ul li{ float:left; width:23%; margin:1% 1%; text-align:center;}
.con05 ul li:hover{ background:#3999e1;}
.con05 ul li .imgbg{ position:relative;}
.con05 ul li .img{ padding-bottom:70%;}
.con05 ul li .bg{ width:100%; height:100%; position:absolute; top:0; left:0; /*background:url(../images/click.png) center no-repeat;*/}
.con05 ul li:hover .bg{ background-color:rgba(0,0,0,0.5);}
.con05 ul li .txt{ }
.con05 ul li .txt h2{ font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden;}
.con05 ul li .txt h2 span{ display:inline-block; }
.con05 ul li:hover .txt h2{ color:#fff;}
.con05 ul li .txt h3,.con05 ul li .txt h4{ display:none;}
/*.con05 .list{ margin-top:30px;}
.con05 .list ul li{ float:left; width:25%; position:relative; overflow:hidden;}
.con05 .list ul li .img{ padding-bottom:60%; transition:all .3s ease;}
.con05 .list ul li:hover .img{ transform:scale(1.1); transition:all .3s ease;}
.con05 .list ul li .txtbg{ width:96%; height:96%; padding:2% 2%; background:rgba(19,137,224,.85); color:#fff; position:absolute; top:0; left:0; transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.con05 .list ul li:hover .txtbg{ transition:all .3s ease;
	-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.con05 .list ul li .txt{}
.con05 .list ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em; padding-bottom:15px; background:url(../images/con04-1.png) center bottom no-repeat; text-align:center;}
.con05 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; max-height:4.5em; overflow:hidden; margin-top:5px;}
.con05 .list ul li .txt h4{ margin-top:10px; text-align:center;}
.con05 .list ul li .txt h4 img{}*/
@media(max-width:768px){
.con05 ul li{ float:left; width:48%; margin:2% 1%; text-align:center;}
/*.con05 .list ul li .txt h2{ font-size:16px; line-height:1.5em; }
.con05 .list ul li .txt h3{ font-size:12px; line-height:1.5em; max-height:4.5em; }*/
}





.con06bg{ padding:50px 0 0 0;}
.con06{}
.con06 ul li{ float:left; width:23%; margin:1% 1%; text-align:center;}
.con06 ul li:hover{ background:#3999e1;}
.con06 ul li .imgbg{ position:relative;}
.con06 ul li .img{ padding-bottom:70%;}
.con06 ul li .bg{ width:100%; height:100%; position:absolute; top:0; left:0; /*background:url(../images/click.png) center no-repeat;*/}
.con06 ul li:hover .bg{ background-color:rgba(0,0,0,0.5);}
.con06 ul li .txt{ }
.con06 ul li .txt h2{ font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden;}
.con06 ul li .txt h2 span{ display:inline-block; }
.con06 ul li:hover .txt h2{ color:#fff;}
.con06 ul li .txt h3,.con06 ul li .txt h4{ display:none;}
/*.con06 .list{ margin-top:30px;}
.con06 .list ul li{ float:left; width:25%; position:relative; overflow:hidden;}
.con06 .list ul li .img{ padding-bottom:60%; transition:all .3s ease;}
.con06 .list ul li:hover .img{ transform:scale(1.1); transition:all .3s ease;}
.con06 .list ul li .txtbg{ width:96%; height:96%; padding:2% 2%; background:rgba(19,137,224,.85); color:#fff; position:absolute; top:0; left:0; transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.con06 .list ul li:hover .txtbg{ transition:all .3s ease;
	-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.con06 .list ul li .txt{}
.con06 .list ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em; padding-bottom:15px; background:url(../images/con04-1.png) center bottom no-repeat; text-align:center;}
.con06 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; max-height:4.5em; overflow:hidden; margin-top:5px;}
.con06 .list ul li .txt h4{ margin-top:10px; text-align:center;}
.con06 .list ul li .txt h4 img{}*/
@media(max-width:768px){
.con06 ul li{ float:left; width:48%; margin:2% 1%; text-align:center;}
/*.con06 .list ul li .txt h2{ font-size:16px; line-height:1.5em; }
.con06 .list ul li .txt h3{ font-size:12px; line-height:1.5em; max-height:4.5em; }*/
}



.con07bg{ padding:50px 0 0 0;}
.con07{}
.con07 .list{ margin-top:30px;}
.con07 .list ul li{ float:left; width:25%; background-image:url(../images/hw.png); background-position:center; background-repeat:no-repeat; background-size:90% 90%; background-color:#27a3ff; color:#fff; text-align:center; padding:20px 0 25px 0;}
.con07 .list ul li h2{ font-size:30px; line-height:1.5em; height:1.5em; overflow:hidden;}
.con07 .list ul li h3{ font-weight:normal; font-size:16px; height:6em; line-height:1.5em; margin-top:5px;}
.con07 .list ul .li1,.con07 .list ul .li3,.con07 .list ul .li6,.con07 .list ul .li8{ background-color:#27a3ff;}
.con07 .list ul .li2,.con07 .list ul .li4,.con07 .list ul .li5,.con07 .list ul .li7{ background-color:#6699ff;}
@media(max-width:768px){
.con07 .list ul li{ float:none; width:90%; margin:0 auto;}
.con07 .list ul li h2{ font-size:20px; line-height:1.5em; height:1.5em; }
.con07 .list ul li h3{ font-size:14px; height:6em; line-height:1.5em; }
.con07 img{ width:100%;}
}



.con08bg{ padding:50px 0; background: #fff;}
.con08{}

.con08 .list{ margin-top:30px; padding-top:35px;}
.con08 .list ul{}
.con08 .list ul li{ float:left; width:120px; text-align:center; padding:40px 0; position:relative;}
.con08 .list ul li h2{ font-size:20px; line-height:40px; height:40px; overflow:hidden; position:absolute; width:190px; left:-35px;}
.con08 .list ul li h3{ height:40px; overflow:hidden;}
.con08 .list ul li .num{}
.con08 .list ul li .num span{ display:inline-block; width:50px; height:50px; border-radius:100%; background:#26a3ff; color:#fff; line-height:50px; font-size:30px; font-weight:bold;}
.con08 .list ul li:hover .num span{ background:#F39801;}
.con08 .list ul .li1,.con08 .list ul .li3,.con08 .list ul .li5,.con08 .list ul .li7,.con08 .list ul .li9{ margin-top:-35px;}
.con08 .list ul .li1 h2,.con08 .list ul .li3 h2,.con08 .list ul .li5 h2,.con08 .list ul .li7 h2,.con08 .list ul .li9 h2{ top:0;}
.con08 .list ul .li2,.con08 .list ul .li4,.con08 .list ul .li6,.con08 .list ul .li8,.con08 .list ul .li10{ margin-top:70px;}
.con08 .list ul .li2 h2,.con08 .list ul .li4 h2,.con08 .list ul .li6 h2,.con08 .list ul .li8 h2,.con08 .list ul .li10 h2{ bottom:0;}
.con08 .list ul .li1:before,.con08 .list ul .li3:before,.con08 .list ul .li5:before,.con08 .list ul .li7:before,.con08 .list ul .li9:before{ content: ''; position: absolute; width: 70px; height: 2px; background: #26a3ff; bottom: 0; left: 70px; transform: rotate(45deg);}
.con08 .list ul .li3:after,.con08 .list ul .li5:after,.con08 .list ul .li7:after,.con08 .list ul .li9:after{ content: ''; position: absolute; width: 70px; height: 2px; background: #26a3ff; bottom: 0; right: 70px; transform: rotate(-45deg);}
@media(max-width:768px){
.con08 .list{ overflow:hidden; overflow-X:scroll;}
.con08 .list ul{ width:1200px;}
.con08 img{ width:100%;}
}



.tit2{ text-align:center; background:url(../images/tit2bg.png) center no-repeat; color:#fff;}
.tit2 h2{ font-size:30px; line-height:1.5em; }
.tit2 h3{ font-weight:normal; font-size:12px; line-height:1.5em;}

.con09bg{ padding:50px 0;}
.con09{}
.con09 .list{ text-align:center; margin-top:30px;}
.con09 .list ul li{ display:inline-block; width:13%; margin:1px 0; background:#fff;}
.con09 .list ul li a{ display:block; height:140px; position:relative;}
.con09 .list ul li img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}

@media(max-width:768px){
.tit2 h2{ font-size:24px; line-height:1.5em; }
.con09 .list ul{ margin:0 1%;}
.con09 .list ul li{ float:left; width:48%; margin:1% 1%; background:#fff;}
}




.con10bg{ padding:50px 0;}
.con10{}
.con10 .list{ margin-top:20px;}
.con10 .list ul li{ background:#f1f1f1; float:left; width:48%; margin:1% 1%;}
.con10 .list ul li .lt{ float:left; width:34%; position:relative;}
.con10 .list ul li .lt .img{ height:220px;}
.con10 .list ul li .lt .txtbg{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(8,8,8,0.3);}
.con10 .list ul li .lt:hover .txtbg{ background:rgba(38,163,255,0.4);}
.con10 .list ul li .lt .txt{ margin:10px 10px; height:198px; border:1px solid #fff; color:#fff; text-align:center;}
.con10 .list ul li .lt .txt table{ height:100%;}
.con10 .list ul li .lt .txt table td{ height:100%;}
.con10 .list ul li .lt .txt h2{ font-size:28px; line-height:1.5em; text-shadow:1px 2px 2px #333;}
.con10 .list ul li .lt .txt h3{ font-weight:normal; font-size:24px; line-height:1.5em;}
.con10 .list ul li .rt{ float:right; width:62%; padding:10px 0; margin-right:2%;}
.con10 .list ul li .rt dl dd{ height:49px; line-height:49px; border-bottom:1px solid #e7e7e7; font-size:16px;}
.con10 .list ul li .rt dl dd a{ display:block; float:left; width:80%; height:49px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.con10 .list ul li .rt dl dd a:hover{ color:#36a5f9;}
.con10 .list ul li .rt dl dd span{ float:right; color:#999; font-size:14px;}
@media(max-width:768px){
.con10 .list ul li{ float:none; width:96%; margin:2% 2%;}
.con10 .list ul li .lt{ float:none; width:100%; }
.con10 .list ul li .rt{ float:none; width:96%; padding:10px 2%; margin-right:0;}
}





.footbg{ padding:10px 0; background:#2B2E33; color:#fff;}
.foot{}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}
.foot .top{ font-size:16px; line-height:30px; margin-bottom: 25px;}
.foot .top a{ display:inline-block; margin:0 48px;}
.foot .top a:hover{}
.foot .mid{ margin-top:10px;}
.foot .mid .lt{ float:left; /*width:20%;*/}
.foot .mid .lt img{ max-width:100%;}
.foot .mid .ct{ float:left; margin-left:20px;}
.foot .mid .ct dl{ float:left; max-width:330px; margin:0 20px 0 0; font-size:16px; line-height:1.5em;}
.foot .mid .rt{ float:right; text-align:center; margin-right: 250px;}
.foot .mid .rt .img{ height:130px;}
.foot .mid .rt .img img{ width:130px; height:130px;}
.foot .mid .rt h2{ font-weight:normal; font-size:12px; line-height:2em;}
.foot .btm{ margin-top:35px; font-size: 16px;}
.foot .btm ul li{ font-size:14px; line-height:1.5em;}
.foot .btm ul li a{}
@media(max-width:768px){
.footbg{ padding:10px 2%; }
.foot .top{ text-align:center;}
.foot .mid{ position:relative;}
.foot .mid .lt{ float:none; width:100%;}
.foot .mid .ct{ float:none; margin-left:0;}
.foot .mid .ct dl{ float:none; max-width:680px; width:100%; margin:10px 0 0 0; font-size:16px; line-height:1.5em;}
.foot .mid .rt{ float:none; margin-top:10px; position:absolute; right:0; top:-10px; margin-right:0;}
.foot .btm{ text-align:center;}
}





/*Add------------------------------------------------------------------------------*/

.inbannerbg{ /*height:360px;*/}
.in_navbg{}
.in_nav{}
.in_nav .lt{ float:left; padding-left:20px; background:url(../images/dizhi.jpg) left center no-repeat; height:80px; line-height:80px; font-size: 16px; font-weight: bolder;}
.in_nav .lt a{}
.in_nav .lt a:hover{}
.in_nav .rt{ float:right; height:80px; line-height:76px; font-weight: bolder;}
.in_nav .rt ul li{ float:left; margin:0 10px; font-size:20px;}
.in_nav .rt ul li a{ display:block; padding:0 10px;}
.in_nav .rt ul li.active a{ color:#26a3ff; border-bottom:4px solid #26a3ff;}
.in_nav .rt ul li:hover a{ color:#26a3ff; border-bottom:4px solid #26a3ff;}
.insidebg{ background:#f7f7f7; padding:0px 0;}
.inside{}
@media(max-width:768px){
.in_navbg{ padding:0 2%;}
.in_nav .lt{ float:none; height:40px; line-height:40px;}
.in_nav .rt{ float:none; overflow:hidden; overflow-X:scroll;}
.in_nav .rt ul{ width:1200px;}

.insidebg{ padding:50px 2%;}
}



.fwkh{ }
.fwkh ul li{ float:left; width:19%; margin:.5% .5%; height:150px; background:#fff; position:relative;}
.fwkh ul li img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:768px){
.fwkh ul li{ float:left; width:49%; margin:.5% .5%; height:150px; background:#fff; position:relative;}
}




.contact{ border:1px solid #333; border-bottom:none;}
.contact ul li{ border-bottom:1px solid #333; padding:10px 10px;}
.contact ul li .txt{ float:left; width:48%;}
.contact ul li .txt dl dt{ font-weight:bold; font-size:30px; line-height:1.5em; margin:5px 0;}
.contact ul li .txt dl dd{ font-size:18px; line-height:1.5em; margin:5px 0;}
.contact ul li .img{ float:right; width:50%;}
.contact ul li .img img{ width:100%;}
@media(max-width:768px){
.contact ul li .txt{ float:none; width:100%;}
.contact ul li .txt dl dt{ font-size:24px; line-height:1.5em; margin:5px 0;}
.contact ul li .txt dl dd{ font-size:16px; line-height:1.5em; margin:5px 0;}
.contact ul li .img{ float:none; width:100%;}
}




.ys{}
.ys ul li{ float:left; width:23%; margin:2% 1%; text-align:center;}
.ys ul li .img{ padding-bottom:100%; border-radius:100%; border:5px solid #fff;}
.ys ul li .txt{ margin-top:20px;}
.ys ul li .txt h2{ font-weight:normal; font-size:30px; line-height:60px; height:60px; overflow:hiddend; border-radius:5px; background:#26a3ff; color:#fff;}
.ys ul li .txt h3{ font-weight:normal; margin-top:20px; font-size:16px; line-height:1.5em; height:6em; overflow:hidden;}
@media(max-width:768px){
.ys ul li{ float:left; width:98%; margin:2% 1%; }
.ys ul li .txt h2{ font-size:20px; line-height:40px; height:40px; overflow:hiddend; }
.ys ul li .txt h3{  font-size:14px; line-height:1.5em;}
}



.tit3{ text-align:center;}
.tit3 h2{ font-size:30px; line-height:50px;}
.tit3 h2 span{ font-weight:normal; color:#999; margin-right:10px;}
.tit3 h3{ font-weight:normal; font-size:12px; line-height:1.5em; color:#999;}
.gszz{}
.gszz .list{ margin-top:20px;}
.gszz .list ul li{ float:left; width:24%; margin:.5% .5%; text-align:center; }
.gszz .list ul li .imgbg{ background:url(../images/honor-bg.jpg) center no-repeat; background-size:100% 100%; height:180px; padding:12px 12px;}
.gszz .list ul li .img{ height:180px; position:relative;}
.gszz .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.gszz .list ul li h2{ font-weight:normal; font-size:12px; line-height:2em; height:2em; overflow:hidden;}
@media(max-width:768px){
.gszz .list ul li{ float:left; width:98%; margin:2% 1%; }
}




.fwlc{}
.fwlc ul li{ float:left; width:48%; margin:1% 1%;}
.fwlc ul li .lt{ float:left; width:30%; border:1px solid #27a2ff; background:#e9e8ee; color:#27a2ff; height:160px; text-align:center;}
.fwlc ul li .lt table{ height:100%;}
.fwlc ul li .lt table td{height:100%;}
.fwlc ul li .lt h2{ font-size:30px; line-height:1.5em;}
.fwlc ul li .lt h3{ font-weight:normal; font-size:16px; line-height:1.5em;}
.fwlc ul li .rt{ float:right; width:68%;}
.fwlc ul li .rt h2{ font-weight:normal; font-size:16px; line-height:1.5em;}
.fwlc ul li .rt h3{ font-weight:normal; font-size:14px; line-height:1.5em; color:#666;}
.fwlc .li2 .lt,.fwlc .li3 .lt,.fwlc .li6 .lt,.fwlc .li7 .lt,.fwlc .li10 .lt,.fwlc .li11 .lt,.fwlc .li14 .lt,.fwlc .li15 .lt,.fwlc .li18 .lt,.fwlc .li19 .lt{ border:1px solid #1f6fd0; background:#1f6fd0; color:#fff; }
@media(max-width:768px){
.fwlc ul li{ float:none; width:98%; margin:1% 1%;}
}




.jyfw{}
.jyfw ul li{ float:left; width:49%; margin:.5% .5%; text-align:center;}
.jyfw ul li .txtbg{ background:rgba(38,163,255,0.6)!important; padding:20px 20px; color:#fff;}
.jyfw ul li .txt{}
.jyfw ul li .txt h2{ font-size:28px; line-height:1.5em; height:1.5em; overflow:hidden;}
.jyfw ul li .txt h3{ font-weight:normal; font-size:16px; line-height:1.5em; height:15em; overflow:hidden; margin-top:10px;}
@media(max-width:768px){
.jyfw ul li{ float:none; width:98%; margin:1% 1%; }
.jyfw ul li .txt h2{ font-size:20px; line-height:1.5em; height:auto; }
.jyfw ul li .txt h3{ font-size:14px; line-height:1.5em; height:auto; }
}




.case{}
.case ul li{ float:left; width:31%; margin:1% 1%; text-align:center;}
.case ul li:hover{ background:#3999e1;}
.case ul li .imgbg{ position:relative;}
.case ul li .img{ padding-bottom:70%;}
.case ul li .bg{ width:100%; height:100%; position:absolute; top:0; left:0; /*background:url(../images/click.png) center no-repeat;*/}
.case ul li:hover .bg{ background-color:rgba(0,0,0,0.5);}
.case ul li .txt{ }
.case ul li .txt h2{ font-weight:normal; font-size:16px; height:40px; line-height:40px; overflow:hidden;}
.case ul li .txt h2 span{ display:inline-block; }
.case ul li:hover .txt h2{ color:#fff;}
@media(max-width:768px){
.case ul li{ float:left; width:98%; margin:2% 1%; text-align:center;}
}











.site-header nav li >em a,
.site-header nav li >em a:before,
.index-more a,
.index-section1 .tabs li h3,
.pic-list li .word h3 a,
.index-section3 .text-list li time,
.index-section3 .text-list li .more a,
.index-section3 .text-list li .tit a,
.link-list li .Ispic,
.designer-info .content .btns a,
.partner-invit .form .btn,
.new-list .Ispic,
.index-banner .swiper-button>div,
.gallerybox .swiper-button-prev,
.gallerybox .swiper-button-next
{
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.link-list li {text-align:center;}
@media(min-width:1001px){
	.pic-list li .layer,
	.designer-list li .layer,
	.link-list li .layer{
		-webkit-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}
	.pic-list li .pic:hover .layer{ opacity: 1;}
	.designer-list li .pic:hover .layer{ opacity: 1;}
	.index-section1 .tabs li .Ispic,
	.pic-list li .Ispic{
		-webkit-transition: -webkit-transform 0.8s ease-in-out;
		-ms-transition: -ms-transform 0.8s ease-in-out;
		-moz-transition: -moz-transform 0.8s ease-in-out ;
		transition: transform 0.8s ease-in-out;
	}
	.index-section1 .tabs li a:hover .Ispic,
	.pic-list li .pic:hover .Ispic,
	.new-list .Ispic:hover{
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-moz-transform: scale(1.15);
		transform: scale(1.15);
	}
}



.gallerybox{ overflow: hidden;}
.gallerybox .swiper-container { width: 100%;  height: 300px;  margin-left: auto;  margin-right: auto;}
.gallerybox .swiper-slide { background-size: cover; background-position: center;}
.gallerybox .gallery-top { height: 80%; width: 100%;}
.gallerybox .gallery-top .swiper-slide{ padding-bottom: 53%;}
.gallerybox .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0;}
.gallerybox .gallery-thumbs .swiper-slide {width: 60px;height: 60px; opacity: 0.4; border: 2px solid #303c49; cursor: pointer;}
.gallerybox .gallery-thumbs .swiper-slide-active { opacity: 1;}
.gallerybox .swiper-button-prev{ opacity: 0; left: -20px;}
.gallerybox .swiper-button-next{ opacity: 0; right: -20px;}
.gallerybox .swiper-button-prev.in{ opacity: 1; left: 10px;}
.gallerybox .swiper-button-next.in{ opacity: 1; right: 10px;}
@media (max-width:767px) {
	.gallerybox .gallery-thumbs .swiper-slide{ width: 40px; height: 40px;}
}




.about1{ padding:50px 0;}
.about1 .lt{ float:left; width:50%;}
.about1 .rt{ float:right; width:45%;}
.about1 .rt h2{ font-size:24px; line-height:1.5em; text-align:center;}
.about1 .rt table td{ text-align:center; padding-top:15px;}
.about1 .rt .text1{ border:1px solid #ccc; width:60%; height:38px; line-height:38px; padding:0 2%;}
.about1 .rt .button1{ display:inline-block; border:1px solid #f00; width:30%; height:38px; line-height:38px; font-size:14px; color:#f00;}
.about1 .rt .button1:hover{ background:#f00; color:#fff;}
@media(max-width:768px){
.about1 .lt{ float:none; width:100%;}
.about1 .rt{ float:none; width:100%; margin-top:20px;}
}

@media(max-width:768px){
.swiper-container2{ display:none !important;}
}