.m_img {
     display: none;
 }

 .m_nav {
     display: none;
 }



 /*移动端导航*/
 @media screen and (max-width: 990px) and (min-width: 0px) {
     .top2 {
         display: none
     }

     .msgNum {
         display: none;
     }

     .slider {
         margin-top: 44px;
     }

     .head {
         display: none
     }

     .m_img {
         display: block;
         position: fixed;
         top: 0px;
         left: 0px;
         width: 100%;
         z-index: 9999;
         overflow: hidden;
         background: #fff;
         padding:15px 0;
     }

     .m_img .headlf {
         padding-top: 2px;
         padding-left: 5px;
         float: left;
     }

     .m_img .headlf .m_logo {
         height: 40px;
         display: block
     }

     .m_img .headrg {
         padding-right: 5%;
         padding-top: 14px;
         float: right;
     }

     .m_img .headrg a .m_menuimg {
         height: 16px;
         vertical-align: top;
         display: block
     }

     .m_nav {
         display: block;
         position: fixed;
         top: 0px;
         left: 0px;
         width: 0px;
         height: 0px;
         overflow: hidden;
         z-index: 10000
     }

     .m_nav .closecover {
         position: absolute;
         width: 100%;
         height: 100%;
         background: #0b0d19;
         filter: alpha(opacity=0);
         opacity: 0;
         left: 0px;
         top: 0px;
         z-index: 1
     }

     .m_nav .closeicon {
         position: absolute;
         width: 20%;
         left: 30px;
         top: 5%;
         z-index: 100;
         text-align: center;
         filter: alpha(opacity=0);
         opacity: 0
     }

     .m_nav .m_navList {
         position: absolute;
         width: 80%;
         right: 0px;
         top: 0px;
         background: #0b0d19;
         height: 100%;
         z-index: 100;
         right: -80%;
         overflow-y: scroll;
     }

     .m_nav .m_navList ul {
         padding-left: 5%;
         padding-right: 5%
     }

     .m_nav .m_navList ul li {
         border-bottom: 1px solid #232530
     }

     .m_nav .m_navList ul li a {
         display: block;
         height: 45px;
         color: #fff;
         line-height: 45px;
         padding-left: 5%;
         font-size: 16px
     }

     .m_nav .m_navList ul li .m_f_a {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: 100%
     }

     .m_nav .m_navList ul li .m_f_a a {
         flex: 1;
     }

     .m_nav .m_navList ul li .m_f_a i {
         width: 40px;
         height: 35px;
         box-sizing: border-box;
         padding: 0 5px;
         display: block;
     }

     .icon {
         background: url(../images/plus.png) 100% no-repeat;
         background-position: 50% 50%;
         -webkit-transition: all 0s;
         -moz-transition: all 0s;
         transition: all 0s
     }

     .icon_on {
         background: url(../images/reduce.jpg) 50% no-repeat !important;
         background-position: 50% 50%;
         -webkit-transition: all 0s;
         -moz-transition: all 0s;
         transition: all 0s
     }

     .m_nav .m_navList ul li .m_s_nav {
         display: none;
         width: 100%;
     }

     .m_nav .m_navList ul li .m_s_nav a {
         display: block;
         height: 40px;
         line-height: 40px;
         font-size: 14px;
         padding-left: 10%;
         overflow: hidden;
         white-space: nowrap;
         width: 90%;
         text-overflow: ellipsis;
     }
 }

 @media (max-width:768px) {
     #container {
         width: 100%;
         padding: 10px
     }
 }

 @media (min-width:992px) {
     .c4 .col-md-3 {
         width: 29.1%
     }

     .c4 .col-md-4 {
         width: 29.13%;
         padding: 0
     }

     .c4 .col-md-8 {
         width: 70.5%
     }

     .c4 .col-md-9 {
         width: 70%
     }
 }

 @media (max-width:1280px) {
     .col-md-6 {
         display: none !important;
     }

     .col-md-9 {
         width: 80% !important;
         float: left;
     }

     .col-md-3 {
         width: 20% !important;
         float: left
     }

 }

 .col-md-6 .phone {
     font-size: 1.4rem;
     color: #000000;
     font-weight: normal;
     position: relative;
     top: 30px;
     display: inline-table;
     line-height: 1;
 }

 .col-md-6 .phone font {
     font-size: 1.8rem;
     color: #000000;
     font-weight: bold;
     display: inline-table
 }

 .container2 {
     width: 90%;
     height: auto;
     clear: both;
     margin: 0 auto;
     position: relative;
 }

 .navbar-brand img {
     max-width: 100%;
     max-height: 100%;
 }

 .top {
     width: 100%;
     color: #a1a1a1;
     line-height: 35px;
     background: #dcdcdc
 }

 .logo {
     display: block;
 }

 .logo img {
     max-height: 77px;
     margin-top: 10px;
     width: auto;
 }

 .k1 {
     line-height: 35px;
     font-size: 12px;
     color: #a1a1a1
 }

 .k1 a {
     color: #a1a1a1
 }

 .k2 {
     float: left;
     line-height: 35px;
     font-size: 12px;
     color: #a1a1a1;
 }

 .k2 a {
     color: #a1a1a1
 }

 .k3 {
     float: right
 }

 .th-head {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 999999;
     right: 0;
     height: auto;
     background: rgba(255, 255, 255, 0.9)
 }

 .thHeadBox {
     position: relative;
     left: 0;
     top: 0;
     width: 100%;
 }

 @media(max-width:990px) {
     .th-head {
         position: relative;
         background: none;
         height: 70px;
     }

     .thHeadBox {
         position: relative;
         background: none
     }

 }



 @media(max-width:950px) {
     .enc {}

     .k2 {
         display: none !important
     }
 }

 .k3 .k3a {
     display: block;
     background: url(../images/ss.png)no-repeat;
     width: 18px;
     height: 18px;
     margin-top: 9px;
     outline: none;
 }

 .k4 {
     float: right
 }

 .k4 .yya {
     background: url(../images/xiala.png) 180px center no-repeat;
     text-align: center;
     color: #fff;
     cursor: pointer;
     font-size: 14px;
 }

 .k4 .yya2 {
     display: block;
     text-align: center
 }

 .search {
     text-align: left;
     padding: 30px;
     position: relative;
     height: 300px
 }

 .hotSearch {
     height: 30px;
     line-height: 30px;
     font-weight: normal;
     margin-top: 20px;
     font-size: 14px
 }

 .hotSearch a {
     display: block;
     color: #a1a1a1
 }

 #formsearch input {
     background: #fff;
     border: 1px solid #c8c8c8;
     outline: none
 }

 #formsearch input#keyword {
     height: 28px;
     line-height: 28px;
     padding-left: 4px;
     color: #666;
     width: 430px
 }

 #formsearch input#s_btn {
     width: 70px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background-color: #035cac;
     color: #fff;
     border: none;
     cursor: pointer
 }

 .k4 {
     float: right;
     text-align: right;
     position: relative;
     z-index: 9999;
     width: 100%;
     top: 40px;
     color: #fff;
 }

 .navBar2 {
     z-index: 1
 }

 .navBar2 .bignav {
     height: 95px !important;
     margin: 0;
     padding: 0;
     position: relative;
     text-align: right;
 }

 .navBar2 .bignav h3 {
     font-weight: normal;
     margin: 0px
 }

 .navBar2 .bignav .m {
     display: inline-table;
     text-align: center;
     width: 13.28%;
     position: relative;
 }

 .navBar2 .bignav h3 a {
     zoom: 1;
     line-height: 95px !important;
     display: block;
     color: #3d3d3d;
     font-size: 1.6rem;
 }

 @media (max-width:950px) {
     .navBar2 .bignav h3 a {
         line-height: 100px !important
     }

     .navBar2 .bignav {
         height: 100px !important;
         background: url(../images/dhln.png)left center no-repeat;
         margin: 0;
         padding: 0
     }
 }

 .navBar2 .bignav .on h3 a {
     color: #d44123
 }

 .navBar2 .bignav .on h3 a .caret {
     border-bottom: 1px solid #d44123;
     border-right: 1px solid #d44123;
 }




 @media (max-width:1600px) {}

 .navBar2 .bignav #m2 .sub {
     z-index: 1;
     width: 1920px;
     left: -718px;
     padding-top: 25px
 }

 .navBar2 .bignav #m2 .sub ul {
     width: 80%;
     margin: 0 auto
 }

 .navBar2 .bignav #m2 .sub ul li {
     float: left;
     text-align: center;
     list-style: none
 }

 .navBar2 .bignav #m2 .sub ul li h3 {
     display: block;
     font-size: 18px;
     color: #c91b1b;
     margin-bottom: 30px
 }

 .navBar2 .bignav #m2 .sub ul li img {
     width: 91px;
     height: 152px;
     margin-bottom: 30px
 }

 .navBar2 .bignav #m2 .sub ul li span {
     display: block;
     font-size: 16px;
     color: #000000
 }

 .navBar2 .bignav #m3 .sub {
     z-index: 1;
     width: 863px;
     left: -185px;
     padding-top: 55px
 }

 .navBar2 .bignav #m4 .sub {
     z-index: 1;
     width: 863px;
     left: -260px;
     padding-top: 55px
 }

 .navBar2 .bignav #m5 .sub {
     z-index: 1;
     width: 863px;
     left: -320px;
     padding-top: 55px
 }

 .navBar2 .bignav #m6 .sub {
     z-index: 1;
     width: 863px;
     left: -410px;
     padding-top: 55px
 }

 .navBar2 .bignav #m7 .sub {
     z-index: 1;
     width: 863px;
     left: -530px;
     padding-top: 55px
 }

 .navBar2 .bignav #m8 .sub {
     z-index: 1;
     width: 863px;
     left: -650px;
     padding-top: 55px
 }

 .navBar2 .bignav .sub {
     display: none;
     padding: 10px 0;
     position: absolute;
     left: -10px;
     top: 95px;
     float: left;
     line-height: 30px;
     background: rgba(255, 255, 255, 0.9);
     height: auto
 }

 .navBar2 .bignav #m1 .sub {
     z-index: 9999;
     width: 180%;
     left: -40%;
 }


 .navBar2 .bignav .sub .subl {
     width: 200px;
     float: left;
     text-align: left;
     margin-left: 54px
 }

 .navBar2 .bignav .sub .subl h3 {
     display: block;
     font-size: 24px;
     color: #2b2b2b
 }

 .navBar2 .bignav .sub .subl span {
     display: block;
     padding-top: 15px;
     font-size: 14px;
     color: #777777;
     line-height: 24px;
     height: 140px;
     overflow: hidden
 }

 .navBar2 .bignav .sub .subr {
     float: left;
     width: 60%;
     height: auto;
     text-align: left;
     display: none
 }

 .navBar2 .bignav .sub .subr img {
     width: 100%;
     height: auto;
 }

 .navBar2 .bignav .sub dl {
     padding: 0px 20px;
     height: auto;
     padding-bottom: 20px;
 }

 .navBar2 .bignav .sub dl dt {
     font-size: 16px;
     line-height: 36px;
 }

 .navBar2 .bignav .sub dl dt a {
     display: block;
     color: #555555;
     font-weight: normal;
     font-size: 1.4rem;
 }

 .navBar2 .bignav .sub dl dt a:hover {
     color: #c91b1b;
     background: url(../images/navh.png) 105px center no-repeat
 }



 @media(max-width:768px) {
     .navbar-brand {
         width: 45%
     }

     .navBar2 .bignav .sub dl {
         padding: 0px 0px;
     }
 }



 @media(max-width:768px) {
     .slideBox {
         margin-top: 20%
     }
 }

 @media(max-width:425px) {
     .slideBox {
         margin-top: 12%
     }
 }

 @media(max-width:375px) {
     .slideBox {
         margin-top: 14%
     }
 }

 @media(max-width:320px) {
     .slideBox {
         margin-top: 17%
     }
 }

 .slideBox {
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
     margin-top: 0%
 }

 .slideBox .bd {
     width: 100%;
     height: 100%;
     z-index: 0
 }

 .slideBox .bd ul {
     margin: 0;
     padding: 0
 }

 .slideBox .bd .neban {
     display: none
 }

 .slideBox .bd ul li {
     zoom: 1;
     vertical-align: middle;
     list-style: none
 }

 .slideBox .bd ul img {
     max-width: 100%;
     display: block;
     width: 100%;
 }

 .slideBox .bd ul li .firtxt {
     position: absolute;
     left: 15%;
     top: 40%;
     width: 70%;
     overflow: hidden;
 }

 .slideBox .bd ul li .firtxt img {
     max-width: 100%;
     height: auto;
 }

 .slideBox .bd ul li .b5 {
     height: 60px;
     width: 64px;
     position: absolute;
     bottom: 2rem;
     left: 45%;
 }

 .slideBox .bd ul li .b5 img {
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto;
     animation: move 3s 0s infinite;
     -webkit-animation: move 3s 0s infinite;
     transform-origin: bottom;
     -webkit-transform-origin: bottom;
 }

 .slideBox .bd ul img {
     display: block
 }

 .slideBox .bd ul li .firtxt {
     color: #fff;
 }

 .slideBox .bd ul li .firtxt .t1 {
     font-size: 40px;
     font-weight: bold;
 }

 .slideBox .bd ul li .firtxt .t2 {
     font-size: 20px;
     padding-top: 15px;
 }

 .slideBox .bd ul li .firtxt .t3 {
     padding: 15px 25px;
     background: #d44123;
     display: inline-block;
     margin-top: 30px;
 }

 .slideBox .bd ul li .firtxt .t3 a {
     color: #fff;
     font-size: 15px;
 }


 @media(max-width:768px) {

     .slideBox .bd ul li .firtxt {
         top: 15%;
         width: 70%;
     }

     .slideBox .bd ul li .firtxt .t1 {
         font-size: 17px;
     }

     .slideBox .bd ul li .firtxt .t2 {
         font-size: 13px;
         padding-top: 10px;
     }

     .slideBox .bd ul li .firtxt .t3 {
         padding: 6px 10px;
         margin-top: 10px;
     }

     .slideBox .bd ul li .firtxt .t3 a {
         font-size: 13px;
     }

 }


 @keyframes scaleDraw {

     /*¶¨Òå¹Ø¼üÖ¡¡¢scaleDrewÊÇÐèÒª°ó¶¨µ½Ñ¡ÔñÆ÷µÄ¹Ø¼üÖ¡Ãû³Æ*/
     0% {
         transform: scale(1);
         /*¿ªÊ¼ÎªÔ­Ê¼´óС*/
     }

     25% {
         transform: scale(1.3);
         /*·Å´ó1.1±¶*/
     }

     50% {
         transform: scale(1);
     }

     75% {
         transform: scale(1.3);
     }
 }

 .ballon {
     -webkit-animation-name: scaleDraw;
     /*¹Ø¼üÖ¡Ãû³Æ*/
     -webkit-animation-timing-function: ease-in-out;
     /*¶¯»­µÄËÙ¶ÈÇúÏß*/
     -webkit-animation-iteration-count: infinite;
     /*¶¯»­²¥·ÅµÄ´ÎÊý*/
     -webkit-animation-duration: 60s;
     /*¶¯»­Ëù»¨·ÑµÄʱ¼ä*/
 }





















 .slideBox .prev {
     position: absolute;
     top: 50%;
     left: 0;
     display: block;
     width: 45px;
     height: 45px;
     background: url(../images/l.png) top center no-repeat
 }

 .slideBox .next {
     position: absolute;
     top: 50%;
     right: 0;
     display: block;
     width: 45px;
     height: 45px;
     background: url(../images/r.png) top center no-repeat
 }

 @media (max-width:768px) {

     .slideBox .prev,
     .slideBox .next {
         top: 50%;
         margin-top: -22px
     }
 }

 .innbj {
     width: 100%;
     height: 55px;
     background: #e8e8e8
 }

 .m_wnews {
     position: relative;
     zoom: 1;
     overflow: hidden
 }

 .m_wnews strong {
     display: block;
     float: left;
     overflow: hidden;
     text-align: center;
     font-weight: normal;
     font-size: 16px;
     color: #333333;
     line-height: 55px
 }

 .m_wnews div {
     padding-left: 5px;
     font-size: 14px;
     color: #666666;
     line-height: 55px;
     height: 55px
 }

 .m_wnews div a {
     float: left;
     background: url(../images/dhln.png)right center no-repeat;
     padding: 0px 10px 0px 10px
 }

 .m_wnews div span {
     font-size: 14px;
     color: #c0c0c0;
     padding-left: 15px;
     line-height: 55px
 }

 @media (max-width:768px) {
     .m_wnews div span {
         display: none
     }
 }

 .m_wnews .pagesize {
     position: absolute;
     right: 0px;
     top: 17px
 }

 .m_wnews .pagesize a.prev {
     display: block;
     background: url(../images/up.png) center no-repeat;
     width: 29px;
     height: 17px;
     float: left
 }

 .m_wnews .pagesize a.next {
     display: block;
     background: url(../images/down.png) center no-repeat;
     width: 29px;
     height: 17px;
     float: left;
     margin-left: 4px
 }

 .slideTxtBox {
     margin-top: 18px;
     display: block
 }

 .slideTxtBox .hd {}

 .slideTxtBox .hd ul {
     margin: 0;
     padding: 0
 }

 .slideTxtBox .hd ul li {
     list-style: none;
     font-size: 18px;
     cursor: pointer;
     color: #666666;
     text-align: center;
     background: url(../images/tab2.png)left 25px no-repeat;
     line-height: 80px;
     position: relative
 }

 .slideTxtBox .hd ul li span {
     position: absolute;
     display: none;
     width: 17px;
     height: 10px;
     left: 50%;
     margin-left: -8px;
     bottom: -9px;
     background: url(../images/san.png)center no-repeat
 }

 .slideTxtBox .hd ul li:first-child {
     background: none
 }

 @media (max-width:767px) {
     .slideTxtBox .hd ul li:nth-child(4) {
         background: none
     }
 }

 .slideTxtBox .hd ul li.on {
     background: url(../images/probac.png) no-repeat center center;
     color: #fff
 }

 .slideTxtBox .hd ul li.on span {
     display: block
 }

 .slideTxtBox .bd {
     width: 100%;
     background: #f1f1f1
 }

 .slideTxtBox .bd .container {
     padding: 45px 35px 40px 35px
 }

 .slideTxtBox .bd .bdl {
     text-align: left
 }

 .slideTxtBox .bd .bdl p {
     font-size: 14px;
     color: #7b7b7b;
     line-height: 24px
 }

 .slideTxtBox .bd .bdl p:nth-child(1) {
     font-size: 28px;
     color: #035cac;
     line-height: 28px;
     display: block
 }

 .slideTxtBox .bd .bdl p:nth-child(2) {
     font-size: 28px;
     color: #7b7b7b;
     line-height: 28px;
     display: block;
     margin-top: 17px;
     margin-bottom: 40px
 }

 .slideTxtBox .bd .bdl a {
     display: block;
     width: 167px;
     height: 44px;
     border: 1px solid #dcdcdc;
     text-align: center;
     line-height: 44px;
     font-size: 14px;
     color: #7b7b7b;
     margin-top: 35px;
     margin-bottom: 10px
 }

 .slideTxtBox .bd .bdr {
     overflow: hidden;
     text-align: right
 }

 .slideTxtBox .bd .bdr img {
     width: 100%
 }

 .injssl {
     margin-top: 61px
 }

 .injssl ul {
     margin: 0;
     padding: 0
 }

 .injssl li {
     list-style: none;
     text-align: center;
     margin-bottom: 10px
 }

 .injssl li div {
     padding: 59px 0px;
     background: url(../images/hui.png)repeat;
     transition: all 2s;
     cursor: pointer;
     height: 374px
 }

 .injssl li div .img {
     display: block;
     width: 93px;
     height: 93px;
     margin: 0 auto;
     overflow: hidden;
     position: relative
 }

 .injssl li div .img img {
     position: absolute;
     top: 0;
     left: 0
 }

 .injssl li div h3 {
     display: block;
     font-size: 30px;
     font-weight: normal;
     margin-top: 12px;
     color: #333333
 }

 .injssl li div span {
     display: block;
     width: 80%;
     margin: 0 auto;
     font-size: 14px;
     color: #333333;
     line-height: 24px;
     margin-top: 22px
 }

 .injssl li:hover div {
     background: url(../images/lan.png)repeat
 }

 .injssl li:hover div h3 a {
     color: #fff
 }

 .injssl li:hover div span {
     color: #fff
 }

 .injssl li:hover div img {
     position: absolute;
     top: -93px;
     left: 0
 }

 .c3 {
     width: 100%;
     background: url(../images/c3.jpg)no-repeat;
     background-size: cover;
     margin-top: 93px;
     padding-bottom: 140px
 }

 .c3l h3 {
     display: block;
     padding-top: 95px;
     font-size: 24px;
     color: #ffffff
 }

 .c3l span {
     display: block;
     width: 86%;
     font-size: 16px;
     color: #ffffff;
     line-height: 28px;
     margin-top: 25px
 }

 .c3l .c3more {
     display: block;
     width: 176px;
     height: 53px;
     text-align: center;
     line-height: 53px;
     background: rgba(255, 255, 255, .18);
     border: 1px solid rgba(255, 255, 255, .27);
     font-size: 14px;
     color: #ffffff;
     text-transform: uppercase;
     margin-top: 60px
 }

 .slideBox2 {
     width: 100%;
     height: 100%;
     position: relative;
     margin-top: 40px
 }

 .slideBox2 .bd {
     z-index: 0;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .slideBox2 .bd ul {
     margin: 0;
     padding: 0
 }

 .slideBox2 .bd li {
     zoom: 1;
     vertical-align: middle
 }

 .slideBox2 .bd img {
     width: 100%;
     height: 100%;
     display: block;
     cursor: pointer;
     transition: all 2s
 }

 .slideBox2 .bd img:hover {
     transform: scale(1.2)
 }

 .slideBox2 .prev {
     display: block;
     width: 65px;
     height: 58px;
     background: url(../images/l2.png)center no-repeat;
     position: absolute;
     bottom: -30px;
     right: 95px
 }

 .slideBox2 .next {
     display: block;
     width: 65px;
     height: 58px;
     background: url(../images/r2.png)center no-repeat;
     position: absolute;
     bottom: -30px;
     right: 52px
 }

 #footer1 {
     display: block;
     width: 100%;
     background: #1b1f24;
     padding-bottom: 40px
 }

 #footer2 {
     display: block;
     width: 100%;
     background: #1b1f24;
     height: auto;
     border-top: 1px solid #333333
 }

 #footer3 {
     display: block;
     width: 100%;
     background: #1b1f24;
     height: auto;
     border-top: 1px solid #333333;
     padding-top: 40px;
     padding-bottom: 50px
 }

 .ft1 {
     font-size: 16px;
     color: #cacaca;
     float: left;
     padding-top: 64px
 }

 .ft1 a {
     color: #cacaca
 }

 #gotop {
     display: block;
     background: url(../images/gtop.png)left center no-repeat;
     cursor: pointer;
     font-size: 14px;
     color: #cacaca;
     padding-left: 22px;
     width: 85px;
     float: right;
     margin-top: 57px
 }

 .ft2 {
     text-align: center;
     height: auto;
     padding-top: 58px
 }

 .ft2 p:nth-child(1) {
     font-size: 28px;
     color: #ffffff;
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
 }

 .ft2 p:nth-child(2) {
     font-size: 16px;
     color: #ffffff
 }

 .ft22 {
     width: 950px;
     margin: 0 auto;
     text-align: center;
     height: auto;
     padding-top: 58px
 }

 .ft22 p:nth-child(1) {
     font-size: 28px;
     color: #ffffff;
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
 }

 .ft22 p:nth-child(2) {
     font-size: 16px;
     color: #ffffff
 }

 .ft3 {
     text-align: center;
     padding-top: 80px;
     padding-bottom: 90px
 }

 .ft32 {
     width: 950px;
     margin: 0 auto;
     text-align: center;
     padding-top: 80px;
     padding-bottom: 90px
 }

 .ft4 {}

 .ft4 li {
     float: left;
     padding: 0 3%;
     text-align: left;
     border-right: 1px solid #333333;
     width: 12%
 }

 .ft4 li:last-child {
     border-right: none
 }

 .ft4 li h3 {
     font-size: 1.6rem;
     color: #ffffff;
     font-weight: normal
 }

 .ft4 li h3 a {
     font-size: 1.6rem;
     color: #ffffff;
     font-weight: normal;
     line-height: 2
 }

 .ft4 li .fsec {
     padding-top: 7px
 }

 .ft4 .pp2 {
     width: 30%
 }

 .ft4 .pp2 .pp201 {
     width: 50%;
     float: left
 }

 .ft4 .pp2 p {
     line-height: 2;
     position: relative;
     top: 1rem
 }

 .ft4 li .fsec a {
     display: block;
     font-size: 12px;
     color: #929496;
     line-height: 28px
 }

 .ft42 ul {
     text-align: center
 }

 .ft42 li {
     display: inline-block;
     height: 255px;
     padding: 0 45px;
     text-align: left;
     border-right: 1px solid #333333;
     vertical-align: top
 }

 .ft42 li:last-child {
     border-right: none
 }

 .ft42 li h3 {
     font-size: 14px;
     color: #ffffff;
     font-weight: normal
 }

 .ft42 li .fsec {
     padding-top: 7px
 }

 .ft42 li .fsec a {
     display: block;
     font-size: 12px;
     color: #838383;
     line-height: 28px
 }

 .ft5 {
     height: auto
 }

 .ft5 img {
     width: 100%;
     height: 100%
 }

 .ft6 {
     font-size: 12px;
     color: #666666
 }

 .ft6 a {
     color: #666666
 }

 .ft6 p {
     display: inline
 }

 .ft62 {
     width: 100%;
     margin: 0 auto;
     text-align: center;
     font-size: 12px;
     color: #666666;
     line-height: 20px
 }

 .ft62 p {
     display: inline
 }

 .mfooter {
     display: block;
     text-align: center;
     background: #1b1f24;
     width: 100%;
     padding-top: 35px;
     border-top: 3px solid #0055AC;
     padding-bottom: 35px
 }

 .mfooter ul {
     width: 95%;
     margin: 0 auto
 }

 .mfooter ul li {
     font-size: 16px;
     line-height: 45px;
     border-bottom: 1px solid #333333
 }

 .mfooter ul li:last-child {
     margin-bottom: 35px
 }

 .gs {
     text-align: center
 }

 .product {
     width: 100%;
     height: auto;
     clear: both;
     position: relative
 }

 .product li {
     overflow: hidden;
     width: 24%;
     height: 30vh;
     -webkit-transition: font-size 0.2s ease-out;
     float: left;
     text-align: center;
     color: #fff;
     position: relative;
     margin-left: 0.5%;
     margin-right: 0.5%;
     margin-top: 2rem
 }

 .product li span {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     -webkit-transition: .3s
 }

 .product li:nth-child(2) span,
 .product li:nth-child(4) span {
     transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     -webkit-transition: .3s
 }

 .product li i {
     font-size: 50px;
     opacity: .85;
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 53%;
     transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     -webkit-transition: .3s
 }

 .product li hr {
     width: 30px;
     height: 2px;
     background: #fff;
     border: none;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: 0 0 0 -15px;
     padding: 0;
     transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     -webkit-transition: .3s
 }

 .product li h3 {
     height: 95%;
     font-size: 0px;
     position: absolute;
     width: 95%;
     left: 2.5%;
     top: 2.5%;
     transition: .3s
 }

 .product li p {
     width: 80%;
     position: absolute;
     font-size: 16px;
     left: 10%;
     top: 70%;
     opacity: 0;
     transition: .3s
 }

 .product li a {
     color: #fff;
     display: block;
     width: 100%;
     height: 100%;
     line-height: 26rem;
     transition: .3s
 }

 .product li img {
     display: block;
     width: 100%;
     height: 100%
 }

 .product li:hover span {
     background: rgba(0, 0, 0, .5)
 }

 .product li:hover h3 {
     font-size: 24px;
     transition: .3s;
     color: #fff;
     width: 95%
 }

 .product li:hover a {
     top: 75%;
     opacity: 1
 }

 .product li h3:before,
 .product li h3:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: 2px solid transparent;
     box-sizing: border-box;
     position: absolute
 }

 .product li h3:before {
     top: 0;
     left: 0;
     transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s
 }

 .product li h3:after {
     right: 0;
     bottom: 0;
     transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in
 }

 .product li h3:hover:before {
     width: 100%;
     height: 100%;
     transition: width 0.2s ease-in, height 0.2s ease-in 0.2s;
     border-top-color: #fff;
     border-right-color: #fff
 }

 .product li h3:hover:after {
     width: 100%;
     height: 100%;
     transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.4s, height 0.3s ease-in 0.6s;
     border-bottom-color: #fff;
     border-left-color: #fff
 }

 @media (max-width:767px) {
     .product {
         width: 100%;
         height: 130vh;
         overflow: hidden
     }

     .product li {
         width: 100% !important;
         height: 30vh !important
     }
 }

 @media (min-width:768px) and (max-width:991px) {
     .navbar-brand img {
         max-width: 60%;
         height: auto
     }

     .product li {
         width: 49% !important
     }
 }

 @media (min-width:992px) and (max-width:950px) {
     .product li {
         width: 32.3333333%;
         height: 20vh !important
     }
 }

 @media (min-width:951px) and (max-width:1440px) {
     .product li {
         width: 24%;
         height: 20vh !important
     }
 }

 @media (min-width:1441px) and (max-width:1700px) {
     .product li {
         width: 24%;
         height: 20vh !important
     }
 }

 .about {
     width: 100%;
     background: url(../images/about.jpg)no-repeat;
     background-size: cover;
     padding-bottom: 30px
 }

 .atit h3 {
     display: block;
     font-size: 4.4rem;
     color: #a6a9af;
     font-family: 'Times New Roman', Times, serif;
     padding-top: 70px;
     text-align: center;
     font-weight: normal
 }

 .atit span {
     text-align: center;
     display: block;
     font-size: 3rem;
     color: #ffffff;
     padding-top: 20px
 }

 .atit ul {
     background: rgba(255, 255, 255, .12);
     padding: 35px;
     margin-top: 40px;
     margin-left: 30px
 }

 .ainfo {
     width: 100%;
     clear: both;
     height: auto;
     margin: 0 auto;
     padding-top: 65px
 }

 .ainfo p {
     width: 85%;
     margin: 0 auto;
     text-align: center;
     color: #fff;
     font-size: 16px;
     line-height: 2.2
 }

 .zh {
     padding-top: 61px;
     width: 70%;
     margin: 0 auto
 }

 .zh ul {
     margin: 0;
     padding: 0
 }

 .zh li {
     list-style: none;
     text-align: center;
     margin-bottom: 10px;
     overflow: hidden
 }

 .zh li div {
     padding: 20px 0px 0px 0px;
     background: url(../images/hui.png)repeat;
     transition: all 2s;
     cursor: pointer
 }

 .zh li div .img {
     display: block;
     width: 205px;
     height: 85px;
     margin: 0 auto;
     overflow: hidden;
     position: relative
 }

 .zh li div .img img {}

 .zh li div h3 {
     display: block;
     font-size: 19px;
     font-weight: normal;
     margin-top: 12px;
     color: #fff
 }

 .zh li div h3 a {
     color: #fff;
     font-size: 19px;
     line-height: 3
 }

 .zh li div span {
     display: block;
     width: 80%;
     margin: 0 auto;
     font-size: 14px;
     color: #fff;
     line-height: 24px;
     margin-top: 22px
 }

 .zh li:hover div h3 a {
     color: #fff
 }

 .zh li:hover div span {
     color: #fff
 }

 @media (max-width:768px) {
     .ainfo {
         height: 28vh;
         overflow: hidden;
         padding-top: 2rem
     }

     .ainfo p {
         font-size: 1.4rem;
         line-height: 2
     }

     .zh {
         width: 95%;
         margin: 0 auto;
         padding-top: 2rem
     }

     .zh li {
         width: 50%;
         float: left
     }

     .zh li div h3 a {
         color: #fff;
         font-size: 18px;
         line-height: 2
     }

     .zh li div .img {
         width: 100%;
         height: 8rem
     }

     .atit h3 {
         font-size: 3rem
     }

     .atit span {
         font-size: 2rem
     }

     .atit ul {
         margin-left: 0px
     }
 }

 .atit ul li {
     height: 53px;
     border: 1px solid rgba(255, 255, 255, .19);
     background: url(../images/c3d.png) 23% center no-repeat;
     font-size: 16px;
     line-height: 53px;
     text-align: left;
     text-indent: 34%;
     margin: 5px 14px;
     list-style: none
 }

 .atit ul li a {
     display: block;
     color: #ffffff;
     font-size: 14px
 }

 .atit ul li:hover {
     border: 1px solid #fff;
     background: url(../images/c3dh.png) 40px center no-repeat #fff
 }

 .atit ul li:hover a {
     color: #035cac
 }
 }

 .news {
     width: 100%;
     background: #f1f1f1;
     background-size: cover;
     padding-bottom: 30px
 }

 .ntit h3 {
     display: block;
     font-size: 4.4rem;
     color: #737373;
     font-family: 'Times New Roman', Times, serif;
     padding-top: 70px;
     text-align: left;
     font-weight: normal
 }

 .ntit span {
     text-align: left;
     display: block;
     font-size: 3rem;
     color: #000;
     padding-top: 5px
 }

 .ntit ul {
     background: rgba(255, 255, 255, .12);
     padding: 35px;
     margin-top: 40px;
     margin-left: 30px
 }

 @media (max-width:768px) {
     .ntit {
         width: 90%;
         margin: 0 auto;
         float: none
     }

     .ntit h3 {
         font-size: 3rem
     }

     .ntit span {
         font-size: 2rem
     }

     .ntit ul {
         margin-left: 0px
     }
 }

 .ntit ul li {
     height: 53px;
     border: 1px solid rgba(255, 255, 255, .19);
     background: url(../images/c3d.png) 23% center no-repeat;
     font-size: 16px;
     line-height: 53px;
     text-align: left;
     text-indent: 34%;
     margin: 5px 14px;
     list-style: none
 }

 .ntit ul li a {
     display: block;
     color: #ffffff;
     font-size: 14px
 }

 .ntit ul li:hover {
     border: 1px solid #fff;
     background: url(../images/c3dh.png) 40px center no-repeat #fff
 }

 .ntit ul li:hover a {
     color: #035cac
 }
 }

 .news .ninfo {
     width: 100%;
     height: auto;
     clear: both;
     padding: 50px
 }

 .news .ninfo ul {
     width: 100%;
     height: auto;
     clear: both;
     margin: 5rem 0rem 0rem 0rem
 }

 .news .ninfo li {
     width: 21%;
     margin-left: 2%;
     margin-right: 2%;
     float: left;
     margin-top: 2rem;
     margin-bottom: 10rem
 }

 .news .ninfo li .img {
     display: block;
     width: 100%;
     max-height: 24rem;
     clear: both;
     overflow: hidden
 }

 .news .ninfo li .img img {
     width: 100%;
     height: 100%;
     margin: 0 auto
 }

 .news .ninfo li .text {
     width: 100%;
     clear: both;
     padding: 1rem 0rem 1rem 0rem;
     height: 9rem
 }

 .news .ninfo li .text .left {
     width: 19%;
     float: left;
     color: #555;
     font-size: 1.4rem;
     text-align: center
 }

 .news .ninfo li .text .left span {
     font-size: 3rem;
     color: #000;
     text-align: center;
     margin: 0 auto
 }

 .news .ninfo li .text .right {
     width: 73%;
     float: right
 }

 .news .ninfo li .text .right h1 a {
     color: #000;
     font-size: 1.7rem;
     font-weight: normal;
     line-height: 1.6;
     position: relative;
     top: 1rem
 }

 .news .ninfo li .more2 {
     clear: both;
     display: block;
     padding: 1rem 0rem 1rem 0rem;
     border-top: solid #d9d9d9 2px;
     color: #808080;
     font-size: 1.4rem;
     transition: all .6s ease
 }

 .news .ninfo li .more2 i {
     display: block;
     width: 25px;
     height: 25px;
     float: right;
     background: url(../images/jt.png) no-repeat center bottom
 }

 .news .ninfo li:hover .text .left span {
     color: #1952be
 }

 .news .ninfo li:hover img {
     transition: all 0.6s;
     transform: scale(1.2)
 }

 .news .ninfo li:hover .more2 {
     opacity: 1;
     width: 100%;
     border-top: solid #1952be 2px;
     color: #1952be;
     transition: all 0.6s
 }

 .news .ninfo li:hover .more2 i {
     background: url(../images/jt.png) no-repeat center top;
     transition: all 0.6s
 }

 @media (max-width:767px) {
     .news .ninfo li {
         width: 90% !important;
         margin: 0 auto;
         float: none;
         margin-top: 2rem
     }
 }

 @media (max-width:991px) {
     .news .ninfo li {
         width: 46%;
         height: auto !important
     }
 }

 @media (max-width:950px) {
     .news .ninfo li {
         width: 46%
     }
 }

 .bei {
     float: right
 }

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

     .ft4 li .fsec {
         width: 100%
     }

     .ft4 li .fsec p {
         text-align: center;
         color: #fff;
         font-size: 1.6rem;
         position: relative;
         top: 0rem
     }

     .ft4 li .fsec a {
         width: 33.33333%;
         float: left
     }

     .ft4 .pp2 {
         width: 100%
     }

     .ft4 .pp2 .pp201 {
         width: 33.33333%;
         float: left
     }

     .ft4 .f3 {
         width: 33.33333%;
         float: left
     }

     .ft5 {
         height: auto;
         width: 80%;
         margin: 0 auto;
         clear: both;
         padding-top: 2rem
     }

     .ft6 p {
         text-align: center
     }