@charset "utf-8";
/* CSS Document 
制作： 青华互联网站建设 版权所有 复制必究
网址： www.qinghuahulian.com
电话/微信：18653219163  QQ:893157818
邮箱：vip@qinghuadns.com  联系人：王小姐
*/

*{margin:0px; padding:0px; box-sizing:border-box;
}
html,body{
     -webkit-text-size-adjust:none;
}

@font-face{
     font-family:D-DIN-PRO;
     src:url('../fonts/D-DIN-PRO.woff2') format('woff2'), url('../fonts/D-DIN-PRO.woff') format('woff'),url('../fonts/D-DIN-PRO.ttf') format('truetype'),url('../fonts/D-DIN-PRO.eot'); font-weight: normal; font-style: normal; font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
body{
	color:#333333;
	background-color:#fff; font-family:"微软雅黑","Microsoft YaHei";
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-family: Arial, "微软雅黑";
	-webkit-appearance: none;
}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none; -webkit-appearance:none;}

/*强制去除textarea自带的样式*/
textarea{resize:none; -webkit-appearance:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	color: #333333; text-decoration:none;
}
A:link {
	color: #333333; text-decoration:none;
}
A:visited {
	color: #333333; text-decoration:none;
}
A:hover {
	color: #302a96; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w{
	width:1560px; height:auto; margin-left:auto; margin-right:auto;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt50{
	margin-top:50px;
}
.topbox{
	height:auto; border-top:5px #302a96 solid; background:url(../images/topboxbg.jpg) repeat-x top;
}
.header{
	height:118px; background-color:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.logo{
	width:29%; padding-top:20px; padding-left:175px; 
}
.header_right{
	width:71%; text-align:right;
}
.top_info{
	background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01cokgUC20dt1X8M4Xq_!!712096873.jpg') left top no-repeat #302a96; height:41px; line-height:36px; padding-right:175px; color:#d2d2d2;
}
.top_info a{
	color:#fff; font-size:20px;font-family:D-DIN-PRO;
}
.top_tel{
	background:url(../images/telbg.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:35px;
}
.top_email{
	background:url(../images/emailbg.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:35px; margin-left:25px;
}
.top_lang{
	background:url(../images/top_langbg.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:35px; margin-left:25px;
}
.top_lang img{
	vertical-align:text-top; margin-left:5px; margin-right:5px;
}
.top_lang a{
	font-size:18px;
}
.top_info font a{
	font-size:16px;
}
.nav .nav_m{
	display:none;
}
.nav{
	height:40px; line-height:40px; padding-right:175px; margin-top:15px;
}
.nav ul{
	float:right; display:block;
}
.nav li{
	float:left; margin-left:60px; display:inline; position: relative;
}
.nav a{
	font-size:18px; padding-bottom:8px;
}
.nav li span{             
    width:0; height: 2px; background:#302a96; position: absolute; top: 100%; left: 50%; display:block; transition: all .5s; z-index:100; overflow:hidden;
}        
.nav li:hover span{             
	left: 0%;             
	width: 100%;         
}
.nav li.on span{             
    width: 100%; left: 0%; height: 2px; background:#302a96;  
} 
.nav .on a{
	color:#302a96;
}
.nav ul li ul.sec-menu {
	position:absolute; top: 43px; width: 150px; padding-top:20px; left:0px; display:none; background:#fff; font-size:14px; color:#333; z-index:111;
}
.nav ul li ul.sec-menu li {
	text-align:left; list-style-type:none; height:46px; line-height:46px; float:none; margin-left:0px;
}
.nav ul li ul.sec-menu li a {
	 display:block; font-size:15px; padding-left:15px; color:#111; height:46px; line-height:46px; border-bottom:1px #e4e4e4 solid;
}
.nav ul li ul.sec-menu li a:link {
	display:block; font-size:15px; color:#111; 
}
.nav ul li ul.sec-menu li a:visited {
	display:block; font-size:15px; color:#111; 
}
.nav ul li ul.sec-menu li a:hover {
	display:block; background:#302a96; font-size:15px; color:#fff; 
}
.nav li:hover .sec-menu{
	height:auto;
}
.nav ul li ul#sec-menu2{
	width:400px;
}
.nav ul li ul#sec-menu2 li{
	width:200px; float:left;
}
.m_nav{
	display:none;
}
.sea_bnt{
	float:right; width:40px; height:100px; margin-left:30px; padding-top:5px; position:relative;
}
.search{
	width:270px; height:0px; background-color:#fff; position:absolute; right:0px; top:62px;overflow:hidden; z-index:112; -moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s; padding-left:10px; padding-right:10px;
}
.sea_bnt:hover .search{
	height:70px; padding-top:15px; 
}
.search form{
	border:1px #ddd solid; height:35px; border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-o-border-radius:30px; padding-left:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.sea_txt{
	height:32px; line-height:32px; width:80%;
}
.sea_sub{
	background:url(../images/sea_bnt.png) center center no-repeat; width:20%; cursor:pointer;
}
.banner{
	width:100%; height:auto; overflow:hidden; position:relative;
}
.swiper-slide{
	width:100%; height:auto; position:relative;
}
.swiper-slide img{
	width:100%; height:auto; display:block;
}
.banner .pagination {
    position: absolute; left: 0; text-align: center; bottom: 25px; width: 100%; z-index:110;
}
.banner .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:#ffffff; border-radius: 0px; width: 30px; height: 5px; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;
}
.banner .swiper-pagination-bullet-active{
	background: #0463aa; width:36px;
}
.banner .arrow-next{ position: absolute; left: 80px; top:50%; margin-top: -18px; display: block; width: 22px; height: 37px; background: url(../images/left.png) no-repeat; z-index: 1; cursor:pointer;filter: alpha(opacity=70); opacity: 0.7;}
.banner .arrow-prev{ position: absolute; right: 80px; top:50%; margin-top: -18px; display: block; width: 22px; height: 37px; background: url(../images/right.png) no-repeat; z-index: 1; cursor:pointer;filter: alpha(opacity=70); opacity: 0.7;}
.title{
	font-size:36px; background:url(../images/titlebg.jpg) left bottom no-repeat; padding-bottom:25px;
}
.news_index_title{
	display:inline-block;
}
.aboutus{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_info{
	width:50%; background:url('https://img.alicdn.com/imgextra/i4/712096873/O1CN01fjZ2sJ20dt1NTCvmo_!!712096873.jpg') left bottom no-repeat; padding-left:175px; padding-top:65px; padding-right:60px; padding-bottom:65px;
}
.about_info p{
	line-height:32px; margin-top:50px;
}
.about_cat{
	font-size:14px; margin-top:30px;
}
.about_cat span{
	font-size:70px; color:#302a96; font-weight:bolder; margin-right:5px; font-family:D-DIN-PRO;
}
.about_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.more{
	width:192px; height:55px; line-height:55px; background:url(../images/morebg.jpg) no-repeat; margin-top:50px;
}
.more a{
	color:#fff; padding-left:35px; font-size:14px; display:block;transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.more a:hover{
	padding-left:45px;
}
.video{
	width:50%; background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01UPpeaw20dt1HtZXw9_!!712096873.jpg') center center no-repeat; background-size:cover;
}
.video img{
	width:100%; height:auto; display:block;
}
.video a{
	width:100%; height:100%; display:block;
}
.about_pics{
	width:50%;
}
.about_pics img{
	width:100%; height:auto; display:block;
}
.honor_box{
	background:url(../images/honorbg.png)  center bottom no-repeat #f7f7f7; padding-bottom:150px; padding-top:50px; position:relative;
}
.honor_txt{
	float:right; text-align:right; line-height:28px;
}
.honors{
	margin-top:50px; overflow:hidden;
}
.honors .swiper-slide{
	width:auto; margin-right:45px;
}
.honors .swiper-slide:last-child{
	margin-right:0px;
}
.honors .swiper-pagination{
	bottom:115px;
}
.honor_pic{
	position:absolute; right:0px; bottom:100px; z-index:100;
}
.product_title{
	background:url(../images/Medelong.png) center center no-repeat; padding-top:20px; padding-bottom:20px;
}
.probox{
	background-color:#f7f7f7; padding-bottom:80px; overflow:hidden;
}
.txtcenter{
	text-align:center; background-position:center bottom;
}
.product_pc{width: 2180px;position: relative;left: 50%;margin-left: -1090px;margin-top: 43px; overflow:hidden;}
.product_pc .swiper-container{height: 670px;}
#indexproduct{width: 100%;padding-left: 254px;}
#indexproduct .swiper-slide{transform: scale(0.8539);transition: all ease 0.3s;}
#indexproduct .swiper-slide-active{transform: scale(1);}
#indexproduct .swiper-slide-prev{left: -254px;}
#indexproduct img{width: 100%; height:auto;}
#indexproduct .swiper-slide-prev::after{position: absolute;content: "";width: 100%;height: 100%;background-color:rgba(17,17,16,0.5);top: 0;left: 0;transition: all ease 0.3s;}
#indexproduct .swiper-slide-prev:hover{transform: scale(0.9);}
#indexproduct .swiper-slide-prev:hover::after{display: none;}
#indexproduct .swiper-slide-next::after{position: absolute;content: "";width: 100%;height: 100%;background-color:rgba(17,17,16,0.5);top: 0;left: 0;transition: all ease 0.3s;}
#indexproduct .swiper-slide-next:hover{transform: scale(0.9);}
#indexproduct .swiper-slide-next:hover::after{display: none;}
.product_pc_cat{width: 254px;position: absolute;left: 490px;top: 0;z-index: 1000;height: 100%;}
#swiper-pagination-cp{position: static;text-align: left;width: 254px;height: 100%;background-color: #fff;}
#swiper-pagination-cp span{display: block;width: 100%; border-radius: 0;height: auto;height: 8.33%;font-size: 16px;color: #2a2724;opacity: 1;line-height: 20px; padding-top:17px; padding-left: 40px;transition: all ease 0.3s;background-color: transparent;background-image: url(../images/catbg.jpg);background-size: 0 100%;background-repeat: no-repeat;}
#swiper-pagination-cp span i{font-style: normal;display: block;font-size: 10px;color: #232323;text-transform: uppercase;}
#swiper-pagination-cp span.swiper-pagination-bullet-active{color: #fff;width: 294px;background-size: 100% 100%;}
#swiper-pagination-cp span:hover{color: #fff;width: 294px;background-size: 100% 100%;}

.product_m_cat{
	margin-top:30px; display:none;
}
.product_m_cat .swiper-slide{
	width:auto; height:45px; line-height:45px; background-color:#fff; margin-right:20px; text-align:center; padding-left:20px; padding-right:20px; cursor:pointer;
}
.product_m_cat .swiper-slide-thumb-active{ background-color:#302a96; color:#fff;}

.product_m{
	margin-top:30px; position:relative; padding-bottom:30px; display:none;
}
.product_m .swiper-slide{}
.product_m .swiper-slide-active{transform: scale(1);}
.product_m .swiper-pagination{
	bottom:0px;
}
.yytitle br{
	display:none;
}
.yingyong_cat{
	margin-top:40px; overflow:hidden;
}
.yingyong_cat .swiper-wrapper{
	
}
.yingyong_cat .swiper-slide{
	width:19%; height:67px; background-color:#f5f5f5; line-height:67px; text-align:center; font-size:22px; cursor:pointer;
}
.yingyong_cat img{
	width:37px; height:47px; margin-right:10px; display:inline-block; vertical-align:middle;
}
.yingyong_cat .swiper-slide .img2{
	display:none;
}
.yingyong_cat .swiper-slide-thumb-active{
    color:#fff; background-color:#0047b9;
}
.yingyong_cat .swiper-slide-thumb-active .img1{
    display:none;
}
.yingyong_cat .swiper-slide-thumb-active .img2{
    display:inline-block;
}
.yingyong_pic{
	overflow:hidden; margin-top:30px;
}
.ysbox{
	width:100%; background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01oaj9oh20dt1LIKalv_!!712096873.jpg') center center no-repeat; padding-top:60px; padding-bottom:80px; margin-top:80px; background-size:cover;
}
.ysinfos{
	margin-top:30px;
}
.ysinfos ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.ysinfos li{
	width:24%; background-color:#f7f7f7; padding-top:80px; padding-bottom:90px; text-align:center; line-height:26px; padding-left:35px; padding-right:35px; transform: scale(0.9) !important;
}
.ysinfos img{
	margin-bottom:60px;
}
.ysinfos h3{
	font-size:26px; margin-bottom:30px;
}
.ysinfos li .img2{
	display:none;
}
.ysinfos li.action{
	background:url(../images/ysbg.jpg) right bottom no-repeat #302a96; color:#fff; padding-top:120px; padding-bottom:120px; transform: scale(1) !important;
}
.ysinfos li.action .img2{
	display:inline-block;
}
.ysinfos li.action .img1{
	display:none;
}
.case_title{
	position:relative;
}
.cases{
	overflow:hidden; margin-top:50px; margin-left:120px; margin-right:120px; position:relative; padding-bottom:30px;
}
.cases .swiper-slide{
	text-align:center; font-size:20px;
}
.cases .swiper-slide{transform: scale(0.82);transition: all ease 0.3s;}
.cases .swiper-slide-active{transform: scale(1.1); font-size:16px;}
.cases .swiper-pagination{
	display:none;
}
.case_title .arrow-next{ position: absolute; right: 60px; top:30px; display: block; width: 40px; height: 40px; background: url(../images/left2.png) no-repeat; z-index: 1; cursor:pointer;}
.case_title .arrow-prev{ position: absolute; right: 0px; top:30px; display: block; width: 40px; height: 40px; background: url(../images/right2.png) no-repeat; z-index: 1; cursor:pointer;}
.newsbox{
	background:url('https://img.alicdn.com/imgextra/i2/712096873/O1CN01LEA1pR20dt1DhwyUz_!!712096873.jpg') center center no-repeat; padding-top:20px;
}
.case_title span{
	float:right; margin-left:10px; margin-right:10px; margin-top:20px;
}
.news{
	margin-top:50px; padding-bottom:60px;
}
.news ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.news li{
	width:32%; background-color:#fff; padding-bottom:30px; margin-bottom:40px;
}
.news .itemempty {
    height: 0px;
    width: 32%; margin-bottom:0px; padding-bottom:0px;
}
.news:after {
    content: "";
    flex: auto;
}
.news .news_pic{
	width:100%; height:auto; position:relative;
}
.news .news_pic span{
	width:auto; height:40px; line-height:40px; color:#fff; background-color:#302a96; position:absolute; left:0px; bottom:0px; padding-left:15px; padding-right:15px;
}
.news img{
	width:100%; height:auto; display:block;
}
.news .news_txt{
	padding-left:25px; padding-right:25px; padding-top:30px;
}
.news .news_txt a{
	font-size:22px; line-height:36px;
}
.news .news_txt p{
	margin-top:25px;
}
.newslist{
	padding-bottom:20px;
}

/* 关于我们开始 */


.com_banner{
	width:100%; height:auto; max-height:450px; overflow:hidden;
}
.aboutus_banner{
	max-height:485px;
}
.com_banner img{
	width:100%; height:auto; display:block; animation: myfirst 3.5s;
}
@keyframes myfirst {
from {
 transform: scale(1.1);
}
to {
	transform: scale(1);
}}
.position_box{
	height:auto; border-bottom:1px #ddd solid; color:#999999; background-color:#fff;
}
.position_box a{
	color:#999999;
}
.position_box a:hover{
	color:#333333;
}
.position{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.position span{
	margin-top:20px; background:url(../images/posibg.png) left 5px no-repeat; padding-left:20px;
}
.position span a{
	margin-left:5px; margin-right:5px;
}
.position ul{
	
}
.position li{
	float:left; height:auto; line-height:60px;
}
.position li a{
	padding-left:50px; padding-right:50px; display:block;
}
.position li.cur{
	background-color:#302a96;
}
.position li.cur a{
	color:#fff; display:block;
}
.about_box{
	background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01SIzolE20dt1HjtUhz_!!712096873.jpg') center bottom no-repeat; padding-top:80px; padding-bottom:80px;
}
.about_content{
	line-height:32px;
}
.about_content h2{
	text-align:center; font-size:36px; letter-spacing:1px;
}
.about_content h2 span{
	font-size:20px; color:#bfbfbf; font-weight:normal; text-transform:uppercase;
}
.about_content p{
	margin-top:45px;
}
.databox{
	background:url(../images/databg.jpg) center center no-repeat; padding-top:87px; padding-bottom:87px;
}
.datainfo{
	height:auto;
}
.datainfo ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;
}
.datainfo li{
	width:30%; padding-left:90px; color:#fff;
}
.datainfo li.data1{
	background:url(../images/data_ico01.png) left 15px no-repeat;
}
.datainfo li.data2{
	background:url(../images/data_ico02.png) left 15px no-repeat;
}
.datainfo li.data3{
	background:url(../images/data_ico03.png) left 15px no-repeat;
}
.datainfo span{
	font-size:70px; font-weight:bolder; margin-right:5px; font-family:D-DIN-PRO;
}
.about_video{
	text-align:center; max-width:1098px; margin:0 auto; margin-top:60px; font-size:20px;
}
.mdl_video{
	width:100%; height:auto;
}
.allvideoa{
	width:100%; height:100%;background:url(../images/vbg.png); position:fixed; left:0px; top:0px; z-index:1001; display:none;
}
.allvideob{
	width:1000px; left:50%; top:50%; margin-left:-500px; margin-top:-310px; position:absolute;
}
.allvideot{
	height:46px; background-color:#fff; line-height:46px; font-size:16px; padding-left:15px; overflow:hidden;
}
.allvideot span{
	float:right; margin-right:15px; margin-top:5px;
}
.network_box{
	height:739px; background:url(../images/mapbg.jpg) center top no-repeat; margin-top:60px;
}
.network{
	margin:0 auto; max-width:1160px; text-align:center; color:#fff; padding-top:60px; line-height:36px;
}
.about_con_pics{
    display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:60px; padding-bottom:50px;
}
.about_con_pics img:hover{
	filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
.about_pics_left{
	width:63%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_pics_left img{
	width:49%; height:auto; margin-bottom:17px; display:block;
}
.about_pics_left img:nth-of-type(3){
    width:100%; height:auto;
}
.about_pics_right{
	width:36%;
}
.about_pics_right img{
	width:100%; height:auto; margin-bottom:17px; display:block;
}

/* 荣誉资质 */

.bgf8{
	background-color:#f8f8f8;
}
.honorlist{
	height:auto; margin-top:60px; padding-bottom:10px;
}
.honorlist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.honorlist li{
	width: 23%; background-color:#fff; border-bottom:4px #e3e3e3 solid; padding-left:10px; padding-right:10px; padding-top:20px; margin-bottom:40px;
}
.honorlist .itemempty {
    height: 0px;
    width: 23%; margin-bottom:0px; border-bottom:0px; padding-top:0px;
}
.honorlist:after {
    content: "";
    flex: auto;
}
.honorlist .honorpic{
	width:100%;
}
.honorlist .honorpic img{
	width:100%; height:auto;
}
.honorlist .honortxt{
	padding-bottom:20px; padding-top:20px; padding-left:10px;
}
.honorlist .honortxt img{
	float:right;
}
.honorlist li:hover{
	border-bottom:4px #302a96 solid;
}

/* 产品中心 */

.products{
	margin-top:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:60px;
}
.products_left{
	width:240px; background-color:#ffffff;
}
#product_cat_m1{
	display:none;
}
#product_cat_m2{
	display:none;
}
.left_cat{
	height:auto; margin-top:15px;
}
.left_cat ul{
}
.left_cat li{
	height:auto; line-height:30px; background:url(../images/left_catbg.jpg) 30px 30px no-repeat; border-bottom:1px #e8e8e8 solid; padding-top:15px; padding-bottom:15px;
}
.left_cat li a{
	display:block; padding-left:45px;
}
.left_cat .cur{
	background:url(../images/left_catbg2.jpg) 30px 30px no-repeat #296eda;
}
.left_cat .cur a{
	color:#fff;
}
.productlist{
	width:82%;
}
.productlist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.productlist li{
	width:32%; background-color:#fff; padding-bottom:35px; margin-bottom:30px;
}
.productlist .itemempty {
    height: 0px;
    width: 32%; padding-bottom:0px; margin-bottom:0px;
}
.productlist:after {
    content: "";
    flex: auto;
}
.relepro li{
	margin-bottom:0px;
}
.pro_pic{
	overflow:hidden;
}
.pro_txt{
	padding-top:20px; padding-left:15px; background:url(../images/jiantou.jpg) 95% 25px no-repeat;
}
.pro_txt a{
	display:block; font-size:20px;
}
.productlist li .pro_pic img{
	width:100%; height:auto; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.productlist .pro_pic img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.product_xqbox{
	width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; background-color:#fff;
}
.product_pic{
	width:52%; overflow:hidden;
}
.product_pic img{
	width:100%; height:auto; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.product_pic img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.product_txt{
	width:43%; padding-top:30px; padding-bottom:30px; padding-right:10px;
}
.product_txt h1{
	font-size:32px; font-weight:normal; padding-bottom:30px; border-bottom:1px #e5e5e5 solid;
}
.product_txt p{
	margin-top:30px; line-height:36px; padding-bottom:30px; border-bottom:1px #e5e5e5 solid;
}
.online{
	width:331px; height:53px; background:url(../images/onlinebg.jpg) no-repeat; border:1px #302a96 solid; line-height:53px; margin-top:30px;
}
.online a{
	color:#fff; font-size:18px; padding-left:60px;
}
.online span a{
	color:#302a96; font-size:18px; padding-left:32px; font-size:20px;
}
.content_title{
	height:55px; border-bottom:1px #e3e3e3 solid; background-color:#fff; margin-top:45px;
}
.content_title h2{
	background-color:#302a96; display:inline-block; color:#fff; height:55px; line-height:55px; padding-left:65px; padding-right:65px; font-size:20px;
}
.content_title span{
	float:right; margin-right:15px; margin-top:15px;
}
.content{
	background-color:#fff; padding:50px; line-height:36px;
}
.content h3{
	font-size:28px; margin-top:25px; margin-bottom:35px;
}
.content table{
	border-left:1px #ccc solid; border-top:1px #ccc solid; max-width:100%; height:auto;
}
.content table td{
	border-right:1px #ccc solid !important; border-bottom:1px #ccc solid !important;
}
.content img{
	max-width:100%; height:auto;
}
.content li{
	text-align:center; margin-bottom:0px; padding-bottom:25px;
}
.content li img{
	width:100%; height:auto;
}
.content ul>li:first-child:nth-last-child(4),
.content ul>li:first-child:nth-last-child(4) ~ li{
width:48% !important;
}
.back{
	width:250px; height:60px; line-height:60px; margin:0 auto; margin-top:50px; text-align:center; background: -webkit-linear-gradient(to right, #554ec9, #302a96); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #554ec9, #302a96); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #554ec9, #302a96); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #554ec9, #302a96); /* 标准的语法（必须放在最后） */
}
.back a{
	display:block; color:#fff;
}
.line{
	 border-bottom:1px #e3e3e3 solid; height:1px;
}
.message2{
	font-size:26px; margin-top:55px;
}
.message2 form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:35px;
}
.mesg_txt2{
	width:32%; height:60px; line-height:60px; background-color:#f6f6f6; margin-bottom:25px; padding-left:15px; font-size:16px;
}
.mesg_text2{
	width:100%; height:160px; line-height:60px; background-color:#f6f6f6; margin-bottom:25px; padding-left:15px; font-size:16px; color:#777;
}
.mesgbox{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; 
}
.code_txt{
	width:200px;
}
.checkcode{
	height:60px !important; width:auto; margin-left:15px;
}
.mesg_sub2{
	width:280px; height:60px; color:#fff; font-size:20px; text-align:center; cursor:pointer; background: -webkit-linear-gradient(to right, #554ec9, #302a96); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #554ec9, #302a96); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #554ec9, #302a96); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #554ec9, #302a96); /* 标准的语法（必须放在最后） */
}

/* 客户案例 */

.caselist{
	margin-top:60px; padding-bottom:20px;
}
.caselist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.caselist li{
	width:49%; height:auto; background-color:#fff; margin-bottom:35px;
}
.caselist .case_txt{
	padding-top:25px; padding-bottom:25px; padding-left:25px;
}
.case_pic{
	overflow:hidden; width:100%; height:auto;
}
.caselist img{
	width:100%; height:auto; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.caselist img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.caselist a{
	font-size:20px;
}

/* 新闻动态 */

.news_content{
	background-color:#fff; margin-top:60px; padding:60px; line-height:32px;
}
.news_content h1{
	text-align:center; color:#302a96;
}
.newsinfo{
	text-align:center; border-bottom:1px #ededed solid; padding-bottom:40px; padding-top:20px; color:#888; margin-bottom:40px;
}
.news_content p{
	text-indent:2em; margin-bottom:30px;
}
.news_content img{
	max-width:100%; height:auto;
}
.prenext{
	border-top:1px #ddd dashed; margin-top:30px; padding-top:30px;
}
.messgbox{
	background:url('https://img.alicdn.com/imgextra/i2/712096873/O1CN01JLcRPE20dt1IsU7Gr_!!712096873.jpg') center center no-repeat; padding-top:80px; padding-bottom:100px;
}
.messg_title{
	background:none;
}
.message form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.mesg_txt{
	width:26%; height:65px; line-height:65px; background-color:#fff; padding-left:15px; font-size:16px;
}
.mesg_sub{
	width:19%; height:65px; background-color:#302a96; text-align:center; color:#fff; font-size:20px; cursor:pointer;
}
.contact{
	height:auto; background:url(../images/contactbg.jpg) center top no-repeat; margin-top:50px; padding-top:150px; padding-bottom:50px; background-size:cover;
}
.contact ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contact li{
	text-align:center; width:25%; font-size:18px;
}
.contact_ico{
	width:180px; height:180px; margin:0 auto; margin-bottom:20px; background:url(../images/contact_libg.png) no-repeat; text-align:center; padding-top:55px;
}
.contact li h3{
	font-size:18px; background:url(../images/titlebg2.jpg) center bottom no-repeat; padding-bottom:15px;
}
.contact li .contact_ico img {-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-

transition: all 1s;transition: all 1s;}
.contact li:hover .contact_ico img { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY

(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all 

1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s;
            }
.contact_wx{
	width:550px; height:auto; margin:0 auto; margin-top:50px;
}
.contact_wx li{
	width:40%; font-size:16px;
}
.contact_wx li img{
	width:100%; height:auto; display:block; border:1px #f1f1f1 solid; padding:15px;
}
.maps{
	background:url(../images/mapbg2.jpg) center top no-repeat; height:546px; padding-top:280px;
}
.maps_ico{
	margin:0 auto; background:url(../images/mark_a.png) center center no-repeat; width:19px; height:31px;
}
.maps_ico a{
	width:19px; height:31px; display:block;
}
@keyframes webfd
{
from  {top: 6px;}
to  {top: -6px;}
}
@-moz-keyframes webfd /* Firefox */
{
from  {top: 6px;}
to  {top: -6px;}
}
@-webkit-keyframes webfd /* Safari 和 Chrome */
{
from  {top: 6px;}
to  {top: -6px;}
}
@-o-keyframes webfd /* Opera */
{
from  {top: 6px;}
to  {top: -6px;}
}
.webfd{
    animation: webfd 0.8s linear 0s infinite alternate;
    /* Firefox: */
    -moz-animation: webfd 0.8s linear 0s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: webfd 0.8s linear 0s infinite alternate;
    /* Opera: */
    -o-animation: webfd 0.8s linear 0s infinite alternate;position:relative;
}
.con_mesg{
	background-color:#fff; padding:50px; padding-left:70px; padding-right:70px; padding-bottom:70px;
}
.servce{
	background-color:#fff; margin-top:60px; padding-left:50px; padding-right:50px; padding-bottom:100px;
}
.service_title{
	text-align:center; font-size:38px; padding-top:60px; margin-bottom:30px;
}
.service_info{
	padding-left:50px; padding-right:50px;
}
.servce img{
	max-width:100%; height:auto;
}
.service_info h3{
	background-color:#302a96; color:#fff; display:inline-block; height:46px; line-height:46px; padding-left:35px; padding-right:35px; font-size:18px; margin-top:40px;
}
.service_info p{
	margin-top:30px; line-height:32px;
}
.service_info ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:30px;
}
.service_info li{
	width:49%; line-height:32px;
}
.service_info li img{
	width:100%; height:auto; display:block; border:1px #dbdbdb solid;
}
.service_info strong{
	color:#302a96;
}
.service_pic3 li{
	width:32%;
}
.fahuo_pic{
	overflow:hidden;
}
.fahuo_pic ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.fahuo_pic li{
	width:24%;
}
.xijiebox{
	position:relative; padding-left:47px; padding-right:47px;
}
.xijiepic{
	margin-top:30px;
}
.xijiepic li{
	width:100%;
}
.fahuo_pic li img{
	width:100%; height:auto; display:block;
}
.xijiebox .arrow-next{ position: absolute; left: 10px; top:50%; margin-top:-21px; display: block; width: 21px; height: 42px; background: url(../images/left3.jpg) no-repeat; z-index: 1; cursor:pointer;}
.xijiebox .arrow-prev{ position: absolute; right: 10px; top:50%; margin-top:-21px; display: block; width: 21px; height: 42px; background: url(../images/right3.jpg) no-repeat; z-index: 1; cursor:pointer;}

.pages{
	margin:0 auto;
	border-top:1px #dddddd dashed; text-align:center; margin-top:20px; padding-top:10px; padding-bottom:50px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
	display:inline-block;
	font-family:Tahoma;
	height:50px;
	line-height:50px;
	font-size:16px; margin-left:4px; margin-right:4px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	font-size:16px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:16px; margin-right:8px;
}
.pages ul span a{
	color:#555;
	height:50px;
	line-height:50px;
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	border:1px solid #E9E9E9; font-size:16px;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#0463aa; height:50px; line-height:50px;
	padding-left:20px;
	padding-right:20px; display:inline-block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#0463aa;
	padding:0px 4px 0px; padding-left:20px; padding-right:20px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:18px; text-align:center; height:auto; overflow:hidden; color:#888; margin-top:35px; border-bottom:1px #ddd dashed; padding-bottom:25px;
}

.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none; padding-left:10px;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}

#backtop{
	width:36px; height:36px;position:fixed; _position: absolute; right:10px; _right:10px; bottom:20px; z-index:11111; display:none;
}
#backtop a{
	display:block; width:36px; height:36px; background:url(../images/top-1.jpg) no-repeat; 
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
#backtop a:hover{
	background:url(../images/top-2.jpg) no-repeat;	
}
/* CSS Document 
制作： 青华互联网站建设 版权所有 复制必究
网址： www.qinghuahulian.com
电话/微信：18653219163  QQ:893157818
邮箱：vip@qinghuadns.com  联系人：王小姐
*/
.footbox{
	background: -webkit-linear-gradient(to top, #262271, #0848a0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to top, #262271, #0848a0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to top, #262271, #0848a0); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top, #262271, #0848a0); /* 标准的语法（必须放在最后） */
	padding-top:65px; color:#fff; overflow:hidden;
}
.footbox a{
	color:#fff;
}
.footbox h3{
	font-size:18px;
}
.footer{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:60px; 
}
.foot_left{
	width:30%;
}
.foot_procat{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_procat ul{
	margin-top:23px;
}
.foot_procat li{
	line-height:40px;
}
.foot_mdd h3{
	padding-left:15px;
}
.foot_mdd ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:30px;
}
.foot_mdd li{
	text-align:center; margin:0 15px;
}
.foot_mdd img{
	width:155px; height:auto; border:1px #628ccc solid; padding:9px; margin-bottom:10px;
}
.foot_contact{
	height:auto;
}
.foot_contact ul{
	margin-top:30px;
}
.foot_contact li{
	padding-left:35px; line-height:48px;
}
.foot_contact li.mobile{
	background:url(../images/telbg2.png) left 18px no-repeat;
}
.foot_contact li.mobile a{
	font-size:28px; font-weight:bolder;font-family:D-DIN-PRO; letter-spacing:2px;
}
.foot_contact li.email{
	background:url(../images/emailbg2.png) left 15px no-repeat;
}
.foot_contact li.site{
	background:url(../images/webbg.png) left 15px no-repeat;
}
.foot_contact li.address{
	background:url(../images/addbg.png) left 15px no-repeat;
}
.copybox{
	border-top:1px #2d3b9b solid; height:auto; padding-top:20px; padding-bottom:25px; color:#d1d1d1; font-size:14px;
}
.copyrights span{
	float:right;
}
.copyrights a{
	color:#d1d1d1; font-size:14px;
}
.copyrights a:hover{
	color:#ffffff;
}
#bottom{
    position:fixed; width:100%; height:55px; display:none; bottom:0; background:#302a96; left:0px; padding-top:5px; z-index:120;
}
#bottom ul{
    height:55px;line-height:55px
}
#bottom ul li{
    width:25%; float:left; color:#FFF; height:55px;
}
#bottom ul li dl{
    width:auto; margin:0 auto; text-align:center; margin-top:-7px;
}
#bottom ul li dt{width:auto;height:25px;}
#bottom ul li dd{width:auto;height:35px; font-size:0.8em; color:#fff;line-height:35px;}
@media only screen and (max-width: 1780px) {
.w{
	width:auto; margin-left:80px; margin-right:80px;
}
.logo{
	padding-left:80px; 
}
.top_info{
	padding-right:80px;
}
.nav{
	padding-right:80px;
}
.cases{
	margin-left:35px; margin-right:35px;
}
.com_banner{
	max-height:417px;
}
.aboutus_banner{
	max-height:450px;
}
}
@media only screen and (max-width: 1680px) {
.w{
	margin-left:50px; margin-right:50px;
}
.logo{
	padding-left:50px; 
}
.top_info{
	padding-right:50px;
}
.nav{
	padding-right:50px;
}
.nav li{
	margin-left:50px;
}
.about_info{
	padding-left:50px; padding-top:50px; padding-right:50px;
}
.about_cat span{
	font-size:54px;
}
.datainfo li{
	width:33.33%; font-size:14px; padding-left:75px;
}
.datainfo span{
	font-size:54px;
}
.datainfo li.data1{
	-moz-background-size:55px auto;  background-size:55px auto;
}
.datainfo li.data2{
	-moz-background-size:55px auto;  background-size:55px auto;
}
.datainfo li.data3{
	-moz-background-size:55px auto;  background-size:55px auto;
}
.product_pc{width: 2000px; margin-left: -1000px;}
.product_pc .swiper-container{height: 623px;}
.product_pc_cat{left: 436px;}
.cases{
	margin-left:0px; margin-right:0px;
}
.banner .arrow-next{ left: 50px; }
.banner .arrow-prev{ right: 50px;}
.productlist{
	width:80%;
}
.com_banner{
	max-height:394px;
}
.aboutus_banner{
	max-height:424px;
}
}
@media only screen and (max-width: 1440px) {
.nav a{
	font-size:16px;
}
.logo{
	width:27%;
}
.logo img{
	width:300px; height:auto;
}
.header{
	height:115px;
}
.header_right{
	width:73%;
}
.top_info{
	background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01cokgUC20dt1X8M4Xq_!!712096873.jpg') left top no-repeat #302a96; height:38px;
}
.top_info a{
	font-size:18px;
}
.title{
	font-size:34px;
}
.service_title{
	font-size:34px;
}
.about_info{
	width:45%;
}
.video{
	width:55%;
}
.yingyong_cat .swiper-slide{
	font-size:18px; height:58px; line-height:58px;
}
.yingyong_cat img{
	width:30px; height:auto;
}
.ysinfos li{
	padding-top:50px; padding-bottom:60px; font-size:14px; padding-left:20px; padding-right:20px;
}
.ysinfos li.action{
	padding-top:80px; padding-bottom:90px;
}
.ysinfos h3{
	font-size:22px;
}
.productlist{
	width:77%;
}
.product_title{
	-moz-background-size:550px auto;  background-size:550px auto;
}
.probox{
	padding-bottom:50px;
}
.com_banner{
	max-height:338px;
}
.aboutus_banner{
	max-height:364px;
}
}
@media only screen and (max-width: 1280px) {
.w{
	margin-left:30px; margin-right:30px;
}
.logo{
	padding-left:30px; 
}
.top_info{
	padding-right:30px;
}
.nav{
	padding-right:30px;
}
.nav li{
	margin-left:30px;
}
.about_info{
	padding-left:30px; padding-right:30px;
}
.banner .arrow-next{ left: 30px; }
.banner .arrow-prev{ right: 30px;}
.logo{
	width:29%;
}
.logo img{
	width:290px; height:auto;
}
.header_right{
	width:71%;
}
.nav li{
	margin-left:30px;
}
.foot_mdd{
	width:20%;
}
.foot_mdd h3{
	padding-left:0px;
}
.foot_mdd li{
	margin:0px; font-size:14px; margin-bottom:15px;
}
.foot_contact{
	width:35%;
}
.productlist{
	width:75%;
}
.news_content{
	padding:30px;
}
.service_info{
	padding-left:0px; padding-right:0px;
}
.title{
	font-size:30px;
}
.service_title{
	font-size:30px;
}
.com_banner{
	max-height:300px;
}
.aboutus_banner{
	max-height:323px;
}
}
@media only screen and (max-width: 1160px) {
.header{
	height:auto; padding-bottom:5px;
}
.nav{
	margin-top:0px; height:auto;
}
.nav .nav_pc{
	display:none;
}
.nav .nav_m{
	position:absolute; width:100%; height:100%; overflow-y:auto; left:0px; top:100px; border-top:1px #ddd solid;  border-bottom:1px #ddd solid; padding-bottom:130px; padding-top:20px; background-color:#fff; z-index:111;
}
.nav .nav_m ul{
	float:left; padding-left:10px;
}
.nav .nav_m ul li{
	width:100%;
	height:auto !important; float:none; display:block; text-align:left; margin-bottom:5px;
}
.nav .nav_m ul li span{
	width:80px; left:0%; display:none;
}
.nav .nav_m ul li.on span{
	
}
.nav .nav_m ul li a{
	font-size:20px;
}
.m_sec a{
	font-size:16px !important; margin-left:25px; background:url(../images/dian.jpg) left 10px no-repeat; padding-left:15px; color:#333 !important;
}
.m_nav{
	display:block; width:40px; height:40px; background-color:#302a96; float:right; margin-top:10px; text-align:center; padding-top:4px;
}
.m_nav img{
	width:20px; height:auto; margin:0 auto; margin-top:5px;
}
.lang_m{
	text-align:left; padding-left:20px; border-top:1px #ddd solid; margin-top:10px; padding-top:15px;
}
.lang_m a{
	font-size:18px;
}
.sea_bnt{
	padding-top:15px; margin-left:10px; height:58px;
}
.search{
	top:58px;
}
.logo img{
	width:95%; height:auto;
}
.about_video{
	max-width:auto;
}
.network{
	max-width:auto; padding-left:30px; padding-right:30px;
}
.products_left{
	width:24%;
}
.left_title img{
	width:100%; height:auto;
}
.productlist{
	width:73%;
}
.productlist li{
	width:48%;
}
.productlist .itemempty {
    width:48%;
}
.content{
	padding:30px;
}
.product_pic{
	width:100%;
}
.product_txt{
	width:100%; padding-bottom:40px;
}
.product_txt h1{
	padding-left:30px; font-size:30px;
}
.product_txt p{
	padding-left:30px;
}
.online{
	margin-left:30px; width:345px;
}
.honor_pic{
	display:none;
}
.product_m_cat{
	display:block;
}
.product_m{
	display:block;
}
.product_pc{display:none;}
.product_pc_cat{
	display:none;
}
.product_pc .swiper-container{height: auto;}
#indexproduct{padding-left: 0px;}
#indexproduct .swiper-slide{transform: scale(0.95);transition: all ease 0.3s;}

.product_title{
	-moz-background-size:450px auto;  background-size:450px auto;
}
.allvideob{
	width:100%;	max-width:1000px; left:0px; margin-left:auto; margin-top:auto; top:20%;
}
.com_banner{
	max-height:272px;
}
.aboutus_banner{
	max-height:293px;
}
}
@media only screen and (max-width: 980px) {
.about_info{
	width:100%;
}
.video{
	width:100%; height:500px;
}
.products_left{
	width:100%;
}
.left_title{
	display:none;
}
.left_cat{
	margin-top:0px; display:none;
}
.left_cat a{
	font-size:18px;
}
.productlist{
	width:100%; margin-top:40px;
}
.productlist li{
	width:32%;
}
.productlist .itemempty {
    width:32%;
}
.foot_left{
	width:50%;
}
.foot_mdd{
	width:45%;
}
.foot_contact{
	width:100%; margin-top:30px;
}
.mesg_txt2{
	width:100%;
}
.mesg_sub2{
	width:100%;
}
.news .news_txt{
	padding-left:15px; padding-right:15px;
}
.news .news_txt a{
	font-size:20px; line-height:32px;
}
.content h3{
	font-size:24px;
}
.contact{
	padding-top:100px;
}
.contact li{
	width:48%; margin-bottom:30px;
}
.con_mesg{
	padding:30px; padding-bottom:60px;
}
.servce{
	padding-left:30px; padding-right:30px; margin-top:40px;
}
.ysinfos li{
	width:48%;
}
.video{
	height:400px;
}
.product_cat_m{
	width:100%; background:url(../images/pro_leftbg.png) 95% center no-repeat; background-color:#f3f3f3; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-bottom:20px; font-size:20px; color:#333;
}
#product_cat_m1{
	display:block;
}
#product_cat_m2{
	display:none;
}
.honorlist li{
	width: 32%;
}
.honorlist .itemempty {
    width: 32%;
}
.honortxt img{
	display:none;
}
.com_banner{
	max-height:230px;
}
.aboutus_banner{
	max-height:248px;
}
.about_pics_left img{
	margin-bottom:8px;
}
.about_pics_right img{
	margin-bottom:8px;
}
#backtop{
	bottom:70px;
}
#bottom{
	display:block;
}
.copybox{
	padding-bottom:70px;
}
}
@media only screen and (max-width: 750px) {
.top_info{
	display:none;
}
.logo{
	padding-top:10px;
}
.nav ul{
	top:60px;
}
.banner .pagination {
    bottom: 10px;
}
.yingyong_cat .swiper-slide{
	width:auto; padding-left:25px; padding-right:35px;
}
.nav .nav_m{
	top:65px;
}
.com_banner{
	max-height:176px;
}
.aboutus_banner{
	max-height:189px;
}
.copyrights{
	text-align:center; line-height:30px; display:flex; display: -webkit-flex; flex-direction:column-reverse; flex-wrap: wrap; 
}
}
@media only screen and (max-width: 640px) {
.w{
	margin-left:10px; margin-right:10px;
}
.topbox{
	border-top:3px #302a96 solid;
}
.logo{
	width:50%; padding-left:10px; 
}
.logo img{
	width:180px; height:auto;
}
.header_right{
	width:50%;
}
.top_info{
	padding-right:10px;
}
.nav{
	padding-right:10px;
}
.nav li{
	margin-left:10px;
}
.sea_bnt{
	margin-left:0px;
}
.about_info{
	padding-left:10px; padding-right:10px; padding-top:30px;
}
.about_info p{
	margin-top:20px;
}
.content{
	padding:0px; padding-top:30px;
}
.product_txt h1{
	padding-left:10px; font-size:24px;
}
.product_txt p{
	padding-left:10px;
}
.online{
	margin-left:10px;
}
.banner .arrow-next{ display:none;}
.banner .arrow-prev{ display:none;}
.honorlist li{
	width: 48%; margin-bottom:20px;
}
.honorlist .itemempty {
    height: 0px;
    width: 48%;
}
.productlist li{
	width:100%;
}
.productlist .itemempty {
    width:100%;
}
.caselist li{
	width:100%; height:auto; background-color:#fff; margin-bottom:25px;
}
.news li{
	width:100%; margin-bottom:20px;
}
.news .itemempty {
	width:100%; margin-bottom:0px;
}
.contact_wx{
	width:100%;
}
.cases .swiper-slide{transform: scale(0.9);transition: all ease 0.3s;}
.cases .swiper-slide-active{transform: scale(0.95); font-size:16px;}
.cases .swiper-pagination{
	bottom:15px; display:block;
}
.about_pics{
	width:100%; margin-top:10px;
}
.about_cat span{
	font-size:40px;
}
.datainfo li{
	background:none !important; padding-left:0px;
}
.datainfo span{
	font-size:40px;
}
.video{
	height:260px;
}
.honors .swiper-slide{
	margin-right:20px;
}
.honors .swiper-slide img{
	height:180px; width:auto;
}
.ysinfos li{
	width:100%;
}
.title{
	font-size:24px;
}
.yytitle br{
	display:block;
}
.messgbox{
	height:auto;  background-size:cover;
}
.mesg_txt{
	width:100%; margin-bottom:10px; height:50px; line-height:50px;
}
.mesg_sub{
	width:100%; height:50px; line-height:50px;
}
.foot_left{
	width:100%;
}
.foot_mdd{
	width:100%; margin-top:30px;
}
.foot_mdd ul{
	padding-left:20px; padding-right:20px;
}
.contact{
	padding-top:50px;
}
.contact_ico{
	width:150px; height:150px; -moz-background-size:100% auto;  background-size:100% auto;
}
.con_mesg{
	padding:10px; padding-bottom:60px;
}
.message2{
	font-size:20px;
}
.position ul{
	padding-top:20px;
}
.position li{
	height:auto; line-height:45px;
}
.position ul.nomob li{
	line-height:0px;
}
.about_content h2{
	font-size:26px;
}
.about_content h2 span{
	font-size:18px;
}
.servce{
	padding-left:10px; padding-right:10px;
}
.service_title{
	font-size:24px;
}
.content h3{
	font-size:22px;
}
.content_title h2{
	padding-left:35px; padding-right:35px;
}
.back{
	width:230px; height:50px; line-height:50px;
}
.page-numbar{
	display:none !important;
}
.code_txt{
	width:160px;
}
.about_pics_left img{
	margin-bottom:4px;
}
.about_pics_right img{
	margin-bottom:4px;
}
.com_banner{
	max-height:150px;
}
.aboutus_banner{
	max-height:162px;
}
.cases .swiper-slide{transform: scale(1);}
.cases .swiper-slide-active{transform: scale(1);}
.news_content{
	padding:0px; padding-top:25px;
}
.news_content h1{
	font-size:24px;
}
}
@media only screen and (max-width: 414px) {
.com_banner{
	max-height:97px;
}
.aboutus_banner{
	max-height:105px;
}
.position ul{
	width:100%;
}
.position li{
	width:50%; text-align:center;
}
.position li a{
	display:block; padding-left:0px; padding-right:0px; width:100%;
}
}
@media only screen and (max-width: 375px) {
	
.foot_mdd{
	margin-right:0px;
}
.foot_mdd ul{
	padding-left:10px; padding-right:10px;
}
.foot_mdd li{
	width:47%;
}

.foot_mdd img{
	width:100%;
}
}