@charset "utf-8";
body,div,ul,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,A,input,textarea{
	margin:0px;
	padding:0px;
	font-size:14px;
	text-align:left;
	font-family:"microsoft yahei";
	text-decoration: none;
	color: #666;
	list-style:none ;
	box-sizing: border-box;
	}
body{
	overflow-x: hidden;
	background: #fff;
}

A:hover{
	color: #d63914;
}

.bai a{
	color:#FFFFFF;
	}
 img{ 
 	border:0; 
 	display: block;
 	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}
.block{
	display:block;
	}

.duration15 { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.duration18 { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; }
.duration20 { -webkit-animation-duration: 2s; animation-duration: 2s; }
.delay1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.delay2 { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.delay3{ -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay4{ -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.delay5{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay6{ -webkit-animation-delay: 0.95s; animation-delay: 0.95s; }
.delay7{ -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.delay8{ -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }
.delay9{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay10{ -webkit-animation-delay: 1.55s; animation-delay: 1.55s; }
.an-hide{ 
	visibility:hidden;
    *visibility:visible;
	}
.an-show{ 
	visibility:visible;
}
@font-face
{
font-family: ywzt;
src: url('Impact.TTF') 
}
/*top*/
.head{
	 width: 100%;
	 background: #fff;
	 
}
.head_nav{
	width: 1200px;
	margin: auto;
	height: 100px;
}
.logo{
	width: 340px;
	float: left;
	margin-top: 15px;
}
.nav{
	width: 770px;
	float: right;
	margin-top: 25px;
	position: relative;
	
}

.nav ul .nav_li{ 
	width:110px; 
	float:left; 
	text-align:center; 
	height: 45px; 
	
	}
.nav ul .nav_li .nav_li_a{ 
	color:#292929; 
	font-size:15px; 
	line-height:45px;
	text-align: center;  
	width:110px; 
	height:45px;
	display:block;
	position:relative;
    z-index: 999;
	}
.nav ul .nav_li .nav_li_a span{
	font-size: 12px;
}
.nav ul .sy .nav_li_a{
	background:none;
	}
.submenu{ 
	width:110px;
	padding-bottom: 2px;  
	position:absolute; 
	top:45px;
	display:none; 
	z-index:99; 
	}

.submenu ul{ 
	width:110px; 
	background:none;
	margin:0px;
	border: none;
	 }
.submenu ul li{ 
	width:110px; 
	background-color: rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
	height:35px; 
	text-align: center;
	line-height:35px; 
	margin-top: 1px;	
	}
.submenu ul li a{ 
	color:#FFF; 
	font-size:14px; 
	line-height:35px; 
	}
.submenu ul li a:hover{
	display: block;
	width: 110px;
	height: 35px;
	text-align: center;
	line-height:35px; 
	background: #5296df;
	}

.nav ul .sy .nav_li_a{ 
	background: #5296df;
	width:110px;
	color: #fff;
	}
.ss{
	float: right;
	width: 25px;
	height: 25px;
	margin-top: 35px;
	margin-left: 20px;
}

/*banner*/
.swiper-container {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	}
.swiper-slide {
	text-align:center;
	font-size:18px;
	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-button-next:after,.swiper-button-prev:after {
	color:#fff;
	}
.swiper-pagination-bullet {
	width:60px;
	border-radius:0px;
	opacity:0.6;
	background:#000;
	}
.swiper-pagination-bullet-active {
	background:#ce6f09;
	opacity:1;
	}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom:10px;
	}
.index_pro_bj{
	width: 100%;
	height: 960px;
	background: url(product_bj.jpg);
}	
.index_pro{
	width: 1200px;
	margin: auto;
	overflow: hidden;
}
.index_pro ul{
	width: 1300px;
	padding-top: 100px;
}	
.index_pro ul li{
	width: 390px;
	height: 363px;
	float: left;
	overflow: hidden;
	margin-right: 13px;
	margin-bottom: 13px;
	position: relative;
}
.index_pro ul li p{
	width: 390px;
	height: 363px;
	display: block;
	position: absolute;
	top: 363px;
	padding: 60px;
	color: #ffffff;
	font-size: 15px;
	line-height:30px
	text-align: center;
	transition: all 0.6s ease;
	background-color: rgba(82,150,223,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C85296df,endColorstr=#C85296df);
	
}
.index_pro ul li p b{
	font-size:30px;
	display:block;
	text-align:center;
	margin-bottom:10px;
	}
.index_pro ul li:hover p{
	top: 0px;
}
.index_pro ul li p span{
	display: block;
	width: 90px;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-weight: normal;
	margin: 20px auto 0;
	border: 1px solid #fff;
}
.bt_pro{
	width: 390px;
	height: 363px;
	float: left;
	padding-left: 10px;
	padding-top: 40px;
	margin-right: 13px;
}
.bt_pro h2{
	font-size: 30px;
	color: #333;
	margin-bottom: 10px;
}
.bt_pro h4{
	font-family:ywzt;
	font-size: 48px;
	color: #5296df;
	line-height: 50px;
	font-weight: 100;
}
.bt_pro p{
	display:block;
	width:330px;
	margin-top:15px;
	line-height:28px;
	}
.bt_pro h4 span{
	color: #999999;
}
.qtyej{
	width: 1200px;
	margin: auto;
	padding: 90px 0;
}
.qtyej img{
	float: right;
}
.qtyej ul{
	width: 690px;
	float: left;
	line-height: 26px;
}
.qtyej ul h2{
	font-size: 30px;
	color: #7cac7a;
	margin-bottom: 25px;
}
.zsjm{
	width: 100%;
	height: 580px;
	background: url(zsjm_bj.jpg) no-repeat center;
}



.bt{
	width: 1200px;
	margin: 0px auto 10px;
	padding-top: 90px;
}
.bt h2{
	font-size: 30px;
	text-align: center;
	color: #333;
}
.bt h4{
	text-align: center;
	color: #5296df;
	font-size: 30px;
	font-family: ywzt;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 35px;
}
.bai h2{
	color: #fff;
}
.bai p{
	color: #fff;
}

.example {
	width: 1212px;
	margin: 40px auto 0;
	position: relative;
}

.example ul li {
	width: 282px;
	overflow: hidden;
	height: 380px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	margin:0 10px;
	padding: 45px 20px;
	position: relative;
	background: url(zsjm_bj1.jpg) no-repeat top #fff;
	position: relative;
	line-height: 45px;

}
.example ul li h2{
	font-size: 24px;
	color: #333;
}
.example ul li p{
	line-height: 28px;
	margin-top: 30px;
}
.example ul li b{
	display:block;
	}
.example ul li  span{
	display: block;
	width: 242px;
	bottom: 20px;
	text-align: center;
	color: #fff;
	position: absolute;
	background: #5296df;
}

.example .microfiche-bullets {
	display: none;
}

.example .microfiche-button {
	font-size: 0px;
	width: 50px;
	height: 50px;
	border: none;
	padding: 0px;
	
	cursor: pointer;
}

.example .microfiche-prev-button {
	background: url(l.png);
	position: absolute;
	z-index: 2;
}

.example .microfiche-next-button {
	background: url(r.png);
	position: absolute;
	z-index: 2;
}

.example .microfiche-prev-button {
	top: 170px;
	left: -60px;
	transition: all 0.6s;
}

.example .microfiche-prev-button:hover {
	left: -55px;
}

.example .microfiche-next-button {
	top: 170px;
	right: -60px;
	transition: all 0.6s;
}

.example .microfiche-next-button:hover {
	right: -55px;
}
.about{
	width: 100%;
	height: 529px;
	position: relative;
	background: url(gsjj_bj.jpg) center;
}
.aboutimg{
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.about ul{
	width: 630px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
}
.bt_about {
	padding-top: 60px;
}
.bt_about h4{
	color: #fff;
	font-size: 36px;
	font-family: ywzt;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 35px;
}
.bt_about h2{
	font-size: 30px;
	color: #fff;
	margin: 10px 0;
}
.about ul li{
	margin-top: 40px;
	color: #fff;
	line-height: 30px;
}
.about ul li p{
	color: #fff;
}
.about a{
	display: block;
	width: 90px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	line-height: 30px;
	border: 1px solid #fff;
}





.news{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.news ul{
	width: 1300px;
	margin-top: 30px;
}
.news ul li{
	width: 590px;
    overflow: hidden;
    height: 450px;
    float: left;
    border: 1px solid #ddd;
    text-align: center;
	margin-right:20px;
	margin-top:20px;
    padding: 45px 20px;
    position: relative;
    background: url(zsjm_bj2.jpg) no-repeat top #fff;
    position: relative;
    line-height: 45px;
}

.news ul li h2{
	font-size: 24px;
	color: #333;
}
.news ul li h2 span{
	float:right;
	font-weight:normal;
	}
.news ul li p{
	line-height: 28px;
	margin-top: 30px;
}
.news ul li p a{
	display:block;
	border-bottom:1px  dashed #ddd;
	line-height:35px;
	}
.news ul li p a span{
	float:right;
	color:#999;
	}
.honor{
    width:1200px;
	margin: 0 auto 50px;
	overflow: hidden;
}

.honor ul{
	width: 1200px;
	margin-top: 30px;
} 

.video{
	width: 100%;
	margin-top: 100px;
	height: 675px;
	background: url(td.jpg) no-repeat center;
}
.video ul{
	width: 86px;
	height: 86px;
	margin: 150px auto 0;
}
.foot_w{
	width: 100%;
	background:#444;
}
.foot{
	width: 1200px;
	margin: auto;
	padding-top: 40px;
	}
.foot_nav{
	width:660px;
	float:left
	}
.foot_nav li{
	width:150px;
	float:left;
	}
.foot_nav li a{
	display:block;
	color:#fff;
	font-size:13px;
	line-height:24px;
	}
.foot_nav li .foot_nav1{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	}
.foot_nav li a:hover{
	color:#ccc;
	}	
.foot_contact{
	width:390px;
	float:left;
	color:#fff;
	line-height:24px;
	}
.foot_contact h2{
	font-size:25px;
	line-height:40px;
	color:#fff;
	}
.foot_contact a{
	color:#fff;
	}	
.foot_ewm{
	width: 130px;
	float:right;
	}
.foot_ewm img{
	width:130px;
	}
.foot_ewm p{
	color:#fff;
	text-align:center;
	line-height:40px;
	}	
.bqsy{
	width:1200px;
	margin:auto;
	border-top:1px dashed #666;
	padding:15px 0;
	margin-top:30px;
	text-align:center;
	}

.xbanner{
   background: url(20190624051641701.jpg) center top no-repeat;
	
}
.xbanner ul{
	padding: 60px 0;
	}
.xbanner h2{
	text-align: center;
	font-size: 30px;
	color: #fff;
}
.xbanner h4{
	text-align: center;
	font-size: 15px;
	color: #fff;
	line-height: 45px;
	font-weight: normal;
}

.mian{
	width: 1200px;
	margin: 60px auto 100px;
}
.fwxm_top{
	text-align: center;
}
.fwxm_top a{
	border: 1px solid #ddd;
	display: inline-block;
	padding: 10px 20px;
}
.fwxm_top a:hover , .fwxm_top .gl{
	background: #5296df;
	color: #fff;
	border: 1px solid #5296df;
}
.pagination{
	text-align: center;
	padding-top: 30px;
}
.page-item{
	display: inline-block;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ddd;
}
.page-num{
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #ddd;
	background: #ddd;
	margin: 0 2px;
}
.pagination a:hover{
	color: #fff;
	background: #5296df;
}
.page-num-current{
	background: #5296df;
	color: #fff;
}
.news_show{
	width: 1200px;
	margin: 30px auto  0;
}
.news_bt h2{
	border-bottom: 1px solid #ccc;
	font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    padding-bottom: 23px;
    text-align: center;
}
.news_bt h4{
	color: #999;
     font-weight: normal;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    margin-bottom: 20px;
}
.newslist{

	width: 1200px;
	margin: 40px auto 100px;
}
.newslist li {
	border-bottom: 1px solid  #e8e8e8;
	height: 205px;
	overflow: hidden;
	margin-bottom: 20px;
	
}
.newslist li .time{
	width: 300px;
	height: 180px;
	float: left;
	text-align: center;
	
}
.newslist li .time img{
	width: 300px;
	height: 180px;
}

.newslist li .nr{
	width: 850px;
	float: right;
	
}
.newslist li .nr b{
	font-size: 18px;
}
.newslist li .nr span{
	font-size: 13px;
	display: block;
	line-height: 35px;
}
.nr{
	line-height: 28px;
}
.page1{
	padding-top: 30px;
}
.page1 p{
	color: #6c757d;
	line-height: 25px;
}
.page1 p a{
	color: #6c757d;
}

.ryzzlist{
	width: 1200px;
	overflow: hidden;
	margin: 30px auto 0;
}
.ryzzlist ul{
	width: 1300px;
}
.ryzzlist ul li{
	width: 285px;
	float: left;
	height: 440px;
	margin:0 20px 20px 0 ;
	overflow: hidden;	
	background: #fff;
	padding: 4px;
	position: relative;
	border: 1px solid #ddd;
}
.ryzzlist ul li img{
	width: 275px;
	height: 390px;
}
.ryzzlist ul li h2{
	text-align: center;
	line-height: 40px;
}
.pagexx {
    line-height: 28px;

}
.khts{
	width: 1200px;
	margin: 50px auto ;
	overflow:hidden;
}
.btnry h2{
	font-size: 36px;
	color: #515151;
	text-align: center;
}
.btnry h4{
	font-size: 24px;
	text-align: center;
	color: #e1e1e1;
	font-weight: normal;
    font-family: ywzt;
    margin-top: 12px;
}
.btnry  span{
	background: #c40c17;
	display: block;
	width: 50px;
	height: 4px;
	margin: 10px auto 0;
}
.nr100{
	width: 1200px;
	height: 160px;
	padding: 20px;
	margin-top: 30px;
	border: 1px solid #d1d1d1;
}
.nr30{
	width: 360px;
	float: left;
	margin-top: 20px;
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin-right: 30px;
}
.nr301{
	width: 360px;
	float: left;
	margin-top: 20px;
}
.nr20{
	width: 200px;
	float: left;
	border: 1px solid #d1d1d1;
	padding: 10px;
}
.nr301 img{
	float: left;
	margin-left: 30px;
}
.khts button{
	background: #ddd;
    width: 300px;
    height: 50px;
    border: 0px;
    text-align: center;
    font-size: 15px;
    color: #666;
    float: left;
    margin-top: 20px;
    margin-right: 15px;
}

.videoed { width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.khlb{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	width:1201px;
	margin:auto;
	}
.khlb ul li{
	width:400px;
	line-height:35px;
	float:left;
	padding-left:30px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	}

.hzindex{
	width:1201px;
	margin:30px auto 0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	}

.hzindex ul li{
	width:300px;
	padding:10px;
	height:130px;
	float:left;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	}
.hzindex ul li img{
	width:280px;
	height:110px;
	}
.zoom-small-image{
	width:288px;
	border:1px solid #ddd;
	float:left;
	background:#f1f1f1;
	margin:8px;
	}
.cloud-zoom img{
	width:286px;
	height:266px;
	
	}
.produ_n{
	width:1216px;
	margin:30px auto 0;
	}

.produ_name{
	text-align:center;
	height:50px;
	line-height:50px;
	overflow:hidden;
	}
.product_left{
	width:230px;
	float:left;
	background:#eeeeee;
	}
.product_left h2{
	background:#5296df;
	font-size:20px;
	padding:20px 30px;
	color:#fff;
	}
.yjfl{
	background:#d8d8d8;
	padding-left:30px;
	line-height:50px;
	}		
.yjfl a{
	font-size:18px;
	}	
.rjfl{
	padding:10px 0 10px 0;
	}
.rjfl a{
	line-height:35px;
	display:block;
	padding-left:35px;
	width:230px;
	}
.rjfl a:hover{
	background:#5296df;
	color:#fff;
	}
.product_right{
	width:930px;
	float:right
	}
.product_right_l{
	width:502px;
	float:left;
	} 
.product_right_l .zoom-small-image{
	width:502px;
	height:466px;
	margin:0px;
	}
.product_right_l 	.cloud-zoom img{
	width:500px;
	height:464px;
	}
.product_right_r{
	width:350px;
	float:right;
	}
.product_right_r h2{
	font-size:30px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	}
.product_right_r ul{
	line-height:30px;
	}

.xxnr h2{
	border-bottom:1px solid #ccc;
	margin:20px 0 10px 0;
	}
.xxnr h2 span{
	display:block;
	width:150px;
	height:40px;
	background:#5296df;
	color:#fff;
	text-align:center;
	line-height:40px;
	}
.product_right_rbg{
	line-height:26px;
	}

.product_right_rbg  img{
	max-width:950px;
	}



.product_right_rbg  table{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	width:100%;
	margin:10px 0;
	}

.product_right_rbg  table tr td{
	padding:10px 20px;
	color:#666;
	font-size:13px;
	line-height:18px;
	min-width:70px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	
	}


.product_right_rbg  table {
    word-break: break-all;
	border-spacing: 0px;border-collapse: separate;
}

.down{
	width:1200px;
	margin:auto;
	overflow:hidden
	}
.down ul{
	width:1300px;
	}
.down ul li{
	width:580px;
	float:left;
	line-height:40px;
	margin-right:40px;
	padding:0 15px;
	margin-bottom:10px;
	border:1px dashed #ccc;
	}
.down ul li span{
	float:right;
	}	
.down ul li:hover{
	background:#5296df;
	color:#fff;
	}

.lxfs_wz{
     width:300px;
	 height:50px;
	 margin:auto;
	 margin-top:30px;
}


.lxfs_wz p{
     font-size:20px;
     color:#333333;
	 line-height:34px;
	 text-align:center;
}

.lxfs_wz p span{
     font-size:14px;
     color:#333333;
	 text-align:center;
}
	
.lxfs_co{
    width:1200px;
	height:281px;
	margin:0 auto;
	background:url(contact_bg.jpg) no-repeat center;
	position: relative;
	overflow:hidden;
    }	

.lxfs_co ul{
    width:1300px;
	}
.lxfs_co ul li{
    width:240px;
	line-height:420px;
    text-align:center; 
	float:left;
}
	
	
	
	
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width: 159px;padding:0 12px;background:url(kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width: 133px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:127px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px; color:#fff; text-align:center;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:130px;height:130px; padding:0 7px;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}