@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1200px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
img ,embed{ border:none;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w930{ width:930px; height:auto; margin:0 auto; overflow:hidden;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.w880{ width:880px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	body{ min-width:320px !important; max-width:640px;}
	body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
	.auto_img{width:100%;}
	.pnone{ display:none;}
	.w880{ width:100%; }
	.w1000{ width:100%;}
	.w1200{ width:100%; position:relative;}
	#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}
@font-face {font-family: "hwls";src: url('/style/font/hwls.TTF');font-weight: normal;font-style: normal;}

/*header*/
.navbar-fixed-top{ position:relative;z-index:19;box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:5px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#b7b7b7}
.navbar-nav > li > a{ line-height:inherit;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7b7b7;background-color:inherit}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top:24px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}


#header{width:100%;height:auto;clear:both;z-index:19;background:#fff;min-width:1200px;overflow:visible;}
#header.btm{border-bottom:rgba(255, 255, 255, 0.3) 1px solid;background:#000;width:100%;padding:15px 0 0;}
.toper{ background:#222328; height:56px;}
.toper_l{ float:left; width:40%; height:56px; color:#FFF; position:relative;}
.toper_l .m_wnews{ height:36px; width:100%; margin:0 auto; position:absolute; left:0; top:10px;}
.m_wnews strong{ float:left; font-weight:normal; color:#cdcdcb; font-size:14px; line-height:36px; display:none;}
.m_wnews .tempWrap{ float:left; width:100%; height:36px;}
.m_wnews .tempWrap li{ float:left; width:100%; height:36px; background:url(/images/news_icon.png) no-repeat center left; padding-left:12px;}
.m_wnews .tempWrap li a{ float:left; color:#cdcdcb; font-size:14px;line-height:36px;}
.m_wnews .tempWrap li a:hover{/* text-decoration:underline;*/ color:#fff}
.m_wnews .tempWrap li span{ float:right; color:#cdcdcb; font-size:14px;line-height:36px; display:none;}
.pagesize{ float:left; line-height:34px; width:auto; margin:0 10px; display:none;}
/*.pagesize a{ display:block; float:left; width:21px; height:25px; margin:1px 5px; background-image:url(/images/newadd.png); background-repeat:no-repeat; text-indent:-99999px;}
.pagesize a.prev{ background-position:-21px 0;}
.pagesize a.next{ background-position:-21px -26px;}*/

.head .menu .hTel{position:absolute;top:-38px;right:0;font-size:14px;color:#050616;font-weight: bold;display: flex;align-items: center;justify-content: space-between;height: 30px;padding: 0 10px;background: rgba(255, 255, 255, 0.7);border-radius: 30px;}
.head .menu .hTel em{width:19px;height:19px;line-height:0; margin-right:5px;}
.head .menu .hTel img{  vertical-align:middle;}
.btm .head .menu .hTel{ top:10px;}


/*.head_bg{ width:100%; height:100%; background:#fff;}*/
.top_bg{position: absolute;top:0;left:0;height:125px;width:100%;background:rgba(0, 0, 0, 0.4);z-index:5;}
.pc-header .top_bg{background:rgba(0, 0, 0, 0.9);}
.btm .top_bg{ position:relative; height:auto;}
.top_bg:before{content:"";width:100%;height:1px;background:rgba(255, 255, 255, 0.3);position:absolute;bottom:0;left:0;}
.head{ overflow:visible;}
.head .logo{ float:left; position:relative; width:280px; height:auto; padding:25px 0 10px;}
.btm .head .logo{ padding:0; margin-top:-5px;}
.head .logo a{ display:block; margin:0;}
.head .logo img{ max-width:100%; height:auto;}
.btm .head .logo img{ height:50px; width:auto;}
.head .logo span{ display:block; width:110%; position:absolute; bottom:13px; left:0; font-size:20px; letter-spacing:2.2px; color:#fff; font-weight:600;}
.btm .head .logo span{ font-size:16px; bottom:0; letter-spacing:.5px}
@media(max-width:767px){
	.top_bg{position:relative;height:auto;background:rgba(0, 0, 0, 0.9);}
	.head .logo{ margin:5px 0; width:auto; height:auto; padding:5px 0 15px 10px;}
	.head .logo a{ display:block; height:auto; margin:0 5px 0 0; width:100%;}
	.head .logo img{ height:50px; width:auto;}
	.head .logo span{ bottom:12px; left:10px; font-size:16px; letter-spacing:0px;}
	.btm .head .logo span{ font-size:16px; bottom:0; letter-spacing:.5px}
}

.head .menu{ float:right; width:65.7%; padding:58px 0 0; position:relative;}
.btm .head .menu{ padding:0; width:75%;}
.menu .nav{ width:100%; height:auto;}
.btm .head .menu .nav{ width:72%; float:left !important;}
.menu ul{display: flex;justify-content: space-between;}
.menu ul:after,.menu ul:before{ display:none;}
.menu li{ font-size:14px; height:66px; position: relative; }
.menu li>a{ display:block; width:100%; font-size:15px; color:#d1d1d1; text-align:center; position:relative; height:66px; padding:0;}
.menu li>a:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #fff;content: '';opacity: 0;-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.menu li>a span{ display:block; font-size:15px; color:#d1d1d1; line-height:50px;}
.menu li>a:hover span,.menu li>a.on span{ color:#fff;}
.menu li>a:hover:after,.menu li>a.on:after{height: 3px;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.menu li.plast{ display:none;}

.menu li .sub{width:124px;z-index:99;display:none;background:#fff;position:absolute;top:87px;left:0;overflow:hidden;padding:0;-webkit-box-shadow: #999 0 2px 5px;-moz-box-shadow:#999 0 2px 5px;box-shadow:#999 0 2px 5px;}
.menu li dl{border-top:1px solid #dcdbd2; padding:5px 0; height:auto;}
.menu li dl dd{ width:100%;  padding:0; height:auto; text-align:center;}
.menu li dl dd a{ display:block; height:35px; padding:0;line-height:35px; position:relative; overflow:hidden; color:#333;}
.menu li dl dd a:hover{background:none; color:#EC2027;}
.menu li dl dd a i{width:0; height:0; top: 50%; margin-top:-5px; left: 8px; border:5px solid transparent; _border-color:tomato;  _filter: chroma(color=tomato); position:absolute; border-left-color:#585858; overflow:hidden; pointer-events:none; display:none;}
.menu li dl dd a.current{ color:#469c00;}
.menu li dl dd a:hover{ color:#469c00;}
.menu li:hover .sub{ display:block;}
   
.collapse.in{display:block;visibility:visible}
@media(min-width:767px){
.navbar-collapse.collapse {display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important; border:0 !important;}
.container{ padding:0; width:auto; height:100%; position:relative;}
.head .menu.btm .container{ width:1200px; margin:0 auto;}
.nav ul li a.dropdown-toggle:hover{ color:inherit;}
.navbar-right{ margin-right:0;}
}

@media(max-width:767px){
	#header{ width:100%; height:auto; clear:both;min-width:100%; overflow:visible;}
	.header_t,.toper{ display:none;}
	
	#site_header .navbar-header{ display:block; position:absolute; right:10px;top: 50%;height: 28px;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);-webkit-transform: translate(0,-50%); z-index:999;}
	#site_header .navbar-header ol{font-style: normal;margin: 1px;padding: 0;width: 26px;height: 26px;display: block;cursor: pointer;}
	#site_header .navbar-header ol li {width: 11px;height: 11px;float: left;margin: 1px;background:#ffffff;/*background: #ff0000;*/display: block;overflow: hidden; opacity:.7;}
	.navbar-collapse{ padding:9px 0;}
	.head .menu .hTel{ display:none;}
	.menu .container{ width:100%; margin:0 auto;}
	.head .menu{ border:0; position:absolute; top:83px; right:0; width:100%; overflow:hidden; float:none;padding:9px 0; z-index:999999999; background:#FFF; display:none;}
	.menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%; display:block;}
	.menu ul li{ width:100%; height:auto; margin:0; float:none; line-height:1.5;padding-right:0;}
	.menu li.last{ padding:0;}
	.menu ul li h3,.menu ul li.cur h3{ background:none;}
	.menu .line{ display:none;}
	.navbar-default .navbar-nav>li>a{color:#303030;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#469c00;background:none}
	.menu ul li{ padding:5px 0;background:none;}
	.menu ul li>a{display:block;width:auto;height:auto;transition:all 0s; margin-right:0; padding:0; font-weight:normal;}
	.menu ul li>a span{ display:inline-block; padding:8px 37px; line-height:20px;color:#303030; font-size:15px; border-radius:20px;}
	.menu li>a:after{ display:none;}
	.menu li>a:hover{background:none;}
	.menu li>a.on{ background:none;}
	.menu li>a:hover span,.menu li>a.on span{ background:#f00; color:#fff;}
	.menu li.plast{ display:block;}
	.header_r{ display:none;}	
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:1000px;}
	.menu li a span{ position:relative; height:auto;}
	.menu li .sub{ display:none !important;}
	.navbar-collapse{-webkit-box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);-webkit-overflow-scrolling:touch;}
}

/*banner*/
.banner{position: relative;height: auto;clear: both;}
.banner .box{ position:absolute; left:50%; top:50%;-moz-transform: translate(-50%,-50%);transform:translate(-50%,-50%); width:900px; height:auto; text-align:center; line-height:1.2;}
.banner .box h5{ color:#fff; font-size:48px; font-weight:bold; padding-bottom:25px; letter-spacing:2px;}
.banner .box .desc{ color:#fff; font-size:26px; font-weight:500; letter-spacing:.5px;}
.banner img,.banner video{display: block;width: 100%;margin: 0 auto;}
.banner .swiper-button-prev,.banner .swiper-button-next {position: absolute;font-size: 0;right: 5%;top: auto;z-index: 9;width:38px;height:38px;border-radius:50%;border:0;outline:none;cursor: pointer;transition:.8s;background-size:38px 38px; background-position:center; background-repeat:no-repeat; background-color:transparent;}
.banner .swiper-button-prev{bottom:158px; left:auto; background-image:url(/images/prev.png);}
.banner .swiper-button-next{bottom:112px;background-image:url(/images/next.png);}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5%;right:5%;width:38px;left:auto;}
.banner .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;border-radius:50%;display: block;outline: none;background: #fff;border: #fff 1px solid;transition: .5s;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active {background: #f00;border: #f00 1px solid;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 auto 10px;}
.banner .banMenu{position: absolute;left:50%;width:20px;bottom:35px;height:28px;margin-left:-15px;text-align:center;z-index: 5;}
.banner .banMenu i{display: block;width:20px;height:28px;cursor: pointer;position: absolute;bottom:0;left: 0;}
.banner .banMenu i img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-animation: bounceY 2s infinite;-moz-animation: bounceY 2s infinite;-o-animation: bounceY 2s infinite;-ms-animation: bounceY 2s infinite;animation: bounceY 2s infinite;}
@-moz-keyframes bounceY {
	0%,
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-moz-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

@-o-keyframes bounceY {
	0%,
	100% {
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-o-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

@keyframes bounceY {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-6px);
	}
}
@media(max-width:767px){	
	.banner .box{width:100%; padding:0 5%;}
	.banner .box h5{ font-size:22px; padding-bottom:10px; letter-spacing:0;}
	.banner .box .desc{ font-size:16px; letter-spacing:0;}
	.banner .swiper-button-prev,.banner .swiper-button-next {width:28px;height:28px;background-size:28px 28px;right:3%;}
	.banner .swiper-button-prev{bottom:98px;}
	.banner .swiper-button-next{bottom:62px;}
	.banner .swiper-container-horizontal > .swiper-pagination-bullets{width:28px;right:3%;}
	.banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;}
	.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 auto 5px;}
	
	.banner .banMenu{width:15px;bottom:15px;height:21px;}
	.banner .banMenu i{width:15px;height:21px;}
}

/*main*/
.main1{ width:100%; height:auto; overflow:visible; padding:0; background:#fff; min-height:100px; padding:45px 0;}
.mTit{ text-align:center;}
.mTit span{ font-size:64px; text-transform:uppercase; position:relative; line-height:1; height:93px; display:block; color:#cfcfcf; font-weight:bolder; z-index:1;}
.mTit span:after{ display:block; content:''; width:100%; height:56px; background-color:rgba(255,255,255,.4); position:absolute; left:0; bottom:0; z-index:5;}
.mTit h2{ font-size:42px; line-height:60px; color:#000; margin-top:-60px; position:relative; z-index:10; font-weight:bold;}

.main1 ul{ display:flex;/*align-items:center;*/justify-content: space-between; padding:45px 0 0;}
.main1 ul li {width: 31.55%;position: relative;line-height: 0;overflow: hidden;}
.main1 ul li img{display: block;width: 100%;}
.main1 ul li:before{content: '';cursor: pointer;position: absolute;left: -150%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.main1 ul li:hover:before{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}
.main1 ul li a{display: block;width: 100%;height: 100%;font-size: 40px;line-height: 60px;color: #fff;}
.main1 ul li h2{display:block;position:absolute;bottom:30px;left:10%;font-size:28px;line-height:1.5; color:#fff;}
.main1 ul li span{display: block;text-transform: uppercase; font-size:26px;}
.main1 ul li em{width:38px;height:38px;display: block;line-height: 0;overflow: hidden;margin-top:16px;}
.main1 ul li em img{width:38px;height:38px;}
.main1 .more{ text-align:center; padding:60px 0 20px; display:none;}
.main1 .more a{ display:inline-block;font-size:18px;box-shadow: 0px 0px 0px transparent !important;border: none;padding: 5px 25px;background-color: #EC2027;color: #fff;overflow: hidden;text-transform: uppercase; line-height:35px; letter-spacing:5px;}
.main1 .more a span{ display:inline-block; margin-top:-2px; font-size:30px; color:#222328; vertical-align:middle;}

@media(max-width:767px){	
	.main1{ padding:25px 10px;}
	.mTit span{ font-size:34px; height:55px;}
	.mTit span:after{ height:36px;}
	.mTit h2{ font-size:30px; line-height:40px; margin-top:-40px;}	
	
	.main1 ul{ padding:30px 0 0; display:block;}
	.main1 ul li{width:100%; margin-bottom:15px;}
	.main1 ul li a{font-size:20px;line-height:32px;}
	.main1 ul li h2{bottom:30px;font-size:28px;}
	.main1 ul li span{ font-size:22px;}
	.main1 ul li em{width:30px;height:30px;margin-top:12px;}
	.main1 ul li em img{width:30px;height:30px;}
		
	
}

.main2{height:auto; overflow:hidden; padding:50px 0 0px; position:relative;}
.main2 .mTit{ position:absolute; top:110px; left:13.5%; width:560px; text-align:left;}
.main2 .mTit span{ color:#fff; opacity:.05; margin-left:20px; font-size:56px; height:90px;}
.main2 .mTit span:after{background-color: rgba(0,0,0,0);}
.main2 .mTit h2{ color:#fff; font-size:40px;}
.main2 .mTit span:after{font-size: 30px;font-weight: 600;background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6), rgba(0,0,0,0.6), rgba(0,0,0,.1), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0));background-clip: text;color: transparent;
      /*clip-path: circle(0% at 50% 50%);
      animation: clip 5s linear infinite;*/}
 
@keyframes clip {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  50% {
    clip-path: circle(30% at 50% 50%);
  }
  100% {
    clip-path: circle(100% at 50% 50%);
  }
}
.main2 .mNav{width:100%;height:78px;z-index: 1;position: absolute;left: 0;bottom:25px;}
.main2 .mNav:before {content: "";width: 100%;height:1px;background:rgba(255, 255, 255, 0.6);position:absolute;bottom:12px;left: 0;}
.main2 .mNav ul {width:65%;position: absolute;left: 13.5%;bottom: 0;display: flex;justify-content: space-between;}
.main2 .mNav ul li{height:77px;font-size:16px;color:#b6b6b6;font-weight: bold;position: relative;}
.main2 .mNav ul li i{overflow: hidden;display: inline-block;height:21px;line-height:21px;margin-top:21px; font-style:normal;}
.main2 .mNav ul li em{position:relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s; font-style:normal;}
.main2 .mNav ul li em:before{position: absolute;top: 100%;content: attr(data-hover);font-weight: 700;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.main2 .mNav ul li:hover em,.main2 .mNav ul li:focus em{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
.main2 .mNav ul li.on{color: #fff;background-image: url(/images/case_ico01.png);background-repeat: no-repeat;background-position: center bottom;background-size:22px 22px;}
.main2 .mNav ul li span{display: none;width:8px;height:8px;background: #fff;border-radius:50%;position:absolute;left: calc(50% - 4px);bottom:7px;}
.main2 .mNav ul li.on span{display:block;}
.main2 .mNav ul li span:before {content: "";display: block;position: absolute;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%);width:21px;height:21px;border-radius: 50%;background: rgba(255, 255, 255, 0.3);animation: huxi 1s 1s infinite;}
.main2 .mNav ul li span:after{content: "";display: block;position: absolute;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%);width:14px;height:14px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);}
@keyframes huxi {
  0% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.main2 .cList .box,.plan_qie{min-width:1200px;max-width:1920px;width:100%;margin:0 auto;}
.main2 .cList dl{position: relative;}
.main2 .cList dl dt{width: 100%;line-height:0;height:560px;}
.main2 .cList dl dt img{display: block;width:100%;height:100%;}
.main2 .cList dl dd{position: absolute;top:168px;left:13.5%;z-index:3;width:448px;}
.main2 .cList .desc{font-size:15px;color:#b5b5b5;line-height:1.8;}
.main2 .cList dl dd span{display:block;width:90px;height: auto;margin-top:20px;}
.main2 .cList dl dd span a{font-size:14px;color:#fff;display: block;width: 100%;text-align: center;border: #fff 1px solid;border-radius:14px;line-height:2;}
.main2 .cList dl dd span a:hover{background: #ffffff;color: #000000;}

@media(max-width:767px){
	.main2{ padding:0px 10px 0px; background:#fff;}
	.main2 .mTit{ position:relative; top:0; left:0; width:100%; text-align:center;}
	.main2 .mTit span{ color:#cfcfcf; opacity:1; margin:0; font-size:34px; height:55px;}
	.main2 .mTit span:after{background:rgba(255,255,255,.4);}
	.main2 .mTit h2{ color:#000; font-size:30px;}
	.main2 .mNav{height:auto;position:relative;left:auto;bottom:auto;}
	.main2 .mNav ul {width:100%;position:relative;left:auto;bottom:auto;flex-wrap: wrap; padding:15px 0 0;}
	.main2 .mNav ul li{ width:31.333%;height:auto;font-size:13px;border:#cbcbcb 1px solid; margin:0 2% 10px 0; text-align:center;font-weight:normal;}
	.main2 .mNav ul li:nth-child(3n){ margin-right:0;}
	.main2 .mNav ul li i{height:32px;line-height:32px;margin:0;}
	.main2 .mNav ul li em:before{ display:none;}
	.main2 .mNav ul li.on{color:#000;background-image:none;font-weight: bold;}
	.main2 .mNav ul li.on span{display:none;}
	.main2 .mNav ul li:hover em,.main2 .mNav ul li:focus em{-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);}
	
	.main2 .cList .box,.plan_qie{min-width:320px;max-width:750px;}
	.main2 .cList dl dt{height:auto;}
	.main2 .cList dl dd{position:relative;top:0;left:0;z-index:3;width:100%; background:#ececec; padding:12px 12px 18px;}
	.main2 .cList .desc{font-size:14px;color:#333;line-height:1.6;}
	.main2 .cList dl dd span{margin-top:0;}
	.main2 .cList dl dd span a{color:#333;border: #282828 1px solid;}
	.main2 .cList dl dd span a:hover{background:none;color:#f00; border-color:#f00;}
	
}

.main0{padding:110px 0;height:359px;overflow: hidden;background-image:url(/images/main00.jpg);background-repeat: no-repeat;background-position: center 0;background-size:1920px 359px;}
.ibrand-num{display: flex;justify-content: space-between;width: 100%;}
.ibrand-num li{color: #282828;font-size: 22px;}
.ibrand-num li p{height: 80px;}
.ibrand-num li b{display: block;float: left;font-size: 80px;line-height: 80px;padding-right: 10px;}
.ibrand-num li em{height: 70px;display: flex;flex-direction: column;justify-content: space-between; font-style:normal;}
.ibrand-num li i{display: block;font-size: 32px;margin-bottom: 5px; font-style:normal;}
.ibrand-num li span{display: block;font-size: 20px;line-height: 30px;padding: 10px 0 0;}
@media(max-width:767px){
	.main0{ padding:30px 10px 5px; height:auto; background-image:none; background-color:#fff;}
	.ibrand-num{flex-wrap: wrap;}
	.ibrand-num li{font-size:15px; width:50%; margin-bottom:30px;}
	.ibrand-num li p{height: 44px;}
	.ibrand-num li b{font-size:48px;line-height:1;padding-right:5px;}
	.ibrand-num li em{height:40px;}
	.ibrand-num li i{font-size:20px;margin-bottom:0px; font-style:normal;}
	.ibrand-num li span{font-size:15px;line-height:1.3;padding:10px 0 0;}
	
	
}

.main4{ padding:0; position:relative;}
.main4 .mTit{ position:absolute; top:60px; left:13.5%; width:560px; text-align:left;}
.main4 .mTit span{ color:#fff; opacity:.05; margin-left:20px; font-size:56px; height:90px;}
.main4 .mTit span:after{background-color: rgba(0,0,0,0);}
.main4 .mTit h2{ color:#fff; font-size:40px;}
.main4 .mTit span:after{font-size: 30px;font-weight: 600;background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6), rgba(0,0,0,0.6), rgba(0,0,0,.1), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0));background-clip: text;color: transparent;}
.main4 .msNav{width:100%;height:78px;z-index:1;position:absolute;left:0;bottom:0;overflow:hidden;background:rgba(0, 0, 0, 0.6);}
.main4 .msNav ul li{width: 33.33%;height:78px;float: left;}
.main4 .msNav ul li a {width: 100%;text-align: center;height:78px;line-height:78px;font-size:16px;color:#fff;font-weight: bold;display: block;position:relative;}
.main4 .msNav ul li.on a:before {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;border-top: rgba(255, 255, 255, 0.6) 0.1rem solid;border-left: rgba(255, 255, 255, 0.6) 1px solid;border-right: rgba(255, 255, 255, 0.6) 1px solid;box-sizing: border-box;}
.main4 .csList dl{position: relative;}
.main4 .csList dl dt {width: 100%;line-height: 0;height:665px;}
.main4 .csList dl dt img {display: block;width:100%;height: 100%;}
.main4 .csList dl dd {position: absolute;top:182px;left:13.5%;z-index: 3;width:520px;}
.main4 .csList ul {display: inline-block;width:100%;}
.main4 .csList ul li{width:21.43%;height:105px;float: left;border: rgba(255, 255, 255, 0.6) 1px solid;box-sizing: border-box;padding:15px 12px 0;margin-bottom:18px;margin-right: 3%;}
.main4 .csList ul li a {display: block;width: 100%;font-size:14px;color: #fff;font-weight: bold;}
.main4 .csList ul li em {display: block;width:28px;height:24px;line-height: 0;overflow: hidden;margin-bottom:25px;}
.main4 .csList ul li em img{width:28px;height:48px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.main4 .csList ul li.cur {background: rgba(255, 255, 255, 0.7);}
.main4 .csList ul li.cur em img {margin-top:-24px;}
.main4 .csList ul li:nth-child(4n) {margin-right: 0;}
.main4 .csList dl dd span{display: block;width:34px;height:34px;padding-top:15px;}
.main4 .csList dl dd span img{width:34px;height:34px;}

@media(max-width:767px){
	.main4{ padding:30px 10px; position:relative;}
	.main4 .mTit{ position:relative; top:0; left:0; width:100%; text-align:center;}
	.main4 .mTit span{ color:#cfcfcf; opacity:1; margin-left:0; font-size:26px; height:50px;}
	.main4 .mTit span:after {background:rgba(235,235,235,.4);}
	.main4 .mTit h2{ color:#000; font-size:26px;}
	.main4 .msNav{height:38px; top:100px; bottom:auto; background:none; padding:0 5%;}
	.main4 .msNav ul li{height:38px;}
	.main4 .msNav ul li a{ padding:0 0;height:38px;line-height:38px; color:#333; font-size:15px;}
	.main4 .msNav ul li a span{ display:none;}
	.main4 .msNav ul li.on{}
	.main4 .msNav ul li.on a:before{border-bottom: rgba(0, 0, 0, 0.6) 1px solid; border-color:rgba(0, 0, 0, 0.6); border-radius:30px;}
	
	.main4 .csList dl{ padding:73px 0 0;}
	.main4 .csList dl dt {height:auto;}
	.main4 .csList dl dd{position:relative;top:0;left:0;z-index: 3;width:100%; padding:20px 15px 10px; background:#fff;}
	.main4 .csList ul li{width:23.05%;height:85px;border:#efefef 1px solid;padding:10px 8px 0;margin-bottom:10px;margin-right:2.6%;}
	.main4 .csList ul li:nth-child(4n) {margin-right:0;}
	.main4 .csList ul li a{font-size:13px;color: #333; line-height:1.5; font-weight:normal;}
	.main4 .csList ul li em {width:22px;height:19px;margin-bottom:5px;}
	.main4 .csList ul li em img{width:22px;height:38px;margin-top:-19px;}
	.main4 .csList ul li.cur em img {margin-top:-19px;}
	.main4 .csList dl dd span{ display:none;}
}


.main3{ width:100%; height:auto; padding:50px 0 0; position:relative;background-image:url(/images/main03.jpg);background-repeat: no-repeat;background-position: center bottom;background-size:100% 564px;overflow: hidden;}
.main3 .mTit span{ font-size:50px; height:84px;}
.main3 .mTit span:after{background-color:rgba(255,255,255,.6);}
.main3 .mTit h2{ font-size:34px; margin-top:-58px; line-height:45px;}
.main3 ul li{position: relative;width:20%;float: left;height:564px;padding-top:350px;box-sizing: border-box;z-index: 1;-webkit-transition: all 0.5s;transition:all 0.5s;margin-top:25px;}
.main3 ul li:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: rgba(0, 0, 0, 0.6);z-index: -1;-webkit-transition: all 0.5s;transition: all 0.5s;}
.main3 ul li .pic{width: 100%;position: relative;font-size:18px;color: #fff;font-weight: bold;text-align: center;line-height:1;height:135px;}
.main3 ul li .pic:before{content: "";position: absolute;left: 13%;bottom: 0;width: 74%;height: 1px;background: rgba(255, 255, 255, 0.5);}
.main3 ul li .pic em{width:52px;height:52px;display: block;line-height: 0;margin: 0 auto 7px;}
.main3 ul li .pic em img{width:52px;height:52px;}
.main3 ul li .pic i{display: block;font-size:14px;font-family: Arial, Helvetica, sans-serif;line-height:1.5;text-transform: uppercase;font-weight: normal;padding-top:5px; font-style:normal;}
.main3 ul li .pic span{display: none;font-size:14px;font-weight: normal;line-height:1.5;padding-top:5px;}
.main3 ul li .info{width: 68%;margin: 0 auto;padding-top:25px;text-align: center;display: none;}
.main3 ul li .info p{font-size:14px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;line-height:1.8;height:176px;}
.main3 ul li .info span{display: block;font-size: 16px;color: #fff;line-height:30px;padding-top:40px;}
.main3 ul li .info em{width:45px;height:45px;display: block;line-height: 0;margin: 0 auto 5px; font-style:normal;}
.main3 ul li .info em img{width:45px;height:45px;}
.main3 ul li:hover, .main3 ul li.cur{padding-top:70px;}
.main3 ul li:hover:before, .main3 ul li.cur:before{height: 100%;}
.main3 ul li:hover .pic span, .main3 ul li.cur .pic span{display: block;}
.main3 ul li:hover .pic i, .main3 ul li.cur .pic i{display: none;}
.main3 ul li:hover .info, .main3 ul li.cur .info{display: block;}
@media(max-width:767px){
	.main3{ padding:0 0 25px; background-size:cover; background-position:left bottom;}
	.main3 .mTit{ background:#000; padding:30px 0;background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.8), rgba(0,0,0,.8), rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0.01));}
	.main3 .mTit span{ font-size:30px; height:55px; opacity:.1;}
	.main3 .mTit span:after{background-color:rgba(0,0,0,.3); height:38px;}
	.main3 .mTit h2{ font-size:26px; margin-top:-40px; line-height:40px; color:#FFF;}
	.main3 ul{ padding:0 4%;}
	.main3 ul li{width:100%;height:auto;padding-top:15px;margin:0 0 25px;border: rgba(255, 255, 255, 0.5) 1px solid;}
	.main3 ul li .pic{font-size:18px;height:auto; padding-bottom:20px;}
	.main3 ul li .pic:before{ display:none;}
	.main3 ul li .pic em{width:40px;height:40px;}
	.main3 ul li .pic em img{width:40px;height:40px;}
	.main3 ul li .pic i{font-size:13px; padding-top:10px;}
	.main3 ul li .pic span{display:block;font-size:13px;}
	.main3 ul li:hover, .main3 ul li.cur{padding-top:15px;}
	.main3 ul li:hover .pic i, .main3 ul li.cur .pic i{display:block;}
	.main3 ul li:hover .info, .main3 ul li.cur .info{display:none;}
	
}

.main5{ padding:50px 0;}
.main5 .mTit span{ font-size:46px; height:82px;}
.main5 .mTit span:after{background-color:rgba(255,255,255,.6);}
.main5 .mTit h2{ font-size:40px; margin-top:-60px; line-height:60px;}
.main5 .cont{ padding:30px 0 0}
.main5 .left{width:/*54*/100%; float:left;}
.main5 .left .ntop{width: 100%;line-height:0;overflow: hidden;}
.main5 .left .ntop .pic img{width: 100%;height:100%;object-fit:cover;object-position:center;}
.main5 .left .ntop .info{ padding:5px 0 0;}
.main5 .left .info h5{height:auto;line-height:1.8;font-weight:normal;font-size:17px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.main5 .left .info h5:hover{font-weight: bold;}
.main5 .left .info p{font-size:14px;color:#808080;height:auto;line-height:1.74;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; padding:3px 0 0;}
.main5 .left .date{float:left;width:80px;font-size: 26px;color: #666;font-family: Arial, Helvetica, sans-serif;line-height: 26px;padding-top: 8px; font-style:normal;}
.main5 .left .date i{display: block;font-size:16px; font-style:normal;}
.main5 .left li{ float:left; width:48%; padding:12px 0;border-bottom: #d1d1d1 1px solid; margin-right:4%;}
.main5 .left li:nth-child(2n){ margin-right:0;}
.main5 .left li .info{width:calc(100% - 85px);float:left;}
.main5 .right{ float:right; width:43%;}
.main5 .right ul li{ width:100%; margin-bottom:12px;height:100%;background:#f6f6f6;padding:12px 12px;}
.main5 .right ul li:hover{background: #575757;}
.main5 .right ul li a{display:block;font-size:16px;font-weight:normal;line-height:1.6;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main5 .right ul li span{display:block;font-size: 14px;font-weight:normal;line-height:24px;color: #b7b7b7;}
.main5 .right ul li:hover a{color: #fff;}
.main5 .right ul li:hover span{color: #b8b8b8;}
@media(max-width:767px){	
	.main5{ padding:30px 10px; background:#FFF;}
	.main5 .mTit span{ font-size:34px; height:55px;}
	.main5 .mTit h2{ font-size:30px; margin-top:-40px; line-height:40px;}
	.main5 .cont{ padding:30px 0 0}
	.main5 .left li{ width:100%; padding:10px 0;margin-right:0;}
	.main5 .left .date{width:70px;font-size:20px;padding-top:12px;}
	.main5 .left .date i{font-size:14px;}
	.main5 .left li .info{width:calc(100% - 75px);float:left;}
	.main5 .left .info h5{font-size:16px;}
	.main5 .left .info p{line-height:1.54; padding:0;}
	
}

.main6{ padding:50px 0; background:url(/images/main06.jpg) no-repeat center;background-size:1920px 650px;}
.main6 .mTit span{ font-size:46px; height:82px; color:#fff; opacity:.1;}
.main6 .mTit span:after{background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.4), rgba(0,0,0,0.4), rgba(0,0,0,.1), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0));background-clip:text;}
.main6 .mTit h2{ font-size:40px; margin-top:-60px; line-height:60px; color:#fff;}
.main6 ul{ padding:30px 0 0;}
.main6 ul li{width: 16.6666%;float:left;font-size:22px;font-weight:normal;line-height: 30px;color: #fff;text-align: center;transition: all 0.5s;position: relative;}
.main6 ul li:before{content: "";width: 145px;height: 1px;background: rgba(255, 255, 255, 0.4);position: absolute;top:222px;left: -75px;}
.main6 ul li em {display: block;width:140px;height:140px;line-height: 0;overflow: hidden;margin: 0 auto 15px;}
.main6 ul li em img {width:140px;height:140px;}
.main6 ul li i{display: block;width: 24px;height: 24px;background: #fff;font-size: 14px;font-weight: normal;line-height: 24px;color: #000;margin:25px auto 0;border-radius: 50%; font-style:normal;}
.main6 ul li:hover img {animation: flipInY 1s;}
.main6 ul li:first-child:before {display: none;}
.main6 .more{display: block;width:100%;text-align: center; padding:50px 0 0;}
.main6 .more a{ display:inline-block; padding:0 28px;height: 48px;background: #fff;font-size: 20px;font-weight: bold;line-height:48px;color:#000;border-radius:30px;}
.main6 .more a:hover{animation: shake 0.9s linear;-webkit-animation: shake 0.9s linear;}
@media(max-width:767px){
	.main6{ padding:30px 10px; background-size:cover;}
	.main6 .mTit span{ font-size:34px; height:55px; opacity:.1;}
	.main6 .mTit h2{ font-size:30px; margin-top:-40px; line-height:40px;}
	.main6 ul{ padding:20px 0 0;}
	.main6 ul li{width:33.333%;font-size:16px;line-height: 30px; margin-bottom:20px;}
	.main6 ul li:before,.main6 ul li i{ display:none;}
	.main6 ul li em{width:80px;height:80px;margin: 0 auto 10px;}
	.main6 ul li em img {width:80px;height:80px;}
	.main6 .more{ padding:30px 0 0;}
	.main6 .more a{ padding:0 22px;height:40px; line-height:40px;font-size:16px;}
}


/*footer*/
.footer_bg{ width:100%; height:auto; background:#0c0c1c; color:#eee; font-size:14px; padding:0;}
.foot_top{max-width:1200px;margin: 0 auto;position: relative;}
.foot_top{ padding:50px 0 10px;}
.foot_t{ padding-bottom:30px;}
.foot_top .foot_l{ float:left; width: 39%;}
.foot_top .f_top,.foot_top dt a{display:block;font-size:16px;color:#fff;height:60px;line-height:60px;margin-bottom:15px;position:relative;}
.foot_top .f_top:before,.foot_top dt a:before{content: "";width:18px;height:2px;background:#fff;position:absolute;bottom: 0;left: 0;}
.foot_top .foot_l p{line-height: 30px;font-size: 14px;color: #878787;padding-top: 10px;}
.foot_top .foot_l span{display: block;}
.foot_top .foot_l span i{height: 30px;line-height: 30px;margin-bottom: 0; font-style:normal;}
.foot_top .foot_l b{display: block;font-size: 24px;color: #fff;line-height: 50px;}
.foot_top .foot_m{ float:left;width: 48%;}
.foot_top .foot_m dl{float:left;width:33.333%;}
.foot_top .foot_m dl a{width:100%; display:block;}
.foot_top .foot_m dl dd{padding: 5px 0 0;}
.foot_top .foot_m dl dd a{height:36px;line-height: 36px;font-size:14px;color:rgba(255,255,255,0.5);}
.foot_top .foot_m dl a:hover{color: #fff;}
.foot_top .foot_r{ float:right;width:12.5%;}
.foot_top .foot_r p{width:95px;float: left;margin: 18px 0 0 0;text-align: center;}
.foot_top .foot_r p em{width: 100%;display: block;line-height: 0;}
.foot_top .foot_r p img{display:block;width:100%;}
.foot_top .foot_r p span{display: block;font-size: 14px;color: rgba(255,255,255,0.5);line-height: 30px;padding-top: 5px;}


.flink{padding:0; font-size:14px; line-height:26px;color:rgba(255,255,255,0.6); width:1200px; margin:0 auto; text-align:center;}
.flink span{ color:rgba(255,255,255,0.6); display:inline-block;}
.flink a{ color:rgba(255,255,255,0.6); display:inline-block; margin:0 5px;}
.flink a:hover{ color:#bbb;}

.copyright{ height:auto;color:rgba(255,255,255,0.6); font-size:14px; padding:15px 0 5px; width:1200px; margin:0 auto; text-align:center;line-height:30px;}
.copyright a{color:rgba(255,255,255,0.6);}
.copyright a:hover{color:#fff;}

.fTop{width:40px;height: 40px;position: fixed;bottom:50px;right:10px;}
.fTop img{ max-width:100%; height:auto;}
.f_nav{ width:100%; height:auto;}
.f_nav li{line-height:52px;height:52px;overflow: hidden;background:url(images/f_nav.png) no-repeat right center;background-size:auto 14px;border-bottom:rgba(255,255,255,0.4) 1px solid;}
.f_nav li a{color:#fff;font-size:14px;font-weight:bold;display:block;height:52px;}
.f_icp{font-size:14px;color:rgba(255,255,255,0.8); line-height:1.8; text-align:center;padding-top:20px;}
.f_icp span{display: block;}
.f_icp a{color: rgba(255,255,255,0.8);}	

.index_foot,.copyright1{ display:none;}
/*返回顶部样式开始*/
.cd-top{display:none;height:40px;width:40px;position:fixed;bottom:90px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space:nowrap;background:url(/images/top.jpg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;z-index:9999999}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
.cd-tel{display:none;height:40px;width:40px;position:fixed;bottom:90px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space:nowrap;background:url(/images/cdTel.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 40px;width: 40px;right: 0px;bottom: 40px;}}
@media(max-width:767px){
	.wave-box,.footer_bg{ display:none;}
	.cd-top{ display:inline-block;}
	.cd-tel{display:inline-block;visibility: visible;opacity: 1;z-index:9999999; border-radius:5px; opacity:1;}
	.copyright1{ background:#0a0e1a; display:block; color:rgba(255,255,255,0.8); padding:25px 10px; position:relative;}
	.copyright1 a{ color:rgba(255,255,255,0.8);}
	.footer_p1{padding:0 0 15px; text-align:center; font-size:0;}
	.footer_p1 a{height:18px;padding:0 10px;color:#878787;font-size:14px;border-left:1px solid #333;border-right: 1px solid #262626; display:inline-block;}
	.fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
	.wxgzh{ display:none; width:200px; height:220px; background:#FFF; position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-100px; border:1px solid #ddd;}
	.wxgzh img{ width:100%; margin:0 auto; height:auto; margin-top:5px; padding:0 5px;}
	.wxgzh i{ display:block; text-align:center; font-size:12px; height:auto; line-height:1.5; font-weight:normal; font-style:normal;}
	.wxgzh a.close{ font-size:13px; color:#333; position:absolute; top:2px; right:3px; font-weight:normal;opacity:1;filter: alpha(opacity=100); font-family:Tahoma, Geneva, sans-serif;}
	.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
	.bdsharebuttonbox a{ float:right;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:10%;}
	.app_con{height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; margin:0 auto;display: inline-block;background:#EC2027;}
	#fixed-foot .h_btn{width:100%; max-width:640px; margin:0 auto;display: inline-block;text-align:center; }
	#fixed-foot .h_btn .f_wx{background-attachment: scroll; background-clip: border-box;background: url(../images/h_wx.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_tel{background-attachment: scroll; background-clip: border-box;background: url(../images/h_tel.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_fw{background-attachment: scroll; background-clip: border-box;background: url(../images/h_fw.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_share{ border-right:0px;background-attachment: scroll; background-clip: border-box;background: url(../images/h_share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn a{ cursor:pointer; border-left: 0 dotted #EEE;border-right: 0 dotted #333; display:block; color:#FFFFFF;float: left; padding:5% 0 0; font-weight:bold; text-align: center;width:25%;}
	#fixed-foot .h_btn a span{ display:block;font-size:15px; line-height:2;}
	
	.bd_weixin_popup *{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
	.bd_weixin_popup{ width:250px !important; height:300px !important;}
}

.inbanner{ background:url(/images/inbanner.jpg) center no-repeat; height:320px; width:100%; margin-top:125px;height:380px;background-position: center;padding-top:120px;text-align: center;color: #FFFFFF;letter-spacing: 5px;text-shadow: 0 3px 12px rgba(0,0,0,.4);}
.inbanner img{ display:none;}
.inbanner .box {position: relative;padding:15px 0;line-height:46px; display:none;}
.inbanner .box a{color:#FFF;cursor:pointer;}
.inbanner .box:before {content: "";position: absolute;z-index: 0;top: 0;left: 50%;width:98px;height: 100%;margin-left: -49px;border:0px solid #fff;opacity: .65;-o-box-shadow: 0 3px 8 rgba(0,0,0,.35);-ms-box-shadow: 0 3px 8 rgba(0,0,0,.35);-moz-box-shadow: 0 3px 8 rgba(0,0,0,.35);-webkit-box-shadow: 0 3px 8 rgba(0,0,0,.35);box-shadow: 0 3px 8 rgba(0,0,0,.35);}
.inbanner .box h2{position: relative;z-index: 1;font-size: 48px;font-weight: lighter;text-transform:uppercase;color:#FFF;}
.inbanner .box p {position: relative;z-index: 1;font-size: 36px;letter-spacing: 8px;}
.inbanner .box p:after {content: "";position: absolute;bottom: -30px;left: 50%;margin-left: -10px;display: block;width: 20px;height: 3px;background: #bebaba;-o-box-shadow: 0 3px 8 rgba(0,0,0,.35);-ms-box-shadow: 0 3px 8 rgba(0,0,0,.35);-moz-box-shadow: 0 3px 8 rgba(0,0,0,.35);-webkit-box-shadow: 0 3px 8 rgba(0,0,0,.35);box-shadow: 0 3px 8 rgba(0,0,0,.35);}
.inbanner .des{margin-top: 5px;font-size: 18px;padding: 0 10px;letter-spacing: 10px;}
@media(max-width:767px){
	.inbanner{ background:none; height:auto; width:100%; margin-top:0; padding-top:0;}
	.inbanner img{ display:block; max-width:100%; height:auto; vertical-align:middle;}
	.inbanner .box,.inbanner .des{ display:none;}
}

/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; background:#FFF; min-height:400px; padding:0 0 60px;}
.side_left{ width:100%; height:67px; position:relative;margin:0;border-bottom: 1px solid #eeeeee;}
.side_left>.w1200{ position:relative;}
.sd_nav{ position:relative; padding-right:280px;}
.mo-sdNav{ display:none;}
.side_menu{ position:relative; height:auto; width:100%;border-left: 1px solid #eeeeee;text-align:center;}
.side_menu li{width:16.6666667%; float:left;line-height:66px;height: 66px;border-right:1px solid #eeeeee;}
.side_menu li a{font-size:16px;color:#333333;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.side_menu li.curr{ background:#222;}
.side_menu li.curr a{color:#fff;}
.side_menu li:hover a{color:#f00;}
.side_menu li.curr:hover a{color:#fff;}
.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.breadcrumb{font-size:13px;color:#999999;overflow:hidden;position: absolute;top: 0;right:0px;padding:0;line-height: 66px;}
.breadcrumb a{color:#999999;}
.breadcrumb a:hover, .breadcrumb a span{color:#000;}
.elli_title{width:420px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
@media(max-width:767px){
	.content{ min-height:100px; padding:0 0 1.5rem;}
	.content>.w1200{ margin-top:0;}
	.side_left{width:100%;margin:0; padding:1rem 10px 10px; height:auto;}
	.sd_nav{ position:relative; padding-right:0;}
	.mo-sdNav{ display:block;}
	.conlist_tit{ display:none;}
	.side_menu{ border:none;}
	.side_menu li{position:relative; background:#eaeaea;line-height:34px; width:31.733%; float:left; margin-right:2.4%; margin-bottom:10px; height:auto;}
	.side_menu li:nth-child(1){ border:0;}
	.side_menu li:nth-child(3n){ margin-right:0;}
	.side_menu li a{font-size:15px;margin-left:0;display:block;width:100%;height:auto;line-height:40px; text-align:center; border:1px solid #eaeaea; color:#333; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.side_menu li.curr a{color:#fff;margin-left:0;border:1px solid #000; background:#000;padding-left:0;}
	.side_menu li a:hover{color:#fff;border:1px solid #000; background:#000;}
}
@media(max-width:380px){
	.side_menu li a{font-size:14px;line-height:38px;}
}

.side_right{ width:100%;margin:0;padding:50px 0 0;}

.right_con{ width:100%; padding:0; height:auto;}
.infor,.contact{ width:100%; height:auto; padding:0;color:#333;font-size:14px;line-height:2;}
.infor img{ height:auto; overflow:hidden; max-width:96%; margin:0;}
.contact .tit{ float:left; width:100%; margin:0 0 20px; font-size:30px; line-height:1.5;}
.contact .contact-container{ width:50%; float:right; width:100%;}
.ny-tit{position: relative;font-size:30px;letter-spacing:3px;padding-bottom: 20px;color: #333333;text-align: center;}
.ny-tit:after{content: "";position: absolute;bottom: 0;left: 50%;width: 40px;height: 2px;margin-left:-20px;background: #b4b4b4;}
.contact .lianxi{ margin-top:50px;}
.contact .lianxi li{float:left;width:277px;height: 196px;text-align: center;margin-right: 30px;color: #666;margin-bottom: 30px;line-height: 160%;padding:0 15px;background: #fff;box-shadow: 1px 0px 20px 3px #e4dfdf;}
.contact .lianxi li.last{float: right;margin-right: 0px}
.contact .lianxi li img{width: 42px;padding-top: 30px;}
.contact .lianxi li i{display: block;font-size: 20px;font-weight: bold;color: #000;padding-bottom: 15px;font-style: normal;padding-top: 10px;}
.contact .lianxi li span{display: block;color: #333;font-size: 16px;}
.contact .lianxi li.last span{font-size: 16px;}
.contact .map{ float:none; display:block; width:100%; border:1px solid #CCC; margin-top:25px;}
.contact .right{ float:left; width:50%; padding-right:10%; width:100%; display:none;}
.contact .right h4{ font-size:18px; padding-bottom:12px; line-height:1.2;}
.contact .right .item{ margin-bottom:12px;}
.contact .right .item span{ display:block; font-size:15px; margin-bottom:5px; color:#333;}
.contact .right .item span::after{content: " *";color:red;}
.contact .right .item .form-control{border:1px solid #ccc;border-radius:4px;padding:6px 12px;line-height:1.42857143; color:#555;}
.contact .right .item textarea{ height:150px;}
.contact .right .item .ladda-button{ padding:7px 20px;border-radius:4px; font-size:16px;line-height:1.42857143; background:#ec2027; color:#fff; border:none; margin-top:15px;}

label{ max-width:none;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
@media(max-width:767px){
	.side_right{ width:100%;padding:10px 0 0;}
	
	.breadcrumb{ display:none;}

	.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:.8rem 10px; font-size:14px; color:#333;}
	.infor img{ height:auto; overflow:hidden; max-width:96%; margin:5px 0;}
	.details_video{ width:100% !important; margin:0 auto 5px;}
	.details_video .video-js.vjs-fluid{ width:100% !important; height:auto;}
	.contact .contact-container{ float:none; width:100%;}
	.ny-tit{font-size:20px;letter-spacing:1px;padding-bottom:10px;}
	.ny-tit:after{width:30px;margin-left:-15px;}
	.contact .lianxi{ margin-top:25px;}
	.contact .lianxi li{width:48.5%;height:160px;margin-right:3%;color: #666;margin-bottom:20px;padding:0 15px;box-shadow: 1px 0px 10px 2px #e4dfdf;}
	.contact .lianxi li:nth-child(2n){ margin-right:0;}
	.contact .lianxi li img{width:36px;padding-top:20px;}
	.contact .lianxi li i{font-size:16px;padding-bottom:5px;padding-top: 5px;}
	.contact .lianxi li span{font-size: 16px;}
	.contact .lianxi li.last span{font-size: 16px;}
	.contact .map{ margin-top:10px;}
	.infor a{ color:#666;}
	.right_con table{ width:100% !important; border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;word-break:break-all; line-height:1.5;}	
	
	.contact .right{ float:none; width:100%; padding:20px 0 0; width:100%; display:none;}
	.contact .right h4{ font-size:18px; padding-bottom:12px; line-height:1.2;}
	.contact .right .item{ margin-bottom:12px;}
	.contact .right .item span{ display:block; font-size:15px; margin-bottom:5px; color:#333;}
	.contact .right .item span::after{content: " *";color:red;}
	.contact .right .item .form-control{border:1px solid #ccc;border-radius:4px;padding:6px 12px;line-height:1.42857143; color:#555;}
	.contact .right .item textarea{ height:150px;}
	.contact .right .item .ladda-button{ padding:7px 20px;border-radius:4px; font-size:16px;line-height:1.42857143; background:#ec2027; color:#fff; border:none; margin-top:15px;}
}

/*news*/
.news_list{ height:auto; overflow:hidden;}

.news_list ul{ padding:0; position:relative;}
.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:0 0 20px; margin-bottom:20px; position:relative;}
.news_list li .date{ float:left; width:80px; height:86px;margin-right:20px; background:#999;}
.news_list li .date b{ display:block; width:78px; height:46px; line-height:46px; border-bottom:1px solid #fff; text-align:center; font-size:28px; margin:0 auto 0; font-weight:600; color:#fff;}
.news_list li .date span{ display:block; width:100%; height:40px; line-height:40px; font-size:16px; font-family:"Arial"; text-align:center; margin:0 auto; background:#fff; border:1px solid #999; border-top:none;}
.news_list li .info{ float:right; width:calc(100% - 100px); padding-top:3px;}
.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:500;}
.news_list li .info h2 a{font-size:18px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.news_list li .info span{ display:block;color:#808080;font-size:14px; height:56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;line-height:2;}
.news_list li .info h2 a:hover{ color:#EC2027;}

.news_list li .pic{width:230px;height:140px; position:absolute; left:0; top:0;}
.news_list li .pic img{ max-width:100%; height:auto; vertical-align:middle;}
.news_list li .txt{ width:100%; height:140px; padding-top:3px;}
.news_list li .txt.pl245{ padding-left:245px;}
.news_list li .txt h2{ width:100%; padding-bottom:9px; line-height:1; font-weight:700;}
.news_list li .txt h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.news_list li .txt span{ display:block;color:#808080;font-size:14px; height:74px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden;line-height:1.8;}
.news_list li .txt h2 a:hover{ color:#EC2027;}
.news_list li .txt .time{ color:#888; font-size:13px; margin-top:7px;}
.news_list li .txt .time i{ font-style:normal; margin-right:10px;}


.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:5px; border-bottom:0; padding:0;}
.news_list li.news_ltr{ float:right; width:370px; margin-top:-5px; position:absolute; top:40px; right:10px; border-bottom:0; padding:0;}
.news_list li.news_ltr2{ top:160px;}
@media(max-width:767px){
	.news_list{ height:auto; overflow:hidden; padding:0 0 1rem;}
	
	.news_list ul{ padding:0 10px;}	
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 0; margin-bottom:0;}
	.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px; display:none;}
	.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
	.news_list li .date span{display:block;width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
	.news_list li .info{ float:none; width:100%; padding-top:0;}
	.news_list li .info h2{ width:100%; padding-bottom:5px; font-weight:100;}
	.news_list li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.news_list li .info span{ display:block;color:#808080;font-size:13px;line-height:2; height:auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news_list li .info h2 a:hover{ color:#EC2027;}
	
	.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:0px; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr{ float:right; width:100%; margin-top:0; position:relative; top:auto; right:auto; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr2{ top:auto;}
	
	.news_list li .pic{width:38%;height:calc(100% - 2rem); top:1rem; overflow:hidden;}
	.news_list li .pic a{ display:block; width:100%; height:100%;}
	.news_list li .pic img{object-fit:cover;}
	.news_list li .txt{ height:auto;}
	.news_list li .txt.pl245{ padding-left:40%;}
	.news_list li .txt h2{padding-bottom:5px;}
	.news_list li .txt h2 a{font-size:1rem;}
	.news_list li .txt span{font-size:0.8rem; height:3.2rem;line-height:2;-webkit-line-clamp:2;}
	.news_list li .txt .time{font-size:12px;}

}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; float:left;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:853px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dl_list li span{ float:right; color:#EC2027;}
.dl_list li a:hover{ color:#EC2027;}

/*page*/
#page{ height:auto; margin:20px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#EC2027; border:1px solid #EC2027;}
#page a{ display:inline-block; vertical-align:middle; padding:2px 15px; margin:0 2px; border:1px solid #ddd; line-height:30px; text-align:center; color:#000; font-size:15px; border-radius:2px; overflow:hidden;}
#page a:hover{ color:#fff; cursor:pointer; background:#EC2027; border:1px solid #EC2027;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{display:block;text-align:center;width:100%;height:auto;overflow:hidden;padding-top:20px;margin-bottom:0;}
	#page01 a{ display:inline-block; margin-right:1px; padding:7px 16px; background:#000; border-radius:5px; color:#FFF; font-size:15px;}
	#page01 a.num{ text-decoration:underline; color:#000;; font-weight:bold;}
	#page01 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:8px 14px; }
}

/*case*/
.case_list{ height:auto; overflow:hidden;}
.case_list ul{ width:1220px; padding-top:0;}
.case_list ul li{ margin:0 20px 20px 0; width:285px; height:auto; float:left; overflow: hidden; transition:all 0.3s ease 0s;}
.case_list ul li .pic{width:100%; height:auto; overflow:hidden; position:relative;border:#eee 1px solid;}
.case_list ul li .pic em{ position: absolute;width: 100%;left: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);z-index: 0;display: none;}
.case_list ul li .pic i{position: absolute;width: 50px;height: 50px;background: #000000;border-radius: 100%;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;z-index: 1;}
.case_list ul li .pic i:after{content: "";width: 9px;height: 9px;border: 1px solid #fff;border-style: solid solid none none;position: absolute;top: 50%;left: 18px;margin-top: -5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);z-index: 1;}
.case_list ul li a{ display:block; }
.case_list ul li .pic img{width:285px;height:210px;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.case_list ul li .tit{ padding:15px 18px; line-height:18px; text-align:center; font-size:16px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#1a1a1a;}
.case_list ul li .tit:before{content:'';position: absolute;width:3px;height:18px;background:#000000;left: 0;top: 50%;margin-top: -9px;z-index: 1; display:none;}
.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.case_list ul li:hover .tit{ color:#1a1a1a;}
.case_list ul li:hover .pic em{display:block;}

/*资质*/
.honor_wrap{ width:1100px; margin:0 auto; float:none;}
.honor_list{ height:auto; overflow:hidden;}
.honor_list li{float:left;width:260px;height:auto;background: #fff;margin-right:20px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.honor_list ul li:nth-child(4n){ margin-right:0;}
.honor_list li .pic{ position:relative; width:100%; height:auto;border-bottom:5px solid #e3e3e3; overflow:hidden;}
.honor_list li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.honor_list li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#555;font-size:14px;text-align: center;font-weight: 500;}
.honor_list li .n{display:none;}
.honor_list li .n img{width:37px !important;height:37px !important;border:none;margin-top:76px;transform:translateZ(0px);    transition: transform 0.5s ease 0s;}
.honor_list li a:hover .n img{transform: scale(1, 1);transition: transform 0.5s ease 0s;}
.honor_list li:hover .n{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);color:#FFFFFF;display: block;position:absolute;top:0;text-align:center;width:100%;height:100%;z-index:11;}
.honor_list li:hover .pic{border-bottom:5px solid #469c00;}
.honor_list li:hover .pic.white{border-bottom:5px solid #fff;}

.product_list{ height:auto; overflow:hidden;}
.product_list li{float:left;width:calc(33.3333% - 24px);height:auto;background: #fff;margin-right:18px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.product_list ul li:nth-child(3n){ margin-right:0;}
.product_list li .pic{ position:relative; width:100%; height:auto; overflow:hidden;}
.product_list li .pic.white{border:1px solid #ddd;}
.product_list li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.product_list li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333;font-size:16px;text-align: center;font-weight:500;}
.product_list li:hover .pic img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.product_list .pop{position:absolute;bottom: 0;left: 0;width: 100%;height: 0;background: rgba(0,0,0,.8);text-align: center;overflow: hidden;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.product_list .pop .con{display: inline-block;vertical-align: middle;padding: 0 20px;}
.product_list .pop .con+i{display: inline-block;vertical-align: middle;height: 100%;}
.product_list .pop p{margin: 0 auto 20px;max-width: 340px;color: #ffffff;font-size: 12px;line-height: 28px;max-height: 48px;overflow: hidden;}
.product_list .pop span{display: inline-block;width:50px;height:50px;background: url(/images/ico_search.png); border:1px solid #fff; border-radius:50%;}
.product_list li:hover .pop{height: 100%;}

@media(max-width:767px){
	/*case*/
	.case_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.case_list ul{ width:100%; padding:0 5px;}
	.case_list ul li{ margin:0 1.5% 15px; width:47%; height:auto;}
	.case_list ul li .pic{width:100%; height:auto;}
	.case_list ul li .pic img{width:100%;height:auto;}
	.case_list ul li .tit{ padding:10px 5px 6px; line-height:18px; font-size:16px;}
	
	/*资质*/
	.honor_wrap{ width:100%; margin:0 auto; float:none;}
	.honor_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.honor_list ul{ width:100%; padding:0 5px;}
	.honor_list li{float:left;width:47%;margin:0 1.5% 8px;}
	.honor_list ul li:nth-child(4n){ margin-right:1.5%;}
	.honor_list li .tit{ padding:8px 5px; height:35px;}	
	
	.product_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.product_list ul{ width:100%; padding:0 5px;}
	.product_list li{float:left;width:47%;height:auto;background:#fff;margin:0 1.5% 8px;}
	.product_list ul li:nth-child(3n){ margin-right:1.5%;}
	.product_list li .tit{ padding:8px 5px;font-size:14px;}	
	
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:0 0 0;}
.details_con .w880{ padding:30px 0 0;}
.details_con .news_l{ float:left; width:860px;}
.detail_title{ font-size:24px; font-weight:500; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#999; line-height:1.8; width:100%; font-size:14px; border-bottom: #eeeeee 1px solid; text-align:center; padding-bottom:15px;}
.bbn{ border-bottom:0;}
.detail_time i{ display:inline-block; font-style:normal; margin:0 8px;padding-left:28px;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 8px;padding-left:28px;}
.detail_time .span-date{background:url(/images/article_time.png) no-repeat left;}
.detail_time .span-num{background:url(/images/article_num.png) no-repeat left;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ padding:30px 0 30px; width:100%; line-height:2; color:#444;}
.details_info img{ max-width:100%; height:auto;}
hr{ margin:5px 0;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.newsDown{ width:100%; background:#eaeaea; padding:14px 16px; margin:30px 0 0;}
.newsDown li{ float:left; width:36.18%; padding-right:24%; position:relative; margin-right:2.2%;}
.newsDown li .img{ width:100%; float:left; background:white; padding:5px;}
.newsDown li .img img{ width:100%; float:left;}
.newsDown li .p1{ position:absolute; right:0; bottom:50%; width:62%; font-size:14px; color:#555; line-height:30px; margin-bottom:-30px;}
.newsDown .newsDownRight{ width:23%; float:right;}

.newsDown .btn{ width:100%; float:left; text-align:center; padding:0 0;}
.newsDown .btn .btn_box,.newsDown .btn .btn_boxR{ width:84px; height:64px;display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; padding:7px 0 10px 0; border:solid 1px #007bff; background:#007bff; cursor:pointer; margin:9px 0 0; float:right; color:#fff}
.newsDown .btn .btn_box{ padding:0;}
.newsDown .btn .btn_boxR{ font-size:14px; float:left;border:solid 1px #f39c12; background:#f39c12;}
.newsDown .btn .btn_box .ico{ width:100%; height:auto; float:none;}
.newsDown .btn .btn_box .ico,.newsDown .btn .btn_box_1 .ico{ height:26px;}
.newsDown .btn .btn_box .ico img,.newsDown .btn .btn_box_1 .ico img{ height:100%;}
.newsDown .btn .btn_box .article-social{ width:100%; height:100%; float:left; font-size:12px; color:#fff; line-height:17px;}
.newsDown .btn .btn_box .article-social a{ display:block; width:100%; height:100%; padding:7px 0 10px 0; color:#FFF;}
.newsDown .btn .text{ float:left; width:100%; font-size:14px; color:#555; line-height:1; /*text-align:left;*/ padding:10px 0 0;}
.newsDown .btn:active,.newsDown.btn.active{-webkit-box-shadow:none; box-shadow:none;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:1rem 10px;}
	.details_con .news_l{ float:none; width:100%;}
	.detail_title{ font-size:18px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
	.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; text-align:center; padding-bottom:10px;}
	.bbn{ border-bottom:0;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ padding:1rem 0 1.5rem; width:100%; line-height:2; color:#444;}
	.details_info img{ max-width:95%; width:auto; height:auto;}
	hr{ margin:5px 0;}
	
	
	
	.newsDown{ width:100%; background:#fff; padding:0 10px; margin:1rem 0 0;}
	.newsDown li{ display:none;}
	.newsDown .newsDownRight{ width:200px; float:none; margin:0 auto;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:15px 0 0;border-top:1px dotted #e1dfe0;}
.detail_fenye span{ display:block; line-height:36px; color:#666; font-size:16px; vertical-align:middle;}
.detail_fenye em{ display:inline-block; vertical-align:middle; font-style:normal;}
.nFenye span{ float:left; width:49%;}
.nFenye>span:nth-child(2){ float:right; text-align:right;}
.detail_fenye span a{ color:#666; font-size:16px; display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:80%; vertical-align:middle;}
.detail_fenye span a:hover{ color:#f00; text-decoration:underline;}

.news_r{ float:right; width:300px;background:#f7f7f7;}
.hotNews{ padding:10px 16px 15px;}
.hotNews .title{ height:40px; position:relative; line-height:40px; margin-bottom:5px;}
.hotNews .title:after{ content:''; display:block; width:3px; height:20px; background:#EC2027; position:absolute; left:0; top:10px;}
.hotNews .title b{ margin-left:18px; font-size:18px; font-weight:500; color:#111;}
.hotNews ul{ width:100%; height:auto;}
.hotNews ul li{ float:left; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotNews ul li a{ padding-left:12px; background:url(/images/arr_1.gif) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:15px; height:32px; line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotNews ul li a:hover{ color:#EC2027;}

@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
	.nFenye span{ float:none; width:100%;}
	.nFenye>span:nth-child(2){ float:none; text-align:left;}
	.news_r{ float:none; width:100%; margin-top:20px;}
	.hotNews{ padding:10px 12px 15px;}
}

.mess_con{ width:100%; margin:0 auto; padding:10px 0 0;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:70px; text-align:right !important; padding-right:10px; display:inline; float:left;}
.mess_con .btn{ background:#248b81; width:120px !important; height:35px; line-height:30px; border:none; margin-top:5px; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:16px; letter-spacing:3px;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; width:180px;}
.mess_con textarea{border:1px solid #ccc; line-height:1.8;}
.mess_con .table1 tr{ height:35px;}
.mess_con table,.mess_con table td ,.mess_con table tr{ border-collapse:collapse; border:none;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:898px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}



@-webkit-keyframes coordinates {
    form {-webkit-transform:scale(.1);}
    to {-webkit-transform:scale(1); opacity: 0;}
}
@keyframes coordinates {
    form {transform:scale(.1);}
    to {transform:scale(1); opacity: 0;}
}

@-webkit-keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}
@keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}


@-webkit-keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}


@-webkit-keyframes fadeIn {
    to{ opacity: 1;}
}
@keyframes fadeIn {
    to{ opacity: 1;}
}

@-webkit-keyframes navshow {
    to{opacity: 1; }
}
@keyframes navshow {
    to{opacity: 1; }
}

@-webkit-keyframes shake {
 from,  to {
 -webkit-transform: translate3d(0, 0, 0);
}
 20%,  60% {
 -webkit-transform: translate3d(-10px, 0, 0);
}
 40%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInY {

	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}