/*-----------------------------css start-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:14px}
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
input,button,select,textarea{outline:none}
textarea{resize:vertical}
body{font-family:"Microsoft Yahei","PingFang SC","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size:16px;position:relative;margin:0 auto;color:#000;min-width:1480px;word-break:break-all}
body a{color:#000;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
/*-----------------------------module-------------------------------------*/
.auto:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.auto{*height:1%}
.wrap{width:1480px;margin:0 auto;position:relative}
/*-----------------------------header-------------------------------------*/
.header{position:absolute;left:0;top:0;width:100%;height:60px;z-index:99999999}
.header1{position:fixed;left:0;top:0;width:100%;height:70px;z-index:99999999;background:url(../images/topbar_bg_03.png) repeat-x top;display:none}
/*------------logo------------*/
.logo{float:left;width:50px;height:24px;padding:22px 0 22px 30px; }
.logo a{display:block;text-indent:-9999px;overflow:hidden;position:relative;width:100%;height:100%}
.logo img{position:absolute;left:0;top:0}
.logo_bt{ float:left;color:#fff; padding-top:23px; line-height:24px; padding-left:10px; font-size:15px;}
.logo_bt1{ float:left;color:#333; padding-top:23px; line-height:24px; padding-left:10px; font-size:15px;}

/*------------nav------------*/
.nav{float:right;margin-top:20px; padding-right:30px;}
.nav li{float:left;width:100px;height:30px;display:inline}
.nav a{float:right;text-align:center;height:30px;line-height:30px;font-size:16px;color:#fff;font-weight:200}
.header1 .nav a{color:#000;font-weight:200}
.nav li.on a,.nav a:hover{border-bottom:#fff 2px solid;font-weight:200}
.phone{ height: 24px; margin-top: 1px; border-radius: 30px; border: 1px solid rgba(204,204,204,0.5); width: 152px; color: #fff; font-size: 16px; margin-left: 56px; text-align: center; float:right; line-height:24px; }
.phone span{ background: url(../images/icon01.png) left center no-repeat; padding-left: 18px; padding-right:5px; border-radius: 30px; }

.nav1{float:right;margin-top:20px; padding-right:30px;}
.nav1 li{float:left;width:100px;height:30px;display:inline}
.nav1 a{float:right;text-align:center;height:30px;line-height:30px;font-size:16px;color:#fff;font-weight:200}
.header1 .nav1 a{color:#000;font-weight:200}
.nav1 li.on a,.nav1 a:hover{border-bottom:#000 2px solid;font-weight:200}
.phone1{ height: 24px; margin-top: 1px; line-height: 24px; border-radius: 30px;  border: 1px solid rgba(204,204,204,0.5); width: 152px; color: #333; font-size: 15px; margin-left: 56px; text-align: center; float:right; }
.phone1 span{ background: url(../images/icon01.png) left center no-repeat;padding-left: 18px; padding-right:5px; border-radius: 30px; }
/*-----------------------------nain-------------------------------------*/
.main{position:relative;background:#f5f5f5;}
.main-index{margin-top:-60px}
/*-----------------------------footer-------------------------------------*/
.container2{ width:1440px; margin:0 auto;}
.footer-list li a:hover{ color: #00c6ff; }
.footer{ background: #282a32; height: 390px; }
.footer-logo{ margin-top: 100px; margin-bottom: 40px; }
.footer-p p{ font-size: 16px; color: #fff; margin-bottom: 15px; }
.footer-p p span{ padding-left: 30px; }
.ewm{ margin-top: 105px; margin-left: 84px;}
.footer-list{}
.pull-right{ float: right; }
.footer-list li{ float: left; margin-left: 50px; margin-top: 35px; padding-right:10px; }
.footer-list li a{ font-size: 16px; color: #fff; }
.footer-b{ font-size: 16px; color: #807f7f; text-align: center; padding-top:55px;  width:1460px; margin:0 auto; clear:both; }

.copy{margin:3px 0 0;font-size:14px;line-height:32px;color:#666;text-align:center}
.footlink{float:left}
.wblink{float:right;width:240px;height:50px;position:relative; margin-top:45px; padding-right:0px; }
.wblink a{float:left;width:40px;height:40px;margin-left:35px;overflow:hidden;}
.qrcode{position:absolute; left:-10px; bottom:60px;width:130px;height:130px;z-index:999;display:none;cursor:pointer}
.wblink img{display:block;width:100%;height:100%}
.wblink a:hover,.wblink a:active{opacity:1;filter:alpha(opacity=100)}
.footlink{padding:10px 0 0}
.footlink a{margin:0 50px 0 0;color:#fff;font-size:16px;line-height:30px; font-weight:200;}
.footlink a:hover,.footlink a:active{color:#4dbb0a}
.container{ width:1480px; overflow:hidden; margin:0 auto; padding:50px 0 0; }
.container1{ width:1420px; overflow:hidden; margin:0 auto; padding:0 30px }
.tabs-list li{ float: left;  margin:0 0 0 40px; width:213px; }
.tabs-list li a{ display: block; height: 56px; background: #e4e9ea; line-height: 56px; font-size: 18px; color: #2f2f2f; }
.tabs-list{ margin:0 -28px 0 -40px; }
.tabs-list li.active a,.tabs-list li a:hover{ background: #00c6ff; color: #fff; }
.tabs-list li span{ padding-left: 40px; background: url(../images/icon02-1.png) left center no-repeat; }
.tabs-list li.active span,.tabs-list li a:hover span{ background: url(../images/icon02.png) left center no-repeat; }


.fws li{ float: left;  margin:0 0 0 40px; width:213px; }
.fws li a{ display: block; height: 56px; background: #e4e9ea; line-height: 56px; font-size: 18px; color: #2f2f2f; }
.fws{ margin:0 -28px 0 -40px; }
.fws li a:hover{ background: #00c6ff; color: #fff; }
.fws fws_bg a{ background: #00c6ff; color: #fff; }
.fws li.hover{ display:block; background: #00c6ff;}
.fws li span{ padding-left: 40px; background: url(../images/icon02-1.png) left center no-repeat; }
.fws li.active span{display:block;  background: url(../images/icon02.png) 50px center no-repeat  #00c6ff; color:#fff; }


.fws li.hover a{background: #00c6ff; color:#ffffff;}


.clearfix:after{ display: table; content: ""; clear:both; }
.text-center{ text-align: center; }
.img-hide{ overflow:hidden; position: relative; }
.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.img-list li{ float: left; width: 33.333333%; height: 326px; overflow:hidden; }
.img-mask{ position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; display: none; background: #000; background: rgba(0,0,0,0.3); }
.img-mask-txt{ font-size: 36px; display: none; color: #fff; text-align: center; position: absolute; left: 0; right: 0; bottom: 30px; }
.img-mask-txt span{ font-size: 20px; padding:0 12px; }
.img-hide:hover .img-mask,.img-hide:hover .img-mask-txt{ display: block; }
.img-list-tow li{ width: auto; height:  auto; }
.img-list-three li{height:auto; }
.img-list-four li{ height:auto;}
.img-list-four li img{ display: block; }
.img-list-five li{ height:auto; }
.news-title{ font-size: 32px; color: #484848; padding-top:50px; padding-bottom:20px;  }
.news-list li{ position: relative; padding-right: 500px; line-height: 55px; }
.news-list li a{ font-size:18px; color: #1e1e1e; padding-left: 19px; background: url(../images/li.png) left center no-repeat; }
.news-list li a:hover{ color: #00c6ff; background: url(../images/li02.png) left center no-repeat;  }
.news-list li span{ position: absolute; right: 0; top: 0; font-size: 18px; color: #676767; }
.about-tt{ font-size: 32px; color: #484848;  margin-top: 80px; margin-bottom: 15px; }
.about-p p{ font-size: 18px; color: #1e1e1e; text-indent: 2em; line-height: 48px; margin:0; }
.hz-title{  font-size: 32px; color: #484848; margin-top: 90px; }
.hz-list li{ float: left; width: 24.9%; border-left: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; padding-top: 45px; height: 142px;}
.hz-list{ border-top: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; text-align: center; margin-top: 40px; }
.bottom{ font-size: 32px; color: #484848; padding:70px 0 20px; } 

.pull-left{ float: left; }
/*-----------------------------index-------------------------------------*/
.content{background:#fff; padding-bottom:60px;}
/*------------flash------------*/
.flash{height:860px;padding-bottom:65px;position:relative}
.flash-box{height:860px;width:100%;overflow:hidden;position:relative; }
.flash-lists{height:100%;background:#fff url(../images/loading.gif) no-repeat center center;}
.flash-lists li{height:100%;background-position:center top;background-repeat:no-repeat;width:100%;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);background-size: cover;}
.flash-lists a{display:block;width:100%;height:100%}
.num{position:absolute;bottom:26px;height:14px;line-height:14px;left:50%;z-index:100000}
.num li{float:left;width:19px;height:20px;margin:0 12px;text-indent:-9999px;overflow:hidden;background:url(../images/numbg.png) no-repeat center top;cursor:pointer}
.num li.on{background-position:center bottom}
/*------------first------------*/
.design{margin:-65px auto 0;padding:85px 0 0}
.slogan{font-size:28px;line-height:58px;text-align:center;color:#484848;font-weight:100;}
.design-list{padding:30px 0;margin:0 0 0 -8px;*width:1480px}
.design-list li{float:left;width:364px;height:190px;display:inline;margin:0 0 0 8px;}
.design-list div{display:block;padding:110px 0 0;color:#fff;}
.design-list div.dl-1{ background:url(../images/server1_03.png) no-repeat}
.design-list div.dl-2{ background:url(../images/server1_05.png) no-repeat}
.design-list div.dl-3{ background:url(../images/server1_07.png) no-repeat}
.design-list div.dl-4{ background:url(../images/server1_09.jpg) no-repeat}
.design-list img{display:block;margin:0 auto}
.design-list p{height:80px;line-height:80px;overflow:hidden;font-size:26px;text-align:center}
/*------------second------------*/
.cooperation{padding:10px 0;overflow:hidden}
.cooperation-list{margin:40px 0 0 -2px;border-bottom:1px #eaeaea solid;width:1302px}
.cooperation-list li{float:left;width:215px;height:158px;border-top:1px #eaeaea solid;border-left:1px #eaeaea solid;display:inline;background:#fff;overflow:hidden}
.cooperation-list img{display:block}
/*-----------------------------we-------------------------------------*/
.banner{height:590px;background-repeat:no-repeat;background-position:center top;background-size: cover;}
.banner1{background-color:#333}
.banner2{background-color:#333}
.banner3{background-color:#28a084}
.banner4{background-color:#15a3ee}
.banner5{background-color:#f8b921}
.lanmo_ber{background-color:#15a3ef; height:725px;}
.text-one{padding:30px 20px 20px;color:#333}
.text-one h2{font-size:32px;line-height:36px;padding:30px 0 0px;text-align:center;font-weight:200;color: #333;}
.text-one p{margin:6px 0 0;line-height:32px;font-size:16px;color: #666;}
.picture{overflow:hidden; width:1480px; margin:0 auto;}
.picture img{display:block;margin:0 auto}
.join{ width:1032px; margin:0 auto;padding:60px;overflow:hidden}
.rows{float:left;width:515px;height:82px;margin:0px 0 0;position:relative}
.rows label,.text-text label{float:left;height:58px;line-height:58px;font-size:18px;padding:0 20px;color: #666;}
.rows input{position:absolute;left:10px;top:0;width:340px;height:56px;line-height:56px;padding:0 20px 0 110px;border:1px #d1d1d1 solid;font-size:18px;background:none;z-index:9; font-weight:200}
.text-text{margin:10px 0 0;height:232px;position:relative;overflow:hidden}
.text-text textarea{position:absolute;left:10px;top:0;width:930px;height:158px;border:1px #d1d1d1 solid;background:none;font-size:18px;font-family:Microsoft YaHei;padding:16px 28px;line-height:20px;text-indent:82px}
input.input-submit{display:block;width:400px;height:58px;margin:0px auto 0;border:0;background:#4cbc0b;font-size:20px;font-family:Microsoft YaHei;color:#fff;cursor:pointer}
input.input-submit:active{background:#47af0a}
.map{height:550px}
.map img{display:block;width:100%;height:100%}
.contact{padding:50px 30px;color:#a9a9a9;font-family:Microsoft YaHei}
.contact h2{font-size:30px;line-height:66px;text-align:center;font-weight:normal;color: #484848;}
.contact-text{padding:30px 0 0}
.addresss{float:left;padding:0 0 0 30px;width:680px;font-size:20px;line-height:34px}
.addresss strong{display:block;font-size:22px;line-height:43px;font-weight:normal;font-style:normal}
.contact-list{float:right;padding:4px 0 0 30px;width:400px}
.contact-list li{height:26px;line-height:26px;font-size:16px}
/*-----------------------------service-------------------------------------*/
.service .design{margin-top:0}
.service .slogan{padding:15px 0}
.service .design-list{padding-top:50px}
.service-list{padding:80px 0}
.service-list li{float:left;width:700px;padding:0 0 0 10px;margin:60px 0 0;display:inline;font-size:16px;line-height:30px;color:#9e9e9e}
.service-list h3{height:58px;padding:0 0 0 0px;font-size:26px;overflow:hidden;font-weight:normal;color:#3d3d3d;}
.service-list h3 img { padding-right:16px;}
.service-list h4{margin:5px 0 0;font-size:18px;line-height:32px;color:#323232;font-weight:normal; }
/*-----------------------------case-------------------------------------*/
.case-link{padding:50px 0}
.case-link li{float:left;width:650px;height:38px;text-align:center;display:inline}
.case-link  a{display:inline-block;vertical-align:top;height:38px;padding:0 10px;font-size: 26px;line-height:38px;color:#333; font-weight:200;}
.case-link li.on a,.case-link a:hover,.case-link a:active{color:#4dbb0a}
.case-list{width:1300px;height:3680px;overflow:hidden;position:relative;display:none}
.case-stage .first{display:block}
.case-list li{position:absolute;overflow:hidden;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}

.case-list li.cl1-1{left:0;top:0;width:650px;height:650px}
.case-list li.cl1-2{right:0;top:0;width:650px;height:650px}
.case-list li.cl1-3{left:0;top:650px;width:870px;height:430px}
.case-list li.cl1-4{right:0;top:650px;width:430px;height:430px}

.case-list li.cl-1{left:0;top:0;width:650px;height:650px}
.case-list li.cl-2{right:0;top:0;width:650px;height:650px}
.case-list li.cl-3{left:0;top:650px;width:870px;height:430px}
.case-list li.cl-4{right:0;top:650px;width:430px;height:430px}

.case-list li.cl-5{left:0;bottom:2275px;width:650px;height:325px}
.case-list li.cl-6{left:0;bottom:1950px;width:650px;height:325px}
.case-list li.cl-7{right:0;bottom:1950px;width:650px;height:650px}

.case-list li.cl-8{left:0;bottom:1300px;width:650px;height:650px}
.case-list li.cl-9{right:0;bottom:1300px;width:650px;height:650px}

.case-list li.cl-10{left:0;bottom:650px;width:650px;height:650px}
.case-list li.cl-11{right:0;bottom:975px;width:650px;height:325px}
.case-list li.cl-12{right:0;bottom:650px;width:650px;height:325px}

.case-list li.cl-13{left:0;bottom:0px;width:650px;height:650px}
.case-list li.cl-15{right:0;bottom:0px;width:650px;height:650px}


.case-list img{display:block;width:100%;height:100%;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.case-list li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
/*-----------------------------case-show-------------------------------------*/

/*-----------------------------recru-------------------------------------*/
.recru-one{ padding:0px 128px 80px;color: #727272; line-height:30px;  }
.recru-one h2{font-size:30px;line-height:36px;padding:100px 0 20px;font-weight:200;color: #1a1a1a; }
.recru-bt {color: #1a1a1a;font-weight:200;}


.dongcha-list li{ padding-bottom:100px;}

.dongcha-list li a {}
.dongcha-list li a:hover{opacity:0.9;filter:alpha(opacity=90)}
.dongcha-list{width:1300px;overflow:hidden;position:relative;display:none}
.case_lanmo{font-size:18px; 
line-height: 30px;
font-weight: 200;
color: #333;
 background:#f8f8f8; 
}
.case_lanmo_left{width:650px; float:left; background:#fff;}
.case_lanmo_right{width:650px; float:right;}
.case_lanmo_left_h2{font-size: 30px;
text-align:center;
line-height: 36px;
font-weight: 200;
color: #333; padding:45px 0 10px;}
.case_lanmo_ler{ padding:10px 115px 50px;}
.case_lanmo_ler1{ padding:50px 90px 50px; line-height:40px;}
.case_lanmo_gg{height:100px; border-bottom:1px solid #d9d9d9;position: relative;}
.case_lanmo_sg{font-size: 30px;
text-align: center;
line-height: 36px;
font-weight: 200;
color: #333;
width: 250px;
height: 90px;
display: block;
margin: 0 auto;
position: absolute;
bottom: -70px;
background: #fff; left:525px;}
.case_lanmo_ler span{ color:#b4b4b4;}
.cale{ clear:both; height:0px; overflow:hidden;}
/*-----------------------------fixed-------------------------------------*/
.fixed{position:fixed;right:-20px;bottom:156px;width:54px;z-index:999999999}
.fixed li{padding-bottom:10px}
.fixed a{display:block;width:54px;height:54px;}
.fixed a.top{background:url(../images/top.png) no-repeat;display:none;background-size: cover;}
.fixed a.online{background:url(../images/Online.gif) no-repeat;background-size: cover;}
.fixed a:hover,.fixed a:active{opacity:0.96;filter:alpha(opacity=96)}
/*-----------------------------css end-------------------------------------*/


.news_bt{ font-size:30px; color:#6d6d6d; padding:20px 0; font-weight:100;}
.news_bjr{ width:1110px; float: right;  text-align: left; line-height:30px;}

.news_bjr a:hover{ color: #00c6ff;  }
.news-nav{ padding:50px 0 50px; color:#333; line-height:35px;}
.news-nav a:hover{ color: #00c6ff;  }