@charset "utf-8";

/* CSS Document */

/** 

????????????????????????????????????

www.w-vi.com

**/

.clear_transition{-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none}



html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;font-weight:normal;}

html,body,fieldset,img,iframe,abbr{border:0;}

i,cite,em,var,address,dfn{font-style:normal;}

[hidefocus],summary{outline:0;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6,small{font-size:100%;}

sup,sub{font-size:83%;}

pre,code,kbd,samp{font-family:inherit;}

q:before,q:after{content:none;}

textarea{overflow:auto;resize:none;}

label,summary{cursor:default;}

a,button{cursor:pointer;}

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}

del,ins,u,s,a,a:hover{text-decoration:none;}

body,textarea,input,button,select,keygen,legend{font-size:12px; font-family:"????????????"; color:#333;outline:0;}

a,a:hover{color:#333;}

.clearfix{clear:both;}

body{overflow-x:hidden}

a,li,span{outline:0}

a:hover,a:active,a:focus{outline:0}

a:focus{outline:0}

li:focus{outline:0}

span:focus{outline:0}

a,a:hover,a:visited,a:active,li,li:hover,li:visited,li:active,span,span:hover,span:visited,span:active,div:hover,div:visited,div:active{text-decoration:none;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}



.w_auto{ width:1000px; margin:0 auto;}



/*general*/

.header{ background:url(img/head_bg.jpg) repeat-x; height:48px; padding-top:15px;}

.header .logo{ background:url(img/logo.png) no-repeat; width:116px; height:37px; float:left; display:inline-block;}

.header .logo a{ width:100%; height:100%; display:block;}

.header .nav{ float:right; display:inline-block; margin-top:10px;}

.header .nav li{ float:left; display:inline-block; height:20px; border-left:1px dashed #b3b4b4; margin-left:15px;}

.header .nav li a{ font-size:16px; line-height:20px; color:#2b2b2b; display:block;  padding-bottom:16px; margin-left:15px;}

.header .nav li:hover a,.header .nav li.on a{border-bottom:2px solid #e7504f;}

.header .nav .nobor{ border-left:0;}



.disnone{ display:none;}



.footer{ height:50px; background:#343740; text-align:center; padding-top:20px; font-size:12px; line-height:20px; color:#b2b2b2;}

.footer a.beian{color:#b2b2b2; display: inline-block;}

.footer a { display: none}

.posi{ position:absolute; width:100%; height:50px; top:5344px; left:0; z-index:999;}



/*index*/

.index_banner {position:relative; display:block;}

.index_banner ul {width:100%;display:block; position:absolute; top:0; left:0}

.index_banner ul li { position:absolute; display:block; width:100%; display:block;}

.index_banner .num {text-align:center; position:absolute; z-index:999; width:100%; bottom:90px; display:block; z-index:9999}

.index_banner .num span {  cursor:pointer; display:inline-block;  margin:0 4px; background:url(img/indexban_numblack.png) no-repeat; text-align:center; width:46px; height:32px; font-size:16px; line-height:32px; color:#fff;}

.index_banner .num span:hover, .index_banner .num span.on{background-position:-20px 0; background:url(img/indexban_numred.png) no-repeat;}

.index_banner .arw span{position:absolute; z-index:99; width:51px; height:51px; cursor:pointer; display:block; top:300px;}

.index_banner .arw span.left { background:url(img/indexban_leftjt.png) no-repeat; left:88px;}

.index_banner .arw span.right { background:url(img/indexban_rightjt.png) no-repeat; right:88px;}



.index_ser{ background:url(img/index_ban2.png) no-repeat center; margin-top:-120px; height:777px; position:relative; width:100%; z-index:998; display:block;}

.index_ser .core{padding-top:180px;}

.index_ser .core li{ width:331px; height:208px; float:left; display:inline-block; position:relative; cursor:pointer;}

.index_ser .core li img{ z-index:1000; position:absolute; top:0; left:0; width:100%; display:block;}

.index_ser .core li:hover img{ display:none;}

.index_ser .core li .ico{ width:100px; height:84px; position:absolute; top:60px; left:40px; z-index:1001;}

.index_ser .core li .a1{ background:url(img/wh1.png) no-repeat;}

.index_ser .core li .a2{ background:url(img/wh2.png) no-repeat;}

.index_ser .core li .a3{ background:url(img/wh3.png) no-repeat;}

.index_ser .core li .a4{ background:url(img/wh4.png) no-repeat;}

.index_ser .core li .a5{ background:url(img/wh5.png) no-repeat;}

.index_ser .core li .a6{ background:url(img/wh6.png) no-repeat;}

.index_ser .core li:hover .a1{ background:url(img/red1.png) no-repeat;}

.index_ser .core li:hover .a2{ background:url(img/red2.png) no-repeat;}

.index_ser .core li:hover .a3{ background:url(img/red3.png) no-repeat;}

.index_ser .core li:hover .a4{ background:url(img/red44.png) no-repeat;}

.index_ser .core li:hover .a5{ background:url(img/red55.png) no-repeat;}

.index_ser .core li:hover .a6{ background:url(img/red66.png) no-repeat;}

.index_ser .core li .wz{ position:absolute; top:76px; left:130px;z-index:1001;}

.index_ser .core li .wz .cn{ font-size:24px; line-height:30px;color:#fff;}

.index_ser .core li:hover .wz .cn{ color:#d71518;}

.index_ser .core li .wz .cn i{ font-size:20px; line-height:26px;}

.index_ser .core li .whitebg{ background:#fff; display:block; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%;}





.index_case{ position:absolute; left:0; width:100%; background:fff; z-index:200;}

.index_case .nav{ margin-top:px;}

.index_case .nav li{ float:left; display:inline-block; margin-right:20px; padding-right:20px;  border-right:1px dashed #9a999a;}

.index_case .nav li a{ font-size:18px; line-height:24px; color:#9a999a;}

.index_case .nav li:hover a,.index_case .nav li.on a{ color:#d61518}

.index_case .core{ position:relative; display:block;}

.index_case .core ul{ margin-top:20px;}

.index_case .core li{ position:relative; display:block; float:left; cursor:pointer;width:320px; height:260px; overflow:hidden;}

.index_case .core li img{ display:block; width:100%;	}

.index_case .core li .bg{ position:absolute; bottom:0; left:0; display:block; background:url(img/index_caseblackbg.png) no-repeat; width:100%; height:165px; z-index:20; font-size:18px; line-height:50px; color:#fff;}

.index_case .core li .bg .wz{ margin-top:55px; margin-left:230px;}

.index_case .core li .bg .wz .title{ font-size:18px; line-height:22px; color:#fff; font-weight:bold;}

.index_case .core li .bg .wz .word{ font-size:12px; line-height:20px;  color:#fff;}

.index_case .core li .date{ text-align:center; z-index:15; position:absolute; top:0; left:0; background:url(img/index_datebg.png) no-repeat; height:78px; width:77px;}

.index_case .core li .date .day{ font-size:36px; line-height:40px; color:#fff; margin-top:5px;}

.index_case .core li .date .mon{ font-size:22px; color:#fff; line-height:30px; font-family:"Arial";}







.index_case .core .sty_1{ width:650px; height:527px; border:0;position:absolute; display:block; float:left; cursor:pointer;}

.index_case .core .sty_1 .bg{ position:absolute; bottom:0; left:0; display:block; background:url(img/index_caseblackbg.png) no-repeat; width:100%; height:165px; z-index:20; font-size:18px; line-height:50px; color:#fff;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.index_case .core .sty_1 .bg .wz{ margin-top:55px; margin-left:230px;}

.index_case .core .sty_1 .bg .wz .title{ font-size:18px; line-height:22px; color:#fff; font-weight:bold;}

.index_case .core .sty_1 .bg .wz .word{ font-size:12px; line-height:20px;  color:#fff; margin-top:6px;}

.index_case .core .sty_1 img{ display:block; width:100%;}

.index_case .core .sty_1 a{ display:block; width:100%; height:100%;}



.index_case .core .sty_2{ width:320px; height:260px; position:absolute; top:0px; left:660px;}

.index_case .core .sty_3{ width:320px; height:260px; position:absolute; top:268px; left:660px;}

.index_case .core .sty_4{ width:320px; height:260px; position:absolute; top:538px; left:0px;}

.index_case .core .sty_5{ width:320px; height:260px; position:absolute; top:538px; left:330px;}

.index_case .core .sty_6{ width:320px; height:260px; position:absolute; top:538px; left:660px;}



.index_about{ position:absolute; top:2300px; left:0; background:#f5f4f4; width:100%;}

.index_about .titleimg{ background:url(img/index_banabout.png) no-repeat center center; height:233px;}

.index_about .ten{ padding-top:50px; padding-bottom:50px; border-bottom:1px dashed #9a999a; height:300px;}

.index_about .ten .ll{ float:left; display:inline-block; width:498px;}

.index_about .ten .nn{ float:left; width:470px; overflow:hidden; display:inline-block; margin-left:30px;}

.index_about .ten .nn .title{ font-size:30px; color:#262635; line-height:36px;}

.index_about .ten .nn .nav{ margin-top:5px;}

.index_about .ten .nn .nav li{ float:left; display:inline-block; margin-right:7px; padding-right:7px;  border-right:1px dashed #9a999a; height:14px; margin-top:10px;}

.index_about .ten .nn .nav li a{ font-size:14px; line-height:14px; color:#545554;}

.index_about .ten .nn .nav li:hover a,.index_about .ten .nav li.on a{ color:#000;}

.index_about .ten .nn .word{ font-size:14px; line-height:20px; color:#7e7f7f; width:460px; display:block; margin-top:40px;}

.index_about .ten .nn .map{ margin-top:50px;}

.index_about .ten .nn .map .city{ float:left; display:inline-block;}

.index_about .ten .nn .map .city dd{ float:left; display:inline-block;}

.index_about .ten .nn .map .city dd i{ font-size:16px; line-height:20px; color:#151515;}

.index_about .ten .nn .map .city dd i:hover{ color:#999;}

.index_about .ten .nn .map .more{ height:20px; width:60px; text-align:center; background:#db3639;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; float:right; display:inline-block;}

.index_about .ten .nn .map .more a{ font-size:12px; color:#fff; line-height:20px; display:block; width:60px; height:20px;}



.index_about .adv{padding-top:50px; padding-bottom:20px; border-bottom:1px dashed #9a999a; height:410px;}

.index_about .adv .ll{ float:left; display:inline-block; width:430px;}

.index_about .adv .ll .ysdb{ background:url(img/index_smalllogo.png) no-repeat left; height:25px; font-size:22px; line-height:25px; color:#5b5b5b; padding-left:50px;}

.index_about .adv .ll .cn{ font-size:26px; line-height:32px; color:#292425; margin-top:20px;}

.index_about .adv .ll .en{ font-size:22px; line-height:28px; color:#d61518; font-family:"Arial";}

.index_about .adv .ll .word{ font-size:18px; line-height:24px; color:#515151; margin-top:20px;}

.index_about .adv .ll .kh{ margin-top:20px;}

.index_about .adv .ll .kh dd{ background:url(img/index_redfive.png) no-repeat left; height:20px; line-height:20px; font-size:12px; color:#8c8c8c; padding-left:16px;}

.index_about .adv .ll .blackcn{ font-size:32px; line-height:40px; color:#040000; margin-top:10px;}

.index_about .adv .ll .blacken{ font-size:18px; line-height:24px; color:#040000; font-family:"Arial"; margin-top:5px;}

.index_about .adv .nn{ width:438px; float:left; display:inline-block; margin-left:50px;}

.index_about .adv .nn .img{ background:url(img/index_aboutsjwz.png) no-repeat; width:438px; height:31px; margin-top:60px;}

.index_about .adv .nn .word{ font-size:20px; color:515151; line-height:26px; margin-top:20px;}

.index_about .adv .nn .num{ margin-top:20px;}

.index_about .adv .nn .num li{ height:22px; margin-bottom:5px;}

.index_about .adv .nn .num li .lee{ height:22px; width:100px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background:#515151; line-height:22px; font-size:16px; color:#f5f4f4; text-align:center; float:left; display:inline-block; font-family:"Arial";}

.index_about .adv .nn .num li .rii{ float:left; display:inline-block; margin-left:20px; font-size:16px; line-height:22px; color:#d61518;}

.index_about .adv .nn .bigtitle{ font-size:35px; line-height:44px; color:#262635; margin-top:20px;}



.index_about .ser{ padding-top:50px; padding-bottom:50px; height:288px;}

.index_about .ser .ll{ float:left; display:inline-block; background:url(img/index_mapimg.jpg) no-repeat; width:498px; height:288px;}

.index_about .ser .nn{ float:right; display:inline-block;}

.index_about .ser .nn .fffw{ background:url(img/index_smalllogo.png) no-repeat left; height:25px; font-size:22px; line-height:25px; color:#5b5b5b; padding-left:50px;}

.index_about .ser .nn .word{ font-size:14px; line-height:20px; color:#7e7f7f; margin-top:30px;}

.index_about .ser .nn .bigtitle{ font-size:32px; line-height:40px; color:#040000; margin-top:40px;}

.index_about .ser .nn .smalltitle{ font-size:18px; line-height:24px; color:#515151; margin-top:20px;}





.index_customer{ width:100%; position:absolute; top:3803px; left:0; height:930px;}

.index_customer .titleimg{ background:url(img/indexban_cus.png) no-repeat center center; height:153px;}

.index_customer .core{ padding-top:20px; position:relative; display:block;}

.index_customer .core .word{ width:630px;}

.index_customer .core .word .en{ font-size:24px; line-height:34px; color:#d61518; font-family:"Arial";}

.index_customer .core .word .bigtitle{ font-size:46px; line-height:60px; color:#323333;}

.index_customer .core .word .cn{ font-size:16px; line-height:24px; color:#7e7f7f; margin-top:20px;}

.index_customer .core .mark{ position:absolute; top:110px; right:0;}

.index_customer .core .mark ul{ float:right;}

.index_customer .core .mark li{ float:left; display:inline-block; border:1px solid #272728; width:139px; height:140px; overflow:hidden; margin-top:0; vertical-align:top;}

.index_customer .core .mark li img{ display:block;}

.index_customer .core .mark dl{ float:right;}

.index_customer .core .mark dd{ float:left; display:inline-block; border:1px solid #272728; width:139px; height:140px; text-align:center; cursor:pointer; overflow:hidden; margin-top:0; vertical-align:top;}

.index_customer .core .mark dd .ico{ background:url(img/index_footicoblack.png) no-repeat; height:41px; width:45px; margin:0 auto; margin-top:20px;}

.index_customer .core .mark dd:hover,.index_customer .core .mark dd.on{ background:#be3b39;}

.index_customer .core .mark dd:hover .ico,.index_customer .core .mark dd.on .ico{ background:url(img/index_footicowhite.png) no-repeat;}

.index_customer .core .mark dd .a1{ background-position:2px 0px}

.index_customer .core .mark dd .a2{ background-position:-140px 0px}

.index_customer .core .mark dd .a3{ background-position:-277px 0px}

.index_customer .core .mark dd .a4{ background-position:-418px 0px}

.index_customer .core .mark dd .a5{ background-position:-562px 0px}

.index_customer .core .mark dd .a6{ background-position:-701px 0px}

.index_customer .core .mark dd .a7{ background-position:-845px 0px}

.index_customer .core .mark dd:hover .a1,.index_customer .core .mark dd.on .a1{ background-position:2px 0px}

.index_customer .core .mark dd:hover .a2,.index_customer .core .mark dd.on .a2{ background-position:-140px 0px}

.index_customer .core .mark dd:hover .a3,.index_customer .core .mark dd.on .a3{ background-position:-277px 0px}

.index_customer .core .mark dd:hover .a4,.index_customer .core .mark dd.on .a4{ background-position:-418px 0px}

.index_customer .core .mark dd:hover .a5,.index_customer .core .mark dd.on .a5{ background-position:-562px 0px}

.index_customer .core .mark dd:hover .a6,.index_customer .core .mark dd.on .a6{ background-position:-701px 0px}

.index_customer .core .mark dd:hover .a7,.index_customer .core .mark dd.on .a7{ background-position:-842px 0px}

.index_customer .core .mark dd:hover .cn,.index_customer .core .mark dd:hover .en,.index_customer .core .mark dd.on .cn,.index_customer .core .mark dd.on .en{ color:#fff}

.index_customer .core .mark dd .cn{ font-size:16px; line-height:22px; color:#515151; margin-top:10px;}

.index_customer .core .mark dd .en{ font-size:12px; line-height:18px; color:#515151; margin-top:5px;}

.index_customer .core .mark dd a{ display:block; width:100%; height:100%;}

.index_customer .core .mark .notopbor{ border-top:none;}

.index_customer .core .mark .noleftbor{ border-left:none;}

.index_customer .core .mark .norightbor{ border-right:none;}

.index_customer .core .mark .nobottombor{ border-bottom:none;}

.index_customer .core .mark .i1{ border-right:none;}

.index_customer .core .mark .i2{ border-right:none;border-top:none;}

.index_customer .core .mark .i3{border-right:none;border-top:none;}

.index_customer .core .mark .i4{border-right:none;border-top:none;}

.index_customer .core .mark .i5{border-right:none;border-top:none;}

.index_customer .core .mark .i6{border-right:none;border-top:none;}

.index_customer .core .mark .i7{border-top:none;}



.index_footer{ background:url(img/index_banfoot.png) no-repeat center center; height:617px; position:absolute; top:4727px; left:0; width:100%; z-index:999999;}

.index_footer .core{ margin-top:200px;}

.index_footer .core .ll{ float:left; display:inline-block;}

.index_footer .core .ll .telimg{ background:url(img/phoneico.png) no-repeat; width:239px; height:40px;}

.index_footer .core .ll .lxfs{ margin-top:40px;}

.index_footer .core .ll .lxfs dd{ background:url(img/icoico.png) no-repeat;  font-size:16px; line-height:20px; color:#fff; padding-left:25px; margin-bottom:8px;}

.index_footer .core .ll .lxfs .ba_01{ background-position:0px 0px;}

.index_footer .core .ll .lxfs .ba_02{background-position:0px -41px; position:relative; display:block;}

.index_footer .core .ll .lxfs .ba_03{background-position:0px -82px;}

.index_footer .core .ll .lxfs .ba_04{background-position:0px -171px;}

.index_footer .core .ll .lxfs .ba_05{background-position:0px -130px;}

.index_footer .core .ll .txtb .ba_01 a,.index_footer .core .ll .txtb .ba_02 a,.index_footer .core .ll .txtb .ba_03 a,.index_footer .core .ll .txtb .ba_04 a,.index_footer .core .ll .txtb .ba_05 a{ display:block; width:100%; height:100%;}

.index_footer .core .ll .txtb{ margin-top:40px;}

.index_footer .core .ll .txtb dd{ background:url(img/qqico.png) no-repeat; height:48px; width:48px; float:left; display:inline-block; margin-right:10px; cursor:pointer;-webkit-transition: all .2s ease-in-out;}

.index_footer .core .ll .txtb dd:hover{-webkit-transform:rotate(360deg);}

.index_footer .core .ll .txtb .ba_01{ background-position:0px 0px;}

.index_footer .core .ll .txtb .ba_02{ position:relative; background-position:-65px 0px;}

.index_footer .core .ll .txtb .ba_02 .erweima{ position:absolute; top:-90px; left:50px; display:none; width:200px; height:200px; z-index:99999999;}

.index_footer .core .ll .txtb .ba_02 .erweima img{ width:100%; display:block;}

.index_footer .core .ll .txtb .ba_02:hover .erweima{ display:block;}

.index_footer .core .ll .txtb .ba_03{ background-position:-130px 0px;}

.index_footer .core .ll .txtb .ba_04{ background-position:-197px 0px;}

.index_footer .core .ll .txtb .ba_04 .qq{ background: #F03;width: 170px;height: 34px;position: absolute;top: 7px;left: 50px;display: none;font-size: 14px;line-height: 34px;color: #fff;text-align: center;

-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.index_footer .core .ll .txtb .ba_04:hover .qq{ display:block;}

.index_footer .core .nn{ float:right; display:inline-block; width:540px;}

.index_footer .core .nn .wbk{ width:230px; height:20px; float:left; background:#fff; border:0; padding:10px; overflow:hidden; display:inline-block; margin-left:10px; margin-bottom:10px; padding-left:20px;font-size:14px; line-height:22px; color:#9f9f9f;}

.index_footer .core .nn .wby{ width:500px; height:110px; background:#fff; border:0; padding:10px; overflow:hidden; margin-left:10px; padding-left:20px; font-size:14px; line-height:22px; color:#9f9f9f;}

.index_footer .core .nn .bot{ width:110px; height:40px; color:#fff; text-align:center; line-height:40px; font-size:20px; cursor:pointer; background:#e64845; float:right; margin-top:10px;}



.index_footer .goback{ background:url(img/goback.png) no-repeat; width:37px; height:43px; position:absolute; left:50%; bottom:-21px; margin-left:-18px; z-index:9999999; cursor:pointer; display:block;}

.index_footer .goback a{ display:block; width:100%; height:100%;}







 /*server*/

.subnav{ background:#e87883; height:46px;}

.subnav ul{ border-left:1px solid #fff; width:999px; height:46px;}

.subnav li{ text-align:center; float:left; display:inline-block; border-right:1px solid #fff;}

.subnav li a{ font-size:16px; line-height:46px; color:#fff; height:46px; width:165px; display:block;}

.subnav li:hover,.subnav li.on{ background:#262635;}

.lik{}

.lik .ll{   float:left; display:inline-block}

.lik .ll .zuo{font-size:24px; line-height:30px; color:#606060;font-family:"Arial"; float:left; display:inline-block}

.lik .ll .you{ color:#6b6c6b; font-size:16px; line-height:28px; color:#6b6c6b; font-family:"????????????"; float:left; display:inline-block;}



.lik .nn{ background:url(img/homeico.png) no-repeat left; height:18px; float:right; display:inline-block; padding-left:16px;}

.lik .nn a{ font-size:12px; color:#979797; line-height:20px;}

.redbg{ background:#f5f4f4;padding-top:25px; padding-bottom:30px;}

.redbg .core{ background:#fff; padding-left:40px; padding-right:40px; padding-top:30px; padding-bottom:40px;}

.server .img{ margin-top:20px;}

.server .imgms{ margin-top:30px; font-size:12px; line-height:20px; color:#7e7f7f;}

.server .fl{ margin-top:30px; border-top:1px dashed #d5d6d5;}

.server .fl .i2,.server .fl .i4,.server .fl .i6,.server .fl .i8,.server .fl .i10,.server .fl .i12,.server .fl .i14,.server .fl .i16,.server .fl .i18,.server .fl .i20,.server .fl .i22,.server .fl .i24,.server .fl .i26,.server .fl .i28{float:right;}

.server .fl li{ float:left; display:inline-block; margin-top:30px; width:50%;}

.server .fl li .ll{ float:left; display:inline-block; max-width:70px; margin-top:10px; }

.server .fl li .ll img{ display:block; width:100%;}

.server .fl li .nn{ float: left; display:inline-block; margin-left:20px; width:324px;}

.server .fl li .nn .title{ font-size:20px; line-height:26px; color:#515151; margin-top:5px;}

.server .fl li .nn .word{ font-size:14px; line-height:20px; color:#afaeae; margin-top:10px;}

.server .tpfl{ margin-top:30px; width:920px; height:173px;}

.server .tpfl .i4,.server .tpfl .i8,.server .tpfl .i12,.server .tpfl .i16,.server .tpfl .i20,.server .tpfl .i24,.server .tpfl .i28{ margin-right:0;}

.server .tpfl li{ float:left; display:inline-block; margin-right:12px; position:relative;height:173px; width:221px; margin-bottom:12px;}

.server .tpfl li a{ display:block; width:221px; height:173px;}

.server .tpfl li .flimg{ position:absolute; top:0; left:0; z-index:5;}

.server .tpfl li .blackbg{ position:absolute; left:0; bottom:0; z-index:10; height:30px; width:221px; font-size:14px; color:#fff; line-height:30px; background:url(img/ser_blackbg.png) repeat; text-align:center;}

 



/*case*/

.case{ border-top:1px dashed #d5d6d5; margin-top:30px;}

.case .casenav{ margin-top:30px;}

.case .casenav li{ float:left; display:inline-block; margin-right:20px; padding-right:20px;  border-right:1px dashed #9a999a;}

.case .casenav li a{ font-size:18px; line-height:24px; color:#9a999a;}

.case .casenav li:hover a,.case .casenav li.on a{ color:#ff0000}



.case .tpdeta{ margin-top:30px;}

.case .tpdeta li{ float:left; display:inline-block;  margin-bottom:25px; border:1px solid #dbdbdb; width:410px; height:220px; position:relative;padding:20px;}

.ou{margin-left:15px;}

.case .tpdeta li .title{ font-size:12px; line-height:20px; color:#565656; margin-top:5px;}

.case .tpdeta li:hover { border:1px solid #eee;}

.case .tpdeta li .date{ font-size:12px; line-height:20px; color:#999; font-family:"Arial";}

.case .tpdeta li .redline{ background:url(img/redline.png) no-repeat; width:50px; height:3px; position:absolute; left:0; bottom:-3px; display:none;}

.case .tpdeta li a{ display:block; width:211px; height:223px;}

.case .tpdeta li:hover .redline{ display:block;}

.case .tpdeta .i1,.case .tpdeta .i5,.case .tpdeta .i9,.case .tpdeta .i13{margin-left:0;}



.case .tpdeta dl dd{float:left;width:250px;height:150px;margin:0px 18px 10px 0px;display:block}

.case .tpdeta dl dt{border-left:2px solid #F00;display:block;float:left;height:58px;line-height:58px; margin-top:39px;font-size:30px;font-weight:900;padding-left:8px}



.page{ margin:0 auto; text-align:center; margin-top:30px;}

.page .current{border:1px solid #f2f2f2; padding:5px; cursor:pointer;}

.page .current:hover{background:#e60012; border-color:#e60012;color:#fff;}

/*

.page span{ display:inline-block; margin-right:5px; padding:0 5px; height:24px; text-align:center; border:1px

 solid #f2f2f2;font-size:12px; line-height:24px; color:#666; cursor:pointer;}

.page span:hover{ background:#e60012; border-color:#e60012;color:#fff;}*/





/*case_details*/

.case_details{ border-top:1px solid #dfdfdf; padding-top:30px; margin-top:20px;}

.case_details .ll{ float:left; display:inline-block; font-size:16px; line-height:24px; color:#606060;}

.case_details .ll li{ margin-bottom:10px;}

.case_details .ll li:hover a{ color:#ff0000;}

.case_details .nn{ float:right; display:inline-block;width:738px;}

.case_details .nn .title{ font-size:20px; line-height:26px; color:#262626;}

.case_details .nn .time{ font-size:16px; line-height:22px; color:#000; margin-top:20px;}

.case_details .nn .time i{ color:#6d6d6d;}

.case_details .nn .img{ margin-top:20px; }

.case_details .nn .word{ font-size:14px; line-height:20px; color:#7e7f7f; margin-top:20px;}





/*news*/

.news{ margin-top:20px;}

.news .tjnews{ border-bottom:1px dashed #dfdfdf;border-top:1px dashed #dfdfdf; padding-top:30px; padding-bottom:20px; height:155px;}

.news .tjnews .img{ float:left; display:inline-block;}

.news .tjnews .pro{ float:right; display:inline-block; width:570px;}

.news .tjnews .pro .title{}

.news .tjnews .pro .title .ll{ float:left; display:inline-block; font-size:26px; line-height:32px; color:#212121;}

.news .tjnews .pro .title .nn{ float:right; display:inline-block; font-size:14px; line-height:20px; color:#bcbcbc; font-family:"Arial"; margin-top:8px;}

.news .tjnews .pro .word{ margin-top:30px; font-size:12px; line-height:20px; color:#999;}

.news .tjnews a{ display:block; height:205px; width:920px;}



.news .newslist{ margin-top:20px; margin-bottom:20px;}

.news .newslist li{ margin-bottom:30px;}

.news .newslist li .ll{ float:left; display:inline-block; width:740px;}

.news .newslist li .ll .title{ font-size:16px; line-height:22px; color:#212121;}

.news .newslist li .ll .word{ font-size:12px; line-height:20px; color:#999; margin-top:10px;}

.news .newslist li .nn{ float:right; display:inline-block;}

.news .newslist li .nn .date{ font-size:12px; line-height:20px; color:#bcbcbc;}

.news .newslist li .nn .more{ width:64px; height:18px; line-height:18px;color:#fff; text-align:center; font-family:"Arial"; font-size:12px; background:#939393; margin-top:10px;}

.news .newslist li:hover .nn .more{ background:#2b2b2b;}





/*about*/

.about{ margin-top:20px;}

.about .mod1{ margin:0 auto;}

.about .mod2{ margin-top:20px;}

.about .mod2 .title{ text-align:center; font-size:24px; line-height:30px; color:#0d0c0c;}

.about .mod2 .entitle{ text-align:center; font-size:18px; line-height:24px; color:#3a3a3a; font-family:"Arial"; margin-top:5px;}

.about .mod2 .fl{ margin-top:20px;}

.about .mod2 .fl .nomarleft{ margin-left:0;}

.about .mod2 .fl ul{ margin:0 auto; width:674px;}

.about .mod2 .fl li{ float:left; display:inline-block; margin-left:44px;}

.about .mod2 .fl li .ico{ background:url(img/about_ico1.png) no-repeat; height:39px; width:50px; margin:0 auto;}

.about .mod2 .fl li .a1{ background-position:5px 0px;}

.about .mod2 .fl li .a2{ background-position:-136px 0px;}

.about .mod2 .fl li .a3{ background-position:-294px 0px;}

.about .mod2 .fl li .a4{ background-position:-444px 0px;}

.about .mod2 .fl li .a5{ background-position:-590px 0px;}

.about .mod2 .fl li .wz{ font-size:14px; line-height:20px; height:20px; color:#1e1e1e; margin-top:8px;}

.about .mod2 .fl li .wz i{ font-size:12px; line-height:18px; color:#3a3a3a; font-family:"Arial";}



.about .mod3{ padding-top:30px; padding-bottom:30px; border-bottom:1px dashed #e6e6e6; width:910px; font-size:13px; line-height:22px; color:#424242; text-align:left; text-indent:26px;}

.about .eng{ font-family:"Arial"; border-bottom:1px solid #e6e6e6;}



.about .mod4{ padding-top:40px; padding-bottom:40px;position:relative; display:block;}

.about .mod4 .title{ font-size:20px; line-height:26px; color:#0d0c0c; text-align:center;}

.about .mod4 .entitle{ font-size:12px; line-height:20px; color:#39393a; font-family:"Arial"; text-align:center;}

.about .mod4 .timez{ width:840px;  overflow:hidden; margin:0 auto; margin-top:20px; position:relative; display:block; background:url(img/abobt_longlongline.png) repeat-x left center; }

.about .mod4 .timez ul{ width:99999999px; height:290px; padding-left:86px;}

.about .mod4 .timez li{  width:166px; height:146px; float:left; display:inline-block; position:relative; display:block; margin-left:-75px;}

.about .mod4 .timez li .yuan{ background:url(img/about_dian.png) no-repeat; width:18px; height:18px; position:absolute; top:58px; left:72px;}

.about .mod4 .timez li .line{ background:url(img/about_longline.png) no-repeat; width:1px; height:67px;position:absolute; top:76px; left:80px;}

.about .mod4 .timez li .shortline{ background:url(img/about_shortline.png) no-repeat; height:19px; width:1px;position:absolute; top:136px; left:120px;}

.about .mod4 .timez li .date{ font-size:14px; line-height:20px; color:#e61f19; display:block; position:absolute; top:155px; left:105px;}

.about .mod4 .timez li .word{ font-size:12px; line-height:20px; color:#2c2d2d; width:150px; height:40px; overflow:hidden; display:block; position:absolute; top:4px; left:10px; cursor:pointer;}

.about .mod4 .timez li .yuan2{ background:url(img/about_dian.png) no-repeat; width:18px; height:18px; position:absolute; bottom:58px; left:72px;}

.about .mod4 .timez li .line2{ background:url(img/about_longline.png) no-repeat; width:1px; height:67px;position:absolute; bottom:76px; left:80px;}

.about .mod4 .timez li .shortline2{ background:url(img/about_shortline.png) no-repeat; height:19px; width:1px;position:absolute; bottom:136px; left:120px;}

.about .mod4 .timez li .date2{ font-size:14px; line-height:20px; color:#e61f19; display:block; position:absolute; bottom:118px; left:105px;}

.about .mod4 .timez li .word2{ font-size:12px; line-height:20px; color:#2c2d2d; width:150px; height:40px; overflow:hidden; display:block; position:absolute; bottom:4px; left:10px; cursor:pointer;}

.about .mod4 .timez li .word:hover,.about .mod4 .timez li .word2:hover{ color:#e61f19;}

.about .mod4 .details{ background:url(img/f5bg.png) repeat;height:290px; width:10000px; position:absolute; top:106px; left:-1000px; display:none; }

.about .mod4 .details .bg{ background:url(img/redbg.jpg) repeat; width:200px; height:250px; position:absolute; top:0px; left:1340px; padding:20px;}

.about .mod4 .details .bg .close{ background:url(img/close.png) no-repeat; width:40px; height:40px; float:right; margin-top:-20px; margin-right:-20px; cursor:pointer;}

.about .mod4 .details .bg .time{ font-size:12px; line-height:20px; color:#fff; font-family:"Arial"; margin-top:20px;}

.about .mod4 .details .bg .word{ font-size:12px; line-height:20px; color:#fff; height:180px; overflow:hidden; margin-top:10px;}





.about .mod4 #leftjt{ background:url(img/about_leejt.png) no-repeat; width:18px; height:36px; position:absolute; top:235px; left:0px; cursor:pointer; }

.about .mod4 #rightjt{ background:url(img/about_riijt.png) no-repeat;width:18px; height:36px;  position:absolute; top:235px; right:0px; cursor:pointer;}





.about .mod5{ border-top:1px solid #e6e6e6; padding-top:40px; padding-bottom:20px;}

.about .mod5 .title{ font-size:24px; line-height:30px; color:#0d0c0c;}

.about .mod5 .f_title{ margin-top:30px; font-size:14px; line-height:22px; color:#686969;}

.about .mod5 .word{ font-size:12px; line-height:20px; color:#7e7f7f; margin-top:10px; text-indent:24px;}



/*contact*/

.contact{ margin-top:20px; }

.contact .ll{ float:left; display:inline-block;}

.contact .ll .phone{ background:url(img/cont_phoe.png) no-repeat; width:181px; height:55px;}

.contact .ll .map{ background:url(img/cont_map.png) no-repeat; width:572px; height:472px; position:relative; display:block; margin-top:40px;}

.contact .ll .map .ico1{ background:url(img/cont_mapicobig.png) no-repeat; width:20px; height:27px; position:absolute; top:300px; left:300px;}

.contact .ll .map .ico2{ background:url(img/cont_mapicosmall.png) no-repeat; width:14px; height:18px; position:absolute;}

.contact .ll .map .fw1{ top:400px; left:400px;}

.contact .ll .map .fw2{ top:395px; left:405px;}

.contact .ll .map .fw3{ top:395px; left:410px;}

.contact .ll .map .fw4{ top:400px; left:415px;}

.contact .nn{ float:right; display:inline-block;}

.contact .nn ul{ height:720px; overflow-y:scroll; width:100%; display:block; }

.contact .nn ul::-webkit-scrollbar{width:14px;height:14px}

.contact .nn ul::-webkit-scrollbar-track{border-radius:999px;border:5px solid transparent}

.contact .nn ul::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}

.contact .nn ul::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}

.contact .nn ul::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}

.contact .nn ul::-webkit-scrollbar-corner{background:transparent}	

	

.contact .nn li{ margin-bottom:30px;}

.contact .nn li .title{ font-size:18px; line-height:24px; color:#e64845;}

.contact .nn li dd{ margin-top:4px;}

.contact .nn li dd .ico{ background:url(img/cont_ico1.png) no-repeat left; height:20px; padding-left:23px; font-size:14px; line-height:20px; color:#808080;}

.contact .nn li dd .dw1{ background-position:0px 0px}

.contact .nn li dd .dw2{ background-position:0px -22px}

.contact .nn li dd .dw3{ background-position:1px -48px}

.contact .nn li dd .dw4{ background-position:0px -71px}





.gotop{ padding:10px; background:#b7b7b7; text-align:center; position:fixed; right:0px; bottom:20px; z-index:99999999999; width:138px; height:324px;}

.gotop .erwm{ background:url(img/erweima.png) no-repeat; width:138px; height:138px;}

.gotop .word{ font-size:12px; line-height:20px; color:#fff;}

.gotop .qqico{ background:url(img/cont_qqico.png) no-repeat left; height:22px; font-size:12px; line-height:22px; color:#fff; margin-top:20px; margin-left:20px;}

.gotop .back{ margin-top:5px;}

.gotop .back a{ display:block;}

.gotop .back .ico{ background:url(img/gotop.png) no-repeat; width:24px; height:15px; margin:0 auto;}

.gotop .back .wz{ font-size:12px; line-height:20px; color:#fff; font-family:"Arial";}

.gotop span{ display:block; background:url(img/cont_qqico.png) no-repeat left; height:22px; padding-left:20px; margin:0 auto; width:80px; margin-top:5px;}

.gotop span a{ color:#fff; font-size:14px; line-height:22px;}

.gotop span a:hover{ color:#e64845}









.gotop{display:none}