@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:#fff; min-width:1200px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#f26208; 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:rgba(0,0,0,0.75); position: fixed; z-index:100;}
.headtop{height: 32px; float: right; margin-top: 24px;margin-left: 30px;}
.headtop a{ color:#fff;}
.headtop a:hover{ color:#f26208;}
.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 #fff;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%;}
	.header .logo {width: 200px;height: 60px; 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:#f26208; position:absolute; right:7px; top:50%; margin-top:-1px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; text-indent: -9999px;}
	.top-btn span:before{content:''; display:block; width:22px; height:2px; background:#f26208; position:absolute; right:0; top:-8px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
	.top-btn span:after{content:''; display:block; width:22px; height:2px; background:#f26208; position:absolute; right:0; top:8px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
	.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:110px; height:80px;position: relative; }
.nav>li>a {display:block;font-size: 14px;width:110px; height:80px;line-height:80px;text-align:center; color:#fff;}
.nav>li>a:hover{ color:#f26208;}
.nav .sub{display: none;position: absolute;z-index:999;width:130px;padding:10px 0;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav .sub {top:80px;left:-10px;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:#f26208; color:#fff;}
.nav>li:hover>a, .nav>li.active>a { border-bottom:2px solid #f26208; color:#f26208;}
.panel {display: none;}
@media screen and (max-width: 768px){
	.nav{ display:none;}
	.panel {display:none; width: 260px; background-color: #332c2b;}
	.accordion {width: 100%; padding-top:20px;}
	.accordion .link {cursor: pointer;display: block;padding: 10px 15px 10px 50px;color: #fff;font-size: 14px;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:#f26208;}
	.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: #f26208;font-size: 14px;}
	.submenu a {display: block;text-decoration: none;color: #eee;padding:8px 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: #f26208;color: #FFF;}
	}



/*首页标题*/
.banner{width:100%;}
.s-banner{ display:none;}
.common{ padding-bottom:60px; background:#fff;}
.common-title { width: 100%; padding-top:60px; box-sizing: border-box; margin-bottom:20px;}
.common-title .it-title {display:inline-block;font-size: 30px; line-height:60px; color:#332c2b;}
.common-title .it-title span {display: inline-block;color: #666;font-size:16px;text-transform: uppercase; margin-left:10px;}
.common-title .imore{ float:right; display:inline-block; transition: 0.6s; border-bottom:1px solid #c1c1c1; position:relative; margin-top: 20px; font-size: 16px; padding-bottom: 7px;}
.common-title .imore:before{ content:""; width:100%; height:1px; background:#f26208; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.common-title .imore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
@media screen and (max-width: 768px){
	.banner{display:none;}
	.s-banner{ display: block;}
	.common{ padding-bottom:50px;}
	.common-title {padding:40px 12px 0;}
	.common-title .h1 {font-size: 20px;}
}

/*首页about*/
.inabout{width:100%; background:#1a1f2d; position:relative; padding-left:60%;}
.ina-i{width:60%; height:100%; position:absolute; left:0; top:0; background: url(../images/inabout.jpg) no-repeat;background-size: cover;background-position: center;}
.ina-i img{ display:none;}
.ina-i .mod{ display:none;}
.ina-c{ padding:60px 70px;}
.ina-c .tit{ display:inline-block; font-size:36px; padding-bottom:10px; margin-bottom:30px; color:#fff; position:relative;}
.ina-c .tit:after{ content:""; position:absolute; bottom:0; left:-180px;width:360px; height:4px; background:#f26208; z-index:9;}
.ina-c .ct{ margin-bottom:50px;}
.ina-c .ct p{ text-indent:2em; line-height:30px; margin-bottom:20px; color:#eee; font-size:16px;}
.ina-c .more a{ display:inline-block;width:200px; text-align:center; border:1px solid #ddd; line-height:50px; color:#ddd; font-size:16px; position:relative; z-index:10;}
.ina-c .more a:hover{ border-color:#f26208;}
.ina-c .more a:before{ content:""; position:absolute; left:0; top:0;width:0; height:100%; background:#f26208; z-index:-1; transition:linear .3s;}
.ina-c .more a:after{ content:""; position:absolute; right:0; top:0;width:0; height:100%; background:#f26208; z-index:-1; transition:linear .3s;}
.ina-c .more a:hover:before{width:50%;}
.ina-c .more a:hover:after{width:50%;}
@media screen and (max-width: 1400px){
	.ina-c{ padding:30px 40px;}
	}
@media screen and (max-width: 768px){
	.inabout{ padding:30px 12px;}
	.ina-i{width:100%; height:auto; position: relative; left:0; top:0; background: none;}
	.ina-i img{ display:block;}
	.ina-i .mod{ display: block;}
	.ina-c{ text-align:center;}
	.ina-c .tit{ font-size:30px;}
	.ina-c .tit:after{left:0;width:100%; height:3px;}
	.ina-c{ width:auto; float:none; padding:0; margin-bottom:30px;}
	.ina-c .ct{ margin-bottom:30px; text-align:left;}
	.ina-c .more{ text-align:center;}
	.ina-c .ct p{ margin-bottom:10px;}
	}

/*news*/
.news li{ float:left;width:380px; margin-right:30px; position:relative; margin-bottom:20px;}
.news li:nth-child(3n){ margin-right:0;}
.news li a{ display:block;}
.news li .nimg{width:380px; height:253px; position:relative;overflow:hidden; vertical-align:top;}
.news li .nimg:after{ content:""; position:absolute; left:0; top:0;width:100%; height:100%; background: rgba(0,0,0,0.6); opacity:0;transition: 0.5s;}
.news li:hover .nimg:after{ opacity:1;}
.news li .txt h1{font-size: 16px; padding-top: 10px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.news li .txt h2{font-size: 14px; color: #666; margin-top: 15px; line-height:25px; height: 50px; margin-bottom:20px; overflow: hidden;}
.news li .txt .date{position: relative; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #e3e3e3;}
.news li .txt .date span{transition: 0.5s;font-size: 14px; color: #999;}
.news li .txt .date .more{ float:right;color: #999;}
.news li:hover .txt .date .more{ color: #333; padding-right: 30px;}
.news li .txt .date:after { position: absolute; display: block; width: 0; height: 1px; background: #f26208; content: ""; left: 0; top: -1px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.news li:hover .txt .date:after{ width: 100%; }
@media screen and (max-width: 768px){
	.news{ padding:0 15px;}
	.news li{ float:none;width:100%; margin-right:0; margin-bottom:20px;}
	.news li a:after{content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
	.news li .nimg{width:120px; height:80px; float:left; margin-right:15px;}	
	.news li .txt h1{white-space: normal;padding-top: 0; line-height:24px; max-height:72px;}
	.news li .txt h2{ display:none;}
	.news li .txt .date{ display:none;}
	}

/*首页产品*/
.inpro-bg{ position:relative; padding-bottom:90px;}
.inpro-bg:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:45%; background:#f5f5f5;}
.inp{width:100%;}
.mr_frbox { position:relative;}
.mr_frBtnL { position: absolute; left:-40px; top:50%; margin-top:-25px; cursor: pointer;width: 30px; height:50px; background: url(../images/re_ico5.png) no-repeat 0 0;z-index: 9;}
.mr_frBtnR { position: absolute; right:-40px; top:50%; margin-top:-25px; cursor: pointer;width: 30px; height:50px; background: url(../images/re_ico5.png) no-repeat 0 -50px;z-index: 9;}
.mr_frBtnL:hover{background: url(../images/re_ico5.png) no-repeat -30px 0;}
.mr_frBtnR:hover{background: url(../images/re_ico5.png) no-repeat -30px -50px;}
.mr_frUl { width:1200px; overflow:hidden;}
.mr_frUl li {float: left; width: 380px; margin-right:30px;text-align:center;}
.mr_frUl li a{ display:block;}
.mr_frUl li .inp-img{width: 380px; height:253px; background:url(../images/pro-bg.jpg) repeat-x; background-size: 100% 100%; position:relative;}
.mr_frUl li img{ max-width:100%; max-height:100%;}
.mr_frUl li .inpc{ background:#fff; position:relative; padding-right:80px;}
.mr_frUl li .inpc h1{padding:20px 10px 20px 40px; font-size:16px; line-height:40px;text-align:left; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mr_frUl li .inpc .jiantou{ position:absolute; right:0; top:10px;width:80px; height:60px; border-left:1px solid #eee; background:url(../images/youjiantou.png) no-repeat center center; transition:linear .3s;}
.mr_frUl li:hover .inpc .jiantou{background:url(../images/youjiantou_on.png) no-repeat 43px center;}
.mr_frUl li .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; }
.mr_frUl li .up-graybox .bgbox{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} 
.mr_frUl li .up-graybox:hover{ opacity: 1; }
.mr_frUl li .up-graybox .stit{  font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; }
.mr_frUl li .up-graybox .linet { top: 0;}
.mr_frUl li .up-graybox .lineb { bottom: 0;}
.mr_frUl li .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s;}
.mr_frUl li .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;  filter: alpha(opacity=60);}
@media screen and (max-width: 768px){
	.mr_frBtnL {left:5px;}
	.mr_frBtnR {right:5px;}
	.mr_frUl { width:100%;}
	.mr_frUl li {width:100%; margin:0;}
	.mr_frUl li a{ padding:0 10%;}
	.mr_frUl li .inp-img{width:100%; height:auto;}
	.mr_frUl li .inpc h1{padding:20px 10px 20px 20px;}	
	}

/*首页应用领域*/
.incase{width:100%; padding:60px 0 60px; background:#fff; }
.incase .tit{text-align:center; margin-bottom:20px;}
.incase .tit h1{ font-size:30px;}
.incase .tit h2{ font-size:16px; color:#666;}
.iclist{ padding:0 10px;}
.iclist li{ float:left;width:25%;padding:0 10px;}
.iclist li a{ display:block;position:relative;}
.iclist li .nimg{width:100%; position:relative; overflow:hidden;}
.iclist li .nimg img{ -webkit-transition:linear .3s; -ms-transition:linear .3s;transition:linear .3s;}
.iclist li .nimg:after{ content:""; position:absolute; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,.6);}
.iclist li .text{ position:absolute; top:50%; left:0;width:100%; text-align:center; padding:30px; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.iclist li .text .icon{width:64px; height:64px; margin:0 auto;}
.iclist li .text h1{ display:block; color:#fff; font-size:24px; margin-top:10px; margin-bottom:10px;}
.iclist li .text h2{ display:block; font-size:16px; color:#eee;}
.iclist li:hover .nimg img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1);transform:scale(1.1);}
@media screen and (max-width: 768px){
	.incase{ padding:40px 0 40px;}
	.iclist{ padding:0;}
	.iclist li{ float:none;width:100%;padding:0;}
	.iclist li a{ padding-left:60%; height:160px;}
	.iclist li .nimg{width:60%; height:160px; position:absolute; left:0; top:0; display: flex;align-items: center}
	.iclist li .nimg img{align-items: center;}
	.iclist li .nimg:after{ background:rgba(0,0,0,.2);}
	.iclist li .text{ position: relative; top:0; left:0;width:100%; height:100%; padding:10px; background:#0f1835;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
	.iclist li .text .icon{width:48px; height:48px; margin-top:20px;}
	.iclist li .text h1{ font-size:18px;margin-bottom:0;}
	.iclist li .text h2{ display:none;}
	.iclist li:nth-child(2n) a{ padding-left:0; padding-right:60%;}
	.iclist li:nth-child(2n) .nimg{ position:absolute; left: auto; right:0;}
	.iclist li:nth-child(2n) .text{ background:#1a1f2d;}
	}



/*footer*/
.footer{width:100%;background:#332c2b;color:#ddd;}
.foot{ padding:15px 12px; text-align:center;}


/*内页二级导航*/
.lh-other-nav{width:100%;position:relative; z-index:10;}
.lh-other-nav .wrap{background:#fff; padding:20px 20px; border-radius:5px;box-shadow: 0 0px 15px rgba(0,0,0,0.1); -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.lh-other-l{ display:inline-block; }
.lh-other-l:after{content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.lh-other-l li{ display:inline-block; position:relative;float: left;}
.lh-other-l li:after{ content:""; position:absolute; top:12px; right:-1px;width:1px; height:16px; background:#ddd;}
.lh-other-l li:last-child:after{ display:none;}
.lh-other-l li a{display: block; line-height:36px; font-size:18px; padding:0 20px;}
.lh-other-l li.active a{ color:#ee8543;}
.t-other{line-height:36px;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:#f26208;}
.touch-other-nav{ display:none;}
@media screen and (max-width: 768px){
  .lh-other-nav{ display:none;}
  .touch-other-nav{ display:block;width:100%; padding-top:20px; margin-bottom:20px;}
  .touch-tg{margin: 0 15px; line-height:30px; font-size:16px; background:#332c2b; color:#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; color:#fff;}
  .touch-tg2{ background:#f26208;}
  .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 15px; background:#eee;}
  .touch-sun li a{ line-height:24px; display:block;padding:10px 20px; border-bottom:1px solid #efefef;}
  .touch-sun li a:hover{background: #ee8543;color: #fff;}
}

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

/*在线留言*/
.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: #f26208; 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:#f26208 1px solid; margin:0 5px; font-size:16px; display:inline-block; color:#333; font-family:"宋体";  border-radius:5px;}
.current{background:#f26208;color:#fff !important;}
.pages a:hover{  background:#f26208; color:#fff; text-decoration:none; }

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

	
/*新闻详情*/
.nd-content{ background:#f5f5f5; padding-top:100px; padding-bottom:40px;}
.nd-content .weizi{width:1200px; margin:0 auto; margin-bottom:10px;color:#666;}
.nd-content .weizi a{ display:inline-block;color:#666;line-height:40px;}
.nd-content .weizi a.home{ background: url(../images/address.png) no-repeat left center; padding-left:30px;}
.nd-content .weizi b{margin:0 5px; font-weight:normal;}
.nd-content .weizi a:hover{ color:#f26208;}
.nd-content .con{width:1200px; margin:0 auto; background:#fff; padding:30px 40px;}
.contit{ margin-bottom:20px; margin-top:30px;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{ 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){
	.nd-content{padding-top:70px;}
	.nd-content .weizi{width:100%; padding:0 15px;}
	.nd-content .con{width:100%; padding:15px;}
	.contit{margin-top:0;}
	.contit h1{ font-size:18px; margin-top:20px;}
	.contit h2 span{ margin:0 10px 0 0 ;}
	}


/*产品列表*/
.product{ padding-top:20px;}
.product li {float: left; width: 380px; margin-right:30px;text-align:center; margin-bottom:30px; }
.product li:nth-child(3n){ margin-right:0;}
.product li a{ display:block;}
.product li .inp-img{width: 380px; height:253px; background:url(../images/pro-bg.jpg) repeat-x; background-size: 100% 100%; position:relative;}
.product li img{ max-width:100%; max-height:100%;}
.product li .inpc{background:#f8f8f8; position:relative; padding-right:80px;}
.product li .inpc h1{padding:20px 10px 20px 40px; font-size:16px; line-height:40px;text-align:left; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.product li .inpc .jiantou{ position:absolute; right:0; top:10px;width:80px; height:60px; border-left:1px solid #eee; background:url(../images/youjiantou.png) no-repeat center center; transition:linear .3s;}
.product li:hover .inpc .jiantou{background:url(../images/youjiantou_on.png) no-repeat 43px center;}
.product li .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; }
.product li .up-graybox .bgbox{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} 
.product li .up-graybox:hover{ opacity: 1; }
.product li .up-graybox .stit{  font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; }
.product li .up-graybox .linet { top: 0;}
.product li .up-graybox .lineb { bottom: 0;}
.product li .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s;}
.product li .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;  filter: alpha(opacity=60);}
@media screen and (max-width: 768px){
	.product { width:100%;}
	.product li {width:100%;}
	.product li a{ padding:0 5px;}
	.product li .inp-img{width:100%; height:auto;}
	.product li .inpc h1{padding:20px 10px 20px 20px;}	
	}

/*产品详情简介*/
.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: #f26208;}
.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:#333;color:#fff;}
.menudiv{width:100%;padding:20px;overflow: hidden;position: relative; background:#fff;}
.menudiv div{min-height:300px;}
@media screen and (max-width: 768px){
	.menu li{ padding:0 15px;}
}


/*应用领域*/
.case-list{width:100%;background: #0f1835; color:#eee; position:relative;}
.case-list:after{content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.case-list .img{width:60%; float:left;}
.case-list .text{padding:60px 50px; width:40%;float:left;}
.case-list .text h1{ font-size:24px; border:3px solid #eee; display:inline-block; padding:10px 20px; margin-top:30px; margin-bottom:40px;}
.case-list .text .more{ margin-top:50px;}
.case-list .text .more a{ display:inline-block; padding:0 20px; color:#ddd; position:relative; }
.case-list .text .more a:hover{ color:#f26208; text-decoration:underline;}
.case-list .text .more a:before{ content:""; position:absolute; top:-10px; left:0;width:100%; height:1px; background:#eee;}
.case-list2{background: #262432;}
.case-list2 .img{float:right;}
.case-list2 .text{float:left;}
@media screen and (max-width: 768px){
	.case-list .img{width:100%; float:none;}
	.case-list .text{padding:20px 30px; width:100%;float:none;}
	}