@charset "utf-8";
/* html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%; filter:grayscale(100%);} */
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
ul{margin-bottom: 0px;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_17{font-size: 17px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 35px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
.jw-controlbar{width: 100%;}
.sa{line-height: 40px;}
/*top*/
.top{position: fixed;z-index: 88;top:0;width: 100%;background: rgba(0,0,0,.5);}
.topa a{float: left;}
.topa a img{display: block;max-width: 100%;}
.topa span{display: block;color: #fff;}
.topa p{line-height: 20px;letter-spacing: 5px;color: #fff;}
.topb li a{display: block;color: #fff;line-height: 35px;text-align: center;font-size: 18px;position: relative;transition:.4s;}
.topb li a i{margin-right: .25rem;font-size: 20px;}
.topb li a:hover {color: rgba(255,255,255,.7);}
.topb li:nth-of-type(1) a::after{position: absolute;content: "";right:0;top:20%;height: 15px;width: 1px;background: rgba(255,255,255,.7);}
.menu li a span{display: block;position: relative;transition:.4s;text-align: center;color: #fff;font-size: 15px;line-height: 25px;}
.menu li a span:hover{color: rgba(255,255,255,.7);}
.menu li a span::after{position: absolute;content: "";right:0;top:20%;height: 15px;width: 1px;background: rgba(255,255,255,.3);}
.menu li:last-child a span::after{width: 0px;}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:87px;left:0; width:100%;height:0;overflow: hidden;opacity:0; text-align: center;transition: all 0.3s ease 0s; }
.navbga{background:url(../images/navbga.png) center bottom no-repeat;}
.navbgb{background:url(../images/navbgb.png) center bottom no-repeat;}
.navbgc{background:url(../images/navbgc.png) center bottom no-repeat;}
.navbgd{background:url(../images/navbgd.png) center bottom no-repeat;}
.navbge{background:url(../images/navbge.png) center bottom no-repeat;}
.navbgf{background:url(../images/navbgf.png) center bottom no-repeat;}
.navbgg{background:url(../images/navbgg.png) center bottom no-repeat;}
.navbgh{background:url(../images/navbgh.png) center bottom no-repeat;}
.menu li .submenu .left{float: left;width:60%;padding: 6% 0;text-align: left;}
.menu li .submenu .left span{display: block;line-height: 60px;font-size: 40px; color: #fff;font-weight: bold;}
.menu li .submenu .left p{line-height: 30px;color: rgba(255,255,255,.8);letter-spacing: 2px;font-family: fz;font-size: 22px;text-transform: uppercase;}
.menu li .submenu .left strong{display: block;font-weight: normal;font-size: 22px;color: rgba(255,255,255,.8);}
.menu li .submenu .left strong em{font-size:22px;color: #fff;}
.menu li .submenu .right{float: right;width: 40%;padding:4%;}
.menu li .submenu .right {text-align: left;}
.menu li .submenu .right  span{display: block;line-height: 30px;color: #999;text-transform: uppercase;border-bottom: 1px solid #e0e0e0;}
.menu li .submenu .right  span b{font-size: 22px;color: #444;}
.menu li .submenu .right  span em{color: #ce000c;font-size: 30px;}
.menu li .submenu .right  dd a{display: block;line-height: 30px;font-size: 15px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.menu li .submenu .right  dd a:hover{color: #ce000c;}
.menu li .submenu .right  dd a em{color: #ce000c;font-size:22px;}
.search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #ce000c;outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url(../images/fdj.png) center no-repeat #444;}
.btn{border-radius: 0px !important;}

.mobmenu{position: relative;top:-24px;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#fff}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);padding:6%;}
.mobmenu .sidebar ul{margin-top: 10%;border: 1px solid rgba(0,0,0,.1);border-bottom: none;border-right: none;height: auto;overflow: hidden;}
.mobmenu .sidebar li a{display: block;transition:.4s;border-bottom: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1);text-align: center;padding: 5px;}
.mobmenu .sidebar li a:hover{background: #ce000c;}
.mobmenu .sidebar li a:hover i{color: #fff;}
.mobmenu .sidebar li a:hover span{color: #fff;}
.mobmenu .sidebar li a i{font-size: 26px;color: #777;}
.mobmenu .sidebar li span{display: block;line-height: 30px;color: #666;}
.moba img{display: block;margin:0 auto 2rem auto;}
.moba strong{display: block;line-height:50px;background:#333;text-align: center;font-size:18px;color:rgba(255,255,255,.8);letter-spacing: 2px;}
/*banner*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;}
.banner .swiper-pagination-bullet{background: #fff;transition:.4s;}
.banner .swiper-pagination-bullet-active{width:30px;height: 8px;border-radius: 10px;background: #ce000c;}
#swiper-slide1{position: relative;width: 100%;}
#swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.2);text-align: center;padding-top: 15%;}
#swiper-slide1 .bannera img{display: block;margin:0 auto;max-width: 100%;}
#playercontainer{left: 0;width: 100%;}
/*index_cp*/
.in_01{height: auto;overflow: hidden;background:url(../images/in01bg.jpg) center top no-repeat;}
.in01a img{display: block;max-width: 100%;}
.in01a_a i{font-size: 36px;}
.in01a_a span{display: block;color: #999;text-transform: uppercase;font-size: 16px;}
.in01a_a b{color: #ce000c;font-size: 42px;}
.in01a_a p{color: #777;}
.in01a_b p{line-height: 30px;color: #777;}
.in01a_b a{color: #ce000c;transition:.4s;}
.in01a_b a:hover{color: #444;}
.in01a_c li .in01a_d{padding:1rem 1.5rem 1rem 6rem;border: 1px solid #eeeff0;height: auto;overflow: hidden;} 
.in01a_c li .in01a_d span{float: left; display: block;width: 40px;line-height: 20px;} 
.in01a_c li .in01a_d em{float: left;margin-top: 7px;color: #777;} 
.in01a_c li .in01a_d em b{font-size: 42px;font-family: fz;color: #ce000c;} 
.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) 2rem center no-repeat #fff;} 
.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) 2rem center no-repeat #fff;} 
.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) 2rem center no-repeat #fff;} 
.in01b .row{position: relative;}
.in01b li a{display: block;text-align: center;transition:.4s;}
.in01b li a:hover {color: #ce000c;}
.in01b li i{font-size: 40px;}
.in01b li span{display: block;}
.in01b li p{line-height: 30px;color: #777;text-transform: uppercase;font-family: fz;}
.line{ width: 200px; height: 10px;position: absolute; top: 30px;}
.line span{display: block;border-top: 1px dashed #d8d8d8;width: 100%;position: relative;top:75%;}
.line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #dc3530; border-radius: 50%; }
.line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #dc3530; border-radius: 50%; }
.linea{margin-left: 10.6%;}
.lineb{margin-left: 27.2%;}
.linec{margin-left: 44%;}
.lined{margin-left: 60.5%;}
.linee{margin-left: 77%;}
@keyframes mfwzcline1 {
    0% {
       top: 0px;
    }
    50% {
       top: 50%;
    }
    100% {
       top: 100%;
    }
}
@keyframes mfwzcline2 {
    0% {
       bottom: 0px; 
    }
    50% {
       bottom: 50%;
    }
    100% {
       bottom:100%;
    }
}
@keyframes fwzcline1 {
    0% {
       left: 0px;
    }
    50% {
       left: 50%;
    }
    100% {
       left: 100%;
    }
}
@keyframes fwzcline2 {
    0% {
       right: 0px; 
    }
    50% {
       right: 50%;
    }
    100% {
       right:100%;
    }
}   
.in_02{height: auto;overflow: hidden;}
.intita {padding-left: 1rem;position: relative;}
.intita::before{position: absolute;content: "";width: 8px;height: 30px;background: #ce000c;top:10%;left:0;}
.intita span{color: rgba(255,255,255,.8);text-transform: uppercase;}
.intita span b{color: #fff;}
.intita a{display: block; border: 1px solid rgba(255,255,255,.4);text-align: center;line-height: 45px;width: 120px;color: #fff;transition:.4s;}
.intita a:hover{background: #ce000c;}
.intitb {border-bottom: 1px dashed rgba(255,255,255,.2)}
.intitb span{display: block;background: url(../images/intita.png) top left no-repeat;padding-top: 3rem;color: #fff;}
.intitb a{display: block;width:30px;line-height:30px;background: rgba(255,255,255,.2);color: rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);transition:.4s;text-align: center;height:30px;}
.intitb a:hover{background:rgba(255,255,255,.9);color: #444}
.in02a_a{height: auto;overflow: hidden; border: 1px solid rgba(255,255,255,.4)}
.in02a_a li {float: left;width: 48%;margin-right: 4%;}
.in02a_a li:nth-of-type(2n+0){margin-right: 0;}
.in02a_a li a{display: block;line-height: 45px;color: rgba(255,255,255,.8);transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in02a_a li a:hover{color:#fff;}
.in02a_a li a i{float: right;}
.in02a_b .swiper-slide a{display: block;border: 1px solid rgba(255,255,255,.4);position: relative;}
.in02a_b .swiper-slide img{display: block;max-width: 100%;}
.in02a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color: rgba(255,255,255,.8);white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in02h{position:absolute;width:100%;opacity:0;filter:alpha(opacity=0)\9;height:100%;left:0;top:0;background:#000;background:rgba(0,0,0,0.9);transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}
.in02h i{position:absolute;height:26px;width:26px;left:50%;top:50%;margin-left:-13px;margin-top:-50px;background:url(../images/in02a.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}
.in02h em{position:absolute;width:56px;height:14px;left:50%;top:50%;margin-left:-28px;margin-top:40px;background:url(../images/in02b.png) center no-repeat;transition:all  480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}
.in02a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9}
.in02a_b .swiper-slide a:hover .in02h i{margin-top:-22px}
.in02a_b .swiper-slide a:hover .in02h em{ margin-top:13px}
.in02a:nth-of-type(2) .intitb span{background: url(../images/intitb.png) top left no-repeat;}

.pro-list .item a{display: block;border: 1px solid rgba(255,255,255,.4);position: relative;}
.pro-list .item img{display: block;max-width: 100%;}
.pro-list .item .item-title{display: block;line-height:42px;color: #333333;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.pro-list .item .item-catname{display: block;color: #666;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.pro-list .item a:hover .in02h{opacity:.8;}
.pro-list .item a:hover .in02h i{margin-top:-22px}
.pro-list .item a:hover .in02h em{ margin-top:13px}

@media (min-width: 1200px) {
    .pro-list .item .item-title{
        font-size: 18px;
    }
}

@media (min-width: 1400px) {
    .pro-list .item .item-title{
        font-size: 22px;
    }
}

/*in_03*/
.in_03{height: auto;overflow: hidden;background: url(../images/in03bg.jpg) center top repeat;}
.intitc {padding-left: 1rem;position: relative;}
.intitc::before{position: absolute;content: "";width: 8px;height: 30px;background: #ce000c;top:10%;left:0;}
.intitc span{color: #777;text-transform: uppercase;}
.intitc span b{color: #444;}
.intitc a{display: block;border: 1px solid rgba(4,4,4,.1);text-align: center;line-height: 45px;width: 120px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.intitc a:hover{background: #ce000c;color: #fff}
.intitd {border-bottom: 1px dashed rgba(4,4,4,.2)}
.intitd span{display: block;background: url(../images/intitd.png) top left no-repeat;padding-top: 3rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.intitd a{display: block;width:30px;line-height:30px;background: rgba(4,4,4,.1);color: rgba(4,4,4,.2);border: 1px solid rgba(4,4,4,.2);transition:.4s;text-align: center;height:30px;}
.intitd a:hover{background:#fff;color: #444}
.in03a:nth-of-type(2) .intitd span{background: url(../images/intitc.png) top left no-repeat;}
.in03a_a{height: auto;overflow: hidden; border: 1px solid rgba(4,4,4,.2)}
.in03a_a li {float: left;width: 48%;margin-right: 4%;}
.in03a_a li:nth-of-type(2n+0){margin-right: 0;}
.in03a_a li a{display: block;line-height: 45px;color:#777;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in03a_a li a:hover{color:#444;}
.in03a_a li a i{float: right;}
.in03a_b .swiper-slide a{display: block;border: 1px solid rgba(4,4,4,.2);height: auto;overflow: hidden;}
.in03a_b .swiper-slide img{display: block;max-width: 100%;}
.in03a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color:#777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in03a_b .swiper-slide a:hover .in02h{opacity:.8}
.in03a_b .swiper-slide a:hover .in02h i{margin-top:-22px}
.in03a_b .swiper-slide a:hover .in02h em{ margin-top:13px}
/*in_04*/
.in_04{height: auto;overflow: hidden;background: url(../images/in04bg.jpg) center no-repeat;color: #fff;}
.in04a .mySwiper{position: relative;overflow: inherit;}
.in04a .mySwiper::before{position: absolute;content: "";left:-20%;top:16%;height: 1px;width: 140%;background: rgba(255,255,255,.2);}
.in04a .mySwiper .swiper-slide{text-align: center;line-height: 40px;font-size: 15px;}
.in04a .mySwiper i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background:rgba(255,255,255,.6);}
.in04a .mySwiper i em{display: block;width: 12px;height: 12px;background: #fff;border-radius: 20px;}
.in04a .swiper-slide-thumb-active i em{background: #ce000c;}
.in04b_a{border: 1px dashed rgba(255,255,255,.2)}
.in04b_a span{display: block;}
.in04b_a span em{font-size: 30px;font-family: fz;}
.in04b_a b{display: block;width: 40px;height: 1px;background: rgba(255,255,255,.9);margin:1rem 0;}
.in04b_a p{line-height: 30px;color: rgba(255,255,255,.8);}
.in04b_b a{display: block;line-height: 40px;width: 140px;background: #ce000c;border: 1px solid #ce000c;color: #fff;text-align: center;transition:.4s;}
.in04b_b a:hover{background: #fff;color: #ce000c;}
.in04b_b i{font-size: 60px;height: 40px;margin-top: -23px;}
/*in_05*/
.in05a li a{display: block;background: url(../images/in05a.png) center no-repeat rgba(252,252,252,1);border: 1px solid #e8e8e8;text-align: center;transition:.4s;position: relative;}
.in05a li a:hover{transform: translate3d(0,-10px,0);box-shadow: 0px 0px 8px 5px #eee;background: url(../images/in05a.jpg) center no-repeat;color: #fff;padding-top: 1rem !important;padding-bottom: 5rem !important}
.in05a li a:hover img{opacity: 0;}
.in05a li a:hover i{background: #fff;}
.in05a li a:hover p{color: #fff;}
.in05a li a img{display: block;margin:0 auto;transition:.4s;}
.in05a li a span{display: block;}
.in05a li a i{display: block;margin:1rem auto;width: 30px;height: 2px;background: #ce000c;transition:.4s;}
.in05a li a p{line-height: 30px;color: #777;transition:.4s; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
/*in_06*/
.in_06{height: auto;overflow: hidden;background: url(../images/in06bg.jpg) center no-repeat fixed;}
.in_06 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in06a a{display: block; height: auto;overflow: hidden;position: relative;}
.in06a a:hover .in06a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);}
.in06a a:hover em{color: #fff;margin-bottom: 1rem;}
.in06a .in06a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;}
.in06a .in06a_a span{display: block;}
.in06a .in06a_a strong{display: block;color: #fff;}
.in06a .in06a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.in06a .in06a_a em{display: block;transition:.4s;}
.in_06 li a{display: block;height: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.3);transition:.4s;}
.in_06 li a:hover{background: #ce000c}
.in_06 li a span{display: block;color: rgba(255,255,255,.3);}
.in_06 li a strong{display: block;color: #fff;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in_06 li a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.in_06 li a em{display: block;transition:.4s;color: rgba(255,255,255,.3)}
.in06a_b{display: block;width: 100%;height: 0;padding-bottom: 124.5%;position: relative;overflow: hidden;}
.in06a_c{display: block;width: 100%;height: 0;padding-bottom: 81.5%;position: relative;overflow: hidden;}
/*in_07*/
.in07a a{display: block;position: relative;height: auto;overflow: hidden;}
.in07a a:hover span{line-height: 65px;background: rgba(0,0,0,.3)}
.in07a a img{display: block;width: 100%;}
.in07a a span{display: block;position: absolute;bottom: 0;width: 100%;line-height: 55px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}
.in07b{display: block;width: 100%;height: 0;padding-bottom: 33.8%;position: relative;overflow: hidden;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:#181819;border-top: 6px solid #ce000c;}
.foota {border-right: 1px solid rgba(255,255,255,.2)}
.foota li span{display: block;color: #fff;}
.foota li p a{color: rgba(255,255,255,.6);line-height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.foota li p a:hover{color: #fff;}
.footb img{display: block;max-width: 100%;margin:0 auto;}
.footba img{display: block;max-width: 100%;margin:0 auto;border: 1px dashed rgba(255,255,255,.4);padding: 7px;}
.footba span{display: block;line-height: 45px;color: rgba(255,255,255,.8);}
.ewm{width: 40%;text-align: center;}
.footc{line-height: 50px;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);color: #7b7b7c;}
.footc li{position: relative;text-align: center;}
.footc li::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);right:0;top:35%;}
.footc li:last-child::after{height: 0px;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#ce000c;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #c2000b;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #c2000b;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #333; }
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}
/*简介*/
.ban_com{background: url(../images/ban_com.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_pro{background: url(../images/ban_pro.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_case{background: url(../images/ban_case.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_xswl{background: url(../images/ban_xswl.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_kjyf{background: url(../images/ban_kjyf.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_news{background: url(../images/ban_news.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_job{background: url(../images/ban_job.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban {padding:13% 0 14% 0;}
.ban i{font-size: 42px;color: #ce000c}
.ban strong{display: block;font-size: 42px;line-height: 50px;color: #ce000c}
.ban p{text-transform: uppercase;color: rgba(206,0,12,.1);font-family: fantasy;font-size: 36px;font-weight: bold;}
.location {height: auto;overflow: hidden; background: #f8f8f8;border-bottom: 1px solid #e6e6e6;}
.locationa {line-height: 70px;font-size: 20px;font-weight: bold;border-right: 1px solid #e6e6e6;text-align: center;color: #222;}
.locationa i{font-size: 22px;color: #ce000c;font-weight: normal;}
.locationb li{line-height: 70px;position: relative;text-align: center;}
.locationb li a{display: block;transition:.4s;}
.locationb li a:hover{color: #ce000c;}
.locationb li:after{position: absolute;content: "";width: 1px;height: 15px;background: #e6e6e6;right:0;top:38%;}
.locationb li:last-child:after{width: 0px;}
.locationc{text-align: right;line-height: 70px;}
.locationc i{color: #ce000c;font-size: 18px;}
.locationc a{color: #777;}
.locationc a:hover{color: #ce000c;}
/*简介*/
.companya {height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;}
.coma_a i{display: block;width: 30px;height: 4px;background: #ce000c;margin:2rem 0}
.coma_a strong{display: block;color: #ce000c;}
.coma_a strong em{font-size: 22px;}
.coma_a span{display: block;}
.coma_a ul li {color: #777;}
.coma_a ul li em{color: #ce000c;}
.coma_b strong{font-size: 40px;font-family: fz;}
.coma_b p{background: #c00505;color: #fff;width: 90px;text-align: center;line-height: 30px;}
.companya img{max-width: 100%;}
.comb{color: #777;}
.qywha li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }
.qywha li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}
.qywha li:nth-of-type(1) {display: block;background: url(../images/qywha.jpg) center no-repeat;border-radius: 0 20px 0 20px;}
.qywha li:nth-of-type(2) {display: block;background: url(../images/qywhb.jpg) center no-repeat;border-radius: 20px 0 20px 0;}
.qywha li:nth-of-type(3) {display: block;background: url(../images/qywhc.jpg) center no-repeat;border-radius: 0 20px 0 20px;}
.qywha li:nth-of-type(4) {display: block;background: url(../images/qywhd.jpg) center no-repeat;border-radius: 20px 0 20px 0;padding:17% 4%;}
.qywha i{display: block;background: url(../images/qline.png) center  no-repeat;width: 42px;height: 8px;margin:1rem auto;}
.qywhb li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }
.qywhb li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}
.qywhb li:nth-of-type(1) {display: block;background: url(../images/qywhba.jpg) center no-repeat;border-radius:20px;}
.qywhb li:nth-of-type(2) {display: block;background: url(../images/qywhbb.jpg) center no-repeat;border-radius:20px;}
.qywhb i{display: block;background: url(../images/qline.png) center  no-repeat;width: 42px;height: 8px;margin:1rem auto;}
.qywhc li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }
.qywhc li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}
.qywhc li:nth-of-type(1) {display: block;background: url(../images/qywhca.jpg) center no-repeat;border-radius: 20px 0 20px 0;}
.qywhc li:nth-of-type(2) {display: block;background: url(../images/qywhcb.jpg) center no-repeat;border-radius: 0 20px 0 20px;}
.qywhc li:nth-of-type(3) {display: block;background: url(../images/qywhcc.jpg) center no-repeat;border-radius: 20px 0 20px 0;}
.qywhc li:nth-of-type(4) {display: block;background: url(../images/qywhcd.jpg) center no-repeat;border-radius: 0 20px 0 20px;padding:20% 4% 26% 4%;}
.qywhc i{display: block;background: url(../images/qline.png) center  no-repeat;width: 42px;height: 8px;margin:1rem auto;}
.zzjg {height: auto;overflow: hidden;background: url(../images/zzjgbg.jpg) left top repeat;}
.zzjg p{line-height: 30px;color: #777;}
.zzjg p:nth-of-type(5){border-top: 1px solid #d4d4d4}
.zzjg img{ max-width: 100%;}
.companyc{height: auto;overflow: hidden;background: #fbfbff;}
.comc li img{display: block;max-width: 100%;transition: all 0.6s ease 0s;}
.comc li a{display: block; position: relative;height: auto;overflow: hidden;}
.comc_a{position: absolute;z-index: 2;background: linear-gradient(to top, rgba(0,0,0,.7) 5%,rgba(0,0,0,.3)20%, rgba(0,0,0,0.2)40%,rgba(0,0,0,0.1)50%);
width: 100%;height: 100%;bottom: 0;padding-top: 45%;color: #fff;transition:.4s;}
.comc_a span{background: url(../images/comc_b.png) left center  no-repeat;padding-left: 4.5rem;}
.comc_a p{line-height: 20px;text-transform: uppercase;letter-spacing: 1px;}
.comc_a i{display: block;width: 70px;height: 70px;transition:.4s;padding: 5px;background: rgba(255,255,255,0);}
.comc_a i em{display: block;width: 100%;height: 100%;background: rgba(255,255,255,0);line-height: 30px;border: 1px solid #fff;text-align: center;transition:.4s;}
.comc li:hover i{background: rgba(206,0,12,.3);}
.comc li:hover em{background: rgba(206,0,12,.8);background: #ce000c;border: 1px solid #ce000c;}
.comc li:hover img{transform: scale(1.05);}
/*荣誉*/
.qyfca{height: auto;overflow: hidden;background: url(../images/qyfca.jpg) center no-repeat;padding: 10% 0;text-align: center;}
.qyfca_a{width:220px;height: 220px;background: rgba(206,0,12,.9);color: #fff;text-align: center; position: relative;border-radius: 120px;padding-top:2rem;margin:0 auto;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;transition:.4s;
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.qyfca_a em{font-size: 42px;}
.qyfca_a strong{display: block;}
.qyfca_a p{color: rgba(255,255,255,.8);text-transform: uppercase;line-height: 30px;}
.qyfca_a i{font-size: 34px;}
.qyfca_a:after{position: absolute;content: "";display: block;width: 220px;height: 220px;border-radius: 120px; 
    top:0px;
    left: 0px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(205,0,0,0.1);
    opacity: 0;
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
     -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        background: rgba(0,255,255,1);
    }
    40% {
        opacity: 0.5;
        background: rgba(0,255,255,1);
        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
        -webkit-transform: scale(1.2);
        background: rgba(0,255,255,1);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
        -moz-transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
        transform: scale(1.2);
        opacity: 0;
    }
}
.qyfclist li a{height: auto;overflow: hidden;position: relative;}
.qyfclist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.qyfclist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.qyfclist li:hover span{line-height: 330px;background: rgba(0,0,0,0);font-size: 24px;}
.qyfclist li:hover .qimga::before{-webkit-clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);
    clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);}
.qyfclist li:hover .qimga::after{transition: .4s; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);}
.qimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.qimga::before{position: absolute;content: "";
display: block;width: 100%;height: 100%;left:0;z-index: 1;
    -webkit-clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%);
    clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);background:rgba(206,0,12,.8); 
bottom: 0;transition: .4s}
.qimga::after{position: absolute;content: "";display: block;width: 100%;height: 100%;right:0;z-index: 1;
bottom: 0;transition: .4s; -webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);background:rgba(206,0,12,.8); }
.qimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
  background: rgba(0,0,0,.4);color:#fff;text-align: center;transition: .4s}
.qyzllist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;}
.qyzllist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.qyzllist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.qyzllist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);}
.qyimga{display: block;width: 100%;height: 0;padding-bottom: 140%;position: relative;overflow: hidden;}
.qyimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
  background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s}
.qyzzlist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;}
.qyzzlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.qyzzlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.qyzzlist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);}
.qzimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.qzimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
  background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s}
/*case*/
.caselist li a{display: block;transition:.4s;background:url(../images/casea.png) right bottom no-repeat #f5f5f5;}
.caselist li a:hover{background:url(../images/casea.png) right bottom no-repeat #fff;box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.caselist li a:hover em{background:#ce000c;color: #fff}
.caselist li img{display: block;width: 100%;}
.case_a p{line-height: 40px;}
.case_a{width: 80%;}
.case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.case_a em{display: block;width: 140px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #ce000c;transition:.4s;text-align: center;font-style: normal;}
/*network*/
.xswla img{display: block;max-width: 100%;margin:0 auto;}
.xswlb li{float: left;width: 10%;text-align: center;line-height: 40px;color: #777;transition:.4s;height: auto;overflow: hidden;}
.xswlb li a{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xswlb li a:hover{color: #ce000c;}
.xswlb{height: auto;overflow: hidden;}
.xswlc strong{display: block;text-align: center;}
.xswld{height: auto;overflow: hidden;}
.xswld table { width: 100%!important;border-collapse: collapse;} 
.xswld table p{ width: 100%!important; border-collapse: collapse;border-left: 1px solid #a7a7a7} 
.xswld th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;}
.xswld tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;}
.xswld tr td{border-left: 1px solid #a7a7a7}
.xswld .firstRow tr td:nth-of-type(2)  p{border-right: none;border-left: none;}
.xswld .firstRow td{background: #ce000c;line-height: 55px;font-size: 18px;color: #fff;font-weight: bold;border-right: 1px solid #b90610;}
.xswld .firstRow td p{border-left:1px solid #fff;}
.shfwa li strong{display: block;font-family: fz;color: #ce000c;}
.shfwa li:hover .shfwb{background: #fff;box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.shfwb{height: auto;overflow: hidden;border: 1px solid #e4e4e4;background: #fafafa;transition:.4s;}
.shfwb strong{display: block;}
.shfwb p{line-height: 30px;color: #777;}
/*content_product*/
.producta{height: auto;overflow: hidden;background: url(../images/producta.jpg) center center no-repeat;padding: 8% 0 6% 0;}
.cases{height: auto;overflow: hidden;background: url(../images/cases.jpg) center center no-repeat;padding: 8% 0 6% 0;}
.casetype{height: auto;overflow: hidden;}
.casetype li {height: auto;overflow: hidden;border-bottom: 1px solid #eeeeee;}
.casetype li strong{display: block; float: left;line-height: 60px;}
.casetype li p{float: left;padding: 0 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 60px;}
.casetype li p a{display: block;color: #777;transition:.4s;}
.casetype li p a:hover{color: #ce000c;}
.producta_a {text-align: center;color: #fff;}
.producta_a strong{display: block;font-size: 70px;line-height: 100px;}
.producta_a i{display: block;background: url(../images/pla.png)  center no-repeat;height: 5px;margin:2rem auto;}
.producta_a p{text-transform: uppercase;color: rgba(255,255,255,.8);letter-spacing: 3px;}
.producta_b {width: 80%;margin:5rem auto;height: auto;overflow: hidden;}
.producta_b li a{display: block;color: #fff;transition:.4s;}
.producta_b li a:hover{color: rgba(255,255,255,.6);}
.producta_b li i{color: #ce000c;}
.producta_c{width: 50%;margin:3rem auto;}
.producta_c a{display: block;width: 45%;background: #ce000c;border: 1px solid #ce000c; line-height: 50px;border-radius: 60px;color: #fff;text-align: center;transition:.4s;}
.producta_c a:hover{background: #fff;color: #ce000c;}
.producta .mySwiper {padding-top: 5rem;position: relative;overflow: revert;}
.producta .mySwiper::before{position: absolute;content: "";width: 140%;left:-20%; height: 1px;background: rgba(255,255,255,.2);top:57.5%;}
.producta .mySwiper .swiper-slide{color: #fff;text-align: center;cursor: pointer;}
.producta .mySwiper .swiper-slide span{display: block;}
.producta .mySwiper .swiper-slide-thumb-active i{background: #ce000c !important;}
.producta .mySwiper .swiper-slide i{display: block;width: 15px;height: 15px;border-radius: 60px;background: rgba(255,255,255,1);margin:0 auto;position: relative;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;transition:.4s;
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);}
.producta .mySwiper .swiper-slide i:after{position: absolute;content: "";display: block;width: 15px;height: 15px;border-radius: 60px; 
    top:0px;
    left: 0px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(205,0,0,0.1);
    opacity: 0;
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
     -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}
.protita{text-align: center;}
.protita strong{display: block;font-size: 42px;}
.protita strong b{color: #ce000c}
.protita p{color: #777;width: 70%;margin:0 auto;}
.prolist li a{display: block;position: relative;height: auto;overflow: hidden;border: 1px solid #eee;}
.prolist li a:hover .plimga i{background: rgba(0,0,0,.3)}
.prolist li a:hover .pl_a{bottom: 5%;box-shadow: rgba(255,255,255,0.3) 0 5px 10px;}
.prolist li .pl_a{position: absolute;bottom: 4%;left:4%;width: 92%;background: rgba(255,255,255,.9);z-index: 3;transition:.4s; }
.prolist li .pl_b{background: url(../images/pl_a.png) left center no-repeat;padding-left: 10rem; }
.prolist li .pl_b strong{display: block;text-transform: uppercase;border-bottom: 1px dashed #e0e0e0;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.prolist li .pl_b strong b{color: #ce000c;font-family: impact;}
.prolist li .pl_b p{line-height: 25px;color: #777;}
.plimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.plimga img{display: block;max-width: 100%;}
.plimga i{position: absolute;z-index: 2;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
/*产品详情*/
.proinfo{height: auto;overflow: hidden;background: url(../images/proa.jpg) top no-repeat;padding-top: 12%;}
.plocation{color: #fff;line-height: 50px;height: 50px;}
.plocation a{color: #fff;}
.proa {height: auto;overflow: hidden;background: #fff;z-index: 3;position: relative;}
.proa img{display: block;width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa strong{display: block;font-size:30px;line-height: 60px;background: url(../images/intitb.png) left center no-repeat;padding-left: 3rem;border-bottom: 1px solid #e5e5e5;}
.proaa p{line-height: 30px; color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.proab li .proac{box-shadow:rgba(0,0,0,0.1) 0 0 10px 5px;text-align: center;}
.proab li .proac span{display: block;width: 65px;height: 65px;padding-top:15px;font-size: 22px;border-radius: 50px;text-align: center;background: #ce000c;color: #fff;
  margin:-3.5rem auto 0 auto}
.proab li .proac i{display: block;background: url(../images/proac.png)  center no-repeat;margin:1rem auto;height: 6px;}
.proab li .proac p{line-height: 30px;color: #777;}
.pmore {width: 60%;}
.pmore a{display: block;width:100%;line-height: 55px;font-size: 22px;text-align: center;background: #ce000c;color: #fff;transition:.4s;font-weight: bold;}
.pmore a:hover{background: #444;}
.pmore a i{font-size: 24px;font-weight: normal;}

.ptit{height: auto;overflow: hidden;background: url(../images/ptitbg.jpg) left -20px repeat-x;}
.ptit li{text-align: center;line-height: 40px;font-size: 15px;}
.ptit li a{display: block;transition:.4s;}
.ptit li:hover a{color: #ce000c}
.ptit li:hover i{background: #ce000c;border: 2px solid #fff;}
.ptit li:hover em{background: #fff;}
.ptit i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background: #fff;border: 2px solid #ce000c;transition:.4s;}
.ptit i em{display: block;width: 8px;height: 8px;background: #ce000c;border-radius: 20px;transition:.4s;}
.ptita{text-align: center;}
.ptita strong{display: block;font-size: 42px;}
.ptita strong b{color: #ce000c}
.ptita i{display: block;background: url(../images/ptita.png) center no-repeat;height: 5px;margin:1rem auto;}
.ptita p{color: #777;width: 70%;margin:0 auto;}
.prob{height: auto;overflow: hidden;background: #f6f6f6;}
.prob_a{line-height: 30px;color: #777;}
.prob_a strong{display: block;position: relative; font-size: 20px;line-height: 50px;color: #444;padding-left: 1rem; border-bottom: 1px solid #e4e4e4;padding-bottom: .5rem;margin: 1.5rem 0;}
.prob_a strong::before{position: absolute;content: "";width: 5px;height: 25px;background: #ce000c;top:20%;left:0;}
.prob_a img{max-width: 100%;}
.proc{height: auto;overflow: hidden;background: url(../images/procbg.jpg) center no-repeat;}
.proc_a img{display: block;max-width: 100%;margin:0 auto;}

.prodtit i{display: block;width: 30px;height: 2px;background: #fff;margin:1rem 0;}
.prodtit strong{display: block;color: #ce000c}
.prodtit p{line-height: 30px;color: #777;}
.forma{width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}
.forma input{float: left;width: 49%;padding-left: 1rem;margin-right: 2%; line-height: 45px;background: #f6f6f6;}
.forma input:nth-of-type(2){margin-right:0px;}
.formb {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}
.formb input{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;}
.formc {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}
.formc textarea{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;}
.formd .code input{float: left;padding-left: 1rem;line-height: 45px;background: #f6f6f6;width:20%;margin-right: 2%;}
.formd .code .verify{float: left;width:20%;margin-right: 2%;}
.formd .code .verify img{width:100%;height: 45px;}
.formd .code a{float: left;width: 20%;background: #ce000c;border-radius: 2px;border: 1px solid #ce000c;color: #fff;text-align: center;line-height: 45px;transition:.4s;}
.formd .code a:hover{background: #fff;color: #ce000c}
.prod_b{height: auto;overflow: hidden;background: url(../images/proda.jpg) center no-repeat;}
.prod_c li{height: auto;overflow: hidden;color: #fff;}
.prod_c li span{display: block;}
.prod_c li p{line-height: 35px;}
.proe{height: auto;overflow: hidden;background: url(../images/proebg.jpg) center top no-repeat;}
.proe li:hover .proe_a span{line-height: 65px;background: rgba(0,0,0,.2);font-size: 15px;}
.proe_a{height: auto;overflow: hidden;position: relative;}
.proe_a span{position: absolute;z-index: 2;bottom: 0;left:0;line-height: 50px;text-align: center;width: 100%;background: rgba(206,0,12,.7);color: #fff;transition:.4s;}
.proe_a img{max-width: 100%;}
.prof_a img{display: block;max-width: 100%;}
.prof_a strong{display: block;}
.prof_a p{line-height: 30px;color: #777;}
.prof_b {width: 60%;}
.prof_b li{text-align: center;}
.prof_b li em{display: block;width: 75px;line-height: 75px;margin:0 auto; border: 1px solid #e9e9e9;border-radius: 80px;text-align: center; font-family: impact;color: #ce000c;font-size: 32px;}
.prof_b li b{display: block;}
.prog{height: auto;overflow: hidden;background: url(../images/progbg.jpg) center no-repeat;}
.proga .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.proga .swiper-slide  {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}
.proga .swiper-slide  span{position: absolute;bottom: 0;width: 100%;line-height:80px;
  background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,.5)50%, rgba(0,0,0,.2)80%,rgba(0,0,0,0)100%);
  ;color: #fff;text-align: center;transition:.4s;}
.proga .swiper-slide  img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.proga .swiper-slide:hover img{transform: scale(1.05);}
.proga .swiper-slide:hover span{line-height: 110px;}
.peimga{height: auto;overflow: hidden;}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist li a{display: block;padding-bottom: 34%;position: relative;}
.newslist li:hover .nfonta{width: 80%;background:url(../images/newsbg.jpg) left bottom repeat-x #fff;height: 50%;left:10%;box-shadow: rgba(0,0,0,0.1) 0 5px 10px; }
.newslist li:hover .nfonta em{height: 42px;margin-top: 1rem;}
.newslist li:hover .nfonta em b{background: #ce000c;color: #fff;}
.newslist li:hover .nimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;}
.newslist li:hover .nimga i{opacity: 1;}
.newslist li img{display: block;max-width: 100%;}
.nfonta{width: 100%;margin:0 auto;background:url(../images/newsbg.png) left bottom repeat-x;position: absolute;bottom: 0;left:0; height: 34%; z-index: 2;transition:.4s;border: 1px solid #e7e7e7;}
.nfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(196,0,12,.1);font-size:44px;font-family: impact;}
.nfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.nfonta i{display: block;width: 35px;height: 2px;background: #ce000c;margin:1.5rem 0;}
.nfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nfonta em{display: block;height:0px;overflow: hidden;transition:.4s;}
.nfonta em b{display: block;line-height: 40px;height: 40px; font-weight: normal;border: 1px solid #ce000c;border-radius: 40px;text-align: center;width: 160px;margin:0 auto;transition:.4s;}
.nimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.nimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}
.nimga span i{font-size: 40px;opacity: 0;}
.nimga span p{font-family: fz;}
/*新闻详情*/
.sidetit{height: auto;overflow: hidden;background: #ce000c;color:#9a0202;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;}
.sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;}
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;}
.newsinfob li:hover{background: #ce000c;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;}
#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #0d4794 !important;}
/*gnwla*/
.gnwla{height: auto;overflow: hidden;}
.gnwltit strong{display: block;font-size: 42px;}
.gnwltit strong b{color: #ce000c}
.gnwltit p{color: #777;width: 70%;}
/*job*/
.joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;}
.joba li:hover .j_a{background: #ce000c; color: #fff; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #ff3755,  #ce000c);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #ff3755,  #ce000c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li:hover .j_a p{color: #fff;}
.joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;}
.joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#d33d54, #ff3755);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;}
.joba li .j_a span{display: block;}
.joba li .j_a p{color: #777;transition:.4s;}
.jobb{height: auto;overflow: hidden;background: #f6f6f6}
.jobtita{background: #ce000c;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}
.jobtita dd{background: #ce000c;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}
.jobtit{background: #fff;height: auto;overflow: hidden;border-bottom: 1px dashed #eee;}
#jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;}
#jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;}
#jobs li{height: auto;overflow: hidden;background: #f3f3f3;}
#jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#jobs li dd a{display: block;transition:.4s;}
#jobs li dd a:hover{color: #ce000c;}
.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}
.jobbox strong{display: block;color: #444;font-size: 18px;}
.jobbox p{line-height: 35px;}
.jobca{text-align: center;line-height: 30px;color: #777;}
.jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;}
.jobd{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}
.jobd img{max-width: 100%;}
.jobd_a {color: #fff;line-height: 30px;}
.jobd_a li span{display: block;text-transform: uppercase;}
.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}

.jobe_a{position: relative;}
.jobe_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;}
.jobe_a .swiper-scrollbar-drag {background:#ce000c;}
.jobe_a .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.jobe_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.jobe_a .swiper-slide  {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}
.jobe_a .swiper-slide  span{position: absolute;bottom: 0;width: 100%;line-height: 65px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}
.jobe_a .swiper-slide  img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.jobe_a .swiper-slide:hover img{transform: scale(1.05);}
.jobe_a .swiper-slide:hover span{line-height: 80px;background: rgba(209,0,0,.6);}
.jobimga{height: auto;overflow: hidden;}

.jobf{height: auto;overflow: hidden;}
.jobf li{height: auto;overflow: hidden;padding: 0 7px;}
.jobf li:nth-of-type(1){margin-bottom: 1rem;}
.jobf li:nth-of-type(2){margin-bottom: 1rem;}
.jobf li a{display: block;position: relative;height: auto;overflow: hidden;}
.jobf li a:hover span{background: rgba(0,0,0,.4);opacity: 1;}
.jobf li a:hover img{transform:scale(1.05,1.05);}
.jobf li span{position: absolute;width: 100%;height: 100%;padding-top: 20%;text-align: center;opacity: 0;z-index: 3; background: rgba(0,0,0,0);color: #fff;transition:.4s;}
.jobf li i{font-size: 32px;}
.jobimgb{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.jobimgb img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.jobf_a a{display: block;position: relative;}
.jobf_a a:hover span{background: rgba(0,0,0,.4);opacity: 1; }
.jobf_a a:hover img{transform:scale(1.05,1.05);}
.jobf_a a span{position: absolute;width: 100%;height: 100%;padding-top: 25%;z-index: 3; opacity: 0;text-align: center; background: rgba(0,0,0,0);
  color: #fff;transition:.4s;}
.jobf_a a span i{font-size:40px;}
/*联系*/
.contacta{height: auto;overflow: hidden;position: relative;}
.cona_a{position: absolute;z-index: 2;width: 28%;right:15%; background: #fff;top:25%;}
.cona_a .code{width: 100%;}
.cona_a .code input{width: 33%;}
.cona_a .code .verif{width: 33%;}
.cona_a .code a{width: 33%;}
.conb_a li .conb_b{background: url(../images/conb_bg.jpg) center no-repeat;color: #fff;padding:10% 8%;}
.conb_a li .conb_b i{float: left;font-size: 42px;margin-right:.75rem;}
.conb_a li .conb_b span{display: block;line-height: 25px;}
.conb_a li .conb_b p{display: block;}
.conc_a li{font-size: 16px;line-height: 35px;color: #666;}
.conc_a li i{color: #ce000c;font-size: 22px;}

.sidebar{
    position: sticky;
    top: 100px;
}
.sidebar .sidebar-title{
    font-size: 28px;
    background: #EA222C;
    color: #FFFFFF;
    line-height: 80px;
    padding: 3% 7%;
    position: relative;
}
.sidebar .sidebar-title::before{

    contain: attr(data-title);
    display: block;
    position: absolute;
    line-height: 1;
    color: #ffffff;
    opacity: .5;
    text-transform: uppercase;
    font-family: fantasy;
}
.sidebar .sidebar-title span{
    display: inline-block;
    position: relative;
    z-index: 2;
}
.sidebar ul{
    background: #fafafa;
    border: 1px solid #e5e5e5;

}

.sidebar li a{ line-height: 46px;padding: 12px 20px;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
}
.sidebar li.active a,.sidebar li a:hover{
    color: #ce000c;
}
.sidebar li:last-child a{
    border-bottom: none;
}

/* 无内容 */
@media (max-width: 576px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.topa a{border-right: none;}
.topa a img{max-width: 60%;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a span{font-size: 14px;}
.in01a_a b{font-size: 22px;}
.in01a_c li .in01a_d span{width: 100%;}
.in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;}
.in01a_c li .in01a_d em b{font-size:22px;}
.line{display: none;}
.in01b li p{display: none;}
.intita i{display: none;}
.intitc i{display: none;}
.in_04 .intita a{width: 25%;font-size: 12px;}
.in04b_b a{line-height: 35px;width: 100px;}
.in_06 .intita a{width: 25%;font-size: 12px;}
.in05a .col-6{padding: 0 .25rem;}
.in01b li span{font-size: 14px;}
.in_05 .intitc{display: block !important;}
.in_05 .intitc span{display: block;line-height: 60px;}
.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc{display: block !important;}
.in_07 .intitc span{display: block;line-height: 60px;}
.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}
.footer{padding-bottom: 12%;}
.footc li{text-align: left;margin-left: 1rem;}
.footc li::after{height: 0px;}
.ban{padding: 25% 0 10% 0;}
.ban i{font-size: 32px;}
.ban strong{font-size: 30px;}
.ban p{font-size: 22px;}
.ban_com{background-size: 220%;}
.ban_pro{background-size: 220%;}
.ban_case{background-size: 220%;}
.ban_xswl{background-size: 220%;}
.ban_kjyf{background-size: 220%;}
.ban_news{background-size: 220%;}
.ban_job{background-size: 220%;}
.locationb li{line-height: 40px;}
.coma_b strong{font-size: 26px;}
.ptita strong{font-size: 22px;}
.comc_a{padding-top: 30%;}
.qyfclist li:hover span{line-height: 105px;font-size: 14px;}
.producta{padding: 26% 0 6% 0;}
.producta_a strong{font-size: 30px;line-height: 45px;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:2rem auto;}
.producta_c{width: 100%;}
.producta .mySwiper{padding-top: 3rem;}
.producta .mySwiper::before{top:51%;}
.protita strong{font-size: 22px;}
.protita p{width: 100%;}
.prolist li .pl_b p{display: none;}
.prolist li .pl_b{background: none;padding-left: 0px;}
.prolist li .pl_b strong{border-bottom: none;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proinfo{padding-top: 26%;}
.pmore{width: 80%;}
.pmore a{font-size: 14px;}
.ptit li a{font-size: 13px;}
.prof_b{width: 100%;}
.prof_a p{font-size: 13px;}
.producta_a p{letter-spacing: 0px;}
.case_a p{display: none;}
.xswlb li{width: 25%;}
.xswld .firstRow td{font-size: 14px;}
.in05a li a i{margin:.25rem auto;}
.nfonta i{display: none;}
.nfonta p{display: none;}
.newslist li:hover .nfonta em{height: 0px;}
.newslist li:hover .nimga span{padding-top: .5rem;}
.nimga span p{display: none;}
.joba li .j_a i{font-size: 32px;}
.joba li .j_a em{height: 53px;}
#jobs li dd{padding-left: .5rem;}
.jobe_a .swiper-slide span{line-height: 30px;}
.jobe_a .swiper-slide:hover span{line-height: 40px;}
.jobf li i{font-size: 26px;}
.cona_a{width: 80%;right:4%;}
.qyfca_a em{font-size: 30px;}
.in_02{ height: auto;overflow: hidden; background: #131b32 !important;}
.in_06{height: auto;overflow: hidden;background: #131b32 !important;}
}
@media (min-width: 576px) and (max-width: 768px) {  
.topa a{border-right: none;}
.topa a img{max-width: 60%;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a span{font-size: 14px;}
.in01a_a b{font-size: 22px;}
.in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;}
.in01a_c li .in01a_d em b{font-size: 22px;}
.line{display: none;}
.in01b li p{display: none;}
.intita i{display: none;}
.intitc i{display: none;}
.in_04 .intita a{width: 25%;font-size: 12px;}
.in04b_b a{line-height: 35px;width: 100px;}
.in_06 .intita a{width: 25%;font-size: 12px;}
.in05a .col-6{padding: 0 .25rem;}
.in01b li span{font-size: 14px;}
.in_05 .intitc{display: block !important;}
.in_05 .intitc span{display: block;line-height: 60px;}
.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc{display: block !important;}
.in_07 .intitc span{display: block;line-height: 60px;}
.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}
.footer{padding-bottom: 12%;}
.footc li{text-align: left;margin-left: 1rem;}
.footc li::after{height: 0px;}
.ban{padding: 25% 0 10% 0;}
.ban i{font-size: 32px;}
.ban strong{font-size: 30px;}
.ban p{font-size: 26px;}
.ban_com{background-size: 175%;}
.ban_pro{background-size: 175%;}
.ban_case{background-size: 175%;}
.ban_xswl{background-size: 175%;}
.ban_kjyf{background-size: 175%;}
.ban_news{background-size: 175%;}
.ban_job{background-size: 175%;}
.locationb li{line-height: 40px;}
.coma_b strong{font-size: 26px;}
.ptita strong{font-size: 22px;}
.comc_a{padding-top: 40%;}
.qyfclist li:hover span{line-height: 105px;font-size: 14px;}
.producta{padding: 26% 0 6% 0;}
.producta_a strong{font-size: 30px;line-height: 45px;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:2rem auto;}
.producta_c{width: 100%;}
.producta .mySwiper{padding-top: 3rem;}
.producta .mySwiper::before{top:51%;}
.protita strong{font-size: 22px;}
.protita p{width: 100%;}
.prolist li .pl_b p{display: none;}
.prolist li .pl_b{background: none;padding-left: 0px;}
.prolist li .pl_b strong{border-bottom: none;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proinfo{padding-top: 16%;}
.pmore{width: 80%;}
.pmore a{font-size: 14px;}
.ptit li a{font-size: 13px;}
.prof_b{width: 100%;}
.prof_a p{font-size: 13px;}
.producta_a p{letter-spacing: 0px;}
.case_a p{display: none;}
.xswlb li{width: 25%;}
.xswld .firstRow td{font-size: 14px;}
.in05a li a i{margin:.25rem auto;}
.nfonta i{display: none;}
.nfonta p{display: none;}
.newslist li:hover .nfonta em{height: 0px;}
.newslist li:hover .nimga span{padding-top: .5rem;}
.nimga span p{display: none;}
.joba li .j_a i{font-size: 32px;}
.joba li .j_a em{height: 53px;}
#jobs li dd{padding-left: .5rem;}
.jobe_a .swiper-slide span{line-height: 30px;}
.jobe_a .swiper-slide:hover span{line-height: 40px;}
.jobf li i{font-size: 26px;}
.cona_a{width: 80%;right:4%;}
.intita span{width: 30%;}
.intita em{width: 70%;}
.in04a{height: auto;overflow: hidden;}
.in_06 li a p{display: none;}
.in_06 li a span{display: none;}
.producta .mySwiper{height: auto;overflow: hidden;}
.prolist li .pl_b strong{font-size:18px;}
.in_02{height: auto;overflow: hidden; background: #131b32 !important;}
.in_06{height: auto;overflow: hidden;background: #131b32 !important;}



}
@media (min-width: 768px) and (max-width:992px) { 
.topa a{border-right: none;}
.topa a img{max-width: 60%;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a span{font-size: 14px;}
.in01a_a b{font-size: 22px;}
.in01a_c li .in01a_d em b{font-size: 20px;}
.line{display: none;}
.in01b li p{display: none;}
.intita i{display: none;}
.intitc i{display: none;}
.in_04 .intita a{width: 25%;font-size: 12px;}
.in04b_b a{line-height: 35px;width: 100px;}
.in_06 .intita a{width: 25%;font-size: 12px;}
.in05a .col-6{padding: 0 .25rem;}
.in01b li span{font-size: 14px;}
.in_05 .intitc{display: block !important;}
.in_05 .intitc span{display: block;line-height: 60px;}
.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc{display: block !important;}
.in_07 .intitc span{display: block;line-height: 60px;}
.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}
.footc li{text-align: left;margin-left: 1rem;}
.footc li::after{height: 0px;}
.ban{padding: 25% 0 10% 0;}
.ban i{font-size: 32px;}
.ban strong{font-size: 30px;}
.ban p{font-size: 26px;}
.ban_com{background-size: 156%;}
.ban_pro{background-size: 156%;}
.ban_case{background-size: 156%;}
.ban_xswl{background-size: 156%;}
.ban_kjyf{background-size: 156%;}
.ban_news{background-size: 156%;}
.ban_job{background-size: 156%;}
.locationb li{line-height: 40px;}
.coma_b strong{font-size: 26px;}
.ptita strong{font-size: 22px;}
.comc_a{padding-top: 30%;}
.qyfclist li:hover span{line-height: 105px;font-size: 14px;}
.producta{padding: 12% 0 6% 0;}
.producta_a strong{font-size: 30px;line-height: 45px;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:2rem auto;}
.producta_c{width: 100%;}
.producta .mySwiper{padding-top: 3rem;}
.producta .mySwiper::before{top:51%;}
.protita strong{font-size: 22px;}
.protita p{width: 100%;}
.prolist li .pl_b p{display: none;}
.prolist li .pl_b{background: none;padding-left: 0px;}
.prolist li .pl_b strong{border-bottom: none;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proinfo{padding-top: 14%;}
.pmore{width: 80%;}
.pmore a{font-size: 14px;}
.ptit li a{font-size: 13px;}
.prof_b{width: 100%;}
.prof_a p{font-size: 13px;}
.producta_a p{letter-spacing: 0px;}
.case_a p{display: none;}
.xswlb li{width: 25%;}
.xswld .firstRow td{font-size: 14px;}
.in05a li a i{margin:.25rem auto;}
.nfonta p{display: none;}
.newslist li:hover .nfonta em{height: 0px;}
.newslist li:hover .nimga span{padding-top: .5rem;}
.nimga span p{display: none;}
.joba li .j_a i{font-size: 32px;}
.joba li .j_a em{height: 53px;}
#jobs li dd{padding-left: .5rem;}
.jobe_a .swiper-slide span{line-height: 30px;}
.jobe_a .swiper-slide:hover span{line-height: 40px;}
.jobf li i{font-size: 26px;}
.cona_a{width: 80%;right:4%;}

.in01a_c li .in01a_d{padding:1rem 1rem 1rem 4rem;}
.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) .5rem center no-repeat #fff;} 
.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) .5rem center no-repeat #fff;} 
.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) .5rem center no-repeat #fff;}
.intita span{width: 20%;}
.intita em{width: 70%;}
.in04a{height: auto;overflow: hidden;}
.in05a li a span{font-size: 18px;}
.in_06 li a p{display: none;}
.comc_a span strong{font-size: 22px;}
.comc_a p{font-size:12px;font-family: fz;}
.qywha li span{font-size: 18px;line-height: 35px;}
.qywha li p{font-size: 14px;line-height: 25px;}
.qywhb li span{font-size: 18px;line-height: 35px;}
.qywhb li p{font-size: 14px;line-height: 25px;}
.qywhc li span{font-size: 18px;line-height: 35px;}
.qywhc li p{font-size: 14px;line-height: 25px;}
.producta .mySwiper{height: auto;overflow: hidden;}
.prolist li .pl_b strong{font-size:18px;}
.prof_a strong{font-size: 22px;}
.prof_b{display: none;}
.conb_a .col-md{padding: 0 .15rem;}
.conb_a li .conb_b p{font-size: 13px;}


 }

@media (min-width: 992px) and (max-width:1200px) {
.topa a{border-right: none;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a b{font-size: 30px;}
.line{width: 110px;}
.in01b li p{font-size: 12px;}
.intitb span{font-size: 18px;}
.in02a_a li a i{display: none;}
.in02a_a li a{font-size: 14px;line-height: 37px;}
.in03a_a li a i{display: none;}
.in03a_a li a{font-size: 14px;line-height: 37px;}
.intitc span i{display: none;}
.in05a li a span{font-size: 22px;}
.in_06 li a p{display: none;}
.in_06 li a em{display: none;}
.in06a_b{padding-bottom: 139%;}
.in06a_c{padding-bottom: 90%;}
.in06a .in06a_a span{display: none;}
.in07a a img{width: 107%;}
.foota{border-right: none;}
.footbc{display: none !important;}
.footc {text-align: center;}
.ban_com{background-size: 140%;}
.ban_pro{background-size: 140%;}
.ban_case{background-size: 140%;}
.ban_xswl{background-size: 140%;}
.ban_kjyf{background-size: 140%;}
.ban_news{background-size: 140%;}
.ban_job{background-size: 140%;}
.coma_a strong{font-size: 30px;}
.coma_b strong{font-size: 22px;}
.coma_a ul li{font-size: 14px;}
.ptita strong{font-size: 30px;}
.qyfclist li:hover span{line-height: 200px;background: rgba(0,0,0,0);font-size: 24px;}
.qywhc li span{font-size: 30px;}
.qywhc li p{font-size: 14px;}
.qywhb li span{font-size: 30px;}
.qywhb li p{font-size: 14px;}
.qywha li span{font-size: 30px;}
.qywha li p{font-size: 14px;}
.producta_a strong{font-size: 42px;line-height:60px;margin-top: 3rem;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:3rem auto;}
.producta_b li a{font-size: 22px;}
.protita strong{font-size: 30px;}
.prolist li .pl_b strong{font-size: 22px;}
.proaa p{display: none;}
.pmore a{font-size: 17px;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proab li .proac p{font-size: 13px;}
.prof_a strong{font-size: 30px;}
.prof_b{width: 90%;}
.prof_a p{font-size: 14px;line-height: 25px;}
.producta .mySwiper .swiper-slide span{font-size: 22px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom:1rem !important}
.nfonta p{display: none;}
.newslist li:hover .nimga span{padding-top: 1.5rem;}
.joba li .j_a span{font-size: 22px;}
.joba li .j_a p{font-size: 14px;}
.locationa {font-size: 17px;}
.cona_a{width: 50%;right:4%;}
.conb_a li .conb_b p{font-size: 16px;}
.navbga{background:url(../images/navbga.png) 82% bottom no-repeat;}
.navbgb{background:url(../images/navbgb.png) 82% bottom no-repeat;}
.navbgc{background:url(../images/navbgc.png) 82% bottom no-repeat;}
.navbgd{background:url(../images/navbgd.png) 82% bottom no-repeat;}
.navbge{background:url(../images/navbge.png) 82% bottom no-repeat;}
.navbgf{background:url(../images/navbgf.png) 82% bottom no-repeat;}
.navbgg{background:url(../images/navbgg.png) 82% bottom no-repeat;}
.navbgh{background:url(../images/navbgh.png) 82% bottom no-repeat;}
.menu li .submenu .left{width: 40%;}
.menu li .submenu .right{width: 60%;}
 }
@media (min-width: 1200px) {
.container{max-width: 1600px;}
 }


@media (min-width: 1200px) and (max-width:1630px) {
.topa a{border-right: none;}
.topa span{display: none;}
.topa p{display: none;}
.topb li a{font-size: 14px;}
.in01a_b p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in01a_c li .in01a_d em b{font-size: 24px;}
.in01a_c li .in01a_d{padding: .5rem 1rem .5rem 4.5rem;}
.in01a_c li:nth-of-type(1) .in01a_d{background: url(../images/in01b.png) .5rem center no-repeat #fff;}
.in01a_c li:nth-of-type(2) .in01a_d{background: url(../images/in01c.png) .5rem center no-repeat #fff;}
.in01a_c li:nth-of-type(3) .in01a_d{background: url(../images/in01d.png) .5rem center no-repeat #fff;}
.in01a_c li .in01a_d span{width: 30px;font-size: 13px;}
.line{width: 130px;}
.in01b li p{font-size: 12px;}
.in02a_a li{font-size: 14px;}
.in02a_a li a{height: 35px;line-height: 35px;overflow: hidden;}
.in03a_a li{font-size: 14px;}
.in03a_a li a{height: 35px;line-height: 35px;overflow: hidden;}
.in_06 li a p{display: none;}
.coma_b strong{font-size: 30px;}
.proab li .proac{padding: 1rem !important;}
.proaa p{line-height: 25px;}
.prof_b{width: 80%;}
.nfonta p{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
 }




























