﻿*{
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
body{
    font-size: 14px;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; color:#444444
}
ol, ul,li {
    list-style: none;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
.clear{
    clear:both;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*********************/
header{
    width: 100%;
}
.top{
    width: 100%;
    height: 40px;
    background: #333;
}
.header-box{
    width: 1100px;
    height: 40px;
    margin: 0 auto;
    color: #b4b0b0;
    line-height: 40px;
    overflow: hidden;
}
.header-box p{
    padding-right: 20px;
    padding-left: 20px;
    background: url("../img/ico1.png") no-repeat;
    display: inline;
}
.header-box .header_ico1{
    padding-right: 20px;
    padding-left: 20px;
    background: url("../img/ico2.png") no-repeat;
}
.header-box .header_ico2{
    padding-right: 20px;
    padding-left: 15px;
    background: url("../img/ico3.png") no-repeat;
    background-position: 0 4px;
}
.header-box .header_ico3{
    padding-left: 20px;
    background: url("../img/ico4.png") no-repeat;
    background-position:0 2px;
}
.header-box-rt{
    float: right;
}
.header-box-rt a{
    text-decoration: none;
    color: #b4b0b0;
}
.header-bottom{
    width: 1100px;
    margin:0 auto;
    height: 97px;
    overflow:hidden;
}
.header-bottom .logo{
    float: left;
    padding-top: 25px;
}
.header-bottom .search{
    float: right;
    padding-top: 35px;
    height: 37px;
}
.header-bottom .search .fr{
	cursor:pointer;
}
.header-bottom .inp01{
    width: 245px;
    height: 37px;
	float:left;
    border: 1px solid #dcdcdc;
    line-height: 38px;
	outline:none;
	text-indent:6px;
	color:#666;
}
.header-bottom .input2{
   width: 85px;
    height: 38px;
    cursor:pointer;
    letter-spacing: 3px;
    color: #707070;
    border: 1px solid #dcdcdc;
    background:url("../img/button.jpg") no-repeat;
    background-position: -1px -1px;
}
#search{
	height:15px;
}
.nav{
    width: 1100px;
    height:45px;
    background: #0ec5a1;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 100px;
}
.nav ul li{
    float: left;
    width: 150px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    text-align: center;
}
.nav li:hover{
    background: #03a681;
}
.nav a{
    color: #fff;
    text-decoration: none;
}
.nav .active{
    background: #03a681;
}
/*banner*/
.swiper-container {
    width: 1100px;
    height: 380px;
    color: #fff;
    text-align: center;
}
.swiper-slide {
    width: 500px;
    height: 100%;
}
.pagination {
    z-index: 20;
    left: 540px;
    bottom: 10px;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #fff;
    margin-right: 5px;
    /*opacity: 0.8;*/
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-visible-switch {
    background: #aaa;
}
.swiper-active-switch {
    background: #03a681;
}
.container{
    width: 1100px;
    margin: 0 auto;
    padding-top: 25px;
	overflow:hidden;
}
.product>p{
    font-size: 22px;
    text-align: center;
    letter-spacing: 5px;
}
.pro-main {
    margin-top: 30px;
}

.pro-main dl{
    display: block;
    width: 208px;
    height: 240px;
    float: left;
    background: #f8f8f8;
    overflow: hidden;
    padding-top:10px;
   border: 1px solid #e4e4e4;
    margin:0 12px 12px 0;
}
.pro-main dl:hover{
    border: 1px solid #0ec5a1;
}
.pro-main dt{
    display: block;
    width: 188px;
    height: 160px;
    margin: 0 auto;
}
.pro-main dt img{
    width: 100%;
    height: 100%;
}
.pro-main dd{
    display: block;
    margin: 0 auto;
    height: 57px;
    width: 200px;
    overflow: hidden;
    background: #fff;
    border-top:1px dashed #e4e4e4;
}

.pro-main .pro_main1{
    text-align: center;
    line-height: 30px;
    color: #333;
}
.pro-main .pro_main2{
    text-align: center;
    color: #0ec5a1;
}
/*联系方式 行业资讯*/
.information{
    width: 1100px;
    overflow: hidden;
    margin-top: 20px;
}
.information .contact{
    width: 250px;
    height: 280px;
    background: #f3f3f3;
    float: left;
    padding: 10px 15px 15px 15px;
    border-top:2px solid #0ec5a1;
}
.contact span{
    font-size: 14px;
    font-weight:bold;
    margin-bottom: 10px;
}
.contact_lf{
    float: left;
    width: 70px;
}
.contact_lf li{
    width: 70px;
    height: 28px;
    line-height: 28px;
}
.contact_rt{
    float: left;
    width: 140px;
    font-size: 13px;
}
.contact_rt li{
    line-height: 28px;
}
.contact_rt a{
    color: #0ec5a1;
	font-size: 12px;
}
.contact_rt .qq{
    height: 28px;
    background: url("../img/qq.png") no-repeat;
}
.contact_rt .qq a{
    display: block;
    width: 90px;
    height: 28px;
}
.information .news{
    float: left;
    width: 390px;
    height: 280px;
    background: #fff;
    margin-left: 15px;
}
.news_title{
    height: 34px;
    width: 390px;
    line-height: 34px;
    background: url("../img/shadow.png") no-repeat;
    background-position: 120px 10px;
}
.news_title span{
    float: left;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 120px;
    height: 34px;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-top: 2px solid #0ec5a1;
}
.news_content{
    padding: 8px 0 0 10px;
    width: 390px;
    height: 246px;
    border: 1px solid #e4e4e4;
}
.news_content ul{
	text-indent:10px;
}
.news_content span{
	float:right;
	padding-right:10px;
	width: 30%;
    text-align: right;
}
.news_content li{
    background: url("../img/dian.png") no-repeat;
    background-position: 0 12px;
}
.news_title a{
    display: block;
    float: right;
    text-decoration: none;
    color: #666;
    line-height: 34px;
}
.news_content li{
    height: 28px;
	overflow: hidden;
    line-height: 28px;
}
.news_content li a{
    text-decoration: none;
    font-size: 13px;
    color: #333;
	float: left;
    width: 70%;
}
.news_content li a:hover{
    color: #0ec5a1;
}
.information .contact>h2{
    background:url("../img/contact.png") no-repeat;
    background-position:70px 3px;
	font-size:16px;
}
.information .int{
    float: left;
    width: 430px;
    height: 280px;
    background: #fff;
    margin-left: 15px;
}
.int_title{
    height: 35px;
    width: 430px;
    line-height: 35px;
    background: url("../img/shadow.png") no-repeat;
    background-position: 120px 10px;
}
.int_title span{
    float: left;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 120px;
    height: 34px;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-top: 2px solid #0ec5a1;
}
.int a{
    display: block;
    float: right;
    text-decoration: none;
    color: #666;
    line-height: 34px;
}
.int_content{
    width: 430px;
    height: 245px;
    border: 1px solid #e4e4e4;
    padding: 12px 15px 0 15px;
}
.int_content a{
    line-height: 20px;
}
/*手风琴*/
.pic{width:4000px;height:220px;}
.pic ul li{
    list-style:none;width:30px;
    height:220px;float:left;
	margin-left:1px;
	
}

.pic .l1{background-image:url(../img/1.jpg);width:310px;}
.pic .l2{background-image:url(../img/2.jpg);}
.pic .l3{background-image:url(../img/3.jpg);}
.pic .l4{background-image:url(../img/4.jpg);}
.txt{width:30px; height:220px;
    background:#000;
    filter:alpha(opacity=50);background:rgba(21,161,123,0.7);
}
.txt p{color:#fff;float:left;position:relative;}
.txt .p1{font-size:16px;width:12px;margin:40px 25px 0 8px;}
/*底部信息*/
.footer{
    clear: both;
    padding-top: 15px;
	padding-bottom:8px;
    width: 1100px;
    height:auto;
    margin: 0 auto;
    background: #333;
    position: relative;
    bottom: 0;
    text-align: center;
}
.footer div{
    width: 1100px;
    margin: 0 auto;
    background: #333;
    position: relative;
    bottom: 0;
    text-align: center;
}
.footer div p{
    width: 100%;
    display: block;
    text-align: center;
    color: #eee;
    line-height: 25px;
}
.footer div p b{
	font-weight:normal;
}
.footer div p a{
	color:#fff;
	text-decoration:none;
}
footer p{
    width: 100%;
    display: block;
    text-align: center;
    color: #b4b0b0;
    line-height: 25px;
}
footer img{
    position: absolute;
    top: 15px;
    left: 900px;
}
.footer img{
    position: absolute;
    top: 15px;
    right:20px;
}
.yyfc img{
	position:inherit;
}

/*栏目－产品*/
.l_banner{
    width: 1100px;
    height: 156px;
    margin-left: auto;
    margin-right: auto;
}
 

.container .lmleft{ float:left; width: 250px; overflow: hidden;  } 
 
.lmdiv{ width:250px;  border:1px solid #D2D2D2; height:177px}
.container .lmleft #product{height:80px;}


.lmbiao{ width:248px; height:76px; background-image:url(../img/lm5.jpg)   }
.lt1{  width:248px;font-size:24px;color:#444444; line-height:37px;  text-align:center; letter-spacing:6px;  padding-top:5px }
.lt2{  width:248px;font-size:13px;color:#888888; font-family:Arial; text-align:center ; font-weight:bold  }

.lmlist{float: left; width: 248px; height:auto; margin-top:10px; margin-bottom:10px}
.lmlist li{ width: 235px;   line-height: 43px;border-bottom:dashed 1px #D2D2D2; text-align:center ; margin-left:5px  }
.lmlist li a{ width:235px;line-height: 43px; color:#444444 ; font-size:16px;text-decoration:none;}
.lmlist .fac_act{
    color: #0ec5a1;
}
.lmdiv4{float: left; width:250px; height:460px ;margin-bottom:20px; overflow:hidden  }
.lt3{ font-size:18px; color:#03A681  }
.lt4{ font-size:14px; color:#B2B2B2 ; padding-left:10px }
.lmlist2{float: left; width: 250px;    }
.lmlist2 li{ float: left;width: 250px;   line-height: 37px;background-image:url(../img/lm4.jpg);  padding-left:48px ; display:inline ; margin-top:4px  }
.lmlist2 li a{  color:#444444 ; font-size:18px;   }
.lmdiv4 .lmlist2 a{
    font-size: 14px;
    text-decoration: none;
}
.lmlist3{ width:250px; height:45px ; line-height:45px ;  }
.lt3{ font-size:18px; color:#03A681  }
.lt4{ font-size:14px; color:#B2B2B2  }

.container .lmright{ float:left; width: 830px; overflow: hidden;margin-left: 20px; margin-bottom:20px;} 
.lmcon{float:left; width:830px;height:38px;}
.lmcon h2{float:left;background-image:url(../img/lm1.jpg); width:151px; height:38px; color:#FFFFFF; font-size:17px; text-align:center; line-height:38px}
.lmcon span{float:right;height:38px; text-align:right; color:#444444}
.lmcon span a{ color:#666666;line-height:38px;text-decoration:none;}
.lmtable{float:left; width:827px;  border:1px solid #D2D2D2; margin-top:28px}

.zxnews{overflow:hidden;margin-bottom:20px;}
.zxnews .basewidth p{font-size:16px;font-weight:bold;padding-left:15px;border-left:solid 3px #0ec5a1;color:#0ec5a1;margin-bottom:10px;}
.zxnews .basewidth ul li{float:left;width:389px;margin-bottom:6px;height: 20px;overflow: hidden;}
.zxnews .basewidth a{color:#333;text-decoration:none;float: left;width: 70%;}
.zxnews .basewidth span{float:right;padding-right:6px;}


.lmdiv2{float:left; width:825px; background-image:url(../img/lm6.jpg); height:48px; text-align:center; line-height:48px   }
.lmdiv3{float:left; width:825px;height:100%;}
.lmdiv3 ul{float:left;width:825px; background-image:url(../img/lm7.jpg); height:57px; text-align:center; line-height:57px ; color:#666666 ; font-size:14px }
.lmdiv3 ul a{
	color:#3C3C3C;
	text-decoration: none;
}



.w1{float:left; width:228px }
.w2{float:left; width:115px }
.w3{float:left; width:270px }
.w4{ float:left;width:210px; height:  57px; overflow:hidden }
.lmdiv3 .cor a{ color:#03A681}

.contact2{
	border:1px solid #D2D2D2;
    width: 248px;
    float: left;
}
.contact2 h2{ width: 246px; height:52px; padding-left:40px; line-height:50px;
    font-size: 16px;
    font-weight:bold;
    margin-bottom: 10px; background-image:url(../img/lm9.jpg); background-repeat:no-repeat
}
.contact2_lf{
    float: left; margin-left:10px;
    width: 70px;
}
.contact2_lf li{
    width: 70px;
    height: 28px;
    line-height: 28px;
}
.contact2_rt{
    float: left;
    width: 140px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
}
.contact2_rt a{
    color: #0ec5a1;
}
.contact2_rt .qq{
    height: 28px;
    background: url("../img/qq.png") no-repeat;
}
.contact2_rt .qq a{
    display: block;
    width: 90px;
    height: 28px;
}

.lmdiv5{ float:left;width: 830px;height:80px;}
.lmdiv5 img{ margin:20px 0px 0px 120px   }

.lmtable3{float:left; width:828px;  border:1px solid #D2D2D2; padding:6px ;margin-top:28px ; font-size:15px}

.lmdiv7{float:left; width:816px;  }
.lmtall{float:left; width:464px;  }
.lmtall h2{width:464px; background-color:#F1F1F1; color:#3333333; font-size:22px ; padding-left:18px; line-height:43px}
.lmtall ul{width:464px; background-image:url(../img/lm23.jpg); height:43px; overflow:hidden; line-height:43px }
.lmtext{float:left; width:114px; text-align:center}
.lmtext2{float:left; width:350px;}


.lmtalr{float:left; width:344px;border:1px solid #D2D2D2; padding:2px ; margin-left:5px }
.lmtalr img{ width:340px; height:340px; overflow:hidden  }



.lmdiv8{ float:left; width:816px;}

 
.lmtext3{float:left; width:114px; text-align:center; line-height:43px}

.lmtext4{ float:left;width:690px; line-height:30px; font-size:14px; color:#444444; padding:5px 0px 5px 10px; }



.cptext5{ float:left;width:690px; padding:5px 0px 10px 10px; overflow:hidden; line-height:30px}
.cptext5 li{float:left;  margin:1px;display:inline}

.cp_t1{float:left;width:100px; margin-left:10px; }
.cp_t2{float:left;width:220px; height:40px;overflow:hidden}

.cp_t3{float:left;width:542px; overflow:hidden}
.cp_t3 img{ margin-top:5px;margin-bottom:5px; width:200px; height:160px ;  }

.lmtable2{
    float:left;
    width:830px;
    margin-top:28px;
    background-color:#F8F8F8;
}
.lml{
    float:left;
    width:450px;
    margin:33px;
}
.lmt1{
    display: block;
    font-size:16px;
    font-weight:bold;
    color:#0EC5A1;
    margin: 26px 0;
}
.lmt2{
    width: 450px;
    font-size:14px;
    line-height:38px;
    color:#2b2b2b;
}
.lml p{
    font-size: 14px;
    line-height: 38px;
    color: #2b2b2b;
}
.lmr{
    float:left;
    width:313px;
    margin-top:33px;
    margin-bottom:40px
}
.lmr img{
    float:right
}
.lmb{float:left; width:830px; margin-top:33px; margin-bottom:40px}
.lml2{float:left; width:390px; margin:33px 33px 0px 33px; display:inline }
.lml2 span{float:left; width:390px;}
.lmr2{float:left; width:369px; margin-top:33px; height:460px;}
.lmr img{ float:right;}

.lmt3{font-size:14px; line-height:34px;}

.lml3{float:left; width:780px; margin:10px 0px 40px 33px; display:inline ; padding-right:13px; }
.lml4{float:left; width:790px; margin:10px 0px 40px 33px; display:inline ;}
.abl{float:left; width:352px;}
.abr{float:left; width:438px}
.pdivt4{float:left;  width:320px ; overflow:hidden }
.pdivt4 li{ float:left;  width:320px; font-size:14px;color:#232323;   line-height:36px;background-image:url(../img/lm15.jpg);background-repeat: no-repeat;background-position: 0px 0px; display:inline; padding-left:20px }
.pdivt4 li a{ color:#444444;text-decoration:none;}
.pdivt5{float:left;  width:352px ; margin-top:20px }
.pdivt6{float:left; font-size:16px; font-weight:bold; line-height:44px; color:#0EC5A1;background-image:url(../img/lm16.jpg);background-repeat: no-repeat;background-position: 0px 14px; padding-left:18px; width:322px}

.avtx2{ float:left; width:430px; height:430px;}
.avtx2 p{height:36px;}
.avtx2 #oz{width:100%;}


.avtu2{ float:left; width:325px; margin-left:24px   }

/*栏目－contact*/
.sbg5{background-image:url(../img/t35.gif);background-repeat: no-repeat;background-position: 0px 12px;}
.avf3 {font-size:14px; color:#232323; line-height:40px; padding-left:35px; font-weight:bold  }
.avf4 {float:left;font-size:14px; color:#232323; line-height:44px;height:44px;  font-weight:bold; width:85px  }
.avf5 {float:left;font-size:14px; color:#232323; line-height:44px; width:300px  ;height:44px; }
.avf5 a{ color:#03A681 }
.avf5 img{ margin-top:10px }
.lmr3{float:left; width:325px; margin-top:33px; height:360px; margin-bottom:50px  }
.lmr3 span{ line-height:40px;     }
.lmr3 span a{ padding-left:120px; color:#444444}    
.h8{height:600px;}

.lmdiv6{ width:250px;  border:1px solid #D2D2D2; height:285px ; margin-bottom:20px  }

/*栏目－new*/
.lmnew{float:left; width:825px; background-image:url(../img/lm21.jpg); height:48px; text-align:center; line-height:48px   }
.lmnew3{float:left; width:825px;  height:855px;   }
.lmnew3 ul{ float:left;width:825px; background-image:url(../img/lm22.jpg); height:57px; text-align:center; line-height:57px ; color:#666666 ; font-size:14px }
.lmnew3 ul a{
	color:#3C3C3C;
	text-decoration: none;
}
.lmnew3 ul a:hover{color:#0EC5A1;}
.nw1{float:left; width:665px }
.nw2{float:left; width:160px; text-align:center   }
.nw3{float:left; width:665px; padding-left:45px; text-align:left ; overflow:hidden}
.cor2{ color:#666666}
.newdiv3{ float:left; width:780px; margin-left:22px; display:inline }

.f4{ font-size:25px; color:#232323; line-height:82px; text-align:center; font-family:"微软雅黑"}
.f5{ font-size:12px; color:#777777;line-height:30px; text-align:center; padding-bottom:20px }
.f6{ font-size:14px; color:#232323;line-height:30px; }

.sxp{margin-top:20px;margin-bottom:20px;}
.sxp a{color:#333;text-decoration:none;}

.ntu{ height:80px; margin-top:30px   }

#yqlj{
    width: 1100px;
    height: auto;
    margin: 0 auto;
    background: #333;
    color:#eee;
    position: relative;
    bottom: 0;
    text-align: left;}
#yqlj a{
    color:#eee;
    text-decoration: none;
}

.links .basewidth{
	width:1100px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
}
.links .basewidth a{
	color:#666;
	text-decoration:none;
}


.pages {
    clear: both;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}
.pages ul {
    overflow:hidden;
    padding: 0;
}
.pages ul a {
    color: #555;
    display: block;
    padding: 2px 10px;
    border: 1px solid #ddd;
    float: left;
    margin: 0 5px;
	text-decoration:none;
}
.pages ul li  {
    float:left;
}
.pages ul .thisclass {
    padding: 2px 10px;
    border: 1px solid #ddd;
    float: left;
    margin: 0 5px;
    background: #00c8ff;
    color: #fff;
}
.pages ul li.active a{
    background:#03A681;
    color:#fff;
    border:none;
    height:25px;
}


/****************2022年7月29日****************/

.lm5{ float:left; width:760px; height:1050px;margin:33px;}
.lmt5{float:left;width: 760px; font-size:14px; height:235px;border-bottom:1px dashed #bcbcbc;}
.lmt51 {float:left; height:65px; line-height: 65px;width:760px;  color:#0ec5a1;  font-size:18px; font-weight:bold}
.lmt51 img { margin-left:10px}
.lmt52 { float:left;line-height: 29px;width:530px; }

.lmt53{float:left;width:201px; margin-left:25px}

.lmt6 {font-weight:bold; color:#0ec5a1}