@charset "utf-8";
@import "common.css";
@import "page.css";
/* CSS Document */
*{ margin:0px; padding:0px; }
html,body{width:100%;height:100%;}
body{font-size:14px; font-family:"Arial"; color:#666; }
body{overflow-x: hidden;}
img{border:0px; vertical-align: middle; max-width: 100%; /*display:block;*/ }
a{ text-decoration:none;color:#333;outline: 0;}
a:hover{ color:#b51c1f;}
ul,li{ list-style:none}
.clear{ clear:both;}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}

.box{width:1282px; margin:0 auto;}
.box:after{clear:both;content:"";display:block;}

.imgZoom { overflow:hidden; }
.imgZoom img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.ilm{ text-align:center;padding:50px 0;}
.ilm:after{content:"";clear:both;display:block;}
.ilm dt{padding-bottom:10px;font-size:32px;color:#333;text-transform:uppercase;}
.ilm dd{color:#999;}
.ilm.bai dt,
.ilm.bai dd{ color:#fff;}

.header{width:1282px; margin:0 auto;height:78px; position:relative; z-index:999999;text-transform:uppercase; }
.header:after{clear:both;content:"";display:block;}
.header .logo{float:left;}
.header .logo img{height:100%;}
.header a.wapmenu{width:30px;float:right;background:url('../images/dh.png') no-repeat center; }
.header a.wapmenu.zk{background:url('../images/dh1.png') no-repeat center;}
.header .nav{float:right; height:100%;}
.header .nav li{float:left; text-align:center;}
.header .nav li a{padding:26px 26px;padding-bottom:0px; display:block; border-top:solid 2px #fff; font-size:16px;}
.header .nav li a:hover,
.header .nav li a.hovers{border-top:solid 2px #b51c1f;color:#b51c1f;}

#owl-banner { z-index:1; }
#owl-banner .owl-item img{ display: block; width: 100%; height: auto;}
#owl-banner .owl-controls { margin-top:0px;}
#owl-banner .owl-buttons {position: absolute; width: 100%; top: 50%; left: 0px; right: 0px; }
#owl-banner .owl-buttons .owl-prev { background-color:transparent; position: absolute; left: 15px; top: -40px; background: url('../images/themes.gif') no-repeat left; height: 61px; width: 38px; text-indent: -9999px; padding:0px;}
#owl-banner .owl-buttons .owl-next { background-color:transparent; position: absolute; top: -40px; right: 15px; background: url('../images/themes.gif') no-repeat right;text-indent: -9999px; height: 61px; width: 38px; padding:0px;}
#owl-banner .owl-pagination{ z-index:10; position:absolute; bottom:10px; left:48%;}
#owl-banner .owl-pagination .owl-page{ z-index:10;}
#owl-banner .owl-pagination .owl-page span {height: 12px; width: 12px; border-radius:12px}

.service {max-width:1282px; margin:0 auto; margin-bottom:40px;}
.service li { width:auto;margin:0px 5%;}
.service li .pic span{padding-top: 100%;}
.service li .text span{font-size:16px;color:#666; background:url('../images/x.png') no-repeat left bottom;height:48px; line-height:48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.service li .text p{color:#999; padding:5px 0; display:block; line-height:20px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.service a:hover .text span {color:#b51c1f;}




/*选项卡*/
.tabs{width: 100%; text-align:center;}
.tabs li{ display:inline-block;line-height:32px; padding:0 10px;border-left:none;overflow: hidden;position: relative; border:solid 1px #d2d2d2; margin-bottom:15px;}
.tabs li a{ display: block; }
.tabs li:hover{ border:solid 1px #b51c1f; background:#b51c1f;}
.tabs li:hover a{color:#fff;}
.tabs .thistab{ border:solid 1px #b51c1f; background:#b51c1f;}
.tabs .thistab a{color:#fff;}

.product{background:#f8f8f8; padding-bottom:40px;}
.product .tab_conbox{ width:100%;max-width:1740px;margin:0 auto; padding:30px 0;}
.product .tab_conbox .tab_con {width: 100%;position: relative;font-size: 0; display:none;}
.product .tab_conbox .tab_con .item {display: inline-block;position: relative; width: 94%; margin: 0 3%;margin-bottom: 30px;vertical-align: top}
.product .tab_conbox .tab_con .item a{ display: block; }
.product .tab_conbox .tab_con .item .pic span{ padding-top: 100%; }
/*.product .tab_conbox .tab_con .item .Img{position: relative;display: block;width: 100%;overflow: hidden}
.product .tab_conbox .tab_con .item .Img>img {display: block;width: 100%;height: auto;
transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out
}*/
.product .tab_conbox .tab_con .item .Txt {height: 70px;overflow: hidden;width: 100%;position: relative;text-align: center;overflow: hidden;z-index: 2}
.product .tab_conbox .tab_con .item .Txt h5 {font-size: 15px;line-height: 1.5;padding-top: 10px;color: #000;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.product .tab_conbox .tab_con .item .Txt span {font-size: 13px; width: 95%; margin:auto; color: #999;font-style: oblique;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.product .tab_conbox .tab_con .item:hover .Txt h5,
.product .tab_conbox .tab_con .item:hover .Txt span {color: #fff}
.product .tab_conbox .tab_con .item .Txt small {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: translateY(-100%);
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: all .4s ease-in-out .2s;
-moz-transition: all .4s ease-in-out .2s;
-webkit-transition: all .4s ease-in-out .2s
}
.product .tab_conbox .tab_con .item:hover .Txt small {
transform: translate(0);
-moz-transform: translate(0);
-webkit-transform: translate(0);
opacity: 1
}
.product .tab_conbox .tab_con .item:hover .Img>img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.product .tab_conbox .owl-theme .owl-controls{padding-top:0px;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div{ background:url('../images/null.png');filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;width:62px;height:42px;padding:0px;margin:0px;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div:hover{color:#F00;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-more{}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-more a{display:block;width:60px;height:40px;border:solid 1px #d2d2d2; background:url('../images/m.png') no-repeat center;transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-more a:hover{border:solid 1px #b51c1f; background:#b51c1f url('../images/mon.png') no-repeat center;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url('../images/btnleft.png') no-repeat center; text-indent:100000;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url('../images/btnlefton.png') no-repeat center;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-next{ background:url('../images/btnright.png') no-repeat center; text-indent:100000;}
.product .tab_conbox .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url('../images/btnrighton.png') no-repeat center;}
.product .tab_conbox .owl-buttons .owl-more{ margin:0px 15px;}

.about{}
/*.about:after{content:"";clear:both;display:block;}*/
.about .c{max-width:1190px; margin:0 auto; line-height:26px; position:relative; margin-bottom:100px; color:#666; font-size:14px;}
.about .c .pic{ float: left; width: 40%; margin-right: 3%; }
.about .c .text{ overflow: hidden; padding-top: 20px; }
/*.about .c:after{clear:both;display:block;content:"";}*/
/*.about .c img{margin-right:30px;float:left;}*/
.about .c a.mabout{ display:block;width:148px;border:solid 1px #dfdfdf;height:30px;background:url('../images/btnbig.png') no-repeat center;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; /*float: right;*/ margin-top: 20px; /*position:absolute;right:0px;bottom:0px;*/}
.about .c a.mabout:hover{ border:solid 1px #b51c1f; background:#b51c1f url('../images/btnbigon.png') no-repeat center;}

.youshi{ background:url('../images/bg.jpg') no-repeat center; background-size: cover; padding: 0px 0 50px 0;}
.youshi:after{content:"";clear:both;display:block;}
.youshi ul{ max-width:1156px; margin:0 auto; color:#fff; padding-top:30px;}
.youshi ul li{width:20%;float:left;margin:0px 2.5%;}
.youshi ul li .text span{ text-align:center;font-size:22px; line-height:80px; display: block;}
.youshi ul li .text p{ margin:auto; line-height: 1.8; }
.youshi ul li img{max-width:100%; display:block;margin:0 auto;}
.youshi ul li:hover{filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}

.news{}
.news ul{max-width:1060px; margin:0 auto;}
.news ul:after {content: "";display: block;clear: both;}
.news ul li {float: left;width: 48%;padding: 20px 0; background:url('../images/x.png') no-repeat left bottom; overflow: hidden;}
.news ul li:nth-child(even) {float: right;}
.news ul li span.d { float:right; color:#999; display: block;}
.news ul li span img {margin-top: -2px;padding-right: 5px}
.news ul li a {font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width: 80%; display: block; float: left;}
.news ul li a i {display: inline-block;vertical-align: middle;width: 0;height: 0;border-top: 1px solid #000;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out}
.news ul li:hover a i {width: 30px;}
.news a.mn{ display:block;margin:50px auto;width:148px;border:solid 1px #dfdfdf;height:30px;background:url('../images/btnbig.png') no-repeat center;transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;}
.news a.mn:hover{ border:solid 1px #b51c1f; background:#b51c1f url('../images/btnbigon.png') no-repeat center;}

.link{background:#f8f8f8;padding:40px 3%;}
.link dl{ max-width:1200px;margin:0 auto; }
.link dl dt{float:left;font-size:25px;color:#333; line-height:28px;}
.link dl dd{line-height:28px;}
.link dl dd a{ display:inline-block; margin-right:15px;}

.footer{padding:20px 3%; background-color:#333333;color:#999; text-align:center;}
.footer a{color:#999;}
.footer a:hover{ color:#ddd;}
.footer span{ display:inline-block; margin:0px 10px;}


/* 内页 */
.bannei{}
.bannei img{width:100%;}

.nbanner{ margin:auto; }
.nbanner .pic span{ padding-top: 30%; }

.max{ background:#f8f8f8;}
.main{/*max-width:1576px;*/ width: 80%;  padding:0px; margin:0 auto;}
/* 产品列表页面 */
.main .info {width: 100%;margin: 20px auto}
.main .info ul {width: 100%;position: relative;font-size: 0}
.main .info li {position: relative;width:24%;margin: 0 0.5%;margin-bottom: 30px;vertical-align: top; float: left;}
.main .info li .pic span{ padding-top: 100%; }
/*.main .info li .Img{position: relative;display: block;width: 100%;overflow: hidden}
.main .info li .Img>img {display: block;width: 100%;height: auto;
transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out
}*/
.main .info li .Txt {height: 70px;overflow: hidden;width: 100%;position: relative;text-align: center;overflow: hidden;z-index: 2}
.main .info li .Txt h5 {font-size: 15px;line-height: 1.5;padding-top: 10px;color: #000;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out
}
.main .info li .Txt span {font-size: 13px;color: #999;font-style: oblique;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block; width: 95%; margin:auto;
}
.main .info li:hover .Txt h5,
.main .info li:hover .Txt span {color: #fff}
.main .info li .Txt small {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: translateY(-100%);
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: all .4s ease-in-out .2s;
-moz-transition: all .4s ease-in-out .2s;
-webkit-transition: all .4s ease-in-out .2s
}
.main .info li:hover .Txt small {
transform: translate(0);
-moz-transform: translate(0);
-webkit-transform: translate(0);
opacity: 1
}
.main .info li:hover .Img>img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1)
}


/* 新闻列表 */
.main ul.news {width: 100%}
.main ul.news:after {content: "";display: block;clear: both}
.main ul.news li{float: left;width: 44%;padding: 20px 0}
.main ul.news li:nth-child(even) {float: right}
.main ul.news li span {font-size: 16px;padding-top: 30px;display: block}
.main ul.news li h4 {font-size: 18px;font-weight: 400;padding: 20px 0;color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main ul.news li h4:active {color: #DF1422}
.main ul.news li h4 small {display: inline-block;vertical-align: middle;width: 0;height: 0;border-top: 1px solid #000;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out}
.main ul.news li:hover h4 small {width: 40px}
.main ul.news li p {font-size: 14px;line-height: 26px;color: #666;height: 50px;overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}

/* 联系我们 */
.contact{width: 100% ;margin: 0 auto;padding: 0 165px; margin-bottom:60px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.contact .sub-content {background: #B90F0F;padding: 100px}
.contact-title {position: relative}
.contact-title h2 {display: block;float: left;font-size: 24px;color: #fff;font-weight: normal;width: 57%;}
.contact-title h2 img{width: 100%;}
.contact-title:after {content: "";display: block;clear: both}
.contact-title-date {float: right;color: #fff;width: 350px;position: absolute;right: 0;bottom: 0}
.contact-title-date i {display: inline-block;vertical-align: middle}
.contact-title-date span {display: inline-block;vertical-align: middle;margin-left: 10px}
.contact-title-date small {display: block;font-size: 18px;}
.contact-sub {padding-top: 70px;color: #fff}
.contact-sub:after {content: "";display: block;clear: both}
.contact-sub section {float: left}
.contact-sub section li {padding: 10px 0}
.contact-sub section li:first-child{margin-bottom: 20px;}
.noTime img{margin-right: 15px;}
.noTime img:last-child{margin-right: 0;}
.contact-sub aside p img{vertical-align: middle;}
.contact-sub section li:after {content: "";display: block;clear: both}
.contact-sub section li span {font-size: 20px;color: #fff !important;line-height: 1.3;}
.contact-sub section li small {color: #fff;display: block;font-size: 14px;margin-bottom: 8px;}
.contact-sub section li .icons {display: inline-block;vertical-align: middle;padding-left: 20px}
.contact-sub section li .icons i {margin: 0 10px;text-align: center;display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;position: relative;}
.contact-sub section li .icons i img{display: block;width: 100%;}
.contact-sub section li .icons i:hover img{animation: imgAni 0.5s ease ;}
.contact-sub section li .icons i:hover:before, .contact-sub section li .icons i:hover:after{width: 65px;height: 65px;opacity: 0;}
@keyframes imgAni{
	0%{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);}
	15%{transform: translateX(-3px);-webkit-transform: translateX(-3px);-moz-transform: translateX(-3px);-o-transform: translateX(-3px);}
	38%{transform: translateX(3px);-webkit-transform: translateX(3px);-moz-transform: translateX(3px);-o-transform: translateX(3px);}
	62%{transform: translateX(-3px);-webkit-transform: translateX(-3px);-moz-transform: translateX(-3px);-o-transform: translateX(-3px);}
	85%{transform: translateX(3px);-webkit-transform: translateX(3px);-moz-transform: translateX(3px);-o-transform: translateX(3px);}
	100%{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);}
}
.contact-sub aside {width: 30%;float: right;margin-top: -200px;}
.contact-sub aside p{margin-top: 81px;margin-bottom: -55px;}
.noTime small{margin-bottom: 8px;}
.contact-sub aside p span{display: inline-block;vertical-align: middle;margin: -2px 0 0 8px;padding: 0;}
.contact-sub section li:first-child span{font-size: 24px;}
.contact-sub aside span {font-size: 14px;line-height: 22px;padding-top: 60px;display: block;}
.contact-sub aside small {padding-top: 30px;display: block;font-size: 16px;}
.contact-sub aside .myadd small{display: inline;padding: 0;font-size: 16px;}
.contact-sub aside p span{font-size: 16px;}
.contact-sub aside .noTime small{font-size: 14px;}
.contact-sub aside .noTime{font-size: 18px;}


/* 详情 */
.new-title {padding:50px 0 10px 0; border-bottom:1px dotted #CCC; }
.new-title h3 {font-size: 20px;text-align: center;font-weight: 400}
.new-title span {display: block;width: 100%;text-align: center;padding-top:5px}
.new-title span small {display: inline-block;color: #999;margin: 0 10px}
.new-content{padding-bottom:40px;  margin:20px auto 0 auto;}
.new-content p {font-size: 16px;line-height:30px;padding:0; text-indent:32px; color:#333;}
/*.new-content div {font-size: 16px;line-height:30px;padding:0; text-indent:32px; color:#333;}*/
.new-content p img {max-width: 100%;display: block; margin: 0 auto;}
.new-content div img {max-width: 100%;display: block; margin: 0 auto;}
.new_updown{padding-bottom:50px; line-height:30px; margin:auto;}

.position{padding:0px 165px; border-bottom:solid 1px #eee; line-height:40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;}


div.newfoot{ width:100%; color:#FFF; /*height:353px;*/ background:#8e1c1f; background:url(f../images/bg.jpg) center bottom no-repeat #942125; background-size: cover; padding: 50px 0;}
div.newfootmiddle{ width:1381px; margin:0px auto; }
div.newfoot1{ float:left; line-height:24px; /*margin-top:57px;*/width: 15%;}
div.newfoot1 img{ padding-bottom:10px; }
div.newfoot1 p{ font-size:14px}
div.newfoot1 p a{ color:#FFF;}
div.newfoot ul{ float:right; width: 75%;  }
div.newfoot ul li{ float:left;/* margin-top:57px;*/ width: 22%; }
div.newfoot ul li a{ display:block; font-size:13px; color:#FFF; line-height:27px;}
div.newfoot ul li a.atou{ font-size:17px; line-height:40px; padding-bottom:10px; text-transform:uppercase;}
div.newfoot ul li img{ width: 170px; margin:auto;}
div.newfoot ul li.z{ float: right; width: 34%; }

@media only screen and (max-width:1610px) {
	.contact-sub aside{width: 27%;}
	.contact-title h2{width: 57%;}

}
@media only screen and (max-width:1440px) {
	.sub-title, .contact{width: 100%;}
	.contact{padding-left: 0;padding-right: 0;}
	.info li .Txt h5{font-size: 14px;}
	.info li .Txt span{font-size: 12px;}

	.contact-title h2{width: 57%;}
	ul.news li h4{overflow: hidden;padding: 20px 0 5px;}
	ul.news li{width: 47%;}
	.contact .sub-content{padding: 3%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
	}
}
@media only screen and (max-width:1381px) {
	div.newfootmiddle{ width:100%;}
	div.newfoot1{ margin-left:10px;}
	}


@media only screen and (max-width:1280px) {
	.contact-title h2 {float: none}
	.contact-title-date {float: none}
	.sub-title {width: 100%}
	.sub-title-border {display: none}
	ul.news {width: 95%;margin: 0 2.5%}
	div.newfoot ul li.z{ margin-left:50px;}
}
@media only screen and (max-width:1200px) {
	.contact-title-date{width: 190px;}
	.contact-sub aside{width: 100%;}
	.contact-sub aside{margin-top: 0;}
	.contact-title h2{width: 80%;}
	.contact-sub{padding-top: 30px;}
	.contact-sub section li:first-child{margin-bottom: 0;}
	.contact-sub aside span{padding-top: 20px;}
	.contact-sub aside small{padding-top: 20px;}
	.contact-sub aside p{margin-top: 20px;margin-bottom: -20px;}

    div.newfoot ul li{  min-width:120px;}
div.newfoot ul{ margin-left:20px;}
.main{ width: 94%; }

}
@media only screen and (max-width:1024px) {

	.header .logo img{ height:78px; margin-top:0px;}
	.new-content{ width:95%;}
.header .nav li a{ padding: 26px 15px; }
}

@media only screen and (max-width:992px) {
	.header .logo img{ height:60px; margin-top:0px;}
	.contact-sub aside {float: none;clear: both}
	.info li {width: 49%;margin: 0 .5%}
	div.newfoot ul li{ width:auto; min-width:0px; margin-left:10px;}
	div.newfoot ul li.z{ margin-left:10px;}
	.youshi{ padding-bottom:20px; }
	.youshi ul li{ width: 90%; float: none; margin:10px auto; }
	.youshi ul li img{ float: left; width: 60px;  max-width: 100%; margin-right: 10px;}
	.youshi ul li .text{ overflow: hidden; padding-top: 10px; }
	.youshi ul li .text span{ text-align: left; line-height: 1; font-size: 18px;  }
	.youshi ul li .text p{ text-align: left; padding-top: 10px; line-height: 1.5; }
}
@media only screen and (max-width:860px) {
	div.newfoot{ padding:20px 0; height:auto}
	div.newfoot ul{ float:none; margin:0px auto; text-align:center; }
	div.newfoot ul li{ text-align:left; width:40%; margin-left:10%; margin-right:0px;  }
	div.newfoot ul li img{ width:auto; min-width:0px;}
	div.newfoot ul li.z{ margin-left:10%; margin-right:0px;}
	div.newfoot ul li a.atou{}
	div.newfoot1{ float:none; margin:0px auto; text-align:center; width: 100%;}
	div.newfoot1 img{ width:100px; min-width:0px; padding-top:20px;}
	}

@media only screen and (max-width:768px) {

	div.newfoot ul li{ display:none;}
	/*.youshi ul li img{ max-width:35%;}*/
	.link dl dt{ font-size:18px;}
	.ilm dt{padding-bottom:10px;font-size:22px;color:#333;}
	.contact .sub-content {padding: 20px 4.5%;}
	.contact-title h2{width: 90%;}
	ul.news li h4{height: auto;padding: 20px 0;}
	ul.news li p{height: auto;}
	.sub-title{width: 95%;padding-top: 140px;}
	.stone .sub-content {width: 95%;margin: 0 2.5%}
	ul.news li {width: 100%}
	.contact-sub aside,
	.contact-title-date {width: auto}
	.contact .sub-menu {overflow: hidden}
	.info li {width: 100%}
	.contact{margin:auto; margin-bottom:30px;}
	ul.news li{padding: 0 0 20px;}
	.contact-title-date{position: inherit;margin-top: 10px;}
	.contact-sub{padding-top: 20px;}
	.contact-sub section li .icons{display: none;}
	.contact-sub aside span{padding-top: 20px;}
	.contact-sub aside small{padding-top: 20px;}
	.about .c .text{ padding-top: 0; }
}
@media only screen and (max-width:640px) {
	#owl-banner .owl-pagination{ left:35%;}
	.contact-title h2{width: 100%;}
	.contact-sub section li span img{max-width: 100%;}
	.contact-sub aside small img{max-width: 100%;}
	.contact-title h2 {font-size: 20px;}
	div.newfoot ul li{margin-top:20px;}
	div.newfoot ul li.z{ width:80%; margin-left:10%; text-align:center; margin-top:20px; text-align:left}
	div.newfoot ul li.liwm{ text-align:center;  width:80%;}
	.owl-theme .owl-controls .owl-page span{ width: 10px!important; margin:5px 2px!important; }
	div.newfoot1 img{ width:50px; }
	.about .c .pic{ float: none; margin:auto; width: 100%; margin-bottom: 15px; }
	.about .c a.mabout{ margin:10px auto; }
}



@media only screen and (max-width:375px) {

}
/* 联系我们结束 */



@media only screen and (min-width:1000px) and (max-width:1282px){
	.header{width:100%;}
	.header .logo{margin-left:3%;}
	.header .search{margin-right:3%;}
	.header .nav{width:60%;}
	.box{width:auto;margin:0 3%;}
	.about{padding:0px 3%;}
	.position{padding:0px 3%;}
}
@media only screen and (min-width:780px) and (max-width:1000px){
	.header{width:100%;}
	.header .logo{margin-left:3%;}
	.header .search{margin-right:3%;}
	.header .nav{width:50%;}
	.box{width:auto;margin:0 3%;}
	.about{padding:0px 3%;}
	.about .c{ padding-bottom:40px;}
	.position{padding:0px 3%;}
}
@media only screen and (max-width:780px){
	.ilm{padding:20px 3%;}
	.box{width:auto;margin:0 3%;}
	.header{width:100%;height:60px;}
	.header .logo{margin-left:3%;}
	.header .wapmenu{display:block;height:100%; margin-right:3%;}
	.header .nav{display:none;width:100%;background:#000;margin-top:0px;height:auto;padding:10px 0;}
	.header .nav li{width:100%; line-height:40px; text-indent:3%; text-align:left; border-bottom:dashed 1px #333;}
	.header .nav li a{float:none;padding:0px; border:0px; display:block;margin:0 auto; text-align:center;height:40px; line-height:40px;color:#fff;}
	.header .nav li a:hover,
	.header .nav li a.hovers{ border:0px;}

	.about{padding:0px 3%;}
	.about .c{ padding-bottom:40px; margin-bottom:30px;}
	.about .c img{width:100%;margin:0px;}
	.youshi ul{ padding-top:0px; max-width: 100%;}
	/*.youshi ul li{width:42%;float:left;margin:0px 4%; margin-bottom:20px;}
	.youshi ul li div{ text-align:center;font-size:16px; line-height:50px;}*/
	.news ul li{width:94%; margin:0 auto; float:none;}
	.news ul li:nth-child(even){float:none;}
	.news a.mn{margin:25px auto;}
	.footer span{ display:block; margin:0px; line-height:150%;}
	.main .info li {width: 48%;margin: 1%;}
	.main ul.news li{ width:100%;padding:0px;}
	.position{padding:0px 3%;}
	.product{background:#f8f8f8; padding-bottom:20px;}
.product .tab_conbox{ width:100%;max-width:1740px;margin:0 auto; padding:10px 0;}
.page_fy A.alist{ display:none}
}
@media only screen and (max-width:415px) {
	.youshi ul li img{ width: 50px; }
	/*.youshi ul li{width:40%;margin:10px 5%;}*/

}

@media only screen and (max-width:360px) {

	.header .logo img{ height:80%; margin-top:10px;}

}

@media only screen and (max-width:320px) {
	.youshi ul li{width:38%;margin:10px 6%;}
	.header .logo img{ height:80%; margin-top:10px;}

}
/*小手机 分辨率 <= 533px
@media only screen and (max-width:33.36em)
*/

/*手机端 534px < 分辨率 < 767px
@media only screen and (min-width:33.37em) and (max-width:47.99em)
*/
/*平板电脑 style 768px < 分辨率 < 1199px
@media only screen and (min-width:48em) and (max-width:74.99em)

@media only screen and (max-width:74.99em){

}*/
/*电脑 样式 分辨率> 1200px
@media only screen and (min-width:75em){

} */