@charset "utf-8";

@import 'error.css';
@import 'pagination.css';

a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
ol,ul,h1,h2,h3,h4,h5,h6,p,dd,dt,dl{ margin: 0; padding: 0;}
*{
    font-family: "微软雅黑";
    margin: 0;
    padding: 0;
    list-style: none;
}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container{max-width:1200px !important; height: 100%; padding-left: 0; padding-right: 0;}
.container img[data-link]{cursor: pointer;}
@media (max-width:991px){
    .container{padding-left: 15px; padding-right: 15px;}
}
.container-fluid{max-width: 1600px!important; height: 100%;}
.content{margin-top: 30px;}
.middle{vertical-align: middle;display: table-cell;}
.tr{transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
header .head_main{width: 100%;}
header .head_box{width: 100%; height: 90px; background-color: #ffffff; position: relative;}
header .head_box .logo{height: 100%; display: table; float: left;}
header .head_box .logo a{display: table-cell; vertical-align: middle;}
header .head_box .logo a img{max-width: 100%; width: 158px; height: auto;}
/**/
header .navbar-toggle{ margin:0; position:absolute; padding:0; transform:translate(0,-50%); display:block;  cursor:pointer;}
header .navbar-toggle .icon-bar{background:#333333; width:35px; height:5px;}
header .navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
.tx .icon-bar:nth-child(1){ margin-top:12px; transform:rotateZ(45deg);}
.tx .icon-bar:nth-child(2){ opacity:0;}
.tx .icon-bar:nth-child(3){ top:50%; position:absolute; margin:0 !important; transform:translate(0,-50%) rotateZ(135deg);}
/**/
header .head_box .head_right{float: right; width: calc(100% - 180px); height: 100%;}
header .head_box .head_nav{float: left; height: 100%; width: calc(100% - 280px); padding: 0 100px;}
header .head_box .head_nav ul{margin: 0; padding: 0;}
header .head_box .top_li{float: left; position: relative; text-align: center; width: 12.5%;}
header .head_box .top_li>a{color: #2e2e2e; font-size: 17px; display: block; width: 100%; line-height: 90px; position: relative;}
header .head_box .top_li>a::before{content: ""; position: absolute; left: 0; right: 0; bottom: 15px; margin: auto; width: 0; height: 1px; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
header .head_box .top_li:hover>a{color: #7318e9; font-weight: bold;}
header .head_box .top_li:hover>a::before{width: 33px; background-color: #e9e9e9;}
header .head_box .top_li .er{display: none; position:absolute; top:90px; left: 0; width: 100%; z-index:99999;}
header .head_box .top_li .er>li{height: 40px; background: rgba(0,0,0,.7); transition:all 0.3s;}
header .head_box .top_li .er>li a{line-height:40px; color:#fff; display: block;}
header .head_box .top_li .er>li:hover a{color: #fff0f0; background-color: #5513b7;}
header .head_box .top_tel{width: 280px; padding: 30px 5px 0 30px; background-color: #380d78; float: left; overflow: hidden; height: 100%; position: relative; z-index: 2;}
header .head_box .top_tel span{float: left; width: 32px; height: 30px; background: url(../images/top_01.png) no-repeat; background-size: 100% 100%; margin-right: 15px;}
header .head_box .top_tel h4{float: left; background: url(../images/top_02.png) no-repeat left center; padding-left: 38px; font-size: 22px; color: #fff; line-height: 30px;}
header .head_box .top_tel_bg{position: absolute; right: 0; top: 0; width: 17%; height: 100%; background-color: #380d78; z-index: 0;}
header .banner1{width: 100%;}
header .banner1 .container{position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
header .banner1 .swiper-pagination-bullet{}
header .banner1 .swiper-pagination-bullet-active{background: #e50617;}
header .banner1 img{width: 100%;}
section{width: 100%; overflow: hidden;}

.top_banner1{position: relative; width: 100%; height: 100%;}
.top_banner1 .container{position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%;}
.top_banner1 .bannerQuery{position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; overflow: hidden; background-color: rgba(19,18,111,0.8); z-index: 9;}
.top_banner1 .bannerQuery::before{content: ""; position: absolute; left: 0; bottom: 0; width: 215px; height: 5px; background-color: #e60012;}
.top_banner1 .bannerQuery .title{width: 215px; text-align: center; float: left;}
.top_banner1 .bannerQuery .title span{display: inline-block; font-size: 24px; color: #FFFFFF; padding-left: 50px; line-height: 50px; background: url(../images/query_title.png) no-repeat left center;}
.top_banner1 .bannerQuery .bannerForm{width: calc(100% - 215px); float: left; height: 50px; overflow: hidden;}
.top_banner1 .bannerQuery .bannerForm .fTxt{width: calc(100% - 195px); float: left; border: none; padding: 0 45px 0 15px; font-size: 16px; color: #333333; background: url(../images/fangda.png) no-repeat 98% center #FFFFFF; height: 100%;}
.top_banner1 .bannerQuery .bannerForm .fBtn{width: 185px; float: right; height: 100%; border: 2px solid #FFFFFF; font-size: 18px; color: #FFFFFF; font-weight: bold; background-color: #13126f;}
/*  */
.bannerNav{width: 100%; position: absolute; bottom: -130px; z-index: 9;}
.bannerNav .title{width: 25%; float: left; height: 130px;}
.bannerNav .title .img{width: 100%; height: 100%; }
.bannerNav .item{width: 25%; float: left; height: 130px; padding-top: 20px;}
.bannerNav .item a{display: block; width: 100%; height: 100%; text-align: center;}
.bannerNav .item .imgbox{position: relative; text-align: center; height: 54px; display: inline-block; width: 50px;}
.bannerNav .item .imgbox::before, .bannerNav .item .imgbox::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 27px; height: 20px; background: url(../images/box1_gang.png) no-repeat; background-size: 100% 100%;}
.bannerNav .item .imgbox::before{left: 120%; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.bannerNav .item .imgbox::after{right: 120%;}
.bannerNav .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-height: 100%;}
.bannerNav .item .txt{font-size: 18px; color: #FFFFFF; text-align: center; margin-top: 10px;}
.bannerNav .item:nth-child(2){background-color: #13126f;}
.bannerNav .item:nth-child(3){background-color: #5513b7;}
.bannerNav .item:nth-child(4){background-color: #e60012;}
.bannerNav .item:hover .imgbox .img{transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
/*  */
.titleIndex{width: 100%; text-align: center; position: relative;}
.titleIndex h4::before{content: ""; position: absolute; left: 0; right: 0; bottom: 17px; margin: auto; width: 40px; height: 3px; background: url(../images/title_gang.png) no-repeat; background-size: 100% 100%;}
.titleIndex h4::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 170px; height: 1px; background-color: #d7d7d7;}
.titleIndex h4{font-size: 32px; color: #343434; font-weight: bold; position: relative; padding-bottom: 38px;}
.titleIndex h4 span{font-weight: normal;}
.titleIndex h5{font-size: 16px; color: #595959; margin-top: 15px;}
/*  */
.box2{width: 100%;padding: 180px 0 40px 0;background-color: #EEEEEE;}
.box2 .item{width: 20%; float: left; text-align: center; overflow: hidden;}
.box2 .item .shu{position: relative; font-size: 36px; color: #2b2b2b; display: inline-block;}
.box2 .item .shu::before{content: "+"; position: absolute; font-size: 24px; right: -25px; top: 0;}
.box2 .item .txt{font-size: 18px; color: #6b6b6b; margin-top: 5px;}
.box2 .item:nth-child(1) .shu::before{content: "万"; position: absolute; font-size: 20px; right: -30px; top: 0;}
/*  */
.box3{width: 100%; padding: 40px 0 0 0;}
.box3 .hd{text-align: center;}
.box3 .hd ul{display: inline-block; width: 100%;}
.box3 .hd ul li{width: 50%; float: left;}
.box3 .hd ul li a{display: block; text-align: center; position: relative;}
.box3 .hd ul li a span{display: inline-block; font-size: 26px; color: #595959; padding-left: 60px; line-height: 60px;}
.box3 .hd ul li a::before{content: ""; position: absolute; bottom: -36px; left: 0; right: 0; margin: auto; width: 68px; height: 34px; background: url(../images/box3_jian.png) no-repeat center 100%; background-size: 100% 100%; display: none;}
.box3 .hd ul li:nth-child(1) a span{background: url(../images/box3_hd_01.png) no-repeat left center;}
.box3 .hd ul li:nth-child(1) a:hover span{background: url(../images/box3_hd_01s.png) no-repeat left center;}
.box3 .hd ul li:nth-child(2) a span{background: url(../images/box3_hd_02.png) no-repeat left center;}
.box3 .hd ul li:nth-child(2) a:hover span{background: url(../images/box3_hd_02s.png) no-repeat left center;}
.box3 .hd ul li a:hover span{color: #380d78; font-weight: bold;}
.box3 .hd ul li a:hover::before{display: block;}
.box3 .hd ul .on a::before{display: block;}
.box3 .hd ul .on:nth-child(1) a span{background: url(../images/box3_hd_01s.png) no-repeat left center;}
.box3 .hd ul .on:nth-child(2) a span{background: url(../images/box3_hd_02s.png) no-repeat left center;}
.box3 .bd{width: 100%; padding: 40px 0; background: url(../images/box3_bg.jpg) no-repeat center center; background-size: cover;}
.box3 .item{width: 100%;}
.box3 .item a{display: block; width: 100%; height: 100%;}
.box3 .item .imgbox{position: relative; overflow: hidden; border-radius: 5px;}
.box3 .item .imgbox::before{content: ""; display: block; padding-top: 54%;}
.box3 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-width: 100%;}
.box3 .item .txtbox{position: relative; padding: 0 140px 0 15px; background-color: #FFFFFF; overflow: hidden; zoom: 1;}
.box3 .item .txtbox .title{font-size: 20px; color: #1f1f1f; float: left; line-height: 50px;}
.box3 .item .txtbox .more{position: absolute; line-height: 30px; right: 15px; top: 0; line-height: 50px; padding-right: 45px; font-size: 12px; color: #a3a3a3; background: url(../images/jian2.png) no-repeat right center;}
.box3 .item:hover .imgbox .img{transform:scale(1.1);}
/*  */
.box4{width: 100%;}
.box4 .item{width: 100%;}
.box4 .item .txtbox{width: 50%; float: left; background-color: #FFFFFF; position: relative; padding: 50px 20px 0 0;}
.box4 .item .txtbox .title{font-size: 30px; color: #380d78; position: relative; padding-bottom: 20px;}
.box4 .item .txtbox .title::before{content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background-color: #cfcfcf;}
.box4 .item .txtbox .txt{font-size: 16px; color: #383838; line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px;}
.box4 .item .txtbox .more{width: 150px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background-color: #E60011; font-size: 16px; color: #FFFFFF; display: inline-block; margin-top: 20px;}
.box4 .item .imgbox{width: 50%; float: left; overflow: hidden; text-align: center; position: relative;}
.box4 .item .imgbox::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 48px; height: 98px; background: url(../images/jian3.png) no-repeat; background-size: 100% 100%;}
.box4 .item .imgbox img{max-width: 100%; height: auto;}
.box4 .item:nth-child(even) .txtbox{left: 50%; text-align: right; padding: 50px 0 0 20px;}
.box4 .item:nth-child(even) .imgbox{right: 50%;}
.box4 .item:nth-child(even) .txtbox .title::before{right: 0; left: auto;}
.box4 .item:nth-child(even) .imgbox::before{right: 0; left: auto; transform:rotateY(180deg); -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
/*  */
.box5{width: 100%; padding: 40px 0; background-color: #f6f6f6;}
.box5 .hd{text-align: center;}
.box5 .hd ul{display: inline-block;}
.box5 .hd ul li{float: left; padding: 0 20px;}
.box5 .hd ul li a{display: block; text-align: center; position: relative; padding-bottom: 13px; font-size: 22px; color: #757575;}
.box5 .hd ul li a::before{content: ""; position: absolute; width: 0; height: 4px; border-radius: 4px; bottom: 0; left: 0; right: 0; margin: auto; background-color: #785ba2;transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.box5 .hd ul li a:hover{color: #785ba2;}
.box5 .hd ul li a:hover::before{width: 30px;}
.box5 .hd ul .on a{color: #785ba2;}
.box5 .hd ul .on a::before{width: 30px;}
.box5 .bd{margin-top: 30px;}
.box5 .bd ul{overflow: hidden;}
.box5 .item{width: 33.333%; padding: 0 10px; float: left;}
.box5 .item a{display: block; width: 100%; height: 100%;}
.box5 .item .imgbox{position: relative; overflow: hidden; border-radius: 5px;}
.box5 .item .imgbox::before{content: ""; display: block; padding-top: 66%;}
.box5 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto;}
.box5 .item .txtbox{width: 100%; margin-top: 10px;}
.box5 .item .txtbox .title{line-height: 1.5; font-size: 18px; color: #171717;}
.box5 .item .txtbox .txt{font-size: 14px; color: #919191; height: 48px; line-height: 24px; overflow: hidden; margin-top: 10px;}
.box5 .item .txtbox .date{display: inline-block; margin-top: 10px; font-size: 14px; color: #666666; padding-left: 20px; line-height: 24px; background: url(../images/box5_more.jpg) no-repeat left center;}
.box5 .item:hover .imgbox .img{transform:scale(1.1);}
/*  */
.foot1{width: 100%; background-color: #ebebeb; }
.foot1 .container{border-bottom: 1px solid #c9c9c9; padding: 40px 0 30px 0;}
.foot1 .left{float: left;}
.foot1 .right{float: right;}
.foot1 .footLogo{width: 124px; height: auto; display: inline-block; float: left;}
.foot1 .txts{float: left; padding: 18px 0 0 15px; letter-spacing:10px; font-size: 18px; color: #464646;}
.foot1 h4{font-size: 18px; color: #3b3b3b; line-height: 25px; float: left;}
.foot1 .xb{float: left; margin-left: 15px;}
.foot1 .weixin{width: 28px; height: 25px; float: left; background: url(../images/weixin.png) no-repeat; background-size: 100% 100%;}
.foot1 .weibo{width: 29px; height: 23px; float: left; background: url(../images/weibo.png) no-repeat; background-size: 100% 100%; margin-left: 10px;}
.foot2{width: 100%; background-color: #ebebeb; padding: 40px 0;}
.foot2 .footNav{float: left;}
.foot2 .footNav dl{float: left; padding: 0 30px; text-align: center;}
.foot2 .footNav dl dt{display: block; font-size: 18px; color: #303030; margin-bottom: 15px;}
.foot2 .footNav dd a{display: block; font-size: 14px; color: #6f6f6f; line-height: 30px;}
.foot2 .footNav dd a:hover{color: #e60012; text-decoration:underline!important;}
.foot2 .txtbox{float: right; padding-left: 20px;}
.foot2 .txtbox .tel{font-size: 16px; color: #494949;}
.foot2 .txtbox .tel span{font-size: 25px; color: #e60012; font-weight: bold;}
.foot2 .txtbox .txt{font-size: 16px; color: #494949; margin-top: 5px;}
.foot2 .txtbox .QR{margin-top: 15px;}
.foot2 .txtbox .QR .QRimg{float: left; text-align: center; overflow: hidden; padding: 0 10px;}
.foot2 .txtbox .QR .QRimg img{width: 111px; height: 111px; display: inline-block;}
.foot2 .txtbox .QR .QRimg h5{font-size: 13px; color: #7b7b7b; margin-top: 5px;}
.foot3{width: 100%; text-align: center; background-color: #3B0C78; padding: 25px 0;}
.foot3 .txt1{float: left; font-size: 14px; color: #FFFFFF;}
.foot3 .txt1 a{font-size: 14px; color: #FFFFFF;}
.foot3 .txt2{float: right; font-size: 14px; color: #FFFFFF;}

/* inner */
.top_banner2{width: 100%; position: relative;}
.top_banner2 .container{position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%;}
.top_banner2 .bannerTxt1{position: absolute; bottom: 35%; left: 0; z-index: 9; padding-top: 25px;}
.top_banner2 .bannerTxt1::before{content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 3px; background: url(../images/banner_gang.png) no-repeat; background-size: 100% 100%;}
.top_banner2 .bannerTxt1 h3{font-size: 30px; color: #FFFFFF; font-weight: bold;}
.top_banner2 .bannerTxt1 h4{font-size: 18px; color: #FFFFFF; margin-top: 15px;}
.top_banner2 .bannerTxt2{position: absolute; bottom: 20px; left: 0; z-index: 9;}
.top_banner2 .bannerTxt2 h4{font-size: 14px; color: #fff; background: url(../images/banner_icon1.png) no-repeat left center; padding-left: 25px; line-height: 20px;}
.top_banner2 .bannerTxt2 h4 a{font-size: 14px; color: #fff;}


/*手机底部*/
.hot{width:100%; height:58px; background:#000; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:8px 0;}
.hot .row div a:hover{background-color: #095ca6;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px;}
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block;}

/*  */
.sideBar_inner{width: 100%; padding: 15px 0 0 0; background-color: #F0F0F0; text-align: left;}
.sideBar_inner .container{font-size: 0;}
.sideBar_inner ul{display: inline-block; overflow: hidden; text-align: center;}
.sideBar_inner ul li{float: left; padding: 0 10px 15px 10px;}
.sideBar_inner ul li a{display: block; width: 160px; height: 50px; line-height: 50px; font-size: 18px; color: #444444; background-color: #FFFFFF; border-radius: 5px;}
.sideBar_inner ul li a:hover{background-color: #3B0C78; color: #FFFFFF;}
.sideBar_inner ul .on a{background-color: #3B0C78; color: #FFFFFF;}

/*  */
.join{width: 100%; min-height: 500px; padding: 30px 0;}
.join .txtbox{overflow: hidden;}
.join .txtbox .txt1{font-size: 18px; color: #232323;}
.join .txtbox .txt2{font-size: 18px; color: #e60012; font-weight: bold;}
.join .list{margin-top: 20px;}
.join .item{border: 1px solid #DADADA; padding: 20px; margin-bottom: 20px;}
.join .item h4{font-size: 18px; color: #380d78; font-weight: bold; margin-bottom: 5px;}
.join .item dl{display: block; overflow: hidden;}
.join .item dl dt{float: left; font-size: 16px; color: #3c3c3c; height: 30px; line-height: 30px; margin-right: 10px;}
.join .item dl dd{float: left; font-size: 16px; color: #3c3c3c; line-height: 30px; margin-right: 20px;}

/*  */
.join_condition{width: 100%; min-height: 500px; padding: 30px 0;}
.join_condition .title{font-size: 18px; color: #232323; font-weight: bold; margin-bottom: 20px;}
.join_condition .txt{font-size: 16px; color: #3c3c3c; line-height: 2; margin-bottom: 15px;}
.join_condition .txt2{float: right; font-size: 16px; color: #3c3c3c; font-weight: bold; line-height: 2;}

/*  */
.join_process{width: 100%; min-height: 500px; padding: 30px 0;}
.join_process .txtbox{overflow: hidden;}
.join_process .txtbox p{font-size: 16px; color: #3c3c3c; line-height: 2;}

/*  */
.join_message{width: 100%; min-height: 500px; padding: 30px 0;}
.join_message .left{width: 50%; float: left;}
.join_message .left img{width: 100%; height: auto;}
.join_message .right{width: 50%; float: left; padding-left: 30px;}
.join_message .fBox{width: 100%;}
.join_message .fBox .item{width: 100%; margin-bottom: 15px; overflow: hidden;}
.join_message .fBox .item .title{width: 120px; float: left; font-size: 16px; color: #4e4e4e; text-align: right; line-height: 40px; height: 40px;}
.join_message .fBox .item .fTxt{width: calc(100% - 120px); float: left; height: 40px; border: 1px solid #C5C5C5; padding: 0 10px; border-radius: 5px;}
.join_message .fBox .item .fTxts{width: calc(100% - 120px); float: left; height: 160px; border: 1px solid #C5C5C5; padding: 5px 10px; border-radius: 5px;}
.join_message .fBox .item .fBtn{width: calc(100% - 120px); float: left; height: 40px; background-color: #E60011; border: none; font-size: 16px; color: #FFFFFF; font-weight: bold; padding: 0 10px; border-radius: 5px;}

/*  */
.product_page{width: 100%; min-height: 500px; padding: 30px 0;}
.product_page ul{overflow: hidden;}
.product_page .item{width: 50%; padding: 0 10px; margin-bottom: 20px; float: left;}
.product_page .item a{display: block; width: 100%; height: 100%; box-shadow: 0 0 3px 3px #EEEEEE;}
.product_page .item .imgbox{position: relative; overflow: hidden; border-radius: 5px;}
.product_page .item .imgbox::before{content: ""; display: block; padding-top: 54%;}
.product_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-width: 100%;}
.product_page .item .txtbox{position: relative; padding: 0 140px 0 15px; background-color: #FFFFFF; overflow: hidden; zoom: 1;}
.product_page .item .txtbox .title{font-size: 20px; color: #1f1f1f; float: left; line-height: 50px;}
.product_page .item .txtbox .more{position: absolute; line-height: 30px; right: 15px; top: 0; line-height: 50px; padding-right: 45px; font-size: 12px; color: #a3a3a3; background: url(../images/jian2.png) no-repeat right center;}
.product_page .item:hover .imgbox .img{transform:scale(1.1);}
/*  */
.productShow_page{width: 100%; min-height: 500px; padding: 30px 0;}
.productShow_page ul{width: 100%; overflow: hidden;}
.productShow_page .item{width: 25%; float: left; padding: 0 5px; margin-bottom: 10px;}
.productShow_page .item .imgbox{position: relative; overflow: hidden; text-align: center; border: 1px solid #EEEEEE;}
.productShow_page .item .imgbox::before{content: ""; display: block; padding-top: 100%;}
.productShow_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto;}
.productShow_page .item .mask{position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #FFFFFF; background-color: rgba(0,0,0,0.6);}
.productShow_page .item:hover .imgbox .img{transform:scale(1.1);}
.productShow_page .item:hover .mask{background-color: rgba(56,13,120,1);}

/*  */
.service_page{width: 100%; min-height: 500px; padding: 30px 0;}
.service_page .fBox{width: 100%; overflow: hidden; height: 60px; margin-bottom: 20px;}
.service_page .fBox .fTxt{width: calc(100% - 160px); height: 100%; float: left; font-size: 18px; color: #333333; border: 1px solid #CCCCCC; padding: 0 15px;}
.service_page .fBox .fBtn{width: 160px; float: left; font-size: 18px; color: #FFFFFF; background-color: #3B0C78; height: 100%; border: none;}
.service_page .txtbox p{font-size: 14px; color: #333333; line-height: 2;}
/* 物流状态*/
.service_page .txtbox{padding-left: 20px; border-left: 1px solid #eee; transform: translateX(4px)}
.service_page .txtbox ul{margin-bottom: 20px; position: relative}
.service_page .txtbox ul:before{content: ""; position:absolute; left:-25px; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: #3B0C78; border-radius: 50%}

/*  */
.service_xiadan{width: 100%; min-height: 500px; padding: 30px 0;}
.service_xiadan .left{width: 50%; float: left;}
.service_xiadan .left img{width: 100%; height: auto;}
.service_xiadan .right{width: 50%; float: left; padding-left: 30px;}
.service_xiadan .fBox{width: 100%;}
.service_xiadan .fBox .item{width: 100%; margin-bottom: 15px; overflow: hidden;}
.service_xiadan .fBox .item .fTit{width: 120px; float: left; font-size: 16px; color: #4e4e4e; text-align: right; line-height: 40px; height: 40px;}
.service_xiadan .fBox .item .fTxt{width: calc(100% - 120px); float: left; height: 40px; border: 1px solid #C5C5C5; padding: 0 10px; border-radius: 5px;}
.service_xiadan .fBox .item .fTxts{width: calc(100% - 120px); float: left; height: 160px; border: 1px solid #C5C5C5; padding: 5px 10px; border-radius: 5px;}
.service_xiadan .fBox .item .fBtn{width: calc(100% - 120px); float: left; height: 40px; background-color: #E60011; border: none; font-size: 16px; color: #FFFFFF; font-weight: bold; padding: 0 10px; border-radius: 5px;}

/*  */
.service_wangdian{width: 100%; min-height: 500px; padding: 30px 0;}
.service_wangdian .selectBox{width: 100%;margin-bottom: 20px}
.service_wangdian .selectBox .left{width: 50%; float: left;}
.service_wangdian .selectBox .right{width: 50%;float: left;/* padding-left: 10px; */margin-top: 15px;}
.service_wangdian .selectBox #Province,
.service_wangdian .selectBox #City,
.service_wangdian .selectBox #Area{width:100%;height: 50px; font-size: 18px; border: 1px solid #E1E1E1; padding: 0 20px; outline:none; border-radius: 5px;}
.service_wangdian .fBox{width: 100%; overflow: hidden; height: 50px;}
.service_wangdian .fBox .fTxt{width: calc(100% - 260px); float: left; height: 100%; border: 1px solid #E1E1E1; border-radius: 5px; padding: 0 15px; font-size: 18px; color: #333333;height: 50px; line-height:50px; margin-left:0px;}
.service_wangdian .fBox .fBtn{width: 220px; float: right; height: 100%; border: none; background-color: #3B0C78; font-size: 18px; color: #FFFFFF; border-radius: 5px;height: 50px; line-height:50px; margin-right:0px;}
.service_wangdian .wangdianBox{margin-top: 20px;}
.service_wangdian .wangdianBox .left{width: 100%; float: left; text-align: center; position: relative;}

#china-map {
    width:100%;
    height:800px;
    margin:auto;
}
#back {
    position:absolute;
    bottom: -20px;
    left:-30px;
    cursor:pointer;
}
.hidden {
    display:none;
}

.service_wangdian .wangdianBox .right{width: 100%;float: left;/* padding: 15px; */}
.service_wangdian .title1{font-size: 24px; color: #e60012; font-weight: bold; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; background: url(../images/icon_02.png) no-repeat right 0;}
/* .service_wangdian .list{margin-top: 20px;}
.service_wangdian .item{border-bottom: 1px solid #D9D9D9;}
.service_wangdian .item .title2{font-size: 18px; color: #262626; line-height: 55px; background: url(../images/jian4.png) no-repeat 95% center;}
.service_wangdian .act .title2{background: url(../images/jian5.png) no-repeat 95% center;}
.service_wangdian .item .er{display: none; overflow: hidden;}
.service_wangdian .item .er li{width: 33.333%; float: left; padding: 0 5px; margin-bottom: 10px; overflow: hidden;}
.service_wangdian .item .er .txt{display: block;padding: 15px; background-color: #FFFFFF; }
.service_wangdian .item .er .txt span{display: block; font-size: 16px; color: #6b6b6b; height: 48px; line-height: 24px; overflow: hidden;} */
.service_wangdian .list{/*margin-top: 20px; border-top: 1px solid #dcdcdc;*/ padding-top: 30px;}
.service_wangdian .list li{width: 25%; float: left; padding: 0 10px; margin-bottom: 20px;cursor: pointer;}
.service_wangdian .item{width: 100%; border: 1px solid #ffffff; border-radius: 5px; padding: 15px; background-color: #ffffff; box-shadow: 0 0 5px 5px #F1F1F1;}
.service_wangdian .item .title{border-bottom: 1px solid #E4E4E4; padding-bottom: 10px; overflow: hidden;}
.service_wangdian .item .title h4{font-size: 18px; color: #333333; float: left; width: calc(100% - 40px); line-height: 25px;}
.service_wangdian .item .title span{float: right; width: 40px; font-size: 14px; color: #9c9c9c; line-height: 25px; text-align: right;}
.service_wangdian .item .txtbox{margin-top: 15px;}
.service_wangdian .item .txtbox .txt1{font-size: 14px; color: #1e1e1e; line-height: 35px; background: url(../images/cx_icon1.png) no-repeat left center; padding-left: 30px;}
.service_wangdian .item .txtbox .txt2{font-size: 14px; color: #1e1e1e; line-height: 35px; background: url(../images/cx_icon2.png) no-repeat left center; padding-left: 30px;}
.service_wangdian .item .txtbox .txt1 span{color: #6e6e6e;}
.service_wangdian .item .txtbox .txt2 span{color: #6e6e6e;}
.service_wangdian .item:hover{border-color: #380d78;}
.service_wangdian .item:hover .title h4{color: #380d78;}


/*  */
.service_show{width: 100%; min-height: 500px; padding: 30px 0;}
.service_show .selectBox{width: 100%;}
.service_show .selectBox .left{width: 50%; float: left;}
.service_show .selectBox .right{width: 50%; float: left; padding-left: 10px;}
.service_show .selectBox #Province, .service_show .selectBox #City{width: 48%; margin: 0 1%; float: left; height: 50px; font-size: 18px; border: 1px solid #E1E1E1; padding: 0 20px; outline:none; border-radius: 5px;}
.service_show .fBox{width: 100%; overflow: hidden; height: 50px;}
.service_show .fBox .fTxt{width: calc(100% - 230px); float: left; height: 100%; border: 1px solid #E1E1E1; border-radius: 5px; padding: 0 15px; font-size: 18px; color: #333333;}
.service_show .fBox .fBtn{width: 220px; float: right; height: 100%; border: none; background-color: #3B0C78; font-size: 18px; color: #FFFFFF; border-radius: 5px;}
.service_show .con{margin-top: 20px;}
.service_show .title{font-size: 24px; color: #fff; background-color: #E60011; padding: 10px;}
.service_show .list{width: 100%;margin-left: 1%;}

.service_show .list dl{width: 100%; padding: 10px; background-color: #F7F7F7; overflow: hidden;}
.service_show .list dl dt{width: 120px; text-align: right; padding-right: 15px; font-size: 16px; color: #4e4e4e; float: left; line-height: 30px;}
.service_show .list dl dd{width: calc(100% - 120px); float: left; line-height: 30px; font-size: 16px; color: #616161;}
.service_show .list dl:nth-child(odd){background-color: #EBEBEB;}
.service_show .imgbox{text-align: center; margin-top: 15px; overflow: hidden;}
.service_show .imgbox img{max-width: 100%; height: auto;}
.service_show .tableBox{width: 100%;min-width: 720px}
.service_show .tableBox th{text-align: center; font-size: 18px; color: #333333; font-weight: bold; padding: 10px; background-color: #EEEEEE;}
.service_show .tableBox td{font-size: 16px; color: #333333; line-height: 2; padding: 0 5px;}
.service_show .tableBox .tit{background-color: #EEEEEE; text-align: center; font-size: 18px; font-weight: bold; width: 140px;text-align: left}
.service_show .tableBox .sp{width: 400px;}
.service_show .tableBox .send_range a{color: inherit;}

/*  */
.service_yunfei{width: 100%; min-height: 500px; padding: 30px 0;}
.service_yunfei .fBox{width: 100%; margin-bottom: 20px; overflow: hidden;}
.service_yunfei .fBox .item{width: 24%; float: left;margin-right: 1%;}
.service_yunfei .fBox .item h4{width: 100%; font-size: 16px; color: #000000; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: 6px;}
.service_yunfei .fBox .item .selects{width: 100%; height: 50px; border: 1px solid #EEEEEE; padding: 0 15px; font-size: 18px; color: #777777; border-radius: 5px;}
.service_yunfei .fBox .item .fTxt{width: 100%; height: 50px; border: 1px solid #EEEEEE; padding: 0 15px; font-size: 18px; color: #222222; border-radius: 5px;}
.service_yunfei .fBox .item .fBtn{width: 100%; height: 50px; border: none; background-color: #3B0C78; font-size: 18px; color: #FFFFFF; border-radius: 5px;}
.service_yunfei .list{margin-top: 20px;}
.service_yunfei .list table{border-color: #dcdcdc;}
.service_yunfei .list table{width: 100%;}
.service_yunfei .list tr th{height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #FFFFFF; background-color: #909090;}
.service_yunfei .list tr td{height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #363636;}

/*  */
.about_page{width: 100%; min-height: 500px; padding: 30px 0;}
.about_page .imgbox{text-align: center; overflow: auto;}
.about_page .imgbox img{max-width: 100%; height: auto;}
.about_page .txtbox{margin-top: 20px;}
.about_page .txtbox p{font-size: 14px; color: #333333; line-height: 2;}

/*  */
.recruit_page{width: 100%; min-height: 500px; padding: 30px 0;}
.recruit_page table{border-color: #D9D9D9; width: 100%; text-align: center;}
.recruit_page tr th{height: 60px; font-size: 16px; color: #FFFFFF; font-weight: bold; background-color: #656565; text-align: center;}
.recruit_page tr td{height: 60px; font-size: 16px; color: #333333; font-weight: bold;}

/*  */
.recruit_join{width: 100%; min-height: 500px; padding: 30px 0;}
.recruit_join .left{width: 50%; float: left; padding-right: 10px;}
.recruit_join .right{width: 50%; float: left; padding-left: 10px; text-align: center; overflow: hidden;}
.recruit_join .right img{max-width: 100%; height: auto;}
.recruit_join .fBox{width: 100%;}
.recruit_join .fBox .item{width: 100%; margin-bottom: 15px; overflow: hidden;}
.recruit_join .fBox .item .fTit{width: 100%; float: left; font-size: 16px; color: #4e4e4e; text-align: left; line-height: 40px; height: 40px;}
.recruit_join .fBox .item .fTxt{width: 100%; float: left; height: 40px; border: 1px solid #C5C5C5; padding: 0 10px; border-radius: 5px; margin-top: 5px; }
.recruit_join .fBox .item .fTxts{width: 100%; float: left; height: 160px; border: 1px solid #C5C5C5; padding: 5px 10px; border-radius: 5px; margin-top: 5px;}
.recruit_join .fBox .item .fBtn{width: 100%; float: left; height: 40px; background-color: #E60011; border: none; font-size: 16px; color: #FFFFFF; font-weight: bold; padding: 0 10px; border-radius: 5px;}

/*  */
.contact_page{width: 100%; min-height: 500px; padding: 30px 0;}
.contact_page .list{overflow: hidden; text-align: center;}
.contact_page .list .item{padding: 15px 30px; border: 1px solid #E2E2E2; border-radius: 5px; text-align: center; display: inline-block; margin: 0 10px; margin-bottom: 20px;}
.contact_page .list .item img{max-width: 100%; height: auto;}
.contact_page .list .item h4{font-size: 16px; color: #363636; margin-top: 10px;}
.contact_page .list .item h4 span{color: #e60012; font-size: 18px; font-weight: bold;}
.contact_page .map{margin-top: 20px; text-align: center; overflow: hidden;}
.contact_page .map img{max-width: 100%; height: auto;}

/*  */
.news_page{width: 100%; min-height: 500px; padding: 30px 0;}
.news_page .item{width: 100%; height: 165px; overflow: hidden; border: 1px solid #EEEEEE; margin-bottom: 20px;}
.news_page .item a{display: block; width: 100%; height: 100%;}
.news_page .item .imgbox{width: 200px; height: 100%; float: left; overflow: hidden;}
.news_page .item .imgbox .img{width: 100%; height: 100%;}
.news_page .item .txtbox{width: calc(100% - 200px); height: 100%; float: left; padding: 20px;}
.news_page .item .txtbox .title{font-size: 16px; color: #1e1e1e; line-height: 2; font-weight: bold;}
.news_page .item .txtbox .txt{font-size: 14px; color: #515151; height: 48px; line-height: 24px; overflow: hidden; margin-top: 10px;}
.news_page .item .txtbox .date{display: block; font-size: 14px; color: #9f9f9f; margin-top: 10px;}
.news_page .item:hover .txtbox{background-color: #3B0C78;}
.news_page .item:hover .txtbox .title{color: #FFFFFF;}
.news_page .item:hover .txtbox .txt{color: #FFFFFF;}
.news_page .item:hover .txtbox .date{color: #FFFFFF;}
/*  */
.newsShow_page{width: 100%; min-height: 500px; padding: 30px 0;}
.newsShow_page .title{text-align: center; border-bottom: 1px solid #DDDDDD; padding-bottom: 15px;}
.newsShow_page .title h3{font-size: 24px; color: #1e1e1e; font-weight: bold;}
.newsShow_page .title h5{font-size: 14px; color: #9f9f9f; margin-top: 10px;}
.newsShow_page .txtbox{margin-top: 20px;font-size: 14px; color: #333; line-height: 2;}
.newsShow_page .txtbox img{ max-width: 100% !important; height: auto !important; }


@media (min-width:1700px){
    header .head_box .top_tel_bg{width: 20%;}
}
@media (min-width:2300px){
    header .head_box .top_tel_bg{width: 25%;}
}
@media (max-width:1400px){
    header .head_box .head_nav{padding: 0 20px;}
}
@media (max-width:1199px){
    header .head_box .head_right{width: calc(100% - 160px);}
    header .head_box .head_nav{padding: 0 10px 0 0;}
    header .head_box .top_li>a{font-size: 14px;}
    header .head_box .top_tel{padding: 30px 5px 0 10px;}
    header .head_box .top_tel h4{font-size: 16px;}
    header .head_box .top_tel span{margin-right: 10px;}
    .top_banner1 .bannerQuery{padding: 10px; bottom: 0;}
    .top_banner1 .bannerQuery::before{width: 180px;}
    .top_banner1 .bannerQuery .title{width: 180px;}
    .top_banner1 .bannerQuery .title span{font-size: 18px;}
    .top_banner1 .bannerQuery .bannerForm{width: calc(100% - 190px);}
    .bannerNav{bottom: -110px;}
    .bannerNav .title{height: 110px;}
    .bannerNav .item{height: 110px;}
    .bannerNav .item .imgbox{width: 44px; height: 40px;}
    .bannerNav .item .txt{font-size: 16px; margin-top: 8px;}
    .foot2 .footNav dl{padding: 0 18px;}
    /*  */
    .box2{padding: 160px 0 40px 0}
    .service_wangdian .item .er .txt{padding: 10px;}
    .service_wangdian .item .er .txt span{font-size: 14px;}

    .service_wangdian .item{padding: 15px 10px;}
    .service_wangdian .item .txtbox .txt1{line-height: 30px;}
    .service_wangdian .item .txtbox .txt2{line-height: 30px;}
}

@media (min-width:991px){

}

@media (max-width:991px){
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
    header .head_box{height: 80px;}
    header .head_box .head_right{width: auto;}
    header .head_box .top_tel{display: none;}
    header .head_box .top_tel_bg{display: none;}
    header .head_box .top_btn{font-size: 32px; color: #fff; position: absolute; top: 39px; right: 20px;}
    header .head_box .head_nav{width: 130px; padding: 0; height: auto; margin: 0; background: rgba(0,0,0,0.8); position: absolute; z-index: 99; top: 75px; right: 0; display: none;}
    header .head_box .top_li{display: block; width: 100%; height: 40px; margin-top: 0; padding: 0; border: none; text-align: center;}
    header .head_box .top_li>a{padding: 0; line-height: 40px; display: block;  color: #FFFFFF;}
    header .head_box .top_li>a::before{display: none;}
    header .head_box .top_li ul{display: none!important;}
    .top_banner1 .container{padding: 0;}
    .top_banner1 .bannerQuery{bottom: 0;}
    .top_banner1 .bannerQuery .title{width: 140px;}
    .top_banner1 .bannerQuery .title span{line-height: 35px;}
    .top_banner1 .bannerQuery::before{width: 140px;}
    .top_banner1 .bannerQuery .bannerForm{width: calc(100% - 150px);}
    .top_banner1 .bannerQuery .bannerForm{height: 35px;}
    .top_banner1 .bannerQuery .bannerForm .fTxt{font-size: 14px; width: calc(100% - 150px);}
    .top_banner1 .bannerQuery .bannerForm .fBtn{width: 140px; font-size: 16px;}
    .bannerNav{bottom: -90px;}
    .bannerNav .title{height: 90px;}
    .bannerNav .item{height: 90px;}
    .bannerNav .item .imgbox{width: 30px; height: 30px;}
    .bannerNav .item .txt{font-size: 14px; margin-top: 5px;}
    .box2{padding: 130px 0 30px 0}
    .box4 .item .txtbox{padding: 20px 20px 0 0;}
    .box4 .item:nth-child(even) .txtbox{padding: 20px 0 0 20px;}
    .box4 .item .txtbox .title{font-size: 22px; padding-bottom: 12px;}
    .box4 .item .txtbox .txt{margin-top: 15px; font-size: 14px; height: 40px; line-height: 20px;}
    .box4 .item .txtbox .more{width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
    .foot2 .txtbox{display: none;}
    .foot2 .footNav{width: 100%;}
    /*  */
    .top_banner2 .bannerTxt1{bottom: 30%; padding-top: 15px;}
    .top_banner2 .bannerTxt1 h3{font-size: 22px;}
    .top_banner2 .bannerTxt1 h4{font-size: 14px; margin-top: 10px;}
    .sideBar_inner ul li a{width: 130px; height: 40px; line-height: 40px; font-size: 14px;}
    .join_message .left{width: 100%;}
    .join_message .right{width: 100%; padding: 0; margin-top: 15px;}
    .join_message .fBox .item .title{width: 100px; font-size: 14px;}
    .product_page .item .txtbox{padding: 0 10px; text-align: center;}
    .product_page .item .txtbox .title{font-size: 14px; line-height: 30px; width: 100%;}
    .product_page .item .txtbox .more{display: none;}
    .service_page .fBox{height: 40px;}
    .service_xiadan .left{width: 100%;}
    .service_xiadan .right{width: 100%; padding: 0; margin-top: 15px;}
    .service_xiadan .fBox .item .fTit{font-size: 14px;}
    .service_xiadan .fBox .item .fTxt{font-size: 14px;}
    .service_wangdian .wangdianBox .left{width: 100%;}
    .service_wangdian .wangdianBox .right{width: 100%;}
    .service_wangdian .selectBox #Province, .service_wangdian .selectBox #City, .service_wangdian .selectBox #Area{height: 40px;font-size: 14px;margin-bottom: 10px;}
    .service_wangdian .fBox{height: 40px;}
    .service_wangdian .fBox .fTxt{width: calc(100% - 160px); font-size: 14px;}
    .service_wangdian .fBox .fBtn{width: 150px; font-size: 14px;}
    .service_wangdian .list li{width: 33.3333%;}
    .service_wangdian .item .title h4{font-size: 16px;}
    .service_wangdian .item .txtbox .txt1{font-size: 12px;}
    .service_wangdian .item .txtbox .txt2{font-size: 12px;}
    .service_show .selectBox #Province, .service_show .selectBox #City{height: 40px; font-size: 14px;}
    .service_show .fBox{height: 40px;}
    .service_show .fBox .fTxt{width: calc(100% - 160px); font-size: 14px;}
    .service_show .fBox .fBtn{width: 150px; font-size: 14px;}
    .service_show .title{font-size: 18px;}
    .service_show .list dl dt{font-size: 14px;}
    .service_show .list dl dd{font-size: 14px;}
    .service_show .tableBox th{font-size: 14px;}
    .service_show .tableBox .tit{font-size: 14px;}
    .service_show .tableBox td{font-size: 14px; line-height: 1.5;}
    .service_show .tableBox .sp{width: 260px;}
    .service_yunfei .fBox .item h4{font-size: 14px;}
    .service_yunfei .fBox .item .selects{font-size: 14px; height: 40px;}
    .service_yunfei .fBox .item .fTxt{font-size: 14px; height: 40px;}
    .service_yunfei .fBox .item .fBtn{font-size: 14px; height: 40px;}
    .service_yunfei .list tr th{height: 40px; line-height: 40px; font-size: 14px;}
    .service_yunfei .list tr td{height: 40px; line-height: 40px; font-size: 14px;}
    .recruit_page tr th{height: 40px; font-size: 14px;}
    .recruit_page tr td{height: 40px; font-size: 12px;}
    .recruit_join .fBox .item .fTxt{height: 30px;}
    .recruit_join .fBox .item .fTxts{height: 120px;}
    .contact_page .list .item{margin: 0 5px; margin-bottom: 10px; padding: 10px 20px;}
}

@media (min-width: 768px){
    .sideBar_page .n_ul{display: block!important;}
}

@media (max-width: 767px){
    .container{padding-left: 15px; padding-right: 15px;}
    header .head_box{height: 70px;}
    header .head_box .logo{width: 80%;}
    header .head_box .head_nav{top: 65px;}
    header .head_box .top_btn{font-size: 28px;top: 36px;}
    .top_banner1 .container{position: relative}
    .top_banner1 .bannerQuery{position: relative;bottom: 0;}
    .top_banner1 .bannerQuery::before{display: none;}
    .top_banner1 .bannerQuery .title{width: 100%; text-align: left; margin-bottom: 5px;}
    .top_banner1 .bannerQuery .bannerForm{width: 100%;}
    .top_banner1 .bannerQuery .bannerForm .fTxt{width: calc(100% - 110px);}
    .top_banner1 .bannerQuery .bannerForm .fBtn{width: 110px;}
    .bannerNav{bottom: 0;top: 0;position: relative;}
    .bannerNav .title{display: none;}
    .bannerNav .item{width: 33.3333%;}
    .titleIndex h4{font-size: 20px; padding-bottom: 25px;}
    .titleIndex h4::before{bottom: 12px;}
    .box2{padding: 25px 0 20px 0;}
    .box2 .item .shu{font-size: 14px;}
    .box2 .item .shu::before{font-size: 12px; right: -13px;}
    .box2 .item:nth-child(1) .shu::before{font-size: 12px; right: -17px;}
    .box2 .item .txt{font-size: 12px;}
    .box3{padding: 20px 0 0 0;}
    .box3 .hd ul li a span{font-size: 16px; padding-left: 40px; line-height: 40px;}
    .box3 .hd ul li:nth-child(1) a span{background-size: 30px;}
    .box3 .hd ul .on:nth-child(1) a span{background-size: 30px;}
    .box3 .hd ul li:nth-child(1) a:hover span{background-size: 30px;}
    .box3 .hd ul li:nth-child(2) a span{background-size: 30px;}
    .box3 .hd ul .on:nth-child(2) a span{background-size: 30px;}
    .box3 .hd ul li:nth-child(2) a:hover span{background-size: 30px;}
    .box3 .hd ul li a::before{width: 40px; height: 20px; bottom: -25px;}
    .box3 .bd{padding: 30px 0;}
    .box3 .item .txtbox .more{display: none;}
    .box3 .item .txtbox{padding: 0;}
    .box3 .item .txtbox .title{font-size: 14px; line-height: 30px; text-align: center; width: 100%;}
    .box4 .item .txtbox{width: 100%; padding: 0; margin-bottom: 15px;}
    .box4 .item .imgbox{width: 100%;}
    .box4 .item .imgbox::before{display: none;}
    .box4 .item:nth-child(even) .txtbox{left: 0;}
    .box4 .item:nth-child(even) .imgbox{right: 0;}
    .box5 .hd ul li{padding: 0 15px;}
    .box5 .hd ul li a{font-size: 15px;}
    .box5 .bd{margin-top: 15px;}
    .box5 .item{width: 100%; padding: 0; margin-bottom: 15px;}
    .box5 .item .txtbox .title{font-size: 15px;}
    .box5 .item .txtbox .txt{height: 40px; line-height: 20px;}
    .foot1{display: none;}
    .foot2{display: none;}
    .foot3{padding: 15px 0; text-align: center;}
    .foot3 .txt1{width: 100%;}
    .foot3 .txt2{width: 100%;}
    /*  */
    .top_banner2 .bannerTxt1{bottom: 40px;}
    .top_banner2 .bannerTxt1 h3{font-size: 17px;}
    .top_banner2 .bannerTxt1 h4{display: none;}
    .top_banner2 .bannerTxt2{bottom: 10px;}
    .sideBar_inner{padding: 10px 0 0 0;}
    .sideBar_inner ul li{padding: 0 5px 10px 5px;}
    .sideBar_inner ul li a{width: 100px; height: 30px; line-height: 30px;}
    .product_page .item{padding: 0 5px; margin-bottom: 10px;}
    .service_page .fBox{height: 35px;}
    .service_page .fBox .fTxt{width: calc(100% - 100px); font-size: 14px;}
    .service_page .fBox .fBtn{width: 100px; font-size: 14px;}
    .service_xiadan .fBox .item .fTit{width: 100%; text-align: left; height: auto; width: 100%; line-height: 30px;}
    .service_xiadan .fBox .item .fTxt{width: 100%; }
    .service_xiadan .fBox .item .fTxts{width: 100%;}
    .service_xiadan .fBox .item .fBtn{font-size: 14px;}
    .service_wangdian .title1{font-size: 20px;}
    .service_wangdian .item .title2{line-height: 40px; font-size: 16px;}
    .service_wangdian .selectBox .left{width: 100%;/* margin-bottom: 10px; */}
	 .service_wangdian .selectBox .left .col-lg-4{ padding-left:0px;}
	 .service_wangdian .selectBox .left .col-lg-4{ padding-right:5px !important;}
    .service_wangdian .selectBox .right{width: 100%; padding: 0; margin-top:0px;}
    .service_wangdian .fBox .fTxt{padding: 0 10px; width: calc(100% - 120px); line-height:40px; height:40px;}
    .service_wangdian .fBox .fBtn{width: 110px; line-height:40px; height:40px;}
    #china-map{height: 300px;}
    .service_wangdian .list li{width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .service_wangdian .item .txtbox .txt1{line-height: 24px; margin-bottom: 5px;}
    .service_wangdian .item .txtbox .txt2{line-height: 24px;}
    .service_wangdian .item .txtbox .txt1 span{display: block;}
    .service_wangdian .item .txtbox .txt2 span{display: block;}
    .service_wangdian .wangdianBox .right{padding: 0;}
    .service_show .selectBox .left{width: 100%; margin-bottom: 10px;}
    .service_show .selectBox .right{width: 100%; padding: 0;}
    .service_show .fBox .fTxt{padding: 0 10px; width: calc(100% - 120px);}
    .service_show .fBox .fBtn{width: 110px;}
    .service_show .list dl dt{line-height: 24px; width: 100%; text-align: left;}
    .service_show .list dl dd{line-height: 24px; width: 100%;}
    .service_yunfei .fBox .item{width: 100%;}
    .recruit_join .left{width: 100%; padding: 0;}
    .recruit_join .right{width: 100%; padding: 0;}
    .news_page .item{height: 110px;}
    .news_page .item .imgbox{width: 150px;}
    .news_page .item .txtbox{width: calc(100% - 150px); padding: 5px 10px;}
    .news_page .item .txtbox .title{font-size: 14px;}
    .news_page .item .txtbox .txt{height: 40px; line-height: 20px; margin-top: 5px;}
    .news_page .item .txtbox .date{font-size: 12px; margin-top: 5px;}

    .service_show .list.branch_details{overflow-x: scroll}
}

@media (max-width:500px){
    .service_show .tableBox .tit{width: 100px;}
    .service_show .tableBox .sp{width: 220px;}
}

@media (max-width:376px){

}

@media (max-width:360px){

}


.hw-overlay{display:none; position: fixed; top:0;left:0;width:100%;height:100%; background-color: rgba(0,0,0,0.3);z-index:10;}
.hw-layer-wrap{box-sizing:border-box; width:65%; height: 600px; overflow-y: auto; position:absolute; left:0; top: 0; bottom: 0; right: 0; margin: auto; border-radius:3px; background-color:#fff; box-shadow:1px 2px 4px 0 rgba(0,0,0,0.12); padding:45px 50px;}
.hwLayer-close{position:absolute; right:20px; top:20px; width:20px; height:20px; cursor:pointer; font-size:20px; color:#ccc;}

.hw-overlay .con{margin-top: 20px;}
.hw-overlay .title{font-size: 24px; color: #fff; background-color: #E60011; padding: 10px;}
.hw-overlay .list{width: 100%;}
.hw-overlay .list dl{width: 100%; padding: 10px; background-color: #F7F7F7; overflow: hidden;}
.hw-overlay .list dl dt{width: 120px; text-align: right; padding-right: 15px; font-size: 16px; color: #4e4e4e; float: left; line-height: 30px;}
.hw-overlay .list dl dd{width: calc(100% - 120px); float: left; line-height: 30px; font-size: 16px; color: #616161;}
.hw-overlay .list dl:nth-child(odd){background-color: #EBEBEB;}
.hw-overlay .imgbox{text-align: center; margin-top: 15px; overflow: hidden;}
.hw-overlay .imgbox img{max-width: 100%; height: auto;}

@media (max-width: 991px){
    .hw-overlay .title{font-size: 18px;}
    .hw-overlay .list dl dt{font-size: 14px;}
    .hw-overlay .list dl dd{font-size: 14px;}
}

@media (max-width: 767px){
    .hw-overlay .list dl dt{line-height: 24px; width: 100%; text-align: left;}
    .hw-overlay .list dl dd{line-height: 24px; width: 100%;}
    .hw-layer-wrap{padding:25px 10px; width: 80%; height: 600px;}
    .hwLayer-close{top: 12px; right: 12px;}
}


img[data-class=full]{
    width: 100%;
    height: auto !important;
}
img[data-class=half]{
    width: 50%;
    height: auto !important;
}

.video_page {padding: 2rem 0;}
.video_page .list{overflow: hidden;}
.video_page .list li{width: 20%; float: left; padding: 0 10px; margin-bottom: 20px;}
.video_page .list .imgs{text-align: center; overflow: hidden;}
.video_page .list .imgs img{width: 100%; height: auto;}
.video_page .list .title{text-align: center}

@media (max-width: 991px){
    .video_page .list li{width: 33.333%;}
}

@media (max-width: 767px){
    .video_page .list li{width: 100%; }
}