*{ margin:0 auto; padding:0;   transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: "microsoft yahei";   color:#333; font-size:0.9rem; background: #FFFFFF; min-width:1200px}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #3a9388;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}


#home .home a,
#products .products a,
#sou .sou a,
#cases .cases a,
#news .news a,
#about .about a,
#contact .contact a{ background: url(../images/NavAbg.jpg) no-repeat;}


#products .products ul a{ color: #333; background: #FFFFFF;}
#products .products ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#sou .sou ul a{ color: #333; background: #FFFFFF;}
#sou .sou ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#cases .cases ul a{ color: #333; background: #FFFFFF;}
#cases .cases ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#news .news ul a{ color: #333; background: #FFFFFF;}
#news .news ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#about .about ul a{ color: #333; background: #FFFFFF;}
#about .about ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}


.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

input,button,select,textarea{ outline:none; font-family: "microsoft yahei";    }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}


submit{ font-family: "microsoft yahei";   }
#warp{ width:100%; height:auto; overflow: hidden;}

.HeaderBg{ position: fixed; left: 0; top: 0; width: 100%; height: 93px; background: url(../images/Hbg.png) no-repeat; background-size:cover; z-index: 999;}
.Header{ width: 1100px; height: 93px; position: relative;}

.Header .nav{ float: left; width: 550px; height: 93px; line-height: 93px; margin-left: 310px;}
.Header .nav li{ float: left; width: 110px; height: 93px; text-align: center; position: relative; font-size: 16px;}
.Header .nav li a{ color: #FFFFFF;}
.Header .nav li:hover ul{ display: block;}
.Header .nav li ul{ position: absolute; left: 0; top: 63px; width: 110px; background: #FFFFFF; display: none;}
.Header .nav li ul li{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #dedede; font-size: 14px;}
.Header .nav li ul li a{ color: #333333; display: block;}
.Header .nav li ul li a:hover{ background: #3A9388; color: #FFFFFF;}

.Header .Hsearch{ float: right; margin-top: 33px; width: 136px; height: 27px; line-height: 27px; border: 1px solid #FFFFFF; border-radius: 30px; box-sizing: border-box;}
.Header .Hsearch input{ float: left; border: none; background: none; color: #FFFFFF; line-height: 27px; font-size: 12px; margin-left: 8px; width: 95px;} 
.Header .Hsearch input::placeholder{ color: #FFFFFF;}

.Header .Hsearch button{ float: left; width: 16px; height: 16px; margin-top: 4px; border: none; background: url(../images/Hsub.png) no-repeat;}
.HeaderBg.current .logo{ float:left; width:100px; height:41px; margin-top:26px;}
.HeaderBg.current .logo a{  display: block; width:100px; height:41px;  background: url(../images/logo.png) no-repeat; }
.HeaderBg.current{ background: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.Header .nav{ margin-left: 160px;}
.HeaderBg.current .nav li a{ color: #333;}

.HeaderBg.current .Header .Hsearch{ border: 1px solid #DEDEDE;}
.HeaderBg.current .Header .Hsearch input{  color: #333; } 
.HeaderBg.current .Header .Hsearch input::placeholder{ color: #333;}
.HeaderBg.current .Header .Hsearch button{  background: url(../images/Hsub1.png) no-repeat;}


.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{ position: relative; width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item div{ width: 100px; height: 114px; text-align: center; background: url(../images/InVideoBtn.png) no-repeat top center; position: absolute; left: 50%; margin-left: -50px; bottom: 170px;}
.main_visual .owl-carousel .item div p{ color: #FFFFFF; line-height: 37px; padding-top: 77px;}
.main_visual .owl-carousel .item div.Blogo{ width:264px; height:172px; position: absolute; left: 50%; margin-left: -132px; bottom: 360px; background: none;}
.main_visual .owl-carousel .item div.Blogo img{ width:264px; height:172px;}


.main_visual .owl-prev,.main_visual .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.png);left: 10%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 10%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 1.0;}
.main_visual:hover .owl-next{ opacity: 1.0;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 11px; position:absolute; left: 0; bottom: 30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 8px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 11px; height: 11px; background: #d5d5d5; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 32px; height: 11px; background:#9eefce; border-radius: 10px;}

.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

.in1Bg{ width: 100%; height: 870px; background: url(../images/in1Bg.jpg) no-repeat;}
.in1Box{ width: 1100px; height: 562px; padding-top: 110px; overflow: hidden;}
.in1BoxL{ float: left; width: 486px; height: 562px; overflow: hidden;}
.in1BoxL img{width: 486px; height: 562px; }

.in1BoxR{ float: right; width: 550px; height: 562px; }
.in1BoxR h2{ padding-top: 15px; line-height: 58px; font-size: 30px; margin-left: -88px;}
.in1BoxR h3{ line-height: 61px; font-size: 20px; color: #3a7b61; font-weight: normal; margin-left: -88px;}

.in1BoxR p{ color: #666; line-height: 25px; margin-top: 25px;}
.in1BoxR a{ display: block; float: left; width: 88px; height: 29px; color: #3b7b61; line-height: 29px; margin-top: 25px;}
.in1BoxR a span{ width: 29px; height: 29px;   background: #3b7b61 url(../images/inMore.png) no-repeat center; border-radius: 50%; display: block; float: left;}
.in1BoxR a b{ display:block; line-height: 29px;  float: left; font-size: 18px; margin-left: 6px;}
.in1BoxR a:hover{ color: #399388;}
.in1BoxR a:hover span{ background: #399388 url(../images/inMore.png) no-repeat center;}

.in1Tit{ width: 376px; height: 80px; overflow: hidden; margin-top: 78px; text-align: center;}
.in1Tit h2{ width: 100%; height: 50px; line-height: 40px; color: #3b7b61; font-size: 30px; font-weight: normal;}
.in1Tit h2 span{ display: inline-block;}
.in1Tit h2 span img{ vertical-align: bottom;}
.in1Tit p{ height: 20px; line-height: 20px; color: #70b99c; font-size: 16px; margin-top: 10px;}

.in2List{ width: 1100px; height: auto; overflow: hidden;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat;  background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; border-radius: 5px;}
.main_visual1 .owl-carousel .item h4{ height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; color: #000000; margin-top: 7px;}
.main_visual1 .owl-carousel .item p{ line-height: 22px; height: 44px; overflow: hidden; color: #666;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -999999em;}

.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 13px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 13px; height: 13px; background:#a7a7a7; border-radius: 10px; }
.main_visual1 .owl-dot.active span{width: 13px; height: 13px; background:url(../images/inProA.jpg) no-repeat; border-radius: 10px;}

.inAd{ width: 1100px; height: auto; margin-top: 45px;}
.inAd img{ width: 100%; height: auto;}

.inNewsBg{ width: 100%; height: 680px; background: url(../images/inNewsBg.jpg) no-repeat center; background-size:cover;}
.inNewsBg h2{ text-align: center; color: #3b7b61; font-size: 30px; line-height: 50px; padding-top: 75px;}
.inNewsNav{ width: 100%; height: 37px; line-height: 37px; text-align: center;}
.inNewsNav a{ display:inline-block; padding: 0 10px;}
.inNewsNav .tabs .thistab,.tabs .thistab a:hover {  color: #399388; }

.inNewsList{ width: 1100px; height: 306px; margin-top: 35px;}
.inNewsList dl{ float: left; width: 260px; height: 306px; background: #FFFFFF;  box-shadow:0 0 10px #eee; margin-left: 20px;}
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl dt{ width: 260px; height: 171px; overflow: hidden;}
.inNewsList dl dt img{ width: 260px; height: 171px; }
.inNewsList dl dd{ width: 100%; height: auto; box-sizing: border-box; padding: 10px 10px 0 10px;}
.inNewsList dl dd h4{ width: 100%; height: 23px; line-height: 23px; overflow: hidden; color: #000000;}
.inNewsList dl dd p{ color: #666; line-height: 22px; height: 44px; overflow: hidden;}
.inNewsList dl dd h3{ width: 100%; height: 38px; line-height: 38px; overflow: hidden; border-top: 1px solid #dedede; margin-top: 15px; font-size: 14px; font-weight: normal; color: #666;}
.inNewsList dl dd h3 span{ display: inline-block; width: 25px; height: 10px; background: url(../images/inNewsA.jpg) no-repeat; margin-top: 11px;}
.inNewsList dl a:hover dd h3{ color: #399388;}
.inNewsList dl a:hover  h3 span{ background: url(../images/inNewsAs.jpg) no-repeat;}
.inNewsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inNewsMore{ width: 100%; height: 27px; line-height: 27px; margin-top: 60px;}
.inNewsMore a{ display: block; width: 106px; height: 27px; background: #3a9388; border-radius: 20px; color: #FFFFFF; text-align: center;}


.footerBg{ width: 100%; height: auto; background: #a8d5ba; padding: 22px 0;}
.footer{ width: 1100px; height: auto; overflow: hidden;}
.footerL{ width: 314px; height: auto; overflow: hidden; float: left;}
.footerL h2{ color: #000000; font-size: 16px; font-weight: normal; height: 32px; border-bottom: 1px solid #82bea9; margin-bottom: 10px;}
.footerL dl{ width: 100%; height: auto; min-height: 26px; padding: 5px 0;}
.footerL dl dt{ float: left; width: 24px; line-height: 26px;}
.footerL dl dt i{ font-size: 20px; line-height: 26px;}
.footerL dl dd{ float: right; width: 280px; line-height: 26px;}

.footerM{ width: 297px; height: auto; overflow: hidden; float: left; margin-left: 82px;}
.footerM h2{ color: #000000; font-size: 16px; font-weight: normal; height: 32px; border-bottom: 1px solid #82bea9; margin-bottom: 10px;}
.footerM ul a{ line-height: 28px; display: block; float: left; width: 25%;}

.footerR{ width: 318px; height: auto; overflow: hidden; float: right; }
.footerR h2{ color: #000000; font-size: 16px; font-weight: normal; height: 32px; border-bottom: 1px solid #82bea9; margin-bottom: 10px;}
.footerR li{ float:left; width:108px; height:154px; margin-right:22px; text-align:center;}
.footerR li img{ width:106px; height:106px; border:1px solid #3a9387;}
.footerR li p{ line-height:46px;}

.footerCopyBg{ width: 100%; height: 57px; background: #3a9387;}
.footerCopy{ width: 1100px; height: 57px; line-height: 57px; color: #FFFFFF;}
.footerCopy a{ color: #FFFFFF;}
.footerCopy a:hover{ color: #CCCCCC;}




.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 15px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #3a9388;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #3a9388;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
        

.banner2{ width: 100%; height: 360px; margin-top: 94px;}
.abbox1{ width: 1100px; height: auto; padding: 100px 0; border-bottom: 1px solid #eeeeee;}
.abbox1L{ float: left; width: 530px; height: auto; overflow: hidden;}
.abbox1L h2{ font-size: 36px; color: #3b7b61; line-height: 56px;}
.abbox1L p{ font-size: 14px; line-height: 24px; margin-top: 15px;}
.abbox1R{ float: right; width: 488px; height: auto; overflow: hidden;}
.abbox1R img{width:488px; height: auto;}

.abTeam{ width: 1100px; height: auto; overflow: hidden;  padding: 50px 0; border-bottom: 1px solid #eeeeee;}
.abTeamTop{ width: 1100px; height: 34px; line-height: 34px; font-size: 34px; font-weight: bold; color: #3b7b61;}
.abTeamTop a{ display: block; float: left; width: 34px; height: 34px; background: #d0d0d0; border-radius: 50%; margin-left: 15px;}
.abTeamTop a:hover{ background: #3a9388;}
.abTeam .bd{ width: 1100px; position: relative; overflow: hidden; height: 267px; padding-top: 55px;}
.abTeam .bd li{ float: left; width: 275px; height:267px; overflow: hidden; text-align: center; }
.abTeam .bd li img{ width: 265px; height: 210px;}
.abTeam .bd li h4{ font-size: 18px; color: #000000; line-height: 42px; height: 42px; overflow: hidden; padding-top: 15px;}


.abHonor{ width: 1100px; height: auto; overflow: hidden;  padding: 50px 0; border-bottom: 1px solid #eeeeee;}
.abTeamTop{ width: 1100px; height: 34px; line-height: 34px; font-size: 34px; font-weight: bold; color: #3b7b61;}
.abTeamTop a{ display: block; float: left; width: 34px; height: 34px; background: #d0d0d0; border-radius: 50%; margin-left: 15px;}
.abTeamTop a:hover{ background: #3a9388;}
.abHonor .bd{ width: 1100px; position: relative; overflow: hidden; height: 267px; padding-top: 55px;}
.abHonor .bd li{ float: left; width: 275px; height:267px;  overflow: hidden; text-align: center; }
.abHonor .bd li img{ width: 265px; height: 210px;}
.abHonor .bd li h4{ font-size: 18px; color: #000000; line-height: 42px; height: 42px; overflow: hidden; padding-top: 15px;}

.conBg{ width: 100%; height: auto; padding: 90px 0; background: #f5f5f5;}
.conbox{ width: 1100px; height: auto; background: #FFFFFF; padding: 60px 0;}
.conbox dl{ float: left; width: 33.3%; height: auto; text-align: center;}
.conbox dl dt{ width: 100%; height: auto;}
.conbox dl dd{ width: 100%; height: auto; box-sizing: border-box; border-right: 1px solid #dcdcdc; padding: 10px 0; height:120px;}
.conbox dl dd h4{ font-size: 16px; line-height: 48px;}
.conbox dl dd p{ font-size: 14px; line-height: 24px; padding: 0 10%;}

#dituContent{ width: 1100px; height: 400px;}

.conFed{ width: 1100px; height: auto; background: #FFFFFF; padding-bottom: 50px;}
.conFedTit{ width: 100%; text-align: center; padding: 60px 0; overflow: hidden;}
.conFedTit h2{ font-size: 30px; line-height: 48px; color:#3b7b61}
.conFedTit p{ font-size: 18px; line-height: 32px; color: #666666;}
.conFedbox1{ width: 987px; height: 52px; overflow: hidden; margin-bottom: 36px;}
.conFedbox1 input{ margin-left: 36px; float: left; width: 305px; height: 52px; line-height: 52px; box-sizing: border-box; padding: 0 15px; border: none; background: #eeeeee;}
.conFedbox1 input:first-child{ margin-left: 0;}
.conFedbox2{ width: 987px; height: 145px; overflow: hidden; margin-bottom: 36px;}
.conFedbox2Txt{ width: 987px; height: 145px; box-sizing: border-box; padding: 15px; line-height: 24px; overflow: hidden; background: #eeeeee; border: none; }

.conFedbox3{ width: 100%; height: 45px; text-align: center;}
.conFedbox3 .consub{ cursor: pointer; border: none; width: 150px; height: 45px; line-height: 45px; color: #FFFFFF; background: #3a9388; font-size: 18px;}
.conFedbox3 .consub:hover{ background: #CCCCCC;}


.newsTop{ font-size: 18px; width: 1100px; height: 26px; line-height: 26px; padding: 22px 0; border-bottom: 1px solid #eeeeee; overflow: hidden; margin-top: 50px;}
.newsTop span i{ padding-left: 10px;}
.newsTop .newsMenu{ float: left;}
.newsTop .newsMenu a{ display: inline-block; padding-right: 15px;}
.newsTop .newsMenu a:after{ content:"|"; padding-left: 15px;}
.newsTop .newsMenu a:last-child:after{ content:""}
#lm_hover{ color: #9e9d9e;}

.newsList{ width: 1120px; height: auto; overflow: hidden; padding: 45px 0;}
.newsList dl{ float: left; width: 343px; height: auto; overflow: hidden; margin: 15px;}
.newsList dl a{ display: block; background: #FFFFFF; width: 100%; height: 100%;}
.newsList dl dt{ width: 343px; height: 226px; overflow: hidden;}
.newsList dl dt img{ width: 343px; height: 226px; }
.newsList dl a:hover img{filter: grayscale(100%);filter: gray;}
.newsList dl dd{ width: 100%; height: auto; padding:40px 20px; border: 1px solid #efefef; text-align: center; box-sizing: border-box;}
.newsList dl dd p{ color: #999999; line-height: 27px;}
.newsList dl dd h3{ font-weight: normal; color: #000; line-height: 30px; height: 30px; font-size: 16px; overflow: hidden;}
.newsList dl dd h4{ margin-top: 42px; font-weight: normal; font-size: 13px; color: #999999; width: 125px; height: 34px; line-height: 34px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.newsList dl dd h4 i{ padding-left: 15px; font-size: 16px;}

.newsShowbg{ width: 100%; padding: 50px 0; background: #f5f5f5; margin-top:94px;}
.newsShow{ background: #FFFFFF; width: 1100px; height: auto; box-sizing: border-box; padding: 50px;}
.newsShowTit{ width: 100%; height: auto; border-bottom: 1px solid #aaaaaa; padding-bottom: 40px; text-align: center;}
.newsShowTit h2{ font-size: 28px; line-height: 36px; padding: 10px 0;}
.newsShowTit p{ line-height: 32px;}
.newsShowinfo{ width: 100%; height: auto; padding: 30px 0; line-height: 24px; overflow: hidden;}
.newsShowinfo img{ max-width: 100%; height: auto;}


.newsRela{ width: 1100px; height: auto;}
.newsRelaTop{ width: 100%; height: 34px; line-height: 34px; overflow: hidden; padding: 45px 0; border-bottom: 1px solid #dcdcdc;}
.newsRelaTop h4{ display: inline-block; }
.newsRelaTop h4 a{ display: block; width: 151px; height: 34px; background: #3a9388; color: #FFFFFF; font-weight: normal; text-align: center; border-left: 20px solid #aaaaaa;}
.newsRelaTop h4 a i{ padding-right: 10px; transition: all ease .5s;}
.newsRelaTop h4 a:hover i{ padding-right: 20px;}
.newsRelaTop span a{ display: block; float: left; width: 34px; height: 34px; background: #d0d0d0; border-radius: 50%; margin-left: 15px;}
.newsRelaTop span a:hover{ background: #3a9388;}
.newsRela .bd{ width: 1100px; position: relative; overflow: hidden; height: auto; padding-top: 25px;}
.newsRela dl{ float: left; width: 343px; height: auto; overflow: hidden; margin: 12px;}
.newsRela dl a{ display: block; background: #FFFFFF; width: 100%; height: 100%;}
.newsRela dl dt{ width: 343px; height: 226px; overflow: hidden;}
.newsRela dl dt img{ width: 343px; height: 226px;}
.newsRela dl a:hover img{ filter: grayscale(100%);filter: gray;}
.newsRela dl dd{ width: 100%; height: auto; padding:40px 20px; border: 1px solid #efefef; text-align: center; box-sizing: border-box;}
.newsRela dl dd p{ color: #999999; line-height: 27px;}
.newsRela dl dd h3{ font-weight: normal; color: #000; line-height: 30px; height: 30px; font-size: 16px; overflow: hidden;}
.newsRela dl dd h4{ margin-top: 42px; font-weight: normal; font-size: 13px; color: #999999; width: 125px; height: 34px; line-height: 34px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.newsRela dl dd h4 i{ padding-left: 15px; font-size: 16px;}
.newsRela .innewsListM{ width: 0; height: 0; opacity: 0;}

.downBg{ width: 100%; height: auto; padding: 35px 0 60px 0; background: #f5f5f5; }
.downBg h2{ text-align: center; line-height: 150px; font-size: 36px; color:#3b7b61;}
.videoList{ width: 1130px; height: auto; overflow: hidden;}
.videoList dl{ margin: 15px; float: left; width: 344px; height: 305px; overflow: hidden; text-align: center; cursor: pointer;}
.videoList dl a{ display: block; width: 100%; height: 100%;}
.videoList dl a:hover div{ opacity: 1.0;}
.videoList dl dt{ width: 344px; height: 231px; overflow: hidden; position: relative;}
.videoList dl dt div{transition: all ease .5s; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/videoTm.png) repeat;display: flex;align-items: center}
.videoList dl dt div img{ width: 48px; height: 48px; vertical-align: middle;}
.videoList dl dt img{width: 344px; height: 231px;}
.videoList dl dd{ background: #FFFFFF; width: 344px; height: 74px; line-height: 74px; font-size: 18px; overflow: hidden;}

.DownList{ width: 1120px; height: auto; overflow: hidden;}
.DownList dl{ margin: 15px; float:left; background: #FFFFFF; width: 530px; height: 120px; box-sizing: border-box; padding: 37px 32px; border: 1px solid #f5f5f5;}
.DownList dl dt{ float: left; width: auto; height: 45px;}
.DownList dl dt h4{  display: inline-block; padding-left: 28px; font-size: 18px; line-height: 22px;}
.DownList dl dt h4 p{ font-weight: normal; font-size: 14px; color: #666666;}
.DownList dl dt h4 p span{ padding-right:10px;}
.DownList dl dd{ float: right; width: 45px; height: 45px;  border: 1px solid #f0f0f0; border-radius: 50%; color: #999999; text-align: center; box-sizing: border-box;}
.DownList dl dd i{line-height: 45px; font-size: 20px;}
.DownList dl:hover dd{ background: #000000; color: #FFFFFF; border-color: #000000;}

.GoodsList{ width: 1122px; height: auto; padding: 45px 0; overflow: hidden;}
.GoodsList dl{ margin: 17px; float: left; text-align: center; width: 340px; height: 520px; overflow: hidden;}
.GoodsList dl a{ display: block; width: 100%; height: 100%; background: #f5f5f5; color: #000000; box-sizing: border-box;}
.GoodsList dl a:hover h4{ opacity: 1.0;}
.GoodsList dl dt{ width: 100%; height: 60px; overflow: hidden; font-size: 18px; line-height: 60px;}


.GoodsList dl dd{ width: 340px; height: 460px; overflow: hidden;}
.GoodsList dl dd img{ width: 340px; height: 460px;}

.GoodsShow{ width: 1040px; height: auto; background: #FFFFFF; overflow: hidden; padding: 30px;}
.GoodsShowL{ float: left; width: 452px; height: auto; overflow: hidden;}
.GoodsShowL .main_visual .owl-dots{ width: 100%; text-align: center; height: 16px; position:absolute; left: 0; bottom: 20px;  z-index: 999;}
.GoodsShowR{ float: right; width: 525px; height: auto; overflow: hidden;}
.GoodsShowR h2{ font-size: 30px; line-height: 36px; padding: 15px 0; color: #000000; border-bottom: 1px solid #dcdcdc;}
.GoodsShowRinfo{ width: 100%; height: auto; padding: 25px 0; overflow: hidden; border-bottom: 1px solid #dcdcdc; line-height: 24px;}
.GoodsShowRBtn{ width: 100%; height: 48px; padding: 20px 0;}
.GoodsShowRBtn a{ display: block; float: left; border-radius: 30px; width: 260px; height: 48px; line-height: 48px; text-align: center; background: #3a9388; color: #FFFFFF; margin-top:68px;}
.GoodsShowRBtn a i{ font-size: 20px; padding-right:5px;}
.GoodsShowRBtn a:hover{ background: #CCCCCC;}

.GoodsShowRBtnR{ float:left; width:150px; height:190px; text-align:center; margin-right:60px;}
.GoodsShowRBtnR img{width:150px; height:150px;}
.GoodsShowRBtnR p{ line-height:40px;}

.GoodsShow2{ width: 1100px; height: auto; background: #FFFFFF; overflow: hidden; margin-top:30px;}


@media (max-width:1600px){
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{ position: relative; width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item div{ width: 100px; height: 114px; text-align: center; background: url(../images/InVideoBtn.png) no-repeat top center; position: absolute; left: 50%; margin-left: -50px; bottom: 105px;}
.main_visual .owl-carousel .item div p{ color: #FFFFFF; line-height: 37px; padding-top: 77px;}
.main_visual .owl-carousel .item div.Blogo{ width:264px; height:172px; position: absolute; left: 50%; margin-left: -132px; bottom:250px; background: none;}
}

@media (max-width:780px){
 .main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{ position: relative; width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item div{ width: 100px; height: 114px; text-align: center; background: url(../images/InVideoBtn.png) no-repeat top center; position: absolute; left: 50%; margin-left: -50px; bottom: 105px;}
.main_visual .owl-carousel .item div p{ color: #FFFFFF; line-height: 37px; padding-top: 77px;}
.main_visual .owl-carousel .item div.Blogo{width:264px;height:172px;position: absolute;left: 50%;margin-left: -132px;bottom: 17px;background: none;}
.main_visual .owl-carousel .item div.Blogo img{width: 174px;height: auto;}
.main_visual .owl-carousel .item div.Btext{display:none}
}