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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#777777;
	font-size:15px;
	background:url(../images/bodybg.gif)  repeat-x  top;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#777777; }
a:hover{ color:#0ba2d7;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

.xinha{ width:1140px; margin:0 auto;}
.xhmr{ margin-top:25px;}

.xhtop{ height:35px; line-height:34px; overflow:hidden;}
.xhsp01{ width:305px;}
.xhsp01 a{ margin:0px 6px 0px 6px;}

.xhlogo{ height:120px; overflow:hidden;}
.xhlogo1{ width:860px; margin-left:47px; margin-top:15px;}
.xhlogo1-1{ width:345px; background:url(../images/toptel.gif) no-repeat left; padding-left:50px; height:45px; line-height:45px; overflow:hidden;}
.xhlogo1-1 strong{font-size:30px; font-weight:bold; color:#0ba2d7;}
.xhlogo1-2{ width:860px;}
.xhlogo1-2 li{ width:122px; float:left; text-align:center;}
.xhlogo1-2 li a{ display:block; width:122px; height:34px; line-height:34px; font-weight:bold;}
.xhlogo1-2 li a:hover{ display:block; width:122px; height:34px; background:#0ba2d7; color:#FFF; font-weight:bold; line-height:34px;border-radius:39px;border-top-left-radius:39px;border-top-right-radius:39px;border-bottom-left-radius:39px;border-bottom-right-radius:39px;}
.xhlogo1-2 li a#cur{ display:block; width:122px; height:34px; background:#0ba2d7; color:#FFF; font-weight:bold; line-height:34px;border-radius:39px;border-top-left-radius:39px;border-top-right-radius:39px;border-bottom-left-radius:39px;border-bottom-right-radius:39px;}

.xhabout{ margin-top:65px;}
.xhabout1{ width:535px; margin-right:35px;}
.xhabout1-1-1{ width:535px; font-size:35px; font-weight:bold; color:#3d3d3d;}
.xhabout1-1-2{ width:535px; font-size:60px; color:#bfe8f5; text-transform:uppercase; margin-top:-10px;}
.xhabout1-1-3{ width:535px; line-height:29px;}

.auto-box{width:1140px; height:auto; margin:0 auto; margin-top:50px;}
.main-box{max-width:1140px;height:auto;margin:0 auto}
.index-tit{padding:40px 0;text-align:center}
.index-tit h1{font-size:30px;color:#363f45;font-weight:normal}
.index-tit p{font-size:20px;color:#abb0b4;padding-top:15px}
/*.index-tserver{width:100%;background:url('../images/360server-line.png') no-repeat center 125px;box-sizing:border-box;text-align:center;padding:0 2.6%}*/
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-0.1%; float:left;}
.index-tserver li.tserver-list1{background:url(../images/xjsb.png) no-repeat center top}
.index-tserver li.tserver-list2{background:url('../images/gdpz.png') no-repeat center top}
.index-tserver li.tserver-list3{background:url('../images/jzgy.png') no-repeat center top}
.index-tserver li.tserver-list4{background:url('../images/txfw.png') no-repeat center top}
.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box; text-transform:lowercase;text-align:center;font-size:17px;line-height:22px;background:linear-gradient(111deg,#04bde4,#1067fe);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.index-tserver-ad{width:100%;margin-top:60px;background:#f3f3f3;text-align:center;padding:40px 0}
.index-tserver-ad li{display:inline-block;color:#abb0b4;font-size:16px;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.zoomin{animation-name:zoomin}
@keyframes zoomin{0%{opacity:0;transform:scale(.3)}
50%{opacity:1}
}

.xhchanpin{ width:100%; background:url(../images/chanpinbg2.jpg) no-repeat; height:1213px; overflow:hidden; margin-top:35px;background-attachment: fixed;}
.xhchanpin1-1{ width:300px; margin-top:60px;}
.xhchanpin1-1 h1{ width:300px; font-size:35px;font-weight:bold; color:#0ba2d7;}
.xhchanpin1-1 h2{ width:300px; font-size:60px; color:#e6e6e6; text-transform:uppercase; margin-top:-10px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

.chanpinlist{ width:800px; margin-left:40px; margin-top:100px;}
.chanpinlist li{ width:100px; float:left; text-align:center;}
.chanpinlist li a{ display:block; width:100px; color:#FFF; height:35px; line-height:35px; text-align:center; font-weight:bold; font-size:16px;}
.chanpinlist li:hover{ width:92px;border:1px solid #0ba2d7; padding:3px; }
.chanpinlist li a:hover{ display:block; width:92px; height:35px; line-height:35px; background:#0ba2d7; color:#FFF; font-weight:bold;text-align:center;}

.xhchanpin2{ width:1100px; height:900px; margin:0 auto; margin-top:50px; background:url(../images/chanpinbg.png) no-repeat; padding:20px;}

.xhzzzs{ margin-top:35px;}
.xhzzzs h1{ width:1140px; font-size:35px; font-weight:bold; color:#3d3d3d;}
.xhzzzs h2{ width:1140px; font-size:60px; color:#bfe8f5; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin-top:-10px;}

#products{ width:1140px; margin:0 auto; margin-top:30px; padding-bottom:50px;}
#products #products_con{ margin:0px; padding:0px; height:291px;}
#products_con .LeftBotton {height:291px; width:27px; background:url(../images/leftbg.gif) 0px center no-repeat; float:left; cursor:pointer;}
#products_con .LeftBotton:hover{ background:url(../images/leftbg2.gif) 0px center no-repeat;}
#products_con .RightBotton {height:291px; width:27px; background:url(../images/rightbg.gif) 0px center no-repeat; float:right; cursor:pointer;}
#products_con .RightBotton:hover{ background:url(../images/rightbg2.gif) 0px center no-repeat;}
#products_con .Cont {width:1086px; overflow:hidden; float:left;}
#products_con .ScrCont{width:10000000px; padding:0; float:left;}
#products_con #List1, #products_con #List2 {float:left; padding:0px; margin:0px;}
#products_con .Cont li{ margin:0px; margin:0px 8.1px 0px 8.1px;float:left; list-style:none; overflow:hidden;}
#products_con img{ border:1px solid #cdcdcd;}
#products_con a{ display:block;}

.hezuowai{ width:100%; height:600px;padding: 128px 0px 90px; background:url(../images/hezuo.jpg) no-repeat; overflow:hidden;background-attachment: fixed;}
.wenhuawai{ width:100%; height:auto; background:#FFF; padding-bottom:50px; overflow:hidden;}

.xhwenhuaa{ margin-top:50px;}
.xhwenhua{ width:674px;}
.xhwenhua h1{ width:674px; font-size:35px; font-weight:bold; color:#3d3d3d; font-family:"Microsoft YaHei";}
.xhwenhua h2{ width:674px; font-size:60px; color:#bfe8f5; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin-top:-10px;}

.xhxinwen{ width:431px; margin-left:35px;}
.xhxinwen-1{ width:431px;}
.xhxinwen-1 h1{ width:431px; font-size:35px; font-weight:bold; color:#3d3d3d; font-family:"Microsoft YaHei";}
.xhxinwen-1 h2{ width:431px; font-size:60px; color:#bfe8f5; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin-top:-10px;}

.xhxinwen-2{ width:431px;}
.xhxinwen-2 ul{ width:431px; float:left;}
.xhxinwen-2 li{ width:431px; float:left; margin:9px 0px 7px 0px; border-bottom:1px dashed #CCC; padding-bottom:5px;}
.xhxinwen-2 li span{ float:right; color:#0ba2d7;}

.xhlink{ width:1090px; margin:0 auto; line-height:37px; background:url(../images/linkbg.gif) no-repeat left; height:37px; padding-left:50px;}
.xhlink a{ margin:0px 10px 0px 10px;}


.xhfoot{ width:100%; background:#222222; margin-top:25px; padding:25px 0px 25px 0px;}
.xhfoot1{ width:1140px; margin:0 auto;} 

.xhfoot1-1{ width:216px; border-left:1px solid #9c9c9c; border-right:1px solid #9c9c9c; margin-left:30px;}
.xhsp02{ width:216px; text-align:center; font-size:19px; font-weight:bold; color:#FFF;}
.xhfoot1-1 ul{ width:216px; margin-top:25px;}
.xhfoot1-1 li{ width:216px; float:left; line-height:27px; text-align:center;}

.xhfoot1-2{ width:390px; border-right:1px solid #9c9c9c; margin-left:30px;}
.xhsp03{ width:390px; font-size:19px; font-weight:bold; color:#FFF;}
.xhfoot1-2-1{ width:390px; line-height:30px; margin-top:25px;}

.xhfoot1-3{ width:124px; text-align:center; margin-left:93px;}
.xhfoot1-3 img{ margin-bottom:15px;}

.xhfoot2{ width:100%; background:#1b1b1b; height:39px; line-height:39px; text-align:center;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/*************************/
.xhaboutnei{position: relative; overflow: hidden;height:945px;}
.xhaboutnei1{color: #fff; width:1140px; margin:0 auto; margin-top:350px; text-align: center; font-size:21px; line-height:50px;}
.xhaboutnei1 strong{ font-size:45px; letter-spacing:2px;}

.xhneibiaoti{ width:1140px; margin:0 auto; font-weight:bold; margin-top:50px; font-size:16px;}

.xhaboutnei2{ width:100%; height:70px; background:#f6f6f6; overflow:hidden;}
.xhaboutnei2 ul{ width:100%; height:70px;}
.xhaboutnei2 li{ width:20%; float:left; height:70px;text-align:center;}
.xhaboutnei2 li a{ display:block;  height:70px; line-height:70px; font-size:20px; }
.xhaboutnei2 li a:hover{ display:block; background:#01a2d8; color:#FFF; font-weight:bold;}
.xhaboutnei2 li a#cur2{ display:block; background:#01a2d8; color:#FFF; font-weight:bold;}
.xhaboutnei3{ width:1140px; margin:0 auto; margin-top:20px; line-height:29px;}

.xhaboutnei4{ width:100%; height:70px; background:#f6f6f6; overflow:hidden;}
.xhaboutnei4 ul{ width:100%; height:70px;}
.xhaboutnei4 li{ width:50%; float:left; height:70px;text-align:center;}
.xhaboutnei4 li a{ display:block;  height:70px; line-height:70px; font-size:20px; }
.xhaboutnei4 li a:hover{ display:block; background:#01a2d8; color:#FFF; font-weight:bold;}
.xhaboutnei4 li a#cur2{ display:block; background:#01a2d8; color:#FFF; font-weight:bold;}

.xhaboutnei4-1{ width:1140px; margin:0 auto; margin-top:50px;}
.xhaboutnei4-1 ul{ width:1140px; float:left;}
.xhaboutnei4-1 li{ width:1100px; float:left; height:145px; padding:20px; margin-top:25px; margin-bottom:10px;}
.xhaboutnei4-1 li:hover{box-shadow: 15px 0px 50px #bbbbbb;}
.xwwen{ width:805px;  margin-left:50px; margin-top:25px; border-bottom:2px solid #CCC;}
.xwwen:hover{ border-bottom:none;}
.xhsp04{ width:115px; height:105px; text-align:center; padding-top:10px;}
.xhsp04 strong{ font-size:25px;}
.xwwen2{ width:654px;border-left:1px solid #CCC; padding-left:35px; }

.xhaboutnei5{ width:1140px; margin:0 auto; margin-top:50px;}
.xhaboutnei5 ul{ width:1140px; float:left;}
.xhaboutnei5 li{ float:left; width:340px; margin:20px; text-align:center; padding:0px 0px 15px 0px;}
.xhaboutnei5 li:hover{ box-shadow:5px 0px 20px #CCC;}
.xhaboutnei5 li a img{ margin-bottom:10px; border:1px solid #CCC;}
.xhaboutnei5 li a{ font-size:17px;}

.xhaboutnei6{ width:100%;height:70px; background:#f6f6f6; overflow:hidden;}
.xhaboutnei6 .xhsp05{ width:30%; background:#0ba2d7; text-align:center; font-weight:bold; color:#FFF; line-height:70px; font-size:17px;}
.xhcpfllist{ width:70%; height:70px; overflow:hidden;}
.xhcpfllist li{ width:12.4%; float:left; line-height:70px; text-align:center; border-right:1px solid #e0dfdd;}
.xhcpfllist li a{ font-weight:bold;}

.dc_pages{ width:1140; margin:0 auto; margin-top:30px;}
.dc_pages1{ width:610px; margin:0 auto;}
.dc_pages1 a{ display:block; width:100px; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}
.dc_pages1 a:hover{ display:block; width:100px; background:#0ba2d7; color:#FFF; font-weight:bold;}

.cpshangxia{
	width:100%;
	margin:0 auto;
	margin-top:35px;	}		
.shang{
	width:32%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;
}	
.shang:hover{
	border:1px solid #f68929;
	color:#f68929;}		
.marshang{
	margin-left:1%;}	
	
.daqianmessage{ width:1200px; margin:0 auto; margin-top:25px; margin-bottom:25px;}
.message{height:487px;background:url("../images/messageBg.png");margin-top:20px}
.message .box{padding:50px 0 0 40px}
.message .box li{line-height:44px;margin-bottom:15px}
.message .box li .input-text{height:42px;line-height:42px;border:1px solid #ccc;width:470px;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text{height:84px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:40px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#ff8a00;border-radius:4px;color:#fff;font-size:16px}