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

html{display: table; width: 100%;}
body{margin:0; padding:0; font:normal 14px/25px '微软雅黑'; color:#333; background:#fff url(../images/topbg.png) top center no-repeat;}
div,h1,h2,h3,h4,h5,span,p{margin:0; padding:0;}
ul,li{margin:0; padding:0; list-style:none;}
img{border:0; max-width:100%;}
#clear{clear:both; font:0; line-height:0;}
a{color:#333; text-decoration:none;}
a:hover{color:#20bac8;}

#top{height:35px; background:#1d7e87; padding:0 2%;}
.top1, .nav1, #pro{width:81.6%; margin:0 auto;}
.top1 .tel{float:left; font:normal 12px/35px '微软雅黑'; color:#eee;}
.topr{float:right; font:normal 12px/20px '微软雅黑'; color:#eee; margin:43px 0 0;}
.topr a{color:#eee;}
.topr a:hover{color:#fff;}

#nav{height:100px; margin: 35px 0 0;}
#logo{float:left; margin:35px 0 0;}
#menu{float:left; color:#fff; text-align:right; margin:38px 0 0;}
#menu a{padding:0 25px; color:#fff; font:normal 14px/20px '微软雅黑';}
#menu a:hover{color:#fff; text-decoration:underline;}

.dropdown {width:100%;  background:#333; display:none; }
.dropdown li {}
.dropdown li a {display:block; color:#fff; padding:15px; font:normal 16px/20px 微软雅黑; background:url(../images/pmenubg.gif) right top no-repeat;}
.dropdown li.selected a{background:url(../images/pmenubgup.gif)  right top no-repeat; }
.dropdown li ul li {}
.dropdown li > ul.ggfh li a {padding:10px 15px; color:#333; background:#dcdcdc;}
.dropdown li > ul li a:hover{color:#333; background:#fff}

/*** banner style ***/
.fullSlide {width:100%;position:relative;height:400px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:400px;overflow:hidden;text-align:center;background:center 0 no-repeat;}
.fullSlide .bd li a {display:block;height:400px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:61px;height:7px;margin:3px;overflow:hidden;background:#1d7e87;line-height:999px;}
.fullSlide .hd ul .on {background:#20bac8;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:54px;height:54px;background:url(../images/slider-arrow.png) -180px -141px #222 no-repeat;cursor:pointer;filter:alpha(opacity=20);opacity:0.2;display:none;}
.fullSlide .next {left:auto;right:2%;background-position:0px -141px;}


/*** login style ***/
#login{width:81.6%; margin:0 auto;}
.login1{width:280px; height:340px; background:url(../images/loginbg.png) repeat; float:right; position:relative; z-index:20; margin:-370px 0 0; border-radius:8px 8px 0 0;}
.lgnm{height:45px; background:#333; color:#fff; text-indent:20px; font:normal 14px/45px '微软雅黑'; border-radius:8px 8px 0 0;}
#login-form1 input{clear:both; display:block; width:210px; margin:15px 0 0 20px; height:35px; color:#999; font:normal 14px/35px '微软雅黑'; border-radius:5px; border:1px solid #eee; padding:0 15px;}
.login2 .text4{float:left;}
.login2 a{float:left; margin:16px 0 0 15px;}
#login-form1 .tijiao{background:#0d80c9; color:#fff; font:bold 14px/20px '微软雅黑'; border:none; cursor:pointer;}
.login3{margin:10px 0 0 20px;}
.login3 a{padding:0 10px 0 0; color:#666;}
div#yanz input{float: left;}
div#yanz a{float: left; margin:15px 0 0 10px;}

#pro{margin:0 auto; padding:100px 0;}
.gj, .hw, .hye{width:31%; background:#fff; float:left;}
.hye{float:right;}
.hw{margin:0 0 0 3.5%;}
.pro1, .pro2, .pro3{width:81.6%; margin:20px auto; text-align:center;}
.pro4{padding:30px 0 50px; text-align: center; font:bold 20px/25px '微软雅黑';}
.projs, .ctrl3{font:normal 14px/30px '微软雅黑'; color:#666; padding:0 30px; text-align: center;}
.view{float:right; margin:20px 30px 0 0;}
.view a{width:75px; height:35px; background:url(../images/view.jpg) no-repeat; display:block;}
.view a:hover{background:url(../images/view.jpg) 0 -35px no-repeat;}

/*** safe style ***/
#safe{background:#f2f6fc; margin:0; padding:100px 0;}
.safe1, .foot1, #hz, .copyr{width:81.6%; margin:0 auto;}
.safe1 ul li{width:31.2%; float:left; text-align:center;}
.safe1 ul li.ctrl, .safe1 ul li.net, .safe1 ul li.data{}
.safe1 ul li.net{margin-left:3%;}
.safe1 ul li.data{margin-left:3%;}
.safe1 ul li .sfnro{margin:15px 15px 0; display:block;}
.ctrl2{padding:30px 0; text-align: center; font:bold 20px/25px '微软雅黑';}

/*** hezuo style ***/
.hznm{font:bold 21px/30px '微软雅黑'; padding:100px 0 50px; text-align:center;}
.blk_18 { overflow:hidden; zoom:1; width:100%; margin:0 auto; padding:5px 0;}
.blk_18 .pcont { width:1045px; float:left; overflow:hidden;}
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:15px; height:70px; float:left; background:url(../images/ax.gif) no-repeat; }
.blk_18 .LeftBotton { background-position: 0 -20px; margin:0 10px 0 0; }
.blk_18 .RightBotton { background-position:-15px -20px; margin:0 0 0 10px; }
.blk_18 .LeftBotton:hover { background-position: 0 -130px; }
.blk_18 .RightBotton:hover { background-position: -15px -130px; }
.blk_18 .pl img { display:block; border:none;}
.blk_18 .pl {float:left; text-align:center; line-height:24px; padding:3px; margin:0 10px 0 0; }
#hz ul{padding:0 0 50px;}
#hz ul li{float:left; margin: 40px 105px; width: 150px; height:70px;}


/*** foot style ***/
#foot{background:#20bac8; padding:100px 0;}
.qw{float:left; width:25%;}
.lxwm{margin:0 0 0 8%; float:left; width:25%;}
.fmap1{font:bold 14px/22px '微软雅黑'; color:#fff; padding:0 0 10px;}
.fmap ul li{float:left; margin:0 25px 0 0; font:normal 14px/30px '微软雅黑';}
.lxwm ul li, .fmap ul li a{color:#fff;}
.lxwm ul li{font:normal 14px/30px '微软雅黑';}
.fmap ul li a:hover{color:#fff; text-decoration:underline;}
.fmap{float:left; width:33%; margin:0 0 0 8%;}
.dwein{float:right;}
.dwein ul li{}
.copyr{ margin:0 auto; font:normal 14px/30px '微软雅黑'; color:#999; text-align:center; padding:80px 0;}


/*** other style ***/
#main, .mains{width:81.6%; margin:35px auto;}
.mains{margin:-35px auto 35px;}
#left{}
#left ul li{text-align:center; margin:0 15px 5px 0; float:left;}
#left ul li a{padding:10px 0; display:block; font:normal 14px/24px '微软雅黑'; color:#333;}
#left ul li a:hover{color:#fff;}
.leftnm{font:bold 20px/30px '微软雅黑'; padding:0; color:#333;}

#right{ clear:both;}
.rmain{padding:20px 35px; background:#fff; min-height:520px;}
.smber{margin:-20px 0 0; background:url(../images/smallbner.jpg) top center no-repeat; height:200px;}
.leib{ height:55px; font:bold 14px/55px '微软雅黑'; color:#fff; background:#333; text-indent:35px; border-radius:8px 8px 0 0;}
ul.about li{margin-bottom:15px; font:normal 14px/30px '微软雅黑';}
ul.about li.ared{font-weight:bold; color:#20bac8;}
ul.about li span{color:#20bac8;}
.ystk{}
.ystk p{ text-indent:24px; font:normal 14px/25px '微软雅黑';}
.ystk p span{color:#20bac8;}
.ystk .ystk1, .zhp{font:bold 14px/25px '微软雅黑'; color:#20bac8; margin:20px 0 0;}

.projs1, .projs2, .projs3{padding:0 0 20px 180px; background:url(../images/card.jpg) top left no-repeat; border-bottom:1px solid #eee; margin:0 0 20px;}
.projs2{background:url(../images/haiw.jpg) top left no-repeat;}
.projs3{background:url(../images/hangy.jpg) top left no-repeat;}
.pronm1{font:bold 21px/30px '微软雅黑'; padding:0 0 10px; border-bottom:1px dotted #eee;}
.projs1 p, .projs2 p, .projs3 p{margin:0 0 10px;}
.projs1 p span, .projs2 p span, .projs3 p span{color:#20bac8;}
.pronm2{font:bold 14px/25px '微软雅黑'; color:#20bac8;}

.downzy table td{ padding:5px; font:normal 14px/25px '微软雅黑'; color:#333;}
.downzy table td.zyd1{color:#999;}

.safek{margin:30px 0 0; padding:0 0 15px; border-bottom:1px solid #eee;}
.safek .safekimg{float:left; margin:0 15px 0 0;}
.safek .safejs{float:left; width:80%;}
.safek .safejs a{color:#20bac8;}
.safek .safejs span{ display:block; font:bold 14px/25px '微软雅黑'; color:#20bac8;}

/************************ QQ style **************************/
#kefu{margin:15px 0 0; overflow:hidden;}
#kefu ul{height:39px;}
#kefu ul.kfyw li{float:left; font:normal 14px/39px '微软雅黑'; text-shadow:-1px -1px 0 #fff; margin:0 10px 0 0;}
#kefu ul.kfyw li a{display:block; width:100px; font-size:12px; line-height:20px; padding:14px 0 5px 0; text-indent:14px; overflow:hidden;}
#kefu ul.kfyw li .qqb{display:block; background:url(../images/kefu.jpg) no-repeat;}
.addres{margin:40px 0 10px;}
.map iframe{width:100%; border:0; height:580px;}


/************************ QQ style **************************/
@font-face {
	font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../fonts/icomoon.woff?qradjf') format('woff'),
        url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}
/*new right*/
.cndns-right{position:fixed;right:1px;top:70%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#20bac8;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#20bac8;font-size:14px;line-height:18px;padding-top:5px;display:none; font-style:normal;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#20bac8;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#20bac8}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#20bac8;}
.meau-sev .cndns-right-btn{border-color:#20bac8;background:url(../images/zxkf.gif) no-repeat #20bac8 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999; font-style:normal;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#20bac8}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.meau-sev .cndns-right-box{top:-80px;}
.cndns-right-box .box-border{border:1px solid #eee;border-top:4px solid #20bac8;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:30%;}
.meau-contact .cndns-right-box .box-border .arrow-right{top:30%;}
.meau-sev .cndns-right-box .box-border .arrow-right{top:32%;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#20bac8;font-size:18px;line-height:28px; font-style:normal;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa; font-style:normal;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4; font-style:normal;}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:39px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#20bac8}
.meau-sev .cndns-right-box .box-border{width:100px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #eee;}
.meau-code .cndns-right-box .box-border i{display:block;color:#20bac8;font-size:16px;line-height:16px; font-style:normal;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#20bac8}
.meau-zs .cndns-right-btn{background-color:#20bac8;color:#fff;margin-top:80px;border-color:#20bac8}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
.sev-t{overflow:hidden;}

/*** QA style ***/
#wendss li{line-height:30px; font-size:14px;}
.wend{line-height:35px;}
.wend a{font-size:14px; font-weight:bold; line-height:30px;}
.huid{padding:0 0 15px 0; border-bottom:1px dashed #666; margin:0 0 15px 0; color:#666; line-height:25px;}
#wendss .wend span{color:#20bac8; margin:0 10px 0 0; font-size:14px; font-weight:bold;}
#wendss .huid span{color:#024680; font-size:14px; font-weight:bold; margin:0 10px 0 0;}


@media screen and (min-width:1400px){
.top1, .nav1, #pro, #login, #main, .mains, .safe1, .foot1, #hz, .copyr{width:1100px;}


}

@media screen and (max-width:1200px){
.blk_18 .pcont{width:850px;}
.safek .safejs{ width:75%;}

}

@media screen and (max-width:1100px){
.blk_18 .pcont{width:800px;}
.dropdown {display:block;}
#menu{display:none;}
#logo{float:none; text-align:center;}
.lxwm{margin:0 0 0 3.5%; width:26%;}
.fullSlide {background:#20bac8;}

}
@media screen and (max-width:1000px){
.blk_18 .pcont{width:700px;}
.lxwm{ float:right; width:auto;}
.fmap{clear:both; float:left; padding:2% 0 0; margin:0;}
.dwein{padding:2% 0;}
.qw{width:33%;}

}
@media screen and (max-width:900px){
.blk_18 .pcont{width:600px;}
.safek .safejs{ width:70%;}
}
@media screen and (max-width:800px){
.blk_18 .pcont{width:500px;}
.top1, .nav1, #pro, .safe1, .foot1, #hz, .copyr{width:100%;}
#foot{padding:30px 2% 0;}

#right, #left{float:none; width:100%;}
#left{margin:0 0 5%;}
#main, .mains{width:95%;}

}
@media screen and (max-width:700px){
.blk_18 .pcont{width:400px;}
.safek .safejs{ width:100%;}
}
@media screen and (max-width:600px){
.blk_18 .pcont{width:300px;}
.gj, .hw, .hye{float:none; width:100%;}
.pro1, .pro2, .pro3{ margin:0 auto; padding:40px 0;}
.hw{margin:20px 0;}
.safe1 ul li{width:100%; margin:10px 0;}

.safe1 ul li.net{margin-left:0;}
.safe1 ul li.data{margin-left:0;}

.qw, .lxwm, .dwein{float:none; clear:both; }
.lxwm{margin:2% 0 0;}
.fmap{width:auto; float:none;}

#kefu ul.kfyw li{clear:both;}
.addres{clear:both;}
.projs1, .projs2, .projs3{padding:35% 0 0;}
.qw{width:auto;}

}
@media screen and (max-width:500px){
.blk_18 .pcont{width:200px;}
.top1 .topr{ float:none; clear:both;}
#top{height:auto;}
.projs1, .projs2, .projs3{padding:50% 0 0;}

}
@media screen and (max-width:400px){
.blk_18 .pcont{width:100px;}
.projs1, .projs2, .projs3{padding:65% 0 0;}

}
@media screen and (max-width:300px){
.blk_18 .pcont{width:80px;}

}