.smallbanner{
	position: relative;
	height: 220px;
}
.smallbanner img{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 1960px;
	height: 220px;
	margin-left: -960px;
}
.smallbanner .txt{
	position: absolute;
	top: 76px;
	width: 1200px;
	text-align: center;
	left: 50%;
	margin-left: -600px;
}
.smallbanner .txt .m{
	float: left;
	background: rgba(0,0,0,0.5);
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding: 10px 22px;
}
.smallbanner .txt .m p{
	line-height: 44px;
}
.smallbanner .txt .m span{
	line-height: 28px;
	display: block;
	font-size: 24px;
	font-weight: normal;
}
.breaknav{
	height: 36px;
	line-height: 36px;
	padding: 10px 0;
	border-bottom: 1px solid #dbdada;
	font-size: 14px;
	color: #bdbbbe;
}
.breaknav li{
	float: left;
	margin-right: 15px;
}
.breaknav li a{
	display: block;
	font-size: 18px;
	color: #545454;
	padding: 0 14px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #ccc;
}
.breaknav li a:hover{
	color: #e5000e;
}
.breaknav li.cur a{
	border: 1px solid #e60517;
	color: #e60517;
}
.breaknav .fr{
	padding-left: 18px;
	background: url(../images/breaknav-ico.png) no-repeat center left;
}
.breaknav .fr a{
	color: #bdbbbe;
}
.breaknav .fr a:hover{
	text-decoration: underline;
}
.news-list li{
	height: 183px;
	padding: 30px 10px;
	border-bottom: 1px solid #eee;
}
.news-list li .pic{
	float: left;
	margin-right: 30px;
	width: 286px;
	height: 183px;
	overflow: hidden;
}
.news-list li .pic:hover img{
	transition: all 0.6s;  
	transform: scale(1.05);
}
.news-list li .pic img{
	width: 286px;
	height: 214px;
}
.news-list li .txt{
	float: left;
	width: 864px;
}
.news-list li .txt h3{
	font-size: 20px;
	color: #3f3f3f;
	height: 30px;
	line-height: 30px;
	padding: 13px 0;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: bold;
}
.news-list li .txt p{
	font-size: 16px;
	line-height: 24px;
	color: #656565;
	max-height: 72px;
	overflow: hidden;
}
.news-list li .txt span{
	display: block;
	font-size: 14px;
	color: #a9a9a9;
	height: 17px;
	line-height: 17px;
	padding-left: 22px;
	margin-top: 22px;
	background: url(../images/ico1.png) no-repeat center left;
}
.news-list li .txt:hover h3,
.news-list li .txt:hover p{
	color: #e60012;
}
.page{
	padding: 60px 0;
	text-align: center;
}
.page a,.page span{
	display: inline-block;
	height: 32px;
	border: 1px solid #ccc;
	margin: 0 8px;
	font-size: 14px;
	color: #787878;
	border-radius: 3px;
	padding: 0 12px;
	line-height: 32px;
}
.page a.cur{
	background: #e60012;
	color: #fff;
	border: 1px solid #e60012;
}
.page a:hover{
	text-decoration: underline;
}
.content article{
	/*padding: 24px 0;*/
	/*padding: 14px 0;*/
	font-size: 16px;
	color: #545454;
	line-height: 30px;
}
.content article h3{
	font-size: 30px;
	color: #545454;
	line-height: 40px;
	padding: 20px 0;
}
.content article h4{
	font-size: 24px;
	color: #323232;
	line-height: 40px;
	padding: 20px 0;
}
.content article h4 i{
	font-style: normal;
	color: #f00;
}
.content.about article .txt{
	background: url(../images/aboutbg.png) no-repeat right bottom;
}
.content article .pic{
	margin-top: 30px;
}
.content article .pic img{
	width: 100%;
}
.content article .txt .link{
	margin-bottom: 10px;
}
.content article .txt .link a{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background: #0090d1;
	font-size: 14px;
	color: #fff;
	padding-right: 20px;
}
.content article .txt .link a:hover{
	background: #f00;
}
.news article h5{
	font-size: 30px;
	color: #545454;
	font-weight: normal;
	/*padding: 50px 0;*/
	padding: 20px 0;
	text-align: center;
}
.news .from{
	height: 34px;
	line-height: 34px;
	padding: 0 3px;
	border-bottom: 1px solid #dddedf;
	color: #898989;
	font-size: 14px;
	margin-bottom: 20px;
	overflow: hidden;
}
.news .from span{
	float: left;
	margin-right: 45px;
}
.news .from .share p{
	float: left;
}
.news .from .share .bdsharebuttonbox{
	float: left;
}
.news .from .share .bdshare-button-style0-16 a{
	width: 19px;
	height: 19px;
	padding: 0;
	background: url(../images/share.png) no-repeat 0 0;
	margin: 7px 6px;
	margin-right: 0;
}
.news .from .share .bdshare-button-style0-16 a.bds_tsina{
	background-position: -23px 0;
}
.news .from .share .bdshare-button-style0-16 a.bds_weixin{
	background-position: -46px 0;
}
.news .from .share .bdshare-button-style0-16 a.bds_sqq{
	background-position: -69px 0;
}
.news .from .share .bdshare-button-style0-16 a:hover{
	background-position: 0 -19px;
	opacity: 1;
}
.news .from .share .bdshare-button-style0-16 a:hover.bds_tsina{
	background-position: -23px -19px;
}
.news .from .share .bdshare-button-style0-16 a:hover.bds_weixin{
	background-position: -46px -19px;
}
.news .from .share .bdshare-button-style0-16 a:hover.bds_sqq{
	background-position: -69px -19px;
}
.news .news-article p{ 
	/*text-indent: 2em;*/
  text-align:center;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 26px;
}
.news .news-article .pic{
	background: #f6f6f6;
	text-align: center;
}
.news .news-article .pic img{
	width: auto;
}
.news .prev-next{
	/*margin-top: 60px;*/
	border-top: 1px solid #ccc;
	font-size: 16px;
	line-height: 30px;
	color: #aaa;
	padding: 10px 0;
}
.news .prev-next a{
	color: #5a5a5a;
}
.news .prev-next a:hover{
	color: #e60517;
}
.about-main{
	padding: 0 0 60px;
	font-size: 16px;
	line-height: 28px;
	color: #323232;
}
.about-main p{
	text-indent: 2em;
	margin-bottom: 30px;
}
.product-list-title{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dadada;
	padding-left: 6px;
	margin-bottom: 22px;
}
.product-list-title a{
	font-size: 16px;
	color: #323232;
	margin-right: 50px;
}
/*.product-list-title a.cur{
	font-weight: bold;
	color: #e60122;
}*/
.product-list-title span.cur a{
	font-weight: bold;
	color: #e60122;
}

.product-list-main{
	overflow: hidden;
	margin-top: 2.3%;
}
.product-list-main li{
	float: left;
	width: 276px;
	border: 1px solid #e7e7e7;
	margin-right: 29px;
	margin-top: 20px;
	overflow: hidden;
}
.product-list-main li:nth-child(4n){
	margin-right: 0;
}
.product-list-main li:nth-child(1),
.product-list-main li:nth-child(2),
.product-list-main li:nth-child(3),
.product-list-main li:nth-child(4)
{
	margin-top: 0;
}
.product-list-main li .pic{
	width: 276px;
	height: 198px;
	overflow: hidden;
}
.product-list-main li img{
	width: 276px;
	/*height: 198px;
    height: 150px;*/
}
.product-list-main li a:hover img{
	transform: scale(1.02);
	transition:all 0.4s ease-in-out;
}
.product-list-main li h3{
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #e7e7e7;
	font-size: 16px;
	color: #474646;
	padding-left: 32px;
	padding-right: 10px;
	background: url(../images/p-jiao.jpg) no-repeat 10px center;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.product-list-main li a:hover h3{
	background-image: url(../images/p-jiao-cur.jpg);
	color: #e60012;
}
.history-main{
	margin: 40px auto;
	background: url(../images/vertical.jpg) repeat-y center top;
	overflow: hidden;
	padding: 30px 0;
}
.history-main li{
	float: right;
	width: 50%;
	position: relative;
	left: -14px;
	padding-left: 1px;
}
.history-main li .point{
	float: left;
	height: 27px;
    width: 27px;
    position: relative;
    padding-right: 50px;
    background: url(../images/point.png) no-repeat center right;
}
.history-main li:hover .point{
	background-image: url(../images/point-cur.png);
}
.history-main li .point b{
	display: block;
	height: 25px;
    width: 25px;
    background: #fff;
    display: block;
    border-radius: 30px;
    border: 2px solid #ccc;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    position: absolute;
    top: 0;
    left: 0;
}
.history-main li:hover .point b{
	border: 2px solid #e60122;
}
.history-main li .main{
	float: left;
	margin-left: 6px;
	width: 216px;
}
.history-main li .main h3{
	font-size: 20px;
	line-height: 27px;
	color: #e60122;
	font-weight: bold;
}
.history-main li .main p{
	font-size: 16px;
	line-height: 24px;
	color: #545454;
	margin-bottom: 16px;
}
.history-main li:nth-child(2n){
	float: left;
	padding-right: 1px;
	left: 14px;
}
.history-main li:nth-child(2n) .point{
	float: right;
	padding-right: 0px;
	padding-left: 50px;
	background: url(../images/point2.png) no-repeat center left;
}
.history-main li:nth-child(2n):hover .point{
	background-image: url(../images/point2-cur.png);
}
.history-main li:nth-child(2n) .point b{
	left: auto;
	right: 0;
}
.history-main li:nth-child(2n) .main{
	float: right;
	margin-left: 0;
	margin-right: 6px;
}

.detail .bottom{
	margin-top: 20px;
}
.detail .bottom .hd{
	padding-top: 17px;
	height: 41px;
	border-bottom: 1px solid #ccc;
	padding-left: 14px;
	background: #f6f6f6;
}
.detail .bottom .hd a{
	float: left;
	width: 102px;
	height: 41px;
	line-height: 41px;
	font-size: 16px;
	color: #545454;
	text-align: center;
}
.detail .bottom .hd a.cur{
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
}
.detail .bottom .bd{
	min-height: 800px;
}
.detail .bottom .bd .box{
	display: none;
}
.detail .bottom .bd .box1{
	font-size: 16px;
	line-height: 28px;
	color: #545454;
	padding: 20px 14px;
}
.detail .bottom .bd .box1 p{
	text-indent: 2em;
}
.detail .bottom .bd .box1 p.pic{
	text-indent: 0;
}
.detail .bottom .bd .box1 h4{
	font-weight: bold;
}
.detail .bottom .bd .box1 .pic{
	text-align: center;
}
.detail .bottom .bd .box2{
	padding: 46px 0;
}
.detail .bottom .bd .box2 li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	border: 1px solid #999;
	margin-bottom: 10px;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
}
.detail .bottom .bd .box2 li:nth-child(4n){
	margin-right: 0;
}
.detail .bottom .bd .box2 li img{
	width: 100%;
}
.detail .bottom .bd .box3{
	padding: 20px 34px;
}
.detail .bottom .bd .box3 h4{
	font-size: 14px;
	color: #545454;
	line-height: 30px;
	padding: 10px 0;
	font-weight: bold;
}
.detail .bottom .bd .box3 table{
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.detail .bottom .bd .box3 table tr th,
.detail .bottom .bd .box3 table tr td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
}
.detail .bottom .bd .box4{
	padding: 46px 0;
}
.detail .bottom .bd .box4 li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 10px;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.detail .bottom .bd .box4 li:nth-child(4n){
	margin-right: 0;
}
.detail .bottom .bd .box4 li img{
	width: 100%;
}
.detail .bottom .bd .box4 li h3{
	height: 40px;
	line-height: 40px;
	background: #999;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
}
.detail .bottom .bd .box5{
	padding: 28px 0;
}
.detail .bottom .bd .box5 p{
	font-size: 14px;
	color: #aaa;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}
.detail .bottom .bd .box5 p span{
	color: #f00;
	font-weight: normal;
}
.detail .bottom .bd .box5 .row{
	overflow: hidden;
	margin-bottom: 20px;
}
.detail .bottom .bd .box5 .row .text{
	float: left;
	width: 49%;
	margin-left: 2%;
	height: 42px;
	line-height: 40px;
	padding: 0 8px;
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
	font-size: 14px;
}
.detail .bottom .bd .box5 .row .text:first-child{
	margin-left: 0;
}
.detail .bottom .bd .box5 .row textarea{
	width: 100%;
	height: 200px;
	line-height: 40px;
	padding: 0 8px;
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
	font-size: 14px;
}
.detail .bottom .bd .box5 .row .submit{
	width: 430px;
	height: 52px;
	background: #e5000e;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.detail .bottom .bd .box1{
	display: block;
}
/* flexslider */
.detail .flexslider{margin-right: 25px;float: left;border: 1px solid #d7d7d7;position:relative;width: 627px;height:451px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.detail .slides{position:relative;z-index:1; overflow:hidden;width: 627px;height:451px; }
.detail .slides li{width: 627px;height:451px; overflow:hidden;border: none;}
.detail .slides li img{width: 627px;height:451px;}
.detail .flex-control-nav{display: none;}
.detail .flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.detail .flex-direction-nav li a{display:block;width:50px;height:70px;overflow:hidden;cursor:pointer;position:absolute;}
.detail .flex-direction-nav li a.flex-prev{left:6px;background:url(../images/prev.png) center center no-repeat;}
.detail .flex-direction-nav li a.flex-next{right:6px;background:url(../images/next.png) center center no-repeat;}
.detail .txtinfo{
	float: left;
	width: 546px;
}
.detail .txtinfo h3{
	font-size: 24px;
	font-weight: bold;
	color: #313131;
	line-height: 42px;
	padding: 10px 14px;
}
.detail .txtinfo ul{
	padding: 5px 14px;
	background: #f6f6f6;
}
.detail .txtinfo li{
	font-size: 18px;
	line-height: 48px;
	color: #313131;
}
.detail .txtinfo li span{
	font-weight: bold;
}
.detail .txtinfo .tel{
	height: 50px;
	line-height: 50px;
	padding: 30px 14px;
}
.detail .txtinfo .tel span{
	float: left;
	font-size: 18px;
	color: #313131;
	padding-left: 45px;
	background: url(../images/tel.png) no-repeat center left;
}
.detail .txtinfo .tel p{
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #e60122;
}
.detail .txtinfo .lianxi{
	padding: 0 14px;
}
.detail .txtinfo .lianxi a{
	float: left;
	width: 104px;
	height: 47px;
	font-size: 18px;
	color: #fff;
	line-height: 47px;
	border-radius: 4px;
	padding-left: 66px;
	background: #e60122 url(../images/a1.png) no-repeat 16px center;
}
.detail .txtinfo .lianxi a.a2{
	margin-left: 46px;
	background: #fcac01 url(../images/a2.png) no-repeat 16px center;;
}
.detail .txtinfo .lianxi a:hover{
	opacity: 0.8;
}
.contact{
	padding: 52px 0;
	overflow: hidden;
}
.contact .top .fl{
	width: 703px;
	border-right: 1px solid #ccc;
	min-height: 355px;
}
.contact .top .tit{
	margin-bottom: 22px;
}
.contact .top .tit h3{
	font-size: 30px;
	line-height: 30px;
	color: #e60122;
	font-weight: bold;
}
.contact .top .tit p{
	font-size: 14px;
	color: #a2a2a2;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -0.1px;
}
.contact .top .main ul{
	float: left;
	width: 430px;
	padding-right: 20px;
}
/*.contact .top .main li{
	font-size: 18px;
	line-height: 48px;
	color: #545454;
	padding-left: 42px;
	background: url(../images/contact-ico1.png) no-repeat 5px center;
}*/
.contact .top .main li p{
	font-size: 18px;
	line-height: 48px;
	color: #545454;
	padding-left: 42px;
	background: url(../images/contact-ico1.png) no-repeat 5px center;
}
.contact .top .main li p:nth-child(2){
	background-image: url(../images/contact-ico2.png);
}
/*.contact .top .main li:nth-child(2){
	background-image: url(../images/contact-ico2.png);
}*/
.contact .top .main li p:nth-child(3){
	background-image: url(../images/contact-ico3.png);
}
/*.contact .top .main li:nth-child(3){
	background-image: url(../images/contact-ico3.png);
}*/
.contact .top .main li p:nth-child(4){
	background-image: url(../images/contact-ico4.png);
}
/*.contact .top .main li:nth-child(4){
	background-image: url(../images/contact-ico4.png);
}*/
.contact .top .main li p:nth-child(5){
	background-image: url(../images/contact-ico5.png);
}
/*.contact .top .main li:nth-child(5){
	background-image: url(../images/contact-ico5.png);
}*/
/*.contact .top .main li:hover{
	background-image: url(../images/contact-ico1-cur.png);
}*/
.contact .top .main li p:hover{
	background-image: url(../images/contact-ico1-cur.png);
}
/*.contact .top .main li:nth-child(2):hover{
	background-image: url(../images/contact-ico2-cur.png);
}*/
.contact .top .main li p:nth-child(2):hover{
	background-image: url(../images/contact-ico2-cur.png);
}
/*.contact .top .main li:nth-child(3):hover{
	background-image: url(../images/contact-ico3-cur.png);
}*/
.contact .top .main li p:nth-child(3):hover{
	background-image: url(../images/contact-ico3-cur.png);
}
/*.contact .top .main li:nth-child(4):hover{
	background-image: url(../images/contact-ico4-cur.png);
}*/
.contact .top .main li p:nth-child(4):hover{
	background-image: url(../images/contact-ico4-cur.png);
}
/*.contact .top .main li:nth-child(5):hover{
	background-image: url(../images/contact-ico5-cur.png);
}*/
.contact .top .main li p:nth-child(5):hover{
	background-image: url(../images/contact-ico5-cur.png);
}
.contact .top .main .erweima{
	float: left;
	padding: 10px;
	padding-bottom: 0;
	background: #eee;
	text-align: center;
}
.contact .top .main .erweima p{
	font-size: 14px;
	color: #a2a2a2;
	line-height: 42px;
}
.contact .top .fr{
	float: right;
	width: 437px;
}
.contact .top .fr h3{
	font-size: 18px;
	color: #9e9e9e;
	line-height: 36px;
	height: 36px;
	padding-top: 12px;
	border-bottom: 1px solid #e5e5e5;
}
.vli{
	display:table;
	position: relative;
	width: 390px;
}
.vli > div {
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.vli button{
 	letter-spacing: 1px;
 	font-size: 16px;
	background: transparent;
	display: inline-block;
	padding: 8px 28px;
	border: 2px solid #fff;
	border-radius: 50px;
	background-clip: padding-box;
	position: relative;
	color: #FFF;
	transition: all .25s;
}
.vli button.btn{
	border-color: #ff4931;
	background: #ff4931;
}
.vli .move button.btn{
	border-color: #ffa500;
	background: #ffa500;
}
.vli .splits p{
	font-size: 18px;
}
.vli button:active{
	box-shadow: none;			
}
.vli button:focus{
	outline: none;			
}
.vli  .wrapper {
	transition: all .5s;
	color: #303030;
	overflow: hidden;
}
.vli .wrapper > div{
	transition: all .5s;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}
.vli .wrapper #login{
	padding-top:12%;
}
#login .btn{
	margin-bottom: 15px;
}
#login p, #register p {
    position: absolute;
    left: 0px;
    top: 45px;
}
.vli .wrapper div div {
	position: relative;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.vli .wrapper label{
	position: absolute;
	top: -7px;
	font-size: 12px;
	white-space: nowrap;
	background: #fff;
	text-align: left;
	left: 15px;
	padding: 0 5px;
	color: #797676;
	pointer-events: none;
}
.vli input{
	height: 47px;
	padding: 5px 10px;
	width: 100%;
	border: solid 1px #eee;
	color: #353434;
	box-sizing: border-box;
	font-size: 14px;
	color: #9e9e9e;
}
.vli .wrapper input:focus{
	outline: none;
	border-color: #ff4931;
}
.vli > .wrapper.move input:focus{
	border-color: #ffa500;
}
#check{
	overflow: hidden;
	margin-bottom:20px;
}
#check *{
	float:left;
}
#check label{
	pointer-events: auto;
	padding-top:5px;
}
#check input{
	width:14px;
	position: absolute;
	left: 0px;
	top: -17px;
}
#check a{
	padding-left: 110px;
	margin-top: -4px;
}
#register .pho{
	width: 60%;
	float: left;
}
#register .pcd{
	float: left;
}
.contact textarea{
	height: 90px;
	padding: 10px;
	width: 100%;
	border: solid 1px #eee;
	color: #353434;
	box-sizing: border-box;
	font-size: 14px;
	color: #9e9e9e;
}
.contact .submit{
	margin-bottom: 0;
	text-align: left;
	margin-top: -4px;
	margin-top: 18px;
}
.contact .submit input{
	width: 180px;
	height: 47px;
	line-height: 47px;
	background: #e60122;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 0;
	margin: 0;
	border: none;
}
.vli .vali{
	margin-top: 18px;
	position: relative;
}
.vli .vali1,.vli .vali2{
	display: inline-block;
	width: 215px;
}
.contact .map{
	margin-top: 46px;
}
.contact .map img{
	width: 100%;
}
@media screen and (max-width: 1200px){
	.smallbanner .txt{
		width: 100%;
		left: 2%;
		margin-left: 0;
	}
	.breaknav .fr{
		display: none;
	}
	.about-main img{
		width: 100%;
	}
	.smallbanner{
		width: 100%;
		overflow: hidden;
	}
	.breaknav{
		height: auto;
		overflow: hidden;
		padding-top: 0;
	}
	.breaknav li{
		margin-top: 10px;
	}
	.contact .top .fl{
		width: 60%;
		box-sizing: border-box;
	}
	.contact .top .fr{
		width: 36%;
	}
	.vli .vali1, .vli .vali2{
		width: 49%;
		box-sizing: border-box;
	}
	.detail{
		width: 100%;
		padding: 0;
	}
	.detail .flexslider{
		width: 56%;
		margin-right: 2%;
		box-sizing: border-box;
	}
	.detail .txtinfo{
		width: 42%;
	}
	.detail .slides,
	.detail .slides li,
	.detail .slides li img{
		width: 100%;
	}
	.detail .txtinfo .lianxi a{
		width: 49%;
		padding-left: 0;
		background-image: none;
		text-align: center;
	}
	.detail .txtinfo .lianxi a.a2{
		margin-left: 2%;
		background-image: none;
	}
	.detail .txtinfo .tel span{
		padding: 0;
		background: none;
	}
	.detail .bottom .bd .box1 p.pic img{
		max-width: 100%;
	}
	.news .news-article .pic img{
		width: 100%;
	}
	.news-list li .pic{
		width: 30%;
		margin-right: 2%;
	}
	.news-list li .pic img{
		width: 100%;
	}
	.news-list li .txt{
		width: 68%;
	}
	.breaknav li a{
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}
	.product-list-main li{
		width: 23.5%;
		box-sizing: border-box;
		margin-right: 2%;
	}
	.product-list-main li .pic{
		width: 100%;
		height: auto;
	}
	.product-list-main li img{
		width: 100%;
		height: 100%;
	}



}
@media screen and (max-width: 720px){
	.contact .top .fl{
		width: 100%;
		border: none;
		height: auto;
		min-height: 0;
		margin-bottom: 10px;
	}
	.contact .top .fr{
		width: 100%;
	}
	.vli .vali1, .vli .vali2{
		width: 100%;
		box-sizing: border-box;
	}
	.contact .top .main ul{
		width: auto;
	}
	.contact .top .main .erweima{
		float: right;
		padding: 5px;
		padding-bottom: 0;
	}
	.contact .top .main li{
		font-size: 14px;
		line-height: 40px;
	}
	.detail .flexslider,
	.detail .slides,
	.detail .slides li,
	.detail .slides li img{
		width: 100%;
		height: auto;
	}
	.detail .txtinfo{
		width: 100%;
	}
	.detail .txtinfo li{
		font-size: 16px;
	}
	.detail .txtinfo .tel{
		padding: 10px 0;
	}
	.detail .txtinfo .lianxi{
		padding: 0;
	}
	.history-main li .main{
		width: 80%;
		float: right;
	}
	.history-main li:nth-child(2n) .main{
		margin-right: 16px;

	}
	.history-main li .point{
		padding-right: 0;
	}
	.history-main li:nth-child(2n) .point{
		padding-left: 0;
	}
	.history-main li .main img{
		width: 100%;
	}
}
@media screen and (max-width: 620px){
	.smallbanner .txt{
		left: 0;
		text-align: center;
		top: 65px;
	}
	.smallbanner .txt .m{
		float: none;
		display: inline-block;
	}
	.about-main{
		padding: 30px 0;
		font-size: 14px;
	}
	.about-main p{
		margin-bottom: 18px;

	}
	.contact{
		padding: 30px 0;
	}
	.detail .bottom .hd a{
		width: 25%;
		box-sizing: border-box;
		height: 42px;
		font-size: 14px;
	}
	.detail .bottom .bd .box2 li,.detail .bottom .bd .box4 li{
		width: 49%;
		margin-right: 0;
	}
	.detail .bottom .bd .box2 li:nth-child(2n),.detail .bottom .bd .box4 li:nth-child(2n){
		margin-left: 2%;
	}
	.detail .bottom .bd .box3{
		padding-left: 0;
		padding-right: 0;
	}
	.news article h5{
		padding: 20px 0;
		font-size: 20px;
	}
	.news-list li{
		height: auto;
		padding: 16px 0;
	}
	.news-list li .pic{
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news-list li .pic img{
		height: auto;
	}
	.news-list li .txt{
		float: none;
		width: 100%;
	}
	.news-list li .txt p{
		font-size: 14px;
	}
	.news-list li .txt h3{
		font-size: 18px;
		padding: 6px 0;
	}
	.news-list li .txt span{
		margin-top: 10px;
	}
	.page{
		padding: 20px 0;
	}
	.page a, .page span{
		margin: 5px 0;
	}
	.product-list-title{
		height: auto;
		overflow: hidden;
	}
	.product-list-title a{
		float: left;
		font-size: 14px;
		margin: 0;
		width: 33.3333333%;
		text-align: center;
	}
	.product-list-title{
		padding-left: 0;
	}
	.product-list-main li{
		width: 49%;
		margin-bottom: 10px;
	}
	.product-list-main li:nth-child(2n){
		margin-right: 0;
	}
	.product-list-main li h3{
		font-size: 14px;
	}
}
@media screen and (max-width: 560px){
	.contact .top .main ul{
		float: none;
		width: 100%;
	}
	.contact .top .main .erweima{
		float: none;
		width: 100%;
		text-align: center;
		background: none;
		margin-top: 10px;
	}
	.contact .top .tit{
		margin-bottom: 6px;
	}
	.contact .top .tit h3{
		font-size: 20px;
		text-align: center;
	}
	.contact .top .tit p{
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
	}
	.contact .top .main li{
		background: none;
		padding-left: 0;
		text-align: center;
		line-height: 34px;
	}
	.contact .top .main li:nth-child(2),
	.contact .top .main li:nth-child(3),
	.contact .top .main li:nth-child(4),
	.contact .top .main li:nth-child(5){
		background: none;
	}
	.contact .top .main li:hover,
	.contact .top .main li:hover:nth-child(2),
	.contact .top .main li:hover:nth-child(3),
	.contact .top .main li:hover:nth-child(4),
	.contact .top .main li:hover:nth-child(5){
		background: none;
	}
}