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

/*头部*/
.hsh-web{ width:1100px; margin:0 auto;}
.hsh-top{ height:120px;}
.hsh-head{ border-bottom:2px solid #ED1B23}
.hsh-head h1{ float:left; margin-top:15px;}
/*--搜索---*/
.topino{ float:right; margin-top:7px; margin-left:10px; width:70px; height:35px;}

.index_menu{height:35px; line-height:35px; margin-top:0px; float:right;}

.index_menu span{float:right; font-size:18px; color:#b2b2b2; margin-right:12px; height:30px; line-height:30px}

.index_menu dl{float: right;}
.index_menu dl.head_dl{ float:right; background:url(../images/topIcon-02.png) no-repeat 92px 12px; margin-right:5px;}
.index_menu dl.head_dl a{ font-size:16px; color:#000000;padding:0 20px; border-left:1px solid #666666;}
.index_menu dl.head_dl a:hover{ color:#23ac38;}
.index_menu dl dd{float:left; position:relative; text-align:center;cursor:pointer; position:relative; z-index:9999}
.index_menu dl dt{  float: right; width: 74px; height: 80px; margin-left: 2px; background: #0c4da2;}
.index_menu dl dt p{  width: 26px; margin: 0 auto;color: #fff; line-height: 14px; padding-top: 24px;}
.index_menu dl dt a{color: #fff; display:inline-block;width: 74px; height: 81px;}
.index_menu dl dt a:hover{background:#ae0005; color:#fff;}
.index_menu dl dd img{margin-right: 0px;display: block; width: 30px; height: 30px;}
.index_menu dl dd .yww_indexTopss{position: absolute; right:4px;  top: 22px;  display:none;  padding-top: 22px;  padding-bottom: 20px; z-index:99}
.index_menu dl dd .yww_indexTopss input{width:175px; height:35px; padding-left:10px; border:1px solid #E5E5E5; background-color:#FFF;}
.index_menu  #span{ position:absolute; width:17px; height:16px;background:url(../images/winco30.png) no-repeat; top:32px;right:10px; margin:0px; border:none}
.index_menu  .xs em{ width:14px; height:9px; display:block;background:url(../images/winco29.png) no-repeat; top:15px;right:10px; position:absolute;}
.index_menu dl dd .indexEwm img{display:block; width:120px; height:120px; margin:0 auto;margin-top:18px;}
.indexEwm{width:122px; height:139px;  background:url(../images/indexEwmBg.png) no-repeat bottom; position:absolute; top:29px; left:-44px; z-index:99; display:none;}

.wxdiv1{ position:absolute; top:42px; right:-38px; padding-top:9px;  background:url(../images/indexEwmBg.png) no-repeat; width:122px; height:130px; display:none; z-index:9999}
.index_menu dl dd .wxdiv1 img{ width:120px; height:120px; margin:0 auto}
.index_menu dl dd a{ line-height:30px; display:inline-block; color:#008DD1; text-align:left;}
.index_menu dl dd a img{ float:left; margin-right:5px;}


.head_tel{ float:right; color:#008DD1; font-size:16px; font-weight:bold; line-height:40px; margin-top:10px; height:40px;}
.head_tel span{ display:inline-block; padding-left:45px; margin-left:5px; font-size:22px; background:url(../images/tel.png) 0px center no-repeat;}


.sygjss {margin-top: 16px; display: block; position: relative; margin-left: 15px;}
.sygjss a{display:inline-block; line-height:36px;  margin:0 15px; }

.sygjss a img{max-width: 100%;}








/*--搜索---*/
/*.hsh-share{ float:right; overflow:hidden; padding-top:35px;}
.hsh-share a{ float:left; display:block; margin-left:5px;}*/

.hsh-share{ float:right; width: 197px; overflow:hidden; padding-top: 35px;}
.hsh-share a,.hsh-share div{ float:left; display:block; margin-left:5px;}
.hsh-share a span.jtico,.hsh-share div.jiathis_button_youtube span{ width: 27px; float:left; margin: 0 auto; height:auto!important; padding: 0!important; cursor: pointer;}
.hsh-share img{ display: block;  display: block; width: 27px; height: 28px;}
.hsh-share a .jtico.jtico_twitter{ background: none;}
.hsh-share a .jtico.jtico_fb{ background: none;}
.hsh-share a .jtico.jtico_googleplus{ background: none;}
.hsh-share a .jtico.jtico_linkedin{ background: none;}
.hsh-share a.jtico_jiathis{ background: none; width: 27px; height:auto!important; padding: 0!important;}


.nav_div{ float:right; margin-top:25px;height:45px; width:790px;}
.hsh-nav{ z-index: 990; background-color:#e0eef8}
.hshnavdiv{ float:right}
.hshNav{ float:right}
.hshNav li{ float:left;}
.hshNav li h3 a{ display:block;  padding: 0 15px;line-height:45px; font-size:16px; color:#5c5d5d; text-align:center; margin-right:5px;}
.hshNav li h3 a:hover,.hshNav li .cur{ color:#fff; background-color:#008dd1}

.subnav{ position: absolute; top:121px; left: 50%; margin-left:-200px; width:650px; background-color: #fff; overflow: hidden; display: none; z-index: 999;}
.subnav .subnav-cont{}

.subnav-list{ float: left; width:380px; padding-top: 10px;overflow: hidden; padding-bottom:20px; margin-left:30px}
.subnav-list a{ float: left; display: block; width: 150px; height: 20px; border-bottom: 1px solid #ccc; padding: 0px 0 6px 10px; margin-top:10px; margin-right: 20px; line-height: 22px; font-size: 16px;
 background:url(../images/Abg.png) 0px center no-repeat; color: #4c4c4c; overflow: hidden;}
.subnav-list a:hover, .subnav-list a.cur{ color: #008DD1; background-color:#FFFFFF}

.subnav .ad-box{ float: right; padding-top: 18px; width: 200px; padding-bottom:10px; overflow: hidden; margin-right:30px;}
.subnav .ad-box img{ display: block;  display: block; width: 200px; height: 100px; margin:0 auto;}
.subnav .ad-box .text{ font-size: 12px; color: #4c4c4c; line-height: 20px; padding-top: 15px;}

.hsh-search{ float:right; background:url(../images/hsh07.png) no-repeat; width:227px; height:35px; overflow:hidden; position:absolute; top:10px; right:20px;}
.hsh-searchIn{ float:left; display:block; height:35px; line-height:25px; padding:0 0 0 9px; width:182px; background:none; font-size:14px; color:#bfbfbf;}
.hsh-searchBt{ float:right; width:36px; height:35px; cursor:pointer;background:none;}




#head_div{ float:left; padding-top:15px; margin-left:30px;}
#head_div .top_div{ text-align:right}
#head_div .top_div a{ display:inline-block; margin-right:16px; font-size:16px;}
#head_div .top_div a:hover{ color:#008DD1}

#head_wx{ float:right; text-align:center; padding-top:10px; padding-right:5px}
#head_wx img{ margin:0; padding:0; float:left;}
#head_wx p{ font-size:16px; height:20px;}

.banner img {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 340px;
}

/*banner*/
.banner-box{ width: 100%; height: 635px; overflow: hidden; position: relative;}
.banner-img{ margin: 0 auto;}
.banner-box .banner-img li{ float: left; width: 100%; height: 635px; position: relative;}
.banner-box .banner-img li img{ display: block;  display: block; width: 1920px; height: 635px; position: absolute; left: 50%; margin-left: -960px;}
.banner-btn{ position: absolute; bottom: 1px; width: 100%; height: 61px; text-align: center; overflow: hidden; z-index: 20;}
.banner-btn a{ display: inline-block; *display:inline; *zoom:1; margin: 0 1px; width: 298px; height: 56px; border-bottom: 5px solid #333; color: #fff; line-height: 24px; text-align: center; overflow: hidden; cursor: pointer; position: relative; overflow: hidden;}
.banner-btn .cur{ border-bottom-color: #008DD1;}

.banner-box .tip{ position: absolute; left: 0; bottom: -60px; width: 298px; height: 60px; background: url(../images/cimg01.png) repeat-x;}
.banner-box .tip .banner-title{ padding-top: 9px; font-size: 14px; font-weight: 700;}
.banner-box .tip .text{ font-size: 12px;}
.banner-box .banner-btn a.cur .tip{ background-image: url(../images/cimg02.png);}

.banner-prev,.banner-next { z-index:11111; position:absolute; width:33px; height:62px; top:50%; margin-top: -31px; cursor: pointer; z-index: 20;}
.banner-prev{ background:url(../images/prev.png) no-repeat left top; left: 100px;}
.banner-prev:hover{ background-image:url(../images/prev_hover.png)}
.banner-next{ background:url(../images/next.png) no-repeat right top; right: 100px; }
.banner-next:hover{ background-image:url(../images/next_hover.png);}
/*banner over*/ 
/*---员工活动---*/

.Staff{width:1100px;overflow:hidden; position:relative; padding-bottom: 35px;}
.Staff ul{margin:0px; width:1140px;}
.Staff ul li{float:left; width:347px; height:348px; text-align:center; background:#FFF; margin:25px 26px 0px 0px;box-shadow: 2px 2px 5px #DFDFDF;
}
.Staff ul li img{ display:block; margin:0 auto;}
.Staff ul li div { width:100%; height:300px;}
.Staff ul li p{font-size:14px; height:40px;padding:8px 42px 0px 20px; overflow:hidden; background:url(../webimages/Staff01.png) no-repeat 95% center;}
.Staff ul li p span{ display:block; height: 22px; overflow: hidden; line-height:24px;}
.Staff ul li:hover p span{ color:#008dd1;}

.index-pro{ width: 1200px; height: 294px; padding: 0px 0 30px; margin: 0 auto; position: relative; overflow: hidden;}
.indexpro-cont{ position: relative; width: 1056px; margin: 0 auto; overflow: hidden;}
.index-pro ul{ width: 10000px; margin: 0 auto; overflow: hidden; position: relative;}
.index-pro li{ width: 264px; float: left;}
.index-pro li img{ display: block;  display: block; width: 190px; height: 190px; margin: 0 auto;}
.index-pro li span{ display: block; line-height: 24px; padding-top: 26px; font-size: 14px; color: #4c4c4c; text-align: center;}
.index-pro li a:hover span{ color: #008DD1;}

.index-pro .btn{ display:block; width: 33px; height: 62px; cursor:pointer; position: absolute; top: 50%; margin-top: -65px; }
.index-pro .pro-prev{ background:url(../images/cimg03.png) no-repeat; left: 0; background-size:33px 62px;}
.index-pro .pro-prev:hover{ background-image: url(../images/cimg04.png);}
.index-pro .pro-next{ background:url(../images/cimg05.png) no-repeat ; right: 0; background-size:33px 62px;}
.index-pro .pro-next:hover{ background-image: url(../images/cimg06.png);}

.index-infor{ width: 100%; padding: 54px 0 65px; background-color: #333;}
.index-infor .infor-title{ float: left; width: 82px; padding-top: 53px; margin-right: 50px; line-height: 36px; font-size: 20px; color: #fff; background: url(../images/cimg07.png) center 4px no-repeat;}

.index-infor .infor-list{ float: left; width: 884px; height: 90px; position: relative; overflow: hidden;}
.index-infor .infor-list ul{ position: absolute; top: 0;}
.index-infor .infor-list li{ float: left; height: 30px; line-height: 30px; overflow: hidden;}
.index-infor .infor-list li a{ display: block; line-height: 30px; font-size: 14px; padding-right: 6px;}
.index-infor .infor-list li em{ display: inline-block; *display: inline; *zoom: 1; width: 78px; height: 30px; line-height: 30px; padding-right: 15px; margin-right: 13px; color: #999; background: url(../images/cimg13.png) right no-repeat;}
.index-infor .infor-list li span{ display: inline-block; *display: inline; *zoom: 1; color: #fff; width: 330px; height: 30px; line-height: 30px; overflow: hidden; vertical-align: top;}
.index-infor .infor-list li a:hover span{ color: #999; cursor: pointer;}

.index-infor .btn-box{float: left; width: 26px; padding-top: 20px;}
.index-infor .btn-box .btn{ display: block; width: 26px; height: 26px;}
.index-infor .btn-box .infor-prev{ padding-bottom: 12px; background: url(../images/cimg08.png) no-repeat;}
.index-infor .btn-box .infor-prev:hover{ background-image: url(../images/cimg09.png);}
.index-infor .btn-box .infor-next{ background: url(../images/cimg10.png) no-repeat;}
.index-infor .btn-box .infor-next:hover{ background-image: url(../images/cimg11.png);}

.index-infor .infor-share{float: right; width: 127px; overflow: hidden;}
.index-infor .infor-share .fxtitle{ display: block; color: #fff; font-size: 18px; line-height: 24px; padding: 13px 0;}

.index-infor .infor-share .bdsharebuttonbox{ width: 140px; margin: 0 auto;}
.index-infor .infor-share .bdsharebuttonbox .share-ico{ display: inline-block; width: 37px; height: 38px; margin: 0 8px 0 0; background-repeat: no-repeat; float: none; padding: 0; line-height: 38px; background-position: center center;}
.index-infor .infor-share .bdsharebuttonbox .bds_tsina{ background-image: url(../images/cimg14.png);}       
.index-infor .infor-share .bdsharebuttonbox .bds_weixin{ background-image: url(../images/cimg15.png);}   
.index-infor .infor-share .bdsharebuttonbox .bds_sqq{ background-image: url(../images/cimg16.png);}   

.public-title{ width: 1200px; margin: 0 auto; padding: 20px 0 0px; margin-bottom: 30px; border-bottom: 2px solid #ececec; text-align:center;}
.public-title span{ text-align:center; font-size: 26px; font-weight: 700; color: #333; line-height: 44px;}
.public-title div{ width:60px; border-bottom:3px solid  #008DD1; margin:0 auto; margin-bottom:-1.5px}

.index-case{ width: 1200px; height: 242px; padding: 38px 0 52px; margin: 0 auto; position: relative; overflow: hidden;}
.indexcase-cont{ position: relative; width: 1126px; margin: 0 auto; overflow: hidden;}
.index-case ul{ width: 10000px; margin: 0 auto; overflow: hidden; position: relative;}
.index-case li{ width: 372px; float: left; padding-bottom: 18px; margin-right: 5px; background-color: #f7f7f7;}
.index-case li img{ display: block;  display: block; width: 372px; height: 208px; padding-bottom: 14px;}
.index-case li span{ display: block; width: 100%; height: 27px; text-indent: 14px; line-height: 27px; font-size: 16px; color: #4c4c4c; overflow: hidden;}
.index-case li a:hover span{ color: #008DD1;}

.index-case .btn{ display:block; width: 27px; height: 84px; cursor:pointer; position: absolute; top: 50%; margin-top: -42px; }
.index-case .case-prev{ background:url(../images/cimg12.jpg) no-repeat; left: 0;}
.index-case .case-prev:hover{ background-image: url(../images/cimg13.jpg);}
.index-case .case-next{ background:url(../images/cimg14.jpg) no-repeat; right: 0;}
.index-case .case-next:hover{ background-image: url(../images/cimg15.jpg);}

.index-newad{ width: 1200px; margin: 0 auto; padding-bottom: 20px;}
.index-newad img{ display: block;  width: 1200px; height: 316px;}

.index-new{ width: 584px;}
.index-new .fl{ width: 200px;}
.index-new .fl img{ display: block;  width: 200px; height: 235px;}
.index-new .fr{ width: 340px; height: 203px; padding: 0 16px 30px 27px; border: 1px solid #e0e0e0; border-left: none;}
.index-new .fr .title{ padding: 22px 0 6px; border-bottom: 1px solid #e6e6e6; margin-bottom: 18px;}
.index-new .fr .title span{ float: left; font-size: 24px; color: #333; line-height: 40px; padding-left: 0; background: none;}
.index-new .fr .title a{ float: right; color: #008DD1; font-size: 12px; line-height: 24px; padding-top: 12px;}

.indexnew-list{}
.indexnew-list li{ padding-bottom: 5px;}
.indexnew-list li a{ display: block; padding-left: 10px; line-height: 24px; background: url(../images/cimg12.png) 0 no-repeat;}
.indexnew-list li span{ float: left; font-size: 14px; color: #666; width: 288px; height: 24px; overflow: hidden;}
.indexnew-list li em{ float: right; width: 34px; font-size: 12px; color: #999;}
.indexnew-list li a:hover span{ color: #4c4c4c; cursor: pointer;}

/*底部*/
.hsh-foot{background: #008dd1}
.hsh-footTop{ overflow:hidden; padding:30px 0 0;}
.hsh-foot dl{ float:left; margin-right:50px;}
.hsh-foot dt a{ font-size:16px; color:#fff;display:block; margin-bottom:10px;}
.hsh-foot dd a{ line-height:25px; font-size:14px; color:#69CBFF; display:block;}
.hsh-foot dd a em{ margin-left:15px;}
.hsh-last{ overflow:hidden; float:right; width:125px; margin-top:40px; height:186px;}
.hsh-last dl{ float:none; margin:0; border-bottom:1px solid #999; padding-bottom:15px; margin-top:17px;}

.hsh-foot dl.foot_dl{ margin-right:40px}
.hsh-foot dl.foot_dl dd{ width:260px;}
.hsh-foot dl.foot_dl dd a{ display:inline-block; width:49%;}



.hsh-footEnd{ background:#008dd1;border-top: 1px solid #ED1B23;  }
.foot_end{ width:1200px; margin:0 auto;text-align:center;color:#FFF; padding:15px 0}
.foot_end p a{ color:#FFF;}
.foot_end p a:hover{ color:#3697D8;}


.hsh-foot .Pleft{ line-height:50px; float:left;font-size:14px; color:#ccc}
.hsh-foot .Pleft a{ color:#444444;}
.hsh-foot .pright{font-size:14px; color:#444444; float:right; line-height:50px;}
.hsh-foot .pright a{ color:#ccc;}
.hsh-foot a:hover{ color:#fff;}


.hsh-footTop .foot_center{text-align:center; float:right; padding:0px 30px 0 0;}
.foot_center p{ color:#FFF; margin-top:8px; font-size:16px;}


.hsh-footTop .foot_left{ float:left;}
.hsh-footTop .foot_right{ float:right; text-align: left; color:#FFF; font-size:14px;}
.foot_right h3{font-size:22px; margin-bottom:20px;}
.foot_right img{ margin-bottom:10px; width:100%;}
.hsh-foot .foot_right p{ padding-left:30px; line-height:22px; text-align:left; background-size:22px 22px; margin-bottom:8px;}
.hsh-foot .foot_right p a{ color:#FFF;}
.hsh-foot .foot_right p a:hover{ color:#69CBFF}

.foot_right .foot_p1{background:url(../images/foot_add.png) left top no-repeat;}
.foot_right .foot_p2{background:url(../images/foot_tel.png) left top no-repeat;}
.foot_right .foot_p3{background:url(../images/foot_email.png) left top no-repeat;}
.foot_right .foot_p4{background:url(../images/foot_qq.png) left top no-repeat;}
.foot_right .foot_p5{background:url(../images/foot_us.png) left top no-repeat;}

.foot_link{ width:100%; float:left; padding-top:15px; padding-bottom:10px;}
.foot_link span{ display:inline-block; padding:3px 10px; color:#69CBFF; border:1px solid #69CBFF; background:url(../images/link_bg1.png) 80px center no-repeat}
.foot_link a{ display:inline-block; color:#69CBFF; padding:3px 20px; background:url(../images/link_bg2.png) no-repeat right center;}
.foot_link a:hover{ color:#FFF;}

.leftbtn{ width: 45px; position: fixed; right: 10px; top: 60%; z-index: 999; display: none;}
.leftbtn .ico{ width: 45px; height: 45px; margin-bottom: 5px; cursor: pointer; position: relative;}
.leftbtn .qq{ background: #ED1C24 url(../images/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #ED1C24 url(../images/cimg23.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 100px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #ED1C24 url(../images/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .tel{ background: #ED1C24 url(../images/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #ED1C24 url(../images/cimg25.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .official-wechat{ background: #ED1C24 url(../images/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .official-wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .official-wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .backtop{ background:#000 url(../images/cimg27.png) center no-repeat;}

.leftbtn .ico .cont{ display: none;}
/*.Exhibition{box-shadow: 0px 3px 5px rgba(0,0,0,.2);}*/
.Paging a{ background:none;}
.web .Paging a:hover,.web .Paging a:hover span,.web .Paging span.laypage_curr{ background:#008DD1; color:#fff;}
.web .laypageskin_now a,.web .laypageskin_now .laypage_curr{ width:37px; height:37px; line-height:37px; border:1px solid #ccc;}
.web .laypageskin_now .laypage_next,.web .laypageskin_now .laypage_prev{ width:80px;}
.web .laypageskin_now .laypage_next span,.web .laypageskin_now .laypage_prev span{ line-height:37px; font-size:14px;}

/*---标题---*/

.title{border-bottom:1px solid #cccccc; font-size:20px; color:#008DD1; padding-bottom:12px; padding-top:20px;}
.title span{ float:right; background:url(../images/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px;}
.title span a{ padding:0px 5px; color:#666;}
.title span a:hover{ color:#1a1a1a;}
.title span a.cur{ color:#1a1a1a;}
/*---标题---*/
/*产品*/
.productbox{ width:841px; padding-top:20px; overflow:hidden; float:right;}
.productbox_div{ padding:15px 10px; overflow:hidden;font-size:16px; margin-left:10px; background-color:#f7f7f7;}
.other2div{ margin-top:5px; color:#008dd1;}
.productbox li{ float:left; width:246px; border:2px solid #eee; padding:10px 10px; margin-left:10px; margin-top:10px; border-radius:5px;}
.proimgdiv{ height:250px; text-align:center; overflow:hidden; padding-bottom:7px;background: url(../images/pro_21.gif) no-repeat center bottom;}
.proimgdiv img{}
.protitlediv{ padding:10px 0 0; text-align:center;}
.protitlediv h3{ height:50px; line-height:25px; color: #000;  margin-bottom:8px; padding-left:5px;}
.protitlediv span{ display:inline-block; padding:5px 25px; border:1px solid #e1e1e1; border-radius:5px; color: #666}
.productbox li:hover{ border:2px solid #008DD1; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;; -webkit-transition:all .5s; transition:all .5s;}
.productbox li:hover .proimgdiv img{ opacity:0.8; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;; -webkit-transition:all .5s; transition:all .5s;}
.productbox li:hover .protitlediv h3{ color:#008DD1}
.productbox li:hover .protitlediv span{ border:1px solid #008DD1; color:#008DD1}


/*产品菜单*/
.productlistdiv{ float:left; width:250px; padding-top:30px;}
.menubox{ overflow:hidden; margin-bottom:5px;}
.menu_h3{ line-height:40px; color:#666; font-size:18px; padding-left:10px; cursor:pointer; background:url(../images/fen_bg1.png)}
.menubox h3.cur, .menubox h3:hover{ background:url(../images/fen_bg2.png);color:#fff;}
.menu_ul{ display:none;}
.menu_ul li{ line-height:35px; font-size:16px; border-bottom:1px dashed #CCCCCC; padding-left:24px; color:#666;  background:url(../images/pro_pic1.png) left center no-repeat;}
.menu_ul li.cur, .menu_ul li:hover{ color:#008DD1; background:url(../images/pro_pic2.png) left center no-repeat;}



/*产品菜单*/

/*产品*/
#product2{ padding-top:15px; padding-bottom:20px; text-align:center;}
#product2 .pr_uld{ width:auto; overflow:hidden; margin:0 auto;}
#product2 .pr_uld li{ margin-right:6px; display:inline-block; text-align:center;}
#product2  a{ display: inline-block; padding-left:8px; padding-right:8px; line-height:32px; background-color:#00419C; text-align:center; font-size:16px; margin:0 6px; color:#FFFFFF}
#product2  a:hover,#product2 a.cur{ color:#fff;background-color:#008DD1;}

/*产品详情*/
.innerbanner{ width: 100%; height: 240px; position: relative; overflow: hidden;}
.innerbanner img{ display: block;  display: block; width: 1920px; height: 240px; position: absolute; top: 0; left: 50%; margin-left: -960px;}

.classbg{ width:100%; background:url(../images/classbg.png) repeat-x; height:50px;}
.class{ width:1100px; margin:auto; padding-left:1px;}
.class ul{ margin:0px; padding:0px; position:relative}
.class ul li{ float:left;border-right:1px solid #cccccc;border-left:1px solid #cccccc; height:40px; margin-left:-1px;}
.class ul li a{ display:block;float:left;border-bottom:3px solid #FFF; color: #1a1a1a; line-height:38px;font-size:16px; padding:0px 26px; text-transform: uppercase;}
.class ul li a:hover,.class ul li a.cur{border-bottom:3px solid #008DD1;color:#008DD1;}


/*产品下拉*/
.class ul li .xldiv{ position:absolute; top:40px; display:none;}
.class ul li .xldiv a{background-color:#CCC; padding:3px 26px; font-size:14px; border-bottom:1px solid #eee; text-align:left;line-height:25px; float:inherit;}
.class ul li .xldiv a:hover, .class ul li .xldiv a.cur{border-bottom:1px solid #008DD1;color:#008DD1;}
/*产品下拉*/

.crumbs-title{border-bottom:1px solid #cccccc; font-size:20px; color:#1a1a1a; padding-bottom:12px; padding-top:20px;}
.crumbs-title em{ float: left; color: #1a1a1a; text-transform: uppercase;}
.crumbs-title span{ float:right; background:url(../images/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px;}
.crumbs-title span a{ padding:0px 5px; color:#666;}
.crumbs-title span a:hover{ color:#333;}
.crumbs-title span a.cur{ color:#333;}

.main{ width: 1100px; margin: 29px auto 46px;  border-top:none;}
.main-top{ }
.main-bottom{ }

.ProductDetailstop{ background:#FFF; padding:38px 50px; margin-top:25px;}

.ProductDetailstopleft{ float:left; width:450px; height:450px; border:1px solid #ccc;position:relative; z-index: 999; text-align:center}
.ProductDetailstopleftimg{width:100%;}
.ProductDetailstopleftimg img{ display: block;  height: auto; margin:auto;}
div.zoomdiv {z-index:100;position:absolute;top:0px;right:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


.ProductDetailstopright{ float:right; width:520px; position:relative;}
.ProductDetailstopright dl{ margin:0px; }
.ProductDetailstopright dl dt{font-size:18px;line-height:24px; padding-bottom:10px; border-bottom: none; color:#666}
.ProductDetailstopright dl .dt{ font-size:32px;line-height:46px; padding-bottom:10px; border-bottom:2px solid #008DD1; margin-bottom:10px; color:#000}
.ProductDetailstopright dl dd{ font-size:14px; line-height:36px;border-bottom:5px solid #008DD1; }




.ProductDetailstopright dl dd span.Special{ color:#008DD1; font-size:16px; padding-right:10px;}

.pro_banner{ position:relative; width:100%; margin:0 auto;position:relative;}
.ProductDetailsSmallimg{ width:444px; margin:30px auto 0;}
.ProductDetailsSmallimg ul{width:9999px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:100px;height:100px; position:relative; display:inline; margin-right:14px; cursor:pointer;}
.ProductDetailsSmallimg ul li img{ display: block;  display:block; width:100%; height:100%;}
.ProductDetailsSmallimg ul li span{ display:block; width:98px; height:98px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}

.ProductDetailsSmallimg ul li.cur span{width:98px; height:96px; border:2px solid #008DD1;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:35%; width:33px; height:33px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../images/Product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(../images/Product3.gif) no-repeat right center;}

.prodetail-tab{height: 43px; padding:8px 8px 0; background-color: #008DD1 ; border-bottom: 1px solid #008DD1 ; margin: 0 auto; border-radius:15px 15px 0 0}
.prodetail-tab a{ display: inline-block; *display: inline; *zoom: 1; width: 150px; height: 38px; padding-bottom: 6px; font-size: 18px; color: #fff; line-height: 38px; text-align: center; border-radius:5px 5px 0 0;}
.prodetail-tab a:hover,.prodetail-tab a.cur{ background-color: #fff; color: #008DD1;}

.prodetail-cont{ padding: 25px 50px 70px; display: none;}
.prodetail-box{}
.prodetail-box .fl{ width: 880px;}
.prodetail-box .fr{ width: 260px;}
.prodetail-box .fr img{ display: block;  width: 260px; height: 195px; padding-bottom: 15px;}

.gray-title{ width: 1144px; height: 50px; padding-left: 10px; color: #fff; font-size: 20px; line-height: 50px; margin: 0 auto; background-color: #595959;}
.relevant{ width: 1154px; padding-top: 35px; margin: 0 auto; overflow: hidden;}
.relevant ul{ width: 1290px;}
.relevant li{ float: left; width: 200px; padding-right: 38px;}
.relevant li .pic{ display: block; width: 198px; height: 198px; border: 1px solid #d9d9d9;}
.relevant li img{ display: block;  width: 198px; height: 198px;}
.relevant li .text{ display: block; padding-top: 11px; height: 24px; width: 200px; line-height: 24px; font-size: 14px; color: #1a1a1a; text-align: center; overflow: hidden; }
.relevant li a:hover .text{ color: #008DD1;}

/*关于我们*/
.about-link{ width: 1168px; padding: 20px 0 24px; margin: 0 auto;}
.about-link li{ float: left; width: 276px; padding: 0 8px;}
.about-link li a{}
.about-link li img{ display: block;  width: 276px; height: 169px;}
.about-link li span{ display: block; font-size: 14px; line-height: 24px;}
.about-link li .fixtitle{ padding: 10px 0 6px; color: #1a1a1a;}
.about-link li .text{ color: #666; height: 250px; }
.about-link li a:hover span{ color: #008DD1; }

.about_dl{ width:100%; overflow:hidden; background-color:#dbdbdb; margin-bottom:25px;}
.about_dl dt{ width:600px; float:left;}
.about_dl dt img{ width:100%; display:block;}
.about_dl dd{ float:left; width:440px; padding:15px 0px 10px 40px}
.about_dl dd h3{ line-height:40px; color:#008dd1; font-size:26px;}
.about_dl dd h4{ color:#008dd1; font-size:16px; line-height:22px; margin:5px 0;}
.ddwx_div{ margin-top:25px;}
.about .ddwx_div img{ float:left; width:100px; height:100px;}
.ddwx_div div{ float:left; margin-left:15px; padding-left:15px; border-left:1px solid #008dd1; margin-top:17px;}
.ddwx_div p{ line-height:22px; color:#008dd1;}

/*16-7-30 djl  安装与维护
.single-cont{ padding: 7px 30px 55px; overflow: hidden;}

.build-step{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0;}
.build-step li{ padding-bottom: 50px;}
.build-step li i{ display: block; width: 57px; height: 60px; line-height: 60px; padding-right: 20px; float: left; font-size: 60px; color: #ccc;}
.build-step li em{ display: block; width: 482px; float: left; font-size: 16px; color: #4c4c4c; padding-top: 5px; line-height: 25px;}
*/

/*安装与维护*/
.single-cont{ padding: 7px 30px 55px; overflow: hidden;}

.build-step{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0;}
.build-step li{ padding-bottom: 50px;}
.build-step li i{ display: block; width: 57px; height: 60px; line-height: 60px; padding-right: 20px; float: left; font-size: 60px; color: #ccc;}
.build-step li em{ display: block; width: 482px; float: left; font-size: 16px; color: #4c4c4c; padding-top: 5px; line-height: 25px;}


/*国家标*/
.state-standard{ background-color: #f2f2f2;}
.state-standard dt{ float: left; width: 553px;}
.state-standard dt img{ display: block;  display: block; width: 553px; height: 265px;}
.state-standard dd{ float: right; width: 560px; padding: 44px 34px 0 0;}

/*生产流程*/
.procedure-list{ width: 1206px; overflow: hidden; margin: 0 auto;}
.procedure-list li{ float: left; width: 366px; padding: 10px 10px 20px; margin: 0 16px 15px 0; background-color: #f2f2f2; cursor: pointer;}
.procedure-list li img{ display: block;  display: block; width: 366px; height: 275px;}
.procedure-list li p{ display: block; width: 100%; height: 24px; font-size: 14px; color: #000; line-height: 24px; text-align: center; padding-top: 16px; overflow: hidden;}

.procedure-popup{ width: 500px; height: 460px; padding: 60px 30px 30px; background-color: #fff; position: fixed; top: 50%; left: 50%; margin: -230px 0 0 -250px; display: none; z-index: 999;}
.procedure-popup .close{ display: block; width: 18px; height: 18px; background: url(../images/cimg21.png) no-repeat; position: absolute; top: 15px; right: 15px; cursor: pointer;}
.procedure-popup .cont{}
.procedure-popup .cont img{ display: block;  display: block; width: 500px; height: 404px;}
.procedure-popup .cont span{ display: block; width: 100%; height: 24px; font-size: 18px; color: #4c4c4c; line-height: 24px; text-align: center; padding-top: 32px; overflow: hidden;}

/*--企业荣誉--*/
.honor-main{ width: 1260px; margin: 0 auto;}

.Honor{width:1260px; overflow:hidden; padding-bottom: 30px; }
.Honor ul{ width:1300px;}
.Honor ul li{float:left;width:300px; padding: 0 4px 8px; background: url(../images/cimg22.png) no-repeat; text-align:center; margin-top:25px; margin-right:10px;}
.Honor ul li img{ display: block; top:50%;left:50%;position:absolute; margin-left:-140px; margin-top:-100px; width:280px; height:200px;}
.Honor ul li span{ display:block; border:1px solid #d9d9d9; height:298px; position:relative; overflow:hidden; width:298px;}
.Honor ul li h3{ line-height:59px; text-align:center; font-size:16px; color: #1a1a1a;}

/*联系我们*/
.contact-name{line-height: 44px; font-size: 30px; font-weight: 700; color: #008DD1; text-align: center;}
.contact-enname{ padding:25px 0; line-height: 24px; font-size: 14px; color: #999; text-align: center;}

.contact-list{ width:1150px}
.contact-list li{ float: left; width:350px; line-height: 24px; text-align:left; margin-right:20px; margin-bottom:20px;}
.contact-list li i{ display: block; width: 81px; padding-bottom: 12px; padding-top: 95px; color: #666; font-size: 13px; float:left}
.contact-list li.address i{ background: url(../images/cimg29.png) center top no-repeat;}
.contact-list li.tel i{ background: url(../images/cimg30.png) center top no-repeat;}
.contact-list li.fax i{ background: url(../images/cimg31.png) center top no-repeat;}
.contact-list li.email i{ background: url(../images/cimg32.png) center top no-repeat;}
.contact-list li.mob i{ background: url(../images/cimg37.png) center top no-repeat;}
.contact-list li.wab i{ background: url(../images/cimg38.png) center top no-repeat;}
.contact-list li.QQ i{ background: url(../images/cimgqq.png) center top no-repeat;}

.contact-div{ width:1100px; margin:0 auto; overflow:hidden}
.contact-dl{ float:left; width:245px; margin-left:20px; padding-top:10px;}
.contact-dl dt{ font-size:18px; color:#4c4c4c}
.contact-dl dd{ font-size:19px; color:#008DD1}

.contact-list li em,.contact-list li a{ color: #333; font-size: 14px;}
.contact-list li a:hover{ text-decoration: underline;}

.about{ margin:0 auto; overflow:hidden; padding:25px 0px;}
.about img{ width:100%;}


/*地图*/

.contactMap {height: 450px;}
#map {width: 100%; height: 100%;}


/*地图*/




/*地图*/
.map-wraper { width:1196px; margin:50px auto 0; background:#F7F7F7; border: 1px solid #e0e0e0;}
.map-left{ float: left; width:317px; overflow: hidden;}
.map-right{ float: right; width:878px; height:576px; border-left: 1px solid #e0e0e0;}
#l-map{height:576px;}
.result div{ border:none !important;}
.result ol li { margin: 0!important; padding: 4px 0 4px 10px!important; line-height: 24px!important;}
.map-nav span{ display:block; width:50%; background:#E6E6E6; color:#4c4c4c; font-size:16px; float:left; height:35px; line-height:35px; text-align:center; cursor:pointer;}
.map-nav span.cur{ background:#666; color:#fff;}
.group-item {padding:15px 0; height:auto; overflow:auto;}
.map-change{ display:none;}
.group-item li {padding:5px 10px; background:#F7F7F7; cursor: pointer;}
.group-item li h4{ color:#999;padding:0 10px; font-size: 12px; background:url(../images/cimg34.png) 0 no-repeat; padding-left:20px;}
.group-item .contact{ padding-left:20px;color:#999; font-size:12px; }
.search-item{ background:#666; padding:30px 10px;}
.search-item label{ width:100%; position:relative;}
.search-item span{ color:#fff; font-size:12px;}
.search-item .search-text{ width:75%; height:25px; line-height:25px; color: #999; background:#FFF; padding-left:1%;}
.search-item .search-btn{ position:absolute; top: -2px;right: 0; width: 24px;height: 24px;background: #fff url(../images/inco26.png) 4px 4px no-repeat; z-index:999; cursor: pointer;}
.group-height{height:auto;}
.map-right img{ display: block;  width:100%;}
.result div:nth-of-type(2){ display:none;}
.group-item li>div{background:none !important;}
.group-item li span{ color:#1a1a1a !important; font-size:14px; font-family:"微软雅黑";}

.group-item .on h4{ background-image: url(../images/cimg33.png); color: #008DD1;}
.group-item .on .contact{ color: #008DD1;}

.group-item2{ height: 446px;overflow: hidden;;}
.result{height: 446px; overflow-y: scroll;}

.map-nav{ width: 318px;}
/*地图over*/

/*搜索结果*/
.search-result{ padding: 14px 40px 24px;}
.search-result a{ color: #4c4c4c; }
.search-result .title{ font-size: 20px; line-height: 32px;}
.search-result .pic{ float: left; padding: 12px 28px 0 0;}
.search-result .pic img{ display: block;  width: 201px; height: 152px;}
.search-result .cont{ padding-top: 8px;}
.search-result .cont .brief{ padding-bottom: 40px; font-size: 13px; line-height: 25px;}
.search-result .cont .link{color: #999;}
.search-result .cont .link a{ font-size: 13px; color: #999; line-height: 24px;}
.search-result .cont .link a:hover{ color: #008DD1;}

/*---人才招聘详细---*/

.jobsDetailed{background:#fff;padding:45px; margin-top:25px; color:#4c4c4c;}
.jobsDetailed h3.jobsDetailedtitle{color:#631821; border-bottom:1px solid #d9d9d9; font-size:20px; padding-bottom:20px;}
.jobsDetailedleft{float:left;width:770px; padding-top:40px;}
.Demand{ margin:0px;padding:0px 0px 5px; font-size:13px;}
.Demand span{ display:block; float:left; width:285px;}
.post{font-size:13px; line-height:30px; padding:20px 0px 30px;}
.jobsMail{background:#f2f2f2; padding:10px 30px; font-size:13px;}
.jobsMail a{ color:#631821;}
.jobsMail a:hover{ color:#008DD1 ;}
.jobsReturn{ text-align:right; padding-right:120px; padding-top:50px;}
.jobsReturn a{ display:inline-block; background-color:#008DD1;color:#fff; height:37px; width:128px; text-align:center; line-height:37px; font-size:16px; border-radius:10px;}
.jobsReturn a:hover{background-color:#008DD1; color:#ED1C24;}
.jobsDetailedright{ float:right; width:300px; padding-top:40px; font-size:13px;}
.jobsDetailedright img{ display: block;  display:block; width:300px; height:257px;}
.jobsDetailedright h3{ font-weight:bold; font-size:14px; padding-top:10px;}
.jobsDetailedright p{ line-height:18px; padding-top:5px;}
.jobsDetailedright p a{ color:#631821;}
.jobsDetailedright p a:hover{ color:#008DD1 ;}

/*20160823 zxc*/
.hsh-head .hot-line{ float: left; padding: 36px 18px 0 0; width: 350px; margin-left:30px;}
.hsh-head .hot-line img{ display: block;  display: block; width: 350px; height: 70px;}

/*其他*/
.web{ width: 1200px; margin: 0 auto;}
.whitebg{ width: 100%; background-color: #fff;}
.innerweb{ width: 1100px; margin: 0 auto;overflow:hidden;}
.block{ padding-left: 16px; background: url(../images/cimg26.jpg) 0 7px no-repeat;}
.innderback{ padding: 55px 0 44px;}
.innderback a{ display: block; width: 104px; height: 40px; margin: 0 auto; font-size: 18px; line-height: 40px; text-align: center; color: #fff; background-color: #008DD1;}
.innderback a:hover{ background-color: #f77404;}
.orangefont{ color: #008DD1;}
.tac-pic{ text-align: center;}
.tac-pic img{ display: inline-block; *display: inline; *zoom: 1; }
.fz18{ font-size: 18px;}
.fw{ font-weight: 700;}
.fl{ float: left;}
.fr{ float: right;}

.pb60{ padding-bottom: 30px;}
.pb36{ padding-bottom: 36px;}
.pb8{ padding-bottom: 8px;}
.pb22{ padding-bottom: 22px;}

.pt44{ padding-top: 44px;}

.pl34{ padding-left: 34px;}

.mb12{ margin-bottom: 12px;}
.mb0{ margin-bottom: 0;}
.mt0{ margin-top: 0px;}
.mt20{ margin-top: 20px;}

.bb{ border-bottom: 1px solid #e0e0e0;}

.fl{float:left;}
.fr{float:right;}

.img01{ float:right; margin-left:37px; margin-bottom:15px;}
.festival_txt h6{height:20px; border-left:12px solid #008DD1; padding-left:10px; font-size:20px; color:#008DD1; line-height:20px; margin-top:36px;}
.festival_txt div {border-bottom: 1px solid #ccc;padding: 0 0 33px; overflow: hidden;}
.festival_txt div dl{}
.festival_txt div dl p strong{ display:block; margin-top:13px;}
.festival_txt p.line{ height:1px; background:#e38580; overflow:hidden; margin-top:46px;}
.story_table td{ background:#f5f5f5; border-bottom:1px dashed #d6d6d6; padding:27px 0 27px 27px; vertical-align:top; font-weight:bold; text-align:left;}

/*技术与服务支持-意见反馈*/
.lydiv{ width:900px; padding:35px 0; margin:0 auto;}
.view{ width:100%; overflow:hidden}
.view h2{font-size: 14px;color: #4c4c4c;border-bottom: 1px solid #dcdcdc;padding-bottom:10px;text-align: center;}
.view h2 em{color: #008DD1;}
.view form tr{color:#008DD1}
.view form tr input{ color:#008DD1;border:1px solid #dcdcdc;padding:5px;width:240px;height:25px;margin:5px 10px 0; float:left;}
.view form tr textarea{ color:#008DD1;border:1px solid #dcdcdc;padding:5px; width:700px; height:280px;margin:5px 10px 0;}
#imgcode{ width:70px; float:left;}
.view form tr .bnt_blue_1{ padding:5px 10px; background-color:#008DD1; color:#FFF; width:80px; height:35px; margin-top:10px; cursor:pointer;}


.view form tr td b{ color:#F00}

.view form label{font-size: 15px;color:#4c4c4c;display: block;margin-bottom: 15px; }
.view form label em{color: #513C3B}
.view form div{float: left;margin-left:25px;margin-top: 4px;}
.formtxt{width: 472px;height: 44px;line-height: 44px;border: 1px solid #dcdcdc;text-indent: 15px;font-size: 15px;color: #4c4c4c;font-family:"Microsoft YaHei";background: #fff;}
.formarea{padding: 10px;font-size: 15px;color: #4c4c4c;font-family:"Microsoft YaHei";height: 262px;width: 968px;border: 1px solid #dcdcdc;  outline-style: none; word-wrap: break-word;background: #fff;resize:none;}
.formbt{width: 300px;margin: 0 auto;margin-top: 15px;}
.formbt input{width: 136px;height: 40px;text-align: center;line-height: 40px;font-family:"Microsoft YaHei";color: #fff;font-size: 18px;}
.submit{background: #f65400;margin-right: 28px;float: left;}
.reset{background: #a2a2a2;}

/*-意见反馈*/





/*-解决方案*/
.mainCon{ width:100%; overflow:hidden;}
.mainConcen{ width:1200px; margin:0 auto;}
.indexTitle{ text-align:center; color:#333333; font-size:30px; line-height:30px; padding-bottom:17px;  background:url(../images/img02.jpg) no-repeat center bottom; margin-top:20px;}
.indexcase{ padding:0;}
.indexcase ul{ position:relative; height:589px;}
.indexcase ul li{ width:386px; overflow:hidden; border:1px solid #e4e4e4; border-bottom:1px solid #c8c8c8; box-shadow:0px 1px 2px #c8c8c8; position:absolute;}
.indexcase ul li.one{ height:589px; left:0;top:0;}
.indexcase ul li.two{ left:405px; top:0; height:286px;}
.indexcase ul li.three{left:405px; top:303px; height:286px; }
.indexcase ul li.four{left:810px; top:0;height:286px;}
.indexcase ul li.five{left:810px;top:303px; height:286px;}
.indexcasecon{ position:relative;}
.indexcaseshow{ }
.indexcaseshow p{ padding:12px 0; text-align:center; }
.indexcaseshow p img{vertical-align:-20px; padding-right:13px; }
.indexcasehide{ width:100%; height:170px; position:absolute; left:0; bottom:-179px;  background:#008DD1; border-bottom:4px solid #FB8D2F ; opacity:0.9;filter:alpha(opacity=90); }
.indexcasehide p{ color:#fff;}
.indexcasehide h4{ width:100%; text-align:center; color:#ffffff; font-size:20px; padding-top:23px;}
.indexcasehide h4 a{ color:#fff;}
.indexcasehide h4 a img{vertical-align:-20px; padding-right:13px;}
.indexcasehide h4 a:hover{ color:#fff;}
.indexcasehide p{ padding:17px 30px;}
.indexcasehide p a{ color:#fff;}
.indexcasehide p a:hover{ color:#fff;}

.indexTech{ position:relative; width:100%; height:222px; overflow:hidden;}
/*.indexTechpic{ position:relative; width:100%; height:512px; overflow:hidden;}*/
.indexTechpic{ width:1920px; height:222px; position:absolute;  left:50%; top:0; margin-left:-960px;}
/*-解决方案*/






/*网站地图*/
.mapBox{ padding-bottom:5px;}
.webmap02{background-color:#fff; padding:50px;box-shadow: 1px 2px 2px #c8c8c8; width: 1153px;  margin: 0 auto;}
.webmap02 h3{ margin:0px; padding:0px;}
.webmap02 h3 span{ display:block; float:left; font-size:18px; color:#008DD1; border-left:5px solid #008DD1; padding-left:20px;background-color:#fff; padding-right:40px;}
.webmap02 h3 span a{color:#008DD1;}
.webmap02 h3 em{ display:block; border-bottom:1px dashed #b8b8b8; height:14px;}
.webmap02 p{ margin:0px; padding:30px 0px 20px 25px;}
.webmap02 p a{ font-size:14px; color:#5f5f5f; display:inline-block; padding-right:45px; padding-bottom:10px;}
.webmap02 p a:hover{ color:#008DD1;}

.webmap01{background-color:#fff; margin-top:25px; padding:10px 40px 50px;}
.webmap01 dl{ border:1px solid #e6e6e6; margin-top:50px;}
.webmap01 dl h3{ padding-left:20px; padding-bottom:5px;}
.webmap01 dl h3 span{ font-size:20px; color:#00a1e9; position:relative;top:-12px; background-color:#fff; padding:0px 13px;}
.webmap01 dl h3 span a{color:#00a1e9;}
.webmap01 dl dd{ padding-left:33px; padding-bottom:10px;}
.webmap01 dl dd a{ font-size:14px; padding-right:50px; display:inline-block; padding-bottom:8px;}
.webmap01 dl dd a em{ display:inline-block; margin-right:8px; width:3px; height:3px; background-color:#00a1e9; vertical-align:middle;}

.Inmaininfo{ position:relative; width:100%; background:#f8f8f8; padding:50px 0 58px 0;} 
.Inmaincon{ width:1260px; margin:0 auto; overflow:hidden; }

/*网站地图*/









/*6服务支持-3常见问题*/
.w1000{ width:1100px; margin:0 auto}
.cjwtCon{ padding:10px 0px;}
.cjwtCon dl{ cursor:pointer; width:100%;  height:auto; overflow:hidden; border-bottom:1px dashed #d2d2d2;}
.cjwtCon dl dt{ position:relative; width:1025px; padding:10px 0; padding-left:75px;background:url(../images/wtpic02.png) no-repeat left center; background-size:32px;}
.cjwtCon dl dt p{ font-size:16px; color:#000;line-height:32px;overflow: hidden;}
.cjwtCon dl dt p em{ color:#999; font-size:18px; line-height:20px;}
.cjwtCon dl dt span { position:absolute; right:0; top:14px; display:inline-block;padding-left:22px;padding-right:21px;
 text-align:center; height:24px; line-height:24px; color:#666; background:url(../images/wtpic04.png) no-repeat center; font-size:12px;}


.cjwtCon dl dd{ display:none;width:1100px;  height:auto; padding:0px 0px; position:relative; background:#f7f7f7;padding:35px 40px 20px}
.cjwtCon dl dd span{ display:inline-block; float:left;}
.cjwtCon dl dd p{ width:960px; float:left; color:#000; font-size:13px; line-height:20px; margin-left:30px}
.cjwtCon dl dd i{ display:inline-block; position:absolute; top:-13px; right:5px; background: url(../images/ypic26.jpg) no-repeat;background-size:30px; width:44px; height:23px;}
.cjwtCon dl.cur dt p{ color:#008DD1}
.cjwtCon dl.cur dt{ background:url(../images/wtpic01.png) no-repeat left center;background-size:32px; }
.cjwtCon dl.cur dt span{ background:url(../images/wtpic05.png) no-repeat center;}

.xswlCon img{ width:100%}
.newdet_info img{ width:100% !important; height:auto !important; margin-bottom:8px; margin-top:8px;}
.detailCon table{ border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:15px;}
.detailCon table tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 10px;}
.detailBox ul{transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);}
/*6服务支持-3常见问题*/






/* 右侧快捷菜单 */
*html #kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top:50px;/*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position:absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 :document.body.scrollTop +50);
}

#kefu1{position:fixed;right:0px;top:150px;z-index:10008;width:100px;padding:0px 7px;background:#fff;border:1px solid #ddd;box-shadow:1px 1px 1px #d4d4d4;font-size:12px;}
.cs_tel{height:25px;background:url('../images/img.gif') no-repeat 0px 0px;}
.cs_tel_ct{color:#666;line-height:150%;}
.cs_tel_num{color:#c00;font-size:18px;font-family:Arial,Verdana;font-style:italic;font-weight:bold;display:block;padding:5px 0px;}

.cs_online{height:30px;background:url('../images/img.gif') no-repeat 0px -50px;}
.cs_online_qq{height:75px; text-align:left}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration:none;color:#666; text-align:center}

.cs_qcode{padding:0px;}

.cs_free{height:32px;background:url('../images/img.gif') no-repeat 0px -100px;}
.cs_free a{display:block;height:32px;}
.cs_free a span{display:none;}

.cs_baidu{height:32px;background:url('../images/img.gif') no-repeat 0px -200px;}
.cs_baidu a{display:block;height:32px;}
.cs_baidu a span{display:none;}

.cs_spr{border-bottom:1px dashed #c0c0c0;margin:5px 0px;}
.cs_space{clear:both;overflow:hidden;height:8px;}
.cs_close{position:absolute;right:5px;top:5px;width:20px;height:20px;background:url('../images/img.gif') no-repeat 0px; z-index:99999}
.cs_close a{display:block;height:20px;}
.cs_close a span{display:none;}
.tel-top{ text-align:center; margin-bottom:3px;}

.tel-top .tel-p1{ display:block; background:url(../images/kefuabg.png) no-repeat; width:88px; height:25px; margin:0 auto; color:#000; line-height:25px; font-size:14px; padding-left:12px}
.tel-top .tel-p2{color:#000; font-size:13px; line-height:20px;}
.tel-top .tel-p1:hover{ color:#008DD1}
 .rx_div p{ line-height:20px; font-size:13px; color:#008DD1}

/* 右侧快捷菜单 */









/*****图片滚动******/
.main .products{ width:1200px; margin:0 auto; display:inline; position:relative; height:444px; overflow:hidden;}
.main .products h3{width:445px; height:57px; line-height:57px; background:url(../images/cimg03.png) no-repeat left bottom; font-size:16px; color:#393536;}
.main .products .btn_left{ width:17px; height:40px;background:url(../images/btn_left.png) no-repeat; float:left; position:absolute; left:0; top:255px; cursor:pointer; z-index:9999;}
.main .products .btn_left:hover{ background:url(../images/btn_left_1.png);}
.main .products .btn_right{ width:17px; height:40px; background:url(../images/btn_right.png) no-repeat ; float:left; cursor:pointer; position:absolute; right:-1260px; top:255px; z-index:9999;}
.main .products .btn_right:hover{ background:url(../images/btn_right_1.png);}
.main .products #products{ width:400px; float:left;}
.main .products ul{ width:230px; float:left; margin:9px 4px 9px 4px; height:250px; display:inline; border:1px solid #CCCCCC; padding:5px 0px}
.main .products ul li{ width:230px; float:left; color:#787878;text-align:center;}
.main .products ul li img{ width:220px; height:220px;}
.main .products ul li a{ color:#565656;}
.main .products ul li a:hover{color:#ba010b;}
.main .products .po{ width:33px; height:20px; position:absolute; top:26px; right:0; z-index:999; overflow:hidden;}
.main .products .po ul{ width:43px; height:20px; float:left;padding:12px 0 0 0;}
.main .products .po ul li{ float:left; width:5px; height:20px; margin:0 3px 0 3px; overflow:hidden; display:inline;}
.main .products .po ul li a{ display:block; width:5px; height:5px; background:#d3d3d3; line-height:5px; float:left; cursor:default}
.main .products .po ul li .a{ background:#ce0202;}
.main .right{ width:223px; float:right; margin-top:20px; overflow:hidden; border:1px solid #d3d3d3; border-radius:10px;}
.main .right dl{ width:223px; float:left;overflow:hidden;}
.main .right dl dt{ width:223px; float:left;}
.main .right dl dd{ color:#787878; line-height:16px; float:left; margin-bottom:4px; width:203px; padding:0 10px;}
.main .right dl dd .a{ display:block; font-size:16px; color:#000; font-weight:bold; text-align:center; width:100%; line-height:24px;}
.main .right dl dd .a span{ color:#ce0202;}
.main .right dl dd .a:hover{ background:url(../images/hover_a.png) no-repeat center bottom;}
.main .right dl dd .p{ float:left; word-break:break-word;}
.main .right dl dd .p span{display:inline;}
.main .right dl dd .p span img{ display:inline;}
.main .right01{ width:223px; float:right; margin-top:10px; height:220px; overflow:hidden; }
/*****图片滚动******/


/* 主页图片*/
.indexmodule{width:100%;overflow:hidden; margin:5px auto;}
.indexmodulecont{width:101%;}
.indexmodulecont ul li{width:24.4%;float:left; margin:0.8% 0.5% 0.8% 0}
.indexmodulecont ul li a{display:block;padding:2px 0 0 2px;overflow:hidden;position:relative;}
.indexmodulecont ul li img{display:block;width:100%;}
.indexmodulecont ul li .img{position:absolute;top:0;left:0;z-index:5;}
/* 主页图片*/


/*产品*/
.Productlist{margin:0px;padding-bottom: 35px; width:100%; overflow:hidden;}
.pro_diva{ width:100%; height:410px; border-bottom:1px solid #008DD1 ;}
.product_img{ padding:20px 10px;}
.product_img .img{ width:570px; height:370px; text-align:center; line-height:370px; position:relative; overflow:hidden;}
.product_left .img em{ position:absolute; top:50px; right:0; width:18px; height:36px; background:url(../images/img_fl.png) no-repeat center bottom;z-index:999}
.product_right .img em{ position:absolute; top:50px; left:0; width:18px; height:36px; background:url(../images/img_fr.png) no-repeat center bottom; z-index:999}
.product_img .img img{ width:100%; display:block;}
.product_img .img1{ position:absolute; z-index:55}

.product_left .product_img{ float:left;}
.product_right .product_img{ float:right;}
.product_font{ float:left; width:650px; height:370px; overflow:hidden; padding:20px 10px}
/*.product_right .product_font{ border-right:1px solid #008DD1; }
.product_left .product_font{ border-left:1px solid #008DD1; }*/
.product_font .pro_title span{ font-size:28px; color:#000; line-height:30px; margin-bottom:9px; display:block;}
.product_font .pro_title p{ font-size:16px; color:#666; line-height:25px}
.product_font .pro_cont{ font-size:17px; color:#666; height:120px; padding:10px 0; }
.product_font .pro_pri p{ font-size:28px; color:#008DD1; margin-bottom:5px; font-style:italic}
.product_font .pro_pri p b{ font-size:36px;}
.product_font .pro_xq{ text-align:right}
.product_font .pro_xq span{ font-size:16px; display: inline-block; line-height:28px; padding:2px 20px; background-color:#008DD1; color:#FFF;}
.product_font .pro_xq span:hover{ opacity:0.8}



/*产品*/

/*企业简介*/
.qyjs_ul{height:476px; width:1224px; overflow:hidden; margin:0 auto}
.qyjs_ul li{ position:relative; float:left; overflow:hidden; margin:8px;}
.qyjs_ul li img{ width:100%; height:100%;}
.qyjs_ul li p{ position:absolute; bottom:0px; left:0px; background-color:rgba(0, 0, 0, .5); width:100%; text-indent:1em; line-height:25px; color:#FFFFFF}
.qyjs_ul .qyjs_l1{ width:450px; height:460px; margin-right:0px;}
.qyjs_ul .qyjs_l2{ width:750px; height:260px; margin-bottom:0px;}
.qyjs_ul .qyjs_l3{ width:342px; height:192px; margin-right:0px;}
.qyjs_ul .qyjs_l4{ width:400px; height:192px;}

/*企业简介*/


/*企业文化*/
.indexbottoml{ float:left; width:210px; margin-right:20px;}

/*企业文化*/
/*首页新闻*/

.indexColumn3{width:100%; padding:0px 0 30px;}
.newsTitle{ text-align:center;}

.indexNews{width:1100px;margin:0 auto; position:relative;padding-top:10px;overflow:hidden;}
.indexNews a.indexTitle2{ display: inline-block; font-size:20px; font-weight:bold; margin-right:10px; color:#008dd1; line-height:45px;}
.indexNews .indexTitle2.cur{ color:#fff;}
.indexNewsLeft{width:320px; float:right; height:247px; padding:3px 20px 20px 20px; background:url(../images/about_pic1.jpg) left top no-repeat;}
.indexNewsList li{position:relative;padding:8px 0 3px; border-bottom:1px solid #E6E6E6;}
.indexNewsList li .date{float:left;width:78px;height:80px; background:url(../images/index_inco17.png) 0 0 no-repeat; text-align:center; font-size:40px; font-weight:bold; margin-right:20px; padding-top:10px; line-height:40px;color:#333;}
.indexNewsList li .date span{display:block; font-size:13px; font-weight:normal;margin-top:-9px;}
.indexNewsList li .airtitle{ margin:0px; padding:0px; float:left;}
.indexNewsList li .airtitle h5{ line-height:20px; overflow:hidden; height:20px; font-size:15px; padding-left:10px;  color:#000;background:url(../images/abg.png) left center no-repeat;}
.indexNewsList li .airtitle p.t{overflow:hidden;font-size:13px; line-height:23px;height:50px;color:#666;}
.indexNewsList li:hover .date{background:url(../images/index_inco18.png) 0 0 no-repeat;color:#fff;}
.indexNewsList li:hover h5{color:#008dd1;}

.indexcenterc{ float:left; width:720px; height:270px; overflow:hidden; background:url(../images/about_pic.jpg) left top no-repeat;}
.indexcenterc .Brandtitle{color:#fff; padding-left:14px; padding-top:3px;}
.indexlabel{ float:left; width:405px; margin-top:10px; margin-left:20px; padding-bottom:10px;}
.indexlabel a{ color:#fff; display:inline-block; padding:2px 5px; background-color:#008dd1; margin-top:15px; border-radius:5px;}
.indexlabel a:hover{ color:#69CBFF}

.indexabout{ float:left; width:250px; height:160px; overflow:hidden; margin-top:10px; margin-left:30px;}
.indexabout img{ width:100%; height:160px;}


.nxwgd{position:relative;width:290px;height:210px; float:left; overflow:hidden; margin-top:10px;}
.nupic-no {
  position: absolute;
  z-index: 20;
  right: 20px;
  bottom: 6px;text-align:center;
}
.nxwgd .swiper-pagination-switch {
  display: inline-block;
  width: 18px;
  height: 18px;
  background:url(../images/news_bg02.png);
  margin-right: 5px;
  opacity: 0.8;

  cursor: pointer;
}
.nxwgd .swiper-active-switch {
  background:url(../images/news_bg01.png);
}
.xw-b-l{width:100%;position:relative;}
.nxwgd .swiper-slide .xw-b-l img{width:100%; height:210px;}

.nxwgd .swiper-slide .xw-b-l  .nhd-t{ text-indent:1em; position:absolute; bottom:0; left:0; background:url(../images/news_bg.png); width:100%; line-height:45px; color:#FFF}

.pprepn .arrow-left{left:-50px;}
.pprepn .arrow-right{right:-50px;}
.pprepn .arrow-left,.pprepn .arrow-right{position:absolute;font-size:60px;top:120px;transition:all 0.2s linear;}
.nxwgd .swiper-slide{position:relative;}
.nxwgd .swiper-slide img{width:100%;}


.nbb-li{width:100%;height:50px;line-height:50px;overflow:hidden;font-size:13px;border-bottom:1px #ccc dashed;}
.nbb-li a{font-size:13px;display:block;}
.nbb-li .icon-right-dir{font-size:20px;margin-right:10px;}
.nbb-li .w-titm{float:right;}


.swiper-container {
	margin:10px auto 0;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
	
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

.index_newsr{ float:right; width:630px; overflow:hidden}
.index_newsr ul li{ border-bottom:1px dashed #CCC; color:#666; padding-left:10px; background:url(../images/news_bg03.png) left center no-repeat; line-height:33px;}
.index_newsr ul li:hover{ color:#8cca00}
.index_newsr ul li span{ float:right;}
.index_newsp{ text-align:center; float:left; width:100%; padding-top:30px;}
.index_newsp a{ display:inline-block; border:1px solid #8cca00; padding:5px 10px; color:#8cca00;}
.index_newsp a:hover{ background-color:#8cca00; color:#fff;}



/*首页新闻*/



/*首页产品*/
.indexboxcon{ width:100%;}
/*.indexboxdiv1{ width:1200px; margin:0 auto;overflow:hidden; margin-top:10px;}
*/.indexboxdl1{ float:left; width:610px; margin:20px 20px 0px 0; background:#008DD1}
.indexboxdl1 dt{ width:360px; height:250px; float:left; position:relative; overflow:hidden;}
.indexboxdl1 dt em{ position:absolute; display:block; width:25px; height:38px; background:url(../images/winco08.png)no-repeat; z-index:999; top:30%; right:-10px}
.indexboxdl1 dt img{ width:100%; height:100%;}
.indexboxdl1 dd{ width:222px; padding-left:20px; float:left; color:#FFF; padding-top:20px; padding-right:8px}
.indexboxdl1 dd h3{ font-size:20px; line-height:28px;overflow:hidden; color:#FFF;background:url(../images/indexbg01.jpg)no-repeat left bottom; padding-bottom:6px;}
.indexboxdl1 dd h3:hover{ color:#ED1C24}
.indexboxdl1 dd p{ height:110px; padding:10px 0;}
.indexboxdl1 dd .indexdla{ display:inline-block; padding:5px 20px; background-color:#FFF; color:#ED1C24; border-radius:5px; border:1px solid #ED1C24;}
.indexboxdl1 dd .indexdla:hover{ background-color:#ED1C24; color:#FFF}
/*首页产品*/



/*address*/
.addressdiv{ width:1200px; margin:0 auto; overflow:hidden;}
.addressul{ width:1200px;}
.addressul li{ float:left; width:558px; margin:10px 10px; border:1px solid #CCC; padding:10px 10px;}
.addressul .lidivl{ float:left; width:200px; height:150px; overflow:hidden;}
.addressul .lidivl img{ width:100%; height:100%;}
.addressul .lidivr{ float:left; padding-left:15px;}
.addressul .lidivr h3{ line-height:32px; color:#000; font-size:20px; margin-bottom:10px;}
.addressul .lidivr p{ color:#000; line-height:20px; padding-left:25px;}
.lidivr .addressp{background:url(../images/address_01.jpg)no-repeat left center;}
.lidivr .telp{background:url(../images/tel_01.jpg)no-repeat left center;}
.lidivr .faxp{background:url(../images/fax_01.jpg)no-repeat left center;}
.lidivr .emailp{background:url(../images/email_01.jpg)no-repeat left center;}


/*address*/



/*人才招聘*/
.jobCon{ padding:10px 0px; margin:0 auto; width:1100px;}
.jobCon .joblistdiv{ line-height:35px; background-color:#008dd1; padding:0 35px; width:auto; border-bottom:none}
.jobCon dl dt a{ display: inline-block; width:185px; font-size:16px; padding-left:10px;text-align:center}
.jobCon dl.cur dt a{ color:#008dd1}

.jobCon .joblistdiv dt a{ color: #FFF;}
.jobCon dl dt .joblista1{ width:385px;text-align:left}
.jobCon dl dt .joblista2{ text-align:left}
.jobCon .joblistdiv dt{ padding-left:0; background:none;}

.jobCon dl{ cursor:pointer; width:100%;  height:auto; overflow:hidden; border-bottom:1px dashed #d2d2d2;}
.jobCon dl dt{ position:relative;padding:15px 0; padding-left:35px;background:url(../images/job_pic1.png) no-repeat 10px center;}
.jobCon dl.cur dt{background:url(../images/job_pic.png) no-repeat 10px center;}
.jobCon dl dt p{ font-size:16px; color:#000;line-height:32px;overflow: hidden;}
.jobCon dl dt p em{ color:#999; font-size:18px; line-height:20px;}
.jobCon dl dt span { position:absolute; right:0; top:14px; display:inline-block;padding-left:22px;padding-right:21px;
 text-align:center; height:24px; line-height:24px; color:#666; background:url(../images/wtpic04.png) no-repeat center; font-size:12px;}


.jobCon dl dd{ display:none;width:960px; float:left;  height:auto; padding:0px 0px; position:relative; background:#f7f7f7;padding:10px 20px 20px}
.jobCon dl dd span{ display:inline-block; float:left;}
.jobCon dl dd p{ color:#000; font-size:13px; line-height:20px; margin-left:20px}
.jobCon dl dd i{ display:inline-block; position:absolute; top:-13px; right:5px; background: url(../images/ypic26.jpg) no-repeat;background-size:30px; width:44px; height:23px;}
.jobCon dl.cur dt p{ color:#0071bc}
.jobCon dl.cur dt span{ background:url(../images/wtpic05.png) no-repeat center;}

/*人才招聘*/


/*产品目录*
.productweb{ padding-top:20px; overflow:hidden; width:1150px;}
.productweb li{ float:left; width:520px; padding:10px 10px; overflow:hidden;border:1px dashed #cccccc;margin-bottom:16px; margin-right:16px;}
.productweb_divl{ float:left; width:200px; height:230px; overflow:hidden;}
.productweb_divr{ float:left; padding-left:7px; margin-left:8px; width:300px; height:180px; color:#333; border-left:1px solid #fff;}
.productweb_divr  h3{ line-height:28px; margin-bottom:5px; color:#000; font-size:18px; font-weight:bold;}
.productweb_divr h3:hover{ color:#008dd1;}
.productweb_divf{ float:left; color:#008dd1; height:66px; width:520px; padding-left:7px; background:url(../images/pro_libg01.jpg) left 6px no-repeat; margin-top:10px;}
.productweb_pf{ float:right; margin-top:12px;}
.productweb_pf a{ display:inline-block; border:1px solid #008dd1; line-height:35px; padding:0 20px; float:right; color:#008dd1; transition:all 0.3s ease}
.productweb_pf a:hover{ background-color:#008dd1; color:#FFF; border-color:#fff;}
/*产品目录*/



/*产品目录2*
.productweb{ width:100%; overflow:hidden; position:relative; margin-top:50px;}
.hpl { float:left; background-color:#fff; position:relative; font-size:14px; text-align:center;}
.hpl .arr { display:block; width:0; height:0; overflow:hidden; position:absolute; border-color:#fff transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; top:0;}
.hpl .img { width:50%; height:100%; position:absolute; left:0; bottom:0; overflow:hidden;}
.hpl .intro { width:50%; height:100%; position:absolute; right:0; top:0;}
.hpl .n,.hpl .cate,.hpl .more { display:block; margin-bottom:0px;}
.hpl .n { font-size:22px; font-weight:bold; padding-top:70px; margin-bottom:15px; color:#008DD1; line-height:26px;}
.hpl .cate { margin-bottom:10px;}
.hpl .more { display:inline-block; font-size:12px; border:#333333 1px solid; height:30px; color:#008DD1; line-height:30px; padding:0 25px;transition:all 0.3s ease;}
.hpl .more em { font-family:sans-serif; font-style:normal; margin-left:10px;}

.hp01,.hp06{ width:365px; height:207px; float:left; position:relative; overflow:hidden;}
.hp01 .img,.hp06 .img{ left:auto; right:0;}
.hp01 .arr,.hp06 .arr{ left:0; top:50%; margin-top:-10px; margin-left:0; border-color:transparent transparent transparent #FFF;}
.hp01 .intro,.hp06 .intro{ right:auto; left:0;}
.hp02,.hp07{ width:365px; height:207px; position:absolute; left:0; top:207px;}
.hp02 .arr,.hp07 .arr{ left:auto; right:0; top:50%; margin-left:0; margin-top:-10px; border-color:transparent #FFF transparent transparent}
.hp07{ top:617px;}
.hp03,.hp08 { width:245px; height:414px;}
.hp03 .img, .hp08 .img{ width:100%; height:50%;}
.hp03 .intro,.hp08 .intro{ width:100%; height:50%;}
.hp04,.hp05,.hp09,.hp010{ width:490px;}
.hp04 .img,.hp05 .img,.hp09 .img, .hp010 .img { height:100%;}
.hp04 ,.hp09{ height:234px;}
.hp04 .img ,.hp09 .img{ width:65%;}
.hp04 .arr,.hp09 .arr{ position:absolute; left:auto; right:0; top:50%; margin-top:-10px; border-color:transparent #fff transparent transparent; border-style:dashed solid dashed dashed;}
.hp04 .intro ,.hp09 .intro{ width:35%;}
.hp05 ,.hp010{ height:180px;}
.hp05 .img ,.hp010 .img{ width:57%; left:auto; right:0;}
.hp05 .arr ,.hp010 .arr{ position:absolute; left:0; top:50%; margin-top:-10px; margin-left:0px; border-color:transparent transparent transparent #fff; border-style:dashed dashed dashed solid;}
.hp05 .intro ,.hp010 .intro{ width:43%; right:auto; left:0;}

.hpl:hover .intro { color:#01a2ea;}
.hpl:hover .more { background-color:#01a2ea; color:#fff; border-color:#fff;}

/*产品目录2*/

/*华星首页产品2*/
.hpl { float:left; background-color:#fff; position:relative; font-size:14px; text-align:center;}
.hpl .arr { display:block; width:0; height:0; overflow:hidden; position:absolute; border-color:#fff transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; top:0;}
.hpl .img { width:100%; height:50%; position:absolute; left:0; bottom:0; overflow:hidden;}
.hpl .img img { width:100%; height:auto;}
.hpl .intro { width:100%; height:50%; position:absolute; right:0; top:0;}
.hpl .n,.hpl .cate,.hpl .more { display:block; margin-bottom:0px;}
.hpl .n { font-size:28px; font-weight:bold; padding-top:70px; color:#008dd1; font-size:20px; margin-bottom:15px;}
.hpl .cate { margin-bottom:10px;}
.hpl .more { display:inline-block; font-size:12px; color:#008dd1; border:#333333 1px solid; height:30px; line-height:30px; padding:0 25px;transition:all 0.3s ease;}
.hpl .more em { font-family:sans-serif; font-style:normal; margin-left:10px;}

.hp00 { width:365px; height:414px; float:left; position:relative; overflow:hidden;}
.hp00 .cover { width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; background:rgba(1,162,234,.20); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4401a2ea,endcolorstr=#4401a2ea); transition:all 0.3s ease;}
.hp00 .cover:hover { background:rgba(1,162,234,1); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff01a2ea,endcolorstr=#ff01a2ea);}
.hp00 .cover img { width:224px; height:166px; position:absolute; left:50%; top:50%; margin:-83px 0 0 -122px;}
.hp01 { width:245px; height:414px;}
.hp02,.hp03 { width:490px;}
.hp02 .img,.hp03 .img { height:100%;}
.hp02 { height:234px;}
.hp02 .img { width:65%;}
.hp02 .arr { position:absolute; left:auto; right:0; top:50%; margin-top:-10px; border-color:transparent #fff transparent transparent; border-style:dashed solid dashed dashed;}
.hp02 .intro { width:35%;}
.hp03 { height:180px;}
.hp03 .img { width:57%; left:auto; right:0;}
.hp03 .arr { position:absolute; left:0; top:50%; margin-top:-10px; margin-left:0px; border-color:transparent transparent transparent #fff; border-style:dashed dashed dashed solid;}
.hp03 .intro { width:43%; right:auto; left:0;}

.hpl:hover .intro { color:#01a2ea;}
.hpl:hover .more { background-color:#01a2ea; color:#fff; border-color:#fff;}


.index_hxul{ overflow:hidden; float:left;margin:25px 0; width:1106px;}
.index_hxul li{ float:left; width:213px; height:250px; margin-right:6px; overflow:hidden; position:relative; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-top:4px solid #008dd1;}
.index_hxul h3{ height:50px; line-height:50px; color:#008dd1; text-align:center; font-size:18px; position:absolute; top:0; width:100%; left:0;}
.index_hxul div{ height:200px; width:100%; position:absolute; bottom:0; right:0; overflow:hidden;}
.index_hxul div img{ width:100%; height:100%;}
.index_hxul .hxli div{ bottom:auto; top:0;}
.index_hxul .hxli h3{ top:auto; bottom:0;}
.index_hxul .hxli{ border-top:1px solid #d8d8d8; border-bottom:4px solid #008dd1;}
/*华星首页产品*/
.casebox{margin-top:20px;margin-right:-20px;}
.casebox a{display:block; width:202px;float:left; border:1px solid #ddd; margin-right:20px; margin-bottom:20px;}
.casebox a:hover{border-color:#008dd1;}
.casebox a img{display:block; width:202px; height:140px;}
.album_divl.caseservice{float:none;width:100%;}


.album_divl{float:left; width:700px;margin:0px 0 40px;}
.album_divh3{font-size:18px;margin-bottom:10px;color:#fff; background:#008dd1;line-height:30px;padding-left:10px;}
.album_divl p{font-size:14px;line-height:28px; color:#666;padding-left:5px;transtion:all .3s ease;-webkit-transition:all .3s ease;}
.album_divl p.alt{}
.album_divl p:hover{color:#008dd1}
.album_divl table{width:100% !important;border:1px solid #008dd1;}
.album_divl table tr{border:1px solid #008dd1;}
.album_divl table td{width:50% !important;border:1px solid #008dd1 !important;;}

.album_divr{float:right; width:352px;padding:20px 0;}
.album_divr ul li{width:100%;}
.album_divr ul li a{display:block;margin:0 0 15px;border:1px solid #ccc}
.album_divr ul li img{width:100%;display:block;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.album_divr ul li:hover img{-webkit-box-shadow: 0px 0px 8px 1px #666;
-moz-box-shadow: 0px 0px 8px 1px #666;
-o-box-shadow: 0px 0px 8px 1px #666;
-ms-box-shadow: 0px 0px 8px 1px #666;
box-shadow: 0px 0px 8px 1px #666;}