@charset "utf-8";
/*
Copyright (C) 山东卓博信息科技有限公司 All rights reserved
版权声明：以下代码均属于山东卓博信息科技有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。
 */
 /*#f2f3f0*/
body { background: #000;font-size:14px;}
a { text-decoration: none; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; color: #fff; }
a:hover { text-decoration: none; color: #d00000; }
ul { padding: 0; list-style: none; margin: 0; }
li, img { -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; }
em { font-style: normal; }
 @keyframes promove {
from {
transform: translateX(0px)
}
to {
transform:translateX(5px)
}
}
h1, h2, h3, h4, h5, h6 { margin: 0 auto; }
.container { width: 1200px !important; padding: 0; position: relative; }

.header { z-index: 100; width: 100%; position: relative;height: 220px;background:#fff;}
.header .head-top { height: 36px; line-height: 36px;background:#333;}
.header .head-top .left { float: left; color: #fff; }
.header .head-top .left i { font-size: 18px; margin-right: 10px; }
.header .head-top .right { float: right; }
.header .head-top .right ul li { float: left; color: #eee; }
.header .head-top .right a { color: #eee; }
.header .head-top .right a:hover { color: #ffbc00;}
.header .head-top .right span { color: #bbb; margin: 0 8px; }
.header .head-top .right .wechat { float: right;position:relative;}
.header .head-top .right .wechat img { position: absolute; right: 0px; display: none; z-index: 300;width:150px; }
.header .head-top .right .wechat:hover { cursor: pointer; }
.header .head-top .right .wechat:hover img { display: block; }
.header .head-center { height: 170px;clear: both;position: relative;}
.header .head-center .logo { float: left; margin-top: 0px; margin-bottom: 0;z-index:100;width:203px;position:absolute;}
.header .head-center .right{float:right;width:930px;}
.header .head-center .right .top{overflow: hidden;}
.header .head-center .right .top .info{float:left;padding-top:30px;}
.header .head-center .right .top .info h1{margin-bottom:10px;}
.header .head-center .right .top .info span{font-size:18px;color:#666;}
.header .head-center .phone { float: right; font-size: 28px;width:310px; }
.header .head-center .phone img { margin-right: 10px; float: left;width:60px; margin-top: 20px; }
.header .head-center .phone .phone-num { float: left; margin-top: 20px; }
.header .head-center .phone small { font-size: 18px; display: block; margin-left: 3px; color: #333; }
.header .head-center .phone span { display: block; color: #cc0000; font-weight: bold; }
.header .head-center .phone .phone-dz{width:36px;height:106px;background:#cc0000;color:#fff;float:right;font-size:19px;text-align:center;line-height:26px;}

.header .head-center .menu{ height:40px;clear: both; z-index: 200; position: relative;margin-top:20px;}
.header .head-center .menu ul { padding: 0; list-style: none; margin: 0;min-width:96px;}
.header .head-center .menu ul li { float: left; position: relative;font-size:16px;}
.header .head-center .menu ul li span { margin-right: 10px; }
.header .head-center .menu ul li a { display: inline-block; float: left; color: #000;width:114px;height:37px;text-align: center; line-height:37px;padding:0;}
.header .head-center .menu ul .on { background:url(head-nav-bg.png); border: none;}
.header .head-center .menu ul .on a { color: #f5dfb1; }
.header .head-center .menu ul li:hover .sub{display:block;}
.header .head-center .menu ul li a:hover {background:url(head-nav-bg.png); color: #f5dfb1;}
.header .head-center .menu ul li .sub{ display:none;  top:35px;  position:absolute; background:#b22c2d;padding:5px 0;border-radius: 10px;}
.header .head-center .menu ul li .sub a{height:35px;line-height:35px;color:#fff;font-size:14px;}
.header .head-center .menu ul li .sub a:hover{background:#fff;color:#cc0000;}
.banner { width: 100%;overflow: hidden; position: relative; z-index:90; }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 50px; z-index: 1; left: 46%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width:40px; height:10px; line-height: 14px; text-align: center; background: rgba(255,255,255,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #d00000; color: #d00000; }
.banner .bd { width: 100%;overflow: hidden; margin: 0 auto; position: relative;text-align:center; }
.banner .tempWrap{width: 100% !important;}
.banner .bd ul { width: 100%;top: 0; left: 0 }
.banner .bd li { float: left; width: 100%;}
.banner .bd li span { display: block; width: 100%;}
.banner .bd li img{width:100%;}
.banner .prev i, .banner .next i { height: 75px;line-height:75px;width:60px;text-align:center;background: #fff; position: absolute;top: 45%;display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000;}
.banner .next i { left: auto; right:0; background-position: 8px 5px; }
.banner .prev i:hover, .banner .next i:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.top-info{height:64px;line-height:64px;overflow:hidden;background:url(top-info-bg.png) center center no-repeat;position:relative;margin-top:-34px;z-index:100;}
.top-info ul li a{color:#fff;font-size:16px;}
.top-info ul li span{float:right;color:#fff;}
.index-title{text-align:center;}
.index-more{width:143px;height:50px;display: block;text-align:center;line-height:50px;background:url(index-more.png);margin:20px auto;color:#333;padding-left:5px;}
.index-product{padding-top:30px;padding-bottom:20px;}
.index-product .pro-nav{overflow:hidden;text-align:center;width:1050px;margin:0px auto;}
.index-product .pro-nav ul li{float:left;width:40px;height:144px;background:url(index-product-nav.png);margin:20px 45px;text-align:center;}
.index-product .pro-nav ul li a{display:block;width:30px;height:130px;font-size:16px;color:#333;margin-left:5px;margin-top:8px;line-height:32px;}
.index-product .pro-nav ul li:nth-child(2) a{line-height:66px;}
.index-product .pro-nav ul li:nth-child(3) a{line-height:43px;}
.index-product .pro-nav ul li:nth-child(4) a{line-height:33px;}
.index-product .pro-nav ul li:nth-child(5) a{line-height:63px;}
.index-product .pro-nav ul li:nth-child(6) a{line-height:44px;}
.index-product .pro-nav ul li:nth-child(7) a{line-height:66px;}
.index-product .pro-nav ul li:nth-child(8) a{line-height:63px;}
.index-product .pro-nav ul li:nth-child(9) a{line-height:44px;}
.index-product .pro-nav ul li:nth-child(10) a{line-height:33px;}
.index-product .pro-nav ul li:nth-child(11) a{line-height:63px;}
.index-product .pro-nav ul li:nth-child(12) a{line-height:66px;}
.index-product .pro-nav ul li:nth-child(13) a{line-height:43px;}
.index-product .pro-nav ul li:nth-child(14) a{line-height:63px;}
.index-product .pro-nav ul li:nth-child(15) a{line-height:22px;}
.index-product .pro-nav ul li:nth-child(16) a{line-height:44px;}
.index-product .pro-nav ul li:nth-child(17) a{line-height:66px;}
.index-product .pro-nav ul li:nth-child(18) a{line-height:22px;}
.index-product .pro-nav ul li:nth-child(19) a{line-height:43px;}
.index-product .pro-nav ul li:hover{transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.index-product .cont{overflow:hidden;}
.index-product .cont ul li{float:left;background:#fff;box-shadow: 0 0 15px #ccc;padding:15px;width:380px;height:385px;margin:10px;overflow:hidden;text-align:center;}
.index-product .cont ul li .img{position: relative;background:#000;}
.index-product .cont ul li:hover .img img{opacity:0.8;filter:alpha(opacity=80);}
.index-product .cont ul li .img img{width:100%;}
.index-product .cont ul li .text{margin-top:15px;color:#000}
.index-product .cont ul li .text .t-1{font-size:16px;color:#666;overflow: hidden;height: 24px;}
.index-product .cont ul li .text .t-2{margin:15px auto;}
.index-product .cont ul li .text .t-2 span{font-size:18px;font-weight:bold;}


.index-advantage{height:1063px;background:url(index-advantage-bg.jpg) top center;position:relative;}
.index-advantage .index-title{margin-top:55px;}
.index-advantage .top{margin-top:250px;}
.index-advantage .top .hd{font-size:22px;color:#fff;}
.index-advantage .top .hd i{font-size:48px;height:40px;padding:0;}
.index-advantage .top .hd ul{width:641px;margin:10px auto;}
.index-advantage .top .hd ul li{display:inline-block;margin:0 25px;width:55px;height:55px;line-height:55px;text-align:center;border:1px solid #fff;border-radius:100px;background:#5a5a5a;}
.index-advantage .top .hd ul .on{background:#cc0000;color:#fff;}
.index-advantage .bd ul li{margin-top:43px;margin-left:0px;}
.index-advantage .bd ul li img{width:530px;height:330px;float:left;border:1px solid #eee;}
.index-advantage .bd ul li .text{width:610px;margin-top:30px;float:right;margin-right:10px;}
.index-advantage .bd ul li .text span{font-size:26px;font-weight:bold;height:40px;display: block;margin-bottom:5px;color:#cc0000;}
.index-advantage .bd ul li .text p{line-height:30px;overflow:hidden;margin-top:10px;color:#000;}
.index-advantage .index-more{margin-top:130px;}

.index-about{height:1526px;background:url(index-about-bg.jpg) top center;}
.index-about .index-title{margin-top:40px;}
.index-about .cont{margin-top:10px;}
.index-about .cont p{padding-top:20px;color:#555;text-align:center;font-size:16px;line-height:26px;}

.index-fengcai{ overflow:hidden; position:relative;margin-top:520px;padding:50px;}
.index-fengcai .bd{ padding:10px;}
.index-fengcai .bd ul{ overflow:hidden; zoom:1; }
.index-fengcai .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.index-fengcai .bd ul li a{display:block;border:1px solid #ccc;background:#fff;width:420px;padding:20px;}
.index-fengcai .bd ul li img{width:100%;}
.index-fengcai .bd ul li .text{height:30px;line-height:45px;width:330px;margin:0px auto;overflow:hidden;color:#000;}
.index-fengcai .hd{width:144px;height:35px;margin:0px auto;}
.index-fengcai .hd a{width:30px;height:30px;line-height:30px;text-align:center;display:block;float:left;margin:10px;font-size:40px;color:#555555;}
.index-fengcai .hd .prev{color:#cc0000;}
.index-fengcai .index-more{width:185px;background-repeat: no-repeat;text-align: left;padding-left:41px;}
.index-liucheng{height:565px;background:url(index-liucheng-bg.jpg) top center;}
.index-liucheng .index-title{margin-top:30px;}
.index-liucheng .cont{margin-top:30px;}
.index-liucheng .cont ul li{float:left;margin-right:160px;margin-bottom:30px;width: 15%;}
.index-liucheng .cont ul li:nth-child(4n){margin-right:0px;}
.index-liucheng .cont ul li:hover{transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.index-liucheng .cont ul li img{width:100%;}


 .index-news {background:#000;padding-top:40px;padding-bottom:30px;}
 .index-news .cont {overflow:hidden;margin-top:15px;}
 .index-news .title-news{margin-bottom:40px;border-bottom: 1px #cc0000 solid;}
 .index-news .title-news h3{font-size: 24px;color: #cc0000;font-weight: 600;}
 .index-news .title-news h3 en{color: #fff;}
 .index-news .title-news a{float: right;margin-top: -45px;display: block;}
 .index-news .cont .left {width:48%;float:left;}
 .index-news .cont .left ul li {overflow:hidden;margin-bottom:20px;background:#eee}
 .index-news .cont .left ul li img {float:left;width:200px;}
 .index-news .cont .left ul li .text {width:60%;float:right;margin-top: 10px;}
  .index-news .cont .left ul li .text h4,small{color:#333;}
 .index-news .cont .left ul li .text span {font-size:16px;}
 .index-news .cont .left ul li .text small {display:block;margin:10px 0;}
 .index-news .cont .left ul li .text p {color:#666;}
 .index-news .cont .new-right {width:48%;float:right;}
 .index-news .cont .new-right ul li {line-height:55px!important;border-bottom:1px dashed #ccc;font-size:14px;}
 .index-news .cont .question-top .infoList li { border-bottom: 1px dashed #ccc; }
 .index-news .cont .new-right .infoList li .h5 { font-size: 15px; color: #fff; height: 40px; margin: 0;line-height:20px;margin-top:15px;font-weight:bold;}
 .index-news .cont .new-right .infoList li .h5 span { background: #cc0000; color: #fff; font-size: 14px; border-radius: 2px; margin-right: 5px;width:25px;height:25px;line-height:25px;text-align:center; float: left;display: block;}
 .index-news .cont .new-right .infoList li .h5 a { color: #333;}
 .index-news .cont .new-right .infoList li .answer { color: #989898; padding-bottom: 20px; }
 .index-news .cont .new-right .infoList li .answer span { display: block;line-height:25px;}
 .index-news .cont .new-right .infoList li .answer small  { color: #fff; background: #565454; font-size: 14px;border-radius: 2px; margin-right: 5px; float: left;width:25px;height:25px;text-align: center;line-height: 25px;}

 .yqlj {background: #000;padding-top:50px;}
 .yqlj .container { height: 130px; background: url(yqlj.png) no-repeat; }
 .yqlj ul { padding-top: 75px; padding-left: 130px; }
 .yqlj li { font-size: 12px; margin-right: 10px; float: left; }
 .yqlj li a { color: #aaa; }
 .footer { clear: both;background:#333; }
 .footer .foot-top{overflow:hidden;border-bottom:1px solid #666;padding:40px 0;color:#fff;font-size:16px;}
 .footer .foot-top i{font-size:24px;color:#fff;margin-right:15px;}
 .footer .foot-top .address{float:left;}
 .footer .foot-top .phone{float:left;margin-left:200px;}
 .footer .foot-top .web{float:right;}
 .footer .foot-center{padding-top:30px}
 .footer .foot-center .left{width:780px;float:left;}
 .footer .foot-center .left ul{overflow:hidden;}
 .footer .foot-center .left ul li{float:left;font-size:16px;margin-right:20px;}
 .footer .foot-center .left ul li a{display: block;color:#fff;}
 .footer .foot-center .copyright{color:#999;margin-top:20px;width:720px;}
 .footer .foot-center .copyright p{clear:both;}
 .footer .foot-center .copyright p a{color:#999;}
 .footer .foot-qr {color: #fafafa;width: 160px; text-align: center;margin-top: 10px;float: right;}
 .footer .foot-qr img { width: 110px; display: block; margin: 10px auto; }
 .footer .foot-qr span {color:#aaa;}
 .footer .foot-qy img {margin-left:20px;width:115px;}


.banner-about{position:relative;height:300px;background:url(banner-about.jpg) top center;}
.banner-image{position:relative;height:300px;background:url(banner-image.jpg) top center;}
.banner-news{position:relative;height:300px;background:url(banner-news.jpg) top center;}

.banner-about .title{position: absolute;top: 50%;left: 50%;margin-top: -22px;margin-left:-60px;}
.banner-about p{font-size: 30px;font-weight: 700;color: #fff;}    
.banner-about span{display: block;width: 40px; height: 3px;background: #c60000;    margin-left: 38px;}
.banner-image .title{position: absolute;top: 50%;left: 50%; margin-top: -22px;margin-left:-60px;}
.banner-image p{font-size: 30px;font-weight: 700;color: #fff;}    
.banner-image span{display: block;width: 40px; height: 3px;background: #c60000;    margin-left: 38px;}
.banner-news .title{position: absolute;top: 50%;left: 50%;margin-top: -22px;margin-left:-60px;}
.banner-news p{font-size: 30px;font-weight: 700;color: #fff;}    
.banner-news span{display: block;width: 40px; height: 3px;background: #c60000;    margin-left: 38px;}

.inner-nav{overflow:hidden;text-align:center;width:auto;}
.inner-nav ul li{display: inline-block;width:120px;text-align:center;height:50px;line-height:50px;border-top:1px solid #d00000;border-bottom:1px solid #d00000;margin:0 -2px;}
.inner-nav ul li:first-child{border-left:1px solid #d00000;}
.inner-nav ul li:last-child{border-right:1px solid #d00000;}
.inner-nav ul .active{background:#d00000;}
.inner-nav ul .active a{color:#fff;}
.inner-place{height:40px;line-height:40px;border-bottom:1px solid #ccc;}
.inner-title{text-align:center;margin:20px auto;}
.inner-title .t-1{font-size:20px;color:#d00000;}
.inner-title .t-3{height:15px;background:url(inner-title-t-3.png) top center;width:1200px;margin:10px auto;}
.page-about{}
.page-about .block-1{}
.page-about .block-1 .cont p{font-size:15px;text-indent: 2em;color:#d6d6d6;}
.page-about .block-2 {height:450px;margin-top:100px;}
.page-about .block-2 .container{height:450px;}
.page-about .block-2 .image {height:430px;width:523px;background-color:#430005;position:absolute;right:0px;}
.page-about .block-2 .box-1 {height:100px;width:375px;background-color:#d00000;position:absolute;top:30px;right:460px;line-height: 100px;text-align: center;}
.page-about .block-2 .box-1 p {color:#FFFFFF;font-weight:600;font-size:18px;}
.page-about .block-2 .text {position:absolute;width:560px;left:0;bottom:50px;}
.page-about .block-2 .text span {color:#d00000;font-size:18px;font-weight:600;}
.page-about .block-2 .text p {font-size:15px;padding-top:18px;}




.page-contact{}
.page-contact .block-1 ul li{width:360px;background:#9c0000;padding:20px;text-align:center;margin:20px;float:left;}
.page-contact .block-1 ul li:hover{background:#6b0000;}
.page-contact .block-1 ul li .box{border:1px solid #fff;}
.page-contact .block-1 ul li .box .box-1{font-size:44px;color:#fff;margin-top:10px;}
.page-contact .block-1 ul li .box .box-2{font-size:26px;margin-top:20px;color:#fff;}
.page-contact .block-1 ul li .box .box-3{color:#fff;margin-top:10px;margin-bottom:20px;}
.page-contact .block-2{background:#000;}
.page-contact .block-2 .cont{background:url(page-contact-b2-bg.jpg) top center no-repeat;overflow:hidden;border:1px dashed #666;padding-top:65px;margin-bottom:20px;}
.page-contact .block-2 .cont .text{text-align:center;}
.page-contact .block-2 .cont .text span{font-size:27px;display: block;text-align:center;margin-bottom:30px;}
.page-contact .block-2 .cont .text span strong{color:#9c0000;}
.page-contact .block-2 .cont .text small{color:#999;font-size:18px;}
.page-contact .block-2 .cont ul{overflow:hidden;margin:0px auto;width:1100px;margin-top:160px;}
.page-contact .block-2 .cont ul li{height:90px;float:left;margin:0 75px;font-size:20px;width:400px;}
.page-contact .block-2 .cont ul li i{font-size:50px;margin-right:20px;float:left;height:80px;display: block;}
.page-contact .block-2 .cont ul li span{display: block;float:left;width:330px;}
.page-contact .block-3{padding-top:20px;padding-bottom:20px;}
.page-contact .block-3 .cont{border-top:1px solid #ccc;border-left:1px solid #ccc;overflow:hidden;}
.page-contact .block-3 .cont ul li{border-bottom:1px solid #ccc;border-right:1px solid #ccc;line-height:45px;font-size:16px;text-align:center;}
.page-contact .block-3 .cont ul li span{font-size:18px;color:#9c0000;}
.page-contact .block-3 .cont ul .li-1{width:350px;float:left;}
.page-contact .block-3 .cont ul .li-2{width:180px;float:left;}
.page-contact .block-3 .cont ul .li-3{width:319px;float:left;}
.page-contact .block-3 .cont ul .li-4{width:350px;float:left;}
.list-image{}
.list-image .cont{margin-top:20px;overflow:hidden;}
.list-image .cont ul li{float:left;background:#e8e3da;padding:15px;width:380px;margin:10px;overflow:hidden;text-align:center;}
.list-image .cont ul li .img{position: relative;background:#000;}
.list-image .cont ul li:hover .img img{opacity:0.8;filter:alpha(opacity=80);}
.list-image .cont ul li .img img{width:100%;}
.list-image .cont ul li .img span{position: absolute;top:10px;right:10px;z-index:10;display: block;width:30px;height:30px;text-align:center;line-height:30px;background:#d00000;color:#fff;border-radius:100px;}
.list-image .cont ul li .img span img{width:100%;}
.list-image .cont ul li .text{margin-top:15px;}
.list-image .cont ul li .text .t-1{font-size:16px;color:#666;overflow:hidden;height:25px;}
.list-image .cont ul li .text .t-2{margin:15px auto;}
.list-image .cont ul li .text .t-2 span{font-size:18px;font-weight:bold;border:1px dashed #444;padding:5px 15px;color:#000;}
.nav>li>a{color:#000;}
.show-image{background:#000;}
.show-image .cont{width:1100px;margin:20px auto;}
.show-image .cont .shop{width:1100px;height: 460px;margin:0 auto;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width: 900px;box-sizing: border-box;background: #fff;}
.show-image .cont .shop .left{width: 430px;height:auto;float: left}
.show-image .cont .shop .left .show{width: 430px;height: 323px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move;overflow:hidden;}
.show-image .cont .shop .left .show img{width: 100%;height: auto;}
.show-image .cont .shop .left .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.show-image .cont .shop .left .smallshow{width: 100%;height: 70px;position: relative}
.show-image .cont .shop .left .smallshow>.middle-box{overflow: hidden;height: 70px;}
.show-image .cont .shop .left .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
.show-image .cont .shop .left .smallshow .middle>li{width:86px;height:60px;float: left;cursor:pointer;padding:0 2px;}
.show-image .cont .shop .left .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.show-image .cont .shop .right{float: left;}
.show-image .cont .shop .right .bigshow{width: 430px;height: 400px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;position: absolute;}
.show-image .cont .shop .right .bigshow img{width: 800px;height:600px;margin-right: 10px;}
.show-image .cont .shop .right .text{margin-left:60px;width:540px;}
.show-image .cont .shop .right .text-1{font-size:24px;color:#d00000;}
.show-image .cont .shop .right .text-2{background:#eee;border:1px dashed #ccc;padding:10px;margin-top:15px;}
.show-image .cont .shop .right .text-3{margin-top:20px;overflow:hidden;}
.show-image .cont .shop .right .text-3 ul li{float:left;height:30px;line-height:30px;width:270px;margin-bottom:12px;color:#000;}
.show-image .cont .shop .right .text-3 ul li span{padding:0 20px;background:#d00000;float:left;margin-right:10px;color:#fff;font-size:16px;}
.show-image .cont .shop .right .text-4{margin-top:15px;}
.show-image .cont .cat-title{background:#fafafa;border-left:3px solid #d00000;line-height:35px;padding-left:10px;font-size:16px;margin-bottom:10px;color:#000;}
.show-image .cont .inner-left{width:820px;float:left;margin-top:20px;background:#fff;padding:10px;}
.show-image .cont .inner-left .video video{width:800px;}
.show-image .cont .inner-left .details{margin-top:20px;}
.show-image .cont .inner-right{width:270px;float:right;margin-top:20px;background:#fff;padding:10px;}
.list-news{}
.list-news .cont{border:1px solid #ccc;padding:5px;margin-top:20px;}
.list-news .cont ul li { }
.list-news .cont ul li a { display: block; padding: 20px; background: #fff; overflow: hidden; }
.list-news .cont ul li img { float: left; width: 300px; height: 200px;border:1px solid #ccc;}
.list-news .cont ul li .right { float: right; width: 810px; }
.list-news .cont ul li h2 { font-size: 20px; margin-top: 0; font-weight: bold; color: #d00000; }
.list-news .cont ul li .info { color: #666;margin-top:10px;}
.ss{margin: 0 auto; font-size: 16px; margin-bottom: 10px; margin-top: 20px;	}
.list-news .cont ul li .info i { margin-right: 10px; }
.list-news .cont ul li .info font { color: #777; }
.list-news .cont ul li .info .fa-eye { margin-left: 10px; }
.list-news .cont ul li p { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; color: #666; }
.list-news .cont ul li .tags { overflow: hidden; }
.rss{margin-top: -20px;}
.list-news .cont ul li .tags i { float: left; margin-right: 10px; color: #d00000; font-size: 24px; }
.list-news .cont ul li .tags .tag-name { float: left; border: 1px solid #ccc; border-radius: 5px; padding: 3px 5px; font-size: 12px; margin-right: 10px; color: #666; }
.list-news .cont ul li:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }
.show-news{background:#f4f4f4;}
.show-news .cont{width:1100px;margin:20px auto;}
.show-news .cont .cat-title{background:#fafafa;border-left:3px solid #d00000;line-height:15px;padding-left:10px;font-size:16px;margin-bottom:10px;color:#000;}
.show-news .cont .inner-left{width:820px;float:left;margin-top:20px;background:#fff;padding:10px;}
.show-news .cont h1{ font-size: 24px; text-align: center; color: #d00000;margin-top:20px;}
.show-news .cont .attr { margin-top: 20px; overflow: hidden; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #666; }
.show-news .cont .attr span { margin-right: 10px; }
.show-news .cont .attr i { margin-right: 10px; color: #d00000; }
.show-news .cont .content { margin-top: 20px; color: #666; }
.show-news .cont .content a {color:#666;}
.show-news .cont .content img {display: block;margin:0 auto;}
.show-news .cont .statement { color: #666; }
.show-news .cont .statement a { color: #d00000; }
.show-news .cont .news-tag { overflow: hidden; margin-top: 10px; }
.show-news .cont .news-tag .fa-tags { float: left; margin-right: 10px; font-size: 22px; margin-top: 3px; }
.show-news .cont .news-tag ul li a { display: block; float: left; border: 1px solid #ccc; padding: 5px 10px; margin-right: 10px; border-radius: 5px; color: #666; }
.show-news .cont .show-pages { overflow: hidden; margin-top: 30px; }
.show-news .cont .show-pages p { background: #fafafa; width:380px; float: left; border: 1px solid #ccc; border-radius: 10px; padding: 8px 0; margin: 10px; text-align: center;color:#000;}
.show-news .cont .show-pages p a{color:#000;}
.show-news .cont .show-pages p a:hover{color:#d00000;}
.show-news .cont .inner-right{width:270px;float:right;margin-top:20px;background:#fff;padding:10px;}
.list-case{background:#333;}
.list-case p{margin-bottom:0;padding:10px;}
.list-case b{display: block;padding: 10px;}
.list-case button{padding: 5px 10px;}
.list-case img,.list-case .image{width: 30vw;max-width: 353px;margin: 0.5vh 0.5vw;border:3px solid #fff;}
.list-case .image{display: inline-block;height: 20vw;max-height: 200px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.list-case .spotlight .image{cursor: pointer;}
#spotlight .footer{height:auto;}
#spotlight .header{height:100px !important;}
.inner-page{clear:both;margin-top:10px;text-align:center;}
.inner-page .pagination{margin:20px auto;border-radius:0;}
.inner-page .pagination>li a{margin:4px;}
.inner-page .pagination>li:first-child>a, .inner-page .pagination>li:first-child>span{border-top-left-radius:0px;
    border-bottom-left-radius:0px;color:#333;}
.inner-page .pagination>li>a,.inner-page  .pagination>li>span{color:#333;}
.inner-page .pagination>li:last-child>a,.inner-page  .pagination>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.inner-page .pagination>.active>a{background-color: #d00000;color:#fff;border-color: #d00000;}
.relevant-product{}
.relevant-product ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;text-align:center;}
.relevant-product ul li img{width:100%;}
.relevant-product ul li span{display: block;margin:5px auto;color:#000;}
.relevant-news{margin-top:10px;}

/*tag*/
.inner-tag{}
.inner-tag .tag-title{height:50px;background:#f6f6f6;line-height:50px;margin:10px 0;}
.inner-tag .tag-title span{display: block;background:#4e4e4e;color:#fff;font-size:16px;padding:0 10px;float:left;}
.inner-tag .block-1{margin-top:30px;}
.inner-tag .block-1 .tag-cont{border:1px solid #eee;padding:10px;}
.inner-tag .block-2{overflow:hidden;margin-top:10px;}
.inner-tag .block-2 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.inner-tag .block-2 .left{float:left;width:530px;}
.inner-tag .block-2 .right{float:right;width:630px;}
.inner-tag .block-2 ul li img{width:100%;height:340px;}
.inner-tag .block-2 ul li h6{height:37px;line-height:37px;border-bottom:1px dashed #ccc;font-size:14px;}
.inner-tag .block-2 ul li span{float:right;}
.inner-tag .block-3{overflow:hidden;margin-top:10px;}
.inner-tag .block-3 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.inner-tag .block-3 ul li{width:372px;float:left;margin:10px;border:1px solid #ccc;padding:10px;}
.inner-tag .block-3 ul li img{width:100%;}
.inner-tag .block-3 ul li span{display:block;height:30px;line-height:30px;text-align:center;}
.inner-tag .block-4{overflow:hidden;margin-top:10px;}
.inner-tag .block-4 ul{width:380px;float:left;border:1px solid #eee;padding:10px;margin:10px;}
.inner-tag .block-4 ul li{height:30px;line-height:30px;border-bottom:1px dashed #ccc;font-size:14px;}
.inner-tag .block-4 ul li span{float:right;}
.inner-tag .block-5{overflow:hidden;margin-top:10px;}
.inner-tag .block-5 .tag-cont{overflow:hidden;}
.inner-tag .block-5 ul li{border:1px solid #eee;margin:10px;float:left;width:380px;height:80px;}
.inner-tag .block-5 ul li i{width:100px;text-align:center;font-size:30px;color:#fff;height:80px;line-height:80px;float:left;margin-right:10px;}
.inner-tag .block-5 ul li .fa-phone{background:#d00000;}
.inner-tag .block-5 ul li .fa-internet-explorer{background:#d00000;}
.inner-tag .block-5 ul li .fa-map-marker{background:#d00000;}
.inner-tag .block-5 ul li span{display:block;line-height:80px;float:left;font-size:18px;}
.inner-tag .block-5 ul li:nth-child(3) span{line-height:42px;width:230px;}
.inner-tag .block-6{overflow:hidden;margin-top:10px;}
.inner-tag .block-6 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.inner-tag .block-6 .tag-cont a{display:block;background:#eee;padding:5px 8px;float:left;margin:10px;}

/*search*/
.inner-search{background:#eee;}
.inner-search .block-1{margin-top:30px;}
.inner-search .block-2{text-align:center;margin-top:10px;}
.inner-search .block-3{margin:20px auto;}
.inner-search .block-3 ul li {width:377px;background: #fff; overflow: hidden;display: inline-block;margin:10px;}
.inner-search .block-3 ul li a { display: block; }
.inner-search .block-3 ul li img { width:100%;border:1px solid #ccc;}
.inner-search .block-3 ul li h2 { font-size:16px; margin-top: 10px; font-weight: bold; color: #333;padding:10px 20px;}
.inner-search .block-3 ul li p {color: #666;padding:10px 20px;height:80px;}
.inner-search .block-3 ul li .info { color: #666;background:#f5f5f5;overflow:hidden;height:50px;padding:10px 20px;}
.inner-search .block-3 ul li .info .left{float:left;}
.inner-search .block-3 ul li .info .right{float:right;}
.inner-search .block-3 ul li .info i { margin-right: 10px; }
.inner-search .block-3 ul li .info font { color: #777; }
.inner-search .block-3 ul li .info .fa-eye { margin-left: 10px; }
.inner-search .block-3 ul li .right { overflow: hidden; }
.inner-search .block-3 ul li .right i { float: left; margin-right: 10px;}
.inner-search .block-3 ul li .right .tag-name { float: left; font-size: 12px;color: #666; }
.inner-search .block-3 ul li:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }
#chatBtn{margin-left: 50px!important;}

.install-box{margin-top:30px;}
.install-box .list li{position: relative;width: 30%; margin: 1%;float: left;}
.install-box .list li:after{content:'';width: 100%;height: 1px;position: absolute;z-index:10;left:0;bottom:-1px;background: #d80a10;transition: all .6s;}
.install-box .list li:hover:after{width: 100%;}
.install-box .install-item{display: block;padding-bottom: 40px;}
.install-box .install-item .item-img{float:left;position: relative;overflow: hidden;}
.install-box .install-item .img-icon{position: absolute;width:100%;height: 100%;top:0;left:0;background: url(../image/icon-play-w.png) no-repeat center;z-index:10;background-size: 35px auto;cursor: pointer;}
.install-box .install-item .item-con{}
.install-box .install-item .item-tit{line-height: 1;}
.install-box .install-item .item-tit a{font-size:22px;padding-top:10px;}
.install-box .install-item .item-desc{line-height:24px;color:#999;height:48px;margin-top:32px;}
.install-box .install-item .item-btns{margin-top:40px;}
.install-box .install-item .btns{float:left;margin-right:10px;padding:0 28px;line-height: 38px;border:1px solid #e8e8e8;color:#fff;cursor: pointer;}
.install-box .install-item .btns span{display: block;padding-left:28px;background: url(../image/icon-more.png) no-repeat left center;}
.install-box .install-item .btns.videoitems span{background-image: url(../image/icon-play.png);background-size: 18px auto;}
.install-box .install-item .btns:hover{background: #d80a10;color:#fff;}
.install-box .install-item .btns:hover span{background-image: url(../image/icon-more-w.png);border-color:#d80a10;}
.install-box .install-item .btns.videoitems:hover span{background-image: url(../image/icon-play-w.png);}


.pro-item .item-img{position: relative;padding-bottom: 72.65%;overflow: hidden; border: 1px solid #f1f1f1;}
.pro-item .item-img img{position: absolute;left:0;top:0;}

.video-fixed {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000;top:0;left:0;cursor:pointer;display:none;}
.video-fixed .videoboxs {width:100%;height:100%;position:absolute;left:0;top:0;right:0;margin:auto;margin-top:0;background:#000;/* padding:30px;*/    box-sizing:border-box;}
.video-fixed .videoboxs .box {height: 100%;}
.video-fixed .cha {width:40px;height:40px;background:url(close-vid2.png) no-repeat center/100% auto;position:absolute;top:40px;right:40px;cursor:pointer;}