@charset "utf-8";
/* CSS Document */
/*切图：bwh*/

.imgHover{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}


.indexTit_3{ width:100%; float:left; text-align:center; padding-bottom:21px; background:url(../images/index2_2.jpg) no-repeat center bottom; position:relative; z-index:6;}
.indexTit_3 h3{ width:100%; float:left; font-size:40px; color:#0759a2; line-height:56px; font-family:Arial; font-weight:bold;}
.indexTit_3 h4{ width:100%; float:left; font-size:36px; color:#3e3e3e; line-height:60px;}
.indexTit_3 .col1{ color:#0759a2; font-size:48px; padding:0 11px;}
.indexTit_5{ width:100%; float:left; text-align:center; margin-top:26px; font-size:15px; color:#727272; line-height:32px; position:relative; z-index:6;}


@media screen and (max-width:1199px) {

.indexTit_3 h3{ font-size:30px; line-height:46px;}
.indexTit_3 h4{ font-size:26px; line-height:50px;}
.indexTit_3 .col1{ font-size:38px;}
.indexTit_5{ margin-top:20px; font-size:13px; line-height:26px;}
}

@media screen and (max-width:767px) {

.indexTit_3{ padding-bottom:11px; background-size:auto 1px;}
.indexTit_3 h3{ font-size:20px; line-height:26px;}
.indexTit_3 h4{ font-size:18px; line-height:30px;}
.indexTit_3 .col1{ font-size:28px; padding:0 6px;}
.indexTit_5{ margin-top:10px; font-size:12px; line-height:22px;}

}


.PropNew{ float:left; width:100%; border-top:1px solid #cccccc; margin-top:32px; padding-top:8px;}
.PropNew ul{ margin:0 -27px;}
.PropNew li{ float:left; width:50%; padding:0 27px; margin-top:24px;}
.PropNew li a{ float:left; width:100%; padding:0 0 0 100px; position:relative;}
.PropNew .info{ float:left; width:100%;}
.PropNew .tit{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin:3px 0;}
.PropNew .p1{ float:left; width:100%; color:#727272; font-size:13px; line-height:28px; height:56px; overflow:hidden;}
.PropNew .data{ float:left; width:72px; height:72px; text-align:center; position:absolute; left:0; top:8px; background:url(../images/ino13.png) center no-repeat; background-size:100% 100%;}
.PropNew .days{ float:left; width:100%; color:#999999; font-size:40px; line-height:40px; font-family:Arial; margin:7px 0 8px 0;}
.PropNew .years{ float:left; width:100%; color:#999999; font-size:12px; line-height:12px; font-family:Arial;}
.PropNew li a:hover .data{ background:url(../images/ino14.png) center no-repeat; background-size:100% 100%;}
.PropNew li a:hover .days,
.PropNew li a:hover .years,
.PropNew li a:hover .tit{ color:#0759a2;}
@media screen and (max-width:1429px) {
.PropNew ul{ margin:0 -8px;}
.PropNew li{ padding:0 8px;}
	
}
@media screen and (max-width:1199px) {

.PropRight{ padding:0 4%;}	
}
@media screen and (max-width:991px) {
.caseLeft{ width:100%;}	
.PropLeft{ width:100%; position:static;}
	
.PropNew li{ width:100%; margin-top:12px;}
.PropNew li a{ padding-left:70px;}
.PropNew .tit{ margin:0;}
.PropNew .p1{ line-height:21px; height:42px;}
.PropNew .data{ top:5px; width:58px; height:58px; }
.PropNew .days{ font-size:24px; line-height:24px; margin:7px 0 8px 0;}
.PropNew{ margin-top:20px;}
}

.gray{ background:#f9f9f9;}
/*SEO*/
.indexTit_8{ float:left; width:100%; margin-top:1.78%;}
.indexTit_8 h5{ float:left; width:100%; text-align:center; color:#727272; font-size:16px; line-height:26px; text-transform:uppercase;}
.SEO2{ float:left; width:100%; padding:2.5% 0 4.16% 0; overflow:hidden;}
.SeoLIist2{ float:left; width:100%; margin-top:2.5%;}
.SeoLIist2 ul{ margin:0 -10px;}
.SeoLIist2 li{ float:left; width:50%; padding:0 10px; margin-top:20px;}
.SeoLIist2 .la{ float:left; width:100%; background:#fff; min-height:180px; padding:45px 12.6% 10px 202px; position:relative;}
.SeoLIist2 .info{ float:left; width:100%;}
.SeoLIist2 .tit{ float:left; width:100%; color:#0759a2; font-size:18px; line-height:26px;}
.SeoLIist2 .p1{ float:left; width:100%; color:#727272; font-size:16px; line-height:32px; margin-top:2px; text-transform:uppercase;}
.SeoLIist2 .data{ float:left; width:85px; height:85px; text-align:center; position:absolute; left:60px; top:50%; margin-top:-42px; background:url(../images/ino17.png) center no-repeat; background-size:100% 100%; color:#727272; font-size:54px; line-height:85px; font-family:Arial;}
.SeoLIist2 li a:hover:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.SeoLIist2 li a:hover .data{ background:url(../images/ino18.png) center no-repeat; background-size:100% 100%; color:#0759a2;}
@media screen and (max-width:1429px) {
.SeoLIist2 .la{ min-height:180px; padding:40px 4% 10px 142px;}	
.SeoLIist2 .p1{ font-size:15px; line-height:28px;}
.SeoLIist2 .data{ left:30px; }
}
@media screen and (max-width:1199px) {
.SeoLIist2 ul{ margin:0 -6px;}
.SeoLIist2 li{padding:0 6px; margin-top:12px;}
.SeoLIist2 .la{ min-height:180px; padding:25px 12px 10px 96px;}	
.SeoLIist2 .tit{ font-size:16px; line-height:24px;}
.SeoLIist2 .p1{ font-size:14px; line-height:24px;}
.SeoLIist2 .data{ left:15px;  width:66px; height:66px; line-height:66px; font-size:36px; margin-top:-33px;}
.indexTit_8 h5{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:991px) {
.SeoLIist2 li{ width:100%;}
.SeoLIist2 .la{ min-height:90px; padding:12px 12px 12px 96px;}
.SeoLIist2 .data{ /*top:16px;*/}

}


.SEO1{ float:left; width:100%; padding:2.5% 0 4.16% 0; overflow:hidden;}
.SeoLIist1{ float:left; width:100%; margin:6.85% 0 5.71% 0; position:relative;}
.SeoLIist1 .img{ display:block; margin:0 auto; width:250px; height:405px;}
.SeoLIist1 .left1{ float:left; width:34.28%; text-align:right; position:relative;}
.SeoLIist1 .info{ float:left; width:100%; color:#727272; font-size:16px; line-height:33px; text-align:right; padding:0 85px 0 0;}
.SeoLIist1 .ico{ float:right; width:66px; height:66px; position:absolute; right:0; top:0;}
.SeoLIist1 .col{ color:#0759a2;}

.SeoLIist1 .right1{ float:right; text-align:left;}
.SeoLIist1 .right1 .info{ float:left;}
.SeoLIist1 .dw1{ position:absolute; top:8.88%; left:0;}
.SeoLIist1 .dw2{ position:absolute; top:40.98%; left:0;}
.SeoLIist1 .dw3{ position:absolute; top:72.83%; left:0;}
.SeoLIist1 .dw4{ position:absolute; top:8.88%; right:0;}
.SeoLIist1 .dw5{ position:absolute; top:40.98%; right:0;}
.SeoLIist1 .dw6{ position:absolute; top:72.83%; right:0;}

.SeoLIist1 .dw4 .info,
.SeoLIist1 .dw5 .info,
.SeoLIist1 .dw6 .info{ text-align:left; padding:0 0 0 85px;}
.SeoLIist1 .dw4 .ico,
.SeoLIist1 .dw5 .ico,
.SeoLIist1 .dw6 .ico{ right:auto; left:0;}


.SeoBtn{ float:left; width:100%; text-align:center;}
.SeoBtn .btn1{ display:inline-block; background:#f1f1f1; padding:13px 40px; color:#727272; font-size:16px; line-height:34px; border-radius:70px;}
.SeoBtn .la{ display:inline-block; background:#0759a2; border-radius:3px; color:#fff; font-size:14px; line-height:34px; margin-left:35px; padding:0 20px;}
.SeoBtn .la:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.SeoBtn .col{ color:#0759a2;}
@media screen and (max-width:1429px) {
.SeoLIist1 .left1{ width:33%;}
}
@media screen and (max-width:1199px) {
.SeoLIist1 .info{ font-size:14px; line-height:26px; padding:0 68px 0 0;}
.SeoLIist1 .ico{ width:52px; height:52px;}
.SeoLIist1 .img{ width:196px; height:318px;}
.SeoLIist1 .dw4 .info,
.SeoLIist1 .dw5 .info,
.SeoLIist1 .dw6 .info{ text-align:left; padding:0 0 0 68px;}
.SeoBtn .la{ margin-left:20px; padding:0 15px;}
}
@media screen and (max-width:991px) {
.SeoLIist1 .left1{ width:35%;}	
.SeoLIist1 .info{ font-size:14px; line-height:26px; padding:0 64px 0 0;}
.SeoLIist1 .ico{ width:52px; height:52px;}
.SeoLIist1 .img{ width:166px; height:269px;}
.SeoLIist1 .dw4 .info,
.SeoLIist1 .dw5 .info,
.SeoLIist1 .dw6 .info{ text-align:left; padding:0 0 0 64px;}
.SeoBtn .btn1{ padding:7px 20px; font-size:14px; line-height:26px;}
.SeoBtn .la{ font-size:12px; line-height:26px; margin-left:15px; padding:0 12px;}

}
@media screen and (max-width:767px) {
.SeoLIist1{ margin:3% 0 5.71% 0;}	
.SeoLIist1 .left1{ width:100%; padding:0; position:relative; margin-top:15px;}	
.SeoLIist1 .info{ font-size:14px; line-height:22px; text-align:left; padding:0 0 0 50px;}
.SeoLIist1 .ico{ width:44px; height:44px; right:auto; left:0;}
.SeoLIist1 .img{ width:100px; height:162px; display:none;}
.SeoBtn .btn1{ padding:7px 20px; font-size:14px; line-height:26px; border-radius:10px;}
.SeoBtn .la{ display:block; margin:2px auto 5px auto; width:120px;}

}

.SEO3{ float:left; width:100%; padding:2.5% 0; position:relative; overflow:hidden;}
.SeoLIist3{ float:left; width:100%; margin-top:1.78%;}
.SeoLIist3 li{ float:left; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); margin:10px 0; padding:28px 13px 28px 5%;}
.SeoLIist3 .la{ float:left; width:100%; position:relative; min-height:90px;}
.SeoLIist3 .info{ float:left; width:100%; padding-left:255px;}
.SeoLIist3 .tit{ float:lef; width:100%; color:#0759a2; font-size:18px; line-height:26px;}
.SeoLIist3 .p1{ float:left; width:100%; color:#727272; font-size:16px; line-height:32px; margin-top:4px; }
.SeoLIist3 .data{ float:left; width:190px; height:90px; text-align:center; position:absolute; left:0; top:50%; margin-top:-45px; background:#0759a2; border-radius:10px; color:#fff; font-size:54px; line-height:90px; font-family:Arial;}
.SeoLIist3 li:hover{ box-shadow:0 0 0 rgba(0,0,0,0.1);}
@media screen and (max-width:1429px) {
.SeoLIist3 .info{ padding-left:220px;}
.SeoLIist3 .p1{ font-size:15px; line-height:28px;}
}
@media screen and (max-width:1199px) {
.SeoLIist3 li{ padding:20px 13px 20px 3%;}	
.SeoLIist3 .la{ min-height:66px;}
.SeoLIist3 .info{ padding-left:130px;}	
.SeoLIist3 .tit{ font-size:16px; line-height:24px;}
.SeoLIist3 .p1{ font-size:14px; line-height:24px;}
.SeoLIist3 .data{width:110px; height:66px; font-size:36px; line-height:66px; margin-top:-33px;}
}
@media screen and (max-width:991px) {
.SeoLIist3 li{ padding:15px 13px 15px 3%; margin:8px 0;}		
.SeoLIist3 .info{ padding-left:78px;}		
.SeoLIist3 .data{width:66px; height:34px; font-size:22px; line-height:34px; border-radius:6px; margin-top:-17px;}

}


.SEO4{ float:left; width:100%; padding:1.5% 0 4.16% 0; overflow:hidden;}
.SeoLIist4{ float:left; width:100%; }
.SeoLIist4 .hd{ float:left; width:100%; text-align:center; margin:2.42% 0 4.28% 0;}
.SeoLIist4 .hd ul{ display:inline-block;}
.SeoLIist4 .hd ul li{ float:left; color:#333333; font-size:18px; line-height:40px; padding:0 24px; cursor:pointer; margin:0 9px;}
.SeoLIist4 .hd ul li.on{ background:#0759a2; color:#fff;}
.SeoLIist4 .bd{ float:left; width:100%;}
.SeoMore{ float:left; width:100%; text-align:center; margin-top:2.14%;}
.SeoMore a{ display:block; margin:0 auto; width:140px; height:42px; line-height:42px; color:#fff; font-size:16px; background:#0759a2;}
.SeoMore a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.SeoNew1{ float:left; width:49.28%; padding:0; margin:0; border:none;}
.SeoNew1 .img{ float:left; width:100%; position:relative;}
.SeoNew1 .data{ top:0; width:68px; height:68px; background:#0759a2;}
.SeoNew1 .days{ color:#fff; font-size:24px; line-height:24px; margin:12px 0 8px 0;}
.SeoNew1 .years{ color:#fff;}
.SeoNew1 .tit{ margin:15px 0 2px 0;}
.SeoNew1 .p1{ line-height:24px; height:48px; margin:0;}
.SeoNew1 .more{ float:left; width:100%; color:#727272; font-size:14px; line-height:24px; padding-left:30px; margin-top:42px;}

.SeoNew1:hover .tit{ color:#0759a2;}
.SeoNew1:hover .more{ color:#0759a2;}

.SeoNew2{ float:left; width:49.14%; padding:0; margin:0; border:none;}
.SeoNew2 ul{ margin:0;}
.SeoNew2 li{ width:100%; margin:-8px 0 20px 0; padding:0 0 12px 0; border-bottom:1px solid #cccccc;}
.SeoNew2 li:last-child{ border:none;}


@media screen and (max-width:1199px) {
.SeoLIist4 .hd ul li{ padding:0 20px;  margin:0 5px;}
.SeoNew1 .data{ width:50px; height:50px;}
.SeoNew1 .days{ font-size:18px; line-height:18px; margin:8px 0 3px 0;}
}
@media screen and (max-width:991px) {
.SeoLIist4 .hd ul li{ font-size:16px; line-height:36px; padding:0 12px; margin:0 3px;}
.SeoNew2 li{ margin:-4px 0 16px 0;}

}
@media screen and (max-width:767px) {
.SeoLIist4 .hd ul{ width:100%;}	
.SeoLIist4 .hd ul li{ width:24%; font-size:15px; line-height:34px; padding:0; margin:0 0.5%;}
.SeoNew1{ width:100%;}
.SeoNew1 .tit{ margin:10px 0 2px 0;}
.SeoNew1 .more{ margin:5px 0 15px 0; padding-left:15px;}
.SeoNew2{ width:100%; border-top:1px solid #cccccc}
.SeoNew2 li{ width:100%; margin:0; padding:12px 0;}
.SeoMore a{ width:110px; line-height:36px; height:36px; font-size:15px;}
}

/*域名注册*/
.domName_bg5{ float:left; width:100%; overflow:hidden; padding:4.89% 0 3.125% 0; }
.domName5{ float:left; width:100%;margin-top:3.92%;}

@media screen and (max-width:991px) {
.domName_bg5{ padding:5% 0 6% 0; }
}

.domName_bg4{ float:left; width:100%; overflow:hidden; padding:4.89% 0 5.2% 0;}
.domName4{ float:left; width:100%;margin-top:2.71%;}
.domName4 ul{ margin:0 -8px;}
.domName4 li{ float:left; width:25%; padding:0 8px; margin-top:15px;}
.domName4 .la{ float:left; width:100%; background:#fff; text-align:center;}
.domName4 .ico{ float:left; width:100%; margin:14.79% 0 15px 0;}
.domName4 .ico .ino{ width:80px; height:80px;}
.domName4 .tit{ float:left; width:100%; color:#000000; font-size:20px; line-height:30px; padding:0 12px;}
.domName4 .p1{ float:left; width:100%; color:#333333; font-size:14px; line-height:28px; height:56px; overflow:hidden; padding:0 13%; margin:15px 0 13.9% 0;}
.domName4 .nub{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; padding:0 12px;}
.domName4 .nub .col2{ color:#0759a2;}
.domName4 .nub .col1{ color:#0759a2; font-size:18px; font-family:Arial; padding-left:5px;}
.domName4 .more{ float:left; width:100%; color:#666; font-size:14px; line-height:48px; text-align:center; background:#e3e3e3; margin-top:10.65%;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.domName4 .la:hover .ico .ino{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.domName4 .la:hover .more{ background:#0759a2; color:#fff;}
@media screen and (max-width:1429px) {
.domName4 .p1{ padding:0 6.5%;}
}
@media screen and (max-width:1199px) {
.domName4 .ico .ino{ width:60px; height:60px;}	
.domName4 .tit{ font-size:18px; line-height:26px;}
.domName4 .p1{ line-height:24px; height:48px;}
}
@media screen and (max-width:991px) {
.domName4 ul{ margin:0 -6px;}
.domName4 li{ padding:0 6px; margin-top:12px;}
.domName4 .ico{margin: 14.79% 0 10px 0;}
.domName4 .p1{ margin:8px 0 7% 0;}
.domName4 .more{ margin-top:7%;line-height:36px;}
}
@media screen and (max-width:767px) {
.domName4 li{ float:left; width:50%;}
}



.domName_bg3{ float:left; width:100%; overflow:hidden; padding:4.63% 0 4.68% 0;}
.domName3{ float:left; width:100%;margin-top:2.14%;}
.domName3 li{ float:left; width:33.33%; padding:0 0 0 7.5%; margin-top:5%;}
.domName3 .la{ float:left; width:100%; position:relative; min-height:61px; padding-left:86px;}
.domName3 .ico{ float:left; position:absolute; left:0; top:7px;}
.domName3 .ico .ino{ width:61px; height:61px;}
.domName3 .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;}
.domName3 .p1{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px;}
.domName3 .la:hover .ico .ino{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.domName3 .la:hover .tit{ color:#0759a2;}

@media screen and (max-width:1429px) {
.domName3 li{padding:0 0 0 2.5%;}
}
@media screen and (max-width:1199px) {
.domName3 li{padding:0;}
.domName3 .ico .ino{ width:56px; height:56px;}
.domName3 .la{ padding-left:70px;}
}
@media screen and (max-width:991px) {
.domName3 li{ width:50%;}
.domName3 .la{ padding-left:60px;}
.domName3 .tit{ font-size:18px; line-height:26px;}
.domName3 .p1{ line-height:22px; margin-top:2px;}
.domName3 .ico .ino{ width:46px; height:46px;}
}
@media screen and (max-width:767px) {
.domName3 li{width:100%;}
}


.domName_bg2{ float:left; width:100%; overflow:hidden; padding:4.89% 0 5.2% 0;}
.domName2{ float:left; width:100%;margin-top:2.71%;}
.domName2 ul{ margin:0 -9px;}
.domName2 li{ float:left; width:25%; padding:0 9px; margin-top:15px;}
.domName2 .la{ float:left; width:100%; background:#fff; padding:17.85% 13% 14px 13%}
.domName2 .ico{ float:left; width:100%; text-align:center;}
.domName2 .ico .ino{ width:100px; height:100px;}
.domName2 .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; font-weight:bold; text-align:center; margin:12px 0 14px 0;}
.domName2 .line{ float:left; width:100%;}
.domName2 .line span{ display:block; margin:0 auto; width:87px; height:1px; background:#cccccc;}
.domName2 .p1{ float:left; width:100%; color:#333333; font-size:14px; line-height:28px; min-height:196px; margin-top:12px;}
.domName2 .la:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.domName2 .la:hover .ico .ino{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.domName2 .la:hover .tit{ color:#0759a2;}

@media screen and (max-width:1429px) {
.domName2 .la{ padding:15% 6.5% 14px 6.5%;}
.domName2 .ico .ino{ width:80px; height:80px;}
}
@media screen and (max-width:1199px) {
.domName2 .la{ padding:15% 12px 14px 12px;}	
.domName2 .tit{ font-size:18px; line-height:28px;}
.domName2 .p1{ line-height:26px; min-height:182px;}
.domName2 .ico .ino{ width:60px; height:60px;}

}
@media screen and (max-width:991px) {
.domName2 ul{ margin:0 -6px;}
.domName2 li{ width:50%; padding:0 6px; margin-top:12px;}
.domName2 .la{ padding:20px 12px 15px 12px;}
}
@media screen and (max-width:767px) {
.domName2 li{width:100%;}
.domName2 .p1{ min-height:52px;}
}

.domName_bg1{ float:left; width:100%; padding:2.18% 0 4.16% 0; overflow:hidden;}
.domName1{ float:left; width:100%; margin-top:2.57%;}

/*NewInfo_Bg5*/
.NewInfo_Bg5{ float:left; width:100%; overflow:hidden;}
.NewInfo5{ float:left; width:100%; margin-top:3.92%;}
.NewInfo5 .hd{ float:left; width:100%; margin-bottom:2.14%; text-align:center;}
.NewInfo5 .hd ul{ display:inline-block;}
.NewInfo5 .hd li{ float:left; background:#fff; margin:0 10px; border-radius:10px; background:#3c3c3c; color:#fff; font-size:24px; line-height:57px; width:174px; cursor:pointer;}
.NewInfo5 .hd li.on{ background:#0759a2;}
.NewInfo5 .bd{ float:left; width:100%;}
.NewInfo5 .bd ul{ margin:0 -15px;}
.NewInfo5 .bd li{ float:left; width:33.33%; margin-top:30px; padding:0 15px;}
.NewInfo5 .bd li a{ float:left; width:100%; background:#f7f7f7; padding:25px 20px 35px 30px; min-height:260px;}
.NewInfo5 .bd .line{ float:left; width:100%; margin:25px 0 23px 0;}
.NewInfo5 .bd .line span{ float:left; width:56px; height:2px; background:#0c0b0b;}
.NewInfo5 .bd .p1{ float:left; width:100%; color:#999999; font-size:14px; line-height:24px; overflow:hidden; height:96px;}
.NewInfo5 .bd .newtop{ float:left; width:100%; position:relative;}
.NewInfo5 .bd .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; padding-right:52px;}
.NewInfo5 .bd .time{ float:left; color:#999999; font-size:14px; line-height:24px; position:absolute; right:0; top:0;}

.NewInfo5 .bd li a:hover .tit{ color:#0759a2;}
.NewInfo5 .bd li a:hover .line span{ background:#0759a2;}

@media screen and (max-width:1429px) {

.NewInfo5 .bd ul{ margin:0 -10px;}
.NewInfo5 .bd li{ margin-top:20px; padding:0 10px;}	
.NewInfo5 .bd li a{ padding:20px 15px 20px 20px;}		
.NewInfo5 .bd .line{ margin:12px 0;}
.NewInfo5 .bd .line span{ width:60px;}
.NewInfo5 .hd li{ margin:0 8px; border-radius:6px; font-size:20px; line-height:48px; width:140px;}

}
@media screen and (max-width:1199px) {
.NewInfo5 .bd li a{ padding:20px 15px;}
}
@media screen and (max-width:991px) {
	
.NewInfo5 .hd li{ margin:0 3px; font-size:15px; line-height:36px; width:80px;}
	
.NewInfo5 .bd ul{ margin:0 -6px;}
.NewInfo5 .bd li{ width:100%; margin-top:12px; padding:0 6px;}	
.NewInfo5 .bd li a{ padding:15px 10px; min-height:auto;}
.NewInfo5 .bd .line{ margin:6px 0;}
.NewInfo5 .bd .line span{ height:1px; width:40px;}
.NewInfo5 .bd .p1{ font-size:14px; line-height:24px; height:48px;}
.NewInfo5 .bd .tit{ font-size:18px; line-height:28px;}
.NewInfo5 .bd .time{ line-height:28px;}

}
@media screen and (max-width:767px) {
.NewInfo5 .bd ul{ margin:0 -4px;}
.NewInfo5 .bd li{ margin-top:8px; padding:0 4px;}
.NewInfo5 .bd .tit{ padding:0; font-size:16px; line-height:22px;}	
.NewInfo5 .bd .time{ position:relative; font-size:14px; line-height:20px;}
.NewInfo5 .bd .line span{ width:30px;}
}
@media screen and (max-width:374px) {

.NewInfo5 .hd li{ margin:0 2px; font-size:13px; line-height:30px; width:68px;}

}





/*网站建设-模板建站*/
.TempEst_Bg6{ float:left; width:100%; overflow:hidden; padding:2.7% 0 3.125% 0;}
.TempEst6{ float:left; width:100%; margin-top:3.42%;}
.TempEst6 ul{ margin:0 -15px;}
.TempEst6 li{ float:left; width:50%; padding:0 15px; margin-top:20px;}
.TempEst6 .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; background:#0759a2; padding:16px 4.37%;}
.TempEst6 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:27px; background:#f9f9f9; padding:24px 4.37% 28px 4.37%;}
.TempEst6 .p1{ float:left; width:100%; min-height:54px;}
@media screen and (max-width:1429px) {
.TempEst6 ul{ margin:0 -10px;}
.TempEst6 li{ padding:0 10px;}
.TempEst6 .tit{ font-size:17px; line-height:27px;}
.TempEst6 .info{ font-size:15px; line-height:26px;}

}
@media screen and (max-width:1199px) {
.TempEst6 ul{ margin:0 -8px;}
.TempEst6 li{ padding:0 8px; margin-top:15px;}
}
@media screen and (max-width:991px) {
.TempEst_Bg6{ padding:3.125% 0;}	
.TempEst6 li{ width:100%; margin-top:12px;}
.TempEst6 .tit{ font-size:16px; line-height:26px; padding:8px 4.37%;}
.TempEst6 .info{ font-size:14px; line-height:24px; padding:12px 4.37% 14px 4.37%;}
}

.TempEst_Bg5{ float:left; width:100%; overflow:hidden; padding:1.71% 0 3.75% 0;}
@media screen and (max-width:991px) {
.TempEst_Bg5{ padding:3.75% 0;}	

}

.TempEst_Bg4{ width:100%; float:left; padding:2.23% 0 2.5% 0; overflow:hidden;}
.TempEst4{ width:100%; float:left; margin-top:3.42%;}
.TempEst4 .z_div{ position:relative; z-index:33; margin:5px 0;}
.TempEst4 .p{ width:100%; float:left; height:189px; font-size:20px; color:#666666; line-height:30px;  overflow:hidden; text-align:center;}
.TempEst4 .bian{ width:100%; float:left; margin:0 0 15px 0;}
.TempEst4 .bian img{ display:block; width:98%; margin:0 auto;}
.TempEst4 .bian .img1{ display:block;}
.TempEst4 .bian .img2{ display:none;}
.TempEst4 .info{ float:left; width:94%; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.1); margin:0 3%; padding:11px 6px 44px 6px; position:relative; z-index:6;}
.TempEst4 .info h6{ width:100%; float:left; font-size:16px; color:#999999; line-height:24px;}
.TempEst4 .info h5{ width:100%; float:left; font-size:18px; color:#333333; line-height:26px;}
.TempEst4 .time{ width:100%; height:138px; padding-bottom:60px; margin-top:-40px;  position:relative; float:left; text-align:center; z-index:8;}
.TempEst4 .time .ico{ display:inline-block; *zoom:1; *display:inline; width:80px; height:80px; background:#0759a2; position:relative;text-align:center;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;}
.TempEst4 .time .ico h3{ width:100%; float:left; font-size:24px; color:white; line-height:80px;font-family: 'Arial';}
.TempEst4 .time .ico svg{ display:block; width:1px; height:60px; background:#0759a2; position:absolute; left:50%; bottom:-60px; margin-left:-1px;}
.TempEst4 .l1 .time{ width:100%; height:138px; padding-bottom:0; padding-top:60px; margin-top:0;}
.TempEst4 .l1 .time .ico svg{ bottom:auto; top:-60px; height:60px;}
.TempEst4 .l1 .bian{ margin:15px 0 0 0;}
.TempEst4 .l1 .p{ padding-top:159px;}
.TempEst4 .l1 .info{  margin-top:-40px; padding:44px 6px 11px 6px;}

.TempEst4 .slick-prev,
.TempEst4 .slick-next {
	position: absolute;
	left: -50px;
	top: 50%;
	display: block;
	width: 38px;
	height: 66px;
	margin-top:-33px;
	background:url(../images/btn8_h.png) no-repeat left center; z-index:44;opacity:0.4; filter:alpha(opacity=40); 
}
.TempEst4 .slick-next {
	left: auto;
	right: -50px;
	background-position:right center;
}
.TempEst4 .slick-prev:hover,
.TempEst4 .slick-next:hover{opacity:1; filter:alpha(opacity=100); }
.TempEst4 .z_div:hover .time .ico{ background:#333333;}
.TempEst4 .z_div:hover .time .ico svg{ background:#333333;}
.TempEst4 .z_div:hover .bian .img1{ display:none;}
.TempEst4 .z_div:hover .bian .img2{ display:block;}

.TempEst4 .info h4{ width:100%; float:left; font-size:12px; color:#666666; line-height:24px; margin-bottom:3px;}

.HigCust4 .p{ height:202px;}
.HigCust4 .l1 .p{ padding-top:170px;}
.HigCust4 .info h4{ width:100%; float:left; font-size:14px; color:#666666; line-height:20px; min-height:60px; overflow:hidden; margin-bottom:3px;}
.HigCust4 .info h4 .sp1{ font-size:16px; color:#333;}
.HigCust4 .info{ width:110%; margin-left:-5%;}


@media screen and (max-width:1680px) {
.TempEst4 .slick-prev{ left:0;}
.TempEst4 .slick-next{ right:0;}
}
@media screen and (max-width:1429px) {
	
.HigCust4 .info{ width:100%; margin-left:0;}
}
@media screen and (max-width:1199px) {
.TempEst4 .info{ padding:8px 6px 36px 6px;}	
.TempEst4 .info h5{ font-size:16px; line-height:24px;}	
.TempEst4 .info h6{ font-size:14px; line-height:22px;}
.TempEst4 .p{ height:157px; font-size:18px; line-height:28px;}
.TempEst4 .time{ height:102px; padding-bottom:40px; margin-top:-31px;}
.TempEst4 .bian{ margin:0 0 6px 0;}
.TempEst4 .time .ico{ width:62px; height:62px;}
.TempEst4 .time .ico h3{ font-size:18px; line-height:62px; }
.TempEst4 .time .ico h6{ font-size:14px; line-height:18px;}
.TempEst4 .time .ico svg{ height:40px; bottom:-40px;}
.TempEst4 .l1 .info{ margin-top:-31px; padding:36px 6px 8px 6px ;}
.TempEst4 .l1 .time{ height:102px; padding-top:40px; padding-bottom:0;}
.TempEst4 .l1 .time .ico svg{ bottom:auto;top:-40px; height:40px;}
.TempEst4 .l1 .bian{ margin:4px 0 0 0;}
.TempEst4 .l1 .p{ padding-top:127px;}
.TempEst4 .slick-prev,
.TempEst4 .slick-next {
	width: 23px;
	height: 40px;
	margin-top:-20px;
	background-size:46px 40px !important;
}

.HigCust4 .info h4{ margin-bottom:-3px;}
.HigCust4 .p{ height:168px;}
.HigCust4 .l1 .p{ padding-top:127px;}
}
@media screen and (max-width:767px) {
.TempEst4 .p{ font-size:17px;}
}


.TempEst_Bg3{ float:left; width:100%; overflow:hidden; padding:2.18% 0 4.16% 0;}
.TempEst3{ float:left; width:100%; margin-top:2.71%;}
.TempEst3 ul{ margin:0 -10px;}
.TempEst3 li{ float:left; width:25%; padding:0 10px; margin-top:12px;}
.TempEst3 .la{ float:left; width:100%; background:#fff; text-align:center; padding:11% 11.94% 3.58% 11.94%;}
.TempEst3 .img{ float:left; width:100%; }
.TempEst3 .img .ico{ width:81px; height:75px;}
.TempEst3 .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin:13px 0 17px 0;}
.TempEst3 .info{ float:left; width:100%; color:#999999; font-size:18px; line-height:30px; min-height:150px;}
.TempEst3 .la:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);} 
.TempEst3 .la:hover .tit{ color:#0759a2;}
.TempEst3 .la:hover .img .ico{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}

@media screen and (max-width:1429px) {
.TempEst3 .la{ padding:11% 6% 3.58% 6%;}	
.TempEst3 .info{ font-size:16px; line-height:28px; min-height:140px;}
}
@media screen and (max-width:991px) {
.TempEst_Bg3{ padding:3.6% 0;}	
.TempEst3 ul{ margin:0 -6px;}	
.TempEst3 .la{ padding:20px 12px 15px 12px;}
.TempEst3 li{ width:50%; padding:0 6px;}	
.TempEst3 .img .ico{ width:60px; height:56px;}
.TempEst3 .tit{ font-size:18px; line-height:28px; margin:6px 0 8px 0;}
.TempEst3 .info{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px) {
.TempEst3 li{ width:100%;}
.TempEst3 .info{ min-height:auto;}
}


.TempEst_Bg2{ float:left; width:100%; overflow:hidden; padding:2.23% 0 0 0;}
.TempEst2{ float:left; width:100%; margin-top:2.57%;}
.TempEst2 ul{ margin:0 -8px;}
.TempEst2 li{ float:left; width:33.33%; padding:0 8px; margin-top:16px;}
.TempEst2 .la{ float:left; width:100%; background:#fff; padding:8.79% 4.24% 6.15% 4.24%; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.TempEst2 .img{ float:left; width:100%; text-align:center; }
.TempEst2 .img .ico{ width:100px; height:100px;}
.TempEst2 .tit{ float:left; width:100%; color:#3e3e3e; font-size:30px; line-height:40px; margin:15px 0 9.83% 0; text-align:center;}
.TempEst2 .info1{ float:left; width:100%; color:#0759a2; font-size:24px; line-height:34px; padding-left:11px; position:relative; margin-top:7px;}
.TempEst2 .info1::after{ float:left; width:2px; height:24px; position:absolute; left:0; top:5px; content:''; background:#0759a2;}
.TempEst2 .info2{ float:left; width:100%; color:#666666; font-size:16px; line-height:29px; min-height:87px; margin-top:8px; text-transform:uppercase;}
.TempEst2 .la:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);} 
.TempEst2 .la:hover .img .ico{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}

@media screen and (max-width:1429px) {
.TempEst2 .info2{ font-size:14px; line-height:26px; min-height:78px;}
.TempEst2 .info1{ font-size:18px; line-height:28px;}
.TempEst2 .info1::after{ width:1px; height:18px;}
.TempEst2 .tit{ font-size:24px; line-height:34px;}
.TempEst2 .img .ico{ width:80px; height:80px;}
}
@media screen and (max-width:991px) {
.TempEst2{ padding:3.6% 0;}	
.TempEst2 li{ width:50%;}
.TempEst2 .la{ padding:20px 12px 15px 12px;}
.TempEst2 .tit{ margin:15px 0 5px 0; }
.TempEst2 .img .ico{ width:70px; height:70px;}
}
@media screen and (max-width:767px) {
.TempEst2 li{ width:100%;}
.TempEst2 .info2{ min-height:auto;}
}

.TempEst_Bg7{ float:left; width:100%; background:#f9f9f9; overflow:hidden;}
.TempEst_Bg7 li{ float:left; width:100%; padding:4.28% 0 5% 0;}
.TempEst_Bg7 .info{ float:left; width:48.57%; margin-top:5.8%;}
.TempEst_Bg7 .tit{ float:left; width:100%; color:#000000; font-size:28px; line-height:38px;}
.TempEst_Bg7 .p1{ float:left; width:100%; color:#666666; font-size:22px; line-height:42px; margin-top:11px;}
.TempEst_Bg7 .img{ float:right; width:40%;}
.TempEst_Bg7 .li2{ background:#fff;}
.TempEst_Bg7 .li2 .img{ float:left;}
.TempEst_Bg7 .li2 .info{ float:right;}

@media screen and (max-width:1429px) {
.TempEst_Bg7 .tit{ font-size:24px; line-height:34px;}	
.TempEst_Bg7 .p1{ font-size:18px; line-height:30px;}
}
@media screen and (max-width:1199px) {
.TempEst_Bg7 .info{ width:50%;}
}
@media screen and (max-width:991px) {
.TempEst_Bg7 .info{ width:56%;}
}
@media screen and (max-width:767px) {
.TempEst_Bg7 .img{ width:100%; padding:0 20%;}	
.TempEst_Bg7 .info{ width:100%; margin-top:15px;}
.TempEst_Bg7 .tit{ font-size:20px; line-height:30px;}	
.TempEst_Bg7 .p1{ font-size:16px; line-height:28px; margin-top:6px;}
}

.TempEst_Bg1{ float:left; width:100%; overflow:hidden; padding:2.23% 0 3.64% 0;}
.TempEst1{ float:left; width:100%; margin-top:1.35%;}
.TempEst1 ul{ margin:0 -8px;}
.TempEst1 li{ float:left; width:33.33%; padding:0 8px; margin-top:12px;}
.TempEst1 .ln1{ float:left; width:100%; background:#0759a2; border-radius:3px 3px 0 0; text-align:center; padding:15px 12px;}
.TempEst1 .ln2{ float:left; width:100%; border:1px  solid #cccccc; border-top:none; border-radius:0 0 3px 3px; padding:9px 20px 38px 20px;}
.TempEst1 .tit1{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; font-weight:bold;}
.TempEst1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px;}
.TempEst1 .tit3{ float:left; width:100%; color:#060606; font-size:18px; line-height:28px; border-bottom:1px solid #cccccc; padding:5px 0;}
.TempEst1 .info1{ float:left; width:100%; margin:4px 0;}
.TempEst1 .info1_1{ min-height:168px;}
.TempEst1 .p1{ float:left; width:100%; color:#727272; font-size:16px; line-height:20px; padding:4px 0 4px 28px;}
.TempEst1 .ico1{ background:url(../images/temp11.png) left 5px no-repeat;}
.TempEst1 .ico2{ background:url(../images/temp12.png) left 5px no-repeat;}
.TempEst1 .info2{ float:left; width:100%; color:#727272; font-size:18px; line-height:42px; border-bottom:1px solid #e5e5e5; margin-top:4.84%;}
.TempEst1 .sp1{ color:#0759a2; font-size:24px; font-weight:bold; vertical-align:top;}
.TempEst1 .sp2{ color:#0759a2; font-size:32px; font-weight:bold; padding-right:20px;}
.TempEst1 .info3{ float:left; width:100%; color:#727272; font-size:18px; line-height:28px; padding:4.79% 0 9.35% 0;}
.TempEst1 .btn1{ float:left; width:100%;}
.TempEst1 .btn1 a{ float:left; width:100%; color:#fff; font-size:24px; line-height:60px; background:#0759a2; border-radius:3px; text-align:center;}
.TempEst1 .btn1 a:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}

@media screen and (max-width:1429px) {
.TempEst1 .tit1{ font-size:24px; line-height:34px;}	
.TempEst1 .tit2{ font-size:16px; line-height:26px;}
.TempEst1 .tit3{ font-size:16px; line-height:26px;}
.TempEst1 .info3{ font-size:16px; line-height:26px;}
.TempEst1 .info2{ font-size:16px; line-height:36px; }
.TempEst1 .sp1{ font-size:18px; }
.TempEst1 .sp2{ font-size:26px; padding-right:12px;}
.TempEst1 .btn1 a{ font-size:18px; line-height:46px;}
.TempEst1 .p1{ font-size:14px; padding:4px 0 4px 24px;}
.TempEst1 .ln2{ padding:9px 12px 38px 12px;}
}
@media screen and (max-width:1199px) {
.TempEst1 ul{ margin:0 -6px;}
.TempEst1 li{ padding:0 6px;}
.TempEst1 .info1_1{ min-height:188px;}
.TempEst1 .ln2{ padding:9px 12px 25px 12px;}
}

@media screen and (max-width:991px) {
.TempEst1 li{ width:100%;}
.TempEst1 .info1_1{ min-height:auto;}
.TempEst1 .ln1{ padding:8px 12px;}
.TempEst1 .ln2{ padding:5px 12px 20px 12px;}
.TempEst1 .info2{ margin-top:0;}
.TempEst1 .info3{ padding:10px 0 15px 0;}
.TempEst1 .tit1{ font-size:20px; line-height:30px;}
.TempEst1 .sp2{ font-size:22px;}
}


.BraCaseList{ width:100%; float:left; margin-top:20px; overflow:hidden;}
.BraCaseList .ul1{ margin:0 -8px;}
.BraCaseList li{ width:33.333%; float:left; padding:0 8px; margin-top:40px;}
.BraCaseList li .zbox{ width:100%; float:left;}
.BraCaseList li .zbox .img{ width:100%; float:left; position:relative; background:black; overflow:hidden; text-align:center;}
.BraCaseList li .zbox .img img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.BraCaseList li .zbox:hover .img > img{ opacity:0.5;
		transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.BraCaseList li .zbox .img .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.BraCaseList li .zbox .img .name{ width:100%; padding:0 50px; position:absolute; left:0; top:50%; margin-top:-82px; padding-bottom:22px; background:url(../images/bian_3.png) no-repeat center bottom; font-size:20px; color:white; line-height:30px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.BraCaseList li .zbox .img .p{ width:100%; padding:0 76px; position:absolute; left:0; top:50%; font-size:14px; color:white; line-height:24px; height:48px; overflow:hidden; opacity:0; margin-top:-33px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.BraCaseList li .zbox .img .more{ width:100%; position:absolute; left:0; top:50%; opacity:0; margin-top:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.BraCaseList li .zbox .img .more a{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.BraCaseList li .zbox .img .more a img{ width:100%; float:left;}
.BraCaseList li .zbox:hover .img .bian{ opacity:1; width:90%; height:90%; left:5%; top:5%;}
.BraCaseList li .zbox:hover .img .name{ opacity:1; margin-top:-102px;}
.BraCaseList li .zbox:hover .img .p{ opacity:0.6;}
.BraCaseList li .zbox:hover .img .more{ opacity:1; margin-top:47px;}
.BraCaseList li .zbox .img .more a:hover{ box-shadow:0 0 12px rgba(255,255,255,0.6);}
.BraCaseList li .zbox .title{ width:100%; float:left; margin-top:21px;}
.BraCaseList li .zbox .title h4{ width:100%; float:left; padding-right:35px; position:relative; border-bottom:dotted 1px #b2b2b2; padding-bottom:10px;}
.BraCaseList li .zbox .title h4 a{ display:block; width:100%; float:left; font-size:20px; color:#333; line-height:38px;}
.BraCaseList li .zbox .title h4 span{ position:absolute; right:0; top:0;}
.BraCaseList li .zbox .title .p{ display:none; width:100%; float:left; margin-top:10px; padding-top:12px; border-top:dotted 1px #b2b2b2; height:42px;}
.BraCaseList li .zbox .title .p .p_l{ float:left; font-size:14px; color:#666; line-height:30px;}
.BraCaseList li .zbox .title .p .p_l span{ display:block; float:left; margin-right:18px;}
.BraCaseList li .zbox .title .p .p_l span img{ height:100%; float:left; margin-right:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.BraCaseList li .zbox .title .p .p_l span:hover img,.BraCaseList li .zbox .title .p .p_r:hover img{ transform:rotateY(180deg);}
.BraCaseList li .zbox .title .p .p_r{ float:right; height:30px;}
.BraCaseList li .zbox .title .p .p_r img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.BraCaseList li .zbox .title h4 a:hover{ color:#0759a2;}

@media screen and (max-width:1199px) {

.BraCaseList li{ margin-top:25px;}
.BraCaseList li .zbox .img .name{ padding:0 30px; margin-top:-42px; padding-bottom:12px; font-size:16px;line-height:24px; }
.BraCaseList li .zbox .img .p{ padding:0 36px; font-size:12px; line-height:22px; height:44px;margin-top:-13px;}
.BraCaseList li .zbox .img .more{ margin-top:17px;}
.BraCaseList li .zbox .img .more a{ width:21px; height:21px;}
.BraCaseList li .zbox:hover .img .name{ margin-top:-62px;}
.BraCaseList li .zbox:hover .img .more{ margin-top:47px;}
.BraCaseList li .zbox .title{ margin-top:11px;}
.BraCaseList li .zbox .title h4{ padding-right:25px;}
.BraCaseList li .zbox .title h4 a{ font-size:16px; line-height:28px;}
.BraCaseList li .zbox .title h4 span{ width:20px;}
.BraCaseList li .zbox .title .p{ margin-top:10px; padding-top:6px; height:30px;}
.BraCaseList li .zbox .title .p .p_l{ font-size:12px; line-height:24px;}
.BraCaseList li .zbox .title .p .p_l span{ margin-right:8px; height:24px;}
.BraCaseList li .zbox .title .p .p_l span img{ margin-right:2px;}
.BraCaseList li .zbox .title .p .p_r{ height:24px;}

.indexTit_5{ margin-top:20px; font-size:13px; line-height:26px;}
}
@media screen and (max-width:991px) {

.BraCaseList li{ margin-top:18px;}
}
@media screen and (max-width:767px) {
.BraCaseList{ margin-top:0;}
.BraCaseList li{ width:100%;}


.indexTit_5{ margin-top:10px; font-size:12px; line-height:22px;}
}


/*网站建设-高端定制*/
.HigCust_bg1{ float:left; width:100%; overflow:hidden; padding:2.23% 0 3% 0;}
.HigCust1{ float:left; width:100%; margin-top:3.78%; padding:0 4.64%;}
.HigCust1 li{ float:left; width:16.66%; text-align:center;}
.HigCust1 .ico{ float:left; width:100%;}
.HigCust1 .ico .ino{ width:128px; height:128px;}
.HigCust1 .info{ float:left; width:100%; margin-top:43px; border-right:1px solid #cccccc;}
.HigCust1 li:last-child .info{ border:none;}
.HigCust1 .tit{ float:left; width:100%; color:#666666; font-size:48px; line-height:48px;}
.HigCust1 .p1{ float:left; width:100%; color:#cccccc; font-size:14px; line-height:14px; text-transform:uppercase; margin-top:20px;}
.HigCust1 li:hover .tit{ color:#0759a2;}
.HigCust1 li:hover .ico .ino{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
@media screen and (max-width:1429px) {
.HigCust1{ padding:0;}	
.HigCust1 .ico .ino{ width:108px; height:108px;}	
.HigCust1 .tit{ font-size:36px; line-height:36px;}
}
@media screen and (max-width:1199px) {
.HigCust1 .info{ margin-top:30px;}	
.HigCust1 .ico .ino{ width:88px; height:88px;}	
.HigCust1 .tit{ font-size:26px; line-height:26px;}
.HigCust1 .p1{ margin-top:10px; font-size:12px; line-height:12px;}
}
@media screen and (max-width:991px) {
.HigCust1 .ico .ino{ width:70px; height:70px;}	
.HigCust1 .tit{ font-size:22px; line-height:22px;}
.HigCust1 .info{ margin-top:15px;}	

}
@media screen and (max-width:767px) {
.HigCust1 li{ width:33.33%; margin:8px 0;}	
.HigCust1 li:nth-child(3n) .info{ border:none;}
}



.HigCust_bg6{ float:left; width:100%; overflow:hidden; padding:0 0 2.08% 0;}
.HigCust_bg5{ float:left; width:100%; overflow:hidden; padding:2.23% 0 5px 0;}


.HigCust2{ float:left; width:100%; margin-top:2.78%;}
.HigCust2 ul{ margin:0 -8px;}
.HigCust2 li{ float:left; width:33.33%; padding:0 8px; margin-top:16px;}
.HigCust2 .la{ float:left; width:100%; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1); padding:21px 20px 19px 120px; position:relative;}
.HigCust2 .info{ float:left; width:100%; padding-left:12px; min-height:90px; }
.HigCust2 .tit{ float:left; width:100%; color:#666666; font-size:20px; line-height:30px;}
.HigCust2 .p1{ float:left; width:100%; color:#999999; font-size:14px; line-height:28px; min-height:56px; margin-top:4px; text-transform:uppercase;}
.HigCust2 .data{ float:left; width:120px; text-align:center; position:absolute; left:0; top:50%; margin-top:-40px; color:#0759a2; font-size:80px; line-height:80px; font-family:Arial; font-weight:bold;}
.HigCust2 li a:hover:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.HigCust2 li a:hover .tit{ color:#0759a2;}


@media screen and (max-width:1429px) {
.HigCust2 .data{ width:100px; font-size:60px; line-height:60px; margin-top:-30px;}
.HigCust2 .la{ padding:21px 15px 19px 100px;}
.HigCust2 .info{ padding-left:0;}
.HigCust2 .p1{ line-height:24px; min-height:72px;}

}
@media screen and (max-width:1199px) {
.HigCust2 ul{ margin:0 -6px;}
.HigCust2 li{padding:0 6px; margin-top:12px;}
.HigCust2 .la{ padding:15px 12px 15px 70px; }
.HigCust2 .tit{ font-size:16px; line-height:24px;}
.HigCust2 .data{ width:70px; line-height:40px; font-size:40px; margin-top:-20px;}

}
@media screen and (max-width:991px) {
.HigCust2 li{ width:100%;}
.HigCust2 .info{ min-height:auto;}
.HigCust2 .p1{ min-height:auto;}
}




.HigCust_bg3{ float:left; width:100%; overflow:hidden; padding:2.23% 0 5px 0; position:relative;}
.HigCust3{ float:left; width:100%;margin-top:3.07%; position:relative; z-index:77;}
.HigCust3 ul{ margin:0 -8px;}
.HigCust3 li{ float:left; width:25%; padding:0 8px; margin-top:12px;}
.HigCust3 .la{ float:left; width:100%; background:#fff; padding:20.71% 12px 17.75% 12px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.HigCust3 .ico{ float:left; width:100%; text-align:center;}
.HigCust3 .ico .ino{ width:109px; height:109px;}
.HigCust3 .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; text-align:center; margin-top:10.84%;}
.HigCust3 .line{ float:left; width:100%; margin:5px 0;}
.HigCust3 .line span{ display:block; margin:0 auto; width:38px; height:2px; background:#333333;}
.HigCust3 .p1{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; text-align:center;}
.HigCust3 .la:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.HigCust3 .la:hover .ico .ino{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.HigCust3 .la:hover .tit{ color:#0759a2;}


.HigCust3_1{ padding:0 1.78%; margin-top:1.07%;}
.HigCust3_1 ul{ margin:0;}
.HigCust3_1 li{ width:33.33%; padding:0 1.78%; margin-top:40px;}
.HigCust3_1 .la{ padding:40px 7.5% 30px 7.5%;}
.HigCust3_1 .nub{ float:left; width:100%;}
.HigCust3_1 .nub span{ display:block; margin:0 auto; width:42px; line-height:42px; color:#fff; background:#0759a2; font-family:Arial; font-size:30px; border-radius:50%; text-align:center;}
.HigCust3_1 .tit{ font-weight:bold; color:#727272; font-size:28px; line-height:38px; margin-top:16px;}
.HigCust3_1 .line{ margin:15px 0 17px 0;}
.HigCust3_1 .line span{ width:62px; background:#727272;}
.HigCust3_1 .p1{ line-height:32px; min-height:96px;}

@media screen and (max-width:1429px) {
.HigCust_bg3::after{ height:66px;}	
.HigCust3 .la{ padding:16% 12px 15% 12px;}
.HigCust3 .tit{ margin-top:6%;}
.HigCust3 .ico .ino{ width:80px; height:80px;}

.HigCust3_1{ padding:0 0.89%; margin-top:2.5%;}
.HigCust3_1 li{ padding:0 0.89%; margin-top:20px;}
.HigCust3_1 .la{ padding:40px 7.5% 30px 7.5%;}
.HigCust3_1 .tit{ font-size:24px; line-height:34px; margin-top:12px;}
.HigCust3_1 .line{ margin:10px 0 12px 0;}
.HigCust3_1 .line span{ width:42px;}
.HigCust3_1 .p1{ line-height:26px; min-height:78px;}

}
@media screen and (max-width:1199px) {
.HigCust3 .tit{ font-size:18px; line-height:28px;}
.HigCust3 .p1{ line-height:26px;}
.HigCust3 .ico .ino{ width:60px; height:60px;}

.HigCust3_1{ padding:0;}
.HigCust3_1 li{ padding:0 0.89%; margin-top:20px;}
.HigCust3_1 .la{ padding:40px 3.8% 30px 3.8%;}
.HigCust3_1 .tit{ font-size:20px; line-height:30px; margin-top:12px;}

}
@media screen and (max-width:991px) {
.HigCust_bg3{ padding:3.16% 0 5px 0;}	
.HigCust3 ul{ margin:0 -6px;}
.HigCust3 li{ width:50%; padding:0 6px; margin-top:12px;}
.HigCust3 .la{ padding:20px 12px 15px 12px;}
.HigCust3 .tit{ margin-top:10px;}

.HigCust3_1 .nub span{ width:34px; line-height:34px; font-size:20px;}

}
@media screen and (max-width:767px) {
.HigCust3 li{width:100%;}
.HigCust3 .p1{ font-size:14px;}
.HigCust3 .line span{ height:1px;}

.HigCust3_1 .p1{ min-height:auto;}
.HigCust3_1 .line{ margin:5px 0 6px 0;}


}


/*indexNew*/
.indexNew{ width:100%; float:left; padding:5.2% 0 5.2% 0; overflow:hidden;}
.indexNew .newsTxtBox{ float:right;}
.indexNew .newsTxtBox .hd{ float:left; position:relative; margin-right:-25px;}
.indexNew .newsTxtBox .hd ul{ float:left; margin-top:70px; width:100px;}
.indexNew .newsTxtBox .hd ul li{ float:left; margin-top:13px; width:70px; height:79px; text-align:center; padding:17px 5px 0 5px; background:url(../images/index7.png) no-repeat center center; background-size:contain; margin-right:25px; font-size:18px; color:#717171; line-height:23px; cursor:pointer;}
.indexNew .newsTxtBox .hd ul li.on{ background-image:url(../images/index7_h.png); color:white;}
.indexNew .newsTxtBox .bd{ float:right;}
.indexNew .newsTxtBox .bd ul{ float:left; width:960px;}
.indexNew .newsTxtBox .bd ul li{ float:left; width:46%; margin-left:4%; padding:42px 0 33px 16px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin-top:-1px;}
.indexNew .newsTxtBox .bd ul li .title{ padding-left:22px; padding-right:88px; position:relative; font-size:16px; color:#333; line-height:24px; background:url(../images/index7_1.png) no-repeat left center;}
.indexNew .newsTxtBox .bd ul li .title .time{ position:absolute; right:0; top:0; font-size:20px; color:#999;font-family: 'OPENSANS-LIGHT';}
.indexNew .newsTxtBox .bd ul li .p{ padding-left:22px; padding-right:88px; margin-top:14px; font-size:14px; color:#999; line-height:28px; height:56px; overflow:hidden; background:url(../images/index7_2.png) no-repeat right 70%;}
.indexNew .newsTxtBox .bd ul li:hover .title{ color:#0759a2; background-image:url(../images/index7_1_h.png);}

.indexTit_4{ width:286px; float:left; margin-top:13px;}
.indexTit_4 h2{ width:100%; font-size:70px; color:#0759a2; line-height:78px; font-weight:bold; text-transform:capitalize; font-family:Arial; padding-top:9px; padding-left:20px;  background:url(../images/index2_4.png) no-repeat left top;}
.indexTit_4 h4{ width:100%; font-size:40px; color:#0759a2; line-height:72px; letter-spacing:1px; font-family:Arial; position:relative; text-transform:capitalize; padding-left:20px;}
.indexTit_4 h4:before{ content:''; width:1000px; height:1px; background:#cdcdcd; position:absolute; right:0; bottom:-6px;}
.indexTit_4 h3{ width:100%; font-size:40px; color:#565656; line-height:54px; margin-top:35px; padding-bottom:32px; background:url(../images/index2_1.jpg) no-repeat 98% bottom; text-align:right;}
.indexTit_4 .p{ width:100%; font-size:15px; color:#5e5e5e; line-height:28px; margin-top:28px; text-align:right;}
.indexTit_4 .more{ width:100%; float:left; margin-top:32px;}
.indexTit_4 .more a{ display:block; float:right; width:111px; height:29px; line-height:29px; font-size:14px; color:#fff; background:#0759a2; text-align:center;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.indexTit_4 .more a:hover{ box-shadow:0 4px 5px rgba(0,0,0,0.2);}

@media screen and (max-width:1429px) {
.indexNew .newsTxtBox .bd ul{ width:740px;}
.indexNew .newsTxtBox .hd{ margin-right:-20px;}
.indexNew .newsTxtBox .hd ul li{ margin-right:20px;}

}
@media screen and (max-width:1199px) {

.indexNew .newsTxtBox .hd ul,
.indexNew .newsTxtBox .hd{ width:100%; margin-top:0; margin-bottom:5px;}
.indexNew .newsTxtBox .hd ul li{ margin-top:0; width:50px; height:59px; padding:12px 5px 0 5px; margin-right:0px; margin-left:10px; font-size:14px; line-height:18px;}
.indexNew .newsTxtBox .bd ul{ width:100%;}
.indexNew .newsTxtBox{ width:670px;}
.indexNew .newsTxtBox .bd ul li{ width:47%; margin-left:2%; padding:16px 0 13px 0px;}
.indexNew .newsTxtBox .bd ul li .title{ padding-left:16px; padding-right:60px; font-size:14px; line-height:22px;}
.indexNew .newsTxtBox .bd ul li .title .time{ font-size:16px;}
.indexNew .newsTxtBox .bd ul li .p{ padding-left:16px; padding-right:60px; margin-top:10px; font-size:12px; line-height:24px; height:48px;}

.indexTit_4 h3{ font-size:30px; line-height:44px;}
.indexTit_4 h4{ font-size:30px; line-height:62px;}
.indexTit_4 h2{ font-size:60px; line-height:68px;}
.indexTit_4 .p{ margin-top:20px;}
.indexTit_4 .more{ margin-top:24px;}

}
@media screen and (max-width:991px) {
.indexNew .newsTxtBox{ width:460px;}
.indexNew .newsTxtBox .bd ul li .title,
.indexNew .newsTxtBox .bd ul li .p{ padding-right:50px;}
.indexNew .newsTxtBox .hd ul li{ margin-left:5px;}
}
@media screen and (max-width:767px) {

.indexNew .newsTxtBox{ width:100%; margin-top:10px;}
.indexNew .newsTxtBox .hd ul{ width:100%; text-align:center;}
.indexNew .newsTxtBox .hd ul li{ display:inline-block; float:none; margin:0 2px;}
.indexNew .newsTxtBox .bd ul li{ width:100%; margin-left:0%;}

.indexTit_4{ width:100%; text-align:center; margin-top:0; padding:0; background:none;}
.indexTit_4 h2{ font-size:30px; line-height:36px;background: url(../images/index2_4.png) no-repeat center top; background-size:46px 46px; padding-left:0; padding-top:0;}
.indexTit_4 h4{ font-size:16px; line-height:26px;padding-left:0;}
.indexTit_4 h4:before{ right:50%; margin-right:-500px; bottom:-5px;}
.indexTit_4 h3{ font-size:16px; line-height:24px; margin-top:10px; padding-bottom:6px; background-size:auto 1px; text-align:center; background-position: center bottom;}
.indexTit_4 .p{ font-size:12px; line-height:20px; margin-top:10px; text-align:center;}
.indexTit_4 .more{ margin-top:8px; text-align:center;}
.indexTit_4 .more a{ height:24px; line-height:24px; font-size:12px; float:none; display:inline-block;}


}

/*首页Believe In Us*/
.indexBeli{ width:100%; float:left; padding:3.29% 0 4.28% 0; overflow:hidden; position:relative;}
.indexBeli .box1{ width:100%; float:left; margin-top:46px; background:white; box-shadow:0 3px 20px rgba(0,0,0,0.06); padding:0 10px; position:relative; z-index:10;}
.indexBeli .dl{ width:100%; float:left; margin:4.5% 0 5.64% 0; position:relative;}
.indexBeli .dl::after,
.indexBeli .dl::before{ float:left; width:2px; height:100%; background:#0759a2; position:absolute; left:33.3333%; margin-left:-1px; top:0; content:'';}
.indexBeli .dl::before{ left:66.6666%;}
.indexBeli .dl .dd{ width:33.333%; float:left; padding:0 3%;}

.indexBeli .dl .dd h4{ width:100%; font-size:30px; color:#56453c; line-height:30px; font-family:Arial; background:url(../images/index8_1.jpg) no-repeat left bottom; padding-bottom:17px;}
.indexBeli .dl .dd h3{ width:100%; font-size:22px; margin-top:6px; color:#0759a2; line-height:32px;}
.indexBeli .dl .dd .p{ width:100%; font-size:14px; margin-top:27px; color:#909090; line-height:24px;}


.indexTit_3_w h3,
.indexTit_3_w h4,
.indexTit_5_w{ color:white;}
.indexTit_3_w{background: url(../images/index2.jpg) no-repeat center bottom;}

.particles-js{ float:left; width:100%; height:500px; background:#000000; position:absolute; left:0; top:0; z-index:6;}
.particles-js canvas{opacity:0.7; filter:alpha(opacity=70);}

@media screen and (max-width:1199px) {
.particles-js{height:360px;}
.particles-js canvas{opacity:0.1; filter:alpha(opacity=10);}
.indexBeli .box1{ margin-top:26px;}
.indexBeli .dl .dd h4{ font-size:20px; line-height:28px; padding-bottom:10px;}
.indexBeli .dl .dd h3{ font-size:16px; line-height:26px;}
.indexBeli .dl .dd .p{ font-size:13px; margin-top:12px; }
.indexBeli .dl::after,
.indexBeli .dl::before{ width:1px;}

}

@media screen and (max-width:767px) {
.particles-js{height:260px;}
.particles-js canvas{opacity:0.2; filter:alpha(opacity=20);}
.indexBeli .box1{ margin-top:16px;}
.indexBeli .dl{ margin:2% 0; }
.indexBeli .dl::after,
.indexBeli .dl::before{ display:none;}
.indexBeli .dl .dd{ width:100%; border-bottom:1px solid #0759a2; padding:5% 3%;}
.indexBeli .dl .dd h4{ font-size:16px; line-height:24px; padding-bottom:5px;}
.indexBeli .dl .dd h3{ font-size:16px; margin-top:8px; line-height:26px;}
.indexBeli .dl .dd .p{ margin-top:10px; line-height:22px;}

.indexTit_3_w{ background-size:auto 1px;}

}

.HigCust_Bg7{ width:100%; float:left; padding:61px 0 5.26% 0; overflow:hidden; margin-top:1.13%;}
.HigCust7{ width:100%; float:left; }
.HigCust7 ul{ margin:0 -15px;}
.HigCust7 ul li{ width:50%; float:left; padding:0 15px;}
.HigCust7 ul li .zbox{ width:100%; float:left; height:340px; position:relative; text-align:center; background-size:cover; background-repeat:no-repeat; background-position: center center;}
.HigCust7 ul li .zbox .pf{ width: 234px; height:122px; position:absolute; left:50%; top:-61px; margin-left:-117px;}
.HigCust7 ul li .zbox h4{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:-68px; font-size:30px; color:white; line-height:42px; letter-spacing:5px;}
.HigCust7 ul li .zbox .more{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:-1px;}
.HigCust7 ul li .zbox .more a{ display:inline-block; *zoom:1; *display:inline; width:160px; height:44px; line-height:42px; border:solid 1px white; font-size:14px; color:white; cursor:pointer;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
}
.HigCust7 ul li.l2 .zbox h4{ color:#222;}
.HigCust7 ul li.l2 .zbox .more a{ border-color:#9a9fa2; color:#333;}
.HigCust7 ul li .zbox .more a:hover{ border-color:#9a9fa2; background:#9a9fa2; color:white;}
@media screen and (max-width:1199px) {
.HigCust_Bg7{ padding:35px 0 5.26% 0;}	
.HigCust7 ul{ margin:0 -8px;}
.HigCust7 ul li{ padding:0 8px;}	
.HigCust7 ul li .zbox{ height:240px;}
.HigCust7 ul li .zbox .pf{ width: 134px; height:70px; top:-35px; margin-left:-67px;}
.HigCust7 ul li .zbox h4{ margin-top:-48px; font-size:20px; line-height:32px;}
.HigCust7 ul li .zbox .more a{ width:100px; height:34px; line-height:32px; font-size:12px;}
}
@media screen and (max-width:767px) {
.HigCust_Bg7{ padding:20px 0 5.26% 0;}
.HigCust7 ul{ margin:0 -5px;}		
.HigCust7 ul li{ padding:0 5px;}
.HigCust7 ul li .zbox{ height:200px;}
.HigCust7 ul li .zbox .pf{ top:-20px; width: 100px; height:52px; margin-left:-50px;}
.HigCust7 ul li .zbox h4{ margin-top:-38px; font-size:16px; line-height:22px; padding:0 5px;}
.HigCust7 ul li .zbox .more{margin-top:10px;}
}


.HigCust_Bg6{ width:100%; float:left; padding:39px 0 45px 0; background:#f2f2f2; overflow:hidden;}
.HigCust6{ width:100%; float:left;}
.HigCust6 .li{ padding:0 20px; width:100%; float:left; margin-left:-1px; border-left:dashed 1px #a9a9a9;}
.HigCust6 .li .text{ width:auto; padding-left:90px; position:relative; min-height:68px;}
.HigCust6 .li .text .ico{ width:68px; height:68px; position:absolute; left:0; top:0; border:solid 1px #dbdbdb;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.HigCust6 .li .text .ico img{ width:100%; float:left;}
.HigCust6 .li .text h4{ width:100%; float:left; margin-top:7px; font-size:20px; color:#333; font-weight:bold; line-height:33px;}
.HigCust6 .li .text h4 span{ font-size:18px; color:#888;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase; margin-left:12px; padding-left:12px; background:url(../images/bian_5.jpg) no-repeat left center; font-weight:normal;}
.HigCust6 .li .text h5{ width:100%; float:left; font-size:14px; color:#666; line-height:26px;}
.HigCust6 .li:hover .text .ico{ transform:rotate(360deg);}
.HigCust6 .slick-dots {
	position: absolute;
	bottom: -25px; height:10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.HigCust6 .slick-dots li {
	position: relative; vertical-align:top;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	background:black;
	opacity:0.6;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;

}
.HigCust6 .slick-dots li.slick-active{
	opacity: 1;
}
@media screen and (max-width:1429px) {
.HigCust6 .li{ padding:0 10px; text-align:center;}
.HigCust6 .li .text{ padding-left:0;}
.HigCust6 .li .text .ico{ position:relative; display:inline-block; *zoom:1; *display:inline;}
.HigCust6 .li .text h4 span{margin-left:6px;padding-left:6px; font-size:16px;}
.HigCust6 .li .text h5{ font-size:13px; }
}
@media screen and (max-width:1199px) {

.HigCust6 .li .text .ico{ width:48px; height:48px;}
.HigCust6 .li .text h4{ margin-top:4px; font-size:16px; line-height:28px;}
.HigCust6 .li .text h4 span{ font-size:14px; margin-left:6px; padding-left:6px;}
.HigCust6 .li .text h5{ font-size:12px; line-height:22px;}

}
@media screen and (max-width:767px) {
.HigCust6 .li{ border:0;}
.HigCust6 .li .text .ico{ width:38px; height:38px;}
}



/*indexPro*/
.indexPro{ float:left; width:100%; background:#f9f9f9; padding:2.7% 0 4.16% 0; overflow:hidden;}
.indexProList{ float:left; width:100%; margin-top:3.42%;}
.indexProList li{ float:left; width:22%;}
.indexProList .topx{ float:left; width:100%; background:#dc1013; text-align:center; padding:17px 0 14px 0; margin-top:16px;}
.indexProList .topx .ico1{ float:left; width:100%; line-height:0;}
.indexProList .topx .ico1 img{ width:60px; height:54px;}
.indexProList .topx .tit1{ float:left; width:100%; color:#fff; font-size:18px; line-height:26px; font-weight:bold; margin:9px 0 7px 0;}
.indexProList .topx .info1{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px;}
.indexProList .downShow{ float:left; width:100%; text-align:center; padding:28px 0; height:384px; overflow:hidden; margin-bottom:9px;}
.indexProList .downShow .info2{ float:left; width:100%; color:#474747; font-size:14px; line-height:24px; margin:15px 0; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.indexProList li.li1 .downShow{ background:#e1e1e1;}
.indexProList li.li2 .downShow{ background:#ecebeb;}
.indexProList li.li3 .downShow{ background:#e7e7e7;}
.indexProList li.li4 .downShow{ background:#e1e0e1;}
.indexProList .downHide{ display:none; float:left; width:100%; background:#fff; height:393px; overflow:hidden; padding:35px; border:1px solid #0759a2;}
.indexProList .downHide .tit3{ float:left; width:100%; color:#474747; font-size:16px; line-height:24px; font-weight:bold; margin-bottom:8px;}
.indexProList .downHide .info3{ float:left; width:100%;}
.indexProList .downHide .sp3{ float:left; color:#707070; font-size:12px; line-height:18px; padding-left:7px; position:relative; margin-right:23px;}
.indexProList .downHide .sp3::after{ float:left; width:4px; height:4px; background:#0759a2; content:''; position:absolute; left:0; top:50%; margin-top:-2px;}
.indexProList .downHide .more4{ float:left; width:100%; border-bottom:1px solid #dbdbdd; padding:22px 0;}
.indexProList .downHide .more4 a{ float:left; width:76px; height:22px; color:#0759a2; font-size:12px; line-height:20px; border:1px solid #0759a2; text-align:center;}
.indexProList .downHide .more4 a:hover{ background:#0759a2; color:#fff; box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.indexProList .downHide .tit4{ float:left; width:100%; color:#474747; font-size:14px; line-height:24px; margin-top:10px;}
.indexProList .downHide .info4{ float:left; width:100%; color:#707070; font-size:12px; line-height:22px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}


.indexProList li.on{ width:34%; background:#0759a2; box-shadow:0 0 9px rgba(0,140,205,0.32); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);transform: scale(1.5);}
.indexProList li.on .topx{ background:#0759a2;}
.indexProList li.on .downShow{ display:none;}

.indexProList li.on .downHide{ display:block;}

@media screen and (max-width:1429px) {
.indexProList .downHide{ padding:35px 20px;}

}
@media screen and (max-width:1199px) {


.indexProList .topx{  padding:14px 0; margin-top:10px;}
.indexProList .topx .ico1 img{ width:40px; height:36px;}
.indexProList .topx .tit1{ font-size:16px; line-height:24px; margin:5px 0 4px 0;}
.indexProList .downShow{ padding:20px 0; height:292px;  margin-bottom:9px;}
.indexProList .downShow .info2{ margin:9px 0; font-size:13px;}
.indexProList .downHide{  height:301px;padding:20px 12px;}
.indexProList .downHide .tit3{ margin-bottom:4px;}
.indexProList .downHide .more4{ padding:11px 0;}
.indexProList .downHide .tit4{ margin-top:5px; line-height:22px;}
.indexProList .downHide .info4{ line-height:20px;}

}
@media screen and (max-width:991px) {
.indexPro{ padding:6% 0}	
.indexProList li{ width:100%; margin-top:1px;}
.indexProList li.on{ width:100%;}
.indexProList .topx{ margin-top:0; position:relative; text-align:left; padding:8px 12px 8px 58px;}
.indexProList .downShow{ margin-bottom:0; display:none;}
.indexProList .downHide{  height:292px; display:none;}
.indexProList .topx .ico1{ position:absolute; left:10px; top:12px; width:auto;}
.indexProList .topx .tit1{ margin:0;}
.indexProList .topx .info1{ line-height:18px; margin-bottom:2px;}

}



/*SmaProg_bg2*/
.SmaProg_bg2{ float:left; width:100%; overflow:hidden; padding:2.23% 0 4.16% 0; margin-top:3.125%;}
.SmaProg2{ float:left; width:100%; margin-top:1.42%;}
.SmaProg2 li{ float:left; width:25%; margin-top:2.42%;}
.SmaProg2 .la{ float:left; width:100%; text-align:center;}
.SmaProg2 .img{ float:left; width:100%;}
.SmaProg2 .img .ico{ width:100px; height:100px;}
.SmaProg2 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:10.72%;}
.SmaProg2 .la:hover .img .ico{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.SmaProg2 .la:hover .info{ color:#0759a2;}

.SmaProg_bg2_1{ padding:2.23% 0 1.6% 0;}
.SmaProg2_1 li{ margin-bottom:4.36%;}
.SmaProg2_1 .img .ico{ width:126px; height:126px;}
.SmaProg2_1 .info{ color:#666666; font-size:26px; line-height:36px; margin-top:24px;}

@media screen and (max-width:1199px) {
.SmaProg2 .img .ico{ width:80px; height:80px;}

.SmaProg2_1 .img .ico{ width:90px; height:90px;}
.SmaProg2_1 .info{ font-size:20px; line-height:30px; margin-top:24px;}

}
@media screen and (max-width:991px) {
.SmaProg_bg2{ padding:3.9% 0;}	
.SmaProg2 .img .ico{ width:60px; height:60px;}
.SmaProg2 .info{ margin-top:5%;}

.SmaProg2_1 .img .ico{ width:70px; height:70px;}
.SmaProg2_1 .info{ font-size:18px; line-height:28px; margin-top:12px;}
}
@media screen and (max-width:767px) {
.SmaProg2 li{ width:25%;}
.SmaProg2 .img .ico{ width:56px; height:56px;}
.SmaProg2 .info{ font-size:14px; line-height:24px;}

.SmaProg2_1 li{ margin-bottom:2.18%;}
.SmaProg2_1 .img .ico{ width:56px; height:56px;}
.SmaProg2_1 .info{ font-size:12px; line-height:24px; margin-top:6px;}

}


/*HigCust5*/
.HigCust_Bg5{ float:left; width:100%; padding:3.38% 0 3.48% 0; overflow:hidden; background:#1b1b1b; text-align:center; position:relative;}
.HigCust_img5{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;opacity:0.08; filter:alpha(opacity=8); }
.HigCust5{ float:left; width:100%; position:relative; z-index:6;} 
.HigCust5 .tit1{ float:left; width:100%; color:#fff; font-size:32px; line-height:47px;}
.HigCust5 .tit2{ float:left; width:100%; color:#bfbfbf; font-size:18px; line-height:28px; margin:1.14% 0 2.14% 0;}
.HigCust5 .info1{ float:left; width:100%;}
.HigCust5 .li1{ display:inline-block; color:#fff; font-size:16px; line-height:26px; margin-top:10px; padding:8px 0 8px 64px; margin:0 30px;}
/*.HigCust5 .ico1{ background:url(../images/img12.png) left 0 no-repeat;}
.HigCust5 .ico2{ background:url(../images/img13.png) left 0 no-repeat;}
.HigCust5 .ico3{ background:url(../images/img14.png) left 0 no-repeat;}*/
@media screen and (max-width:1429px) {
.HigCust5 .tit1{ font-size:28px; line-height:42px;}
.HigCust5 .li1{ margin:0 20px; padding:8px 0 8px 54px;}
}
@media screen and (max-width:1199px) {
.HigCust5 .tit1{ font-size:28px; line-height:42px;}
.HigCust5 .tit2{ font-size:16px; line-height:26px;}
.HigCust5 .li1{ margin:0 10px; padding:3px 0 3px 42px; font-size:14px; line-height:24px;}
.HigCust5 .ico1{ background-size:30px 30px !important;}
.HigCust5 .ico2{ background-size:30px 30px !important;}
.HigCust5 .ico3{ background-size:30px 30px !important;}

}
@media screen and (max-width:991px) {
.HigCust5 .tit1{ font-size:20px; line-height:30px;}
.HigCust5 .li1{ float:left; width:100%; text-align:left; margin:5px 0;}
}

.SeoBox{ width:100%; float:left; margin-top:50px;}
.SeoBox .hd{ width:100%; float:left; text-align:center; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;}
.SeoBox .hd ul{ display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.SeoBox .hd ul li{ margin:0 5px; float:left; padding:0 16px; font-size:18px; color:#727272; line-height:56px; border-bottom:solid 1px #fff; cursor:pointer;}
.SeoBox .hd ul li.on,
.SeoBox .hd ul li:hover{ color:#0759a2; border-bottom:solid 1px #0759a2;}
.SeoBox .bd{ width:100%; float:left;}
.SeoBox .bd ul{ width:100%; float:left; padding-top:40px; overflow:hidden; padding-bottom:5px;}
.SeoBox .row_2{  margin:0 -20px;}
.SeoBox .slide_pic_6{ width:100%; float:left; position:relative;}
.SeoBox .li_hp{ width:100%; float:left; padding:0 20px; margin:10px 0;}
.SeoBox .li_hp .zbox{ width:100%; float:left; border:solid 1px #e7e7e7; overflow:hidden;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px;
border-radius:8px;
}
.SeoBox .li_hp .zbox .title{ width:100%; float:left; font-size:26px; color:#333; color:black; line-height:63px; text-align:center; background:#f4f4f4; height:63px; overflow:hidden;}
.SeoBox .li_hp .zbox table{ margin:-1px;}
.SeoBox .li_hp .zbox table td{ border:solid 1px #e7e7e7; padding:17px 17px; font-size:21px; color:#666; line-height:27px; border-right:0;}
.SeoBox .li_hp .zbox table td span{ color:#0759a2;}
.SeoBox .li_hp .zbox table td.td1{ width:120px; text-align:center;}
.SeoBox .li_hp .zbox table td img{ vertical-align:middle; margin:-2px 3px 0 3px;}
.SeoBox .slick-prev,
.SeoBox .slick-next {
	position: absolute;
	left: -78px;
	top: 50%;
	display: block;
	width: 38px;
	height: 66px;
	margin-top:-33px;
	background:url(../images/btn7.png) no-repeat left center;
}
.SeoBox .slick-next {
	left: auto;
	right: -78px;
	background-position:right center;
}
.SeoBox .slick-prev:hover,
.SeoBox .slick-next:hover{ background-image:url(../images/btn7_h.png);}
.SeoBox .slick-prev{ left:35px;}
.SeoBox .slick-next{ right:30px;}
@media screen and (max-width:1429px) {
.SeoBox .row_2{  margin:0 -14px;}	
.SeoBox .li_hp{ padding:0 14px;}
.SeoBox .slick-prev{left:35px;}
.SeoBox .slick-next {right: 30px;}
.SeoBox .li_hp .zbox .title{ font-size:18px; line-height:50px; height:50px;}
.SeoBox .li_hp .zbox table td{ padding:12px 10px 12px 20px; font-size:16px; line-height:20px;}
.slide_pic_6 .slick-prev{ left:15px;}
.slide_pic_6 .slick-next{ right:15px;}
}
@media screen and (max-width:1199px) {

.SeoBox{ margin-top:30px;}
.SeoBox .hd ul li{ padding:0 11px; font-size:14px; line-height:40px;}
.SeoBox .bd ul{ padding-top:20px;}
.SeoBox .li_hp{ padding:0 11px 0 15px !important;}
.SeoBox .li_hp .zbox .title{ font-size:16px; line-height:44px; height:44px;}
.SeoBox .li_hp .zbox table td{ padding:12px 10px; font-size:14px; line-height:20px;}
.SeoBox .li_hp .zbox table td.td1{ width:100px;}
.SeoBox .slick-prev,
.SeoBox .slick-next {
	width: 20px;
	height: 36px;
	margin-top:-18px;
	background-size:41px 36px !important;
}
.SeoBox .li_hp .zbox table td span img{ width:6px;}

}
@media screen and (max-width:767px) {
.SeoBox .row_2{  margin:0 -8px;}	
.SeoBox .li_hp{ padding:0 8px; margin:6px 0;}
.SeoBox{ margin-top:20px;}
.SeoBox .slide_pic_6{ padding-bottom:25px;}
.SeoBox .hd ul{ width:100%;}
.SeoBox .hd ul li{ width:50%; margin:0;}
.SeoBox .slick-dots {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.SeoBox .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px !important;
	height: 8px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	overflow:hidden;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background:#000;
opacity:0.55;
}
.SeoBox .slick-dots li.slick-active{
	opacity: 1;
}
}





.InterMark{ width:100%; float:left; padding:100px 0 120px 0;  position:relative;}
.InterMark .bian_1{ width:2px; height:60px; background:#0759a2; position:absolute; left:50%; top:-30px; margin-left:-1px;}
.InterMark ul{ width:100%; float:left; margin-top:60px; border-left:solid 1px rgba(255,255,255,0.08);}
.InterMark ul li{ width:25%; float:left; padding:20px 0 22px 0; border-right:solid 1px rgba(255,255,255,0.08);}
.InterMark ul li .ico{ width:100%; float:left; text-align:center;}
.InterMark ul li .ico span{ display:inline-block; *zoom:1; *display:inline; width:148px; height:148px; border:solid 1px #ccc; border:solid 1px rgba(255,255,255,0.5);
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.InterMark ul li .ico span img{ width:100%; float:left;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.InterMark ul li .title{ width:100%; float:left; text-align:center; margin-top:27px; line-height:44px;}
.InterMark ul li .title span{ margin-left:-13px; font-size:16px; color:white; line-height:33px; vertical-align:bottom;}

.InterMark ul li:hover .ico span img{ margin-top:-5px;}
.InterMark .tit_1{ width:100%; float:left; text-align:center;}
.InterMark .tit_1 h3{ width:100%; float:left; font-size:48px; color:#fff; font-family:Cambria; font-weight:bold;text-transform:uppercase; letter-spacing:-1px;}
.InterMark .tit_1 h4{ width:100%; float:left; font-size:24px; color:#fff; margin-top:20px; letter-spacing:1px;}


@media screen and (max-width:1429px) {

.InterMark ul li.l1{ border-left:0;}
}
@media screen and (max-width:1199px) {
.InterMark{ padding:50px 0 60px 0;}
.InterMark .bian_1{ width:2px; height:40px; top:-20px;}
.InterMark ul li{ padding:10px 0 12px 0;}
.InterMark ul li .ico span{ width:88px; height:88px; }
.InterMark ul li .title{ margin-top:17px; line-height:26px;}
.InterMark ul li .title img{ height:26px;}
.InterMark ul li .title span{ margin-left:-6px; font-size:12px; line-height:18px;}
.InterMark ul{ margin-top:30px;}

.InterMark .tit_1 h3{ font-size:28px;}
.InterMark .tit_1 h4{ font-size:14px; margin-top:10px;}

}
@media screen and (max-width:767px) {
.InterMark{ padding:30px 0 20px 0;}	
.InterMark ul li{ width:50%;}
.InterMark ul li .title{ margin-top:10px; min-height:54px; padding:0 10px;}
.InterMark ul li .ico span{ width:68px; height:68px; }


}