@font-face {
	font-family: FontAwesome;
	src: url(font/fontawesome-webfont.eot?v=4.3.0);
	src: url(font/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(font/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(font/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(font/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
	font-weight: 400;
	font-style: normal
}

.w1200{width:100%; max-width:1200px; margin:auto;}
.w100{ width:100%; margin:auto; overflow: hidden; }
.clear{ clear:both;}


.logo{ float: left; padding-top: 20px;}
/*搜索*/
.header{ margin: auto; z-index: 999; position: absolute; left: 0; top: 0; width: 100%; }
.nav .on a { color: #1a5cb0 !important; }
.nav{ float: right; text-align:center; height:90px; line-height:90px; width: auto;}
.nav .nLi{ float:left; margin-right: 20px; position:relative; display:inline; text-align: center; width:80px; background: url(../images/nav-tiao.png) no-repeat right 10px;}
.nav .nLi h3{ float:left; font-size:16px; font-weight:normal; color: #000;}
.nav .nLi h3 p{ display: inline-block; margin: 0 5px;  width: auto;}
.nav .nLi h3 a{ display:block; width:80px; line-height:90px; color: #000;}
.nav .sub{ display:none; width:80px; height: 40px; line-height: 40px; left:0; top:90px; font-size: 14px !important; position:absolute; z-index: 9999; }
.nav .sub li{ zoom:1; background:#1a5cb0; color: #fff; }
.nav .sub a{ display:block; height: 40px; line-height: 40px; border-top:0px !important; color: #fff !important;  }
.nav .sub a:hover{ background:#2da4ff; color:#fff; }
.nav .on a { color: #1a5cb0; }

/*导航*/
.banner{ position:relative; width:100%; min-width:1200px; height:auto; max-height:840px; max-width:1920px; display:block; margin:auto; }
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block; min-width:1200px; height:100%; }
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:71px; height:71px; background:url(../images/left.png) no-repeat; background-size:cover; }
.banner .next{ left:auto; right:3%; background:url(../images/right.png) no-repeat;background-size:cover;  }
.ban_wz{ position: absolute; top: 35%; left: 18%;}
.ban_wz p{ font-size: 60px;font-weight: bold; color: #1a5cb0; }
.ban_wz span{ font-size:18px; width: 700px; margin: 30px 0 50px; display: block;}
.ban_wz a{ float: left; width: 150px; height: 50px; line-height: 50px; border-radius: 50px; margin-right: 30px; font-size: 14px; text-align: center;color: #fff; border: 2px solid #1a5cb0; background: #1a5cb0 }
.ban_wz a:hover{ background: #1a5cb0; color: #fff; }

.ban-xia{ background:url(../images/bg01.jpg) no-repeat center top; color: #fff; overflow: hidden; text-align: center; font-size: 16px; padding: 30px 0 80px;}
.ban-xia li{ text-align: center; float: left; width: 28%; margin-right: 8%; }
.ban-xia li:nth-child(3n){ margin-right: 0; }
.ban-xia li img{ display: block; margin:20px auto;}
.ban-xia li p{ font-size: 22px;}
.ban-xia li span{ font-size: 15px; display: block; margin: 20px auto;}



.about{ margin: 100px auto; overflow: hidden;}
.about-left{ float: left; width: 50%;}
.about-bt{ font-size: 26px; color: #333; line-height:35px;}
.about-bt span{ display: block; margin: 10px 0; width: 60px; height: 3px; background: #666;}
.about-bt p{ text-transform: uppercase; float: left;font-size: 22px; color: #999; margin-right: 15px; }
.about-nr { margin: 20px 0; font-size: 16px; color: #888; line-height:34px; letter-spacing: 1px; }
.about-right img{ float: right;}

.more1{ margin-top: 20px; margin: auto; overflow: hidden; border-radius: 50px; width: 120px; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #1a5cb0; }
.more1 a{ color: #fff;}
.more1 a:hover{ color:#fff; }
.more2{ margin-top: 60px; overflow: hidden; border-radius: 50px; width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #fff; margin: auto; }
.more2 a:hover{ background:#3baf5e; color: #fff; display: block; }

.about-right{ width:600px; float: right; overflow:hidden; position:relative;}
.about-right .bd{ height:100%; z-index:0; overflow:hidden; }
.about-right .bd{ width:600px !important;}
.about-right .bd li{ zoom:1; vertical-align:middle; }
.about-right .bd img{ width:600px; height:450px; display:block; margin:auto; }	
.about-right .bd a{ color:#fff;}

.index_pro{ overflow: hidden; width: 100%;background-color: rgb(247, 251, 254); padding-bottom: 30px; }
.pro-bt{ width: 100%; overflow: hidden; margin:80px 0 50px; text-align: center; }
.pro-bt p{font-size: 24px; line-height: 35px; color: #999; }
.pro-bt p span{ color: #222; margin-right: 5px; font-size: 34px; }
.pro-bt font{ display: block; width: 80px; height: 3px; margin:10px auto; background: #666; }
.pro-bt2{ width: 100%; overflow: hidden; margin:80px 0 50px; text-align: center; }
.pro-bt2 p{font-size: 24px; line-height: 35px; color: #eee; }
.pro-bt2 p span{ color: #fff; margin-right: 5px; font-size: 34px; }
.pro-bt2 font{ display: block; width: 80px; height: 3px; margin:10px auto; background: #fff; }

.pro-list{ width: 100%; display: block; overflow: hidden; }
.pro-list li{float: left; width:32%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; }
.pro-list li:nth-child(3n){ margin-right: 0;}
.pro-list img{ height: 240px; width: 100%; }
.pro-list li p{ text-align: center; width: 100%; height: 50px; line-height: 50px; font-size: 20px; }
.pro-list li .hover{ display: none; position: absolute; top: 0;left: 0; width: 100%; height: 240px; }
.pro-list li:hover .hover{ display: block; height:240px; width: 100%; background:rgba(255,255,255,0.3);}
.he_ZoomInImg {
	overflow: hidden;
	background: #d8935f;
	width:100%;
	height: 300px;
	padding: 0;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.he_ZoomInImg .he_ZoomInImg_img {
	display: block;
	width:100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden
}
.he_ZoomInImg:hover .he_ZoomInImg_img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
.he_ZoomOutImg {
	background: #fe7253;
	width: 360px;
	height: 240px;
	padding: 0;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden
}
/*产品*/

.qywh{
	overflow: hidden;
    height: 600px;
    background-color: transparent;
    background:url(../images/bg02.jpg) no-repeat center center;
    background-attachment: fixed;
	text-align: center;
}
.full_content{width: 1200px; margin: auto; height: 600px; color: #fff; overflow: hidden; padding: 50px 0; }
.full_content p{ font-size: 30px; margin: 30px auto;}
.full_content p font{ display: block; width:80px; height: 3px; background: #fff; margin:15px auto; }
.full_content span{ display: block; padding: 20px 15%; line-height: 35px; margin-bottom: 30px; }


.youshi{ overflow: hidden; background-color: rgb(247, 251, 254); padding-bottom: 50px; }
.youshi li{ height: 150px; background: #fff; padding:25px 0 15px; text-align: center; float: left; width: 23%; margin-right:2%; margin-bottom: 2%; font-size: 20px;}
.youshi li:nth-child(4n){ margin-right: 0;}
.youshi li img{ display: block; margin: auto; width:100px; height:100px; }
.youshi li span{ font-size: 55px;display: block; color: #999; }
.youshi li:hover a{color: #fff; }
.youshi li:hover{ background: #1a5cb0; display: block; color: #fff; }
.youshi li:hover span{ color: #fff;}
.youshi .ys-more P{ border: 1px solid #1a5cb0; width: 95%; margin: auto; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }
.youshi .ys-more{ padding: 2.5% 2% 1%; width: 19%;}
.youshi .ys-more font{ font-size: 14px; display: block; color: #999; margin: 10px auto; }
.youshi .ys-more:hover{ color: #fff; background:#1a5cb0; }
.youshi .ys-more:hover font{ color: #fff; }
.youshi .ys-more:hover P{ border: 1px solid #fff; }


.index_new{
	overflow: hidden;
    height:660px;
    background-color: transparent;
    background:url(../images/bg03.jpg) no-repeat center center;
    background-attachment: fixed;
	background-size:cover;
}
.index_new ul{ overflow:hidden; zoom:1; margin-bottom: 30px; }
.index_new li{ float:left; width: 49%; margin-right: 2%; margin-bottom: 2%; overflow:hidden;  }
.index_new li:nth-child(2n){ margin-right: 0;}
.index_new li img{ float: left; width:30%; height: 151px;}
.index_new li p{ float: left;width: 64%; background: #fff; font-size: 18px; padding: 15px; }
.index_new li p span{ display: block; font-size: 14px; line-height: 24px; margin: 10px 0; color: #999; }
.index_new li p font{ font-size: 14px; color: #1a5cb0; }
.index_new li:hover p{ 
	background: #1a5cb0; 
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.index_new li:hover p span{ color: #fff;}
.index_new li:hover p font{ color: #fff;}


.foot{ background: #333; color: #fff; padding: 70px 0 30px; }
.tel{ border-right: 3px solid #999; width: 40%; float: left; }
.tel img{ margin-bottom: 10px;}
.tel p{ margin: 5px 0; line-height: 28px; }
.tel p span{ margin-right: 15px; font-size: 20px;}

.link{ float:left; margin-left: 50px; width: 50%; }
.link a{ color: #fff;}
.link h1{ display: block; font-size: 20px;}
.link p{margin: 20px 0 30px; overflow: hidden; }
.link p span{ float: left; font-size: 15px; margin-right: 15px;}


.ejy-ban{overflow: hidden;}
.ejy-ban img{width: 100%; height: auto; position: relative; }
.ejy-ban-bt{ position: absolute; top: 46%; left: 40%; color: #1a5cb0; font-size: 32px; font-weight: bold;}
.ejy-ban-bt span{  padding-left: 20px;}

.wz{ line-height:50px; }

.listpro_fl{ text-align: center; font-size: 16px; overflow: hidden; margin: 50px auto;}
.listpro_fl a{ display: inline-block; width: 150px; margin: 0 5px; height: 40px; line-height: 40px; color: #666; background: #f3f3f3; }
.listpro_fl a:hover{ background: #1a5cb0; color: #fff;}
.listpro_fl .on{ background: #1a5cb0; color: #fff; }

.list_pro{ overflow: hidden; margin: 50px auto;}
.list_pro li{float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; position: relative; }
.list_pro li:nth-child(3n){ margin-right: 0;}
.list_pro img{ height: 280px; width: 100%; }
.list_pro li span{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333;}
.list_pro li .hover{ display: none; position: absolute; top: 0;left: 0; width: 100%; height: 240px; }
.list_pro li:hover .hover{ display: block; height:280px; width: 100%; background:rgba(255,255,255,0.3);}

.list_new{ overflow: hidden; margin: 50px auto;}
.list_new li{ width: 100%; font-size: 18px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 30px; }
.list_new li img{ float: left; width: 240px; height: 160px;}
.list_new li p{ float: left; width: 900px; margin-left: 30px; }
.list_new li span{ display: block; font-size: 14px;color: #888; margin: 4px 0;}
.list_new li span a{ color: #888;}


.article{ margin: 50px auto;}
.article-bt{ text-align: center; font-size: 26px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.article-bt span{ display: block; font-size: 14px; color: #777; font-weight:200; }
.article-nr{ line-height: 38px; font-size: 16px; margin: 30px auto 0; }
.article-nr img{ width: auto; max-width: 85%; margin:10px auto; display: block; }




.page{ width:100%; margin:30px auto; text-align:center; color:#fff; overflow:hidden; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #1a5cb0; margin:0 3px; background:#1a5cb0; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #1a5cb0; margin:0 3px;}
.page a{ width:auto; padding:5px 10px; margin: 0 3px; border:1px solid #1a5cb0; color: #1a5cb0;  }
.page a:hover{  background:#1a5cb0; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#1a5cb0; color: #fff; }
/*分页*/






.wpsidebar-fkf {
    position: fixed;
    right: 18px;
    top: 50%;
    transform: translate(0,-50%);z-index:9999;
}
.fkf-item {
	 background: #fff;
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 6px;
    box-sizing: border-box;
    cursor: pointer;
}
.fkf-item img { width: 30px; height: 30px;}
.fkf-item img.hover { display: none;}
.fkf-item:hover>img { display: none;}
.fkf-item:hover img.hover { display: block;}
.fkf-cart>span { position: absolute; display: block; width: 24px; height: 24px; border-radius: 50%; background-color: #1a5cb0; color: #fff; left: -12px; top: -12px; text-align: center; line-height: 24px;}
.fkf-item-right{ position: absolute; right: 35px; padding-right: 25px; top: -15px; display: none;}
.fkf-item:hover .fkf-item-right { display: block;}
.fkf-item-right-content{ width: 250px; border: 1px solid #ccc;   border-top: 4px solid #1a5cb0;
    padding: 20px;
    padding-top: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative; }
.fkf-item-right-content .arrow, .right-content-ewm .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -15px;
    top: 23px;
    z-index: 20;
}
.fkf-item-right-content-top {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 70px;
    border-bottom: 1px solid #ccc;
    position: relative;
    white-space: nowrap;overflow:hidden;
}
.fkf-item-right-content-top img {
    position: absolute;
    left: 0;
    top: 8px;
    width: 40px;
    height: 40px;
}
.fkf-item-right-content-top h2 {
    margin-bottom: 8px;
    color: #1a5cb01a5cb0;
    font-size: 22px;
}
.fkf-item-right-content-bottom p {
    padding-top: 15px;
    padding-bottom: 15px;}
.fkf-item-right-content-bottom .content-bottom-item { display: inline-block; width: 32%; margin-bottom: 8px;
    overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;
}
.right-content-ewm { padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative;
    display:flex;
    flex-direction:row;
    width: max-content;
}
.right-content-ewm .ewm div {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    /*background-color: #198ede;*/
    margin-bottom: 10px}
.right-content-ewm .ewm div img { width: 100px; height: 100px; margin-top: 15px; margin-left: 15px; background: #fff;}
.right-content-ewm .ewm p { text-align: center; font-size: 16px; color: #1a5cb0;}
.fkf-item-right-ewm { top: initial; bottom: -15px;}
.right-content-ewm .arrow { top: initial; bottom: 23px;}