@charset "utf-8";

@import "base.css";


body {line-height: 1.5;font-size: 14px;font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none;background: #fff;color: #333;}

img{border:none; vertical-align:middle;}
a {text-decoration: none;}
a:focus, button:focus {outline:none !important;}
i,em,label {font-style: normal;font-weight: normal;}
input,select,textarea {-webkit-appearance: none;outline: none;font-family: "Microsoft Yahei";}


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


.trans {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.form-control {display: block; width: 100%;background-color: #fff;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.font {font-weight: bold;letter-spacing: 1px}




/*导航*/
.header {position: relative;left:0;top:0;z-index: 199;width: 100%;background:#fff;-webkit-box-shadow: 2px 2px 2px rgba(120,120,120,0.2);box-shadow: 2px 2px 2px rgba(120,120,120,0.2);}
.header>.container{max-width: 1280px;}
.header .nav_tel {width: 235px;float: right;line-height: 20px;padding:25px 0 25px 60px;background: url(../images/tel_ico.png) no-repeat 10px center;box-sizing: border-box;position: relative}
.header .nav_tel:before {width: 1px;height: 100%;background: #e5e5e5;content: "";left: 0;top:0;position: absolute}
.header .nav_tel .con p span {color: #062a71;font-weight: bold}


.header .logo{width: 118px;float: left;padding:13px 0;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .logo img {-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .nav {float: left;width: calc( 100% - 360px);box-sizing: border-box;padding: 0 50px;}
.header .nav ul li{float: left;width: calc(100% / 8);font-size:16px;text-align: center;}
.header .nav ul li>a{color:#333;line-height:90px;display:block;font-weight:500;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav ul li:hover>a,.header .nav ul li.active>a{color: #fff;background-color: #062a71;}

.header .nav ul li .nav-sub {display: none;font-size: 16px;position:absolute; top:100%; left:0; z-index: 199;;width:100%; background-color:#fff;background-image: url(../images/nav_bg.jpg);background-repeat: repeat-x;background-position: center top;overflow: hidden;-webkit-box-shadow: 8px 8px 8px rgba(120,120,120,0.3);box-shadow: 8px 8px 8px rgba(120,120,120,0.3);}
/*.header .nav ul li .nav-sub dl {width:calc(100% - 360px);float: left}*/
.header .nav ul li .nav-sub dl{padding: 30px 0}
.header .nav ul li .nav-sub dl dd {width:23%;margin: 10px;line-height: 45px;color: #062a71;display: inline-block}

.header .nav ul li .nav-sub dl dd a {display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
.header .nav ul li .nav-sub dl dd a p {-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
.header .nav ul li .nav-sub dl dd a:hover {background-color: #f7f7f7;box-shadow: 0px 0px 15px #ccc}
.header .nav ul li .nav-sub dl dd a:hover p {color: #fff;background-color: #062a71;}

.header .nav ul li .nav-sub .imgbox {float:right;width:360px; overflow:hidden;margin-bottom: 10px;}
.header .nav ul li .nav-sub .imgbox p{ color:#062a71;}



.header.fixednav {position: fixed;}
.header.fixednav .logo {padding: 0;}
.header.fixednav .nav ul li a{line-height:64px;}
.header.fixednav .nav_tel {padding: 12px 0 12px 60px;}


.menu-button {width:30px;top: 20px;right: 20px;cursor: pointer;-webkit-transition: .3s;transition: .3s;display: none;position: absolute;z-index: 99999;background: rgba(0,0,0,0.2);padding: 5px;}
.menu-button .bar {position: relative;display: block;width:100%;height:3px;background: #fff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(2) {margin:8px 0;}
.cross .bar:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);-ms-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {opacity: 0;}
.cross .bar:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);-ms-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}

@media (max-width: 1200px) {

    .header .nav_tel{display: none}

    .header .nav {width: calc( 100% - 120px);}
    .header .nav ul li>a{color:#333;line-height:90px;display:block;font-weight:500;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    .header .nav ul li:hover>a,.header .nav ul li.active>a{color: #fff;background-color: #062a71;}

    .header .nav ul li .nav-sub {font-size:14px;padding:20px 0;}
    .header .nav ul li .nav-sub dl {width:calc(100% - 250px);}
    .header .nav ul li .nav-sub dl dd {width:calc(25% - 20px);line-height: 36px;}

    .header .nav ul li .nav-sub .imgbox {width:250px;}
}
@media (max-width:812px) {
    body{font-size: 12px;}

    .no_mobile{display: none}
    .menu-button{display: block}

    .header .logo{margin: auto;float: none}
    .header.fixednav .logo{padding: 13px 0;}
    .header .nav {width:100%;padding: 0 0 20px;box-sizing: border-box;display: none;-webkit-transition: .3s;transition: .3s;}
    .header .nav.open {display: block;-webkit-transition: .3s;transition: .3s;}
    .header .nav ul li{width:100%;float: none;}
    .header .nav ul li>a{line-height:40px!important;}

    .header .nav ul li .nav-sub {display: none!important;}


}



/*banner*/

.swiper-pagination-bullet{border:0;width: 12px;height: 12px;background: #FFFFFF;opacity: 1;}
.swiper-pagination-bullet-active{background:#062a71;width: 12px;height: 12px;}


.title {overflow:hidden; text-align:center;padding: 30px 0;color: #666;font-size: 16px;}
.title h4 {color: #333;font-size: 32px;letter-spacing: 1px;margin-bottom: 15px;}
.title p span {color: #062a71;}


.pro_lsit {background-color: #fbfbfb;padding: 20px;}
.pro_lsit ul li {float: left;width: 20%;text-align: center;font-weight: bold;font-size: 16px;color:#555;letter-spacing: 1px;}
.pro_lsit ul li a{color: #555;}
.pro_lsit ul li img {width: 100px;height: 100px;position: relative; top: 0;transition: all .3s;}
.pro_lsit ul li:hover a{color: #062a71;}
.pro_lsit ul li:hover img {top: -5px;}

.products_list {padding: 50px 0 70px;}
.products_list ul li {width:32%;float: left;margin-right:2%;margin-bottom: 20px;}
.products_list ul li img {max-width:258px}
.products_list ul li:nth-child(3n){margin-right:0;}

.products_list ul li{text-align: center;-webkit-transition:0.4s; -moz-transition:0.4s; transition:0.4s;}
.products_list ul li .txt {color: #333;width: 100%;padding: 15px;box-sizing: border-box;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
.products_list ul li .txt h4 {font-size: 20px;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
.products_list ul li .txt p {word-break: break-all;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}

.products_list ul li:hover {background-color: #f7f7f7;box-shadow: 0px 0px 15px #ccc}
.products_list ul li:hover .txt {background: #062a71;color: #fff;}
.products_list ul li:hover .txt h4 {color: #fff;}


@media (max-width: 1200px) {
    .title {font-size: 14px;}
    .title h4 {font-size: 28px;margin-bottom: 15px;}

    .pro_lsit ul li {font-size: 14px;}

    .products_list {padding: 20px 0 30px;}
    .products_list ul li .txt h4 {font-size:18px;}

}

@media (max-width: 812px) {
    .title {padding: 15px 0;font-size: 12px;}
    .title h4 {font-size: 20px;margin-bottom: 15px;}

    .pro_lsit ul li {width: 50%;font-size: 12px;margin-bottom: 10px;}

    .products_list {padding: 20px 0 30px;}
    .products_list ul li {width: 48%;margin: 10px 1%}
    .products_list ul li .txt {padding: 15px 5px 0}
    .products_list ul li .txt h4 {font-size:18px;}
}


.advertise {width: 100%;}



.application {padding: 30px 0;}
.application ul li{width: 25%;font-size: 24px;text-align:center;float: left;box-sizing: border-box;padding: 10px;overflow: hidden}
.application ul li .imgbox{position: relative;}
.application ul li .imgbox:first-child{margin-bottom:20px;}
.application ul li span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;}
.application ul li h4{width: 100%; display: block; bottom:3%;z-index: 99;color: #fff;position: absolute;}
.application ul li .imgbox:hover span{background: rgba(6, 42, 113, 0.6);height: 100%;z-index: 99}
.application ul li .imgbox:hover h4{bottom: 45%}





.in_case {width: 100%;background-color: #f0f0f0;}
.in_case  .container{background: #062a71;}
.in_case .hd  {position: absolute;left: 20px;bottom: 10px;z-index: 999}
.in_case .hd .btn_next,.in_case .hd .btn_prev{display: inline-block;vertical-align: top;width: 26px;height: 26px;border:1px solid #fff;background-image: url(../images/caes_arrow.png);background-repeat: no-repeat;cursor: pointer}
.in_case .hd .btn_prev {background-position: -26px 0;}
.in_case .hd .page span {cursor: pointer;display: inline-block;vertical-align: top;width: 26px;height: 26px;border:1px solid #fff;margin: 0 3px;position: relative}
.in_case .hd .page span:before {display: block;width: 10px;height: 10px;content: "";position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s}
.in_case .hd .page span.active:before {background: #fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s}


.in_case ul li{color: #fff;position: relative;overflow: hidden}
.in_case ul li .img {width: 40%;position: absolute;height: 100%;right: 0;top: 0}
.in_case ul li .img img{max-width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


.in_case ul li a{color: #fff;}
.in_case ul li .text {width:60%;padding: 30px 20px;margin-bottom: 30px;font-size: 16px;line-height: 2;box-sizing: border-box;background: #062a71;}
.in_case ul li .text .name {font-size: 26px;border-bottom: 1px dashed #fff;line-height: 3;margin-bottom: 30px;}
.in_case ul li .text .h {width: 200px;}

.swiper1 .swiper-container{padding-bottom: 40px;}
.swiper1 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0;}
.swiper1 .swiper-pagination-bullet{background: #999;}
.swiper1 .swiper-pagination-bullet-active{background:#062a71;}
.swiper1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}




.in_news {padding:30px 0;}
.in_news ul li .img{overflow: hidden;}
.in_news ul li .img img {-webkit-transition: all 0.6s;transition: all 0.6s;}
.in_news ul li .img:hover img  {-webkit-transform: scale(1.08);transform: scale(1.08);}

.in_news ul li .desc {color: #666;padding: 20px;background-color: #f5f5f5;}
.in_news ul li .desc .name {margin-bottom: 10px;font-size: 18px;}
.in_news ul li .desc .name a {color: #333;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s}
.in_news ul li .desc .name a:hover {color: #062a71}

.in_news ul li .more{max-width: 140px;margin: 20px auto;line-height:40px;background: #999;color: #fff;display: block;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s}
.in_news ul li .more:hover {background-color: #062a71;}


.cooperation {padding: 40px 0;background: url(../images/cooperation_bg.jpg) no-repeat center;background-size: cover;}
.cooperation ul li {border:1px solid #e5e5e5;border-right:none;border-bottom:none;box-sizing: border-box;transition: all 0.3s}
.cooperation ul li img {display: block;width: 100%;height: 100%;margin: auto;transition: all 0.3s}
.cooperation ul li:hover{background:#f2f2f2;}
.cooperation ul li:hover img{transform: scale(0.85)}

.links_wrap {margin-top: 20px;font-size: 15px;}
.links_wrap h4 {display: block;color: #333;font-size: 16px;margin-bottom: 10px;}
.links_wrap a {display: inline-block;color: #333;margin-right: 5px;}
.links_wrap a:hover {color: #062a71}
@media (max-width: 1200px) {
    .application,.in_news,.cooperation{padding: 10px 0;}
    .application ul li{font-size:18px;padding:5px;}
    .application ul li .imgbox:first-child{margin-bottom:10px;}
}
@media (max-width: 812px) {
    .application ul li{font-size:14px;width: 50%}

    .in_case .hd{position: initial;text-align: center;margin-bottom: 15px;}
    .in_case ul li .img {width: 100%;position: initial;height: auto}
    .in_case ul li .img img{max-width: 100%;height:auto;transform: translate(0);position:initial}


    .in_case ul li .text {width:1000%;padding:20px 10px;margin-bottom:0;font-size: 12px;}
    .in_case ul li .text .name {font-size:18px;margin-bottom: 10px;}


    .in_news ul li .desc {padding: 10px;}
    .in_news ul li .desc .name {font-size: 14px;}
    .in_news ul li .more{margin:10px auto;}

    .links_wrap {margin-top:10px;font-size: 12px;}
    .links_wrap h4 {font-size: 14px;}

}


/*底部*/
#footer{background:#232323;position: relative;}
#footer:before {display: block;width: 42px;height: 42px;left: 50%;top:-21px;content: '';position: absolute;transform: translateX(-50%);background: url(../images/foot_ico.png) no-repeat center;}

.foot_list {padding: 40px 0 30px;}
.foot_list .foot_nav {float: left;}
.foot_list .foot_nav dl{float:left;margin-right:62px;}
.foot_list .foot_nav dl:last-of-type{margin-right:0;}
.foot_list .foot_nav dt{overflow:hidden;line-height:40px;color:#fff; font-size:16px;}
.foot_list .foot_nav dd{line-height:30px;color: #888}
.foot_list .foot_nav dd i{margin-right:6px; margin-left:10px;}
.foot_list .foot_nav dd a {color: #888}
.foot_list .foot_nav dd a:hover {color:#062a71;}
.foot_list .foot_contact {float: right;}
.foot_list .foot_contact ul {margin-top: 18px;}
.foot_list .foot_contact ul li {display: inline-block;vertical-align: middle;width: 128px;margin-left: 25px;text-align: center;}
.foot_list .foot_contact ul li img {display: block;width: 128px;margin-bottom: 10px;}
.foot_list .foot_contact ul li p {color: #fff;}

#footer .copy {color: #888;font-size:14px;border-top: 1px solid #313131;padding: 15px 0px;overflow:hidden;}
#footer .copy a {color: #888;}
#footer .copy a:hover {color: #fff;}

@media (max-width: 812px) {
    .foot_list {padding: 30px 0 20px;}

    .foot_list .foot_contact {float: none;margin: auto}
    .foot_list .foot_contact ul li {width: 100%;margin-left:0;text-align: center;}
    .foot_list .foot_contact ul li img {width: 80px;margin:0 auto 10px }

    #footer .copy {font-size:12px;}
}




.qqkefu{position: fixed;bottom:200px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:900;right:0;width:50px;transition:all 0.8s ease;}
.qqkefu:hover{ margin-top:5px;}
.qqkefu ul li{width: 50px;height:50px;margin-bottom:3px;float:right;line-height:50px;font-size:14px; color:#fff; cursor:pointer;position:relative;text-indent:10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 50px; font-size:14px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#062a71;}
.qqkefu ul li.top{background: #989898 url(../images/side_icons.png) no-repeat -250px 0px;position:relative;width:50px;height: 50px;cursor:pointer;}
.qqkefu ul li.top:hover{background:#062a71 url(../images/side_icons.png) no-repeat -250px 0px;}
.qqkefu ul li b{width:50px;height:50px;display:block;overflow:hidden;float:right;background-image: url(../images/side_icons.png);background-color: #989898;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background-position: 0px 0px}
.qqkefu ul li b.b{background-position: -50px 0px}
.qqkefu ul li b.c{background-position: -100px 0px}
.qqkefu ul li b.d{background-position: -150px 0px}
.qqkefu ul li b.e{background-position: -200px 0px}
.qqkefu ul li:hover b{background-color: #062a71;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.qqkefu .erweima{position: absolute;width:125px;bottom: 0px;left: -138px;float: right;cursor: default !important;padding: 5px;border:1px solid #ccc;background:#fff;display:none;}
.qqkefu .erweima img{width:100%;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}





.banner_page {width: 100%;height: 420px;background-position: center;background-repeat: no-repeat;background-size: cover}
.location {line-height: 40px;font-size: 14px;padding-left: 25px;background: url(../images/crm-icon.png) no-repeat left center;box-sizing: border-box;}
.location a {color: #666;}
.location a:hover {color: #062a71;}

.container-con {padding: 10px 0 80px;}

.menu_box {width: 240px;float: left;}
.menu_box .head {width: 100%;color: #fff;line-height: 98px;font-size: 30px;text-transform: uppercase;text-align: center;background: url(../images/menu_nav.jpg) no-repeat center;}
.menu_box .menu_nav ul{ border: solid 1px #ececec;}
.menu_box .menu_nav ul li{ border-bottom:1px solid #fff; line-height:55px; font-size: 16px; background: #f6f6f6}
.menu_box .menu_nav ul li:last-child{ border-bottom: none;}
.menu_box .menu_nav ul li>a{ display:block;  color: #555;padding-left:30px; padding-right:40px;position:relative;overflow: hidden;}
.menu_box .menu_nav ul li>a::before{ position:absolute; content: url(../images/ico_ain.png); width:15px; height:15px; right:30px;}
.menu_box .menu_nav ul li:hover>a, .menu_box .menu_nav ul li.active>a{ color:#062a71;}
.menu_box .menu_nav ul li:hover>a::before, .menu_box .menu_nav ul li.active>a::before{ content: url(../images/ico_aon.png);}

.menu_box .menu_nav ul li .submenu {background-color: #fff;display: none;}
.menu_box .menu_nav ul li.active .submenu {display: block;}
.menu_box .menu_nav ul li .submenu a {display: block;color: #555;font-size: 15px;padding: 0 30px;line-height: 45px;border-bottom: 1px solid #ececec}
.menu_box .menu_nav ul li .submenu a:hover,.menu_box .menu_nav ul li .submenu a.active {color: #062a71;}
.menu_box .menu_nav ul li .submenu a:last-child{ border-bottom: none;}


.content_box {float: right;width:calc(100% - 260px);}
.content_box>.h {width: 100%;line-height: 42px;font-size: 20px;color: #333;border-bottom: 1px solid #dcdcdc;}
.content_box>.h>span {display: inline-block;position: relative}
.content_box>.h>span:before {width: 100%;height:2px;background:#062a71;content: "";left: 0;bottom: -1px;position: absolute}
.content_box .content {padding: 30px 0;}
.content_box .content img{max-width: 90%}
.content_box .content.about {line-height: 2;}


.cases ul li {float: left;width:32%;margin-top: 20px;margin-right:2%;font-size: 16px;}
.cases ul li:nth-child(3n) {margin-right: 0;}
.cases ul li p{margin-top: 10px;color: #666;border:1px solid #e5e5e5;line-height: 58px;padding: 0 20px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.cases ul li:hover p {background: #062a71;border-color: #062a71;color: #fff}




@media (max-width: 812px) {
    .banner_page{height: 26vh;}


    .container-con {padding: 10px 0 80px;}

    .menu_box {width: 100%;float: none;}
    .menu_box .head {line-height:40px;font-size:18px;background:#062a71;}

    .menu_box .menu_nav ul{margin-bottom: 20px;}
    .menu_box .menu_nav ul li{ border:0; line-height:2; font-size: 14px;display: inline-block;}
    .menu_box .menu_nav ul li>a{padding:0 15px;}
    .menu_box .menu_nav ul li>a::before{display: none}

    .content_box {float: none;width:100%;}
    .content_box>.h {font-size:16px;}

    .cases ul li {width:48%;margin: 10px 1% !important;font-size: 12px;}
    .cases ul li p{line-height: 30px;padding: 0 10px;}

}


.products {padding: 60px 0 20px;}



.wrap_nav {margin-top: 15px;}
.wrap_nav a {font-size:16px;line-height:3;width: 20%;color: #666;background: #f4f4f4;float: left;display: block;text-align: center;box-sizing: border-box;}
.wrap_nav a:hover, .wrap_nav a.active{color: #fff;background: #062a71}



/*产品详情*/
.pro_wrap {padding: 20px 0 100px;}
.pro-des #magnifier {position: relative;width:46%;float: left}

#magnifier .gallery-top li .con{border: 1px solid #ebebeb;height: 400px;position: relative}
#magnifier .gallery-top li .con img{max-height: 100%;max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

#magnifier .gallery-thumbs{position: relative;margin-top: 20px;}
#magnifier .gallery-thumbs li .con{border: 1px solid #ebebeb;position: relative;overflow: hidden;}
#magnifier .gallery-thumbs li.swiper-slide-active .con{background: #062a71;}


/*产品信息*/
.pro-info {width: 50%;float: right}
.pro-info h1 {color: #333;font-size: 26px;line-height: 2;font-weight: bold;}
.pro-info .des {margin-bottom: 40px;padding: 20px 0;font-size: 15px;line-height: 2;color: #333;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}

.pro-info .pro-contact ul li {display: inline-block;margin-right: 20px;position: relative;}
.pro-info .pro-contact ul li>a {font-size: 16px;display: block;padding: 0 30px;line-height: 3;text-align: center;color: #fff;background: #062a71;}
.pro-info .pro-contact ul li .tel_content {display: none;width: 210px;background: #fff;box-shadow: 1px 1px 8px #ccc;padding: 20px 20px 0;border-radius: 10px;box-sizing: border-box;position: absolute;left: 50%;bottom: 60px;transform: translate(-50%,0%);z-index: 10}
.pro-info .pro-contact ul li:hover .tel_content {display: block;}
.pro-info .pro-contact ul li .tel_content:before {content: ""; display: block; width: 16px; height: 16px; box-shadow: 1px 1px 8px #ccc; background-color: #fff; position: absolute; bottom: -14px; left: 50%; -webkit-transform: rotate(45deg) translate(-50%,0%); transform: rotate(45deg) translate(-50%,0%); z-index: -1; } .pro-info .pro-contact ul li .tel_content:after {content: "";display: block;position: absolute;left: 0px;bottom: 0px;z-index: -1;width: 100%;height: 100%;background-color: #fff;border-radius: 10px;overflow: hidden;}
.pro-info .pro-contact ul li .tel_content .item {color: #666;margin-bottom: 15px;padding-left: 35px;background: url("../images/tel_ico1.png") no-repeat left center}
.pro-info .pro-contact ul li .tel_content .item:nth-child(2) {background-image: url("../images/tel_ico2.png");}
.pro-info .pro-contact ul li .tel_content .item h2 {color: #062a71;font-size: 18px;font-weight: bold;}

.pro-details {margin-top: 40px;}
.pro-details .hd{width: 100%;line-height: 50px;font-size: 16px;color: #fff;border:1px solid #dcdcdc;background: #f3f3f3;box-sizing: border-box;}
.pro-details .hd span {padding: 0 30px;background:#062a71;display: inline-block}
.pro-details .desc_row {color: #666;font-size: 15px;line-height:1.8;border:1px solid #dcdcdc;padding: 20px;}
.pro-details .desc_row h5 {color: #424242;font-size: 16px;margin-bottom: 8px;}


@media (max-width: 812px) {
    .products {padding: 20px 0;}
    .wrap_nav a {font-size:12px;width:auto;float: none;display:inline-block;padding: 0 15px;}

    .pro_wrap {padding: 20px 0 30px;}
    .pro-des #magnifier,.pro-info {width:100%;float: none;margin-bottom: 20px;}
    #magnifier .gallery-top li .con{height: 240px;}



    /*产品信息*/
    .pro-info h1 {font-size: 16px;}
    .pro-info .des {margin-bottom: 10px;padding: 20px 0;font-size: 14px;}
    .pro-info .pro-contact ul{text-align: center}
    .pro-info .pro-contact ul li {margin:0 5px;}
    .pro-info .pro-contact ul li>a {font-size: 12px;}

    .pro-info .pro-contact ul li .tel_content {text-align: left}
    .pro-info .pro-contact ul li .tel_content .item h2 {font-size: 18px;}

    .pro-details {margin-top: 20px;}
    .pro-details .hd{font-size: 14px;}

    .pro-details .desc_row {font-size: 12px;padding: 10px;}

}




/*相册图css*/
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,0.25);display: none;}
.lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {padding: 4px;}
.lb-loader {position: absolute;top: 45%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {left: 0;}
.lb-nav a {outline: none;}
.lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;display: block;}
.lb-prev {left: -50px;float: left;background: url(../images/prev.png) left 48% no-repeat;background-size: 25%;}
.lb-next {right: 0;float: right; background: url(../images/next.png) right 48% no-repeat;background-size: 25%;}
.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottom-right: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #bbbbbb;}
.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-number {display: none;clear: left;padding-bottom: 1em;font-size: 0px;color: #999999;}
.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}



.menu_box .info_nav {margin-top: 30px;}
.menu_box .info_nav .h {width: 100%;height: 40px;line-height: 40px;color: #fff;font-size: 16px;background-color: #062a71;padding: 0px 20px;box-sizing: border-box;}
.menu_box .info_nav .con {border:1px solid #dcdcdc;padding:5px;}
.menu_box .info_nav .con ul li {margin: 5px 0px;height: 24px;line-height: 24px;}
.menu_box .info_nav .con ul li::before {content: '';display: block;float: left;width: 6px;height: 6px;background-color: #062a71;margin: 9px 10px 9px 5px;}
.menu_box .info_nav .con ul li a {display: block;color: #333;font-size: 14px;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.menu_box .info_nav .con ul li a:hover {color: #062a71}




.page {width: 100%;text-align: center;padding-top: 20px;}
.page a {display: inline-block;vertical-align: top;min-width: 40px;height: 40px;line-height: 40px;color: #999;font-size: 15px;background: #e6e6e6;padding: 0px 10px;margin: 0px 2px;border-radius: 4px;box-sizing: border-box;}
.page a:hover,.content_box .page a.active {background: #062a71;color: #fff;}

.content_detail {padding-top: 10px;}
.content_detail h1 {color: #333;font-size: 24px;line-height: 100%;}
.content_detail .info {border-bottom: 1px solid #e5e5e5;padding: 10px 0;color: #555;font-size: 14px;}
.content_detail .detail {padding: 20px 0 30px;color: #333;font-size: 16px;line-height:1.8;}
.content_detail .detail table td {padding: 10px !important}
.content_detail .detail p{text-indent: 2em;margin-bottom: 2px;text-align: justify;}

.content_detail .share {margin: 10px 0 0;}
.content_detail .page_info {border-top: 1px solid #e5e5e5;padding: 15px 0;margin-top: 10px;}
.content_detail .page_info .arrow p {color: #666;font-size: 14px;margin-bottom: 5px;}
.content_detail .page_info .arrow p a {color: #666;}
.content_detail .page_info .arrow p a:hover {color: #062a71;}
.content_detail .page_info .back {margin-top: 3px;}
.content_detail .page_info .back a{display: block;width: 145px;line-height: 45px;color: #888;font-size: 16px;text-align: center;background: #ddd;border-radius: 5px;}
.content_detail .page_info .back a:hover{background: #062a71;color: #fff;}

@media (max-width: 812px) {
    .content_detail h1 {font-size:18px;}
    .content_detail .info {text-align: center;font-size: 12px;}
    .content_detail .detail{font-size: 12px;}
    .content_detail .detail table td {padding:5px !important}

    .content_detail .page_info .back a{line-height:30px;font-size: 12px;}
}

/*分享*/
.share .bdsharebuttonbox a {display: inline-block;vertical-align: top;width: 20px;height: 20px;background: url(../images/share-icon.jpg) no-repeat;background-size: auto 20px;box-sizing: border-box;}
.share .bdsharebuttonbox a.bds_more {background-position: 0px 0px;}
.share .bdsharebuttonbox a.bds_tsina {background-position: -40px 0px;}
.share .bdsharebuttonbox a.bds_weixin {background-position: -20px 0px;}
.share .bdsharebuttonbox a.bds_qzone {background-position: -60px 0px;}
.share .bdsharebuttonbox a.bds_tqq {background-position: -80px 0px;}
.share .bdsharebuttonbox a.bds_sqq {background-position: -100px 0px;}


.content_box .container>.detail p {color: #333;font-size: 15px;line-height: 26px;}


.news ul li {border-bottom: 1px dashed #e3e3e3;padding-bottom: 25px;margin-bottom: 25px;}
.news ul li .h {text-indent:36px;font-size: 22px;margin-bottom: 20px;position: relative;}
.news ul li .h:before{width: 10px;height: 10px;border-radius: 50%;border: 5px solid #062a71;left: 0;top: 50%;transform: translateY(-50%);content: "";position: absolute}
.news ul li .h a {color: #333;}
.news ul li .h a:hover {color: #062a71}

.news ul li .img {width: 265px;height: 175px;overflow: hidden;float: left;}
.news ul li .img img {-webkit-transition: all 0.6s;transition: all 0.6s;}
.news ul li .img:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}

.news ul li .txt {float: right;width:calc(100% - 290px);}
.news ul li .txt .desc {font-size: 15px;}
.news ul li .txt .date {color: #888;margin: 16px 0;}

.news ul li .txt .tag {color: #555;line-height: 44px;}
.news ul li .txt .tag a.more {display: inline-block;padding: 0 40px;color: #555;font-size: 16px;text-align: center;border:1px solid #dcdcdc;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.news ul li .txt .tag a.more:hover {border-color: #062a71;background: #062a71;color: #fff;}

.news ul li .txt .tag a {margin-right: 10px}
.news ul li .txt .tag a:hover {color: #062a71}

@media (max-width: 812px) {
    .news ul li {padding-bottom:15px;margin-bottom: 15px;}
    .news ul li .h {font-size:16px;margin-bottom: 10px;}
    .news ul li .h:before{width:6px;height:6px;border: 2px solid #062a71;}


    .news ul li .img {display: none}


    .news ul li .txt {float: none;width:100%;}
    .news ul li .txt .desc {font-size: 13px;}
    .news ul li .txt .date {margin: 16px 0;}


}

.content_box .about p {color: #333;font-size: 15px;line-height: 26px;text-indent: 2em;}



.contact .row {margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #e5e5e5;}
.contact .row .text {width: 445px;}
.contact .row .text p {color: #333;font-size: 16px;line-height: 28px;}
.contact .row .img {width: 465px;height: 265px;overflow: hidden;}