*{ 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%;}

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;}


/*内页*/
.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:16.5%; 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:#1A458E; 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:#1F57B0; color:#333; *border-bottom-color:#1A458E; 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:70%;}
.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;}
.news_page_lf dl dt p{font-size: 14px;}
.news_page_lf dl dd{overflow: hidden;width: 80%; 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;}
.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: #EBEBEB;}

.news_page_rt{width: 22%;float: right;padding: 30px 22px;background: #f8f8f8;color: #666;box-sizing: content-box;}
.news_page_rt img{width: 100%;height:auto;}
.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: 368px;height: 380px;border: 1px solid #E4E4E4;}
.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: 368px;
	height: 295px;
	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;}

.honor_pic ul{overflow: hidden;}
.honor_pic ul li{width:23%;padding: 8px 8px 0 8px;border: 1px solid #dddddd;float: left;margin-right:0.8%;margin-bottom: 30px;}
.honor_pic ul li:nth-child(4n){margin-right: 0;}
.hon_jpg{width: 100%;height:auto;overflow: hidden;}
.hon_jpg img{width: 100%;height: 100%; transition: all 0.8s ease-in-out; }
.hon_jpg:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.hon_txt{overflow: hidden;line-height: 54px; background:#F5F5F5; margin-bottom:10px; margin-top:5px; font-size:16px;}
.hon_txt h6{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: #1F57B0;}
.honor_pic ul li:hover{border-color: #1F57B0;}
.honor_pic 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;
}