table{
	word-wrap: break-word;
	word-break: break-all;
	 border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
	font-family:'DINCond-Medium';
	src: url('../fonts/DINCond-Medium.ttf') format('truetype');
	font-weight:normal;
    font-style: normal;
}
/*-----------------banner----------*/
.sbanner{
	position: relative;
	width:100%;
	height: 400px;
	background-repeat:no-repeat  !important;
	background-size:cover  !important;
    background-position: center center !important;
}
.secbanner{
	position: relative;
	width:100%;
	height: 400px;
	background-repeat:no-repeat  !important;
	background-size:cover  !important;
    background-position: center center !important;
}
.banner1{
	background: url(../images/banner1.jpg);
}
.banner2{
	background: url(../images/banner2.jpg);
}
.banner3{
	background: url(../images/banner3.jpg);
}
.banner4{
	background: url(../images/banner4.jpg);
}
.banner5{
	background: url(../images/banner5.jpg);
}
.banner7{
	background: url(../images/banner7.jpg);
}
.bannera{
	background: url(../images/bannera.jpg);
}
.banner88{
	background: url(../images/banner88.jpg);
}
/*-----------妗堜緥-----------*/
.htxt h3{
	color:#fff;
	font-size: 48px;
    position: relative;
    padding-bottom: 15px;
    line-height: 1;
    margin-bottom: 15px;
}
.htxt h3:after{
	content: '';
    width: 60px;
    height: 1px;
    background: #0091DC;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}
.htxt {
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	height: auto;
	text-align: center;
}
.menu{
	height: 68px;
    line-height: 68px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    text-align: center;
    width: 100%;
    background: #fff;
}
.menu a{
	position: relative;
	height: 68px;
    vertical-align: top;
    display: inline-block;
}
.menu em{
	display: inline-block;
    margin: 0 1.5%;
    /* color: #e3e3e3; */
    width: 1px;
    height: 16px;
    background: #e3e3e3;
}
.menu a.on{
	color:#0091DC;
}
.menu a:after{
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #0091DC;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.menu a.on:after{
	width:100%;
	left:0;
}
.menu a:hover:after{
	width:100%;
	left:0;
}
.menu a:hover{
	color:#0091DC;
}
/*-----------鎵嬫満绔鑸?-----------*/
.phmenu{
	width:100%;
	height:40px;
	background: #ebebeb;
}
.phmenu .inner{
	height:100%;
	overflow-x: scroll;
}  
            .phmenu .inner::-webkit-scrollbar {    width: 0px;height:5px;display: none;}/* 婊氬姩妲 */
			.phmenu .inner::-webkit-scrollbar-track {   background:#fff;   border-radius: 5px;}/* 婊氬姩鏉℃粦鍧 */
			.phmenu .inner::-webkit-scrollbar-thumb {    border-radius: 5px;background: #F46D00;}
			.phmenu .inner::-webkit-scrollbar-thumb:window-inactive {    background: #F46D00;}
.phmenu  ul{
	height:40px;
}
.phmenu li{
	height:40px;
	line-height: 40px;
	font-size: 14px;
	float:left;
	width: auto;
    overflow: hidden;
    padding: 0 5px;
}
.phmenu li a.on{
	color: #0091dc;
}

/*-----------ul-3-------------*/
.ul-3{
	margin-top: 70px;
	height:auto;
	overflow: hidden;
}
.ul-3 li{
	cursor: pointer;
	float:left;
	width: 32%;
	margin-left: 2%;
	margin-bottom: 40px;
}
.ul-3 li .mhtxt{
	font-family: "寰蒋闆呴粦";
	font-size: 17px;
	color: #333;
	font-weight: normal;
	margin-top: 5px;
	text-align: left;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ul-3 li:hover .mhtxt{
	color:#0091dc;
}
@media  (min-width: 769px) {
	.ul-3 li:nth-child(3N+1){
	margin-left: 0;
}
}
.pBox { position:relative; overflow:hidden; margin-bottom:0px; /*cursor: pointer;*/}
.pBox ._n { display:block; width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; text-align:left; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pBox ._img img { width:100%; height:auto;}
.pBox ._mask { width:100%; height:100%; position:absolute; text-align:left; background: rgba(0,145,220,.7);}
.pBox ._mask a { display:block; color:#ffffff; padding:20px 10%; opacity:0; display:none/9; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}
.pBox ._mask ._tag {display:inline-block;font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pBox ._mask ._n { display:block; margin-bottom:5px; margin-top:7%; color:#ffffff;}
.pBox ._mask ._text {font-size:13px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pBox ._mask ._more { display:inline-block; width:auto; height:42px; line-height:42px; background:#d95204; color:#ffffff; padding:0 50px; font-size:14px; }
.pBox:hover ._img ._n { bottom:-40px; }
.pBox ._mask { left:0; top:0; opacity:0; display:none/9; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;visibility: hidden;}
.pBox:hover ._mask { opacity:1; display:block/9; visibility: visible;}
.pBox:hover ._mask a { opacity:1; display:block/9; margin-top:0;}

@media  (max-width: 768px) {
	.ul-3 li{width: calc((100% - 10px)/2);margin-left: 10px;margin-bottom: 10px;}
	.ul-3 li:nth-child(2n+1) {margin-left: 0;}
	.ul-3 li .mhtxt{font-size: 14px;}
}

/*-----------鍒嗛〉鏍峰紡----------*/
/*page-list*/
.page-list{
	text-align: center;
	margin-top: 20px;
	margin-bottom:50px;
}
.pre-list{
	margin-left:15px;
	color:#0091dc;
	height:40px;
	line-height: 40px;
    width: 80px;
    border: 1px solid #eee;
    font-size:16px;   
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    cursor: pointer;
    font-family: "寰蒋闆呴粦";
}
.next-list{
	margin-left:15px;
	color:#0091dc;
	height:40px;
	line-height: 40px;
    width: 80px;
    border: 1px solid #eee;
    font-size:16px;   
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    cursor: pointer;
    font-family: "寰蒋闆呴粦";
}
.page-list a{
	margin-left:15px;
	color:#999;
	height:40px;
	line-height: 40px;
    width: 40px;
    border: 1px solid #eee;
    font-size:16px;   
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.infog{
	margin-left:15px;
	color:#0091dc;
	height:40px;
	line-height: 40px;
    width: 100px;
    border: 1px solid #eee;
    font-size:16px;   
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    cursor: pointer;
    font-family: "寰蒋闆呴粦";
}
.page-list a {
	color: #000000 !important;
	background:#F8F8F8;
}
.page-list a.active{
	color: #fff !important;
	background: #0091dc;
	border:none;
}
.pre-list a{
	width:80px;
	height:40px;
	border: none;
	margin-left: 0;
	color:#0091dc !important;
}
.next-list a{
	width:80px;
	height:40px;
	border: none;
	margin-left: 0;
	color:#0091dc !important;
}
/*-----------------------------------------缃戠粶鐮斿彂-----------------------------------*/
.thbanner{
	position: relative;
	height:300px;
	width:100%;
	background-repeat:no-repeat  !important;
	background-size:cover  !important;
    background-position: center center !important;
}
.thbanner1{
	background: url(../images/thbanner1.jpg);
}
.thbanner .th_txt{
	width:100%;
	text-align: center;
    position: absolute;
    color: #fff;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
 .thbanner .th_txt h3{
	height:100px;
	font-size: 60px;
    font-weight: normal;
}
.thbanner ._sub{
	font-size: 25px;
    font-weight: bold;
}
.thbanner ._sub p{
	display: inline-block;
    position: relative;
}
.thbanner ._sub p:before{
	content: "";
    position: absolute;
    width: 120px;
    height: 1px;
    background: rgba(255,255,255,.5);
    top: 25px;
    left: -140px;
}
.thbanner ._sub p:after{
	content: "";
    position: absolute;
    width: 120px;
    height: 1px;
    background: rgba(255,255,255,.5);
    top: 25px;
    right: -140px;
}
.thbanner ._txt{
	font-size: 18px;
	line-height: 30px;
}
.xy{
	width: 100%;
    height: 204px;
    background: #0091DC;
    text-align: center;
}
.xy .inner{
	height:100%;
	position: relative;
}
.xy ._con{
	padding-top: 56px;
    padding-bottom: 51px;
    padding-left: 5%;
}
.xy .xicon{
	float:left;
}
.xy .plus{
	float:left;
	font-weight: bold;
    font-size: 28px;
    color: #fff;
    padding: 1.5% 5%;
}
.solve {
	width:100%;
	height:auto;
	overflow: hidden;
	padding: 50px 0  70px 0;
	text-align: center;
}
.solve h3{
	font-size: 38px;
    color: #323232;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.solve h4{
	font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: center;
    color:#333;
}
.solve p{
	font-size: 14px;
	color: #737373;
    text-align: center;
    margin-bottom: 50px;
    line-height: 23px;
}
.wz-sec3{
	background: url(../images/ld_bg.jpg);
    padding: 70px 0 70px 0;
    overflow: hidden;
}
.wz-sec3 ._tit{
	text-align: center;
    font-size: 38px;
    color: #fff;
    line-height: 1;
    margin-bottom: 65px;
}
.wz-sec3 ._tit b{color:#0091DC;}
.ld-ul{
	height:auto;
	overflow: hidden;
}
.ld-ul li{
	float:left;
	width:50%;
	cursor: pointer;
}
.ld-ul .full-row{
	height:auto;
	overflow: hidden;
	width: 100%;
    transition: .2s width ease;
}
.f_l{
	width:50%;
	float:left;
}
.ld-ul .fl_5{
	position: relative;
}

.ld-ul li ._con{
	height: 0;
    padding-bottom: 79%;
	position: relative;
	z-index: 1;
	
}
.ld-ul li ._con img{
	width: 100%;
}
.ld-ul li .mask{
	line-height: 22px;
	font-size: 14px;
	position: absolute;
	top:100%;
	left:0;
	z-index: 3;
	background: rgba(0,0,0,.8);
    color: #fff;
    width: 90%;
    height: 90%;
    padding: 5%;
    webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ld-ul li:hover .mask{
	top:0;
}
.ld-ul li ._con1{
	background: #42668f;
}
.ld-ul li ._con2{
	background: #4d2e83;
}
.ld-ul li ._con3{
	background: #65bc46;
}
.ld-ul li ._con4{
	background: #ffb400;
}
.ld-ul li ._con5{
	background: #2cbcb1;
}
.ld-ul li ._con6{
	background: #42668f;
}
.ld-ul li .t{
	font-size: 22px;
    color: #fff;
    position: absolute;
    top: 30px;
    left: 35px;
}
.ld-ul li .t:after{
	content: '';
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.ld-ul li .num{
	display: inline-block;
    position: absolute;
    width: 60px;
    height: 50px;
    bottom: 25px;
    right: 30px;
    background: url(../images/num1.png) no-repeat 0 0;
}
.ld-ul li .num2{  
	  background-position: -60px 0;
}
.ld-ul li .num3{  
	  background-position: -120px 0;
}
.ld-ul li .num4{  
	  background-position: -180px 0;
}
.ld-ul li .num5{  
	  background-position: -240px 0;
}
.ld-ul li .num6{  
	  background-position: -300px 0;
}
.wz-sec4 {
	padding-top:50px ;
	width:100%;
	height:240px;
	background: url(../images/ld_bg2.jpg);
	background-repeat: no-repeat ;
    background-size: cover;
    background-position: center center ;
}
.wz-sec4 ._txt{
	color:#fff;
	text-align: center;
}
.wz-sec4 ._txt h3{
	font-weight: normal;
    font-size: 38px;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
}
.wz-sec4 ._txt p{
	text-align: center;
	max-width: 750px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	line-height: 22px;
}
.wz-sec4 .inner{
	height:100%;
	position: relative;
}
.wz-sec4 .wz_menu{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.wz-sec4 .wz_menu li{
	text-align: center;
	width: calc((100% - 6px)/7);
    float: left;
    margin-right: 1px;
    cursor: pointer;
    background: rgba(0,0,0,.2);
    color: #fff;
    height: 52px;
    line-height: 52px;
    font-size: 17px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.wz-sec4 .wz_menu li:last-child{margin-right: 0;}
.wz-sec4 .wz_menu li a{
	color:#fff;
	display: block;
}
.wz-sec4 .wz_menu li:hover {
	background:#0091DC ;
}
.wz-sec4 .wz_menu li.on{
	background:#0091DC ;
}
.wz-sec5{
	background: #f4f4f4;
    padding: 70px 0;
}
.wz-sec5 h3{
	font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
    color:#555;
}
.wz-sec5 p{
	line-height: 25px;
	font-size: 14px;
}
.wz-sec5 ._p{
	margin-top: 25px;
	font-size: 17px;
    color:#0091DC;
    margin-bottom: 30px;
}
.wz-sec5 .wz_con{
	display: none;
	height:auto;
	overflow: hidden;
}
.wz_links a{
	cursor:pointer;
	float: left;
    width: 100px;
    height: 50px;
    padding: 25px 0;
    text-align: center;
}
.wz_links a:hover{
	opacity: .8;
}
.wz_links .a1{
	background:#0091DC;
}

.wz_links .a2{
	background: #fa9f00;
}
.wz_links .a3{
	background: #65bc46;
	width: auto;
    padding: 25px;
    color: #fff;
    font-size: 28px;
}
.wz_links a i{
	display: inline-block;
    background: url(../images/brand_icos.png) no-repeat 0 -50px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
}
.wz_links .a2 i{
	background-position: -50px -50px;
}
.wz_links .a3 i{
	background-position: -100px -50px;
    margin-right: 25px;
}
.wz-sec6 {
	text-align: center;
	padding: 70px 0 10px 0;
}
.wz-sec6 h3{
	color:#444;
	font-weight: normal;
    font-size: 38px;
    line-height: 1;
    margin-bottom: 15px;
}
.wz-sec6 p{
	font-size: 15px;
}
.amore{
	text-align: left;
	cursor: pointer;
	padding-left: 60px;
	display: block;
	width:200px;
	height:40px;
	line-height: 40px;
	color:#0091DC;
	border: 1px solid #0091DC;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	position: relative;
	font-size: 14px;
}
.amore span{
	position: absolute;
	display: block;
	width:25px;
	height:25px;
	right:40px;
	top:50%;
	transform: translateY(-50%);
	background: url(../images/arrow22.png);
	transition: all .3s;
	-webkit-transition: all .3s;
}
.amore:hover{
	background:#0091DC ;
	color:#fff;
}
.amore:hover span{
	background: url(../images/arrow11.png);
	right:30px;
}
.amore2{
	color:#fff;
	border: none;
	background: #39424b;
}
.amore2 span {
    background: url(../images/arrow11.png);

}
.wz-sec7{
	width:100%;
	padding: 70px 0 70px 0;
	height:auto;
	overflow: hidden;
}
.wz-sec7 h3{
	margin-bottom: 15px;
	text-align: center;
    font-size: 38px;
    color: #323232;
    line-height: 1;
    font-weight: normal;
}
.wz-sec7 p{
	color:#333;
	font-size: 15px;
	text-align: center;
}
/*---------------------------鍒朵綔娴佺▼----------------------------*/
.pr{position:relative;}
.xyswz_sec4{ text-align: center; padding: 65px 0;}
.xyswz_sec4 ._tit{ font-size: 40px; line-height: 1; margin-bottom: 20px;}
.xyswz_sec4 .p1{ font-size: 16px;  margin-bottom: 50px;}
.xyswz_sec4 .icos{ width: 100%; height: 270px; }
.xyswz_sec4 .dot ._list{ display: none;}
.xyswz_sec4 .dot ._list a{ display: block; line-height: 28px;}
.xyswz_sec4 .dot { z-index: 5; background: #fff; position: absolute; cursor: pointer; width: 128px; height: 128px; border: 1px solid #ddd; border-radius: 64px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.xyswz_sec4 .dot .ic{ display: inline-block; width: 50px; height: 50px; background:url(../images/xyswz_ico.png) no-repeat 0 0;  margin-top: 30px; }
.xyswz_sec4 .dot h3{ line-height: 1; font-weight: normal; font-size: 17px; margin-bottom: 8px; margin-top: 5px;}
.xyswz_sec4 .dot:hover{ z-index:6; background: #0091DC; color: #fff; height: auto; padding-bottom: 30px;}
.xyswz_sec4 .dot:hover ._list{ display: block; text-align: left;padding-left: 30px; padding-right: 10px;}
.xyswz_sec4 .dot:hover ._list a{ color: #fff;}
.xyswz_sec4 .dot:hover h3{
	color:#fff;
}
.xyswz_sec4 .dot1 .ic{ background-position: 0 0;}
.xyswz_sec4 .dot2 .ic{ background-position: -50px 0; }
.xyswz_sec4 .dot3 .ic{ background-position: -100px 0; }
.xyswz_sec4 .dot4 .ic{ background-position: -150px 0; }
.xyswz_sec4 .dot5 .ic{ background-position: -200px 0; }
.xyswz_sec4 .dot6 .ic{ background-position: -250px 0; }
.xyswz_sec4 .dot7 .ic{ background-position: -300px 0; }
.xyswz_sec4 .dot8 .ic{ background-position: -350px 0; }
.xyswz_sec4 .line{ content:''; position: absolute; background:url(../images/line1_2.png) no-repeat center; width: 100px; height: 107px; z-index: 1;}
.xyswz_sec4 .line2,.xyswz_sec4 .line4,.xyswz_sec4 .line6,.xyswz_sec4 .line8{ background-image: url(../images/line1_1.png); height: 123px; width: 110px;}
.xyswz_sec4 .line1{ left: 7%; top: 91px;}
.xyswz_sec4 .line2{ left: 19%; top: 91px;}
.xyswz_sec4 .line3{ left: 32%; top: 91px;}
.xyswz_sec4 .line4{ left: 44%; top: 91px;}
.xyswz_sec4 .line5{ left: 57%; top: 91px;}
.xyswz_sec4 .line6{ left: 69%; top: 91px;}
.xyswz_sec4 .line7{ left: 82%; top: 91px;}

.xyswz_sec4 .dot1:hover .ic{ background-position: 0 -50px;}
.xyswz_sec4 .dot2:hover .ic{ background-position: -50px -50px;}
.xyswz_sec4 .dot3:hover .ic{ background-position: -100px -50px;}
.xyswz_sec4 .dot4:hover .ic{ background-position: -150px -50px;}
.xyswz_sec4 .dot5:hover .ic{ background-position: -200px -50px;}
.xyswz_sec4 .dot6:hover .ic{ background-position: -250px -50px;}
.xyswz_sec4 .dot7:hover .ic{ background-position: -300px -50px;}
.xyswz_sec4 .dot8:hover .ic{ background-position: -350px -50px;}

.xyswz_sec4 .dot1{ top: 0; }
.xyswz_sec4 .dot2{ bottom: 0; left: 12.5%;}
.xyswz_sec4 .dot3{ top:0;  left: 25%;}
.xyswz_sec4 .dot4{ bottom: 0; left: 37.5%;}
.xyswz_sec4 .dot5{ top: 0; left: 50%;}
.xyswz_sec4 .dot6{ bottom: 0; left: 62.5%;}
.xyswz_sec4 .dot7{ top: 0; left: 75%;}
.xyswz_sec4 .dot8{ bottom: 0; left: 87.5%;}
/*--------------SEO鎺ㄥ箍---------------------*/

.tit h3{
	font-size: 38px;
    color: #323232;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 15px;
    text-align: center;
}
.tit p{
	color: #333;
    font-size: 15px;
    text-align: center;
}
.seo-section1 {
	padding: 70px 0 70px 0;
}
.seo_content ul{
	padding-top: 70px;
	height:auto;
	overflow: hidden;
}
.seo_content ul li{
	height:180px;
	cursor: pointer;
	width: calc(23% - 1px);
    padding: 10px 1%;
    margin-bottom: 35px;
    float: left;
    border-right: 1px #e2e2e2 solid;
}
.seo_content ul li h6{
	font-weight: normal;
	font-size: 15px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.seo_content ul li p{
	font-size: 14px;
	line-height: 20px;
	color:#666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
}
.seo_content ul li .seoimg{
	width:100%;
	height:97px;
	position: relative;
	text-align: center;
}

.seo_content ul li .seoimg img{
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.seo_content ul li:hover .seoimg img{
	top:-10px;
}
.seo-section2{
	padding: 70px 0 70px 0;
	background: url(../images/seo_bg.jpg);
	background-repeat:repeat ;

}
.seo_pimg img{
	width:100%;
}
.seo_pimg {margin-top: 20px;}
.seo-section3{
	padding: 70px 0 70px 0;
}
.seo-section3 .tit p{
	font-size: 20px;
    font-weight: bold;
    color: #eee;
}
.seo-section4{
	background: url(../images/seo_bg01.jpg) center no-repeat;
    padding: 100px 0;
    background-size: cover;
}
.seo-section4 .inner{
	position: relative;
	height:auto;
}
.seo-section4  p{
	font-size: 30px;
	color:#fa9f00;
	line-height: 50px;
}
.seo-section4 h4{
	background: #0091DC;
	width:340px;
	height:40px;
	border-radius:40px ;
	color:#fff;
	line-height: 40px;
	text-align: center;
	margin-top: 30px;
}
.seo-section5{
	margin: 70px 0;
	padding: 50px 0;
	background: url(../images/seo_bg02.png);
	background-size:cover ;
	background-repeat:no-repeat ;
	background-position:center center;
    text-align: center;
}
.seo-section5 h2{
	font-size: 38px;
    color: #0091DC;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 15px;
    text-align: center;
}
.seo-section5 p{
	font-size:20px;
}
.seovs{
	background: url(../images/seo_bg03.png) no-repeat center;
    margin: 50px 0 20px;
    height:auto;
    overflow: hidden;
}
.seovs .compared_left{
	width: 32%;
    margin: 20px 40px 50px 20px;
    float: left;
}
.seovs .compared_left h2{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}
.compared_left .tradition{
	background: url(../images/seo_bg04.png) no-repeat left 10px;
    padding-left: 20px;
    margin-top: 30px;
}
.compared_left .tradition_one{
	padding-bottom: 60px;
}
.compared_left .tradition_two{
	padding-bottom: 30px;
}
.compared_left .tradition_three{
	padding-bottom: 57px;
}
.compared_left h3{
	font-size: 16px;
	font-weight: normal;
}
.compared_left p{
	font-size: 14px;
}
.compared_right {
    width: 32%;
    margin: 20px 40px 50px 10px;
    float: right;
}
.compared_right h3{
	color:#fff;
	font-size: 16px;
	font-weight: normal;
}
.compared_right h2{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	color:#fff;
}
.compared_right p{
	font-size: 14px;
	color:#fff;
}
.compared_right .tradition{
	background: url(../images/seo_bg05.png) no-repeat left 10px;
    padding-left: 20px;
    margin-top: 30px;
}
.compared_right .tradition_one{
	padding-bottom: 55px;
}
.compared_right .tradition_two{
	padding-bottom: 65px;
}
.compared_right .tradition_three{
	padding-bottom: 25px;
}
.seo-section7{
	height:auto;
	overflow: hidden;
	background: #f6f6f6;
    padding: 50px 0 70px;
    margin-top: 50px;
}
.painful_text {
    float: left;
    padding-left: 80px;
    background: url(../images/01.png) left top no-repeat;
    width: 40%;
}
.painful_text p {
    font-size: 15px;
    color: #c6c6c6;
}
.painful_text h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}
.painful_text h2 span {
    color: #0091DC;
}
.painful_text ul{
	padding-top: 30px;
	height:auto;
	overflow: hidden;
}
.painful_text ul li {
    font-size: 18px;
    line-height: 40px;
    color: #737373;
}
.painful_img {
   float:right;
    width: 40%;
    padding-top: 80px;
}
.seo-section8{
	height:auto;
	overflow: hidden;
    padding: 20px 0 70px;
    margin-top: 50px;
}
.seo_adv_title{
	float: left;
    padding-left: 80px;
    background: url(../images/02.png) left center no-repeat;
    width: 80%;
    height: 70px;
}
.seo_adv_title p {
    font-size: 15px;
    color: #c6c6c6;
}
.seo_adv_title h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}
.seo_adv_title h2 span {
    color: #0091DC;
}
.seo_adv_text {
    float: left;
    width: 95%;
    margin-left: 5%;
    background: url(../images/seo_img02.png) center no-repeat;
    color: #fff;
    padding-bottom: 90px;
}
.seo_adv_text .adv_one {
    background: url(../images/no1.png) left center no-repeat;
    margin: 90px 20% 0 5%;
}
.seo_adv_text .adv_one, .seo_adv_text .adv_three {
    float: left;
}
.seo_adv_text .adv_num {
    width: 25%;
    padding: 14px 0;
}
.seo_adv_text .adv_two {
    background: url(../images/no2.png) right center no-repeat;
    margin: 90px 5% 0 20%;
}
.seo_adv_text .adv_two, .seo_adv_text .adv_four {
    float: right;
}
.seo_adv_text .adv_three {
    background: url(../images/no4.png) left center no-repeat;
    margin: 90px 25% 0 0;
}
.seo_adv_text .adv_four {
    background: url(../images/no3.png) right center no-repeat;
    margin: 90px 0 0 25%;
}
.seo_adv_text h3 {
    font-size: 18px;
    padding-left: 20px;
}
.seo_adv_text .adv_num p {
    padding-left: 30px;
    font-size: 16px;
}
.seo_adv_text .adv_one span {
    color: #005ede;
    font-weight: bold;
}
.seo_adv_text .adv_two span {
    color: #005ede;
    font-weight: bold;
}
.seo_adv_text .adv_three span {
    color: #e20000;
    font-weight: bold;
}
.seo_adv_text .adv_four span {
    color: #ffcc00;
    font-weight: bold;
}
.seo-section9{
	height:auto;
	overflow: hidden;
    padding: 50px 0 70px;
    margin-top: 50px;
    background: #f6f6f6;
}
.seo-section10{
	height:auto;
	overflow: hidden;
    padding: 20px 0 70px;
    margin-top: 50px;
}
.seo-section11{
	height:auto;
	overflow: hidden;
    padding: 50px 0 70px;
    background: #f6f6f6;
}
.painful1{
	background: url(../images/03.png) left top no-repeat !important;
}
.painful4{
	background: url(../images/04.png) left top no-repeat !important;
	width:100%;
}
.painful5{
	background: url(../images/05.png) left top no-repeat !important;
	width:100%;
}
.seo_promise_text {
    float: left;
    width: 100%;
    background: url(../images/seo_img04.png) center no-repeat;
    color: #fff;  
}
.seo_promise_text .promise_one {
    background: url(../images/seo09.png) left center no-repeat;
}
.seo_promise_text .promise_two {
    background: url(../images/seo10.png) right center no-repeat;
}
.seo_promise_text .promise_three {
    background: url(../images/seo11.png) left center no-repeat;
}
.seo_promise_text .promise_four {
    background: url(../images/seo12.png) right center no-repeat;
}
.seo_promise_text .promise_two, .seo_promise_text .promise_four {
    float: right;
    text-align: right;
}

.seo_promise_text .promise_num {
    width: 50%;
    margin-top: 60px;
}
.seo_promise_text p {
    font-size: 20px;
    line-height: 100px;
    height: 100px;
    padding-left: 110px;
    padding-right: 10px;
}
.seo_promise_text .promise_one, .seo_promise_text .promise_three {
    float: left;
}
.seo-section11 .inner{
	height:auto;
	 overflow: hidden;
}
.hzlc ul{
	width:100%;
	 padding-top: 60px;
	 height:auto;
	 overflow: hidden;
}
.hzlc li{
	cursor: pointer;
	 width:10.75%;
	 float:left;
	 margin-left: 2%;
	 text-align: center;
	 color:#fff;
}
.hzlc li:first-child{
	margin-left: 0;
}
.hzlc li h2{
	font-size: 40px;
	line-height: 65px;
}
.hzlc li p{
	margin-bottom: 15px;
}
.hzlc li:nth-child(odd){
	background: #fe6725;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.hzlc li:nth-child(odd):hover{
	margin-top: -15px;
}
.hzlc li:nth-child(even):hover{
	margin-top: 30px;
}
.hzlc li:nth-child(even){
	margin-top: 45px;
	background: #0091DC;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
/*-----------------------鏂伴椈-----------------*/

.newin{
	padding: 70px 0 0 0;
}
.new_main{
	
	height:auto;
	overflow: hidden;
}
.new_main li{
	background: #fff;
	height:250px;
	cursor: pointer;
	float:left;
	width:calc((100% - 203px)/4);
	border-right:1px solid #ddd ;
	padding: 25px;
	margin-bottom: 35px;
}
.new_main li a{
	display: block;
	width:100%;
	height:100%;
}
.new_main li:nth-child(4n+4){
	border-right: none;
}
.date{
	width: 90px;
    text-align: center;
    color: #878787;
    font-family: Arial;
    border-bottom: 2px solid #0091DC;
    padding-bottom: 10px;
    line-height: 1;
    margin-bottom: 20px;
}
.new_main li h3{
	font-size: 22px;
    font-weight: normal;
    margin-bottom: 30px;
    color:#555;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new_main li:hover h3{
	color:#0091DC;
}
.ntxt{
	color:#878787;
	font-size: 14px;
}
.newsbd{
	width: 100%;
    height: auto;
    padding: 50px 0;
}
.newsbd .inner{
	background: #fff;
}
.newtitle {
    width: 100%;
    height: 110px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 30px;
}
.newtitle h2{
	color:#333;
	font-size: 20px;
}
.newlist{
	margin-top: 25px;
	float:left;
}

.newlist li {
    color: #A4A4A4;
    position: relative;
    padding-left: 25px;
    height: 40px;
    line-height: 40px;
    margin-right: 25px;
    float: left;
    cursor: pointer;
    font-size: 14px;
}
.newlist li a{
	 font-size: 14px !important;
}
.newlist li i{
	position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 40px;
    line-height: 40px;
    text-align: left;
}
.pos{
	height:40px;
	line-height: 40px;
	padding-left: 25px;
	margin-top: 25px;
	float:right;
	font-size: 14px;
	color: #A4A4A4;
	position: relative;
}
.pos i{
	position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 15px;
}
.newscon{
	width: 100%;
    height: auto;
    padding: 30px 0;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.newscon img{
	max-width:100% !important;
	height:auto !important;
	}
.newbt{
	width: 100%;
    margin-bottom: 25px;
}
.newbt li {
	font-size: 14px;
	color: #333;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newbt li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 45px;
    line-height: 45px;
    text-align: left;
    color: #A4A4A4;
    font-size: 24px;
}
/*------------------------鑱旂郴鎴戜滑------------------------------*/
.contact_list ul{
	width:100%;
	height:auto;
	overflow: hidden;
}
.contact_list ul li{
	cursor: pointer;
	padding: 35px 0;
	border-right: 1px solid #e2e2e2;
	float:left;
	width:calc((100% - 3px)/3);
}
.contact_list ul li:last-child{
	border-right:none;
}
.contact_list ul li .tb{
	text-align: center;
	margin-bottom: 25px;
}
.contact_list ul li .ico{
	line-height: 100px;
	display: inline-block;
	width:100px;
	height:100px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	text-align: center;
}
.contact_list ul li:hover .ico{
	border: 1px solid #0091DC;
}
.contact_list ul li .ico img{
	vertical-align: middle;
}
.contact_list ul li .ctxt{
	text-align: center;
	padding: 0 2%;
}
.contact_list ul li .ctxt h3{
	font-weight: normal;
	font-size: 24px;
	line-height: 40px;
}
.contact_list ul li .ctxt p{
	font-size: 14px;
	color:#333;
}
.contact_list ul li .ctxt span{
	font-size: 14px;
	color:#333;
	display: block;
	line-height: 20px;
}
.contact_list ul li .ctxt .span{
	width:250px;
	margin-left: auto;
	margin-right: auto;
}
.map{
	width:100%;
	height:400px;
	overflow: hidden;
	position: relative;
}
#dituContent{
	position: absolute;
   left:0;
   bottom:0;
   top:0;
   right:0;
   z-index: 2;
}
.map .mmask{
   position: absolute;
   left:0;
   bottom:0;
   top:0;
   right:0;
   background: rgba(0,0,0,.3);	
   z-index: 5;
}
.BMap_Marker img{display: none;}
.BMapLabel{width:23px !important;height:37px !important;background: url(../images/map-icon.png);border:none !important;
background-color: rgba(255, 255, 255,0) !important;
}
.BMap_noprint{display: none !important; }
.message{
	width:100%;
	padding: 50px 0;
	background: #f5f7f8;
}
.zx{
	font-size: 34px;
}
.form1{
	width:100%;
}
.form{
	height: auto;
	overflow: hidden;
	margin-top:35px ;
}
.mform{
	margin-bottom: 25px;
}
.form input{
	width:calc(100% - 17px);
	height:50px;
	border: 1px solid #ddd;
	background: #fff;
	padding-left: 15px;
	border-radius: 5px;
	outline: none;
}
.form2{
	width:calc((100% - 25px)/2);
	margin-right: 25px;
	float:left;
}
.form3{
	width:calc((100% - 25px)/2);
	float:left;
}
.form4{
	width:100%;
}
.form4 textarea{
	padding: 15px;
	height:200px;
	width:calc(100% - 32px);
	border: 1px solid #ddd;
	background: #fff;
	padding-left: 15px;
	border-radius: 5px;
	outline: none;
	resize: none;
}
.submit{
	width:180px;
	height:50px;
	line-height: 50px;
	border-radius: 5px;
	color:#fff;
	cursor: pointer;
	background: #0091DC;
	
}
/*---------------------------鍏充簬鎴戜滑----------------------*/
.aboutbanner{
	height:580px;
	background: url(../images/banner_02.jpg);
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center center;
	position: relative;
}
.aboutbanner h2{
	font-size: 80px;
	color:#fff;
	line-height: 120px;
}
.aboutbanner .htxt{
	color:#fff;
}
.aboutbanner .htxt p{
	line-height: 25px;
	font-size: 24px;
	letter-spacing: 2px;
}
@font-face {
	font-family:'DINCond-Medium';
	src: url('../fonts/DINCond-Medium.otf') format('truetype');
	font-weight:normal;
    font-style: normal;
}
.aboutbanner .htxt span{
	letter-spacing: 1px;
	font-size: 35px;
	font-family:'DINCond-Medium';
}
.ab-section-1{
	
	padding: 50px 0;
}
.ab-section-1 .inner{
	height:auto;
	overflow: hidden;
}
.absec_l{
	position: relative;
	height:420px;
	width:50%;
	float:left;
	background:#f6f6f6 ;
}
.absec_l .ab1{
	height:auto;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:45px;
	right:45px;
}
.absec_l h2{
	font-family:'DINCond-Medium';
	font-size: 34px;
	line-height: 60px;
}
.absec_l span{display: block;margin-bottom: 40px;}
.absec_l .mico{
	cursor: pointer;
	margin-right: 20px;
	line-height: 43px;
	float:left;
	width:45px;
	height:45px;
	color:#333;
	border: 1px solid #333;
	border-radius: 50%;
	text-align: center;
}

.absec_l .mico img{
	vertical-align: middle;
}
.absec_r{
	position: relative;
	height:420px;
	width:50%;
	float:left;
	background:#fff ;
}
.absec_r .ab1{
	
	height:auto;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:45px;
	right:45px;
}
.absec_r .ab1 h2{
	position: relative;
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 25px;
}

.absec_r .ab1 h2:after{
	content: '';
    width: 40px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: 0;
    left:0;
}
.absec_r .ab1 .about_bd{
	width:100%;
	height:230px;
	overflow-y: auto;
}
.absec_r .ab1 .about_bd p{
	text-indent: 20px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 10px;
}
.absec_r .ab1 .about_bd::-webkit-scrollbar {width:4px;height:5px;}/* 婊氬姩妲 */
.absec_r .ab1 .about_bd::-webkit-scrollbar-track {   background:#ddd; border-radius: 5px;}/* 婊氬姩鏉℃粦鍧 */
.absec_r .ab1 .about_bd::-webkit-scrollbar-thumb {    border-radius: 5px;background: #0091DC;}
.absec_r .ab1 .about_bd::-webkit-scrollbar-thumb:window-inactive {    background: #0091DC;}
.ab-section-2{
	width:100%;
	height:400px;
	background: url(../images/banner3.jpg);
	background-repeat:no-repeat ;
	background-size:cover;
	background-position:center center;
	position: relative;
}
.ab-section-2 ._cn{
	text-align: center;
	position: absolute;
	width:100%;
	left:0;
	top:50%;
	transform: translateY(-50%);
}
.ab-section-2 ._cn h2{
	color:#fff;
	font-size: 50px;
}
.ab-section-2 ._cn span{
	color:#fff;
	font-size: 28px;
}
.ab-section-3{
	padding: 50px 0;
	height:auto;
	overflow: hidden;
}
.ab-section-3 .ab1 h2{
	font-family: "寰蒋闆呴粦" !important;
	position: relative;
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 25px;
}

.ab-section-3 h2:after{
	content: '';
    width: 40px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: 0;
    left:0;
}
.ab-section-3 p{
	font-size: 14px;
	line-height: 25px;
}
.ab-section-3  img{
	max-width: 100%;
	margin-top: 20px;
}
.ab-section-4{
	background: #fff;
	height:auto;
	overflow: hidden;
	padding:50px 0 ;
}
.ab-section-4 .th{
	text-align: center;
	height:65px;
	border-bottom: 1px solid #eee;
	
}
.ab-section-4 .th h2{
	position: relative;
    font-weight: normal;
    font-size: 28px;
    height:65px;
}

.ab-section-4 .th h2:after{
	content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.advli{
	height:auto;
	overflow: hidden;
	margin-top: 30px;
}
.advli li{
	cursor: pointer;
	float:left;
	margin-left: 25px;
	width: calc((100% - 100px)/5);
	transition: .3s ease;
}
.advli li:first-child{
	margin-left: 0;
}
.advli li .sj1{
	color:#ccc;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 0;
	height: 0;
	border-width:70px;
	border-style: solid;
	border-color:  transparent  transparent #0091DC transparent ;
}
.advli li .sj2{
	margin-left: auto;
	margin-right: auto;
	width: 0;
	height: 0;
	border-width:30px;
	border-style: solid;
	border-color: #0091DC  transparent  transparent  transparent ;
}
.advli li .sj1 h3{
	display: block;
	position: absolute;
	top:0px;
	left:-5px;
	font-size: 32px;
	font-family:'DINCond-Medium';
}
.advli li .sj1 span{
	display: block;
	position: absolute;
	top:43px;
	left:-8px;
	font-size: 15px;
	font-family:'DINCond-Medium';
}

.advli li .sj1-2 span{
	left:-12px !important;

}
.advli li .sj1-3 span{
	left:-10px !important;

}
.advli li .sj1-4 span{
	left:-9px !important;

}
.advli li .four{
	height:145px;
	padding: 15px 15px;
	width:calc(100% - 32px);
	border: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 15px;
}
.advli li .four h3{
	font-size: 16px;
}
.advli li .four p{
	font-size: 13px;
	line-height: 20px;
} 

.ab-section-5 .th{
	text-align: center;
	height:65px;
	border-bottom: 1px solid #eee;
	
}
.ab-section-5 .th h2{
	position: relative;
    font-weight: normal;
    font-size: 28px;
    height:65px;
}

.ab-section-5 .th h2:after{
	content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.partner{
	margin: 70px 0 0 0 ;
	width:100%;
	height:auto;
	overflow: hidden;
}
.partner li{
	cursor: pointer;
	overflow: hidden;
	float:left;
	border: 1px solid #ddd;
	margin-left: 25px;
	margin-bottom: 20px;
}
.partner li img{
	width:100%;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
}
.partner li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/*---------------------浜烘墠--------------------*/
.bannera{
	height:600px;
}
.bannera h4{
	margin-bottom: 25px;
	color: #fff;
    font-size: 34px;
    position: relative;
    padding-bottom: 15px;
    line-height: 1;
    font-weight: normal;
}
.bannera h4:after{
	content: '';
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}
.bannera p{
	color:#fff;
	font-size: 14px;
}
.work_more{
	text-align: center;
	margin-top: 35px;
	display: block;
	height:35px;
	width:160px;
	line-height: 35px;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
	border:1px solid #fff;
	font-size: 14px;
	transition: .5s ease;
}
.work_more:hover{
	background: #0091DC;
	border: 1px solid #0091DC;
}
.rcsection-1{
	position: relative;
	width:100%;
	height:500px;
	background: url(../images/banner6.jpg);
}
.rcsection-1 .mcover{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 1;
	background: rgba(59,170,228,.8);
}
.rcsection-1 .rctxt{
	text-align: center;
	position: absolute;
	width:100%;
	height:auto;
	top:50%;
	transform: translateY(-50%);
	z-index: 3;
}

.rcsection-1 .rctxt h4{
	margin-bottom: 25px;
	color: #fff;
    font-size: 34px;
    position: relative;
    padding-bottom: 15px;
    line-height: 1;
    font-weight: normal;
}
.rcsection-1 .rctxt h4:after{
	content: '';
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}
.rcsection-1 .rctxt p{
	color:#fff;
	font-size: 14px;
}
.rcsection-2 {
	width:100%;
	padding: 50px 0;
	background: #f2f2f2;
}
.rcsection-2 h3{
	text-align: center;
	margin-bottom: 25px;
	color: #333;
    font-size: 34px;
    position: relative;
    padding-bottom: 15px;
    line-height: 1;
    font-weight: normal;
}
.rcsection-2 h3:after{
	content: '';
    width: 60px;
    height: 1px;
    background: #0091DC;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}
.rclist{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden; 
}
.rclist li{
	margin-bottom: 25px;
	cursor: pointer;
	float:left;
	margin-left: 25px;
	width:calc((100% - 25px)/2);
	background: #fff;
}
.jobmain{
	padding: 50px;
	position:relative;
	height:280px;
}
.job_con h2{
	 position: relative;
	font-size: 24px;
	 font-weight: normal;
	 margin-bottom: 25px;
}
.job_con h2:after{
	content: '';
    width: 80px;
    height: 1px;
    background: #0091DC;
    position: absolute;
    left:0;
     bottom: 0;
}
.job_con .divp{
	font-size: 14px;
	line-height: 25px;
}


.jobmain .btns a{
	display: inline-block;
	margin-right: 25px;
	font-size: 14px;
	color:#0091DC;
	height:29px;
	line-height: 29px;
	position: relative;
	padding-left: 25px;
}
.jobmain .btns .i1{
	position: absolute;
	left:0;
	top:5px;
	display: inline-block;
    width: 20px;
    height: 20px;
    color: transparent;
    background: url(../images/icos111.png);
}
.jobmain .btns .i2{
	position: absolute;
	left:0;
	top:5px;
	display: inline-block;
    width: 20px;
    height: 20px;
    color: transparent;
    background: url(../images/icos111.png);
    background-position: -20px 0;
}
/*--------------------------閭-------------------*/
.email-se1{
	width:100%;
	height:auto;
	padding: 50px 0;
	background: #f2f2f2;
}
.emailul {
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	
}
.email-se1 .inner{
	height:auto;
	overflow: hidden;
	padding-bottom:20px;
}
.emailul li{
	cursor: pointer;
	width:calc((100% - 60px)/3);
	float:left;
	background: #fff;
	margin-left: 30px;
	border-top: 2px solid #ddd;
	position: relative;
	transition: .3s ease;
}

.emailul li:first-child{
	margin-left: 0;
}
.emailul li:before{
	content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 0;
    height: 2px;
    background: #0091DC;
    transition: all .25s;
    -webkit-transition: all .25s;
}
.emailul li:hover:before{
	width:100%;
}
.emailul li .libd{
	padding: 40px 30px 40px 30px;
}
.yxicon{
	position: absolute;
	left:0;
	top:-2px;
	display: block;
	width:21px;
	height:42px;
}
.yxicon1{
	background: url(../images/yxicon1.png);
}
.yxicon2{
	background: url(../images/yxicon2.png);
}
.emailul li .libd h2{
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	line-height: 47px;
}
.emailul li .libd h3{
	margin-bottom: 5px;
	font-size: 16px;
	color:#999;
	font-weight: normal;
	text-align: center;
}
.emailul li .price{
	color:#e6000a;
	text-align: center;
	margin-bottom: 25px;
}

.emailul li .price em{
	vertical-align: middle;
	font-weight: 400;
	font-style: normal;
	font-size: 55px;
}
.emailul li .price font{
	line-height: 18px;
	font-size: 16px;
	margin-left: 10px;
    width: 15px;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.emailul li .xi_count .xi_minus{
	outline: none;
	background: url(../images/xicon47.png) center no-repeat;
	border: 1px solid #ddd;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    transition: all .25s;
    -webkit-transition: all .25s;
    cursor: pointer;
}
.emailul li .xi_count .xi_minus:hover{
	border: 1px solid #3b99f0;
	background: url(../images/xicon47on.png) center no-repeat;
}
.emailul li .xi_count .xi_add{
	outline: none;
	background: url(../images/xicon48.png) center no-repeat;
	border: 1px solid #ddd;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    transition: all .25s;
    -webkit-transition: all .25s;
    cursor: pointer;
}
.emailul li .xi_count .xi_add:hover{
	border: 1px solid #3b99f0;
	background: url(../images/xicon48on.png) center no-repeat;
}
.emailul li .xi_count .xi_num{
	outline: none;
	width: 140px;
    font-size: 36px;
    color: #333;
    height: 39px;
    line-height: 39px;
    _line-height: 39px;
    border: none;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin: 0 20px;
}
.emailul li .yh{
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color:#0091DC;
}
.xcrl .rl_l{
	float:left;
	width: 50%;
    text-align: center;
    height: 60px;
}
.xcrl .rl_r{
	float:left;
	width: calc(50% - 19px);
    text-align: center;
    height: 60px;
    border-left:1px solid #eee ;
}
.xcrl {
	height:auto;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 25px;
}
.xcrl p{
	font-size: 30px;
	line-height: 36px;
}
.xcrl span{
	font-size: 16px;
    color: #999;
    line-height: 24px;
}
 .buy{
 	margin-top: 20px;
 	text-align: center;
 	display: block;
	height:60px;
	line-height: 60px;
	color:#fff;
	background: #0091DC;
	outline: none;
	width:100%;
	border: none;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	cursor: pointer;
}
.emailul li:hover{
	box-shadow: 0 10px 20px rgba(0,0,0,.1)
}
.email-se2{
	padding: 40px 0 60px;
    background: #f6f6f6 url(../images/xbg7.jpg) top center no-repeat;
}
.email-se2 h2{
	line-height: 1;
	text-align: center;
	font-weight: normal;
	font-size: 58px;
	color:#fff;
	font-family: 'DINCond-Medium';
}
.email-se2 h4{
	font-weight: normal;
	text-align: center;
	font-size: 38px;
	color:#fff;
}
.mailbox th{
	border: 1px solid #eee;
    width: 33.3%;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    background: #f6f6f6;
    height: 50px;
    padding: 0 30px;
    line-height: 50px;
    text-align: left;
    font-weight: normal;
}
.email-se2 .inner{
	margin-top: 30px;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
	padding: 40px;
	background: #fff;
	height: auto;
	overflow: hidden;
}
.mailbox{
	width:100%;
	
}
.mailbox tbody{
	width:100%;
}
.mailbox tr{
	width:100%
}
.mailbox  td{
	border: 1px solid #eee;
    font-size: 14px;
    color: #555;
    padding: 12.5px 30px;
    height: 25px;
    line-height: 25px;
}

.mailbox td:first-child{color:#0091DC;}
.mailbox td:last-child{color:#e6000a;}
.email-se3 {
	padding: 50px 0;
}
.email-se3 h2 {
    line-height: 1;
    text-align: center;
    font-weight: normal;
    font-size: 58px;
    color: #ccc;
    font-family: 'DINCond-Medium';
}
.email-se3 h4 {
    font-weight: normal;
    text-align: center;
    font-size: 38px;
    color: #0091DC;
}
.emailts{
	margin-top: 70px;
	height:580px;
	
}
.emailts li{
	overflow: hidden;
	float:left;
	width:calc((100% - 302px)/3);
	height:180px;
	text-align: center;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 50px;
}

.emailts li .emailimg{
	position: relative;
    top: 0;
    margin-bottom: 66px;
    height: 80px;
    line-height: 80px;
    font-size: 0;
    transition: all .25s;
    -webkit-transition: all .25s;
}
.emailts li h2{
	margin-top: 0;
    font-size: 20px;
    color: #555;
    transition: all .25s;
    -webkit-transition: all .25s;
    font-weight: 400;
    font-family: "寰蒋闆呴粦";
}
.emailts li .emailtxt{
	margin-top: 30px;
    height: 0;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-align: left;
    transition: all .25s;
    -webkit-transition: all .25s;
}
.emailts li:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,.05), 1px 0 1px rgba(0,0,0,.04);
    z-index: 1;
    
}
.emailts li:hover{
	position: relative;
}
.emailts li:hover .emailimg{
	top: -100%;
    height: 0;
}
.emailts li:hover .emailtxt{
	height:72px
}

.email-se4 {
	padding: 50px 0;
	background: url(../images/xbg9.jpg);
	background-size:cover ;
	background-repeat:no-repeat ;
}
.email-se4 h2 {
    line-height: 1;
    text-align: center;
    font-weight: normal;
    font-size: 58px;
    color: #fff;
    font-family: 'DINCond-Medium';
}
.email-se4 h4 {
    font-weight: normal;
    text-align: center;
    font-size: 38px;
    color: #fff;
}
.email-se4 .email_price{
	width:100%;
	height:auto;
	overflow: hidden;
}
.price_nav{height:auto;overflow: hidden;margin-bottom: 50px;}
.price_nav li{
	position: relative;
	float:left;
    width: 33.3%;
    cursor: pointer;
    text-align: center;
    height: 80px;
    line-height: 80px;
    background: #eee;
    color: #555;
    font-size: 18px;
    transition: all .25s;
    -webkit-transition: all .25s;
}
.price_nav li span{
	display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.price_nav li:first-child:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    background: url(../images/xicon55.png) center no-repeat;
    display: block;
}
.price_nav li.on{
	background: #fff;
}
.price_nav li.on{
	color:#0091DC;
}
.price_nav li img.on{
	vertical-align: middle !important;
	display: none;
}
.price_nav li img.no{
	vertical-align: middle !important;
}
.price_nav li.on img.on{
	display: inline-block;
	}
.price_nav li.on img.no{display: none;vertical-align: middle !important;}
.price_nav li:hover{
	color:#0091DC;
}
.price_nav li:hover img.no{
	display: none;
}
.price_nav li:hover img.on{
	display: inline-block;
}
.price_table table{
	width:95%;
	margin-left: auto;
	margin-right: auto;
	
}
.email-se4 .inner{
	margin-top: 30px;
    padding:0 0 40px 0;
    background: #fff;
    height: auto;
    overflow: hidden;
}
.price_table {
	margin-top: 50px;
	height:auto;
	background: #fff;
	display: none;
}
.price_table table th{
	border: 1px solid #eee;
    width: 20%;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    background: #f6f6f6;
    height: 50px;
    padding: 0 30px;
    line-height: 50px;
    text-align: left;
    font-weight: normal;
}
.price_table table td{
	border: 1px solid #eee;
    font-size: 14px;
    color: #555;
    padding: 12.5px 30px;
    height: 25px;
    line-height: 25px;
}
.price_table table td:first-child {
    color: #0091DC;
}
.price_table table td:last-child {
    color: #e6000a;
}
.xi_count {text-align: center;}

/*-------------------------------------鏂板獟浣?--------------------------------------*/
.xmt-section1 {
	padding: 50px 0;
}
.xmt-section1 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.xmt-section1 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
}
.xmt-section1 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section1 .th  p{
	font-size: 16px;
	color:#848484;
	
}
.xmtbanner{
	height:580px;
	background: url(../images/banner1212.jpg);
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center center;
	position: relative;
}
.xmtbanner h2{
	font-size: 60px;
	color:#fff;
	line-height: 100px;
}
.xmtbanner .htxt{
	color:#fff;
}
.xmtbanner .htxt p{
	line-height: 25px;
	font-size: 24px;
	letter-spacing: 2px;
}
@font-face {
	font-family:'DINCond-Medium';
	src: url('../fonts/DINCond-Medium.otf') format('truetype');
	font-weight:normal;
    font-style: normal;
}
.xmtbanner .htxt span{
	letter-spacing: 1px;
	font-size: 35px;
	font-family:'DINCond-Medium';
}
.xmt-section1 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.xmt-section1 ul li{
	cursor: pointer;
	text-align: center;
	float:left;
	margin-left: 25px;
	width:calc((100% - 100px)/5)
}
.xmt-section1 ul li h3{
	font-weight: normal;
	margin: 10px 0;
}
.xmt-section1 ul li p{
	font-size: 14px;
	line-height: 22px;
}

.xmt-section1 ul li img{   
	 -webkit-filter: grayscale(100%);
    filter: grayscale(100%); 
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
    
   
}
.xmt-section1 ul li:hover img{
	-webkit-filter: grayscale(0);
    filter: grayscale(0); 
}
.xmt-section1 ul li:hover h3{
	color:#0091DC;
}
.xmt-section1 .xmtimg{
	height:62px;
	line-height: 62px;
}

.xmt-section2 {
	background: #f2f2f2;
	padding: 50px 0;
}
.xmt-section2 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.xmt-section2 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
}
.xmt-section2 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section2 .th  p{
	font-size: 16px;
	color:#848484;
	
}
.xmt-section2 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.xmt-section2 ul li{
	overflow: hidden;
	float:left;
	margin-left: auto;
	margin-left: 25px;
	width:calc((100% - 75px)/4);
	cursor: pointer;
	 position: relative;
    height: 202px;
    margin-bottom: 25px;
}
.xmt-section2 ul li .caption{
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 3;
    top: 0;
    left: 0;
    -webkit-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}
.xmt-section2 ul li dt{
	font-size: 20px;
    color: #ffffff;
    margin-top: 70px;
    transition: .3s ease-in;
}
.xmt-section2 ul li dd{
	-o-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    padding: 0 18px;
    line-height: 24px;
    transition: .3s ease-in;
    text-align: center;
    height:72px;
}
.xmt-section2 ul li img{
	width:100%;
}

.xmt-section2 ul li:hover .caption{
	background: rgba(0,145,220,.8);
}

.xmt-section2 ul li:hover dt{
	font-size: 15px;
    height: 57px;
    line-height: 57px;
    background: url(../images/icon-circle.png) no-repeat center;
    margin-top: 30px;
}
.xmt-section2 ul li:hover dd{
	-o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}



.xmt-section3 {
	background-repeat:no-repeat ;background-position:center center;background-size:cover ;
	padding: 50px 0;
	background: url(../images/bg-analy.jpg);
}
.xmt-section3 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #fff;
    position: relative;
}
.xmt-section3 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
    color:#fff;
}
.xmt-section3 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section3 .th  p{
	font-size: 16px;
	color:#fff;
	
}
.xmt-section3 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.xmt-section3 ul li{
	cursor: pointer;
	margin-bottom: 30px;
	color: #fff;
	width:calc(100%/3);
	float:left;
	text-align: center;
}
.xmt-section3 ul li h2{
	font-size: 50px;
	font-weight: normal;
}
.xmt-section3 ul li span{
	font-size: 20px;
	margin-bottom: 5px;
	display: inline-block;
}
.xmt-section3 ul li p{
	font-size: 14px;
	color:#9e9e9e;
}
.xmt-section3 ul li div{
	padding: 0 30px;
}
.xmt-section3 ul li:hover h2{color:#0091DC ;}
.xmt-section3 ul li:hover span{color:#0091DC ;}

.xmt-section4 {
	padding: 50px 0;

}
.xmt-section4 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.xmt-section4 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
}
.xmt-section4 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section4 .th  p{
	font-size: 16px;
	color:#848484;
	
}
.xmt-section4 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.xmt-section4 ul li{
	float:left;
	width:25%;
	text-align: center;
}
.xmt-section4 ul li >div{
	padding: 0 10px;
}
.xmt-section4 ul li h2{
	margin: 5px 0;
	font-size: 20px;
	font-weight: normal;
}
.xmt-section4 ul li p{
	font-size: 14px;
    color: #9e9e9e;
}
.mtimg{height:62px;line-height: 62px;}

.mtimg img{
	vertical-align: middle;
}


.xmt-section5 {
	background-repeat:no-repeat ;background-position:center center;background-size:cover ;
	padding: 50px 0;
	background: url(../images/bg-solve.jpg);
}
.xmt-section5 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #fff;
    position: relative;
}
.xmt-section5 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
    color:#fff;
}
.xmt-section5 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section5 .th  p{
	font-size: 16px;
	color:#fff;
	
}
.xmt-section5 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.xmt-section5 ul li{
	text-align: center;
	float:left;
	margin-left: 20px;
	width:calc((100% - 60px)/4)
}

.xmt-section5 ul li h2{
	margin: 15px 0 5px 0;
	font-size: 20px;
	font-weight: normal;
	color:#fff;
}
.xmt-section5 ul li p{
	font-size: 14px;
    color: #9e9e9e;
}
.xmt-section5 ul li img{
	width:100%;
}
.xmt-section6 {
	background-repeat:no-repeat ;background-position:center center;background-size:cover ;
	padding: 50px 0;
	background: url(../images/bg-pk.jpg);
}
.xmt-section6 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #fff;
    position: relative;
}
.xmt-section6 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
    color:#fff;
}
.xmt-section6 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section6 .th  p{
	font-size: 16px;
	color:#fff;
}

#pk .cont {
	margin-top: 70px;
    position: relative;
    z-index: 9;
    -webkit-display: flex;
    display: flex;
}
#pk .cont .left, #pk .cont .right {
    width: calc((100% - 120px)/2);
    flex-shrink: 0;
}
#pk .cont .kong {
    width: 100%;
    height: 11px;
}
#pk .cont .left ul {
    background-color: rgba(36,36,36,.8);
    overflow: hidden;
}
#pk .cont .head {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    -webkit-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
}
#pk .cont .head img {
    margin-right: 15px;
}
#pk .cont .left li:nth-child(odd) {
    background-color: rgba(255,255,255,.2);
}
#pk .cont ul li {
    margin-bottom: 20px;
    height: 172px;
    -webkit-display: flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    padding: 0 40px;
    color: #fff;
}
#pk .cont ul li dt {
    font-size: 18px;
}
#pk .cont ul li hr {
    border: none;
    width: 415px;
    border-top: 1px solid #a0a0a0;
    margin: 4px 0 0 auto;
}
#pk .cont ul li p {
    font-size: 16px;
    line-height: 28px;
    color:#fff;
}
#pk .cont .right .head {
    color: #0091dc;
}
#pk .cont .right li:nth-child(odd) {
    background-color: rgba(255,255,255,.5);
}
#pk .cont .right ul li {
    color: #0091dc;
    text-align: left;
}
#pk .cont .right ul li hr {
    
    margin: 4px auto 0 0;
}
#pk .cont .right ul {
    background-color: rgba(220,220,220,.8);
    overflow: hidden;
}
#pk .cont .center .head {
    font-size: 44px;
    color: #fff;
    letter-spacing: initial;
}
#pk .cont .center::before {
    position: absolute;
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background: url(../images/icon-sanjiao.png) no-repeat center;
    left: -23.5px;
    top: 0;
    z-index: -1;
}
#pk .cont .center::after {
    position: absolute;
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background: url(../images/icon-sanjiao.png) no-repeat center;
    right: -23.5px;
    top: 0;
    z-index: -1;
}
#pk .cont .center {
    position: relative;
    background-color: #0091dc;
}
#pk .cont .center ul li h5 {
    font-size: 18px;
    letter-spacing: 1.5px;
    margin-top: 10px;
    text-align: center;
}
.xmt-section7 {
	padding: 50px 0;

}
.xmt-section7 .th{
	padding-bottom: 20px;
	text-align: center;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.xmt-section7 .th h2{
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
}
.xmt-section7 .th:after{
	 content: '';
    width: 60px;
    height: 2px;
    background: #0091DC;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.xmt-section7 .th  p{
	font-size: 16px;
	color:#848484;
	
}
.xmt-section7 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.xmt-section7 ul li{
	float:left;
	width:25%;
	text-align: center;
}
.xmt-section7 ul li h2{
	font-weight: normal;
	margin: 10px 0;
	color:#0091DC;
	font-size:20px ;
}
.xmt-section7 ul li  p{
	font-size: 14px;
}
/*-----------------------鍝佺墝绛栧垝------------------------*/

.ppbanner{
	height:580px;
	background: url(../images/bannerpp.jpg);
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center center;
	position: relative;
}
.ppbanner h2{
	font-size: 60px;
	color:#fff;
	line-height: 100px;
}
.ppbanner .htxt{
	color:#fff;
}
.ppbanner .htxt p{
	line-height: 25px;
	font-size: 24px;
	letter-spacing: 2px;
}

.ppbanner .htxt span{
	letter-spacing: 1px;
	font-size: 35px;
	font-family:'DINCond-Medium';
}
.ppsection-1{
	padding: 50px 0;
	text-align: center;
}

.ppsection-1 h2{
	color:#333;
	line-height: 60px;
    font-weight: normal;
    font-size: 34px;
}
.ppsection-1 {
     font-size: 16px;
    color: #848484;
} 

.ppsection-2 {
	 padding: 150px 0 0 0;
	 height:auto;
	 overflow: hidden;
	 background: url(../images/psection1.jpg);
	 background-position: center center;
	 background-repeat:no-repeat ;
	 background-size:cover ;
}
.ppsection-2 ul{
	width:100%;
	height:auto;
	overflow: hidden;
}
.ppsection-2 ul li{
	color:#fff;
	margin-bottom: 130px;
	height:auto;
	overflow: hidden;
}
.ppsection-2 ul .li_l{
	float:left;
	width:46%;
}
.ppsection-2 ul .li_r{
	float:left;
	width:46%;
	margin-left: 8%;
}
.ppsection-2 ul h2{
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 30px;
}
.ppsection-2 ul .circle{
	text-align: center;
	width:230px;
	height:230px;
	border-radius: 100%;
	border: 3px solid #0091DC;
	position: relative;
	line-height: 230px;
}
.ppsection-2 ul  .circle img{
	vertical-align: middle;
	
}
.ppsection-2 ul .txt_r{
	float: right;
}
.ppsection-3{
	padding: 50px 0;
	height:auto;
	overflow: hidden;
	background: #f2f2f2;
}
.ppsection-3 h2{
	color: #333;
    line-height: 50px;
    font-weight: normal;
    font-size: 34px;
    text-align: center;
}
.ppsection-3  h3{
	letter-spacing: 1px;
    font-size: 35px;
    font-family: 'DINCond-Medium';
    color:#ccc;
    text-align: center;
    line-height: 40px;
}
.ppsection-3 ul{
	margin-top:70px ;
}
.ppsection-3 ul li{
	cursor: pointer;
	background: #fff;
	float:left;
	margin-left: 20px;
	width:calc((100% - 80px)/5);
	transition: .3s ease-in;
}
.ppsection-3 ul li .d_con{
	padding: 20px 15px 20px 15px;
}
.ppsection-3 ul li .d_c{
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	width:100px;
	height:100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: center;
	background: #0091DC;
	border-radius: 100%;
}
.ppsection-3 ul li:hover{
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.ppsection-3 ul li h4{
	font-family: 'DINCond-Medium';
	font-size: 18px;
	text-align: center;
	line-height: 28px;
}
.ppsection-3 ul li h5{
	font-weight: normal;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.ppsection-3 ul li dd i{
	font-style: normal;
    color: #0091DC;
    display: inline-block;
    margin-right: 15px;
}
.ppsection-3 ul li dl{
	margin-top: 20px;
	font-size: 14px;
	padding-left: 15px;
}
.ppsection-4{
	padding: 50px 0;
	height:auto;
	overflow: hidden;
}
.ppsection-4 h2{
	color: #333;
    line-height: 50px;
    font-weight: normal;
    font-size: 34px;
    text-align: center;
}
.ppsection-4  h3{
	letter-spacing: 1px;
    font-size: 35px;
    font-family: 'DINCond-Medium';
    color:#ccc;
    text-align: center;
    line-height: 40px;
}
.ppsection-4 ul{
	width:100%;
	height:auto;
	overflow: hidden;
	margin-top: 70px;
}
.ppsection-4 ul li{
	cursor: pointer;
	float:left;
	margin-left: 25px;
	width:calc((100% - 75px)/4);
	text-align: center;
	margin-bottom: 45px;
	
}
.ppsection-4 ul li h2{
	font-family: 'DINCond-Medium';
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 5px;
}
.ppsection-4 ul li h3 {
	font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color:#333;
    font-family: "寰蒋闆呴粦" !important;
    margin-bottom: 10px;
}
.ppsection-4 ul li img{
	margin-bottom: 25px;
	transition: 1s ease;
}
.ppsection-4 ul li p{
	font-size: 14px;
	line-height: 25px;
}
.ppsection-4 ul li:hover img{
	transform: rotate(360deg)
}


.ppsection-5{
	padding: 50px 0 20px 0;
	height:auto;
	overflow: hidden;
}
.ppsection-5 h2{
	color: #333;
    line-height: 50px;
    font-weight: normal;
    font-size: 34px;
    text-align: center;
}
.ppsection-5 h3{
	letter-spacing: 1px;
    font-size: 35px;
    font-family: 'DINCond-Medium';
    color:#ccc;
    text-align: center;
    line-height: 40px;
}
/*--------------------------------------------缃戠珯鍦板浘--------------------------------------*/
.sitemap{
	margin-bottom: 70px;
}
.sitemap h2{
	font-weight: normal;
	margin-top: 50px;
    text-align: left;
    font-size: 28px;
    margin-bottom: 50px;
}


.sitelist {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.sitelist li {
    height: auto;
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
}
.siteleft {
    float: left;
    width: 15%;
    text-align: center;
}
.siteright {
    margin-left: 18%;
}
.siteleft a {
    width: 100%;
    line-height: 30px;
    display: block;
    text-align: center;
    background: #ececec;
    font-size: 14px;
}
.siteright a {
	font-size: 14px;
    float: left;
    color: #666;
    padding-right: 35px;
    transition: none;
    line-height: 30px;
}
.siteleft a:hover {
    background: #ccc;
    color: #fff;
}
.siteright a:hover {
    color: #0091DC;
}
/*--------------------------------缃戠粶鐮斿彂----------------------*/
.web-sec-2{
	width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0 70px 0;
    text-align: center;
}
.web-sec-2 h3{
	font-size: 38px;
    color: #323232;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}

.web-sec-2 p{
	font-size: 16px;
    color: #737373;
    text-align: center;
    margin-bottom: 50px;
    line-height: 23px;
}
.web_list{
	width:100%;
	height:auto;
}
#owl-demo .item{
	margin: 0 10px;
	transition: .3s ease;
	cursor: pointer;
	background: #f8f8f8;
}

#owl-demo .item .item_con{
	padding: 20px;
}
#owl-demo .item .i{
	transition: .3s ease;
	width:85px;
	height:85px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
#owl-demo .item h3{
	font-weight: normal;
	font-size: 20px;
	color:#333;
	margin-bottom: 10px;
	transition: .3s ease;
}
#owl-demo .item p{
	font-size: 14px;
	transition: .3s ease;
}
#owl-demo .item a{
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
    width: 155px;
    max-width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #ddd;
    transition: .3s ease;
}
#owl-demo .item:hover{
	background: #0091DC;
}

#owl-demo .item:hover h3{
	color:#fff;
}
#owl-demo .item:hover p{
	color:#fff;
}
#owl-demo .item:hover a{
	border: 1px solid #fff;
	color:#fff;
}
#owl-demo .item a:hover{
	background: #f8f8f8;
	color:#0091DC;
}
#owl-demo .item:hover .i{
	background-position:  0 -85px;
}
#owl-demo .itemi1{background: url(../images/itemi1.png);}
#owl-demo .itemi2{background: url(../images/itemi2.png);}
#owl-demo .itemi3{background: url(../images/itemi3.png);}
#owl-demo .itemi4{background: url(../images/itemi4.png);}
#owl-demo .itemi5{background: url(../images/itemi5.png);}
#owl-demo .itemi6{background: url(../images/itemi6.png);}
#owl-demo .itemi7{background: url(../images/itemi7.png);}
.web_list .span12{
	position: relative;
}
.web_list  .customNavigation{
	z-index: 2;
	height:56px;
	position: absolute;
	left:0;
	width:100%;
	top:50%;
	transform: translateY(-50%);
}

.web_list  .customNavigation .prev{
	cursor: pointer;
	position: absolute;
	top:0;
	left:-40px;
	width:30px;
	height:56px;
	background:url(../images/ico32.png);
	transition: .3s ease;
}
.web_list  .customNavigation .prev:hover{
	background-position: left bottom;
}
.web_list  .customNavigation .next{
	cursor: pointer;
	position: absolute;
	top:0;
	right:-40px;
	width:30px;
	height:56px;
	background:url(../images/ico32.png);
	transition: .3s ease;
	background-position: right top;
}
.web_list  .customNavigation .next:hover{
	background-position: right bottom;
}

.web-sec-3{
	padding: 70px 0 70px 0;
	background: url(../images/bannerweb.jpg);
}
.web-sec-3 h2{
	font-size: 38px;
    color: #fff;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.web-sec-3 h3{
	font-size: 16px;
	font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
    color:#fff;
}
.web-sec-3  ul{
	margin: 70px 0 0 0;
	width:100%;
	height:auto;
	overflow: hidden;
}
.web-sec-3  ul li{
	position: relative;
	margin-bottom: 25px;
	cursor: pointer;
	text-align: center;
	margin-left: 25px;
	width:calc((100% - 75px)/4);
	float:left;
	

}

.web-sec-3  ul li .r1{
	background: rgba(0,0,0,.5);
	transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: table;
}
.web-sec-3  ul li .r2{
	background: #0091DC;
	overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transform: rotateX(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
}
.web-sec-3  ul li:hover .r1{
	    transform: rotateX(180deg);
}
.web-sec-3  ul li:hover .r2{
	transform: rotateX(0deg) rotate(0deg);
    z-index: 10;
}
.web-sec-3  ul li div{
	padding: 20px 30px;
}
.web-sec-3  ul li h4{
	font-weight: normal;
	color:#fff;
	font-size: 17px;
}
.web-sec-3  ul li p{
	font-size: 14px;
	line-height: 22px;
	color:#fff;
}

/*--------------------------钀ラ攢缃戠珯-----------------------------*/
.pp-sec-1{
	padding:50px 0; 
	height:auto;
	overflow: hidden;
	background: #0091DC;
	color:#fff;
}
.pp-sec-1 h3{
	text-align: center;
	font-size: 28px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}

.pp-sec-1 h2{
	text-align: center;
	font-size: 38px;
	line-height: 1;
	font-weight: normal;
}
.pp-sec-1 ul{
	margin-top: 50px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.pp-sec-1 ul li{
	text-align: left;
	float:left;
	margin-left: 20px;
	width:calc((100% - 80px)/5)
}
.pp-sec-1 ul li .li-c{
	border: 6px solid #fff;
    padding: 5%;
    position: relative;
}
.pp-sec-1 ul li ._txt{
	position: absolute;
    left: 50%;
    margin-left: -38%;
    top: 0;
    font-size: 16px;
    width: 76%;
    padding-top: 10%;
    line-height: 25px;
}
.pp-sec-1 ul li i{
	background: url(../images/brand_num1.png) no-repeat 0 0;
    display: inline-block;
    width: 115px;
    height: 100px;
}
.pp-sec-1 ul li i.i2{
	background-position: -115px 0;
}

.pp-sec-1 ul li i.i3{
	background-position: -230px 0;
}

.pp-sec-1 ul li i.i4{
	background-position: -345px 0;
}
.pp-sec-1 ul li i.i5{
	background-position: -460px 0;
}
.pp-sec-2{
	padding:50px 0; 
	height:auto;
	overflow: hidden;

}
.pp-sec-2 h2{
	text-align: center;
	font-size: 15px;
	line-height: 1;
	font-weight: normal;
	
}

.pp-sec-2 h3{
	text-align: center;
	font-size: 38px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}
.pp-sec-2 ul{
	margin-top: 50px;
	width:100%;
	height:auto;

}
.pp-sec-2 ul li{
	cursor: pointer;
	text-align: center;
	float:left;
	width:calc((100% - 5px)/5);
	border-right: 1px solid #ededed;
	margin-bottom: 25px;
}
.pp-sec-2 ul li i{
	display: inline-block;
    background: url(../images/yx-sec2.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pp-sec-2 ul li div{
	height:60px;
}
.pp-sec-2 ul li h4{
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
}
.pp-sec-2 ul li p{
	font-size: 14px;
}
.pp-sec-2 ul li:hover i{
	margin-top: -10px;
}

.pp-sec-2 ul li .i2{
	background-position: -50px 0;
}
.pp-sec-2 ul li .i3{
	background-position: -100px 0;
}
.pp-sec-2 ul li .i4{
	background-position: -150px 0;
}
.pp-sec-2 ul li .i5{
	background-position: -200px 0;
}
.pp-sec-2 ul li .i6{
	background-position: -250px 0;
}
.pp-sec-2 ul li .i7{
	background-position: -300px 0;
}
.pp-sec-2 ul li .i8{
	background-position: -350px 0;
}
.pp-sec-2 ul li .i9{
	background-position: -400px 0;
}
.pp-sec-2 ul li .i10{
	background-position: -450px 0;
}
/*----------------------------------浼佷笟绔欑兢--------------------------*/
.qy-sec-1{
	padding:50px 0; 
	height:auto;
	overflow: hidden;
}
.qy-sec-1 h3{
	text-align: center;
	font-size: 38px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}

.qy-sec-1 h2{
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}
.qy-sec-1 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
}
.qy-sec-1 ul li{
	float:left;
	width:calc((100% - 3px)/3);
	border-right: 1px solid #ededed;
	cursor: pointer;
    text-align: center;
    margin-bottom: 25px;
}
.qy-sec-1 ul li ._lcon{
	padding: 25px 30px;
}
.qy-sec-1 ul li .num_l{
	padding-top: 15px;
	float:left;
	width:67px;
	font-size: 60px;
    font-weight: bold;
    line-height: 1;
    font-family: Arial;
    color: #0091DC;
}
.qy-sec-1 ul li .num_r{
	text-align: left;
	margin-left: 85px;
}
.qy-sec-1 ul li h5{
	font-size: 15px;
}
.qy-sec-1 ul li .num_r p{
	font-size: 14px;
	line-height: 22px;
}
.qy-sec-1 ul li:hover {
	background:#0091DC ;
}
.qy-sec-1 ul li:hover h5{
	color: #fff;
}
.qy-sec-1 ul li:hover p{
	color: #fff;
}
.qy-sec-1 ul li:hover .num_l{
	color: #fff;
}
/*--------------------------------------浼佷笟缃戠珯--------------------------*/
.zq-sec-1{
	padding:50px 0; 
	height:auto;
	overflow: hidden;
	background: #0091dc;
	color: #fff;
}
.zq-sec-1 h3{
	text-align: center;
	font-size: 38px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}

.zq-sec-1 h2{
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}
.zq-sec-1 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
}
.zq-sec-1 ul li{
	float:left;
	width:20%;
	font-size: 15px;
	text-align: left;
}
.zq-sec-1 ul li i{
	float: left;
    background: url(../images/num_ico.png) no-repeat 0 0;
    width: 30px;
    height: 120px;
}
.zq-sec-1 ul li .ip{
	padding-top: 20px;
	margin-left: 45px;
}
.zq-sec-1 ul li i.ic2{
	background-position: -30px 0;
}
.zq-sec-1 ul li i.ic3{
	background-position: -60px 0;
}
.zq-sec-1 ul li i.ic4{
	background-position: -90px 0;
}
.zq-sec-1 ul li i.ic5{
	background-position: -120px 0;
}
.zq-sec-3{
	background: url(../images/qywz_sec3_bg.jpg) no-repeat center center;
    width: 100%;
    padding: 50px 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.zq-sec-3 h2 {
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.zq-sec-3 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.zq-sec-3 ul li{
	
	position: relative;
	float:left;
	margin-left: 25px;
	margin-bottom: 25px;
	width: calc((100% - 50px)/3);
}
.zq-sec-3 ul li .r1{
	width:100%;
    text-align: center;
	padding: 40px 0;
	font-size: 18px;
	color:#fff;
	background: rgba(117,166,196,.8);
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: table;
}
.zq-sec-3 ul li .r2{
	width:100%;
    text-align: center;
	padding: 40px 0;
	font-size: 18px;
	color:#fff;
	background: #0091DC;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transform: rotateX(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.zq-sec-3 ul li:hover .r1{
	transform: rotateX(180deg);
}
.zq-sec-3 ul li:hover .r2{
	transform: rotateX(0deg) rotate(0deg);
    z-index: 10;
}
.zq-sec-2{
	padding: 50px 0 20px 0;
}
.zq-sec-2 h2{
	font-size: 38px;
    font-weight: normal;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
}
.zq-sec-2 h3{
	font-size: 15px;
    font-weight: normal;
    text-align: center;
}
.zq-sec-2 .qy{
	margin-top: 50px;
	height:auto;
	width:100%;
	overflow: hidden;
}
.zq-sec-2  .qy_l{
	text-align: center;
	float:left;
	width:49%;
}
.zq-sec-2  .qy_l img{
	width:95%;
}
.zq-sec-2  .qy_r{
	margin-left: calc(49% + 55px);
}
.zq-sec-2  .qy_r ul{
	border-left: 1px solid #ddd;
    height: auto;
}
.zq-sec-2  .qy_r ul li{
    min-height: 120px;
    margin-bottom: 50px;
    padding-left: 80px;
    position: relative;
    cursor: pointer;
}
.zq-sec-2  .qy_r ul li i{
	text-align: center;
	vertical-align: middle;
	line-height:110px ;
	position: absolute;
    width: 110px;
    height: 110px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 100%;
    left: -55px;
    top: 0;
}
.zq-sec-2  .qy_r ul li h4{
	font-size: 22px;
	color: #666;
}
.zq-sec-2  .qy_r ul li p{
	font-size: 14px;
	line-height: 22px;
}
.zq-sec-2  .qy_r ul li .aon{
	display: none;
}
.zq-sec-2  .qy_r ul li:hover .aon{
	display: inline-block;
}
.zq-sec-2  .qy_r ul li:hover .ano{
	display: none;
}
.zq-sec-2  .qy_r ul li:hover i{
	background: #0091dc;
}
/*--------------------------涓婂競鍏徃--------------------------*/
.ss-sec-1{
	padding:50px 0; 
	height:auto;
	overflow: hidden;
	background: #0091dc;
	color: #fff;
}
.ss-sec-1 h3{
	text-align: center;
	font-size: 38px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}

.ss-sec-1 h2{
	text-align: center;
	font-size: 45px;
	line-height: 40px;
	font-weight: normal;
}
.ss-sec-1 ul{
	margin-top: 40px;
	width:100%;
	height:auto;
}
.ss-sec-1 ul li{
	float:left;
	width:25%;
	font-size: 15px;
	text-align: left;
}
.ss-sec-1 ul li i{
	float: left;
    background: url(../images/num_ico.png) no-repeat 0 0;
    width: 30px;
    height: 120px;
}
.ss-sec-1 ul li .ip{
	padding-top: 28px;
	margin-left: 45px;
	line-height: 25px;
}
.ss-sec-1 ul li i.ic2{
	background-position: -30px 0;
}
.ss-sec-1 ul li i.ic3{
	background-position: -60px 0;
}
.ss-sec-1 ul li i.ic4{
	background-position: -90px 0;
}
.ss-sec-1 ul li i.ic5{
	background-position: -120px 0;
}
.ss-sec-2{
	padding: 50px 0;
    height: auto;
    overflow: hidden;
}
.ss-sec-2 h3 {
    text-align: center;
    font-size: 38px;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 15px;
}
.ss-sec-2 h2 {
    text-align: center;
    font-size: 15px;
    line-height: 1;
    font-weight: normal;
    line-height: 22px;
}
.ss-sec-2 ul {
    margin-top: 50px;
    width: 100%;
    height: auto;
}
.ss-sec-2 ul li {
    cursor: pointer;
    text-align: center;
    float: left;
    width: calc((100% - 3px)/3);
    border-right: 1px solid #ededed;
    margin-bottom: 25px;
}
.ss-sec-2 ul li .i_l{
	float: left;
	width:60px;
	
}
.ss-sec-2 ul li .i_l i{
	display: inline-block;
    background: url(../images/yx-sec2.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ss-sec-2 ul li ._bd{
	padding: 0 17%;
}
.ss-sec-2 ul li .i_r{
	
	margin-left: 75px;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}
.ss-sec-2 ul li .i2{
	    background-position: -50px 0 !important;
}
.ss-sec-2 ul li .i3{
	    background-position: -100px 0 !important;
}
.ss-sec-2 ul li .i4{
	    background-position: -150px 0 !important;
}
.ss-sec-2 ul li .i5{
	    background-position: -200px 0 !important;
}
.ss-sec-2 ul li .i6{
	    background-position: -250px 0 !important;
}
/*--------------------------------------涓撻缃戠珯--------------------------*/

.zt-sec-1{
	padding:50px 0; 
	height:auto;
	overflow: hidden;
	background: #0091dc;
	color: #fff;
}
.zt-sec-1 h3{
	text-align: center;
	font-size: 38px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}


.zt-sec-1 ul{
	margin-top: 50px;
	width:100%;
	height:auto;
}
.zt-sec-1 ul li{
	float: left;
    overflow: hidden;
    text-align: left;
    width: 29%;
    font-size: 16px;
}
.zt-sec-1 ul li.line{
	text-align: center;
	width:6.5%;
}
.zt-sec-1 ul li i{
	float: left;
    width: 26%;
    height: 0;
    padding-bottom: 25%;
    background: url(../images/brand_num.png);
    -webkit-background-size: 500% 100%;
    background-size: 500% 100%;
    margin-right: 4%;
}
.zt-sec-1 ul li span{
	margin-top: 25px;
    display: inline-block;
}
.zt-sec-1 ul li .n2{
	background-position: -100% 0;
}
.zt-sec-1 ul li .n3{
	background-position: -200% 0;
}
.zt-sec-3{
	background: url(../images/zthd_bg1.jpg) no-repeat center center;
    width: 100%;
    padding: 50px 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.zt-sec-3 h2 {
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.zt-sec-3 h4 {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.zt-sec-3 ul{
	margin-top: 70px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.zt-sec-3 ul li{
	position: relative;
	float:left;
	margin-left: 25px;
	margin-bottom: 25px;
	width: calc((100% - 75px)/4);
}
.zt-sec-3 ul li .r1{
	width:100%;
    text-align: center;
	padding: 40px 0;
	font-size: 18px;
	color:#fff;
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: table;
}
.zt-sec-3 ul li .r2{
	width:100%;
    text-align: center;
	padding: 40px 0;
	font-size: 18px;
	color:#fff;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transform: rotateX(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.zt-sec-3 ul li:hover .r1{
	transform: rotateX(180deg);
}
.zt-sec-3 ul li:hover .r2{
	transform: rotateX(0deg) rotate(0deg);
    z-index: 10;
}
.zt-sec-3 ul li.li_s1 .r1{
	background: rgba(117,166,196,.8);
}
.zt-sec-3 ul li.li_s1 .r2{
	background: rgba(117,166,196,.8);
}
.zt-sec-3 ul li.li_s2 .r1{
	background: #ffb400;
}
.zt-sec-3 ul li.li_s2 .r2{
	background: #ffb400;
}
.zt-sec-3 ul li.li_s3 .r1{
	background: #f2c200;
}

.zt-sec-3 ul li.li_s3 .r2{
	background: #f2c200;
}

.zt-sec-3 ul li.li_s4 .r1{
	background: #65bc46;
}

.zt-sec-3 ul li.li_s4 .r2{
	background: #65bc46;
}
.zt-sec-2{
	width: 100%;
    padding: 50px 0 30px 0;
    
}
.zt-sec-2 h2{
	font-size: 38px;
    font-weight: normal;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px
}
.zt-sec-2 h3{
	font-size: 15px;
    font-weight: normal;
    text-align: center;
}
.zt-sec-2 .zt{
	width:100%;
	height:auto;
	overflow: hidden;
	margin-top: 50px;
}
.zt-sec-2 .zt_l{
	float:left;
	width:49%;
	
}
.zt-sec-2 .zt_r{
	float:right;
	width:49%;
}
.zt-sec-2 .zt_r ul{
	border-left: 1px solid #ddd;
	height:auto;
}

.zt-sec-2 .zt_l img{
	width:100%;
}
.zt-sec-2 .zt_r li{
	font-size: 14px;
    margin-bottom: 50px;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}
.zt-sec-2 .zt_r li i{
	position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #0091dc;
    background: #fff;
    border-radius: 8px;
    left: -9px;
    top: 3px;
}
.zt-sec-2 .zt_r li:hover i{
	background:#0091dc ;
}
/*-------------------------------------钀ラ攢--------------------------*/
.yx-sec-3{
	padding: 50px 0;
	height:auto;
	overflow: hidden;
}
.yx-sec-3 h3 {
	color:#444;
    text-align: center;
    font-size: 38px;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 15px;
}
.yx-sec-3 h2 {
    text-align: center;
    font-size: 15px;
    line-height: 1;
    font-weight: normal;
}
.yx-sec-3 ul{
	margin-top: 50px;
	width:100%;
	height:auto;

}
.yx-sec-3 ul li {
    cursor: pointer;
    text-align: center;
    float: left;
    width: calc((100% - 5px)/5);
    border-right: 1px solid #ededed;
    margin-bottom: 25px;
}
.yx-sec-3 ul li div {
    height: 60px;
}
.yx-sec-3 ul li  p{
    font-size: 14px;
}
.yx-sec-3 ul li i{
	display: inline-block;
	text-align: center;
	width: 50px;
    height: 50px;
    margin: 0 auto;

}
.yx-sec-3 ul li i img{
	transition: .3s ease;
}
.yx-sec-3 ul li:hover i img{
	margin-top: -10px
}
.yx-sec-4{
	padding: 50px 0;
	background: url(../images/yxwz_bg1.jpg);
    padding: 70px 0 70px 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.yx-sec-4 ._tit {
    text-align: center;
    font-size: 38px;
    color: #fff;
    line-height: 1;
    margin-bottom: 65px;
}
.yx-sec-4  ._tit b {
    color: #0091DC;
}
.yx-sec-4 ul li {
    position: relative;
    margin-bottom: 25px;
    cursor: pointer;
    text-align: center;
    margin-left: 25px;
    width: calc((100% - 100px)/5);
    float: left;
}
.yx-sec-4 ul li div {
    width:100%;
    padding: 20px 0;
}
.yx-sec-4 ul li .r1 {
    background: rgba(0,0,0,.5);
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: table;
}
.yx-sec-4  ul li h4 {
    font-weight: normal;
    color: #fff;
    font-size: 17px;
}
.yx-sec-4  ul li p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.yx-sec-4 ul li .r2 {
    background: #0091DC;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transform: rotateX(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.yx-sec-4  ul li:hover .r1{
	    transform: rotateX(180deg);
}
.yx-sec-4  ul li:hover .r2{
	transform: rotateX(0deg) rotate(0deg);
    z-index: 10;
}
.yx-sec-4  ul li i{
	display: block;
    width: 40px;
    height: 40px;
    background: url(../images/yxwz_icos.png) no-repeat 0 -80px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.yx-sec-4  ul li i.i2{
	background-position: -40px -80px;
}
.yx-sec-4  ul li i.i3{
	background-position: -80px -80px;
}

.yx-sec-4  ul li i.i4{
	background-position: -120px -80px;
}

.yx-sec-4  ul li i.i5{
	background-position: -160px -80px;
}
.yx-sec-4  ul li i.i6{
	background-position: 0px -120px;
}
.yx-sec-4  ul li i.i7{
	background-position: -40px -120px;
}
.yx-sec-4  ul li i.i8{
	background-position: -80px -120px;
}
.yx-sec-4  ul li i.i9{
	background-position: -120px -120px;
}
.yx-sec-4  ul li i.i10{
	background-position: -160px -120px;
}
.yx-sec-1{
	text-align: center;
	padding: 50px 0;
	 background: #f6f6f6;
}
.yx-sec-1 h2{
	color:#444;
	text-align: center;
    font-size: 38px;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 50px;
   
}
.yx-sec-1 img{
	max-width:100%;
	
}
.yx-sec-2{
	padding: 50px 0;
}
.yx-sec-2 h2{
	color:#444;
	text-align: center;
    font-size: 38px;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 5px;
   
}
.yx-sec-2 h3{
	color:#444;
	text-align: center;
    font-size: 15px;
    font-weight: normal;
   
}
.yx-sec-2 ul{
	margin-top: 70px;
	height:auto;
	overflow: hidden;
}
.yx-sec-2 ul li{
	float:left;
}
.yx-sec-2 ul li ._mc1{
	background: #f60;
}
.yx-sec-2 ul li ._mc{
	text-align: left;
    color: #fff;
    padding: 40px 10%;
    overflow: hidden;
}
.yx-sec-2 ul li i{
	display: block;
    background: url(../images/brand_num.png) no-repeat 0 0;
    width: 115px;
    height: 100px;
    margin-bottom: 20px;
}
.yx-sec-2 ul li h4{
	font-size: 30px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
}
.yx-sec-2 ul li ._intro{
	margin-bottom: 50px;
    height: 72px;
    overflow: hidden;
    line-height: 25px;
    font-size: 15px;
}
.yx-sec-2 ul li .list1{
	float: left;
    width: 100%;
    min-height: 112px;
    font-size: 13px;
}
.yx-sec-2 ul li .list2{
	float: left;
    width: 50%;
    min-height: 112px;
    font-size: 15px;
    display: none;
    transition: .5s ease;
}
.yx-sec-2 ul li em{
	display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    vertical-align: middle;
    margin-right: 15px;
}
.yx-sec-2 ul li{
	width:25%;
	transition: .5s ease;
}
.yx-sec-2 ul li.on{
	width:50%;
}
.yx-sec-2 ul li .ic2{
	background-position: -115px 0;
}
.yx-sec-2 ul li .ic3{
	background-position: -230px 0;
}
.yx-sec-2 ul li ._mc2{
	background: #ff9000;
}
.yx-sec-2 ul li ._mc3{
	background: #65bc46;
}
.yx-sec-2 ul li:hover .list2{
	display: block;
}
.yx-sec-2 ul li.on .list2{
	display: block;
}
.yx-sec-2 ul li.on .list1{
	width:50%
}
.yx-sec-2 ul li:hover .list1{
	width:50%
}
/*-----------鑷畾涔夎〃鍗曟牱寮?-----------*/
#form_submit .mt-4{
	margin-bottom: 25px;
}
#form_submit .mt-4:nth-child(2){
	width: calc((100% - 25px)/2);
    margin-right: 25px;
    float: left;
}
#form_submit .mt-4:nth-child(3){
	width: calc((100% - 25px)/2);
    float: left;
}
#form_submit button{
	width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    background: #0091DC;
}
#form_submit textarea{
	padding: 15px;
    height: 200px !important;
    width: calc(100% - 32px);
    border: 1px solid #ddd;
    background: #fff;
    padding-left: 15px;
    border-radius: 5px;
    outline: none;
    resize: none;
}
.text-success{
	color: red;
}

a{text-decoration: none;}
.right_bar{ /*display:none;*/ position:fixed; top:200px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20;list-style: none; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; transition:.3s ease-in-out;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; transition:.3s ease-in-out;}
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; transition:.3s ease-in-out;}
.right_bar li.rtbar_li4{ top:153px;transition:.3s ease-in-out;}
.rtbar_li4{ position:absolute ; top:153px !important; left:0 !important;}
.right_bar li a{ transition:.3s ease-in-out;display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#0091DC; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-78px; left:-110px; padding-bottom:0 !important; }
.rtbar_shwx img{ padding:5px; background-color:#FFF; width:100px; height:100px; }

.right_bar .rtbar_li1:hover{left:-116px;}
.right_bar .rtbar_li3:hover{left:-70px;}
.right_bar .rtbar_li2:hover .rtbar_shwx{
	display: block;
}

/*--------------------------------------鍝嶅簲寮?-------------------------*/
@media (min-width:769px ) {
	.secbanner{background-attachment: fixed}
	.seo_content ul li:nth-child(4n+4),.seo_content ul li:nth-child(4n+8){border-right: none;}
	.phmenu{display: none;}
	.ul-ph{display: none;}
	.ab-section-2{background-attachment:fixed ;}
	.partner li:nth-child(6n+1){margin-left: 0;}
	.partner li {width:calc((100% - 137px)/6)}
	.advli li:hover{margin-top: -15px;}
	.rclist li:nth-child(2n+1){margin-left: 0;}
	.jobmain .btns{position: absolute;bottom:50px;left:50px;}
	.rcsection-1{background-attachment: fixed;}
	.emailts li:nth-child(3n+3){border-right: none;}
	.xmt-section1 ul li:first-child{margin-left: 0;}
	.xmt-section2 ul li:nth-child(4n+1){margin-left: 0;}
	.xmt-section3{background-attachment: fixed;}
	.xmt-section5{background-attachment: fixed;}
	.xmt-section5 ul li:first-child{margin-left: 0;}
	.xmt-section6{background-attachment: fixed;}
	.ppsection-2{background-attachment: fixed;}
	.ppsection-3 ul li:first-child{margin-left: 0;}
	.ppsection-3 ul li{height:520px}
	.ppsection-4 ul li:nth-child(4N+1){margin-left: 0;}
	.web-sec-3  ul li:nth-child(4N+1){margin-left: 0;}
	.web-sec-3{background-attachment: fixed;}
	.pp-sec-1 ul li:first-child{margin-left: 0;}
	.zq-sec-3{background-attachment: fixed;}
	.zq-sec-3 ul li:nth-child(3N+1){margin-left: 0;}
	.zt-sec-3 ul li:nth-child(4N+1){margin-left: 0;}
	.zt-sec-3,.yx-sec-4,.wz-sec3{background-attachment: fixed}
	.yx-sec-4 ul li:nth-child(5N+1){margin-left: 0;}
    .web-sec-3  ul li .r2{width: calc(100% - 60px);height:78px;}
    .web-sec-3  ul li .r1{width: calc(100% - 60px);height:78px;}
}
 @media  (max-width: 768px) {
 	.ul-3{margin-top: 40px;}
   	.page-list a{display: none;}
    .secbanner{height:150px;}
    .htxt h3{font-size: 20px;}
    .menu{display: none;}
    .xy{display: none;}
    .thbanner .th_txt h3{font-size: 24px;height:auto;}
    .thbanner ._sub{font-size: 18px;}
    .thbanner ._sub p:before{width:30px;top:18px;left:-40px}
    .thbanner ._sub p:after{width:30px;top:18px;right:-40px;}
    .thbanner ._txt{display: none;}
    .thbanner{height:180px;}
    .solve img{width:95%}
    .solve h3{font-size: 20px;}
    .solve h4{display: none;}
    .wz-sec3 ._tit,.wz-sec4 ._txt h3,.wz-sec5 h3,.wz-sec6 h3{font-size: 20px;}
    .wz-sec3{padding: 40px 0 40px 0;}
    .solve{padding: 40px 0 40px 0;}
    .wz-sec3 ._tit{margin-bottom: 30px;}
    .wz-sec4 .wz_menu li{height:35px;line-height: 35px;font-size: 14px;width:65px;font-size: 13px;}
    .nvcon{height:35px;overflow-x: scroll;position: absolute;left:0;bottom:0;width:100%;}
    .wz-sec4{padding-top: 30px;}
    .wz-sec4 .wz_menu{width:461px;}
    .wz-sec5{padding: 40px 0 40px 0;}
    .wz-sec5 ._p{font-size: 16px;display: none;}
    .wz_links{display:none;}
    .wz-sec6 p{font-size: 14px;}
    .wz-sec6{padding: 40px 0 0 0;}
    .wz-sec7{display: none;}
    .ld-ul li .mask{display: none;}
    .ld-ul li{width:100%;}
    .ul-pc{display: none;}
    .ld-ul li .t{font-size: 16px;left:13px;top:15px;}
    .ld-ul li .num{bottom:15px;right:13px;}
    .seo_content ul li{width: calc(48% - 1px);margin-bottom: 20px;}
    .seo_content ul li:nth-child(2n+2),.seo_content ul li:nth-child(2n+2){border-right: none;}
    .tit h3{font-size: 20px;margin-bottom: 5px;}
    .seo_content ul{padding-top: 30px;}
    .seo-section1{padding: 50px 0 10px 0;}
    .seo-section7{padding: 30px 0 30px 0;}
    .seo-section9{padding: 30px 0 30px 0;}
    .seo-section2,.seo-section3,.seo-section5,.seo-section6,.seo-section8,.seo-section11{padding: 30px 0 10px 0;}
    .seo-section2,.seo-section6,.seo-section5,.seo-section3{display: none;}
    .seo-section10{padding: 0px 0 50px 0;}
    .seo-section3 .tit p{font-size: 15px;}
    .seo-section4  p{font-size: 20px;line-height: 30px;}
    .seo-section4 h4{margin-top: 15px;width:260px;}
    .seo-section4{padding: 30px 0 30px 0;}
    .painful_text h2,.seo_adv_title h2{font-size: 18px;line-height: 24px;}
    .painful_text{width:calc(100% - 55px);float:none;padding-left: 55px;background: url(../images/011.png) left top no-repeat;}
    .painful_img{display: none;}
    .painful_text ul li{font-size: 14px;line-height: 25px;}
    .seo_adv_title{background: url(../images/022.png) left top no-repeat;}
    .painful1{background: url(../images/033.png) left top no-repeat !important;min-height:70px;}
    .painful4{background: url(../images/044.png) left top no-repeat !important;min-height:70px;}
    .painful5{background: url(../images/055.png) left top no-repeat !important;min-height:70px;}
    .painful_text p{line-height: 20px;}
    .seo_adv_text{margin-left: 0;background: none;width:100%;padding-bottom: 10px;}
    .seo_adv_text .adv_num{width:300px;}
    .seo_adv_text .adv_one{margin: 15px 0 0 -10px;}
    .seo_adv_text .adv_two{margin: 15px -10px 0 0;}
    .seo_adv_text .adv_three{margin: 15px 0 0 -10px;}
    .seo_adv_text .adv_four{margin: 15px -10px 0 0;}
    .seo_adv_title{padding-left: 60px;}
    .seo_adv_title p{line-height: 20px;}
    .seo-section8{margin-top: 10px;}
    .seo_promise_text .promise_one, .seo_promise_text .promise_three{float:none;}
    .seo_promise_text .promise_two, .seo_promise_text .promise_four{float:none;text-align: left;}
    .seo_promise_text .promise_num{width:100%;margin-top: 15px;}
    .seo_promise_text .promise_one {background: url(../images/seo09_1.png) left center no-repeat;}
    .seo_promise_text .promise_two {background: url(../images/seo10_1.png) left center no-repeat;}
    .seo_promise_text .promise_three {background: url(../images/seo11_1.png) left center no-repeat;}
    .seo_promise_text .promise_four {background: url(../images/seo12_1.png) left center no-repeat;}
    .seo_promise_text p{padding-left: 65px;font-size: 16px;height:50px;line-height: 50px;}
    .hzlc li{width:23.5%}
    .hzlc li:nth-child(5){margin-left: 0;}
    .hzlc ul{padding-top: 20px;padding-bottom: 30px;}
    .seo_adv_text .adv_num p{padding-left: 40px;}
    .seo_adv_text h3{padding-left: 35px;}
    .newlist{margin-top: 10px;}
    .newlist li{margin-right: 15px;}
    .pos{margin-top: 10px;}
    .newtitle{padding-bottom: 10px;min-height:110px;}
    .pos{float: left;}
    .newlist li:nth-child(2){display: none;}
    .newsbd{padding: 30px 0;}
    .contact_list ul li{width:100%;padding:  25px 0 15px 0;}
    .contact_list ul li .ctxt h3{font-size:18px ;}
    .contact_list ul li .tb{margin-bottom: 10px;}
    .map{height:200px;margin-top: 25px;}
    .zx{font-size: 20px;}
    .form input{height:40px;line-height: 40px;}
    .form4 textarea{height:150px;}
    .mform{margin-bottom: 15px;}
    .message{padding: 30px 0;}
    .submit{width:150px;height:40px;line-height: 40px;}
    .partner li{margin-left: 15px;margin-bottom: 15px;}
    .partner li:nth-child(3n+1){margin-left: 0;}
	.partner li {width:calc((100% - 36px)/3)}
	.ab-section-1{padding: 0px 0 30px 0;}
	.absec_l{float:none;height:260px;width:100%;}
	.absec_l .ab1{left:15px;right:15px;}
	.absec_r{float:none;height:300px;width:100%;}
	.absec_r .ab1{left:15px;right:15px;}
	.absec_l h2{font-size: 25px;}
	.absec_r .ab1 h2{font-size: 20px;}
	.absec_r .ab1 .about_bd{height:200px;}
	.ab-section-2 ._cn h2{font-size: 24px;}
	.ab-section-2 ._cn span{font-size: 18px;}
	.ab-section-2{height:200px;}
	.ab-section-3 .absec_l{height:350px;}
	.ab-section-3 .ab1 h2{font-size: 20px;}
	.ab-section-3 .absec_r{height:330px;}
	.aboutbanner{height:250px;}
	.aboutbanner h2{font-size: 28px;line-height: 40px;}
	.aboutbanner .htxt p{font-size: 16px;}
	.aboutbanner .htxt span{font-size: 18px;}
	.advli li{width:calc((100% - 25px)/2);height:340px;}
	.advli li:nth-child(2n+1){margin-left: 0;}
	.advli li:last-child{height:385px}
	.advli {margin-top: 0;}
	.ab-section-4{padding:30px 0 0 0 ;}
	.rclist li{width:100%;margin-left:0;}
	.jobmain{height:auto;padding: 25px;}
    .jobmain .btns{margin-top: 25px;}	
    .job_con h2{font-size: 18px;}
    .rcsection-1,.bannera{height:250px !important;}
    .rcsection-1 .rctxt h4,.bannera h4{font-size: 20px;}
    .rcsection-1 .rctxt p,.bannera p{font-size: 12px;}
    .work_more{margin-top: 15px;width:150px;line-height: 35px;height:35px;font-size: 13px;}
    .rcsection-2 h3{font-size: 22px;}
    .rcsection-2{padding: 30px 0;}
    .rclist{margin-top: 35px;}
    .emailul li{width:100%;margin-left: 0;margin-bottom: 15px;}
    .emailul{margin-left: 0;margin-right: 0;}
    .emailul li .libd h2{font-size: 27px;}
    .emailul li .price em{font-size: 40px;}
    .emailul li .xi_count .xi_num{font-size: 26px;}
    .buy{height:50px;line-height: 50px;}
    .emailul li .libd{padding: 30px 25px 30px 25px;}
    .email-se1{padding: 30px 0;}
    .mailbox th{padding: 0 3px;line-height: 1;}
    .mailbox  td{padding: 5px 5px;width:33.3%;}
    .email-se2 h2{font-size: 30px;}
    .email-se2 h4{font-size: 20px;}
    .email-se2 .inner{padding: 25px 0 !important;}
    .emailts li{width:calc((100% - 82px)/2);padding: 20px;}
    .emailts li:nth-child(2N+2){border-right: none;}
    .email-se3 h2{font-size: 30px;}
    .email-se3 h4{font-size:20px;}
    .emailts{margin-top: 30px;height:auto;overflow: hidden;}
    .emailts li h2{font-size: 18px;}
    .price_nav li{height:50px;line-height: 50px;font-size: 16px;}
    .price_nav li img{display: none;}
    .price_table table{width:100%}
    .price_nav{margin-bottom: 30px;}
    .price_table{margin-top: 0;}
    .price_table table th{padding: 10px 5px;line-height: 1;font-size: 14px;}
    .price_table table td{padding: 10px 5px;line-height: 1;font-size: 14px;}
    .email-se4 h2{font-size: 30px;}
    .email-se4 h4{font-size: 20px;}
    .price_nav li.on img{display: none !important;}
    .email-se4 .inner{padding:  0 0 !important;}
    .price_nav li:first-child:before {background: url(../images/xicon55on.png) center no-repeat;width:50px;height:50px;}
    .xmt-section1 ul li{margin-left: 15px;width: calc((100% - 30px)/2);margin-bottom: 15px;height:185px;}
    .xmt-section1 ul li:nth-child(2n+1){margin-left: 0;}
    .xmt-section1 .th h2,.xmt-section2 .th h2{font-size: 20px;}
    .xmt-section1 .th p ,.xmt-section1 .th p{font-size: 14px;}
    .xmt-section2,.xmt-section2 {padding: 30px 0;}
    .xmtbanner{height:250px;}
    .xmtbanner h2{font-size: 28px;line-height: 40px;}
    .xmtbanner .htxt p{font-size: 16px;}
    .xmtbanner .htxt span{font-size: 18px;}
    .xmt-section2 ul li{margin-left: 10px;width: calc((100% - 10px)/2);margin-bottom: 10px;}
    .xmt-section2 ul li:nth-child(2n+1){margin-left: 0;}
    .xmt-section2 ul li dt{font-size: 16px;}
    .xmt-section2 ul li {background-repeat:no-repeat ;background-position:center center;background-size:cover ;}
    .xmt-section2 ul li:first-child{background: url(../images/home-a1.jpg);}
    .xmt-section2 ul li:nth-child(2){background: url(../images/home-a2.jpg);}
    .xmt-section2 ul li:nth-child(3){background: url(../images/home-a3.jpg);}
    .xmt-section2 ul li:nth-child(4){background: url(../images/home-a4.jpg);}
    .xmt-section2 ul li:nth-child(5){background: url(../images/home-a5.jpg);}
    .xmt-section2 ul li:nth-child(6){background: url(../images/home-a6.jpg);}
    .xmt-section2 ul li:nth-child(7){background: url(../images/home-a7.jpg);}
    .xmt-section2 ul li:nth-child(8){background: url(../images/home-a8.jpg);}
    .xmt-section2 ul li img{display: none;}
    .xmt-section2 ul li dd{font-size: 12px;line-height: 20px;}
    .xmt-section2 ul li:hover dt{display: none;}
    .xmt-section2 ul li{height:180px;}
    .xmt-section3 ul li{width:50%;}
    .xmt-section3 .th h2{font-size:20px;}
    .xmt-section3 ul li span{font-size: 16px;}
    .xmt-section3 ul li div{padding: 0 15px;}
    .xmt-section3 ul li h2{font-size: 30px;}
    .xmt-section3 ul li p{font-size: 13px;}
    .xmt-section3 .th  p,.xmt-section2 .th  p,.xmt-section1 .th  p{font-size:14px;}
    .xmt-section1,.xmt-section2,.xmt-section3{padding:30px 0;}
    .xmt-section4 ul li{width:50%;margin-bottom: 15px;}
    .xmt-section1 ul li h3{font-size: 16px;}
    .xmt-section4 .th h2{font-size: 20px;}
    .xmt-section4 .th  p{font-size: 14px;}
    .xmt-section4 ul li h2{font-size: 16px;}
    .xmt-section5 ul li{width:calc((100% - 15px)/2);margin-left: 15px;margin-bottom: 15px;}
    .xmt-section5 ul li:nth-child(2n+1){margin-left: 0;}
    .xmt-section5 ul li h2{font-size: 16px;}
    .xmt-section5 .th h2{font-size: 20px;}
    .xmt-section5 .th  p{font-size: 14px;}
    .xmt-section5,.xmt-section7{padding: 30px 0;}
    .xmt-section5 ul,.xmt-section4 ul,.xmt-section3 ul,.xmt-section2 ul.xmt-section1 ul,.xmt-section7 ul{margin-top: 40px}
    .xmt-section6{display: none;}
    .xmt-section7 ul li{width:calc((100% - 15px)/2);margin-left: 15px;margin-bottom: 15px;}
    .xmt-section7 ul li:nth-child(2n+1){margin-left: 0;}
    .xmt-section7 ul li h2{font-size: 16px;}
    .xmt-section7 .th h2{font-size: 20px;}
    .xmt-section7 .th  p{font-size: 14px;}
    .ppbanner{height:250px;}
    .ppbanner h2 {font-size: 28px;line-height: 40px;}
    .ppbanner p{font-size: 16px !important;}
    .ppbanner span{font-size: 18px !important;margin-left: 15px;margin-right: 15px}
    .ppsection-1 h2{font-size: 20px;}
    .ppsection-1 p{font-size: 14px;}
    .ppsection-1{padding: 30px 0;}
    .ppsection-2 ul .p_n{display: none;}
    .ppsection-2 ul .li_l{float:none;width:100%;}
    .ppsection-2 ul .li_r{float:none;width:100%;margin-left: 0;}
    .ppsection-2{padding: 30px 0 20px  0;}
    .ppsection-2 ul h2{margin-bottom: 10px; font-size: 18px;}
    .ppsection-2 ul li{margin-bottom: 20px;}
    .ppsection-2 ul p{font-size: 14px;}
    .ppsection-3 ul li{float:none;margin-left: 0;width:100%;margin-bottom: 15px;}
    .ppsection-3 h2,.ppsection-4 h2,.ppsection-5 h2{font-size: 20px;line-height: 30px;}
    .ppsection-3  h3,.ppsection-4 h3,.ppsection-5 h3{font-size: 20px;line-height: 30px;}
    .ppsection-3{padding: 30px 0;}
    .ppsection-3 ul,.ppsection-4 ul{margin-top: 30px}
    .ppsection-4 ul li{margin-left: 15px;width:calc((100% - 15px)/2)}
    .ppsection-4 ul li:nth-child(2n+1){margin-left: 0;margin-bottom: 15px;}
    .ppsection-4 ul li h2{font-size: 20px;margin-bottom: 0;}
    .ppsection-4 ul li h3{font-size: 18px;}
    .ppsection-4 ul li img{width:100px;}
    .ppsection-5{padding: 30px 0;}
    .ppsection-4{padding: 30px 0 0 0;}
    .siteleft {float: none;width: 100%}
    .siteright {margin-left: 0;width: 100%;margin-top: 8px;}
    .sitemap h2{font-size: 18px;margin: 30px 0 15px 0;}
    .sitemap {margin-bottom: 30px;}
    #owl-demo .item{margin:  0 0;}
    .web_list  .customNavigation .next{right:0;}
    .web_list  .customNavigation .prev{left:0;}
    .web-sec-2{padding: 30px 0 30px 0;}
    .web-sec-3  ul li{width:calc((100% - 15px)/2);margin-left: 15px;height:130px;background: rgba(0,0,0,.5);}
    .web-sec-3  ul li:nth-child(2n+1){margin-left: 0;}
    .web-sec-3  ul li div{padding: 15px 15px;}
    .web-sec-3  ul li .r1{background: none;}
    .web-sec-3  ul{margin: 30px 0 0 0;}
    .web-sec-3{padding: 30px 0;}
    .web-sec-2 h3,.web-sec-3 h2{font-size: 20px;}
    .web-sec-3 h3{line-height: 20px;}
    .web_list  .customNavigation{z-index: 7;}
    .pp-sec-1 h3{font-size: 15px;}
    .pp-sec-1 h2{font-size: 20px;}
    .pp-sec-1,.pp-sec-2,.qy-sec-1,.zq-sec-1{padding: 30px 0;}
    .pp-sec-1 ul li{margin-left: 15px;width: calc((100% - 15px)/2);margin-bottom: 15px}
    .pp-sec-1 ul li:nth-child(2n+1){margin-left: 0;}
    .pp-sec-2 h3{font-size: 20px;}
    .pp-sec-2 h2{font-size: 14px;line-height: 22px;}
    .pp-sec-2 ul li{width: calc((100% - 2px)/2);margin-bottom: 15px}
    .qy-sec-1 h3{font-size:20px}
    .qy-sec-1 h2{font-size: 14px;}
    .qy-sec-1 ul li{float:left;width:calc((100% - 2px)/2);margin-bottom: 15px;}
    .qy-sec-1 ul li ._lcon{padding: 15px 15px;}
    .qy-sec-1 ul li .num_l{font-size: 28px;width:40px;}
    .qy-sec-1 ul li .num_r{margin-left: 45px;}
    .qy-sec-1 ul li {height:190px}
    .qy-sec-1 ul{margin-top: 30px}
    .zq-sec-1 h3{font-size:20px}
    .zq-sec-1 h2{font-size: 14px;}
    .zq-sec-1 ul li{width:33.3%;margin-bottom: 15px;}
    .zq-sec-1 ul,.zq-sec-3 ul{margin-top: 30px}
    .zq-sec-3 h2{font-size: 20px;}
    .zq-sec-3 ul li{width:calc((100% - 15px)/2);margin-left: 15px;margin-bottom: 15px;}
    .zq-sec-3 ul li:nth-child(2n+1){margin-left: 0;}
    .zq-sec-3{padding: 30px 0 15px 0;}
    .ss-sec-1{padding: 30px 0;}
    .ss-sec-1  h3{font-size: 20px;}
    .ss-sec-1  h2{font-size: 22px;line-height: 30px;}
    .ss-sec-1 ul li{width:50%;}
    .ss-sec-1 ul{margin-top: 30px}
    .ss-sec-2 h3{font-size: 20px;}
    .ss-sec-2 ul li{width:calc((100% - 2px)/2);height:95px;}
    .ss-sec-2 ul li ._bd{padding: 0 5px;}
    .ss-sec-2 ul li .i_r{margin-left: 65px;}
    .ss-sec-2{padding: 30px 0 10px 0;}
    .zt-sec-1{display: none;}
    .zt-sec-3 h2{font-size: 20px;}
    .zt-sec-3 ul li{width:calc((100% - 15px)/2);margin-left: 15px;margin-bottom: 15px;}
    .zt-sec-3 ul li:nth-child(2n+1){margin-left: 0;}
    .zt-sec-3{padding: 30px 0 15px 0;}
    .zt-sec-3 ul li .r1{padding: 25px 0;}
    .zt-sec-3 ul{margin-top: 30px}
    .zt-sec-2 .zt_l{display: none;}
    .zt-sec-2 .zt_r{float:none;width:100%;}
    .zt-sec-2 h2{font-size: 20px;}
    .zt-sec-2 .zt_r li{margin-bottom: 15px;padding-left: 30px;}
    .zt-sec-2 .zt_r ul{margin-left: 8px;margin-right: 8px;}
    .zt-sec-2{padding: 30px 0 15px 0;}
    .zq-sec-2 h2{font-size: 20px;}
    .zq-sec-2 h3{font-size: 14px;line-height: 22px;}
    .zq-sec-2  .qy_l{display: none;}
    .zq-sec-2  .qy_r{margin-left: 0;width:calc(100% - 35px);margin-left: 35px;margin-right: 0;}
    .zq-sec-2  .qy_r ul li i{width:70px;left:-35px;height:70px;line-height: 70px;}
    .zq-sec-2  .qy_r ul li i img{width:40px;}
    .zq-sec-2  .qy_r ul li{padding-left: 45px;margin-bottom: 15px}
    .zq-sec-2  .qy_r ul li h4{font-size: 16px;}
    .zq-sec-2 .qy{margin-top: 30px;}
    .zq-sec-2{padding: 30px 0 15px 0;}
    .zq-sec-1 ul li .ip{line-height: 22px;}
    .yx-sec-3 ul li{width:calc((100% - 3px)/3);height:116px}
    .yx-sec-3 h3{font-size: 20px;}
    .yx-sec-3{padding: 30px 0 10px 0;}
    .yx-sec-4 ul li{margin-left: 15px;width:calc((100% - 15px)/2);margin-bottom: 15px;}
    .yx-sec-4 ul li:nth-child(2n+1){margin-left: 0;}
    .yx-sec-4 ._tit{font-size: 20px;}
    .yx-sec-4{padding: 30px 0 15px 0;}
    .yx-sec-4 ._tit{margin-bottom: 30px}
    .yx-sec-1 {display: none;}
    .yx-sec-2{display: none;}
    .pre-list a,.next-list a{display: inline-block;}
     .new_main li{width:calc(100% - 30px);border-right:none;padding:20px 15px;height:180px;}
     .new_main li h3{font-size: 19px;}
     .newtitle h2{font-size: 16px;}
     .sbanner{height:150px;}
     #form_submit button{width:110px;height:40px;line-height: 40px;}
     #form_submit textarea{height:100px !important;}
     #form_submit .mt-4{margin-bottom: 10px;}
 }
 
@media  (max-width: 400px) {
	.ss-sec-2 ul li{height:110px}
	
}