/* CSS Document */
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:'"黑体"';-webkit-text-size-adjust:none;color:#585858;background:#fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#585858;text-decoration:none;transition:all 0.3s;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_s{font-family:"宋体";}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}
.pos{position:relative;}
.clear{ clear:both}

/*header*/
.top{width:100%;height:127px;background:rgba(255,255,255,0.40)!important;filter:Alpha(opacity=0.4);background:#fff;position:absolute;left:0;top:-127px;z-index:999;}
.nav{float:left;}
.nav li{float:right;padding:48px 0 44px 10px; position:relative}
.nav li>a{width:96px;height:30px;overflow:hidden;border:solid 2px transparent;color:#202020;line-height:30px;font-size:20px;text-align:center;display:block;border-radius:1px; font-weight:bold}
.nav li span{display:block;text-transform:uppercase;}
.nav li>a:hover{border:solid 2px #cd0000;color:#cd0000;}
.nav li>a:hover span{margin:-30px 0 0 0;transition:border 0.5s,margin 0.5s;}
.nav_ad{position:absolute; top:127px; width:415px; left:-100px; background:rgba(255,255,255,0.40)!important;filter:Alpha(opacity=40);background:#fff; padding:15px 30px;}
.nav_ad1{position:absolute; top:127px; width:137px; left:-33px; background:rgba(255,255,255,0.40)!important;filter:Alpha(opacity=40);background:#fff; padding:15px 30px;}
.nav_ad1  dl{float:left; width:137px; text-align:left; }
.nav_ad1 dl dt{color:#202020;  height:40px; line-height:40px}
.nav_ad1 dl dt.first{ background:url(../images/1.png) left no-repeat; padding-left:35px;}
.nav_ad1 dl dt.second{ background:url(../images/2.png) left no-repeat; padding-left:35px;}
.nav_ad1 dl dt.three{ background:url(../images/3.png) left no-repeat; padding-left:35px;}
.nav_ad1 dl dt.four{ background:url(../images/4.png) left no-repeat; padding-left:35px;}
.nav_ad1 dl dd{ color:#202020; font-size:12px; padding-left:38px; height:26px; line-height:26px;}

.nav_ad  dl{float:left; width:137px; text-align:left; }
.nav_ad dl dt{color:#202020;  height:40px; line-height:40px}
.nav_ad dl dt.first{ background:url(../images/1.png) left no-repeat; padding-left:35px;}
.nav_ad dl dt.second{ background:url(../images/2.png) left no-repeat; padding-left:35px;}
.nav_ad dl dt.three{ background:url(../images/3.png) left no-repeat; padding-left:35px;}
.nav_ad dl dt.four{ background:url(../images/4.png) left no-repeat; padding-left:35px;}
.nav_ad dl dd{ color:#202020; font-size:12px; padding-left:38px; height:26px; line-height:26px;}
.banner_icon{position:absolute;bottom:20px;left:0;width:100%;line-height:0;}
.banner_icon img{margin-bottom:25px;}
.bottom_icon{width:53px;position:fixed;left:50%;margin-left:-27px;bottom:30px;z-index:999;}

/*第一页*/
.page_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;}
.index_01{background:url(../images/index_04.jpg) no-repeat center center;background-size:cover;}
.index_01_nr{width:100%;position:absolute;top:50%;left:0;margin-top:-330px;z-index:99;}
.index_line{width:0;height:1px;margin:0 auto;line-height:0;background:#fff;transition:all 1s ease 0.7s;}
.index_line1{width:0;height:7px;line-height:0;background:#cd0000;margin:-4px auto 0 auto;transition:all 0.5s linear 0.2s;}

.active .index_line{width:100%;}
.active .index_line1{width:140px;}

.index_tit{height:120px;color:#fff;font-size:68px;}
.index_tit span{display:block;height:120px;line-height:120px; }
.index_tit_text{color:#fff;font-size:18px;}
.about_list{margin-left:-57px;}
.about_list li { width: 194px; height: 350px; margin-left:57px; background:url(../images/bg1.png) no-repeat 0 0; overflow: hidden;float:left; }
.about_list li i { display: block; position: relative;  margin: 57px auto; width:85px;height: 74px; }
.about_list li.pc i {background:url(../images/icon.png) no-repeat -85px -296px }
.about_list li.mobi i {background:url(../images/icon.png) no-repeat -85px -222px; }
.about_list li.sys i {background:url(../images/icon.png) no-repeat -85px -148px; }
.about_list li.app i {background:url(../images/icon.png) no-repeat -85px -74px; }
.about_list li.host i {background:url(../images/icon.png) no-repeat -85px 0px; }
.about_list li u { display: block; position: absolute; width: 194px; height: 188px; background:url(../images/circle.png) no-repeat center top; }
.about_list li u.cil { clip: rect(0px,194px,-10px,97px);}
.about_list li u.cir { clip: rect(188px,97px,188px,0px);}

.active .about_list li u.cil { clip: rect(0px,194px,188px,97px);  transition: all .5s ease-in-out 0.5s; }
.active .about_list li u.cir { clip: rect(0px,97px,188px,0px);  transition: all .5s ease-in-out 0.5s;}

.about_list li span { display: block; padding-top: 30px; font-size: 18px; font-weight: normal; text-align: center; color:#fff;}
.about_list li p { position: relative; top: 200px; color: White;  font-size: 14px;  text-align: center; }
.about_list li:hover { background-position: 0px -350px;  transition: all .5s ease-in-out .3s;cursor:pointer; }
.about_list li:hover i {  transition: all .5s ease-in-out .4s; }
.about_list li.pc:hover i { background:url(../images/icon.png) no-repeat 0 -296px;}
.about_list li.mobi:hover i { background:url(../images/icon.png) no-repeat 0 -222px;}
.about_list li.sys:hover i { background:url(../images/icon.png) no-repeat 0 -148px;}
.about_list li.app:hover i {background:url(../images/icon.png) no-repeat 0 -74px;}
.about_list li.host:hover i { background:url(../images/icon.png) no-repeat 0 0;}
.about_list li:hover u.cil { clip: rect(0px,194px,-10px,97px); transition: all .5s ease-in-out 0s; }
.about_list li:hover u.cir { clip: rect(188px,97px,188px,0px);transition: all .5s ease-in-out 0s;  }
.about_list li:hover span { color: White; padding-top: 25px; transition: all .2s ease-in-out 0.5s; }
.about_list li:hover p { top: 20px; transition: all .3s ease-in-out .5s; }

/*第二页*/
.index_02{background:url(../images/index_05.jpg) no-repeat center center;background-size:cover;}
.index_02_nr{width:100%;position:absolute;top:50%;left:0;margin-top:-410px;z-index:99;}
.pro_list {height:510px;}
.pro_list li{float:left;width:204px;height:204px;margin:0 30px 30px;position:relative;display:block;border-radius:50%;overflow:hidden;}
.pro_list li img{border-radius:50%;width:204px;height:204px;}
.pro_list li a span{width:0;height:0;position:absolute;top:102px;left:102px;background:#cd0000;border-radius:50%;color:#fff;font-size:18px;transition:all 0.5s;}
.pro_list li a:hover span{width:204px;height:204px;top:0;left:0;}
.pro_list li a font{position:absolute;top:95px;left:0;width:204px;color:#fff;font-size:25px;text-align:center;display:none;transition:all 0 0.5s;}
.pro_list li a:hover font{display:block;}
.pro_type{position:relative;float:left;width:100%;overflow:hidden;}
.pro_type ul{position:relative;float:left;left:50%;}
.pro_type li{position:relative;float:left;right:50%;margin:0 5px;}
.pro_type li a{display:block;height:60px;border-top:#fff solid 3px;padding:0 15px;line-height:40px;font-size:24px;color:#fff;}
.pro_type li a:hover{border-top:#cd0000 solid 3px;padding:0 15px;line-height:40px;font-size:24px;color:#cd0000;}

.pro_list li.p1{transform: translate3d(-600px, 0, 0) rotate(-180deg);opacity:0;transition:all 1s 0.5s;}
.pro_list li.p2{transform: translate3d(-300px, 0, 0) rotate(-180deg);opacity:0;transition:all 1s 0.5s;}
.pro_list li.p3{transform: translate3d(300px, 0, 0) rotate(180deg);opacity:0;transition:all 1s 0.5s;}
.pro_list li.p4{transform: translate3d(600px, 0, 0) rotate(180deg);opacity:0;transition:all 1s 0.5s;}

.active .pro_list li{transform: translate3d(0, 0, 0) rotate(0);opacity:1;transition:all 1s 0.5s;}

/*滑动*/
.fxui-tab {}
.fxui-tab-hand {text-align:center;}
.fxui-tab-tit {display:inline-block;width:75px;height:60px;margin:0 5px;border-top:#fff solid 3px;line-height:40px;font-size:24px;color:#fff;cursor:pointer; }
.fxui-tab-hand .curr { border-top:#cd0000 solid 3px;color:#cd0000;}
.fxui-tab-nav {}

/*第三页*/
.index_03{background:url(../images/index_09.jpg) no-repeat center center;background-size:cover;}
.index_03_nr{width:100%;position:absolute;top:50%;left:0;margin-top:-300px;z-index:99;}
/*.ser_con{height:620px;}*/
.ser_type{margin-left:75px;float:left;background:rgba(70,20,30,0.50)!important;filter:Alpha(opacity=50);background:#46141e;font-size:20px;width:88px;color:#fff;transform:translateX(-800px);opacity:0;transition:all 0.5s linear 0.3s;}
.ser_type li a{height:45px;display:block;line-height:45px;text-align:center;cursor:pointer;color:#fff;}
.ser_type li.current {color:#fff;}
.ser_type li.current a {background:#cd0000;color:#fff;}

.active .ser_type{transform:translateX(0);opacity:1;}

.ser_text{width:650px;color:#fff;padding-top:10px;}
.ser_text01{font-size:48px;line-height:60px;height:88px;display:block;}
.ser_text02{font-size:18px;line-height:35px;display:block;padding-bottom:22px;}
.ser_text03{font-size:30px;line-height:35px;display:block;}
.ser_pos{position:absolute;bottom:-100px;left:0;width:100%;height:100px;line-height:100px;background:url(../images/index_20.png);transition:all 0.5s ease 1s;}
.ser_pos li{width:300px;padding:0 50px;font-size:18px;float:left;}
.ser_pos li a{color:#fff;}
.ser_pos li font{font-size:36px;color:#cd0000;padding-right:15px;float:left;}

.active .ser_pos{bottom:0;transition:all 0.5s ease 0.5s;}

/*第四页*/
.index_04{background:url(../images/index_12.jpg) no-repeat center center;background-size:cover;}
.index_04_nr{width:100%;position:absolute;top:50%;left:0;margin-top:-430px;z-index:99;}

.new_list{height:590px;background:url(../images/index_51.png) repeat-y center;}
.new_list li{width:628px;height:110px;}
.new_list li a{color:#fff;}
.new_list_text{width:550px;line-height:26px;padding-top:5px;}
.new_list_text font{font-size:20px;line-height:32px;}

.new_list1{transform:translateX(1000px);opacity:0;transition:all 0.5s linear 0.2s;}
.new_list2{transform:translateX(-1000px);opacity:0;transition:all 0.5s linear 0.3s;}
.new_list3{transform:translateX(1000px);opacity:0;transition:all 0.5s linear 0.4s;}
.new_list4{transform:translateX(-1000px);opacity:0;transition:all 0.5s linear 0.5s;}
.new_list5{transform:translateX(1000px);opacity:0;transition:all 0.5s linear 0.6s;}
/*
.new_list li.new_list1 span.fl{transform:translateX(500px);opacity:0;transition:all 0.5s linear 0.2s;}
.new_list li.new_list1 span.fr{transform:translateX(1000px);opacity:0;transition:all 0.5s linear 0.2s;}
.new_list li.new_list2 span.fr{transform:translateX(-500px);opacity:0;transition:all 0.5s linear 0.3s;}
.new_list li.new_list2 span.fl{transform:translateX(-1000px);opacity:0;transition:all 0.5s linear 0.3s;}
.new_list li.new_list3 span.fl{transform:translateX(500px);opacity:0;transition:all 0.5s linear 0.4s;}
.new_list li.new_list3 span.fr{transform:translateX(1000px);opacity:0;transition:all 0.5s linear 0.4s;}
.new_list li.new_list4 span.fr{transform:translateX(-500px);opacity:0;transition:all 0.5s linear 0.5s;}
.new_list li.new_list4 span.fl{transform:translateX(-1000px);opacity:0;transition:all 0.5s linear 0.5s;}
.new_list li.new_list5 span.fl{transform:translateX(500px);opacity:0;transition:all 0.5s linear 0.6s;}
.new_list li.new_list5 span.fr{transform:translateX(1000px);opacity:0;transition:all 0.5s linear 0.6s;}
*/
.active .new_list1{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.2s;}
.active .new_list2{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.3s;}
.active .new_list3{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.4s;}
.active .new_list4{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.5s;}
.active .new_list5{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.6s;}
/*
.active .new_list li.new_list1 span.fl{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.2s;}
.active .new_list li.new_list1 span.fr{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.2s;}
.active .new_list li.new_list2 span.fr{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.3s;}
.active .new_list li.new_list2 span.fl{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.3s;}
.active .new_list li.new_list3 span.fl{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.4s;}
.active .new_list li.new_list3 span.fr{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.4s;}
.active .new_list li.new_list4 span.fr{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.5s;}
.active .new_list li.new_list4 span.fl{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.5s;}
.active .new_list li.new_list5 span.fl{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.6s;}
.active .new_list li.new_list5 span.fr{transform:translateX(0);opacity:1;transition:all 0.5s linear 0.6s;}
*/
.news_list11{transform:translateX(0);opacity:1;}
.new_more{transform:translateY(200px);opacity:0;transition:all 0.5s ease 1s;}
.active .new_more{transform:translateY(0);opacity:1;transition:all 0.5s ease 1s;}
.new_more1{transform:translateY(0);opacity:1;transition:all 0.5s ease 1s;}
.new_more a{color:#fff;width:110px;height:40px;display:block;line-height:40px;margin:0 auto;background:#a5a3aa;border-radius:5px;font-size:16px;}
.new_more a:hover{background:#cd0000;transition:all 0.5s linear;}

/*footer*/
.footer_bg{background:#333;}
.copyright{border-top:#686868 solid 1px;color:#fff;height:49px;line-height:49px;}
.footer{height:210px;padding-top:40px;}
.footer_l{padding-left:60px;width:600px;}
.footer_meau li{width:100px;float:left;line-height:36px;color:#fff;}
.footer_meau li font{display:block;background:url(../images/index_14.jpg) no-repeat left center;}
.footer_meau li a{color:#ddd;display:block;padding:2px 0 0 0;height:36px;}
.footer_meau li a:hover{color:#fff;padding:0;height:38px;}
.footer_r{width:400px;}
.contact_text{line-height:40px;color:#fff;}
.contact_text li img{padding-right:15px;float:left;}

/*main*/
.left{position:fixed;top:0;left:0;width:12%;height:100%;background:#000;}
.right{width:86%; position:relative;}
.main_logo{padding:30% 0 50%;}
.main_nav{width:100%;}
.main_nav ul{float:right;padding-right:12%;}
.main_nav li{margin-bottom:20px;}
.main_nav li a{width:96px;height:30px;overflow:hidden;border:solid 2px transparent;color:#fff;line-height:30px;font-size:18px;text-align:center;display:block;border-radius:1px;}
.main_nav li span{display:block;text-transform:uppercase;}
.main_nav li a:hover{border:solid 2px #cd0000;color:#cd0000;}
.main_nav li a:hover span{margin:-30px 0 0 0;transition:border 0.5s,margin 0.5s;}

.main_copyright{position:absolute;bottom:3%;right:12%;line-height:28px;color:#fff;}
.type_list{padding:40px 0;}
.type_list_icon{margin:3px 10px 0 0;}
.type_list ul{border:#666 solid 1px;border-radius:10px;}
.type_list li{padding:0;height:34px;line-height:34px;float:left;}
.type_list li a{display:block; height:34px; text-align:center;padding:0 7px;}
.type_list li a{display:block;}
.type_list li a:hover{color:#111;}
/*.main_pro li{width:288px;height:288px;float:left;margin:0 38px 45px 0;position:relative;overflow:hidden;}
.main_pro li .main_pro_pic{width:288px;height:110px;padding-top:63px;position:absolute;top:-173px;left:0;background:url(../images/main04.png);text-align:center;}
.main_pro li a:hover .main_pro_pic{top:0;transition:all 0.3s ease-in-out;}
.main_pro li .main_pro_name{display:block;width:248px;height:66px;padding:10px 20px 0 20px;line-height:30px;position:absolute;left:0;bottom:0;z-index:99;}
.main_pro li a:hover .main_pro_name{color:#fff;transition:all 0.3s ease-in-out;}
.main_pro li .main_pro_red{width:288px;height:76px;background:#cd0000;position:absolute;left:0;bottom:-76px;z-index:9;}
.main_pro li a:hover .main_pro_red{bottom:0;transition:all 0.3s ease-in-out;}*/


.main_pro li{float:left;width:250px;height:250px;margin:0 38px 45px 0;position:relative;display:block;border-radius:50%;overflow:hidden;}
.main_pro li img{border-radius:50%;width:250px;height:250px;}
.main_pro li a span{width:0;height:0;position:absolute;top:125px;left:125px;background:#cd0000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;color:#fff;font-size:18px;transition:all 0.5s;}
.main_pro li a:hover span{width:250px;height:250px;top:0;left:0;}
.main_pro li a font{position:absolute;top:110px;left:0;width:230px;color:#fff;font-size:22px;text-align:center;display:none;transition:all 0 0.5s;padding:0 10px;line-height:30px;}
.main_pro li a:hover font{display:block;}


.page{margin:0 0 30px 0;}
.page ul{border:#cacaca solid 1px;border-radius:10px;background:#fff;}
.page span{float:left;height:36px;line-height:36px;padding:0 15px;}
.page a{float:left;height:36px;line-height:36px;}
.page a{padding:0 15px;display:block;border-right:#cacaca solid 1px;}
.page a:hover{background:#cd0000;border-left:#cd0000 solid 1px;color:#fff;}
.select{background:#cd0000;border-left:#cd0000 solid 1px;color:#fff;}
.neirong{ width:266px; height:153px; border:1px solid #ccc; padding:10px;text-indent:2em }
#hei{border-left:none;background:#666;border-radius:8px; display:block; height:34px;}

.main_news li{width:45%;float:left;margin:0 2.5%;font-size:14px;line-height:45px;text-align:right;border-bottom:dotted 1px #585858;}
.main_news li a{color:#585858;float:left;}
.main_news li a:hover{color:#ff0000;}
.main_news2 li{ width:1110px; border-bottom:1px dashed #ccc; padding:10px 0;}
.main_news2 li a{ display:block; font-size:16px; color:#f00; margin-bottom:6px;}
.main_news2 li div{ font-size:14px;}

/* suspend */
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:75px;background:#ffffff; padding-top:10px;}
.suspend dl dd.suspendQQ a{width:120px;height:105px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff; margin-top:10px;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}

.ny_hrnor{ float:left; margin-right:30px; margin-bottom:30px;}
.ny_hrnor img:hover{transform: scale(1.3);transition: all 1s ease;-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;}


.sub_nuomi04 {
	position: absolute;
	top: 638px;
	left: 30%;
	z-index: 1;
	-moz-animation: yuan 60s 1s linear infinite;
	-webkit-animation: yuan 60s 1s linear infinite;
	animation: yuan 60s 1s linear infinite;
}
.sub_nuomi05 {
	position: absolute;
	top: 611px;
	left: 28%;
	z-index: 2;
	-moz-animation: mapScroll 60s 1s linear infinite;
	-webkit-animation: mapScroll 60s 1s linear infinite;
	animation: mapScroll 60s 1s linear infinite;
}
.sub_nuomi10 {
}
 @-moz-keyframes mapScroll {
 0% {
-moz-transform:rotate(0deg);
}
 100% {
-moz-transform:rotate(360deg);
}
}
 @-webkit-keyframes mapScroll {
 0% {
-webkit-transform:rotate(0deg);
}
 100% {
-webkit-transform:rotate(360deg);
}
}
 @keyframes mapScroll {
 0% {
transform:rotate(0deg);
}
 100% {
transform:rotate(360deg);
}
}
 @-moz-keyframes yuan {
 0% {
-moz-transform:rotate(360deg);
}
 100% {
-moz-transform:rotate(0deg);
}
}
 @-webkit-keyframes yuan {
 0% {
-webkit-transform:rotate(360deg);
}
 100% {
-webkit-transform:rotate(0deg);
}
}
 @keyframes yuan {
 0% {
transform:rotate(360deg);
}
 100% {
transform:rotate(0deg);
}
}

.ny_server_tl{ position:absolute; left:2%; width:470px; height:360px; top:80%; overflow:hidden; padding:20px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left}
.ny_server_l{ position:absolute; left:1%;  width:360px;top:190%;overflow:hidden; padding:20px; padding-top:120px; padding-left:60px; text-align:left}
.ny_server_td{position:absolute; right:3%; width:400px; height:500px; top:190%;overflow:hidden; padding:20px; border-top:1px solid #ccc; border-left:1px solid #ccc; padding-top:120px; padding-left:120px;}
.ny_server_r{position:absolute; right:4%; width:360px; height:400px; top:80%;overflow:hidden; padding:20px;text-align:center}
.in_fr2{ float:right; width:242px; height:88px; background:url(../images/tel.png) center no-repeat}