*{ font-family: "微软雅黑";}
ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; 
	
}
li a{width: 100%;height: 100%;}
body{overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: border-box;}
button{cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}


/**mproduct*/
.mproduct{background: url(../images/bg_mpro.jpg)no-repeat center;padding-top: 56px; padding: 30px;}
.mproduct .mat_xx{width: 210px;}
.mpro_con{margin-top: 64px;}
.mproduct .mabu_tit .xian{z-index: 1;bottom: 0.5px;}
.mpro_hang{width: 600px;height: 230px;background: #FFFFFF;overflow: hidden;margin-bottom: 30px;}
.mpro_pic{width: 282px;height: 230px;float: left;overflow: hidden;position: relative;}
.mpro_pic img{width: 282px;height: 230px;transition: all 0.8s ease-in-out;}
.mpro_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mpro_pic:hover .mpro_hd{display: block;}
.mpro_hd{position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5);width: 100%;height: 100%;text-align: center;color: #FFFFFF;padding-top: 80px;display: none;transition: all 0.8s ease-in-out;}
.mpro_hd h6{font-size: 18px;font-weight: bold;line-height: 30px;}
a.pic_btn{display: inline-block;width: 102px;height: 26px;font-size: 12px;background: #f64500;line-height: 26px;border-radius: 5px;margin-top: 24px;}
.mpro_txt{width: 318px;float: left;padding: 38px 52px 0 36px;}
.mpro_txt h6{font-size: 18px;color: #f64500;font-weight: bold;line-height: 30px;}
.mpro_txt p{font-size: 12px;color: #666666;line-height: 22px;margin-top: 10px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
a.mpro_btn{font-size: 12px;color: #f64500;margin-top: 34px;text-transform: uppercase;display: inline-block;}


/**mcase*/
.mcase{margin-top: 46px;padding-bottom: 25px;}
.mcase_con{margin-top: 40px;}

.picScroll-left{ width:100%;  overflow:hidden; position:relative;   }
		.picScroll-left .hd{ overflow:hidden;  height:22px;   position:absolute; right:50%; bottom:6px; z-index:1;  margin-right: -29px;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{  overflow:hidden; zoom:1;  zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:14px; height:14px; overflow:hidden; margin-right:15px; text-indent:-999px; cursor:pointer;border-radius: 50%;border: 1px solid #F64500;  }
		.picScroll-left .hd ul li.on{ background: #F64500; }
		.picScroll-left .hd ul li:last-child{margin-right: 0;}
		.picScroll-left .bd{ padding-bottom: 60px; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 19px; float:left; _display:inline; overflow:hidden; text-align:center;width: 370px;height: 454px;border: 1px solid #CCCCCC;  }
		/*.picScroll-left .bd ul li:nth-child(3n){margin-right: 0;}*/
		.picScroll-left .bd ul li .pic{ text-align:center;overflow: hidden; }
		.picScroll-left .bd ul li .pic img{ width:370px; height:235px; display:block;transition: all 0.8s ease-in-out;  }
		.picScroll-left .bd ul li .pic:hover img{
			transform: scale(1.1);
			-webkit-transform: scale(1.1);
		}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
.mcase_txt{width: 100%;padding: 22px 40px 0 30px;text-align:center;}
.mcase_txt h6{font-size: 24px;color: #444444;font-weight: bold;}
.mcase_txt p{font-size: 14px;color: #666666;line-height: 40px;margin: 12px 0;height: 25px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mcase_txt span{font-size: 14px;color: #999999;line-height: 40px;}
.picScroll-left .bd ul li:hover .mcase_txt h6,.picScroll-left .bd ul li:hover .mcase_txt p,.picScroll-left .bd ul li:hover .mcase_txt span{color: #F64500;}


/**mnews*/
.mnews{background: url(../images/mnews.jpg)no-repeat center;padding-top: 60px;padding-bottom: 64px;background-size:cover ;}
.mnews .mat_xx h3{color: #FFFFFF;border-bottom-color: #FFFFFF;}
.mnews .mabu_tit .xian{background: rgba(255,255,255,.5);z-index: 1;}
.mnews_con{margin-top: 28px;}
.mnews_list{color: #FFFFFF;}
.mn_date{width: auto;float: left;}
.mn_date h6{font-size: 30px;}
.mn_date span{font-size: 18px;text-align: right;display: inline-block;width: 100%;}
.li_con{overflow: hidden;padding-top: 28px;padding-bottom: 25px;}
.mn_txt{float: left;margin-left: 32px;width: 529px;}
.mn_txt h6{font-size: 18px;font-weight: bold;line-height: 30px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mn_txt p{font-size: 13px;line-height: 20px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
a.more{display: block;width: 44px;height: 44px;float: left;background: url(../images/more.png)no-repeat;margin-top:18px;margin-left: 55px;display: none;}
.mnews_list ul li:hover a.more{display: block;}
.mnews_list ul li:hover{background: url(../images/li_on.png)no-repeat left;}
.mn_nr{position: relative;}
.mn_pic img{position: absolute;width: 403px;height: 550px;top: -434px;right: 0;display: block;}
.mn_jpg{width: 100%;height: 1px;position: relative;}


/**about*/
.ny_banner{width:100%;height:280px;clear:both;position: relative; margin:0 auto; margin-top:150px;}
.ny_banner>div{position: relative;}
.ny_banner .bl_input{top: 20px;left: 710px;}
.bl_input{width: 437px;height: 50px;position: absolute;top: 78px;left: 85px;z-index: 99}
.bl_input i{display: inline-block;width: 20px;height: 20px;background:url(../images/banner_search.png) no-repeat center;position: absolute;top:14px;left: 20px; }
.bl_input input{width: 435px;height: 48px;background: #fff;border-radius: 30px;font-size: 12px;color: #999;border: 0;padding-left: 60px;outline: none;}
.ny_container{padding-bottom: 40px;overflow: hidden;}

/*内页*/
.page_nav{padding: 30px 0;overflow: hidden;}
.page_nav p {font-size: 14px;color: #999;margin-bottom: 22px;}
.page_nav p i{display: inline-block;margin-right: 6px;}
.page_nav p b{font-weight: normal;}
.page_nav p a{color: #999;}
.page_nav ul li{ float:left; width:14%; text-align:center; line-height:46px;font-size:15px; position:relative; margin-bottom: 10px;}
.page_nav ul li a{ display:block; border:1px solid #e8e8e8; border-bottom:5px solid #e8e8e8;}
.page_nav ul li a:after{ content:""; height:5px; width:0; position:absolute; bottom:0px; left:1px; background:#A60F1E; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;}
.page_nav ul li a:hover,.page_nav ul li.active a{ background:#DF1428; color:#333; *border-bottom-color:#A60F1E; color: #fff;}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after { width:calc(100% - 2px) ; }

/*about*/
.about_page_con{clear: both;
color: #666;font-size: 14px;
}
.about_page_con>p{line-height: 26px;color: #666;font-size: 14px;}
.about_t{background: url(../images/about_page_bg.png) no-repeat center;height: 145px;width: 100%;margin-bottom: 30px;}
.about_ptit{padding: 30px 40px;background: #EEEEEE;}
.about_t h4 a{color: #333;font-size: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about_t p{font-size: 14px;color: #666;margin: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.about_page_con .mpro_jpg ul li:nth-child(3n){margin-right:20px ;}
.about_page_con .mpro_jpg ul li:nth-child(4n){margin-right:0 ;}


.about_allp{clear: both;overflow: hidden;}
.about_allp p{line-height: 26px;text-indent: 22px;color: #666;font-size: 14px;}

.ab_img{height: 212px;margin: 28px 0;}
.ab_img li{float: left;margin-left: 20px;width: 280px;height: 212px;}
.ab_img li:first-child{margin-left: 0;}
.ab_img li img{width: 100%;height: 100%;}


/**product*/
.pro_con_ul li:first-child,.case_ul li:first-child{margin-left: 0;}
/*product*/
.page_pro .pro_con_ul li{margin:0 9px 18px;}

/*case*/
.case_ul{clear: both;overflow: hidden;padding-bottom: 30px;}
.case_ul li{width: 278px;float: left;margin:0 20px 12px 0;}
.case_ul li:nth-child(4n+1){margin-left: 0;}
.case_ul li a{display: block;width: 100%;height: 100%;}
.case_ul li a>span{display: block;width: 100%;height: 209px;overflow: hidden;}
.case_ul li a>span img{width: 100%;transition: all 0.8s ease-in-out;height: 100%;}
.case_ul li p{height: 58px;line-height: 58px;font-size: 14px;color: #666;position: relative;}
.case_ul li p span{padding-left: 12px;}
.case_ul li p i{display: inline-block;width:20px;height: 7px;background: url(../images/case_jt.png) no-repeat center; position: absolute;right: 12px;top: 25px;}
.case_ul li:hover img,.pro_con .pro_con_ul li.active img{transform: scale(1.1);} 
.case_ul li:hover p,.pro_con .pro_con_ul li.active p{background: #77B323;color: #fff;}
.case_ul li:hover p i,.pro_con .pro_con_ul li.active p i{background: url(../images/case_jt_h.png)}


/*product_center*/
.pro_center{padding-bottom: 50px;}
.pro_tab{width: 810px;margin: 0 auto 40px;height: 35px;}
.pro_tab li{float: left;width: 115px;height: 28px;border:1px solid #999;border-radius: 20px;text-align: center;line-height: 30px;margin-right: 16px;}
.pro_tab li a{display: block;width: 100%;height: 100%;font-size: 12px;color: #666;}
.pro_tab li:hover,.pro_tab li.active{border:1px solid #43ac74;}
.pro_tab li:hover a,.pro_tab li.active a{color: #43ac74}

.pro_con{position: relative;}
.pro_con .arr{}
.pro_con .arr span{display: block;z-index: 99;position: absolute;top: 120px;cursor: pointer;}
.pro_con #arrLeft{left: -100px;}
.pro_con #arrRight{right: -100px;}
.pro_con_ul{height: 240px;clear: both;}
.pro_con_ul li{width: 278px;height: auto;border: 2px solid #f8f8f8;float: left;margin:0 11px;}
.pro_con_ul li:first-child,.case_ul li:first-child{margin-left: 0;}
.pro_con_ul li a{display: block;width: 100%;height: 100%;}
.pro_con_ul li span{display: block;width: 100%;height: 195px;overflow: hidden;border-bottom: 1px solid #eee;box-sizing: content-box;}
.pro_con_ul li span img{width: 100%;height: 100%; transition: all 0.8s ease-in-out;}
.pro_con_ul li:hover span img,.pro_con .pro_con_ul li.active span img{transform: scale(1.1);}
.pro_con_ul li div{height: 94px;padding: 15px 0;}
.pro_con_ul li p{line-height: 40px;text-align: center;font-size: 14px;color: #666;}
.pro_con_ul li div i{display:block;text-align: center;background: url(../images/pro_jt.png) no-repeat center;width: 75px;height: 20px;margin: 0 auto} 
.pro_con_ul li:hover div i,.pro_con_ul li:hover div i{background: url(../images/pro_jt_h.png)}

/*news*/
.news_page{overflow: hidden; font-size:16px; color:#666}
.news_page_lf{float: left;width: 854px;}
.news_page_lf dl{height: 72px;padding: 40px 20px;margin-bottom: 20px;background: #fff;box-sizing: content-box;}
.news_page_lf dl a{display: block;}
.news_page_lf dl dt{float: left;text-align: center;margin-right: 25px;}
.news_page_lf dl dt span{font-size: 40px;display: block; color: #333;}
.news_page_lf dl dt p{font-size: 14px; color: #333;}
.news_page_lf dl dd{overflow: hidden;width: 700px; float:left;}
.news_page_lf dl dd b{font-size: 26px;display: block; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 18px;}
.news_page_lf dl dd p{font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #333;}
.news_page_lf dl:nth-of-type(odd){ background: #f8f8f8;}
.news_page_lf dl:nth-of-type(even){ background: #fff;}
.news_page_lf dl:hover{ background:#EFEFEF;}

.news_page_rt{width: 280px;float: right;padding: 30px 22px;background: #f8f8f8;color: #666;box-sizing: content-box;}
.news_page_rt img{width: 280px;height: 195px;}
.news_page_rt h4{font-size: 16px;font-weight: normal;margin: 20px 0;width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_page_rt p{font-size: 12px;line-height: 22px;}

/*contact*/
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}

.lxwm{width:100%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left; line-height:30px; font-size:16px;}
.lxwm_z h3{color:#666;line-height:35px;font-weight: bold;}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px;box-sizing: content-box;}
.lxwm_r li img{width:120px;height:120px;float:left;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center}
.lxwm_z p{line-height: 26px;
    color: #666;
    font-size: 14px;}

.pro_jpg ul,.case_jpg ul{overflow: hidden;}
.pro_jpg ul li{float: left;margin-right: 24px;margin-bottom:20px ;}
.pro_jpg ul li:nth-child(4n){margin-right: 0;}

.case_jpg ul li{float: left;margin-right: 45px;margin-bottom:20px ;width: 370px;height: 390px;border: 1px solid #CCCCCC;}
.case_jpg ul li:nth-child(3n){margin-right: 0;}
.case_jpg ul li .pic {
	text-align: center;
	overflow: hidden;
}

.case_jpg ul li .pic img {
	width: 370px;
	height: 305px;
	display: block;
	transition: all 0.8s ease-in-out;
}

.case_jpg ul li .pic:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.case_jpg ul li:hover .mcase_txt h6,.case_jpg ul li:hover .mcase_txt p,.case_jpg ul li:hover .mcase_txt span{color: #F64500; text-align:center;}

.honor_pic ul{overflow: hidden;}
.honor_pic ul li{width: 370px;padding: 8px 8px 0 8px;border: 1px solid #dddddd;float: left; margin-right:42px; margin-bottom: 20px;}
.honor_pic ul li:nth-child(3n){margin-right: 0;}
.hon_jpg{width: 100%;height: 129px;overflow: hidden;}
.hon_jpg img{width: 100%;height: 100%; transition: all 1.0s ease-in-out; }
.hon_jpg:hover img{
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
}
.hon_txt{overflow: hidden;line-height: 54px;}
.hon_txt h6{font-size: 14px;color: #999999;float: left;}
a.hon_mor{display: inline-block;width: 62px;height: 20px;background: url(../images/more.png)no-repeat;float: right;margin-top: 15px;}
.honor_pic ul li:hover .hon_txt h6{color: #DF1428;}
.honor_pic ul li:hover{border-color: #DF1428}
.honor_pic ul li:hover a.hon_mor{background: url(../images/more_on.png) no-repeat;}


.honor_pic1 ul{overflow: hidden;}
.honor_pic1 ul li{width: 280px;padding: 8px 8px 0 8px; border: 1px solid #dddddd;float: left; margin-right:24px; margin-bottom: 20px;}
.honor_pic1 ul li:nth-child(4n){margin-right: 0;}
.hon_jpg1{width: 100%;height: 210px;overflow: hidden;}
.hon_jpg1 img{width: 100%;height: 100%; transition: all 1.0s ease-in-out; }
.hon_jpg1:hover img{
	transform: scale(1.2;
	-webkit-transform: scale(1.2);
}
.hon_txt{overflow: hidden;line-height: 54px;}
.hon_txt h6{font-size: 14px;color: #999999;float: left;}
a.hon_mor{display: inline-block;width: 62px;height: 20px;background: url(../images/more.png)no-repeat;float: right;margin-top: 15px;}
.honor_pic1 ul li:hover .hon_txt h6{color: #DF1428;}
.honor_pic1 ul li:hover{border-color: #DF1428}
.honor_pic1 ul li:hover a.hon_mor{background: url(../images/more_on.png) no-repeat;}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#336db6;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

