@charset "UTF-8";

@import "base.css";

html {line-height: 1.5;-webkit-text-size-adjust: 100%;}
.fl{float: left}
.fr{float: right}

.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}

.container {width:98%;max-width: 1200px;margin: 0 auto;}

#ad {width: 500px;height: 300px;position: fixed;left: 50%;top: 50%;border: 0;transform: translate(-50%,-50%);z-index: 90;background: transparent;}
#ad .adimg {width: 100%;height: 100%;position: relative;display: block;overflow: hidden;box-shadow: 1px 1px 10px 0 #00000069;background: url(../images/two.png) no-repeat  rgba(255, 255, 255, 0.9);background-size: contain;border-radius: 6px;}
.adtel {position: absolute;bottom: 25px;right: 0;width: 266px;font-size: 20px;}
.adtel a {font-weight: bold;color: #132f61;letter-spacing: -3px;}
#close {width: 20px;top: 0;right: 0;position: absolute;background: url(../images/close.png)  no-repeat right top;cursor: pointer;height: 20px;background-size: cover;}

.out-head {border-bottom: 1px solid #dedede;color: #999999;font-size: 12px;padding:5px 0}
.out-head a {color: #999;}
.out-head span{float: right}

.header{padding: 15px 0;}
.logo{padding-top:20px;float: left;width: 240px;}
.logo_txt {font-size: 18px;margin-top:30px;margin-left: 26px;padding-left: 22px;line-height: 1.8;background: url(../images/wel.png) no-repeat left center;float: left}
.top_txt {width: 170px;color: #333;padding-top:32px;float: right;font-size: 16px;background: url("../images/rexian.png") no-repeat left top;}
.top_txt h3{font-size: 23px;}


.menu_button{position: fixed;right: 0;top: 10px;width: 40px;cursor: pointer;display: none;background: #07bcf9;padding: 8px 5px;z-index: 999}
.menu_button span{width:100%;display: block;height: 2px;background: #ffffff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;position: relative}
.menu_button span:nth-child(2){margin:5px 0}

.menu_button.cross span:nth-of-type(1) {transform: translateY(7px) rotate(-45deg);}
.menu_button.cross span:nth-of-type(2) {opacity: 0;}
.menu_button.cross span:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);}


/* 导航样式 */
.nav {text-align: center;background: #07bcf9;}
.nav li {width: calc(100% / 8);position: relative;text-align: center;float: left}
.nav li h3{line-height: 50px;font-size: 16px;}
.nav li h3 img{margin-right: 5px;}
.nav li h3 a {color: #fff;display: block}
.nav li:hover h3,.nav li.active h3 {background: url(../images/hover.png) no-repeat center bottom;color: #fff;}
.nav li:hover .nav_child {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.nav li .nav_child {line-height: 40px;z-index: 99;width: 100%;left: 0;top:100%;background: #fff;border-radius: 5px;padding: 10px 0;opacity: 0;visibility: hidden;position: absolute;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;}
.nav li .nav_child a {display: block;color: #333;}
.nav li .nav_child a:hover {background: #e9eaeb;}

@media only screen and (max-width :1200px) {
    .nav li h3 img{display: none}
}
@media only screen and (max-width :812px) {
    body{font-size: 12px;}
    .header{padding:5px 15px;background: #f7f7f7;position: fixed;width: 100%;left: 0;top: 0;z-index:99;box-sizing: border-box}
    .menu_button{display: block}
    .nav {width: 100%;height: 100%;position: fixed;z-index: 99;left: 0;top: 0;text-align: center; -webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
    .nav.open{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
    .nav li {width:100%;float: none;}
    .nav li:hover h3,.nav li.active h3 {background:none;color: #080808;background: #ffffff;}
    .nav li:hover h3 a,.nav li.active h3 a{color: #333;}
    .nav li:first-child{margin-top: 50px;}
    .nav li .nav_child,.top_txt,.logo_txt,.out-head{display: none}

    .logo{padding:0;width: 170px;}

    #ad{display: none!important;}

}


.banner ul li{height: 420px;background-position: center;background-repeat: no-repeat;background-size: cover}
.hotSearch {padding: 15px 0;font-size: 14px;border-bottom:1px solid #ddd;color: #666666; }
.hotSearch a {color: #666;margin-right: 16px;}

.title {text-align: center;margin-bottom: 30px;color: #999999;line-height: 1;padding-top: 70px;}
.title .en{font-family: "宋体";text-transform: uppercase;}
.title h3 {font-size: 34px;color: #333;font-weight: bold;margin: 5px 0 10px}
.title p {font-size: 16px;color: #666;background: url("../images/title_l.png") no-repeat left center;width: 100%;max-width: 520px;margin: auto;position: relative}
.title p:before {background: url("../images/title_r.png") no-repeat center right;width: 100%;content: '';position: absolute;right: 0;height: 100%;top: 0;z-index: 0;}

.pad_b{padding-bottom: 70px}

.in_about {background: #ffffff;position: relative;padding: 20px 0;}
.in_about .index_num {width: 50%;float: left;background: url("../images/in_about.jpg") no-repeat center;}
.in_about .index_num .tit{max-width: 200px;background: #07bcf9;color: #ffffff;padding:10px 5px;font-size: 18px;text-transform: uppercase;line-height: 1.2;font-family: Arial}
.in_about .index_num .tit span{border-bottom: 3px solid #ffffff;padding-bottom: 5px;display: inline-block}
.in_about .index_num .tit h3{font-size: 26px;}
.in_about .index_num ul {margin-left: 10px;}
.in_about .index_num ul li {margin: 20px 0;}
.in_about .index_num ul li h2 {color: #07bcf9;font-size: 38px;display: block;position: relative;letter-spacing: 1px;}
.in_about .index_num ul li h2:after {content: ' +';color: #07bcf9;font-size: 30px;font-weight: normal;position: absolute;top: -6px;}

.in_about .box {width: 50%;float: right}
.in_about .box .tit {margin: 20px 0;color: #c7a55a;font-size: 38px;}
.in_about .box .tit h3 {font-weight: bold;color: #07bcf9;font-size: 56px;}

.in_about .box .text {line-height: 1.8;color: #444;}
.in_about .box .text p{text-indent: 2em;}

.in_about .box .text .btn {padding: 4px 20px;border: 1px solid rgb(204, 204, 204);border-radius: 40px;font-size: 16px;margin: 18px 0 34px;transition: all 0.5s linear 0s;color:#999999;display: inline-block;text-align: center;position: relative;}
.in_about .box .text .btn:hover {transition: 0.5s linear 0s !important;color: #fba51a;border-color: #fba51a;}
.in_about .box ul li {width: 20%;font-size: 14px;cursor: pointer}
.in_about .box ul li p {margin-top: 14px;}
.in_about .box ul li:hover img {transform: rotateY(360deg);transition: 0.5s ease 0s;}


.in_pro {background: url(../images/pro_bg.jpg) no-repeat center ;overflow: hidden;background-size: 100% 100%;}

.pro_l {float: left;width: 250px;}
.pro_l .tit {line-height: 98px;text-align: center;font-size: 22px;color: #fff;background: url(../images/pro_t.png) no-repeat;}
.pro_l .pro_nav {background: #fff;margin:0 13px;text-indent: 13px;line-height: 60px; font-size: 16px;}
.pro_l .pro_nav h3 {border-left: 7px solid #dfdfdf;background:#f0f0f0;margin-bottom: 1px;}
.pro_l .pro_nav h3 a {color: #333;display: block}
.pro_l .pro_nav .child a{border-left: 7px solid #ededed;display: block;border-bottom: 1px solid #f0f0f0;}
.pro_l .pro_nav .child a:hover {color: #0073cb;border-left-color:#c7a55a}

.pro_r {float: right;width:calc(100% - 270px);}
.pro_r .pro_con{background: #ffffff;}
.pro_r .pro_con li{display: flex;justify-content: space-between;align-items: center;}
.pro_r .pro_con .img {width: 65%;float: left}
.pro_r .pro_con .con {width: 35%;box-sizing: border-box;padding: 0 25px 50px;font-size: 14px;color: #666;float: right;background: #fff;}
.pro_r .pro_con .con h4 {font-size: 20px;color: #212121;line-height: 2.5;position: relative;margin:15px 0;}
.pro_r .pro_con .con h4 a {color: #212121;}
.pro_r .pro_con .con h4:after {position: absolute;width: 38px;height: 3px;background: #0073cb;content: "";left: 0;bottom: 0;}
.pro_r .pro_con .con .txt {line-height: 24px;margin-bottom:20px;max-height: 190px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;text-indent: 2em;}
.pro_r .pro_con .con .btn a {width: 98px;line-height:2.5;text-align: center;border: 1px solid #d3d3d3;font-size: 14px;color: #333;border-radius: 16px;display: inline-block}
.pro_r .pro_con .con .btn a:hover {color: #0073cb;border-color: #0073cb;}

.pro_btn {position: absolute;right:25px;bottom:5px;z-index: 9999;}
.pro_btn .pages {float: left;width: 130px;text-align: center;font-size: 16px;line-height: 40px;height: 40px;color: #333;font-family: "Arial";}
.pro_btn .pages span{display: inline-block;}
.pro_btn .pages .swiper-pagination-current{font-size:40px;font-weight: bold;}
.pro_btn .prev, .pro_btn .next {float: left;width: 50px;height: 33px;margin-top: 6px;}

.pro_r .list li {margin-top: 26px;width:calc(98% / 3);margin-right: 1%;position: relative;float: left;;overflow: hidden;text-align: center;}
.pro_r .list li:nth-child(3n) {margin-right: 0;}
.pro_r .list li img {display: block;transition: all 0.5s;}
.pro_r .list li:hover img {transform: scale(1.05);}
.pro_r .list li p {position: absolute;left: 0;bottom: 0;width: 100%;line-height:3;color: #333;background: rgba(255, 255, 255, 0.8);}


.cess_list {background: url(../images/cess_bg.jpg) no-repeat center 0;}
.cess_list ul {padding: 53px 0;text-align: center}
.cess_list li {display: inline-block;width: 123px;margin:15px;position: relative;font-size: 16px;color: #333;}
.cess_list li i {display: block;width: 123px;margin-bottom: 20px;border-radius: 50%;position: relative;overflow: hidden;}
.cess_list li:hover i {box-shadow: 0 0 40px rgba(0, 115, 203, 0.24);}
.cess_list li:hover i:after {position: absolute;width: 100%;height: 100%;border: 4px solid #d6b161;content: "";box-sizing: border-box;left: 0;top: 0;border-radius: 50%;}


.index_pin {position: relative;display: block;overflow: hidden;margin-bottom: 30px;}
.index_pin ul li {padding-top: 3%;}
.index_pin ul li .img{width: 40%;float: right}
.index_pin ul li .con{width: 56%;float: left}
.index_pin ul li:nth-child(even) .img{float: left}
.index_pin ul li:nth-child(even) .con{float:right}
.index_pin ul li .num {width: 50px;margin-right:20px;height: 60px;float: left;font-size: 30px;background: url(../images/index_pin.jpg) no-repeat center;color: #fff;}
.index_pin ul li .text {width: calc(100% - 70px);float: left;}
.index_pin ul li .text .tit{border-bottom: 1px #a9a69e dotted;padding-bottom: 5px;color: #a9a69e;font-size: 12px;margin-bottom: 10px;}
.index_pin ul li .text .tit h3 {font-size: 25px;color: #323232;font-weight: 600;}
.index_pin ul li .text .tit h3 strong {color: #07bcf9;}
.index_pin ul li .txt {color: #888888;font-size: 16px;line-height: 2}


@media only screen and (max-width :812px) {
    .pad_b{padding-bottom: 35px;}

    .in_about .box{width: 100%;float: none;}
    .in_about .box .tit h3{font-size: 40px;}
    .in_about .box .text .btn{font-size: 12px;}

    .title {padding-top:40px;}
    .title h3 {font-size: 30px;margin: 5px 0 10px}
    .title p ,.index_pin ul li .txt{font-size: 14px;}

    .pro_l,.pro_r{width: 100%;float: none}
    .pro_l .tit {line-height:3;font-size:18px;background:#07bcf9;}
    .pro_l .pro_nav{margin: 0;font-size: 14px;line-height: 40px;margin-bottom: 15px;}
    .pro_l .pro_nav h3 {float: left;width: 50%;box-sizing: border-box;}
    .pro_l .pro_nav h3:hover {border-left-color: #a88e56}

    .in_about .index_num,.pro_l .pro_nav .child{display: none}

    .pro_r .pro_con .img{width: 50%;}
    .pro_r .pro_con .con{width: 50%;}

    .cess_list {background:#f6f6f6;}
    .cess.pad_b{padding-bottom: 0;}
    .index_pin ul li .img{width: 90%;margin: 0 auto 5px;max-width: 300px;float: none !important}
    .index_pin ul li .con{width: 100%;float: none}
    .index_pin ul li .text .tit h3{font-size: 18px;}

}




.con6 {background: #07bcf9;position: relative;padding:20px 0;color: #fff;font-size: 16px;}
.con6 .tel {line-height:1;float: right}
.con6 .tel h3{font-size: 30px;}
.con6 .txt{float: left;padding-top: 15px;}
.con6 .txt h3 {font-size: 28px;}
.con6 .btn{width: 144px;margin-left: 45px;float: left}
.con6 .btn a {color: #333;background: #fff;line-height:2.6;text-align: center;display: block;}
.con6 .btn a:nth-child(2) {color: #fff;background: none;border: 1px solid #fff;margin-top: 10px;}

.con7 {background: url(../images/con7.jpg) no-repeat center;position: relative;}
.con7 ul {padding-top: 55px;}
.con7 ul li {width:48%;margin: 10px 1%;overflow: hidden;position: relative;float: left;border-radius: 12px;}
.con7 ul li .img {overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;}
.con7 ul li .img:hover img {-webkit-transition: all .5s ease;transform: scale(1.1);transition: all .5s ease;}
.con7 ul li .con {width: 191px;height:100%;position: absolute;left: 0;top: 0;z-index: 99999;background: url(../images/con7_li.png) no-repeat right center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.con7 ul li .con h3 {text-align: center;line-height: 2;font-size: 18px;border-bottom: 1px solid #333333;margin-bottom: 10px;}


/*abt11*/
.in_about2 {background:url(../images/abt_bg.jpg) center no-repeat;}
.in_about2 .about_con {background: #fff;}
.in_about2 .about_con .img {width:50%;float: left }
.in_about2 .about_con .con {float: right;width:50%;box-sizing: border-box;padding:0 20px;}
.in_about2 .about_con h3 {font-size: 28px;color: #000;padding:30px 0;}
.in_about2 .about_con p {color: #333;margin-bottom: 25px;}
.in_about2 .about_con .more {display: inline-block;color: #333;line-height: 24px;}

.tab {background: #fff;text-align: center;}
.tab h3 {display:block;width: 25%;font-size: 14px;float: left;line-height: 65px;padding: 30px 0;font-weight: normal;position: relative;cursor: pointer}
.tab h3 a{color: #333;display: block;width: 135px;margin: auto;}
.tab h3 i {width: 55px;height: 55px;display: inline-block;border: 5px solid #fff;border-radius: 50%;background: #07bcf9;margin-right: 10px;box-shadow: 0 0 24px rgba(0, 115, 203, 0.35);float: left}
.tab h3 i img {position: relative;display: block;max-width: 100%;}
.tab h3.on i {background: #afafaf;box-shadow: 0 0 24px rgba(248, 162, 48, 0.35);}
.tab h3.on:after {position: absolute;border: 8px solid transparent;border-top-color: #f4810a;left:50%;transform: translateX(-50%);top:100%;content: "";}
.tab_con {margin-top: 30px;}

.con9_x{}
.con9_x ul{margin-top: 40px;}
.con9_x ul li {float: left;text-align: center;overflow: hidden;width: 21%;margin: 10px 2%;line-height: 42px;color: #999;font-size: 16px;cursor: pointer}
.con9_x ul li .img {border: 1px solid #e2e2e2;}
.con9_x ul li:hover .img {border-color: #999;}




.con9 {background: #f5f5f5;}
.con9 .box{border: 1px solid #dfdfdf;height: 420px;padding:10px 15px;box-sizing: border-box;overflow: hidden}
.con9 .box li {line-height: 38px;border-bottom: 1px dashed #bfbfbf;font-size: 14px;background: url(../images/fang.jpg) no-repeat 0 50%;padding-left: 12px;color: #666666;}
.con9 .box li span{float: right}
.con9 .box li a {color: #666;}
.con9 .box li:last-child {border-bottom: none;}
.con9 .tit {font-size: 18px;line-height: 40px;color: #666666;position: relative;}
.con9 .tit span {font-size: 12px;color: #999999;text-transform: uppercase;padding-left: 5px;}
.con9 .tit a {position: absolute;right: 0;top: 0;font: 400 14px/40px "微软雅黑";color: #666666;}
.con9 .img {height: 138px;overflow: hidden;margin-bottom: 20px;}
.con9a {width:25%;float: left;margin-right: 2%;}

.con9c {width:46%;float: right;}
.con9c.box li{line-height: 56px;}

#kehu {overflow: hidden;height: 342px;margin: 0 auto;position: relative;}
#jian {height: 100%;}
#zheng {}
#xtop {}

.lianjie {padding:10px 0;overflow: hidden;}
.lianjie a {margin-right:10px;}



.tel_info {background: #07bcf9;padding:20px 0;overflow: hidden;color: #ffffff}
.tel_info .container {display: flex; justify-content: space-around;}
.tel_info a{color: #ffffff;font-size: 16px;}
.tel_info img{height: 22px;margin-right: 5px;}

.footer_a {padding: 20px 0;}
.footer_a .ma {width:22%;float: left;margin-right:2%;}
.footer_a .ma .tit{font-size: 20px;color: #eee;margin-bottom: 4px;}
.footer_a .ma .img{width:50%;float: left}

.footer_a .foot_nav{width:22%;padding: 0 20px;box-sizing: border-box;float: left;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;margin-top: 20px;font-size: 12px;color: #333;line-height: 2.5}
.footer_a .foot_nav a{color: #333;display: inline-block;margin-right: 10px;}
.footer_tel {width:45%;float: right}

.footer_tel_top {background: url(../images/dianhua.jpg) no-repeat 0 center;padding-left: 46px;line-height: 2;}
.footer_tel_top a {display: block;color: #333;}
.footer_tel_top .btn {width: 138px;line-height: 40px;border: 1px solid #c7a55a;font-size: 14px;color: #333;text-align: center;float: right;}

.footer_tel .txt {font: 400 12px/30px "微软雅黑";color: #333;margin-top: 10px;padding-top: 10px;border-top: 1px #f1f1f1 solid;}
.footer_tel .txt a {color: #333;}

.footer_b {background: #161618;padding: 15px 0;text-align: center;font-size: 12px;color: rgba(255, 255, 255, 0.5);line-height: 1.7;}
.footer_b a {color: rgba(255, 255, 255, 0.5);}
.footer_b a:hover {color: rgba(255, 255, 255, 0.8);}

/*左侧工具条*/
#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #c7a55a;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font img {width: 80%;margin-top: 0.6rem;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #07bcf9;}
#toolbar li .icon-qq:after {background-position: -30px -150px;}
#toolbar li .icon-phone:after {background-position: -30px -90px;}
#toolbar li .icon-ewm:after {background-position: -30px -30px;}
#toolbar li .icon-message:after {background-position: -30px -120px;}
#toolbar li .icon-top:after {background-position: -30px -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #292e39;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #292e39;border-right: none;}
#toolbar li.ewm:hover .icon {background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #292e39;}
#toolbar li:hover a {width: 200px;}
#toolbar li:hover .icon-font {background-color: #c7a55a;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}
#toolbar li.ewm .ewm-box img {width: 100%;}

@media only screen and (max-width :812px) {
    .con6{font-size: 14px;}
    .con6 .tel{display: none}
    .con6 .btn{width:120px;float: right;margin: 0;}
    .in_about2 .about_con h3{font-size: 20px;padding: 10px 0;}
    .in_about2 .about_con p{margin-bottom: 0;}
    .con9_x ul li{width: 29%;}
    .con9 .box{height: auto;}
    .con9a{width: 48%;margin: 5px 1%;}
    .con9c.box{width: 98%;margin: 5px 1%;height: 280px;}
    .con9c.box li{line-height: 40px;}

    .tel_info .container {display: flex;flex-direction: column;align-items: center;}
    .footer_a .ma{width: 100%;margin:0 auto 10px;max-width: 260px;float: none}
    .footer_tel{width: 100%;float: none;}
    #toolbar,.footer_a .foot_nav,.footer_a .ma .tit {display: none;}
}


.post {padding: 15px 0;font-size: 14px;color: #2f2f2f;}
.post a {color: #2f2f2f;}
.post a:hover {color: #ab001a;}

.page_left {float: left;width: 305px;}
.page_left .box{margin-bottom: 20px;border: 1px solid #d2d2d2;}
.page_left .box .tit {background: #07bcf9;padding: 8px 24px;position: relative;}
.page_left .box .tit  h3 {font-size: 16px;color: #ffffff;line-height:2.5;font-weight: bold;position: relative;z-index: 9;}
.page_left .box .tit  i {position: absolute;left: -5px;top: -9px;font-style: normal;font-size: 67px;font-weight: bold;opacity: .1;color: #fff;line-height: 1;z-index: 1;text-transform: uppercase;}
.page_left .box .tit  span {font-weight: normal;font-size: 16px;color: #fff;opacity: .6;margin-left: 10px;text-transform: capitalize;}
.page_left .box .tit  span:before {content: "/";padding-right: 5px;}
.page_left .box .con{padding: 10px;}

.page_left .news ul{padding:10px;}
.page_left .news li {font-size: 14px;line-height:2.5;border-bottom: 1px #ccc dashed;color: #5a5a5a;}
.page_left .news li a {display: block;}
.page_left .news li a:before {content: '+';font-weight: bold;margin-right: 5px;font-size: 16px;}
.page_left .news li a:hover {color: #ab001a;}
.page_left .news li a:hover:before {color: #ab001a;}

.page_left .hot_keys a {font-size: 14px;color: #5a5a5a;line-height: 2.8;margin:3px 5px;padding: 0 10px;display: inline-block;text-align: center;border: 1px dashed #f1f1f1;}
.page_left .hot_keys a:hover {color: #ab001a;border-color: #ab001a;}

.page_left .contact {font-size: 14px;line-height: 2.5}
.page_left .contact h4 {line-height: 2;font-size: 16px;color: #000000;}
.page_left .contact p {border-top: 1px solid #eee;position: relative;color: #2f2f2f;}

.left_nav > li {border-bottom: 1px solid #eeeeee;position: relative}
.left_nav > li:last-child {border-bottom: none;}
.left_nav > li>a{font-size: 16px;line-height:50px;color: #2e2e2e;padding:0 18px;display: block;}
.left_nav > li .first-nav-btn {position: absolute;z-index: 99;width: 30px;height: 30px;text-align: center;top: 10px;right: 0px;cursor: pointer;background: url(../images/icon_spirit.png) 0 -240px no-repeat;}
.left_nav > li:hover  > a, .left_nav > li.on  > a {color: #ab001a;}
.left_nav > li:hover .first-nav-btn, .left_nav > li.on .first-nav-btn {color: #ab001a;}

.page_right {width: calc(100% - 330px);float: right;padding-bottom: 40px;}
.content{line-height: 2.4;font-size: 14px;}



.pro_list {}
.pro_list li {width: 30.333%;margin: 0 1.5% 20px 1.5%;padding: 10px 10px 0 10px;font-size: 14px;line-height:3;float: left;text-align: center;border: 1px solid #eeeeee;-webkit-transition: all .5s ease;transition: all .5s ease;box-sizing: border-box}
.pro_list li .img{overflow: hidden}
.pro_list li a{color: #5a5a5a;}
.pro_list li:hover {border-color: #292e39;}

.pages {margin-top: 20px;text-align: center;font-size: 0;}
.pages a{display: inline-block;font-size: 14px;color: #333333;font-family: "Microsoft YaHei", Arial;line-height: 26px;border: 1px solid #cbcbcb;margin: 5px !important;padding: 0 8px;}
.pages a.active, .pages a:hover {color: #fff;border-color: #292e39;background: #292e39;}

/* 内页新闻列表 */
.news_list li {border: 1px solid #e1e1e1;padding:20px 30px;font-size: 14px;background: #fff;margin-bottom: 35px;-webkit-transition: all .5s;transition: all .5s;}
.news_list li .tit {border-bottom: 1px solid #cbcbcb;margin-bottom: 15px;font-size: 18px;line-height: 46px;color: #565656;font-weight: normal;}
.news_list li .tit span {font-size: 14px;color: #666666;float: right}
.news_list li .info {font-size: 14px;line-height: 2;color: #999999;}
.news_list li .more {margin-top: 15px;display: inline-block;width: 130px;line-height:2.5;text-align: center;color: #666666;border: 1px solid #e1e1e1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.news_list li:hover {-webkit-box-shadow: 0 2px 13px 1px rgba(8, 1, 3, 0.18);box-shadow: 0 2px 13px 1px rgba(8, 1, 3, 0.18);}
.news_list li:hover .tit h3 {color: #292e39;}
.news_list li:hover .more{color: #fff;background-color: #292e39;}


.pro_list img{-webkit-transition: all .5s ease;transition: all .5s ease;}
.pro_list li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.show_img{width: 48%;float: left}
.show_text {width:48%;float: right;padding-top: 10px;color: #666;}
.show_text .text {line-height: 26px;margin-bottom:15px;padding-bottom: 15px;border-bottom: 1px dotted #dedede;}
.show_text .tel{line-height: 30px;margin-bottom: 10px;}
.show_text .tel a {color: #fff;width: 80px;background: #262a32;text-align: center;display: inline-block;float: left}
.show_text .tel span{font-size: 23px;color: #e60212;padding-left: 20px;}

.gallery_top{margin-bottom: 15px;border:1px solid #CCC}
.gallery_top li .img{height: 300px; }
.gallery_thumbs li .img{height:70px;border:1px solid #CCC }



.detail_title {font-size: 20px;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7;}
.info_bar {font-size: 14px;font-family: Arial;color: #9e9e9e;line-height: 35px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 20px;}
.info_bar .time {margin-right: 20px;position: relative;padding-left: 25px;}
.info_bar .time i {position: absolute;width: 20px;height: 20px;top: calc(50% - 10px);left: 0;}
.info_bar .time i:after {opacity: .5;background-position: 0 -360px;}

.detail_con {color: #333;line-height: 1.7;padding-bottom: 40px;}
.detail_con h2 {margin: 14px 0;font-size: 18px;}
.detail_con table {margin: 4px 0;width: 100%;}
.detail_con tbody tr {width: auto;}
.detail_con tbody td {padding: 20px;position: relative;display: block;height: auto;width: auto;}


.detail_tag .tags-title {border-bottom: 1px solid #c3c3c3;position: relative;}
.detail_tag .tags-title h3 {display: inline-block;padding: 0 30px;font-size: 16px;color: #292e39;line-height: 40px;border-bottom: 3px solid #ab001a;margin-bottom: -1px;}
.detail_tag .tags-title .baidu-share {position: absolute;right: 0;top: 8px;}

.detail_next {margin-top: 30px;}
.detail_next div {font-size: 14px;position: relative;border: 1px solid #eeeeee;margin-bottom: 10px;padding: 0 10px;line-height: 40px;}
.detail_next div b {color: #292e39;display: inline-block;font-weight: normal}
.detail_next div a {color: #666666;}
.detail_next div a:hover {color: #ab001a;}
.detail_next div span {position: absolute;right: 20px;top: 11px;font-size: 14px;color: #666666;}

/*相关产品 和 相关新闻*/
.relate {margin-top: 45px;font-size: 14px;}
.relate-title {border: 1px solid #eeeeee;line-height: 2.857;margin-bottom: 15px;}
.relate-title span {display: inline-block;color: #ab001a;padding: 0 1.4em;border-right: 1px solid #eeeeee;}
.relate-news li {float: left;width: 48%;position: relative;line-height: 2.2;color: #292e39;margin: 0 1%;box-sizing: border-box}
.relate-news li:before {content: '+';font-weight: bold;font-size: 16px;line-height: 1;margin-right: 5px;}
.relate-news li a {color: #666666;}
.relate-news li span {float: right;font-size: 12px;color: #666666;}
.relate-news li:hover a {color: #ab001a;}
.relate-news li:hover a:before {color: #ab001a;}
.relate-news li:hover span {color: #ab001a;}

@media (max-width: 812px) {
    .page_left,.page_right{width: 100%;float: none}
    .page_banner,.relate ,.page_left .news,.page_left .hot_keys,.page_left .contact,.left_nav > li .first-nav-btn{display: none;}
    .page_left .box .con{padding: 0;}
    .left_nav > li{display: inline-block;border: 0;}
    .left_nav > li>a{font-size: 14px;line-height: 2.5;color: #2e2e2e;padding: 0 18px;display: block;}

    .page_left .box .tit h3{line-height: 2;}

    .pro_list li {width:48%;margin:10px 1%;padding:5px;font-size: 12px;line-height:2;f}


    .news_list li {padding:5px 10px;font-size: 12px;margin-bottom:15px;}
    .news_list li .tit {margin-bottom:5px;font-size: 14px;line-height:2;}
    .news_list li .tit span {display: none}
    .news_list li .info {font-size: 12px;}

    .detail_title{font-size: 16px;}
    .detail_next{margin-top: 10px;}

    .show_img,.show_text{width: 98%;margin: auto;float: none}

}