@charset "utf-8";
/* CSS Document */
*,*:before,*:after {  }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:25px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; }
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong {  }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{width: 100%; position: fixed;  z-index: 100;height: 80px;}
.headerbox{width: 1340px; margin: 0  auto;}
.logo{ height:60px; padding-top: 12px;float: left; position:relative;}
.logo img{ height:60px;}
.yzxz {float: right;width: 100px; line-height: 80px;background: url(../images/a11.png) no-repeat left center; padding-left: 25px; color:#fff;}
.yzxz a{color: #fff;font-size: 14px; padding:0px 5px;}
.yzxz  a.cur{color: #EB5757;}
.yzxz  a:hover{color: #EB5757;}
.ywz{  display:none;}
.nav{float: right; padding-right:70px;}

.nav li{float: left; padding:0 22px;position: relative;}
.nav h3 a{font-weight: normal; color: #fff;font-size: 16px; line-height: 80px;}
.nav img{display: none;}
.nav h3:hover a{color: #52b7b9;}

.nav li h3 a:before{position: absolute; content: "";border-bottom: 2px solid #52b7b9;; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}
.nav li h3:hover a:before{width: 60%;}

.sub{position: absolute;width: 100%;top: 80px; left: 0; background: rgba(0,0,0,.7);z-index: 100;display: none;}
.sub dt{font-size: 14px; text-align: center; line-height: 40px;}
.sub dt a{display: block; color: #fff;}
.sub dt a:hover{background: #52b7b9;}

.header.on{ background:#fff;}
.logo1{display: block;}
.logo2{display: none;position: absolute;left:0; top:12px;}
.header.on .logo2{display: block;}
.header.on .nav h3 a{font-weight: normal; color: #333;font-size: 16px; line-height: 80px;}
.header.on .yzxz {float: right;width: 100px; line-height: 80px;background: url(../images/a1.png) no-repeat left center; padding-left: 25px; color:#333;}
.header.on .yzxz a{color: #333;font-size: 14px; padding:0px 5px;}
.header.on .yzxz a.cur{color: #EB5757;}

.banner img{width: 100%;}
.banner .swiper-button-prev{background: url(../images/left.png);width: 48px;height: 48px;margin-top: -24px;background-size: 100%;opacity:0.6;}
.banner .swiper-button-next{background: url(../images/right.png);width: 48px;height: 48px; margin-top: -24px;background-size: 100%;opacity:0.6;}
.banner .swiper-button-prev:hover{opacity:1;}
.banner .swiper-button-next:hover{opacity:1;}


.gscp{width:1360px; margin: 0 auto; padding-bottom: 60px;}
.gscp_tit{text-align: center; padding: 85px 0 30px;}
.gscp_tit h2{font-weight: bold; font-size: 30px; color: #333;}
.gscp_tit p{font-size: 14px; line-height: 1.6; color: #666; margin-top: 15px;}
.gscp_bt ul{text-align: center;}
.gscp_bt li{display: inline-block; font-size: 14px;color: #666;line-height: 35px;}
.gscp_bt a{display: inline-block; transition: All 0.4s ease-in-out; width:162px; height:40px; line-height:40px; margin: 0 10px; color: #52b7b9; border:1px solid  #52b7b9;}
.gscp_bt a:hover{background: #52b7b9;color:#fff;}

.gscp_qh{position: relative; margin: 50px  auto 0 auto; padding: 0 60px;width: 1480px;}
.gsbox span{display: block; overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.1);}
.gsbox img{width: 100%;transition: All 0.4s ease-in-out;}
.gsbox p{font-size: 18px;color:#666666; line-height:60px; border:1px solid rgba(0, 0, 0, 0.1); border-top:0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;}
.gscp_qh a:hover p{color: #fff; background: #52b7b9; border:1px solid  #52b7b9;}
.gscp_qh a:hover  span{border: 1px solid  #52b7b9;}
.gscp_qh .swiper-button-next{background: url(../images/right1.png);width: 48px;height: 48px;margin-top:24px;top: 38%; right:-10px;}
.gscp_qh .swiper-button-prev{background: url(../images/left1.png);width: 48px;height: 48px;margin-top:24px;top: 38%;left:-10px;}
.gscp_qh .swiper-button-prev:hover{background: url(../images/left.png);}
.gscp_qh .swiper-button-next:hover{background: url(../images/right.png);}
.ckgd{ width:200px; height:48px; border:1px solid  #52b7b9; margin:55px auto 0px auto; border-radius:3px;}
.ckgd a{ width:200px; height:48px; color: #52b7b9; display:block; text-align:center; line-height:48px;transition: all 0.8s;}
.ckgd a:hover{ background: #52b7b9; color:#fff;}
.cont2{ width:100%; height:auto; padding:80px 0px 60px 0px; background:#E2E2E2;}
.cnt2{ width:1360px; margin:0 auto;}
.cnt21{ width:610px; height:auto; float:left;}
.cnt21t{ width:100%; height:auto; background:url(../images/a4.png) left bottom no-repeat; padding-bottom:25px; margin-bottom:28px; }
.cnt21t h2{ font-size:30px; color: #52b7b9; height:40px;}
.cnt21t p{ width:100%; font-size:14px; color:#9999;}
.cnt21d a{ width:160px; height:40px; border:1px solid  #52b7b9; display:block; text-align:center; line-height:40px; color: #52b7b9; margin-top:60px;}
.cnt22{ width:665px; height:445px; float:right;}
.cnt22 img{ width:665px; height:445px;}
.cont3{ padding-bottom:75px;}
.cnt3{ width:1360px; height:487px; margin:0 auto;}
.cnt31{ width:680px; height:487px; float:left;}
.cnt32{ width:680px; height:487px; border:1px solid rgba(0, 0, 0, 0.1); border-bottom:0px; border-right:0px;box-sizing: border-box; float:right;}
.cnt32 li{  width:50%; height:161px;border-bottom:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1) ; float:right;}
.cnt32 li:nth-child(1) a{ background:url(../images/b2.png) center top 30px no-repeat; width:100%; height:100%; display:block; text-align:center; line-height:240px; overflow:hidden; font-size:18px;}
.cnt32 li:nth-child(1) a:hover{ background:#52b7b9 url(../images/b22.png) center top 30px no-repeat; color:#fff;}
.cnt32 li:nth-child(2) a{ background:url(../images/b1.png) center top 30px no-repeat; width:100%; height:100%; display:block; text-align:center; line-height:240px; overflow:hidden; font-size:18px;}
.cnt32 li:nth-child(3) a{ background:url(../images/b3.png) center top 30px no-repeat; width:100%; height:100%; display:block; text-align:center; line-height:240px; overflow:hidden; font-size:18px;}
.cnt32 li:nth-child(4) a{ background:url(../images/b4.png) center top 30px no-repeat; width:100%; height:100%; display:block; text-align:center; line-height:240px; overflow:hidden; font-size:18px;}
.cnt32 li:nth-child(5) a{ background:url(../images/b5.png) center top 30px no-repeat; width:100%; height:100%; display:block; text-align:center; line-height:240px; overflow:hidden; font-size:18px;}
.cnt32 li:nth-child(6) a{ background:url(../images/b6.png) center top 30px no-repeat; width:100%; height:100%; display:block; text-align:center; line-height:240px; overflow:hidden; font-size:18px;}
.cnt32 li:nth-child(2) a:hover{ background:#52b7b9 url(../images/b11.png) center top 30px no-repeat;color:#fff;}
.cnt32 li:nth-child(3) a:hover{ background:#52b7b9 url(../images/b33.png) center top 30px no-repeat;color:#fff;}
.cnt32 li:nth-child(4) a:hover{ background:#52b7b9 url(../images/b44.png) center top 30px no-repeat;color:#fff;}
.cnt32 li:nth-child(5) a:hover{ background:#52b7b9 url(../images/b55.png) center top 30px no-repeat;color:#fff;}
.cnt32 li:nth-child(6) a:hover{ background:#52b7b9 url(../images/b66.png) center top 30px no-repeat;color:#fff;}
.cont4{ width:100%; height:auto; background:url(../images/a7.png) center no-repeat; padding-bottom:75px; background-size:cover;}
.cnt4{ width:1360px; height:auto; margin:0 auto; padding-top:5px;}
.cnt4 li{ width:31.33%; float:left; height:auto; border:1px solid #fff; color:#fff;box-sizing: border-box;transition: all 0.6s; margin-right:3%;}
.cnt4 li:nth-child(3n)  { margin-right:0px;}
.cnt4 li h2{ width:100%; font-size:24px; font-weight:bold; padding-top:40px; text-align:center; padding-bottom:25px; background:url(../images/a8.png) center bottom no-repeat; }
.cnt4 li p{ width:90%; margin:15px auto 30px auto; text-align:center; line-height:25px; height:50px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cnt4 li:hover{ border:1px solid #52b7b9;; background:#52b7b9;}

.cont5{ width:100%; height:auto; padding-bottom:65px; margin:0 auto;}
.cnt5{ width:1360px; height:auto; margin:5px auto 0px auto;}
.cnt5 li{ width:31.33%; height:auto; float:left; margin-right:3%; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-bottom:30px; position:relative;}
.cnt5 li:nth-child(3n)  { margin-right:0px;}
.cnt5 li a{ width:100%; height:auto; display:block;}
.cnt5 li a img{ width:100%;cursor: pointer;transition: all 1.2s;}
.cnt5 li a:hover img{transform: scale(1.1);}
.cnt5 li a h2{ width:100%; height:30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:18px; color:#333; margin-top:10px;}
.cnt5 li a .time{ width:100%; line-height:30px; color:#999; font-size:12px;}
.cnt5 li a p{ width:100%; height:84px; line-height:28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.cnt5 li span{ width:90px; height:2px; background:#52b7b9; position:absolute; bottom:-1px;transition:all 0.7s;;}
.cnt5 li:hover span{ width:100%;}
.cnt5 li a:hover h2{ color:#52b7b9;}

.footer{background: #20252C;;}
.footerbox{width: 1360px; overflow: hidden; margin: 0 auto;}
.foot_rigth{float: left;width: 247px;text-align:center ;height: 330px;position: relative;}
.fort{position: absolute; width: 100%;text-align: center; left: 0;top:42%; transform: translateY(-50%);}
.fort p{font-size: 14px;color: #386FAA; margin:  10px 0;}
.fort h2{font-size: 24px;font-weight: bold;color: #fff;}
.fort img{margin: 0 auto;}
.rwm{float: right; padding-left:50px;padding-top:60px;}
.rwm h2{color: #fff;font-size: 14px; margin-bottom: 17px;}
.rwm ul{overflow: hidden; margin-left: -60px;}
.rwm li{float: left; padding-left: 60px;}
.rwm p{font-size: 12px;color: #999999;margin-top: 12px;}
.foot_left{float:right;width: calc(100% - 650px);padding-top:60px;}
.foot_left ul{overflow: hidden;}
.foot_left li{float: left; width:20%;}
.foot_left ul li:nth-child(4){ width:40%;}
.foot_left h2{color: #fff;font-size: 14px; margin-bottom: 15px;}
.foot_left dt{line-height: 32px;color: #BDBDBD;}
.foot_left a{color: #BDBDBD;}
.foot_left a:hover{color: #fff;}
.bqxx{border-top: 1px solid #41464f;}
.bqxxbox{width: 1360px; margin: 0 auto;}
.bqxxbox p{line-height: 54px; color: #666666;}
.bqxxbox p a{color: #666;}
.bqxxbox p a:hover{color: #fff;}
.bqxxbox span{text-align: center;width: 310px;background: #;}

.ban1{ width:100%; height:auto;padding-top:0px;}
.ban1 img{ width:100%;display:block;}
.p_menu{ width:100%; height:60px; border-bottom:1px solid rgba(0, 0, 0, 0.1); margin-bottom:20px;}
.p_menu1{ width:1360px; height:60px; margin:0 auto; border-left:1px solid rgba(0, 0, 0, 0.1)}
.p_menu1 a{ width:270px; height:60px; border-right:1px solid rgba(0, 0, 0, 0.1); text-align:center; line-height:60px; font-size:18px; color:#333; display:block; float:left;}
.p_menu1 a:hover{ background:#52b7b9;; color:#fff;}

.gscp_tit1{text-align: center; padding: 0px 0 30px;}
.gscp_tit1 h2{font-weight:  normal; font-size: 30px; color: #333;}
.gscp_tit1 p{font-size: 14px; line-height: 1.6; color: #666; margin-top: 15px;}
.gscp_tit1 span{ width:100%; color:#666; line-height:30px; margin-top:15px; display:block;}
.hder{ width:100%; height:80px;}

.main{ width:1360px; height:auto; margin:65px auto 65px auto;}

.main_z{ width:100%; height:auto; margin-bottom:30px;}
.main_z li{ width:31.33%; float:left; margin-right:3%; float:left;}
.main_z li:nth-child(3n){ margin-right:0px; margin-bottom:35px;}
.gsbox1 span{display: block; overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.1);}
.gsbox1 img{width: 100%;transition: All 0.4s ease-in-out;}
.gsbox1 p{font-size: 18px;color:#666666; line-height:60px; border:1px solid rgba(0, 0, 0, 0.1); border-top:0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;}
.main_z li a:hover p{color: #fff; background:#52b7b9; border:1px solid #52b7b9;}
.main_z li a:hover  span{border: 1px solid #52b7b9;}
#nx_pg{width:100%; min-height:50px; padding:20px 0px 0px 0px; text-align:center;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #767676; color:#767676;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#52b7b9;;border:1px solid #52b7b9;; color:#fff;}
#nx_pg .on{ background:#52b7b9;;border:1px solid #52b7b9;; color:#fff;}
.bread{ width:1360px; height:50px; line-height:50px; border-bottom:1px solid rgba(0, 0, 0, 0.1);; margin:0 auto; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bread a:hover{ color:#52b7b9;}
.main_z1{ width:1360px; height:auto; padding-bottom:15px;}
/* 选项卡示例样式 */
.main3 {width:1360px;margin:40px auto;}
.tab1 {overflow: hidden;width:1360px;height:60px;cursor: pointer;border: 1px solid #BDBDBD;box-sizing: border-box;}
.tab1 li {float: left;width:185px;text-align: center; font-size:18px;line-height:60px; height:60px; color:#333;border-right: 1px solid #BDBDBD;}
.tab1 li.on {background:#52b7b9;; color:#fff;}
.con1 {width:1360px;padding:30px;border: 1px solid #BDBDBD;;border-top: none;box-sizing: border-box;  }

.pd_hd_l{width:1360px; margin:0 auto; position:relative; overflow:hidden; }

.pd1 img{display:block; width:100%; height:auto;border: 1px solid #E0E0E0;
box-sizing: border-box;}

.pr_l{ width:610px; height:auto; float:left;}

.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{ position:absolute; bottom:0px;; width:40px; height:40px;z-index:99; opacity:0.75;  background-size:cover; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }
.gallery-thumbs .swiper-button-prev{ background-image: url(../images/left.png) !important;  left:5px; }
.gallery-thumbs .swiper-button-next{background-image: url(../images/right.png)  !important ;  right:5px; }
.swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: auto; width:100%; }
.gallery-thumbs { width:100%; height: auto; margin-top:10px !important;   }
.gallery-thumbs .swiper-slide {height: 100%; border: 1px solid #E0E0E0;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {    transition: all .2s linear;border: 1px solid #52b7b9;   box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}

.prodxj{ width:50%; height:  auto; position:absolute; left:50%; top:1%;}
.prodxj_title{ width:100%; height:50px; line-height:30px; font-size:24px;border-bottom: 1px solid #BDBDBD; font-weight:bold; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.prodcolor{ width:100%; padding-top:30px; font-size:14px; color: #666; }
.prodcolor span{color:#333; font-size:18px; font-weight:bold; }

.deta1{ width:400px; height:48px; margin-top:50px;}
.deta1 a{ width:180px; height:48px; float:left; display:block; margin-right:40px; border:1px solid #52b7b9; color:#52b7b9;;box-sizing: border-box; text-align:center; line-height:46px;   }
.deta1 a:hover{ text-decoration:underline;}
.deta1 a:nth-child(2){margin-right:0px; color:#fff; background:#52b7b9;}

.prod_tip1{ width:1360px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#333; text-indent:25px;background:#E9EDF0; margin:40px auto 0px auto;}
.prod_content{ width:1360px; height:auto; padding-top:20px; margin:0 auto;}
.prod_content img{ max-width:100%;}

.yyhy_nr ul{ width:100%;overflow: hidden; margin-left: -20px;}
.yyhy_nr li{float: left; width: 30%; padding: 0 0 20px 20px;}
.yyhybox{position: relative;}
.yyhy_tp{position: relative;}
.yyhy_tp img{width: 100%; display:block;}
.yyhy_tp p{width: 100%; position: absolute;left: 0;bottom: 0; text-align: center; font-size: 16px;line-height: 50px;color: #fff;background: rgba(0,0,0,.5);}
.yyhy_zz{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);;top: 0;left: 0;opacity: 0;transition: All 0.4s ease-in-out;}
.zztext{position: absolute;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}
.zztext h2{ width:100%;font-size: 24px; color: #fff;margin-bottom: 15px; text-align:center;}
.zztext h2 img{ display:inline-block;}
.zztext p{color: #fff;font-size: 14px; width:160px; height:42px; border:1px solid #fff; margin:0 auto; line-height:42px;}
.yyhy_nr a:hover .yyhy_zz{opacity: 1;}
.yyhy_nr a:hover .yyhy_tp p{opacity: 0;}
.art_detail{ width:100%; height:auto; background:#fff; padding:20px 0px;box-sizing: border-box;}
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align: left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
@media(max-width:756px){
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:5px; line-height:26px; text-align: center; font-size:16px; font-weight:bold;}
}

.artile{ width:100%; height:auto; margin:30px auto 45px auto;}
.artile ul{ margin-bottom:45px;}
.artile li{ width:1400px; margin:0 auto;; height:309px; background:#fff;  padding:45px 0px;transition:all 0.5s;border-bottom: 1px solid #E0E0E0;;}
.xman{ max-width:1360px; width:96%; margin:0 auto; }
.art1{ width:420px; height:308px; float:left; margin-right:38px;}
.art1 img{width:420px; height:308px;}
.art2{ height:308px;overflow: hidden; }
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:42px; font-weight: bold; line-height:30px; height:30px; padding-bottom:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:100%; height:75px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art2 .art2_1{ width:100%; height:40px; line-height:40px; padding-top:25px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s;}
.art2 .art2_1 span{ color:#fff; font-size:12px; float:right; padding:0px 22px; color:#fff; background:#333333;;transition:all 0.5s; border:1px solid #333333;;}
.artile li:hover .art2 h2{ color:#fff;}
.artile li:hover{ background:#333333;;;}
.artile li:hover .art2 .art_p{ color:#fff;}
.artile li:hover .art2 .art2_1 h3{ color:#fff;}

.artile li:hover .art2 .art2_1 span{  border:1px solid #333333;; color:#333333;; background:#fff;}
.contact{ width:1360px; height:357px; margin:65px auto; background:#E9EDF0;}
.ctact1{ width:541px; height:357px; padding-left:50px; color:#fff; padding-top:40px; float:left;box-sizing: border-box;  background:#333333 url(../images/d1.png) right top no-repeat}
.ctact1 h2{ width:100%; font-size:24px; line-height:40px; font-weight:normal;}
.ctact1 ul{ margin-top:15px;}
.ctact1 h3{ width:100%; font-size:18px; line-height:42px; height:42px; font-weight:normal; }
.ctact1 li{ width:100%; height:36px; line-height:36px; }
.ctact1 li img{ vertical-align:-6px; padding-right:10px;}
.ctact2{ width:815px;  padding-top:50px; float:right;}
.ct521{ width:90%; height: auto; margin:0px auto;box-sizing: border-box; color:#fff; }
.jon1{ width:48%; height: auto; padding-bottom:15px; float:left;}
.jon2{ width:48%; height: auto; padding-bottom:15px; float:right;}
.b1{width:100%; height:60px; line-height:60px; margin:0;box-sizing: border-box; border-radius:0px; padding:0; background:#fff;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#ecedef 1px solid; background-color:#f7f8f9; }
.b2{width:100%; height:115px; line-height:34px;border-radius:0px; background:#fff; margin:0; padding:0;box-sizing: border-box;border:#e0e0e0 1px solid; padding-left:5px;-}
.b2:hover{border:#ecedef 1px solid; background-color:#f7f8f9;  }

.jon4{ width:100%; height: auto ; margin-bottom:15px; display:block;}

.jon5{ width:20%; height:44px; }
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; line-height: 44px; color: #fff; background: #333;}
.map{ width:1360px; height:auto; margin:0 auto 70px auto;}
.map img{ width:100%;}

.wz1180{width: 100%; margin: 0 auto;overflow: hidden; }
#loutiNav {width:100%; left:0px;float: left;top:80px; z-index:999; background:#fff;border:1px solid #e6e6e6;}
#loutiNav ul{ width:1360px; height:auto; margin:0 auto; border-left:1px solid #e6e6e6;box-sizing: border-box;}
#loutiNav li{ width:20%;line-height:44px; float:left;font-size:14px;cursor:pointer; text-align:center;border-right:1px solid #e6e6e6;box-sizing: border-box;}
#loutiNav li span {font-size:18px;display: block; padding: 0 15px; color: #333;}

#loutiNav li span.active {color:#005468;;}
#main { width:100%; height:auto; margin:0 auto; text-align:center;}
#main img{ max-width:100%; }
.louti{ padding-top:70px;}
.abz1{ width:1360px; height:auto; margin:0 auto;}


.cont31{ width:1360px; height:auto;  margin:0 auto;background-size:cover;}
.cntx2{ max-width:1300px; height: auto; margin:30px auto 30px auto; position:relative;; }
.layer3_box2{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff;}
.layer3_box2 a{ color:#fff;}

.layer3_box2 img{width:96%; height: auto; cursor: pointer;transition: all 1.2s;}
.layer3_box2 img:hover{transform: scale(1.04);}
.layer3_box2 p{ width:100%; height:60px; line-height:60px;transition: all 0.5s; color:#333; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}

.cntx2  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-4%; width:41px; height:41px; margin-top:-20px; background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx2  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-4%; width:41px; height:41px;margin-top:-20px;  background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}


.cntx1{ max-width:1200px; height: auto; padding-top:25px; margin:0px auto 90px auto; position:relative; }
.layer3_box1{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff; border:1px solid #BDBDBD;box-sizing: border-box; position:relative;}
.layer3_box1 img{ width:100%; display:block;}
.cntx1  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:44px; height:44px; margin-top:-22px; background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx1  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:44px; height:44px;margin-top:-22px;  background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}
.bt2{text-align:center;color:#999;}
.bt2 h2{ font-size:36px; font-weight:normal; padding-bottom:15px; color:#333; }




@media(max-width:1380px){
.headerbox{width: 100%; padding: 0 10px;}
.yyhy{width: 100%; padding: 0 10px;}

}
@media(max-width:1200px){
.header{height: 50px;}
.hder{ width:100%; height:50px;}
.logo{ height:40px; padding-top:5px;}
.logo img{ height:40px;}
.logo2{top:5px;}
.yzxz{ display:none;}

.ywz { display:block;width: 100px; line-height: 80px;background: url(../images/a1.png) no-repeat left center; padding-left: 25px; color:#333; margin:0 auto;}
.ywz a{color: #333;font-size: 14px; padding:0px 5px;}
.ywz  a.cur{color: #EB5757;}
.yzxz  a:hover{color: #EB5757;}
.dhbtn{width: 30px; height: 30px;background: url(../images/dm1.png) no-repeat center center #52b7b9;background-size: 20px 20px;position: absolute;right: 3%;top: 10px;border-radius: 4px;}
.dhbtn.on{width: 30px; height: 30px;background: url(../images/dm2.png) no-repeat center center #52b7b9;;background-size: 20px 20px;position: absolute;right: 3%;top: 10px;border-radius: 4px;}
.nav{position: fixed;width: 200px;height: 100%;background: #fff; top: 0;left: -200px;overflow: auto; padding-right:0px;}
.nav li{float: none;width: 100%; padding: 0 10px;}
.nav h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333;}
.header.on .nav h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333;}
.nav img{width: 100px; margin: 25px auto;}
.nav li h3 a:before{ display:none;position: absolute; content: "";border-bottom: 2px solid #52b7b9; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}
.nav li h3:hover a:before{width: 60%; display:none;}
.dhbj{width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 90;position: fixed;display: none;}
.nav img{display: block;}
.nav .sub {position: static;}
.sub dt{line-height: 40px; font-size: 12px;line-height: 30px;}
.banner .swiper-button-next{width: .48rem;height: .48rem; margin-top: -.24rem;}
.banner .swiper-button-prev{width: .48rem;height: .48rem; margin-top: -.24rem;}
}

.main2 {width:1360px; height:482px;margin:20px auto;}
.tab {overflow: hidden;width:680px; height:482px; float:right;border: 1px solid rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.1); border-right:0px;cursor: pointer;box-sizing: border-box; }
.tab li {float: left;width: 50%;text-align: center;height:241px; background:url(../images/b1.png) center top 35px no-repeat;border-right: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box; line-height:290px; overflow:hidden; font-size:18px;}
.tab li.on {background:#52b7b9 url(../images/b11.png) center top 35px no-repeat; color:#fff; color:#fff;}
.con {width: 680px; height:482px;} 
.con img {width: 680px; height:482px;}

.tab li:nth-child(2){ background:url(../images/b2.png) center top 35px no-repeat;;}
.tab li:nth-child(2).on{background:#52b7b9 url(../images/b22.png) center top 35px no-repeat; }
.tab li:nth-child(3){ background:url(../images/b3.png) center top 35px no-repeat;;}
.tab li:nth-child(3).on{background:#52b7b9 url(../images/b33.png) center top 35px no-repeat; }
.tab li:nth-child(4){ background:url(../images/b4.png) center top 35px no-repeat;;}
.tab li:nth-child(4).on{background:#52b7b9 url(../images/b44.png) center top 35px no-repeat; }
.tab li:nth-child(5){ background:url(../images/b5.png) center top 35px no-repeat;;}
.tab li:nth-child(5).on{background:#52b7b9 url(../images/b55.png) center top 35px no-repeat; }
.tab li:nth-child(6){ background:url(../images/b6.png) center top 35px no-repeat;;}
.tab li:nth-child(6).on{background:#52b7b9 url(../images/b66.png) center top 35px no-repeat; }



.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -140px;
    top: 65px;
    width: 160px;
    height: 160px;

}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}