@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.8 "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue";}
body{min-width:1200px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#e87719; 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;padding: 0 5%; position:relative;}
.head{position:relative; padding-left:200px; height:100px;}
.header .logo{position: absolute; top:0; left:0; max-width:320px; height:100px; padding:15px 0;}
.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;}
.headtop{ float:right;height:32px; margin-top:34px; margin-left:20px;}
.language{ float:left; display:block; margin-right:10px;height:32px; border-radius:16px; overflow:hidden;}
.language a{display: inline-block;line-height:32px; padding:0 10px; font-size:12px; background-color:#e87717; color:#fff;}
.language a.en{ background-color:#333;}
.language a:hover{ opacity:.8;}

.weixin{ position:relative; float:left; margin-right:8px; 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;}	
.top-btn{ display:none;}
@media screen and (max-width: 1360px){
	.header{padding: 0 2%;}
	.header .logo{max-width:240px; height:100px; padding:15px 0;}
	}
@media screen and (max-width: 768px){
	body{min-width:100%;}
	.wrap{ width:100%;}	
	.head{width:100%;padding-right:40px; padding-left:0; height:60px;}
	.header .logo {height: 60px;padding: 8px 0;}
	.headtop{ display:none;}
	.top-btn{position: absolute;right:5px;top: 50%;margin-top: -20px;width: 40px;height: 36px;cursor: pointer; display: block; border:1px solid #ddd; border-radius:5px;}
	.top-btn span{display:block; width:22px; height:2px; background:#888; position:absolute; right:7px; top:50%; margin-top:-1px;text-indent: -9999px;}
	.top-btn span:before{content:''; display:block; width:22px; height:2px; background:#888; position:absolute; right:0; top:-8px;}
	.top-btn span:after{content:''; display:block; width:22px; height:2px; background:#888; position:absolute; right:0; top:8px;}
	}


	
/*导航栏*/
.nav{ float:right; margin-top:20px;}
.nav>li {float: left; height:60px;position: relative;padding:0 25px;}
.nav>li>a {display:block;font-size: 15px; height:60px;line-height:60px; text-align:center; position:relative;}
.nav>li>a:before{ content:""; position:absolute; left:50%; bottom:0;width:0; height:2px; background:#e87719; transition:all .5s;}
.nav>li>a:hover:before{ left:0;width:52%;}
.nav>li>a:after{ content:""; position:absolute; right:50%; bottom:0;width:0; height:2px; background:#e87719; transition:all .5s;}
.nav>li>a:hover:after{ right:0;width:52%;}
.nav .sub{position: absolute;z-index:9;width:160px;background:#fff;top:60px;left:50%;border-radius: 0 0 3px 3px; display:none; padding:10px 0;}
.nav .sub { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);-webkit-transform: translateX(-50%);transform: translateX(-50%); -webkit-transition:all .5s;transition:all .5s;}
.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:#e87719; color:#fff;}
.nav>li:hover>a, .nav>li.active>a { color:#e87719;}
.nav .sub li ul{ position: absolute; left:160px; top:0;display: none;z-index:999;width:160px;background:#fff; border:1px solid #eee;}
.nav .sub li:hover ul{ display:block;}
.panel {display: none;}
@media screen and (max-width: 768px){
	.nav{ display:none;}
	.panel {display:none; width: 260px; background-color: #333;overflow-y: auto;}
	.accordion {width: 100%; padding-top:20px;}
	.accordion .link {cursor: pointer;display: block;padding: 12px 15px 12px 50px;color: #fff;font-size: 15px;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:#fff;}
	.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:#d3670c;}
	.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;font-size: 14px; background:#e87717;}
	.submenu li{ padding:0 20px;}
	.submenu a {display: block;text-decoration: none;color: #eee;padding:8px 12px;	padding-left: 30px;	-webkit-transition: all 0.25s ease;	-o-transition: all 0.25s ease;transition: all 0.25s ease; }
	.submenu>li>a{ background:url(../images/dian.png) no-repeat 10px center;}
	.submenu ul{ background-color:#f18529; position:relative; border-radius:5px;}
	.submenu ul:after{ content:""; position:absolute; top:-6px; left:8px;width:0; height:0; border-bottom:6px solid #f18529;border-left:6px solid transparent;border-right:6px solid transparent;}
	.submenu ul li{ padding:0;}
	.accordion .language{ float:none; display:inline-block; margin-left:20px; margin-top:20px;}
	.accordion .language a{ padding:0 30px;}
	.accordion .language a.en{ background:#fff; color:#333;}
	}


/*首页标题*/
.banner{width:100%;}
.s-banner{ display:none;}
.common{ padding:100px 0;position:relative;}
.common-title { width: 100%; margin-bottom:20px;}
.it-title {width:100%; text-align:center;}
.it-title .h1 {color: #333;	text-transform: uppercase;font: 40px Georgia, "Times New Roman", Times, serif;}
.it-title .h2 {	color: #e87719;	font-size: 30px;}
.common-title .text{ height:200px; margin-top:20px;}
.common-title .text h1{ color:#666; font-size:16px; margin-bottom:10px; opacity:.8;}
.common-title .text h2{ color:#999; line-height:24px;}
.imore{ display:block;margin-top: 50px;}
.imore a{ display:inline-block;width:60%; max-width:220px; text-align:center;line-height:40px;border:1px solid #e87719;border-radius:20px;}
.imore a:hover{ background:#e87719;color:#fff; opacity:.9; }
@media screen and (max-width: 768px){
	.banner{display:none;}
	.s-banner{ display: block;}
	.common{ padding:40px 0;}
	.it-title .h1 {font-size:30px;}
	.it-title .h2 {font-size:24px;}
	.common-title .text{ height:auto; margin-top:0; padding:15px;}
	.imore{ text-align:center; margin-top:0;}
}

/*首页about*/
.ina-bg{ background:url(../images/ina-bg.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}
.ina-bg .it-title .h1{ color:#fff;}
.ina-c{ width:100%;padding:0 30px;}
.ina-c .ct{ margin-bottom:20px; color:#eee; font-size:16px; line-height:36px; text-align:center;}
.ina-c .imore{ text-align:center;}
.ina-c .imore a{ color:#fff; background-color:#e87719;}
.ina-i {width:100%; margin-top:50px;}
.ina-i .cyan-bg{ background-color:#43a08e;}
.ina-i .purple-bg{ background-color:#35386f;}
.ina-i .blue-bg{ background-color:#058ab3;}
.ina-i li{ float:left;width:32%; margin-right:2%;padding:30px 15px; text-align:center; color:#fff;}
.ina-i li:last-child{ margin-right:0;}
.ina-i li .t1{display: inline-block;font: 18px Georgia, "Times New Roman", Times, serif;}
.ina-i li .t1 span{ display:block; text-align:left;font-style: italic; position:relative; color:#ccc; margin-bottom:10px;}
.ina-i li .t1 span:after{ content:""; position:absolute;right:0; bottom:0;width:40px; height:2px; background-color:#ccc;}
.ina-i li .t1 strong{display: block;font-size: 26px;text-transform: uppercase;}
.ina-i li .t2{ font-size:30px; margin-bottom:15px;}
.ina-i li .t3{ font-size:16px; font-stretch:condensed; color:#ddd;}
@media screen and (max-width: 768px){
	.ina-c .ct{  font-size:14px;line-height:30px;}
	.ina-i li{ float:none;width:90%; margin:0 5% 20px;}
	}

/*首页产品*/
.inp-bg{ background-color:#f5f5f5;}
.inpt{ float:left;width:360px;}
.inpro{float:right; width:800px; }
.inpro li{ float:left;width:240px; margin:0 25px 20px 0;}
.inpro li:nth-child(3n){ margin-right:0;}
.inpro li a{ display:block; position:relative;}
.inpro li .img{width:240px; height:240px;}
.inpro li .img span{ display:block; height:100%; width:100%; background:#fff;-webkit-align-items: center; -ms-flex-align: center; align-items:center;justify-content:center;display: -webkit-flex; display: flex; overflow:hidden;}
.inpro li .img span img{ transition:all .5s;}
.inpro li .txt{width:100%; text-align:center;font-size:14px; margin-top:5px; white-space:nowrap; overflow:hidden;}
.inpro li a:hover img{ transform:scale(1.05,1.05);}
@media screen and (max-width: 768px){
	.inpt{ float:none;width:100%;}
	.inpro{float:none;width:100%; padding:10px;}
	.inpro li{ float:left;width:48%; margin:0 1% 20px;}
	.inpro li:nth-child(3n){ margin-right:1%;}
	.inpro li .img{width:100%; height:auto;}
	.inpro li .txt h1{ font-size:16px;}
	.inpro li .txt h2{font-size:14px;}
	}
	

/*首页新闻*/
.inn-bg{ background-color:#fff;}
.inn-c{width:100%;}
.inn-c li{ float:left;width:340px; margin:0 30px;}
.inn-c li a{ display: block; background-color:#f2f2f2; padding:20px; position:relative;}
.inn-c li .newBg{position:absolute; left:0; bottom:0;width:100%; height:0; background:#e87719; z-index:1; transition:all .3s;}
.inn-c li .item{width:100%; position:relative; z-index:9;}
.inn-c li .item .ntime{display:block;color:#666; font-size:12px; padding-left:20px; margin-bottom:10px; background:url(../images/time1.png) no-repeat left center;transition:all .3s;}
.inn-c li .item .t{ font-size:18px; line-height:30px; height:60px; color:#333;width:100%;margin-bottom:10px; transition:all .5s; overflow:hidden;}
.inn-c li .item .img{width:100%; height:200px; overflow:hidden;margin-bottom:10px;}
.inn-c li .item .tt{ color:#666; line-height:24px; max-height:72px; margin-bottom:10px;transition:all .5s; overflow:hidden;}
.inn-c li a:hover .newBg{ height:100%;}
.inn-c li a:hover .ntime{color:#fff;background:url(../images/time2.png) no-repeat left center;}
.inn-c li a:hover .t{color:#fff;}
.inn-c li a:hover .tt{ color:#fff;}
@media screen and (max-width: 768px){
  .inn-c{ padding:0 12px;}
  .inn-c li{ float:none;width:100%; margin:0 0 20px;}
  .inn-c li a{ padding:10px;}
  .inn-c li .newBg{ display:none;}
  .inn-c li .item{width:100%; position:relative; z-index:9; padding-left:120px; height:72px;}
  .inn-c li .item .ntime{ position: absolute; bottom:0; left:120px;margin-bottom:0;}
  .inn-c li .item .t{ font-size:16px; line-height:22px; height:44px;margin-bottom:0;}
  .inn-c li .item .img{ position:absolute; left:0;top:0;width:108px; height:72px; margin-bottom:0;}
  .inn-c li .item .tt{ display:none;}
  .inn-c li a:hover .newBg{ height:100%;}
  .inn-c li a:hover .ntime{color:#666;background:url(../images/time1.png) no-repeat left center;}
  .inn-c li a:hover .t{color:#e87719;}
	}

/*首页联系我们*/
.inc-bg{background-color:#f5f5f5;}
.inlx{ padding:70px 0;}
.inlx li{ float:left;width:300px; text-align:center;position:relative;}
.inlx li .img{ display:inline-block; position:relative;width:90px; height:90px; background:#e87719; border-radius:50%; padding-top:18px; border:5px solid #eee; box-shadow:0 0 10px rgba(0,0,0,.25);}
.inlx li .img img{ height:40px; height:40px;position: absolute;margin:auto;top:0; left:0;right:0; bottom:0;}
.inlx li .text h1{ font-size:16px;}
.inlx li .text h2{ color:#777;}
.inlx li:before{ content:""; position:absolute;left:2px;top:45px; border-bottom:2px dashed #e87719;width:25%;}
.inlx li:after{ content:""; position:absolute;right:2px;top:45px; border-bottom:2px dashed #e87719;width:25%;}
.inlx li:first-child:before,.inlx li:last-child:after{ border-bottom:none;}
@media screen and (max-width: 768px){
	.inlx{ padding:20px 0;}
	.inlx li{ width:50%; margin-bottom:10px;}
	.inlx li:before{ display:none;}
	.inlx li:after{display:none;}
	}

/*footer*/
.footer{width:100%;background:#333;color:#ccc; font-size:12px; }
.foot{ width:1200px; margin:0 auto;padding:15px 12px; text-align:center;}
@media screen and (max-width: 768px){
	.foot{width:100%;}
	}


/*内页内容区*/
.l-banner{width:100%;}
.ls-banner{ display:none;}
.contain{width:1200px; margin:0 auto; padding-top:50px;}
.content{ width:1200px; margin:0 auto; position:relative;}
.cl-con{ width:240px; position:absolute; top:-50px; left:0; z-index:9;}
.cr-con{ float:right;width:930px;padding:45px 0;}
.title{ border-bottom: 4px solid #eee; margin-bottom:20px; position:relative;}
.title:after{ content:""; position:absolute; left:0; bottom:-4px;width:120px; height:4px; background-color:#e87719;}
.t-title{ color:#e87719;line-height:50px; display:inline-block; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold;}
.con{ color:#555; font-size:16px;line-height:2;}
.con p{ padding-bottom:15px;}
@media screen and (max-width: 768px){
	.l-banner{display:none;}
	.ls-banner{ display: block;}
	.contain{width:auto; padding-top:30px;}
	.content{ width:auto; padding:0 12px;}
	.cl-con{ display:none;}
	.cr-con{ float:none;width:100%;padding:20px 0;}
	.title{ border-bottom: 3px solid #eee;}
	.title:after{bottom:-3px;width:100px; height:3px;}
	.t-title{font-size:22px;}
	}


/*内页二级分类*/
.lh-other-nav{width:100%; background:#eee;}
.lh-other-nav .systitle{ background:#e87719; color:#fff;font-size: 24px;padding: 20px 15px 20px;}
.lh-other-nav .systitle h1{text-transform: uppercase;line-height:40px; padding-left:30px; background:url(../images/leibie.png) no-repeat 0 10px; background-size:24px 24px;}
.lh-other-l{padding: 15px 0 30px;}
.lh-other-l li{width:100%; position:relative; padding:0 15px;}
.lh-other-l li a{display: block; line-height:24px; padding:15px 0; font-size:16px;border-bottom:1px solid #e1e1e1; position:relative;}
.lh-other-l li.active>a,.lh-other-l li:hover>a{ color:#e87719;}
.lh-other-l li ul{ display:none;position: absolute; left:240px; top:0; background:#fff;width:100%; box-shadow:0 0 5px rgba(0,0,0,.15);}
.lh-other-l li:hover ul{ display:block;}
.lh-other-l li ul li a{padding:10px 0; font-size:14px;border-bottom:none; border-bottom:1px solid #eee;}
.lh-other-l>li>a:before{ content:""; position:absolute; right:-6px; top:21px; height:12px; width:12px;background: url(../images/touch-arrow-d.png) no-repeat right center; background-size:100%;transform: rotate(-90deg);}
.dl-column{ display:none;}
@media screen and (max-width: 768px){
  .lh-other-nav{ display:none;}
  .dl-column{ display:block;padding: 15px;background: #f5f5f5;}
}


/*下一页*/
.pager{width:100%; margin:25px auto; text-align:center;clear: both;}
.pager a,.pager span{display:inline-block; background:#e1e1e1; padding:4px 12px; color:#555; margin-left:5px; font-size:12px; margin-bottom:5px;}
.pager a:hover{background:#e87719; color:#fff;}
.pager span{ color:#fff; background:#e87719;}
.page{width:100%; margin:25px auto; border-top:1px solid #eee; padding-top:20px; line-height:30px;}
	
/*新闻列表*/
.news{ margin:30px 0;}
.news li{width:100%; border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
.news li a{ display:block; padding-left:260px; position:relative;}
.news li .img{ position:absolute; left:0; top:0; width:240px; height:160px; overflow:hidden; text-align:center;}
.news li .img img{max-width:100%; max-height:100%; transition:all .3s; -ms-transition:all .3s;-webkit-transition:all .3s;}
.news li .news-sum{width:100%; height:160px;}
.news li .news-sum h1{ font-size:18px; line-height:30px; max-height:60px;overflow:hidden; font-weight:700; margin-bottom:10px;}
.news li .news-sum .date{ line-height:30px; white-space:nowrap; display:block; color:#999;font-size:14px; background:url(../images/time1.png) no-repeat left center; padding-left:20px;}
.news li .news-sum .txt{ color:#666; line-height:30px; max-height:60px; overflow:hidden; font-size:14px;}
.news li a:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
@media screen and (max-width: 768px){
	.news li{ width:100%; margin:0 0 20px; float:none;}
	.news li a{ padding-left:120px; position:relative;}
	.news li .img{ position:absolute; left:0; top:0;width:108px; height:72px;}
	.news li .news-sum{height:72px; overflow:hidden;}
	.news li .news-sum h1{ font-size:16px; line-height:24px; height:48px; margin-bottom:0;}
	.news li .news-sum .date{ line-height:24px;}
	.news li .news-sum .txt{ display:none;}
}
	
/*新闻详情*/
.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:40px; font-size:14px;}
.contit h2 span{ 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 ;}
	}

/*产品列表*/
.pro-list{ margin-top:30px; font-size:0;}
.pro-list li { width: 33%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; display:inline-block;*display:inline;*zoom:1;}
.pro-list li a { display: block; width: 100%; height: 100%;  -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}
.pro-list li .pimg { width:100%;border:1px solid #eee;}
.pro-list li .txt{ font-size:14px; text-align:center; line-height:20px; padding:10px;}
.pro-list li .txt h1{ display:block; white-space:nowrap; overflow:hidden;}
.pro-list 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){
/*产品列表*/
  .pro-list li { width:50%; padding:0 5px;} 
}


/*产品详情简介*/
.title2{position:relative;line-height:35px;padding:15px 0 20px;border-bottom:1px solid #E5E5E5; text-align:center; margin-bottom:20px;}
.title2 h1{font-size:24px; font-weight:normal; color:#e87719;}
.pdc{width:100%;}
.pdc-img{ text-align:center;}
.pdc-img img{ max-width:100%;}
.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-top: 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 h1{ display:block; white-space:nowrap; overflow:hidden;}
@media screen and (max-width: 768px){
	.pm-list li { width: 50%; padding:0 5px;}
}

/*返回顶部*/
.backToTop {display: none; width: 64px;height:65px;position: fixed; right:30px;bottom: 100px;background:url(../images/arrow-top.png) no-repeat center center; cursor:pointer; z-index:99;}
.backToTop:hover{ opacity:.8;}