﻿/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		

	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#414141;

}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none; max-width:100%;
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#75ad2e;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.f_l{
	float:left;	
}
.f_r{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
table td{
    border-bottom: 1px solid #f8f8f8;
    line-height: 50px;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.clearfix:after{
		display:block;
		clear:both;
		content:"";
	}
form{ display:block; margin-top:0em;}

/*wrapin 主体容器宽度*/
.wrapin{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.wrapinbanner{
	position:relative;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
#content{ 
	background-color:#fff; 
	height: auto;
    overflow: hidden;}
.article{ position: relative; padding:50px 0; }
.w1200{
	width:1200px;    margin: 0 auto;
}
/*公用CSS 开始*/


/*header 开始*/
#header{ 
	width: 100%; 
	height:auto;
}
.head_top{ 
   width:100%;
   height: auto;
   background-color: #333;
}
.head_top .top{
	text-align: right;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}
.head{
	position: relative;
	height: auto;
	padding: 20px 0;
}
.logo{
	max-width: 100%;
}
.head .logo,.hright{
    float:left;
}
.hright{
	float: left;
	height: auto;
	margin-top:20px;
}
.hright img{
	vertical-align: middle;
}
.hright a{
	line-height: 45px;
    vertical-align: middle;
    margin-right: 10px;
}
.header_r{
	float: right;
	overflow: hidden;
}
.t_tt {
    float: left;
    text-align: left;
    height: 45px;
    margin-top: 10px;
    margin-right: 20px;
}
.t_tt .t_tt_l{ 
    float:left;
    
}
.t_tt .t_tt_r{ 
    float:left;
     font-size:16px; 
}
.t_tt_r span{ font-size:14px; font-weight:bold; line-height:22px;}
.t_tt img{
	vertical-align: middle;
}

#menu{
	width:100%;
	height: auto;
}
.nav {
    float: left;
    width: 96%;
    height: auto;
    padding: 0 3%;
    text-align: right;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 2%;
    background: #666;
}
.nav li{ 
	position: relative;
	height:auto; 
	line-height: 50px;
	float:left; 
	color: #fff;
	text-align:center; 
	font-size:16px; 
	padding: 0 60px;
}
.nav li .cove{ 
    color: #75ad2e;
}
.nav li:hover .top_txt{
	color:#75ad2e;
}

.nav li a{ 
	width:100%; 
	height:100%;  
	color: #fff;
	vertical-align:middle;	
}
.nav li a:hover{ 
    color: #fff;
    background-color: #2e62b0;
}
.nav li:hover .navlist{
	display: block;
}
.navlist{
	display: none;
	position: absolute;
    left: -10%;
    top: 50px;
    width: 120%;
    height: auto;
    background: rgba(125,125,125,.95);
    z-index: 9;
    padding-bottom: 20px;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.navlist li{
	    width: 100%;
    height: auto;
    line-height: 18px;
    overflow: hidden;
    font-size: 14px;
    padding: 12px 0 !important;
	border-bottom: 1px solid #9e9a9a;
}
.navlist li:hover{
	color:#75ad2e;
	background:rgba(0,0,0,.5);
}
.st{
	padding:0 10px !important;
}

.wx{
	width:9%;
	float:left;
	text-align: center;
}
.caselist{
	width:1200px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}

/*手机站点导航*/
.wap-nav{display:none;}
.nav-wrap {
    display: none;
    float: right;
    position: absolute;
    right: 0;
    z-index: 99999;
    background:rgba(0,0,0,.7);
    height: auto;
    top: 60px;
    line-height: 18px;
    margin-top: 0px;
    font-size: 16px;
    color: #153768;
    width: 100%;
}
.nav-wrap li {
    width: 100%;
	height:50px;
	line-height:50px;
    float: left;
    border-bottom: 1px solid #fff;
    border-left: 0px;
	padding:0 10px;
}
.nav-wrap li:hover a{background-color: rgba(255,255,255,.6); color:#fff;}
.nav-wrap li .hover {
	display:block;
    border-left: 3px solid #f57c05;
	color:#fff;
}
/*首页*/
#par01{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color:#fff;
	background-size: 100%;
}
.par01_mid{
	width: 1150px;
    height: 740px;
    margin: 0 auto;
    background: url(../images/index_bg.png) center no-repeat;
    background-size: 100%;
}

.par01_mid h1{
	padding-top: 25%;
    font-size: 52px;
    /* font-weight: bold; */
    text-shadow: 5px 8px 10px rgba(0,0,0,.3);
    letter-spacing: 15px;
    text-align: center;
    animation-name: zoomIn;
}

.muse{
	animation: flash 1s linear 0s  infinite;
    -webkit-animation: flash 1s linear 0s  infinite;
    -moz-animation: flash 1s linear 0s infinite;
    -ms-animation: flash 1s linear 0s infinite;
    -o-animation: flash 1s linear 0s infinite;
}

/*banner 开始*/
 .flexslider {
        margin: 0px auto;
        position: relative;
        width: 100%;
        height: 510px;
        overflow: hidden;
        zoom: 1;
    }
    
    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }
    
    .flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../images/ad_ctr.png) no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }
    
    .flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
    }
    
    .flex-direction-nav .flex-prev {
        left: 0;
    }
    
    .flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }
    
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
    }
    
    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .flex-control-paging li a {
        background: url(../images/dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }
    
    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }
    
    .flexslider .slides a img {
        width: 100%;
        height: 510px;
        display: block;
    }
/*banner 结束*/
#ban{
	width:100%;
	height: auto;
	overflow: hidden;
}
#midd{
	width:100%;
	height: auto;
	overflow: hidden;
}
#midd .midd_top{
	width:80%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	text-align: right;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}
.midd_txt,.txt_txt{
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.txt_txt .pa a{
	position: relative;
	width:100%;
	height: auto;
	line-height: 60px; 
	text-align: center;
	font-size: 24px;
	overflow: hidden;
	margin:0 auto;
	color: #75ad2e;
	font-weight: bold;
	padding-right: 30px;
}

.wrp80{
	width:80% !important;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}
.txt_txt h1{
	height: auto;
	margin:0 auto;
	overflow: hidden;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	color:#75ad2e;
	margin: 30px 0;
}
.txt_txt .txt_top{
	width:100%;
	height: auto;
	margin:20px auto;
	overflow: hidden;
}
.txt_txt .txt_top p{
	text-indent: 2em;
	line-height: 28px;
}
.ar_txt{
	width:100%;
	height: auto;
	overflow: hidden;
}
.ar_txt p{
	line-height: 28px;
}
.abim{
	margin-top:30px;
}
.qylist{
	height: auto;
	overflow: hidden;
	margin:20px auto;
}
.wbott{
	margin:30px auto;
}
.top-fixed {
    width: 100%;
    height: auto;
    min-height: 80px;
    overflow: hidden;
}
.speechocean {
    position: relative;
    /* overflow: hidden; */
}
.f-cb {
    zoom: 1;
}
.dfk {
    top: 0;
    left: 0;
}
.pro {
    position: absolute;
}
.speechocean.speechocean0 .speechocean-left {
    box-shadow: none;
}
.speechocean .speechocean-left {
    /* min-height: 1200px; */
    color: #666666;
    background: #f8fcff;
    box-shadow: 20px 0px 60px -15px rgba(244, 249, 253, 0.8);
    position: absolute;
    height: 100%;
}
.w475 {
    width: 25%;
}
@media screen and (max-width: 1920px){
.speechocean .speechocean-left .speechocean-tit {
    padding-left: 1rem;
    padding-right: .4rem;
}
.speechocean .speechocean-left span {
    font-size: .16rem;
    margin: 0 .15rem;
}
.speechocean .speechocean-right .speechocean-tit {
    padding-left: 7%;
}
.speechocean .speechocean-left a {
    font-size: .24rem;
}






}
.speechocean .speechocean-left .speechocean-tit {
    color: #ffffff;
    padding-left: 100px;
    padding-right: 40px;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(to right, #75ad2e, #83e335);
}
.speechocean .speechocean-tit {
    height: auto;
    line-height: 80px;
}
.speechocean .speechocean-left .home {
    font-size: 16px;
    margin-right: 20px;
}

.speechocean .speechocean-left a {
    vertical-align: middle;
    line-height: 1;
}
.speechocean .speechocean-left a {
    font-size: 24px;
    color: #ffffff;
    margin-left: 20px;
}
.speechocean .speechocean-left .speechocean-tit:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 5px;
    /*background: url(../images/i31.png) no-repeat center;*/
    background-size: 100%;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.w1445 {
    width: 75%;
}
.fr {
    float: right;
    display: inline;
}
.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
.speechocean .speechocean-right .speechocean-tit {
    padding-left: 60px;
    background: #f5f7f4;
}
.speechocean .speechocean-tit {
    height: auto;
    line-height: 80px;
}
.pc900 {
    display: block;
}
.speechocean-tit .item{
	position: relative;
	font-size: 18px;
    margin-right: 50px;
    white-space: nowrap;
}
.speechocean-tit .item:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 0;
    transition: .5s ease-in-out;
    background: #75af2e;
    left: 0;
    bottom: -30px;
}
.speechocean-tit .item:hover,.speechocean-tit .item.active {
    color: #76b02e;
    transition: .5s ease-in-out;
    
}
.speechocean-tit .item:nth-child(1) {
    margin-left: 0;
}
.speechocean-tit .item:hover:after,.speechocean-tit .item.active:after {
    transition: .5s ease-in-out;
    width: 100%;
}




























.qylist li{
	float:left;
	width:19%;
	height: auto;
	padding:5px;
	overflow: hidden;
}
.qylist li:nth-child(3){ float:left !important;}
.pro_menu,.prlist{
	width:80%;
	height: auto;
	margin:20px auto;
	overflow: hidden;
}
.pro_menu {
    background: #f1f1f1;
    padding: 10px;
}
.pro_menu li{
	float:left;
	padding:0 10px;
    font-size: 14px;
    line-height: 28px;
} 
.pro_menu li:hover,.prcov{
	color:#75ad2e;
}
.prlist li{
	float: left;
	width:19%;
	padding:0.5%;
	height: auto;
	overflow: hidden;
}
.prlist li .primg{
	height: 215px;
	overflow: hidden;
}
.prtxt p {
    width: 96%;
    padding: 0 2%;
    text-align: center;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding: 10px 0;
}
.caimg{
	text-align: center;
    padding: 30px 0;
    width: 100%;
    height: auto;
    margin: 20px 0;
}
.caimg li{
	float:left;
	width:32.33%;
	height: 320px;
	overflow: hidden;
	padding:0.5%;
    overflow: hidden;
    text-align: center;

}
.caimg li img{
	vertical-align: middle;
	overflow: hidden;
}

/*产品详情页的图片展示 开始*/
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(../fonts/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(../fonts/Q_pTky3Sc3ubRibGToTAYiylde52zikAzebNtJS89aM.woff) format('woff');
}

#banner1-bg {
	position: absolute;
	height: 600px;
	width: 100%;
	top: 0;
	left: 0;
	background-image:url(../images/website_bg_tile.gif);
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#bbb;
	font-weight: bold;
}

#banner1-bg h1 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:35px;
	color:#bbb;
	margin-bottom: 15px;
}

#banner2-bg {
	position: absolute;
	height: 580px;
	width: 100%;
	top: 600px;
	left: 0;
	background-image:url(../images/website_bg_tile_dark.gif);
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#ddd;
	font-weight: bold;
	padding-top: 20px;
}

#banner2-bg h1 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:35px;
	color:#ddd;
	margin-bottom: 15px;
}

#banner2-bg p, #banner1-bg p {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:17px;
}


/*******************************
	-	BANNER STYLES	-	
********************************/
#banner-example-1{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:918px;
	height:300px;
}	

#banner-example-1 ul >li{
	display:none;
}


#banner-example-2{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:700px;
	height:300px;
}	

#banner-example-2 ul >li{
	display:none;
}

/**********************************************************
	-	CAPTION SETTINGS FOR THE PARADIGM SLIDER	-
**********************************************************/	
.caption_black{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#fff;
	background-color:#000;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

.caption_blue{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#fff;
	background-color:#00b4ff;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

.caption_green{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#fff;
	background-color:#445626;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

.caption_orange{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#fff;
	background-color:#c54a00;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

.caption_red{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#fff;
	background-color:#c4302b;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

.caption_white{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#000;
	background-color:#fff;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

.caption_grey{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	color:#fff;
	background-color:#333;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}
.caption_white a:link, .caption_white a:visited {
	text-decoration: none;
	color: #000;
}

.caption_white a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #555;
}

a:focus { 
    outline: none; 
}

.smallcap{
	font-size:18px;
}

.largecap{
	font-size:32px;
}

.imagecap{
	position:absolute;
}

.nobg{
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: #000 5px 5px 5px;
}

/****************************
	-	BASIC DIVIDERS 	-
*****************************/
#small_divider {
	margin-top:8px;
}

#big_divider {
	margin-top:150px;
}



/*产品详情页的图片展示 结束*/







#par02{
	width:100%;
	height: auto;
	overflow: hidden;
}
#par02 h1{
	width:100%;
	height: auto;
	padding:50px 0;
	background:url(../images/pro_tbg.png) center no-repeat;	
}
#par02 h1 .index_tt{
	width: 240px;
	height: 50px;
	margin:0 auto;
	line-height: 50px;
	letter-spacing: 10px;
	font-size: 34px;
	text-align: center;
	color:#2e62b0;
	font-weight: bold;
	border:2px solid #e2dfdf;
}
#par02 .prolist{
	width:96%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
#par02 .prolist li{
	position: relative;
    float:left;
	width:32%;
	margin:2px 3px;
	overflow: hidden;
}
#par02 .prolist li img{
	width:100%;
	height: 100%;
	transition: all 1s;
}
#par02 .prolist li:hover img{
	transform: scale(1.2);
}

.mb{
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(47,99,176,.6);
	width:100%;
	height: 100%;
}
.mb h2{
	font-size: 30px;
	letter-spacing: 5px;
	color:#fff;
	font-weight: bold;
	line-height: 35px;
	width:80%;
	height: auto;
	padding-top:20%;
	margin:0 auto;
	text-align: center;
}
.mb .coin{
	position: absolute;
	bottom:20%;
	left:50%;
	margin-left:-22.5px;
	width:35px;
	height: 35px;
}
#par03{
	width:100%;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	margin:0 auto;
}
#par03 h1{
	width:1244px;
	height: auto;
    overflow: hidden;
    margin:0 auto;	
}
#par03 h1 .index_tt{
	float: left;
    height: 50px;
    margin: 0 auto;
    color: #707070;
    line-height: 50px;
    letter-spacing: 2px;
    font-size: 24px;
    text-align: left;
    margin-right: 15px;
}
#par03 h1 .index_tt span{
	color:#75ad2e;
}
.ttbg{
	float: left;
	width:120px;
	height: 28px;
	line-height: 28px;
	color:#fff;
	text-align: center;
	font-size: 14px;
	background:#75ad2e;
	margin-top: 10px;
}
.tbg{
	float: left;
    width: 75%;
    height: 8px;
    background: url(../images/tbg.png) left bottom repeat;
    margin: 20px;
}
.tmore{
	float: right;
	width:80px;
	font-size: 14px;
	text-align: right;
	margin-top: 10px;
    line-height: 28px;
}
.tmore span{
	color:#75ad2e;
	margin-right: 10px;
}
#par04{
	width:100%;
	height: auto;
	overflow: hidden;
	background:#fbfbfb url(../images/bg.png) bottom no-repeat;
}
.par04div{
	width:1200px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}
.par04_l{
	float: left;
	width:48%;
	height: auto;
	margin-right: 2%;
	overflow: hidden;
}
.par_tt{
	width:100%;
	height: auto;
	overflow: hidden;
	margin: 10px 0;
}
.par_tt .index_tt {
    float: left;
    height: 50px;
    margin: 0 auto;
    color: #707070;
    line-height: 50px;
    letter-spacing: 2px;
    font-size: 24px;
    text-align: left;
    margin-right: 15px;
}
.par04_r{
	float: left;
	width:50%;
	height: auto;
	overflow: hidden;
}
.ab_index{
	width: 93%;
    height: auto;
    overflow: hidden;
    margin: 20px;
}
.ab_index p{
	line-height: 28px;
	text-indent: 2em;
}
.ab_index p span{
	color:#75ad2e;
	font-weight: bold;
}
.more_xq{
	width:100%;
	height: auto;
	line-height: 30px;
	color:#75ad2e;
	padding-top: 20px;
}
.more_xq img{
	line-height: 30px;
	vertical-align: middle;
}
#par05{
	width:100%;
	height: 50px;
	background-color: #3e92d2;
	overflow: hidden;
}
/*简介页面*/
#contxt{
	width:1150px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
.mues{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color:#ebebea;
}
.mues a{
	float:left;
	width:20%;
	text-align: center;
	height: 50px;
	line-height: 50px;
    font-size: 14px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 1px;
}
.mues a:hover{
	background-color: #d9d9d8;
	border-bottom: 2px solid #717171;
	color:#000;
	font-weight: bold;
}
.mco{
    background-color: #d9d9d8;
	border-bottom: 2px solid #717171;
	font-weight: bold;
}
.a01{
	width:100%;
	height:auto;
	text-align: right;
	margin:20px 0;
}
.j01{
	    float: left;
    width: 38%;
    padding-right: 8%;
    height: auto;
    text-align: left;
    margin: 20px 0;
}
.con_about{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}


.con_about  .t_title{
	margin-left: 10%;
	width:15%;
	height: 45px;
	line-height: 45px;
	border:1px solid rgba(0,0,0,0);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.3);
	border-radius: 5px;
	color: #e92c2c;
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
}
.con_about .ab_text{
	width:100%;
	height: auto;
	background:url(../images/ab_bg.png) left bottom no-repeat;
	padding-bottom: 400px;
}
.con_about .ab_text .ab_txt{
	padding-left:30%;
}
.con_about .ab_text .ab_txt p{
	line-height: 28px;
	font-size: 16px;
}


/*联系我们*/
.con_about .con_text{
	width:70%;
	padding-left: 30%;
	margin-top:50px;
	height: auto;
	background:url(../images/con_bg.png) left bottom no-repeat;
	padding-bottom: 180px;
}
.con_about .con_text h3{
	font-size: 28px;
	font-weight: bold;
	line-height: 60px;
	margin:20px 0;
}
.con_about .con_text p{
	font-size: 18px;
	line-height: 35px;
}
.con_about .con_txt{
	width:70%;
	padding-left: 30%;
	margin-top:50px;
	height: auto;
	background:url(../images/car_bg.png) left bottom no-repeat;
	padding-bottom: 180px;
}
.con_about .con_txt h3{
	font-size: 28px;
	font-weight: bold;
	line-height: 60px;
	margin:20px 0;
}
.con_about .col-md-6 h3{
	font-size: 28px;
	font-weight: bold;
	line-height: 60px;
	margin:20px 0;
}
.con_about .col-md-6 p{
	font-size: 18px;
	line-height: 35px;
}
.con_about .con_text p span{
	font-weight: bold;
}
.con_about .con_text .wx{
	width:100%;
	height: auto;
	overflow: hidden;
	margin-right: 30px;
}
.con_about .con_text .wx img{
	width:150px;
	height: 183px;
	float:left;
	overflow: hidden;
}

#footer{
	width:100%;
	height: auto;
    background-color: #6f6f6f;
}
.f_link{
    margin: 0 auto;
    line-height: 30px;
    text-align: left;
	font-size: 16px;
    padding: 20px 0;
}
.f_link a{
	margin:10px 20px;
    font-size: 16px;
}
.f_link span{ padding:10px 30px; background:#75ad2e; color:#fff !important; line-height:30px; border-radius:20px;
}
.f_link a:hover{color:#75ad2e;}
.foot_t{
	padding:40px 0 20px;
	overflow: hidden;
}
.foot_t .foot_con{
	float: left;
    width: 82%;
    height: auto;
    overflow: hidden;
}
.foot_t .foot_con li{
	float: left;
	width:14.2%;
	height: auto;
	font-size: 14px;
    line-height: 35px;
	vertical-align: middle;
	color:#a8a8a8;
}
.foot_t .foot_con li div{
	width:100%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	color:#e8e7e7;
	border-bottom:1px solid #a09f9f;
	padding:15px 0;
}
.foot_nav{
	width:100%;
	height: auto;
	overflow: hidden;
}
.foot_nav li{
	float: left;
	width:100% !important;
	height: auto;
	overflow: hidden;
}
.foot_nav li:hover{color:#75ad2e;}
.foot_t .foot_con li img,.li_01 img{
	margin-right: 15px;
    padding-top: 5px;
    vertical-align: top;
}
.foot_t .foot_con li>.foot_txt,.li_01>.foot_txt,.li_02>.foot_txt{
	display: inline-block;
	font-weight: bold;
	line-height: 28px;
	color:#fff;
}
.foot_t .foot_con li>.foot_txt span,.li_01>.foot_txt span,.li_02>.foot_txt span{
    color:#8f8f8f;
    font-weight: normal;
}
.foot_r{
	float:left;
	width:15%;
	height: auto;
	text-align: center;
	margin-left:3%;
}
.foot_r .foot_kf{
	width: 74%;
    height: auto;
    overflow: hidden;
    margin:0 auto;
    padding: 8px;
    border-radius: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #333;
    color: #fff;
    vertical-align: middle;
}
.foot_r .foot_kf img{
	vertical-align: middle;
	padding-right: 10px;
}
.phone{
	width:100%;
	height: auto;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color:#fff;
	margin:15px 0;
}
.pp{
	width:100%;
	height: auto;
	line-height: 24px;
	font-size: 14px;
	color:#b0b0b0;
}
.share{
	width:100%;
	height: auto;
	margin:10px 0;
}
.wx{
	display: none;
	position: absolute;
	top:12px;
	left:-45px;
	width:80px;
	height: 80px;
	overflow: hidden;
}
.share_wx{
	position: relative;
}
.share_wx:hover .wx{ display: block; }
.footmid{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color: #484848;
	color:#fff;
}
.footmid .foot_mid{
	line-height: 30px;
	text-align: center;
}
.footmid .foot_mid img{
	vertical-align: middle;
	margin-left:20px;
}
.footmid .foot_mid a{
	color:#f5f5f5;
	margin-left: 20px;
}
.in_txt{
	width:100%;
	height: auto;
	overflow: hidden;
}
.foot_b{
	position: fixed;
	bottom:0;
	display: none;
	width:98%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	background-color: #252424;
	padding:10px 0;
}
.foot_b li{
	float:left;
	width:50%;
	height: auto;
	line-height: 40px;
	text-align: center;
	color:#fff;
	border-right:1px solid #f5f5f5;
	box-sizing: border-box;
	vertical-align: middle;
}
.foot_b li:nth-child(2){
	border-right:0;
}
.foot_b li a{
	color:#fff;
}
.foot_b li img{
	vertical-align: middle;
}

/*关于我们 页面*/
.ab_txt{
	width: 100%;
	height: auto;
	padding:30px 0;
	overflow: hidden;
    background: url(../images/ab_bg.jpg) no-repeat;
}
.title{
	position: relative;
    font-size: 26px;
    text-transform: capitalize;
    letter-spacing: 5px;
    margin: 30px auto;
    padding-left: 15px;
    width: 80%;
    height:auto;
}
.title:after{
	display: block;
    left:0;
    bottom:0;
    width:160px;
    height: 10px;
    background-color: #75ad2e;
	content: "";
}
.title span{
	font-size: 68px;
	color:#75ad2e;
}
.tt_f{
	position: absolute;
	top:10px;
	left:65px;
	letter-spacing: 2px;
	font-size: 20px;
	line-height: 25px;
    font-weight: bold;
	color:#fff;
	padding:3px 15px;
	border-radius: 5px;
	background-color: #75ad2e;
}
.artic_txt{
	width: 96%;
    margin: 50px auto;
	overflow: hidden;
}
.artic_txt p{
	line-height: 28px;
}
/*新闻页面*/
.newslist{
	width: 80%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.newslist li{
	float:left;
	width:32.33%;
	height: auto;
	overflow: hidden;
	margin:0.5%;
}
.newslist li:hover{
	background-color: #f5f5f5;
}
.newslist li .newimg{
    width:100%;
    height: 240px;
    overflow: hidden;
    margin-bottom: 15px;
}
.newslist li .newimg img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.newslist li .new_txt{
	width:100%;
	height: auto;
	overflow: hidden;
}
.newslist li .new_txt .new_txt_l{
	float:left;
	width:70px;
	height: auto;
	overflow: hidden;
	margin-right: 20px;
}
.newslist li .new_txt .new_txt_r{
	float:left;
	width:74%;
	height: auto;
	overflow: hidden;
}
.time01{
	font-size: 40px;
	font-weight: bold;
	color:#75ad2e;
	text-align: left;
	line-height: 30px;
}
.time02{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
}
.new_txt_r h3{
	width:100%;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
}
.new_txt_r .txt_txt{
	width: 96%;
	height: 42px;
	line-height: 22px;
	overflow: hidden;
	margin:10px 0;
	background-color: #f5f5f5;
	padding:5px;
}
.index_newlist{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:10px 0;
}
.index_newlist li{
	width:96%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 2%;
    border-bottom: 1px dashed #ccc;
    background: url(../images/jt.png) bottom right no-repeat;
}
.index_newlist li:hover,.ncov{
	background:rgba(238,238,238,.6) url(../images/jt.png) bottom right no-repeat ! important;
}
.newlist_t{
	width:100%;
	height: auto;
	overflow: hidden;
	line-height: 30px;
}
.newlist_t .newlist_t_tt{
	float: left;
	width:77%;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color:#75ad2e;
}
.newlist_t .time{
	float: right;
    width: 120px;
    overflow: hidden;
    text-align: center;
    background: #eee;
}
.text{
	width:92%;
	height: auto;
	line-height: 28px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
}
.more{
	float: left;
    width: 160px;
    margin: 10px auto 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #75ad2e;
    cursor: pointer;
    border-radius: 20px;
}
.more:hover{
	background-color: #75ad2e;
    border: 1px solid #75ad2e;
    color: #fff;
}
.more_index{
	width:120px;
	margin:30px 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background-color: #75ad2e;
	cursor: pointer;
	border-radius: 5px;
	transition: all 0.5s;
}
.more_index:hover{
	transform: scale(1.2);
}
.page{
	width:100%;
	height: 40px;
	margin:30px 0;
	text-align: center;
	background-color: #f5f5f5;

}
.page a{
	padding:5px 15px;
	line-height: 40px;
    margin:0 2px;
}
.acov{
	background-color: #75ad2e;
	color:#fff;
}
.page a:hover{
	background-color: #75ad2e;
	color:#fff;
}
/*场所页面  开始*/
.wrapper {
	float: left;
    width: 31.5%;
    height: 280px;
    padding: 10px 10px 50px;
    margin: 20px 0;
}
.w-content:hover {
    opacity: .8;
    cursor: pointer;
}
.box {
    position: relative;
    max-height: 300px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}
.box:hover {
    transition: all .3s ease-in-out;
}
.box img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.box img:hover {
    transition: all .3s ease-in-out;
}
.w-content:hover .frame {
    border-color: #fff;
    transition: color .3s ease-in-out, all .3s ease-in-out;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.w-content .frame {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-color: transparent;
}
.box .frame {
    position: absolute;
    border: 1px solid #fff;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.w-content h2 {
    margin-top: 0;
    top: 50%;
    transform: translatey(-50%);
    text-align: center;
    letter-spacing: 1px;
}
.box h2 {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0;
    letter-spacing: 1px;
}
.box h2, .box p {
    position: absolute;
    color: #fff;
    z-index: 2;
    width: 100%;
    transition: opacity 0.2s, transform 0.3s;
}
.w-content .frame {
	display: none;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-color: transparent;
}
/*场所页面  结束*/

/*生产设备  结束*/
.mftu {
    margin-top: 42px;
    margin-bottom: 61px;
}

.mftu a {
    display: block;
    width: 169px;
    float: left;
    margin-left: 4px;
}
.mftu a img {
    width: 100%;
    max-width: 169px;
    max-height: 113px;
}
.mal1 {
    margin-left: 168px !important;
}
.mal2 {
    margin-left: 516px !important;
}
.mal3 {
    margin-left: 174px !important;
}

/*生产设备  结束*/









/*新闻内页*/
#right_txt {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    margin: 20px auto 50px;
}
#right_txt .r-top {
    width: 99%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    border-bottom: 1px solid #9f9f9f;
    padding-right: 15px;
    margin-bottom: 30px;
}
#right_txt .r-top img {
    vertical-align: middle;
}
#right_txt h2 {
    width: 80%;
    margin: 20px auto;
    height: auto;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
#right_txt h3 {
    text-align: left;
    margin: 0 auto 20px;
    /* background-color: #f5f5f5; */
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}
#right_txt h3 .tt {
    display: inline-block;
    margin: 0 20px;
}

#right_txt .txt {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#right_txt .txt p{
    line-height: 28px;
}
.txt_top p{
    text-indent: 2em;
    line-height: 28px;
}

/*产品 页面*/
.part{
	width:100%;
	height: auto;
	overflow: hidden;
}
.part .pro_l{
	float:left;
	width:26%;
	height: auto;
	margin-right: 5%;
	overflow: hidden;
}
.part .pro_r{
	float:left;
	width:68%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}
.part .pro_r .p_r{
	width:100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
	text-align: right;
	font-size: 14px;
}
.prolist{
	width:100%;
	height: auto;
	overflow: hidden;
}
.prolist li{
	float:left;
	width: 49%;
	height: auto;
	overflow: hidden;
	margin-right: 1%;
	margin-bottom: 20px;
}
.prolist li:nth-child(2n){
	margin-right: 0;
	margin-left:1%;
}
.prolist li img{
	width:100%;
	height: auto;
	overflow: hidden;
}
.prolist li h3{
	width:100%;
	height: 40px;
	padding: 0 2%;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding: 10px 0;
	line-height: 40px;
	text-align: left;
}
.prolist li p{
	    width: 97%;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin: 10px 0;
    background-color: #f5f5f5;
    padding: 5px;
}
.artic_txt h2{
	width: 100%;
    height: auto;
    line-height: 60px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #75ad2e;
    margin-bottom: 15px;
    border-bottom: 1px solid #76b02e;
}
.ttb{
	width:100%;
	height: auto;
	overflow: hidden;
	line-height: 50px;
	text-align: center;
	margin-bottom: 30px;
}
.ttb div{
	display: inline-block;
	margin-right: 15px;
}
.ttb div span{
	font-weight: bold;
	margin-right: 5px;
}

.conta{
	width:100%;
	height: auto;
	overflow: hidden;
	background:url(../images/map_bg.png) top center no-repeat;
}
.txt_top h1{
	width:100%;
	height: auto;
	line-height: 60px;
	font-size: 28px;
	font-weight: bold;
	color:#75ae2e;
}
.con{
	float:left;
	width:32.33%;
	height: auto;
	min-height:300px;
	margin:20px 0.5%;
	overflow: hidden;
}
.con .con_img{
	width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: #75ae2e;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;

}
.con .con_img img{
	max-width: 100%;
	height: auto;
}
.con .con_txt{
	float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}
.con .con_txt div{
    line-height: 40px;
    font-size: 18px;
    text-indent: inherit;
}
.con .con_txt div span{
	display: block;
}
.from{
	width:90%;
	height: auto;
	overflow: hidden;
	background:#f8f8f8;
	padding:5%;
}
.cobiao {
    display: block;
    text-align: center;
    font-size: 28px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #4d4d4d;
    padding: 40px 0 20px;
}
.cop {
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 24px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
}
.coxin {
    margin-top: 21px;
}
form{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
}
.col {
    width: 80%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.coxin .xing {
    background: url(../images/xing.png) no-repeat left 22px;
}
.coxin .int1,.coxin .int2 {
    padding-left: 14px;
    margin: 40px 0;
}
.clear {
    clear: both;
}
.coxin .int1 input {
    width: 441px;
    height: 48px;
    padding-left: 41px;
    line-height: 48px;
    font-size: 16px;
    font-size: 1.6rem;
}
.curen {
    background: url(../images/curen.png) no-repeat left center;
    border-bottom: 1px solid #77b231;
}
.coxin .int1 input {
    width: 100%;
    height: 48px;
    padding-left: 41px;
    line-height: 48px;
    font-size: 16px;
    font-size: 1.2rem;
}
input, textarea {
    font-family: "微软雅黑";
    font-size: 12px;
    color: #333;
    border: none;
    outline: none;
}

.cudianhua {
    background:url(../images/cudianhua.png) no-repeat left center;
    border-bottom: 1px solid #77b231;
}
.cufang {
    background:url(../images/cufang.png) no-repeat left center;
    border-bottom: 1px solid #77b231;
}
.cuxinfeng {
    background:url(../images/cuxinfeng.png) no-repeat left center;
    border-bottom: 1px solid #77b231;
}
.cor {
    width: 52%;
    float: right;
}
.coxin textarea {
    width: 92%;
    height: 172px;
    padding-left: 41px;
    line-height: 48px;
    font-size: 16px;
    font-size: 1.2rem;
    background:url(../images/cubiji.png) no-repeat left top !important;
    border-bottom: 1px solid #77b231;
}
.coxin .int3 {
    width: 40%;
    height: 48px;
    padding-left: 12px;
    line-height: 41px;
    font-size: 16px;
    font-size: 1.2rem;
    float: left;
    background: none;
    border-bottom: 1px solid #77b231;
}
.cuyanzheng {
    width: 125px;
    height: 50px;
    float: left;
    margin-left: 8px;
    cursor: pointer;
}
.coxin .int4 {
    width: 30%;
    height: 49px;
    background: #77b231;
    font-size: 14px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    float: right;
    cursor: pointer;
    border-radius: 30px;
}
.apbiao1 {
    display: block;
    font-size: 28px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #4d4d4d;
    margin-bottom: 30px;
}
.faqq {
    display: block;
    background: url(../images/q.png) no-repeat 10px 10px;
    font-size: 20px;
    font-size: 1.2rem;
    /*color: #75ae2e;*/
    line-height: 36px;
    padding-left: 55px;
    margin-top: 30px;
}
.faqa {
    background: #f5f5f5 url(../images/a.png) no-repeat 10px 15px;
    padding: 15px;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 24px;
    color: #4d4d4d;
    margin-top: 6px;
    border: 1px dashed #75b02e;
    border-radius: 10px;
}
/*图片点击放大 开始*/
pre{overflow-x:scroll;background:#ffffff;border:1px solid #cecece;padding:10px;}
.clear{clear:both;}
.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}
.container{    
	width: 100%;
    margin: 20px auto;
    overflow: hidden;
}
.gallery{list-style-type:none;float:left;}
.gallery li{
    float: left;
    margin: 10px;
    width: 31.33%;
    height: 245px;
    overflow: hidden;
}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../images/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../images/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url('../images/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}
.sbtt{
	display:none;
	width:100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	font-size: 16px;
	background:#f8f8f8;
}
.box {
    position: relative;
    max-height: 300px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}
.box:hover {
    transition: all .3s ease-in-out;
}
.w-content:hover {
    opacity: .8;
    cursor: pointer;
}


/*图片点击放大 结束*/





.conlist{
	width:100%;
	height: auto;
	overflow: hidden;
}
.conlist li{
	width:100%;
	height: auto;
	line-height: 35px;
	font-weight: bold;
	overflow: hidden;
	vertical-align: middle;
}
.conlist li img{
	vertical-align: middle;
	padding-right: 15px;
}
.conlist li span{
	font-weight: normal;
}
.map{
	margin:30px 0;
}
.artic_txt {
    width: 96%;
    /* margin: 50px auto; */
    overflow: hidden;
}
.con_txt h2{
	color:#2e62b0;
	width:100%;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

/*在线订单页面  开始*/
.about_right_con {
    width: 80%;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    overflow: hidden;
}
.about_txt {
    line-height: 25px;
}
#hht tr{
	margin:1px 0;
}
.hht{
	width:100%;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	color: #75ae2e;
	padding:20px 0;
}
.hht_1{
	width:100%;
	height: auto;
	line-height: 50px;
	font-size: 18px;
	overflow: hidden;
	font-weight: bold;
}
.in1{
	width: 95%;
    height: auto;
    line-height: 50px;
    overflow: hidden;
    background: #f1f1f1;
}
.inn1{
	width:100%;
	height: auto;
	line-height: 30px;
	overflow: hidden;
}
.ta1 {
	float: left;
    padding-left: 10px;
    padding-right: 0px;
    width: 90%;
    font-size: 16px;
    line-height: 50px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
	box-sizing: border-box;
}

.td1 {
	float: left;
    padding-left: 10px;
    /* padding-right: 0px; */
    width: 17%;
    font-size: 16px;
    line-height: 50px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.td2 {
	float: left;
    width: 80%;
    padding-left: 25px;
    line-height: 50px;
    border-bottom: 1px solid #fff;
    background: #f1f1f1;
}
#producttypelist_top,#producttypelist_son {
    min-width: 180px;
    line-height: 50px;
    padding: 12px 20px;
    border: none;
    margin-right: 30px;
    background: #f8f8f8;
}
.np{
	padding:10px 20px;
}
.td2 input{
	margin-right:15px;
}
.in2 {
    width: 100%;
    min-height: 255px;
    border: 1px solid #f8f8f8;
}
.an {
    background-color: #75ae2e;
    color: #FFF;
    width: 200px;
    height: 40px;
    line-height: 40px;
    /* border: 1px solid #000; */
    margin: 14px;
    border-radius: 30px;
}
input[type="hidden" i], input[type="image" i], input[type="file" i] {
    -webkit-appearance: initial;
    background-color: initial;
    cursor: default;
    padding: initial;
    border: initial;
}

input[type="hidden" i] {
    display: none;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.tebiaoge2 {
    width: 100%;
    background: #fff;
    margin-top: 0;
    padding-top: 30px;
    overflow: hidden;
}
.lvbei {
    background: #75ae2e;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.4rem;
    line-height: 45px;
    height: 47px;
}

.lvzi {
    color: #75ae2e !important;
    font-weight: bold;
    font-size: 16px !important;
    font-size: 1.4rem !important;
}
.tebiaoge2 td {
    border: 1px solid #d9d9d9;
    font-size: 1.2rem;
    padding: 0 20px;
    line-height: 28px;
    height: 65px;
}
.jvzhong{
    text-align: center;
    border-right: 1px solid #eee;
}
.lvbei td {
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    font-size: 1.9rem;
    height: 47px;
}
.tebiaoge2 td {
    border: 1px solid #d9d9d9;
    padding-left: 6px;
    font-size: 16px;
    font-size: 1.0rem;
    padding: 0 20px;
    line-height: 24px;
    height: 65px;
}
.jvzhong{width:15% !important;}
.jvsed{width:35% !important;}
.jvthird{width:50% !important;}
.wjmc{width:50% !important;}

/*在线订单页面  结束*/

/*常见问答 开始*/
.zong {
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.mab {
    margin-bottom: 37px;
}
.apbiao1 {
    display: block;
    font-size: 28px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #76b02e;
}
.faqq {
    display: block;
    background: url(../images/q.png) no-repeat left 10px;
    font-size: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 36px;
    padding-left: 38px;
    margin-top: 31px;
}
/*产品页面 开始*/
.prmain {
	width: 98%;
    margin: 0 auto;
	position: relative;
    background: url(../images/xiewen2.jpg);
    padding-top: 38px;
}
.zong {
    width: 1200px;
    margin: auto;
}
.click {
    display: block;
    float: left;
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #75ae2e;
    line-height: 33px;
    margin-right: 30px;
}
.rupr {
    width: 150px;
    height: 35px;
    background: #75ae2e url(../images/lvbei1.png) no-repeat;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-size: 1.0rem;
    border-radius: 15px;
    color: #fff;
    /* float: left; */
    margin: 0 40px;
    /* border-radius: 17px; */
    transition: 0s;
    padding: 5px 30px;
}
.rupr:hover,.inno:hover {
    background: #558c11;
    color: #fff !important;
}
.rupr2 {
    width: 150px;
    height: 35px;
    background: url(../images/lvbei1.png) no-repeat 40px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-size: 1.0rem;
    border-radius: 15px;
    color: #fff;
    /* float: left; */
    margin: 0 40px;
    /* border-radius: 17px; */
    transition: 0s;
    padding: 5px 50px;
}
.rupr2:hover {
    background: #558c11;
    color: #fff !important;
}
.prp1 {
    margin-top: 6px !important;
    margin-bottom: 31px;
}
.chanlie {
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 21px;
    padding-top: 24px;
}
.chanlie a {
    display: block;
    width: 225px;
    float: left;
    margin-left: 12px;
    margin-top: 11px;
}

.mat3 {
    margin-top: 26px;
}
.prmain .zong>p {
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 24px;
    margin-top: 24px;
}




.inno {
    display: block;
    width: 133px;
    height: 35px;
    background: url(../images/inno.png);
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-size: 1.0rem;
    color: #fff;
    position: fixed;
    right: 37px;
    top: 50%;
    transition: 0s;
    border-radius: 17px;
}
.prmain2 {
	width: 98%;
    margin: 0 auto;
    background: url(../images/xiewen2.jpg);
    padding-top: 29px;
}
.prmain2 .zong>p {
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0 108px;
    margin-top: 4px;
}
.prbiaoge {
    border: 1px solid #a6a6a6;
    border-collapse: collapse;
    background: #fff;
    width: 980px;
    margin: auto;
    margin-top: 27px;
    margin-bottom: 50px;
}
.prbiaoge td {
    border: 1px solid #bfbfbf;
    text-align: center;
    line-height: 40px;
    color: #000;
    font-size: 16px;
    font-size: 1.0rem;
    /*padding: 12px 5px;*/
}
.hongse {
    color: #c00000 !important;
    font-weight: bold;
    border-bottom: 2px solid !important;
}
.prbiaoge td a {
    border-bottom: 1px solid;
    color: #000;
    line-height: 28px;
}
colgroup {
    display: table-column-group;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.biaoti {
    background: #75ae2e;
}
.biaoti td {
    color: #fff !important;
    font-weight: bold;
    line-height: 44px !important;
    padding: 0px !important;
}
.yihang {
    font-weight: bold;
}
.prr{
	width:74%;
	text-align: left;
	line-height: 80px;
	font-size: 20px;
	overflow: hidden;
	color: #75ad2e;
    font-weight: bold;
}
.prbiaoge3 {
    border: 1px solid #a6a6a6;
    border-collapse: collapse;
    background: #fff;
    /* width: 859px; */
    width: 95%;
    margin-top: 22px;
    margin-bottom: 29px;
}
.prbiaoge3 td {
    border: 1px solid #d9d9d9;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.0rem;
    padding: 11px 5px 10px 5px;
}
.biaoti3 {
    background: #75ae2e;
}
.biaoti3 td {
    color: #fff !important;
    font-weight: bold;
    line-height: 39px !important;
    padding: 0px !important;
}
.nex a, .caxx a {
    color: #75ae2e;
    font-size: 16px;
}
.fanhui {
    background: url(../images/fanhui.png) no-repeat left center;
    padding-left: 35px;
    margin-top: 27px;
    margin-bottom: 27px;
}
.shejiao {
    float: right;
	margin-bottom: 20px;
}
.shejiao a {
    display: block;
    float: left;
    margin-left: 14px;
    border-radius: 50%;
}
.shejiao a img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
}


.fanhui {
    background: url(../images/fanhui.png) no-repeat left center;
    padding-left: 35px;
    margin-top: 27px;
    margin-bottom: 27px;
}
.fanhui a {
    display: block;
    width: 160px;
    height: 42px;
    background: url(../images/fanhui2.png);
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-size: 1.0rem;
    color: #fff;
    border-radius: 21px;
    transition: 0s;
}


.pr3biao {
    font-size: 2.0rem !important;
    color: #75ae2e !important;
    margin-top: 7px !important;
    margin-bottom: 30px;
}
.zong>a {
    display: block;
    line-height: 35px;
    font-weight: bold;
    margin-top: 29px;
}
.zong>p {
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 24px;
    margin-top: 11px;
}
.zong>a {
    display: block;
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    margin-top: 29px;
}
.aa{
    display: block;
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    margin-top: 29px;
	color: #75ad2e;
}
.t11{
	width: 93%;
    height: auto;
    line-height: 35px;
    font-size: 18px;
    background: #e0e8d9;
    margin: 20px 0;
    padding: 5px 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.prbiaoge2 {
    border: 1px solid #a6a6a6;
    border-collapse: collapse;
    background: #fff;
    width: 60%;
    margin-top: 22px;
    float: left;
}
.prbiaoge2 td {
    border: 1px solid #d9d9d9;
    text-align: center;
    line-height: 20px;
    color: #000;
    font-size: 16px;
    font-size: 1.0rem;
    padding: 11px 5px 10px 5px;
}
.prbiaoge2 td a {
    border-bottom: 1px solid;
    color: #000;
}
colgroup {
    display: table-column-group;
}
.biaoti2 {
    background: #75ae2e;
}
.biaoti2 td {
    color: #fff !important;
    font-weight: bold;
    line-height: 39px !important;
    padding: 0px !important;
        font-size: 1.2rem;
}
.pr3lie {
    width: 40%;
    float: right;
    margin-top: 15px;
}
.pr3n {
    width: 31.33%;
    float: left;
    position: relative;
    margin-left: 7px;
    margin-top: 7px;
    overflow: hidden;
}
.pr3n img{
	max-width:100%;
	height: 140px;
	overflow: hidden;
}
.pr3tu {
    width: 100%;
    max-width: 423px;
    max-height: 322px;
    margin-bottom: -3px;
}


/*产品页面 结束*/



/*常见问答 结束*/

@media screen and (max-width: 1500px){
.nav li { padding: 0 40px;}




}


@media screen and (max-width: 1400px){

.nav li { padding: 0 37px;}
.flexslider .slides a img {height: 470px;}
.flexslider { height: 460px;}
.speechocean .speechocean-left .speechocean-tit { padding-left: 30px;}
.navlist {
    left: -20%;
    width: 140%;}
}
@media screen and (max-width: 1300px)
.nav li {
    padding: 0 34px;
}

@media screen and (max-width: 1200px){
.logo {
    width: 45%;
}
	.w1200 {
    width: 96%;}
.nav li { padding: 0 16px;}	
.flexslider .slides a img,.flexslider {height: 430px;}
#par03,.par04div {width: 92%;}
#par03 h1 {width: 100%;}
.mr_frUl { width: 90% !important; }
.tbg {float: left; width: 67%;}
.prlist li .primg {height: 135px !important;}
.speechocean .speechocean-left .speechocean-tit { padding-left: 0 !important;}

}

@media screen and (max-width: 1024px){
.nav li {padding: 0 5px;}
.flexslider .slides a img, .flexslider {height: 360px;}

.td1 { width: 27%;}
.td2 { width: 68%;}
.navlist {left: -35%;    width: 170%;}







}
@media screen and (max-width: 768px){
.wrapin {
    width: 98%;}
.nav {
    display: none;
}
.head .t_tt {
    width: 75%;
    margin-left: 0;
    margin-right: 0;
}
.wx {
    width: 15%;
}
.logo {
    width: 80%;
}
.hright {
    display: none;}
.head { padding: 20px 0 0 !important;}
.header_r { width: 100%;}
.wap-nav {
    position: absolute;
    display: block;
    right: 10px;
    top: 18px;
}
.w475 { width: 42% !important;}
.w1445 { width: 58% !important;}
.flexslider .slides a img {
    height: 190px;
}
.flexslider {
    height: 190px;
}
#par02 h1,#par03 h1,#par04 h1 {
    padding: 30px 0;
}
#par02 .prolist li {
    width: 32.5%;
}
#par03{padding-top:0 !important;}
#par02 h1, #par03 h1, #par04 h1 {
    padding: 0;
}
.tbg {
    float: left;
    width: 55%;
}
.ab_index {
    max-height: 275px;}
.foot_t .foot_con {
    width: 73%;
}
.foot_r { width: 26%; margin-left:1%;}
.nav-wrap li a{
	color:#fff;
}
.nav-wrap { width: 30%;
    text-align: center;}
.par04_l,.par04_r {width: 100%;}
.foot_t .foot_con li div {font-size: 14px;}
.foot_t .foot_con li { width: 16.5%;}
.nav-wrap li { width: 91%;}
.w1200 {width: 96%; margin-top: 0;}
.speechocean .speechocean-left .speechocean-tit {
    color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;}

.speechocean .speechocean-right .speechocean-tit {padding-left: 30px;}
.speechocean .speechocean-tit{ line-height: 50px; }
.prlist li .primg { height: 100px;}
.prlist { width: 95%;}
.prtxt p{font-size: 1.0rem;}
.speechocean-tit .item {font-size: 16px;}
.speechocean-tit .item:after{bottom:-15px;}
.caimg li { height: 190px;}
.hright a{ margin-right:0; }
.hht {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #75ae2e;
    padding: 0 0 20px;
}
.td1 { width: 38%;}
.td2 {
    float: left;
    width: 62%;
    padding-left: 0;
    line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
    /*border-bottom: 1px solid #75ae2e;*/
    margin-bottom: 10px;
}
.in2 {
    width: 102%;
    min-height: 115px;
}
.inn1{
	width:100%;
	height: auto;
	line-height: 30px;
	overflow: hidden;
}
.ta1 {
    float: left;
    padding-left: 10px;
    padding-right: 0px;
    width: 90%;
    font-size: 16px;
    line-height: 50px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
}
.prmain{padding-top:0;}
.inno { right: 0px;
    top: 60%;}
.zong {width: 96%;}
.chanlie a{width:30%;}

}

@media screen and (max-width: 640px){
.head .t_tt {
    width: 100%;
}
.wx {
    width: 28%;
}
.tbg { width: 18%;}
.flexslider {
    height: 148px;
    margin:0 auto;
}
#par02 .prolist li {
    width: 48%;
}
.jvsed{
	min-width: 95px;
}
.prbiaoge td {font-size: 12px;line-height: 24px !important;}
.bgnr {line-height: 28px !important; height:90px;}
.bgnr a{ line-height:18px;}
.tebiaoge2 td{padding:0 5px;}
#par03 h1 .index_tt {letter-spacing: 0;}
.flexslider .slides a img {
    height: 145px;
}
.bgnr2{height:auto !important;height: 120px !important;}
.in2 {
    width: 67%;}
.mb h2 {
    font-size: 16px;
    line-height: 24px;
    width: 95%;
    padding-top: 10%;
}
.txt_txt .pa a{font-size:16px; line-height:35px;}
.abox{ display:block;text-align: left !important;}
.txt_txt .txt_top{ margin:0 auto !important;}
.top-fixed { min-height: 50px;}
.prbiaoge2,.pr3lie { width: 100%; }
.more{ float:none;}
.more_xq{ padding-top:0; }
.f_link span { display: block; width: 120px; padding: 5px 30px;}
.txt_top h1 { font-size: 24px; line-height:45px; margin: 10px 0;}
.newlist_t .newlist_t_tt { width: 67%; }
.page a { padding: 5px 0px;}
.gallery li { width: 44%; height: 115px;}
.con { background: rgba(228, 223, 223, 0.5); padding: 5px 0; }
.mb .coin {
    bottom: 0%;
    margin-left: -11.5px;
}
.wrapper { width: 44.5%; height: 120px; padding: 10px 10px 10px; margin: 20px 0;}
.w475 { width: 100% !important;}
.w1445 {width: 100% !important; margin-top: 50px;}
.speechocean .speechocean-left a {font-size: 22px;}
.par04_txt .par04_l {
    float: left;
    width: 92%;
    margin: 0 0 0 5%;
}
.speechocean-tit .item {
    display: block;
    background: #eeefec;
    font-size: 16px;
    padding-left: 35px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 40px;
    border-radius: 25px;
}
.speechocean-tit .item:after{ display:none;}
.speechocean .speechocean-right .speechocean-tit {
    padding-left: 30px;
    margin: 15px;
}
.w1200 {
    width: 96%;
    margin-top: 5px;
}
.box h2 {font-size: 18px;}
.par04_txt .par04_r {
    display: none;
}
.foot_t{
	display: none;
}
.footmid .foot_mid{
	line-height: 22px;
}
.nav-wrap {
    width: 100%;
}
.pro_list li {
    width: 49.1%;
}
.artic_txt {
    margin: 0 auto;
}
.artic_txt .caimg img{
	width:90%;
}
.about_right_con {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 0px;}
.artic_txt h1 {
    width: 88%;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
}
.prolist li {
    width: 49%;
}
.prolist li:nth-child(2n) {
    margin-right: 0;
}
.prolist li h3 {
	padding:0;
}
#par04 {
    background-size: 100%;
}

.par04_txt {
    padding:0;
}
.part .pro_l,.part .pro_r {
    width: 100%;
}
.prolist li:nth-child(2n) {
    margin-right: 0;
}
.prolist li:nth-child(3n) {
    margin-right: 1%;
}
.newslist li {
    width: 100%;
}

.joinlist .tr_th li, .joinlist .tr_td li, .joinlist .tr_td2 li {
    font-size: 13px;
 }

.joinlist {
    width: 100%;
    margin: 0 auto;
}
.con { width: 100%;min-height: auto;}
.con .con_txt div { display: inline-block;}
.con .con_txt div span {
    display: block;
    margin-right: 0 ;
	
}
.conta { background: url(../images/map_bg.png) top center repeat;}
.col { width: 100%;}
.coxin .int4 { width: 100%; margin-top: 30px;}
.prlist li { width: 49%;}
.prlist li .primg { height: 140px;}
.caimg li {width: 49%; height: 150px;}
.mftu a {width: 49%;margin-bottom: 10px;margin-left: 0;text-align: center;}
.mal1,.mal2,.mal3,.mal4{margin-left:0 !important;}
.prmain2 .zong>p{padding:0;}
.prbiaoge {width: 100%;}

}
	
@media screen and (max-width: 375px){	
.td1 { width: 40%;}	
.td2 { width: 60%;}	
.wrapper { width: 43%; height: 95px;}
	
}
	
@media screen and (max-width: 320px){	
.td1 { width: 48%;}	
.td2 { width: 52%;}	
	
}	
	
	

	
	
	