html,body{width: 100%;font-size:16px;}
body{
	margin-top: 90px; color: #333;
}
*{margin:0; padding:0;font-family: "Microsoft Yahei", 微软雅黑, "Hiragino Sans GB", 冬青黑体, Arial, Helvetica, SimHei, 黑体, STXihei, 华文细黑, sans-serif;}
em{ font-style:normal;}
img { max-width: 100%; border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div, ul, li, span, a {
    box-sizing: border-box;
}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333;}
@charset "utf-8";



/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3913870 */
  src: url('//at.alicdn.com/t/c/font_3913870_rvwvuv794m.woff2?t=1678939418506') format('woff2'),
       url('//at.alicdn.com/t/c/font_3913870_rvwvuv794m.woff?t=1678939418506') format('woff'),
       url('//at.alicdn.com/t/c/font_3913870_rvwvuv794m.ttf?t=1678939418506') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size: 22px; font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*自定义常用配制*/
.l { float:left; }.r { float:right; }
.w { width:100%; }.h { height: 100%; }.full{ width: 100%; height: 100%;}
.cer0{ max-width: 1200px; margin: 0 auto;}
.cer{ width:80%; margin:0 auto; padding: 0 20px;}
.cer1{ max-width:1720px; margin:0 auto; padding: 0 20px;}
.cer2{ max-width:1520px; margin:0 auto; padding: 0 20px;}

.b { font-weight:bold } .n{ font-weight: normal;}
.tc { text-align:center }.tr { text-align:right }
.posr { position:relative } .ikong{ display: inline-block; width: 14px;}
.h30{ width: 100%; height: 30px;}.h40{ width: 100%; height: 40px;}.h50{ width: 100%; height: 50px;}
.h60{ width: 100%; height: 60px;}.h70{ width: 100%; height: 70px;}.h80{ width: 100%; height: 80px;}
.h90{ width: 100%; height: 90px;}.h100{ width: 100%; height: 100px;}.h110{ width: 100%; height: 110px;}
.h120{ width: 100%; height: 120px;}

.disn { display:none }.disb { display:block }.dib{display: inline-block;}
.ov { overflow:hidden }.cur { cursor:pointer }
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.op70 { filter:alpha(opacity=70); opacity:0.7;}
a.aftl{position: relative; padding-bottom: 1px;}
a.aftl::after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0;border-bottom: 1px solid #f5951c; -webkit-transition: .3s; transition: .3s;}
a.aftl:hover::after{ width: 100%; left:0;transition: width 0.3s; -webkit-transition: width 0.3s;}
::-webkit-input-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
::-ms-input-placeholder{ color:#999;}


.sil-particles {position: fixed;z-index: 99;display: block;width: 100%;height: 100%;pointer-events: none;}
.cate1 {text-align: center;position: relative;padding-bottom: 36px;}
.cate1:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 50px;height: 1px;margin-left: -25px;background-color: #fff;}
.cate1 .en {font-size: 24px;color: #e6462e;line-height: 24px;font-family: arial;text-transform: uppercase;font-weight: bold;letter-spacing: 3px;}
.cate1 .cn {font-size: 18px;color: #fff;line-height: 30px;margin-top: 8px;width: 100%;position: relative;overflow: hidden;height: 30px;}
.cate1 .cn:before {content: '';position: absolute;left: 0;top: 50%;z-index: 0;width: 50%;height: 1px;background-color: rgba(255, 255, 255, 0.1);margin-left: -74px;}
.cate1 .cn:after {content: '';position: absolute;right: 0;top: 50%;z-index: 0;width: 50%;height: 1px;background-color: rgba(255, 255, 255, 0.1);margin-right: -74px;}

/*主导航多级菜单*/
.all{ width: 100%; overflow: hidden; position: relative;}
/* 头部 */
.head{
	background: #616161; width: 100%; min-width: 480px; height: 90px; position: fixed; z-index: 40; top:0;-webkit-transition: 0.3s; transition: 0.3s;
}
.head.mini{ background-color: rgba(36,43,58,0.9);}
.head.special{ background-color: rgba(36,43,58,0.9);}
.logo{ width: 490px; height: 90px; font-size: 0; line-height: 90px;position: absolute; left: 35px; top:8.5px; z-index: 1; overflow: hidden;}
.logo img{ max-height: 100%;}
.headshadow{ width: 100%; height: 90px;}
.topsouout{ padding:15px 0; background-color: rgba(51,51,51,0.8); position: absolute; display: none; z-index: 8; width: 100%; right:0; top:100%; font-size: 16px; line-height: 40px;}
.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:100%;background-color: #333; margin: 0 auto; overflow:hidden;}
.topsou input.shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;}
.topsou input.anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;background-color: #09834c; color: #fff; text-align: center;}


.nav{ position: absolute; left: 38%; z-index: 3; height: 90px; line-height: 90px}
.nav>li{ float: left; height: 100%; position: relative;}
.nav>li>a{ display: block; width: 100px; height: 90px; position: relative; z-index: 2;font-size: 17px; line-height: 90px; color: white; text-align: center;}
.nav>li>a:before{ content: ''; position: absolute; left: -2px; top: 0; z-index: 0;width: 4px; height: 100%; display: none;}
.nav>li:hover>a,.nav>li.on>a{ color: #e58012;}
.nav .active a{
	color: #e58012;
}
@media screen and (max-width:1380px){
	.nav{right:10%; width: 65%;}
	.nav>li{width: calc(86%/8);}
}

@media screen and (max-width:1550px){
	.nav>li>a{
		width: 96px;
	}
}
@media screen and (max-width:1380px){
.logo{ left: 0;}
.navbtn{ right: 30px;}
}
@media screen and (max-width:1200px){
.nav{ display: none;}
}
@media screen and (max-width:1000px){
.logo{ left: 20px;}
.navbtn{ right: 20px;}
}
@media screen and (max-width:770px){
.logo{ height:52px; }
}

.head_menu {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 45;display: none;background: url('../images/navbg.jpg') center no-repeat;}
.head_menu .item{float: left;width:14%;overflow:auto;height:100%;}
.head_menu .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;}
.head_menu .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.head_menu .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#fff;}
.head_menu .item .pad{padding:200px 0 0 30px;}
.head_menu .item h4{font-size:24px;color:#fff;}
.head_menu .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;}
.head_menu .item span{font-size:14px;color:#fff;}
.head_menu .item ul{padding-top:10px;width:auto;margin:0;}
.head_menu .item ul li{width:100%;text-align: left;}
.head_menu .item ul li a{font-size:16px;color:#fff;height:40px;line-height:40px;cursor:pointer; margin-top:20px;transition: .5s;}
.head_menu .item ul li a:hover{ padding-left:15px}

.nav li div {display:none;width:165px;text-align:center;color:#fff;position:absolute;top:100%;background: linear-gradient(to right, #646464,#999999); z-index:9999 ;  box-sizing:border-box;}
.nav li.active{
	display: block; height: auto;
} div
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px!important;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.nav li div a:hover {color:#fff;  background:#f49716!important; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }

@media( max-width:1210px ){
	.head_menu{overflow:auto;min-height:100%;}
	.head_menu .item{float:none;width:100%;height:auto;}
	.head_menu .item .pad{padding:30px 40px 0;}
	.head_menu .item h4{font-size:18px;}
	.head_menu .item ul li{width:50%;text-align: left; float: left;}
	.head_menu .item ul li a{font-size:14px;height:28px;line-height:28px;}
	.head_menu .item:last-child{padding-bottom:40px;}
}

/* banner */
#banner{ width: 350px; height: 438px; position: absolute; z-index: 1; top: 50%; left:50%;margin-top: -240px; padding: 0 100px 40px;}
#banner .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left: -30px; bottom:20px; z-index:1; }
#banner .hd ul{ overflow:hidden; zoom:1; float:left;}
#banner .hd ul li{ float:left; margin-right:10px; width:10px; height:10px; cursor:pointer;background: url('../images/dot02.png') center; opacity: 0.3;}
#banner .hd ul li.on{ opacity: 0.7;}
#banner .bd{ position:relative; z-index:0; width: 350px; height: 438px; overflow: hidden;}
#banner .bd li{ zoom:1;}

/* 下面是前/后按钮代码 */
#banner .prev,#banner .next{ position:absolute; top:50%; margin-top:-26px; display:block;width:52px; height:52px;}
#banner .prev{ left: 0;  background:url('../images/xiaoyu1.png') center no-repeat;}
#banner .next{ right:0;  background:url('../images/dayu1.png') center no-repeat;}
#banner .prev:hover{ background-image: url('../images/xiaoyu1h.png')}
#banner .next:hover{ background-image: url('../images/dayu1h.png')}

.newban .flex-direction-nav a{width:54px;height:80px; display:block;position:absolute;  top: 50%; margin-top: -40px; z-index: 4; font-size: 0;}
.newban .flex-direction-nav a.flex-prev{ left: 0; background: rgba(0,0,0,0.3) url('../images/lt1.png') center no-repeat;}
.newban .flex-direction-nav a.flex-next{ right: 0; background: rgba(0,0,0,0.3) url('../images/gt1.png') center no-repeat;}
.newban .flex-direction-nav a:hover{ background-color: rgba(0,0,0,0.6);}
.newban .flex-control-paging{ height: 35px; font-size: 0; text-align: center;position: absolute; bottom: 30px; right: 50%; margin-right: -760px; z-index: 3;}
.newban .flex-control-paging li{ display: inline-block; overflow:hidden; width: 45px; height: 35px;}
.newban .flex-control-paging li a{ width:45px; height:35px; display: block; cursor:pointer;background: url('../images/dot1.png') center no-repeat;}
.newban .flex-control-paging li a.flex-active{ background-image: url('../images/dot1h.png');}


.newban{ position:relative; width: 100%;  overflow: hidden; z-index: 1;}
.flexslider{ position: relative; overflow: hidden; width: 100%; }
.flexslider .flex-viewport {}
.flexslider .slides{ overflow: hidden; }
.flexslider .slides li{  -webkit-backface-visibility:hidden; position: relative;}
.flexslider .slides li .wrap{ display: block; width: 100%;background-color: #eee; position: relative; overflow: hidden;}
.flexslider .slides .wrap>img{ position: relative; width: 100%;top:0; z-index: 1; left:0; object-fit:cover;}
/*.flexslider li .wrap:before{ content: ''; position: absolute; left: 0; bottom:0; z-index: 2;width: 0; height: 2px; background-color: #0098d9;}
.flexslider li.ac .wrap:before{ transition: linear 6s; width: 100%;}*/
.flexslider:before{ content: ''; position: absolute; left: 0; bottom: 47px; z-index: 2;width: 100%; height: 2px; background-color: rgba(255,255,255,0.5);}
.flexslider .slides .wrap>img {-webkit-transition: -webkit-transform 1s ease-in; transition: transform 1s ease-in;transform:scale(1); -webkit-transform:scale(1);}
.flexslider .slides .ac .wrap>img{ -webkit-transition: -webkit-transform 5s ease-in; transition: transform 5s ease-in;transform:scale(1.08); -webkit-transform:scale(1.08);}

.bantxt2{ position: absolute; bottom: 0; left: 0; width: 450px; height: 100px; z-index: 3;color: #fff; line-height: 100px; font-size: 0; padding-left: 100px; background-color: #f39b19;}
.bantxt2 *{ display: inline-block; vertical-align: middle;}
.bantxt2 img{ max-height: 100%;}
.bantxt2 span{ font-size: 24px; font-weight: bold;}
.bantxt2 i{ font-size: 24px; font-style: normal;}
.bantxt2 .hx{ display: inline-block; margin: 0 32px; width: 77px; height: 1px; background-color: #fff;}

.btt2{ position: absolute; top:50%; left:50%; z-index: 1; margin-left: -600px; margin-top: -86px;}
.btt1{ position: absolute; top:50%; left:50%; width: 694px; height: 266px; z-index: 2;margin-left: -600px; margin-top: -104px;}
.btt1 img,.btt2 img,.btt3 img{ width: 100%;}
.btt1,.btt2,.btt3{ transition-duration: 1.2s; -moz-transition-duration: 1.2s;-webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s;}
.ac .finu, .ac .find{ -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity: 1;-o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.ac .finl, .ac .finr{ -webkit-transform:translateX(0); -moz-transform:translateX(0); opacity: 1;-o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.ac .findsc05{ -webkit-transform:translateY(0) scale(1, 1); -moz-transform:translateY(0) scale(1, 1);-o-transform:translateY(0) scale(1, 1); -ms-transform:translateY(0) scale(1, 1);transform:translateY(0) scale(1, 1); opacity: 1;}
.ac .scl05,.ac .scl01{ -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1);-moz-transform:scale(1, 1); -ms-transform:scale(1, 1); opacity: 1;}
.ac .finrsc05, .ac .finlsc05{ -webkit-transform:translateX(0) scale(1, 1); -moz-transform:translateX(0) scale(1, 1);-o-transform:translateX(0) scale(1, 1); -ms-transform:translateX(0) scale(1, 1);transform:translateX(0) scale(1, 1); opacity: 1;}


@media screen and (max-width:1580px){
.newban .flex-control-paging{ right: 20px; margin-right: 0;}
}
@media screen and (max-width:1280px){
.btt1,.btt2,.btt3{ margin-left: 0; left:100px;}
}
@media screen and (max-width:1024px){
.bantxt2{ width: auto; padding: 0 50px; height: 50px; line-height: 50px; bottom: 25px;}
.bantxt2 img{ display: none;}
.bantxt2 .hx{ margin-left: 0;}

.btt1,.btt2,.btt3{ width: 60%; height: auto; top:50%; margin-top: 0;}
.btt1 img,.btt2 img,.btt3 img{ -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.newban .flex-direction-nav a{ width: 36px;}
}
@media screen and (max-width:750px){
.bantxt2{ padding: 0 25px; background-color: transparent; bottom: 5px;}
.bantxt2 .hx{ display: none;}
.newban .flex-control-paging{ bottom: 10px;}
.flexslider:before{ bottom: 27px;}
}
@media screen and (max-width:640px){
.btt1,.btt2,.btt3{ width: 50%;}
.newban .flex-direction-nav a{ display: none;}

}


/*公司简介*/
.about{width: 100%;display: flex;flex-wrap: wrap; background: url("../images/aboutbg.jpg") no-repeat left top; margin-bottom: 4%;}
.about .about_l{padding: 4% 50px 20px 7% !important; width: 50%;}
.about .about_l h2{ margin-bottom: 5%; color: #1a2b5f; font-weight: bold}
.about .about_l h2 em{display: block; font-family: impact; text-transform: uppercase; font-style: italic;}
.about .about_l h2 span{ color: #e58012; }
.about .about_l p{ line-height: 31px; text-indent: 2em; margin-bottom: 20px}
.button{
	margin-top: 10%;
}
.button a{
	display: block;
	width: 320px; height: 80px; line-height: 80px; border: 1px solid #666;
	text-align: center;
	transition: .5s;
}
.button a:hover{
	border-color: white;
	background: #e58112; color: white; font-weight: bolder
}
.PubLink {display: inline-block;color: rgb(102, 102, 102);width: 50%;max-width: 256px;line-height: 62px;text-align: center;font-family:  Times New Roman;font-size: 15px;border-width: 1px;border-style: solid;border-color: rgb(102, 102, 102);border-image: initial;padding: 0px 30px; margin-top: 7%;transition: .5s;}
.PubLink:hover {border: 1px #ff8a00 solid;background: #ff8a00;color: #fff;}
.about .about_r{width: 50%;}
.about .about_r img{width: 100%;}

.flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
.flexwp {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flexbt {-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-justify-content: space-between;}
.brandNum {margin-top: 1rem;}
.brandNum{ margin-top:5%;}
.brandNum .fbs{width: 48%; margin: 0 2% 5% 0;}
.imgBad img{width: 1.5rem;margin-bottom: 1.6rem;}
.brandLeft{padding: .5rem 0 0 1rem; width: 45%; background-size: cover !important;position: relative;z-index: 3;}
.mapPoint{ margin: .6rem 0 -1.2rem 0;}
.colorlogo {color: #e9bb24;}
.line1{line-height: 1;}

@media screen and (max-width:770px){
	.about{display: block; margin-bottom: 4%;}
	.about .about_l{width: 95%;padding: 4% 0 20px 0 !important; margin: 0 auto;}
	.about .about_r{width: 100%;}
}


/*产品优势*/

.pro{width: 100%; margin:0 auto 5% auto;}
.pro h2{font-family: Times New Roman; text-transform:uppercase; font-size:3rem; text-align:center; color:#2e2d2e; margin-bottom: 5%;}
.pro h2 em{ font-size:1.5rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:3rem; font-weight: 100;}
.pro h2 em img{ display:inline-block; vertical-align:middle;}
.pro h2 i{text-transform:uppercase;letter-spacing:1rem;font-size:12px;text-indent:0.8rem; font-style:normal; color:#666;}
.pro .pro_a{ width: 80%; margin: 0 auto; display: flex;flex-wrap: wrap;-webkit-justify-content: space-between;   justify-content: space-between;}
.pro .pro_a .pro_a_l{align-items: center;padding: 0; width: 50%; transition: .5s; }
.pro .pro_a .pro_a_l img{width: 100%; height: 100%;}
.pro .pro_a .pro_a_r{ width: 50%; background: #ededed;}
.pro .pro_a .pro_a_r .pro_a_cont{padding: 7% 0 7% 10%; color: #000;}
.pro .pro_a .pro_a_r .pro_a_cont h3{margin-bottom: 15px}
.pro .pro_a .pro_a_r .pro_a_cont h4{margin-bottom: 20px; line-height: 35px; font-family: 宋体; font-weight: 100;}
.pro .pro_a .pro_a_r .pro_a_cont p{margin-top: 15px; line-height: 31px;}
.pro .pro_a .pro_a_r .pro_a_cont ul li{
	display: inline-block;
	width: 48%; margin-bottom: 15px;
	font-size: 16px;
}

@media screen and (max-width:770px){
	.pro h2{ font-size:1.4rem; margin-bottom: 5%;}
	.pro h2 em{ font-size:1.3rem; line-height:2rem; }
	.pro h2 i{letter-spacing:0rem;}
	.pro .pro_a{display: block; width: 95%;}
	.pro .pro_a .pro_a_l{width: 100%;}
	.pro .pro_a .pro_a_r{width: 100%;}
}


/*news*/
.home-news{
	position: relative;
	width: 100%; height: 732px;
}
.home-news .bg{
	position: absolute; top: 0; left: 0;
}
.home-news .cont{
	position: absolute; top: 0;	right: 0; bottom: 0;
	width: 1116px; height: 560px; margin: auto;
	background: rgba(255, 255, 255, .5);
}
.home-news .cont .list-group{
	padding: 120px 80px 0 80px;
}
.home-news .cont .list-group .title{
	margin-bottom: 56px;
	font-weight: bolder;
}
.home-news .cont .list-group .list a{
	display: block;
	width: 100%; height: 50px; line-height: 50px;
}
.home-news .cont .list-group .list a:hover{
	text-decoration: underline; font-weight: bolder;
}
.home-news .cont .list-group .list a:hover span{
	text-decoration: underline; font-weight: bolder;
}
.home-news .cont .list-group .list a span{
	float: right;
}
@media only screen and (min-width: 769px){

}
@media only screen and (max-width: 1024px) and (min-width: 769px){

}

@media only screen and (max-width: 768px){

}
.news_cont .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; }
.news_cont .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; }
.news_cont .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; }

/*end*/
.footer{
	width: 100%; height: 560px;
	background: url('../images/footerBg.jpg') center 100% no-repeat; color: white;
}
.footer .footerLogo{
	padding: 50px 0 20px;
	text-align: center;
}
.footer .cont{
	width: 80%;
	max-width: 1400px;
    margin: 0 auto;
    padding: 60px 5%;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.footer .cont .group{
	display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.footer .cont .footerNav .group li{
	width: 50%;
}
.footer .cont a{
	display: inline-block;
	line-height: 40px;
	color: white;
}
.footer .cont a:hover{
	text-decoration: underline;
	color: #e58012
}
.footer .cont .enTitle{
	margin:  0 0 40px 0;
}
.footer .cont .footerNav, .footer .cont .footerContact{
	width: 40%;
}
.footer .cont .footerNav{
/*	padding-left: 5%;*/
}
.footer .cont .footerContact .group .info{
	line-height: 35px;
}
.footer .cont .footerContact .group .info a{
	text-decoration: underline;
}
.footer .copyright{
	width: 80%;
	max-width: 1400px;
    margin: 20px auto 0;
}


.chanpin, .cpDownFiles{
	font-family: "微软雅黑";
}

.chanpin .main { width: 100%; padding-top: 60px; padding-bottom: 30px; }

.chanpin .main .title { font-size: 30px; color: #9e9e9e; line-height: 36px; text-align: center; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 25px;  margin-bottom: 50px}

.chanpin .main .title span { font-size: 40px; color: #272727; display: block; text-align: center; font-weight: normal; margin-bottom: 20px; }

.chanpin .main .group{
	display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.chanpin .main .group .item{
	position: relative;
	width: 48%; overflow: hidden;
}
.chanpin .main .group .item:hover:after{
	z-index: 1;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%; margin: auto; content: " ";
	background: rgba(255, 255, 255, .3)
}
.chanpin .main .group .item img{
	max-width: 100%;
	transition: 2s all;
}
.chanpin .main .group .item:hover img {
	transform: scale(1.05);
}
.chanpin .main .group .item .info{
	z-index: 2;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	margin: auto;
	text-align: center;
	color: white;
	padding-top: 28%;
}
.chanpin .main .group .item .info h5{
	margin: 30px 0
}
.chanpin .main .group .item .info .line{
	width: 100px; height: 3px;
	margin: auto;
	background: white
}

.cpDownFiles{
	width: 100%;
    background: #edefee;
}
.cpDownFiles .container{
	width: 80%;
	max-width: 1400px;
    margin: 0 auto;
	padding: 50px 0;
}
.cpDownFiles .container .title{
	margin-bottom: 30px;
}
.cpDownFiles .container .title .cn{
	font-weight: bolder;
}
.cpDownFiles .container .title .en{
	margin-top: 15px;
	color: #9a9a9a;
}

.cpDownFiles .container .list-group{
	display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.cpDownFiles .container .list-group .list-item a{
	position: relative;
	display: block;
	width: 100%;
	line-height: 50px;
	font-size: 18px;
	text-indent: 35px;
}
.cpDownFiles .container .list-group .list-item {
	width: 50%;
}
.cpDownFiles .container .list-group .list-item a:before{
	z-index: 1;
	position: absolute; top: 0; left: 0; bottom: 0;
	width: 20px; height: 17px; content: " "; margin: auto;
	background: url('../images/cpDownFilesIcon.png') no-repeat;
}
.cpDownFiles .container .list-group .list-item a:hover{
	text-decoration: underline;
}
.cpDownFiles .container .list-group .list-item a:hover:before{
	background: url('../images/cpDownFilesIconActive.png') no-repeat;
}


/*产品优势*/
.yongxin{
	position: relative;
	width: 100%;display: flex;flex-wrap: wrap; margin: 4% 0;
}
.yongxin img{
	max-width: 100%;
}
.yongxin .yongxin_l, .yongxin .yongxin_r{
	width: 50%;
}
.yongxin .yongxin_x{
	position: absolute; top: 8%; left: 18%;
	width: 800px;
}
.yongxin .yongxin_x{}

.yongxin .yongxin_x h2{
	margin-bottom: 10px;
	font-weight: bolder;
}
.yongxin .yongxin_x h2 span{
	color: #2a3376;
}
.yongxin .yongxin_x h3{
	position: relative;
	padding: 10px 0;
	margin-bottom: 35px;
	font-weight: 500;
}
.yongxin .yongxin_x h3:after{
	position: absolute; bottom: 0; left: 0;
	width: 120px; height: 3px; content: " ";
	background: #2a3376
}
.yongxin .yongxin_x .info{
	width: 470px;
	line-height: 30px;
	font-size: 15px;
}
.yongxin .yongxin_x .group{
	display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 50px;
}
.yongxin .yongxin_x .group .item{
	width: 25%; height: 180px; text-align: center;
	background: #283071; color: white
}
.yongxin .yongxin_x .group .item:nth-child(2n){
	background: #0e1559;
}
.yongxin .yongxin_x .group .item dt{
	margin: 25% 0 12px;
}

.xingneng {
	width:100%;
	background:url("../images/xingenng-bg.jpg") no-repeat;
	background-size:cover;
	padding-top:65px;
}
.xingneng .Ititle {
	font-size:30px;
	color: #fff;
	line-height:36px;
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	padding-bottom:25px;
}
.xingneng .Ititle span {
	font-size:30px;
	color:#fff;
	display:block;
	text-align:center;
	font-weight:normal;
	margin-bottom: 20px;
}

.xingneng .top.swiper-container {
	width: 100%;
	margin:0 auto;
	padding:105px 0;
}
.xingneng .top.swiper-container .swiper-wrapper {
	width: 1024px;
	margin:0 auto;
}
.xingneng .top.swiper-container .swiper-slide {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-start;
}
.xingneng .top.swiper-container .swiper-slide div {
	width:49%;
}
.xingneng .top.swiper-container .swiper-slide figure {
	border:1px solid #fff;
	padding:6px;
}
.xingneng .top.swiper-container .swiper-slide figure img {
	width:520px;
	height:100%;
	object-fit:cover;
}
.xingneng .top.swiper-container .swiper-slide .xinxi {
	padding-left:60px;
}
.xingneng .top.swiper-container .swiper-slide .xinxi h4 {
	font-size:30px;
	color:#fff;
	font-weight:bold;
}
.xingneng .top.swiper-container .swiper-slide .xinxi h3 {
	margin-top: 15px;
	font-weight: 100;
	font-size:22px;
	color:#fff;

}
.xingneng .top.swiper-container .swiper-slide .xinxi p {
	color:#fff;
	font-size:16px;
	line-height:30px;
	margin:40px 0;
	width: 65%;
	margin-top:45px;
	margin-bottom:60px;
}
.xingneng .top.swiper-container .swiper-slide .xinxi .btn {
	width:250px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:space-between;
	justify-content:space-between;
}
.xingneng .top.swiper-container .swiper-slide .xinxi .btn a {
	display:block;
	width:48%;
	height:37px;
	line-height:37px;
	border-radius:5px;
	font-size:14px;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
	transition:.4s all;
}
.xingneng .top.swiper-container .swiper-slide .xinxi .btn a:hover {
	color:#303030;
	background:#fff;
}
/* .xingneng .top.swiper-container .swiper-slide .xinxi .btn a:nth-of-type(1) {
	color:#303030;
	background:#fff;
}
.xingneng .top.swiper-container .swiper-slide .xinxi .btn a:nth-of-type(1):hover {
	color:#fff;
	background:transparent;
}
.xingneng .top.swiper-container .swiper-slide .xinxi .btn a:nth-of-type(2) {
	color:#fff;
	background:transparent;
}
.xingneng .top.swiper-container .swiper-slide .xinxi .btn a:nth-of-type(2):hover {
	color:#303030;
	background:#fff;
}
*/
 .xingneng .top.swiper-container .swiper-slide .xinxi #rx{
	font-size: 16px;color:#fff;
}
.xingneng .top.swiper-container .swiper-slide .xinxi #rx a{
	font-size: 20px;
	font-weight: bold;color:#fff;
}
  .xingneng .swiper-button-prev {
	width:26px;
	height:17px;
	overflow:hidden;
	position:absolute;
	opacity:1 !important;
	pointer-events:auto !important;
	cursor:pointer !important;
	background-image:none;
}
.xingneng .swiper-button-prev:after {
	content:'';
	display:block;
	width:52px;
	height:17px;
	background:url("../images/xingneng-btn.png") no-repeat;
	position:absolute;
	top:0;
	left:0;
	transition:.4s all;
}
.xingneng .swiper-button-prev:hover:after {
	background-position:-26px center;
}
.xingneng .swiper-button-next {
	width:26px;
	height:17px;
	overflow:hidden;
	position:absolute;
	opacity:1 !important;
	pointer-events:auto !important;
	cursor:pointer !important;
	background-image:none;
}
.xingneng .swiper-button-next:after {
	content:'';
	display:block;
	width:52px;
	height:17px;
	background:url("../images/xingneng-btn.png") no-repeat;
	position:absolute;
	top:0;
	right:0;
	transition:.4s all;
	transform:rotate(180deg);
}
.xingneng .swiper-button-next:hover:after {
	background-position:-26px center;
}
.xingneng .bottom {
	width:100%;
	position:relative;
}
.xingneng .bottom:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#fff;
}
.xingneng .bottom .swiper-container {
	width: 100%;
	margin:0 auto;
}
.xingneng .bottom .swiper-container .swiper-slide {
	padding:20px 0;
	cursor:pointer;
	position:relative;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	transition:.4s all;
}
.xingneng .bottom .swiper-container .swiper-slide:after {
	content:'';
	display:block;
	width:0;
	height:2px;
	background-color:#183776;
	position:absolute;
	top:0;
	left:0;
	transition:.4s all;
}
.xingneng .bottom .swiper-container .swiper-slide i {
	display:block;
	font-style:normal;
	color:#fff;
	font-size:24px;
	text-align:center;
	font-family:numFamily;
	padding-bottom:13px;
	position:relative;
}
.xingneng .bottom .swiper-container .swiper-slide i:after {
	content:'';
	display:block;
	width:13px;
	height:1px;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.xingneng .bottom .swiper-container .swiper-slide p {
	margin-top:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
}
.xingneng .bottom .swiper-container .swiper-slide:hover {
	border-color:#b5b6b9;
}
.xingneng .bottom .swiper-container .swiper-slide:hover:after {
	width:100%;
}
.xingneng .bottom .swiper-container .swiper-slide.active {
	border-color:#b5b6b9;
}
.xingneng .bottom .swiper-container .swiper-slide.active:after {
	width:100%;
}
.gongyi{
	padding: 80px 0 0;
	background: #f6f6f6;
}

.gongyi .Ititle {
	font-size:25px;
	color: #333333;
	line-height:36px;
	text-align:center;
	letter-spacing:1px;
	font-weight: 100;
	text-transform:uppercase;
	position:relative;
	padding-bottom:25px;
	margin-bottom: 50px;
}
.gongyi .Ititle span {
	font-size:30px;
	display:block;
	text-align:center;
	font-weight: bold;
	margin-bottom: 20px;
}
.gongyi .main .list-group{}
.gongyi .main .list-group .list-item{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-evenly;
	height: 700px;
	background: url('../images/cpysGyBg1.jpg') 10% center no-repeat;
	background-color: #fff;
}
.gongyi .main .list-group .list-item:nth-child(2n){
	background-position: 85% center;
	background-color: #f6f6f6;
}
.gongyi .main .list-group .list-item .gongyi_text{
	width: 35%;
}
.gongyi .main .list-group .list-item .gongyi_img{
	width: 45%;
}
.gongyi .main .list-group .list-item .gongyi_img{
	text-align: right;
}
.gongyi .main .list-group .list-item:nth-child(2n) .gongyi_img{
	text-align-last: left;
}
.gongyi .main .list-group .list-item .gongyi_img img{
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
.gongyi .main .list-group .list-item .gongyi_text{
	line-height: 58px;
	font-size: 18px;
}
/**********************************/


.H-tec{
	width: 100%;
}
.H-tec .intro{
	width: 80%;
	font-size: 20px;
	line-height: 50px;
	margin: 80px auto 40px;
}

.H-tec .xuqiu{
	width: 100%;
	height: 470px;
	text-align: center;
	background: url('../images/solution_xuqiuBg.jpg') no-repeat;
	background-size: 100%;

}
.H-tec .xuqiu .title{
	padding: 150px 0 25px;
	font-size: 48px;
}
.H-tec .xuqiu .shortTitle{
	font-size: 30px;

}
.H-tec .xuqiu .list-group{
	margin: 50px 0 0 0;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: center;
}
.H-tec .xuqiu .list-group .list-item{
	width: 220px;
	font-size: 22px;
}
.itec-content .inner{
	line-height: 36px;
}
.sg{
	margin-top: 30px;
	padding: 30px 0 50px;
	background: #ededed;
}
.sg .panel-box{
	width: 80%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	overflow: hidden;
}
.sg .panel-box .panel-item{
	/*display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;*/
}
.sg .panel-box .panel-item .item-title{
	display: inline-block;
	width: 24%;
	float: none;
	margin-bottom: 15px;
	background: #fff;
}
.sg .panel-box .panel-item .item-title .inner {
    background-color: #fff;
    padding: 15px;
}
.sg .panel-box .panel-item .item-title .inner h3{
	display: block;
	width: 108px; line-height: 1.6em;
	text-align: center; border: 1px solid #e58012;
	margin: 10px auto 0; color: #333333;
	font-size: 16px; font-weight: 100
}
.sg .panel-box .panel-item .item-content{
	display: none;
	float: left;
    width: 100%;
    overflow: hidden;
    margin-top: -15px;
}
.sg .panel-box .panel-item .item-content .inner{
	padding: 15px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 15px;
    text-align: left;
}
.sg .panel-box .panel-item .item-content.active{
	display: block;
	height: 140px;
}
.itec-label{
	font-weight: 100!important;
}
.itec-label.itec-label-without{
	padding: 2px 20px!important;
}

.aboutUs{}
.aboutUs .title{
	text-align: center;
}
.aboutUs .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.aboutUs .title .en{
	padding: 15px 0 50px;
	font-size: 25px;
}
.aboutUs .container{
	position: relative;
	width: 100%;
	height: 950px;
	margin-top: 80px;
	text-align: center;
	background: url('../images/aboutUsBg.jpg') center no-repeat;
	color: #333;
}
.aboutUs .container .content{
	width: 80%;
	max-width: 1200px;
	margin: auto;
	line-height: 40px;
	text-align: left;
	font-size: 20px;
}
.aboutUs .container .heng{
	position: absolute; right: 0; bottom: 0; left: 0;
	margin: 0 auto 100px;
	font-size: 40px;
	color: white;
}
.aboutUs .hezuo{
	position: relative;
	width: 100%;
	min-height: 660px;
	text-align: center;
	background: url('../images/AboutUsHezuoBg.jpg') center no-repeat;
	color: #333;
}

.aboutUs .hezuo .title .cn{
	padding: 80px 0 0 0;
	font-size: 35px;
}
.aboutUs .hezuo .list-group{
	width: 80%;
	max-width: 1200px;
	margin: 30px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.aboutUs .hezuo .list-group .list-item{
	width: 18%;
	margin-bottom: 35px;
}
@media screen and (max-width:1550px){

	.H-tec .xuqiu .title{
		padding: 80px 0 25px;
		font-size: 35px;
	}
	.H-tec .xuqiu .shortTitle{
		font-size: 24px;
	}
}


/*******************************************/
.contact .lxbtnout{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	padding: 80px 5%;

}
.contact .lxbtnout .item{
	width: calc(100%/3);
	text-align: center;
	font-size: 20px;
	color: #333;
}
.contact .lxbtnout .item dd{
	margin-top: 35px;
}

.contact .caForm .title{
	text-align: center;
}
.contact .caForm .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.contact .caForm .form-group{
	width: 80%;
	max-width: 1200px;
	margin: 50px auto;
}
.contact .caForm .form-group .top{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
}
.contact .caForm .form-group input{
	text-indent: 5px
}
.contact .caForm .form-group .top .form-item{
	width: 30%;
	line-height: 40px;
	font-size: 18px;
	border: 1px solid #f4f4f4;
}
.contact .caForm .form-group .form-content{
	width: 98%;
	padding: 1%;
	margin-top: 28px;
	font-size: 18px;
	border: 1px solid #f4f4f4;
}
.contact .caForm .form-group .btn{
	width: 220px;
	line-height: 56px;
	margin-top: 15px;
	background: #1b2b5f;
	color: #fff;
	border: 0;
	font-size: 18px;
	cursor: pointer;
	transition: .5s all;

}
.contact .caForm .form-group .btn:hover{
	background: #d37814;
}
/************************************/
.shouhou .title{
	text-align: center;
}
.shouhou .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.shouhou .title .en{
	padding: 15px 0 50px;
	font-size: 25px;
}
.shouhou .service .content{
	background: #5f5f5f;
}
.shouhou .service .content .inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	width: 80%;
	max-width: 1200px;
	margin: auto;
	padding: 50px 0;
}
.shouhou .service .content .inner .content_l{
	width: 50%;
	color: white;
}
.shouhou .service .content .inner .content_l .t{
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 26px;

}
.shouhou .service .content .inner .content_l .c{
	line-height: 45px;
	font-size: 20px;

}

.shouhou .service .content .inner .content_r{
	width: 50%;
}

.shouhou .order .form-group{
	width: 80%;
	max-width: 1200px;
	margin: 50px auto;
}
.shouhou .order .form-group .top{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
}
.shouhou .order .form-group .top .form-item{
	width: 48%;
	line-height: 40px;
	margin-bottom: 30px;
	font-size: 16px;
	border: 1px solid #f4f4f4;
}

.shouhou .order .form-group input{
	text-indent: 6px;
	font-weight: 100;
}

.shouhou .order .form-group .form-content{
	width: 98%;
	padding: 1%;
	font-size: 16px;
	font-weight: 100;
	border: 1px solid #f4f4f4;
}
.shouhou .order .form-group .btn{
	width: 220px;
	line-height: 56px;
	margin-top: 15px;
	background: #1b2b5f;
	color: #fff;
	border: 0;
	font-size: 18px;
	cursor: pointer;
	transition: .5s all;
}
.shouhou .order .form-group .btn-group{
	text-align: right;
}
.shouhou .order .form-group .btn:hover{
	color: white;
	background: #d37814;
}
.shouhou .order .form-group .btn-reset{
	margin-left: 30px;
	background: #eee; color: #454545
}

/*****************************/
.join{

}
.join .title{
	color: #333333;
	text-align: center;
}
.join .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.join .title .en{
	padding: 15px 0 50px;
	font-size: 25px;
}
.join .ys .ys-group{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	width: 80%;
	margin: 30px auto 0;
}
.join .ys .ys-group .ys-item{
	width: 25%;
	height: 350px;
	text-align: center;
	cursor: pointer;
	align-items: center;
}
.join .ys .ys-group .ys-item .inner{
	position: relative;
	height: 100%;
	border: 1px solid #bebebe;
	transition: .5s all;
	overflow: hidden;
}
.join .ys .ys-group .ys-item:hover .inner{
	background: #f79b16;
	border-color: #f79b16;
}
.join .ys .ys-group .ys-item .inner .after{
}
.join .ys .ys-group .ys-item .inner .after,
.join .ys .ys-group .ys-item .inner .before{
	position: absolute; top: 25%;
	width: 100%;
	margin: auto;
	text-align: center;
	transition: .5s all;
	transform: scale(1);
}
.join .ys .ys-group .ys-item:hover .inner .after{
	transform: scale(1.5);
	opacity: 0;
}
.join .ys .ys-group .ys-item .inner .after dt{
	margin-bottom: 25px;
}
.join .ys .ys-group .ys-item .inner .after dd{
	font-size: 35px;
	color: #666666;
}

.join .ys .ys-group .ys-item .inner .before{
	transform: scale(.3); opacity: 0;
	transition: .5s all;
	color: white;
}
.join .ys .ys-group .ys-item .inner .before dt{
	font-size: 25px;
}
.join .ys .ys-group .ys-item .inner .before dd{
	padding: 25px 5% 0;
	line-height: 35px;
	text-align: justify;
	font-weight: 100;
}
.join .ys .ys-group .ys-item:hover .inner .before{
	transform: scale(1); opacity: 1;
}
.join .us{
	width: 100%;
	height: 740px;
	margin-top: 80px;
	padding-top: 30px;
	background: url('../images/joinUsBg.jpg') no-repeat;
}
.join .us .form-group{
	width: 80%;
	max-width: 1200px;
	margin: 10px auto;
	padding: 30px 50px;
	background: #f9f9f9;
	border: 1px solid #d7d7d7;
	color: #000;
}
.join .us .form-group .input-item,
.join .us .form-group .textarea-item{
	width: 100%;
	border: 1px solid #d7d7d7;
}
.join .us .form-group .input-item{
	height: 36px;
	text-indent: 5px;
}
.join .us .form-group .textarea-item{
	height: 136px;
	padding: 6px;
}
.join .us .form-group .join-us-table{}
.join .us .form-group .join-us-table select{
	height: 38px;
}
.join .us .form-group .join-us-table tr{
}
.join .us .form-group .join-us-table td{
	line-height: 36px;
	margin-bottom: 20px;
}
.join .us .form-group .join-us-table .submit-item{
	width: 240px;
	background: #2b3b78;
	color: #fff;
}
/**********************/
.down{
	padding: 0 0 50px 0;
	background: #e7e7e7;
}
.down .title{
	text-align: center;
}
.down .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.down .title .en{
	padding: 15px 0 50px;
	font-size: 25px;
}

.down .down-list .list-group{
	width: 80%;
	max-width: 1200px;
	margin: auto;
	color: #000;
}
.down .down-list .list-group .list-item{
	line-height: 3em;
	margin-bottom: 25px;
	text-indent: 2em;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	transition: .1s all;
}
.down .down-list .list-group .list-item:hover{
	text-indent: 3em;
	background: #f1f1f1;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0, 255, 0, 0.5);
}
.down .down-list .list-group .list-item a{
	display: block;
	background: url('../images/downItemIcon.png') right 30px center no-repeat;
	font-size: 20px;
	color: #333;
	transition: .1s all;
	font-weight: 100;
}
.down .down-list .list-group .list-item:hover a{
	background: url('../images/downItemIconA.png') right 15px center no-repeat;
	color: #e12443;

}
/********************************/
.news{
	padding: 0 0 50px 0;
}
.news .title{
	text-align: center;
}
.news .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.news .title .en{
	padding: 15px 0 50px;
	font-size: 25px;
}

.news .news-list .list-group{
	width: 80%;
	max-width: 1200px;
	margin: auto;
	color: #000;
}
.news .news-list .list-group .list-item{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	margin: 30px auto 0;
	padding: 20px;
	border: 1px solid #efefef;
	transition: .3s all;
	cursor: pointer;
}
.news .news-list .list-group .list-item:hover{
	 box-shadow: 0 0 10px rgb(0,153,184) inset,0 0 0 rgb(0,153,184);
}
.news .news-list .list-group .list-item .item-img{
	width: 35%;
	overflow: hidden;
	border-radius: 10px;
}
.news .news-list .list-group .list-item .item-img img{
	transition: .5s all;
}
.news .news-list .list-group .list-item:hover .item-img img{
	transform: scale(1.1);
}
.news .news-list .list-group .list-item .item-content{
	width: 60%;
	font-weight: 100;
}
.news .news-list .list-group .list-item .item-content a{
	color: #666;
}
.news .news-list .list-group .list-item .item-content h3{
	font-weight: 100;
	font-size: 18px;
	font-weight: bold;
}
.news .news-list .list-group .list-item:hover .item-content h3{
	
}
.news .news-list .list-group .list-item .item-content .desc{
    line-height: 28px;
	margin: 15px 0 25px 0;
	font-size: 16px;
}
.news .news-list .list-group .list-item:hover .item-content .desc{
	text-decoration: underline;
}
.news .news-list .list-group .list-item .item-content .release-time{
	font-size: 12px;
}

.news .news-list .list-group .list-item:hover .item-content a{
	color: #333;
}

/********************************/
.ai{
	padding: 0 0 50px 0;
}
.ai .intro{
	width: 100%;
	height: 1050px;
	background: url('../images/ai-intro-bg.jpg') center no-repeat;
	background-color: #dcdcdc;
	color: #333333;
}
.ai .intro .title{
	font-weight: 100;
}
.ai .intro .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.ai .intro .title .en{
	padding: 15px 0 50px;
	font-size: 25px;
}

.ai .intro .intro-group {
	padding: 120px 0 0 10%;
}
.ai .intro .intro-group .desc{
	width: 650px;
	margin-bottom: 30px;
	font-size: 20px;
}
.ai .intro .intro-group .desc p{
	text-indent: 2em;
	line-height: 50px;
}
/********************************/
.lv{
	padding: 0 0 50px 0;
}
.lv .title{
	text-align: center;
}
.lv .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
}
.lv .title .en{
	padding: 15px 0 30px;
	font-size: 25px;
}
.lv .nav-bread{
	padding: 60px 0 30px;
	border-bottom: 1px solid #a8a8a8;
}
.lv .nav-bread .nav-bread-group{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	width: 85%;
	max-width: 1500px;
	margin: auto;
	font-weight: bold;
	color: #000;
}
.lv .nav-bread .nav-bread-group a{
	font-weight: 100;
	color: #000;
}
.lv .nav-bread .nav-bread-group .search{
	position: relative;
	width: 350px;
	height: 40px; line-height: 40px;
	border: 1px solid #767676;
	border-radius: 12px;
}
.lv .nav-bread .nav-bread-group .search input{
	position: absolute; top: 0;
	border: none;
	background: none;
}
.lv .nav-bread .nav-bread-group .search input.keyword{
	width: 100%; height: 100%; text-indent: 12px;
	border-radius: 12px;
}
.lv .nav-bread .nav-bread-group .search input.submit{
	transition: .3s all;
	top: 0;	bottom: 0; right: 5px; margin: auto;
	width: 34px;
	height: 33px; line-height: 33px;
	background: #183776; color: white;
	border-radius: 100px;
	cursor: pointer;
	font-size: 18px;
}
.lv .nav-bread .nav-bread-group .search input.submit:hover{
	background: #cca153; color: white;
}
.lv .intro{
	margin-top: 60px;
}
.lv .intro .intro-group .intro-item{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	max-width: 1400px;
	margin: auto;
}
.lv .intro .intro-group .intro-item .item-l{
	width: 54%;
}
.lv .intro .intro-group .intro-item .item-r{
	width: 40%;
}
.lv .intro .intro-group .intro-item .title{
	text-align: left;
	font-weight: bold;
}
.lv .intro .intro-group .intro-item .title .cn{
	font-size: 30px;
}
.lv .intro .intro-group .intro-item .title .en{
	font-size: 20px;
}
.lv .intro .intro-group .intro-item .list{
	line-height: 50px;
	font-size: 18px;
	color: #666;
}
.lv .lv-xuqiu{
	/*margin-top: 60px;*/
}
.lv .lv-xuqiu .title .cn{
	font-weight: bold;
}
.lv .lv-xuqiu .show{
	position: relative;
	width: 100%;
	height: 1172px;
	background: url('../images/lv-xuqiu.jpg') center no-repeat;
	background-size: 100%;
}
.lv .lv-xuqiu .show .btn-group .btn-item{
	position: absolute;
	width: 120px;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(1){
	top: 41%; left: 25%;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(2){
	top: 23%; left: 41.4%;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(3){
	top: 32%; left: 55.5%;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(4){
	top: 22%; left: 63.6%;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(5){
	top: 72%; left: 16.5%;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(6){
	top: 71%; left: 36.6%;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(7){
	top: 71%; left: 57.4%;
}
.lv .lv-xuqiu .show .btn-group .btn-item dt{
	position: relative;
	transition: .5s all;
	width: 66px; height: 66px; line-height: 66px;
	margin: 0 auto 3px; text-align: center;
	background: #c8102e; color: white;
	border-radius: 100px; cursor: pointer;
}
.lv .lv-xuqiu .show .btn-group .btn-item dt .x,
.lv .lv-xuqiu .show .btn-group .btn-item dt .y{
	transition: .5s all;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 50%; height: 4px; margin: auto;
	background: white; border-radius: 1px;
}
.lv .lv-xuqiu .show .btn-group .btn-item dt .y{
	width: 4px; height: 50%;
}
.lv .lv-xuqiu .show .btn-group .btn-item dt.active{
	transform:rotate(90deg);
}
.lv .lv-xuqiu .show .btn-group .btn-item dt.active .x{
	opacity: 0;
}
.lv .lv-xuqiu .show .btn-group .btn-item:nth-child(1) dd{
	display: block;
}
.lv .lv-xuqiu .show .btn-group .btn-item dd{
	display: none;
	z-index: 9;
	position: relative;
	width: 100%;
}
.lv .lv-xuqiu .show .btn-group .btn-item dd .text{
	padding: 11px 10%;
    text-align: center;
    background: #fff;
    font-size: 16px;
    font-weight: 800;
}


/*********************************/
.lv-duibi .duibi-group{
	height: 680px; margin-top: 50pxd;
	background: #e6e5e3;
}
.lv-duibi .title{
	margin-bottom: 30px;

}
.lv .lv-duibi .title .cn{
	font-weight: bold;
	letter-spacing: 5px;
}
.lv .lv-duibi .title .en{
	letter-spacing: 2px;
	color: #9a9a9a;
}


.duibi {
  position: relative;
  width: 672px;
  height: 680px;
  margin: auto;
  border: 2px solid white;
}
.duibi .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 680px 100%;
}
.duibi .background-img {
  background-image: url("/template/pc/images/photoshop-face-before.jpg");
}
.duibi .foreground-img {
  background-image: url("/template/pc/images/photoshop-face-after.jpg");
  width: 50%;
}
.duibi .slider-duibi {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 241, 0.3);
  outline: none;
  margin: 0;
  transition: all 0.2s;
  overflow: hidden;
}
.duibi .slider-duibi:hover {
  background: rgba(242, 242, 241, 0.1);
}
.duibi .slider-duibi::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6px;
  height: 680px;
  background: white;
  cursor: pointer;
}
.duibi .slider-button {
  pointer-events: none;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  left: calc(50% - 18px);
  top: calc(50% - 18px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.duibi .slider-button::after {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #5d5d5d;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
.duibi .slider-button::before {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #5d5d5d;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}



/*************************************/
.lv-level .title .en{
	color: #9a9a9a;
}
/***********************************/
.lv-ship{
	height: 676px;
	margin: 30px 0 0;
	background: url('../images/lv-ship-bg.jpg') no-repeat;
	background-size: 100%;
}
.lv-ship .title{
	color: white;
}
.lv-ship .title .cn{
	font-weight: bold;
}
.lv-ship .title .en{
	font-weight: 100;
	font-size: 18px;
}
.lv-ship .lv-ship-tab{
	width: 80%;
	max-width: 1200px;
	margin: 30px auto 0;
}
.lv-ship .lv-ship-tab .lv-tab-group{}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li{
	z-index: 9;
	position: relative;
	width: 180px; height: 180px;
	text-align: center; color: white;
	cursor: pointer;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li::before{
	transform: scale(0);
	transition: .5S all;
	z-index: -1;
	position: absolute; top: -10%; left: -10%;
	width: 120%; height: 120%; content: " ";
	background: rgba(247, 155, 22, .3); border-radius: 500px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li.this::before{
	transform: scale(1);
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li::after{
	transform: scale(0);
	transition: .5S all;
	z-index: -1;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 93%; height: 93%; margin: auto; content: "";
	background: #f79b16; border-radius: 500px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li.this::after{
	transform: scale(1);
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li .t{
	margin-top: 35%;
	font-size: 18px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li .t i{
	margin:  0 8px 0;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li .s{
	font-size: 14px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-title li .s strong{
	font-size: 16px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-top: 50px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item{
	transition: .1s all;
	display: block;
	width: calc(54%/3);
	cursor: pointer;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .inner{
	height: 220px;
	border-right: 1px solid #333;
	background: rgba(255, 255, 255, .7);
	overflow: hidden;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item:last-child .inner{
	border: none;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .img{
	display: none;
	cursor: pointer;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .content{
	text-align: center;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .content .t{
	padding: 25% 0 10%;
	font-size: 18px;
	font-weight: bold;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .content .s{
	display: none;
	font-size: 15px;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .content .h{
	width: 22px; height: 2px; margin: auto; background: #f79b16;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .content .i{
	padding: 10% 3% 0 3%;
	line-height: 26px;
	font-size: 13px;
	font-weight: 100;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item .content .d{
	display: none;
}

.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show{
	display: block;
	width: 46%;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .img{
	display: block;
	width: 45%;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .img img{
	height: 100%; max-height: 220px;

}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .content{
	width: 53%;
	text-align: left;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .content .t{
	padding: 0 0 10px 0;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .content .s{
	display: block;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .content .h{
	margin: 10px 0;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .content .i{
	display: none;
}
.lv-ship .lv-ship-tab .lv-tab-group .lv-tab-content .tab-item.show .content .d{
	display: block;
	padding: 0 25px 0 0;
	line-height: 20px;
	text-align: justify;
	font-size: 14px;
	color: #878787;
}
/*********************/

.sun .sun-xuqiu .show{
	position: relative;
	height: 840px;
	background: url('/static/images/sun-xuqiu.jpg') center no-repeat;
	background-size: 100% 100%;
}
.sun .sun-xuqiu .show .btn-group .btn-item{
	position: absolute;
	width: 120px;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(1){
	top: 20%; left: 14%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(2){
	top: 64%; left: 26%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(3){
	top: 17%; left: 30%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(4){
	top: 56%; left: 40%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(5){
	top: 30%; left: 41%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(6){
	top: 8%; left: 52%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(7){
	top: 10%; left: 62%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(8){
	top: 42%; left: 72%;
}
.sun .sun-xuqiu .show .btn-group .btn-item:nth-child(9){
	top: 18%; left: 86%;
}


.sun .sun-tec{
	width: 100%;
	padding-top: 100px;
	background: #f8f8f8;
}
.sun .sun-tec .tec-gruop{
	height: 850px;
	background: url('../images/sun-tec.jpg') no-repeat
}
.sun .sun-tec .tec-gruop .tec-swiper-group{
	position:relative;
	width: 80%; max-width: 1200px; margin: auto;
	padding: 100px 0 0;
}

/*****************/
.sun .sun-tec .tec-gruop .tec-swiper-group #certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-container {
	padding-bottom: 60px;
}

.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-slide {
	width: 720px;
	height: 520px;
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-slide:after{
	position: absolute; top: 98px; left: 0;
	width: 100%; height: 100%; content: " ";
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-slide img{
	display:block;
	max-width: 100%;
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-slide p {
	opacity: 0;
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #333;
	font-size: 35px;
	font-weight: bold;
	margin: 0;
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-slide-active.swiper-slide:after{
	background: rgba(255, 255, 255, .0);
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-slide.swiper-slide-active p{
	opacity: 1;
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-button-prev {
	left: -50px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-button-next {
	right: -50px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
.sun .sun-tec .tec-gruop .tec-swiper-group #certify .swiper-button-prev::after,#certify .swiper-button-next::after{
	content: '';
}


/***************/

.sun .sun-zx .title{
	text-align: center;
}
.sun .sun-zx .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
	font-weight: bold;
}
.sun .sun-zx .zx-group{}
.sun .sun-zx .zx-group .zx-items{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	width: 80%; max-width: 1200px;
	margin: 60px auto 0;
}
.sun .sun-zx .zx-group .zx-items .item{
	width: 30%; margin-bottom: 50px;
}
.sun .sun-color {
	background: #f8f8f8;
}
.sun .sun-color .title{
	text-align: center;
}
.sun .sun-color .title .cn{
	padding: 50px 0 0 0;
	font-size: 35px;
	font-weight: bold;
}
.sun .sun-color{
	padding-bottom: 10px;
}
.sun .sun-color #color-group-box {
	width: 1255px;
	height: 360px;
	margin: 50px auto;
	padding: 15px 0;
	overflow: hidden;
	background: #fff;
}
.sun .sun-color #color-group-box ul {
	width: 2000px;
}
.sun .sun-color #color-group-box ul li {
	width: 114px;
	height: 334px;
	float: left;
	margin-left: 38px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.sun .sun-color #color-group-box img {
	width: 658px;
	max-width: unset;
	height: 335px;
}

/*****************************/
.page-group{
	margin-top: 35px;
	text-align: center;
}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px; margin:  0 5px;}
.pagination li.active{
	background:#e58012;
}
.pagination li.active a{
	color: white
}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0;}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}

.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
/*********************************/
.view-down {
	background: #F7F7F7;
}
.view-down .view-group{
	display: flex;
	flex-wrap :wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 80%; max-width: 1200px;
	margin: 60px auto 0;
}
.view-down .view-group .items{
	min-height: 450px; background: #fff;
}

.view-down .view-group .items .view-item{
	padding: 25px;
}
.view-down .view-group .items.item-l{
	width: 68%;
}
.view-down .view-group .items.item-l .article .view-item-title h1{
	font-size: 28px;
    font-weight: 600;
    color: #333;
}
.view-down .view-group .items.item-l .article .view-item-author{
	margin: 20px 0 30px;
	font-size: 14px;
    color: #888;
}

.view-down .view-group .items.item-l .article .view-item-author{
	font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}
.view-down .view-group .items.item-l .page{
	margin-top: 20px; padding-top: 20px;
	border-top: solid 1px #eee;
	font: 14px;
}
.view-down .view-group .items.item-l .page .blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    font-size: 0;
}
.view-down .view-group .items.item-r{
	width: 30%;
}
.view-down .view-group .items .view-item .view-item-downinfo .downbtn{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 6px;
	background-color: #ff9600;
	color: white;
}
.view-down .view-group .items .view-item .view-item-downinfo .view-item-infolist{
	margin-top: 30px; line-height: 30px; font-size: 14px;
	display: flex;
	justify-content: space-between;
}
.view-down .view-group .items .view-item .view-item-downinfo .view-item-infolist .x{
	
}

.view-article .view-group .article{
	line-height: 30px;
}
.view-article .view-group .article img{
    border-radius: 10px;
}
.view-article .view-group .items.item-l{
	width: 100%;
}
.view-article .view-group .blank{
	height: 30px;
}
.view-article .view-group .text-default{
	margin: 15px 0;
}
.view-article .view-group p{}

.box-info {
	padding-bottom: 25px;
	margin-bottom: 33px;
	border-bottom: 1px solid #d6d6d6;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.box-info .info span {
	font-size: 15px;
	color: #787878;
	margin-right: 10px;
	display: inline-block;
}

.share {
	font-size: 16px;
	color: #a7a7a7;
	line-height: 33px;
}

.share a {
	display: inline-block;
	vertical-align: middle;
	width: 33px;
	height: 33px;
	margin-right: 10px;
	background: no-repeat center center;
	background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.share a:hover {
	opacity: .8;
}

.share p {
	font-size: 12px;
}

.share a img {
	display: block;
	width: 100%;
}

.share .bdshare-button-style0-16 .bds_more,
.share .bdshare-button-style0-16 a {
	float: none;
	padding-left: 0;
	margin: 0;
	margin-right: 10px;
}

.dockMenu{ position:fixed; z-index:30; right:0; bottom:5%;}
.docklist li .ico{ display:block; width:54px; height:54px; transition:0.3s; position:absolute; left:0; top:0; background-position: center center; background-size: cover;}
.docklist li .txt{ display:block; color:#fff; font-size:18px; overflow:hidden; opacity:0; transition:0; position:relative; padding-left: 64px;}
.docklist .item a{ display:block; width:54px; transition:0.35s ease-out; height:54px; line-height: 54px; background-color:#202020; position:relative;  float:right; overflow:hidden;}
.docklist .item a:hover{ width:200px; background-color:#ff8d11;}
.docklist li.item02{ position:relative; }
.docklist li div.sideER{  -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;width:90px; height:90px; position:absolute; bottom:0px; right:50px;display:none;}
	.docklist li div.sideER img{ width:90px; height:90px;}
.docklist li:hover div.sideER{ display:block;-webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;}
.docklist .item a:hover .txt{ opacity:1; visibility:visible; transition:0.38s 0.12s; }



/************************/
.f_80{font-size: 80px;}

.f_72{font-size: 72px;}

.f_62{font-size: 62px;}

.f_48{font-size: 48px;}

.f_40{font-size: 40px;}

.f_30{font-size: 30px;}

.f_24{font-size: 23px;}

.f_20{font-size: 20px;}

.f_18{font-size: 18px;}

.f_16{font-size: 16px;}

.f_15{font-size: 15px;}

.f_14{font-size: 14px;}



/*===================== 响应式代码 START =====================*/

@media( max-width:1600px ){

.f_80{font-size: 60px;}

.f_72{font-size: 50px;}

.f_62{font-size: 40px;}

.f_48{font-size: 38px;}

.f_40{font-size: 30px;}

.f_30{font-size: 24px;}

.f_24{font-size: 20px;}

.f_20{font-size: 20px;}

.f_18{font-size: 16px;}

.f_16{font-size: 16px;}

.f_15{font-size: 15px;}

.f_14{font-size: 14px;}

}


@media( max-width:1560px ){
	body{
		margin-top: 76px;
	}
	.head{
		height: 76px;
	}
	.logo{
		width: 400px; height: 76px; top: 0; overflow: hidden;
	}
	.nav{
		left: unset; right: 50px; height: 76px;
	}
	.nav>li>a{
		height: 76px; line-height: 76px; font-size: 16px;
	}
	.yongxin .yongxin_x{
		top: 5%; left: 12%;
		width: 600px;
	}
	.yongxin .yongxin_x h3{
		padding: 5px; margin-bottom: 12px;
	}
	.yongxin .yongxin_x .group{
		margin-top: 15px;
	}
	.yongxin .yongxin_x .group .item{
		height: 140px;
	}
	.yongxin .yongxin_x .group .item dt{
		margin-top: 20%;
	}
	.gongyi .main .list-group .list-item .gongyi_img img{
		width: 80%;
	}
	.footer .cont .footerNav, .footer .cont .footerContact{
		width: 45%;
	}
	.H-tec .xuqiu .title{
		padding-top: 80px;
		font-size: 38px;
	}
	.H-tec .xuqiu .shortTitle{
		font-size: 20px;

	}
	.H-tec .xuqiu .list-group .list-item{
		width: 200px;
		font-size: 18px;
	}
	.H-tec .xuqiu{
		height: 360px;
	}
	.contact .lxbtnout .item{
		font-size: 18px;
	}
	.shouhou .service .content .inner{
		padding: 50px 0;
	}
	.shouhou .service .content .inner .content_l .t{
		font-size: 20px;
	}
	.shouhou .service .content .inner .content_l .c{
		font-size: 16px;
	}
	.ai .intro{
		height: 800px;
		background-size: 100%;
	}
	.ai .intro .title .cn{
		font-size: 25px;
	}
	.ai .intro .title .en{
		padding: 10px 0 20px;
		font-size: 20px;
	}
	.ai .intro .intro-group .desc{
		width: 450px;
		font-size: 16px;
	}
	.ai .intro .intro-group .desc p{
		line-height: 35px;
	}
	.ai .intro .intro-group .img{
		width: 450px;
	}
	.lv .intro .intro-group .intro-item .title .cn{
		font-size: 20px;
	}
	.lv .intro .intro-group .intro-item .title .en{
		font-size: 16px;
	}
	.lv .intro .intro-group .intro-item .list{
		line-height: 30px;
		font-size: 15px;
	}
	.lv .lv-xuqiu .show{
		height: 590px;
	}
	.lv .lv-xuqiu .show .btn-group .btn-item dt{
		width: 36px; height: 36px; line-height: 36px; font-size: 18px;
	}
	.lv-ship{
		height: 806px;
		margin: 30px 0 0;
		background: url('../images/lv-ship-bg.jpg') no-repeat;
		background-size: 100% 100%;
	}
	.gongyi .main .list-group .list-item .gongyi_text{
		line-height: 45px;
	}
	.sun .sun-tec .tec-gruop .tec-swiper-group #certify{
		width: 980px;
	}
	.join .ys .ys-group .ys-item{
		height: 270px;
	}
	.join .ys .ys-group .ys-item .inner .after dt img{
		width: 80px;
	}
	.join .ys .ys-group .ys-item .inner .after dd{
		font-size: 25px;
	}
	.join .ys .ys-group .ys-item .inner .before dd{
		line-height: 25px;
		font-size: 15px;
	}

}


@media( max-width:1210px ){

.f_80{font-size: 60px;}

.f_72{font-size: 50px;}

.f_62{font-size: 30px;}

.f_48{font-size: 28px;}

.f_40{font-size: 26px;}

.f_30{font-size: 24px;}

.f_24{font-size: 16px;}

.f_20{font-size: 18px;}

.f_18{font-size: 16px;}

.f_16{font-size: 14px;}

.f_15{font-size: 14px;}

.f_14{font-size: 14px;}



}





@media (max-width:750px){

.f_80{font-size: 60px;}

.f_72{font-size: 50px;}

.f_62{font-size: 30px;}

.f_48{font-size: 22px;}

.f_40{font-size: 22px;}

.f_30{font-size: 24px;}

.f_24{font-size: 14px;}

.f_20{font-size: 14px;}

.f_18{font-size: 16px;}

.f_16{font-size: 14px;}

.f_14{font-size: 14px;}

}