@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
body{
	font-size:12px;
    margin:0px;
	padding:0px;
	text-align:left;
	color:#606060;
	font-family:"΢ÈíÑźÚ";
	font-size:14px;	
}
img{ border:0}
form, input, textarea, table, h1, h3, h4, h5, h6{
	font-family:"΢ÈíÑźÚ";
	font-size: 15px;
}

span{ border:0px;}

h1{ font-size:16px;}

h3{ background:none;}

input,textarea{
	border:1px solid #CCCCCC;
	padding:2px;
	background:url(/HxSNT1ksDxMNnyAIUI5SIt.jpg) bottom  repeat-x;
}
a{
	text-decoration: none;
	blr:expression(this.onFocus=this.blur());
	color:#000;
	
}
a:hover .fd{transform: scale(1.09);transition: all 0.5s ease 0s;-webkit-transform: scale(1.09); -webkit-transform: all 1s ease 0s; z-index:999;}
a:hover{text-decoration:none; color:#02aaec;}
ul, li{ list-style:none; margin:0px; padding:0px;}
ul{ list-style:none; margin:0px; padding:0px;}
ul, li, dd{ list-style:none; margin:0px; padding:0px;}
ul, li, dt{ list-style:none; margin:0px; padding:0px;}
.clear{margin: 0;padding: 0;clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a{ color:#545454;
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}
.fd{ transition-duration: 0.5s;}
.fl{ float:left;}
.fr{ float:right;}
.headtop{ background:#49862f; line-height:36px; height:36px; color:#FFF;}
.headtop .fr span{ display:block; float:left;}





.header{ height:90px; width:100%;background: rgba(19, 123, 88, 0.8); position: fixed; top:0; left:0px; z-index:9999}
.w1200{ width:1200px; margin:auto; }
.w1300{ width:1400px; margin:auto;}
.logo{ float:left; width:170px; padding-top:19px;}
.logo img{}

.headcenter{ float:left; width:570px; padding-left:50px}
.headcenter li{ float:left; text-align:center; padding-top:15px; padding-left:50px;}
.headcenter li img{ display:block; margin:auto;}
.headcenter li span{ display:block; padding-top:10px; color:#8a8989;}

.headright{ float:right; width:310px; text-align:center; color:#fff;}


.headright .dh{ text-align:center; padding-top:10px;}
.headright p{ color:#fff; font-size:18px; text-align:left; padding-left:30px; line-height:90px; float:left; background:url(/JS9FH1OPUIqpT0SpIN.jpg) no-repeat left center;}
.headright a{ text-align:center; color:#fff; display:block; float:right; padding-top:14px;}
.headright a img{ display:block; margin:auto}
.headright a span{ display:block;}
.headright a:hover{ color:#02aaec}

.menu{ float:left; height:90px;}
.nav li{ float:left; text-align:center;position: relative; z-index:100; line-height:90px; width:110px; }
.nav li ul>li{ float:left;} 
.nav li.hover a{ color:#fff;}
#nav li.sfhover{ color:#fff; background:#02aaec;}
#nav li.sfhover a{ color:#fff;}
#nav li ul{    padding: 10px 0px 10px 0px;
     display: none; 
     background:#02aaec ;
    position: absolute;
    left: 0px; 
    top:90px; text-align:center; }
#nav li a{display:block;height:90px; line-height:90px;font-size:16px;blr:expression(this.onFocus=this.blur());outline:none;position:relative; color:#fff}
#nav li a span{-webkit-transform: scale(0.8) translate(0px,0px) ; font-weight:100; font-size:8px;-webkit-text-size-adjust:none; font-family: Arial, Helvetica, sans-serif; line-height:12px;padding-bottom:25px;display:block;cursor:pointer;position:relative; color:#F98E94; text-transform:uppercase;}

#nav li ul li{line-height:35px;height:35px;margin:0;background-image:none;position:relative;z-index:2 ;
    width: 100%!important;
} 
#nav li.active ul a,#nav li.sfhover ul a{font-weight:300;height:auto;color:#fff;line-height:35px;font-size:15px;float:none; text-align:center; margin-bottom: 5px; padding-top:0px; width:110px;}

#nav li ul li a{display: block;height: 35px;line-height: 35px;text-align: center;color: #fff;margin-bottom: 5px; font-size:15px;}
#nav li ul li:hover{background:#137b58;color:#fff;font-weight:300; text-align:center;}
#nav li ul li:hover a{ color:#fff;}


.sreach{ padding-top:20px; float:right}
.sreach .inputtext{ line-height:33px; background:#FFF; width:230px;}
.sreach .submit{ height:39px; border:0; width:78px; background:none; background:#49862f; color:#FFF; cursor:pointer;}


/* flexslider */
.banner{ position:relative; height:850px;}
.flexslider{position:relative; overflow:hidden; width:100%; z-index:1; margin:0px auto;}
.slides{position:relative;z-index:1;}
.slides li{ width:100%; height:850px;}
.slides li img{ width:100%; display:block ; height:850px;}
.slides li a{ display:block; width:100%; height:100%;}
.flex-control-nav{position:absolute;bottom:50px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:450px; overflow:hidden; cursor:pointer;  background:#ccc; border-radius: 8px; cursor:pointer;}
.flex-control-nav .flex-active{ background:#137b58;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:51px;height:86px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px; top:0px;}
.flex-direction-nav li a.flex-next{right:0px; top:0px; background-size:cover;}


.indexnum{ width:100%; background:#f8f7f5 url(../images/mybj.jpg) center bottom; height:718px; margin:1px auto 0px; position:relative; z-index:999; padding-top:80px;}
.swiper-wrapper{margin-left:-25px;}
.swiper-slide1{ float:left; padding-top:70px;}
.swiper-slide1 img{ width:160px; display:block; margin: auto; border:5px solid #137b58; border-radius:50%; margin-top:30px; position:relative; z-index:999}
.swiper-slide1 img:hover {}
.swiper-slide1 .num{ text-align:center; padding-top:20px; position:relative; z-index:999}
.swiper-slide1 .num b{ font-size:22px; color:#137b58; }
.swiper-slide1 .num span{ font-size:22px; color:#606060;}
.swiper-slide1:hover a .ptfirst{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.swiper-slide1 a{ display:block; position:relative; width:220px; height:300px; margin-left:25px;}
.swiper-slide1 a:hover .ptback{
    z-index: 3;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.ptfirst,.ptback{width:220px; height:300px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    position: absolute;
    top: 0;
    left: 0;
     -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ptfirst{z-index: 2;}

.ptback{
    z-index: 1; border-radius:10px;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.ptback img{border:5px solid #fff;}
.ptback .num span{ color:#FFF;}
.ptback .num b{ color:#FFF;}

.swiper-slide1 a::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      transition: .8s;
    background:#019edc;
      transform-origin: left;
      transform: scaleY(0);
    }

.swiper-slide1 a:hover::after {
      transform: scaleY(1);
    }




/*.index-data-con .swiper-container {
	width:100%
}

.index-data-con .swiper-slide1 {
	float:left; width:300px; padding-top:28px;
}

.index-data-con .data-item {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center
}
.index-data-con .circle {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
width:140px;
height:133px;
	background:url(/JS9FH1OPUISGntZpD1cF.jpg) no-repeat center;
	background-size:100% 100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 auto;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden
}
.index-data-con .circle:hover {
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px)
}
.index-data-con .circle:hover .num b {
	color:#02aaec
}
.index-data-con .num {
	text-align:center
}
.index-data-con .num b {
	font-size:40px;
	color:#333;
	font-weight:normal;
-webkit-transition:color .4s ease;
-moz-transition:color .4s ease;
transition:color .4s ease
}
.index-data-con .num span {
	font-size:14px;
	color:#666
}
.index-data-con .p {
	text-align:center;
	font-size:14px;
	color:#666
}*/

.indexnews{ padding:40px 0px;}

.indextit{ text-align:center; color:#333333;}
.indextit font{ font-size:32px; }
.indextit p.ch{ font-size:32px; font-family:"ºÚÌå"; color:#137b58; background:url(/JS9FH1OPUI9qJ1DpD1cF.jpg) no-repeat center bottom; padding-bottom:10px;}
.indextit p.en{ color:#137b58; font-size:16px;text-transform:Uppercase; padding:10px 0px 5px;}
.indextit p.des{ color:#8d8989; font-size:18px;}
.indexnewsleft{ float:left; width:378px; height:416px; border:1px solid #dedede; margin-top:20px;}
#owl-demo{position:relative;width:378px;height:416px;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:378px;height:236px;}
#owl-demo b{width:100%; line-height:30px; padding-top:20px; padding-left:20px;color:#646363; display:block; font-weight:400; font-size:16px;}
#owl-demo span{ color:#a2a1a1;text-align:left; font-size:15px; line-height:25px; padding-top:10px; padding-left:20px; display:block; padding-right:20px;}
#owl-demo a:hover b{ color:#137b58}
#owl-demo a:hover span{ color:#137b58}
.owl-pagination{position:absolute;left:0;bottom:10px;height:22px;text-align:center; text-align:left; padding-left:20px;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px; background:#999999; border-radius:50%;*display:inline;*zoom:1;}
.owl-pagination .active{background:#137b58;}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
/*.owl-prev{left:0;background-image:url(/HxSNT1kpH1EEEu5DINHPU0WqHj.jpg);}
.owl-next{right:0;background-image:url(/HxSNT1kpH1EEEu5DINHAU0WqHj.jpg);}
.owl-prev:hover{background-image:url(/HxSNT1kpH1EEEu5DINHZU0WqHj.jpg);}
.owl-next:hover{background-image:url(/HxSNT1kpH1EEEu5DINLSU0WqHj.jpg);}*/



.indexnewsright{ float:right; width:800px; }
.indexnewsright ul{}
.indexnewsright li{border:1px solid #dedede; margin-top:20px; position: relative;  background: #fff; }
.indexnewsright li a{ display:block; padding:18px 0px; height:88px;}
.indexnewsright li .time{ float:left; width:109px;border-right:1px solid #dedede;height:88px;  position:relative;z-index:11;}
.indexnewsright li .time span{ display:block; color:#666666; text-align:center; font-size:32px; padding-top:5px;}

.indexnewsright li .time p{text-align:center; padding-top:10px;}
.indexnewsright li .info{ float:left; width:620px; position:relative;z-index:11; padding-left:20px;transition: all .3s ease-out 0s;}
.indexnewsright li .info h3{ font-size:16px; padding-top:3px; }
.indexnewsright li .info p{ padding-top:8px; line-height:25px; }
.indexnewsright li a:hover .info{ padding-left:40px;color:#FFF;}
.indexnewsright li a:hover .info p ,.indexnewsright li a:hover .info h3,.indexnewsright li a:hover .time span ,.indexnewsright li a:hover .time p{color:#FFF;}


   .indexnewsright li {
      position: relative;
    }

    .indexnewsright li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      transition: .8s;
      background: #137b58;
      transform-origin: left;
      transform: scaleX(0);
    }

    .indexnewsright li:hover::after {
      transform: scaleX(1);
    }







.indexywfw{ background:url(/JS9FH1OPUHcQI1fpJHEF.jpg) no-repeat center; height:680px; width:100%; padding:120px 0px 0;}
.indexywfw ul{ margin-left:-16px; padding-top:60px;}
.indexywfw li{ float:left; padding:3px; border:1px solid #d5d5d5; background:#FFF; width:280px; margin-left:16px; transition: all .3s ease-out 0s;}
.indexywfw li p{ height:60px; line-height:60px; text-align: center; font-size:18px;}
.indexywfw li img{ display:block;}
.indexywfw li:hover{ background:#137b58;-webkit-transition-duration: 200ms;transition-duration: 200ms;transform: scale(1.03,1.03); border:1px solid #137b58}
.indexywfw li:hover p{ color:#FFF;}

.newsul{ text-align:center; padding-top:30px;}
.newsul a { color:#b4b4b4; font-size:15px; border:1px solid #d5d5d5; padding:8px 20px;}
.newsul a.tabactive {text-decoration:none;  color:#fff; background:#137b58;border:1px solid #137b58;}

.indexcase{ padding:40px 0px;}
.indexcaseb{ padding-top:30px;}
.indexcaseb ul{ margin-left:-18px;}
.indexcaseb ul li img{ display:block}
.indexcaseb ul li{ width:380px; float:left;padding:3px; border:1px solid #d5d5d5; background:#FFF; margin-left:18px; margin-top:18px; position:relative; height:256px;}
.indexcaseb ul li span{ width:380px; display:block;height:256px; overflow: hidden}
.indexcaseb ul li p{ background: url(/JS9FH1OPUIOIEyEPKIZoDIkH.jpg); text-align:center; color:#137b58; font-size:16px; height:42px; line-height:42px; position:absolute; width:380px; left:3px; bottom:3px;}
.indexcaseb ul li a:hover p{ background: url(/JS9FH1OPUIOIEyEPKIZRU0WqHj.jpg); color:#FFF;}

.indexfwlc{ background:url(/JS9FH1OPUIIQI1fpJHEF.jpg) no-repeat center; width:100%; height:562px; padding-top:30px;}
.indexfwlc ul{ margin-left:-25px; padding-top:20px;}
.indexfwlc li{ background: rgba(255, 255, 255, 0.9); float:left;width:220px;height:160px; position:relative; margin-left:25px; margin-bottom:25px;
	/*margin:75px 0 0 90px;
	-webkit-transform-origin:0 100%;
	-moz-transform-origin:0 100%;
	-o-transform-origin:0 100%;
	-ms-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg); */cursor:pointer;
}
.indexfwlc li img{ width:220px; height:160px; display:block; opacity:0; transition: all .5s ease-out 0s; position:absolute; top:-20px; left:0px;}
.indexfwlc li:hover{}
.indexfwlc li .info{transition: all .5s ease-out 0s; height:160px;}
.indexfwlc li:hover img{opacity:1; top:0px;}
.indexfwlc li:hover .info{}
.indexfwlc li:hover span{ color:#FFF; display:none}
.indexfwlc li:hover p{ color:#FFF;display:none}
.indexfwlc li span{ display:block;text-align:center; color:#cccccc; font-size:52px; font-family:"ËÎÌå"; padding-top:15px;}
.indexfwlc li p{ display:block; text-align:center; font-size:22px;color:#7b7b7b;} 



/*.port-3.effect-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(100deg); transform-origin: center top 100; }
.port-3.effect-3:hover .text-desc{transform: none; opacity: 1;}
.port-3.effect-3:hover .image-box img{transform: translateY(200%)}*/







.indexabouttit{ float:left; width:335px; height:338px; background:url(/JS9FH1OPUIWJJxETHI4oDIkH.jpg) no-repeat; margin-top:-79px;}
.indexabouttit p{ color:#FFF; margin-left:40px;}
.indexabouttit p.ch{ font-size:32px; padding-top:90px;}
.indexabouttit p.en{ font-size:32px; padding-top:20px;}
.indexabouttit p.more{ border:1px solid #FFF; width:200px; line-height:40px; text-align:center; margin-top:30px;}
.indexabouttit p.more a{ color:#FFF; font-size:15px;}


.idnexaboutsp{ float:left; width:380px; height:250px; margin-top:30px;}


.indexright{ float:right; width:766px; padding-top:30px;}
.indexright h3{color:#7d7d7e; font-size:28px; font-weight:500; padding:20px 0px;}
.indexright p{color:#7d7d7e; font-size:16px; font-weight:500; line-height:28px;}
#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6,#qwertycon2,#qwertycon3{ display:none;}

.indexbrand{ padding:30px 0px;}
.indexbrandbox{ padding-top:20px; height:450px;}
.indexbrandbox ul{margin-left:-12px; margin-top:30px;}
.indexbrandbox li{ float:left; width:283px; height:179px; padding:3px;border:1px solid #d5d5d5; margin-left:12px; margin-bottom:12px; transition: all .3s ease-out 0s;}
.indexbrandbox li img{ display:block;}
.indexbrandbox li:hover{-webkit-transition-duration: 200ms;transition-duration: 200ms;transform: scale(1.03,1.03);}
#qwertycon3 li{ float:left; width:283px; height:380px; padding:3px;border:1px solid #d5d5d5; margin-left:12px; margin-bottom:12px; transition: all .3s ease-out 0s;}


.zscplist ul{ margin-left:-18px;}
{}
.zscplist ul li img{ display:block}
.zscplist ul li{ float:left; width:283px; height:380px; padding:3px;border:1px solid #d5d5d5; margin-left:12px; margin-bottom:12px; transition: all .3s ease-out 0s; position:relative;}
.zscplist ul li span{ width:283px; display:block;height:380px; overflow: hidden}
.zscplist ul li p{ background: url(/JS9FH1OPUIOIEyEPKIZoDIkH.jpg); text-align:center; color:#137b58; font-size:16px; height:42px; line-height:42px; position:absolute; width:283px; left:3px; bottom:3px;}
.zscplist ul li a:hover p{ background: url(/JS9FH1OPUIOIEyEPKIZRU0WqHj.jpg); color:#FFF;}












.indexys{ background:#ecebeb; padding:80px 0px;}
.indexys ul{ margin-left:-12px;  padding-top:30px; padding-bottom:30px;}
.indexys li{ float:left;  background:#FFF; width:291px; margin-left:12px; transition: all .3s ease-out 0s; margin-top:12px;}
.indexys li p{ height:60px; line-height:60px; text-align: center; font-size:18px;}
.indexys li img{ display:block;}
.indexys li:hover{ -webkit-transition-duration: 200ms;transition-duration: 200ms;transform: scale(1.03,1.03);}
.indexys li:hover p{ color:#FFF;background:#019edc;}


.indexcp{ padding:30px 0px;}
.indexcplist{}
.indexcplist{}
.indexcplist li img{ display:block}
.indexcplist li{ width:220px; float:left;padding:3px; border:1px solid #d5d5d5; background:#FFF; margin-right:10.5px; margin-top:18px; position:relative; height:300px;}
.indexcplist li span{ width:220px; display:block;height:300px; overflow: hidden}
.indexcplist li p{ background: url(/JS9FH1OPUIOIEyEPKIZoDIkH.jpg); text-align:center; color:#26a3d3; font-size:16px; height:42px; line-height:42px; position:absolute; width:220px; left:3px; bottom:3px;}
.indexcplist li a:hover p{ background: url(/JS9FH1OPUIOIEyEPKIZRU0WqHj.jpg); color:#FFF;}


.indexnewsbox{}
.indexnewsbox1{ float:left; width:586px;}
.indexnewsbox1 .topnews{ padding-top:10px;}
.indexnewsbox1 .topnews .tit{ font-size:32px; color:#333333; font-weight:700;}
.indexnewsbox1 .topnews .leftimg{ float:left;  padding-top:20px;}
.indexnewsbox1 .topnews .info{ float:right; width:370px;  padding-top:20px;}
.indexnewsbox1 .topnews .info h3{ font-size:16px; font-weight:500; color:#646363; padding-top:5px;}
.indexnewsbox1 .topnews .info span{ font-size:13px; color:#9a9999; display: block; padding:5px 0px;}
.indexnewsbox1 .topnews .info p{ font-size:14px; color:#9a9999; line-height:25px;}

.indexnewsbox1 .topnews a:hover h3{ color:#137b58;}
.indexnewsbox1 .topnews a:hover span{color:#137b58;}
.indexnewsbox1 .topnews a:hover p{color:#137b58;}



.indexnewsbox1 .topnews ul{ margin-top:20px;}
.indexnewsbox1 .topnews li{ border-top:1px solid #e9e9e9; line-height:65px;}
.indexnewsbox1 .topnews li a{ font-size:16px; display:block ;transition: all .3s ease-out 0s; float:left;}
.indexnewsbox1 .topnews li a:hover{ padding-left:10px; color:#137b58;}
.indexnewsbox1 .topnews li span{ float:right; color:#9a9999; }

.indexcasebox{ background:url(/JS9FH1OPUIgBI1fpJHEF.jpg) no-repeat center; height:650px; padding-top:150px;}
/*.indexcasebox ul{ margin-left:-10.8px;}
.indexcasebox li{ float:left; border:1px solid #ece9e9; width:189px; height:92px; margin-left:10.8px; margin-top:10.8px; position:relative;}
.indexcasebox li p{ position:absolute; width:189px; height:92px; background: rgba(0, 0, 0, 0.8); top:0px; left:0px; color:#FFF; text-align:center; line-height:92px; font-size:18px; display:none;}
.indexcasebox li img{ display:block;}
.indexcasebox li:hover p{ display:block;}
*/

.indexcasebox ul{ padding-top:10px; padding-bottom:20px; margin-left:-12px;}
.indexcasebox li{ float:left; width:220px;text-align:center; height:100px; margin-left:12px; background: rgba(224, 228, 237, 0.8); margin-top:20px;}
.indexcasebox li img{ display:block; margin:auto;width: 80%;margin-top: 10px;}
.text-desc{position: absolute; left: 0; top: 0; background-color:#137b58; height: 100%; opacity: 0; width: 100%; line-height:100px; color:#FFF; font-size:24px;}
.port-3{float: left; width: 100%; height:100px; position: relative; overflow: hidden; text-align: center; }
.port-3 img{transition: 0.5s;}
.port-3.effect-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; }
.port-3.effect-3:hover .text-desc{transform: none; opacity: 1;z-index: 1;}
.port-3.effect-3:hover .image-box img{transform: translateY(200%)}






.nbnnaer{ width:100%; height:242px;}
.nbnnaer h3{ color:#FFF; font-size:28px; font-weight:500; padding-top:80px; padding-left:50px;}
.nbnnaer p{ height:3px; background:#FFF; width:50px; margin-top:20px;margin-left:50px;}

.lanmu{ height:55px; background:#383737; width:100%}
.lanmu ul{ width:1200px; margin:auto;}
.lanmu li{ float:left; line-height:55px; padding:0px 30px; border-right:2px solid #000;}
.lanmu li a{ color:#FFF; font-size:16px;display:block;}
.lanmu li.hover{background:#137b58; display:block; color:#FFF; font-size:15px;}

.ncontent{ padding-bottom:80px;}
.con-con{ line-height:30px; padding:30px 0px; text-align:left;}


.indexhzhb ul{margin-left:-12px;}
.indexhzhb li{ float:left; width:283px; height:179px; padding:3px;border:1px solid #d5d5d5; margin-left:12px; margin-bottom:20px; transition: all .3s ease-out 0s;}
.indexhzhb li img{ display:block;}
.indexhzhb li:hover{-webkit-transition-duration: 200ms;transition-duration: 200ms;transform: scale(1.03,1.03);}

.text-c1{ line-height:35px; text-align:center; margin-top:20px;}
.text-c1 span{ background:#137b58; padding:5px 10px; color:#FFF}
.text-c1 a{  padding:5px 10px; border:1px solid #137b58; }


.newslists li{border:1px solid #dedede; margin-top:20px; padding:18px 0px; height:88px;}
.newslists li .time{ float:left; width:109px;border-right:1px solid #dedede;height:88px;}
.newslists li .time span{ display:block; color:#666666; text-align:center; font-size:32px; padding-top:5px;}
.newslists li .time p{text-align:center; padding-top:10px;}
.newslists li .info{ float:left; width:1022px; padding-left:20px;transition: all .3s ease-out 0s;}
.newslists li .info h3{ font-size:16px; padding-top:3px;}
.newslists li .info p{ padding-top:8px; line-height:25px;}
.newslists li a:hover .info{ padding-left:40px;}

.hot_new{ padding:30px; border:1px solid #dedede; background:#fff;}
.hot_new .fl{ width:443px;}
.hot_new .fr{ width:665px;}



















.footer{ background:#5d5d5d; height:398px;}
.footer .fl{}
.footer ul{ float:left; width:870px;}
.footer ul li{ float:left; color:#fff; padding:30px 50px 0 0;}
.footer ul li dd{ color:#FFF; font-size:18px; padding-bottom:10px;}
.footer ul li dt{ line-height:35px;}
.footer ul li dt a{ color:#b7b5b5; font-size:15px;}
.footer .fr{ position:absolute; width:332px; height:422px; right:0px; bottom:0px; background:url(/JS9FH1OPUIIoJxIoKyZoDIkH.jpg) no-repeat; z-index:999}
.footer .bottom{ border-top:1px solid #878585; text-align:center; color:#b7b5b5; font-size:15px; padding-top:25px;margin-top:50px;}
.footer .fr .info{ color:#FFF; padding:20px 0px 0 60px; line-height:30px;}
.footer .fr .info{}


 

.fix{
	position: fixed;
	top: 30%;
	right: -162px;
	width: 211px;
	z-index: 9999;
	
	box-shadow: 0 0 10px #ddd;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	transition:all 0.3s;
}
.fix:hover{
	right: 0px;
}
.fix img{
	display: block;
	float: left;
}
.fix .l-box{
	border-bottom: 1px solid #ddd;
	background: rgba(0, 0, 0, 0.7);
	height: 52px;
}
.fix .l-box:hover{
	background: rgba(0, 0, 0, 0.5);
}
.fix .l-box a.c-c{
	line-height: 52px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin-left: 15px;
}
.fix .jiathis_style_32x32{
	margin-left: 4px;
	float: left;
}
.fix .jiathis_style_32x32 span{
	width: 20px!important;
    height: 16px!important;
    margin: 0px!important;
    padding: 0px!important;
    margin-top: 18px!important;
    margin-right: 14px!important;
    margin-left: 11px!important;
}
.fix .jiathis_style_32x32  .jtico_tsina{
	background: url(/JS9HT1qFOO1RJ1L.jpg) no-repeat;
}
.fix .jiathis_style_32x32  .jtico_weixin{
	background: url(/JS9HT1qFOE1RJ1L.jpg) no-repeat;
}
.fix .jiathis_style_32x32  .jtico_jiathis{
	width: 20px!important;
	height: 16px!important;
	margin: 0px!important;
	padding: 0px!important;	
	background: url(/JS9HT1qFPu1RJ1L.jpg) no-repeat;
	margin-top: 17px!important;
    margin-left: 12px!important;
}

.idnexaboutsp p{ cursor:pointer; box-shadow: 1px 1px 15px #ccc;}

.spbox{background:rgba(27,29,36,0.75); position:fixed; width:100%; height:100%; z-index:999; top:0px; left:0px; display:none}
.spbbb{ width:800px; height:500px; position:relative; top:50%; left:50%; margin:-300px 0px 0px -400px;}
.spbnt{ float:right;}
.spbnt i{ color:#FFF; font-size:24px; cursor:pointer; text-align:right;}