/*Theme Name:zk*/body {font:16px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
* {margin:0;padding:0;}
ul,li {list-style:none;}
a {color:#666;text-decoration:none;}
a:hover {color:#c30;text-decoration:none!important;}
a:visited {text-decoration:none!important;}
table {border-collapse:collapse;border-spacing:0}
img {border:0;max-width:100%;height:auto;}
.clearfix:after {content:'';display:table;clear:both;}
.clearfix {*zoom:1;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

.navbar {min-height: 50px; margin-bottom: 0; border: none;}
.navbar-header {width:100%}
.navbar-default {background-color: transparent;}
.navbar-default .navbar-nav {}
.navbar-default .navbar-nav li {text-align:center;;position:relative;z-index:999;}
.navbar-default .navbar-nav > li > a {color: #fff;line-height:50px;padding:0 36px}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #fff;background:#d60700}
.navbar-default .navbar-nav > li .hov  {color: #fff;background:#d60700}
.navbar-default .navbar-nav .current-menu-item ,.navbar-default .navbar-nav .current-post-ancestor  {color: #fff;background:#d60700}
.navbar-default .navbar-nav .current-menu-item a,.navbar-default .navbar-nav .current-menu-parent a,.navbar-default .navbar-nav .current-post-ancestor a, .navbar-default .navbar-nav .current-category-ancestor a {color:#fff}
.navbar-brand {padding:0;padding-left:15px;}
.navbar-brand > img {display: block;height:70px;padding-bottom:10px}
.navbar-collapse{background:#252525}
.nav .sub-menu {position:absolute;top:50px;left:0;z-index:9999;display:none;background:#252525;box-shadow:0 0 5px #555}
.nav .sub-menu li {width:180px;font-weight:normal;text-align:left;border:0;line-height:35px;}
.nav .sub-menu li a {display:block;;color:#fff;padding:0 15px}
.navbar-right{margin-top:15px}
.navbar-tel {background:url(images/mobile.jpg) no-repeat 0 50%;padding-left:15px;font-size:24px;}
.navbar-tel img {height:15px;vertical-align:middle}
.nav_wrapper {position:relative;width:100%;z-index:555;box-shadow:0 0 5px #555}

.contarea-img, .contarea-video, .contarea-news,.content-base,.contarea-pro{padding:50px 0 0;}
.contshow{padding:50px 0 30px;}

.inner_cat {padding-top:20px}
.inner_cat .weizhi {color:#ACACAC;font-size:14px;text-align:left;}
.inner_cat .weizhi a {color:#ACACAC}
.inner_cat .weizhi ul,.inner_cat .weizhi li {display:inline}
.inner_cat .weizhi b {font-weight:normal}
.inner_cat .weizhi ul {padding:0;}
.icat_nav {padding:45px 0}
.icat_nav h1,.icat_nav h2 {display:inline-block;color:#fff;font-size:40px;line-height:1.1;font-weight:bold;}
.icat_nav p {color:#D3D3D3;font-size:18px;line-height:30px;margin-top:45px;}
.icat_nav a {color:#D3D3D3}
.icat_nav p span {margin-right:25px;}
.icat_nav p img {margin-right:5px;}
.posts-nav {font-size:14px;margin:50px 0;}
.posts-nav .page-numbers {border:1px solid #ccc;display:inline-block;text-align:center;padding:0 14px;line-height:30px;margin-right:10px;margin-bottom:15px}
.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover {background:#d60700;border-color:#d60700;color:#fff}
.posts-nav .page-numbers.dots {border-color:transparent}
.submenu-con {position:relative;margin-top:-20px}
.submenu-tab {padding:20px 0;background:#fff;;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(37,92,79,.15);-moz-box-shadow:0 5px 20px rgba(37,92,79,.15);-ms-box-shadow:0 5px 20px rgba(37,92,79,.15);-o-box-shadow:0 5px 20px rgba(37,92,79,.15);box-shadow:0 5px 20px rgba(37,92,79,.15);}
.sub_nav {margin:0}
.sub_nav li {float:left;width:25%;text-align:center;color:#666;font-size:20px;line-height:40px;position:relative;cursor:pointer;}
.sub_nav li:after {content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#AAA;}
.sub_nav li:last-child:after {}
.sub_nav li:hover a {color:#333;font-weight:bold;}
.sub_nav .current-cat a {color:#333;font-weight:bold;}
.cplist li {padding-bottom:30px}
.cplist .pro-box {}
.cplist .pro-info {padding:20px 12px 10px;}
.cplist .pro-info a {display:block;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cplist .pro-info a:hover {color:#d60700;}
.cplist .pro-info a:before {content:'';display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(images/icon-pro.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-1px 10px 0 -4px;}
.cplist .pro-info p {color:#999;line-height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}
.pro-txt {margin-bottom:40px}
.pro-txt p {font-size:18px;line-height:36px;margin:15px 0}
.txt-con {overflow:hidden;display:block;color:#333;font-size:30px;font-weight:bold;}
.txt-con:before {content:'';display:inline-block;vertical-align:middle;width:49px;height:34px;background:url(images/tit-icon03.png) no-repeat;margin-right:15px;margin-top:-2px;}
.txt-con:hover {color:#d60700}
.more-btn {float:right;width:200px;line-height:50px;background:url(images/more-btn.png) no-repeat 100% 50%;color:#FFF;font-size:20px;text-align:center;position:relative;top:0;}
.more-btn:before,.more-btn:after {content:"";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.more-btn:before {right:10px;top:10px;width:30px;height:30px;background:url(images/more-icon.png) no-repeat;}
.more-btn:after {right:20px;top:19px;width:27px;height:12px;background:url(images/more-arrow.png) no-repeat;}
.more-btn:hover {color:#d60700;}
.more-btn:hover:before {right:24px;}
.more-btn:hover:after {right:10px;}
.more-btn:visited {text-decoration:none!important}
.caselist li {-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;list-style:none;margin-bottom:5%}
.caselist .case-pic {}
.caselist .case-pic a {display:block;position:relative;padding-top:75%;}
.caselist .case-pic a img {position:absolute;left:0;top:0;width:100%;height:100%;}
.caselist .case-info {position:relative;padding:26px 30px;;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);}
.caselist .case-info:before {content:"";position:absolute;left:0;bottom:0;width:80px;height:4px;background-color:#d60700;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.caselist .case-info h3 {margin:0}
.caselist .case-info h3 a {display:block;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:32px;}
.caselist .case-info h3 a:hover {color:#d60700;}
.caselist .case-info p {color:#999;line-height:30px;margin-top:12px;}
.caselist .case-info p:before {content:'';display:inline-block;vertical-align:middle;width:10px;height:10px;border:1px solid #d60700;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-right:8px;margin-top:-3px;}
.caselist li:hover {-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.caselist li:hover .case-info:before {width:100%;}
.txt-rele {position:relative;line-height:36px;}
.txt-rele strong {font-size:36px;color:#c30;margin-bottom:50px;position:relative;padding-left:30px;}
.txt-rele strong span{display:none}
.txt-rele:before {background:url(images/tle.png) no-repeat 0 50%;;width:164px;height:46px;content:"";display:block;position:absolute;left:0;top:-5px;}
.scenelist li {text-align:center;margin-top:30px;}
.scenelist li a {display:block;overflow:hidden;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.scenelist li a h3 {overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.scenelist a img {width:100%;height:auto;}
.scenelist img {display:block;width:100%;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.scenelist li a:hover img {-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.scenelist li  h3 {margin-top:15px}
.case-pro strong {font-size:36px;text-align:center;color:#f0be4d;background:-webkit-linear-gradient(330deg,#f0be4d 0%,#e6a106 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.case-pro strong span {color:#f0be4d;}
.case-pro ul {margin:0;padding:0}
.case-pro ul li {margin-top:30px;text-align:center;}
.case-pro ul li a {display:block;overflow:hidden;}
.case-pro li img {-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.case-pro li:hover img {-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.case-pro li h3 {margin:20px auto;line-height:16px;height:16px;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-page {height:600px;position:relative;width:100%;margin-top:-80px;}
.pro-main {padding-bottom:55px;}
.pro-fl {overflow:hidden;height:300px;text-align:center;position:relative;z-index:2;margin-top:70px;z-index:101;background:#fff;}
.pro-fl  .swiper-pagination-bullet {width:24px;height:6px;border-radius:0}
.pro-fl  .swiper-pagination-bullet-active {background:#F0BE4D;}
.pro-fr {margin-left:-7px;margin-right:7px;background-color:#fff;position:relative;z-index:1;padding:10px 50px 0 5%;border-top-left-radius:100px;height:370px;}
.pro-fr:before {width:107px;height:89px;background:url(images/yq.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;top:0;right:0;}
.pro-fr:after {background:url(images/sj_a.png) no-repeat;width:256px;height:224px;background-size:100% 100%;content:"";display:block;position:absolute;right:-20px;bottom:-21px;}
.pro-fr h1 {font-size:24px;margin-bottom:30px}
.pro-fl img {width:auto;height:300px}
.pro-fr p {margin-top:10px;padding-left:60px;position:relative;}
.pro-fr p:before {width:54px;height:46px;background:url(images/fk.png) no-repeat;background-size:100% 100%;position:absolute;left:-10px;top:-8px;content:"";display:block;}
.pro-fr .box {margin-top:25px;}
.pro-fr .box .box-left {float:left;}
.pro-fr .box .box-left em {font-size:18px;color:#F0BE4D;font-weight:normal;display:block}
.pro-fr .box .box-left strong {font-size:28px;color:#F0BE4D;}
.pro-fr .box .box-right {float:right;width:200px;height:75px;line-height:75px;position:relative;z-index:100;}
.pro-fr .box .box-right span {display:block;text-align:center;cursor:pointer;box-shadow:0 5px 20px rgba(49,72,125,.3);border-radius:30px 10px 10px 0;-webkit-border-radius:30px 10px 10px 0;-moz-border-radius:30px 10px 10px 0;-ms-border-radius:30px 10px 10px 0;-o-border-radius:30px 10px 10px 0;background:#fff;font-size:24px;color:#F0BE4D;font-weight:bold;}
.pro-fr .box .box-right span a{color:#F0BE4D;text-decoration:none}
.pro-fr .box .box-right:before {background:url(images/d_bg.png) no-repeat;width:171px;height:66px;content:"";display:block;position:absolute;left:-51.8%;top:5px;z-index:-1;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.pro-fr .box .box-right:hover:before {left:-30%;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.hot-link {margin-top:110px;padding:34px 40px 68px;background:#f0be4d;position:relative;z-index:0;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);-moz-box-shadow:0 5px 20px rgba(0,0,0,.15);-ms-box-shadow:0 5px 20px rgba(0,0,0,.15);-o-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15);}
.hot-link:after {content:"";position:absolute;left:6px;top:6px;right:6px;bottom:6px;background:url(images/line_bg.png);-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;z-index:-1;}
.hot-link ul {padding-left:0;margin:0;padding:0;}
.hot-link li {font-size:18px;line-height:36px;margin-bottom:20px;}
.hot-link li:before {content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(images/link-icon.png) no-repeat;margin-right:8px;margin-top:-2px;}
.hot-link p {color:#333;font-size:18px;line-height:36px;}
.link-btn {position:absolute;left:0;top:-96px;width:207px;height:62px;color:#fff;font-size:24px;line-height:56px;padding-left:26px;background:url(images/link-btn.png) no-repeat;cursor:pointer;}
.link-btn  a{color:#fff}
.link-btn a:hover {color:#333;}
.link-head {position:absolute;right:0;top:-110px;width:134px;}
.link-head img {width:100%;height:auto;}
.link-sell {position:absolute;top:-5px;right:-12px;width:196px;height:196px;background:url(images/link-sell.png) no-repeat;color:#FFF;font-size:24px;line-height:36px;padding:16px 33px;text-align:right;}
.link-sell strong {display:block;color:#F0BE4D;line-height:1.1;}
.link-sell strong i {font-size:48px;margin-right:3px;position:relative;top:3px;}
.link-tel {position:absolute;left:-17px;bottom:-55px;width:301px;height:135px;background:url(images/link-tel.png) no-repeat;color:#333;font-size:24px;font-weight:bold;line-height:135px;padding-left:50px;}
.hot-link p {color:#333;font-size:18px;line-height:36px;}
.hot-link .link-bj {position:absolute;top:0px;right:0;width:174px;height:188px;background:url(images/link_bg.png) no-repeat;color:#fff;font-size:24px;line-height:36px;padding:16px 15px 0;text-align:right;cursor:pointer;}
.hot-link .link-bj i {display:block;font-style:normal;text-align:right;}
.hot-link .link-bj a{color:#fff}
.hot-link .link-bj a:hover {color:#333;}
.rel-pro {background:#d60700;margin-bottom:30px;position:relative;box-shadow:0 5px 20px rgba(0,0,0,.15);}
.rel-pro:after {content:"";display:block;background:#fff;content:"";position:absolute;left:6px;top:6px;right:6px;bottom:6px;}
.rel-pro h2 {font-size:24px;color:#fff;background:#252525;width:110%;height:79px;line-height:70px;text-align:center;display:block;background-size:100% 100%;position:absolute;left:-15px;top:45px;z-index:20;margin:0}
.rel-pro ul {position:relative;z-index:10;padding:150px 31px 30px;}
.rel-pro li {text-align:center;padding-bottom:10px;list-style:none;}
.rel-pro li a {display:block;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rel-pro li a h3 {overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rel-pro li p a {margin:10px 0;}
.rel-pro li img {-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.rel-pro li:hover img {-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.list-nav {clear:both;background:#2e3038;padding:31px 0;padding-left:0;}
.list-nav ul {margin-bottom:0;}
.list-nav li {font-size:22px;color:#ccccd4;text-align:center;background:url(images/bt_icon.png) no-repeat 35% center;background-size:20px 22px;position:relative;padding-left:3.5%;cursor:pointer;}
.list-nav li a {color:#ccccd4;}
.list-nav li:after {width:1px;height:30px;background:#5f5f5f;content:"";display:block;position:absolute;right:0;top:50%;margin-top:-15px;}
.list-nav li.last:after {display:none;}
.list-nav li.active,.list-nav li:hover,.list-nav li.active a,.list-nav li:hover a {color:#f0be4d;}
.list-nav li.active,.list-nav li:hover {background:url(images/bt_icon2.png) no-repeat 35% center;}
.news-list {margin:20px 0 30px;}
.news-list li {line-height:34px;margin-top:20px;list-style:none;position:relative}
.news-list li span {float:right;width:90px;margin-left:20px;color:#999}
.news-list li a {display:block;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.news-list li a:before {content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(images/dd.png) no-repeat 15px 50%;margin-right:8px;margin-top:-5px;}


.pre-next {background:#f5f5f5;padding:16px 0;margin-bottom:60px;margin-top:50px;padding:30px;line-height:2}
.footer {background:#fcfcfc;border-top:2px solid #c30;padding:30px 0;text-align:center;color:#999;}
.footer a{color:#999}
.fixed-right {position:fixed;right:20px;bottom:20%;z-index:9999;background:url(images/fixed-bgs.png) no-repeat;background-size:100% 100%;width:161px;height:451px;font-weight:300;}
.fixed-box {padding:143px 16px 0}
.fixed-fix {position:fixed;right:20px;bottom:20%;z-index:9999;display:block;background:url(images/fixed-bgs.png) no-repeat;background-size:100% 100%;width:161px;height:451px;padding:143px 16px 0;font-weight:300;}
.fixed-right .online-service,.fixed-fix .online-service {width:122px;height:34px;line-height:34px;text-align:center;display:block;font-size:18px;cursor:pointer;color:#333;}
.fixed-right .online-service:hover,.fixed-fix .online-service:hover {font-weight:bold;}




.ftdh {background:#fefefe;z-index:180;height:auto;display:block;left:0;bottom:0;position:fixed;width:100%;box-shadow:0px 0.03rem 0.21rem rgba(5,26,85,0.2)}
.ftdh ul {padding:0;list-style:none;display:-webkit-box;-webkit-box-orient:horizontal;margin:0}
.ftdh ul li {width:25%;font-size:1.5rem;text-align:center;position:relative;}
.ftdh ul li a {color:#333;display:block;padding:.7rem 0;border-right:1px solid #e3e1e1}
.ftdh ul li:last-child a {border-right:0}
.ftdh ul li img {width:2em;display:inline-table;vertical-align:middle;margin-right:.1rem}
.ftdh ul li span {width:100%;display:block;line-height:1;overflow:hidden;}

.yb_conct {position:fixed;z-index:9999999;top:52%;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_conct  a {color:#fff}
.yb_bar ul li {width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top {background:#979797 url(images/contact.png) no-repeat 0 0;}
.yb_bar .yb_phone {background:#979797 url(images/contact.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ {text-indent:0;background:#979797 url(images/contact.png) no-repeat 0 -113px;}
.yb_bar .yb_kf{background:#979797 url(images/contact.png) no-repeat 0 -169px;}
.hd_qr {padding:0 29px 25px 29px;margin:0;width:120px;}
.yb_bar a {display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.index-banner{position: relative;overflow: hidden;background:url(images/shadow.gif) no-repeat 50% 100%;padding-bottom:29px}
.index-banner .btn{z-index: 1;position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.index-banner .prev-btn{left: 0;transform: translateX(-100%);}
.index-banner .prev-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.index-banner .next-btn{right: 0;transform: translateX(100%);}
.index-banner .next-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.index-banner .btn:hover{background-color: #d60700;border-color: #d60700;}
.index-banner:hover .prev-btn{transform: translateX(20%);}
.index-banner:hover .next-btn{transform: translateX(-20%);}
.index-banner .swiper-pagination-bullet {background:#fff;width:15px;height:15px}
.index-banner .swiper-pagination-bullet-active {background:#d60700;}
.index-banner .swiper-pagination {bottom:40px}

.index_prolist {margin:15px 0 0}
.index_prolist .hd {height:50px;line-height:50px;overflow:hidden}
.index_prolist .hd li {text-align:center;height:50px;line-height:50px;cursor:pointer;background:#b4b4b4;color:#fff;padding:0}
.index_prolist .hd li:last-child {border-right:0}
.index_prolist .hd li:hover {background:#e61616;color:#fff}
.index_prolist .hd li.on {background:#e61616;color:#fff;}
.index_prolist .hd li a {color:#fff;display:block}
.index_prolist .hd li a:hover {text-decoration:none}
.index_prolist .bd{overflow: hidden;padding-top:15px}
.index_prolist .bd li {margin:10px 0}
.index_prolist .bd h3 {overflow:hidden;height:23px;line-height:23px;font-size:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.index_prolist .bd p {overflow:hidden;height:50px;color:#818181;line-height:25px;}
.index_prolist img {width:100%}

.indexcase_area {background:#f0f0f0;padding:20px 0;margin-top:15px}
.index_case  {padding:15px 0 30px;position:relative;overflow:hidden}
.index_case h2{text-align:center;font-weight:bold;position:relative;font-size:36px;padding-bottom:25px}
.index_case h2 span{}
.swiper-container-case {margin:0 30px}
.index_case li {}
.index_case li .case-box {margin:0 10px;background:#f0f0f0;padding:0 0 10px}
.index_case  h3 {line-height:30px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin:5px 10px}
.index_case li  p{background:#f0f0f0;margin:0 10px;height:50px;line-height:25px;overflow:hidden}
.index_case .swiper-wrapper {padding-bottom:10px;}
.index_case .case-swiper-pagination {bottom:0;text-align:center}
.index_case .swiper-pagination-bullet {background:#666;width:15px;height:15px}
.index_case .swiper-pagination-bullet-active {background:#e61616;}
.index_case .case-prev-btn{left: 0;width:30px;height:30px;position:absolute;top:50%;z-index:99;background:#e61616;border-radius:50%;cursor:pointer;}
.index_case .case-prev-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.index_case .case-next-btn{right: 0;width:30px;height:30px;position:absolute;top:50%;z-index:99;background:#e61616;border-radius:50%;cursor:pointer;}
.index_case .case-next-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}


.index-video {padding:30px 0 40px;}
.index-video h2{text-align:center;font-weight:bold;position:relative;font-size:36px;padding-bottom:25px}
.index-video .video-container {position:relative;overflow:hidden}
.index-video li img {float:left;margin-right:50px;width:auto}
.index-video h3{font-size:1.5em}
.index-video p{font-size:14px;line-height:28px;margin-top:30px}
.index-video .swiper-container-video {}
.index-video  .video-swiper-pagination{z-index:99;position:absolute;left:85%;bottom:20px;font-size:50px;font-style:italic}
.index-video .video-prev-btn {z-index:99;cursor: pointer;position:absolute;left:71%;bottom:36px;width:53px;height:36px;background:url(images/tab-arrow03.png) no-repeat center;text-indent:-9999px;}
.index-video .video-next-btn {z-index:99;cursor: pointer;position:absolute;left:75%;bottom:36px;width:53px;height:36px;background:url(images/tab-arrow04.png) no-repeat center;text-indent:-9999px;}


.index-customer {background:#526063 url(images/customer-bg.jpg) no-repeat 0 0;padding:50px 0 60px;box-shadow:0 10px 20px rgba(0,0,0,.1);background-size:cover;}
.index-customer h2 {color:#fff;font-size:46px;text-align:center;line-height:1.1;}
.index-customer  ul {margin-top:60px}
.index-customer img {border-radius:100%;transition:all .8s ease 0s;}
.index-customer li:hover img {transform:rotate(360deg);cursor:pointer}
.index-news {margin-top:50px;}
.index-news .index-txt {margin-bottom:40px;}
.index-news h2{font-weight:bold;position:relative;color:#666;font-size:24px;height:35px;border-bottom:1px solid #ddd}
.index-news h2 .more {font-size:14px;position:absolute;right:0;top:0;font-weight:normal}

.index-link{background:#F4F4F6;padding:25px 0}
.index-link h2{font-weight:bold;display:inline}
.index-link ul {display:inline}
.index-link li {display:inline;margin-right:15px;}


.contactform .contact-msg {width:58%}
@media (min-width:768px) {}
@media screen and (max-width:1400px) {.banner .swiper-slide .dd1 {position:absolute;top:100px;left:5%;font-size:24px;}
.banner .swiper-slide .dd2 {position:absolute;top:150px;left:5%;font-size:16px;}
.banner .swiper-slide .dd3 {position:absolute;top:160px;right:5%;z-index:9999}
}
@media screen and (max-width:1200px) {.navbar-default .navbar-nav > li > a {padding-left:2px;padding-right:2px;font-size:14px;}
.navbar-tel {font-size:14px;}
.pro-fr p {max-height:30px;overflow:hidden}
.pro-fr .box .box-left em {display:none}
}
@media screen and (max-width:1024px) {.navbar-default .navbar-nav > li > a {padding-left:1px;padding-right:1px;font-size:14px;}
.navbar-tel {font-size:14px;}
.pro-fr p {max-height:30px;overflow:hidden}
.pro-fr .box .box-left em {display:none}
}
@media only screen and (max-width:991px) {.navbar-default .navbar-nav > li > a {padding-left:1px;padding-right:1px;font-size:14px;}
.pro-main {background:#fff;padding-bottom:0;margin-top:30px}
.pro-fr {height:auto;border-radius:0;margin:0}
.pro-fr:after,.pro-fr:before {display:none;}
.pro-fr h1 {margin-left:15px}
}
@media screen and (max-width:768px) {.footer {padding-bottom:60px}
.navbar {height:50px;padding-top:0}
.navbar-brand {padding:5px 0 0 15px;}
.navbar-brand img {height:50px;}
.navbar-header {width:auto}
.navbar-default {background:#333}
.navbar-collapse {background:#333;border-top:0}
.navbar-default .navbar-nav li {text-align:center;float:none}
.navbar-default .navbar-nav {margin:15px 0}
.contwrap {background:#fff}
.submenu-con {margin-top:15px}
.submenu-tab {padding:10px 0}
.sub_nav li {width:50%;font-size:16px;}
.sub_nav li:after {display:none;}
.contarea-pro {padding:0;margin-top:25px}
.contarea-img,.contarea-video,.contarea-news {padding:0;margin-top:25px;}
.cplist .pro-info {padding:10px 8px 3px}
.inner_cat {padding-top:0}
.pro-fl {height:auto;margin-top:0}
.pro-fl img {height:auto;max-height:210px;vertical-align:bottom}
.pro-page {height:50px;margin-top:0}
.pro-main {background:#fff;padding-bottom:0;margin-top:30px}
.pro-fr {height:auto;}
.pro-fr:after,.pro-fr:before {display:none;}
.pro-fr h1 {margin-left:15px}
.content-base {padding:0;padding-top:15px;}
.rel-pro {margin-top:30px}
.caselist li {margin-bottom:8%}
.caselist .case-info h3 a {font-size:16px;}
.message {padding:15px;border-radius:0}
.message .msgtxt {padding-top:0}
.message .msgtxt:before {display:none;}
.main-content {padding-right:0;margin-left:-5px;margin-right:-15px;}
.placeshow {height:110px;margin-top:0}
.icat_nav {padding:0;}
.icat_nav h1,.icat_nav h2 {font-size:20px;font-weight:normal;margin:5px 0;overflow:hidden}
.weizhi {margin-top:10px;height:30px;overflow:hidden}
.news-list {margin-top:0}
.news-list li span {display:none}
.navbar-default {background-color:#fff }
.navbar-default .navbar-toggle .icon-bar {background-color:#333 }
.navbar-default .navbar-toggle {background:transparent;border-color:transparent}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background:transparent;border-color:transparent}
.nav_wrapper {position:relative;width:100%;z-index:555;}
.navbar-default .navbar-nav>li {margin-bottom:5px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav .current-menu-item  a,.navbar-default .navbar-nav .current-menu-parent  a,.navbar-default .navbar-nav .current-post-ancestor  a,.navbar-default .navbar-nav .current-category-ancestor  a {margin-top:0;border-bottom:0;background:#d60700}
.index-nav  .navbar-nav>li>a {color:#fff!important}
.index-nav .navbar-nav>li>a:hover,.index-nav .navbar-nav .current-menu-item  a,.index-nav .navbar-nav .current-menu-parent  a,.index-nav .navbar-nav .current-post-ancestor  a,.index-nav .navbar-nav .current-category-ancestor  a {color:#fff}

.swiper-container-case{margin:0 5px}
.index_case .case-prev-btn,.index_case .case-next-btn{display:none;}
.index-video .video-prev-btn {left:50%;bottom:45px}
.index-video .video-next-btn {left:70%;bottom:45px}
.index-video h3{font-size:1em;padding-top:40px}
.index-video li img {float:none;margin:0;display:block}
.index-video p{display:none}
.index_case h2,.index-news h2,.index-video h2{font-size:1.2em}

.index-customer li {margin-bottom:15px}
.box-hot {margin-left:0}
.box-hot li {width:100%;margin-left:0;margin-bottom:15px}
.box-pic {float:none;width:auto;}
.box-info {padding-left:0;padding-top:15px}
.hot-con-bg:before,.index-case:before {display:none}
.hot-txt h2,.base-txt h2,.txt-name h2,.index-customer h2 {font-size:18px;margin-bottom:25px;font-weight:bold}
.index-case {padding-top:30px}
.index-case .caselist {margin-top:20px}
.pro-txt {margin-bottom:15px}
.txt-con {font-size:18px;margin-left:15px}
.contactform .contact-msg {width:auto}
}