@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px; max-width:100%;}
a{ color:#333;}

.not-animated{ opacity:0;}

.top{ background:#007a8b;}
.topc{ width:1200px; margin:0 auto; overflow:hidden}
.logo{ float:left;}
.topr{ float:right;}
.bb{ margin-top:18px; text-align:right; text-transform:uppercase; font-size:14px;}
.bb a{ color:#fff; padding:0px 13px;}
.bb a:first-child{ border-right:1px solid #4da2ae;}
.ttel{ margin-top:25px; color:#fff; font-weight:bold; line-height:24px;} 
.ttel span{ font-size:20px;}
.ttel font{ font-size:24px;}
.nav{ height:50px;}
.navc{ width:1200px; margin:0 auto;}
.navc ul li{ float:left; width:150px; text-align:center; line-height:50px; font-size:15px;}
.navc ul li a{ display:block; color:#333333; font-weight:bold;}
.navc ul li:hover{ background:url(../images/navh.jpg) no-repeat center;}
.navc ul li.navh{ background:url(../images/navh.jpg) no-repeat center;}
.lanmu{ display:none;}
.wap_bb{ display:none}

.menu{position:absolute;width:100%;z-index:1000;border-bottom:1px solid #eee;display:none;overflow-y: auto;
    -webkit-overflow-scrolling: touch;}
.menu div{ background:#fff}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}


@media (max-width:1200px) {
	.topc{ width:93.75%;}
	.navc{ width:93.75%;}
	.navc ul li{ width:12.5%;}
	}
@media (max-width:768px) {
	.nav{ display:none;}
	.topr{ display:none;}
	.logo img{ height:60px;}
	.lanmu{ display:block; float:right; margin-top:16px;}
	.lanmu img{ height:28px;}
    .wap_bb{ display:block; line-height:60px; float:right; margin-right:10px; font-size:16px;}
	.wap_bb a{ color:#fff;}
	}


.banner{ /*background:url(../images/banner.jpg) no-repeat center;*/ height:600px;}
.ban{ display:none;}
@media (max-width:768px) {
	.banner{ display:none;}
	.ban{ display:block;}
	}

.snav{ width:1200px; margin:0 auto; padding:60px 0 70px; overflow:hidden}
.snav ul li{ float:left; margin-right:26px; position:relative; line-height:0px; font-size:0px;}
.snav ul li:last-child{ margin-right:0px;}
.snav ul li p{ position:absolute; bottom:33px; left:33px; padding-right:15px; border-bottom:1px solid #fff; padding-bottom:5px; font-size:20px; color:#fff; line-height:20px;transition:all 0.5s;}
.snav ul li .snavh{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:rgba(0,122,139,0.8); opacity:0; transition:all 0.5s;}
.snavhc{ position:absolute; top:50%; transform:translateY(-50%);width:100%;}
.snavhc span{ display:block; text-align:center; font-size:24px; color:#fff; line-height:24px; }
.snavhc font{ text-align:center; display:block; line-height:30px; width:98px; height:30px; margin:0 auto; margin-top:30px; border:1px solid #fff; color:#fff; font-size:14px;}
.snav ul li:hover .snavh{ opacity:1;}
.snav ul li:hover p{ opacity:0;}

@media (max-width:1200px) {
	.snav{ width:93.75%; margin:0 auto;}
	.snav ul li{ width:calc(25% - 20px); margin:0px 10px;}
	.snav ul li:last-child{ margin-right:10px;}
	.snav ul li p{bottom:20px; left:20px;}
	}
@media (max-width:1000px) {
	.snav{ padding:30px 0 40px;}
	.snav ul li{ width:calc(25% - 10px); margin:0px 5px;}
	.snav ul li:last-child{ margin-right:5px;}
	.snav ul li p{bottom:10px; left:10px; font-size:16px;}
	}
@media (max-width:768px) {
	.snav ul li:hover .snavh{ opacity:0;}
    .snav ul li:hover p{ opacity:1;}
	}
@media (max-width:640px) {
	.snav ul li{ width:calc(50% - 20px); margin:0px 10px; margin-bottom:20px;}
	.snav ul li:last-child{ margin-right:10px;}
	}
@media (max-width:450px) {
	.snav{ padding:20px 0px;}
	.snav ul li{ width:calc(50% - 10px); margin:0px 5px; margin-bottom:10px;}
	.snav ul li:last-child{ margin-right:5px;}
	}

.spro{ background:url(../images/index_02.jpg) no-repeat center; height:600px;}
.sprom{ width:1200px; margin:0 auto; padding-top:70px;}
.spro_top{ text-align:center}
.spro_cn{ font-size:24px; color:#fff; font-weight:bold; line-height:24px;}
.spro_en{ margin-top:10px;}
.spro_en span{ display:inline-block; width:125px; line-height:30px; font-size:16px; font-family:Arial; text-transform:uppercase; color:#fff; border:1px solid #fff;}
.spro_en::before{ content:""; width:180px; border-bottom:1px solid #fff; display:inline-block; position:relative; top:-3px;}
.spro_en::after{ content:""; width:180px; border-bottom:1px solid #fff;display:inline-block;position:relative; top:-3px;}
.sproc{ margin-top:40px; position:relative;}
.sproc .swiper-container{ width:1100px; margin:0 auto;}
.sproc .swiper-container .swiper-slide p{ text-align:center; margin-top:15px; color:#fff; font-size:14px;}
.sproc .swiper-container .swiper-slide:hover p{ color:#007a8b;}
.sproc .swiper-button-next,.sproc .swiper-button-prev{ width:42px; height:42px; background:#ffc100; color:#000000;  text-align:center; line-height:42px; font-family:'宋体';  font-size:16px; font-weight:bold;}
.sproc .swiper-button-next{ right:0px;}
.sproc .swiper-button-prev{ left:0px;}
.sproc .swiper-button-next:hover,.sproc .swiper-button-prev:hover{ background:#007a8b;color:#fff;}
.sproa{  width:125px; line-height:34px; border:1px solid #fff; margin:0 auto;margin-top:45px; text-align:center; font-size:14px; transition:all 0.5s;}
.sproa a{ color:#fff; display:block;}
.sproa:hover{ background:#007a8b; border:1px solid #007a8b;}

@media (max-width:1200px) {
	.sprom{ width:93.75%}
	.spro{ height:auto; padding-bottom:30px;}
	.sproc .swiper-container{ width:91.667%;}
	}
@media (max-width:1024px) {
	.sprom{ padding-top:30px;}
	.sproc .swiper-button-next,.sproc .swiper-button-prev{ width:30px; height:30px; line-height:30px;}
	}
@media (max-width:550px) {
	.spro_en::before{ width:120px;}
	.spro_en::after{width:120px;}
	}
@media (max-width:450px) {
	.spro_en::before{ width:80px;}
	.spro_en::after{width:80px;}
	.sproa{ margin-top:25px;}
	.sproc{ margin-top:30px;}
	}

.con{ width:1200px; margin:0 auto; padding:70px 0px 60px; overflow:hidden}
.snew{ float:left; width:275px;}
.con_top{ overflow:hidden; padding-bottom:15px; overflow:hidden}
.con_l{ float:left;}
.con_l span{ font-size:16px; color:#555; font-weight:bold;}
.con_l font{ font-size:14px; color:#999999; font-family:Arial; text-transform:uppercase; margin-left:5px;}
.con_r{ float:right; }
.con_r span{ color:#999;font-size:14px; margin-right:5px;}
.snewc ul li{ line-height:40px; padding-left:20px; border-bottom:1px solid #e5e5e5; font-size:14px; position:relative}
.snewc ul li a{ color:#666666;}
.snewc ul li .snewtb{ width:2px; height:2px; position:absolute; background:#aaaaaa; left:8px; top:18px;}
.snewc ul li .snewtb:before,.snewc ul li .snewtb:after{ content:""; display:block; width:2px; height:2px; position:absolute; background:#aaaaaa; }
.snewc ul li .snewtb:before{ left:-4px;}
.snewc ul li .snewtb:after{ top:4px;}
.snewc ul li:hover a{ color:#007a8b;}
.snewc ul li:hover .snewtb,.snewc ul li:hover .snewtb:before,.snewc ul li:hover .snewtb:after{ background:#007a8b}
.shon{ float:right; width:895px; }
.shonc{margin-top:10px;}
.shonc ul li{ float:left;width:calc(25% - 20px); margin:0px 10px;}

.shonc ul li p{ margin-top:15px; color:#666; font-size:14px;}

@media (max-width:1200px) {
	.snew{ width:240px;}
	.con{ width:93.75%; margin:0 auto;}
	.shon{ width:calc(100% - 260px);}
	.shonc ul li{ width:calc(25% - 10px); margin-right:10px;}
	}
@media (max-width:900px) {
	.con{ padding:40px 0px 30px;}
	
	.snew{ float:none; width:100%; margin-bottom:20px}
	.shon{ width:100%; float:none;}
	}
@media (max-width:640px) {
	.shonc ul li{ width:calc(50% - 10px);  margin:0px 5px;margin-bottom:10px;}
	
	}
@media (max-width:380px) {
	.con{ padding:20px 0px 10px;}
	.con_l span{ font-size:15px;}
	.con_l font{ font-size:13px;}
	}

.foot{ background:#f0f0f0; padding-top:65px;}
.footc{ width:1200px; margin:0 auto;}
.foot_top{ overflow:hidden; padding-bottom:30px;}
.footnav{ float:left; overflow:hidden}
.footnav .footul{ width:250px; float:left;}
.footnav .footul p{ font-size:16px; font-weight:bold; margin-bottom:24px;}
.footnav .footul p a{ color:#555555;}
.footnav .footul ul li{ margin-bottom:14px; font-size:14px;}
.footnav .footul ul li a{ color:#555555}
.fewm{ float:right;}
.fewm p{ margin-top:10px; font-size:14px; color:#555555;}
.footf{ padding:30px 0px 40px; border-top:1px solid #d2d2d2; overflow:hidden; font-size:14px; color:#555555;}
.footf a{ color:#555;}
.footl{ float:left;}
.footr{ float:right;}
@media (max-width:1200px) {
	.footc{ width:93.75%;}
	.footnav{ width:calc(100% - 150px);}
	.footnav .footul{ width:25%;}
	}
@media (max-width:900px) {
	.footnav{ width:100%;}
	.fewm{ display:none;}
	}
@media (max-width:768px) {
	.foot{ padding-top:20px;}
	.footnav .footul{ float:none; width:100%; border-bottom:1px solid #d2d2d2; margin-bottom:10px;}
	.foot_top{ padding-bottom:0px;}
	.footnav .footul p{ margin-bottom:14px;}
	.footnav .footul ul{ display:none;}
	.footf{ border-top:0px;padding:10px 0px;}
	
	}
@media (max-width:460px) {
	.footf{ text-align:center}
	.footl{ float:none; margin-bottom:10px;}
     .footr{ float:none;}
	}
	
	
/*ny*/
.banner_ny{ height:500px;background:url(../images/banner_ny.jpg) no-repeat center; }
.nybannerwap{ display:none;}
.content{ background:url(../images/ny_con.jpg) center #fff;}
.contentc{ width:1200px; margin:0 auto; background:#fff; box-shadow:rgba(0,0,0,0.5) 0px 0px 10px; }
.content_top{ background:#e5e4e4; line-height:50px; overflow:hidden; position:relative; top:-50px;}
.content_topl{ float:left; padding:0 30px; background:#a4a0a0; font-size:18px; color:#fff; font-weight:bold;}
.content_topr{ float:right; font-size:12px; color:#9b9b9b; margin-right:10px;}
.content_topr a{ color:#9b9b9b;}
.content_nav{ margin:0px 20px; background:#f6f6f6; padding:0px 20px; line-height:40px; overflow:hidden}
.content_nav ul li{ float:left; margin-right:20px; font-size:14px;}
.content_nav ul li a{ color:#666; display:block;}
.content_nav ul li:hover a{ color:#007a8b;}
.content_nav ul li.leftconli a{ color:#007a8b;}



.about{ padding:10px 20px 20px 20px; font-size:14px; line-height:2em;}
.contact{ padding:10px 20px 20px 20px; font-size:14px; line-height:2em;}
@media (max-width:1200px) {
	.contentc{ width:93.75%;}
	}
@media (max-width:768px) {
	.banner_ny{ display:none;}
	.nybannerwap{ display:block;}
	.content_top{ top:0px; line-height:30px;}
	.about{ padding:10px;}
	.contact{ padding:10px;}
	.contentc{ }
	.content_nav{ padding:0px;}
	.content_nav ul li{ text-align:center; width:50%; height:30px; overflow:hidden; line-height:30px; margin-right:0px;}
	}
@media (max-width:640px) {
	.content_topr{ display:none;}
	}
	
/*feedback*/
.jobContent{}
.jobContent .jobInfo{width:100%;background:#FFF;box-shadow:0px 0px 5px #999;text-indent:20px;text-align:left;}
.jobContent form{background:#FFF;padding:20px 10px; padding-top:0px;}
.jobContent form .input-group{margin:20px;position: relative; display: table;border-collapse: separate; width:calc(100% - 20px);text-align: center;border-radius: 4px;border: 1px solid #ccc;}
.jobContent form .input-group .input-group-addon{width: 81px;padding: 6px 12px;font-size: 14px;color: #555;text-align: center;background-color: #eee;display: table-cell;white-space: nowrap;vertical-align: middle; border-right:1px solid #ccc; width:103px;}
.jobContent form .input-group .form-control{display:table-cell;width:98%;padding: 6px 0px 6px 2%;font-size: 14px;color: #555; background-color: #fff; position:relative; z-index:2; border:0px; outline:none;}
.jobContent form .input-group .btn{ width:100%; background:#007a8b; border:0px; line-height:34px; height:34px; font-size:14px;border-radius: 4px; color:#fff;}


@media (max-width: 768px){
	.jobContent form{padding:5px 0;}
	.jobContent form .input-group .input-group-addon{ width:60px;}
	.jobContent form .input-group{width:calc(100% - 30px);}
	}
/*news*/
.news{padding:10px 20px 20px 20px;}
.news ul li{ overflow:hidden}
.news ul li{ line-height:40px; padding-left:20px; border-bottom:1px solid #e5e5e5; font-size:14px; position:relative}
.news ul li a{ color:#666666;}
.news ul li .new_dian{ width:2px; height:2px; position:absolute; background:#aaaaaa; left:8px; top:18px;}
.news ul li .new_dian:before,.news ul li .new_dian:after{ content:""; display:block; width:2px; height:2px; position:absolute; background:#aaaaaa; }
.news ul li .new_dian:before{ left:-4px;}
.news ul li .new_dian:after{ top:4px;}
.new_l{ float:left;}
.new_r{ float:right;}
.news ul li:hover a{ color:#007a8b;}
.news ul li:hover .new_dian,.news ul li:hover .new_dian:before,.news ul li:hover .new_dian:after{ background:#007a8b}
.pageNavi{ margin-top:20px; text-align:center}
.pageNavi a{ display:inline-block; width:30px; line-height:30px; border:1px solid #edeef2; color:#666666; margin:0px 4px; font-size:14px; margin-bottom:10px;}
.pageNavi span{display:inline-block; width:30px; line-height:30px;border:1px solid #edeef2;color:#666666;margin:0px 4px;font-size:14px; margin-bottom:10px;}
.pageNavi .current{ color:#fff; background:#007a8b; border:1px solid #007a8b;}

@media (max-width: 768px){
	.news{padding:10px;}
	}


/*newsshow*/
.newsshow{padding:10px 20px 20px 20px;}
.newstitel{    font-size: 16px;line-height: 25px;padding: 10px;text-align: center;font-weight: bold;}
.newsdate{ text-align:center; color:#666;}
.newsshow .bshare-custom{ text-align:center; margin-top:10px}
.newsshowcon{ margin-top:10px; line-height:2em; font-size:14px;}
@media (max-width: 768px){
	.newsshow{padding:10px;}
	}

/*honor*/
.honor{padding:10px 20px 20px 20px;}
.honor ul{overflow:hidden;}
.honor ul li{ float:left; width:25%; margin-bottom:15px; box-sizing:border-box; padding:0px 10px; text-align:center}
.honor ul li a{ display:block;}
.honor ul li .productsimg{ overflow:hidden;}
.honor ul li img{ max-width:100%;transition:all 0.5s;}
.honor ul li:hover .productsimg img{ transform:scale(1.1,1.1)}
.honor ul li p{ text-align:center; font-size:14px; color:#333; margin-top:15px;}
.honor ul li:hover p{ color:#007a8b}

.honor .pageNavi{ margin-bottom:15px;}

@media (max-width: 768px){
	.honor{ padding:10px;}
.honor ul li{ width:50%;}
	}

/*honorshow*/
.honorshow{ padding:10px 20px 20px 20px;}
.honorshow .nss_tit{ text-align:center; font-size:16px; color:#333; font-weight:bold;}
.honorshow .bshare-custom{ text-align:center; margin:10px 0px;}
.honorshow .pss_img{ text-align:center; margin-bottom:10px;}
@media (max-width: 768px){
	.honorshow{ padding:10px;}
	}
/*product*/
.produtct{ float:right; margin-right:20px; width:calc(100% - 380px); padding-bottom:30px;}
.produtct ul{overflow:hidden}
.produtct ul li{ float:left; width:33.333%; margin-bottom:15px; text-align:center}
.produtct ul li a{ display:block; padding:0px 15px;}
.produtct ul li .productsimg{ overflow:hidden;}
.produtct ul li img{ max-width:100%;transition:all 0.5s;}
.produtct ul li:hover .productsimg img{ transform:scale(1.1,1.1)}
.produtct ul li p{ text-align:center; font-size:14px; color:#333; margin-top:15px;}
.produtct ul li:hover p{ color:#007a8b}

.pro_nav{ float:left; width:320px; margin-left:20px; background:#f6f6f6;box-sizing: border-box; padding:30px 25px;}
.pro_nav ul li{ line-height:46px; border-bottom:1px solid #e5e4e4; font-size:14px; height:46px; overflow:hidden;}
.pro_nav ul li a{ color:#666;}
.pro_nav ul li:hover a{ color:#007a8b; font-weight:bold;}
.pro_nav ul li.leftconli a{ color:#007a8b; font-weight:bold;}
@media (max-width: 1200px)
{
    .produtct{width:calc(100% - 340px)}
    .pro_nav{ width:280px;}
    }
   @media (max-width: 1000px)
   {
       .produtct{width:calc(100% - 300px)}
      .produtct ul li a{padding:0px 10px;}
       .pro_nav{ width:240px;padding:20px 15px;}
       
       }
@media (max-width: 768px)
{
    .pro_nav{ float:none; width:100%; padding:0px; overflow:hidden; margin-left:0px;}
    .pro_nav ul li{ text-align:center; width:50%; float:left; border-right:1px solid #e5e4e4;box-sizing: border-box;} 
	.produtct{ padding:10px; float:none; width:100%;box-sizing: border-box;}
    .produtct ul li{ width:50%;}
	}


/*produtctshow*/
.produtctshow{padding:10px 20px 20px 20px; float:right; width:calc(100% - 380px)}
.nss_tit{ text-align:center; font-size:20px; color:#333; }
.produtctshow .bshare-custom{ text-align:center; margin-top:10px;}
.pss_img{ text-align:center; margin-top:10px;}

.ns_pn{ font-size:14px; line-height:30px; margin-top:10px; color:#333; margin-bottom:10px;}
.ns_pn a{ color:#333;}

.pro_tit{line-height:36px; background:#007a8b; border-radius:3px; margin:20px 0px; padding-left:20px; color:#fff; font-size:16px;}

@media (max-width: 1200px)
{
    .produtctshow{width:calc(100% - 340px)}
    }
   @media (max-width: 1000px)
   {
       .produtctshow{width:calc(100% - 300px)}

       
       }


@media (max-width: 768px){
	.produtctshow{ padding:10px;}
	.bshare-custom{ display:none;}
	.produtctshow{ float:none; width:100%;box-sizing: border-box;}
	}
	
/*漂浮，在线咨询*/
#zxzx_rt{ position:fixed; right:20px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:18px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:170px; height:125px; border:2px solid #212121; background:#FFF; }
#zxzx_rt .box .p_1{ text-align:center; font-size:16px; line-height:20px; font-weight:bold; color:#212121; padding-top:13px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:10px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:120px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #212121; border-radius:4px; background:#FFF; display:none;}
#zxzx .top1{ height:42px; color:#FFF; background:#212121; border-radius:4px; overflow:hidden;}
#zxzx .top1 .tit{ float:left; padding:0 0 0 10px; font-size:16px; line-height:40px;}
#zxzx .top1 .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top1 .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#212121; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}

@media (max-width:768px) {
	#zxzx_rt{ display:none;}
	}



.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:666;}