@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 16px;letter-spacing:1px;}
h1,h2,h3,h4,h5,h6 { font-weight: bold;color:#000;}
body { font-size:16px;  word-wrap:break-word; overflow:hidden;color:#000;}
a {text-decoration:none; color:#000;}
a:hover, a:active, a:focus{text-decoration:none; color:#000064;}
img { border:none; max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1440px;padding: 0 30px; height:auto; margin: 0 auto;   }

.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.main_box {
    padding: 20px;
    background-color: #f0f0f0;
	overflow:hidden;
	width:100%;
}

.tits{text-align:left;margin-bottom:5%;overflow:hidden}
.tits h2{letter-spacing:0;}
.tits h2 span{ font-weight:normal;margin-left:10px;}
.tits.wh h2 , .tits.wh h2 span{color:#fff;}
.tits p{color:#8a8a8a;margin-top:1%;}


.fs70{font-size:70px;}
.fs60{font-size:60px;}
.fs48{font-size:48px;}
.fs40{font-size:40px;}
.fs30{font-size:30px;}
.fs26{font-size:26px;}
.fs20{font-size:20px;}
.fs18{font-size:18px;}
.fs14{font-size:14px;}
@media screen and (max-width:1440px) {
.fs60{font-size:55px;}
.fs48{font-size:42px;}
.fs40{font-size:38px;}
.fs26{font-size:24px;}
.fs70{font-size:65px;}
}

@media screen and (max-width:1320px) {
.fs60{font-size:50px;}
.fs48 , .fs40{font-size:36px;}
.fs20{font-size:18px;}
.fs26{font-size:22px;}
.fs30{font-size:26px;}
.fs70{font-size:60px;}
}


@media screen and (max-width:1200px) {
.fs60{font-size:45px;}
.fs48 , .fs40{font-size:30px;}
.fs26{font-size:20px;}
.fs30{font-size:24px;}
.fs70{font-size:55px;}

}
@media screen and (max-width:1024px) {
.fs60{font-size:40px;}
.fs48 , .fs40{font-size:24px;}
.fs30{font-size:20px;}
.fs26{font-size:18px;}
.fs20 , .fs18{font-size:16px;}
.wrap , .main_box , .wrap2{ padding: 0 10px;}
.fs70{font-size:50px;}


}

@media screen and (max-width:780px) {
.fs60{font-size:35px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {font-size: 14px;letter-spacing:0;}
.fs70{font-size:40px;}
}
@media screen and (max-width:480px) {
.fs70 , .fs60{font-size:30px;}
.fs48 , .fs40{font-size:20px;}
.fs26{font-size:16px;}
}


.fl { float:left;}
.fr { float:right;}
.block {display: block;}
.of{overflow:hidden}
   /* 圆细滚动条样式*/
::-webkit-scrollbar{width:5px;height:10px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}


   
   
@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}

@font-face {
  font-family: "2";
  src: url("../font/2.woff2") format("woff2"),
       url("../font/2.woff") format("woff"),
       url("../font/2.ttf") format("truetype"),
       url("../font/2.eot") format("embedded-opentype"),
       url("../font/2.svg") format("svg");
}




/*焦点图*/
.indexbanner{position:relative;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:2em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:2px; background-color:#0183dc;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute;right:0; bottom:5%;left:0;text-align:center; width:100%; z-index:10;}

.mask { height: 100%; position: absolute;width:100%; z-index: 4;top: 0%; left: 0; background: url(../images/mask.png) center;}
.indexbanner .ban{  position: absolute;width:100%; z-index: 6;top:34%;left: 0;text-align:center;}
.pcbannerimg2{display:none;}
@media screen and (max-width: 1140px) {

.indexbanner .ban{width:85%;left: 5%;right: 5%;}
}
@media screen and (max-width: 500px) {
.indexbanner .swiper-pagination-bullet:after , .indexbanner .swiper-pagination-bullet:before{ height: 1px;}
.indexbanner .ban{width:75%;left: 12.5%;right: 12.5%;}
.pcbannerimg2{display:block;}
.indexbanner .video{display:none !important;}
.indexbanner{padding-top:2em}

}


.index06{width:100%;overflow:hidden;background:#05051a;position:relative;}
.foot1{padding:4% 0;overflow:hidden;}
.foot1_c .ff{width:33.33%;float:left;border-left:1px solid #12171e;padding-left:4%;}
.foot1_c .f_hm.ff{padding-left:0;padding-right:2%;border-left:none}
.foot1_c h2{color:#fff;margin-bottom:6%;}
.foot1_c li , .foot1_c li a , .f_hm .tel p , .foot2 span , .foot2 span a , .link span , .link a , .link , .f_hm .ma p{color:#cecece;}
.f_hm h1{color:#fff;margin-bottom:6%;}
.f_hm .zx{margin-top:15%;width:175px;}
.f_hm .zx a{background:#fff;display:block;width:100%;padding:5%;overflow:hidden;border:4px solid #05051a;}
.f_hm .zx a:hover{border:4px solid #61618b;}
.f_hm .zx a span{display:inlen-block;float:left;font-size:14px;}
.f_hm .zx a img{display:inlen-block;float:right}
.f_hm .ma{margin-left:5%;}
.f_hm .ma p{margin-top:10px;text-align:center}
.f_nav li{width:50%;font-size:14px;float:left;margin-bottom:6%;background:url(../images/index10.png) no-repeat left center;padding-left:10px;}
.f_lx li{width:100%;margin-bottom:3%;font-size:14px;}
.foot2{text-align:center;padding:1% 0;border-top:1px solid #12171e;}
.foot2 span , .foot2 span a , .link span , .link a , .f_hm .ma p{font-size:14px;}
.foot2 span a:hover , .f_nav li a:hover , .link a:hover{color:#61618b;text-decoration:none; }
.link{margin-top:3%;}




/*客服*/
.side{position:fixed;width:70px;right:0;top:35%;z-index:99;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:70px;height:75px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#cc0202;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a div {font-size: 14px;}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#cc0202;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:150px;display:none;color:#363636;text-align:center;padding-top:150px;position:absolute;left:-150px;top:0;background-image:url(../images/ma.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:70px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#cc0202}
.side ul li:first-child.sideetel .telBox dd{height:75px}
.side ul li.sideetel .telBox dd{display:block;height:150px;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px;color:#fff;}
.side ul li.sideetel .telBox dd span{display:block;line-height:24px;overflow:hidden;margin-top:15px;}
.side ul li.sideetel .telBox dd span small{display:block;}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#1c1919;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}


/*客服*/
.lfooter{display:none;}
.izl-rmenu{margin-right: 0; width: 82px;position: fixed;right: 2px; top: 65%; -webkit-box-shadow: #DDD 0px 1px 5px;-moz-box-shadow: #DDD 0px 1px 5px; box-shadow: #DDD 0px 1px 5px; z-index:999;}
.izl-rmenu .consult{background-image: url(../images/consult_icon.jpg);background-repeat: no-repeat;background-position: center -77px;display: block;height: 76px; width: 82px;}
.izl-rmenu .consult .phone{background-color: rgb(247,247,255); position: absolute; width: 160px;left: -160px;top: 0px;line-height: 50px;color: #000;font-size: 18px;text-align: center;display: none; box-shadow: #DDD -1px 1px 4px;}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart{background-image: url(../images/consult_icon.jpg); background-repeat: no-repeat;background-position: center bottom;display: block; height: 16px;width: 82px;font-size: 12px;line-height: 16px;color: #45BDFF;text-align: center;padding-top: 15px;padding-bottom: 47px;}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {background-image: url(../images/float_top.gif);background-repeat: no-repeat; background-position: center top;display: block;height: 39px; width: 82px; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center bottom;}
.izl-rmenu .cart .pic {display:none;position: absolute;left: -124px;top: 65px;width:125px;height: 125px; background:url(../images/wx.jpg) no-repeat;}
#udesk-feedback-tab {position: fixed;right: 2px;top: 65%;margin-top: -76px;-webkit-box-shadow: #DDD 0px -1px 5px;-moz-box-shadow: #DDD 0px -1px 5px;box-shadow: #DDD 0px -1px 5px;z-index: 10000; cursor: pointer;background-image: url(../images/consult_icon.jpg);background-repeat: no-repeat;background-position: center top;
display: block; height: 76px; width: 82px;background-color: #FFF!important;z-index:999;}


@media screen and (max-width:1200px) {
.foot1_c .ff{padding-left:2%;}
.foot1_c .f_hm.ff{padding-right:1%;}
}

@media screen and (max-width:1024px) {
.f_hm .ma{margin-left:0;margin-top:10px;}
}

@media screen and (max-width:780px) {
.foot1_c .ff{width:50%;}
.f_hm .ma{margin-left:10px;}
}

@media screen and (max-width:500px) {
.foot1_c .ff{width:100%;padding-left:0;border-left:none;}
.foot1_c .f_hm.ff{display:none;}
.foot1_c h2 , .f_nav li{margin-bottom:2%;}
.side{display:none;}
.index06{margin-bottom:40px;}
.lfooter{display:block; max-width: 100%;position: fixed; height:40px;line-height:40px;bottom: 0px; left: 0;right: 0;margin: 0 auto;display: block; z-index: 99;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );}
.lfooter ul li { width: 50%;height: 100%; float: left; text-align: center;border-left:1px solid #ccc;}
.lfooter ul li:first-child{border-left:none;}
}


/*表格*/
.table-bordered {border-width: 1px;border-color: #e8e8e8;border-collapse: collapse;border-style: solid;}
.pro_table {font-size: 14px;}
.pro_table .table-hover>tbody>tr:hover , .pro_table .table-striped>tbody>tr:hover:nth-of-type(odd){background-color:#b8cce4;}
.table-responsive {min-height: .01%;overflow-x: auto;}
.pro_table table thead {background: #b8cce4;color: #01579B;}
.pro_table .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {white-space: nowrap;}
.pro_table .table-bordered>tbody>tr>td, .pro_table .table-bordered>tbody>tr>th, .pro_table .table-bordered>tfoot>tr>td, .pro_table .table-bordered>tfoot>tr>th, .pro_table .table-bordered>thead>tr>td, .pro_table .table-bordered>thead>tr>th {
border-width: 1px;border-color: #e8e8e8;border-collapse: collapse;border-style: solid;vertical-align: middle; padding:10px 5px;text-align: center;font-size: 14px;}
.pro_table table thead td {font-weight: bold;vertical-align: middle;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { line-height: 1.42857143;}
.pro_table .table-hover>tbody>tr:hover>td {color: #fff;}
.table {width: 100%;max-width: 100%;}

@media (max-width: 1440px){
.pro_table .table-bordered>tbody>tr>td, .pro_table .table-bordered>tbody>tr>th, .pro_table .table-bordered>tfoot>tr>td, .pro_table .table-bordered>tfoot>tr>th, .pro_table .table-bordered>thead>tr>td, .pro_table .table-bordered>thead>tr>th {padding: 5px;}
}

<!--联系我们-->
.index07{padding:5% 0;overflow:hidden;}
.index07 .tits{text-align:center;}

.con_c{margin-top:4%;overflow:hidden;}
.con_c1 li , .con_c3 li{width:49%;float:left;background:rgb(241,241,241,.8);text-align: center;}
.con_c1 li:last-child , .con_c3 li:last-child{float:right;}
.con_c1 li .left{background:#000064;text-align:center;width:25%;padding:5% 0}
.con_c1 li .left .img , .con_c1 li .left span{display:block;color:#fff;margin-top:3%}
.con_c1 li .right{width:calc(100% - 30%);margin-right:2%;}
.con_c1 li .right p{margin-top:12%;}
.con_c2 {margin:2% 0}
.con_c2 li{width:23.5%;float:left;background:rgb(241,241,241,.8);margin-right:2%;padding:4% 0;min-height:300px;text-align:center;}
.con_c2 li:last-child{margin-right:0}
.con_c2 li .pic{width:70px;height:70px;background:#000064;margin:0 auto;border-radius:50px;position:relative}
.con_c2 li .pic img{margin-top:15px}
.con_c2 li p{margin:5% 0 3% 0;}
.con_c2 li h2{letter-spacing:0}
.con_c2 li small{margin-top:3%;color:#9d9d9d;display:block}
.con_c3 li{padding:4% 0;}
.con_c3 li p{margin:0 2%}
.con_c3 li span{color:#000064;font-weight:550;letter-spacing:0}
.con_c3{width:100%;background:rgb(241,241,241,.8);padding:3% 0;text-align: center;}

@media screen and (max-width:1024px) {
.con_c2 li{width:49%;margin-right:0;margin-bottom:2%;}
.con_c2 {margin:2% 0 0 0;}
.con_c2 li:nth-child(2n){float:right}
}


@media screen and (max-width:780px) {
.con_c2 li .pic{width:60px;height:60px}
.con_c2 li .pic img{margin-top:10px;}
.con_c2 li{min-height:200px}
}

@media screen and (max-width:480px) {
.con_c1 li{margin-top:2%;width:100%;}
}