IMG,ul,li,i,dd,ol,section,dl,dt{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;margin:0; padding:0; font-weight:100; font-size:100%;}
header{ margin:0; padding:0;}
.Ari{ font-family:Arial, Helvetica, sans-serif;}
body{font-family: Arial, "Microsoft YaHei";  color: #535353;font-size: 12px; margin: 0 ; background-color: #fff;}
@media screen and (min-width: 1930px) {

body {width: 100%; max-width: 1920px; position: relative; left: 50%; margin-left: -960px !important;}
.i_pr{background:#191919 url(../images/i_pr.jpg) no-repeat center center;}

}

/* 字体 */
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1488329031871'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1488329031871#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1488329031871') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1488329031871') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1488329031871#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {
  font-family: 'Bombard';  /* project id 152876 */
    src: url('../fonts/bombard_0.eot');
    src: url('../fonts/bombard_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bombard_0.woff2') format('woff2'),
         url('../fonts/bombard_0.woff') format('woff'),
         url('../fonts/bombard_0.ttf') format('truetype'),
         url('../fonts/bombard_0.svg#rubikregular') format('svg');
}

@font-face {
  font-family: 'BellCent';  /* project id 152876 */
    src: url('../fonts/tt0357m_0.eot');
    src: url('../fonts/tt0357m_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0357m_0.woff2') format('woff2'),
         url('../fonts/tt0357m_0.woff') format('woff'),
         url('../fonts/tt0357m_0.ttf') format('truetype'),
         url('../fonts/tt0357m_0.svg#rubikregular') format('svg');
}

@font-face {
  font-family: 'Chiant';  /* project id 152876 */
    src: url('../fonts/tt1677m_0.eot');
    src: url('../fonts/tt1677m_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt1677m_0.woff2') format('woff2'),
         url('../fonts/tt1677m_0.woff') format('woff'),
         url('../fonts/tt1677m_0.ttf') format('truetype'),
         url('../fonts/tt1677m_0.svg#rubikregular') format('svg');
}


/* transition */
a,.i_adv .list{-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


/* top */
.main{ width:1280px; margin:auto}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}
.position_relative{ position:relative;}
.text_uppercase{text-transform:uppercase;}
/*.justify-around{ justify-content: space-around; }
.flex{ display: flex; -js-display: flex;}
*/

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:10000000000000000;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/* nav */

.nav{ display: block; height:130px; background:url(../images/nav_bj.png) no-repeat top center/100% 100%; width:100%; position:absolute ; top:0; left:0;  z-index:99999;}
.nav .navlist{ width:100%; font-size: 0; display: block;}
.nav li{ display: inline-block; width:10%; height:130px;}
.nav li a{ z-index:99; line-height:130px; height: 130px; text-transform:uppercase; width: 100%; display: block; text-align: center; position:relative; color:#fff; font-size:18px;}
.nav li:hover a{color:#fff;}
.nav li.cur a{color:#fff;}
.nav li.logo{ width: 20%; }
.nav li.logo a{ margin-top: 21px; vertical-align: middle; width: 100%; text-align: center; }
.nav li.logo a img{ vertical-align: middle;}

/* 首页关于 */

.i_adv{width:100%; display:block; font-size: 0; position:relative ; background:url(../images/i_adv.jpg) no-repeat top center/ 100% 100%; z-index:99999;}
.i_adv .l{ width: 38%; display: inline-block; position: relative; background:url(../images/i_adv_l.png) no-repeat center center; height: 100%;}
.i_adv .l img{ position: absolute; right: 0; top: 50%; margin-top: -311px; vertical-align: middle;}
.i_adv .l .ply1{width: 100px;border-radius: 50%;margin: 0;top: 50%;right: 0;transform: translateY(-50%);cursor: pointer;transition: .5s;z-index: 1;}
.i_adv .l .ply1:hover{opacity: 0;}
.i_adv .l .ply2{width: 100px;border-radius: 50%;margin: 0;top: 50%;right: 0;transform: translateY(-50%);cursor: pointer;}
.i_adv .r{ width: 62%; display: inline-block; height: 100%;}
.i_adv .i_adv_zt{ width: 100%; max-width: 980px; padding-right: 40px; top:50%; box-sizing: border-box;  float: left; padding-left: 112px; height: auto; font-size: 14px;  position: relative;}
.i_adv .i_adv_zt h3{ width: 100%; font-family: "Chiant",Microsoft YaHei; text-transform: uppercase; box-sizing: border-box; padding-left: 90px; background: url(../images/i_adv_ico.png) no-repeat left 6px; line-height: 110px; height: 110px; display: block; font-size: 48px; color: #fff; }
.i_adv .i_adv_zt p{ line-height: 22px; font-size: 14px; color: #fff; padding-top: 15px; display: block; width: 100%; }
.i_adv .i_adv_zt a.more{ margin: 15px 0 25px; display: inline-block; color: #f1707a; padding: 0 30px; line-height: 56px; background: #844e4d;}
.i_adv .i_adv_zt a.more:before{ content: "\e64a"; padding-right: 12px; line-height: 72px; font-size: 24px; font-family: "iconfont"; }
.i_adv .i_adv_zt a.more:hover{ background-color: #fff; }

.i_adv .i_adv_zt .list{ width: 100%; height: 128px; border-top: 1px solid rgba(255,255,255,0.5); display: table; border-bottom: 1px solid rgba(255,255,255,0.5); }
.i_adv .i_adv_zt .list p{ text-align: center; vertical-align: middle;  width: auto; margin-right: 0; line-height: 30px; display: table-cell; padding-bottom: 0; color: #fff; font-size: 16px; }
.i_adv .i_adv_zt .list span{ color: #fff; font-size: 36px;}


/* 首页产品系列列表 */
.i_pr{width:100%; display:block; box-sizing: border-box; padding: 0 64px; font-size: 0; position:relative ; background:#191919 url(../images/i_pr.jpg) no-repeat center right; z-index:99999;}

.i_pr .i_pr_zt{ width: 100%; top:50%; float: left; height: auto; font-size: 14px;  position: relative;}
.i_pr .i_pr_zt h3{ width: 100%; font-family: "Chiant",Microsoft YaHei; text-transform: uppercase; line-height: 110px; height: 110px; display: block; font-size: 48px; color: #fff; }
.i_pr .i_pr_zt .list{ width: 100%; max-width: 1150px; position:relative; overflow: hidden;}
.i_pr .i_pr_zt .list .hd{ margin-top: 52px; display: block; }
.i_pr .i_pr_zt .list .hd .prev,.i_pr .i_pr_zt .list .hd .next{ display: inline-block; background: #5f1539; border-radius: 100%; width: 38px; padding-left: 6px; height: 44px; text-align: center; line-height: 48px; font-family:"iconfont"; color: #808080; font-size: 24px;}

.i_pr .i_pr_zt .list .hd .prev{ margin-right: 10px; padding-left: 0; padding-right: 6px; }
.i_pr .i_pr_zt .list .hd a:hover{ background: #fff; }
.i_pr .i_pr_zt .list .hd ul{ display: none; }
.i_pr .i_pr_zt .list .bd{}
.i_pr .i_pr_zt .list .bd ul{ overflow:hidden; zoom:1; }
.i_pr .i_pr_zt .list .bd ul li{margin-right: 50px; display: inline-block;}
.i_pr .i_pr_zt .list .bd ul li{ padding-bottom: 20px; }
.i_pr .i_pr_zt .list .bd ul li .pic{ width:250px; height:342px; box-sizing: border-box; border:4px solid #fff; position: relative; background: #fff;}



.i_pr .i_pr_zt .list .bd ul li .pic:after{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -40px; width: 0;height: 0;border-left: 40px solid transparent;border-right: 40px solid transparent;border-top: 40px solid #fff; }
.i_pr .i_pr_zt .list .bd ul li .pic img{ width:242px; height:342px; height:242px; margin: 50px 0; display:block; }
.i_pr .i_pr_zt .list .bd ul li .pic:hover{ border:4px solid #e60012; }
.i_pr .i_pr_zt .list .bd ul li .pic:hover:after{ border-top: 40px solid #e60012; z-index: -1 }




/* 首页新闻 */
.i_news{width:100%; display:block; box-sizing: border-box; font-size: 0; position:relative ; background:#fff; z-index:99999;}
.i_news .i_news_zt{ width: 100%; top:50%; float: left; height: auto; font-size: 14px;  position: relative;}
.i_news .i_news_zt h3{ width: 100%; font-family: "Chiant",Microsoft YaHei; text-align: center; text-transform: uppercase; line-height: 110px; height: 110px; display: block; font-size: 48px; color: #e60012; }
.i_news .list{ width:100%; float:left; margin-top:34px;}
.i_news .list li{ width:18%; height:auto; float:left; margin:1%; position:relative;}
.i_news .list li a{ float: left; width: 100% }
.i_news .list li .pic{ width:100%; float:left; height:auto;}
.i_news .list li .pic img{ width:100%; float:left;height:auto;  }
.i_news .list li dl{ width: 100%; display: block; line-height: 26px; padding-top: 18px; }
.i_news .list li dl dt{ width:100%; color: #000; display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;  height: 26px; line-height:26px; }
.i_news .list li dl .time{ width: 100%; color: #7f7f7f; font-size: 14px; }
.i_news .list li:hover dl{ opacity:0.7}




/***********footer***************/

.foot_nav{width: 100%;height: auto; position:relative ; z-index: 99999; background:#fff url(../images/foot_nav.png) no-repeat top center / 100% 100%; padding-bottom: 100px; color:#000; font-size:14px;  float:left; overflow:hidden;}
.foot_nav h3{font-family: "Chiant",Microsoft YaHei; text-transform: uppercase; line-height: 120px; height: 120px; display: block; font-size: 48px; text-align: center;  color: #fff; }
.foot_nav ul{ width:318px; float:left; margin-top: 10px;}
.foot_nav ul li{ width:100%; float:left; font-size:14px; box-sizing: border-box; padding: 20px 0; color: #fff; border-bottom: 1px solid #4f565a; line-height:25px; padding-left:40px; position:relative;}
.foot_nav ul li:last-child{ border-bottom: none; }
.foot_nav ul li:before{ content:"";font-family:"iconfont"; color:#4f565a; width: 32px; text-align: center; float:left; font-size:24px; line-height:24px; height:24px; position: absolute; left:0; top:24px;}
.foot_nav ul li.add:before{ content:"\e689"; }
.foot_nav ul li.tel:before{ content:"\e656"; }
.foot_nav ul li.fax:before{ content:"\e65b";}
.foot_nav ul li.mail:before{ content:"\e64f";}

.foot_nav .r{ width:843px; float:right; height:272px; margin-top: 40px;}


.footer{width:100%; color:#fff; position:relative ; text-align: center; z-index: 99999; line-height:26px; box-sizing: border-box; padding-top: 50px; height: 152px; vertical-align: middle; background: url(../images/foot.jpg) no-repeat top center/100% 100%; font-size:16px; float:left; overflow:hidden;}
.footer a:hover{ text-decoration:underline;} .footer a{ color:#fff;}
.footer .wz{ float:left; width:100%;}
#cnzz_stat_icon_5640500{ display: inline;}

/* slide */
.slideBox{ width:100%; height:auto;position:relative; float:left; overflow:hidden;}

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{display:block;width:0;height:104px; font-size:0; font-family:宋体; line-height:104px; color:#fff; text-align:center;position:absolute;z-index:2;top:50%; overflow:hidden; background:#000;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);_border:1px solid none;right:0; margin-top:-52px;}
.slideBox .prev{left:0;}
.slideBox:hover .prev,
.slideBox:hover .next{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);width:60px;font-size:36px;}


.slideBox .hd{ width:1280px; margin-left:-640px; left:50%; bottom:30px; float:left; position:absolute; z-index:999;}
.slideBox .hd  li{ margin-left:10px; height:102px; box-sizing:border-box; padding:10px 16px; width:200px; background:rgba(255,255,255,0.9); float:left;transition:all 0.4s ease;}
.slideBox .hd  li .bt{ font-size:18px; color:#005bac; float:left; width:100%; line-height:32px;transition:all 0.3s ease;}
.slideBox .hd  li .nr{ font-size:14px; margin:5px 0; color:#1061a8; float:left; width:100%; line-height:18px;transition:all 0.3s ease;}
.slideBox .hd  li a{ float:left; width:100%; font-size:14px;height:36px; line-height:36px;color:#005bac;transition:all 0.3s ease;transform:rotateX(90deg);-webkit-transform:rotateX(90deg); position:relative;}
.slideBox .hd  li a:after{ content:"\e649"; font-family:"iconfont"; float:left;line-height:40px; padding-right:5px;}
.slideBox .hd  li:hover{ background:rgba(0,91,172,0.9); height:138px;margin-top:-36px;}
.slideBox .hd  li:hover .bt{ color:#fff;}
.slideBox .hd  li:hover .nr{ color:#f6f6b8;}
.slideBox .hd  li:hover a{ transform:rotateX(0deg);-webkit-transform:rotateX(0deg);color:#fff;}

.slideBox .hd  li.on{ background:rgba(0,91,172,0.9); height:138px;margin-top:-36px;}
.slideBox .hd  li.on .bt{ color:#fff;}
.slideBox .hd  li.on .nr{ color:#f6f6b8;}
.slideBox .hd  li.on a{ transform:rotateX(0deg);-webkit-transform:rotateX(0deg);color:#fff;}

/* ny */
.n_banner{ width:100%; float:left; box-shadow:0 0 10px #bbb; position:relative; z-index:100}
.ny{ width:100%;float:left; position:relative;z-index:99; height:100%;background:#fff; padding-bottom: 90px;}


.ny .main > .l{ width: 930px; float: left; margin-top:80px; }
.ny .main > .r{ width: 270px; float: right; margin-top:80px; }
.ny .main > .r h3{line-height: 60px; background: #000; color: #fff; font-size: 18px; padding-left: 28px; border-left: 5px solid #fe4157;  box-sizing: border-box; width: 100%;}



/* 内页系列列表样式  */
.n_nav{width:100%; float:left; border: 1px solid #e5e5e5; border-top: none; padding: 30px 12px 40px; box-sizing: border-box; }
.n_nav li{ width:100%; float:left;  border-bottom:1px solid #e5e5e5; transition: all 0.3s ease;}
.n_nav li a{ width: 100%; color:#000; float: left; font-size: 14px; height:48px; padding-left: 16px; box-sizing: border-box; position:relative; z-index:1; line-height:48px;}
.n_nav li a:hover{ color:#e60012;}
.n_nav li a:hover:before{ left: 0; top: 17px; content: ""; width: 3px; height: 14px; background: #e60012; float: left; position: absolute; }
.n_nav li.jiantou > a:after{right: 0; top: 0; content: "\e660";  font-family: iconfont; width: 20px; height: 14px; color: #000; float: right; position: absolute; }
.n_prlist li.cur > a:after{content: "\e623" !important;}
.n_nav li.jiantou:hover > a:after{content: "\e623" !important;}

.n_nav li.cur a{ color:#e60012; transition: all 0.3s ease;}
.n_nav li.cur a:before{ left: 0; top: 17px; content: ""; width: 3px; height: 14px; background: #e60012; float: left; position: absolute; }
.n_nav li .pr_child{ width: 100%; float: left; height: 0; overflow: hidden; transition: all 0.3s ease; }
.n_nav li.cur .pr_child{ height: auto; border-top:1px solid #e5e5e5; padding: 10px auto;  }
.n_nav li:hover .pr_child{ height: auto; border-top:1px solid #e5e5e5; padding: 10px auto;}


.n_nav li .pr_child a,.n_nav li.cur .pr_child a{ width: 100%; font-size: 12px; color: #565656; line-height: 32px; height: 32px; position: relative;  padding-left: 50px; transition: all 0.3s ease;}
.n_nav li .pr_child a:before,.n_nav li.cur .pr_child a:before{ left: 37px; top: 0; content:"-"; width: auto; height: 32px; background:none; float: left; position: absolute; }

.n_location{ width: 100%; float: left; color: #666; font-size: 14px; height: 84px; line-height: 84px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom: 20px;}
.n_location a{ color:#666;}
.n_location a:hover{ color:#000; text-decoration:underline;}
.n_location a.n_h{ position:relative;}
.n_location i{ color:#999; padding:0 3px;}
.n_location span{ color: #000; margin-right: 5px; font-size: 14px;}


.ny_nav ul{width:auto; display:table; margin:0 auto;}
.ny_nav ul li{ float:left; position:relative;  margin:0 15px; width:auto;}
.ny_nav ul li a{ line-height:44px; font-size:14px; float:left;  background:#000; color:#fff;padding:0 20px; min-width:120px; text-align:center;height:44px; overflow:hidden;}
.ny_nav ul li.cur a,.ny_nav ul li.cur:hover a{ color:#fff; background:#0093dd;}
.ny_nav ul li:hover a{ color:#fff; background:#0093dd; opacity:0.7}




.ny .nr_zt{ width:100%;box-sizing:border-box; margin-top:0 !important;  float:right;}
.ny .nr_zt .tit{ display: none; font-size:18px;color:#222; line-height:40px; height:40px;width:100%; border-bottom:1px solid #ddd; margin-bottom:20px; float:left;text-align:left; position:relative;}
.ny .nr_zt .tit:after{ position:absolute; left:0; bottom:-1px; background:#9b231c; width:50px; height:2px; content:""; float:left;}
.ny .nr_zt .tit span{ color:#ccc; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.ny .nr_zt .tit .dw{ font-size:12px; line-height:50px;}


/* 关于我们 */
.ny .n_ab_zt{ width:100%; float:left; margin-top:106px;}
.ny .n_ab h2 i{ font-size:24px; color:#bbb; }




/* 企业简介 */

.n_company{ width:100%; float:left;}
.n_company .n_company_wz{ width:100%;float:left; margin-bottom: 20px;}
.n_company .n_company_wz p{ width:100%; font-size:14px; text-indent: 2rem; color: #000; line-height:24px; float:left;}
.n_company .list{ width:100%;float:left;}
.n_company .list div{ width:450px;float:left; line-height: 48px; text-align: center; font-size: 14px; color: #fe4157}
.n_company .list div.r{ float:right; }
.n_company .list div img{ width: 100%; float: left; box-shadow: 0 0 10px #ccc; }

.n_culture{ width:100%; float:left; }
.n_culture .l{ width:510px; float:left; }
.n_culture .r{ width:390px; float:right; line-height:28px;}
.n_culture h3{ text-transform:uppercase; font-size:18px; font-weight: bold; color:#000; display: block;}
.n_culture p{ width:100%;  margin:0 0 20px 0; color:#000;}

.n_Honor{ width:100%; float:left; }
.n_Honor li{float:left; margin-right:13px; margin-bottom: 13px;} 
.n_Honor li a{float:left;} 
.n_Honor li:nth-child(3){margin-right:0;} 
.n_Honor li:nth-child(7){margin-right:0;} 
.n_Honor li:nth-child(10){margin-right:0;} 


.n_Honor li img{ box-sizing: border-box; box-shadow: 0 0  3px #ccc; }



.n_quipment{ width:100%; float:left; }
.n_quipment img{ width:100%; float:left;}
.n_quipment h2{ width: 100%; float: left; font-size: 16px; margin: 30px 0 15px; line-height: 30px; font-weight: bolder; }

 
/* 新闻中心 */


.news_ny{ float:left; width:100%;}
.news_ny li{ width:32%; margin-right: 2%; margin-bottom:30px; height:auto;float:left;}
.news_ny li:nth-child(3n+1){ margin-right: 0%;}

.news_ny li a{ width:100%; height:auto; float:left; position:relative}
.news_ny li a .img{ width:100%; float:left; max-width:586px; height:auto; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.news_ny li a .img img{ width:100%; float:left;}


.news_ny li a dl{float:right; width:100%; box-sizing:border-box; padding:10px 0;}
.news_ny li a dl > dt{ font-size:14px;width:100%; color:#333;float:left; line-height:30px; position: relative; /*padding-right:80px;*/ box-sizing:border-box; overflow:hidden; height:30px;white-space:nowrap;text-overflow: ellipsis; margin-bottom: 5px;}
.news_ny li a dl > dd{ font-size:12px; line-height:24px; color:#aaa; float:left; width:100%;  height:48px; text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_ny li a:hover dl dt,.news_ny li a:hover dl dd{color:#000;}
.news_ny li a:hover .time{ opacity:0.7}
.xx_more{background:#fff; border:2px solid #fe4157; color:#000; padding:10px 25px; font-size:14px; float:left; text-transform:uppercase; margin-top:20px;}
.xx_more:hover{ background:#fe4157; border:2px solid #fe4157; color:#fff;}

.news_ny p{ background:none !important;}



/* 产品内页系列列表 */
.n_so{ width: 100%; float: left; margin-bottom: 32px;}
.n_so #box{ width: 100%; float: left; border:1px solid #e5e5e5; border-top: none; box-sizing: border-box; }
.n_so #box .fa-search{ width: 192px; margin:30px 0 30px 21px; float: left; transition: all 0.3s ease;  border:1px solid #eee; border-right: none;box-sizing: border-box; height: 36px; line-height: 26px; padding:5px 10px; }
.n_so #box .search_ico{ width: 36px; margin:30px 0; font-family: iconfont;  transition: all 0.3s ease; font-size: 18px; float: left; border: none; background: #eee; text-align: center; line-height:36px; height: 36px;  box-sizing: border-box; }
.n_so #box input:focus {outline: none;}

.n-cp{ width: 100%; float: left;}
.n-cp,.n-cp li a{width:100%;float:left;}
.n-cp li{ width:100%; height:auto; float:left; display: table; border-bottom: 1px solid #b4b4b3;  box-sizing: border-box;transition:all 0.3s}
.n-cp li.bt{ width:100%; height:auto; border-bottom: none; height: 40px; line-height: 40px;}
.n-cp li.bt span{ background: #e60012; border-right: 1px solid #fff; color: #fff;}
.n-cp li.bt span:last-child{width:16%; border-right: none;}
.n-cp li.bt span:first-child{ width:16%; }

.n-cp li span:nth-child(5){width: 20%; box-sizing: border-box; padding: 0 5px;}
.n-cp li img{ width:100%; float:left;}

.n-cp li span{ width:16%; height:auto; display: table-cell; text-align: center; vertical-align: middle; color: #000; box-sizing: border-box; border-right: 1px solid #b4b4b3;}
.n-cp li span:last-child{ width:16%; }
.n-cp li span:first-child{ border-left: 1px solid #b4b4b3; width:16%; }


/* 产品内页 */
.nr_zt .nr_pr_vi{ width:800px; margin:auto;} 
.nr_zt .prleft{width:380px; box-sizing:border-box; padding:0;float:right; margin-top:40px;}
.nr_zt .prright{width:380px; box-sizing:border-box; padding:0;float:left; margin-top:40px;}
.nr_zt .prleft h3{ width:100%; float:left;  line-height:48px; font-size:18px; color:#0093dd;}
.nr_zt .prleft img,.nr_zt .prright img{width:auto; max-width:100%;  padding:0;}
.nr_zt .n-cp { width:100%; float:left; } 

.prleft .text{ width:100%; font-size:14px;box-sizing:border-box; border-bottom:1px solid #eee;  line-height:24px; padding:8px 0;float:left;}
.prleft .text .div{ width:260px; float:left; padding-left:5px; font-size:14px;}
.prleft .text b{ float:left;}
.prmore{background:#fe4157; border:2px solid #fe4157; color:#000; padding:10px 25px; font-size:14px; float:left; text-transform:uppercase; margin-top:20px;}
.prmore:hover{ background:#fe4157; border:2px solid #fe4157; color:#fff;}

.box { width:100%; float:left;}
.tb-pic a { display:table-cell; text-align:center; vertical-align:middle; }
.tb-pic a img {vertical-align:middle; }
.tb-pic a {*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb {margin:15px 0 0; overflow:hidden; }
.tb-thumb li {background:none repeat scroll 0 0 transparent; float:left; height:62px; margin:0 15px 0 0; overflow:hidden; padding:1px; }
.tb-thumb li:last-child{ margin-right:0;}
.tb-s310, .tb-s310 a { height:380px; width:380px; }
.tb-s310, .tb-s310 img {max-height:380px; max-width:380px; }
.tb-s310 a { *font-size:271px;}
.tb-s40 a { *font-size:35px;}
.tb-s40, .tb-s40 a { height:60px; width:60px; }
.tb-booth { border:1px solid #CDCDCD; position:relative; z-index:1; }
.tb-thumb .tb-selected { background:none repeat scroll 0 0 #C30008; height:60px; padding:2px; }
.tb-thumb .tb-selected div { background-color:#FFFFFF; border:medium none; }
.tb-thumb li div { border:1px solid #CDCDCD; }
div.zoomDiv { z-index:999; position:absolute; top:0px; left:0px; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.zoomMask { position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1; }

/* 服务理念 */

.n_service{ width:100%; float:left; }
.n_service .l{ width:510px; float:left; }
.n_service .r{ width:390px; float:right; line-height:24px;}
.n_service h3{ text-transform:uppercase; font-size:18px; margin-top: 10px; font-weight: bold; color:#000; display: block;}
.n_service p{ width:100%;  margin:10px 0 0 0; color:#000;}

/* 反馈 */
.Feedback_submit{ width:800px; margin:0 auto; box-sizing: border-box;}
.Feedback_submit form{width:100%; float: right;}
.Feedback_submit p{ width:100%; margin-top:40px; float: right;text-indent: 2em; font-size:14px; margin-bottom:20px; text-align:left;}
.Feedback_submit .fl{ width:100%; float: right;}
.Feedback_submit input{ width:100%; margin:0 0 15px; box-sizing:border-box; padding:10px !important; border:1px solid #ccc; line-height:20px; height:40px; font-size:14px; float:left;}
.Feedback_submit textarea{ width:100%; box-sizing:border-box; padding:10px !important; border:none; border:1px solid #ccc; line-height:24px; height:150px; font-size:14px; float:right;margin:0 0 15px; font-family: Arial, "Microsoft YaHei"}
.Feedback_submit  .submit { width:150px; margin:0; cursor:pointer; transition:all 0.3s; line-height:20px; height:40px; margin-bottom:40px; color:#000; border:2px solid #fe4157; background:#fe4157; text-align:center; }
.Feedback_submit  .submit:hover{ background:#fff; color:#000;}

/* 下载中心 */
.ny_down{ width: 100%}
.ny_down i{ width:36px; height:4px; background:#ac241c; float:left;}
.ny_down span{ font-size:24px; color:#ac241c; float:left; width:100%; margin:10px 0;}

.ny_down li{ width:100%;float:left; padding-bottom:20px; border-bottom:1px dashed #ccc; margin-top:20px;}
.ny_down li > img{ width:20%; border:1px solid #ddd;}
.ny_down li dl{ width:77%; float:right;}
.ny_down li a{ width:100%; float:left;}
.ny_down li dt{ width:100%; float:left; font-size:16px; font-weight:bold; line-height:40px;}
.ny_down li dd{ width:100%; float:left; font-size:14px; line-height:24px; height:auto; max-height:96px; overflow:hidden; padding:5px 0;}
.ny_down li a:hover{ opacity:0.7}

/* 招聘 */
.joblist{ width:100%;}
.joblist .bt{ width:100%;font-size:24px; line-height:24px;color: #000;height: 40px;float: left;text-align: left;}
.joblist .list{ width:100%; float:left; padding-bottom:30px; margin-top:20px; border-bottom:1px solid #ddd;}
.list_con{ width:100%; float:left;}
.list_con dd{ width:33%; float:left; background:#eee; border:1px solid #fff; padding-left:10px; box-sizing:border-box;font-size:12px; color:#666; line-height:30px;}
.nr_text{ width:49%; margin-right:1%; overflow:hidden; float:left; margin-top:20px; line-height:20px;}
.nr_text b{ width:100%; float:left; font-size:16px; line-height:30px;}


/* 联系 */
#dituContent{ float: left;}
.n_map{ width:100%; height:545px; float: left; }
.lxfs{ width:100%; float:right; text-align:left; color:#000;}
.lxfs ul{ width:60%; float:right; font-size:14px; line-height:60px; color:#666; position: relative;}
.lxfs h2{ font-size:18px; font-weight: bold; text-transform:uppercase;width:100%; color:#333; float: left;}
.lxfs a{ color:#666;}
.lxfs a:hover{ text-decoration:underline;}
.lxfs li{width:100%; float: left;  border-bottom:1px solid #ddd; font-size:14px; position: relative; line-height: 24px; padding:15px 0; box-sizing: border-box; padding-left: 38px;}
.lxfs li:before{ content:""; font-family:"iconfont"; color:#333; font-size:24px; position: absolute; left: 0; top:15px; height: 24px; line-height: 24px; display: inline-block;  width:38px; text-align:left;}
.lxfs .ico_06:hover{ color:#ef9800; text-decoration:underline;}

.lxfs li.ico_01:before{ content:"\e629"; font-size:30px; margin-left:-5px; margin-right:5px; line-height: 30px;}
.lxfs li.ico_02:before{ content:"\e627";}
.lxfs li.ico_03:before{ content:"\e604"; font-size:18px;}
/*.lxfs li.ico_04:before{ content:"\e602";}*/
.lxfs li.ico_05:before{ content:"\e602"; line-height:20px;}
.lxfs li.ico_06:before{ content:"\e639"; font-size:18px;}
.lxfs li.ico_07:before{background: url(../images/ico_07.png) no-repeat left;}
.ewm{ width:35%; margin-right:4%; margin-top:10px;float:left; line-height:48px; font-size:12px;}
.ewm img{border:1px solid #ccc;}



/* 页码 */

.page_zt{ width: 100%; float: left; height: 84px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom: 20px;}
.page_zt .page_l{ width: auto; font-size: 14px; color: #666; float: left; margin-top: 32px; font-size: 14px;}
.page_zt .page_l a{ color: #666; }

.page_zt .page_l select{ width: 170px; display: inline-block; margin-left: 5px; height: 28px; border:1px solid #e9e9e9;}
.page_zt .page_l select option{ font-size: 12px; line-height: 24px; }
.page_zt .page_l select:focus{ outline: none; border:1px solid #e60012;}

.page_zt .page_r{ width: auto; float: right; font-size: 12px; margin-top: 32px; color: #000}

.page_zt .page_r a{height:24px; margin: 0 3px; width:24px; box-sizing: border-box; border:1px solid #ddd; font-family:iconfont; color:#000; text-align:center; border-radius: 24px; display: inline-block; line-height:24px; font-size:12px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.page_zt .page_r a.page_prev{ padding-right: 2px; line-height: 26px; }
.page_zt .page_r a.page_next{ padding-left: 2px; line-height: 24px; }
.page_zt .page_r .ym{font-family:arial;}

.page_zt .page_r a:hover{background:#fe4157; border-color:#fe4157; color:#fff; opacity:0.7; cursor:pointer;}
.page_zt .page_r .ym2{ height:24px; width:24px; background:#fe4157; color:#fff; margin: 0 3px; font-weight: normal; text-align:center; border-radius: 24px; display: inline-block; line-height:24px; font-size:12px;cursor:pointer;}
.page_zt .page_r .ym2:hover{ opacity:0.7; cursor:pointer;}



body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../img/images.png) url(../img/images.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #99999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.vdobox{
    width: 100%;height: 100%;z-index: 999999;position: fixed;top: 0;left: 0; 
    opacity: 0;pointer-events: none;transition: all .5s ease-in-out .1s;background: #fff;
}
.vdobox.active{
    opacity: 1;pointer-events: auto;
}

.vdobox .vdo{
    width: 66.6%;height: auto;position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);
    text-align: center;
}
.vdobox .vdo video{
    height: 100%;
}
.vdobox .vdo .img{
    width:2rem;height: 2rem;background: #666;border-radius: 50%;display: inline-block;
    position: absolute;top: .1rem;right: .1rem;cursor: pointer;transition:all 0.8s ease;
}
.vdobox .vdo .img:hover{
    background: #015a9d;
}
.vdobox .vdo .img img{
    max-width: 80%;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);
}