*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;}
a{ direction: none; color:#333;}
table{direction:none;}

/*welcome*/
.pubCon{ width:1400px; margin:0 auto;}
.welcome{ width:100%; height:30px; background:#019c69; line-height:30px;}
.welcome h4{font-size:14px; color:#fff; float:left; font-weight:100;}
.welcome p{ font-size:14px; float:right; color:#fff;}
.welcome p a{ color:#fff;}


/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: auto;
text-align: center;
}
.pagination li {
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
margin-bottom:5px;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;

}
.pagination li a:hover{
color:#019c69;
}
.pagination li.thisclass {
background: #019c69;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.paginatio1 li.thisclass a:hover{
background: transparent;
border-color: #019c69;
color: #fff;
cursor: default;
}

.pagination {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
}
.pagination span {
	font-size: 16px;
}
.pagination a {
	margin: 0 5px 5px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	min-width: 36px;
	text-align: center;
}
.pagination .page-status {
	margin-right: 10px;
}
.pagination a:hover,
.pagination .page-num-current {
	background-color: #019c69;
	color: #fff;
}



/*top*/
header{ width:100%; height:120px; background-color:rgba(255,255,255,0.8); z-index:999; position:relative;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 4%;}
header #logo{ width:300px;}
header #logo img{ width:100%;}

nav{ width:60%;position: relative;}
nav ul li{ float:left; width:14.28%; height:120px; text-align:center;display: flex;justify-content: center;align-items: center;}
nav ul li a{ color:#212121; font-size:18px; display:block;padding: 10px 30px;border-radius: 30px;}
nav ul li a:hover,nav ul li.on a{ color:#fff;background-color: #019c69;}

nav dl{width:80%;  position: absolute;left:0px;  display: none; }
nav dl .dlpic{position: absolute;width:100%; }
nav dl dd{ float:left; width:50%;background:rgba(0,0,0,0.75); padding-bottom:20px; line-height: 40px !important; min-height: 300px;}
nav dl dd .flpic{width:80%; overflow: hidden;margin-top:10%;margin-left:10%;}
nav dl dd img{ width:100%;  height: auto; transition:1s;}
nav dl dd:hover img{ transform: scale(1.2);}
nav dl dd p{ font-size:16px; color:#fff; height: 45px; line-height: 45px; overflow: hidden; font-weight: 500;} 
nav dl dd:hover{ background:#019c69;}
nav ul li dl a::after{ display: none;}
nav ul li:hover dl{ display: block;}




.topTel{position: relative;padding-left: 60px;}
.topTel img{width:49px; height:49px; position: absolute;left: 0;top: 50%;margin-top: -25px;}
.topTel p{ font-size:15px; color:#666; margin-bottom:5px;}
.topTel b{ font-size:30px; color:#f00;}


header .btn{ display: none;}


/* banner */
.banner{ position: relative;top:0; left:0px; z-index:1;z-index: 1; }
.banner .swiper-container {
    width: 100%;
    height: 100%;
  }
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

.banner .swiper-slide img{ width:100%;}
.banner .swiper-slide img.sp{ display: none;}

.banner .swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px; opacity: 0;}
.banner .swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px; opacity:0;}
.banner .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.banner .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
.banner:hover .swiper-button-next{ opacity: 1;}
.banner:hover .swiper-button-prev{opacity: 1;}



/*about*/
.about{ width:100%; height: 620px;  background:url(../images/bodybj.png) repeat; position:relative; top:0px;}
.about .pubCon{ position:relative; height:600px; overflow:hidden;}
.aboutL{ width:1000px; height:500px; background:#e4e4e4; position:absolute; top:60px; z-index: 1;}
.aboutL .pubTit { width:230px; height:100px;}
.aboutL .pubTit  img{ padding:15px;}
.abLpic img{ margin-left:20px; margin-top:50px; }

.abLright{width:85%; float:left; margin-left:20px;  overflow:hidden; position:relative;top:0px; transition:1.5s;}
.abLright h4{height:40px; line-height:40px;font-size:26px; width:40%; margin-left:30%; color:#019c69; display:block;  text-align: left;  padding-left:50px; font-weight:600; margin-top:50px;}
.abLright p{ float:left; text-indent:2em; line-height:35px; margin-top:20px; text-align:justify; font-size:16px;}
.abLright i{ width:15%; margin-left:46%; height: 2px; background:#019c69; display: block; margin-top:10px;}
.abclear{ overflow:hidden;}

.abmore{ width:40%; height:45px; border:1px solid #019c69; text-align:center; line-height:45px; margin-top:20px; margin-left:30%; transition:0.5s; border-radius: 25px;}
.abmore a{ color:#019c69;}
.abmore:hover{ background:#019c69; }
.abmore:hover a{color:#fff; }

.aboutR{ width:490px; height:500px; background:url(../images/aboutRbj.png) no-repeat right center; padding-top:120px;position:absolute; right:0px; z-index:3;}
/*about轮播*/
.carousel{
            width: 455px;
            height: 380px;
            overflow: hidden;
            position: relative;
			margin-top:20px;
        }
        .carousel ul{
            width: 100%;
            height: 100%;
        }
        .carousel ul li{
            position: absolute;
        }
        .carousel ul li a img{
            width: 455px;
            height: 380px;
        }
        .bullet{
            position: absolute;
            font-size: 0;
            bottom: 20px;
            left: 50%;
            margin-left: -42px;
        }
        .bullet span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	margin-left: 15px;
	border-radius: 10px;
        }
        .bullet span:first-child{
            margin-left: 0;
        }
        .switch{

        }
        .switch span{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0,0,0,.1);
	font-size: 20px;
	color: #ffffff;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	font-family: "宋体";
        } 
		.switch span:hover{

	background-color: rgba(0,0,0,.5);

        }
        .prev{
            left: 0;
        }
        .next{
            right: 0;
        }
        .active{
            background-color: #019c69 !important;
        }



/* product */
.pubTit{ text-align: center;margin-bottom: 40px;}
.pubTit h3{ font-size:38px; color: #333;margin-bottom: 10px;}
.pubTit h3 span {color:#019c69;}
.pubTit p{ font-size: 16px; color:#333;}

.product{width:100%;margin-top: 80px;}
.product .pubCon {width: auto;max-width: 1600px;}
.proNav{ width:50%; margin-left:25%; overflow: hidden;}
.proNav li{ width:48%; height: 45px; border:1px solid #00428a; float:left; border-radius: 23px;  line-height: 45px;text-align: center; margin-right:2%;}
.proNav li a{ font-size:18px; color:#00428a;}
.proNav li:nth-child(2){ margin-right:0px;}

.proNav li:hover{ background:#00428a;}
.proNav li:hover a{ color:#fff;}

.proList{ width:100%; overflow:hidden;}
.proList ul{width:100%; display: flex;flex-wrap: wrap;}
.proList ul li{ width:24%;margin-right:1.33%; margin-bottom:35px; text-align:center; position: relative;}
.proList ul li:nth-child(4n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:288px; overflow:hidden; }
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:288px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.prozhe{ position: absolute; top:0px; left:0px; transform: scale(0); transition:0.75s; width:100%; height: 324px; overflow: hidden;}
.proList ul li:hover .prozhe{ transform: scale(1);}
.proList ul li h4{ height:48px; background:#ddd; font-size:18px; color:#333; font-weight:500; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proList ul li:hover h4{ color:#019c69;}
#marquee2{ width:100%; overflow:hidden; height: 950px;}

.promore{width:36%; height:45px; background:#019c69; margin-top:40px; margin-left:32%; text-align: center; line-height: 45px; border-radius: 23px; transition:0.5s; position: relative; z-index:3;}
.promore a{ color:#fff; width:100%; display: block; }
.promore:hover{ background:#ff722c;}


/* fenlei */
.fenlei{ width:100%; min-height: 300px; background:url(../images/bodybj.png) repeat; position: relative; z-index: 1; padding:60px 0px 50px; overflow: hidden; margin-top:-5px;}
.fenlei ul{ margin-top:80px;}
.fenlei ul li{ width:25%; float:left; }
.fenlei ul li .flWen{ width:100%; height: 150px; background:#fff;}
.fenlei ul li .flWen .yingwen{ width:100%; overflow: hidden; padding-top:20px;}
.fenlei ul li .flWen .yingwen p{ width:70%; float:left; margin-left:10%; font-size:22px; color:#888;}
.fenlei ul li .flWen .yingwen i{ text-align: center;}
.flWen h3{ font-size:30px; color:#333; font-weight: 500; margin-top:15px; margin-left:10%;}
.flimg{ width:100%; overflow: hidden; }
.flimg img{ width:100%; transition:1.5s; }
.fenlei ul li:hover .flimg img{ transform: scale(1.2);}
.fenlei ul li:hover .flWen h3{ color:#019c69}


/* case */
.case{ width:100%; margin-top:80px; }
.case .swiper-slide { overflow: hidden; height: 245px;}
.case .swiper-slide img{ width:100%; height: auto;}
.case .swiper-container{ margin-top:30px;}

.case .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px;}
.case .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px;}
.case .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.case .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}


/* advantages */
.advantages{ width:100%; height:600px; margin-top:80px; background:url(../images/adbj.jpg) no-repeat center; background-size:100% 100%; padding-top:60px;}
.adtit{ width:100%; text-align: center;padding-top:30px;}
.adneibj{ width:100%; height: 480px; background:rgba(255,255,255,0.85); margin-top:30px; }
.advantages ul { padding-top:20px;}
.advantages ul li{ width:45%; float:left; margin-right:10%; margin-top:25px;}
.advantages ul li:nth-child(2n){ margin-right:0px;}
.advantages ul li h3{ height: 60px; line-height: 60px; font-size:26px; color:#333;}
.advantages ul li i{ width:60px; height: 60px; float: left; display: block; padding-right:15px;}
.advantages ul li i img{ transition:0.75s;}
.advantages ul li p{ font-size:16px; color:#333;line-height: 25px; margin-top:10px;}
.advantages ul li:hover i img{ transform:rotate(360deg);}


/* case */
.fahuo{ width:100%; margin-top:80px; }
.fahuo .swiper-slide{overflow: hidden; height: 334px;}
.fahuo .swiper-slide img{ width:100%;}

.fahuo .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px;}
.fahuo .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px;}
.fahuo .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.fahuo .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}


/* news */
.news {margin-top: 80px;}
.news .pubTit{ margin-bottom:30px;}
.newLeft{ width:45%; float:left; height: 450px; overflow: hidden;}
.newLeft .swiper-slide{ width:100%; }
.newLeft .swiper-slide img{ width:100%;}
.newLeft .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px;}
.newLeft .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px;}
.newLeft .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.newLeft .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}

.newRig{ width:50%; float:right;}
.newRig ul li{ width:100%; height:130px; margin-bottom:29px; }
.newRig ul li .ndate{ width:19%; height:130px; background:#eeeeee; border:1px solid #eee; font-family:"Arial";float:left; transition:0.5s; transition:0.5s; }
.newRig ul li .ndate b{ display:block; font-size:56px; color:#555; text-align:center; padding-top:15px; font-weight:500;}
.newRig ul li .ndate p{ font-size:16px; color:#666; width:60%; height:30px; border:1px solid #ccc; text-align:center; line-height:35px; margin-left:20%;}
.newRig ul li .ntext{width:76%; height:100px; border:1px solid #ddd; float:left; padding:15px; position:relative;}
.newRig ul li .ntext h4{ font-size:18px; color:#333; font-weight:500; margin-top:10px; transition:0.5s; }
.newRig ul li .ntext p{ font-size:14px; color:#666; line-height:25px; margin-top:10px;}
.newRig ul li .ntext .nmore{ width:53px; height:53px; background:url(../images/nmore.png) no-repeat center; position:absolute; bottom:0px; right:0px; transition:0.5s;}
.newRig ul li:hover .ndate{ background:#019c69;border:1px solid #019c69;}
.newRig ul li:hover .ndate b{ color:#fff;}
.newRig ul li:hover .ndate p{ color:#fff;}
.newRig ul li:hover .ntext{border:1px solid #019c69; }
.newRig ul li:hover .ntext h4{ color:#019c69;}
.newsmore{ width:36%; height: 45px; border-radius: 23px; background:#019c69; text-align: center; line-height: 45px; margin-left:32%; margin-top:15px; font-size:18px; transition:0.5s; }
.newsmore a{ color:#fff; width:100%; display: block;}
.newsmore:hover{ background:#ff722c;}

/* footer */
footer{
	background-color: #252525;
	margin-top:80px;
}
footer .fTop {
	padding: 40px 15px;
	background-color: #333;
}
footer .fTop ul {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
}
footer .fTop li {
	padding-left: 65px;
	width: 33.33%;
	color: #fff;
	font-size: 16px;
	position: relative;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.3);
	padding: 0 35px 0 100px;
}
footer .fTop li:last-child {
	border-right: none;
}
footer .fTop li span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
footer .fTop li img {
	position: absolute;
	left: 35px;
	top: 3px;
	width: 50px;
}
footer .fTop a {
	color: #fff;
}
footer .fInn {
	padding: 0 15px;
}
footer .fWidth {
	padding: 60px 0;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .fWidth .lbox ul {
	padding-top: 20px;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #333;
}
footer .fWidth .lbox ul li {
	margin-top: 10px;
	margin-right: 40px;
}
footer .fWidth .lbox ul a {
	display: block;
	color: #868686;
	font-size: 16px;
}
footer .fWidth .lbox ul a:hover {
	color: #ff722c;
}
footer .fWidth .cbox .ttl {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}
footer .fWidth .cbox li {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	position: relative;
	padding-left: 30px;
}
footer .fWidth .cbox li img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	margin-top: -10px;
}
footer .fWidth .cbox li a {
	color: #fff;
}
footer .fWidth .rbox {
	max-width: 110px;
	text-align: center;
}
footer .fWidth .rbox img {
	width: 100%;
}
footer .fWidth .rbox p {
	margin-top: 10px;
	color: #5d5d5d;
	font-size: 14px;
}
footer .fWidth .flogo {
	max-width: 240px;
}
footer .fWidth .flogo img {
	width: 100%;
}

.fLeft{ width:30%; float:left; margin-top:90px;}
.fLeft img{ width:100%;}
.fMid{ width:30%; margin-left:10%; float:left; margin-top:80px;}
.fMid ul li{ width:100%; margin-top:10px; font-size:18px; line-height: 35px;color:#fff;} 
.fMid ul li i{ width:25px; height: 25px; display: block; float:left; margin-right:10px; margin-top:5px;}
.fRig{ width:30%;float:right; text-align: center; margin-top:50px;} 
.fRig img{ width:80%; }
.fRig p{ font-size:16px; color:#fff;}
.fRig ul li{ width:50%; float:left;  line-height: 50px;}
.fRig ul li a{ color:#fff;font-size:16px;}

/* copy */
.copy { width:100%; height: 40px; background:#050505; text-align: center; }
.copy p{ color:#fff; font-size:14px; line-height:40px;  margin-right:20px; }
.copy b{ font-weight: 500; }
.copy b a{ color:#fff;margin: 0;}
.copy a {color: #fff;margin: 0 15px;}

/* ****************************************************************************************内页样式 ******************************************************************************/
.neibanner{ width:100%; position: relative; top:0px;}
.neibanner img{ width:100%;}

/* pubNei */
.pubNei{ width:100%; margin-top:0px; overflow: hidden;  } 
.pubNei .position{ width:100%; height: 60px; line-height: 60px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.pubNei .position h2{ font-size:20px; color:#333; float: left;}
.pubNei .position p{ font-size:16px; color:#666; float:right;}
.pubNei .position p a{ font-size:16px; color:#666;}
.pubNei .position p a:hover{ color:#0d6f24;}

.abNeitext{ font-size:17px; color:#333; line-height: 40px; text-indent: 2em; text-align: justify;}
.abNeitext img{ text-indent: 0em;}

/* proList */
/*proleft */
.proLeft_Nav{ width:20%; float:left; margin-left:5%;}
.proLeft_Nav h3{ font-size:30px; color:#fff; width:100%; background:#019c69;text-align: center; border: 1px solid #019c69;padding: 22px 0;}
.proLeft_Nav h3 span {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 10px;
}
.proLeft_Nav ul{ width:100%; border:1px solid #eee;}
.proLeft_Nav ul .yiji{ width:100%; line-height: 45px; height:auto; border-bottom:1px solid #eee; background:#eee; transition:0.5s;}
.proLeft_Nav ul .yiji a{ display: block; width:95%; padding-left:5%; font-size:18px; color:#333; transition:0.5s;padding-top: 5px;padding-bottom: 5px;}
.proLeft_Nav ul .yiji a i{ float:right; margin-right:10%; }
.proLeft_Nav ul .yiji.on,
.proLeft_Nav ul .yiji:hover{ background: linear-gradient(to right, #019c69, #ff722c);}
.proLeft_Nav ul .yiji.on a,
.proLeft_Nav ul .yiji:hover a{ color:#fff;padding-left:10%;}
.proLeft_Nav ul .yiji:hover .erji a{ color:#666;padding-left:5%;}
.proLeft_Nav ul .erji{ width:100%; line-height: 40px;background:#fff;}
.proLeft_Nav ul .erji a{ font-size:16px;}
.proLeft_Nav ul .erji li:hover{ background:#019c69;}
.proLeft_Nav ul .erji li:hover a{ color:#fff !important;}

.leftContact{background:#019c69; color:#fff; padding: 30px 15px;}
.leftContact h4{ font-size:26px; }
.leftContact i{ width:80%; height: 1px; background:#fff; display: block; margin:10px 0px;}
.leftContact img{ width:60%; margin-left:20%; padding-bottom:10px; margin-top:15px;}
.leftContact p{ font-size:16px; line-height: 30px;}
.leftContact p span{ display: block; font-family:Impact, Arial, sans-serif; font-size:40px; margin:10px 0px;}

.proNeiList{ width:70%; float:left; margin-left:2%;}
.proNeiList ul{ margin-top:30px; width:100%;display: flex;flex-wrap: wrap;}
.proNeiList ul li{ width:32%; text-align: center; margin-right:1.3%; margin-bottom:20px;}
.proNeiList ul li:nth-child(3n){ margin-right:0px;}
.proNeiList ul li .propic{ width:100%;height: 235px; overflow: hidden;}
.proNeiList ul li .propic img{ width:100%; height: auto; transition:0.5s;min-height: 235px} 
.proNeiList ul li h4{ font-size:16px; color:#333; font-weight: 500; margin-top: 10px;}
.proNeiList ul li:hover .propic img{ transform: scale(1.1);} 

/* pronei */
.proNeicon{ width:100%; margin-top:50px;}
.proNeicon h2{ width:100%; height: 45px; color:#333; border-bottom:1px solid #ddd; margin-bottom:30px;  text-align: center;}
.proNeicon .projianjie{ width:100%; text-align: center; font-size:16px; color:#333; line-height: 30px;}
.proNeicon .projianjie img{ max-width:100%;}
.proNeicon .projianjie .proXiangqing {text-align: left !important; margin-top:50px; }
.proNeicon .projianjie .proXiangqing h3{ font-size:24px; width:100%; border-bottom:1px solid #019c69; height: 60px; margin-bottom:20px; }
.proNeicon .projianjie .proXiangqing h3 span{ width:20%; height: 60px; background:#019c69; display: block; color:#fff; text-align: center; line-height: 60px; }

.progun{ margin-bottom:60px; height:360px; margin-top:40px; background:url(../images/s_bg.png) repeat-x center top; ;padding-top:30px;width:90%; margin-left:5%; }
.gunTit{ height:50px; width:1200px; font-size:24px; line-height:50px; padding-left:10px; font-weight:600;}
.gunTit i{width:45px; height:45px; display:inline-block; background:url(../images/zan.png) no-repeat center left; margin-right:5px; float:left;padding-right:5px; }
.pubNei #marquee5{width:100%;height:260px;overflow:hidden; margin-top:30px;}
.pubNei #marquee5 ul li{ width:300px;float:left; margin-right:26px; margin-bottom:10px; overflow:hidden; height:260px;}
.pubNei #marquee5 ul li .propic{ width:300px; height:225px; overflow:hidden; }
.pubNei #marquee5 ul li .propic img{display:block; width:100%; transition:0.5s; min-height:225px; }
.pubNei #marquee5 ul li img:hover{ transform:scale(1.1);}
.pubNei #marquee5 ul li h4{ font-size:16px; color:#212121; text-align:center; font-weight:100; line-height:30px;}
.pubNei #marquee5 ul li:hover h4{ color:#0d6f24;}


/* newList */
.newList{ width:100%; margin-top:30px;}
.newList ul li{ width:100%; height:260px; padding:20px 0px; transition:0.75s;}
.newList ul li .newLpic{ width:25%; float: left; margin-left:2%; height: 242px; overflow: hidden;}
.newList ul li .newLpic img{ width:100%; height: auto;}
.newList ul li .newLrig{ width:68%; float:right; margin-right:2%;}
.newList ul li .newLrig h3{ font-size:22px; color:#333; margin-top:20px;}
.newList ul li .newLrig span{ font-size:16px; color:#666; display: block; margin: 10px 0px;}
.newList ul li .newLrig p{ font-size:16px; color:#333; line-height: 30px;}
.newList ul li .newLrig .newlmore{ width:40%; height: 40px; border-radius:20px; background-color: #ff722c; text-align: center; line-height: 40px; margin-top:15px; transition:0.75s; }
.newList ul li .newLrig .newlmore a{font-size:16px; color:#fff;  display: block;}

.newList ul li:hover{ background:#019c69 }
.newList ul li:hover h3{ color:#fff;}
.newList ul li:hover span{ color:#fff;}
.newList ul li:hover p{ color:#fff;}
.newList ul li .newLrig .newlmore:hover { background:#fff;}
.newList ul li .newLrig .newlmore:hover a{ color:#019c69 }


.newNeitext{ width:100%; text-align: center;}
.newNeitext h2{ font-size:20px; color:#333; margin-bottom:15px;}
.fdate { width:100%; }
.fdate p{ font-size:15px; color:#666; display: inline;}
.newjianjie{ font-size:16px; color:#333; line-height: 30px; text-align: left; text-indent: 2em; margin-top:20px;}

.pian{ width:100%; font-size:17px; color:#333; margin-top:30px; }
.pian p{ line-height: 35px;}
.pian p a{ color:#333;}
.pian p a:hover{ color:#dc0000;}


/* contact */
.ContactCon{ width:100%;}
.contactli{ width:100%; overflow: hidden; margin: 200px 0;}
.contactli ul li{ width:33.3%; margin-right:0%; float:left;margin-bottom:10px;font-size:36px; color:#333; line-height: 45px;}
.contactli ul li i img{float:left; margin-right:10px; margin-top:10px;}
.contactli ul li:nth-child(3){ float: right;}

.ditu{ width:100%;}


.social_nav5{display: none;}

.index-hot {
	background-color: #f6f6f6;
	padding: 30px;
}
.index-hot ul {
	display: flex;
	justify-content: space-between;
}
.index-hot li {
	width: 24%;
}
.index-hot a {
	height: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 7px 1px rgba(0,0,0,0.1);
	position: relative;
}
.index-hot a:before {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	background: url(../images/hot.png) no-repeat;
	background-size: 40px auto;
}
.index-hot .lbox {
	width: 48%;
}
.index-hot .lbox h2 {
	font-size: 23px;
	color: #019c69;
}
.index-hot .lbox p {
	font-size: 14px;
	color: #666;
	margin: 10px 0;
}
.index-hot .lbox .link span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	padding: 8px 20px;
	background-color: #019c69;
	border-radius: 30px;
}
.index-hot .rbox {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index-hot .rbox img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-webkit-transition: all .5s;transition: all .5s;
	max-height: 200px;
}
.index-hot a:hover h2 {
	color: #ff722c;
}
.index-hot a:hover .lbox .link span {
	background-color: #ff722c;
}
.index-hot a:hover .rbox img {
	transform: translateY(-10px);
}

.index-about {
	padding: 0 15px;
	margin-top: 80px;
	background:  url(../images/about.jpg) no-repeat center center;
	background-size: cover;
}
.index-about .pubCon {
	width: auto;
	max-width: 1400px;
	padding: 60px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index-about .lbox {
	width: 46%;
}
.index-about .lbox img {
	width: 100%;
}
.index-about .rbox {
	width: 49%;
}
.index-about .rbox h2 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 15px;
}
.index-about .rbox h2:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100px;
	height: 5px;
	background-color: #019c69;
}
.index-about .rbox p {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 10px;
}
.index-about .rbox .link {
	margin-top: 30px;
}
.index-about .rbox .link a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 30px;
	background-color: #019c69;
	width: 200px;
	box-sizing: border-box;
	padding: 10px 0;
}

.aboutBox {
	margin: 80px 0 0;
	padding: 80px 15px;
	background-color: #f9f9f9;
}
.aboutBox .inner {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
.aboutBox .ttl {
	font-size: 16px;
	color: #707070;
}
.aboutBox .ttl span {
	display: block;
	color: #333;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 10px;
}
.aboutBox .btn {
	position: absolute;
	right: 0;
	top: 15px;
	width: 200px;
}
.aboutBox .btn a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background-color: #ff722c;
	padding: 15px 0;
}
.aboutBox .btn a:hover {
	opacity: 0.7;
}
.aboutBox ul {
	margin-top: 40px;
	display: flex;
	background-color: #ecf4f6;
}
.aboutBox ul li {
	width: 20%;
	text-align: center;
	border-right: 1px solid #d3e9ed;
	box-sizing: border-box;
	padding: 80px 0;
}
.aboutBox ul li:last-child {
	border-right: none;
}
.aboutBox ul .icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
.aboutBox ul .icon .on {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.aboutBox ul .icon img {
	width: 100%;
}
.aboutBox ul .on .icon .out {
	opacity: 0;
}
.aboutBox ul .on .icon .on {
	opacity: 1;
}
.aboutBox ul .en {
	font-size: 16px;
	color: #999;
	margin: 30px 0;
}
.aboutBox ul .txt {
	font-size: 20px;
}
.aboutBox ul .on {
	background-color: #019c69;
	color: #fff;
}
.aboutBox ul .on .en {
	color: #fff;
}

.contactBox {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contactBox .lbox {
	width: 70%;
	background-color: #efefef;
}
.contactBox .lbox .ttl {
	font-size: 26px;
	color: #019c69;
	padding: 25px 8%;
}
.contactBox .lbox .ttl span {
	font-size: 16px;
	color: #9c9c9c;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}
.contactBox .lbox ul {
	padding: 25px 8%;
	display: flex;
	background-color: #f6f6f6;
	justify-content: space-between;
}
.contactBox .lbox ul li {
	position: relative;
	font-size: 16px;
	padding-left: 55px;
	line-height: 1.5;
	width: 48%;
	box-sizing: border-box;
}
.contactBox .lbox ul img {
	position: absolute;
	left: 0;
	top: 3px;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background-color: #019c69;
}
.contactBox .code {
	width: 30%;
	text-align: center;
}
.contactBox .code img {
	max-width: 200px;
}
.contactBox .code p {
	margin-top: 10px;
}

@media screen and (min-width: 1467px) and (max-width: 1676px){
	header {
		padding: 0 2%;
	}
	nav {width: 63%}
	nav ul li a {padding-left: 25px;padding-right: 25px;}
}

/* 笔记本尺寸 */
@media screen and (min-width: 1200px) and (max-width: 1466px){

/*welcome*/
.pubCon{ width:1200px; }
	.leftContact p span {font-size: 35px;}
/*top*/
	header {padding: 0 1.5%;}
header #logo{  width: 230px;}
.topTel b{ font-size:25px; }
	.topTel img {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.topTel {padding-left: 40px;}

	nav {width: 65%;}
nav ul li a{font-size: 17px;padding: 8px 20px;}
nav dl dd{ float:left; width:50%;background:rgba(0,0,0,0.75); padding-bottom:20px; line-height: 40px !important; min-height: 260px;}


.abLright{width:65%; float:left; margin-left:20px;  overflow:hidden; position:relative;top:0px; transition:1.5s;}
.abLright h4{height:40px; line-height:40px;font-size:26px; width:60%; margin-left:20%; color:#019c69; display:block;  text-align: left; background:url(../images/abouttitbj.png) no-repeat center left; padding-left:50px; font-weight:600; margin-top:30px;}
.abLright p{ float:left; text-indent:2em; line-height:30px; margin-top:20px; text-align:justify; font-size:16px;}
.abLright i{ width:15%; margin-left:46%; height: 2px; background:#019c69; display: block; margin-top:10px;}
.abclear{ overflow:hidden;}



/* product */
.proList ul li .propic{  height:220px; }
.proList ul li .propic img{  min-height:220px;}
.prozhe{ position: absolute; top:0px; left:0px; transform: scale(0); transition:0.75s; width:100%; height: 280px; overflow: hidden;}
.prozhe img{ width:100%;}

/* fenlei */
.fenlei ul li .flWen .yingwen p{ width:70%; float:left; margin-left:10%; font-size:18px; color:#888;}


.case .swiper-slide { overflow: hidden; height: 208px;}
.fahuo .swiper-slide{overflow: hidden; height: 285px;}
/* news */
.newList ul li .newLrig h3{  margin-top:0px;}
.newRig ul li{ width:100%; height:120px; margin-bottom:20px;}
.newRig ul li .ndate{ width:19%; height:120px;}
.newRig ul li .ndate b{  padding-top:10px;}
.newRig ul li .ndate p{ font-size:16px; color:#666; width:60%; height:30px; border:1px solid #ccc; text-align:center; line-height:35px; margin-left:20%;}
.newRig ul li .ntext{width:75%; padding:10px 15px; }
.newRig ul li .ntext p{ font-size:14px; color:#666; line-height:25px; margin-top:5px;}
.newRig ul li .ntext .nmore{ width:53px; height:53px; background:url(../images/nmore.png) no-repeat center; position:absolute; bottom:0px; right:0px; transition:0.5s;}
.newRig ul li .ntext h4{  margin-top:0px;}


.proNeiList ul li .propic{ width:100%;height: 201px; overflow: hidden;}
.proNeiList ul li .propic img{min-height: 201px}
.newList ul li .newLpic{ width:25%; float: left; margin-left:2%; height: 242px; overflow: hidden;}

.newList ul li .newLpic{ width:25%; float: left; margin-left:2%; height: 225px; overflow: hidden;}

}



@media screen and (min-width: 992px) and (max-width: 1200px){
    /*welcome*/
    .pubCon{ width:96%; margin: 0 auto; }
    .welcome{display: none;}
    header{ width:100%; height:auto; z-index:999; position:relative;background:rgba(255,255,255,0.8) ; margin-top:0px;padding: 10px}

    header nav{ display:none; position:absolute;z-index: 9999; width:100%; top:100px; left:0; background:rgba(0,0,0,0.5);margin-left:0px;}
    header nav ul{ width:100%; margin-left:0px; float:none; }
    header ul li{ text-align: center; border-bottom: 1px solid rgba(255,255,255,0.3); margin-top:0px;height: auto;width: auto;float: none;display: block;}
    header nav ul li a{color:#fff;} 
    nav ul li a::after{ display: none ; }
    header nav ul li i{ display: none;}
    nav ul li:hover a,nav ul li.on a{ color:#ff722c; background-color: transparent;}
    header .topTel{ display: none;}
    header .btn{ width:50px; height: 50px; border:1px solid #0d6f24; position:absolute; right:10px; top:20px; border-radius:3px;overflow: hidden; display:block;  }
    header .btn i{ width:44px; height:44px; display:block; margin:4px auto; }
    header .btn i img{ width: 100%; height: auto;}

    nav ul li:hover dl{ display: none;}

/* banner */
.banner{ position: relative;top:0; left:0px; z-index:1;z-index: 1; }

/*about*/
.about{  top:-65px;}
.about .pubCon{ position:relative; height:600px; overflow:hidden;}
.aboutL{ width:1000px; height:500px; background:#e4e4e4; position:absolute; top:60px; z-index: 1;}
.aboutL .pubTit { width:230px; height:100px;}
.aboutL .pubTit  img{ padding:15px;}
.abLpic img{ margin-left:20px; margin-top:50px; }

.abLright{width:65%; float:left; margin-left:20px;  overflow:hidden; position:relative;top:0px; transition:1.5s;}
.abLright h4{height:40px; line-height:40px;font-size:26px; width:60%; margin-left:20%; color:#019c69; display:block;  text-align: left; background:url(../images/abouttitbj.png) no-repeat center left; padding-left:50px; font-weight:600; margin-top:50px;}
.abLright p{ float:left; text-indent:2em; line-height:30px; margin-top:20px; text-align:justify; font-size:16px;}
.abLright i{ width:15%; margin-left:46%; height: 2px; background:#019c69; display: block; margin-top:10px;}
.abclear{ overflow:hidden;}

.abmore{ width:60%; height:40px; border:1px solid #019c69; text-align:center; line-height:40px; margin-top:20px; margin-left:20%; transition:0.5s; border-radius: 20px;}


.aboutR{ width:400px; height:500px; background:url(../images/aboutRbj.png) no-repeat right center; padding-top:120px;position:absolute; right:0px; z-index:3;}
/*about轮播*/
.carousel{
            width: 400px;
            height: 380px;
            overflow: hidden;
            position: relative;
			margin-top:20px;
        }

        .carousel ul li a img{
            width: 400px;
            height: 380px;
        }


/*proleft */
.proLeft_Nav{ width:100%; float:left; margin-left:0%;}
.proLeft_Nav h3{ display: none;}
.proLeft_Nav ul{ width:100%; border:none; margin-top:30px;}
.proLeft_Nav ul .yiji{ width:49%; line-height: 40px; height:auto; border-bottom:1px solid #eee; background:#eee; transition:0.5s; float:left; margin-right:2%; margin-bottom:10px;}
.proLeft_Nav ul .yiji a{ display: block; width:100%; padding-left:0%; font-size:16px; color:#333; transition:0.5s;}
.proLeft_Nav ul .yiji a i{ float:right; margin-right:10%; }
.proLeft_Nav ul .yiji:nth-child(2n){ margin-right: 0px;}
.proLeft_Nav ul .erji{display: none; }

.leftContact{display: none;}

.proNeiList{ width:100%; float:left; margin-left:0%;}
.proNeiList ul{ margin-top:30px; width:100%;}
.proNeiList ul li{ width:32%; float:left; text-align: center; margin-right:1.3%; margin-bottom:10px;}
.proNeiList ul li:nth-child(3n){ margin-right:0px;}
.proNeiList ul li .propic{ width:100%;height: 236px; overflow: hidden;}
.proNeiList ul li .propic img{ width:100%; height: auto; transition:0.5s; min-height: 236px;} 
.proNeiList ul li h4{ font-size:16px; color:#333; line-height: 40px; font-weight: 500; }
.proNeiList ul li:hover .propic img{ transform: scale(1.1);}         


.case .swiper-slide { overflow: hidden; height: 175px;}
.fahuo .swiper-slide{overflow: hidden; height:220px;}
/* news */
.newLeft{ height: 370px; }
.newRig{ width:53%; float:right;}
.newRig ul li{ width:100%; height:110px; margin-bottom:18px; }
.newRig ul li .ndate{ width:19%; height:110px;  }
.newRig ul li .ndate b{ display:block; font-size:56px; color:#555; text-align:center; padding-top:0px; }
.newRig ul li .ndate p{ font-size:14px; color:#666; width:60%; height:30px; line-height:35px; margin-left:20%;}
.newRig ul li .ntext{width:70%; height:100px; border:1px solid #ddd; float:left; padding:5px; position:relative;}
.newRig ul li .ntext h4{ font-size:16px;  }
.newRig ul li .ntext p{ font-size:14px; color:#666; line-height:22px; margin-top:5px;}


/* 内页 */
/* newList */
.newList{ width:100%; margin-top:30px;}
.newList ul li{ width:100%; height:210px; padding:20px 0px; transition:0.75s;}
.newList ul li .newLpic{ width:25%; float: left; margin-left:2%;height: 189px; overflow: hidden;}
.newList ul li .newLpic img{ width:100%; height: auto;}
.newList ul li .newLrig{ width:68%; float:right; margin-right:2%;}
.newList ul li .newLrig h3{ font-size:18px; color:#333; margin-top:0px;}
.newList ul li .newLrig span{ font-size:15px; color:#666; display: block; margin: 5px 0px;}
.newList ul li .newLrig p{ font-size:15px; color:#333; line-height: 30px;}
.newList ul li .newLrig .newlmore{ width:40%; height: 40px; border-radius:20px; background-color: #ff722c; text-align: center; line-height: 40px; margin-top:10px; transition:0.75s; }
.newList ul li .newLrig .newlmore a{font-size:16px; color:#fff;  display: block;}

.newList ul li:hover{ background:#019c69 }
.newList ul li:hover h3{ color:#fff;}
.newList ul li:hover span{ color:#fff;}
.newList ul li:hover p{ color:#fff;}
.newList ul li .newLrig .newlmore:hover { background:#fff;}
.newList ul li .newLrig .newlmore:hover a{ color:#019c69 }
	.proList ul li .propic {height: 180px;}
	.proList ul li .propic img {min-height: 180px;}
	.index-hot {padding-left: 15px;padding-right: 15px;}
	.index-hot .lbox .link span {padding-left: 15px;padding-right: 15px;}

}


@media screen and (max-width: 992px){
    .pagination span {
		font-size: 14px;
	}
	.pagination a {
		margin: 0 3px 5px;
		min-width: 33px;
	}
	.pagination .page-status {
		margin-right: 8px;
	}
 /*welcome*/
 .pubCon{ width:96%; margin: 0 auto; }
 .welcome{display: none;}
 header{ width:100%; height:auto; z-index:999; position:relative;background:rgba(255,255,255,0.8) ; margin-top:0px;display: block;padding: 6px 15px;}
 header #logo{ width: 170px;}

 header nav{ display:none; position:absolute;z-index: 9999; width:100%; top:71px; left:0; background:rgba(0,0,0,0.5);margin-left:0px;}
 header nav ul{ width:100%; margin-left:0px; float:none; }
 header ul li{ float:none;width:100%;text-align: center; border-bottom: 1px solid rgba(255,255,255,0.3); height: auto;margin-top:0px;display: block;}
 header nav ul li a{ color:#fff;} 
 nav ul li a::after{ display: none ; }
 header nav ul li i{ display: none;}
 nav ul li:hover a,nav ul li.on a{ color:#ff722c;background-color: transparent;}
 header .topTel{ display: none;}
 header .btn{ width:50px; height: 50px; border:1px solid #0d6f24; position:absolute; right:15px; top:9px; border-radius:3px;overflow: hidden; display:block;  }
 header .btn i{ width:44px; height:44px; display:block; margin:4px auto; }
 header .btn i img{ width: 100%; height: auto;}

 nav ul li:hover dl{ display: none;}

/* banner */
.banner{ position: relative;top:0px; left:0px; z-index:1;z-index: 1; }
	.banner .swiper-slide img.bannerimg {
		display: none;
	}
	.banner .swiper-slide img.sp {
		display: block;
	}
/*about*/
.about{  top:0px; height: 880px;}
.about .pubCon{ position:relative; height:880px; overflow:hidden;}
.aboutL{ width:100%; height:750px; background:#e4e4e4; position:absolute; top:60px; z-index: 1;}
.aboutL .pubTit { width:230px; height:100px;}
.aboutL .pubTit  img{ padding:15px;}
.abLpic img{ margin-left:20px; margin-top:50px; }

.abLright{width:96%; float:left; margin-left:0px;  overflow:hidden; position:relative;top:0px; transition:1.5s; margin-left:2%;}
.abLright h4{height:40px; line-height:40px;font-size:20px; width:80%; margin-left:0%; color:#019c69; display:block;  text-align: left;  padding-left:50px; font-weight:600; margin-top:30px;}
.abLright p{ float:left; text-indent:2em; line-height:30px; margin-top:20px; text-align:justify; font-size:16px;}
.abLright i{ width:15%; margin-left:46%; height: 2px; background:#019c69; display: block; margin-top:10px;}
.abclear{ overflow:hidden;}

.abmore{ width:60%; height:40px; border:1px solid #019c69; text-align:center; line-height:40px; margin-top:20px; margin-left:20%; transition:0.5s; border-radius: 20px;}
.aboutR{ display: none;}

/*about轮播*/
.carousel{
         width: 400px;
         height: 380px;
         overflow: hidden;
         position: relative;
         margin-top:20px;
     }

     .carousel ul li a img{
         width: 400px;
         height: 380px;
     }


/* product */
.product{margin-top:40px;} 
	.product .pubCon {max-width: 96%;}
.pubTit{ text-align: center; margin-bottom: 20px;}
.pubTit img{ width:80%;}
.pubTit h3{ font-size:20px; }
.pubTit p{ font-size: 13px;}
     .proList ul li{ width:48%; height:auto;  float:left; margin-right:1%; margin-bottom:15px;}
     .proList ul li:nth-child(2n){ margin-right:0px;}
     .proList ul li:nth-child(3n){ margin-right:1%;}
     .proList ul li .propic{ width:100%; height:128px; overflow:hidden; }
     .proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:128px;}
#marquee2{ width:100%; overflow:hidden; height: 650px;}
.promore{width:100%; height:45px; background:#019c69; margin-top:20px; margin-left:0%; }

.proList ul li h4{ height:35px; background:#fff; font-size:14px; line-height:35px; width:100%; transition:0.5s;}

/* fenlei */
.fenlei{ display: none;}


/* case */
.case{ width:100%; margin-top:30px; }
.case .swiper-slide { overflow: hidden; height: 130px;}
.fahuo .swiper-slide{overflow: hidden; height: 130px;}

/* advantages */
.advantages{ width:100%; height:600px; margin-top:40px; background:url(../images/adbj.jpg) no-repeat center; background-size:100% 100%; padding-top:10px;}
.adtit{ width:100%; text-align: center;padding-top:20px;}
.adtit img{ width:80%;}
.adneibj{ width:100%; height: 560px; background:rgba(255,255,255,0.85); margin-top:10px; }
.advantages ul { padding-top:0px;}
.advantages ul li{ width:100%; float:left; margin-right:0%; margin-top:10px;}
.advantages ul li h3{ height: 50px; line-height: 50px; font-size:22px; color:#333;}
.advantages ul li i{ width:50px; height: 50px; float: left; display: block; padding-right:10px;}
.advantages ul li i img{ width:100%;}
.advantages ul li p{ font-size:14px; color:#333;line-height: 20px; margin-top:5px;}



/* news */
	.news {margin-top: 40px;}
.news .pubTit{ margin-bottom:30px;}
.newLeft{ width:100%; float:left; height: auto; overflow: hidden;}
.newLeft .swiper-slide{ width:100%; }
.newLeft .swiper-slide img{ width:100%;}
.newLeft .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px;}
.newLeft .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px;}
.newLeft .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.newLeft .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}

.newRig{ width:100%; float:right;margin-top: 10px;}
.newRig ul li{ width:100%; height:130px; margin-bottom:18px;}
.newRig ul li .ndate{ width:20%; height:130px;}
.newRig ul li .ndate b{ display:block; font-size:56px; color:#555; text-align:center; padding-top:10px; }
.newRig ul li .ndate p{ font-size:14px; color:#666; width:90%; height:30px; line-height:30px; margin-left:5%;}
.newRig ul li .ntext{width:75%; height:120px; padding:5px; position:relative;overflow: hidden;}
.newRig ul li .ntext h4{ font-size:16px;}

.newsmore{ width:80%;  margin-left:10%;}

/* footer */
	footer{
		margin-top:40px;
	}
	footer .fTop {
		display: none;
		padding: 15px 15px;
	}
	footer .fTop ul {
		max-width: inherit;
		display: block;
	}
	footer .fTop li {
		width: auto;
		font-size: 16px;
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		padding: 15px 0 15px 40px;;
	}
	footer .fTop li:last-child {
		border-right: none;
		border-bottom: none;
	}
	footer .fTop li span {
		font-size: 18px;
		margin-bottom: 5px;
	}
	footer .fTop li img {
		left: 5px;
		top: 28px;
		width: 25px;
	}
	footer .fWidth {
		padding: 20px 0;
		max-width: inherit;
		display: block;
	}
	footer .fWidth .lbox ul {
		display: none;
	}
	footer .fWidth .cbox .ttl {
		display: none;
	}
footer .fWidth .cbox li {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	position: relative;
	padding-left: 30px;
}
footer .fWidth .cbox li img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	margin-top: -10px;
}
footer .fWidth .cbox li a {
	color: #fff;
}
	footer .fWidth .rbox {
		display: none;
	}
	footer .fWidth .flogo {
		max-width: 170px;
		margin: 0 auto 10px;
	}

.fLeft{ width:100%; float:left; margin-top:20px;}
.fLeft img{ width:70%; margin-left:15%;}
.fMid{ width:100%; margin-left:0%; float:left; margin-top:0px;}
.fMid ul li{ width:100%; margin-top:10px; font-size:16px; line-height: 30px;color:#fff;} 
.fMid ul li i{ width:25px; height: 25px; display: block; float:left; margin-right:10px; margin-top:5px;}
.fRig{ display: none;} 


/* copy */
.copy { width:100%; height: auto; margin-bottom: 65px; }
.copy p{ line-height:30px;}
	.copy a {
		display: block;
		margin: 0;
	}
	.copy b a {
		display: inline-block;
	}

/* ****************************************************************************************内页样式 ******************************************************************************/
.neibanner{ width:100%; position: relative; top:0;}

/* pubNei */
.pubNei{ width:100%; margin-top:0; overflow: hidden;  } 
.pubNei .position{ width:100%; height: 60px; line-height: 60px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.pubNei .position h2{ font-size:20px; color:#333; float: left;}
.pubNei .position p{display: none;}


/*proleft */
.proLeft_Nav{ width:100%; float:left; margin-left:0%;}
.proLeft_Nav h3{ display: none;}
.proLeft_Nav ul{ width:100%; border:none; margin-top: 0;}
.proLeft_Nav ul .yiji{ width:49%; line-height: 30px; height:auto; border-bottom:1px solid #eee; background:#eee; transition:0.5s; float:left; margin-right:2%; margin-bottom:5px;}
.proLeft_Nav ul .yiji a{ display: block; width:100%; padding-left:10px; font-size:14px; color:#333; transition:0.5s;}
.proLeft_Nav ul .yiji a i{ float:right; margin-right:10%; }
.proLeft_Nav ul .yiji:nth-child(2n){ margin-right: 0px;}
.proLeft_Nav ul .erji{display: none; }

.leftContact{display: none;}

.proNeiList{ width:100%; float:left; margin-left:0%;}
.proNeiList ul{ margin-top:30px; width:100%;}
.proNeiList ul li{ width:48%; text-align: center; margin-right:1.3%; margin-bottom:20px;}
.proNeiList ul li:nth-child(2n){ margin-right:0px;}
.proNeiList ul li:nth-child(3n){ margin-right:1.3%;}
.proNeiList ul li .propic{ width:100%;height: 128px; overflow: hidden;}
.proNeiList ul li .propic img{ width:100%; height: auto; transition:0.5s; min-height: 128px;} 
.proNeiList ul li h4{ font-size:14px; color:#333; font-weight: 500; }
.proNeiList ul li:hover .propic img{ transform: scale(1.1);}   


.proNeicon .projianjie img{ width:100%;}
.proNeicon .projianjie .proXiangqing h3 span{ width:50%;}

.progun{ margin-bottom:0px; height:360px; margin-top:20px; padding-top:0px;width:100%; margin-left:0%; }

/* newList */
.newList{ width:100%; margin-top:30px;}
.newList ul li{ width:100%; height:220px; padding:20px 0px; transition:0.75s; }
.newList ul li .newLpic{display: none;}
.newList ul li .newLrig{ width:100%; float:right; margin-right:0%;}
.newList ul li .newLrig h3{ font-size:16px; color:#333; margin-top:0px;}
.newList ul li .newLrig span{ font-size:15px; color:#666; display: block; margin: 5px 0px;}
.newList ul li .newLrig p{ font-size:14px; color:#333; line-height: 25px;}
.newList ul li .newLrig .newlmore{ width:100%; height: 40px; border-radius:20px; background-color: #019c69; text-align: center; line-height: 40px; margin-top:10px; transition:0.75s;margin-bottom:10px; }
.newList ul li .newLrig .newlmore a{font-size:16px; color:#fff;  display: block;}
.newjianjie{ text-indent: 0em !important;}
.newjianjie img{  width:100% !important; height: auto !important;}

/* contact */
.ContactCon{ width:100%;}
.contactli{ width:100%; overflow: hidden; }
.contactli ul li{ width:100%; margin-right:0%; float:left;margin-bottom:10px;font-size:16px; color:#333; line-height: 45px;}
.contactli ul li i img{float:left; margin-right:10px; margin-top:10px;}


.social_nav5{ width:100%; height: 65px; background:#dc0000; position: fixed; bottom:0px; left:0px;z-index: 999; display: block;}
.social_nav5 ul li{ width:100%;background:#ff722c; height: 65px; float:none; text-align: center; }
.social_nav5 ul li a{ font-size:20px; color:#fff;display: flex;height: 100%;justify-content: center;align-items: center;}
.social_nav5 ul li a em{width: 30px;height: 30px;}
.social_nav5 ul li a img{width: 100%;}
	.index-hot {
		padding: 15px;
	}
	.index-hot ul {
		display: block;
	}
	.index-hot li {
		width: auto;
		margin-bottom: 15px;
	}
	.index-hot li:last-child {
		margin-bottom: 0;
	}
	.index-hot a {
		height: auto;
	}
	.index-hot .lbox h2 {
		font-size: 20px;
	}
	.index-hot .lbox p {
		margin: 5px 0 10px;
	}
	.index-hot .lbox .link span {
		font-size: 13px;
		padding: 8px 20px;
	}
	.index-hot .rbox img {
		max-height: 100px;
	}

	.index-about {
		margin-top: 40px;
	}
	.index-about .pubCon {
		padding: 40px 0;
		display: block;
	}
	.index-about .lbox {
		width: auto;
		margin-bottom: 10px;
	}
	.index-about .rbox {
		width: auto;
	}
	.index-about .rbox h2 {
		font-size: 20px;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
	.index-about .rbox h2:before {
		width: 80px;
		height: 4px;
	}
	.index-about .rbox p {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.index-about .rbox .link {
		margin-top: 20px;
	}
	.index-about .rbox .link a {
		font-size: 14px;
		width: 170px;
		margin: 0 auto;
	}
	.fahuo {
		margin-top: 40px;
	}
	.abNeitext {
		font-size: 15px;
		line-height: 1.6;
	}
	.aboutBox {
		margin: 40px 0 0;
		padding: 40px 15px;
	}
	.aboutBox .inner {
		max-width: inherit;
	}
	.aboutBox .ttl {
		font-size: 14px;
		text-align: center;
	}
	.aboutBox .ttl span {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.aboutBox .btn {
		position: static;
		width: 180px;
		margin: 0 auto;
	}
	.aboutBox .btn a {
		font-size: 14px;
		padding: 10px 0;
	}
	.aboutBox ul {
		margin: 20px 0;
		display: block;
	}
	.aboutBox ul li {
		width: auto;
		border-right: none;
		border-bottom: 1px solid #d3e9ed;
		padding: 15px 0;
	}
	.aboutBox ul li:last-child {
		border-bottom: none;
	}
	.aboutBox ul .icon {
		width: 50px;
		height: 50px;
	}
	.aboutBox ul .en {
		font-size: 14px;
		margin: 15px 0;
	}
	.aboutBox ul .txt {
		font-size: 18px;
	}
     .contactBox {
		margin-bottom: 30px;
		display: block;
	}
	.contactBox .lbox {
		width: auto;
	}
	.contactBox .lbox .ttl {
		font-size: 20px;
		padding: 15px;
	}
	.contactBox .lbox .ttl span {
		font-size: 14px;
		margin-top: 5px;
	}
	.contactBox .lbox ul {
		padding: 15px;
		display: block;
	}
	.contactBox .lbox ul li {
		font-size: 16px;
		padding-left: 42px;
		width: auto;
		margin-bottom: 15px;
	}
	.contactBox .lbox ul li:last-child {
		margin-bottom: 0;
	}
	.contactBox .lbox ul img {
		top: 3px;
		width: 32px;
		height: 32px;
	}
	.contactBox .code {
		display: none;
	}

}
 
@media screen and (min-width: 1201px){
	header {
		position: fixed;
		left: 0;
		top: 30px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	header.fix {
		transform: translateY(-31px);
		background-color: rgba(255,255,255,0.95);
		box-shadow: 0 3px 5px rgba(0,0,0,0.15);
	}
	header.fix #logo {
		visibility: visible !important; animation-name: bounceInLeft !important;
	}
	header.fix .topTel {
		visibility: visible !important; animation-name: bounceInRight !important;
	}
	.banner {
		top: 0;
	}
	.neibanner {
		margin-top: 120px;
	}
}



