@charset "utf-8";

/*common*/

* {font-family: "microsoft yahei" !important;}

/* -- 页面整体布局 -- */

.header , .footer ,.wrap{ width:1080px; margin:0 auto;}

/*reset-start*/

html{color:#333;background:#FFF; }

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

fieldset,img{border:0;}

del,ins{text-decoration:none;}

li{list-style:none;}

em,i,strong{font-style: normal;}

body{font:12px/1.231 arial,helvetica,clean,sans-serif;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



a { color:#333; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:underline;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

/*reset-end*/



/*关键词*/

.s_inp{border:1px solid #ccc;    margin-top: 15px;}

.h_sea{height:65px;line-height:65px;  border: 1px solid #ccc ;background: #eeeeee}

.key{ color:#666}

.h_sea a{ line-height:29px; padding:0 8px; color:#999;}

.inp01{height:29px;width:210px;padding-left:10px; float:left;line-height:29px; border:0;color:#8a8a8a;}

.s_ss {float:left; width:64px; height:29px; border:0; background:url(../images/s_ss.gif) no-repeat 0px 0px;border-left:1px solid #ccc;    cursor: pointer;}

 

/*头部开始*/

 

.h_top{    line-height: 20px; font-size: 14px;height: 25px; }

.h_top i{font-size: 12px; color: #333}

.h_top p a{ line-height: 20px;  font-size: 12px;color: #333}

.h_top p{line-height: 20px;  color: #333 }

.h_con { height:120px;  }

.h_con h1 a{  height: 88px; float:left;   font-size: 24px;color: #0191d7; padding-top: 15px; }

.h_con h1 em{display: block; font-size: 15px;color: #0191d7;    margin-top: 5px;}

.h_con h1 i{font-weight: normal;color: #0191d7;text-transform: uppercase;}

.h_con h1 img{float: left;}

.h_bt {  font-size:20px; color:#0191d7; margin:38px 0 0 0px; padding-left:15px;  line-height: 30px;  }

.h_bt span { display:block;     font-size: 18px; line-height: 24px; padding-left:15px;letter-spacing:-1px;font-weight: bold;text-align: center;}

.h_bt span em{font-size: 24px;letter-spacing:5px}

.h_pho {  font-size:16px; color:#535353;  height: 98px;background: url(../images/dianhua.gif) no-repeat left center;  width: 286px; margin-top: 5px;}

.h_pho em { display:block;  padding-left: 60px;  font-size: 22px;  color: #0191d7;font-weight: bold;    padding-top: 20px;    float: right; }

.h_pho span {     color: #0191d7; font-size:22px;   display: block;     margin-bottom: 5px;   margin-top: 5px; }

.main-menu{height:67px;font-size:14px;text-align:center;  background: url(../images/nav-bj.png) no-repeat center;}

.main-menu li{float:left; text-align:center;}

.main-menu li a{ line-height:67px;padding:0 22px;display:inline-block ; color: #333}

.main-menu li a:hover{ color:#0191d7;background: url(../images/nav-h.png) no-repeat center top; }

.main-menu .header .another a{color:#0191d7; background: url(../images/nav-h.png) no-repeat center top;}

/*头部结束*/



 

 

/*底部开始*/

 

.foot{ clear:both; color:#fff;line-height:26px; height:284px;background:#0191d7;}

.f_nav{ height:33px; line-height:33px; color:#fff; font-size:14px; padding-top:15px;padding-bottom:5px;border-bottom: 1px dashed #fff; }

.f_nav li a{ color:#fff; padding:0 22px;float: left;}

.f_logo{ width:198px; padding:50px 0 0;}

.f_con {margin-top:15px }

 

.f_text{  font-size:14px; margin: 10px;   margin-top: 20px;}

.f_text p{margin:auto;    text-align: center;}

.f_text a{color:#fff;}

.f_ewm{ width:199px;padding:30px 0 0; text-align:right;}

/*底部结束*/



/*链接*/

.link{  height: 47px;border-top: 3px solid #0191d7 ;background: url(../images/nav-bj.png) no-repeat center 95%;}

.link p{float:left;line-height: 50px; }

.link h2{ height:30px;   background: url(../images/link.gif) no-repeat center; text-align: center;}

.link h2 a{ color:#222222;}

.link h2 .sq{ font-size:12px; color:#666666;}

.link h2 span{ padding-right:9px; font-size:28px; color:#828282; font-family:Aparajita; text-transform:uppercase;}

.link p a{ padding: 0 15px;   }

/* banner */

.banner{width:100%; margin:0 auto; position:relative; height:500px;  }

.fullSlide{width:100%;position:relative;height:100%;background:transparent}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat}

.fullSlide .bd li a{display:block;height:100%}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}

.fullSlide .hd ul{text-align:center;margin-bottom:10px}

.fullSlide .hd ul li{background:#fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}

.fullSlide .hd ul .on{background:#666;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #333 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}



 

/*行动号召力*/

.hzl01,.hzl02,.hzl03 {  color:#fff;}

.hzl01 img,.hzl02 img,.hzl03 img{ display:block;}

.hzl01 p,.hzl02 p,.hzl03 p{ display:block;}



.hzl01 p{background:url(../images/gg1-bj.png) no-repeat center;height:200px;}

.hzl01 span{top:100px; line-height:23px; font-size:16px; color:#fff; margin-left: 885px; display: block;width: 250px;font-weight: bold; }

.hzl01 a{display: block;width: 150px;height: 45px;float: left;position: absolute;top: 45px;    margin-left: 810px;}



.hzl02 p{background:url(../images/gg2-bj.png) no-repeat center;height:190px;}

.hzl02 span{top:130px; line-height:23px; font-size:20px; color:#fff; margin-left: 650px; display: block;width: 200px;font-weight: bold; }

.hzl02 a{display: block;width: 200px;height: 55px; float: left; position: absolute;  top: 120px;    margin-left: 880px;}



.hzl03 p{background:url(../images/gg3-bj.png) no-repeat center;height:200px;}

.hzl03 span{top:135px; line-height:23px; font-size:20px; color:#fff; margin-left: 650px; display: block;width: 200px;font-weight: bold;}

.hzl03 a{display: block;width: 200px;height: 55px; float: left; position: absolute;  top: 120px;    margin-left: 880px;}

 /*产品*/

 

.zx_bg { }

.zx { width:216px; overflow:hidden;     border: 1px solid #ccc;  }

.zx_top {    height:90px; text-align:center;background: url(../images/cp-top.png) no-repeat center;}

.zx_top a { display:block;  text-align: center;font-size: 16px;padding-top: 30px; color:#0191d7;    padding-left: 40px; font-weight: bold; }

.zx_con {    }

.zx_con h3 {   height:43px; line-height:43px; text-align:center; clear:both; background: #0191d7; }

.zx_con h3 a { font-size:16px; color:#fff;}

.zx_con ul {    padding: 0px 20px;display:inline-block}

.zx_con ul li { height:35px; line-height:30px; background:url(../images/zx_ico.gif) no-repeat 10px 12px; padding-left:20px; float: left;    width: 65px;overflow: hidden;}

.zx_con ul .zx_li01 { clear:both; width:175px;}

.zx_con ul li a { font-size:13px; color:#242424;}

.zx_con ul li a:hover { font-size:13px; color:#008cd6; font-weight:bold;}

.zx_con ul .nobor01 { border:none;}

.zx_con .zx_h3 { background:#66b72f; margin-top:30px;}

.zx_bottom {height: 80px;width: 232px;background: #0077c7;text-align: center;line-height: 30px;padding-top: 10px}

.zx_bottom a{color: #fff;font-size: 14px}

.zx_bottom span{display: block;font-size: 22px}

.rx { width:833px; }

.rx_nav { height: 36px; line-height: 36px; border: 1px solid #ccc;padding-bottom: 1px;margin-left: 30px;}

.rx_nav em { display:block; float:right;    padding-right: 10px; }

 .rx_nav em  a{color: #0077c7}

.rx_nav ul li { float:left; background: url(../images/cp_bor.gif) no-repeat left center;}

.rx_nav ul .nobor01 { background:none;}

.rx_nav ul li a { display:inline-block;   font-size:16px;text-align: right;

    width: 160px;color: #0077c7}

 

.rx_con { width:816px;   position:relative; overflow:hidden;    float: right;}

.rx_con  li{float:left;    margin-left: 15px;margin-top:7px; }

.rx_con .nobor02{margin-right:0px}

.rx_con img { width:187px; height:150px;border:1px solid #ccc ; }

.rx_con span{width:187px;height:26px; display:block;text-align: center;  line-height: 26px;}

.rx_con span a{color:#000;font-size:13px}

.rx_con li .nobor02{margin-right:none}

  /*jz*/

.khjz { margin-top:35px} 

.khjz h3{font-size: 20px;text-align: center;font-weight: bold;  margin-top: 10px; background:url(../images/jz-top.png) no-repeat center;height: 48px}

.khjz h3 span{ font-size: 24px;color: #0191d7;text-transform: uppercase;    display: inline-block;    padding-top: 25px;}

.khjz h3 a{color: #0191d7;}



.witn{ margin-top: 40px;}

.witn_c dl{width:490px;height:180px;float:left;  margin:0 20px;margin-bottom:30px;  }

.witn_c dt{width:210px;float:left;}

.witn_c dt img{ height: 170px;width: 225px}

.witn_c dd{float:left;width:250px;height:150px;line-height:30px;margin-left:30px;}

.witn_c dd h4 a{font-size:14px;    font-weight: normal; width: 250px; }

.witn_c dd p {color:#545454;    height: 120px;overflow: hidden;width: 250px;font-size: 14px;border-top: 1px solid #ccc;}

.witn_c dl a{color: #333}

.witn_c dd span {float: left;}

/*客户见证*/

.jz{height: 330px}

.jz h3{display: block;margin-top: 30px}

 .gd_04{ position:relative;    top: 30px;}

 .gd_04 em{position: absolute;top: -55px;opacity: 0.7;}

 .gd_04 em:hover{opacity:1}

 .gd_04 .t_l{right: 40px;}

 .gd_04 .t_r{right: 0px;}

 .gd_04 li{ float:left;     font-size:14px;   margin-right: 50px;  width:232px;  }

 .gd_04 li.last{ padding-right:0;}

  .gd_04 li a{display: block;float: left;text-align: center;width:232px;}

 .gd_04 li img{width:232px; height:217px; text-align:center;   display: block; float: left; }

 

  .gd_04 li span{display: block; margin:5px 0; width:232px;float: left; text-align: center;}

 

 .gd_04 .fl { float:left;}

 .gd_04 .fr { float:right;}

 .gd_04 .pa{ position:absolute;}

 .gd_04 .pr{ position:relative}

 /*about*/

.about{background: url(../images/about.png) center no-repeat;height: 595px;    border: 1px solid #ccc;}

.about-l {background: url(../images/about-l.png) no-repeat 0px 50px;height: 565px;width: 735px} 

.about-l h3{font-weight: 500;font-size: 16px;padding-top: 65px}

.about-l p{width: 345px;height: 170px;position: absolute;top: 150px;left: 360px;line-height: 25px}

.about-r {background: url(../images/about-r.png) no-repeat 0px 50px;height: 565px;width: 288px} 

.about-r h3{font-weight: 500;font-size: 16px;padding-top: 65px;    padding-bottom: 40px;}

 



.gd_02{ position:relative;    top: 300px;}

.gd_02 em{position: absolute;top: 65px;opacity: 0.4;}

.gd_02 em:hover{opacity:1}

.gd_02 .t_l{right: -20px;    top: 75px;}

.gd_02 .t_r{left: -15px;    top: 75px;}

.gd_02 li{ float:left;  font-size:18px;     margin: 0 19px;  }

.gd_02 li.last{ padding-right:0;}

.gd_02 li img{width:208px; height:148px; text-align:center;  display: block; }

.gd_02 li a span {width:208px;color:#333;text-align:center;display:block;font-size:14px;height:30px;line-height:25px;}

.gd_02 .fl { float:left;}

.gd_02 .fr { float:right;}

.gd_02 .pa{ position:absolute;}

.gd_02 .pr{ position:relative}



/*优势*/

.ys{height:1424px;background:url(../images/ys-bj.jpg) no-repeat center;position:relative;margin-top: 30px;}

.ys h2{font-size:26px;color:#0191d7;text-align:center;font-weight: normal;    line-height: 75px; }

.ys h2 strong{color: #0191d7}

.ys h2 em{color:#0191d7;font-size: 23px;display: block;line-height: 15px}

.ys h2 i{font-size:25px;font-style:normal;line-height: 80px;color: #0087e2}

.ys01 em,.ys02 em,.ys03 em,.ys04 em,.ys05 em{color:#0191d7;}

.ys01{position:absolute;font-size:14px;top:235px;margin-left:30px;width: 460px;    line-height: 24px;}

.ys01 h3{font-size:20px;padding-left:65px;padding-bottom: 5px;}

.ys02{position:absolute;font-size:14px;top:445px;margin-left:30px;width: 460px;    line-height: 28px;}

.ys02 h3{font-size:20px;padding-left:65px; }

.ys03{position:absolute;font-size:14px;top:774px;margin-left:580px;width: 460px;    line-height: 27px;}

.ys03 h3{font-size:20px;padding-left:65px;padding-bottom: 5px;}

.ys04{position:absolute;font-size:14px;top:925px;margin-left:580px;width: 460px;    line-height: 27px;}

.ys04 h3{font-size:20px;padding-left:65px;padding-bottom: 5px;}

.ys05{position:absolute;font-size:14px;top:1165px;margin-left:30px;width: 460px;    line-height: 27px;}

.ys05 h3{font-size:20px;padding-left:65px; }

/*新闻*/

.bj{background: url(../images/xw.png) no-repeat center;    height: 482px;margin-top: 20px;}

.wd{   overflow:hidden;width:360px;    background: url(../images/news-bj.gif) no-repeat right bottom ;  }

.wd_c{ overflow:hidden}

.wd_c dl{ padding:4px 0 11px;border-bottom:dashed 1px #ccc; line-height:22px;color:#333;}

.wd_c dt{ background:url(../images/wen.png) no-repeat 0 14px; height:46px; line-height:46px; padding:0 0 0 30px; font-weight:bold; overflow:hidden;font-size:14px}

.wd_c dt a{ color:#0191d7}

.wd_c dd{ background:url(../images/da.png) no-repeat 0 5px; text-indent:30px;line-height:30px;font-size:14px}

.til01 {font-size:18px;width:320px;line-height:45px;       padding-bottom: 5px;background:url(../images/xw-bj.png) no-repeat left bottom;height:40px;text-decoration:none;font-weight: 100;  }

.til01 a{ font-weight:normal;  padding-top: 10px;  }

.til01  em{font-size:14px;color: #0191d7 }

.til01-a { float:right;display:inline-block; height:35px; font-size: 12px;}

/*news*/

.xw{ overflow:hidden;width:360px;  background: url(../images/news-bj.gif) no-repeat right bottom ;     margin-left: 20px;  }



.xw02{  overflow:hidden;width:320px;   margin-left:20px;   }

.xw dl,.xw02 dl{ padding:5px 0 0;float:left;   }

.xw dt,.xw02 dt{ float: left;margin-bottom: 10px; }

.xw dt img,.xw02 dt img{ width:320px; height:110px;  }

.xw dd,.xw02 dd{ width:320px;  float: left;}

.xw li,.xw02 li{height:33px; line-height:27px;overflow:hidden;background: url(../images/ico02.gif) no-repeat 0 0px;  font-size:13px;  text-overflow: ellipsis; white-space: nowrap;padding-left: 15px;}

/* 图片向下滚动css */

.picMarquee-top{ margin:0 auto;  width:215px;  position:relative;  height: 450px ;overflow: hidden; }

.picMarquee-top .hd{   }

.picMarquee-top .hd .prev{ display:block;  width:28px; height:28px; top: 10px; right:75px; cursor:pointer; background:url(../images/prev2.png) center no-repeat;}

.picMarquee-top .hd .next{ display:block;  width:28px; height:28px; top: 10px; left:75px;cursor:pointer; background:url(../images/next2.png) center no-repeat;}

 



.picMarquee-top .bd {height: 380px;overflow: hidden;}

.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-top .bd ul li{ text-align:center; zoom:1; }

.picMarquee-top .bd ul li .pic{ text-align:center; }

.picMarquee-top .bd ul li .pic img{ width:215px; height:148px; display:block;   }

.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }

.picMarquee-top .bd ul li .title{ line-height:24px;   }

/* online */



.yb_conct {position: fixed;z-index: 9999999;top: 50px;/* right: -127px; */right: 5px;cursor: pointer;transition: all .3s ease;}

.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}

.yb_bar .yb_top {background: #0191d7 url(../images/fixCont.png) no-repeat 0 0;}

.yb_bar .yb_phone {background: #0191d7 url(../images/fixCont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ {text-indent: 0;background: #0191d7 url(../images/fixCont.png) no-repeat 0 -113px}

.yb_bar .yb_ercode {/*height:200px;*/background: #0191d7 url(../images/fixCont.png) no-repeat 0 -169px;}

.hd_qr {padding: 0 29px 25px 29px;}

.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}