/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}


/*@font-face{*/
/*	font-family:DINPro-Bold;*/
/*	src:url(../fonts/DINPRO-BOLD.OTF);*/
/*}*/
/*@font-face{*/
/*	font-family:"方正宋三简体";*/
/*	src:url(../fonts/FZS3JW.TTF);*/
/*}*/

/*头部区域*/
.header{ width:100%;left:0; top:0;z-index:100; box-sizing:border-box; background: #fff; z-index: 100; position: relative; }
.header.on{position:fixed;z-index:100; /* border-bottom:1px solid #e8e8e8; */ background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15); transition:0.3s;}
.hd_con{ width:100%; height:90px; margin:0 auto; box-sizing:border-box; padding: 0 290px; display: block;}
.header .logo{ float:left; margin-top:16px;}
.header .logo a{ display:block;height: 56px;}
.header .logo a img{ display: block; height: 100%; margin: 0;}
.header .nav{ float:right;}
.header .nav::after{ content: ""; display: block; clear: both;}
.header .nav ul{ float:left;}
.header .nav li{ float:left; position: relative;}
.header .nav li .yiji{ display:block; line-height:90px; color:#444; font-size:16px; box-sizing: border-box; padding: 0 20px;}
.header .nav li:hover .yiji,.header .nav li.on .yiji{ color:#fff; background: #ccae6e url(../img/n1.png) repeat-x bottom left;}
.header .nav span{ display: block; width: 1px; height: 16px; background: #a2a2a2; float: left; margin: 37px 10px 0;}
.header .nav .sous{ float:right; margin:30px 0 0 14px; }
.header .nav .sous .ss{ width: 30px; height: 30px; display:block; overflow:hidden; box-sizing: border-box; transition: 0.3s; 
background: url(../img/search.png) no-repeat center;}
.header .nav .sous .ss:hover{background: #cbad6d url(../img/searchh.png) no-repeat center; }
.header .nav li:nth-child(2) .down{width:1083px;}
.header .nav li:nth-child(3) .down{width:979px;}
.header .nav li:nth-child(4) .down{width:875px;}
.header .nav li:nth-child(5) .down{width:771px;}
.header .nav li:nth-child(6) .down{width:667px;}
.header .nav li:nth-child(7) .down{width:563px;}




.header .nav li .down{ background:rgba(204,174,110,0.88); box-sizing: border-box; position:absolute; top:90px; left:0; 
display:none; transition:0.5s;}
.header .nav li .down .downc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;}
.header .nav li .down .downc::after{ content: ""; clear: both; display: block;}
.header .nav li .down .downc .downl{ width:100%; display:block; float: none;}
.header .nav li .down .downc .downl dd{ width: 104px;display:block; overflow: hidden; float:left}
.header .nav li .down .downc .downl dd a{ display: block; width:100%; display: block; font-size: 14px; text-align:center; line-height:80px; 
color: #ededed; transition: 0.3s; height:80px}
.header .nav li .down .downc .downr{ width: 40%; display: none; float: right; overflow: hidden; box-sizing: border-box; border-radius: 8px; transition: 0.3s;border: 2px solid #fff;}
.header .nav li .down .downc .downr img{ display: block; width: 100%; transition: 0.3s;}
.header .nav li .down .downc .downr:hover{ border: 2px solid #cbad6d;}
.header .nav li .down .downc .downr:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.header .nav li .down .downc .downl dd:hover a{background:rgba(204,174,110,1); color:#fff}

.header .nav li:hover .down{display:block}
.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }

/*首页banner海报区域*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner{width:100%;background:#666; overflow:hidden; height:670px}
.swiper-containerlb{width: 100%;height: 100%;}
.swiper-containerlb .swiper-slide {background-position: center;background-size: cover;}
.swiper-containerlb .swiper-pagination-bullet {width:34px;height:5px;display: inline-block;border-radius:3px;background: #fff;opacity:1;}
.swiper-containerlb .swiper-pagination-bullet-active{ background: #cbad6d;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:26px;}

/* 产业领域 */
.cyly{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding: 90px 0;}
.con{width:100%; margin:0 auto;  box-sizing:border-box; display: block; padding:90px 290px;}
.con::after{ content: ""; display: block; clear: both;}
.con2{width:100%; margin:0 auto;  box-sizing:border-box; display: block; padding:0 290px;}
.con2::after{ content: ""; display: block; clear: both;}
.con4{width:100%; margin:0 auto;  box-sizing:border-box; display: block; padding:90px 290px;}
.con4::after{ content: ""; display: block; clear: both;}

.bt{width:100%; margin:0 auto 50px; overflow:hidden; box-sizing:border-box; display: block;}
.bt h3{ font-size: 40px; text-align: center; font-weight: 400; color: #222; display: block; margin: 0 auto;}
.bt h4{font-size:24px; text-align: center; font-weight: 400; color: #666; display: block; margin:10px auto;font-family:"方正宋三简体"; 
text-transform: uppercase; letter-spacing: 2px;}
.bt span{width:100%; margin:15px auto 0; overflow:hidden; box-sizing:border-box; background: url(../img/btx.png) no-repeat center; height: 3px;
display: block;}

.cylyc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding: 0 200px;}
.cylyc .swiper-container2 {width: 100%; box-sizing: border-box; padding: 0 90px;}
.cylyc .swiper-container2 .swiper-slide {text-align: center;background: #fff;
/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display:-webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.cylyx{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;transition: 0.3s;}
.cylyx a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; position: relative;transition: 0.3s;}
.cylyx a img{ display: block; width: 100%; margin: 0 auto; transition: 0.3s;}
.cylyx a .cyzi{ display: block; width: 100%; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; box-sizing: border-box; padding: 10px; transition: 0.3s;}
.cylyx a .cyzi h4{text-align: center; line-height:40px; font-weight: 400; color: #fff;font-size:20px; display: block; width: 100%; transition: 0.3s;}
.cylyx a .cyzi p{font-size:15px; color:#fff; line-height:1.4em; text-align:left; width:100%;transition:0.3s;margin-top:12px;transition: 0.3s;
display:inline-block;word-break: break-all; opacity: 0;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/
display: none;}

.swiper-container2 .swiper-button-prev{ width: 90px; height: 100%; display: block; background: #fff url(../img/zy1.png) no-repeat left center; background-size: 53px 53px;
position: absolute;top:0; left: 0; margin-top: 0; transition: 0.3s;}
.swiper-container2 .swiper-button-next{ width: 90px; height: 100%; display: block; background: #fff url(../img/zy2.png) no-repeat right center; background-size:53px 53px;
position: absolute;top:0; right: 0; margin-top: 0;transition: 0.3s;}
.swiper-container2 .swiper-button-prev:hover{background: #fff url(../img/zy1h.png) no-repeat left center; background-size: 53px 53px;}
.swiper-container2 .swiper-button-next:hover{background: #fff url(../img/zy2h.png) no-repeat right center; background-size:53px 53px;}
.cylyx:hover a img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.cylyx:hover a .cyzi{background: rgba(204,174,110,1);padding:20px 25px 35px;}
.cylyx:hover a .cyzi h4{ text-align: left;line-height:30px; }
.cylyx:hover a .cyzi p{ width:100%;transition:0.3s;margin-top:12px;transition: 0.3s;
display:inline-block;word-break: break-all;opacity: 1;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
/* 查看更多 */
.more{width:310px; height: 58px; display: block; margin:50px auto 10px; overflow:hidden; box-sizing:border-box; background:#ccae6e; font-size:16px; text-align: center;
line-height: 58px; color: #fff; transition: 0.3s;}
.more:hover{width:350px; -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.18)}

/* 企业宣传视频 */
.spbf{ width: 100%; height: 420px; display: block; margin: 0 auto; background:#fff url(../img/bg_2.png) no-repeat center; background-size: cover;}
.spbfc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; position: relative; height: 420px;}
.spbfc .bofang{ width: 64px; height: 64px; display: block; margin: 0 auto; position: absolute; top:50%; left: 50%; margin-top: -32px; margin-left:-32px;}
.spbfc .bofang img{ display: block; width: 100%; margin:0 auto; transition: 0.3s; border-radius: 50%; }
.spbfc .bofang:hover img{transform:rotate(122deg) scale(1.1);-ms-transform:rotate(122deg) scale(1.1);-moz-transform:rotate(122deg) scale(1.1); 
-webkit-transform:rotate(122deg) scale(1.1);-o-transform:rotate(122deg) scale(1.1);box-shadow:0 5px 10px rgba(0,0,0,0.18);}

/* 弹框视频 */
.out {width:900px;height: 510px;background: #fff;position: fixed;left: 50%;margin-left: -450px;top: 50%;margin-top: -255px;display:none;z-index:2;}
.out .shipin{ width: 100%; height: 100%; display: block; margin: 0 auto; box-sizing: border-box; padding:5px;}
.out .shipin #video{width: 100%;display: block; margin: 0 auto;}
.out .close {width: 30px;height: 30px;background: #ccae6e;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;right: -30px;cursor: pointer}
.bg{ width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0; left:50%;margin-left: -50%;display:none; z-index:1}


/* 资讯中心 */
.news{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.newsc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.nctop{width:100%; margin:20px auto 50px; overflow:hidden; box-sizing:border-box;display: block;}
.nctop ul{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;}	
.nctop ul li{ width: 134px; height: 48px;margin:0 8px;}
.nctop ul li a{ width: 100%; height: 100%; background: #fff; box-sizing: border-box; border: 1px solid #d7d7d7; font-size: 18px; text-align: center;
color:#666; text-align: center; line-height: 46px; transition: 0.3s; display: block; }
.nctop ul li:hover a,.nctop ul li.on a{ border: 1px solid #ccae6e; background:#ccae6e; color: #fff;}

.newscon{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;display: block;}
.newscon::after{content: ""; display: block; margin: 0 auto;}
.newscon li{width:23.5%; display: block; float: left; margin-right:2%;}
.newscon li:nth-child(4){margin-right: 0;}
.newscon li a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;display: block;}
.newscon li a .nstu{ width:100%; height: auto; display: block; margin:0 auto; overflow: hidden; max-height:200px}
.newscon li a .nstu img{ display: block; width: 100%; margin: 0 auto; transition: 0.3s;}
.newscon li a .nszi{ width:100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; border:1px solid #e6e6e6; border-top: none;
padding:22px 19px;transition: 0.3s;}
.newscon li a .nszi h3{font-size:18px; text-align: left; text-transform: uppercase; font-weight: 400; color: #333333; line-height:1.5em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;transition: 0.3s;}
.newscon li a .nszib{width:100%; margin:8px auto 0; overflow:hidden; box-sizing:border-box;transition: 0.3s;
display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.newscon li a .nszib h4{font-size:16px; text-align: left; text-transform: uppercase; font-weight:900; color: #ccae6e;font-family:DINPro-Bold;transition: 0.3s;}
.newscon li a .nszib h5{font-size:14px; text-align: right; text-transform: uppercase; font-weight: 400; color: #ccae6e;transition: 0.3s;}
.newscon li:hover a .nstu img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.newscon li:hover a .nszi{border: 1px solid #ccae6e; border-top:none;}
.newscon li:hover a .nszib{ padding: 0 8px; box-sizing: border-box;}
.newscon li:hover a .nszib h4{ color: #B7995A;}
.newscon li:hover a .nszib h5{color: #B7995A;}

/* 集团期刊 */
.jtqk{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.jtqkc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.con3{ padding:0 290px 90px ;}

.main_box{width: 100%;position: relative;}
.box{width:100%;margin:0 auto;}
.box ul{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.box ul li{width:250px;height:285px;box-shadow: 3px 2px 30px rgba(0,0,0,.1);float: left;text-align: center;position: relative;transition: all .6s ease-out;}
.box ul li h3{padding-top:50px;color: #fff;font-size: 16px; font-weight: 900;transition: all .3s ease-out;}
.box ul li p{margin-top: 7px;color: #fff;font-size:26px;font-weight:400;transition: all .3s ease-out;}
.box ul li span{margin-top: 7px;color: #fff;font-size:26px;font-weight:900;transition: all .3s ease-out;}
.box ul .on{width:600px;height: 285;background-color: #3288e6;text-align: left;}
.box ul .on h3{padding-left:60px;color: #FFF;}
.box ul .on p{margin-left:60px;color: #FFF;}
.box ul .on span{margin-left:60px;}

/* 底部区域 */
.footer{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; background: #222222 url(../img/dbxt.png) no-repeat top center}
.footc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:5px 0 0;}
.footc::after{ content: ""; clear: both; display: block;}
.footc .ftl{ width:280px;overflow:hidden; box-sizing:border-box; display: block; float:left;}
.footc .ftl .dblogo{ width: 216px;overflow:hidden; box-sizing:border-box; display: block;}
.footc .ftl .dblogo img{ width: 100%; display: block; margin: 0 auto;}
.footc .ftl .qq{ width: 254px; height: 42px; box-sizing: border-box; border: 1px solid #fff; margin: 28px 0; transition: 0.3s;
display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;}
.footc .ftl .qq .qqtb{ width: 19px; height: 20px; display: block; margin-right: 20px;-webkit-animation:qq 1s infinite;animation:qq 1s infinite; transition: 0.3s;}
.footc .ftl .qq h6{ font-size: 14px; color: #fff;-webkit-animation:qq 1s infinite;animation:qq 1s infinite; transition: 0.3s; font-weight: 400;}
@-webkit-keyframes qq{
	0%,80%,100%{ opacity:0.6;}
	40%{ opacity:1;}
}
@keyframes qq{
	0%,80%,100%{ opacity:0.6;}
	40%{ opacity:1;}
}
.footc .ftl .qq:hover{border: 1px solid #ccae6e; background: #ccae6e;}
.footc .ftl .qq:hover .qqtb{ opacity: 1;}
.footc .ftl .qq:hover h6{opacity: 1;}
.footc .ftl p{font-size: 14px; color: #d5d5d5; text-align: left; line-height: 1.88em;}

.ftc{ float: left; margin-left:88px; margin-top: 10px;}
.ftc ul{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;}
.ftc li{ margin-left:55px; float: left;}
.ftc li dl{ display: block; text-align: left;}
.ftc li dl dt{ font-size: 16px; color: #fff; text-align: left; line-height: 1.4em;}
.ftc li dl i{ display: block; width: 22px; height: 2px; background: #ccae6e;margin: 25px 0;}
.ftc li dl dd{ margin-bottom: 20px;}
.ftc li dl dd a{ font-size: 14px; color: #cecece; text-align: left; line-height: 1.4em; transition: 0.3s;}
.ftc li dl dd:hover a{ color: #fff;}

.ftr{ float: right;}
.ftr .ftrma{ width:120px; height: 120px; display: block; background: #fff; box-sizing: border-box; padding: 4px; overflow: hidden; border-radius: 5px;
margin-top: 10px;}
.ftr .ftrma img{ display: block; width:100%; margin: 0 auto;}
.ftr p{font-size: 14px; color: #cecece; text-align: center; line-height: 1.4em; margin-top:14px;}

/* 版权区域 */
.copy{width:100%; margin:0 auto; box-sizing:border-box; display: block; background: #1b1b1b;}
.copyc{width:100%; margin:0 auto; box-sizing:border-box; display: block; padding:25px 290px;}
.copyc::after{ content: ""; clear: both; display: block;}
.copyc p{ font-size: 14px; color: #d3d8db; font-weight: 400; float: left; line-height: 1.2em;}
.copyc p a{ font-size: 14px; color: #d3d8db;}
.copyc span{ font-size: 14px; color: #d3d8db; font-weight: 400; float: right; line-height: 1.2em;}
.copyc span a{font-size: 14px; color: #d3d8db;}
.copyc p a:hover,.copyc span a:hover{ color: #ccae6e;}


/* 在线客服 */
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;
overflow:hidden;}
.yb_bar .yb_top{background:#ccae6e url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ccae6e url(../img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ccae6e url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ccae6e url(../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}






/*768移动端页面*/
@media (max-width:768px){
	/* 首页banner */
	.banner{background:#fff; height:180px}
	.swiper-pagination-bullet {width:20px;height:4px;display: inline-block;border-radius:2px;background: #fff;opacity:1;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	/* 产业领域 */
	.cyly{padding:25px 0;}
	.cylyc{padding: 0 20px;}
	.cylyc .swiper-container2 {padding: 0 0;}
	.swiper-container2 .swiper-button-prev{ width:30px; height: 40px; display: block; background: #ccae6e url(../img/zy3z.png) no-repeat left center; background-size:30px 30px;
	position: absolute;top:50%; left: 0; margin-top:-20px; transition: 0.3s;}
	.swiper-container2 .swiper-button-next{ width:30px; height: 40px; display: block; background: #ccae6e url(../img/zy3y.png) no-repeat right center; background-size:30px 30px;
	position: absolute;top:50%; right: 0; margin-top:-20px;transition: 0.3s;}
	.swiper-container2 .swiper-button-prev:hover{background: #ccae6e url(../img/zy3z.png) no-repeat left center; background-size:30px 30px;}
	.swiper-container2 .swiper-button-next:hover{background: #ccae6e url(../img/zy3y.png) no-repeat right center; background-size:30px 30px;}

	/* 查看更多 */
	.more{width:80%; margin:25px auto 10px;}
	.more:hover{width:80%;}
	
	/* 企业宣传视频 */
	.spbf{ height:200px;}
	.spbfc{height:200px;}
	.spbfc .bofang{ width:56px; height: 56px; display: block; margin: 0 auto; position: absolute; top:50%; left: 50%; margin-top: -28px; margin-left:-28px;}
	
	
	/* 资讯中心 */
	.nctop{margin:0 auto 20px;}
	.nctop ul{flex-wrap:wrap;}	
	.nctop ul li{ width:28%; margin:0 8px 15px;}
	.newscon li{width:100%; float: none; margin-right:0%; margin-bottom: 20px;}
	.newscon li:nth-child(4){margin-right: 0;}	
	.newscon li:last-child{margin-bottom: 0;}	
	
	
	/* 底部区域 */
	.footc .ftl{ width:100%; float:none; box-sizing: border-box; padding-top:25px;}
	.footc .ftl .dblogo{ width: 216px;overflow:hidden; box-sizing:border-box; display: block; margin: 0 auto;}
	.footc .ftl .qq{margin: 20px auto;}
	.footc .ftl p{text-align:center; font-size:18px;}
	
	.ftc{ display: none;}
	
	.ftr{ float: none; margin: 0 auto;}
	.ftr .ftrma{margin: 10px auto;}
	.ftr .ftrma img{ display: block; width:100%; margin: 0 auto;}
	.ftr p{font-size: 16px; }
	
	/* 版权区域 */
	.copyc{padding:20px;}
	.copyc p{float: none; line-height: 1.5em; text-align: center;}
	.copyc span{float: none; line-height: 1.5em; text-align: center; display: block;}
	

}

/*移动端公用页面*/
@media (max-width:992px){

	/*头部区域*/
	.header{ width:100%; height:66px; position:static; border-bottom:none; z-index: 999;}
	.header.on{ position:fixed;height:66px;}
	.hd_con{ width:100%; height:66px; margin:0 auto; box-sizing:border-box; padding: 0 15px;}
	.header .logo{margin-top:13px; float: left;}
	.header .logo a{width:146px; height: 40px;}
	.header.on .logo a{width:146px; height:40px;}
	.header .nav li:hover .yiji,.header .nav li.on .yiji{ color:#ccae6e; background: #fff url(../img/youh.png) no-repeat right center;}
	.header.on .nav li:hover .yiji,.header .nav li.on .yiji{ color:#ccae6e;background: #fff url(../img/youh.png) no-repeat right center;}
	.header .nav li .down{ display: none;}
	.header .nav li:hover .down{ display:none;}
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:66px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #aaa; z-index:999;
	height:calc(100vh - 66px); overflow:auto;}	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:20px;}
	.header .nav ul::after{ content: ""; display: block; clear: both;}
	.header .nav li{ float:none; border-bottom:1px solid #cfcfcf; width:100%;box-sizing:border-box; padding:0 10px;}
	.header .nav li .yiji{ line-height:52px; color: #454545; text-align:left;background:url(../img/you.png) no-repeat right center;}
	.header .nav span{ display:none;}
	.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; width:8px; height:14px;
	 background:url(../img/you.png) no-repeat center;position:absolute; top:20px;right:10px; display:none;}
	.header.on {height:66px;}
	.header .nav .sous{ float:none; margin:20px auto; width:80%; height:52px; box-sizing: border-box;
	border: 1px solid #c6c6c6;border-radius:27px;padding:5px 8px; display:block;}
	.header .nav .sous .ss{ width:40px; height:40px; display:block; overflow:hidden; box-sizing: border-box; transition: 0.3s;  float: right; border-radius: 50%;
	background: #cbad6d url(../img/searchh.png) no-repeat center;}
	.header.on .nav .sous .ss,.header .nav .sous .ss:hover{background: #cbad6d url(../img/searchh.png) no-repeat center; }
	
	/* banner区域 */
	.swiper-containerlb .swiper-pagination-bullet {width:20px;height:3px;display: inline-block;border-radius:1.5px;background: #fff;opacity:1;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}


	.con{padding:20px;}
	.con2{padding:0 20px;}
	.con3{ padding:0 20px 20px;}
	.con4{padding:20px;}
	.bt{margin:0 auto 25px;}
	.bt h3{ font-size:24px;}
	.bt h4{font-size:15px;margin:5px auto;
	text-transform: uppercase; letter-spacing: 2px;}
	.bt span{margin:10px auto 0 0;}
	
	/* 弹框视频 */
	.out {width:90%;height: auto;background: #fff;position: fixed;left:5%;margin-left: -0;top:34%;margin-top:0;display:none;z-index:2;}
	.out .shipin{ width: 100%; height: 100%; display: block; margin: 0 auto; box-sizing: border-box; padding:5px;}
	.out .shipin #video{width: 100%;display: block; margin: 0 auto;}
	.out .close {width: 30px;height: 30px;background: #ccae6e;color: #fff;text-align: center;line-height: 30px;position: absolute;top:-30px;right: -0px;cursor: pointer}
	.bg{ width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0; left:50%;margin-left: -50%;display:none; z-index:1}
	


	/*在线客服*/
	.yb_conct{ display: none;}

}


/*pid 768-992*/
@media (min-width:768px){

	/*头部区域*/
	.hd_con{ width:100%; height:90px; margin:0 auto; box-sizing:border-box; padding: 0 20px;}
	.header .nav li{ float:left;}
	.header .nav li .yiji {display: block;line-height:50px;color: #444;font-size: 16px;box-sizing: border-box;padding: 0 10px;	}
	.header .nav span{ display: none;}
	.header .nav .sous{ float:none; margin:20px auto; display: block;}
	.header .nav li .down{ display: none;}
	.header .nav li:hover .down{ display:none;}

	/* 首页banner */
	.banner{background:#fff; height:340px}
	.swiper-pagination-bullet {width:20px;height:4px;display: inline-block;border-radius:2px;background: #fff;opacity:1;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:18px;}
	


	.con{padding:30px 30px;}
	.con2{padding:0 30px;}
	.con3{ padding:0 30px 30px;}
	.con4{padding:30px;}
	.bt{margin:0 auto 30px;}
	.bt h3{ font-size:26px;}
	.bt h4{font-size:18px;margin:8px auto;
	text-transform: uppercase; letter-spacing: 2px;}
	.bt span{margin:10px auto 0 0;}


	/* 产业领域 */
	.cyly{padding:30px 0;}
	.cylyc{padding: 0 30px;}
	.cylyc .swiper-container2 {padding: 0 0;}
	.swiper-container2 .swiper-button-prev{ width:30px; height: 40px; display: block; background: #ccae6e url(../img/zy3z.png) no-repeat left center; background-size:30px 30px;
	position: absolute;top:50%; left: 0; margin-top:-20px; transition: 0.3s;}
	.swiper-container2 .swiper-button-next{ width:30px; height: 40px; display: block; background: #ccae6e url(../img/zy3y.png) no-repeat right center; background-size:30px 30px;
	position: absolute;top:50%; right: 0; margin-top:-20px;transition: 0.3s;}
	.swiper-container2 .swiper-button-prev:hover{background: #ccae6e url(../img/zy3z.png) no-repeat left center; background-size:30px 30px;}
	.swiper-container2 .swiper-button-next:hover{background: #ccae6e url(../img/zy3y.png) no-repeat right center; background-size:30px 30px;}

	/* 资讯中心 */
	.nctop{margin:0 auto 20px;}
	.nctop ul{flex-wrap:wrap;}	
	.nctop ul li{ width:22%; margin:0 8px 15px;}
	.newscon li{width:48%; float: left; margin-right:4%; margin-bottom: 20px;}
	.newscon li:nth-child(4){margin-right: 0;}	
	.newscon li:last-child{margin-bottom: 0;}
	.newscon li:nth-child(2n){ margin-right:0%;}


	/* 底部区域 */
	.ftc{ display:none;}
	/* 底部区域 */
	.footc .ftl{ width:50%; float:left; box-sizing: border-box; padding-top:0;}
	.footc .ftl .dblogo{ width: 216px;overflow:hidden; box-sizing:border-box; display: block; margin: 0 0;}
	.footc .ftl .qq{margin: 20px 0;}
	.footc .ftl p{text-align:left; font-size:16px;}
	.ftc{ display: none;}
	.ftr{ float: right; margin: 0 0;}
	.ftr .ftrma{margin: 10px auto;}
	.ftr p{font-size: 16px; }
	
	/* 版权区域 */
	.copyc{padding:25px;}
	.copyc p{float: none; line-height: 1.5em; text-align: center;}
	.copyc span{float: none; line-height: 1.5em; text-align: center; display: block;}
}

/*ipad pro平板页面*/
@media (min-width:992px){
	/*头部区域*/
	.hd_con{ width:100%; height:90px; margin:0 auto; box-sizing:border-box; padding: 0 30px;}
	.header .nav li{ float:left;}
	.header .nav li .yiji {display: block;line-height:90px;color: #444;font-size: 16px;box-sizing: border-box;padding: 0 12px;	}
	.header .nav span{ display: none;}
	.header .nav .sous{ float:right; margin:30px 0 0 14px; display: block;}
	.header .nav li .down{ display: none;}
	.header .nav li:hover .down{ display:none;}

	/* 首页banner */
	.banner{background:#fff; height:400px}
	.swiper-pagination-bullet {width:24px;height:4px;display: inline-block;border-radius:2px;background: #fff;opacity:1;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:24px;}


	.con{padding:40px 30px;}
	.con2{padding:0 30px;}
	.con3{padding:0 30px 40px;}
	.con4{padding:40px 30px;}
	.bt{margin:0 auto 30px;}
	.bt h3{ font-size:26px;}
	.bt h4{font-size:18px;margin:8px auto;
	text-transform: uppercase; letter-spacing: 2px;}
	.bt span{margin:14px auto 0 0;}
	


	/* 产业领域 */
	.cyly{padding:40px 0;}
	.cylyc{padding: 0 30px;}
	.cylyc .swiper-container2 {padding: 0 0;}
	.swiper-container2 .swiper-button-prev{ width:30px; height: 40px; display: block; background: #ccae6e url(../img/zy3z.png) no-repeat left center; background-size:30px 30px;
	position: absolute;top:50%; left: 0; margin-top:-20px; transition: 0.3s;}
	.swiper-container2 .swiper-button-next{ width:30px; height: 40px; display: block; background: #ccae6e url(../img/zy3y.png) no-repeat right center; background-size:30px 30px;
	position: absolute;top:50%; right: 0; margin-top:-20px;transition: 0.3s;}
	.swiper-container2 .swiper-button-prev:hover{background: #ccae6e url(../img/zy3z.png) no-repeat left center; background-size:30px 30px;}
	.swiper-container2 .swiper-button-next:hover{background: #ccae6e url(../img/zy3y.png) no-repeat right center; background-size:30px 30px;}

	/* 资讯中心 */
	.nctop{margin:0 auto 20px;}
	.nctop ul{flex-wrap:wrap;}	
	.nctop ul li{ width:22%; margin:0 8px 15px;}
	.newscon li{width:32%; float: left; margin-right:2%; margin-bottom: 0;}
	.newscon li:nth-child(4){margin-right: 2%; display: none;}
	.newscon li:last-child{margin-bottom: 0;}
	.newscon li:nth-child(2n){ margin-right:2%;}
	.newscon li:nth-child(3n){ margin-right:0;}
		

	/* 版权区域 */
	.copyc{padding:25px 30px;}
	.copyc p{float: left; line-height: 1.2em; text-align: left;}
	.copyc span{float: right; line-height: 1.2em; text-align: right; display: block;}


}


/*电脑最终页面*/
@media (min-width:1240px){	
	/*头部区域*/
	.hd_con{ width:100%; height:90px; margin:0 auto; box-sizing:border-box; padding: 0 80px;}
	.header .nav li{ float:left;}
	.header .nav li .yiji {display: block;line-height:90px;color: #444;font-size: 16px;box-sizing: border-box;padding: 0 20px;	}
	.header .nav span{ display: block;}
	.header .nav .sous{ float:right; margin:30px 0 0 14px; display: block;}
	.header .nav li .down{ display: none;}
	.header .nav li:hover .down{ display:block;}
	/* 首页banner */
	.banner{background:#fff; height:670px}
	.swiper-pagination-bullet {width:25px;height:6px;display: inline-block;border-radius:3px;background: #fff;opacity:1;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px;}
	
	
	.con{padding:60px 80px;}
	.con2{padding:0 80px;}
	.con3{padding:0 80px 60px;}
	.con4{padding:60px 80px;}
	.bt{margin:0 auto 40px;}
	.bt h3{ font-size:32px;}
	.bt h4{font-size:20px;margin:10px auto;text-transform: uppercase; letter-spacing: 2px;}
	.bt span{margin:15px auto 0 0;}
	
	
	
	/* 产业领域 */
	.cyly{padding:60px 0;}
	.cylyc{padding: 0 30px;}
	.cylyc .swiper-container2 {padding: 0 90px;}
	.swiper-container2 .swiper-button-prev{ width:90px; height: 100%; display: block; background: #fff url(../img/zy1.png) no-repeat left center; background-size:40px 40px;
	position: absolute;top:0; left: 0; margin-top:0; transition: 0.3s;}
	.swiper-container2 .swiper-button-next{ width:90px; height: 100%; display: block; background: #fff url(../img/zy2.png) no-repeat right center; background-size:40px 40px;
	position: absolute;top:0; right: 0; margin-top:0;transition: 0.3s;}
	.swiper-container2 .swiper-button-prev:hover{background: #fff url(../img/zy1h.png) no-repeat left center; background-size:40px 40px;}
	.swiper-container2 .swiper-button-next:hover{background: #fff url(../img/zy13.png) no-repeat right center; background-size:40px 40px;}
	
	/* 资讯中心 */
	.nctop{margin:0 auto 20px;}
	.nctop ul{flex-wrap:wrap;}	
	.nctop ul li{ width:22%; margin:0 8px 15px;}
	.newscon li{width:32%; float: left; margin-right:2%; margin-bottom: 0;}
	.newscon li:nth-child(4){margin-right: 2%; display: none;}
	.newscon li:last-child{margin-bottom: 0;}
	.newscon li:nth-child(2n){ margin-right:2%;}
	.newscon li:nth-child(3n){ margin-right:0;}
	

	/* 底部区域 */
	.footc .ftl{ width:280px; float:left; box-sizing: border-box; padding-top:0;}
	.footc .ftl .dblogo{ width: 216px;overflow:hidden; box-sizing:border-box; display: block; margin: 0 0;}
	.footc .ftl .qq{margin: 20px 0;}
	.footc .ftl p{text-align:left; font-size:16px;}
	.ftc{ display:block; float: left; margin-left: 50px;}
	.ftc li { margin-left:30px;}
	.ftr{ float: right; margin: 0 0;}
	.ftr .ftrma{margin: 10px auto;}
	.ftr p{font-size: 16px; }
	
	
	/* 版权区域 */
	.copyc{padding:25px 290px;}
	.copyc p{float: left; line-height: 1.2em; text-align: left;}
	.copyc span{float: right; line-height: 1.2em; text-align: right; display: block;}
	

	
	
	
}

/*电脑最终页面*/
@media (min-width:1340px){
	/*头部区域*/
	.hd_con{ width:100%; height:90px; margin:0 auto; box-sizing:border-box; padding: 0 90px;}
	.header .nav li{ float:left;}
	.header .nav li .yiji {display: block;line-height:90px;color: #444;font-size: 16px;box-sizing: border-box;padding: 0 20px;	}
	.header .nav span{ display: block;}
	.header .nav .sous{ float:right; margin:30px 0 0 14px; display: block;}
	.header .nav li:hover .down{ display:block;}

	.con{padding:90px 290px;}
	.con2{padding:0 290px;}
	.con3{padding:0 290px 90px;}
	
	.bt{margin:0 auto 40px;}
	.bt h3{ font-size:40px;}
	.bt h4{font-size:24px;margin:10px auto;text-transform: uppercase; letter-spacing: 2px;}
	.bt span{margin:15px auto 0 0;}
	/* 产业领域 */
	.cyly{padding:90px 200px;}
	.cylyc{padding: 0 90px;}
	.cylyc .swiper-container2 {padding: 0 90px;}
	.swiper-container2 .swiper-button-prev{ width: 90px; height: 100%; display: block; background: #fff url(../img/zy1.png) no-repeat left center; background-size: 53px 53px;
	position: absolute;top:0; left: 0; margin-top: 0; transition: 0.3s;}
	.swiper-container2 .swiper-button-next{ width: 90px; height: 100%; display: block; background: #fff url(../img/zy2.png) no-repeat right center; background-size:53px 53px;
	position: absolute;top:0; right: 0; margin-top: 0;transition: 0.3s;}
	.swiper-container2 .swiper-button-prev:hover{background: #fff url(../img/zy1h.png) no-repeat left center; background-size: 53px 53px;}
	.swiper-container2 .swiper-button-next:hover{background: #fff url(../img/zy2h.png) no-repeat right center; background-size:53px 53px;}
	

	/* 资讯中心 */
	.nctop{margin:20px auto 50px;}
	.nctop ul{flex-wrap:nowrap;}	
	.nctop ul li{ width: 134px; margin:0 8px;}
	.newscon li{width:23.5%; float: left; margin-right:2%; margin-bottom: 0;}

	.newscon li:last-child{margin-bottom: 0;}
	.newscon li:nth-child(2n){ margin-right:2%;}
	.newscon li:nth-child(3n){ margin-right:2%;}
	.newscon li:nth-child(4){margin-right: 0%; display: block;}


	/* 底部区域 */
	.footc .ftl{ width:280px; float:left; box-sizing: border-box; padding-top:0;}
	.footc .ftl .dblogo{ width: 216px;overflow:hidden; box-sizing:border-box; display: block; margin: 0 0;}
	.footc .ftl .qq{margin: 20px 0;}
	.footc .ftl p{text-align:left; font-size:16px;}
	.ftc{ display:block; float: left; margin-left: 50px;}
	.ftc li { margin-left:30px;}
	.ftr{ float: right; margin: 0 0;}
	.ftr .ftrma{margin: 10px auto;}
	.ftr p{font-size: 16px; }

	.newscon li a .nstu{ max-height:130px}


	
}

/*电脑最终页面*/
@media (min-width:1600px){

	/*头部区域*/
	.hd_con{ width:100%; height:90px; margin:0 auto; box-sizing:border-box; padding: 0 290px;}
	.header .nav li{ float:left;}
	.header .nav li .yiji {display: block;line-height:90px;color: #444;font-size: 16px;box-sizing: border-box;padding: 0 20px;	}
	.header .nav span{ display: block;}
	.header .nav .sous{ float:right; margin:30px 0 0 14px; display: block;}
	
	.con4{padding:90px 290px;}
	

	.newscon li a .nstu{ max-height:195px}
	
	
	
}

/*电脑最终页面*/
@media (min-width:1770px){

	/* 底部区域 */
	.footc .ftl{ width:280px; float:left; box-sizing: border-box; padding-top:0;}
	.footc .ftl .dblogo{ width: 216px;overflow:hidden; box-sizing:border-box; display: block; margin: 0 0;}
	.footc .ftl .qq{margin: 28px 0;}
	.footc .ftl p{text-align:left; font-size:14px;}
	.ftc{ display:block; float: left; margin-left:60px;}
	.ftc li { margin-left:55px;}
	.ftr{ float: right; margin: 0 0;}
	.ftr .ftrma{margin: 10px 0 0;}
	.ftr p{font-size: 14px; }
	
	.newscon li a .nstu{ max-height:200px}
	
}