@charset "utf-8";
/* CSS Document */


@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
  font: 1.4rem "Microsoft YaHei";
  outline: none;
  font-family: "Microsoft Yahei",Arial, Helvetica,"Hiragino Sans GB", SimSun,  "Helvetica Neue";
}
ul,
ol,
li {
  list-style: none;
}
input,
button {
  border: none;
  outline: none;
  background: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  -webkit-appearance: none;
  -moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}

body {color: #3E3E3E;background:#fff;font-size:14px;}
.clearfix {clear: both;}
p{margin-bottom: 0;}
img{outline:none; border:0px; }
a {color: #3E3E3E; text-decoration: none !important;}
a:hover{color: #3E3E3E;text-decoration: none !important;}

h2,h3,h4,h5,h6{ font-weight:normal;}
a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.height10{ height:10px;}
.height20{ height:20px;}
.height30{ height:30px;}
.height40{ height:40px;}
.height230{ height:210px;}
.margin_20{ margin-top:-20px;}
.fl{ float:left;}
.fr{ float:right;}

.container{position:relative;width:1400px;margin:0px auto;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden; }
.clear{clear:both;overflow: hidden;}
.h5{height:5px;clear:both;}
.h10{height:10px;clear:both;}
.h15{height:15px;clear:both;}
.h20{height:20px;clear:both;}
.h30{height:30px;clear:both;}
.h40{height:40px;clear:both;}
.h50{height:50px;clear:both;}
.h60{height:60px;clear:both;}
.h70{height:70px;clear:both;}
.h80{height:80px;clear:both;}
.h90{height:90px;clear:both;}
.h100{height:100px;clear:both;}
.h140{height:140px;clear:both;}



header{transition-duration: .5s;-webkit-transition-duration: .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100px; z-index: 100; padding-top:25px; background:rgba(0,0,0,0.5);}
header .header-body{margin: 0 auto; width: 98%;}
.headerIndex .header-body{border-bottom: none;}
header .logo{display: inline-block;position: relative;z-index: 110; top:-5px;}
header .logo2{display: inline-block;position: absolute;z-index: 110; top:30px;}
header .logo3{display: inline-block;position: absolute;z-index: 110; top:32px; right:20px;}
header .logo a{display: block;}




header nav{float: right;margin-top: 5px;width: 660px; margin-right:300px;}
header nav li{position: relative; float: left;  box-sizing: content-box; padding:0px 17px;}

header nav li a{position: relative; display: inline-block;width: 100%;text-align: center;color: #c4c4c4;font-size: 15px;line-height: 32px;border-radius: 20px;transition-duration: .5s;-webkit-transition-duration: .5s;}
/*header nav li.service a:after{display: none; content: ""; position: absolute;bottom: -20px;left: 50%;margin-left: -10px; border: 8px solid;border-color: #fff transparent transparent transparent;}*/
header nav li.service:hover a:after,header nav li.service.active a:after {display: block;}
header nav li a{color: #3e3e3e;}
.headerIndex nav li a{color: #fff;}
.moreList{ position: absolute;top: calc(100% - 1px);left: 0; width: 100%;background-color: #fff;text-align: center;border-bottom:1px solid #000000;
}
.moreList a{margin:2px -22px 3px 8px; display: inline-block;text-align: center;color: #414141; }
.moreList a .img{position: relative;}
.moreList a .img img{position: relative;z-index: 1; margin: 0 auto;transform: scale(.9);-webkit-transform: scale(.9); transition-duration: .5s;-webkit-transition-duration: .5s;}
.moreList a .cn{font-size: 13px;margin-bottom: 3px;}
.moreList a .en{font-size: 10px;opacity: .6;text-transform: uppercase;}
.moreList:after{content: "";position: absolute;top: 50%;left: 10%; height: 1px;width: 80%;transition-duration: 1s;-webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s; transform-origin: center;-webkit-transform-origin: center;transform: scale(0);-webkit-transform: scale(0);}
.moreList a .bg{overflow: hidden; position: absolute;width: 62px;height: 75px;top: 84%;left: 76%;margin-left: -76px;margin-top: -85px;z-index: 0; display:none;}.moreList a .bg span{width: 0; position: absolute;top: 0;left: 0; width: 100%;height: 2px; background: #ff0000;transition-duration: .8s;-webkit-transition-duration: .8s;}
.moreList a .bg .left,.moreList a .bg .right{width:2px;height: 100%;}
.moreList a .bg .top{left: -100%;}
.moreList a .bg .left{top: -100%;}
.moreList a .bg .right{left: auto;right: 0;top: 100%;}
.moreList a .bg .bottom{top: auto;bottom: 0;left: 100%;}
.moreList a:hover{color: #ff0000;}
.moreList a:hover .img img{transform: none;-webkit-transform: none;}
.moreList a:hover .bg .top{left: 0;}
.moreList a:hover .bg .right{top: 0;}
.moreList a:hover .bg .bottom{left: 0;}
.moreList a:hover .bg .left{top: 0;}
.moreList.active{visibility: visible; transform: none;-webkit-transform: none;}
.moreList.active:after{transform: scale(1);-webkit-transform: scale(1);}



.moreList11{ visibility: hidden;-webkit-transform: perspective(800px) rotateX(-90deg);transform: perspective(800px) rotateX(-90deg);-webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all .5s cubic-bezier(.77,0,.175,1) 0s;transition: all .5s cubic-bezier(.77,0,.175,1) 0s; position: absolute;top: calc(100% - 1px);left: 0; width: 100%;background-color: #fff;text-align: center;}
.moreList11 a{margin:40px 20px 40px 20px; display: inline-block;text-align: center;color: #414141;}
.moreList11 a .img{position: relative;}
.moreList11 a .img img{position: relative;z-index: 1; margin: 0 auto;transform: scale(.9);-webkit-transform: scale(.9); transition-duration: .5s;-webkit-transition-duration: .5s;}
.moreList11 a .cn{font-size: 13px;margin-bottom: 3px;}
.moreList11 a .en{font-size: 10px;opacity: .6;text-transform: uppercase;}
.moreList11:after{content: "";position: absolute;top: 50%;left: 10%; height: 1px;width: 80%;transition-duration: 1s;-webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s; transform-origin: center;-webkit-transform-origin: center;transform: scale(0);-webkit-transform: scale(0);}
.moreList11 a .bg{overflow: hidden; position: absolute;width: 150px;height: 255px;top: 50%;left: 50%;margin-left: -73px;margin-top: -130px;z-index: 0;}
.moreList11 a .bg span{width: 0; position: absolute;top: 0;left: 0; width: 100%;height: 2px; background: #ff0000;transition-duration: .8s;-webkit-transition-duration: .8s;}
.moreList11 a .bg .left,.moreList11 a .bg .right{width:2px;height: 100%;}
.moreList11 a .bg .top{left: -100%;}
.moreList11 a .bg .left{top: -100%;}
.moreList11 a .bg .right{left: auto;right: 0;top: 100%;}
.moreList11 a .bg .bottom{top: auto;bottom: 0;left: 100%;}
.moreList11 a:hover{color: #ff0000;}
.moreList11 a:hover .img img{transform: none;-webkit-transform: none;}
.moreList11 a:hover .bg .top{left: 0;}
.moreList11 a:hover .bg .right{top: 0;}
.moreList11 a:hover .bg .bottom{left: 0;}
.moreList11 a:hover .bg .left{top: 0;}
.moreList11.active{visibility: visible; transform: none;-webkit-transform: none;}
.moreList11.active:after{transform: scale(1);-webkit-transform: scale(1);}




header.active,.case header.active{position: fixed;padding-top: 10px;height: auto;background-color: #101010;}
header.active nav{margin-top: 5px;}
header.active nav li a{color: #fff;}
header.active .logo img{height: 40px; margin-top:5px;}
header.active .logo2 img{ display: none;}
header.active .logo3{ display: block; top:18px;}
header.active .header-body{padding-bottom: 10px;}

header.active nav{transition-duration: .5s;-webkit-transition-duration: .5s;}

header nav li a:before {width: 0%;height: 2px;position: absolute;left: 50%;bottom: -5px;background: #fff;content: '';transition: all .5s ease 0s;}
header nav li a:hover:before {width: 100%;left: 0%;}




.headerIndex.fixed{position: fixed;}



.channelBanner{
	clear: both;
	width: 100%;
    padding-top: 34.04166667%;
    background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
    z-index: 2;
}
.bannerLine{ 
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(..img/lineShadow.png) repeat;
    opacity: 0.1;
}

.channelBanner h2{ position:absolute; text-align:center; width:100%; top:44%; color:#fff; font-size:30px; letter-spacing:1px;}
.channelBanner h3{ position:absolute; text-align:center; width:100%; top:53%; color:#eee; font-size:15px; line-height:30px;}

.aboutUsT{
    clear: both;
    height: 75px;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 30px;
    line-height: 75px;
    position: relative;
}
.aboutUsT3{
    clear: both;
    height: 45px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    position: relative;
}
 
.aboutUsT.typ2{color:#fff}
.aboutUsT:after{
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background: #d6000f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-10px;
}
.aboutUsT2{
    clear: both;
    overflow: hidden;
    line-height: 52px;
    text-align: center;
    font-size: 15px;
    color: #666;
}

.fixedBanner{height: 757px;}

.banner{overflow: hidden;top: 0;left: 0;width: 100%;height: 757px;}
/*.banner img{width: 100%;}*/
.banner-text {max-width: 100%;width: auto!important;}
.zzn{margin-top: 30px;overflow: hidden; position: relative;display: block;width: 143px;height: 35px;line-height: 30px;color: #fff;font-size: 16px;text-align: center;text-transform: uppercase;border-radius: 20px;background-color:none; border:1px solid #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.zzn p{position: absolute;width: 100%;height: 100%;z-index: 1;}
.zzn:before{content: "";width: 100%;height: 1px;background-color: #cf0f07;position: absolute;top: -20px;left: 0;}
.zzn:after{border-radius: 20px; content: "";width: 100%;height: 100%;background-color: #ff0000;position: absolute;top: 0;left: -100%;transition-duration: .5s;-webkit-transition-duration: .5s;z-index: 0;}
.zzn:hover{color: #fff;border:1px solid #ff0000;}
.zzn:hover:after{left: 0;}
.btn{position: relative; text-align: left;margin-top: 20px;padding-bottom: 20px;}
.btn:after{content: "";left: 0;top: 0; position: absolute;width: 0;height: 2px;background-color: #ff0000;transition-duration: .5s;-webkit-transition-duration: .5s;}
.m--active-control .btn:after,.btn:hover:after{width: 63px;}
.btn .cn{font-size: 16px; font-family:"微软雅黑"; color:#fff; padding-top:15px;}
.btn .en{font-size: 12px;text-transform: uppercase;}





.yewu_box_top{ position: absolute; z-index:-1; left:30%;}
.n_mainTitle_line{border-top: 1px solid #ccc;text-align: center; margin: 0px  auto; width:594px; }
.n_mainTitle{position: relative;display: inline-block;font-size: 30px;line-height: 60px;top: -30px;padding: 0 40px; color: #686767; background:#fff; z-index:1}
.n_mainTitle_line_1{text-align: center; margin: 20px  auto;}
.n_mainTitle_line_1 img{ margin:0 auto;}
.n_mainTitle_line_2{text-align: center; margin: -10px  auto; font-size:16px; color:#fff;}
.n_mainTitle a{ color:#3e3e3e;}
.n_mainTitle a:hover{ color:#ff0000;}

.n_mainTitle_line_2 a{ color:#fff;}
.n_mainTitle_line_2 a:hover{ color:#1DC5FE;}

.n_mainTitle_line_2 a.yanse{ color:#333;}
.n_mainTitle_line_2 a.yanse:hover{ color:#ff0000;}


.clear{ clear:both;}
.main_box{ width:100%; padding:0px 0; background:#fff;}
.about_box{ width:100%; padding:0px 0; height:650px; background: url(../img/g_about_bg.jpg) repeat-y center center;}
.about_box_top{ height:204px; padding:0px 0; background:#fff;}
.about_box_top ul li{ float:left; width:20%;}
.about_pic{ padding-top:-30px; float:left; margin-left:-30px;}
.about_box_top ul li h2{ padding-top:75px; font-weight: normal; font-size:40px; line-height:40px; position:relative;}
.about_box_top ul li h2 i{font-style:normal; font-size:40px; line-height:40px; }
.about_box_top ul li h2 span{ font-size:30px;top:60px; position:absolute;}
.about_box_top ul li p{ font-size:16px; line-height:50px;}

.about_box_top ul li h2 a{ color:#3e3e3e;}
.about_box_top ul li h2 a:hover{color:#ff0000;}

.about_Text{ float:left; width:670px;  border-top:1px solid #ddd; margin-top:40px; padding:30px 10px 0px 10px;}
.about_Text h2{ font-size:30px; position:relative; width:195px; font-weight:normal;}
.about_Text h2 span{ position:absolute; right:0px; top:0px; color:#ff0000;}
.about_Text p{ line-height:30px; font-size:14px; padding-top:10px;text-indent:2em;}

a.about_more{ display:block; background: url(../img/index4_13.png) no-repeat center center; width:35px; height:35px;  margin-top:15px;}
a:hover.about_more{ background: url(../img/index4_13_hover.png) no-repeat center center;}

.g_about_pic{ float:right; width:656px;}
.g_about_pic img{ max-width:100%; max-height:100%;}

.yewu_box{ width:100%; padding:0; height:776px; background: url(../img/g_yewu_bg.jpg) repeat-y center center;}
.yewu_box ul{ position:relative;}
.yewu_box ul li{ float:left; width:24%; height:525px; margin-top:250px; padding-top:70px; text-align:center; position:relative;}
.yewu_box ul li.hover1{ background:rgba(17,89,128,0.5);}
.yewu_box ul li:hover{  background:rgba(17,89,128,0.5);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; z-index:999; }
.yewu_box ul li.bg2:hover{ background:rgba(17,126,109,0.5);}
.yewu_box ul li.bg3:hover{ background:rgba(111,51,109,0.5);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; z-index:999;}
.yewu_box ul li.bg4:hover{ background:rgba(101,35,29,0.5);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; z-index:999;}

.yewu_line{ width:180px; height:1px; background:#848e9f; text-align:center; margin:15px auto;}
.yewu_line1{ width:1px; height:455px; background:#4f5a6e; float:left; margin-top:270px;}
.yewu_box ul li h2{ font-size:35px; line-height:45px; color:#fff;}
.yewu_box ul li span{ font-size:16px; line-height:35px; color:#ddd;}
.yewu_box ul li p{ font-size:13px; line-height:35px; color:#ddd; letter-spacing:1px;position:relative; text-align:center; }
.yewu_box ul li p a{ color:#ddd;}
.yewu_box ul li p a:hover{ color:#fff; padding-left:10px;}

.yewu_box ul li p a:before {width: 0%;height: 1px;position: absolute;left:105px;top:17px;background: #fff;content: '';transition: all .5s ease 0s;}
.yewu_box ul li p a:hover:before {width: 15px;left:105px;}




.focusimg3 {width:656px;margin:0 auto; height:411px; position:relative;overflow:hidden; text-align:left;}
.focusimg3 .point {position:absolute; z-index:20; left:10px; bottom:10px; display:block;text-align:center;}
.focusimg3 .point li {float:left; padding:0px 2px; margin-right:0px;line-height:20px; }
.focusimg3 .point li a,.focusimg3 .point li a:link,.focusimg3 .point li a:visited {width:22px; height:22px; background:url(../img/f_h.png) no-repeat;display:block; text-align:center; color:#fff; z-index:90; }
.focusimg3 .point li a:hover,.focusimg3 .point li a.cur { background:url(../img/f_a.png) no-repeat;color:#fff; text-decoration:none;}
.focusimg3 .image {position:absolute; z-index:1;}
.focusimg3 .image li {height:411px; overflow:hidden; width:656px;}
.focusimg3 .image li a{ font-size:14px; color:#000}
.focusimg3 .image li span{font-size:12px; color:#666}


/*特色*/
.pro_muyin{width:100%; padding:0; height:776px; background: url(../img/g_yewu_bg.jpg) repeat-y center center; overflow:hidden;}
.pro_muyin dl{position:relative; width:100%;}
.pro_muyin dd.hover1{ background:rgba(17,89,128,0.5);}
.pro_muyin dd{ float:left;  width:24%; height:776px;margin-top:0px; }
.pro_muyin dd h2{ font-size:35px; line-height:45px; color:#fff; text-align:center; padding-top:50px; margin-top:250px;}
.pro_muyin dd h2 a{ color:#fff; }
.pro_muyin dd h2 a:hover{ color:#1DC6FF; }

.pro_muyin dd span{ font-size:16px; line-height:35px; color:#ddd; text-align:center; display: block;}
.pro_muyin dd p{ font-size:13px; line-height:35px; color:#ddd; letter-spacing:1px;position:relative; text-align:center; }
.pro_muyin dd p a{ color:#ddd;}
.pro_muyin dd p a:hover{ color:#1DC5FE; font-weight:700; padding-left:10px;}



/*General Styles*/
.mosaic-block {width: 100%;height: 776px;float: left;position: relative;overflow: hidden;display: inline;}
.mosaic-backdrop {width:100%;height: 776px;display: none;position: absolute;top: 0;}
.details { margin: 5px 5px; text-align: center;}	
.mosaic-overlay{width: 100%;height: 100%;display: none;z-index: 5;position: absolute;background: #fff;}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.bar .mosaic-overlay {bottom: -776px;height: 776px;   background-color: rgba(17,89,128,0.5);}

.clearfix { display: block; height: 0; clear: both; visibility: hidden;}





.case-content .mask-point {
	margin:28% 0 0 45%;
	 top:0;
	left:0;
	position:absolute;

}
.ico2 {
	background: url("../img/g_lianjie.png") no-repeat;
}




.mask-point {
	width: 48px;
	height: 48px;
	display: none;

}


.case-list {

}

.case-list ul {
	max-width: 100%;
	margin: 0 auto;
	height: 100%;

	
}

.case-list li {
	width: 25%;
	margin:0px 0;
	height: auto!important;

	display: block;
	float: left;
	position: relative;

}

.case-list li a {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}



.case-list li p{color: #333; line-height:55px; padding-left:10px; font-size:15px; text-align:left;}
.case-list li p a:hover{color: #ff0000; }

.case-list li img.tubiao{ position:absolute; right:15px; bottom:14px;}

.case-list li a img {
	width: 100%;
	display: block;
	height:100%;
}

.case-bg {
	width: 100%;
	height: 100%;
	background: none;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.95;
	filter: alpha(opacity=95);
	display: none;
}

.case-list .mask-point {
	position: absolute;
	top: 0;
}

.case-list .mask {
	background: #c01333;
    position: absolute;
	top: 0;
	display: block;
	width: 100%;
	opacity:0.9;
	filter: alpha(opacity=90);
	right: -100%;
}

.case-list .mask {

}

.case-list .mask-over {
	transform: skew(0deg,0deg) translate(0px,0px);
	-ms-transform: skew(0deg,0deg) translate(0px,0px);
	-moz-transform: skew(0deg,0deg) translate(0px,0px);
	-webkit-transform: skew(0deg,0deg) translate(0px,0px);
	-o-transform: skew(0deg,0deg) translate(0px,0px);
}


.liucheng_box{ background:url(../img/g_liucheng_bg.jpg) no-repeat center center; height:866px; position:relative;}
.liucheng_pic{ margin:45px auto 0 auto;  display: block;}
.liucheng_pic img{ max-width:100%; max-height:100%; }


.footer_box{ background:#1f2731; width:100%; height:580px; }
.footer_box_pic{right:0px; bottom:-35px; position:absolute;}

.footer_left { float:left; width:920px;}
.footer_right { position:absolute; bottom:-4px; right:0px;}
.footer_link { padding-top:30px;}
.footer_link h2{ color:#ddd; font-size:15px; line-height:28px; background:url(../img/g_web_ico.png) no-repeat left top; padding-left:35px; margin-bottom:10px;}
.footer_link p a{ color:#9d9d9d; margin:0px 20px 0px 0px; line-height:30px; font-size:13px;}
.footer_link p a:hover{ color:#fff;}

.footer_link ul li {
	position: relative;
	float: left;
	left: 0;
	font-size: 14px;
	color: #9d9d9d;
	overflow: hidden;
	margin-top: 9px;
	cursor: pointer;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 20px;
}
.footer_link ul li div{padding-bottom:7px;}
.footer_link ul li a,.footer_link ul li a:hover{color:#9d9d9d;}
.footer_link ul li i{width: 100%; height: 1px;display: block;
   -webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
    background:#ff0000;
   -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
  } 
.footer_link ul li:hover i,.footer_link ul li.cur i{
  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}
.footer_link ul li div a:hover{ color:#fff;}

.foot_line{ clear: both; width:920px; padding-top:30px; position:relative; }

.foot_line_write{ clear: both; width:870px; margin-left:20px; margin-top:30px; position:relative; background:#666; height:1px; }

.foot_line_l{ width:100%; height:6px; background: url(../img/g_foot_line_t.png) no-repeat top center; position: absolute; left:0; top:47px; z-index:1;}

footer-r {
  display: inline-block;
  float: left;
   vertical-align: top;
}
.footer-r img {
    border: none;
    vertical-align: middle;
}

.f-share {
  font-size: 0;
  text-align: left;
   padding-left:45px;
}
.f-share-one {
  position: relative;
  display: inline-block;

  background:#37414D;
  margin-right: 121px;
  width: 44px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  cursor: pointer;
  transition: .5s;
}
.f-share:hover .f-share-one {
  opacity: .2;
}
.f-share .f-share-one:hover {
  opacity: 1;
}
.f-share-one:last-child {
  margin-right: 0;
}
.fs-one-qrcode {
  position: absolute;
  bottom: 65px;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%) translateY(20px);
  padding: 7px;
  background: rgba(255, 255, 255, .1);
  opacity: 0;
  visibility: hidden;
  transition: .35s .05s;
}
.f-share-one:hover .fs-one-qrcode {
  transform: translateX(-50%) translateY(0px);
  opacity: 1;
  visibility: visible;
}
.footer-r-p{ color:#999; padding-top:20px; text-align:left; }
.footer-r-p span{padding-right:65px;  padding-left:30px;}

.footer-r-phone{ position:absolute; right:10px; top:70px;}
.footer-r-phone p{ color:#6197c0; padding-top:5px; text-align:center;}

.contact_box{  width:100%; clear:both; margin-top:25px;}
.contact_box h3{color:#ccc; float:left; line-height:38px; padding-left:10px;}
.contact_box h3 span{ line-height:10px; padding-left:10px;color:#0282DB; font-size:35px;}
.contact_box h2{ display:inline-block; font-size:22px; letter-spacing:1px; padding-left:10px; color:#0282DB; float:left; line-height:35px;}

.contact_box p{color:#9d9d9d; line-height:35px; padding-left:10px;}
.contact_box p span{ color:#c6c5c5; font-size:30px; padding:10px 10px 10px 0; line-height:45px;}

.abt_dingwei{position:absolute; left:35%; top:30px;}

.width600{clear:both; width:440px;  margin:0 auto;text-align:center;}

a.zixun{ display:block; width:110px; height:30px; line-height:30px; background:#0282DB; text-align:center; font-size:14px; color:#fff; border-radius:25px; margin-top:20px; float:left; margin-right:20px;}
a:hover.zixun{ background:#fff; color:#0282DB; border:1px solid #0282DB  }

a.fukuan{ display:block; width:110px; height:30px; line-height:30px; background:#e5b703; text-align:center; font-size:14px; color:#fff; border-radius:25px; margin-top:20px; float:left; margin-right:20px;}
a:hover.fukuan{ background:#fff; color:#e5b703;border:1px solid #e5b703   }


a.dianhua{ display:block; width:160px; height:30px; line-height:30px; background:#ff0000; text-align:center; font-size:16px; color:#fff; border-radius:25px; margin-top:20px; float:left; margin-right:20px;}
a:hover.dianhua{ background:#fff; color:#ff0000;border:1px solid #ff0000; cursor:default;   }




a.shangqiao{ display:block; width:110px; height:30px; line-height:30px; background:#A37AE3; text-align:center; font-size:14px; color:#fff; border-radius:25px; margin-top:20px; float:left; margin-right:20px;}
a:hover.shangqiao{ background:#fff; color:#A37AE3; border:1px solid #A37AE3  }




.footer_bottom{ background:#141B23; height:60px;}
.footer_bottom p{ line-height:60px; color:#62666b;}
.footer_bottom p a{color:#62666b;}



/* 左侧效果CSS开始 */
#box_l{ width:110px; height:auto; position:fixed; left:0; top:200px; z-index:9999;}


#float_left li[data-v-3498646e] {
	height:40px;
	width:150px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float_left li:hover[data-v-3498646e] {
	background:#30c1b4;
}


#float_left li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float_left li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float_left .zixun[data-v-3498646e] {
	background:#0B96E6;

}
#float_left .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 0px
}
#float_left .zixun img[data-v-3498646e] {
	width:23px;
	height:26px;
	 float:left;
}
#float_left .zixun p{ float:left;color:#fff;}


/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:0; top:105px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#7f0508;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#7f0508
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}


#float .zixun[data-v-3498646e] {
	background:#BA1418;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-177px;
	top:0;
	width:177px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}



.lx-l{float:left;}
.lx-r{float:right;}
.wlx-n-d h3{font-size:15px;color:#646262;font-weight:300;padding-bottom:5px;}
.wlx-n-d div{line-height:32px;font-size:14px;color:#8d8d8d;}
.lx-l-01{ float:left; padding-left:30px;}
.lx-l-02{ float:left; padding-left:30px;}

.case_box_menu{ clear:both; width:100%; max-width:1000px; text-align:center; margin:0 auto;}
.case_box_menu ul li{ display:inline-block; margin:1% 2%;}
.case_box_menu ul li  a{ color:#666;}
.case_box_menu ul li  a:hover{ color:#333;}
.case_box_menu ul li  a:before {width: 0;height: 1px;position: absolute;left:0;bottom:0px;background: #ff0000;content: '';transition: all .5s ease 0s;}
.case_box_menu ul li  a:hover:before {width: 30px;left:0;}

.case_link { clear:both; width:100%; max-width:1000px; text-align:center; margin:0 auto;}
.case_link ul li {
    position: relative;
	display:inline-block;
    left: 0;
    margin: 0 2%;
    font-size: 14px;
    color: #777;
    overflow: hidden;

    cursor: pointer;
	line-height:32px;
}
.case_link ul li div{}
.case_link ul li a{color:#777;}
.case_link ul li i{width: 100%; height: 1px;display: block;
   -webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
    background:#333;
   -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
  } 
.case_link ul li:hover i,.case_link ul li.cur i{
  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
	
}
.case_link ul li div a:hover{ color:#333;}
.case_link ul li.cur div a{ color:#333;}

.pro_box_1{ background:#f1f1f1; width:100%; height:400px;}
.pro_box_1 .line{ display:block; width:1px; height:0px; background:#111;}
.pro_box_1 h2{ color:#111111; font-size:30px; text-align:left; }
.pro_box_1 h3{ color:#666; font-size:16px; text-align:left;}
.pro_box_1 h3 span{ color:#ff0000; font-size:30px;}

.pro_dingzhi{ width:730px; margin-top:35px; float:left;}
.pro_dingzhi ul li{ float: left; width:33.33%; text-align:center;}
.pro_dingzhi ul li img{  max-width:100%; max-height:100%;}
.pro_dingzhi ul li p.biaoti{ font-size:18px;line-height:30px; padding-top:15px; color:#333;}
.pro_dingzhi ul li p.wenzi{ font-size:14px; line-height:30px; color:#666;}


.pro_dingzhi1{ width:500px; padding-left:50px; float:left; border-left:1px solid #ccc;position:relative;margin-top:-20px; height:250px;}
.pro_dingzhi1 ul li{width:100%; text-align:left; margin-bottom:30px;}
.pro_dingzhi1 ul li img{ max-width:100%; max-height:100%; margin-right:10px; margin-top:10px; float:left;}
.pro_dingzhi1 ul li p.titl{ font-size:18px; line-height:20px; color:#333;}
.pro_dingzhi1 ul li p.titl span{ float:left;margin-top:20px;}
.pro_dingzhi1 ul li p.tit2{ font-size:14px;line-height:25px; padding-top:10px; color:#666; clear:both;text-align:left;}


.pro_dingzhi2{ width:450px; margin-top:0px; padding-left:100px; float:right; border-left:1px solid #ccc;margin-top:30px;}
.pro_dingzhi2 ul li{width:100%; text-align:left; margin-bottom:30px;}
.pro_dingzhi2 ul li img{ max-width:100%; max-height:100%; margin-right:10px; margin-top:10px; float:left;}
.pro_dingzhi2 ul li p.titl{ font-size:18px; line-height:20px; color:#333;}
.pro_dingzhi2 ul li p.titl span{ float:left;margin-top:20px;}
.pro_dingzhi2 ul li p.tit2{ font-size:14px;line-height:25px; padding-top:10px; color:#666; clear:both;text-align:left;}

.fuwu_list{ position:absolute; text-align:center; width:950px; top:67%; }
.fuwu_list ul li{ float: left; width:20%; text-align:center; margin-bottom:0px; border:1px solid #50657b; border-top:none; border-left:none; border-bottom:none;padding-bottom:5px; padding-top:5px;}
.fuwu_list ul li img{  max-width:100%; max-height:100%;}
.fuwu_list ul li p.biaoti{ font-size:16px;line-height:30px; padding-top:15px; color:#3fb5f9;}


.pro_menu_list ul li{ float: left; width:25%; text-align:center; margin-bottom:0px; border:1px solid #50657b; border-top:none; border-left:none; padding-bottom:25px; padding-top:25px;}
.pro_menu_list ul li img{  max-width:100%; max-height:100%;}
.pro_menu_list ul li p.biaoti{ font-size:16px;line-height:30px; padding-top:15px; color:#c3daf2;}

.pro_box_2{ background: url(../abt/img_cont/gs_bg.jpg) no-repeat top center; width:100%; height:560px;}
.pro_box_3{ width:100%; height:655px;}
.pro_box_3_left{ float:left; width:838px; margin-top:30px; margin-bottom:30px;}


.pro_menu_list_4 ul li{ float: left; width:16%; padding:0px 2%; margin:30px 1%; text-align:center;}
.pro_menu_list_4 ul li i{ font-size:40px;font-style:normal; line-height:35px;}
.pro_menu_list_4 ul li img{ max-width:100%; max-height:100%;}
.pro_menu_list_4 ul li p.biaoti{ font-size:13px;line-height:30px; padding-top:10px; color:#fff; }

.youxiang_youshi ul li{ float: left; width:21%; padding:0px 0%; margin:30px 2%; text-align:center; height:180px;}
.youxiang_youshi ul li i{ font-size:20px;font-style:normal; line-height:35px;}
.youxiang_youshi ul li img{ max-width:100%; max-height:100%; display:block; margin:0 auto 10px auto;}
.youxiang_youshi ul li p.biaoti{ font-size:13px;line-height:25px; padding-top:5px; color:#666; }


.pro_box_4{ background: url(../abt/img_cont/gs_bg1.jpg) no-repeat top center; width:100%; height:633px;}

.sanheyi{font-size:20px; position:absolute; left:50px; top:-90px; line-height:35px;}


.tuijian_ico{position:absolute; left:33px;}

.g-pro-body h3{ text-align:center; font-size:20px;}
.g-pro-body .table-common{vertical-align:middle;}
.table-common{width:100%;margin-top:30px;background:#fff;color:#666;font-size:14px;text-align:center}


.g-pro-body .table-common {
	width: 100%;
	margin-top: 30px;
	background: #fff;
	color: #666;
	font-size: 14px;
	text-align: center
}

.g-pro-body .table-common thead tr {
	height: 60px;
	background: #0B96E6;
	color: #fff
}

.g-pro-body .table-common tr td {
	width: 300px;
	padding: 10px 0;
	border-bottom:1px solid #e1e1e1;
}

.g-pro-body .hover-table tbody tr {
	border-bottom: 1px solid #F5F4F4
}

.g-pro-body .hover-table tbody tr:hover {
	background: #e5f0f7
}

.g-pro-body .table-common tr.checkTheNum {
	height: 40px;
	line-height: 40px;
	background: #0154a0;
	color: #fff
}

.g-pro-body .table-common tr.checkTheNum td {
	padding: 0
}

.g-pro-body .table-common tr.checkTheNum:hover {
	background: #0154a0
}

.g-pro-body .table-common tr.checkTheNum .ipt-txt {
	height: 24px;
	border: 1px solid #0154a0;
	padding: 0 7px;
	margin: 0 10px;
	font-size: 12px
}

.g-pro-body .table-common tr.checkTheNum .w-tb-btn {
	background: #3dbd82
}

.g-pro-body .table-common tr.checkTheNum .w-tb-btn:hover {
	background: #1CC779
}

.webhosting-list li {
	float: left;
	 margin:20px 15px;

}

.webhosting-title {
	padding-top: 20px;
	text-align: center
}


.webhosting-info {
	padding: 0px 0px 0 0px;
}

.webhosting-info li {

	font-size: 13px;
	color: #707070;
	text-align: center;
	 line-height:26px;
	 max-width:100px;
	 float: left;
}

.webhosting-info li p {
	font-size: 15px;
	font-weight: 700;
	color: #565656
}


.webhosting-list .column .column-config {
	padding-left:20px;
	 clear:both;
   text-align: left
}


.webhosting-list .column .column-config dt {
	float: left;
	padding-top: 5px;
	width:100px;
	line-height: 20px;
	color: #2f2f2f;
	font-weight: 700;
	 font-size:12px;
}

.webhosting-list .column .column-config dd {
	padding-top: 5px;
	line-height: 20px;
	color: #4b4b4b;
	font-size:13px;
}



.webhosting-list {
	padding-top: 20px
}


.webhosting-list .middle-column {
	padding: 0 34px
}

.webhosting-list .column {
	padding: 30px 0 30px 0px;
	position: relative;
	width: 300px;
	background: #fff
}


.webhosting-list .column .column-title {
	margin: 0 30px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e1e1e1;
	line-height: 1.1;
	font-size: 20px;
	color: #444;
	text-align: center;
	position: relative
}

.webhosting-list .column .price {
	position: relative;
	padding-top: 12px;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 1.1
}

.webhosting-list .column .price .price-num {
	font-size: 24px;
	color: #ff0000
}

.webhosting-list .column .price .price-line {
	margin-left: 0px;
	margin-right:5px;
	font-size: 20px;
	color: #a7a4a4
}


@media (min-width: 1200px) and (max-width:1399px ) {

.container{width:1200px;}
header .logo2{ display:none;}
header .logo3{right:10px;}
.about_box{ height:580px;}
.about_Text{ float:left; width:580px; padding-top:20px;}
.about_Text p{ line-height:25px;}
.g_about_pic{  width:558px;}


.focusimg3 {width:558px; height:350px; }
.focusimg3 .image li { width:558px;height:350px;}


.liucheng_box{ height:800px;}
.liucheng_pic{ width:950px;}

.pro_muyin dd p a:before {left:60px;top:17px;}
.pro_muyin dd p a:hover:before {width: 30px;left:60px;}


.pro_muyin dd p.diyi a:before {left:35px;top:17px;}
.pro_muyin dd p.diyi a:hover:before {width: 30px;left:35px;}


.yewu_box_top{left:25%;}


.pro_dingzhi{ width:600px;}
.pro_dingzhi1{ width:450px;padding-left:40px;}

.pro_box_3{ height:520px;}
.pro_box_3_left{width:650px; }
.pro_box_3_left img{ max-width:100%; max-height:100%;}
.pro_dingzhi2{ width:450px;  padding-left:50px; margin-top:10px;}
.pro_dingzhi2 ul li{ margin-bottom:15px;}


.pro_box_1 .line{  margin-left:10px;}
.pro_box_1 h2{  margin-left:10px; }
.pro_box_1 h3{   margin-left:10px;}

.sanheyi{font-size:18px; position:absolute; left:50px; top:-80px; line-height:35px;}

.tuijian_ico{left:25px;}

}

@media only screen and (max-width: 1199px) {
.container{width:980px;}
header .logo2{ display:none;}
header .logo3{right:5px;}
header nav{width: 545px; margin-right:240px;}
header.active nav{width: 510px; margin-right:0px; right:0;}
header nav li{padding:0px 8px;}
header nav li a{position: relative; display: inline-block;width: 100%;text-align: center;color: #c4c4c4;font-size: 13px;line-height: 32px;border-radius: 20px;transition-duration: .5s;-webkit-transition-duration: .5s;}

.about_box{ height:500px; background:none;}

.about_box_top{ height:175px; padding:0px 0; background:#fff;}
.about_box_top ul li{ float:left; width:20%;}
.about_pic{ padding-top:-30px; float:left; margin-left:-30px; width:180px;}
.about_box_top ul li h2{ padding-top:55px;font-size:33px;}
.about_box_top ul li h2 i{ font-size:40px; line-height:40px; }
.about_box_top ul li h2 span{ font-s  ize:16px;top:55px;}
a.about_more{ display:none;}

.pro_muyin dd h2{ font-size:30px;}
.pro_muyin dd p a:before {left:40px;top:17px;}
.pro_muyin dd p a:hover:before {width: 30px;left:40px;}


.pro_muyin dd p.diyi a:before {left:10px;top:17px;}
.pro_muyin dd p.diyi a:hover:before {width: 30px;left:10px;}

.about_Text{ float:left; width:480px; padding-top:20px; margin-top:20px;}
.about_Text h2{ font-size:26px; }
.about_Text p{ line-height:25px;}
.g_about_pic{  width:500px;}

.focusimg3 {width:500px; height:313px; }
.focusimg3 .image li { width:500px;height:313px;}

.liucheng_box{ height:780px;}
.liucheng_pic{ width:850px;}


.yewu_box_top{left:20%;}


.pro_dingzhi{ width:500px;}
.pro_dingzhi1{ width:450px;padding-left:40px;}

.pro_box_3{ margin-top:30px;height:470px;}
.pro_box_3_left{width:550px; }
.pro_box_3_left img{ max-width:100%; max-height:100%;}
.pro_dingzhi2{ width:400px;  padding-left:30px; margin-top:10px;}
.pro_dingzhi2 ul li{ margin-bottom:10px;}
.pro_dingzhi2 ul li img{  margin-top:0px; }
.pro_dingzhi2 ul li p.titl{ font-size:16px; }
.pro_dingzhi2 ul li p.titl span{margin-top:10px;}
.pro_dingzhi2 ul li p.tit2{ padding-top:5px; }

.pro_menu_list ul li p.biaoti{ font-size:14px;}


.pro_menu_list_4 ul li{margin:10px 1%;}
.pro_menu_list_4 ul li i{ font-size:35px; line-height:30px;}
.pro_menu_list_4 ul li p.biaoti{ font-size:12px;line-height:25px; padding-top:10px;  }

.aboutUsT{ height: 60px;font-size: 26px;line-height: 60px;}


.pro_dingzhi ul li p.biaoti{ font-size:16px;line-height:30px; padding-top:15px;}
.pro_dingzhi ul li p.wenzi{ font-size:13px; line-height:25px;}


.pro_dingzhi1 ul li p.titl{ font-size:16px; }
.pro_dingzhi1 ul li p.titl span{ float:left;}
.pro_dingzhi1 ul li p.tit2{ font-size:13px;}

.sanheyi{font-size:16px; position:absolute; left:50px; top:-80px; line-height:35px;}


.pro_box_1 .line{  margin-left:10px;}
.pro_box_1 h2{  font-size:26px;margin-left:10px; }
.pro_box_1 h3{  font-size:14px; margin-left:10px;}
.pro_box_1 h3 span{ font-size:26px;}

.about_box_top ul li h2{ padding-top:60px; font-size:35px; line-height:35px; }
.about_box_top ul li h2 i{font-size:35px; line-height:35px; }
.about_box_top ul li h2 span{ font-size:26px;top:50px;}
.about_box_top ul li p{ font-size:14px; line-height:50px;}

.channelBanner h2{ font-size:26px;}
.channelBanner h3{top:58%;font-size:14px;}

.youxiang_youshi ul li i{ font-size:16px;font-style:normal; line-height:30px;}
.youxiang_youshi ul li img{ max-width:100%; max-height:100%; display:block; margin:0 auto 5px auto;}
.youxiang_youshi ul li p.biaoti{ font-size:12px;line-height:23px; padding-top:5px; color:#666; }


.webhosting-list li { margin:20px 8px;}

.tuijian_ico{left:0px;}


}


.weixin_jj{ display:block; width:110px; height:30px; line-height:30px; background:#41CCA5; text-align:center; font-size:14px; color:#fff; border-radius:25px; margin-top:20px; float:left; margin-right:20px;}
.weixin_jj:hover{ background:#fff; color:#41CCA5; border:1px solid #41CCA5}
.country-select {display: inline-block;color: #fff;float: left;margin-left: 0px;position: relative;cursor: pointer; }
.country-select ul {position: absolute;text-align: left;width: 130px;display: none;background: #fff;border-radius: 5px;margin-top: -140px;overflow: visible;z-index: 99;
margin-left: -10px}
.country-select ul li{ margin:6px 5px;}
/*.country-select ul:before {content: '';display: inline-block;position: absolute;bottom: -7px;left: 50%;margin-left: -5px;border-top: 7px solid #ccc;border-left: 5px solid transparent;border-right: 5px solid transparent;}*/
.country-select:hover ul {display: block;box-shadow: 0 0 4px #a9a9a9}