﻿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;
    font-family: '微软雅黑';
    padding-left:0;
    padding-right:0;
    font-size: 12px;
}
ul{list-style:none;}
a{text-decoration:none!important; color: #333;}

/*页头部分*/
.nav_bg{ width: 100%; height: 30px; background: #323232;}
.nav_main{width: 1200px; margin: 0 auto; text-align:right; height:30px; line-height:30px; color: #fff;}
.nav_main a{color:#fff;}
.en_left{ float:right;}
/*width: 90px;*/
/*.en_img{width:25px;float:left; margin-top:-5px;}*/
.en_img{width:25px;float:left; margin-top:-6px;}
.cn_img{width:25px;float:left; margin-top:6px;}
.en_txt{width:60px;float:left; font-size: 12px; text-align:left; padding-left: 5px;}


.head_bg{background: #f6f6f6; width: 100%; height: 125px;border-bottom:1px solid #8e8e8e }
.head_main{ width: 1200px; margin: 0 auto;}
.logo{ width: 187px; height: 46px; float:left; margin-top:40px;}

.logo_txt{ width:680px; float:left; height: 80px; margin-top: 25px; border-left:1px #d5d5d5 solid; margin-left:55px;}
.txt_blue{font-size: 20px; color:#009299; font-weight: 700; padding:10px; }
.txt_h{color:#6a6a6a; font-size: 12px;padding-left:10px;}

.tel_txt{float: left; width: 270px; text-align: right; overflow: hidden; margin-top:36px;}
.tel_ico{background: url("../images/tel.png") no-repeat; width: 28px; height: 25px; float:left; margin-left:40px;}
.tel_txth{font-size: 16px; color: #898989;float:left;line-height: 25px; padding-left: 10px;}
.tel_ph{ color: #009299; font-size: 25px; font-weight: 700;}


/*页头部分*/

/*导航部分*/
.menua{width: 100%; background: #f6f6f6; margin: 0 auto;}
.menu{width: 1200px; margin: 0 auto; height: 37px;}
.menu li{float:left; width: 124px;font-size: 16px; line-height: 37px; text-align:center;}
.menu li a:hover{background: #018997; width: 124px; height: 37px; color: #fff; display: block;}
.lic{background: #018997; width:124px;height: 37px; color:#fff;}
.lic a{color:#fff}
/*导航部分*/

/*banner部分*/
.banner{width: 100%; height: 480px;overflow:hidden; margin: 0 auto; background: #323232;}
/*banner部分*/

/*主要部分*/
.main{width: 1200px; margin: 0 auto; height:auto; min-height: 630px; margin-top: 38px;}
.main_f_left{width: 360px; margin: 0 auto; float: left;}
.left_titlec{font-size: 14px; color: #0058b3; font-weight: 600;float:left; line-height: 30px;}
.left_titlee{font-size: 12px; color:#cac8c8;float:left;line-height: 30px; margin-left: 5px;}
.left_more{float: right;}
.news_line{background: url(../images/news_line.png) no-repeat; width: 360px; height: 3px; clear: both;}
.news_main{ margin-top: 15px;}
.news_main li { width: 360px; height: 30px;line-height: 30px; border-bottom: 1px dashed #ccc;}


.main_f_main{width: 460px; margin: 0 auto; float: left; margin-left: 20px;}
.about_line{background: url(../images/about.png) no-repeat; width: 465px; height: 3px; clear: both;}
.about_txt{margin-top: 15px; line-height: 20px; color:#848484;}


.main_f_right{width: 345px; margin: 0 auto; float: left; margin-left: 15px;}
.P_line{background: url(../images/P_line.png) no-repeat; width: 345px; height: 3px; clear: both;}
.main_sleft{width: 840px; margin: 0 auto; float: left; clear: both; margin-top: 25px;} 
.cp_bg{background: url(../images/chanpin_bg.png) repeat-x; width: 840px; height: 34px; border: 1px solid #ccc;box-shadow: 0 2px 5px #d7d7d7;}
.cu_bg{background: url(../images/chanpin_bg.png) repeat-x; width: 345px; height: 34px; border: 1px solid #ccc;box-shadow: 0 2px 5px #d7d7d7;}

.contacat_bg{width: 345px; height: 270px; background: url(../images/contact.png) right bottom no-repeat;line-height: 30px;}

/*主要部分*/


/*页脚部分*/
.footer{width: 100%; background: url("../images/footer.png") repeat-x; height: 86px !important; clear: both;}
.footer_main{width:1200px; margin: 0 auto; height: 86px;}
.footer_left{width: 687px; color:#626262;height: 86px; float:left;}
.footer_left li{ float:left; width: 85px; font-size: 14px; border-right: 1px #ccc solid; height: 22px; line-height: 22px; text-align:center; margin-top:35px;}
.footer_right{text-align: right; width: 513px; color:#626262;height: 86px; float:left; line-height: 25px; margin-top:32px; font-size: 12px;}
/*页脚部分*/



/*内页部分*/
.nei_main{ width: 1200px; margin: 0 auto;}
.about_banner{background: url(../images/about_banner.png) no-repeat; width:100%;height:438px;background-size:100% 100%;}
.nei_left{ width: 270px; height: auto;min-height:460px;border-radius: 3px; margin-top: 20px; border: 1px solid #ccc; float:left;}
.nei_left_title{ width: 250px; height: 50px; background: #009299; color: #fff; line-height: 50px; text-align:left; font-size: 18px;  padding-left:20px; }
.nei_left_title p{font-size: 18px;}

.nei_ul{ margin-top: 20px;}
.nei_ul li{ width: 270px; height: 40px; border-bottom: 1px dashed #f3f3f3; line-height: 40px;font-size: 14px; clear: both;}

.nei_ul  a:hover{width: 270px; height: 40px; background: #018997; display: block;font-size: 14px; color: #fff;}

.nei_neirong{width: 890px;float:left; margin-left: 30px;margin-top: 20px; min-height: 600px; height: auto;}
.nei_title{height: 50px;width:100%; border-bottom:1px solid #ccc; line-height: 50px; }
.nei_t_left{float:left; font-size: 16px; font-weight: 600; color:#009299;}
.nei_t_right{float: right; font-size: 12px;}

.nei_rn{width: 870px; margin: 0 auto; line-height:20px; font-size: 14px; margin-top:10px;}

.product_s{float:left; margin-left:20px; width: 200px;  margin: 0 auto; text-align:center; margin-top: 20px; padding-left: 10px; }

.fenye{clear: both; width: 870px; text-align:center; margin-bottom:20px;}

@media screen and ( max-width: 1400px ) {
    .about_banner{background: url(../images/about_banner.png) no-repeat; width:100%;height:308px;background-size:100% 100%;}
}


#imgModule{display:none;}
#imgDefault{cursor:pointer;}
.imgItem{width:190px;height:110px;}
.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:absolute;left:0;top:0;width:100%;min-height:1500px;height: auto;}
.lightBoxContent{width:800px;height:530px;position:absolute;left:50%;top:50%;margin:-385px 0 0 -750px;}
#imgLoader{width:32px;height:32px;position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
#imgLight{text-align: center; margin: 0 auto; -webkit-animation:change 1s;animation:change 1s;}
#imgModule .btn{width:40px;height:50px;position:absolute;top:50%;margin-top:-25px;cursor:pointer;}
.lightBoxSprite{background-image:url(../images/imgIcons.png);background-repeat:no-repeat;}
#lightBoxPrev{left:10px;background-position:2px center;}
#lightBoxNext{right:10px;background-position:-42px center;}
.closeBtn{width:35px;height:35px;background-position:-100px center;position:absolute;top:15px;right:15px;cursor:pointer;}
.lightBoxPagination{position:absolute;left:0;bottom:50px;width:100%;text-align:center;}
.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
.lightBoxPagination span.current{background:#fff;}
@keyframes change{
    0%{opacity:0;}
    100%{opacity:1;}
}