@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; scrollbar-width: thin;
}
@font-face{
     font-family:robotobold;
	 font-display: auto;
     src:url('../fonts/ROBOTO-MEDIUM.TTF') format('truetype'); font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
@font-face{
     font-family:roboto;
	 font-display: auto;
     src:url('../fonts/ROBOTO-REGULAR.TTF') format('truetype'); font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
body{
	color:#040404;
	background-color:#fff; font-family:"roboto","OPPOSans";
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-family:"roboto","OPPOSans";
	-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: #040404; text-decoration:none;
}
A:link {
	color: #040404; text-decoration:none;
}
A:visited {
	color: #040404; text-decoration:none;
}
A:hover {
	color: #ee1651; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.wrap{
	width:100%;	max-width:1540px; height:auto; margin-left:auto; margin-right:auto;
}
.wrap2{
	width:100%;	max-width:1570px; height:auto; margin-left:auto; margin-right:auto;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.mt80{
	margin-top:80px;
}
.topbox{
	width:100%;	height:42px; line-height:40px; position:absolute; left:0px; top:0px; z-index:100; color:#d4174b; background-color:#1b1e23; text-align:right; padding-right:100px;
}
.topbox a{
	color:#e7e7e7; font-size:14px;
}
.topbox a:hover{
	color:#ffffff;
}
.topbox i{
	margin-left:20px; margin-right:2px;
}
.top04{
	position:relative;
}
.top05{
	position:relative;
}
.top_weixin{
	position:absolute; height:0px; padding-top:14px; overflow:hidden; right:0px; top:18px; z-index:100; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all;
}
.top04:hover .top_weixin{
	height:134px;
}
.top05:hover .top_weixin{
	height:134px;
}
.headbox{
	width:100%;	position:absolute; left:0px; top:42px; z-index:99; padding-left:100px; padding-right:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.logo{
	padding-top:30px;
}
.head_right{
	padding-top:40px;
}
.language{
	width:86px; height:30px; line-height:28px; margin-top:7px; font-size:14px; color:#fff; text-align:center; background-image: linear-gradient(to right, #ee1651, #ff4a7b); border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-o-border-radius:30px; float:right; position:relative; cursor:pointer;
}
.language i:first-child{
	margin-right:2px; font-size:16px;
}
.lang_info{
	position:absolute; left:0px; top:60px; z-index:10; width:95px; text-align:left; padding-top:6px; padding-left:6px; opacity: 0; visibility: hidden;transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.lang_info a{
	font-size:14px;
}
.lang_info img{
	vertical-align:middle;
}
.language:hover .lang_info{
	opacity: 1; visibility: visible; top:30px;
}
.search_bnt{
	float:right; font-size:18px; color:#ec1752; margin-right:30px; padding-top:3px; margin-top:7px; position:relative;
}
.search_bnt a{
	font-size:18px; color:#ec1752;
}
.search{
	width:320px; height:auto; padding:8px; position:absolute; right:0px; top:40px; z-index:-1; background-color:rgba(255,255,255,0.7); opacity: 0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;
}
.search form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:flex-start;
}
.sea_txt{
	width:72%; height:38px; line-height:38px; background-color:#fff; padding-left:10px; border:1px #ddd solid; display:none; border-right:0px; -webkit-appearance: none; border-radius: 0;
}
.sea_sub{
	width:28%; height:38px; line-height:38px; border:0px; background-color:#ee1651; color:#fff; font-size:14px; cursor:pointer; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
}
.search_show{
	 z-index:1111; opacity: 1; transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.search_show .sea_txt{
	display:inline-block;
}
.nav{
	float:right; padding-top:2px;
}
.nav li{
	float:left; padding-bottom:2px; margin-right:55px; position:relative; color:#1c0808;
}
.nav li i{
	margin-left:10px; font-size:12px; color:#ec2d5d;
}
.nav li a{
	color:#1c0808; font-size:18px; line-height:35px; display:inline-block;
}
.nav li:hover a{
	color:#ee1651;
}
.nav li.cur{
	padding-left:20px; padding-right:20px; background-image: linear-gradient(to right, #ee1651, #ff4a7b); border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-o-border-radius:30px;
}
.nav li.cur a{
	color:#fff;
}
.nav li.cur i{
	color:#fff;
}
.nav ul li .sec-menu {
	position:absolute; top: 37px; width: 230px; left:0px; display:none; z-index:111; padding-top:10px; padding-bottom:12px; background-color:#fff; box-shadow: 0 0 4px #e2e2e2; padding-left:10px; padding-right:10px; border-top:3px #ee1651 solid;  border-bottom-left-radius: 5px;  /* 左下角 */
border-bottom-right-radius: 5px; /* 右下角 */
-webkit-border-bottom-left-radius: 5px;  /* 左下角 */
-webkit-border-bottom-right-radius: 5px; /* 右下角 */
}
.nav ul li .sec-menu li{
	text-align:left; list-style-type:none; height:40px; line-height:40px; float:none; margin-right:0px;
}
.nav ul li .sec-menu li a {
	 display:block; font-size:15px; background-position:5px center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; border-bottom:0px;
	transition: all 0.3s; color:#252525; font-weight:normal; padding-left:10px; padding-bottom:0px;
}
.nav ul li .sec-menu li a:link {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:visited {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:hover {
	display:block; line-height:40px; color:#e22738;  background-color:#f8f8f8;
}
.nav ul li.lastsearch{
	display:none;
}
.nav ul li.mlanguage{
	display:none;
}
.mnav{
	display:none;
}
#sec-menu3{
	width:145px;
}
#sec-menu4{
	width:145px;
}
.banner{
	width:100%; height:auto; overflow:hidden; position:relative; transform: translate3d(0,0,0);
}
.banner .swiper-slide{
	width:100%; height:auto; transform: translate3d(0,0,0);
}
.banner img{
	width:100%; height:auto; display:block;
}
.banner .banner_pagination{
	position: absolute; left:0px; text-align:center; bottom:25px; width:100%; z-index:10;
}
.banner .swiper-pagination-bullet{
	display: inline-block;opacity:1;background:#1b1e23;border-radius: 0px;width: 16px;height: 4px;margin: 6px;cursor: pointer;transition: width 0.3s ease-in-out;
}
.banner .swiper-pagination-bullet-active{
	background: #de1f20;
}
.title{
	text-align:center; font-size:52px; font-family:"robotobold"; margin-top:90px;
}
.probox{
	width:100%; height:auto; padding-bottom:100px; background:url('https://img.alicdn.com/imgextra/i2/712096873/O1CN0167IWao20dtFKZbcwy_!!712096873.jpg?t=1756343610000') center bottom no-repeat #feffff;
}
.sub_procat{
	height:auto; margin-top:80px;
}
.sub_procat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.sub_procat li{
	width:auto; height:57px; line-height:57px; background-color:#fff; border-radius:57px;-moz-border-radius:57px;-webkit-border-radius:57px;-o-border-radius:57px; box-shadow: 0 0 18px #dddddd;
}
.sub_procat li a{
	padding-left:35px; padding-right:35px; font-size:20px; line-height:57px; display:block; 
}
.sub_procat li.on{
	background-color:#ee1651;
}
.sub_procat li.on a{
	color:#fff;
}
.sub_procat li:hover{
	background-color:#ee1651;
}
.sub_procat li:hover a{
	color:#fff;
}
.indexprolist{
	height:auto; margin-top:70px;
}
.indexprolist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.indexprolist li{
	width:32%; height:auto; text-align:center; margin-bottom:40px;
}
.indexprolist li .indexprolist_pic{
	width:100%; height:auto; overflow:hidden; margin-bottom:25px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;
}
.indexprolist li 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;
}
.indexprolist li 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 */
}
.indexprolist li a{
	font-size:18px;
}
.indexprolist .itemempty{
    height:0px;
    width:32%; margin-bottom:0px;
}
.indexprolist:after {
    content: "";
    flex: auto;
}
.more{
	width:170px; height:46px; line-height:46px; text-align:center; margin:0 auto; margin-top:40px; background-image: linear-gradient(to right, #ee1651, #ff4a7b); border-radius:46px;-moz-border-radius:46px;-webkit-border-radius:46px;-o-border-radius:46px; box-shadow: 0 0 10px #ee668b;
}
.more a{
	color:#fff; display:block;
}
.more i{
	margin-left:5px; transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all;
}
.more a:hover i{
	margin-left:15px;
}
.aboutbox{
	width:100%; height:auto; padding-top:160px; padding-bottom:100px; background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01qAarya20dtFLT7cqK_!!712096873.jpg?t=1756343562000') center top no-repeat;
}
.aboutus{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_info{
	width:48%;
}
.about_info h4{
	font-size:26px; color:#ee1651;
}
.about_info h2{
	font-size:38px; text-transform:uppercase; margin-top:25px;
}
.about_info p{
	line-height:34px; margin-top:30px;
}
.about_info .more{
	margin:inherit; margin-top:50px;
}
.aboutus_content{
	margin-top:110px; padding-bottom:110px;
}
.aboutus_content h4{
	font-size:26px; color:#ee1651;
}
.aboutus_content h2{
	font-size:38px; text-transform:uppercase; margin-top:25px;
}
.aboutus_content p{
	line-height:34px; margin-top:30px;
}
.about_video{
	width:47%; background:url(../images/about_videobg.png) no-repeat; background-size:cover; padding-bottom:60px;
}
.about_video img{
	width:95%; height:auto; margin-top:-25px; margin-left:-20px;
}
.bodybox{
	position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:1001; background-color:rgba(0,0,0,0.6); display:none;
}
.bodybox a{
	width:100%; height:100%; display:block; cursor:default;
}
.videobox{
	width:100%; height:auto; max-width:1100px; position:fixed; left:50%; top:50%; z-index:1002; display:none;transform: translate(-50%, -50%);
}
.video-js{
	width:100%; height:auto;
}
.closed{
	position:absolute; right:5px; top:5px; z-index:112;
}
.closed a{
	color:#fff;
}
.projectbox{
	width:100%; height:auto; padding-top:1px; padding-bottom:110px; background:url('https://img.alicdn.com/imgextra/i3/712096873/O1CN01ckfKJg20dtFLB671V_!!712096873.jpg?t=1756343391000') center top no-repeat; position:relative;
}
.projectbox .title{
	margin-top:0px;
}
.index_projectlist{
	margin-top:30px; overflow:hidden; transform: translate3d(0,0,0);
}
.index_projectlist .swiper-slide{
	background-color:#fff; padding-bottom:35px; box-shadow: 0 0 25px #dddddd; transform: translate3d(0,0,0); transform:scale(0.9); border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; overflow:hidden;
}
.index_projectlist .swiper-slide img{
	width:100%; height:auto;
}
.index_projectlist .project_info{
	padding-left:20px; padding-right:20px; padding-top:20px;
}
.index_projectlist .project_info span{
	color:#999; display:inline-block; margin-bottom:15px;
}
.index_projectlist .project_info span a{
	color:#999; font-size:16px;
}
.index_projectlist .project_info span a:hover{
	color:#333;
}
.index_projectlist_title{
	height:60px; display:inline-block;
}
.index_projectlist .project_info a{
	font-size:20px; line-height:28px;
}
.index_projectlist .project_info span.project_more{
	background-color:#ee1651; width:120px; height:36px; line-height:36px; text-align:center; margin-top:25px; border-radius:36px;-moz-border-radius:36px;-webkit-border-radius:36px;-o-border-radius:36px; 
}
.index_projectlist .project_info span.project_more a{
	color:#fff; font-size:16px; display:block; line-height:36px;
}
.index_projectlist .projectpagination{
	margin-top:45px; text-align:center;
}
.index_projectlist .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #d1d1d1;
}
.index_projectlist .swiper-pagination-bullet-active{
	background-color:#ee1651;
}
.projectbox .swiper-project-next{
	width:50px; height:50px; text-align:center; line-height:50px; background-color:#f2f2f2; font-size:20px; color:#9e9e9e; position:absolute; right:5%; top:45%; margin-top:-25px; z-index:10; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.projectbox .swiper-project-prev{
	width:50px; height:50px; text-align:center; line-height:50px; background-color:#f2f2f2; font-size:20px; color:#9e9e9e; position:absolute; left:5%; top:45%; margin-top:-25px; z-index:10; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.projectbox .swiper-project-next:hover{
	background-color:#ee1651; color:#fff;
}
.projectbox .swiper-project-prev:hover{
	background-color:#ee1651; color:#fff;
}
.newsbox{
	width:100%; height:auto; background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01YqUbOa20dtFLe2cNI_!!712096873.jpg?t=1756343391000') center top no-repeat; background-size:cover; padding-top:1px; padding-bottom:50px;
}
.sub_newscat{
	height:auto; margin-top:50px;
}
.sub_newscat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;
}
.sub_newscat li{
	width:200px; height:57px; line-height:57px; margin-left:30px; margin-right:30px; text-align:center; background-color:#fff; border-radius:57px;-moz-border-radius:57px;-webkit-border-radius:57px;-o-border-radius:57px; box-shadow: 0 0 18px #dddddd;
}
.sub_newscat li:first-child{
	margin-left:0px;
}
.sub_newscat li:last-child{
	margin-right:0px;
}
.sub_newscat li a{
	font-size:20px; line-height:57px; display:block; 
}
.sub_newscat li.on{
	background-color:#ee1651;
}
.sub_newscat li.on a{
	color:#fff;
}
.tab_con .item{
	display:none;
}
.newslist{
	height:auto; margin-top:50px;
}
.newslist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.newslist li{
	width:31.5%; margin-bottom:50px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; overflow:hidden;
}
.newslist .itemempty{
    height:0px; margin-bottom:0px;
    width:31.5%;
}
.newslist:after {
    content: "";
    flex: auto;
}
.newslist .news_pic{
	width:100%; height:auto; overflow:hidden; position:relative;
}
.newslist li 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;
}
.newslist li:hover img{
	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 */
}
.newslist li:hover{
	background-color:#fff; box-shadow: 0 0 25px #dddddd;
}
.video_bnt{
	width:50px; height:50px; line-height:50px; background-color:rgba(255,255,255,0.9); position:absolute; left:50%; top:50%; z-index:10; transform: translate(-50%, -50%); border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; box-shadow: 0 0 10px #ccc;
}
.video_bnt a{
	display:block; line-height:50px; padding-left:13px;
}
.video_bnt i{
	font-size:26px; color:#ee1651; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
}
.video_bnt:hover i{
	color:#de1f20;
}
.newslist .news_info{
	padding-left:20px; padding-right:20px; padding-top:35px;
}
.newslist .news_info span{
	color:#878787; display:inline-block; margin-bottom:25px;
}
.newslist .news_info a{
	font-size:22px;
}
.newslist .news_more{
	border-top:1px #e1e1e1 solid; margin-top:40px; padding-top:30px; padding-bottom:30px;
}
.newslist .news_more i{
	float:right; font-size:14px; color:#ee1651; margin-top:6px;
}
.newslist .news_more a{
	font-size:18px; color:#ee1651;
}
.quick_nav{
	height:auto; margin-top:90px; margin-bottom:90px;
}
.quick_nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.quick_nav li{
	width:48%; height:162px; padding-top:40px; padding-left:50px; padding-right:50px; background:url(../images/quickbg1.jpg) left center no-repeat; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; overflow:hidden; font-size:22px;
}
.quick_nav li:last-child{
	background:url(../images/quickbg2.jpg) left center no-repeat;
}
.quick_nav li p{
	font-size:16px; margin-top:10px;
}
.quick_nav li span{
	width:116px; height:32px; line-height:32px; margin-top:25px; text-align:center; font-size:16px; float:right; display:inline-block; background-color:#ee1651; border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-o-border-radius:32px;
}
.quick_nav li span a{
	color:#fff;
}

/* about us */

.com_banner{
	width:100%; height:auto;
}
.com_banner img{
	width:100%; height:auto; display:block;
}
.comcat_box{
	width:100%; height:auto; padding-top:25px; padding-bottom:25px; box-shadow: 0 0 15px #dddddd;
}
.com_cat{
	height:auto;
}
.com_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.com_cat li{
	height:40px; line-height:40px; margin-right:60px;
}
.com_cat li:last-child{
	margin-right:0px;
}
.com_cat li a{
	font-size:18px; line-height:40px; display:block;
}
.com_cat li.on{
	background-color:#ed1651; border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px;
}
.com_cat li.on a{
	color:#ffffff; padding-left:30px; padding-right:30px;
}
.historybox{
	width:100%; height:auto; padding-top:1px; padding-bottom:110px; background:url('https://img.alicdn.com/imgextra/i3/712096873/O1CN0131Rm6M20dtFLYRB9g_!!712096873.jpg?t=1756343374000') center top no-repeat; background-size:cover;
}
.historybox .title{
	color:#ee1651; font-size:40px; text-align:left; margin-top:60px;
}
.history{
	background-color:#fff; padding-top:80px; padding-bottom:80px; padding-left:35px; padding-right:35px; margin-top:50px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; 
}
.history_year{
	overflow:hidden; position:relative; padding-top:25px; padding-bottom:25px; background:url(../images/history_yearbg.jpg) left 61px repeat-x; transform: translate3d(0,0,0);
}
.history_year .swiper-slide{
	text-align:center; line-height:20px; padding-bottom:30px; background:url(../images/arrow.png) center bottom no-repeat; font-size:18px; color:#8d8d8d; transform: translate3d(0,0,0);
}
.history_year .swiper-slide-active,.swiper-slide-duplicate-active{
	font-size:28px; color:#ed1651; font-weight:bolder; background:url(../images/arrow2.png) center bottom no-repeat;
}
.history_year .swiper-history-next{
	width:58px; height:58px; line-height:58px; text-align:center; color:#cecece; font-size:18px; position:absolute; z-index:10; background-color:#fff; right:0px; border:1px #cecece solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer; top:37px; overflow:hidden;
}
.history_year .swiper-history-prev{
	width:58px; height:58px; line-height:58px; text-align:center; color:#cecece; font-size:18px; position:absolute; z-index:10; background-color:#fff; left:0px; border:1px #cecece solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;  cursor:pointer; top:37px; overflow:hidden;
}
.history_year .swiper-history-next:hover{
	background-color:#ed1651; color:#fff; border:1px #ed1651 solid;
}
.history_year .swiper-history-prev:hover{
	background-color:#ed1651; color:#fff; border:1px #ed1651 solid;
}
.history_content{
	overflow:hidden; padding-top:60px; transform: translate3d(0,0,0);
}
.history_content .swiper-slide{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; transform: translate3d(0,0,0);
}
.history_content_info{
	width:50%; padding-left:30px; color:#333333; line-height:34px;
}
.history_content_info h3{
	font-size:36px; color:#ed1651; font-weight:normal; margin-bottom:30px;
}
.history_content_info h4{
	font-size:24px; margin-bottom:10px; font-weight:normal;
}
.history_content_pic{
	width:44%; padding-right:30px;
}
.history_content_pic img{
	width:100%; height:auto; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; 
}
.titlered{
	color:#ee1651;
}
.about_honor{
	margin-top:30px; overflow:hidden; padding-bottom:110px; transform: translate3d(0,0,0);
}
.about_honor .swiper-slide{
	 transform: translate3d(0,0,0); transform:scale(0.9); overflow:hidden; font-size:18px; line-height:28px;
}
.about_honor .swiper-slide img{
	width:100%; height:auto; display:block; border:1px #ddd solid; padding:15px; margin-bottom:10px;
}
.about_honor .swiper-slide a{
	font-size:18px; line-height:28px;
}
.about_honor .honorpagination{
	text-align:center; margin-top:20px;
}
.about_honor .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #d1d1d1;
}
.about_honor .swiper-pagination-bullet-active{
	background-color:#ee1651;
}
.aboutcombox{
	width:100%; position:relative;
}
.aboutcombox .swiper-honor-next{
	width:50px; height:50px; text-align:center; line-height:50px; background-color:#f2f2f2; font-size:20px; color:#9e9e9e; position:absolute; right:5%; top:32%; margin-top:-25px; z-index:10; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.aboutcombox .swiper-honor-prev{
	width:50px; height:50px; text-align:center; line-height:50px; background-color:#f2f2f2; font-size:20px; color:#9e9e9e; position:absolute; left:5%; top:32%; margin-top:-25px; z-index:10; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.aboutcombox .swiper-honor-next:hover{
	background-color:#ee1651; color:#fff;
}
.aboutcombox .swiper-honor-prev:hover{
	background-color:#ee1651; color:#fff;
}

/* products */

.procom_box{
	width:100%; height:auto; padding-top:50px; background-color:#f9f9f9;
}
.probottom{
	width:100%; height:60px; background-color:#f9f9f9;
}
.m_products_cat{
	display:none;
}
.products{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products_left{
	width:20%;
}
.products_cat{
	background-color:#fff; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; box-shadow: 0 0 15px #eeeeee; overflow:hidden;
}
.products_cat ul{
	height:auto;
}
.products_cat li{
	border-bottom:1px #e9e9e9 solid; position:relative;
}
.products_cat li i{
	position:absolute; right:20px; top:42%; font-size:14px;
}
.products_cat li a{
	display:block; padding-top:20px; padding-bottom:20px; padding-left:20px; line-height:46px; font-size:18px;
}
.products_cat li:hover a{
	background-color:#ed1651; color:#fff;
}
.products_cat li.on a{
	background-color:#ed1651; color:#fff;
}
.products_cat li:hover i{
	color:#fff;
}
.products_cat li.on i{
	color:#fff;
}
.products_contact{
	background-color:#fff; margin-top:35px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; box-shadow: 0 0 15px #dddddd; overflow:hidden; position:relative;
}
.products_contact img{
	width:100%; height:auto; display:block;
}
.consult_now{
	width:160px; height:38px; text-align:center; position:absolute; left:50%; margin-left:-80px; bottom:25px; background-color:#ed1651; border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;-o-border-radius:38px;
}
.consult_now a{
	line-height:38px; display:block; color:#fff;
}
.products_right{
	width:75.5%;
}
.products_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products_list li{
	width:48%; height:auto; text-align:center; margin-bottom:40px; padding-bottom:40px; overflow:hidden; background-color:#fff; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; box-shadow: 0 0 15px #eeeeee;
}
.products_list li img{
	width:100%; height:auto; display:block; margin-bottom:15px;
}
.products_list li span{
	display:block; background-color:#ee1651; width:160px; height:36px; line-height:36px; margin:0 auto; margin-top:30px; border-radius:36px;-moz-border-radius:36px;-webkit-border-radius:36px;-o-border-radius:36px;
}
.products_list li a{
	font-size:18px;
}
.products_list li a i{
	margin-left:10px; transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all;
}
.products_list li a:hover i{
	margin-left:20px;
}
.products_list li span a{
	color:#fff; font-size:16px;
}
.products_pics{
	overflow:hidden; position:relative; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; transform: translate3d(0,0,0);
}
.products_pics .swiper-slide{
	transform: translate3d(0,0,0);
}
.products_pics img{
	width:100%; height:auto; display:block;
}
.products_right .propagination{
	text-align:center; margin-top:20px;
}
.products_right .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #d1d1d1;
}
.products_right .swiper-pagination-bullet-active{
	background-color:#ee1651;
}
.products_pics .swiper-pro-next{
	width:50px; height:50px; text-align:center; color:#aeabab; font-size:18px; background-color:rgba(255,255,255,0.85); line-height:50px; position:absolute; right:10px; top:50%; margin-top:-25px; z-index:10; border:1px #d8d8d8 solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.products_pics .swiper-pro-prev{
	width:50px; height:50px; text-align:center; color:#aeabab; font-size:18px; background-color:rgba(255,255,255,0.85); line-height:50px; position:absolute; left:10px; top:50%; margin-top:-25px; z-index:10; border:1px #d8d8d8 solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.products_pics .swiper-pro-next:hover{
	color:#fff; background-color:#ed1651; border:1px #ed1651 solid;
}
.products_pics .swiper-pro-prev:hover{
	color:#fff; background-color:#ed1651; border:1px #ed1651 solid;
}
.products_title{
	border-bottom:1px #d4d4d4 solid; padding-bottom:30px; margin-top:50px;
}
.products_title h1{
	font-size:36px; font-weight:normal;
}
.products_title p{
	font-size:24px; color:#ed1651; margin-top:30px;
}
.news_title p{
	font-size:18px;
}
.products_title p span{
	color:#a7a6a7; margin-left:15px;
}
.products_chat{
	margin-top:40px;
}
.products_chat ul{
	margin-bottom:40px;
}
.products_chat li{
	width:300px; height:50px; display:inline-block; border:1px #ee1651 solid; text-align:center; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; text-transform:uppercase;
}
.products_chat li a{
	line-height:50px; display:block; color:#ee1651;
}
.products_chat li i{
	margin-right:10px; font-size:22px; line-height:50px;
}
.products_chat li:first-child{
	background-color:#ee1651; margin-right:20px;
}
.products_chat li:first-child a{
	color:#fff;
}
.products_content{
	background-color:#fff; padding:70px 40px; margin-top:70px; line-height:36px; color:#333; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;
}
.products_content h4{
	font-size:30px; color:#ed1651; border-bottom:1px #d4d4d4 solid; padding-bottom:25px; margin-bottom:30px;
}
.products_content p{
	margin-bottom:30px;
}
.products_content img{
	max-width:100%; height:auto;
}
.projects_content{
	background:none; padding:0px;
}
.message{
	padding-top:40px; padding-bottom:50px; border-bottom:1px #d4d4d4 solid;
}
.mesg_title{
	color:#ee1651;
}
.message form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.mesg_txt{
	width:49%; height:50px; line-height:50px; padding-left:20px; background-color:#fff; border:1px #d4d4d4 solid; margin-bottom:20px; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;
}
.mesg_text{
	width:100%; height:200px; padding-top:10px; line-height:30px; padding-left:20px; background-color:#fff; border:1px #d4d4d4 solid; margin-bottom:20px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;
}
.mesg_sub{
	width:200px; height:50px; background-color:#ed1651; border:0px; cursor:pointer; color:#fff; font-size:18px; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;
}
.checkcode{
	height:50px !important; width:auto !important;
}
.prenext{
	margin-top:30px;
}
.mtop30{
	margin-top:30px;
}

/* projects */

.project_list{
	padding-top:30px; padding-bottom:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.project_list02{
	padding-top:80px; flex-direction:row-reverse;
}
.projectlist_pic{
	width:60%;
}
.projectlist_pic img{
	width:100%; height:auto; display:block; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;
}
.projectlist_info{
	width:34%; font-size:18px; padding-top:50px;
}
.projectlist_info h2{
	font-size:30px; margin-bottom:20px;
}
.projectlist_info p{
	border-bottom:1px #d7d7d7 solid; padding-bottom:35px; line-height:26px;
}
.projectlist_more{
	width:100%; max-width:260px; height:50px; line-height:50px; margin-top:50px; text-align:center; background-image: linear-gradient(to right, #ee1651 20%, #ff4a7b); border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px; box-shadow: 0 0 15px #fd9eb8;
}
.projectlist_more a{
	color:#fff; display:block;
}
.projectlist_more i{
	margin-left:15px;
}
.projects_left{
	width:70%;
}
.projects_left .propagination{
	text-align:center; margin-top:20px;
}
.projects_left .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #d1d1d1;
}
.projects_left .swiper-pagination-bullet-active{
	background-color:#ee1651;
}
.projects_right{
	width:25%; padding-top:30px; padding-left:25px; padding-right:25px; overflow:hidden; background-color:#fff; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; box-shadow: 0 0 15px #eeeeee;
}
.project_title{
	 font-size:26px; color:#ed1651; padding-bottom:20px; font-weight:bolder;
}
.project_rightlist{
	padding-top:30px; border-top:1px #e1e1e1 solid;
}
.project_rightlist li{
	margin-bottom:35px;
}
.project_rightlist li img{
	width:100%; height:auto; display:block; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;
}
.project_rightlist li a{
	font-size:18px; line-height:28px;
}
.project_rightmore{
	border-top:1px #e1e1e1 solid; margin-top:15px; padding-top:15px;
}
.project_rightmore a{
	color:#ee1651;
}
.project_rightmore i{
	color:#ee1651; float:right; font-size:14px; margin-top:6px;
}
.project_rightlist li span{
	color:#878787; display:inline-block; margin-bottom:10px;
}

/* contact us */

.contactus{
	margin-top:100px; padding-bottom:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contactus_info{
	width:48%;
}
.contactus_info h2{
	font-size:40px; color:#ed1651; border-bottom:1px #e5e5e5 solid; padding-bottom:30px;
}
.contactus_info h3{
	font-size:26px; color:#222222; margin-top:55px;
}
.contactus_info ul{
	margin-top:40px;
}
.contactus_info li{
	line-height:60px; font-size:18px; padding-left:70px;
}
.contactus_info li.con01{
	background:url(../images/contactbg.jpg) left 8px no-repeat;
}
.contactus_info li.con02{
	background:url(../images/contactbg.jpg) left -53px no-repeat;
}
.contactus_info li.con03{
	background:url(../images/contactbg.jpg) left -115px no-repeat;
}
.contactus_info li.con04{
	background:url(../images/contactbg.jpg) left -175px no-repeat;
}
.contactus_pic{
	width:48%;
}
.contactus_pic img{
	width:100%; height:auto; display:block;
}
.messagebox{
	background:url(../images/messagebg.jpg) left top repeat-x; padding-top:100px; padding-bottom:150px;
}
.messageinfo{
	height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.message_pic{
	width:40%;
}
.message_pic img{
	width:100%; height:auto; display:block;
}
.message_info{
	width:52%;
}
.message_info h2{
	font-size:36px; color:#ed1651; margin-bottom:25px;
}
.message_info p{
	font-size:18px; line-height:36px;
}
.messageform{
	border-bottom:0px; padding-top:110px;
}





/* footer */

.footbox{
	width:100%; height:auto; padding-top:55px; background:url(../images/footboxbg.jpg) center top no-repeat #1b1e23;
}
.footer{
	height:auto;
}
.foot01{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_share{
	margin-top:30px;
}
.foot_share img{
	margin-left:10px;
}
.foot_share img:hover{
	filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;
}
.share{
	margin-top:30px;
}
.share img{
	margin-right:10px;
}
.share img:hover{
	filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;
}
.foot_contact{
	border-top:1px #373737 solid; border-bottom:1px #373737 solid; padding-top:50px; padding-bottom:50px; margin-top:50px; color:#fff;
}
.foot_contact ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; 
}
.foot_contact li{
	font-size:16px; position:relative; padding-bottom:100px; display:flex; display: -webkit-flex; flex-direction:column; flex-wrap: wrap; align-items: flex-start;
}
.foot_contact li a{
	color:#fff;
}
.foot_contact li a:hover{
	color:#ee1651;
}
.foot_contact li span{
	color:#888888; font-size:16px; display:inline-block;
}
.foot_contact li:first-child{
	font-size:30px;
}
.foot_contact li:first-child span{
	margin-bottom:15px;
}
.foot_contact li i{
	color:#ee1651; position:absolute; left:0px; bottom:0px; border:1px #4d4d4d solid; padding:15px 17px; font-size:20px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin-top:25px;
}
.foot_contact li img{
	border:1px #4d4d4d solid; position:absolute; left:0px; bottom:0px; padding:14px; width:52px; height:auto; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.foot03{
	padding-top:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav{
	width:70%;
}
.foot_nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav li{
	width:25%;
}
.foot_nav li h3{
	margin-bottom:15px;
}
.foot_nav li h3 a{
	color:#ffffff; font-weight:normal;
}
.foot_nav li ul li{
	width:100%;
}
.foot_nav li ul li a{
	color:#acacac; line-height:30px; font-size:14px;
}
.foot_nav li ul li a:hover{
	color:#ffffff;
}
.foot_wechat{
	width:22%; min-width:320px;
}
.foot_wechat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_wechat li{
	width:48%; color:#838383; font-size:14px;
}
.foot_wechat li img{
	margin-bottom:10px;
}
.copyrights{
	border-top:1px #373737 solid; margin-top:50px; padding-top:20px; padding-bottom:60px; color:#838383;
}
.copyrights span{
	float:right;
}
.copyrights img{
	vertical-align:middle;
}
.copyrights a{
	font-size:14px; color:#838383;
}
.copyrights a:hover{
	color:#ffffff;
}
.copyrights img:last-child{
	margin-left:15px;
}
.backtop{
    display: none;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    position: fixed;
    cursor: pointer;
    z-index: 99;
    background: #ed1651 url(../images/top.svg) no-repeat center/22px auto;
}
.backtop a{
	width:44px; height:44px; display:block;
}
.bottomkf{
	display:none;
}
.pages{
	margin:0 auto; text-align:center; margin-top:35px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:18px; margin-left:5px; margin-right:5px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px;
}
.pages ul span.page-numbar{
	font-size:18px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:18px; margin-right:8px; padding-left:20px; padding-right:20px;
}
.pages ul span a{
	color:#555;
	height:50px;
	line-height:50px;
	padding-left:16px;
	padding-right:16px;
	display:inline-block;
	font-size:18px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#ee1651; height:50px; line-height:50px;
	padding-left:16px;
	padding-right:16px; display:inline-block;
}
.pages ul span.page-numbar a:hover{
	padding-left:20px; padding-right:20px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#ee1651;
	padding:0px 4px 0px; padding-left:20px; padding-right:20px;
	color:#fff;
}
.text-secondary{
       font-size:18px; line-height:32px; text-align:center; height:auto; overflow:hidden; color:#888; padding-top:50px;
}

@media only screen and (max-width: 1680px) {
.topbox{
	padding-right:60px;
}
.headbox{
	padding-left:60px; padding-right:60px;
}
.wrap{
	width:100%;	max-width:inherit; height:auto; padding-left:60px; padding-right:60px;
}
.wrap2{
	width:100%;	max-width:inherit; height:auto; padding-left:50px; padding-right:50px;
}
.projectbox .swiper-project-next{
	right:8px;
}
.projectbox .swiper-project-prev{
	left:8px;
}
.aboutcombox .swiper-honor-next{
	right:8px;
}
.aboutcombox .swiper-honor-prev{
	left:8px;
}
}
@media only screen and (max-width: 1560px) {
.nav li{
	margin-right:40px;
}
}
@media only screen and (max-width: 1440px) {
.topbox{
	position:inherit;
}
.logo{
	padding-top:25px;
}
.nav li{
	margin-right:30px;
}
.sub_procat li a{
	padding-left:25px; padding-right:25px;
}
.aboutbox{
	padding-top:120px; padding-bottom:90px; 
}
.about_info h2{
	font-size:32px; line-height:40px;
}
.about_info p{
	line-height:32px;
}
.aboutus_content h2{
	font-size:32px; line-height:40px;
}
.aboutus_content p{
	line-height:32px;
}
.about_video{
	width:47%; background:none; background-size:cover; padding-bottom:60px;
}
.about_video img{
	width:100%; height:auto; margin-top:0px; margin-left:0px;
}
.sub_newscat li{
	margin-left:20px; margin-right:20px;
}
.projectbox{
	padding-bottom:80px; 
}
.products_left{
	width:22%;
}
.products_right{
	width:73%;
}
.projects_left{
	width:65%;
}
.projects_right{
	width:30%;
}
}
@media only screen and (max-width: 1366px) {
.nav li a{
	font-size:16px;
}
.title{
	font-size:48px; margin-top:60px;
}
.sub_procat{
	margin-top:50px;
}
.sub_procat li a{
	font-size:18px;
}
.sub_newscat li{
	width:170px; height:52px; line-height:52px; text-align:center; background-color:#fff; border-radius:52px;-moz-border-radius:52px;-webkit-border-radius:52px;-o-border-radius:52px;
}
.sub_newscat li a{
	font-size:20px; line-height:52px;
}
}
@media only screen and (max-width: 1280px) {
.topbox{
	padding-right:40px;
}
.headbox{
	padding-left:40px; padding-right:40px;
}
.wrap{
	width:100%;	max-width:inherit; height:auto; padding-left:40px; padding-right:40px;
}
.wrap2{
	width:100%;	max-width:inherit; height:auto; padding-left:20px; padding-right:20px;
}
.nav li{
	margin-right:25px;
}
.products_left{
	width:24%;
}
.products_right{
	width:71%;
}
.project_list{
	padding-top:0px; padding-bottom:45px;
}
.project_list02{
	padding-top:45px;
}
.contactus_info{
	width:100%;
}
.contactus_info h2{
	font-size:32px;
}
.message_info h2{
	font-size:32px;
}
.contactus_pic{
	width:100%; margin-top:30px;
}
.message_info{
	width:55%;
}
}
@media only screen and (max-width: 1200px) {
.sub_procat{
	width:1200px; margin-top:35px;
}
.sub_procat li{
	height:52px; line-height:52px; border-radius:52px;-moz-border-radius:52px;-webkit-border-radius:52px;-o-border-radius:52px;
}
.sub_procat li a{
	font-size:17px; line-height:52px;
}
.table-container{
	width: 100%; padding-bottom:15px;
	overflow-y: auto;
	_overflow: auto;
}
}
@media only screen and (max-width: 1100px) {
.headbox{
	position:relative; top:0px; padding-bottom:5px;
}
.banner .banner_pagination{
	bottom: 10px;
}
.logo{
	padding-top:5px;
}
.logo img{
	height:45px; width:auto;
}
.language{
	display:none;
}
.search_bnt{
	display:none;
}
.head_right{
	padding-top:0px;
}
.mnav{
	display:block; float:right; margin-top:20px; width:28px; height:30px; position:relative;
}
.mnav span{display:block; background:#d91425; width:28px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.mnav span:nth-of-type(1){top:0px}
.mnav span:nth-of-type(2){top:9px}
.mnav span:nth-of-type(3){top:18px}
.mnav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.mnav_se span:nth-of-type(2){width:0}
.mnav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
.nav{
	width:100%; height:auto; position:absolute; left:-100%; top:59px; z-index:111; background-color:#fff; justify-content: flex-start; padding-left:20px; padding-right:25px; padding-top:0px; border-top:1px #ddd solid; padding-bottom:30px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all;
}
.nav ul{
	width:100%;
}
.nav li{
	width:100%; float:none; border-bottom:1px #ddd solid; margin-left:0px; margin-top:8px; height:auto; line-height:35px; padding-bottom:8px; background-position:99% 14px !important; padding-right:0px;
}
.nav li i{
	position:absolute; right:0px; top:3px; color:#222;
}
.nav li a{
	line-height:38px; display:block; color:#222; padding-bottom:0px; font-size:16px;
}
.nav li.cur{
	background:none;  border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; padding-left:0px;
}
.nav li.cur a{
	color:#ee1651; border-bottom:0px;
}
.nav_show{
	left:0px;
}
.nav ul li .sec-menu {
	position:inherit; width: 100%; display:none; background:#ffffff; font-size:14px;box-shadow: 0 0 0px #fff; padding-top:10px; padding-bottom:6px; top:auto; margin-top:-10px; box-shadow: 0 0 0px #fff; padding-left:0px; border-top:0px;
}
.nav ul li .sec-menu li{
	border-top:1px #ddd dashed; border-bottom:0px; padding-top:4px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.nav ul li .sec-menu li a {
	background:url(../images/navlibg2.png) 2px center no-repeat; padding-left:15px; font-size:14px;
}
.nav ul li.lastsearch{
	display:block; height:30px; border-bottom:0px; width:100%; background-color:#fff; border:1px #ddd solid; height:auto; margin-top:15px; padding-top:5px; padding-bottom:5px;
}
.nav ul li.lastsearch form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.nav ul li.lastsearch .sealeft{
	padding:0px; width:90%;
}
.nav ul li.lastsearch .seatxt{
	width:100%; height:30px; line-height:30px; padding-left:10px; background-color:#fff;
}
.nav ul li.lastsearch .searight{
	width:10%; padding:0px;
}
.nav ul li.lastsearch .seasub{
	width:100%; height:30px; line-height:30px; text-align:center; background-color:#fff; border:0px;
}
.nav ul li.lastsearch .seasub i{
	position:inherit; font-size:18px; margin-right:10px;
}
.nav ul li.mlanguage{
	display:block; line-height:30px;
}
.nav ul li.mlanguage a{
	display:inline-block; margin-left:3px; margin-right:3px;
}
.nav ul li.mlanguage a.on{
	color:#ee1651;
}
.nav ul li.mlanguage i{
	position:inherit; font-size:20px; margin-left:0px; color:#de1f20 !important;
}
.nav ul li.mlanguage img{
	vertical-align:middle;
}
#sec-menu3{
	width:100%;
}
#sec-menu4{
	width:100%;
}
.aboutbox{
	padding-top:70px; padding-bottom:70px; 
}
.about_info{
	width:100%;
}
.about_video{
	width:100%; padding-bottom:10px; margin-top:50px;
}
.title{
	font-size:42px;
}
.indexprolist{
	margin-top:35px;
}
.projectbox{
	padding-top:35px;
}
.index_projectlist{
	margin-top:20px;
}
.projectbox .swiper-project-next{
	display:none;
}
.projectbox .swiper-project-prev{
	display:none;
}
.aboutcombox .swiper-honor-next{
	display:none;
}
.aboutcombox .swiper-honor-prev{
	display:none;
}
.comprobox{
	display:none;
}
.products_left{
	width:100%; display:none;
}
.products_cat{
	width:auto; height:auto; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; box-shadow: 0 0 0px #fff;
}
.products_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products_cat li{
	width:auto;	height:42px; line-height:42px; margin-right:0px; overflow:hidden; border-bottom:0px;
}
.products_cat li a{
	padding-top:0px; padding-bottom:0px; font-size:16px; line-height:42px; padding-left:25px; padding-right:25px;border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px;
}
.products_cat li.on{
	border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px;
}
.products_cat li i{
	display:none;
}
.products_contact{
	display:none;
}
.m_products_cat{
	background-color:#fff; display:block;
}
.m_products_cat ul{
	display: inline-block; white-space: nowrap;
}
.m_products_cat li{
	display:inline-block; white-space:nowrap; height:45px; line-height:45px; margin-right:40px;
}
.m_products_cat li a{
	padding-top:0px; padding-bottom:0px; font-size:16px; display:block; line-height:45px; border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;-o-border-radius:45px;
}
.m_products_cat li.on{
	border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;-o-border-radius:45px;
}
.m_products_cat li.on a{
	background-color:#ed1651; color:#fff; padding-left:25px; padding-right:25px;
}
.m_products_cat li:last-child{
	margin-right:0px;
}
.m_products_cat .cat_wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
    /*滑块效果*/
}
.m_products_cat .cat_wrap::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #eae8e8;
}
.m_products_cat .cat_wrap::-webkit-scrollbar-track{
    border-radius: 5px;
    background-color: #eae8e8;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.com_cat .cat_wrap::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2);
}
.com_cat .cat_wrap::-webkit-scrollbar-thumb:hover{
    border-radius: 5px;
    background: rgba(0, 0, 0, .4);
}
.products_right{
	width:100%; margin-top:40px;
}
.products_pics .swiper-pro-next{
	display:none;
}
.products_pics .swiper-pro-prev{
	display:none;
}
.projectlist_info h2{
	font-size:26px;
}
.projects_left{
	width:100%;
}
.projects_right{
	width:100%; margin-top:30px;
}
.projects_right ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.projects_right li{
	width:48%;
}
.contactus{
	margin-top:60px; padding-bottom:70px;
}
.messagebox{
	padding-top:60px; background:url(../images/messagebg2.jpg) left top repeat-x; padding-bottom:60px;
}
.quick_nav{
	margin-top:60px; margin-bottom:60px;
}
.foot_contact li:first-child{
	font-size:16px;
}
.foot03{
	justify-content:center;
}
.foot_nav{
	width:100%;
}
.foot_wechat{
	width:100%; padding-top:30px; max-width:320px;
}
}
@media only screen and (max-width: 980px) {
.topbox{
	padding-right:20px;
}
.headbox{
	padding-left:20px; padding-right:20px;
}
.wrap{
	padding-left:20px; padding-right:20px;
}
.wrap2{
	padding-left:20px; padding-right:20px;
}
.history{
	padding-top:50px; padding-bottom:0px; margin-top:50px;
}
.history_year .swiper-slide-active,.swiper-slide-duplicate-active{
	font-size:24px;
}
.history_content_info{
	width:100%; padding-left:0px;
}
.history_content_pic{
	width:100%; padding-right:0px; margin-top:30px;
}
.history_content_info h3{
	font-size:28px;
}
.contactus_info h2{
	font-size:28px;
}
.message_info h2{
	font-size:28px;
}
.messageform{
	padding-top:60px;
}
}
@media only screen and (max-width: 860px) {
.title{
	font-size:36px;
}
.videobox{
	width:95%; max-height:inherit;
}
.video-js{
	max-height:inherit; width:100%; height:auto;
}
.foot_contact li{
	width:45%; margin-bottom:30px;
}
.projectbox{
	padding-bottom:60px; 
}
.newsbox{
	padding-bottom:60px;
}
.top05{
	display:none;
}
.projectlist_info{
	padding-top:20px;
}
.projectlist_more{
	margin-top:30px;
}
.messagebox{
	padding-top:50px;
}
.message_pic{
	display:none;
}
.message_info{
	width:100%;
}
.copyrights{
	text-align:center; padding-bottom:80px;
}
.copyrights span{
	display:block; float:none; margin-top:30px;
}
.m_products_cat li{
	margin-right:30px;
}
.m_products_cat li.on a{
	padding-left:25px; padding-right:25px;
}
.backtop{
	display:none !important;
}
.bottomkf{
	width:100%; height:auto; z-index:1111; right:0px; _right:0px; position: fixed; _position: absolute; bottom:0px; display:block;
}
.bottomkf li{
	width:20%; height:50px; float:left; background-color:#ee1651; text-align:center; color:#fff; margin-bottom:0px; position:relative; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0; position:relative; border-left:1px #e66671 solid;
}
.bottomkf li .wxpic{
	position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; bottom:50px; z-index:10; display:none;
}
.bottomkf li:hover .wxpic{
	display:block;
}
.bottomkf li:first-child{
	border-left:0px;
}
.bottomkf li span{
	display:block;
}
.bottomkf a{
	padding-top:5px; color:#fff; font-size:14px; display:block;
}
.bottomkf a i{
	font-size:18px;
}
}
@media only screen and (max-width: 768px) {
.top04{
	display:none;
}
.indexprolist li{
	width:48%;
}
.newslist li{
	width:48%;
}
.newslist .itemempty{
    width:48%;
}
.indexnews li:last-child{
	display:none;
}
.index_projectlist .swiper-slide{
	transform:scale(0.94);
}
.quick_nav li{
	width:100%; margin-bottom:20px; padding-left:30px; padding-right:30px;
}
.foot_logo img{
	width:200px; height:auto;
}
.com_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.com_cat li{
	height:40px; line-height:40px; margin-right:0px;
}
.left_cat{
	width:auto;
}
.left_cat ul{
	justify-content: flex-start;
}
.left_cat li{
	margin-right:30px;
}
.historybox .title{
	font-size:32px; margin-top:40px;
}
.products_content{
	background:none; padding:0px 0px; margin-top:50px;
}
.products_title h1{
	font-size:32px;
}
.projects_right{
	padding-left:20px; padding-right:20px;
}
}
@media only screen and (max-width: 640px) {
.newslist li{
	width:100%; margin-bottom:10px;
}
.newslist .itemempty{
    width:100%;
}
.newslist li:hover{
	background:none; box-shadow: 0 0 0px #dddddd;
}
.newslist .news_info{
	padding-left:0px; padding-right:0px; padding-top:30px;
}
.indexnews li:last-child{
	display:block;
}
.about_info h2{
	font-size:28px;
}
.aboutus_content h2{
	font-size:28px;
}
.products_title h1{
	font-size:28px;
}
.products_content h4{
	font-size:28px;
}
.products_chat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products_chat li{
	width:48%;
}
.products_chat li:first-child{
	margin-right:0px;
}
.history_year .swiper-slide-active,.swiper-slide-duplicate-active{
	font-size:20px;
}
.history_year .swiper-history-next{
	width:42px; height:42px; line-height:42px; top:47px;
}
.history_year .swiper-history-prev{
	width:42px; height:42px; line-height:42px; top:47px;
}
.products_cat{
	width:980px;
}
.products_cat li a{
	padding-left:20px; padding-right:20px;
}
.projectlist_pic{
	width:100%;
}
.projectlist_info{
	width:100%; margin-top:10px;
}
.m_products_cat li{
	margin-right:20px;
}
.m_products_cat li.on a{
	padding-left:20px; padding-right:20px;
}
}
@media only screen and (max-width: 440px) {
.topbox{
	padding-right:15px; display:none;
}
.headbox{
	padding-left:15px; padding-right:15px;
}
.wrap{
	padding-left:15px; padding-right:15px;
}
.wrap2{
	padding-left:15px; padding-right:15px;
}
.banner .banner_pagination{
	bottom: 5px;
}
.title{
	font-size:28px; margin-top:40px;
}
.about_info h2{
	font-size:20px;
}
.aboutus_content h2{
	font-size:20px;
}
.products_title h1{
	font-size:20px;
}
.products_content h4{
	font-size:24px;
}
.projectlist_info h2{
	font-size:20px;
}
.contactus_info h2{
	font-size:24px;
}
.message_info h2{
	font-size:24px;
}
.products_chat li{
	width:100%;
}
.products_chat li:first-child{
	margin-bottom:15px;
}
.sub_procat{
	width:1000px;
}
.sub_procat li{
	height:45px; line-height:42px; border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;-o-border-radius:45px;
}
.sub_procat li a{
	font-size:16px; line-height:42px; padding-left:15px; padding-right:15px;
}
.sub_newscat li{
	width:145px; height:42px; line-height:42px; margin-left:10px; margin-right:10px; border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px;
}
.sub_newscat li a{
	line-height:42px;
}
.indexprolist li{
	width:100%;
}
.index_projectlist .swiper-slide{
	box-shadow: 0 0 0px #dddddd; transform:scale(1); border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; overflow:hidden;
}
.comcat_box{
	padding-bottom:15px;
}
.com_cat{
	width:580px;
}
.com_cat li.on a{
	padding-left:25px; padding-right:25px;
}
.left_cat{
	width:auto;
}
.left_cat li{
	margin-right:20px;
}
.products_list li{
	width:100%;
}
.mesg_txt{
	width:100%;
}
.yzm_txt{
	width:57%;
}
.mesg_sub{
	width:100%;
}
.projects_right{
	padding-left:0px; padding-right:0px; background:none; box-shadow: 0 0 0px #eeeeee;
}
.projects_right li{
	width:100%;
}
.projectlist_more{
	margin:0 auto; width:220px; margin-top:30px;
}
.foot_logo img{
	width:160px; height:auto;
}
.foot_share{
	margin-top:20px;
}
.foot_share img{
	width:33px; height:auto;
}
.foot_contact li{
}
.foot_contact li:nth-child(2n){
	width:37%;
}
.foot_nav li{
	width:47%; margin-bottom:30px;
}
.foot_nav li ul li{
	margin-bottom:0px;
}
.top02{
	display:none;
}
.backtop{
	display:none !important;
}
.m_products_cat li{
	margin-right:15px;
}
.m_products_cat li.on a{
	padding-left:20px; padding-right:20px;
}
}