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

html{min-width:1100px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;color: #666;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1200{width:1200px; margin:0 auto; clear:both}
.header{height:98px;}
.h_bg{width: 100%; height:5px;background: url(../images/h_bg.png) no-repeat center;}
.logo{float:left; float: left;} 
.menu{width:800; height:98px; float: right;}
.mainlevel{width:120px; /*IE6 only*/ height:98px; text-align:center; position:relative; z-index:90; float:left;}
.mainlevel a{width:120px; height:98px; line-height:98px; display:block; font-size:16px; color:#333;}
.mainlevel>a:hover,.mainlevel>a.active{background:#006ab8;color: #fff;}
.mainlevel ul{width:120px; display:none; position:absolute; padding:10px 0px; left:0px; background:#006ab8; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:30px; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#2980d5; font-weight:normal; color:#fff;}
.banner{position: relative;}
#full-screen-slider{width:100%; height:500px; position:relative; z-index:0; overflow:hidden; }
#slides{display:block; width:100%; height:500px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:500px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:35px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; background:url(../images/hd_off.png) no-repeat;}
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; text-indent:-999em; cursor:pointer;}
#pagination li.current{background:url(../images/hd_on.png) no-repeat;}
.animate{-webkit-transition-duration:1.6s; -ms-transition-duration:1.6s; -o-transition-duration:1.6s; -moz-transition-duration:1.6s; transition-duration:1.6s;}

.banner_mask{height: 100px;width: 100%;background:rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;}
.banner_mask ul {height: 100px;}
.banner_mask li{width:150px;float: left;height: 100px;text-align: center;position: relative;}
.banner_mask li a{display: block;width: 100%;height: 100%;color: #fff;}
.banner_mask li a i{display: block;margin-top: 16px;}
.banner_mask li a b{font-size: 16px;padding-top: 8px;display: inline-block;}
.banner_mask li:hover,.banner_mask li.active{background: #006ab8;}

/*推荐产品*/
.recomd{height: 1110px;}
.recom_tit{height: 50px;line-height: 50px;margin:24px 0;}
.recom_tit h4{float: left;}
.recom_tit h4 a{font-size: 30px;color: #333;}
.recom_tit ul{float: right;}
.recom_tit ul li{float: left;position: relative;position: relative;}
.recom_tit ul li a{font-size: 12px;color: #999;padding: 0 8px;}
.recom_tit ul li a b{font-size: 14px;color: #666;} 
.recom_tit li input{width: 305px;height: 40px;border:1px solid #cfcfcf;margin-right: 85px;padding-left: 15px;margin-left: 35px;}
.recom_tit li span{width: 76px;height: 40px;display: inline-block;background: #006ab8;color: #fff;text-align: right;line-height: 40px;position: absolute;top: 6px;right: -1px;padding-right: 20px;}
.recom_tit li span i{display: inline-block;width: 18px;height: 18px;background: url(../images/searchIcon.png) no-repeat center;position: absolute;top: 12px;left: 18px;}

.reco_prodetails ul li{float: left; width: 280px;height: 315px;border:1px solid #cfcfcf;position: relative;overflow: hidden;margin:0 24px 24px 0;}
.reco_prodetails ul li:nth-child(4),.reco_prodetails ul li:nth-child(8),.reco_prodetails ul li:nth-child(12),.reco_prodetails ul li:nth-child(16),.reco_prodetails ul li:nth-child(20){margin-right: 0;}
.reco_prodetails ul li a{display: block;width: 100%;height: 100%;}
.reco_prodetails ul li p.img_p{height: 205px;border-bottom: 1px solid #cfcfcf;}
.reco_prodetails ul li p.img_p img{width: 100%;height: 205px;}
.reco_prodetails ul li .pro_mask{position: absolute;padding: 16px 24px;top: 206px;width: 83%;}
.reco_prodetails ul li .pro_mask b{font-size: 18px;color: #333;margin-top: 6px;display: block;width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.reco_prodetails ul li .pro_mask p{font-size: 12px;color: #666;line-height: 24px;margin:4px 0 16px;height: 48px;}
.reco_prodetails ul li .pro_mask span{font-size: 14px;color: #666;display: block;height: 50px;border-top: 1px solid #3686c0;line-height: 50px;}
.reco_prodetails ul li .pro_mask span i{display: inline-block;width: 20px;height: 18px;background: url(../images/detail_icon.png) no-repeat center;margin: 0 8px -3px 5px;}
.reco_prodetails ul li .pro_mask_hover{background: #006ab8;top: 150px;}
.reco_prodetails ul li div.pro_mask_hover b,.reco_prodetails ul li div.pro_mask_hover p,.reco_prodetails ul li div.pro_mask_hover span{color: #fff;}

/*case*/
.case{height: 390px;background:#f4f4f4;width: 100%;padding: 40px 0; }
.case_con div{float: left;width: 400px;height: 382px;} 
.case_con .case_lf{ position: relative;overflow: hidden;}
.case_con .case_lf img{position: absolute;top: 0;left: 0;transition: all 0.8s ease-in-out;}
.case_con .case_lf:hover img{transform: scale(1.1);}
.case_con .case_lf b{color:#fff;font-size: 30px;display: block;position: absolute;top: 40px;left: 30px;}
.case_con .case_lf i{background: #fff;display: block;width: 90px;height: 1px;position: absolute;top: 90px;left: 30px;}
.case_con .case_lf .case_mask{position: absolute;bottom:0;width: 100%;height: 100px;background: rgba(0,106,184,0.5);color: #fff;}
.case_con .case_lf .case_mask p{padding: 25px;font-size: 12px;line-height: 26px;}

.case_con .case_ct{background: #fff;}
.case_con .case_ct b {margin: 40px 0 14px 30px;display: block;}
.case_con .case_ct b a{color:#333;font-size: 30px;}
.case_con .case_ct i{background: #006ab8;display: block;width: 90px;height: 1px;margin-left: 30px;}
.case_con .case_ct p{line-height: 26px;padding: 25px;}
.case_con .case_ct p a{font-size: 12px;}
.case_con .case_ct ul{margin:24px 0 0 30px;overflow: hidden;}
.case_con .case_ct ul li{width: 100px;height: 36px;border:1px solid #a6a6a6;float: left;margin-right: 5px;line-height: 36px;text-align: center;}
.case_con .case_ct ul li a{font-size: 12px;color: #666;}
.case_con .case_ct ul li:hover,.case_con .case_ct ul li.active{background: #006ab8;border: 1px solid #006ab8}
.case_con .case_ct ul li:hover a,.case_con .case_ct ul li.active a{color: #fff;}

.case_con .case_rt{background: #ebebeb;position: relative;}
.case_con .case_rt b {margin: 40px 0 14px 30px;display: block;}
.case_con .case_rt b a{color:#333;font-size: 30px;}
.case_con .case_rt i{background: #67b307;display: block;width: 90px;height: 1px;margin-left: 30px;}
.case_con .case_rt ul{padding: 20px 30px;}
.case_con .case_rt li{float: left;width: 50%;height: 75px;}
.case_con .case_rt li dl dt{float: left;margin-right: 5px;}
.case_con .case_rt li dl dd{overflow: hidden;width: 122px;color: #666;}
.case_con .case_rt li dl dd span{font-size: 16px;display: block;width: 112px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case_con .case_rt li dl dd p{font-size: 12px;line-height: 20px;}
.case_con .case_rt .pro_g_more{background: url(../images/pro_g_more.png) no-repeat center;width: 90px;height: 90px;position: absolute;bottom: 0;right: 0;}

/*news*/
.news{height: 370px;background: #fff;width: 100%;padding: 40px 0px 20px;}
.news_tit{overflow: hidden;}
.news_tit h4{float: left;}
.news_tit h4 a{font-size: 30px;color: #333;}
.news_tit span{float: right;}
.news_tit span a{color: #999;font-size: 12px;}
.news_all{overflow: hidden;clear: both;margin-top: 20px;}
.news_all>li{width: 398px;height: 290px;border: 1px solid #ddd;float: left;}
.news_all>li:nth-child(2),.news_all li:nth-child(3){border-left: 0;}
.news_all>li dl{height: 68px;border-bottom: 1px solid #ddd;}
.news_all>li dl dt{float: left;margin:17px 12px 0 25px;}
.news_all>li dl dd{overflow: hidden;}
.news_all>li dl dd a{display: inline-block;width: 100%;height: 100%;}
.news_all>li dl dd p{font-size: 18px;margin: 14px 0 0px 0;}
.news_all>li dl dd span{font-size: 14px;color:#999;}
.news_all>li ul{padding:25px;}
.news_all>li ul li{line-height: 34px;}
.news_all>li ul li a{color: #666;font-size: 12px;}
.news_all>li ul li a:hover{color: #333;}
.news_all>li ul li i{display: inline-block;width: 15px;height: 15px;background: url(../images/news_listIcon.png) no-repeat center;margin: 0 8px -3px 0;}

/*footer*/
.bot{height: 230px;background: #51a2e6;width: 100%;}

.bot .bot_ul{float: left;width: 1080px;margin-top: 26px;}
.bot_ul>li{float: left;width: 140px;margin-right: 45px;}
.bot_ul>li:last-child{width: 200px;}
.bot_ul>li:last-child ul li{clear: both;width: 200px;} 

.bot_ul>li:nth-child(2){width: 230px;}
.bot_ul>li:nth-child(2) ul li{width: 115px;} 

.bot_ul>li i{display: inline-block;width: 19px;height: 19px;background: url(../images/footPic.png) no-repeat center;margin: 0 5px -5px 0;}
.bot_ul>li span a{font-size: 16px;color: #fff;display: inline-block;margin-bottom: 12px;}
.bot_ul>li ul{border-top: 1px solid #fff;padding: 12px 0;overflow: hidden;}
.bot_ul>li ul li{float: left;width: 70px;line-height: 20px;}
.bot_ul>li ul li a{color: #fff;font-size: 12px;display: inline-block;}
.bot_ul>li ul li a:hover{color: #b6d4f3;}



.wx_sj{width: 120px;float: right;padding: 20px 0 0;position: relative;}
.wx_sj dl{height: 55px;overflow: hidden;margin-top: 10px;}
.wx_sj dl dt{float: left;margin-right: 10px;cursor: pointer;}
.wx_sj dl dd{overflow: hidden;color: #fff;font-size: 14px;padding-top: 6px}
.wx_sj_pic{position: absolute;top: 40px;right:120px;}
.wx_sj_pic img{width: 90px;display: none;}


/*copyright*/
.footer{width:100%; height:50px; line-height:50px; font-size:12px; background:#006ab8; color:#fff; text-transform:uppercase; clear:both;} 
.f_l{float:left;}
.f_r{float:right;}


/*内页*/
.ny_banner{width: 100%;height: 250px;position:relative; z-index:-1; clear:both;margin-bottom: 30px;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#honor{background:url(../images/honor_banner.jpg) no-repeat top center;}
#case{background:url(../images/case_banner.jpg) no-repeat top center;}
#contact{background:url(../images/cont_banner.jpg) no-repeat top center;}
#service{background:url(../images/ser_banner.jpg) no-repeat top center;}

/*产品列表页*/
.pro_con{overflow: hidden;}
.pro_lf{width: 260px;float: left;}
.pro_tit{width: 220px;height: 80px;background: #006ab8;padding: 20px;}
.pro_tit a{display: block;width: 100%;height:100%;color: #fff; }
.pro_tit h4{font-size: 36px; }
.pro_tit b{font-size: 24px;}

.pro_lf ul{}
.pro_lf ul li{height: 45px;line-height: 45px;border-bottom: 1px solid #ddd;padding-left: 40px;position: relative;}
.pro_lf ul li a{display: block;width: 100%;height: 100%;}
.pro_lf ul li i{display: inline-block;width: 6px;height: 12px;background: url(../images/pro_listIcon.png) no-repeat center;position: absolute;top: 15px;right: 20px;}
.pro_lf ul li:hover,.pro_lf ul li.active{background: #f0f0f0;}
.pro_lf ul li:hover i,.pro_lf ul li.active i{background: url(../images/pro_listIcon_h.png) no-repeat center;right: 15px;}
.input_p {width: 260px;border:1px solid #ddd;height: 40px;position: relative;margin:27px 0;}
.input_p span{display: inline-block;width: 45px;height: 40px;line-height: 40px;background: #f2f2f2;color: #999;text-align: center;}
.input_p input{width: 167px;height: 37px;line-height: 40px;padding-left: 5px;border:0;}
.input_p b{display: inline-block;width: 42px;height: 41px;background:#006ab8; position: absolute;right: 0;}
.input_p b i{display: inline-block;width:18px;height: 18px;background: url(../images/searchIcon.png) no-repeat center;position: absolute;top: 11px;right: 13px; }
.ser_tel{background: url(../images/ser_tel.png) no-repeat center;width: 260px;height: 100px;position: relative;margin: 0 0 10px;}
.ser_tel b{display: block;position: absolute;bottom: 14px;left: 30px;color: #006ab8;font-size: 26px;}

.pro_rt{width: 900px;float: right;}
.pro_rt_tit{border-bottom: 1px solid #cbcbcb;overflow: hidden;height: 40px;line-height: 30px;}
.pro_rt_tit b{float: left;display: inline-block;height: 37px;border-bottom: 3px solid #006ab8;}
.pro_rt_tit b a{font-size: 24px;color: #333;display: inline-block;width: 100%;height: 100%;}
.ny_pos{ float:right;height: 40px;font-size: 12px;}
.ny_pos > a{ color:#999;}
.ny_pos > span{ font-size:12px; color:#999; padding:0 7px; display:inline-block}
.w900{width: 900px;margin:35px 0 20px;overflow: hidden;}
.pro_rt .reco_prodetails li{margin-right: 0;margin-left: 18px;}

/*产品详情页*/
.pro_show .pro_rt{}
.pro_show .pro_show_intro{height: 420px;margin-top: 30px;}
.pro_show .pro_show_intro .intro_img{float: left; width: 420px;height: 400px;}
.pro_show .pro_show_intro .intro_img .img_b{height: 300px;width: 100%;border:1px solid #ccc;}
.pro_show .pro_show_intro .intro_img .img_b img{width: 420px;height: 300px;display: none;}
.pro_show .pro_show_intro .intro_img .img_b img:first-child{display: block;}
.pro_show .pro_show_intro .intro_img .img_s {height: 80px;margin-top: 10px;}
.pro_show .pro_show_intro .intro_img .img_s li{width: 107px;height: 78px;float:left;border:1px solid #ccc;margin-left: 10px;}
.pro_show .pro_show_intro .intro_img .img_s li img{width: 100%;height: 100%;}

.pro_show .pro_show_intro .intro_word{float: right;width: 420px;padding:20px;}
.pro_show .pro_show_intro .intro_word h4 {margin-bottom: 25px;}
.pro_show .pro_show_intro .intro_word h4 a{font-size: 24px;color: #333;}
.pro_show .pro_show_intro .intro_word p{font-size: 14px;color: #666;line-height: 28px;}





.pro_show_detail div{height: 48px;background: #006ab8;line-height: 48px;padding-left: 30px;margin: 30px 0 10px;}
.pro_show_detail div b{font-size: 24px;color: #fff;}
.pro_show_detail p{line-height: 24px;color: #666;font-size: 14px;}

.pro_other{height: 48px;line-height: 48px;background: #e6e6e6;margin-top: 30px;}
.pro_other div b{font-size: 24px;color: #333;padding-left: 30px;}
.pro_other div a{float: right;font-size: 14px;color: #666;padding-right: 30px;}
.pro_other div a i{display: inline-block;width:13px;height: 13px;background: url(../images/pro_otherIcon.png) no-repeat center;  margin: 0 6px -2px 0;}
.pro_other div a:hover{color:#006ab8;}
.pro_other div a:hover i{background: url(../images/pro_otherIcon_h.png) no-repeat center; }

#proshow td p{line-height: 24px;margin-top: 10px;}
#proshow h1{margin-bottom: 10px;}

/*关于我们*/
.about_word{padding: 30px 0; line-height:30px;}

/*荣誉资质*/
.pro_rt .honor_p li{height: 250px;}
.pro_rt .honor_p li p{overflow: hidden;}
.pro_rt .honor_p li p img{transition: all 0.8s ease-in-out;width: 100%;}
.pro_rt .honor_p li p:hover img{transform: scale(1.1);}
.pro_rt .honor_p li div span{display: block;height: 44px;text-align: center;line-height: 40px;}
.pro_rt .honor_p li:hover span{color: #006ab8;}

/*联系我们*/
.lxwm{width:100%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left}
.lxwm_z h2{color:#666;line-height:35px}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px}
.lxwm_r li img{width:118px;height:118px;float:left;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center}


/*新闻资讯*/
.news_list > ul{padding-top: 30px;padding-bottom: 50px;}
.news_list > ul > li{ overflow:hidden;padding-bottom: 10px; border-bottom:1px dashed #e1e1e1;margin-bottom: 10px;}
.news_list > ul > li img{ float:left; width:200px;}
.news_list > ul > li > a{ padding-left:30px; overflow:hidden; display:block;height: 112px;}
.news_list > ul > li > a h3{ color:#000;font-size: 14px; float:left;width: 520px;height: 50px;line-height: 50px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list > ul > li > a h3 + em{ float:right;width: 110px;font-size: 12px;height: 50px;line-height: 50px;text-align: right;padding-right: 4px; font-style:normal;}
.news_list > ul > li > a p{overflow: hidden;height: 54px;width: 100%;font-size: 12px;line-height: 26px;transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.news_list > ul > li:hover h3{ color:#006ab8;}
.news_list > ul > li:hover p{ color:#000;}
.news_left > p{padding-left: 7px;}


.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#006ab8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}