@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}


*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.wrap2{ max-width:1700px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{animation:searchTop 0.5s ease-in-out;}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}

header{position:fixed;left:0;top:0;z-index:99999;width:100%;border-bottom:3px solid #9eabb7;background:#fff;}
header:before{content:"";width:50%;background:#0b6ac3;position:absolute;left:0;top:0;height:100%;z-index:-1;}
header::after{content:"";width:50%;background:#fff;position:absolute;right:0;top:0;height:100%;z-index:-1;}
.header-main{display:flex;justify-content:space-between;align-items:center;background:#fff;}
.logo{ width:454px;margin-right:16px;}
.logo img{ max-width:100%; display:block;}

.nav-ul {display: flex;width:900px;}
.nav-ul li {position:relative;width:14.28%;}
.nav-ul li .nav_a {display:block;font-size:17px;color:#606060;text-align:center;line-height:94px;position:relative;transition:0.5s; }
.nav-ul li .nav_a:before{content:"";width:100%;height:3px;background:#0b6ac3;position:absolute;left:0;bottom:-3px;transition:0.5s;opacity:0; }
.nav-ul li:hover .nav_a, .nav-ul li .nav_a.active {background:#f2f2f2;}
.nav-ul li:hover .nav_a:before, .nav-ul li .nav_a.active:before{opacity:1}
.nav-ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:rgba(255,255,255,0.8);width:100%;box-shadow:0 4px 10px #333;border-top:3px solid #0b6ac3;}
.nav-ul .sub_ul li{width:100%;padding:5px;}
.nav-ul .sub_ul li .nav_a2{font-size:12px;line-height:30px;text-align: center;color:#333;display:block;}
.nav-ul li .nav_a2:hover, .nav-ul li .nav_a2.on {background:#0b6ac3;color: #fff;}

.header-right{display:flex;background:url(../images/dian1.png) no-repeat left center;padding-left:45px;align-items:center;position:relative;}
.header-right a{font-size:13px;color:#9a9a9a;}
.header-right a:hover{color:#0b6ac3;text-decoration:underline !important;}
.header-right span{color:#9a9a9a;margin:0 5px;}
.header-right i{cursor:pointer;font-size:20px;color:#b9babd;}
.headerR{width:126px;}
.header-right form{position:absolute;right:0;bottom:-30px;width:150px;display:none;}
.header-right form input[type="text"]{width:calc(100% - 30px);border-bottom:1px solid #9a9a9a;padding-left:5px;float:left;background:none;}
.header-right form input[type="submit"]{width:30px;background:none;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:40px;height:3px;background:#0b6ac3;border-radius:5px; display:block;}
.icon-menu .span02 { width:40px;height:3px;background:#0b6ac3;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:40px;height:3px;background:#0b6ac3;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjnav{ width:115px; height:280px; position:absolute;right:0%; top:93px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover{background:#333; color:#fd5573;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{}
.ban-img { padding-top:40%;}
/*.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{background:#fd5573}*/
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

section{position:relative;}
section ul{display:flex;flex-wrap:wrap;}
section ul li{width:25%;display:flex;justify-content:center;align-items:center;border-right:1px solid #fff;padding:30px 10px;}
section ul li img{display:block;max-width:100%;margin-right:23px;transition:0.5s;}
section ul li .t1{font-size:20px;color:#464646;font-weight:bold;line-height:32px;}
section ul li .t2{font-size:14px;color:#333;line-height:26px;}
section ul li:nth-child(1){background:#f5f5f5;}
section ul li:nth-child(2){background:#eee;}
section ul li:nth-child(3){background:#e8e8e8;}
section ul li:nth-child(4){background:#d9d9d9;}
section ul li:hover img{transform:rotateY(360deg);}
section ul li:hover{background:#0b6ac3;}
section ul li:hover .t1, section ul li:hover .t2{color:#fff;}
section ul li:nth-child(1) .section-box{background:url(../images/d1.png) no-repeat left center;padding-left:50px;}
section ul li:nth-child(2) .section-box{background:url(../images/d2.png) no-repeat left center;padding-left:50px;}
section ul li:nth-child(3) .section-box{background:url(../images/d3.png) no-repeat left center;padding-left:50px;}
section ul li:nth-child(4) .section-box{background:url(../images/d4.png) no-repeat left center;padding-left:50px;}
section ul li:nth-child(1):hover .section-box{background:url(../images/d1-1.png) no-repeat left center;}
section ul li:nth-child(2):hover .section-box{background:url(../images/d2-1.png) no-repeat left center;}
section ul li:nth-child(3):hover .section-box{background:url(../images/d3-1.png) no-repeat left center;}
section ul li:nth-child(4):hover .section-box{background:url(../images/d4-1.png) no-repeat left center;}

section ul li:nth-child(1):hover{background:#0b6ac3;}
section ul li:nth-child(2):hover{background:#09a49c;}
section ul li:nth-child(3):hover{background:#07cde4;}
section ul li:nth-child(4):hover{background:#0fab64;}

.title .t1{line-height:45px;font-size:48px;color:#dedede;text-transform:uppercase;font-family:"Arial";font-weight:bold;}
.title .t2{line-height:38px;font-size:30px;color:#0b6ac3;background:url(../images/title.png) no-repeat center 18px;}

.pro{margin:80px 0 0 0;}
.pro-main{margin:55px 0 0 0;background:url(../images/bj1.jpg) no-repeat 50% 50%;background-size:cover;padding:60px 0 110px 0;}
.pro-box{position:relative;text-align:center;}
.swiper-product .swiper-slide{border-radius:8px;padding:25px 25px 80px 25px;background:linear-gradient(top,rgba(190,218,240,0.2),rgba(255,255,255,0));background:-webkit-linear-gradient(top,rgba(190,218,240,0.2),rgba(255,255,255,0));background:-moz-linear-gradient(top,rgba(190,218,240,0.2),rgba(255,255,255,0));background:-o-linear-gradient(top,rgba(190,218,240,0.7),rgba(255,255,255,0));}
.swiper-product .swiper-slide h3{font-size:20px;color:#fff;font-weight:bold;}
.swiper-product .swiper-slide i{font-size:30px;color:#00eaff;margin:10px 0;}
.swiper-product .swiper-slide ul{display:block;}
.swiper-product .swiper-slide ul li{width:100%;border:1px solid #b0cee6;border-radius:30px;text-align:center;margin:0 auto 5px auto;transition:0.5s;}
.swiper-product .swiper-slide ul li a{display:block;font-size:16px;color:#fff;line-height:36px;}
.swiper-product .swiper-slide .more{display:block;font-size:14px;color:#fff;opacity:0.7;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);}
.swiper-product .swiper-slide .more:hover{opacity:1;text-decoration:underline !important;}
.swiper-product .swiper-slide ul li:hover{background:#00d0e3;}
.swiper-product .swiper-slide:hover{background:linear-gradient(top,rgba(30,30,30,0.2),rgba(0,0,0,0));background:-webkit-linear-gradient(top,rgba(30,30,30,0.2),rgba(0,0,0,0));background:-moz-linear-gradient(top,rgba(30,30,30,0.2),rgba(0,0,0,0));background:-o-linear-gradient(top,rgba(30,30,30,0.2),rgba(0,0,0,0));}
.prev-product, .next-product{background:url(../images/jiantou.png) no-repeat center center;width:23px;height:41px;}
.prev-product{left:-50px;}
.next-product{right:-50px;transform:scale(-1,1);}

.about{background:url(../images/bj2.jpg) no-repeat top center, #fff;}
.about-main{display:flex;flex-wrap:wrap;justify-content:space-between;padding:90px 0 105px 0;}
.about-left{width:43%;display:flex;flex-wrap:wrap;align-content:space-between;}
.txt-box{padding-bottom:29px;position:relative;}
.txt-box .t1{font-size:48px;color:#e3e3e4;opacity:0.8;line-height:40px;text-transform:uppercase;font-weight:bold;}
.txt-box .t2{line-height:48px;font-size:30px;color:#0b6ac3;}
.txt-box:before{content:"";width:32px;height:3px;background:#7d7d7d;position:absolute;left:0;bottom:0;}
.about-left .txt-nr{font-size:15px;color:#4e4e4e;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.about-left .more{display:block;font-size:16px;color:#333;line-height:36px;border:1px solid #cececf;width:145px;text-align:center;border-radius:30px;}
.about-left .more:hover{background:#0b6ac3;color:#fff;}
.about-right{width:50%;position:relative;}
.swiper-about .about-img{position:relative;overflow:hidden;}
.swiper-about .about-img:before{display:block;content:"";padding-top:57%;}
.prev-about, .next-about{ font-size:30px;font-family:"SimSun";color:#fff;width:54px;height:54px;display:flex;justify-content:center;align-items:center;font-weight:bold;left:-54px;}
.prev-about{background:#41c5c4;top:initial;bottom:54px;}
.next-about{background:#0b6ac3;bottom:0;top:initial;}
.about ul{display:flex;justify-content:space-between;align-items:center;}
.about ul li{width:30%;border-radius:50%;background:#fff;position:relative;box-shadow:0 0 20px #ccc;transition:0.5s;border:28px solid transparent;}
.about ul li:before{display:block;content:"";padding-top:100%;}
.about ul li .ul-box{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.about ul li .ul-box img{display:block;max-width:100%;margin:0 auto 22px auto;transition:0.5s;}
.about ul li .ul-box .t1{font-size:22px;padding:18px 0;}
.about ul li .ul-box .t2{font-size:16px;color:#8d8d8d;line-height:22px;padding:0 40px;}
/*.about ul li:nth-child(2){background:#0b6ac3;border:30px solid #fff;width:35%;opacity:0.9;}*/
.about ul li:hover{transform:translateY(-10px);border:28px solid #fff; }
.about ul li:hover .ul-box img{transform:rotateY(360deg);}

.about ul li:nth-child(1) .ul-img{width:62px;height:61px;background:url(../images/a1.png) no-repeat center center;margin:0 auto 22px auto;}
.about ul li:nth-child(2) .ul-img{width:61px;height:60px;background:url(../images/a2.png) no-repeat center center;margin:0 auto 22px auto;}
.about ul li:nth-child(3) .ul-img{width:53px;height:63px;background:url(../images/a3.png) no-repeat center center;margin:0 auto 22px auto;}
.about ul li:nth-child(1):hover .ul-img{background:url(../images/a1-1.png) no-repeat center center;transform:rotateY(360deg)}
.about ul li:nth-child(2):hover .ul-img{background:url(../images/a2-1.png) no-repeat center center;transform:rotateY(360deg)}
.about ul li:nth-child(3):hover .ul-img{background:url(../images/a3-1.png) no-repeat center center;transform:rotateY(360deg)}

.about ul li:hover .ul-box .t1, .about ul li:hover .ul-box .t2{color:#fff !important;}
.about ul li .ul-border{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%; transition:0.5s;}
.about ul li:hover .ul-border{background:#0b6ac3;}

.about ul li:nth-child(1) .t1{color:#13abaa;}
.about ul li:nth-child(2) .t1{color:#3a87ce;}
.about ul li:nth-child(3) .t1{color:#f44b23;}

.about ul li:nth-child(1):hover .ul-border{background:#13abaa;}
.about ul li:nth-child(2):hover .ul-border{background:#3a87ce;}
.about ul li:nth-child(3):hover .ul-border{background:#f44b23;}

.shiye{background:url(../images/bj3.jpg) no-repeat 50% 50%;background-size:cover;margin:90px 0 0 0;padding:65px 0 0 0;}
.shiye img{display:block;max-width:100%;margin:0 auto;}
.shiye ul{margin:30px 0 0 0;display:flex;flex-wrap:wrap;}
.shiye ul li{width:33.3333333%;height:130px;display:flex;align-items:center;position:relative;padding-left:30px;}
.shiye ul li .t1{font-size:72px;line-height:70px;color:#fff;opacity:0.6;}
.shiye ul li .t2{font-size:18px;color:#fff;position:absolute;left:118px;top:50%;transform:translate(0,-50%);text-shadow:0 3px 3px #333;}
.shiye ul li:nth-child(1){background:linear-gradient(left,rgba(2,138,221,0.9),rgba(255,255,255,0));background:-webkit-linear-gradient(left,rgba(2,138,221,0.9),rgba(255,255,255,0));background:-moz-linear-gradient(left,rgba(2,138,221,0.9),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(2,138,221,0.9),rgba(255,255,255,0))}
.shiye ul li:nth-child(2){background:linear-gradient(left,rgba(6,171,210,0.9),rgba(255,255,255,0));background:-webkit-linear-gradient(left,rgba(6,171,210,0.9),rgba(255,255,255,0));background:-moz-linear-gradient(left,rgba(6,171,210,0.9),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(6,171,210,0.9),rgba(255,255,255,0))}
.shiye ul li:nth-child(3){background:linear-gradient(left,rgba(181,175,42,0.9),rgba(255,255,255,0));background:-webkit-linear-gradient(left,rgba(181,175,42,0.9),rgba(255,255,255,0));background:-moz-linear-gradient(left,rgba(181,175,42,0.9),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(181,175,42,0.9),rgba(255,255,255,0))}
.shiye ul li:nth-child(4){background:linear-gradient(left,rgba(25,173,134,0.9),rgba(255,255,255,0));background:-webkit-linear-gradient(left,rgba(25,173,134,0.9),rgba(255,255,255,0));background:-moz-linear-gradient(left,rgba(25,173,134,0.9),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(25,173,134,0.9),rgba(255,255,255,0))}
.shiye ul li:nth-child(5){background:linear-gradient(left,rgba(12,108,178,0.9),rgba(255,255,255,0));background:-webkit-linear-gradient(left,rgba(12,108,178,0.9),rgba(255,255,255,0));background:-moz-linear-gradient(left,rgba(12,108,178,0.9),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(12,108,178,0.9),rgba(255,255,255,0))}
.shiye ul li:nth-child(6){background:linear-gradient(left,rgba(156,41,65,0.9),rgba(255,255,255,0));background:-webkit-linear-gradient(left,rgba(156,41,65,0.9),rgba(255,255,255,0));background:-moz-linear-gradient(left,rgba(156,41,65,0.9),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(156,41,65,0.9),rgba(255,255,255,0))}

.news{background:url(../images/bj4.jpg) no-repeat 50% 50%;background-size:cover;padding:80px 0;}
.news-main{margin:45px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.news-left{width:49%;position:relative;overflow:hidden;}
.news-img{position:relative;overflow:hidden;}
.news-img:before{display:block;content:"";padding-top:66%;}
.news-left .txt{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.6);padding:18px 30px;}
.news-left .txt .t1{line-height:28px;font-size:18px;color:#fff;font-weight:bold;}
.news-left .txt .t2{line-height:24px;font-size:13px;color:#eee;}
.news-left:hover .news-img{transform:scale(1.1);}
.news-right{width:48%;}
.news-right ul{display:flex;flex-wrap:wrap;align-content:space-between;height:100%;}
.news-right ul li{}
.news-right ul li a{display:flex;border:10px solid transparent;transition:0.5s;}
.news-right ul li a .news-img{width:135px;margin-right:12px;position:relative;}
.news-right ul li a .news-img:before{content:"";display:block;padding-top:76%;}
.news-right ul li a .txt{width:calc(100% - 147px);display:flex;flex-wrap:wrap;align-content:space-around;}
.news-right ul li a .txt .txt-bt{width:100%;font-size:16px;color:#333;}
.news-right ul li a .txt .txt-nr{width:100%;line-height:24px;font-size:13px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-right ul li a .txt .txt-date{width:100%;font-size:12px;color:#bbb;}
.news-right ul li a:hover{background:#fff;box-shadow:0 0 10px #ccc;}

.news-tabs{margin:40px 0 0 0;display:flex;width:100%;position:relative;}
.news-tabs a{display:flex;justify-content:center;align-items:center;border:1px solid #b5b5b5;line-height:70px;width:33.3333%;font-size:22px;color:#333;position:relative;z-index:2;transition:0.5s;}
.news-tabs a:nth-child(1) span{display:block;background:url(../images/n1.png) no-repeat center center;width:27px;height:29px;margin-right:27px;transition:0.5s;}
.news-tabs a:nth-child(2) span{display:block;background:url(../images/n2.png) no-repeat center center;width:31px;height:30px;margin-right:27px;transition:0.5s;}
.news-tabs a:nth-child(3) span{display:block;background:url(../images/n3.png) no-repeat center center;width:33px;height:30px;margin-right:27px;transition:0.5s;}
.news-tabs .xian{width:33.3333%;height:100%;position:absolute;left:0;bottom:0;background:#0b6ac3;z-index:1;}
.news-tabs a.on{color:#fff;}
.news-tabs a.on:nth-child(1) span{background:url(../images/n1-1.png) no-repeat center center;}
.news-tabs a.on:nth-child(2) span{background:url(../images/n2-1.png) no-repeat center center;}
.news-tabs a.on:nth-child(3) span{background:url(../images/n3-1.png) no-repeat center center;}

.plant{padding:50px 0;background:#eee;}
.swiper-plant{margin:40px 0 0 0;}
.swiper-plant a{display:block;overflow:hidden;}
.swiper-plant a .pic{width:100%;position:relative;overflow:hidden;}
.swiper-plant a .pic .plant-img{position:relative;padding-top:66%;}
.swiper-plant a .pic .hover{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;opacity:0;}
.swiper-plant a .txt{text-align:center;padding:20px 0;font-size:18px;color:#555;border-bottom:1px solid #bcbcbc;}
.swiper-plant a:hover .pic .hover{opacity:1;}

.link{padding:40px 0 20px 0;}
.link .t1{padding:15px 0;border-bottom:1px solid #eaeaea;font-size:24px;color:#0b6ac3;display:flex;align-items:center;}
.link .t1 b{font-size:16px;color:#333;display:block;margin-left:5px;}
.link .t2{padding:20px 0;}
.link .t2 a{font-size:16px;color:#888;}
.link .t2 span{margin:0 15px;}
.link .t2 a:hover{color:#0b6ac3;text-decoration:underline !important;}

footer{background:#004695;}
.foot-main{display:flex;justify-content:space-between;padding:50px 0;}
.foot-main .erweima{width:110px;}
.foot-main .erweima img{display:block;max-width:100%;}
.foot-main .erweima span{font-size:13px;color:#fff;text-align:center;padding:15px 0 0 0;display:block;}
.foot-main .lxfs {width:450px;}
.foot-main .lxfs .t1{padding:20px 0 ;font-size:24px;color:#00d2ff;font-weight:bold;border-bottom:1px solid #2966aa;}
.foot-main .lxfs .t2{padding:20px 0 ;font-size:14px;color:#c7def8;border-bottom:1px solid #2966aa;}
.foot-main .lxfs .t3{padding:20px 0 ;font-size:12px;color:#c7def8;}
.foot-main .lxfs .t2 i{font-size:22px;}
.foot-main .lxfs i{margin-right:12px;color:#00d2ff;}
.foot-main .lxfs .t3-box{display:flex;justify-content:space-between;}
.foot-main .lxfs .t3-box i{font-size:22px;}
.foot-main .foot-nav{display:flex;}
.foot-main .foot-nav dl{padding:0 70px;color:#fff;}
.foot-main .foot-nav dl dt{padding:18px 0;font-size:18px;}
.foot-main .foot-nav dl dd a{display:block;line-height:26px;font-size:13px;opacity:0.7;color:#fff;}
.foot-main .foot-nav dl dd a:hover{opacity:1;text-decoration:underline !important;}
.foot-bottom{background:#0b6ac3;padding:20px 0;}
.foot-box{display:flex;justify-content:space-between;font-size:13px;color:#fff;align-items:center;}


.foot-box .xxx{width:30px;height:30px;border-radius:50%;background:#a5c8e9;display:flex;justify-content:center;align-items:center;margin:0 5px;}
.foot-box .xxx i{font-size:16px;}
.foot-box .xxx:hover{background:#fff;}



/*product*/
.page{position:relative;min-height:500px;margin-bottom:80px;}
.page:before{content:"";width:100%;height:68px;background:#f2f2f2;position:absolute;left:0;top:0;z-index:-1;}
.page-box{display:flex;flex-wrap:wrap;}
.page-left{width:250px;margin-right:40px;}
.s-drop-wrap { width:100%;padding-bottom:50px; box-shadow:0 0 15px #ddd;}
.s-drop-btn { background:url(../images/page-dian.png) no-repeat 90% center, #0b6ac3; line-height:56px; font-size:24px; color: #fff;font-weight:bold;padding-left:40px; position:relative;padding-bottom:12px;}
.s-drop-btn:before{content:"";width:100%;height:14px;background:#0b6ac3;border-radius:5px 5px 0 0;position:absolute;left:0;top:-14px;z-index:9;}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ background:#0b6ac3;}

.s-drop-list {display: block;background:#fff;}
.s-drop-list li{}
.s-drop-list li a{ display:block; }
.aside-list-link{ font-size:16px; color:#555;line-height:57px;padding-left:38px;border-bottom:1px solid #e3e3e3; }
.aside-list-link:hover, .aside-list-link.act{ background:#c95055; color:#fff;background:linear-gradient(left,#0b6ac3,#3ec6ff);background:-webkit-linear-gradient(left,#0b6ac3,#3ec6ff);}

.s-drop-list li .aside-sublist{ width:100%;  display:none;background:#f7f7f7;padding:16px 35px; border-bottom:1px solid #e3e3e3; }
.s-drop-list li:first-child .aside-sublist{display:block;}
.s-drop-list li .aside-sublist li{margin-bottom:9px;}
.s-drop-list li .aside-sublist li a{ color:#666; line-height:38px;  font-size:14px; border:1px solid #e3e3e3;display:flex;justify-content:space-around;align-items:center;border-radius:5px;}
.s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ background:#0b6ac3;color:#fff;}

.page-right{width:calc(100% - 290px);}
.page-title{display:flex;justify-content:space-between;align-items:center;line-height:68px;font-size:20px;color:#404040;}
.page-title .t2{font-size:14px;color:#767676;}
.page-title .t1{font-size:24px;color:#0b6ac3;font-weight:bold;}

.pro-ul{display:flex;flex-wrap:wrap;margin:25px 0 0 0;}
.pro-ul li{width:32.333%;margin:0.5%;border:1px solid #c7c7c7;border-radius:5px;}
.pro-ul li .pic{width:100%;position:relative;overflow:hidden;border:15px solid #fff;border-radius:5px;}
.pro-ul li .pic .pro-img{padding-top:78%;}
.pro-ul li .txt{text-align:center;font-size:16px;color:#222;background:#f6f6f6;border-top:1px solid #c7c7c7;padding:18px 0;border-radius:0 0 5px 5px;}
.pro-ul li:hover .pic .pro-img{transform:scale(1.1);}
.pro-ul li:hover .txt{background:#0b6ac3;color:#fff;}

/*pro-show*/
.pro-show{margin-bottom:50px;}
.swiper-show{margin:45px auto;width:99%;}
.swiper-show .swiper-slide:before{display:block;content:"";padding-top:54%;}
.prev-show, .next-show{ font-size:48px;font-family:"SimSun";color:#a9a9a9;font-weight:bold;background:none;}
.prev-show{left:0;}
.next-show{right:0;}
.prev-show:hover, .next-show:hover{color:#0b6ac3;}
.pro-show .show-bt{padding:20px 0;text-align:center;background:#e4e4e4;font-size:24px;color:#0b6ac3;}
.pro-show .show-nr{font-size:14px;color:#565656;line-height:28px;padding:20px 0;}
.show-nr img{max-width:100%; height: auto;}

/*news*/
.news-ul{display:flex;flex-wrap:wrap;margin:30px 0 0 0;}
.news-ul li{margin:0 0 25px 0;width:100%;transition:0.5s;padding-bottom:30px;border-bottom:1px dashed #959595;}
.news-ul li a{display:flex;}
.news-ul li .pic{width:210px;position:relative;margin-right:25px;overflow:hidden;}
.news-ul li .pic .news-img:before{display:block;content:"";padding-top:67%;}
.news-ul li .txt{width:calc(100% - 235px);display:flex;flex-wrap:wrap;align-content:space-between;padding-right:5px;}
.news-ul li .txt div{width:100%;}
.news-ul li .txt .txt-bt{font-size:18px;color:#333;}
.news-ul li .txt .txt-date{font-size:12px;color:#a7a7a7;}
.news-ul li .txt .txt-nr{font-size:14px;color:#5b5b5b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-ul li .txt .txt-more{width:97px;line-height:30px;text-align:center;font-size:12px;color:#0b6ac3;border:1px solid #0b6ac3;}
/*.news-ul li:hover .img_cover{transform:scale(1.1);}*/
.news-ul li:hover .txt .txt-bt{color:#1263c4;font-weight:bold;}
.news-ul li:hover{box-shadow:0 5px 5px #ccc;transform:translateY(-5px);border:none;}
.news-ul li:hover .txt .txt-more{background:#0b6ac3;color:#fff;}

/*news-show*/
.news-show{position:relative;padding:30px 0;}
.news-top{text-align:center;margin:0 0 20px 0;padding-bottom:20px;border-bottom:1px dashed #959595;}
.news-top .show-bt{line-height:40px;font-size:24px;color:#2e2e2e;}
.news-top .show-date{line-height:27px;font-size:12px;color:#757575;}
.news-show .show-nr{font-size:14px;color:#333;line-height:26px;}

/*plant*/
.plant-ul{margin:40px 0 0 0;display:flex;flex-wrap:wrap;}
.plant-ul li{width:32.333%;margin:0.5%;}
.plant-ul li a{display:block;overflow:hidden;}
.plant-ul li a .pic{width:100%;position:relative;overflow:hidden;}
.plant-ul li a .pic .plant-img{position:relative;padding-top:66%;}
.plant-ul li a .pic .hover{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;opacity:0;}
.plant-ul li a .txt{text-align:center;padding:20px 0;font-size:16px;color:#333;border-top:1px solid #fff;background:#f1f1f1;}
.plant-ul li a:hover .pic .hover{opacity:1;}
.plant-ul li a:hover .txt{background:#0b6ac3;color:#fff;}

/*plant-show*/
.plant-show{margin:40px 0 0 0;border-top:1px solid #d9d9d9;}
.plant-show .t1{padding:20px 0;text-align:center;font-size:22px;color:#333;}
.plant-show img{display:block;max-width:100%;margin:0 auto;}

/*contact*/
.contact{margin:20px 0 0 0;}
.contact-lxfs {padding:40px 0;display:flex;justify-content:space-between;}
.contact-lxfs .t1{font-size:15px;color:#555; width: 25%;}
.contact-lxfs .t1 i{margin-right:10px;color:#0b6ac3;font-size:20px;}

#allmap{width:100%;height:500px;border:1px solid #aaa;margin-top:20px;}
.BMap_bubble_title{font-weight:bold;font-size:18px; color:#ff0000;}
.BMap_bubble_content{margin-top:20px;font-size:14px;color:#333;}

/*recruit*/
.recruit{margin:20px 0 0 0;}
.recruit .txt{font-size:16px;color:#444;line-height:32px;}
.recruit .txt span{font-weight:bold;font-size:18px;color:#0b6ac3;}

/*about*/
.page-about{margin:20px 0 0 0;display:flex;justify-content:space-between;align-items:center;}
.page-about .txt{font-size:16px;color:#666;line-height:30px;width:47%;}
.page-about img{display:block;max-width:100%;width:50%;}
.about-ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.about-ul li{padding: 10px 0;width: 33%;}
.about-ul li a{display: block;border:1px solid #e3e3e3;font-size: 12px;color: #333;line-height: 55px;text-align: center;transition: 0.5s;}
.about-ul li a:hover, .about-ul li a.on{background: #0b6ac3;color: #fff;}












/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	.wrap, .wrap2{ width:96%}
    .headerR{width:100%;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    header{border-top:30px solid #ebebeb;position:relative;}
    .header-right{position:absolute;left:50%;top:-25px;width:96%;justify-content:space-between;transform:translate(-50%,0);}
    .about-main{padding:30px 0;}
    .about-left, .about-right{width:100%;}
    .about-left .txt-nr{margin:20px 0;}
    .about-left .more{margin:20px auto;}
    .news-right{width:100%;}
    .foot-box{justify-content:center;}
    /*product*/
    .wrap3, .page-right{width:100%;}
    .page-left{width:100%;margin:0;}
    .s-drop-wrap{padding:0;}
    .s-drop-btn{background:#0b6ac3}
    .s-drop-btn:before{display:none;}
    .s-drop-list li .aside-sublist li a i{display:none;}
    /*contact*/
    .contact-lxfs{display:block;}
    .contact-lxfs .t1{padding:10px 0;}

    .swiper-product .swiper-slide{padding:15px 15px 40px 15px;}
    .about-ul li{width:100%;padding: 0;}
     .about-ul li a{font-size: 14px;line-height: 44px;text-align: left;;padding-left: 20px;border-bottom: none;}
     .about-ul li:last-child a{border-bottom: 1px solid #e3e3e3;}
     .about-ul{display: none;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .logo{width:300px;}
    .sjnav{top:62px;}
    .ban-img{padding-top:64%}
    header{border-top:30px solid #ebebeb;position:relative;}
    .header-right{position:absolute;left:50%;top:-25px;width:96%;justify-content:space-between;transform:translate(-50%,0);}
    .header-right form{bottom:0;right:20px;}
    .title .t1{font-size:34px;line-height:40px;}
    .title .t2{font-size:24px;line-height:30px;background:none;}
    .pro, .news-main, .swiper-plant, .plant-ul{margin:20px 0 0 0;}
    .pro-main{margin:20px 0 0 0;padding:20px 0;}
    .swiper-product .swiper-slide{padding:10px 10px 30px 10px;}
    .swiper-product .swiper-slide h3{font-size:16px;}
    .swiper-product .swiper-slide i{margin:0;}
    .swiper-product .swiper-slide ul li a{font-size:14px;line-height:30px;}
    .about-main, .news, .plant{padding:20px 0;}
    .about-left, .about-right{width:100%;}
    .about-left .txt-nr{margin:20px 0;}
    .about-left .more{margin:0 auto 20px auto;font-size:14px;}
    .txt-box .t1{font-size:34px;}
    .txt-box .t2{font-size:24px;line-height:30px;}
    .news-right{width:100%;}
    .swiper-plant a .txt{padding:10px 0;font-size:14px;}
    .foot-main{padding:20px 0;}
    .foot-main .lxfs{width:100%;}
    .foot-main .lxfs .t3-box{display:block;}
    .foot-main .lxfs .t3{border-bottom:1px solid #2966aa;font-size:14px;}
    .foot-main .lxfs .t3:last-child{border:none;}
    .foot-bottom, .foot-main .lxfs .t1, .foot-main .lxfs .t2, .foot-main .lxfs .t3{padding:10px 0;}
    .foot-box{font-size:12px;text-align:center;}
    /*product*/
    .wrap3, .page-right{width:100%;}
    .page-left{width:100%;margin:0;}
    .s-drop-wrap{padding:0;}
    .s-drop-btn{background:#0b6ac3}
    .s-drop-btn:before{display:none;}
    .s-drop-list li .aside-sublist{padding:6px 10px;}
    .s-drop-list li .aside-sublist li a i{display:none;}
    .aside-list-link{line-height:50px;}
    .pro-ul li{width:49%;}
    .pro-ul li .pic{border:5px solid #fff;}
    .pro-ul li .txt{padding:8px;font-size:14px;}
    .pro-show .show-nr{padding:10px 5px}
    /*news*/
    .news-ul li{margin:0;border:none;}
    .news-ul li .pic{width:130px;margin-right:10px;}
    .news-ul li .txt{width:calc(100% - 140px);}
    /*plant*/
    .page-title .t1{font-size:20px;}
    .plant-ul li{width:49%;}
    .plant-ul li a .txt{font-size:14px;padding:10px 0;}
    /*contact*/
    .contact-lxfs{display:block;padding:0;}
    .contact-lxfs .t1{padding:10px 0;}
    /*about*/
    .page-about{display:block;}
    .page-about .txt, .page-about img{width:100%;}
    .about-ul li{width:100%;padding: 0;}
     .about-ul li a{font-size: 12px;line-height: 44px;text-align: left;;padding-left: 20px;border-bottom: none;}
     .about-ul li:last-child a{border-bottom: 1px solid #e3e3e3;}
     .about-ul{display: none;}
    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .logo{width:260px;}
    }