@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}
body{ background:#000; color:#333; line-height:22px; font-size:12px;}

.of{ overflow:hidden;}
.clear{ clear:both;}
ul,ol,li{ list-style-type:none;}
input,button{ border-radius:0px; -webkit-appearance: none;}
a{ color:#999; text-decoration:none;}
img{ padding:0; margin:0; border:0;}


/******首页*****/
.header{ width:100%; padding-bottom:10px;}
.header::after{content:""; display:block; clear:both;}
.header .pubCon{width:90%; margin:0 auto;}
.header .logo{ float:left; margin-top:16px; margin-right:80px;}
.header .logo p{ color:#666; letter-spacing:10.5px;display:block; margin-top:-15px;}
.header .nav{ float:right; margin-top:45px;}
.header li{ float:left;}
.header li a{ display:block; line-height:50px; color:#d1d1d1; font-size:14px; padding:0 30px; transition:0.5s; position:relative;}
.header li:hover a, .header li.on a{ color:#fff;}
.header li a::after{ content:""; display:block; width:1px; height:9px; background:rgba(255,255,255,0.3); content:""; position:absolute; top:20px; right:0; transform:skewX(-45deg); transition:0.5s;}
.header li:hover a::after, .header li.on a::after{background:rgba(255,255,255,0.6);  }
.header .tel{ float:right; height:50px; line-height:50px; text-align:right; color:#999; font-size:14px; position:absolute; top:5px; right:5%;}
.header .tel a{ display:block; float:right; color:#999;  text-decoration:none;}
.header .tel .dianhua{ background:url(../images/icon.png) no-repeat left 17px; padding-left:20px;}
.header .tel .email{ background:url(../images/icon.png) no-repeat left -36px; padding-left:24px; margin-left:20px;}
.header .menu{ width:30px; border:1px solid #aaa; float:right; border-radius:3px; padding:2px; cursor:pointer; display:none;}
.header .menu i{ display:block; width:22px; height:2px; background:#aaa; margin:4px auto;}


.slider7 .big, .banner .big, .big{ display: block; margin:0 auto;}
.slider7 .small, .banner .small, .small{ display:none;}
.bx-wrapper .bx-pager{ margin-bottom:35px;}

.cptj{ margin:0 auto; width:90%; padding-top:20px;}
.cptj h2{color:#FFF; font-weight:normal; margin-bottom:1.2%; font-size:190%;}
.cptj ul{display: -webkit-flex;display: flex; justify-content:space-between; }
.cptj ul li{width:32%; text-align:center;}
.cptj ul li img{ width:100%; margin-bottom:8px;display:block;opacity:0.75; transition: 1s;border-radius:5px;}
.cptj ul li img:hover{opacity:1;}
.cptj ul li a{ display:block; background:#151515; border:12px solid #151515; color:#999; transition:1s; border-radius:5px; font-size:14px;}
.cptj ul li a:hover{background:#222; border:12px solid #222;color:#CCC;}

.dlpp{margin:3% auto 0 auto; max-width:90%;}
.dlpp h2{color:#FFF; font-weight:normal; margin-bottom:1.2%; font-size:190%; }
.dlpp ul{ margin-top:15px; }
.dlpp::after{ content:""; display:block; clear:both;}
.dlpp li{ float:left ; width:13%; border:1px solid #252525; border-radius:3px; padding:8px 16px; transition:1s; margin:1.5% 1.5% 0 0; box-sizing:border-box; }
.dlpp li:nth-child(7n){ margin-right:0;}
.dlpp li img{ width:100%; display:block;opacity:0.65; transition: 1s;}
.dlpp li img:hover{opacity:1;}
.dlpp li:hover{border:1px solid #3c3c3c;}

.footer{ margin:3% auto; width:90%; }
.footer ul{display: -webkit-flex;display: flex; justify-content:space-between;}
.footer ul li{ width:30%; color:#999;}
.footer ul li p a{ text-decoration: underline;}
.footer .dh{ text-align:center;}
.footer .dh a{ color: #FFF;}
.footer .dh b { font-size:28px; color:#f9f9f9; display:block; font-weight:400; line-height:32px;}
.footer .wx{ text-align:right;}


/******************内页*******************/

.main_box{ margin:50px auto; width:90%; background:#111;  overflow:hidden; padding:40px 60px; border-top:1px solid #222; border-radius:3px 3px 0 0;box-sizing:border-box; }
.main_box > h2{ font-size:30px; line-height:30px;color:#FFF; font-weight: normal; margin-bottom:5px;}
.main_box > font{ display:block; font-size:26px; color:#4d4d4d; }
.bt{ font-size:14px;}

.gywm{ margin-top:30px; font-size:14px; line-height:26px; color:#999;}


.banner{ width:100%; position:relative; height: auto;}
.banner img{width:100%;}
.banner_box{position:absolute;width:90%;left:96px;	top:45%;}
.banner_box h2{ font-size:28px; color:#FFF; margin:0; padding:0;}
.banner_box p{ font-size:13px; font-weight:normal; color:#ccc;margin-top:5px; }
.banner_text {display: flex; height:300px;  max-width:90%; align-items: center; justify-content: left; color:#FFF;}
.banner_text_r{ text-align:right;}

/******产品介绍*****/
.cpjs{ margin:3% auto 0 auto; width:100%; }
.cpjs ul::after{ content:""; display:block; clear:both;}
.cpjs ul li{ float:left; width:48%; color:#999; border-top:1px solid #222;background:#151515; margin:0 3% 3% 0;}
.cpjs ul li h3{ font-size:2.4em; color:#FFF;}
.cpjs ul li:nth-child(2n){ margin-right:0;}

.cpjs_2{width:100%; padding:20px; box-sizing:border-box; }
.cpjs_2 dt{  font-size:14px;font-weight: normal; }
.cpjs_2 dt p{ font-size:18px; color:#FFF; margin-bottom:10px;}
.cpjs_2 dt a{ color:#999; padding-right:20px;}
.cpjs_2 dd a{ display:block; margin:20px auto 0; width:120px; line-height:28px; border-radius:15px; border:1px solid #940600; text-align:center; background: linear-gradient(#d30c00,#ae0800,#780400); color:#FFF; box-shadow:0 1px 1px rgba(255,255,255,0.9) inset; }
 
.cpjs_3{ background:#000; text-align:center; }
.cpjs_3 img, #jjfa img{ width:100%;}
.cpjs_3 > h3{ margin:0 auto; width:30%;}

/******3D解决方案*****/
#jjfa li{ }
#jjfa p{ padding:0 30px 0 30px; height:110px; text-align:left;text-align:left; display: table-cell;vertical-align: middle; }
.jjfa img{ max-width:100%; height: auto;}

/******最新消息*****/
.news{ overflow:hidden;}
.news .news_left{ float:left; width:60%;}
.news .news_left  dt img{ width:100%;}
.news .news_left dl{ padding-top:30px;}
.news .news_left dt h2{ font-size:28px; font-weight:normal;color:#f1f1f1; line-height:30px;}
.news .news_left dt h2 a{color:#f1f1f1;}
.news .news_left dt h2 a:hover{ color:#fff;}
.news .news_left dt span{ display:block; line-height:20px; margin:10px 0; color:#666;}
.news .news_left dd{ border-bottom:1px solid #252525; padding-bottom:40px; margin-bottom:40px;}
.news .news_left p{ margin:0 0 30px 0; color:#b3b3b3; font-size:14px; text-indent:2em;}
.news .news_left p strong{ color:#b3b3b3; font-size:18px;}
.news .news_right{ float:right; width:30%;}
.news .page a{ padding:5px;}
.news .page a:hover{ color:#FFF;}
.news .zjwz{border-top:1px solid #333;}
.news .zjwz h2{ font-size:14px; background:#262626; line-height:38px; padding-left:20px; color:#aaa; margin-bottom:15px;}
.news .zjwz a{ display:block; line-height:20px; padding-left:5px; margin-bottom:10px; color:#aaa; }
.news .news_img img{ width:100%;}

/******视频*****/
.video{ overflow:hidden;}
.video h3{ color:#CCC; font-size:16px;  overflow:hidden; margin-top:20px;}
.video h3 a{ float:left; display:block; border-bottom:1px dotted #999; margin-right:25px; color:#CCC; line-height:30px;}
.video ul::after{ content:""; display:block; clear:both;}
.video li{ float:left; width:49%; margin:2% 2% 0 0;}
.video li:nth-child(2n){ margin-right:0;}
.video li a:hover{ text-decoration:none;}
.video li img{ width:100%;opacity:0.8;  transition:1s; }
.video li img:hover{ width:100%;opacity:10;}
.video b{ display:block; color:#FFF; margin:40px 0 20px 0; font-size:24px; font-weight:normal;}
.video p{ text-align:center; margin-top:20px;  color:#999;}
.video li video{ width:100%; height:400px;}

/******联系我们*****/
.lxwm{ margin-top:30px; color:#b3b3b3; font-size:13px;}
.lxwm ul{ padding:0 20px; overflow:hidden;}
.lxwm li{ border-bottom:1px dashed #2f2f2f;margin-top:20px; padding-bottom:10px;}
.lxwm li img{ max-height:100%; margin-right:15px;}

/******解决方案*****/
.jjfa{ margin-top:30px;}
.jjfa ul::after{ content:""; display:block; clear:both;}
.jjfa li{ float:left; width:20%; color:#999; text-align:center;}


@media (max-width:768px){
.header{ height:60px; padding-bottom:0;}
.header .pubCon{ width:100%; height:60px; padding:0 15px; box-sizing:border-box; position:relative;}
.header .logo{ margin-top:15px; }
.header .logo img{ height:40px;}
.header .logo p, .header .tel{ display:none;}
.header .nav{ position:absolute;width:100%; top:10px; left:0; background:rgba(0,0,0,0.5); padding-top:0; display:none;  z-index:10;} 
.header li{ float:none; text-align:center;}
.header li a{ line-height:60px; }
.header li a::after{width:90%; left:5%;background: none; height:0;}
.header li a{line-height:50px;}

.header li:hover a, .header li.on a{ color:#fff;}
.header li:hover a::after, .header li.on a::after{background:rgba(255,255,255,0.6);}
.header .menu{ display:block; margin-top:15px; }


.cptj{ padding-top:0;}
.cptj h2{ font-size:150%;}
.cptj ul{display: inline-block; }
.cptj ul li{width:100%; margin-top:20px;}
.cptj ul li img, .cptj ul li a{ border-radius:0;}

.dlpp{ margin-top:30px;}
.dlpp h2{ font-size:150%; }
.dlpp li{ float:left ; width:49%; border-radius:0; margin:2% 2% 0 0; }
.dlpp li:nth-child(2n){ margin-right:0;}
.dlpp li:nth-child(7){ margin-right:2%;}
.dlpp li:nth-child(21){ margin-right:2%;}

.slider7 .big, .banner .big, .big{ display:none;}
.slider7 .small, .banner .small, .small{ display: block;}


.bx-wrapper .bx-pager{ margin-bottom:20px; }
.bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px;}

.footer{ margin-top:40px; text-align:center; }
.footer ul{display: inline-block; }
.footer ul li{ width:100%; }
.footer ul li img{ width:150px;}
.footer .dh{ margin-top:20px; }
.footer .dh b { font-size:24px;}
.footer .dh i{ display:none;}
.footer .dh img{ display:none;}
.footer .wx{ text-align:center;}
.footer .wx img{ width:50%;}



/****内页****/
.banner_box{width:100%;left:0; text-align:center; top:38%;}
.banner_box h2{ font-size:15px; }
.banner_box p{ display:none;}

.main_box{width:100%;  padding:20px; border-radius:0; margin:0 auto; background:none; border:none;}
.main_box > h2{ font-size:18px; margin-bottom:0; line-height:24px;}
.main_box > font{ font-size:12px; margin-top:-5px;}

.gywm{ margin-top:20px;}


/******产品介绍*****/
.cpjs ul li{ float:left; width:48%; color:#999; border-top:1px solid #222;background:#151515; margin:0 3% 3% 0;}
.cpjs ul li h3{ font-size:2.4em; color:#FFF;}
.cpjs ul li:nth-child(2n){ margin-right:0;}

.cpjs_2{ padding:10px; }
.cpjs_2 dt p{ font-size:14px; }
.cpjs_2 dt a{ display:none;}
.cpjs_2 dd a{margin:10px auto 0; width:90%; line-height:22px;}
 
.cpjs_3{ background:#000; text-align:center; }
.cpjs_3 img, #jjfa img{ width:100%;}
.cpjs_3 > h3{ margin:0 auto; width:30%;}

/******3D解决方案*****/
.jjfa{ margin-top:10px;}
.jjfa li{ width:33%;   }
#jjfa p{ padding:0 5px 5px 5px; height:auto; }
#jjfa li{ background:none;}

/******视频*****/
.video h3{margin-top:5px;}
.video b{ margin:20px 0 -5px 0; font-size:18px; }
.video p{ margin-top:10px; line-height:1rem;}
.video li{ width:100%;}
.video li video{ height:auto;}

/******最新消息*****/
.news .news_left{ width:100%;}
.news .news_left dt img{ width:100%;}
.news .news_left dl{ padding-top:10px;}
.news .news_left dt h2{ font-size:16px;  line-height:1.4rem;}
.news .news_left dt span{ margin:0 0 20px 0;}
.news .news_left dd{padding-bottom:20px; margin-bottom:20px;}
.news .news_left p{ margin:10px 0 20px 0; }
.news .news_right{ display:none;}

/******联系我们*****/
.lxwm{ margin-top:0; }
.lxwm ul{ padding:0 0; }

}