/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#333;background: #ededed;}
body.head_on{overflow:hidden}
a{color:#333;transition: 0.3s;}
a:hover{ color:#0058b2; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:3px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1000px; margin:0 auto;}

.mainFull{width: 100%;background: #fff url(../images/body.gif) repeat-x left top;width: 1000px;margin: 0 auto;padding: 0 5px;box-sizing: border-box;}

.header{ position:relative;}
.logo img{max-height: 55px;width: auto;}
.fLinks{font-size: 12px;}
.fLinks a:after{content: "|";padding: 0 5px;}
.fLinks a:last-child:after{display: none;}
/*menu*/
.pc_menu{}
.menu{height:36px;line-height:36px;background:#47c82d;}
.menu ul li{ float:left; position:relative; border-right:#6fc860 solid 1px;}
.menu ul li dl{ background:#47c82d; width:100%; position:absolute; left:0px; top:36px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px;}
.menu ul li dl dd a{ font-size:12px; color:#fff;display:block; padding:0;text-align:center;}
.menu a{ font-size:12px;color:#fff;display:block;text-align:center;padding: 0 28px;}
.menu a:hover{color:#fff;}
a.menu_hover{color:#fff;}
.menu span a{font-weight: bold;}

/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size: 30px;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.alibtm{align-items: flex-end;}

.img{font-size: 0px;overflow: hidden;}
img{transition: 0.5s;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #fff !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.pt140{padding-top: 140px;}
.pb140{padding-bottom: 140px;}
.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}

.mt10{margin-top: 10px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.textCet{text-align: center;}

/*-------------------------------------------*/

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #00b0ec;width:20px;}

.fMenu{background: #eee;width: 100%;text-align: center;}
.fMenu a{display: inline-block;padding: 5px;}
.fMenu a:after{content: "|";padding-left: 10px;}
.fMenu a:last-child:after{display: none;}
.footer .copy{padding: 8px 0;text-align: center;}
.footer .copy p{padding: 0;}


.mainWarp{width: 100%;padding-top: 8px;}
.mainWarp>.f_left{width: 250px;margin-right: 10px;}
.mainWarp>.f_right{width: calc(100% - 270px);}
.ml_tit{height: 36px;line-height: 36px;overflow: hidden;width: 100%;position: relative;background: #47c82d;color: #fff;font-size: 12px;font-weight: bold;padding-left: 30px;box-sizing: border-box;}
.ml_tit:before{width: 5px;height: 23px;background: #fff;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);content: "";}
.ml_Box{width: 100%;padding: 5px;box-sizing: border-box;background: url(../images/index_left.gif) repeat-y right top;}

.ml_menu{width: 100%;}
.ml_menu ul li span{display: block;position: relative;line-height: 30px;}
.ml_menu ul li span a{display: block;padding-left: 30px;}
.ml_menu ul li span .icon{position: absolute;left: 0;top: 0;width: 30px;height: 30px;background: url(../images/list.gif) center no-repeat;}
.ml_menu ul li span.on a{color: #0058b2;}
.ml_menu ul li span.on .icon{background: url(../images/list_on.gif) center no-repeat;}

.ml_menu ul li dl{padding-left: 30px;line-height: 25px;display: none;}
.ml_menu ul li dl.on{display:block;}
.ml_menu ul li dl a{display: block;}

.ml_Tel{padding: 5px 0;}
.ml_Tel p{padding: 0;}
.ml_Tel a{background: #ffff00;text-decoration: underline;}


.ml_menu ul li.cur span a{color: #0058b2 !important;}
.ml_menu ul li.cur span .icon{background: url(../images/list_on.gif) center no-repeat !important;}
.ml_menu ul li.cur dl{display:block !important;}

.fr_box{width: 100%;border: 1px solid #ddd;border-radius: 3px 3px 0 0;overflow: hidden;}
.fr_tit{background-image: linear-gradient(to bottom,#ffffff 0,#dedede 100%);height: 30px;color: #555;font-weight: bold;line-height: 30px;padding: 0 20px;}
.fanhui{display:inline-block; color:#333; margin-left:80px; font-size:14px}
.fr_warp{padding: 8px;box-sizing: border-box;max-height: 100%;}

.iAbout{width: 100%;}
.iPro{width: 100%;}
.iProList{width: 100%;}
.iProList ul li{float: left;width: 25%;padding: 0 10px;box-sizing: border-box;margin-bottom: 5px;}
.iProList .part{display: block;width: 100%;overflow: hidden;}
.iProList .part .img{width: 100%;height: 150px;border: 1px solid #ddd;box-sizing: border-box;display: flex;justify-content: center;align-items: center;position: relative;}
.iProList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.iProList .part .tit{text-align: center;line-height: 25px;color: #0058b2;}

.tongtu{width: 100%;}
.tongtu img{width: 100%;}

.message{width: 100%;}
.message ul li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;position: relative;}
.message .tit{text-align: right;width: 145px;}
.message .font{position: absolute;right: 0px;top: 3px;color: #f00;}
.message .input{width: calc(100% - 150px);}
.message .input input,
.message .input textarea{width: 200px;height: 22px;border: 1px solid #ddd;box-sizing: border-box;padding: 0 6px;border-radius: 3px;outline: none;}
.message .input input:focus,
.message .input textarea:focus{border-color: #0058b2;}
.message .input textarea{height: 86px;width: 300px;}
.message .input select{width: 150px;height: 20px;}
.message .checkbox input{width: 15px;height: 15px;vertical-align: middle;margin: 0 5px;}

.proList{width: 100%;}
.proList ul li{float: left;width: 50%;padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;}
.proList .part{display: block;width: 100%;display: flex;justify-content: space-between;}
.proList .part .img{width: 150px;height: 150px;padding: 5px;box-sizing: border-box;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;}
.proList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.proList .part .desc{width: calc(100% - 175px);}
.proList .part .tit{color: #333;}
.proList .part .tit a{color: #0058b2;}
.proList .part .more{margin-top: 20px;text-align: right;}
.proList .part .more a{display: inline-block;padding: 5px 10px;background: #ddd;border: 1px solid #999;border-radius: 3px;}
.proList .part .more a:hover{background: #999;}

.prodetail{width: 100%;min-height: 800px;}
.prodTit{padding: 4px;border-bottom: 1px dotted #ccc;margin-bottom: 10px;font-size: 16.5px;font-weight: bold;}

.viewer-navbar{display: none !important;}
.viewer-title{display: none !important;}

.factory{width: 100%;}
.factory ul li{float: left;width: 25%;padding: 0 10px;box-sizing: border-box;margin-bottom: 5px;}
.factory .part{display: block;width: 100%;overflow: hidden;}
.factory .part .img{width: 100%;height: 110px;border: 1px solid #ddd;box-sizing: border-box;display: flex;justify-content: center;align-items: center;position: relative;}
.factory .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.factory .part .tit{text-align: center;line-height: 25px;color: #0058b2;}

























@media only screen and (max-width: 1000px) {
.wapper{ width:100%;}

}
