@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; 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; display: block;}

a{ color:#333; text-decoration:none}





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{height:90px;background: #fff; width: 100%; position: fixed; top: 0;left: 0;z-index: 100;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.headerbox{width: 1240px;  margin: 0 auto;max-width: 94%;position: relative;}

.logo{float: left; width:180px; }

.logo img{width: 100%;}

.headerbox h2{font-weight: bold; font-size: 20px; line-height: 90px;float: left; color: #023E56; margin-left: 11px;}

.nav{float: right;}

.nav ul{ margin-right: -30px;}

.nav li{float: left;  padding:10px 30px;position: relative;}

.nav h3 a{color: #333; font-weight:normal; font-size: 16px;line-height: 70px;display: block;}

.nav h3 a:hover{color: #298E6A;;}

.sub{position: absolute;width: 100%; top:90px;left: 0;background: #fff;z-index: 100;display: none;}

.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}

.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}

.sub dt a:hover{background: #298E6A;;color: #fff;}

.rlan{ float:right; line-height:87px;color:#333; padding-left:100px;}

.rlan a{ color:#333; }

.rlan a:hover{ color:#298E6A; font-weight:bold;}

.fgt{height: 87px;}

.banner{overflow: hidden;position: relative;}

.banner img{width: 100%;}

.banner img.bg{transform: scale(1.2); transition: 4s; width: 100%; height: auto; display: block;}

.banner .swiper-slide.swiper-slide-active img.bg{ transform: scale(1);}

.banner .swiper-slide{ width: 100%; height: auto; overflow: hidden;}

.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}

.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}

.banner .swiper-pagination-bullet{width: 30px;height: 4px; opacity: 1;background: #fff;border-radius: 0;}

.banner .swiper-pagination-bullet-active{background: #52ab9c;}



.cont1{ width:1240px; height:auto; margin:60px auto;}

.cnt1{ width:100%; text-align:center;font-size: 16px; line-height:34px; color:#666;: fadeInDown 1.8s, 170ms;}

.cnt1 h2{color: #298E6A; line-height:65px; font-size:32px;}

.cont12{ width:100%; height:auto; margin-top:45px;}

.cont12 li{ width:48%; float:left; margin-right:4%; border:2px solid #e0e0e0;box-sizing: border-box; padding:50px; border-radius: 16px; margin-bottom:35px;transition: all 1.2s; }

.cont12 li:hover{border: 2px solid #298E6A;box-sizing: border-box;}

.cont12 li:nth-child(2n){ margin-right:0px;}

.cont12 li h2{ width:280px; height:50px;font-size: 24px; color:#fff; }

.cont12 li p{ width:280px; height:60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; color:#fff; margin-bottom:15px;}

.cont12 li span{ font-size:14px; color:#fff; padding-top:15px;}

.cont12 li:hover h2{ color:#fff; text-decoration:underline;}



.cont1t{ width:1240px; height:auto; margin:60px auto;}
.cnt1t{ width:100%; text-align:center;font-size: 16px; line-height:34px; color:#666;: fadeInDown 1.8s, 170ms;}
.cnt1t h2{color: #298E6A; line-height:65px; font-size:32px;}
.cont12t{ width:100%; height:auto; margin-top:45px;}
.cont12t li{ width:48%; float:left; margin-right:4%; border:1px solid #e0e0e0;box-sizing: border-box; padding:50px; background:url(../images/a1.png) center no-repeat;border-radius: 16px; margin-bottom:35px;transition: all 1.2s; }
.cont12t li:hover{ background:url(../images/a11.png) center center;}
.cont12t li:nth-child(2n){ margin-right:0px;}
.cont12t li:nth-child(2){background:url(../images/a2.png) center no-repeat;}
.cont12t li:nth-child(3){background:url(../images/a3.png) center no-repeat;}
.cont12t li:nth-child(4){background:url(../images/a4.png) center no-repeat;}
.cont12t li:nth-child(2):hover{background:url(../images/a22.png) center center;}
.cont12t li:nth-child(3):hover{background:url(../images/a33.png) center center;}
.cont12t li:nth-child(4):hover{background:url(../images/a44.png) center center;}
.cont12t li h2{ width:280px; height:50px;font-size: 24px; color:#333; }
.cont12t li p{ width:280px; height:60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; color:#666; margin-bottom:15px;}
.cont12t li span{ font-size:14px; color:#999; padding-top:15px;}
.cont12t li:hover h2{ color:#fff;}
.cont12t li:hover span{ color:#fff;}
.cont12t li:hover p{ color:#fff;}





.cont2{ width:100%; height:auto; padding:70px 0px 110px 0px;; background:#E9EDF0;}

.cnt2{ width:1240px; margin:0 auto;}

.bt1{ width:100%; height:60px; background: url(../images/b1.png) left bottom no-repeat;color: #298E6A; font-size:36px; font-weight:bold;: fadeInDown 1.8s, 170ms;}

.bt1 a{ width:200px; height:60px; border:1px solid #F08300;; display:inline-block; color:#F08300; float:right; font-size:18px; text-align:center; line-height:60px;box-sizing: border-box; font-weight:normal; }

.iconx{float: left; width: 100%; float: left;  position: relative; padding-top:60px; padding-bottom:50px;: fadeInUp 1.9s, 140ms;}

.iconx .swiper-container{overflow: hidden; position: relative;}

.iconx a{ width:100%; height: auto;; background:#fff; display:block; overflow:hidden;transition: all 1.2s;}

.iconx a:hover{background: #298E6A;;}

.cnt21{overflow: hidden; border:1px solid #e0e0e0; background:#fff; border-radius:15px; width:90%; margin:12px auto;}

.iconx a h2{ width:90%; margin:20px auto 10px auto; text-align:center;font-size: 16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.iconx a p{ width:90%; margin:10px auto 30px auto ; text-align:center; color:#666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.iconx a:hover h2{ color:#fff;}

.iconx a:hover p{color: rgba(255, 255, 255, 0.6)}

.iconx a:hover span{ color:#fff; text-decoration:underline;}

.iconx .swiper-container{ width: 100%; height: 100%;}

.iconx .swiper-button-next{ top: auto; background: url(../images/arrow2.png); width: 58px; height: 58px; left:70px;  bottom:-50px;;}

.iconx .swiper-button-prev{top: auto; left: auto; background: url(../images/arrow1.png); width: 58px; height: 58px; left: 0px;; bottom:-50px;}



.cont3{ width:100%; height:auto; padding:70px 0px; background:url(../images/b3.png) center no-repeat; background-size:cover;}

.cnt3{ width:1240px; height:auto; margin:0 auto;}

.cnt31{ width:720px; height:auto; float:left;: fadeInLeft 1.9s, 140ms; }

.cnt31 img{ width:100%;margin-top:50px;}

.cnt32{ width:450px; float:right;: fadeInRight 1.9s, 140ms;}

.cnt32 h3{ font-size:60px; color:rgba(225, 225, 225, 0.15); padding-top:60px;}

.cnt32 h2{ width:100%; font-size:32px; color:#fff; padding:70px 0px 40px 0px;;}

.cnt32 p{ color:#fff;}

.cnt32 a{width:200px; height:60px; border:1px solid #fff;; display:inline-block; color:#fff; font-size:18px; text-align:center; line-height:60px;box-sizing: border-box; font-weight:normal; margin-top:50px;}



.cont4{ width:100%; height:auto; padding:80px 0px 60px 0px;; background:#E9EDF0; overflow:hidden;}

.cnt4{ width:1240px; height:auto; margin:0 auto; text-align:center;: fadeInUp 1.9s, 140ms;}

.cnt4 h3{ width:44px; height:44px; margin:0 auto;}

.cnt4 h2{ width:100%; height:60px; line-height:60px;font-size: 36px;color: #298E6A; margin:25px auto; text-align:center;}

.cnt4 p{ width:100%; text-align:center; font-size:16px; line-height:32px; color:#333;}

.cnt4 a{width:200px; height:60px; background:#F08300;;; display:inline-block; color:#fff; font-size:18px; text-align:center; line-height:60px;box-sizing: border-box; font-weight:normal; margin:30px auto;}



.cont5{ width:1240px; height:auto; margin:0 auto; padding:75px 0px 60px 0px;;}

.cont5 ul{ width:100%; padding-top:60px;: fadeInUp 1.9s, 140ms;}

.cont5 ul li{ width:32%; height:auto; float:left; margin-right:2%;border: 1px solid #E0E0E0;

border-radius: 12px;box-sizing: border-box; overflow:hidden; margin-bottom:40px;transition: all 1.2s;}

.cont5 ul li:nth-child(3n){ margin-right:0px;}

.cont5 ul li img{ width:100%;}

.cont5 ul li .ct5{ width:100%; height:auto; padding:30px 40px;box-sizing: border-box;}

.cont5 ul li .ct5 h2{ width:100%; height:64px; line-height:32px; font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.cont5 ul li .ct5 p{ width:100%; margin-top:70px; color:#999;}

.cont5 ul li .ct5 p span{ float:right;}

.cont5 ul li:hover{ background:#298E6A;}

.cont5 ul li:hover h2{ color:#fff;}

.cont5 ul li:hover p{ color:#fff;}

.cont5 ul li:hover p span{ color:#fff;}



.footer{ width:100%; height:auto; padding-top:50px; background:url(../images/b7.png) center no-repeat; background-size:cover;}

.foot{ width:1240px; margin:0 auto 30px auto;}

.foot li{ float:left;}

.foot li:nth-child(1){ width:590px; }

.foot li:nth-child(1) img{ max-width:100%; padding-bottom:20px;}

.foot li:nth-child(1) .fot1{ width:100%; }

.foot li:nth-child(1) .fot1 a{ color:#fff; padding-right:30px;}

.foot li:nth-child(2){ width:250px; height:auto; float:left; color:#fff; margin-left:150px;}

.foot li:nth-child(2) span{ color:#fff; font-size:14px;}

.foot li:nth-child(2) h2{ font-size:32px; font-family:Impact; margin-top:5px;}

.foot li:nth-child(2) a{width:140px; height:40px; border:1px solid #fff;; display:inline-block; color:#fff; font-size:14px; text-align:center; line-height:40px;box-sizing: border-box; font-weight:normal; margin-top:10px;}

.foot li:nth-child(3){ width:120px; height:160px; float:right;}



.bqxx{ border-top:1px solid rgba(255, 255, 255, 0.1);}

.bqxxbox{width: 1240px; margin: 0 auto;}

.bqxxbox p{line-height: 64px;color: rgba(255, 255, 255, 0.6); text-align:center;}


#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.bread{ width:100%; height:80px; font-size:16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.breadz{ width:1240px; height:80px; margin:0 auto; line-height:80px;}
.bread1{ width:auto; float:left;}
.bread1 li{float: left; padding-right:40px; font-size: 16px; line-height: 79px;}
.bread1 a{color: #666;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #298E6A; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover{color: #298E6A;;}
.bread1 a:hover:before{width: 100%;}
.bread2{ width:auto; float:right; color:#999;background:url(../images/j1.png) left center no-repeat; padding-left:25px;}

.photo1{ max-width:1240px; width:96%; height:auto; margin:70px auto;;}
.photo1 ul{ margin-bottom:15px;}
.photo1 li{ width:48%; float:left; margin-right:4%; margin-bottom:40px; position:relative;}
.photo1 li:nth-child(2n){ margin-right:0px;}
.photo1 li .t_img{ width:100%; height:auto; position:relative; overflow:hidden;border-radius: 16px;}
.photo1 li .t_img img{ width:100%; height:auto; display:block;}
.photo1 li .t_img .timg_tex{ width:100%; height:100%; background:rgba(41, 142, 106, 0.9);opacity:0; top:0px; left:0px; position: absolute;transition: All 0.4s ease-in-out;}
.photo1 li .t_img .timg_tex h2{ width:100%; height:50px; font-size:24px; color:#fff; text-align:center; margin-top:140px; font-weight:normal;}
.photo1 li .t_img .timg_tex h3{ width:100%; height:40px; color:#fff; text-align:center; font-size:14px; font-weight:normal;}
.photo1 li p{ width:100%; height:60px; line-height:60px; font-size:16px; text-align:left; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.photo1 li p img{ display:inline-block; width:24px; height:24px; float:right; margin-top:25px;}
.photo1 li:hover .t_img .timg_tex{opacity:1;}
.photo1 li .t_img .timg_tex h2:hover{ text-decoration:underline;}
.photo1 li .t_img .timg_tex h3:hover{text-decoration:underline;}
.photo1 li:after{position: absolute; content: ""; border-bottom: 1px solid #298E6A;;; width:0; left: 0; bottom: 0;transition: All 0.4s ease-in-out;}
.photo1 li:hover:after{ width:100%;}
.photo1 li:hover p{ color:#298E6A;; font-weight:bold;;}

/*分页*/
.nx_pg{width:100%; height: auto ; padding:20px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #298E6A;; margin:0px 3px 0px 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:#298E6A;;; color:#fff;border:1px solid #298E6A;;;}
.nx_pg .on{ background:#298E6A;;; color:#fff;border:1px solid #298E6A;;;}

.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 50px 0px;;box-sizing: border-box; }
#info-T{width:100%; min-height:26px; padding-top:30px; 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;}
.fh{ width: 181px;height: 52px;border: 1px solid #F08300; background:#F08300;; text-align:center; line-height:52px; margin-top:50px; font-size:18px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline;}

.new1{ width:1240px; height:auto; margin:0 auto; margin-bottom:20px;}
.artile1{ max-width:1240px; height:auto; margin:75px auto 15px auto;}
.artile1 ul{ margin-bottom:45px;}
.artile1 li{ width:100%; margin:0 auto;; height:314px; background:#298E6A;; transition:all 0.5s; overflow:hidden;border-radius: 12px;}
.xman1{ width:100%;  margin:47px auto 0px auto;transition:all 0.8s; }
.art11{ width:380px; height:214px; float:left; margin-left:40px; overflow:hidden; position:relative;}
.art11 img{ width:380px; height:214px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}

.art21{ height:214px;overflow: hidden;padding-left:60px; padding-right:40px;box-sizing: border-box; }
.art21 h2{ width:100%; font-size:20px; color:#fff;transition:all 0.5s; height: auto;  line-height:30px; height:30px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art21 .art_p1{ width:100%; height:75px; line-height:25px; margin-top:15px;transition:all 0.5s; color:#fff ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art21 .art2_11{ width:96%; height:50px; line-height:40px; padding-top:25px; color:#fff;}
.art21 .art2_11 span{ color:#fff; font-size:16px;display:block;width:170px; float:right;height: 50px;border:1px solid #fff; text-align:center; line-height:50px; ;transition:all 0.5s; }




.xwart{ width:100%; height:auto; margin:30px auto 5px auto;}
.xwart ul{ margin-bottom:45px;}
.xwart li{ max-width:48%;margin:0 auto 36px auto; margin-right:4%; float:left; height:142px; padding:0px 22px; background: #fff;border: 1px solid #E0E0E0;
border-radius: 12px; overflow:hidden;transition:all 0.5s;box-sizing: border-box; ;}
.xwart li:nth-child(2n){ margin-right:0px;}
.xman2{ height:150px; overflow:hidden; }

.xwart li .art22{ height:82px;overflow: hidden;margin-top:29px; }
.xwart li .art22 h2{ width:100%; font-size:18px; color:#333333; font-weight:bold;transition:all 0.5s; height: auto;  font-weight: normal; line-height:40px; height:40px; margin-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art22 .art_p2{ width:100%; height:30px; line-height:30px; margin-top:0px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;;}


.xwart li:hover{background: #298E6A;;}
.xwart li:hover .art22 h2{ color:#fff;}
.xwart li:hover .art22 .art_p2{color:#fff;}
.xmen2{ width:80px; height:82px; margin-top:29px; margin-right:20px; background:#F2F6F7;; text-align: center; float:left; text-align:center; overflow:hidden;border-radius: 8px;}
.xmen2 h3{font-size:36px; color:#999; font-family: 'Impact'; margin-top:10px;transition:all 0.5s; width:100%;}
.xmen2 p{ width:100%;font-size:12px; float:right; color:#999; }

.xwart li:hover .xmen2{ background:#fff;}
.xwart li:hover .xmen2 h3{ color:#298E6A;}
.xwart li:hover .xmen2 p{color:#298E6A;}

.ab1{ width:1240px; height:260px; margin:auto;}
.ab1 img{margin:auto;}
.ab1 li{ width:33.33%; height:100px; float:left;}
.ab1 li .ab1img{ width:100px; height:100px; float:left;}
.ab1 li .ab1title{ width:280px; float:left; padding-left:20px;}
.ab1 li .ab1title h2{font-size: 16px; font-weight:normal; margin-top:20px;color:#333;}
.ab1 li .ab1title p{ font-size:16px; font-weight:bold; color:#333;}
.map{ width:100%; height:auto;}
.map img{ width:100%;}
.ab6{ width:1240px; height:auto; margin:70px auto 70px auto;}
.ab6 h2{ width:100%; height:50px;font-size: 32px; font-weight: normal;}
.ab6 p{font-size: 16px; color:#666; margin-bottom:40px;}
.ab61{ width:600px; height:476px; float:left;}
.ab62{ width:600px; height:476px; float:right;}

.ab21{ width:600px; float:left;}
.ab21 li{ width:100%; height:auto; margin-bottom:20px;}
.sb1{width:100%; height:70px; line-height:70px; box-sizing:border-box; text-indent:15px; opacity:0.8; font-size:15px;border: 1px solid #E0E0E0;}
.sb3{width:100%; height:170px; line-height:25px; box-sizing:border-box; border: 1px solid #E0E0E0;padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;}
.sb4{display:block; width:100%; height:48px;border-radius: 8px; line-height:48px; border:none; font-size:16px; text-align:center; color:#fff; background:#298E6A;;; margin-top:5px; transition:0.5s; border-radius:2px;}
.sb4:hover{opacity:0.9;}

.pd_hd_l{width:100%; margin:0 auto; }
.pd1 img{display:block; width:100%; height:auto;}
.wd1{width:25%;}
.wd1 img{width:100%; height:auto;}
.pd_hd_l .swiper-button-prev,
.pd_hd_l .swiper-button-next{ position:absolute; bottom:0px;top:40%; width:24px; height:48px; z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }
.pd_hd_l .swiper-button-prev{ background-image: url(../images/k1.png) !important; opacity:0.6; left:10px; }
.pd_hd_l .swiper-button-next{background-image: url(../images/k2.png)  !important ;opacity:0.6; right:10px; }

.contz{ width:100%; height:auto; background:#E9EDF0; padding:70px 0px;}
.cntdet{ width:1240px; height:auto; background:#fff; padding:50px 35px;box-sizing: border-box; margin:0 auto;}
.cndet1{ width:630px; height:auto; float:left;}
.cndet2{ width:470px; height:auto; float:right;}
.prodxj_title{ width:100%; height:60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size:24px; color:#333; font-weight:bold;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.prodcolor{ width:100%; padding-top:30px; font-size:14px; color: #666; }
.prodcolor h2{ width:100%; height:40px;color:#333; font-size:16px; font-weight:bold; }
.phon1{ width:100%; height:48px; padding-left:60px; margin-top:60px; background:url(../images/ph.png) left center no-repeat;font-size: 20px;color: #298E6A; line-height:48px;}
.phon1 span{ font-family:Impact; font-size:26px;}
.ab3{ width:1240px; height:auto; margin:70px auto;}
.ab31{ width:580px; height:auto; float:left;}
.fzlc_title{ width:100%; margin-bottom:50px; margin-top:25px;}
.fzlc_title h2{font-size: 32px;color: #298E6A;;;margin-bottom:50px; font-weight:bold;}
.fzlc_title p{position: relative;  font-size: 36px;color: #E0E0E0;padding-bottom: 25px;}
.fzlc_title p:before{position: absolute;content: "";border-bottom: 3px solid #298E6A;;;width: 44px;bottom: 0;left: 0;}
.fzlc_nr{ width:100%; font-size:16px; line-height:34px;}
.ab32{ width:580px; height:auto; float:right;}
.ab32 img{ width:100%;}

.ab4{ width:100%; height:auto; background:url(../images/h2.png) center no-repeat; background-size:cover; padding:80px 0px 120px 0px;;}
.ab4 h3{ width:100%; text-align:center;font-weight: 700;font-size: 24px;color: #FFFFFF;text-shadow: 0px 2.53104px 2.53104px rgba(0, 0, 0, 0.25);}
.ab4 h2{width:100%; text-align:center;font-weight: 700; margin-top:100px;font-size: 40px;color: #FFFFFF;text-shadow: 0px 2.53104px 2.53104px rgba(0, 0, 0, 0.25);}
.ab4 p{width:100%; text-align:center;font-weight: 400;font-size: 30px; margin-top:35px;color: #FFFFFF;text-shadow: 0px 2.53104px 2.53104px rgba(0, 0, 0, 0.25);}

.bt1z{ width:100%; height:auto; text-align:center;}

.bt1z h2{font-weight: 700;font-size: 36px; color:#298E6A;; height:75px; background:url(../images/line1.png) center bottom no-repeat; padding-bottom:40px;}



.cont4n{ width:100%; height:auto; background:url(../images/h7.png) center no-repeat; background-size:cover; padding:65px 0px 80px 0px;; }
.cont4n ul{ margin:0 auto; width:1240px; padding-top:60px;}
.cont4n ul li{ width:23.5%; float:left; margin-right:2%; height:350px; float:left; text-align:center;transition: all 1.2s;background: #fff; padding-bottom:20px;border-radius: 12px;}
.cont4n ul li .cnt2z{ width:97px; height:79px; margin:60px auto 20px auto; background:url(../images/aq4.png) center no-repeat;}
.cont4n ul li:nth-child(2) .cnt2z{ background:url(../images/aq5.png) center no-repeat;}
.cont4n ul li:nth-child(3) .cnt2z{ background:url(../images/aq6.png) center no-repeat;}
.cont4n ul li:nth-child(4) .cnt2z{ background:url(../images/aq7.png) center no-repeat;}
.cont4n ul li:hover{ background:#298E6A;;}
.cont4n ul li:hover .cnt2z{  background:url(../images/aq41.png) center no-repeat;}
.cont4n ul li:nth-child(2):hover .cnt2z{ background:url(../images/aq51.png) center no-repeat;}
.cont4n ul li:nth-child(3):hover .cnt2z{ background:url(../images/aq61.png) center no-repeat;}
.cont4n ul li:nth-child(4):hover .cnt2z{ background:url(../images/aq71.png) center no-repeat;}
.cont4n ul li h2{ font-size:20px; color:#298E6A;; margin-top:10px; margin-bottom:15px;transition: all 1.2s;}
.cont4n ul li p{ width:90%; color:#666; margin:0 auto; padding-top:15px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;transition: all 1.2s;}
.cont4n ul li:hover h2{ color:#fff;}
.cont4n ul li:hover p{color:#fff;}
.cont4n ul li:nth-child(4n) { margin-right:0px;}


@media(max-width:1200px){

.nav ul{margin-right: -14px;}

.nav li{padding: 0 14px;}

}

@media(max-width:1000px){

.header{height: 60px;}

.rlan{ line-height:60px; margin-right:70px;}

.dhbtn{position: absolute; right: 3%; top: 15px; width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #298E6A;;background-size: 20px 20px;border-radius: 4px;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #298E6A;;background-size: 20px 20px;}

.logo{width:100px; margin-top:6px;}

.fgt{height: 60px;}

.nav{width: 200px; padding: 0; background: #fff;height: calc(100% - 60px);left:-200px; top: 60px; position: fixed;overflow: auto;margin: 0;}

.nav ul {margin: 0;}

.nav li{float: none; width: 100%;border-bottom: 1px solid #eee;padding: 0;}

.nav h3 a{line-height: 55px;text-align: center;}

.sub{position: static; }

.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}

.dhbj{position: fixed; width: 100%; height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 10;display: none;}

._top{width: 40px;height: 40px;background-size: 100% 100%; right: 5px;bottom: 5px;}

}