@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none; }
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}


.elli{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.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;}

.pz_top{ float:left; width:100%; position:absolute; z-index:9999; top:0; left: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;}
.pz_top:hover{ background:#373d41}
.pz_banner{ float:left; width:100%; position:relative; background:#343434; z-index:55; overflow:hidden;
-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;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%; overflow:hidden;}

/*首页*/
.topnav1{ width:100%; float:left; height:60px; width:100%; background:url(../images/top1.png) center bottom repeat-x;}
.topnav1 .logo{ width:136px; line-height:0; float:left; margin:13px 0 13px 19px;}
.topnav1 .logo img{ width:100%; float:left;}


.menuph{ float:right; cursor: pointer;  width: 105px;  height: 58px;font-family: 'OPENSANS-BOLD'; font-size:18px; color:white; text-transform:uppercase; margin-top:20px; line-height:58px; display:none;}
.menuph .point {  display: inline-block;  width: 34px; margin-top:17px;  height: 25px;  position: relative; float:right;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 34px;  }
.menuph .navbtn {  position: absolute;  top: 11px;  right: 0;  display: inline-block;  width: 34px;  height: 3px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 100%;  height: 3px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;}
.menuph .navbtn::after { top:-11px;}
.menuph .navbtn::before { top:11px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }


.topTel{ float:right; background:#008ccd; padding:0 20px 0 68px; height:59px; position:relative;}
.topTel .ico{ float:left; width:31px; height:30px; margin:14px 12px 0 0; position:absolute; left:25px; top:0;}
.topTel .sp1{ display:block; color:#fff; font-size:12px; line-height:12px;white-space:nowrap; margin:12px 0 6px 0;}
.topTel .sp2{ display:block; color:#fff; font-size:16px; line-height:16px;white-space:nowrap; font-family:Arial; font-weight:bold;}

.menu1.on{ top:0;}
.menu1{ z-index:99; float:left; margin-left:4.16%;
-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;}
.menu1 > ul{ float:left; width:100%; float:left;}
.menu1 ul .nli{ float:left; margin:0 25px; z-index:99; text-align:center; position:relative;}
.menu1 ul .nli span{ display:block; width:100%; float:left; position:relative;}
.menu1 ul .nli span a{ display:block; width:100%; float:left; padding:0; height:60px; line-height:60px; color:#fff; font-size:14px; letter-spacing:1px; position:relative;}
.menu1 ul .nli span a::after{ float:left; width:0; height:2px; background:#008ccd; position:absolute; left:0; bottom:0; content:'';}
.menu1 ul .nli.active span a::after{ width:100%;}
.menu1 ul .nli:hover span a{ color: #008ccd;}

@media screen and (max-width:1480px) {
.menu1{ margin-left:3%;}	
.menu1 ul .nli{ margin:0 15px;}

}
@media screen and (max-width:1280px) {
.menu1{ margin-left:2%;}	
.menu1 ul .nli{ margin:0 12px;}

}
/*menu下拉*/
.sub{ width:146px; position:absolute; left:50%; top:51px; margin-left:-73px; display:none; background:url(../images/top3.png) center top no-repeat; padding-top:10px;}
.sub .ul1{ float:left; width:100%; background:#fff; padding:16px 12px 21px 12px;}
.sub .ul1 .l1{ width:100%; text-align:center; float:left; border-bottom:1px solid #f9f9f9;}
.sub .ul1 .l1 a{ width:100%; float:left; color:#444444; font-size:14px; line-height:33px;}
.sub .ul1 .l1 a:hover{ color:#008ccd;}


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

.topTel{ display:none;}
.menu1{ display:none;}
.topnav1{ padding:0 15px; height:57px;}
.topnav1.on{ position:fixed; background:#343434;}
.topnav1 .logo{ margin:12px 0;}
.menuph{ display:block; width: 35px;  height: 38px; font-size:14px; margin-top:6px; line-height:38px;}
.menuph .point { width: 24px; margin-top:15px;  height: 20px;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {width: 24px;}
.menuph .navbtn { top: 6px;  width: 24px;  height: 2px;}
.menuph .navbtn::after,
.menuph .navbtn::before { height: 2px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:0px; display:block; padding:55px 0 0 0; background:#000; background:rgba(0,0,0,0.9); z-index: 9899;}
.ph_menu{ float:left; width:100%; text-align:left; top:66px; padding-bottom:20px;}
.ph_menu .nav_box{ margin:auto; width:100%; max-width:767px;}
.ph_menu .nli{ float:left; width:100%;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:16px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom:solid 1px #333; padding:0 10px;}
.ph_menu .nli .l1_a.have{ position:relative;}
.ph_menu .nli .l1_a.have:before{ content:''; width:8px; height:15px; background: url(../images/person5.png) center center no-repeat; background-size: 8px 15px; position:absolute; left:95%; top:50%; margin-top:-7px;
-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;}
.ph_menu .nli.on .l1_a.have:before{ background-image:url(../images/person5.png); transform:rotate(90deg);}
.ph_menu .nli.on .l1_a{ color:#008ccd;}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 10px 30px;}
.ph_menu .nli .l2_ul li a{ line-height:26px; font-size:14px; color:#fff;}
.ph_menu .nli .l2_ul li a img{ width:18px; vertical-align:middle; margin:-2px 6px 0 0;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.ph_menu .login{ width:100%; float:left; text-align:center; margin-top:20px;}
.ph_menu .login a{ display:inline-block; width:40%; font-size:14px; line-height:14px; color:#fff;}
.ph_menu .login a.a1{ border-left:solid 1px #ccc;}

}
@media screen and (max-width:767px) {
.topnav{ padding:0 10px;}
.topnav1{ padding:0 10px;}
}


/*banner*/
.slide_banner{ width:100%; float:left; min-height:200px;}
.slide_banner .img_1{ width:100%; float:left;}
.slide_banner .slick-slide{ position:relative;}
.slide_banner .slick-slide .banner1_a{ height:256px; position:absolute; right:50%; margin-left:0; top:25%; opacity:0; margin-right:-8px;}
.slide_banner .slick-slide .banner1_a img{ height:100%; width:auto; max-width:none;}
.slide_banner .slick-slide .banner1_a a{ display:block; width:147px; height:41px; line-height:41px; text-align:center; background:#038dce; font-size:16px; color:white; position:absolute; right:553px; bottom:0;
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
-khtml-border-radius:20px;
border-radius:20px;}
.slide_banner .slick-slide .banner1_a a img{ vertical-align:middle; margin:-3px 10px 0 0 ; height:13px;}
.slide_banner .slick-slide .banner1_a a:hover{ background:#008ccd;}
.slide_banner .slick-slide .banner1_r{ width:535px; height:295px; position:absolute; left:50%; top:21.38%; margin-left:165px;}
.slide_banner .slick-slide .banner1_r .banner1_b{ width:100%; position:absolute; left:0; top:21.38%; opacity:0;}
.slide_banner .slick-slide .banner1_r .banner1_c{ width:100%; position:absolute; left:0; top:21.38%; opacity:0;}
.slide_banner .slick-slide .banner1_r .banner1_d{ width:100%; position:absolute; left:0; top:21.38%; opacity:0;}
.slide_banner .slick-slide .banner2_a{ height:384px; position:absolute; right:50%; margin-left:-131px; top:60%; opacity:0; margin-top:-147px;}
.slide_banner .slick-slide .banner2_a img{ height:100%; width:auto; max-width:none;}
.slide_banner .slick-slide .banner2_a a{ display:block; width:147px; height:41px; line-height:41px; text-align:center; background:#038dce; font-size:16px; color:white; position:absolute; left:89px; bottom:48px;
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
-khtml-border-radius:20px;
border-radius:20px;}
.slide_banner .slick-slide .banner2_a a img{ vertical-align:middle; margin:-3px 10px 0 0 ; height:13px;}
.slide_banner .slick-slide .banner2_a a:hover{ background:#008ccd;}
.slide_banner .slick-slide .banner2_r{ width:535px; height:395px; position:absolute; left:50%; top:50%; margin-left:250px; margin-top:-147px;}
.slide_banner .slick-slide .banner2_r .banner2_b{ width:100%; position:absolute; left:0; top:40%; opacity:0;}
.slide_banner .slick-slide .banner2_r .banner2_c{ width:100%; position:absolute; left:0; top:40%; opacity:0;}
.slide_banner .slick-slide .banner3_a{ height:206px; position:absolute; right:50%; margin-left:-58px; top:60%; opacity:0; margin-top:-78px;}
.slide_banner .slick-slide .banner3_a img{ height:100%; width:auto; max-width:none;}
.slide_banner .slick-slide .banner3_r{ width:610px; height:360px; position:absolute; left:50%; top:50%; margin-left:175px; margin-top:-140px;}
.slide_banner .slick-slide .banner3_r .banner3_b{ width:100%; position:absolute; left:0; top:40%; opacity:0;}
.slide_banner .slick-slide .banner3_r .banner3_c{ width:100%; position:absolute; left:0; top:40%; opacity:0;}

.slide_banner .slick-dots {
	position: absolute;
	bottom:21px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
	padding-top:27px; line-height:0;
}
.slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 113px;
	height: 20px;
	margin: 0 0;
	padding: 0;
	cursor: pointer;
	background:url(../images/zbanner_ico.png) no-repeat center top;
}
.slide_banner .slick-dots li button {
	width: 113px;
	height: 20px;
	padding: 0;
	text-align:center;
	text-indent:0;
	position:absolute; left:0; top:-27px; opacity:0; font-size:16px; line-height:20px;font-family: 'OPENSANS-LIGHT'; color:white;
}
.slide_banner .slick-dots li button:before{ display:none !important;}
.slide_banner .slick-dots li.slick-active{
	background-image:url(../images/zbanner_ico_h.png);
}
.slide_banner .slick-dots li.slick-active button{ opacity:1;}
@media screen and (max-width:1429px) {
.slide_banner .slick-slide .banner1_a{ height:192px; margin-right:58px;}
.slide_banner .slick-slide .banner1_a a{ right:397px; height:36px; line-height:36px; width:130px;}
.slide_banner .slick-slide .banner1_r{ width:401px; height:221px; margin-left:184px;}
.slide_banner .slick-slide .banner2_a{ height:284px; margin-left:-91px; margin-top:-107px;}
.slide_banner .slick-slide .banner2_a a{ left:66px; bottom:26px;}
.slide_banner .slick-slide .banner2_r{ width:435px; height:321px; margin-left:150px; margin-top:-107px;}
.slide_banner .slick-slide .banner3_a{ height:146px; margin-left:-38px; margin-top:-58px;}
.slide_banner .slick-slide .banner3_r{ width:510px; height:301px; margin-left:145px; margin-top:-100px;}
}
@media screen and (max-width:1199px) {
.slide_banner .slick-slide .banner1_a{ height:167px; margin-right:25px;}
.slide_banner .slick-slide .banner1_a a{ right:368px; bottom:0px; width:90px; height:26px; line-height:26px; font-size:12px;}
.slide_banner .slick-slide .banner1_r{ width:350px; height:193px; margin-left:131px; }
.slide_banner .slick-slide .banner2_a{ height:164px; margin-left:-51px; margin-top:-67px;}
.slide_banner .slick-slide .banner2_a a{ left:38px; bottom:16px; width:80px; height:26px; line-height:26px; font-size:12px;}
.slide_banner .slick-slide .banner2_a a img,.slide_banner .slick-slide .banner1_a a img{ vertical-align:middle; margin:-3px 5px 0 0 ; height:9px;}
.slide_banner .slick-slide .banner2_r{ width:335px; height:247px; margin-left:60px; margin-top:-87px;}
.slide_banner .slick-slide .banner3_a{ height:86px; margin-right:18px; margin-top:-28px;}
.slide_banner .slick-slide .banner3_r{ width:360px; height:212px; margin-left:65px; margin-top:-80px;}
}
@media screen and (max-width:991px) {

.slide_banner .slick-dots {
	bottom:6px;
	height:5px; padding-top:0px;
}
.slide_banner .slick-dots li {
	width: 33px;
}
.slide_banner .slick-dots li button { display:none;}
.slide_banner .slick-slide{ position:relative;}
.slide_banner .slick-slide .a1,
.slide_banner .slick-slide .a2{ width:80px; height:24px; line-height:24px; font-size:12px; position:absolute; left:5%; top:74%; text-align:center; background:#008ccd; color:white;
-moz-border-radius:28px; 
-webkit-border-radius:28px; 
-khtml-border-radius:28px;
border-radius:28px;}

.slide_banner .slick-slide .a1 img,.slide_banner .slick-slide .a2 img{ vertical-align:middle; margin:-3px 3px 0 0 ; height:7px;}
.slide_banner .slick-slide .a1:active,.slide_banner .slick-slide .a2:active{ background:#f23742;}
}

/*foot1*/
.foot1{ float:left; width:100%; background:url(../images/foot2.jpg) center no-repeat; background-size:cover; padding:2.6% 0 2.34% 0; text-align:center;}
.foot1 .tit{ display:inline-block; color:#fff; font-size:24px; line-height:34px;}
.foot1 .btn1{ display:inline-block; width:130px; height:34px; border:1px solid #fff; color:#fff; font-size:16px; line-height:32px; opacity:0.8; filter:alpha(opacity=80); margin-left:58px;}
.foot1 .btn1:hover{ background:#008ccd; border:1px solid #008ccd; box-shadow:0 4px 10px rgba(255,255,255,0.1);}

.foot2{ float:left; width:100%; background:#252525; border-bottom:1px solid #008ccd; padding:25px 0;}
.footHot{ float:left; width:100%; font-size:14px; line-height:24px; position:relative; padding-left:84px;}
.footHot span{ float:left; color:#cccccc; position:absolute; left:0; top:0;}
.footHot a{ float:left; width:132px; color:#999999;}
.footHot a:hover{ color:#008ccd;}

.foot3{ float:left; width:100%; background:#252525; padding:1.3% 0;}
.footNav{ float:left; width:100%; color:#444444; font-size:14px; line-height:24px;}
.footNav a{ color:#999999; }
.footNav a:hover{ color:#008ccd;}
.Copyright{ float:left; width:100%; color:#cccccc; font-size:14px; line-height:24px;}
.Copyright a{ color:#cccccc; }
.Copyright a:hover{ color:#008ccd;}
.link{ float:left; width:100%; color:#999999; font-size:14px; line-height:24px;}
.link a{color:#999999; margin-right:7px; }
.link a:hover{ color:#008ccd;}
.footIco{ float:right; position:absolute; bottom:4px; right:0; width:47px; height:42px; line-height:0;}
.footMap{ float:left; width:100%; padding-right:70px; position:relative;}

@media screen and (max-width:991px) {
.foot1 .tit{ font-size:18px;}
.foot1 .btn1{ width:110px; margin-left:30px;}


}
@media screen and (max-width:767px) {
.foot1{ padding:3% 0 5% 0;}	
.foot1 .tit{ font-size:17px;}
.foot1 .btn1{ width:100px; height:28px; line-height:26px; margin-left:0; margin-top:5px; font-size:14px;}
.footHot{ padding-left:56px;}
.footHot a{ width:auto; margin-left:6px;}
.foot2{ padding:10px 0;}
.foot3{ padding:10px 0; text-align:center;}
.footMap{ padding:0;}
.footIco{ width:30px; height:27px; position:static;}

}


/*indexNoti*/
.indexNoti{ float:left; width:100%; position:relative; top:0; margin-top:-124px; background:#000000; background:rgba(0,0,0,0.27); z-index:66; overflow:hidden;}
.NotiList{ float:left; width:100%; border-left:1px solid #444444;}
.NotiList li{ float:left; width:20%; padding:22px; border-right:1px solid #444444; height:124px;}
.NotiList .title{ float:left; width:100%; color:#fff; font-size:18px; line-height:26px; font-weight:bold;}
.NotiList .info{ float:left; width:100%; color:#fff; font-size:13px; line-height:24px; height:48px; overflow:hidden; margin-top:3px;-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;
opacity:0.6; filter:alpha(opacity=60);}
.NotiList li:hover{ background:#008ccd;}
.NotiList li:hover .info{ margin-top:0;}

@media screen and (max-width:1429px) {
.indexNoti{ margin-top:-94px;}	
.NotiList li{ padding:15px 12px; height:auto;}
.NotiList .title{ font-size:16px; line-height:24px;}
.NotiList .info{ margin-top:0; font-size:12px; line-height:20px; height:40px;}

}
@media screen and (max-width:1199px) {
.indexNoti{ margin-top:-60px;}	
.NotiList li{ padding:8px 12px; height:auto;}
.NotiList .title{ font-size:16px; line-height:24px;}
.NotiList .info{ margin-top:0; font-size:12px; line-height:20px; height:20px;}

}
@media screen and (max-width:991px) {
.indexNoti{ margin-top:1px;background:#f9f9f9; padding-bottom:5px;}	
.NotiList{ border-left:none;border-top:none;}	
.NotiList li{ width:100%; border-right:none; border-bottom:1px dotted #ccc; padding:6px;}
.NotiList li:last-child{ border-bottom:none;}
.NotiList .title{ font-size:14px; line-height:22px; color:#333;}
.NotiList .info{ color:#666;}	
.NotiList li:hover{ background:none;}
.NotiList li:hover .title{ color:#008ccd;}

}

/*首页about*/
.indexAbout{ width:100%; float:left; text-align:center; margin:3.78% 0 5.35% 0; overflow:hidden;}
.indexAbout .p{ width:100%; float:left; font-size:16px; color:#444444; line-height:32px; margin-top:22px; padding:0 14.71%;}
.indexAbout ul{ width:100%; float:left; margin-top:40px;}
.indexAbout ul li{ width:16.666%; float:left;}
.indexAbout ul li h2{ width:100%; float:left; font-size:63px; color:#008ccd; line-height:72px;font-family: 'OPENSANS-BOLD'; font-weight:600;}
.indexAbout ul li h5{ width:100%; float:left; font-size:16px; color:#3e3e3e; line-height:24px; margin-top:12px;}



.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:16;}
.indexTit_3 h3{ width:100%; float:left; font-size:40px; color:#008ccd; 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:#008ccd; font-size:48px; padding:0 11px;}

@media screen and (max-width:1199px) {
.indexAbout .p{ font-size:14px; line-height:26px; margin-top:12px; padding:0 8%;}
.indexAbout ul{ margin-top:30px;}
.indexAbout ul li h2{ font-size:40px; line-height:49px;}
.indexAbout ul li h5{ font-size:13px; line-height:22px; margin-top:8px;}

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

}
@media screen and (max-width:991px) {
.indexAbout ul li{ width:33.3333%;}
.indexAbout .p{ padding:0;}
}
@media screen and (max-width:767px) {

.indexAbout .p{ margin-top:8px;}
.indexAbout ul{ margin-top:20px;}
.indexAbout ul li h2{ font-size:33px; line-height:42px;}
.indexAbout ul li h5{ font-size:12px; line-height:20px; margin-top:0px;}
.indexAbout ul li{ width:50%; margin-top:6px;}


.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;}

}

/*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 .top{ float:left; width:100%; background:#1a77b9; text-align:center; padding:17px 0 14px 0; margin-top:16px;}
.indexProList .top .ico1{ float:left; width:100%; line-height:0;}
.indexProList .top .ico1 img{ width:60px; height:54px;}
.indexProList .top .tit1{ float:left; width:100%; color:#c5edff; font-size:18px; line-height:26px; font-weight:bold; margin:9px 0 7px 0;}
.indexProList .top .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 #008ccd;}
.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:14px; line-height:18px; padding-left:7px; position:relative; margin-right:23px;}
.indexProList .downHide .sp3::after{ float:left; width:4px; height:4px; background:#008ccd; 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:#008ccd; font-size:12px; line-height:20px; border:1px solid #008ccd; text-align:center;}
.indexProList .downHide .more4 a:hover{ background:#008ccd; color:#fff; box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.indexProList .downHide .tit4{ float:left; width:100%; color:#111111; font-size:16px; line-height:24px; margin-top:10px;}
.indexProList .downHide .info4{ float:left; width:100%; color:#707070; font-size:14px; line-height:22px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}

.indexProList li.on{ width:34%; background:#008ccd; 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 .top{ background:#008ccd;}
.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 .top{  padding:14px 0; margin-top:10px;}
.indexProList .top .ico1 img{ width:40px; height:36px;}
.indexProList .top .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 .top{ 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 .top .ico1{ position:absolute; left:10px; top:12px; width:auto;}
.indexProList .top .tit1{ margin:0;}
.indexProList .top .info1{ line-height:18px; margin-bottom:2px;}

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



}



/*首页品牌案例*/
.indexTit_5{ width:100%; float:left; text-align:center; margin-top:26px; font-size:15px; color:#444444; line-height:32px; position:relative; z-index:16;}
.indexBraCase{ width:100%; float:left; margin:6% 0 4.28% 0; position:relative; overflow:hidden;}
.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; padding-bottom:10px; border-bottom:dotted 1px #b2b2b2;}
.BraCaseList li .zbox .title h4{ width:100%; float:left; padding-right:35px; position:relative;}
.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:#008ccd;}



.BraCaseList li .zbox2{ width:100%; float:left;}
.BraCaseList li .zbox2 .img{ width:100%; float:left; position:relative; background:black; overflow:hidden; text-align:center;}
.BraCaseList li .zbox2 .img img{ width:100%; float:left;
		 transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
-o-transition: width all 0.2s linear;}
.BraCaseList li .zbox2 .img:hover > img{ opacity:0.3;
		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 .zbox2 .img .yl {position:absolute; width:100%; top:48%; left:-9990em; text-align:center; }
.BraCaseList li .zbox2 .img:hover .yl {left:0;}
.BraCaseList li .zbox2 .img .yl a {display:inline-block; border: 1px solid #fff;  border-radius: 16px;
    color: #fff; font-size: 16px; height: 33px; line-height: 31px;  text-align: center;   text-decoration: none;  vertical-align: middle; width: 100px;}
.BraCaseList li .zbox2 .img .yl a:hover {background:#11bffc; border:1px solid #11bffc;}

.BraCaseList li .zbox2 .title{ width:100%; float:left; margin-top:21px; padding-bottom:10px; border-bottom:dotted 1px #b2b2b2;}
.BraCaseList li .zbox2 .title h4{ width:100%; float:left; padding-right:35px; position:relative;}
.BraCaseList li .zbox2 .title h4 a{ display:block; width:100%; float:left; font-size:20px; color:#333; line-height:38px;}
.BraCaseList li .zbox2 .title h4 span{ position:absolute; right:0; top:0;}
.BraCaseList li .zbox2 .title .p{ display:none; width:100%; float:left; margin-top:10px; padding-top:12px; border-top:dotted 1px #b2b2b2; height:42px;}
.BraCaseList li .zbox2 .title .p .p_l{ float:left; font-size:14px; color:#666; line-height:30px;}
.BraCaseList li .zbox2 .title .p .p_l span{ display:block; float:left; margin-right:18px;}
.BraCaseList li .zbox2 .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 .zbox2 .title .p .p_l span:hover img,.BraCaseList li .zbox2 .title .p .p_r:hover img{ transform:rotateY(180deg);}
.BraCaseList li .zbox2 .title .p .p_r{ float:right; height:30px;}
.BraCaseList li .zbox2 .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 .zbox2 .title h4 a:hover{ color:#008ccd;}

@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;}

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


/*首页Construction*/
.IndexCons{ width:100%; float:left;  padding:4.14% 0 5.35% 0; overflow:hidden; background:url(../images/index6.jpg) no-repeat center center; background-size:cover;}
.ConsList{ width:100%; float:left; margin-top:58px; padding-left:250px; position:relative;}
.ConsList:before{ content:''; width:187px; height:100%; position:absolute; left:0; top:0; background:url(../images/index5_1.png) left center no-repeat; background-size:contain;}
.ConsList li{ margin:0 10px; text-align:center;}
.ConsList li a{ float:left; width:100%; height:220px; background:#f6f6f6; padding:26px 28px 0 32px; position:relative; margin:10px;}
.ConsList li .ico{ width:100%; height:92px;}
.ConsList li .ico img{ height:100%;}
.ConsList li h5{ width:100%; margin-top:7px; font-size:18px; color:#323232; line-height:23px; padding-bottom:9px; background:url(../images/index5_2.jpg) no-repeat center bottom;}
.ConsList li h6{ width:100%; margin-top:5px; font-size:14px; color:#7a7a7a; line-height:22px;}
.ConsList li .detail{ width:100%; margin-top:14px; font-size:14px; color:#4a4a4a; line-height:22px; height:44px; overflow:hidden; display:none;}
.ConsList li a:hover{ background:white; border-color:#eaeaea; padding-top:40px; text-align:left;}
.ConsList li:hover .ico{ height:58px; position:absolute; right:24px; top:15px; width:auto;}
.ConsList li:hover h5{ padding-bottom:0; background:none;}
.ConsList li:hover h6{ margin-top:11px; padding-bottom:19px; background:url(../images/index5_2.jpg) no-repeat left bottom;}
.ConsList li:hover .detail{ display:block;}
.ConsList .slick-prev,
.ConsList .slick-next {
	position: absolute;
	left: -49px;
	top: 50%;
	display: block;
	width: 29px;
	height: 30px;
	background:url(../images/index5_h.png) no-repeat left center; margin-top:-15px;
}
.ConsList .slick-next {
	left: auto;
	right: -49px;
	background-position:right center;
}
.ConsList .slick-prev:hover,
.ConsList .slick-next:hover{	opacity:0.8;
	filter:alpha(opacity=80);}
@media screen and (max-width:1530px) {
.ConsList .slick-prev{ left:10px;}
.ConsList .slick-next { right:10px}
}

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

.ConsList{ padding-left:180px; margin-top:38px;}
.ConsList:before{ width:140px; height:100%; top:0;}
.ConsList li a{ padding:15px 10px 0 12px; height:160px;}
.ConsList li .ico{ height:62px;}
.ConsList li h5{ margin-top:5px; font-size:16px; line-height:21px; padding-bottom:7px;}
.ConsList li h6{ margin-top:3px; font-size:12px; line-height:20px;}
.ConsList li .detail{ margin-top:10px; font-size:12px; line-height:20px; height:40px;}
.ConsList li a:hover{ padding-top:20px;}
.ConsList li:hover .ico{ height:38px; right:14px; top:10px;}
.ConsList li:hover h6{ margin-top:5px; padding-bottom:10px;}

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

.ConsList{ padding-left:0px; margin-top:18px; text-align:center; margin-top:18px;}
.ConsList:before{ width:140px; height:302px; top:20px; display:none;}
.ConsList li{ float:none; display:inline-block; margin:0 6px;}
.ConsList li a{ margin:4px 0;}
.ConsList li .ico{ height:42px;}
.ConsList li:hover{ padding-top:6px;}
.ConsList li:hover .ico{ height:18px; right:6px; top:5px;}
.ConsList .slick-prev{ left:0px;}
.ConsList .slick-next { right:0px}
.ConsList li .detail{ margin-top:8px; line-height:18px; height:34px;}
.ConsList .slick-prev,
.ConsList .slick-next{ background-image:url(../images/index5_h.png); width:24px; height:24px; margin-top:-12px; background-size:auto 100%;}
}

/*indexNew*/
.indexNew{ width:100%; float:left; padding:4.64% 0 5.71% 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:190px;}
.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:940px;}
.indexNew .newsTxtBox .bd ul li{ float:left; width:47.88%; margin-left:2.12%; 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:#666666; 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:#008ccd; background-image:url(../images/index7_1_h.png);}

.indexTit_4{ width:260px; float:left; margin-top:13px;}
.indexTit_4 h2{ width:100%; font-size:70px; color:#008ccd; 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:#008ccd; 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:#008ccd; 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:720px;}
.indexNew .newsTxtBox .hd{ margin-right:-20px;}
.indexNew .newsTxtBox .hd ul{ width:180px;}
.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 0 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:16;}
.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:#1696d1; position:absolute; left:33.3333%; 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:#008ccd; line-height:32px;}
.indexBeli .dl .dd .p{ width:100%; font-size:14px; margin-top:27px; color:#444444; 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:#1386b3; position:absolute; left:0; top:0; z-index:6;}
.particles-js canvas{opacity:0.4; filter:alpha(opacity=40);}

@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;}
.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 #1696d1; 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;}

}


/*右侧漂浮*/
.right_pf{ float:left; position:fixed; right:-60px; top:50%; margin-top:-186px; border:1px solid #e4e4e4; border-bottom:none; width:62px; background:#fff; z-index:101; text-align:center;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.right_pf .ul2{ float:left; width:100%;}
.right_pf .ul2 li{ float:left; width:100%; border-bottom:1px solid #e4e4e4; position:relative;}
.right_pf .ul2 li a{ float:left; width:100%; height:60px;}
.right_pf .ul2 li a i{ float:left; width:100%; line-height:0; margin-top:6px;}
.right_pf .ul2 li a h5{ float:left; width:100%; color:#333; font-size:12px; line-height:24px;}
.right_pf .ul2 li:hover a h5{ color:#fff;}
.right_pf .ul2 li:hover{ background:#008ccd;}
.right_pf .ewm{ float:left; background:#fff; padding:3px; width:88px; height:88px; position:absolute; right:-50px; top:50%; margin-top:-44px; border:1px solid #008ccd; opacity:0; filter:alpha(opacity=00); 
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.right_pf .ewm:after{ float:left; width:0; height:0; content:''; position:absolute; right:-8px; top:50%; margin-top:-6px; border-bottom:6px solid transparent; border-top:6px solid transparent;border-left:8px solid #008ccd; }
.right_pf .ul2 .li3:hover .ewm{opacity:1; filter:alpha(opacity=100); right:64px;}
.right_pf.on{ right:1px;}


.online-fixed{position:fixed; right:0; top:50%; z-index:99999999;
transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); 
border:1px solid #e0e0e0;}
.online-fixed>div{width:60px; height:60px; position:relative; border-top:1px solid #e0e0e0;}
.online-fixed>div:first-child{border-top:none;}
.online-fixed>div>a{display:block; padding:10px 0 0 0; width:100%; height:100%; background:#fff; }
.online-fixed>div>a>img{display:block; margin:0 auto;}
.online-fixed>div>a>img:nth-child(1){}
.online-fixed>div>a>img:nth-child(2){display:none;}
.online-fixed>div>a>span{font-size:12px; color:#333; display:block; text-align:center;}
.online-fixed>div>a:hover{background:#008ccd;}
.online-fixed>div>a:hover>img:nth-child(1){display:none;}
.online-fixed>div>a:hover>img:nth-child(2){display:block;}
.online-fixed>div>a:hover>span{color:#fff;}
.online-phone{position:absolute; display:none; top:0; right:100%; background:#fff; 
width:220px; height:59px; overflow:hidden; background:#008ccd; color:#fff; line-height:59px; text-align:center;}
.online-phone i{margin-right:5px; display:inline-block; vertical-align:top;}
.online-phone b{font-size:20px;display:inline-block; vertical-align:top;}
.online-fixed>div:hover>.online-phone{display:block;}
.online-weixin{position:absolute; display:none; top:0; right:100%; background:#fff; 
width:190px; height:190px; overflow:hidden; border:1px solid #e0e0e0;}
.online-fixed>div:hover>.online-weixin{display:block;}
.online-weixin img{position:relative; width:130px; height:130px; display:block; margin:20px auto 0 auto; border:3px solid #000000; padding:2px;}
.online-weixin font{display:block; text-align:center; color:#333; line-height:22px;}	

@media screen and (max-width:991px) {
.online-fixed{ display:none;}
}


/*底部漂浮*/
.pf_hei{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99; box-shadow:0 0 4px rgba(0,0,0,0.15);}
.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
.pf_down li .ico{ width:100%; float:left; height:30px;}
.pf_down li .ico img{ height:36px;}
.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #008ccd; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}

/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/bg_9.png); z-index:9999; display:none;}
.pf_mess{ width:930px; height:504px; background:url(../images/bg_8.png); position:fixed; left:50%; top:50%; margin:-252px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;}
.pf_mess .bian{ width:96%; height:92%; border:dashed 1px #fff; left:2%; top:4%; position:absolute; z-index:1;}
.pf_mess .btn{ width:42px; height:42px; position:absolute; right:35px; top:33px; cursor:pointer; z-index:9999;}
.pf_mess .title{ width:100%; float:left; line-height:0; text-align:center; position:relative; z-index:6; margin-bottom:5px;}
.pf_mess .title img{ display:block; margin:0 auto;}
.pf_mess .title span{ display:block; float:left; margin-left:21px; margin-top:7px;}
.pf_mess ul{ margin:0 -10px; z-index:9999; position:relative; z-index:6;}
.pf_mess ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;}
.pf_mess ul li.l3{ width:100%;}
.pf_mess .zbox{ width:100%; float:left; border:solid 1px #fff; border:solid 1px rgba(255,255,255,0.7); padding:0 4px 0 60px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.pf_mess .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.pf_mess .ico img{ width:100%; float:left;}
.pf_mess .name{ float:left; font-size:16px; color:white; line-height:54px;}
.pf_mess .txk{ margin-left:88px; position:relative;}
.pf_mess .txk .fv1{ display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none;}
.pf_mess .fv2{ display:block; width:100%; height:75px; border:solid 1px #fff; border:solid 1px rgba(255,255,255,0.7); padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.pf_mess .fv3{ display:block; margin:0 auto; width:50%; height:56px; line-height:54px; color:#008ccd; font-size:24px; cursor:pointer; background:white;  border:solid 1px white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius: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;}
.pf_mess .fv3:hover{ background:#008ccd; color:white;}
@media screen and (max-width:991px) {
.pf_mess{ width:92%; height:356px; left:4%; margin:-178px 0 0 0; padding:37px 35px 0 35px;}
.pf_mess .btn{ width:22px; height:22px; right:20px; top:28px;}
.pf_mess .title{ height:47px;}
.pf_mess .title img{ height:100%;}
.pf_mess .title span{ height:40px; margin-left:11px; margin-top:4px;}
.pf_mess ul{ margin:0 -5px;}
.pf_mess ul li{ margin-top:10px; padding:0 5px;}
.pf_mess .zbox{ padding:0 4px 0 40px;}
.pf_mess .ico{ width:34px; height:34px;}
.pf_mess .name{ font-size:14px; line-height:34px;}
.pf_mess .txk{ margin-left:78px;}
.pf_mess .txk .fv1{ height:34px; line-height:34px; font-size:14px;}
.pf_mess .fv2{ padding:6px 14px; font-size:14px; line-height:22px;}
.pf_mess .fv3{ height:36px; line-height:34px; font-size:18px;}
}
@media screen and (max-width:767px) {
.pf_mess ul li{ width:100%;}
.pf_mess{ height:446px; margin:-223px 0 0 0;}
}
@media screen and (max-width:480px) {
.pf_mess{ height:406px; margin:-203px 0 0 0; padding:27px 25px 0 25px;}
.pf_mess .title{ height:27px;}
.pf_mess .title span{ height:20px; margin-left:6px;}
.pf_mess .bian{ height:96%; top:2%;}
}



/* 分页 */
.wack1{ float:left; width:100%; padding:4.28% 0 5.71% 0; text-align:center;}
.pz_fy{width:100%; float:left; padding:7px 0; text-align:center;display:inline}
.pz_fy a { border: #eeeeee 1px solid; background:#f8f8f8; padding:9px 15px 10px 15px; color:#444444; font-size:14px; margin:0 3px;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:#008ccd 1px solid; background-color:#008ccd; text-decoration:none;}


@media  screen and (max-width:991px){
.wack1{padding:6% 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #008ccd; background:#008ccd; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}


/*案例赏析*/
.zy_banner{ float:left; width:100%; background:#000; line-height:0;}
.zy_banner .imgPC{ opacity:0.7; filter:alpha(opacity=40);}
.zy_banner .imgPH{ float:left; width:100%; height:200px; opacity:0.7; filter:alpha(opacity=40);}

.slideBg1{ float:left; width:100%; position:absolute; left:0; top:50%; z-index:22;}
.slideTit1{ float:left; width:100%; color:#fff; font-size:48px; line-height:48px; font-weight:bold; }
.slideTit2{ float:left; width:100%; color:#fff; font-size:16px; line-height:16px; margin-top:19px;}

.gray{ background:#f1f1f1;}
.slideBg2{ float:left; width:100%; overflow:hidden; background:#666666;}
.slideTit3{ float:left; width:100%; color:#fff; font-size:14px; line-height:20px; padding:10px 0 10px 27px; background:url(../images/ino1_1.png) left 11px no-repeat;}
.slideTit3 a{ color:#fff;}
.slideTit3 a:hover{ color:#008ccd;}
.InduTit_3{ margin-top:3.42%;}
.slideBg3{ float:left; width:100%; min-height:300px; overflow:hidden;}

@media  screen and (max-width:1429px){
.slideTit1{ font-size:32px; line-height:32px;}


}
@media  screen and (max-width:1199px){
.slideTit1{ font-size:20px; line-height:20px;}
.slideTit2{ font-size:14px; line-height:14px; margin-top:10px;}
.slideBg1{ top:56%;}

}


/*案例赏析--详情(改)*/
.caseLeft{ float:left; width:72.14%; background:#fff; margin:2.85% 0 4.42% 0; padding:2.92% 2.85% 4.28% 2.85%;}
.caseTit1{ float:left; width:100%; color:#444444; font-size:26px; line-height:36px; font-weight:bold;}
.caseTime1{ float:left; width:100%; color:#444444; font-size:14px; line-height:24px; padding:0.86% 0 0 0;}
.caseInfo1{ float:left; width:100%; color:#444444; font-size:14px; line-height:28px; padding-top:2.47%; margin-top:3.87% ; border-top:1px solid #cccccc;}
.sx_fy{ float:left; width:100%; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:15px 0; position:relative; margin-top:1.51%;}
.sx_fy a{ float:left; width:50%; color:#444444; font-size:13px; line-height:23px;}
.sx_fy a.l_fy{ padding-right:90px;}
.sx_fy a.r_fy{ padding-left:90px; float:right; text-align:right;}
.sx_fy a.l_fy span{ padding-right:2px;}
.sx_fy a.r_fy span{ padding-right:2px;}
.sx_fy a:hover{ color:#008ccd;}
.sx_fy .renter{ float:left; width:151px; height:55px; position:absolute; left:50%; top:-1px; color:#fff; font-size:14px; line-height:55px; background:#008ccd; text-align:center; margin-left:-75px;}
.sx_fy .renter:hover{ color:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.2);}
.bdshareBox{ float:left; width:100%; margin:3.01% 0 4.4% 0; text-align:center; height:24px;}
.bdshare1{ display:inline-block; vertical-align:top;}
.bdshare1 a, 
.bdshare1 .bds_more{ margin:0 4px !important;}
.bdshare1 .bds_weixin{ background:url(../images/bds_weixin.png) 0 0 no-repeat !important;}
.bdshare1 .bds_sqq{ background:url(../images/bds_sqq.png) 0 0 no-repeat !important;}
.bdshare1 .bds_qzone{ background:url(../images/bds_qzone.png) 0 0 no-repeat !important;}
.bdshare1 .bds_tqq{ background:url(../images/bds_tqq.png) 0 0 no-repeat !important;}
.bdshare1 .bds_tsina{ background:url(../images/bds_tsina.png) 0 0 no-repeat !important;}
.bdshare1 .bds_more{ background:url(../images/bds_more.png) 0 0 no-repeat !important;}
.bds_tit{ float:left; color:#444444; line-height:24px; margin:0 8px 0 4px;}
@media  screen and (max-width:1199px){
.caseTit1{ font-size:18px; line-height:28px;}
.sx_fy .renter{ width:100px; margin-left:-50px;}
}
@media  screen and (max-width:991px){
.caseLeft{ width:100%;}
.caseTime1{ line-height:22px;}
.caseInfo1{ line-height:26px;}

}
@media  screen and (max-width:767px){
.caseLeft{ width:100%;}
.sx_fy{ padding:10px 0 15px 0;}
.sx_fy a{ width:100%;}
.sx_fy a.l_fy{ padding-right:0;}
.sx_fy a.r_fy{ padding-left:0; text-align:left;}
.sx_fy .renter{ width:90px; height:32px; line-height:32px; margin-left:0; left:0; position:relative; margin-top:6px;}

}

.caseRight{ float:right; width:25.72%; margin:2.85% 0 2.14% 0;}
.caseProj{ float:left; width:100%; background:#fff; margin-bottom:8.33%; padding:5% 8%;}
.projTit{ float:left; width:100%; color:#000; font-size:16px; line-height:36px; border-bottom:1px solid #cccccc; background:url(../images/tiao.jpg) 0 center no-repeat; text-indent:10px;}
.projIfon{ float:left; width:100%; color:#444444; font-size:14px; line-height:28px; margin:8px 0 3px 0;}
.NewArt{ float:left; width:100%;margin:8px 0 3px 0;}
.NewArt li{ float:left; width:100%;}
.NewArt li a{ float:left; width:100%; color:#444444; font-size:14px; line-height:28px; padding-left:25px; background:url(../images/ino2.png) left center no-repeat;}
.NewArt li a:hover{ background:url(../images/ino3.png) left center no-repeat; color:#008ccd;}
.RecoExc{ float:left; width:100%; margin:5px 0;}
.RecoExc li{ float:left; width:100%; margin:5px 0; position:relative;}
.RecoExc .img{ float:left; width:112px; height:120px; overflow:hidden; position:absolute; left:0; top:0;}
.RecoExc .ifno{ float:left; width:100%; min-height:120px; padding-left:125px;}
.RecoExc .tit{ float:left; width:100%; color:#444444; font-size:14px; line-height:22px; margin:10px 0 2px 0;}
.RecoExc .p1{ float:left; width:100%; color:#444444; font-size:12px; line-height:20px; height:60px; overflow:hidden;}
.RecoExc li:hover .tit{ color:#008ccd;}
.RecoExc li:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

@media  screen and (max-width:1199px){
.RecoExc .img{ float:left; width:93px; height:100px;}
.RecoExc .ifno{ min-height:100px; padding-left:110px;}
.RecoExc .tit{ margin:6px 0 2px 0;}

}
@media  screen and (max-width:991px){
.caseRight{ width:100%; margin:0 0 2.14% 0;}
.caseProj{ margin-bottom:4.28%; padding:2.85%;}

}


/*互联网知识*/
.pz_SideLayer_1{ width:100%; float:left; text-align:center; padding:1.3% 0; overflow:hidden;}
.pz_SideLayer_1 .pz_SideLayer{ display:inline-block; *zoom:1; *display:inline;}
.pz_SideLayer_1 .pz_SideLayer li{ float:left; margin:0 24px;}
.pz_SideLayer_1 .pz_SideLayer li a{float:left; line-height:30px;font-size:16px; color:#333333;}
.pz_SideLayer_1 .pz_SideLayer li a.hover,
.pz_SideLayer_1 .pz_SideLayer li a:hover{color:#008ccd;}

@media screen and (max-width:1199px) {
.pz_SideLayer_1 .pz_SideLayer li{ margin:0 12px;}
}
@media screen and (max-width:767px) {
.pz_SideLayer_1{ padding:3% 0;}
.pz_SideLayer_1 .pz_SideLayer{ width:100%;}
.pz_SideLayer_1 .pz_SideLayer li{ width:20%; margin:0;}
.pz_SideLayer_1 .pz_SideLayer li a{ font-size:14px; line-height:22px;}

}

/*20180604*/
.news_search{float:left; width:100%; margin-top:2.78%;}
.news_search .newsInput{float:left; width:64.28%; line-height:50px; background:#ffffff; padding:0 2.14%; font-size:14px; color:#444444;}
.news_search .newsSubmit{float:right; width:34.21%; background: #008ccd; color: white; font-size:18px; line-height:50px;}

.news_search .newsInput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #444444;
}
.news_search .newsInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #444444;
}
.news_search .newsInput::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #444444;
}
.news_search .newsInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #444444;
}

@media screen and (max-width:991px) {
.news_search .newsInput{ line-height:40px; padding:0 15px; font-size:14px;}
.news_search .newsSubmit{ font-size:16px; line-height:40px;}
}
@media screen and (max-width:767px) {
.news_search{ margin-top:20px;}
.news_search .newsInput{width:74%;}
.news_search .newsSubmit{width:24%;}
}


/*InteKnowlist*/
.InteKnowlist{ float:left; width:100%; margin-top:2.14%;}
.InteKnowlist ul{ margin:0 -5px;}
.InteKnowlist li{ float:left; width:50%; padding:0 5px; margin-top:10px;}
.InteKnowlist li a{ float:left; width:100%; background:#fff; padding:30px 30px 30px 160px; position:relative;}
.InteKnowlist .info{ float:lef; width:100%;}
.InteKnowlist .tit{ float:lef; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:6px;}
.InteKnowlist .p1{ float:left; width:100%; color:#666666; font-size:14px; line-height:21px; height:63px; overflow:hidden;}
.InteKnowlist .more{ float:left; width:100%; height:30px; position:relative; margin-top:-6px; background:url(../images/Know1.png) right center no-repeat; background-size:auto 100%;}
.InteKnowlist .data{ float:left; width:110px; height:110px; border:1px solid #cccccc; text-align:center; position:absolute; left:30px; top:40px;}
.InteKnowlist .days{ float:left; width:100%; color:#555555; font-size:32px; line-height:32px; font-family:Arial; font-weight:bold; margin:27px 0 12px 0;}
.InteKnowlist .years{ float:left; width:100%; color:#666666; font-size:18px; line-height:18px; font-family:Arial; font-weight:bold;}
.InteKnowlist li a:hover{ box-shadow:3px 3px 6px rgba(0,0,0,0.1);}
.InteKnowlist li a:hover .more{ background:url(../images/Know2.png) right center no-repeat; background-size:auto 100%;}
.InteKnowlist .tit:hover{ color:#008ccd;}

@media screen and (max-width:1429px) {
.InteKnowlist li a{ padding:25px 20px 25px 162px;}
.InteKnowlist .data{ left:20px; top:25px;}	

}
@media screen and (max-width:1199px) {
.InteKnowlist li a{ padding:25px 20px 25px 150px;}	
.InteKnowlist .tit{ font-size:16px; line-height:26px;}
.InteKnowlist .p1{ font-size:13px; line-height:20px; height:60px;}
.InteKnowlist .more{ height:20px; margin-top:-2px;}
.InteKnowlist .data{ width:110px; height:110px;}
.InteKnowlist .days{  margin:22px 0 12px 0;}

}
@media screen and (max-width:991px) {
.InteKnowlist li{ width:100%;}
.InteKnowlist li a{ padding:14px 12px 14px 114px;}
.InteKnowlist .p1{ height:40px;}	
.InteKnowlist .data{ width:90px; height:90px; left:12px; top:14px; }
.InteKnowlist .days{ font-size:24px; line-height:24px; margin:20px 0 8px 0;}
.InteKnowlist .years{ font-size:14px; line-height:14px;}

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

}

/*互联网知识-详情*/
.CopyMark{ float:left; width:100%; background:#e9eaeb; border-radius:5px; color:#555555; font-size:13px; line-height:24px; margin-bottom:1.82%; padding:2.36%;margin-top: 2.36%;}
.news_search1{ margin:0 0 8.33% 0; position:relative;}
.news_search1 .newsInput{ height:46px; line-height:46px; width:100%; padding:0 66px 0 20px;}
.news_search1 .newsSubmit{ width:100px; height:46px; position:absolute; right:0; top:0;}
.NewArt1 li a{ background:url(../images/ino4.png) left center no-repeat;}
.NewArt1 li a:hover{ background:url(../images/ino5.png) left center no-repeat;}

.anothBat{ float:left; width:100%; text-align:center; background:#008ccd; color:#fff; font-size:12px; line-height:30px; margin:10px 0 0;}
.anothBat:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.HotTags{ float:left; width:100%; margin:6px 0 10px 0;}
.HotTags ul{ margin:0 -4px;}
.HotTags li{ float:left; margin:4px;}
.HotTags li a{ float:left; border:1px solid #cccccc; color:#444444; font-size:14px; line-height:30px; border-radius:1px; padding:0 5px;-webkit-transition:none;
   -moz-transition:none;-ms-transition:none; -o-transition:none;transition:none;}
.HotTags li a.hover,
.HotTags li a:hover{ background:#008ccd; border:1px solid #008ccd; color:#fff;}
@media screen and (max-width:1429px) {
.HotTags li a{ padding:0 12px;}

}
@media screen and (max-width:1199px) {
.HotTags li a{ padding:0 8px; font-size:12px; line-height:28px;}

}
@media screen and (max-width:991px) {
.news_search1{ margin:0 0 4.42% 0;}
.news_search1 .newsInput{ height:40px; line-height:40px; padding:0 66px 0 12px;}
.news_search1 .newsSubmit{ height:40px;}

}


/*联系我们*/
.Contact1{ float:left; width:100%; background:#fff; margin:4.28% 0 20px 0; padding:3.57% 0 4.07% 0;}
.Contact1 .li1{ float:left; width:50%; padding:0 5%;}
.ContInfo1{ float:left; width:100%; margin-top:15px;}
.ContInfo1 .p1{ float:left; width:100%; color:#444444; font-size:18px; line-height:38px; padding-left:52px; margin:7px 0;}
.ContInfo1 .p1 a{ color:#666;}
.ContInfo1 .ico1{ background:url(../images/ino6.png) left 3px no-repeat;}
.ContInfo1 .ico2{ background:url(../images/ino7.png) left 3px no-repeat;}
.ContInfo1 .ico3{ background:url(../images/ino8.png) left 3px no-repeat;}
.ContInfo1 .ico4{ background:url(../images/ino9.png) left 3px no-repeat;}
.ContInfo1 .ico5{ background:url(../images/ino10.png) left 3px no-repeat;}
.ContTit1{ float:left; width:100%; color:#008ccd; font-size:30px; line-height:40px; border-bottom:1px solid #008ccd; padding:15px 0;}
.ContTit2{ width:90%; margin:0 5%;}

.Contact2{ float:left; width:100%; background:#fff; margin:0 0 4.28% 0; padding:3.57% 0 3.21% 0;}
.ContBox2{ float:left; width:100%; margin-bottom:2.61%;}
.ContBox2 .li2{ float:left; width:50%; padding:0 5%;}
.ContBox2 .tit1{ float:left; width:100%; color:#444444; font-size:24px; line-height:34px; text-transform:uppercase; margin-top:5.39%;}
.ContBox2 .p2{ float:left; width:100%; color:#444444; font-size:14px; line-height:28px; margin-top:4.44%;}
.ContBox3{ float:left; width:90%; color:#444444; font-size:18px; line-height:28px; margin:3.49% 5% 0 5%;}

@media screen and (max-width:1429px) {
.ContInfo1 .p1{ font-size:16px; line-height:32px; padding-left:36px;}
.ContInfo1 .ico1,
.ContInfo1 .ico2,
.ContInfo1 .ico3,
.ContInfo1 .ico4,
.ContInfo1 .ico5{ background-size:26px 26px;}
	
}
@media screen and (max-width:1199px) {
.Contact1 .li1{ padding:0 3%;}
.ContInfo1 .p1{ font-size:14px; line-height:24px; padding-top:4px; padding-bottom:4px;}
.ContBox2 .li2{ padding:0 3%;}
.ContTit2{ width:94%; margin:0 3%;}
.ContBox3{ width:94%; margin:3.49% 3% 0 3%;}
	
}
@media screen and (max-width:991px) {
.Contact1{ margin:4.28% 0 12px 0;}	
.Contact1 .li1{ width:100%;}
.ContInfo1 .ico1,
.ContInfo1 .ico2,
.ContInfo1 .ico3,
.ContInfo1 .ico4,
.ContInfo1 .ico5{ background-size:20px 20px; line-height:22px; padding-top:2px; padding-bottom:2px;}
.ContInfo1 .p1{ margin:2px 0; padding-left:28px;}	
.ContInfo1{ margin:10px 0;}
	
.ContTit1{ font-size:20px; line-height:30px; padding:0 0 10px 0;}	
.Contact2{ padding:4% 0 5% 0;}	
.ContBox2 .li2{ width:100%;}
.ContBox2 .tit1{ font-size:16px; line-height:26px;}
.ContBox2 .p2{ line-height:26px;}
.ContBox3{ font-size:15px; line-height:25px;}


}
.slideTit4{ float:left;  width:370px; background:#fff; background:rgba(255,255,255,0.9); padding:1.64% 12px 1.64% 30px; border-radius:10px; position:relative; margin-top:-60px;}
.slideTit4 .ln1{ float:left; width:100%; color:#333333; font-size:18px; line-height:26px;}
.slideTit4 .ln2{ float:left; width:100%; color:#333333; font-size:10px; line-height:14px; font-family:Arial; text-transform:uppercase; margin-bottom:15px; padding:2px 0 19px 0;position:relative;}
.slideTit4 .ln2::after{ float:left; width:22px; height:1px; background:#979797; position:absolute; left:0; bottom:0; content:'';}
.slideTit4 .ln3{ float:left; width:100%; color:#333333; font-size:13px; line-height:23px;}
.slideTit4 .ln4{ float:left; width:100%; color:#008ccd; font-size:22px; line-height:32px; font-family:Arial;}

@media screen and (max-width:1680px) {
.slideTit4{ padding:1% 15px;margin-top:-40px;}
.slideTit4 .ln1{ font-size:16px; line-height:22px;}
.slideTit4 .ln2{ margin-bottom:5px; padding:2px 0 7px 0;}
.slideTit4 .ln4{ font-size:20px; line-height:28px;}	
}
@media screen and (max-width:1199px) {
.slideTit4{ width:260px;margin-top:-20px; border-radius:5px; padding:8px 12px;}	
.slideTit4 .ln2{ display:none;}
.slideTit4 .ln1{ font-size:14px; line-height:19px;}
.slideTit4 .ln3{ font-size:12px; line-height:18px;}
.slideTit4 .ln4{ font-size:20px; line-height:26px;}	
}
@media screen and (max-width:991px) {


}


/*网站建设-方案报价*/
.PropQuot1{ float:left; width:100%; margin:4.28% 0; background:#fff; padding:3.85% 0 4.28% 0; position:relative;}
.PropRight{ float:right; width:75.71%; padding:0 4.5%; margin:0;}
.PropLeft{ float:left; width:24.29%; margin:0; position:absolute; left:0; top:0; height:100%; padding:3.85% 0 4.28% 2.85%; }
.PropLeft .pz_SideLayer{ float:left; width:100%; background:#f9f9f9; position:relative; height:100%;}
.PropLeft .pz_SideLayer .l1{ float:left; width:100%; border-bottom:1px solid #fff; padding:0 13.33%;webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.PropLeft .pz_SideLayer .l1 a{ float:left; width:100%; color:#333333; font-size:16px; line-height:46px;}
.PropLeft .pz_SideLayer .l3 a{ background:url(../images/ino11_1.png) right center no-repeat;}
.PropLeft .pz_SideLayer .l1.hover,
.PropLeft .pz_SideLayer .l1:hover{ background:#008ccd;}
.PropLeft .pz_SideLayer .l1.hover a,
.PropLeft .pz_SideLayer .l1:hover a{ color:#fff; background:url(../images/ino11.png) right center no-repeat;-webkit-transition:none; -moz-transition:none;
-ms-transition:none; -o-transition:none;transition:none;}
.PropLeft .pz_SideLayer .l2{ float:left; width:100%; border-bottom:1px solid #fff; padding:0 13.33%;}
.PropLeft .pz_SideLayer .l2 a{ float:left; width:100%; color:#444444; font-size:14px; line-height:36px; padding-left:16px; background:url(../images/ino15.png) left center no-repeat;}
.PropLeft .pz_SideLayer .l2.hover a,
.PropLeft .pz_SideLayer .l2:hover a{ color:#008ccd; background:url(../images/ino16.png) left center no-repeat;}
@media screen and (max-width:991px) {
.PropLeft{ padding:4% 3%;}	
.PropLeft .pz_SideLayer .l1{ padding:0 12px;}
.PropLeft .pz_SideLayer .l1 a{line-height:40px; font-size:15px;}
.PropLeft .pz_SideLayer .l2{ padding:0 12px;}
.PropLeft .pz_SideLayer .l2 a{ font-size:13px; line-height:30px;}

}

.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:#444444; font-size:16px; line-height:26px; margin:3px 0;}
.PropNew .p1{ float:left; width:100%; color:#444444; 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:#444444; font-size:36px; line-height:40px; font-family:Arial; margin:7px 0 8px 0;}
.PropNew .years{ float:left; width:100%; color:#444444; font-size:14px; line-height:1px; 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:#008ccd;}
@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;}
}

/*SEO*/
.indexTit_8{ float:left; width:100%; margin-top:1.78%;}
.indexTit_8 h5{ float:left; width:100%; text-align:center; color:#444444; 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:lef; width:100%; color:#008ccd; font-size:20px; line-height:26px;}
.SeoLIist2 .p1{ float:left; width:100%; color:#444444; 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:49px; background:url(../images/ino17.png) center no-repeat; background-size:100% 100%; color:#444444; font-size:46px; 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:#008ccd;}
@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; top:44px;}
}
@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; top:29px; width:66px; height:66px; line-height:66px; font-size:36px;}
.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:#444444; 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:#008ccd;}

.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:#444444; font-size:16px; line-height:34px; border-radius:70px;}
.SeoBtn .la{ display:inline-block; background:#008ccd; 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:#008ccd;}
@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 0 0; 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:#008ccd; font-size:18px; line-height:26px;}
.SeoLIist3 .p1{ float:left; width:100%; color:#444444; font-size:16px; line-height:32px; margin-top:4px; }
.SeoLIist3 .data{ float:left; width:190px; height:80px; text-align:center; position:absolute; left:0; top:0; background:#008ccd; border-radius:10px; color:#fff; font-size:46px; line-height:80px; 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;}
}
@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;}

}


.SEO4{ float:left; width:100%; padding:2.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:#008ccd; 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:200px; height:42px; line-height:42px; color:#fff; font-size:16px; background:#008ccd;}
.SeoMore a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2); color:#fff;}
.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:#008ccd;}
.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:#444444; font-size:14px; line-height:24px; padding-left:30px; margin-top:42px;}

.SeoNew1:hover .tit{ color:#008ccd;}
.SeoNew1:hover .more{ color:#008ccd;}

.SeoNew2{ float:left; width:49%; 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:#008ccd;}
.domName4 .nub .col1{ color:#008ccd; 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:#008ccd; 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:#008ccd;}

@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*/
.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:#008ccd;}

@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*/
.domName_bg1{ float:left; width:100%; padding:2.18% 0 4.16% 0; overflow:hidden;}
.domName1{ float:left; width:100%; margin-top:2.57%;}
.domName1 .tit1{ width:100%; float:left; background:#333333; padding:32px 6.42%; position:relative; border:solid 1px #cccccc;border-bottom:none;}
.domName1 .tit1 .search{ float:left; width:100%; position:relative; padding-right:252px;}
.domName1 .tit1 .search .search_k{ width:100%; height:50px; background:white;  line-height:50px; padding:0 3.62%; font-size:14px; color:#444444; border:solid 1px #fff;}
.domName1 .tit1 .search .search_k:focus{ border:solid 1px #008ccd; box-shadow:0 0 8px rgba(255,255,255,0.2);}
.domName1 .tit1 .search .search_b{ width:229px; height:50px; line-height:50px; text-align:center; position:absolute; right:0; top:0; cursor:pointer; font-size:18px; color:white; background:#008ccd;
-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;}
.domName1 .tit1 .search .search_b:hover{ background:#0181bc;}

.domName1 .cont1{ width:100%; padding:30px 0 35px 6.57%; float:left; border:solid 1px #cccccc;border-top:none; }
.domName1 .cont1 ul{ width:100%; float:left;}
.domName1 .cont1 ul li{ width:11.11%; float:left; color:#444444; font-size:16px; line-height:26px; font-family:Arial; margin:10px 0; padding-right:10px;}
.domName1 .cont1 ul li input{ vertical-align:middle; margin:-2px 10px 0 0;}

.domName1 .tit2{ float:left; width:100%; color:#444444; font-size:18px; line-height:28px; padding:25px 0 1px 0;}
.domName1 .cont2{ float:left; width:100%; margin-top:20px; border:1px solid #cccccc; position:relative; padding:0 150px 0 95px;}
.domName1 .cont2 .nub{ float:left; width:95px; text-align:center; color:#444444; font-size:14px; line-height:28px; position:absolute; left:0; top:50%; margin-top:-14px; font-family:Arial;}
.domName1 .cont2 .ul1{ float:left; width:100%; border-left:solid 1px #cccccc; padding:15px 0 15px 17px; min-height:40px;}
.domName1 .cont2 .ul1 li{ float:left; color:#444444; font-size:14px; line-height:28px; margin:0 30px;}
.domName1 .cont2 .btn{ float:left; position:absolute; right:40px; top:50%; margin-top:-14px;}
.domName1 .cont2 .btn a{ float:left; width:91px; line-height:28px; color:#fff; font-size:12px; background:#008ccd; text-align:center;}

.domName1 .active .nub{ color:#ff0000;}
.domName1 .active .ul1 li{ color:#ff0000;}
.domName1 .active .btn a{ background:#ff0000;}

@media screen and (max-width:1429px) {
.domName1 .cont1{ padding:20px 0 25px 3.8%;}
.domName1 .cont1 ul li{ margin:4px 0; }

}
@media screen and (max-width:1199px) {
.domName1 .tit1{ padding:16px 3.62%;}
.domName1 .tit1 .search{ padding-right:130px;}
.domName1 .tit1 .search .search_k{ height:40px; line-height:40px;}
.domName1 .tit1 .search .search_b{ width:120px; height:40px; line-height:40px; font-size:16px;}

.domName1 .cont1 ul li{ font-size:14px;}
.domName1 .cont1 ul li input{ margin:-2px 6px 0 0;}


.domName1 .tit2{ font-size:18px; line-height:28px; padding:15px 0 1px 0;}
.domName1 .cont2{ margin-top:12px; padding:0 96px 0 56px;}
.domName1 .cont2 .nub{width:56px; line-height:26px;}
.domName1 .cont2 .ul1{ float:left; width:100%; border-left:solid 1px #cccccc; padding:12px 0 12px 10px;}
.domName1 .cont2 .ul1 li{ line-height:26px; margin:0 10px;}
.domName1 .cont2 .btn{ right:15px;}
.domName1 .cont2 .btn a{ width:66px; line-height:26px;}

}
@media screen and (max-width:991px) {
.domName1 .tit1{ padding:12px 3.62%;}
.domName1 .tit1 .search{ padding-right:88px;}
.domName1 .tit1 .search .search_k{ height:34px; line-height:34px;}
.domName1 .tit1 .search .search_b{ width:88px; height:34px; line-height:34px; font-size:15px;}
.domName1 .cont1{ padding:15px 0 20px 20px;}
.domName1 .cont1 ul li{ width:16.666%; margin:0; }
}
@media screen and (max-width:640px) {
.domName1 .cont1 ul li{ width:33.33%;}
.domName1 .cont2{ padding-right:0;}
.domName1 .cont2 .ul1{ padding:6px 0 0 4px; min-height:auto;}
.domName1 .cont2 .btn{ position:static; margin:0; padding:2px 0 12px 14px; border-left:solid 1px #cccccc;}

}




/*小程序*/
.SmaProg_bg1{ float:left; width:100%; overflow:hidden; padding:2.23% 0 4.16% 0;}
.SmaProg1 ul{ margin:0 -8px;}
.SmaProg1 li{ padding:0 8px; margin-top:16px;}
.SmaProg1 .la{ box-shadow:0 0 10px rgba(0,0,0,0.1); padding:14.79% 12px;}
.SmaProg1 .ico .ino{ width:70px; height:70px;}
.SmaProg1 .tit{ margin:18px 0 5px 0; font-weight:normal;}
.SmaProg1 .line span{ background:#666; width:70px;}
.SmaProg1 .p1{ text-align:center; line-height:24px; min-height:48px; color:#666; margin:14px 0 0 0;}
.SmaProg1 .more{ float:left; width:100%; margin-top:17.83%;}
.SmaProg1 .more a{ display:block; margin:0 auto; width:100px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; background:#008ccd;}
.SmaProg1 .la:hover .more a{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}

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

.SmaProg1 .ico .ino{ width:60px; height:60px;}
.SmaProg1 .more{ margin-top:10%;}

}
@media screen and (max-width:991px) {
.SmaProg_bg1{ padding:3.9% 0;}	
.SmaProg1 ul{ margin:0 -6px;}
.SmaProg1 li{ padding:0 6px; margin-top:12px;}	
.SmaProg1 .la{ padding:20px 12px;}	
.SmaProg1 .tit{ margin:10px 0 5px 0;}	
.SmaProg1 .more{ margin-top:15px;}
.SmaProg1 .ico .ino{ width:56px; height:56px;}
.SmaProg1 .more a{ width:90px;}
}

.SmaProg_bg4{ float:left; width:100%; overflow:hidden; padding:2.23% 0 3.125% 0;}
.SmaProg4{ float:left; width:100%; margin:2.71% 0 10px 0;}
.SmaProg4 ul{ margin:0 -8px;}
.SmaProg4 li{ float:left; width:25%; padding:0 8px; margin-top:16px;}
.SmaProg4 .la{ float:left; width:100%; position:relative; background:#000;}
.SmaProg4 .img1{ float:left; width:100%; line-height:0;-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;}
.SmaProg4 .img2{ float:left; width:100%; line-height:0; position:absolute; left:0; top:50%; text-align:center; margin-top:-78px;opacity:0; filter:alpha(opacity=00);-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;}
.SmaProg4 .img2 .ico{ width:173px;}
.SmaProg4 .la:hover .img1{opacity:0.2; filter:alpha(opacity=20);}
.SmaProg4 .la:hover .img2{opacity:1; filter:alpha(opacity=100);}

@media screen and (max-width:991px) {
.SmaProg_bg4{ padding:3.9% 0;}	
.SmaProg4 ul{ margin:0 -6px;}
.SmaProg4 li{ padding:0 6px; margin-top:12px; width:50%;}	
.SmaProg4 .img2{ margin-top:-45px;}
.SmaProg4 .img2 .ico{ width:100px;}
}

.SmaProg_bg2{ float:left; width:100%; overflow:hidden; padding:2.23% 0 3.9% 0;}
.SmaProg2{ float:left; width:100%; margin-top:1.42%;}
.SmaProg2 li{ float:left; width:16.6666%; 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:#444444; 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:#008ccd;}
@media screen and (max-width:1199px) {
.SmaProg2 .img .ico{ width:80px; height:80px;}
}
@media screen and (max-width:991px) {
.SmaProg_bg2{ padding:3.9% 0;}	
.SmaProg2 .img .ico{ width:60px; height:60px;}
.SmaProg2 .info{ margin-top:5%;}
}
@media screen and (max-width:767px) {
.SmaProg2 li{ width:25%;}
.SmaProg2 .img .ico{ width:56px; height:56px;}
.SmaProg2 .info{ font-size:15px; line-height:24px;}

}


/*网站建设-模板建站*/
.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:#008ccd; padding:16px 4.37%;}
.TempEst6 .info{ float:left; width:100%; color:#444444; 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 4.27%; voice-family:inherit; 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:188px; font-size:20px; color:#444444; 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:#444444; 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:#008ccd; 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:#008ccd; 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 { display:none !important;
	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;
}
.TempEst4 .slick-next {
	left: auto;
	right: -50px;
	background-position:right center;
}
.TempEst4:hover .slick-prev,
.TempEst4:hover .slick-next{ display:block !important; }
.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;}


.HigCust4 .p{ height:211px;}
.HigCust4 .l1 .p{ padding-top:179px;}
.HigCust4 .info h4{ width:100%; float:left; font-size:14px; color:#444444; line-height:22px; min-height:66px; overflow:hidden; margin-bottom:6px;}
.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:124px;}
.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:174px;}
.HigCust4 .l1 .p{ padding-top:131px;}


}
@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:#444444; font-size:16px; line-height:30px; min-height:110px;}
.TempEst3 .la:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);} 
.TempEst3 .la:hover .tit{ color:#008ccd;}
.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:3.38% 0 3.64% 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:26px; line-height:40px; margin:15px 0 9.83% 0; text-align:center;}
.TempEst2 .info1{ float:left; width:100%; color:#008ccd; 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:#008ccd;}
.TempEst2 .info2{ float:left; width:100%; color:#444444; font-size:16px; line-height:29px; min-height:75px; margin-top:2px; 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:2% 0 2% 0;}
.TempEst_Bg7 .info{ float:left; width:48.57%; margin-top:5.8%;}
.TempEst_Bg7 .tit{ float:left; width:100%; color:#000000; font-size:26px; line-height:38px;}
.TempEst_Bg7 .p1{ float:left; width:100%; color:#444444; font-size:18px; 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:#9094a3; 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:#444444; 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:#444444; font-size:18px; line-height:42px; border-bottom:1px solid #e5e5e5; margin-top:4.84%;}
.TempEst1 .sp1{ color:#008ccd; font-size:24px; font-weight:bold; vertical-align:top;}
.TempEst1 .sp2{ color:#008ccd; font-size:32px; font-weight:bold; padding-right:20px;}
.TempEst1 .info3{ float:left; width:100%; color:#444444; 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:20px; line-height:50px; background:#9094a3; border-radius:3px; text-align:center;}
.TempEst1 li:hover .ln1{background: linear-gradient(to right, #2f7ef2, #008CCD);}
.TempEst1 li:hover .btn1 a{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);background: linear-gradient(to right, #3a99ff, #0acffe);}

@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;}
}


/*网站建设-高端定制*/
.HigCust_bg1{ float:left; width:100%; overflow:hidden; padding:2.23% 0 4.06% 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:#444444; 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:#008ccd;}
.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 4.16% 0;}
.HigCust_bg5{ float:left; width:100%; overflow:hidden; padding:2.23% 0 4.16% 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:#444444; font-size:20px; line-height:30px;}
.HigCust2 .p1{ float:left; width:100%; color:#444444; 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:#008ccd; font-size:64px; 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:#008ccd;}
@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.44% 0 5px 0; position:relative;}
.HigCust_bg3::after{ float:left; width:100%; height:115px; position:absolute; left:0; bottom:0; content:''; background:#fff; z-index:66;}
.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:13% 12px 13% 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:#444444; 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:#008ccd;}

@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;}
}
@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;}

}
@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;}
}
@media screen and (max-width:767px) {
.HigCust3 li{width:100%;}
}


/*关于我们*/
.about1{ width:100%; float:left; margin-top:2.85%; position:relative; background:#f5f5f5;}
.about1 .z_721{ width:50%; float:left; background:#fff; padding:2.85%;}
.about1 .z_721 h5{ width:100%; float:left; font-size:16px; color:#444444; line-height:30px; margin:3px 0 0 0;}
.about1 .z_721 .p{ width:100%; float:left; font-size:12px; color:#444444; line-height:20px; margin-top:3.54%; font-family:Arial;}
.about1 .z_721_b{ width:100%; float:left; margin-top:5.64%; padding-top:7.41%; border-top:dashed 1px #acacac;}
.about1 .z_721_b ul{ width:100%; float:left;}
.about1 .z_721_b ul li{ width:42%; float:left;}
.about1 .z_721_b ul li.last{ width:16%;}
.about1 .z_721_b ul li h1{ width:100%; float:left; font-size:61px; color:#444444; line-height:51px; font-weight:bold; font-family:Arial;}
.about1 .z_721_b ul li h1 span{ font-size:24px; vertical-align:bottom; display:inline-block; *zoom:1; *display:inline; line-height:36px; font-weight:normal;}
.about1 .z_721_b ul li h5{ width:100%; float:left; font-size:14px; color:#3e3e3e; line-height:24px; margin-top:4px;}
.about1 .link_1{ width:44.3%; float:right; overflow:hidden; margin:3.57% 2.85% 2.85% 2.85%;}
.about1 .link_1 ul{ width:100%; float:left; margin-left:-1px;}
.about1 .link_1 ul li{ width:20%; float:left; border-left:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.about1 .link_1 ul li img{ width:100%; float:left;}
@media screen and (max-width:1429px) {
.about1 .z_721_b ul li h1{ font-size:51px; line-height:41px;}
}
@media screen and (max-width:1199px) {
.about1 .z_721{ padding:2%;}
.about1 .z_721_b{ margin-top:4%; padding-top:6%;}
.about1 .z_721_b ul li{ width:40%;}
.about1 .z_721_b ul li.last{ width:20%;}
.about1 .z_721_b ul li h1{ font-size:41px; line-height:31px;}
.about1 .z_721 h5{ font-size:14px; line-height:22px;}
.about1 .z_721 .p{ margin-top:2%; line-height:18px;}
.about1 .link_1{ width:46%;margin:2.72% 2% 2% 2%;}

}
@media screen and (max-width:991px) {
.about1 .z_721{ width:100%; padding:4%;}
.about1 .link_1{ width:92%;margin:4.72% 4% 4% 4%;}
.about1 .z_721_b ul li h1{ font-size:30px; line-height:30px;}
.about1 .z_721_b ul li h5{ font-size:12px;}
}

.about_bg2{ float:left; width:100%; padding:3.125% 0 0 0;}
.about1_Bg5{ float:left; width:100%; padding:2.23% 0 0 0; overflow:hidden;}
.about1_Bg6{ float:left; width:100%; padding:3.28% 0 4.16% 0; overflow:hidden;}
.about_bg3{ float:left; width:100%; overflow:hidden;}
.about3{ float:left; width:100%; background:#ffffff;}
.about3 .li1{ float:left; width:100%; position:relative;}
.about3 .li1 .info{ float:left; width:50%; text-align:center; padding:15px 3.57%;}
.about3 .li1 .tit1{ float:left; width:100%; color:#333333; font-size:34px; line-height:48px; margin-top:18%;}
.about3 .li1 .tit2{ float:left; width:100%; color:#333333; font-size:17px; line-height:27px; text-transform:uppercase; font-family:Arial;}
.about3 .li1 .p1{ float:left; width:100%; color:#444444; font-size:15px; line-height:24px;}
.about3 .li1 .line{ float:left; width:93%; height:1px; background:#333333; margin:16.6% 3.5% 14% 3.5%;}
.about3 .li1 .ln1{ float:left; width:50%; position:absolute; left:0; top:0; height:100%;}
.about3 .li2 .ln1{ left:auto; right:0;}
.about3 .li1 .in1{ background:#f5f5f5; position:relative; height:100%;}
.about3 .li1 .img{ float:right; width:50%;}
.about3 .li2 .img{ float:left;}

@media screen and (max-width:1429px) {
.about3 .li1 .tit1{ font-size:28px; line-height:38px; margin-top:12%;}
.about3 .li1 .tit2{ font-size:14px; line-height:24px;}
.about3 .li1 .line{ margin:8.3% 3.5% 7% 3.5%;}

}
@media screen and (max-width:1199px) {
.about3 .li1 .tit1{ font-size:22px; line-height:32px; margin-top:6%;}
.about3 .li1 .p1{ line-height:22px;}
.about3 .li1 .line{ margin:7% 3.5% 6% 3.5%;}

}
@media screen and (max-width:991px) {
.about3 .li1 .img{width:100%;}
.about3 .li1 .info{ width:100%;}
.about3 .li1 .ln1{ position:static; width:100%;}
.about3 .li1 .tit1{ font-size:22px; line-height:32px; margin-top:0;}
.about3 .li1 .p1{ line-height:22px;}
.about3 .li1 .line{ margin:10px 3.5%;}
}

.about_bg2{ float:left; width:100%; overflow:hidden; padding-bottom:20px;}
.about2{ float:left; width:100%; background:#ffffff; position:relative;}
.about2 .ln2{ float:right; width:63.2%; padding:35px 2.14% 40px 3.78%;}
.about2 .tit3{ float:left; width:100%; color:#008ccd; font-size:30px; line-height:34px; position:relative; padding-bottom:16px;}
.about2 .tit3::after{ float:left; width:20px; height:2px; background:#000000; position:absolute; left:0; bottom:0; content:'';}
.about2 .p1{ float:left; width:100%; color:#444444; font-size:16px; line-height:30px; margin:11px 0 35px 0;}
.about2 .more1{ float:left; width:100%;}
.about2 .more1 a{ float:left; width:200px; color:#fff; font-size:16px; line-height:48px; text-align:center; background:#008ccd;}
.about2 .more1 a:hover{ box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.about2 .ln1{ float:left; width:36.8%; height:100%; background:#333333; position:absolute; left:0; top:0; padding:7.85% 20px 20px 4.78%;}
.about2 .ln12{ float:left; width:36.8%; height:100%; background:#333333; position:absolute; left:0; top:0; padding:0;}
.about2 .ln12 .mobile {display:none;}
.about2 .tit1{ float:left; width:100%; color:#fff; font-size:60px; line-height:60px; font-weight:bold; }
.about2 .tit2{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px;}
.about2 .btn1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; margin-top:20.2%;}
.about2 .btn1 a{ float:left; color:#fff; border:1px solid #fff; width:120px; line-height:34px; font-size:12px; text-align:center; margin-right:20px;}
.about2 .btn1 a .ico{ vertical-align:middle; margin-right:12px;}
.about2 .btn1 a:hover{ background:#008ccd; border:1px solid #008ccd; color:#fff; box-shadow:4px 4px 10px rgba(0,0,0,0.2);}


@media screen and (max-width:1429px) {
.about2 .p1{ line-height:26px;}
.about2 .tit1{ font-size:50px; line-height:50px;}
}
@media screen and (max-width:1199px) {
.about2 .ln1{ padding:7.85% 15px 20px 2.4%;}	
.about2 .tit1{ font-size:40px; line-height:40px;}
.about2 .tit2{ font-size:14px; line-height:26px;}
.about2 .p1{ margin:11px 0 25px 0;}
.about2 .tit3{ padding-bottom:10px;}
.about2 .more1 a{ line-height:40px; width:120px;}
.about2 .btn1 a{ width:100px; margin-right:10px;}
.about2 .btn1 a .ico{ margin-right:6px;}

}
@media screen and (max-width:991px) {
.about2 .ln2{padding:20px 20px;}
.about2 .tit3{ font-size:18px; line-height:28px;}
.about2 .more1 a{ font-size:14px; width:110px; line-height:36px;}
.about2 .p1{ margin:11px 0 20px 0;}
}
@media screen and (max-width:767px) {
.about2 .ln2{ width:100%;padding:15px 12px 20px 12px;}
.about2 .ln1{ position:static; width:100%;padding:15px 12px 20px 12px;}
.about2 .ln12{ position:static; width:100%;padding:0;}
.about2 .ln12 .pc {display:none;}
.about2 .ln12 .mobile {display:block;}
.about2 .btn1{ margin-top:10px;}
.about2 .btn1 a{ line-height:30px;}
.about2 .tit1{ font-size:30px; line-height:36px;}

}



/*20190329--banner修改*/
.Aslide_banner{ float:left; width:100%; line-height:0;}
.Aslide_banner .slick-slide{ float:left; width:100%; line-height:0; position:relative;}
.Aslide_banner .zban2{ float:left; width:147px; position:absolute; left:13.54%; top:58.15%;}
@media screen and (max-width:991px) {
.Aslide_banner .zban2{ width:90px; left:4.16%; top:75%;}
}

/*404*/
#z_404{ width:100%; height:100%; position:fixed;}
#z_404 .zbox{ width:1200px; height:100%; position:relative; margin:auto; display:table;}
.bg_5{ background:url(../images/new-bg1.jpg) no-repeat left center;}
.bg_6{ background:url(../images/new-bg2.jpg) no-repeat left center;}
.z_0100_1{ display:table-cell; vertical-align:middle; text-align:center;}
.z_0100_1 .text{ width:50%; float:right;}
.z_0100_1 .text h1{ margin-top:25px;}
.z_0100_1 .text h5{ margin-top:22px; font-size:18px; color:#455361; line-height:36px; font-weight:bold;}
.z_0100_1 .text h5 a{ display:inline-block; *zoom:1; *display:inline; width:120px; height:36px; line-height:36px; color:white; background:#008ccd; font-weight:bold; font-size:16px; vertical-align:middle; margin:-2px 0 0 10px;
-moz-border-radius:18px; 
-webkit-border-radius:18px; 
-khtml-border-radius:18px;
border-radius:18px;}
.z_0100_1 .text h5 a:hover{ background:#F34230; box-shadow:0 3px 7px rgba(0,0,0,0.15);}
@media screen and (max-width:1199px) {
#z_404 .zbox{ width:100%; padding:20% 20px 15% 20px;}
}
@media screen and (max-width:767px) {
#z_404 .zbox{ background-size:contain !important; background-position: center bottom !important; padding-top:5%;}
.z_0100_1 {vertical-align:top;}
.z_0100_1 .text {width:100%;}
.z_0100_1 .text h5{ font-size:14px; line-height:26px;}
.z_0100_1 .text h5 a{ width:100px; height:26px; line-height:26px; font-size:12px; margin:-2px 0 0 6px;}
#z_404 .zbox.bg_6{ background-position: center top !important;}
}
@media screen and (max-width:480px) {
.z_0100_1{ vertical-align:top;}
.z_0100_1 .text{ width:100%;}
.z_0100_1 .text h1{ margin-top:10px; padding:0 10%;}
.z_0100_1 .text h3{ padding:0 10%;}
#z_404 .zbox.bg_6 .z_0100_1{ vertical-align:bottom;}
}