@charset "utf-8";
*{margin:0; padding:0;}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none;border-style:none; vertical-align:middle; max-width:100%;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
html, body {color: #333;width: 100%;height: 100%;font: 14px/1.7 "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue";}
body{ background-color:#f5f5f5; min-width:1200px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#cf000d; text-decoration:none; transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;}


/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix { *zoom:1; }
.clear{ clear:both}
.center{ text-align: center;}
.wrap{ width:1200px; margin:0 auto; clear:both;}

/*head*/
.header{width:100%;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); position:relative;}
.headtop{height: 32px; float: right; margin-top: 24px; padding-left: 15px; border-left: 1px solid #ddd; margin-left: 15px;}
.languages{float: left; position: relative; margin-right:10px; line-height:32px;}
.weixin{ position:relative;float:right; margin:0 5px; height:32px;}
.weixin .weixin_nr{width:120px;background:#fff;text-align:center; position:absolute; left:-45px; top:45px; display: none; z-index:20; padding-bottom:5px; color:#555; line-height:150%; border:1px solid #eee;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #666;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin .weixin_nr .code{height: 120px;width: 120px; padding:5px; }
.weixin .weixin_nr img{ margin-top:5px;}
.weixin.on .weixin_nr{ display:block;}
.weixin a.wx{ display:inline-block;background: url(../images/top-weixin.png) no-repeat center center; width:32px; height:32px;}
.weixin a.sj{ display:inline-block;background: url(../images/top-shouji.png) no-repeat center center; width:32px; height:32px;}
.head{width:1200px; margin:0 auto; position:relative;}
.header .logo{ width:200px; height:80px; float:left; position:relative;}
.header .logo a{ display:block; height:100%; width:100%;}
.header .logo a:after{ content:""; height:100%;vertical-align: middle; display:inline-block;}
.header .logo img{ max-width:100%; max-height:100%;display: inline-block; vertical-align: middle;}
.top-languages{ display:none;}
.top-btn{ display:none;} 
@media screen and (max-width: 768px){
	body{min-width:100%;}
	.wrap{ width:100%;}
	.headtop{ display:none;}
	.head{width:100%;}
	.navigation-up{ height:50px;}
	.head .navigation-inner{width:100%; height:50px;}
	.navigation-v3{ display:none;}
	.header .logo {width: 150px;height: 50px; margin:0 10px;}
	.top-languages{position: absolute;right: 60px;margin-top: 10px;width: 30px;height: 30px;display: block; }
	.top-languages a{ display:block; height:30px;width:30px;background:url(../images/languages3.png) no-repeat center center; background-size:24px 24px; font-size:0; z-index:-9999px;}
	.top-languages a:hover{background:url(../images/languages4.png) no-repeat center center; background-size:24px 24px;}
	.top-btn{position: absolute;right: 12px;top: 50%;margin-top: -20px;width: 40px;height: 40px;cursor: pointer; display: block;}
	.top-btn span{display:block; width:16px; height:2px; background:#C03C42; position:absolute; right:7px; top:50%; margin-top:-1px;transition:ease .45s; text-indent: -9999px;}
	.top-btn span:before{content:''; display:block; width:22px; height:2px; background:#C03C42; position:absolute; right:0; top:-8px;transition:ease .45s;}
	.top-btn span:after{content:''; display:block; width:22px; height:2px; background:#C03C42; position:absolute; right:0; top:8px;transition:ease .45s;}
	.top-btn:hover span{width:22px;}
	.top-btn:hover span:before{width:16px;}
	.top-btn:hover span:after{width:10px;}
	}
	
	
/*导航栏*/
.nav{ float:right; max-width:800px;}
.nav>li {float: left;width:100px; height:80px;position: relative; }
.nav>li>a {display:block;font-size: 14px;width:100px; height:80px;line-height:80px;text-align:center;}
.nav .sub{display: none;position: absolute;z-index:999;width:140px;padding:10px 0;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav .sub {top:80px;left:-20px;border-radius: 0 0 3px 3px;}
.nav li:hover .sub{ display:block;}
.nav .sub li {width: 100%; height:36px; position:relative;}
.nav .sub li a {width: 100%;font-size: 14px;display:block; height:36px;line-height:36px; text-align: center;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.nav .sub li:hover>a{ background:#e62129; color:#fff;}
.nav>li:hover>a, .nav>li.active>a { border-bottom:2px solid #e62129; color:#e62129;}
.panel {display: none;}
@media screen and (max-width: 768px){
	.nav{ display:none;}
	.panel {display:none; width: 260px; background-color: #363636;}
	.accordion {width: 100%; padding-top:20px;}
	.accordion .link {cursor: pointer;display: block;padding: 10px 15px 10px 50px;color: #fff;font-size: 14px;border-bottom: 1px solid #4b4a4a;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.accordion .link:before { content: '';  display: block; width: 16px; height: 2px; background: #fff; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);  transition: ease .45s;}
	.accordion li a{ color:#eee;}
	.accordion li i {position: absolute;top: 10px;right:12px;width:24px; height:24px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.accordion li i.touch-arrow-down { background:url(../images/touch-arrow-d2.png) no-repeat center center; background-size:12px 12px;}
	.accordion li.open .link { background-color:#cf000d;border-bottom: 1px solid #de1c28;}
	.accordion li.open i.touch-arrow-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	.submenu {	display: none;background: #e62129;font-size: 14px;}
	.submenu li {	border-bottom: 1px solid #cb161e; }
	.submenu a {display: block;text-decoration: none;	color: #eee;	padding: 12px;	padding-left: 50px;	-webkit-transition: all 0.25s ease;	-o-transition: all 0.25s ease;transition: all 0.25s ease; }
	.submenu a:hover {	background: #cb161e;color: #FFF;}
	}

/*首页视频banner*/
.banner{ position: relative; background: #eee; width:100%; margin:0 auto;}
.banner_text{position: absolute; left: 50%;top: 50%; z-index: 3; margin:-32px 0 0 -32px;}
.banner_text a{ display:block;width:64px; height:64px;  background:url(../images/video-icon.png) no-repeat;}
.banner_bg { background-color: rgba(10, 17, 35, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.banner_video{width: 100%; height: 100%;}
.banner video { object-fit: fill; display:block;}
.touch-panel_video{ display:none;}
@media screen and (max-width: 768px){
	.banner{ display:none;}
	.touch-panel_video{ display:block;}
	}

/*首页弹窗视频*/
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=88);}
.white_content {display: none;position: fixed;top: 25%;left: 25%;width: 55%;height: 55%;z-index: 1002;}
.in-video {position: relative;padding-bottom: 56.25%;height: 0;verflow: hidden;}
.in-video iframe,.in-video object,.in-video embed,.in-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.close{ position:absolute; right:-40px;top:0;  }
.close a{ display:block;background: url(../images/bit04.png) no-repeat center center; width:40px; height:40px;background-color: #2A2A2A;}
@media screen and (max-width: 768px){
	.white_content { display: none;}
	}


/*资讯中心*/
.in-title{ padding-top:60px;width:1200px; margin:0 auto;text-align:center;}
.in-title span{ display: inline-bloc; font-size:30px; position:relative; }
.in-title span:after{ content:""; position:absolute; bottom:-10px; left:50%; margin-left:-30px;width:60px; height:3px; background:#e62129;}

.i_news_bg{ padding-bottom:2%; overflow:hidden;}
.i_news_con{max-width: 1200px; margin:40px auto 20px; box-shadow:0 5px 5px #999;}
.i_news_lb{width:50%; height:400px; float:left; position:relative;}
.rslides li { position: relative;}
.rslides img { height:400px !important; width: 100%;}
.rslides p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-color: #666\9;}
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(../images/arrow.gif); overflow: hidden; opacity: .7;}
.next { right: 0; background-position: right 0;}
.centered-btns_nav:active { opacity: 1;}

.i_news_l{width:50%; height:100%; float:left;padding: 32px 0;background:#fff;}
.i_news_l ul{ overflow:hidden;}
.i_news_l ul li{ display:block; overflow:hidden; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:80% 1px; padding-bottom:4%; padding-top:2%; text-align:left; padding-left:4%; padding-right:4%; transition:all .5s;}
.i_news_l ul li a{ display:block;}
.i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;}
.i_news_l ul li .four_date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;}
.i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;}
.i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px;}
.i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;}
.i_news_l ul li:last-child{ background:none;}
.i_news_l ul li:hover{ transform:translateX(-10px);}
@media screen and (max-width: 768px){
	.in-title{ padding-top:40px;width:100%;}
	.i_news_con{max-width: 100%;margin:30px 10px 0;}
	.i_news_lb{width:100%; height:auto; float:none;}
	.rslides img { height:auto !important; width: 100%;}
	.i_news_l{width:100%; padding:0; float:none;}
	.i_news_l ul li .four_date{ float:left; width:25%;}
	.i_news_l ul li .four_date b{ font-size:40px;}
	.i_news_l ul li .four_txt{width:73%;}
	.i_news_l ul li .four_txt h2{font-size:16px;padding-left:10px; padding-right:0;}
	.i_news_l ul li .four_txt p{padding-left:10px; padding-right:0;}
	}

/*首页产品类别*/
.solution-box{background: #373d41;margin: 30px 0 0 0;}
.solution-cut{width: 1560px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box .slide-btn-panel{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .3);cursor: pointer;border: none; padding: 0; z-index:9;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box .fa-back{left:0;}
.solution-box .fa-more{right:0;}
.solution-box .slide-btn-panel .left-btn{ display:block;width:100%; height:100%; background: url(../images/arrow_l.png) no-repeat center center;}
.solution-box .slide-btn-panel .right-btn{ display:block;width:100%; height:100%; background: url(../images/arrow_r.png) no-repeat center center;}

.solution-box ul{width:10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width:.2%;float: left;text-align: center;position: relative;}
.solution-box ul li a{ display:block;color: #fff;}
.solution-box ul li .mask{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-img-panel{opacity: .85;position: absolute; top:30%;left:50%; margin-left:-36px;width:72px; height:72px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .line-panel{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-title{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-desc{width: 80%;position: absolute;font-size: 14px;left: 10%;top: 70%;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-link{position: absolute;top: 85%;left: 50%;font-size: 14px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-link:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;}
.solution-box ul li a:hover .mask{background: rgba(230, 33, 41, .75);}
.solution-box ul li a:hover .item-img-panel{top: 15%;}
.solution-box ul li a:hover .line-panel{top: 40%;opacity: 0;}
.solution-box ul li a:hover .item-title{top: 30%;}
.solution-box ul li a:hover .item-desc{top: 50%;opacity: 1;}
.solution-box ul li a:hover .item-link{top: 75%;opacity: 1;}
@media(max-width:1600px){.solution-cut{width: 1480px;}.solution-box ul li .item-title{font-size: 22px;}.solution-box ul li .item-desc{font-size: 14px;}.solution-box ul li item-link{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li .item-img-panel{top:25%;}.solution-box ul li a:hover .item-img-panel{top: 10%;}.solution-box ul li a:hover .item-link{top: 85%;}.solution-box ul li .item-title{font-size: 18px;}.solution-box ul li .item-desc{font-size: 12px;}}
@media(max-width:768px){.solution-cut{width: 100%;}.solution-box ul li{width: 290px;}}


/*首页介绍*/
.incon{ padding:60px 0;}
.ina{width:1200px; margin:0 auto; font-size:0;}
.ina:after{content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.ina li{ float:left; display:inline-block;width:48%; margin:10px 1%; font-size:14px; background:#fff; padding:20px 20px 20px 220px; box-sizing: border-box; position:relative; transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.ina li a{ display:block;}
.ina li .ina-img{width:180px; height:120px; position:absolute; left:20px; top:20px; overflow:hidden;}
.ina li .ina-img img{width:100%; height:100%;}
.ina li .ina-con{ height:120px;}
.ina li .ina-con h1{ font-size:20px; white-space:nowrap; overflow:hidden;}
.ina li .ina-con span{ display:block; color:#999; line-height:24px; height:48px; overflow:hidden;}
.ina li .ina-con b{ display:inline-block; line-height:28px; padding:0 20px; border:1px solid #eee; margin-top:6px; font-weight:normal; color:#666;}
.ina li:nth-child(1):hover{ transform:translate(-10px,-10px);-moz-transform:translate(-10px,-10px);-webkit-transform:translate(-10px,-10px);}
.ina li:nth-child(2):hover{ transform:translate(10px,-10px);-moz-transform:translate(10px,-10px);-webkit-transform:translate(10px,-10px);}
.ina li:nth-child(3):hover{ transform:translate(-10px,10px);-moz-transform:translate(-10px,10px);-webkit-transform:translate(-10px,10px);}
.ina li:nth-child(4):hover{ transform:translate(10px,10px);-moz-transform:translate(10px,10px);-webkit-transform:translate(10px,10px);}
@media screen and (max-width: 768px){
	.incon{ padding:30px 0;}
	.ina{width:100%;padding: 0 10px;}
	.ina li{ width:100%; margin:5px 0;padding:10px 10px 10px 130px;}
	.ina li .ina-img{width:108px; height:72px; left:10px; top:10px;}
	.ina li .ina-con{ height:72px;}
	.ina li .ina-con h1{ font-size:16px; line-height:24px;}
	.ina li .ina-con b{ display:none;}
	}

/*footer*/
.footer{width:100%;background:#363636;}
.fewm{ float:right;width:280px; height:201px; background:#232323; padding-top:40px; text-align:center; font-size:0;}
.fewm li{ display:inline-block;width:130px;}
.fewm li img{ width:100px; height:100px;}
.fewm li span{ display:block; color:#eee; line-height:20px; padding-top:10px; font-size:14px;}
.ftop{width:900px; border-bottom:1px solid #eee; font-size:0; padding:20px 0;}
.foot-tel{ display:inline-block; width:300px;}
.flist{display:inline-block; width:400px; font-size:14px; float:right;margin-top: 10px;}
.flist li{ display:inline-block;width:48%;}
.flist li a{ display:block; padding-left:60px; position:relative; opacity:.7;color:#fff;}
.flist li .flist-img{width:48px; height:48px; position:absolute; left:0; top:0;}
.flist li .flist-img img{width:100%; height:100%;}
.flist li h1{ font-size:16px;}
.flist li span{ display:block;}
.flist li a:hover{ opacity:1;}
.foot{ width:900px;height: 88px; padding:20px 0;color:#ddd; position:relative; padding-left:220px; overflow:hidden;}
.foot .fimg{ position:absolute; left:0; top:20px;width:200px; height:48px; overflow:hidden;}
.foot .fimg img{ max-width:100%; max-height:100%;}
.foot p{line-height:24px; max-height:48px;}
@media screen and (max-width: 768px){
	.fewm{ float:none;width:100%;}
	.ftop{width:100%;}
	.foot-tel{width:60%;}
	.flist{ display:none;}
	.foot{width:100%; height:auto; padding:20px 12px;}
	.foot .fimg{ position:relative; left:auto; top:auto;width:60%; height:auto;}
	.foot p{line-height:24px; max-height:none;}
	}


/*内页二级导航*/
.lh-other-nav{width:100%; background:#fff; overflow:hidden; padding:10px 0;border-top: 1px solid #f5f5f5;}
.lh-other-l li{float:left; margin:10px; max-width:180px;min-width: 100px;}
.lh-other-l li a{ position:relative;display: block; line-height:20px; text-align:center;}
.lh-other-l li.active a,.lh-other-l li a:hover{ color:#e60012;}
.lh-other-l li a:before{ content: ""; position: absolute; left:0; bottom:-20px; width: 0; height: 2px; background: #e60012; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.lh-other-l li.active a:before,.lh-other-l li:hover a:before{width:100%;}
.touch-other-nav{ display:none;}
@media screen and (max-width: 768px){
  .lh-other-nav{ display:none;}
  .touch-other-nav{ display:block;width:100%; background:#efefef; padding-top:20px; padding-bottom:20px;}
  .touch-tg{ margin: 0 10px; line-height:20px; font-size:16px; background:#fff; padding:10px 20px; box-sizing:border-box;}
  .touch-tg a{ display:block;background:url(../images/touch-arrow-d.png) no-repeat right center; background-size:12px 12px;}
  .touch-tg2{ background:#e60012;}
  .touch-tg2 a{background:url(../images/touch-arrow-u2.png) no-repeat right center;background-size:12px 12px;color:#eee;}
  .touch-tg2 a:hover{ color:#eee;}
  .touch-sun{ display: none; margin: 0 10px; background:#fff;}
  .touch-sun li a{ line-height:20px; display:block;padding:10px 20px; border-bottom:1px solid #efefef;}
  .touch-sun li a:hover{background: #e60012;color: #fff;}
}

/*内页内容区*/
.l-banner{ display:block;}
.sl-banner{ display:none;}
.content{ width:1200px; margin:40px auto; background-color:#fff;padding:60px;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.con{ color:#666; min-height:300px;_height:300px;}
.conshow p{ padding-bottom:15px; font-size:16px;line-height: 30px;}
@media screen and (max-width: 768px){
	.l-banner{display:none;}
	.sl-banner{  display:block;}
	.content{ width:auto; margin:0; padding:20px 10px;}
	.conshow p{ font-size:14px; line-height:24px;}
	}

/*内页标题*/
.title{ border-bottom: 1px solid #eee; margin-bottom:15px; padding-bottom:5px;}
.t-title{ position: relative;color:#666;line-height:40px; display:inline-block; padding-left:20px; font-size:20px; font-weight:700;}
.t-title:before {content: '';display: block;  position: absolute; left: 0px;top: 12px; width: 4px; height: 16px; background: #e60012;}
.t-other{line-height:40px;color:#666; float:right; background: url(../images/address.png) no-repeat left center; padding-left:30px;}
.t-other a{color:#666;}
.t-other b{margin:0 5px; font-weight:normal;}
.t-other a:hover{ color:#e60012;}
@media screen and (max-width: 768px){
	.t-title{ font-size:18px;}	
	.t-other{ display:none;}
	}

/*在线留言*/
.fbtable{ font-size:14px;}
.msg{padding:9px 18px;margin-bottom:10px;border:1px solid #f1f1f1;background:#eee;}
.input-b{  height:30px; line-height:30px; color:#555;width:50%; padding:5px; border-radius:3px;background: #f8f8f8; margin:10px;border: 1px solid #ddd;}
.input-c{  height:100px;width:90%; line-height:25px; color:#555;padding:5px;border-radius:3px;background: #f8f8f8;margin:10px;border: 1px solid #ddd;}
.btn{border-radius: 4px; border: none; width:170px;font-size: 14px; height: 46px; background: #e60012; font-family:"微软雅黑";color: #fff; outline: none; cursor: pointer; -webkit-appearance: none; margin:0 auto; display: inline-block;margin-left:10px;  }
.btn:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
@media screen and (max-width: 768px){
	.msg{ font-size:14px;}
	.fbtable{ font-size:12px;}
	.input-b{ width:86%;margin:5px;}
	.input-c{ width:86%;margin:5px;}
}

/*分页*/
.pages{ text-align:center; overflow:hidden; margin:30px 0;}
.pages a,.pages span{ padding:0 15px; line-height:36px; border:#ac3434 1px solid; margin:0 5px; font-size:16px; display:inline-block; color:#333; font-family:"宋体";  border-radius:5px;}
.current{background:#e60012;color:#fff !important;}
.pages a:hover{  background:#e60012; color:#fff; text-decoration:none; }

.page{width:100%; margin:25px auto; border-top:1px solid #eee; padding-top:20px; line-height:30px;}
.page a{ margin-right:20px;}


/*新闻列表*/
.news li{ display:block; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:100% 1px; padding:30px 0; transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.news li a{ display:block; padding-left:200px; position:relative;}
.news li .date{ position:absolute; top:0; left:0; width:160px; margin-right:20px; color:#999; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;}
.news li .date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;}
.news li .txt{width:100%;}
.news li .txt h2{ height:30px; line-height:30px; overflow:hidden; font-weight:normal; font-size:18px;}
.news li .txt p{ line-height:20px; height:40px; overflow:hidden;color:#999;}
.news li:hover{ transform:translateX(20px);-moz-transform:translateX(20px);-webkit-transform:translateX(20px);}
@media screen and (max-width: 768px){
	.news li{ padding:20px 0;}
	.news li a{padding-left:110px;}
	.news li .date{ font-size:12px;width:90px;}
	.news li .date b{ font-size:40px;}
	.news li .txt h2{font-size:16px;}
}
	
/*新闻详情*/
.contit{ margin-bottom:20px;text-align:center;}
.contit h1{ color:#333; font-size:24px; font-weight:bold; line-height:40px; padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.contit h2{border-bottom: 1px dashed #ddd; line-height:36px; font-size:12px;}
.contit h2 span{ color:#999; margin:0 15px;}
.video-c {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-c iframe,.video-c object,.video-c embed,.video-c video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px){
	.contit h1{ font-size:18px; margin-top:20px;}
	.contit h2 span{ margin:0 10px 0 0 ;}
	}


/*视频*/
.video{ font-size:0;}
.video:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.video li{ display:inline-block; float:left; font-size:14px; width:330px; margin:15px; text-align:center;}
.video li a{ display:block;}
.video li .pic{width:330px; height:185px; position:relative; display:block;overflow:hidden; border-radius:5px;}
.video li .pic img{width:100%; height:100%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.video li .pic em{ position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px; width:48px; height:48px; background:url(../images/video-icon.png) no-repeat center center; background-size:100%;}
.video li p{ line-height:20px; height:40px; margin-top:5px; overflow:hidden;}
.video li a:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
@media screen and (max-width: 768px){
	.video li{width:100%; margin:0 0 20px;}
	.video li .pic{width:100%; height:auto;}
	}

/*画册*/
.album{ margin-top:40px; font-size:0;}
.album:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.album li{ width:25%; float:left; padding:0 20px; box-sizing:border-box; margin-bottom:30px; text-align:center; display:inline-block;*display:inline;*zoom:1;}
.album li a{ display:block;font-size:14px;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}
.album li .img{width:100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.album li .txt{ line-height:20px; margin-top:10px; height:40px;overflow: hidden;}
.album li a:hover{-webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px);}
@media screen and (max-width: 768px){
	.album li{ width:50%; padding:0 10px; margin-bottom:10px;}
	.album li a{ font-size:12px;}	
	}

/*资料下载*/
.download{width:100%; margin-top:40px;}
.download-table{width:100%;}
.download-table thead tr{border-bottom:1px solid #ddd;}
.download-table thead th{padding:10px; font-size:16px; color:#333; text-align:left; font-weight:normal; background:#eee;}
.download-table tbody td{ padding:10px;border-bottom:1px solid #eee;}
.ico-date{ display:inline-block;background: url(../images/file.png) no-repeat 0px 0px;height: 20px;width: 20px; margin-top:5px;}
.ico-doc{background: url(../images/file.png) no-repeat 0px 0px;}
.ico-xlsx{background: url(../images/file.png) no-repeat -34px 0px;}
.ico-ppt{background: url(../images/file.png) no-repeat -68px 0px;}
.ico-txt{background: url(../images/file.png) no-repeat -102px 0px;}
.ico-pdf{background: url(../images/file.png) no-repeat -136px 0px;}
.ico-rar{background: url(../images/file.png) no-repeat -170px 0px;}
.ico-img{background: url(../images/file.png) no-repeat -205px 0px;}
.download-table .t1{width:50px; text-align:center;}
.download-table .t2{width:50%;}
.download-table .t3{width:30%;}
.download-table .t4 .dxz{ display:block; width:24px; height:24px; background:url(../images/download.png) no-repeat center center; background-size:100%; font-size:0; }
.download-table .t4:hover .dxz{background:url(../images/download2.png) no-repeat center center;background-size:100%;}
.download-table tbody tr:hover{ background:#f5f5f5;}
@media screen and (max-width: 768px){
	.download{margin-top:20px;}
	.download-table thead th{padding:10px 0;}
	.download-table tbody td{ padding:10px 0;}
	.download-table .t2{width:50%;}
	.download-table .t3{width:20%;}	
	}

/*招聘*/
.join li{ font-size:0;width:100%; text-align:center;border-bottom: 1px dashed #ebebeb;}
.join li.th{border-bottom: 1px solid #ebebeb;font-weight: bold; background:#ddd;}
.join li.th:after{content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.join li.th div{font-size: 16px; color:#333;}
.join li a{display: block; width: 100%; line-height:25px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.join li a:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.join li .j1{display:inline-block;width:40%; padding: 15px 5px 15px 20px;font-size:14px; text-align:left; float:left;}
.join li .j2{display:inline-block;width:15%; padding: 15px 5px;font-size:14px;float:left;}
.join li .j3{display:inline-block;width:15%; padding: 15px 5px;font-size:14px;float:left;}
.join li .j4{display:inline-block;width:15%; padding: 15px 5px;font-size:14px;float:left;}
.join li .j5{display:inline-block;width:15%; padding: 15px 5px;font-size:14px;float:left;}
.join li .j5 .r-arrow{display:block; width: 22px; height: 22px; margin:0 auto; position:relative; }
.join li .j5 .r-arrow span{display:inline-block;width: 22px; height: 22px; border: 1px solid #f35e6a;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg); transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-}
.join li .j5 .r-arrow em{ display:inline-block; position:absolute; top:0; left:0;width:22px;height:22px; background: url(../images/item_arrow.png) no-repeat center center;}
.join li a:hover{ background:#eee;}
.join li a:hover .r-arrow span{transform: rotate(90deg);}



/*招聘详情*/
.join h1{color:#333; font-size:24px; font-weight:bold; line-height:40px; padding-bottom: 20px; text-align:center;}
.jcod{ background:#fafafa; font-size:0; margin-bottom:20px; padding:10px; border-bottom:1px solid #eee; border-top:1px solid #ddd;}
.jcod-list{ display:inline-block;width:33.33%; font-size:14px; line-height:40px; color:#777;}
.jcod-list span{ width:90px; padding-right:10px; text-align:right; display:inline-block; color:#333;}
@media screen and (max-width: 768px){
	.join h1{ font-size:20px;}
	.jcod-list{width:100%; }
	
	}

/*产品列表*/
.product{ font-size:0; padding-top:20px;}
.product:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.product li{ float:left;width:340px; margin-bottom:30px; margin-right:30px; display:inline-block;font-size:14px;}
.product li:nth-child(3n){ margin-right:0;}
.product li a { display: block;  position: relative;  padding-bottom: 10px;  border-bottom: 1px solid #dadada; box-shadow: 0 0 10px rgba(12,3,6,.10);}
.product li .img {width:340px; height:255px; background:#fff;-webkit-align-items: center; -ms-flex-align: center; align-items:center;justify-content:center;display: -webkit-flex; display: flex;transition: ease .65s;-webkit-transition: ease .65s;-moz-transition: ease .65s;}
.product li .img img{ max-height:100%; max-width:100%;}
.product li a:after {content: '';display: block;width: 0;height: 1px;background: #971e23;position: absolute;left: 0;bottom: -1px;transition: ease .65s;}
.product li h2 { font-size: 16px; color: #333; margin-top: 10px; position: relative; padding: 0 10px; height: 20px; line-height: 20px; white-space:nowrap; overflow:hidden;}
.product li h2 span { position: absolute; right: 5px; top: 0; font-size: 14px; color: #CDCDCD;}
.product li h2 em { margin-right: 10px; transition: ease .65s;-moz-transition: ease .65s;-webkit-transition: ease .65s; opacity: 0; transform: translateX(-20px);-moz-transform: translateX(-20px);-webkit-transform: translateX(-20px); display: inline-block; float:left;}
.product li h2 i { font-size: 18px; position: relative; top: 1px; transition: ease .65s; background:url(../images/jiantou.png) no-repeat center center;width:20px; height:20px; display:inline-block;}
.product li h2 i:after { content: ''; display: block; width: 1px; height: 20px; background: #CDCDCD; position: absolute; left: -5px; top: 0;   transition: ease .65s;-moz-transition: ease .65s;-webkit-transition: ease .65s;}
.product li h3 {  margin:10px 10px 0; line-height: 24px; color: #888; white-space:nowrap; overflow: hidden;}

.product li a:hover {box-shadow: 0 0 16px rgba(12,3,6,.26);}
.product li a:hover .img {box-shadow: 0 0 16px rgba(12,3,6,.26);transform: translate(10px, -10px);-webkit-transform: translate(10px, -10px);-moz-transform: translate(10px, -10px);}
.product li a:hover:after {width: 100%;}
.product li a:hover em {opacity: 1;transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);}
.product li a:hover h2 i:after {height: 0;top: 50%;transition-delay: .25s;-moz-transition-delay: .25s;-webkit-transition-delay: .25s;}
.product li a:hover h2 span {color: #971e23;}
@media screen and (max-width: 768px){
	.product li{ float:none;width:100%; margin-right:0;}
	.product li .img {width:100%; height:auto;}
	}

/*产品详情简介*/
.title2{position:relative;line-height:35px;padding:15px 0 20px;border-bottom:1px solid #E5E5E5; text-align:center;}
.title2 h1{font-size:22px; font-weight:normal;}
.title2 h2{font-size: 26px;color: #e60012;}
.pdc{width:100%;}
.pdc-img{ text-align:center;}
.pdc-img img{ max-width:100%;}
.tab1{width:100%;background:#eaeaea;margin-top:20px;}
.menu{width:100%; clear:both;}
.menu li{float:left;text-align:center; padding:0 20px;line-height:45px; cursor:pointer;}
.menu li.off{background:#e60012;color:#fff;}
.menudiv{width:100%;padding:20px;overflow: hidden;position: relative; background:#fff;}
.menudiv div{min-height:300px;}
.pm-tit{ margin-top:40px; background:#f5f5f5;}
.pm-tit span{ display:inline-block; padding:0 30px; line-height:40px; background:#999; color:#fff;}
.pm-list{ font-size:0;}
.pm-list li { width: 25%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; display:inline-block;*display:inline;*zoom:1;}
.pm-list li a { display: block; width: 100%; height: 100%;  -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}
.pm-list li .pimg { width:100%;}
.pm-list li .txt{ font-size:14px; text-align:center; line-height:20px; padding:10px; border-top:1px solid #eee;}
.pm-list li .txt h2,.pm-list li .txt h3{ display:block; white-space:nowrap; overflow:hidden;}
.pm-list li a:hover{ -moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);}
@media screen and (max-width: 768px){
	.title2 h1{font-size:18px;}
	.title2 h2{font-size:18px;}
	.menu li{ padding:0 10px;line-height:36px; font-size:12px;}
	.pm-list li { width: 50%; padding:0 5px;}
}


	
/*发展历程*/
.jour{width:100%;}
.jour li{ margin-bottom:10px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.jour li h2{font-size: 20px;color: #e60012;margin-bottom: 10px; border-bottom:2px solid #e60012; display:inline-block; line-height:40px;}
.jour li span{ display:block; line-height: 24px;color: #999;}


/*荣誉证书*/
.ry-tit{font-weight: 700;height: 48px;line-height: 48px;background-color: rgba(172, 52, 52, 0.05);padding-left: 16px;font-size: 16px;color: #AC3434; margin-bottom:20px;}
.ry-list{ margin-bottom:30px; margin-top:30px; position:relative;}
.ry-list:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.ry-list li{ float:left; width:48%; margin-right:2%; padding-left:220px; margin-bottom:40px; position:relative;}
.ry-list li a{ display:block;width:200px; height:150px; position:absolute; left:0; top:0; text-align:center; background:url(../images/ry/detail.png) no-repeat; background-size: cover;}
.ry-list li a img{ height:100%; width:100%;}
.ry-list li .text{ height:150px;}
.ry-list li .text p{ padding-bottom:0;}
.ry-list li .text .ch{ font-size:16px; color:#F30;}
.ry2 .ry-list li{ float:none; width:100%; margin-right:0;}
@media screen and (max-width: 768px){
	.ry-list li{ float:none; width:100%;margin-right:0;padding-left:120px;margin-bottom:30px;}
	.ry-list li a{ width:108px; height:81px;}
	.ry-list li .text{ height:auto;}
	.ry-list li .text .ch{ font-size:14px;}
	}

.ke-zeroborder td{ padding:5px;}