/* css reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0 none;}
img{vertical-align:middle; outline:0;}
li{list-style:none;}
body,select,input,button,textarea{font:12px/1.5 tahoma,'Microsoft Yahei' ,arial;}
a,a:link,a:visited{/*color:#000;*/text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}

.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.cc:after{display:block;clear:both;content:".";height:0;visibility:hidden;} * html .cc {height: 1%;}
.center{ margin:0 auto;}
.text_center{ text-align:center;}
.pos_rel{ position:relative;}
.none{display:none;}
.zs{text-indent:-9999px;display:block;line-height:0;overflow:hidden;font-size:0;}
.mgb15{ margin-bottom:15px; color:#FFFFFF; text-align:left}

html{ overflow-x:hidden}
body{background:#000;}
.inner_box{width:90%;margin:0 auto;position:relative; text-align:center}
.inner_box h2{text-align:center;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ;font-size:22px;padding:50px 0 10px;font-weight:normal;color:#fff;}
.inner_box .line{width:30px;height:4px;line-height:0;font-size:0;margin:0 auto; background:#fff;}
.top_banner{width:100%;height:806px;margin:0 auto;background:url(../images/top_banner.jpg) center no-repeat; text-align:center; position:relative;background-size:cover;}
.top_banner .inner_box{height:806px;}
.float_text01{position: relative;top:250px;height:116px;background:url(../images/text01.png) center no-repeat;opacity:0;}
.float_text01_2{position: relative;top:230px;height:116px;background:url(../images/text01_2.png) center no-repeat;opacity:0;}
.float_text01_3{position: relative;top:210px;height:116px;background:url(../images/text01_3.png) center no-repeat;opacity:0;}
.down_btn{width:100%;position: relative;top:220px;height:124px;background:url(../images/down_btn.png) no-repeat center;}

/*.float_text01{display:none;position:absolute;left:20px;top:320px;}
.float_text01_2{display:none;position:absolute;left:20px;top:420px;}
.float_text01_3{display:none;position:absolute;left:20px;top:520px;}*/

.float_text02{display:none;position: relative;top:100px; height:135px; width:100%;line-height:46px;color:#fff;  text-align:center; font-size:35px; margin:40px 0 15px;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ; font-weight:normal}

.nav_wrapper{height:92px;width:100%;background:#fff;margin:0 auto;}
.nav{background:#fff;height:92px;position:static;width:100%;z-index:9999;}
.nav .inner_box{width:100%;overflow:hidden;margin:0 auto;}
.nav h1{float:left;padding:0 10px;margin:25px 0 0 0;}
.nav ul{ float: right; margin:23px 0 0 0;}
.nav ul li{float:left;margin:0 0px;}
.nav ul li a{height:50px;line-height:50px;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ;text-align:center;padding:0 15px;display:block;color:#858585;font-size:16px;}
.nav ul li.current a{background:#0eafba;color:#fff; font-weight:bold;}
.nav ul li a:hover{background:#0eafba;color:#fff;text-decoration:none;font-weight:bold;}
.hot_line{ float:right;display:inline;margin:38px 10px 0 0;}


.clents{background:#24a1dd;height:727px;width:100%;margin:0 auto;text-align:center;}
.clents .text_area{height:145px;width:100%; line-height:46px;color:#fff;  text-align:center; font-size:35px; margin:40px 0 15px;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ; font-weight:normal}

.services{background:url(../images/server_banner.jpg) center no-repeat;height:727px;width:100%;margin:0 auto;background-size:cover;}
.services h2{padding-top:110px;color:#000;}
.services .line{ background:#000;}
.about_us{height:715px;background:#81a70a;width:100%;height:766px;margin:0 auto;}
.about_us h2{padding-top:100px;}
.about_us .media{ margin-top:50px;}
.about_us .media .st_text{width:100%;float:left;color:#fff;font-size:16px; line-height:32px;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ;}
.about_us .media .st_img{width:298px;height:455px;float: right;display:none;}
.about_us .media .st_img dt{color:#fff;text-align:center;line-height:22px;font-size:14px;width:290px;padding:10px 0 0 0;}
.about_us .media .st_img .btn_box{display:none;}

.banner{height:576px;width:100%;background:url(../images/banner.jpg) center no-repeat;margin:0 auto;background-size:cover;}
.contact_us{width:100%;height:735px;background:url(../images/contact_us_banner.jpg)  center no-repeat;margin:0 auto;background-size:cover;}
.contact_us h2{padding-top:130px;}
.footer{width:100%;height:198px;background:#1c1c1c; text-align:center; margin:auto;}
.footer .social{margin-bottom:15px;}
.social a{margin:0 10px;}
.footer .inner_box{padding:50px 0 0 0;}
.footer p{ line-height:22px; font-size:14px;}
.footer .p1{color:#898989}
.footer .p2{color:#c7c7c7;}
.footer p a{color:#c7c7c7;}
.footer p a:hover{color:#c7c7c7;}

.services_col01, .services_col02, .services_col03{position: relative;float:left;top:80px;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ;width:27%; text-align:center; padding:0 3% 0 3%;}
.services_col01 h3, .services_col02 h3, .services_col03 h3{color:#fff; font-size:25px;font-weight:normal;margin-bottom:20px;}
.services_col01 p, .services_col02 p, .services_col03 p{color:#cacaca; font-size:14px;}
.services_col01 p.green, .services_col02 p.green, .services_col03 p.green{ color:#00c8b8;font-size:18px;}

.contact_col01, .contact_col02, .contact_col03{ position:relative;float:left;top:110px;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif ;width:27%; text-align:center; margin:0 3% 0 3%}
.contact_col01 h3, .contact_col02 h3, .contact_col03 h3{color:#fff; font-size:22px;font-weight:normal;margin-bottom:10px;}
.contact_col01 p, .contact_col02 p, .contact_col03 p{color:#B8B7B7; font-size:14px;}
.contact_col01 p.white, .contact_col02 p.white, .contact_col03 p.white{color:#fff;font-weight:bold;}

.slide_wrapper{width:100%;height:558px;}
.slide_a{width:298px;height:435px;overflow:hidden;position:relative;}
.pic_box, .btn_box{position:absolute;}
.pic_box img{width:100%;}
.pic_box li{width:298px;height:455px;}
.slide_wrapper .btn_box{top:575px;display:block;}
.btn_box li{background:url(../images/dots.png) -28px 0 no-repeat;margin:0 3px;float:left;display:inline;}
.btn_box li.current{background:url(../images/dots.png) 0 0 no-repeat;}
.btn_box li a{width:18px;height:18px;line-height:18px;font-size:12px;text-align:center;display:block; text-indent:-9999px;}
.slide_a .pic_box, .slide_b .pic_box, .slide_c .pic_box, .slide_d .pic_box, .slide_e .pic_box, .slide_f .pic_box, .slide_g .pic_box{width:9999px;}

.slide_a .pic_box li, .slide_b .pic_box li, .slide_c .pic_box li, .slide_d .pic_box li, .slide_e .pic_box li, .slide_f .pic_box li, .slide_g .pic_box li{float:left;}
.slide_wrapper .l-btn, .slide_wrapper .r-btn{position:absolute;top:230px;width:60px;height:60px;background:url(../images/btn03.png) -9999px -9999px no-repeat;text-indent:-9999px;cursor:pointer;}
.slide_wrapper .l-btn{left:20px; background-position:0 0;}
.slide_wrapper .r-btn, .slide_wrapper .r-btn{right:20px; background-position:-63px 0;}

.slide_area{background:url(../images/circle.png) center center no-repeat;overflow:hidden;width:920px;margin:0 auto;position:relative;}
.slide_box{width:9999px;}
.slide_box li{width:290px;height:311px;float:left;text-align:center;margin:0 10px;}
.slide_box li span{width:1px;display:inline-block; height:100%;vertical-align:middle;}
.slide_box li.current{ cursor:pointer;}
.slide_area a{width:27px;height:45px;background:url(../images/lr_btn01.png) -9999px -9999px no-repeat;display:block; position:absolute;}
.slide_area a.l_btn{background-position:0 0;left:250px;top:130px;}
.slide_area a.r_btn{background-position:-38px 0;left:640px;top:130px;}

/* pop */
.pop{width:946px; height:558px;position:relative;display:none;}
.slide_b, .slide_c, .slide_d, .slide_e, .slide_f, .slide_g{width:946px;height:558px;overflow:hidden;position:relative;}
.slide_b .pic_box li, .slide_c .pic_box li, .slide_d .pic_box li, .slide_e .pic_box li, .slide_f .pic_box li, .slide_g .pic_box li{width:946px; height:558px;}

.close{position:absolute;right:0px;top:20px; cursor:pointer; color:#000;display:block; background:url(../images/close02.png) 0 0 no-repeat;height:93px;width:93px;}


#link_version{ position:absolute; right:10px; top:0; z-index:100; width:80px; height:25px; line-height:25px;}
#link_version a{ display:block; width:100%; height:100%; background:#0EAFBA; color:#fff; text-align:center;}
#link_version a:hover{ background:#0aa7b2; text-decoration:none;}

#MyMoveAd {width:100%; position:relative;}
#MyMoveAd .close{ position:absolute; right:30px; top:10px;}