@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;
     src:url('../fonts/ROBOTO-MEDIUM.TTF') format('truetype'); font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
@font-face{
     font-family:roboto;
     src:url('../fonts/ROBOTO-REGULAR.TTF') format('truetype'); font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
body{
	color:#333333; background:url(../images/bg.png)  center 150px no-repeat #d0ced1; font-family: Arial, Open Sans, sans-serif;
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-family: Arial, Open Sans, sans-serif;
	-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: #5b5466; text-decoration:none;
}
A:link {
	color: #5b5466; text-decoration:none;
}
A:visited {
	color: #5b5466; text-decoration:none;
}
A:hover {
	color: #770a9c; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.wrap{
	width:1480px; height:auto; background-color:#fff; margin-left:auto; margin-right:auto;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.main{
	 width:1480px; height:auto; overflow:hidden; background-color:#fff; margin-left:auto; margin-right:auto; box-shadow:-5px 0 20px -5px rgba(170, 167, 172, 1), /* 左侧阴影 */ 5px 0 20px -5px rgba(170, 167, 172, 1); /* 右侧阴影 */
}
.header{
	height:auto; font-size:12px; padding-left:100px; border-top:5px #7d2d98 solid; position:relative;
}
.logo{
	float:left; padding-top:20px;
}
.head_right{
	float:right; height:auto;
}
.head_top{
	height:33px; background:url('https://img.alicdn.com/imgextra/i4/712096873/O1CN01b9bcfZ20dtDd30Txt_!!712096873.png') left center no-repeat #7d2d98; padding-left:52px; padding-right:100px;
}
.lang{
	float:right; height:31px; line-height:25px; margin-top:2px; background:url(../images/langbg.png) left 4px no-repeat; padding-left:20px; margin-left:38px; position:relative; padding-right:15px; -moz-background-size:15px auto;  background-size:15px auto; position:relative;
}
.lang a{
	color:#dcc4df;
}
.lang span{
	width:9px; height:6px; display:block; background:url(../images/arrow_down-1.png) left center no-repeat; position:absolute; right:0px; top:8px; -moz-background-size:9px auto;  background-size:9px auto;
}
.lang_info{
	width:120px; overflow:hidden; padding-bottom:3px; padding-left:5px; padding-top:8px; position:absolute; left:0px; top:55px; background-color:#f7f7f7; transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all; opacity: 0; z-index:-1;
}
.lang_info li{
	margin-bottom:4px;
}
.lang_info li a{
	color:#291d3a;
}
.lang_info li a:hover{
	color:#7d2d98;
}
.lang_info img{
	width:22px; height:auto; vertical-align:middle; margin-right:5px;
}
.lang:hover .lang_info{
	top:31px; z-index:1111; opacity: 1;
}
.search{
	float:left; width:150px; height:22px;
}
.seabox{
	position:absolute; right:0px; top:-6px; z-index:11; height:35px; width:170px; background-color:#fff; border:1px #ddd solid; display:none; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; 
}
.search_show{
	display:block;
}
.seabox form{
	
}
.seatxt{
	width:80%; height:30px; line-height:28px; padding-left:7px; color:#dcc4df; font-size:12px;
}
.seatxt::placeholder{
	color:#dcc4df;
}
.seasub{
	width:20px; height:28px; background:url(../images/search_bnt.png) center center no-repeat; -moz-background-size:15px auto; background-size:15px auto; cursor:pointer; float:left;
}
.top_link{
	float:right; height:22px; line-height:22px; margin-top:3px;
}
.top_link a{
	margin-left:35px; color:#dcc4df; text-transform:uppercase;
}
.top_link a:hover{
	color:#fff;
}
.mnav{
	display:none;
}
.m_nav{
	height:0px; overflow:hidden; opacity: 0;
}
.nav{
	padding-top:5px;
}
.nav ul{
	float:right; padding-right:100px;
}
.nav li{
	display:inline-block; background:url(../images/navlibg.jpg) left center no-repeat; padding-left:16px; padding-right:16px; text-transform:uppercase;
}
.nav li:first-child{
	background:none;
}
.nav li:last-child{
	padding-right:0px;
}
.nav li i{
	margin-left:5px; font-size:13px; line-height:20px;
}
.nav li span{
	width:100%; height:3px; display:inline-block; background-color:#700095; position:absolute; left:0px; bottom:0px; opacity: 0;
}
.nav li.cur span{
	opacity: 1;
}
.nav li.cur a{
	color:#700095; font-weight:bolder;
}
.nav li:hover span{
	opacity: 1;
}
.nav li a{
	line-height:53px; font-size:15px; color:#291d3a; display:block; position:relative;
}
.nav li a:hover{
	color:#700095; font-weight:bolder;
}
.pro_catbox{
	width:100%; height:auto; background-color:#fff; position:absolute; left:0px; top:91px; z-index:-1; border-top:1px #eae6eb solid; text-align:left; padding-top:35px; padding-bottom:35px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;opacity: 0;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); font-family:roboto;
}
.pro_catbox_show{
	opacity: 1; z-index:111;
}
.pro_catbox .pro_cat{
	width:20%; border-right:1px #eae6eb solid; padding-left:25px; padding-top:10px; padding-bottom:15px;
}
.pro_catbox .pro_cat:last-child{
	border-right:0px;
}
.pro_catbox img{
	width:50px; height:50px; background-color:#f0e1f5; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; padding:8px; margin-bottom:25px;
}
.pro_catbox .pro_cat:hover img{
     -webkit-animation:swing 1s 0s ease both; animation:swing 1s 0s ease both;
}
.pro_catbox h4{
	color:#8627a6; font-size:16px; margin-bottom:15px;
}
.pro_catbox h4 a{
	color:#8627a6;
}
.pro_catbox li{
	display:block; height:36px; background:none; padding-left:0px; padding-right:0px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-transform:inherit;
}
.pro_catbox li a{
	line-height:36px; font-size:14px; color:#645280; padding-left:0px; padding-right:0px;
}
.pro_catbox li a:hover{
	color:#8627a6; background:none;
}
.pro_catbox2{
	width:312px; height:auto; background-color:#fff; position:absolute; right:0px; top:91px; z-index:-1; border-top:1px #eae6eb solid; text-align:left; padding-top:10px; padding-bottom:5px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;opacity: 0;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); font-family:roboto;
}
.pro_catbox_show2{
	opacity: 1; z-index:111;
}
.pro_catbox2 .pro_cat2{
	width:100%; border-right:1px #eae6eb solid; padding-left:15px; padding-top:10px; padding-bottom:15px;
}
.pro_catbox2 .pro_cat2:last-child{
	border-right:0px;
}
.pro_catbox2 img{
	width:50px; height:50px; background-color:#f0e1f5; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; padding:8px; margin-bottom:25px;
}
.pro_catbox2 .pro_cat2:hover img{
     -webkit-animation:swing 1s 0s ease both; animation:swing 1s 0s ease both;
}
.pro_catbox2 h4{
	color:#8627a6; font-size:14px; margin-bottom:15px;
}
.pro_catbox2 h4 a{
	color:#8627a6;
}
.pro_catbox2 li{
	display:block; height:36px; background:none; padding-left:0px; padding-right:0px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pro_catbox2 li a{
	line-height:36px; font-size:14px; color:#645280; padding-left:0px; padding-right:0px;
}
.pro_catbox2 li a:hover{
	color:#8627a6; background:none;
}
.banner{
	width:100%; height:auto; /*box-shadow:0 5px 15px rgba(227, 225, 228, 1);*/ position:relative; transform: translate3d(0,0,0);
}
.banner .swiper-slide{
	transform: translate3d(0,0,0);
}
.banner img{
	width:100%; height:auto; display:block;
}
.banner .pagination {
	width:100%; position:absolute; left:0px; bottom:10px; z-index:100; text-align:center;
}
.banner .swiper-pagination-bullet {
	display: inline-block;opacity:1; background-color:#c798d7; width: 13px;height: 13px;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%;transform: scale(0.85);
}
.banner .swiper-pagination-bullet-active{
	background:none; border:2px #fff solid;transform: scale(1);
}
.banner .swiper-slide{
	position:relative; overflow:hidden;
}
.banner .banner_txt{
	width:610px; height:auto; position:absolute; right:9%; top:45px; color:#fff; padding-bottom:20px;
}
.banner .banner_txt span{
	background-color:#6f0198; text-transform:uppercase; display:inline-block; padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px; border:1px #73318b solid; border-radius: 38px;-moz-border-radius:38px;-webkit-border-radius:38px;-o-border-radius:38px;
}
.banner .banner_txt h2{
	margin-top:15px;
}
.banner .banner_txt h2 a{
	font-size:24px; line-height:32px; font-weight:normal; font-family:robotobold; text-transform:uppercase; color:#fff; padding-left:2px;
}
.banner .banner_txt p{
	padding-left:2px; margin-top:15px; font-size:15px; line-height:24px;
}
.banner .banner_txt .more{
	margin-top:15px;
}
.banner02 .banner_txt{
	width:100% !important; height:auto; position:absolute; left:0px !important; text-align:center; right:auto !important; top:45px; color:#000000;
}
.banner02 .banner_txt span{
	color:#ffffff;
}
.banner02 .banner_txt h2 a{
	color:#000000;
}
.banner02 .banner_txt p{
	max-width:582px; margin:0 auto; margin-top:10px;
}
.banner03 .banner_txt{
	right:7.3%;
}
.banner03 .banner_txt h2 a{
	color:#000000;
}
.banner03 .banner_txt p{
	color:#000000;
}
.banner04 .banner_txt{
	right:3%;
}
.banner04 .banner_txt h2 a{
	color:#000000;
}
.banner04 .banner_txt p{
	color:#000000;
}
.banner05 .banner_txt{
	right:4%;
}
.banner05 .banner_txt h2 a{
	color:#000000;
}
.banner05 .banner_txt p{
	color:#000000;
}
.line{
	border-top:1px #eae6eb solid;
}
.index_main{
	padding-left:100px; padding-right:100px; margin-top:100px; padding-bottom:120px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.aboutus{
	width:48%; font-size:16px; line-height:24px;
}
.aboutus h3{
	font-size:38px; color:#770a9c; line-height:40px; margin-bottom:20px;
}
.aboutus img{
	width:100%; height:auto; display:block; margin-top:30px;
}
.more{
	width:129px; height:32px; line-height:28px; margin-top:25px; text-align:center;
}
.more a{
	font-size:14px; color:#8627a6; display:block; border:2px #bd8ace solid;
}
.more a:hover{
	background-color:#8627a6; color:#fff; border:2px #8627a6 solid;
}
.index_right{
	width:47%;
}
.newsbox{
	background-color:#f3f3f3; padding-left:100px; padding-right:100px; padding-top:50px; padding-bottom:50px;
}
.aboutnews{
	overflow:hidden;
}
.news{
	
}
.news h3{
	font-size:36px; color:#770a9c; margin-bottom:33px;
}
.news .swiper-slide{
	background-color:#fff; height:180px; box-shadow:0 0 15px rgba(227, 225, 228, 1); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-bottom:32px;
}
.news_pic{
	width:36%; height:auto; overflow:hidden;
}
.news_pic img{
	width:100%; height:100%; display:block; object-fit: cover;
}
.news_info{
	width:58%; padding-top:30px; font-size:14px; line-height:24px; padding-right:10px;
}
.news_info a{
	font-size:16px; color:#770a9c; font-family:robotobold;
}
.news_info a.news_more{
	font-size:12px; font-weight:normal; text-decoration:underline; display:block; margin-top:10px;
}
.news .newspagination {
	text-align:center; margin-top:40px;
}
.news .swiper-pagination-bullet {
	display: inline-block;opacity:1; background-color:#c798d7; border:1px #f3f3f3 solid; width: 13px;height: 13px;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%;
}
.news .swiper-pagination-bullet-active{
	background:none; border:2px #9821c0 solid;
}
.newsbox .more{
	margin:0 auto; margin-top:10px;
}
.index_project ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:10px;
}
.index_project .swiper-slide{
	width:48%;	background-color:#fff; height:180px; box-shadow:0 0 15px rgba(227, 225, 228, 1); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-bottom:32px;
}
.project{
	box-shadow:0 0 15px rgba(227, 225, 228, 1); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:2px;
}
.project_pic{
	width:42.5%; height:auto; overflow:hidden;
}
.project_pic img{
	width:100%; height:100%; display:block; object-fit: cover; 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;
}
.project_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 */
}
.project_info{
	width:53%; padding-top:30px; padding-right:10px;
}
.project_info h4{
	font-size:18px; color:#770a9c;
}
.project_info h4 a{
	font-size:18px; color:#770a9c;
}
.project_info p{
	margin-top:20px; font-size:14px; line-height:24px;
}
.project_info p a{
	font-size:12px; color:#8627a6; text-decoration:underline; margin-top:10px; display:block;
}
.indexvideo{
	margin-top:30px;
}
.footer{
	padding-left:100px; padding-right:100px; padding-top:60px; padding-bottom:40px; background-color:#2b292b; font-size:14px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foog_logo{
	width:50%; color:#908b91;
}
.foog_logo img{
	margin-right:13px;
}
.foog_logo p{
	margin-top:60px; line-height:24px;
}
.foog_logo a{
	color:#908b91;
}
.foog_logo a:hover{
	color:#fff;
}
.foot_contact{
	width:44%;
}
.foot_contact li{
	line-height:24px; color:#cbc7cc; margin-bottom:8px;
}
.foot_contact .con01{
	background:url(../images/con_icon01.png) left 3px no-repeat; padding-left:26px;
}
.foot_contact .con02{
	background:url(../images/con_icon02.png) left 3px no-repeat; padding-left:26px;
}
.foot_contact .con03{
	background:url(../images/con_icon03.png) left 4px no-repeat; padding-left:26px;
}
.foot_contact .con04{
	background:url(../images/con_icon04.png) left 5px no-repeat; padding-left:26px;
}
.foot_contact .con05{
	background:url(../images/con_icon05.png) left 3px no-repeat; padding-left:26px;
}
.foot_contact li a{
	color:#cbc7cc;
}
.foot_contact li a:hover{
	color:#fff;
}
.com_main{
	padding-left:100px; padding-right:100px; margin-top:70px; padding-bottom:120px;
}
.comfoot{
	box-shadow:0px 0 18px -4px rgba(170, 167, 172, 1);
}
.footempty .comfoot{
	box-shadow:0px 0 0px 0px rgba(255, 255, 255, 0);
}
.comcatname h3{
	font-size:36px; color:#770a9c; margin-bottom:6px;
}
.position{
	color:#818b91;
}
.position a{
	font-size:12px; color:#818b91; margin-left:5px; margin-right:5px; text-transform:uppercase;
}
.position a:first-child{
	margin-left:0px;
}
.product_top{
	height:auto; margin-top:70px;
}
.product_top ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.product_top li{
	width:48%; margin-bottom:48px; box-shadow: 0 0 15px #e3e1e4; overflow:hidden; position:relative;
}
.product_top img{
	width:100%; height:auto; display:block;
}
.procat_box{
	width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;
}
.procat_info{
	position:absolute; left:0px; bottom:20px; padding-left:20px; z-index:11; font-size:18px; font-weight:bolder; color:#770a9c;
}
.product_top a{
	display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:11;
}
.procat_info img{
	width:50px; height:50px; background-color:#f0e1f5; display:inline-block; vertical-align:middle; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; padding:8px; margin-right:10px;
}
.procat_info i{
	font-size:14px;
}
.product_top li:hover .procat_box{
	background:url(../images/pro_catbg.png) no-repeat; background-size:cover;
}
.product_top li:hover .procat_info{
	color:#fff;
}
.product_top li:hover .procat_info img{
	background:none; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-right:0px;
}
.probox{
	width:100%; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:70px;
}
.pro_left{
	width:48%; height:auto;
}
.pro_pics{
	width:100%; height:auto; box-shadow: 0 0 15px #e3e1e4; overflow:hidden; transform: translate3d(0,0,0);
}
.swiper-slide{
	width:100%; overflow:hidden; transform: translate3d(0,0,0);
}
.pro_pics img{
	height:478px; width:auto; max-width:100%; display:block; margin:0 auto;
}
.project_pics img{
	width:100%; height:auto; margin-top:10px; margin-bottom:20px;
}
.pro_left .propagination {
	text-align:center; margin-top:15px;
}
.pro_left .swiper-pagination-bullet {
	display: inline-block;opacity:1; background-color:#c798d7; border:1px #f3f3f3 solid; width: 13px;height: 13px;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%;
}
.pro_left .swiper-pagination-bullet-active{
	background:none; border:2px #9821c0 solid;
}
.pro_infos{
	width:46%; height:auto;
}
.pro_infos h1{
	color:#770a9c; font-size:28px; border-bottom:1px #d1d1d1 solid; padding-bottom:30px;
}
.pro_infos span{
	font-weight:bolder; font-size:18px;
}
.pro_download{
	border:2px #bd8ace solid; padding-top:5px; padding-bottom:5px; background:url(../images/downbg.png) 5px center no-repeat; padding-left:30px; margin-top:20px; margin-bottom:25px;
}
.pro_download a{
	color:#770a9c; display:block;
}
.pro_video{
	border:2px #bd8ace solid; padding-top:5px; padding-bottom:5px; background:url(../images/videobg.png) 5px center no-repeat; padding-left:30px; margin-top:20px; margin-bottom:25px;
}
.pro_video a{
	color:#770a9c; display:block;
}
.pro_online{
	width:185px; height:45px; background-color:#770a9c; text-align:center; margin-top:50px;
}
.pro_online a{
	color:#fff; line-height:45px; display:block;
}
.pro_detail_title{
	border-bottom:2px #d1d1d1 solid; font-size:24px; padding-bottom:22px; margin-top:50px; font-weight:bolder;
}
.bodybox{
	position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:110; background-color:rgba(0,0,0,0.6); display:none;
}
.bodybox a{
	width:100%; height:100%; display:block; cursor:default;
}
.videobox{
	width:auto; height:auto; max-width:860px; max-height:480px; position:fixed; left:50%; top:50%; z-index:111; display:none;transform: translate(-50%, -50%);
}
.video-js{
	max-height:480px; width:auto;
}
.about_video{
	width:100%; height:auto;
}
.closed{
	position:absolute; right:5px; top:5px; z-index:112;
}
.closed a{
	color:#fff;
}
.pro_content{
	margin-top:50px; line-height:28px; padding-bottom:60px;
}
.pro_content img{
	max-width:100%; height:auto; vertical-align:top; margin-bottom:15px;
}
.pro_content h3{
	margin-bottom:20px;
}
.pro_content table{
	border-left:1px #ddd solid; border-top:1px #ddd solid; padding:0px; width:100% !important; margin-bottom:15px; margin-top:15px;
}
.pro_content table td{
	border-right:1px #ddd solid; border-bottom:1px #ddd solid; line-height:26px; padding:8px 10px 6px 10px; margin:0px;
}
.pro_content table tr:nth-child(2n-1){
	background-color:#fcfcfc; padding:0px;
}
.pro_content table tr:nth-child(2n){
	background-color:#f7faff; padding:0px;
}
.pro_content table p{
	margin-bottom:0px; margin-left:0px !important;
}
.prenext{
	height:auto; border-top:1px #d1d1d1 solid; border-bottom:1px #d1d1d1 solid; padding-top:20px; padding-bottom:20px;
}
.prenext li{
	line-height:28px; font-size:14px; font-weight:bolder;
}
.prenext li a{
	font-weight:normal;
}
.prorel_list{
	margin-top:50px; overflow:hidden; transform: translate3d(0,0,0);
}
.prorel_list .swiper-slide{
	transform: translate3d(0,0,0);
}
.photorel_list{
	margin-top:1px;
}
.prorel_list span{
	font-size:24px; color:#770a9c;
}
.prorel_list .swiper-wrapper{
	margin-top:30px;
}
.prorel_list img{
	border:1px #e0dae2 solid; width:100%; height:245px; display:block;
}
.prorel_list .prorelpagination {
	text-align:center; margin-top:30px;
}
.prorel_list .swiper-pagination-bullet {
	display: inline-block;opacity:1; background-color:#c798d7; border:1px #f3f3f3 solid; width: 13px;height: 13px;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%;
}
.prorel_list .swiper-pagination-bullet-active{
	background:none; border:2px #9821c0 solid;
}
.prorel_list .prorel_info{
	position:absolute; left:0px; bottom:20px; z-index:12; padding-left:15px; font-size:14px; color:#770a9c; font-family:robotobold;
}
/*.prorel_list a{
	position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; z-index:11;
}
.prorel_list .swiper-slide:hover a{
	background-color:rgba(119,10,156,0.4);
}
.prorel_list .swiper-slide:hover .prorel_info{
	color:#fff;
}*/
.products_list{
	height:auto; margin-top:70px;
}
.products_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products_list li{
	width:23.5%; height:auto; margin-bottom:45px;
}
.products_list li.itemempty{
	width:23.5%; height:0px; margin-bottom:0px;
}
.products_list:after {
    content: "";
    flex: auto;
}
.products_list img{
	width:100%; height:240px; display:block; border:1px #e0dae2 solid; margin-bottom:17px;
}
.products_list a{
	color:#770a9c; font-size:16px; font-family:robotobold; line-height:22px;
}
.project_list{
	height:auto; margin-top:70px;
}
.projectlist{
	margin-top:10px;
}
.project_list h3{
	font-size:22px; color:#770a9c; margin-bottom:20px;
}
.project_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.project_list li{
	width:23.5%; height:auto; margin-bottom:45px;
}
.project_list img{
	width:100%; height:auto; display:block; border:1px #e0dae2 solid; margin-bottom:17px;
}
.project_list a{
	color:#770a9c; font-size:16px; font-family:robotobold; line-height:22px;
}
.about_box{
	margin-top:50px;
}
.contact_box{
	margin-top:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_content{
	line-height:30px;
}
.about_content h3{
	color:#770a9c; margin-bottom:25px;
}
.about_content p{
	margin-top:10px; margin-bottom:50px;
}
.title{
	text-transform:uppercase; font-size:36px; color:#700095; text-align:center; font-family:robotobold; margin-top:30px; margin-bottom:30px;
}
.field_box{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:50px; overflow:hidden;
}
.field_pic{
	width:50%;
}
.field_pic img{
	width:100%; height:auto; display:block;
}
.field_info{
	width:50%;
}
.field_info h2{
	padding-left:50px;
}
.field_info .title{
	text-align:left; padding-left:25px;
}
.field_info li{
	height:auto; overflow:hidden; padding-top:20px; padding-bottom:22px; padding-left:25px; background-color:#f8f2fa;
}
.field_info img{
	vertical-align:middle; margin-right:25px; float:left;
}
.field_info li:nth-child(2n){
	background-color:#ffffff;
}
.field_info li p{
	line-height:30px;
}
.quality{
	padding-top:20px;
}
.quality ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.quality li{
	width:49%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); margin-bottom:30px; line-height:26px;
}
.quality .quality_pic{
	background-color:#fdf8ff; width:165px; height:100%; text-align:center; padding-top:40px; padding-bottom:40px; float:left; width:28%;
}
.quality .quality_pic img{
	margin:0 auto; 
}
.quality .quality_pic .img1{
	display:block;
}
.quality .quality_pic .img2{
	display:none;
}
.quality .quality_info{
	padding-left:48px; float:left; width:62%; padding-top:38px;
}
.quality li:hover{
	background-color:#700095; color:#fff;
}
.quality li:hover .quality_pic{
	background:url(../images/quality_libg.jpg) right center no-repeat #700095;
}
.quality li:hover .quality_pic .img1{
	 -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);
}
.quality li:first-child  .quality_info{
	padding-top:38px;
}
.certification{
	height:auto; padding-bottom:60px;
}
.certification ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.certification li{
	width:49%; height:auto; background:url(../images/aboutus_icon01.png) 30px center no-repeat #fdf8ff; padding-top:18px; padding-bottom:18px; padding-left:70px; margin-top:25px;
}
.golden_motto{
	height:auto; padding-bottom:70px; padding-top:30px;
}
.golden_motto ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.golden_motto li{
	width:25%; text-align:center;
}
.golden_motto img{
	background-color:#fdf8ff; margin-bottom:20px; width:99px; height:99px; padding:15px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; -moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}
.golden_motto li:hover 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;
}
.news_content{
	width:55%; line-height:30px;
}
.news_content img{
	max-width:100%; height:auto;
}
.news_content h3{
	color:#770a9c; margin-bottom:25px;
}
.news_content p{
	margin-top:10px; margin-bottom:50px;
}
.news_content h1{
	color:#770a9b; font-size:28px; margin-bottom:40px; line-height:40px;
}
.contact_content{
	width:42%; line-height:30px;
}
.contact_content p{
	margin-top:5px; margin-bottom:20px;
}
.about_right{
	width:52%;
}
.message_right{
	width:45%;
}
.message h3{
	font-size:28px; color:#770a9c;
}
.message p{
	margin-top:20px; line-height:24px; font-size:14px; margin-bottom:45px;
}
.messg_txt{
	width:100%; height:40px; line-height:40px; margin-bottom:20px; padding-left:15px; border:1px #e8e8e8 solid;
}
.messg_text{
	width:100%; height:100px; padding-top:5px; line-height:24px; margin-bottom:20px; padding-left:15px; border:1px #e8e8e8 solid;
}
.checkcode_txt{
	width:50%; height:40px; line-height:40px; margin-bottom:20px; padding-left:15px; border:1px #e8e8e8 solid;
}
.checkcode{
	height:40px; width:auto; vertical-align:middle;
}
.messg_sub{
	width:100%; height:38px; text-align:center; cursor:pointer; background-color:#fff; color:#770a9c; border:2px #770a9c solid; font-size:16px; font-weight:bolder; margin-top:10px;
}
.about_pics{
	width:100%; overflow:hidden;
}
.about_pics img{
	width:100%; height:auto; display:block;
}
.about_pics .aboutpagination {
	text-align:center; margin-top:20px;
}
.about_pics .swiper-pagination-bullet {
	display: inline-block;opacity:1; background-color:#c798d7; border:1px #f3f3f3 solid; width: 13px;height: 13px;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%;
}
.about_pics .swiper-pagination-bullet-active{
	background:none; border:2px #9821c0 solid;
}
.about_links{
	margin-top:50px;
}
.about_links ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_links li{
	width:23.5%; position:relative; overflow:hidden;
}
.about_links 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;
}
.about_links 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 */
}
.about_links .about_links_tit{
	position:absolute; left:10px; bottom:10px; z-index:10;
}
.about_links .about_links_tit a{
	color:#770a9c; font-weight:bolder;
}
.content{
	line-height:36px; color:#5b5466;
}
.maps{
	margin-top:50px; margin-bottom:50px; position:relative;
}
.maps img{
	width:100%; height:auto; display:block;
}
.emearea{
	width:100%; height:auto;
}
.emearea ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.emearea li{
	width:32%; height:auto; margin-bottom:25px; padding-left:25px; padding-right:25px; padding-top:25px; padding-bottom:30px; background-color:#f6f4f7;
}
.emearea li span{
	line-height:26px; font-size:20px; font-weight:bolder;
}
.emearea li p{
	line-height:26px; margin-top:15px; word-wrap: break-word;
}
.maps span{
	position:absolute; left:12%; top:29%; z-index:10; width:34px; height:21px; display:inline-block;
}
.maps span.local01_all{
	background:url(../images/global_icon01.png) no-repeat;
}
.maps span.local02_all{
	background:url(../images/global_icon02.png) no-repeat;
}
.maps span.local03_all{
	background:url(../images/global_icon03.png) no-repeat;
}
.maps span.local04_all{
	background:url(../images/global_icon04.png) no-repeat;
}
.maps span.local05_all{
	background:url(../images/global_icon05.png) no-repeat;
}
.maps span.local06_all{
	background:url(../images/global_icon06.png) no-repeat;
}
.maps span.local02{
	 left:16.5%; top:48.5%;
}
.maps span.local03{
	 left:22.5%; top:38.5%;
}
.maps span.local04{
	 left:24%; top:58%;
}
.maps span.local05{
	 left:26.5%; top:56.5%;
}
.maps span.local06{
	 left:25%; top:80%;
}
.maps span.local07{
	 left:27.5%; top:72%;
}
.maps span.local08{
	 left:26%; top:85%;
}
.maps span.local09{
	 left:31%; top:65.5%;
}
.maps span.local10{
	 left:42.5%; top:46%;
}
.maps span.local11{
	 left:43.5%; top:38.5%;
}
.maps span.local12{
	 left:45%; top:32.5%;
}
.maps span.local13{
	 left:47%; top:30%;
}
.maps span.local14{
	 left:47%; top:45%;
}
.maps span.local15{
	 left:49%; top:37.1%;
}
.maps span.local16{
	 left:51%; top:38.5%;
}
.maps span.local17{
	 left:41.5%; top:53%;
}
.maps span.local18{
	 left:46%; top:55%;
}
.maps span.local19{
	 left:48%; top:51%;
}
.maps span.local20{
	 left:50%; top:57%;
}
.maps span.local21{
	 left:50%; top:73%;
}
.maps span.local22{
	 left:51%; top:77.5%;
}
.maps span.local23{
	 left:52.5%; top:71%;
}
.maps span.local24{
	 left:52.5%; top:45%;
}
.maps span.local25{
	 left:55.5%; top:56%;
}
.maps span.local26{
	 left:55.5%; top:43%;
}
.maps span.local27{
	 left:57%; top:47.5%;
}
.maps span.local28{
	 left:57%; top:40%;
}
.maps span.local29{
	 left:57.6%; top:53%;
}
.maps span.local30{
	 left:60%; top:49.2%;
}
.maps span.local31{
	 left:61%; top:42%;
}
.maps span.local32{
	 left:61%; top:23%;
}
.maps span.local33{
	 left:63.5%; top:42%;
}
.maps span.local34{
	 left:66%; top:42%;
}
.maps span.local35{
	 left:65.7%; top:36%;
}
.maps span.local36{
	 left:66.5%; top:49%;
}
.maps span.local37{
	 left:68.5%; top:46.5%;
}
.maps span.local38{
	 left:71.5%; top:51%;
}
.maps span.local39{
	 left:72%; top:55.5%;
}
.maps span.local40{
	 left:72.8%; top:61%;
}
.maps span.local41{
	 left:73%; top:50%;
}
.maps span.local42{
	 left:73.3%; top:53.5%;
}
.maps span.local43{
	 left:74.5%; top:53%;
}
.maps span.local44{
	 left:76%; top:61%;
}
.maps span.local45{
	 left:80.2%; top:40.5%;
}
.maps span.local46{
	 left:83.4%; top:40.5%;
}
.maps span.local47{
	 left:84%; top:64%;
}
.maps span.local48{
	 left:85.5%; top:78%;
}
.maps span.local49{
	 left:91.7%; top:86.5%;
}
.service{
	margin:0 auto; margin-top:80px; margin-bottom:70px; width:565px; height:625px; background:url(../images/service_pic01.jpg) center center no-repeat; position:relative;
}
.service span{
	font-size:36px; color:#770a9c; font-weight:bolder;
}
.service_item01{
	width:148px; height:142px; position:absolute; left:73%; top:20%; z-index:1;
}
.service_item01 .ser_txt{
	width:285px; height:112px; position:absolute; left:178px; top:30px; line-height:22px;
}
.service_item02{
	width:149px; height:142px; position:absolute; left:73%; top:57%; z-index:1;
}
.service_item02 .ser_txt{
	width:285px; height:112px; position:absolute; left:178px; top:30px; line-height:22px;
}
.service_item03{
	width:141px; height:160px; position:absolute; left:37.1%; top:73.2%; z-index:1;
}
.service_item03 .ser_txt{
	width:285px; height:112px; position:absolute; left:0px; top:183px; line-height:22px;
}
.service_item04{
	width:149px; height:141px; position:absolute; left:1.5%; top:57%; z-index:1;
}
.service_item04 .ser_txt{
	width:285px; height:112px; position:absolute; right:178px; top:30px; line-height:22px;
}
.service_item05{
	width:148px; height:142px; position:absolute; left:1.5%; top:20%; z-index:1;
}
.service_item05 .ser_txt{
	width:285px; height:112px; position:absolute; right:178px; top:30px; line-height:22px;
}
.service_item06{
	width:141px; height:160px; position:absolute; left:37.2%; top:1%; z-index:1;
}
.service_item06 .ser_txt{
	width:285px; height:112px; position:absolute; left:0px; bottom:143px; line-height:22px;
}
.news_list{
	height:auto; margin-top:80px;
}
.news_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.news_list li{
	width:48%; margin-bottom:48px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 0 15px #e3e1e4; 
}
.cooperator_title{
	color:#770a9c; font-size:28px; border-bottom:1px #d1d1d1 solid; padding-bottom:30px; text-align:center; margin-top:50px; font-weight:bolder;
}
.pages{
	margin:0 auto; text-align:center; padding-top:10px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
	display:inline-block;
	height:36px;
	line-height:36px;
	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:14px; padding-right:14px;
}
.pages ul span a{
	color:#888;
	height:36px;
	line-height:36px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-size:18px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#770a9b; height:36px; line-height:36px;
	padding-left:10px;
	padding-right:10px; display:inline-block;
}
.pages ul span.page-numbar a:hover{
	padding-left:14px; padding-right:14px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#770a9b;
	padding:0px 4px 0px; padding-left:14px; padding-right:14px;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; height:auto; overflow:hidden; color:#888; border-top:1px #ddd dashed; padding-top:25px;
}
@keyframes webfd
{
from  {top: 4px;}
to  {top: -4px;}
}
@-moz-keyframes webfd /* Firefox */
{
from  {top: 4px;}
to  {top: -4px;}
}
@-webkit-keyframes webfd /* Safari 和 Chrome */
{
from  {top: 4px;}
to  {top: -4px;}
}
@-o-keyframes webfd /* Opera */
{
from  {top: 4px;}
to  {top: -4px;}
}
.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; margin-top:-2px;
}
.backtop{
    display: none;
    right: 10px;
    bottom: 10px;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    position: fixed;
    cursor: pointer;
    z-index: 99;
    background: #770a9c url(../images/top.svg) no-repeat center/18px auto;
}
.backtop a{
	width:44px; height:44px; display:block;
}
.bottomkf{
	display:none;
}

@media  (max-width: 1480px) {
.main{
	 width:100%; height:auto; box-shadow:-5px 0 0 -5px rgba(170, 167, 172, 1), /* 左侧阴影 */ 5px 0 0 -5px rgba(170, 167, 172, 1); /* 右侧阴影 */
}
.field_info li{
	padding-top:20px;
}
.quality .quality_pic{
	padding-top:20px; padding-bottom:25px;
}
.quality .quality_info{
	padding-top:28px; padding-bottom:10px; padding-left:20px;
}
.quality li:first-child  .quality_info{
	padding-top:18px;
}
.certification li{
	background:url(../images/aboutus_icon01.png) 15px 21px no-repeat #fdf8ff; padding-left:40px;
}
}
@media  (max-width: 1366px) {
.header{
	padding-left:5%;
}
.head_right{
	width:77%;
}
.head_top{
	padding-right:5%;
}
.lang{
	margin-left:20px;
}
.nav ul{
	padding-right:5%;
}
.banner .banner_txt{
	right:6%;
}
.index_main{
	padding-left:5%; padding-right:5%;
}
.com_main{
	padding-left:5%; padding-right:5%;
}
.newsbox{
	padding-left:5%; padding-right:5%;
}
.footer{
	padding-left:5%; padding-right:5%;
}
.aboutus h3{
	font-size:30px;
}
.news h3{
	font-size:30px;
}
.title{
	font-size:30px;
}
.indexvideo{
	margin-top:30px;
}
.foog_logo p{
	margin-top:40px;
}
.comcatname h3{
	font-size:32px;
}
.field_info li{
	padding-top:16.5px;
}
}
@media  (max-width: 1200px) {
.head_right{
	width:85%;
}
.banner .banner_txt{
	width:48%; right:3%; top:25px;
}
.banner .banner_txt span{
	font-size:12px; padding-top:5px; padding-bottom:5px;
}
.banner .banner_txt h2 a{
	margin-top:5px;
}
.banner .banner_txt h2 a{
	font-size:18px;
}
.banner .banner_txt p{
	font-size:14px; margin-top:5px;
}
.nav li{
	padding-left:12px; padding-right:12px;
}
.service_item01 .ser_txt{
	width:200px;
}
.service_item02 .ser_txt{
	width:200px;
}
.service_item03 .ser_txt{
	width:200px;
}
.service_item04 .ser_txt{
	width:200px;
}
.service_item05 .ser_txt{
	width:200px;
}
.service_item06 .ser_txt{
	width:200px;
}
}
@media  (max-width: 1068px) {
.head_right{
	width:82%;
}
.top_link a{
	margin-left:15px;
}
.nav li{
	padding-left:12px; padding-right:12px; text-transform:inherit;
}
}
@media  (max-width: 1024px) {
.banner .banner_txt h2 a{
	font-size:20px; line-height:28px;
}
.aboutus h3{
	font-size:26px; line-height:32px;
}
.news h3{
	font-size:26px;
}
.title{
	font-size:26px;
}
.aboutus{
	font-size:14px; line-height:22px;
}
.project_info{
	padding-top:18px;
}
.project_info h4{
	font-size:16px;
}
.project_info h4 a{
	font-size:16px;
}
.project_info p{
	margin-top:10px; font-size:12px; line-height:20px;
}
.news_info{
	padding-top:15px; padding-bottom:10px;
}
.news_info a{
	font-size:14px;
}
.products_list li{
	width:32%; margin-bottom:35px;
}
.products_list li.itemempty{
	width:32%; margin-bottom:0px;
}
.products_list img{
	width:100%; height:220px;
}
.project_list li{
	width:48%; margin-bottom:35px;
}
.service{
	width:100%; height:auto; background:none; margin-top:15px; margin-bottom:30px;
}
.service img{
	width:120px; height:auto;
}
.service_item01{
	position:inherit; height:auto; left:0px; top:0px;
}
.service_item01 .ser_txt{
	width:285px; height:auto; position:absolute; left:178px; top:30px;
}
.service_item02{
	position:inherit; height:auto; left:0px; top:0px; margin-top:30px;
}
.service_item02 .ser_txt{
	width:285px; height:auto; position:absolute; left:178px; top:30px;
}
.service_item03{
	position:inherit; height:auto; left:0px; top:0px; margin-top:30px;
}
.service_item03 .ser_txt{
	width:285px; height:auto; position:absolute; left:178px; top:30px;
}
.service_item04{
	position:inherit; height:auto; left:0px; top:0px; margin-top:30px;
}
.service_item04 .ser_txt{
	width:285px; height:auto; position:absolute; left:178px; top:30px;
}
.service_item05{
	position:inherit; height:auto; left:0px; top:0px; margin-top:30px;
}
.service_item05 .ser_txt{
	width:285px; height:auto; position:absolute; left:178px; top:30px;
}
.service_item06{
	position:inherit; height:auto; left:0px; top:0px; margin-top:30px;
}
.service_item06 .ser_txt{
	width:285px; height:auto; position:absolute; left:178px; top:30px;
}
.news_content{
	width:100%;
}
.pro_pics img{
	height:420px;
}
.field_pic{
	width:100%;
}
.field_info{
	width:100%;
}
}
@media  (max-width: 980px) {
.header{
	border-top:2px #7d2d98 solid; height:48px;
}
.head_right{
	width:70%;
}
.head_top{
	background:none;
}
.lang{
	float:right; height:30px; line-height:25px; margin-top:11px; background:url(../images/langbg.svg) left 4px no-repeat; padding-left:20px; margin-left:20px; position:relative; padding-right:15px; -moz-background-size:15px auto;  background-size:15px auto; position:relative;
}
.lang a{
	color:#655966;
}
.lang span{
	width:9px; height:6px; display:block; background:url(../images/arrow_down-2.png) left center no-repeat; position:absolute; right:0px; top:8px; -moz-background-size:9px auto;  background-size:9px auto;
}
.logo{
	padding-top:7px;
}
.logo img{
	width:90px;
}
.top_link{
	display:none;
}
.nav{
	display:none;
}
.search{
	margin-left:20px; display:none;
}
.mnav{
	display:block; float:right; margin-top:14px; width:24px; height:30px; position:relative;
}
.mnav span{display:block;background:#770a9c; width:24px;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:8px}
.mnav span:nth-of-type(3){top:16px}
.mnav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.mnav_se span:nth-of-type(2){width:0}
.mnav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}
.m_nav{
	width:100%; height:auto; position:absolute; left:-100%; top:48px; z-index:111; opacity: 1; background-color:#fff; justify-content: flex-start; padding-left:25px; 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; 
}
.m_nav ul{
	width:100%;
}
.m_nav li{
	width:100%; float:none; border-bottom:1px #ddd solid; margin-left:0px; margin-top:5px; height:auto; line-height:35px; padding-right:0px; position:relative;
}
.m_nav li i{
	position:absolute; right:1px; top:0px; color:#4b3d60;
}
.m_nav li a{
	line-height:38px; display:block; color:#4b3d60; padding-bottom:0px; font-size:16px;
}
.m_nav li a:hover{
	color:#770a9c;
}
.m_nav li.cur a{
	color:#770a9c; border-bottom:0px;
}
.nav_show{
	left:0px;
}
.m_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;
}
.m_nav ul li .sec-menu li{
	border-top:1px #ddd dashed; border-bottom:0px; padding-top:5px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-top:0px;
}
.m_nav ul li .sec-menu li a {
	background:url(../images/navlibg2.png) 2px center no-repeat; padding-left:15px; font-size:14px; color:#4b3d60;
}
.m_nav ul li .sec-menu li a:hover{
	color:#770a9c;
}
}
@media  (max-width: 860px) {
.header{
	padding-left:25px;
}
.head_top{
	padding-right:25px;
}
.nav ul{
	padding-right:25px;
}
.banner .banner_txt{
	width:40%; right:5px;
}
.banner .banner_txt p{
	display:none;
}
.index_main{
	padding-left:25px; padding-right:25px; margin-top:60px; padding-bottom:80px;
}
.com_main{
	padding-left:25px; padding-right:25px; margin-top:50px;
}
.newsbox{
	padding-left:25px; padding-right:25px;
}
.footer{
	padding-left:25px; padding-right:25px; padding-bottom:75px;
}
.banner .banner_txt h2 a{
	font-size:18px; line-height:26px;
}
.banner img{
	height:280px; width:auto;
}
.top_link a{
	margin-left:20px;
}
.aboutus{
	width:100%;
}
.aboutus h3{
	font-size:24px;
}
.news h3{
	font-size:24px;
}
.title{
	font-size:24px;
}
.index_right{
	width:100%; margin-top:50px;
}
.project_pic{
	width:30%;
}
.project_info{
	width:65%; padding-top:30px;
}
.project_info p{
	font-size:14px; line-height:24px;
}
.project_info p a{
	font-size:14px;
}
.index_project .swiper-slide{
	width:100%;
}
.news .swiper-slide{
	/*box-shadow:0 0 0px rgba(227, 225, 228, 1);*/
}
.news_pic{
	width:30%;
}
.news_info{
	width:65%;
}
.news_info{
	padding-top:30px;
}
.news_info a{
	font-size:16px;
}
.footer{
	flex-direction:column-reverse; 
}
.foog_logo{
	width:100%; margin-top:50px; text-align:center;
}
.foot_contact{
	width:100%;
}
.comcatname h3{
	font-size:28px;
}
.pro_left{
	width:100%;
}
.pro_infos{
	width:100%; margin-top:30px;
}
.pro_pics img{
	width:100%; height:auto;
}
.about_content{
	width:100%;
}
.about_right{
	width:100%;
}
.message_right{
	width:100%;
}
.messg_sub{
	width:100%;
}
.about_links li{
	width:48%; margin-bottom:30px;
}
.emearea li{
	width:48%;
}
.news_list li{
	width:100%; margin-bottom:38px;
}
.news_content h1{
	font-size:24px; line-height:38px;
}
.videobox{
	width:95%; max-height:inherit;
}
.video-js{
	max-height:inherit; width:100%; height:auto;
}
.prorel_list img{
	height:200px;
}
.quality li{
	width:100%;
}
.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:#7d2d98; 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 #a057ba 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;
}
.backtop{
	display:none !important;
}
}
@media  (max-width: 768px) {
.banner .banner_txt{
	right:0px; width:100%; top:15%; text-align:center; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px;
}
.banner .banner_txt h2 a{
	font-size:16px; color:#760d9d; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; /* 为文字添加白色描边 */
}
.product_top li{
	width:100%;
}
.comcatname h3{
	font-size:26px;
}
.pro_infos h1{
	font-size:24px;
}
.cooperator_title{
	font-size:24px; padding-bottom:25px;
}
.products_list li{
	width:48%;
}
.products_list li.itemempty{
	width:48%;
}
.products_list img{
	width:100%; height:250px;
}
.news_content h1{
	font-size:22px; line-height:36px;
}
}
@media  (max-width: 640px) {
.project_info{
	padding-bottom:20px;
}
.service span{
	font-size:32px;
}
.service img{
	width:95px; height:auto;
}
.service_item01 .ser_txt{
	left:120px; top:15px;
}
.service_item02 .ser_txt{
	left:120px; top:15px;
}
.service_item03 .ser_txt{
	left:120px; top:15px;
}
.service_item04 .ser_txt{
	left:120px; top:15px;
}
.service_item05 .ser_txt{
	left:120px; top:15px;
}
.service_item06 .ser_txt{
	left:120px; top:15px;
}
.news_content h1{
	font-size:20px; line-height:30px;
}
.products_list img{
	width:100%; height:220px;
}
.about_logo{
	width:280px; height:auto;
}
.golden_motto li{
	width:50%; margin-bottom:20px;
}
}
@media  (max-width: 440px) {
.header{
	padding-left:15px;
}
.head_top{
	padding-right:15px;
}
.search{
	display:none;
}
.index_main{
	padding-left:15px; padding-right:15px;
}
.com_main{
	padding-left:15px; padding-right:15px;
}
.newsbox{
	padding-left:15px; padding-right:15px;
}
.footer{
	padding-left:15px; padding-right:15px;
}
.m_nav{
	padding-left:15px; padding-right:15px;
}
.banner .banner_txt{
	padding-top:10px;
}
.banner img{
	height:220px; width:auto;
}
.project_pic{
	width:42%;
}
.project_info{
	width:54%; padding-top:15px;
}
.project_info p{
	font-size:12px; line-height:20px;
}
.project_info p a{
	font-size:12px;
}
.news_pic{
	width:42%;
}
.news_info{
	width:54%; padding-top:15px;
}
.news_info a{
	font-size:14px; line-height:22px;
}
.pro_infos h1{
	font-size:20px;
}
.cooperator_title{
	font-size:20px;
}
.products_list li{
	width:100%;
}
.products_list li.itemempty{
	width:100%;
}
.products_list img{
	width:100%; height:260px;
}
.project_list li{
	width:100%;
}
.project_list li.itemempty{
	width:100%;
}
.comcatname h3{
	font-size:22px;
}
.emearea li{
	width:100%;
}
.emearea li span{
	font-size:18px;
}
.service img{
	width:75px; height:auto;
}
.service_item01 .ser_txt{
	left:100px; top:10px;
}
.service_item02 .ser_txt{
	left:100px; top:10px;
}
.service_item03 .ser_txt{
	left:100px; top:10px;
}
.service_item04 .ser_txt{
	left:100px; top:10px;
}
.service_item05 .ser_txt{
	left:100px; top:10px;
}
.service_item06 .ser_txt{
	left:100px; top:10px;
}
.prorel_list img{
	height:260px;
}
.about_logo{
	width:220px; height:auto;
}
.field_info li{
	padding-left:15px;
}
.quality .quality_pic img{
	width:80px; height:auto; vertical-align:middle;
}
.quality .quality_info{
	padding-top:15px;
}
.pro_online{
	width:100%; margin-right:0px;
}
}
@media  (max-width: 375px) {
.header{
	padding-left:10px;
}
.head_top{
	padding-right:10px;
}
.index_main{
	padding-left:10px; padding-right:10px;
}
.index_main{
	padding-left:10px; padding-right:10px;
}
.newsbox{
	padding-left:10px; padding-right:10px;
}
.footer{
	padding-left:10px; padding-right:10px;
}
.m_nav{
	padding-left:10px; padding-right:10px;
}
.search{
	margin-left:15px;
}
}