.top {
     /*! position: fixed; */
     z-index: 335;
     width: 100%;
     background: #fff;
     transition: .3s all ease-in-out;
     top: 0;
     left: 0
 }
 
 .top:hover {
     background: #fff
 }
 
 .top .fr {
     height: 110px
 }
 
 .top .page .fl {
     display: block;
     height: 60px;
     width: 180px;
     padding: 25px 0
 }
 
 .top .page .top_laug {
     float: right;
     width: 167px;
     height: 38px;
     border: 1px solid #e5e5e5;
     border-radius: 50px;
     display: block;
     margin: 36px 15px 36px 25px;
     transform: rotate(0);
     overflow: hidden
 }
 
 .top .page .top_laug a {
     font-size: 14px;
     color: #aaa;
     display: block;
     float: left;
     line-height: 38px;
     text-align: center;
     width: 70px;
     font-family: arial, microsoft yahei;
     transition: .3s all ease
 }
 
 .top .page .top_laug .top_laug1 {
     border-right: 1px solid #e5e5e5;
     padding-left: 10px;
     width: 71px;
     font-size: 14px
 }
 
 .top .page .top_laug .top_laug2 {
     width: 80px;
     padding-right: 5px;
     letter-spacing: -.4px
 }
 
 .top .page .top_laug a:hover {
     background: #273e85;
     color: #fff
 }
 
 .top .page .fl a,
 .top .page .fl a img {
     display: block
 }
 
 .NavCeshi>li {
     float: left;
     width: 100px;
     top: 0;
     transition: .2s all ease-in-out;
     padding-right: 0
 }
 
 .NavCeshi>li>a {
     display: block;
     text-align: center;
     padding: 30px 0;
     font-size: 15px;
     line-height: 50px;
     color: #343434;
     transition: .2s all ease-in-out;
     height: 50px;
     position: relative;
     z-index: 55555
 }
 
 .NavCeshi>li>a>.en {
     display: block;
     font-size: 12px;
     font-weight: 100;
     color: #ccc;
     line-height: 35px;
     overflow: hidden;
     text-indent: 0;
     transition: .2s all ease-in-out;
     white-space: nowrap;
     text-transform: capitalize;
     position: absolute;
     width: 100%;
     height: 35px;
     top: 25px
 }
 
 .NavCeshi>li#Zz0>a>.en {
     background: url(/tpl/web/images/imgs/20190610112606_451551423.png) no-repeat -99px center
 }
 
 .NavCeshi>li#Zz1>a>.en {
     background: url(/tpl/web/images/imgs/20190610112835_1962530039.png) no-repeat -99px center
 }
 
 .NavCeshi>li#Zz2>a>.en {
     background: url(/tpl/web/images/imgs/20190610112936_1385422629.png) no-repeat -99px center
 }
 
 .NavCeshi>li#Zz3>a>.en {
     background: url(/tpl/web/images/imgs/20190610113506_1807301774.png) no-repeat -99px center
 }
 
 .NavCeshi>li#Zz4>a>.en {
     background: url(/tpl/web/images/imgs/20190611143659_2066747729.png) no-repeat -99px center
 }
 
 .NavCeshi>li#Zz5>a>.en {
     background: url(/tpl/web/images/imgs/20190610113820_469990343.png) no-repeat -99px center
 }
 
 .NavCeshi>li#Zz6>a>.en {
     background: url(/tpl/web/images/imgs/20190610113905_310057100.png) no-repeat -99px center
 }
 
 .yiji ul .erji {
     width: 120px;
     margin-left: 14px
 }
 
 .yiji ul .erji a {
     color: #555!important;
     display: block!important;
     line-height: 26px!important;
     height: 30px!important;
     padding-bottom: 0!important;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .NavCeshi>li.navcurrent>a,
 .NavCeshi>li:hover>a {
     color: #fff;
     padding: 30px 0 30px;
     height: 60px;
     background: #273e85;
     line-height: 90px
 }
 
 .NavCeshi>li.navcurrent>a:after,
 .NavCeshi>li:hover>a:after {
     width: 100%
 }
 
 .NavCeshi>li.navcurrent>a>.en,
 .NavCeshi>li:hover>a>.en {
     text-indent: 99em;
     background-position: center!important;
     line-height: 45px
 }
 
 .erji_menu {
     display: none;
     width: 100%;
     position: absolute;
     left: 0;
     background: rgba(245, 245, 245, .95);
     z-index: 11111;
     top: 110px;
     height: 340px!important
 }
 
 .erji_menu>.page>.fl {
     display: block;
     padding: 90px 0;
     width: 200px
 }
 
 .erji_menu>.page>.fl::before,
 .erji_menu>.page>.fl:before {
     content: '';
     display: block;
     width: 60px;
     height: 3px;
     background: #273e85;
     margin-bottom: 20px
 }
 
 .erji_menu>.page>.fl>strong {
     font-size: 22px;
     display: block;
     color: #273e85;
     line-height: 30px
 }
 
 .erji_menu>.page>.fl>a {
     display: block;
     width: 120px;
     border: 1px solid #273e85;
     text-align: center;
     line-height: 30px;
     color: #273e85;
     font-family: arial;
     border-radius: 50px;
     margin-top: 20px;
     text-transform: uppercase
 }
 
 .erji_menu>.page>.fr {
     width: 1050px;
     height: 150px;
     padding: 60px 0
 }
 
 .erji_menu>.page>.fr>ul {
     float: left;
     padding: 0 30px
 }
 
 .erji_menu.product_list_nav>.page>.fr>ul {
     width: 150px;
     padding: 0 10px;
     text-align: center
 }
 
 .erji_menu.product_list_nav1>.page>.fr>ul {
     width: 155px
 }
 
 .erji_menu>.page>.fr>ul img {
     width: 100%;
     display: block;
     height: auto;
     background: #273e85;
     transition: .3s all ease-in-out;
     text-align: center;
     margin: 0 auto
 }
 
 .erji_menu>.page>.fr>ul a:hover img {
     padding: 2px;
     width: 146px
 }
 
 .erji_menu.product_list_nav1>.page>.fr>ul a:hover img {
     padding: 2px;
     width: 110px
 }
 
 .erji_menu>.page>.fr>ul>strong {
     display: block
 }
 
 .erji_menu>.page>.fr>ul>strong a {
     font-size: 14px;
     font-weight: 400;
     color: #273e85;
     display: block;
     line-height: 40px;
     padding-bottom: 5px
 }
 
 .erji_menu.product_list_nav>.page>.fr>ul>strong a {
     color: #273e85;
     font-weight: 700
 }
 
 .erji_menu.product_list_nav>.page>.fr>ul:hover>strong a {
     color: #273e85
 }
 
 .erji_menu>.page>.fr>ul>li>a {
     display: block;
     line-height: 24px;
     color: #666
 }
 
 .erji_menu .divdgweb2_tag li,
 .erji_menu .divnews_tag li {
     float: none!important;
     width: 330px!important
 }
 
 .erji_menu .divdgweb2_tag li span,
 .erji_menu .divnews_tag li span {
     color: #666
 }
 
 .top .page .top_button {
     float: right;
     position: relative;
     width: 270px;
     height: 110px;
     margin-left: 30px
 }
 
 .top .page .top_tel,
 .top_button .top_search {
     overflow: hidden;
     position: absolute;
     float: left;
     width: 40px;
     height: 40px;
     display: block;
     margin-right: 15px;
     border-radius: 50px;
     transition: .3s all ease-in-out;
     left: 0;
     top: 35px
 }
 
 .top .page .top_tel {
     left: 55px;
     z-index: 4
 }
 
 .top .page .top_tel p {
     position: absolute;
     right: 0;
     top: 0;
     opacity: 0;
     transition: .3s all ease-in-out .2s;
     color: #fff;
     line-height: 41px;
     display: block;
     padding: 0 16px 0 20px;
     font-size: 15px;
     font-family: arial;
     font-weight: 400;
     height: 42px
 }
 
 .top .page .top_tel {
     width: 210px;
     background: #343434;
     border-color: #343434
 }
 
 .top .page .top_tel p {
     opacity: 1
 }
 
 .top .page .top_tel i {
     transition: .3s all ease-in-out;
     display: block;
     width: 20px;
     height: 20px;
     padding: 10px;
     cursor: pointer;
     position: absolute;
     left: 4px;
     top: 0;
     box-sizing: content-box;
     border: 0 none;
     background-color: transparent;
     z-index: 2
 }
 
 .top .page .top_tel i:after {
     content: '';
     display: block;
     background: url(/tpl/web/images/imgs/top_tel_blank.png) no-repeat;
     width: 100%;
     height: 100%;
     opacity: .7;
     transition: .3s all ease-in-out;
     left: 10px;
     top: 10px;
     position: absolute
 }
 
 .top .page .top_tel i img {
     display: block;
     width: 100%;
     height: auto;
     opacity: 0;
     transition: .3s all ease-in-out
 }
 
 .top .page .top_tel i:after {
     opacity: 0
 }
 
 .top .page .top_tel i {
     background-color: #343434
 }
 
 .top .page .top_tel i img {
     opacity: 1
 }
 
 .top .page .top_tel:hover {
     background: #273e85;
     border-color: #273e85
 }
 
 .top .page .top_tel:hover i {
     background-color: #273e85
 }
 
 .top .page .top_Qa {
     overflow: hidden;
     position: absolute;
     float: left;
     width: 40px;
     height: 40px;
     display: block;
     margin-right: 15px;
     border-radius: 50px;
     transition: .3s all ease-in-out;
     left: 0;
     top: 34px;
     border: 1px solid #e5e5e5
 }
 
 .top .page .top_Qa a,
 .top .page .top_Qa i {
     display: block
 }
 
 .top .page .top_Qa i {
     transition: .3s all ease-in-out;
     display: block;
     width: 20px;
     height: 20px;
     padding: 10px;
     cursor: pointer;
     position: absolute;
     left: 0;
     top: 0;
     box-sizing: content-box;
     border: 0 none;
     background-color: transparent;
     z-index: 2
 }
 
 .top .page .top_Qa i:after {
     content: '';
     display: block;
     background: url(/tpl/web/images/imgs/top_qq_blank.png) no-repeat;
     width: 100%;
     height: 100%;
     opacity: .6;
     transition: .3s all ease-in-out;
     left: 10px;
     top: 10px;
     position: absolute
 }
 
 .top .page .top_Qa i img {
     display: block;
     width: 100%;
     height: auto;
     opacity: 0;
     transition: .3s all ease-in-out
 }
 
 .top .page .top_Qa:hover i:after {
     opacity: 0
 }
 
 .top .page .top_Qa:hover i {
     background-color: #273e85
 }
 
 .top .page .top_Qa:hover i img {
     opacity: 1
 }
 
 .banner {
     overflow: hidden;
     background: #eee
 }
 
 .banner-box {
     min-width: 1100px;
     height: 650px;
     position: relative;
     margin: 0 auto
 }
 
 .banner-box .bd {
     width: 100%!important
 }
 
 .banner-box .bd li {
     width: 100%!important;
     height: 650px;
     background-position: center;
     background-repeat: no-repeat
 }
 
 .banner-box .bd li a {
     display: block;
     background-size: auto
 }
 
 .banner-btn {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     margin-left: 0;
     height: 650px;
     overflow: hidden
 }
 
 .banner-btn a {
     display: block;
     width: 49px;
     height: 104px;
     position: absolute;
     top: 248px;
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
     transition: .3s all ease-in-out
 }
 
 .banner-btn a.prev {
     left: -50px;
     background: url(/tpl/web/images/imgs/20190807103852_1631435358.png) no-repeat 0 0
 }
 
 .banner-btn a.next {
     right: -50px;
     background: url(/tpl/web/images/imgs/20190807103852_1631435358.png) no-repeat -49px 0
 }
 
 .banner-box .hd {
     position: absolute;
     bottom: 35px;
     width: 100%;
     display: block
 }
 
 .banner-box .hd ul {
     width: 1200px;
     margin: 0 auto;
     text-align: center
 }
 
 .banner-box .hd ul li {
     width: 35px;
     height: 10px;
     border-radius: 20px;
     text-indent: -9999px;
     background: #fff;
     cursor: pointer;
     display: inline-block;
     margin: 0 5px;
     transition: .3s all ease-in-out;
     text-align: center;
     position: relative;
     z-index: 1111
 }
 
 .banner-box .hd ul li.on {
     background: #1059a9;
     width: 70px
 }
 
 .banner-box:hover .banner-btn a.prev {
     left: 20px;
     -moz-opacity: .4;
     -khtml-opacity: .4;
     opacity: .4
 }
 
 .banner-box:hover .banner-btn a.next {
     right: 20px;
     -moz-opacity: .4;
     -khtml-opacity: .4;
     opacity: .4
 }
 
 .banner-box .banner-btn a.next:hover,
 .banner-box .banner-btn a.prev:hover {
     -moz-opacity: .8;
     -khtml-opacity: .8;
     opacity: .8
 }
 
 .main {
     background: #fff;
     height: 110px;
     display: block
 }
 
 .main .page .col4 {
     width: 25%;
     float: left;
     transition: .3s all ease-in-out
 }
 
 .main .page .col4 a {
     padding: 28px 40px;
     display: block;
     border-right: 1px solid #e9e9e9
 }
 
 .main .page .col4:hover {
     background: #273e85
 }
 
 .main .page .col4:hover a p {
     color: #fff
 }
 
 .main .page .col4:hover a p strong {
     color: #fff
 }
 
 .main .page .col4_1 a {
     border-left: 1px solid #e9e9e9
 }
 
 .main .page .col4 i {
     background: url(/tpl/web/images/imgs/20180301172302_881445924.png) no-repeat -2px -3px;
     width: 57px;
     height: 55px;
     display: block;
     margin: 0 auto;
     margin-right: auto;
     float: left;
     margin-right: 15px;
     transition: .3s all ease-in-out
 }
 
 .main .page .col4 p {
     font-size: 17px;
     line-height: 25px;
     color: #999;
     display: block;
     transition: .3s all ease-in-out
 }
 
 .main .page .col4 p strong {
     font-size: 20px;
     font-weight: 700;
     display: block;
     line-height: 29px;
     transition: .3s all ease-in-out;
     color: #343434;
     font-weight: 400;
     font-weight: 700
 }
 
 .main .page .col4_2 i {
     background-position: -62px -3px
 }
 
 .main .page .col4_3 i {
     background-position: -123px -3px
 }
 
 .main .page .col4_4 i {
     background-position: -183px -3px
 }
 
 .main .page .col4:hover i {
     background-position-y: -65px
 }
 
 .product {
     padding: 70px 0;
     background: #f5f5f5
 }
 
 .product>.page {
     position: relative;
     height: 100%
 }
 
 .product>.page .tempWrap {
     width: 1300px!important;
     overflow: hidden
 }
 
 .prod_row1 {
     display: block;
     width: 1200px;
     height: 440px;
     padding: 50px;
     background: url(/tpl/web/images/imgs/product_row1.jpg) no-repeat center;
     position: relative
 }
 
 .prod_row1 .fl {
     width: 550px;
     position: relative;
     z-index: 3;
     padding: 20px
 }
 
 .prod_row1 .fl * {
     transition: .3s all ease
 }
 
 .prod_row1 .fl strong {
     font-size: 38px;
     font-weight: 400;
     color: #333;
     line-height: 60px;
     display: block
 }
 
 .prod_row1 .fl p {
     font-size: 16px;
     color: #777;
     line-height: 32px;
     padding: 20px 0 35px
 }
 
 .prod_row1 .fl span i {
     border-radius: 50%;
     border: 1px solid #999;
     display: block;
     width: 100px;
     height: 100px;
     position: relative;
     overflow: hidden;
     transform: rotate(0)
 }
 
 .prod_row1 .fl span:hover i {
     background: #273e85;
     border-color: #273e85
 }
 
 .prod_row1 .fl span i:after {
     width: 50px;
     position: absolute;
     top: 25px;
     left: 25px;
     content: '';
     display: block;
     height: 80px;
     transition: .3s all ease
 }
 
 .prod_row1 .fl span i:before {
     content: '';
     width: 150px;
     height: 150px;
     position: absolute;
     top: 50%;
     border-radius: 50%;
     transition: all .5s;
     -webkit-transition: all .5s;
     box-shadow: 0 0 0 0 rgba(32, 103, 185, .8) inset;
     -webkit-box-shadow: 0 0 0 0 rgba(32, 103, 185, .8) inset;
     z-index: 0;
     left: 50%;
     margin-top: -75px;
     margin-left: -75px
 }
 
 .prod_row1 .fl span:hover i:before {
     box-shadow: 0 0 0 15em rgba(32, 103, 185, .1) inset;
     -webkit-box-shadow: 0 0 0 15em rgba(32, 103, 185, .1) inset
 }
 
 .prod_row1 .fl span {
     font-size: 15px;
     color: #999;
     line-height: 40px;
     display: block;
     text-align: center;
     float: left;
     margin-right: 35px;
     cursor: pointer;
     margin-top: 30px
 }
 
 .prod_row1 .fr {
     width: 500px;
     padding: 0 130px;
     position: absolute;
     right: 0;
     top: 20px
 }
 
 .prod_row1 .fl span:hover {
     color: #273e85
 }
 
 .prod_row1 .fl span.prod_ico1 i:after {
     background: url(/tpl/web/images/imgs/prod_row1_1.png) no-repeat center 0
 }
 
 .prod_row1 .fl span.prod_ico2 i:after {
     background: url(/tpl/web/images/imgs/prod_row1_2.png) no-repeat center 0
 }
 
 .prod_row1 .fl span.prod_ico3 i:after {
     background: url(/tpl/web/images/imgs/prod_row1_3.png) no-repeat center 0
 }
 
 .prod_row1 .fl span:hover i:after {
     background-position-y: -150px
 }
 
 .prod_row2 .prod_item * {
     transition: .3s all ease-in-out
 }
 
 .prod_row2 .prod_item {
     float: left;
     width: 350px;
     height: 165px;
     background: #fff;
     display: block;
     margin-right: 20px;
     position: relative;
     padding: 35px;
     margin-top: 20px
 }
 
 .prod_row2 .prod_item img {
     width: 215px;
     height: 215px;
     display: block;
     position: absolute;
     right: 0;
     top: 10px
 }
 
 .prod_row2 .prod_item p {
     float: left;
     font-size: 15px;
     color: #888;
     line-height: 30px;
     position: relative;
     z-index: 3
 }
 
 .prod_row2 .prod_item p strong {
     font-size: 24px;
     color: #343434;
     font-weight: 400;
     display: block;
     line-height: 50px
 }
 
 .prod_row2 .prod_item span {
     position: absolute;
     z-index: 3;
     bottom: 40px;
     left: 35px;
     width: 100px;
     height: 32px;
     border: 1px solid #ccc;
     overflow: hidden
 }
 
 .prod_row2 .prod_item span:after {
     content: '';
     display: block;
     width: 100%;
     position: absolute;
     left: -100%;
     top: 0;
     height: 100%;
     background: #273e85;
     transition: .3s all ease-in-out
 }
 
 .prod_row2 .prod_item span i {
     font-size: 14px;
     font-weight: 100;
     color: #999;
     text-align: center;
     display: block;
     line-height: 32px;
     font-style: normal;
     position: relative;
     z-index: 3
 }
 
 .prod_row2 .prod_item:hover span:after {
     left: 0
 }
 
 .prod_row2 .prod_item:hover span {
     border-color: #273e85
 }
 
 .prod_row2 .prod_item:hover span i {
     color: #fff
 }
 
 .product_btn div {
     width: 60px;
     height: 80px;
     position: absolute;
     bottom: 77px;
     background: url(/tpl/web/images/imgs/product_btn.png) no-repeat 0 0;
     transition: .3s all ease-in-out;
     opacity: .4;
     cursor: pointer
 }
 
 .product_btn .product_l_btn {
     left: -70px;
     background-position: -5px 0
 }
 
 .product_btn .product_r_btn {
     right: -70px;
     background-position: -55px 0
 }
 
 .product_btn div:hover {
     opacity: 1
 }
 
 .about {
     width: 100%;
     height: 680px;
     background: url(/tpl/web/images/imgs/about_bg.jpg) no-repeat center;
     padding: 70px 0
 }
 
 .about_row1 {
     margin-bottom: 50px;
     height: 300px;
     position: relative;
     width: 100%
 }
 
 .about_row1:before {
     content: '';
     width: 170px;
     height: 120px;
     background: url(/tpl/web/images/imgs/about_l_ico1.png) no-repeat center;
     position: absolute;
     left: -310px;
     top: 90px;
     display: block
 }
 
 .about_row1:after {
     content: '';
     width: 420px;
     height: 350px;
     background: url(/tpl/web/images/imgs/about_l_ico2.png) no-repeat center;
     position: absolute;
     left: -190px;
     top: -20px;
     display: block
 }
 
 .about_row1>.fl {
     width: 600px
 }
 
 .about_row1>.fl img {
     display: block
 }
 
 .about_row1>.fr {
     width: 620px
 }
 
 .about_row1>.fr .en {
     display: block;
     text-transform: capitalize;
     color: #9a9a9a;
     line-height: 32px;
     font-size: 13px
 }
 
 .about_row1_tit {
     position: relative;
     margin: 10px 0 20px;
     display: block
 }
 
 .about_row1_tit:after {
     content: '';
     display: block;
     position: absolute;
     width: 213px;
     height: 5px;
     background: #273e85;
     top: 34px
 }
 
 .about_row1_tit p {
     font-size: 36px;
     line-height: 42px;
     display: block;
     color: #fff;
     position: relative;
     z-index: 3
 }
 
 .about_row1_tit strong {
     font-size: 36px;
     color: #fff;
     line-height: 42px
 }
 
 .about_row1_item {
     float: left;
     padding: 0 35px 0 40px;
     position: relative
 }
 
 .about_row1_item3 {
     padding-right: 0
 }
 
 .about_row1_item i {
     width: 18px;
     height: 40px;
     background: #273e85;
     display: block;
     text-align: center;
     color: #fff;
     padding: 5px;
     font-style: normal;
     font-size: 15px;
     font-weight: 100;
     line-height: 20px;
     position: absolute;
     left: 0;
     top: 35px
 }
 
 .about_row1_item .str {
     font-family: Mekanik;
     font-size: 100px;
     color: #fff;
     float: left
 }
 
 .about_row1_item p {
     float: left;
     color: #fff;
     font-size: 16px;
     font-weight: 100;
     padding: 20px 5px
 }
 
 .about_row1_item p span {
     display: block;
     font-size: 24px
 }
 
 .about_row2 {
     width: 1200px;
     height: 230px;
     padding: 50px;
     position: relative;
     background: #fff
 }
 
 .about_row2 .fr {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 570px;
     height: 410px;
     background: url(/tpl/web/images/imgs/about_row2_r.png) no-repeat center
 }
 
 .about_row2 .fl {
     width: 620px
 }
 
 .about_row2 .fl p {
     font-size: 15px;
     color: #888;
     font-weight: 400;
     line-height: 28px;
     padding: 12px 0
 }
 
 .about_row2 .fl strong {
     color: #343434;
     font-size: 32px;
     font-weight: 100;
     line-height: 40px;
     display: block
 }
 
 .about_row2 .fl strong>div {
     display: inline-block;
     font-size: 22PX!important;
     font-weight: 400!important
 }
 
 .about_row2 .fl strong .color {
     font-size: 32px;
     color: #273e85;
     font-weight: 700;
     margin-right: 20px;
     display: inline-block;
     line-height: 40px
 }
 
 .about_row2 .fl .about_row2_btn * {
     transition: .3s all ease
 }
 
 .about_row2 .fl .about_row2_btn {
     width: 86px;
     height: 86px;
     border-radius: 50%;
     display: block;
     float: left;
     border: 1px solid #bbb;
     margin-right: 22px;
     margin-top: 15px;
     transform: rotate(0);
     transition: .3s all ease
 }
 
 .about_row2 .fl .about_row2_btn i {
     width: 30px;
     height: 30px;
     display: block;
     margin: 15px auto 0
 }
 
 .about_row2 .fl .about_row2_btn1 i {
     background: url(/tpl/web/images/imgs/about_row2_btn1.png) no-repeat center -3px
 }
 
 .about_row2 .fl .about_row2_btn2 i {
     background: url(/tpl/web/images/imgs/about_row2_btn2.png) no-repeat center -3px
 }
 
 .about_row2 .fl .about_row2_btn3 i {
     background: url(/tpl/web/images/imgs/about_row2_btn3.png) no-repeat center -3px
 }
 
 .about_row2 .fl .about_row2_btn4 i {
     background: url(/tpl/web/images/imgs/about_row2_btn4.png) no-repeat center -3px
 }
 
 .about_row2 .fl .about_row2_btn span {
     color: #888;
     font-size: 13px;
     line-height: 24px;
     text-align: center;
     display: block
 }
 
 .about_row2 .fl .about_row2_btn:hover i {
     background-position-y: -133px
 }
 
 .about_row2 .fl .about_row2_btn:hover {
     background: #273e85;
     border-color: #273e85;
     box-shadow: 0 0 0 12px rgba(32, 103, 185, .1)
 }
 
 .about_row2 .fl .about_row2_btn:hover span {
     color: #fff
 }
 
 .news {
     padding: 60px 0;
     background: #fff;
     width: 100%
 }
 
 .news_l {
     float: left
 }
 
 .news_l a {
     height: 100px;
     width: 130px;
     background: #f6f7f9;
     margin-top: 1px;
     position: relative;
     padding: 40px 25px;
     transition: .3s all ease-in-out;
     display: block
 }
 
 .news_l a:before {
     content: '';
     display: block;
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-left: 10px solid #fff;
     border-bottom: 10px solid transparent;
     position: absolute;
     z-index: 2;
     right: -10px;
     top: 80px;
     transition: .3s all ease-in-out
 }
 
 .news_l a.active:before {
     border-top: 10px solid transparent;
     border-left: 10px solid #273e85;
     border-bottom: 10px solid transparent
 }
 
 .news_l a>b {
     display: block;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     border: 1px solid #888;
     transition: .3s all ease-in-out;
     margin: 0 auto;
     background: url(/tpl/web/images/imgs/20180621101601_2021826077.png) no-repeat 0 0
 }
 
 .news_l a.dls1>b {
     background-position: 10px 15px
 }
 
 .news_l a.dls2>b {
     background-position: 10px -135px
 }
 
 .news_l a.active>b {
     background-position-x: -60px
 }
 
 .news_l a>b img {
     display: none
 }
 
 .news_l a.active,
 .news_l a:hover {
     background: #273e85
 }
 
 .news_l a>* {
     position: relative;
     z-index: 3
 }
 
 .news_l a strong {
     font-size: 17px;
     color: #888;
     display: block;
     line-height: 32px;
     padding-top: 10px;
     text-align: center;
     transition: .3s all ease-in-out;
     font-weight: 400
 }
 
 .news_l a.active strong {
     color: #fff
 }
 
 .news_l a.active>b {
     border-color: #fff
 }
 
 .new_cont .news_row2 {
     position: absolute;
     left: 0;
     top: 0;
     display: none;
     width: 650px;
     height: 410px
 }
 
 .new_cont {
     position: relative;
     width: 650px;
     height: 410px;
     display: block
 }
 
 .news_nor {
     height: 360px;
     width: 650px;
     overflow: hidden;
     border: 1px solid #f4f4f4
 }
 
 .news_row2 .divdgweb_new_div,
 .news_row2 .news_div {
     padding: 25px 20px;
     height: 310px;
     font-weight: 400
 }
 
 .news_row2 .divdgweb_new_div_item,
 .news_row2 .news_div_item {
     position: relative;
     padding: 6px 0;
     height: 40px;
     overflow: hidden;
     transition: .3s all ease;
     border-bottom: 1px solid #f5f5f5
 }
 
 .news_row2 .divdgweb_new_div_item:nth-last-child(1),
 .news_row2 .news_div_item:nth-last-child(1) {
     border-bottom: 0 none!important
 }
 
 .news_row2 .divdgweb_new_div_item_date,
 .news_row2 .news_div_item_date {
     position: absolute;
     right: 20px;
     top: 17px;
     transition: .3s all ease
 }
 
 .news_row2 .divdgweb_new_div_item_date>div,
 .news_row2 .news_div_item_date>div {
     display: inline-block;
     color: #787878;
     font-size: 12px;
     font-family: arial
 }
 
 .news_row2 .divdgweb_new_div_item_title,
 .news_row2 .news_div_item_title {
     position: relative
 }
 
 .news_row2 .divdgweb_new_div_item_year::after,
 .news_row2 .divdgweb_new_div_item_year:after,
 .news_row2 .news_div_item_year::after,
 .news_row2 .news_div_item_year:after {
     content: '-'
 }
 
 ,
 .news_row2 .on .divdgweb_new_div_item_year:after,
 .news_row2 .on .news_div_item_year:after {
     content: ''
 }
 
 .news_row2 .divdgweb_new_div_item_title:after,
 .news_row2 .news_div_item_title:after {
     content: '';
     background: #aaa;
     width: 5px;
     height: 5px;
     position: absolute;
     left: 22px;
     top: 18px;
     border-radius: 50%
 }
 
 .news_row2 .on .divdgweb_new_div_item_title:after,
 .news_row2 .on .news_div_item_title:after {
     content: '';
     display: none
 }
 
 .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a,
 .news_row2 .news_div_item_title .news_div_item_a {
     font-size: 15px;
     color: #333;
     padding-left: 45px;
     display: block;
     line-height: 40px;
     width: 425px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: .3s all ease
 }
 
 .news_row2 .divdgweb_new_div_item_body,
 .news_row2 .news_div_item_body,
 .news_row2 .news_div_item_pic {
     transition: .3s all ease
 }
 
 .news_row2 .news_div_item_pic {
     display: none
 }
 
 .news_row2 .divdgweb_new_div_item.on,
 .news_row2 .news_div_item.on {
     height: 90px;
     padding: 0 0 20px 0
 }
 
 .news_row2 .divdgweb_new_div_item_body,
 .news_row2 .news_div_item_body {
     line-height: 24px;
     color: #888;
     font-size: 13px;
     width: 560px;
     text-align: justify;
     position: absolute;
     right: 20px;
     top: 60px;
     transition: .3s all ease-in-out
 }
 
 .news_row2 .on .divdgweb_new_div_item_body,
 .news_row2 .on .news_div_item_body {
     top: 45px
 }
 
 .news_row2 .on .divdgweb_new_div_item_date,
 .news_row2 .on .news_div_item_date {
     top: 23px;
     right: 303px;
     display: none
 }
 
 .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a,
 .news_row2 .on .news_div_item_title .news_div_item_a {
     position: absolute;
     left: 0;
     top: 0;
     width: 335px;
     color: #273e85;
     padding-left: 20px;
     line-height: 50px;
     display: block;
     font-size: 17px
 }
 
 .news_row2 .on .divdgweb_new_div_item_date>div,
 .news_row2 .on .news_div_item_date>div {
     font-weight: 700;
     color: #ad0909;
     font-size: 24px;
     line-height: 30px
 }
 
 .news_row2 .on .divdgweb_new_div_item_date>.divdgweb_new_div_item_year,
 .news_row2 .on .news_div_item_date>.news_div_item_year {
     font-size: 12px;
     display: block;
     font-weight: 100;
     line-height: 20px;
     text-indent: 1px
 }
 
 .news_row2 .on .divdgweb_new_div_item_date>.divdgweb_new_div_item_year:after,
 .news_row2 .on .news_div_item_date>.news_div_item_year:after {
     content: ''
 }
 
 .video {
     width: 440px
 }
 
 .video_row1 a {
     font-size: 26px;
     color: #333;
     padding-left: 15px;
     border-left: #273e85 3px solid;
     line-height: 30px;
     display: block;
     margin: 0 0 18px
 }
 
 .video_row1 a span {
     font-size: 12px;
     display: block;
     line-height: 20px;
     color: #999;
     padding-top: 5px
 }
 
 #video {
     width: 440px;
     height: 248px;
     margin: 0 auto;
     position: relative
 }
 
 #video video {
     width: 100%;
     height: 100%;
     object-fit: fill
 }
 
 .VideoBtn {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .3);
     display: block;
     z-index: 33
 }
 
 .VideoBtn img {
     position: absolute;
     left: 50%;
     top: 50%;
     display: block;
     width: 60px;
     height: 60px;
     margin-left: -30px;
     margin-top: -30px;
     cursor: pointer;
     z-index: 10;
     border: 1px solid #fff;
     border-radius: 50%
 }
 
 .copy {
     background: url(/tpl/web/images/imgs/copy_bg.png) no-repeat center;
     width: 100%;
     height: 350px
 }
 
 .copy>.page {
     position: relative;
     height: 100%
 }
 
 .copy>.page>.fl {
     width: 860px
 }
 
 .copy>.page>.fr {
     position: absolute;
     right: -310px;
     width: 440px;
     background: #1e1e1e;
     height: 250px;
     padding: 9px 310px 50px 0
 }
 
 .copy>.page>.fr .copy_tel {
     font-size: 16px;
     font-weight: 100;
     color: #999;
     line-height: 24px;
     text-align: right;
     padding: 10px 0 15px;
     position: relative
 }
 
 .copy>.page>.fr .copy_tel:after {
     content: '';
     width: 20px;
     height: 2px;
     display: block;
     position: absolute;
     bottom: 0;
     right: 2px;
     background: #273e85
 }
 
 .copy>.page>.fr .copy_tel strong {
     font-family: arial;
     font-size: 30px;
     font-weight: 700;
     display: block;
     color: #273e85;
     line-height: 42px;
     text-align: right
 }
 
 .copy_p2 {
     padding: 15px 0
 }
 
 .copy_p2 p {
     text-align: right;
     font-size: 14px;
     color: #888;
     line-height: 35px;
     padding-right: 30px;
     font-family: arial, microsoft yahei
 }
 
 .copy_p2_1 {
     background: url(/tpl/web/images/imgs/copy_r_ico1.png) no-repeat right center
 }
 
 .copy_p2_2 {
     background: url(/tpl/web/images/imgs/copy_r_ico2.png) no-repeat right center
 }
 
 .friendlink {
     width: 215px;
     line-height: 50px;
     height: 50px;
     float: right;
     margin: -11px 0;
     position: relative;
     background: #273e85 url(/tpl/web/images/imgs/friendlink_r.png) no-repeat 177px 15px;
     cursor: pointer
 }
 
 .friendlink .fri_L {
     width: 160px;
     height: 50px;
     float: left;
     color: #ccc;
     font-size: 14px;
     line-height: 47px;
     padding-left: 50px;
     background: #1e1e1e url(/tpl/web/images/imgs/friendlink_l.png) no-repeat 15px center;
     font-weight: 100;
     border: 1px solid #444;
     border-right: 0 none;
     box-sizing: border-box
 }
 
 .friendlink .fri_R {
     height: 50px;
     display: block;
     width: 160px;
     line-height: 50px;
     position: absolute;
     left: 0;
     opacity: 0;
     transition: .3s all ease
 }
 
 .friendlink .linkTagcs {
     width: 161px;
     max-height: 50px;
     overflow: hidden;
     transition: .3s all ease-in-out;
     position: absolute;
     bottom: 0;
     z-index: 3;
     background: #ddd
 }
 
 .friendlink:hover .linkTagcs {
     max-height: 200px;
     overflow-x: hidden;
     overflow-y: auto
 }
 
 .friendlink .fri_R .linkTagcs li {
     float: none;
     line-height: 50px;
     text-align: left;
     text-indent: 10px;
     position: relative
 }
 
 .friendlink .fri_R .linkTagcs li a {
     display: block;
     color: #666;
     font-size: 13px;
     font-weight: 100
 }
 
 .friendlink:hover .fri_R {
     opacity: 1
 }
 
 .copy_row1 {
     width: 100%
 }
 
 .copy_row1 ul {
     float: left;
     padding: 30px 130px 40px 50px;
     height: 220px;
     position: relative
 }
 
 .copy_row1 ul:before {
     content: '';
     display: block;
     width: 1px;
     height: 100%;
     position: absolute;
     left: 0;
     background: #343434;
     top: 0;
     transition: .3s all ease
 }
 
 .copy_row1 ul:after {
     content: '';
     display: block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     position: absolute;
     left: -20px;
     top: 42px;
     background: #343434 url(/tpl/web/images/imgs/copy_row1_ico1.png) no-repeat center;
     transition: .3s all ease
 }
 
 .copy_row1 ul.copy_row1_2:after {
     background: #343434 url(/tpl/web/images/imgs/copy_row1_ico2.png) no-repeat center
 }
 
 .copy_row1 ul.copy_row1_3:after {
     background: #343434 url(/tpl/web/images/imgs/copy_row1_ico3.png) no-repeat center
 }
 
 .copy_row1:after {
     content: '';
     display: block;
     clear: both
 }
 
 .copy_row1 ul li a {
     color: #999;
     font-weight: 100;
     display: block;
     line-height: 28px;
     font-size: 13px
 }
 
 .copy_row1 ul strong a {
     color: #ddd;
     font-weight: 400;
     display: block;
     font-size: 17px;
     line-height: 60px
 }
 
 .copy_row1 ul strong {
     display: block;
     padding-bottom: 10px
 }
 
 .copy_row1 ul li a:hover {
     color: #eee;
     text-decoration: underline
 }
 
 .copy_row1 ul:hover:after {
     background-color: #273e85
 }
 
 .copy_row1 ul:hover:before {
     background-color: #273e85
 }
 
 .copy_row1 ul:hover strong a {
     color: #273e85
 }
 
 .copy_row2 {
     line-height: 60px;
     height: 60px;
     position: relative;
     width: 100%;
     font-size: 13px;
     color: #999;
     font-weight: 100
 }
 
 .copy_row2 a {
     color: #999;
     display: inline-block;
     font-weight: 100
 }
 
 .copy_row2 a:hover {
     color: #fff;
     text-decoration: underline
 }
 
 .copy_row2:after {
     content: '';
     display: block;
     width: 1170px;
     height: 1px;
     background: #343434;
     position: absolute;
     top: 0;
     right: 0
 }
 
 .leftnabar {
     position: fixed;
     right: 0;
     bottom: 15%;
     z-index: 99
 }
 
 .leftnabar i {
     width: 28px;
     height: 28px;
     display: inline-block;
     margin: 0 auto;
     vertical-align: middle
 }
 
 .leftnabar ul li {
     padding: 15px 15px;
     border-bottom: 1px solid #95cbd6;
     cursor: pointer;
     position: relative;
     height: 28px
 }
 
 .leftnabar ul li>a {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0
 }
 
 .leftnabar ul li:hover .def {
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transform: translateX(0)
 }
 
 .leftnabar ul li:nth-of-type(3):hover i {
     background-position: 13px center
 }
 
 .leftnabar ul li:nth-of-type(1):hover i {
     background-position: -1px center
 }
 
 .leftnabar ul li .def {
     position: absolute;
     height: 100%;
     background: #273e85;
     color: #fff;
     font-size: 15px;
     white-space: nowrap;
     top: 0;
     right: 0;
     line-height: 60px;
     padding: 0 15px 0 30px;
     -moz-border-radius-topleft: 30px;
     border-top-left-radius: 30px;
     -moz-border-radius-bottomleft: 30px;
     border-bottom-left-radius: 30px;
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     -moz-transition: all .5s cubic-bezier(.42, 0, .58, 1);
     transition: all .5s cubic-bezier(.42, 0, .58, 1);
     -webkit-transition: all .5s cubic-bezier(.42, 0, .58, 1)
 }
 
 .leftnabar ul li .wx {
     position: absolute;
     padding: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     border: 1px solid #eee;
     background: #fff;
     text-align: center;
     left: -30px;
     top: -80px;
     width: 120px;
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     z-index: -1;
     opacity: 0;
     -moz-transition: all .5s;
     transition: all .5s;
     -webkit-transition: all .5s
 }
 
 .leftnabar ul li .wx img {
     width: 120px;
     height: 120px
 }
 
 .leftnabar ul li:hover .wx {
     opacity: 1;
     left: -10px;
     z-index: 10;
     display: inline-block
 }
 
 .leftnabar ul li .wx span {
     display: block;
     font-size: 14px;
     color: #666;
     margin-top: 6px;
     text-align: center;
     line-height: 16px
 }
 
 .leftnabar ul li .def i {
     margin-left: 10px;
     background-position: 0 center
 }
 
 .leftnabar ul li:last-of-type {
     border-bottom: none
 }
 
 .leftnabar ul {
     background: #273e85;
     padding: 5px 0 0;
     -moz-border-radius-topleft: 8px;
     border-top-left-radius: 8px;
     -moz-border-radius-bottomleft: 8px;
     border-bottom-left-radius: 8px
 }
 
 .leftnabar li:first-of-type i {
     background: url(/tpl/web/images/imgs/left_wx.png) no-repeat;
     background-position: -50px center
 }
 
 .leftnabar li:nth-of-type(2) i {
     background: url(/tpl/web/images/imgs/left_phone.png) no-repeat;
     background-position: right center
 }
 
 .leftnabar li:nth-of-type(3) i {
     background: url(/tpl/web/images/imgs/left_qq.png) no-repeat;
     background-position: 13px center;
     padding: 15px
 }
 
 .leftnabar li:nth-of-type(4) i {
     background: url(/tpl/web/images/imgs/left_shang.png) no-repeat;
     background-position: right center
 }
 
 .prod_row1_box {
     width: 100%;
     height: 540px;
     position: relative
 }
 
 .prod_row1_btn {
     position: absolute;
     right: 30px;
     top: 50%;
     z-index: 33;
     margin-top: -26px;
     height: 52px
 }
 
 .prod_row1_btn .hd ul {
     text-align: center
 }
 
 .prod_row1_btn .hd ul li {
     display: block;
     cursor: pointer;
     margin: 10px;
     width: 30px;
     height: 3px;
     background: #666;
     font-size: 0;
     text-indent: -99999999999999em;
     border-radius: 50px;
     transition: .3s all ease;
     margin-left: auto;
     position: relative
 }
 
 .prod_row1_btn .hd ul li.on {
     background: #1059a9;
     width: 60px
 }
 
 .prod_row1_btn .hd ul li.on:after {
     content: '';
     display: block;
     background: #1059a9;
     width: 12px;
     height: 3px;
     border-radius: 50px;
     position: absolute;
     left: -1px;
     top: -4px;
     transform: rotate(-45deg)
 }
 
 @keyframes warn {
     0% {
         transform: scale(.3);
         -webkit-transform: scale(.3);
         opacity: 0
     }
     25% {
         transform: scale(.4);
         -webkit-transform: scale(.4);
         opacity: .1
     }
     50% {
         transform: scale(.5);
         -webkit-transform: scale(.5);
         opacity: .3
     }
     75% {
         transform: scale(.8);
         -webkit-transform: scale(.8);
         opacity: .9
     }
     100% {
         transform: scale(1);
         -webkit-transform: scale(1);
         opacity: 0
     }
 }
 
 @keyframes warn1 {
     0% {
         transform: scale(.3);
         -webkit-transform: scale(.3);
         opacity: 0
     }
     25% {
         transform: scale(.4);
         -webkit-transform: scale(.4);
         opacity: .1
     }
     50% {
         transform: scale(.3);
         -webkit-transform: scale(.3);
         opacity: .3
     }
     75% {
         transform: scale(.5);
         -webkit-transform: scale(.5);
         opacity: .9
     }
     100% {
         transform: scale(.8);
         -webkit-transform: scale(.8);
         opacity: 0
     }
 }
 
 .pulse {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 1;
     margin-top: -100px;
     margin-left: -100px;
     width: 200px;
     height: 200px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background: #273e85;
     box-shadow: 1px 1px 20px #273e85;
     opacity: 0;
     -webkit-animation: warn 2s ease-out 1s;
     -moz-animation: warn 12 ease-out 1s;
     animation: warn 2s ease-out 1s;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     transform: scale(0)
 }
 
 .pulse1 {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 1;
     margin-top: -100px;
     margin-left: -100px;
     width: 200px;
     height: 200px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background: #273e85;
     box-shadow: 1px 1px 20px #273e85;
     opacity: 0;
     -webkit-animation: warn 2s ease-out;
     -moz-animation: warn 2s ease-out;
     animation: warn 2s ease-out;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     transform: scale(0)
 }
 
 .about_con01 .mCSB_container {
     padding-right: 20px;
     opacity: .9
 }
 
 .about_mscroll .mCSB_scrollTools .mCSB_draggerRail {
     background: 0 0
 }
 
 .about_con01 {
     position: relative
 }
 
 .about_con01 .qygk {
     position: absolute;
     top: 50px;
     left: 50%;
     z-index: 9;
     margin-left: -650px;
     width: 750px;
     padding: 0 50px 0 0
 }
 
 .about_con01 .qygk h3 {
     color: #fff;
     display: block;
     float: none;
     font-size: 28px;
     font-weight: 700;
     position: relative;
     line-height: 40px;
     padding-bottom: 10px
 }
 
 .about_con01 .qygk div.p {
     color: #fff;
     max-height: 12.6em;
     line-height: 1.8em;
     overflow: hidden;
     width: 780px
 }
 
 .about_con01 .edit_v_btn {
     width: 100%;
     height: 680px;
     overflow: hidden;
     position: relative;
     background: url(/tpl/web/images/imgs/20190627150428_0911.jpg) no-repeat center
 }
 
 .about_con01 .edit_v_btn img {
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }
 
 .about_con01 .qygk div.p.overY {
     overflow: auto;
     overflow-y: auto
 }
 
 .about_con01 .edit_video .edit_v_btn a>img {
     width: 100%
 }
 
 .about_con01 .edit_v_video {
     width: 100%
 }
 
 .about_con01 .edit_v_video video {
     width: 100%
 }
 
 .about_con01 em img {
     width: 45px
 }
 
 .mCSB_container,
 .mCSB_container p {
     color: #f1f8ff;
     line-height: 32px;
     font-size: 16px;
     text-align: justify;
     text-indent: 2em
 }
 
 .mCSB_container p {
     padding: 10px 0 10px
 }
 
 .video_button {
     display: block;
     position: absolute;
     width: 200px;
     height: 200px;
     float: right;
     top: 300px;
     left: -20px
 }
 
 .video_button a {
     display: block
 }
 
 .video_button .lightbox .img {
     display: block;
     width: 28px;
     height: 44px;
     padding: 28px 33px 28px 39px;
     /*! border: 2px solid #fff; */
     border-radius: 50%;
     overflow: hidden;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 3;
     margin-left: -50px;
     margin-top: -50px
 }
 
 .video_button .lightbox .img img {
     width: 100%;
     height: 100%;
     display: block
 }
 
 .about_video #video {
     width: 600px;
     height: 340px
 }
 
 .about_video {
     margin: 22px 0 0;
     width: 600px;
     height: 340px;
     overflow: hidden;
     transform: rotate(0)
 }
 
 .about_video .jsmodern-video {
     padding-bottom: 0
 }
 
 .about_video .jsmodern-video-panel {
     background: rgba(0, 0, 0, .6)
 }
 
 .about_video .VideoBtn {
     height: 300px
 }
 
 .gsgk_main3 {
     height: 360px;
     background: #fff;
     padding: 80px 0
 }
 
 .gsgk_main3 .wrap1400 {
     padding-top: 125px
 }
 
 .gsgk_main3_l {
     padding-top: 35px;
     width: 320px
 }
 
 .gsgk_main3_l p {
     display: block;
     padding: 15px 0;
     color: #999;
     font-size: 15px;
     line-height: 26px;
     font-family: 'Microsoft yahei';
     letter-spacing: 0;
     font-weight: 100
 }
 
 .gsgk_main3_l h3 {
     font-size: 36px;
     line-height: 60px;
     color: #333;
     padding-right: 30px;
     background: url(/tpl/web/images/imgs/prod_tit.png) no-repeat -90px center;
     display: block;
     padding-bottom: 5px
 }
 
 .gsgk_main3_l h4 {
     font-size: 22px;
     color: #999;
     letter-spacing: -1px;
     text-transform: uppercase;
     padding-bottom: 40px;
     font-weight: 100;
     font-family: arial
 }
 
 .gsgk_main3_r li {
     float: left;
     margin-left: 30px;
     width: 185px;
     overflow: hidden;
     background: #273e85
 }
 
 .gsgk_main3_r li h5 {
     vertical-align: middle;
     display: block;
     width: 60px;
     text-align: center;
     font-size: 25px;
     color: #fff;
     padding-top: 23px;
     line-height: 28px;
     letter-spacing: 2px;
     margin: 0 auto
 }
 
 .gsgk_main3_con {
     width: 185px;
     height: 110px;
     background-color: #273e85;
     text-align: center
 }
 
 .gsgk_main3_r li p {
     font-size: 15px;
     color: #fff;
     padding: 20px 0;
     line-height: 25px;
     text-align: center;
     font-weight: 100
 }
 
 .por {
     position: relative
 }
 
 .pro-select {
     height: 205px;
     padding-top: 30px;
     background: url(/tpl/web/images/imgs/bg_bg09.jpg) no-repeat center;
     line-height: 20px;
     color: #c3daf4;
     z-index: 3
 }
 
 .pro-select>.page>p {
     font-size: 15px;
     font-weight: 100;
     color: #c3daf4;
     display: block;
     line-height: 26px;
     padding-bottom: 14px
 }
 
 .pro-select .w {
     height: 205px
 }
 
 .pro-select h2 {
     margin-bottom: 8px;
     font-size: 30px;
     line-height: 50px;
     color: #fff
 }
 
 .pro-select .select {
     left: 0;
     bottom: 32px;
     width: 1300px;
     height: 49px
 }
 
 .pro-select .box {
     width: 932px;
     height: 45px;
     border: 2px solid #fff;
     background: #fff;
     transition: border .5s;
     position: relative
 }
 
 .pro-select .box.cur,
 .pro-select .box.hover {
     border: 2px solid #273e85
 }
 
 .pro-select .tit {
     padding-left: 20px;
     font-size: 14px;
     line-height: 45px;
     color: #666;
     cursor: pointer;
     height: 47px;
     position: relative
 }
 
 .pro-select .tit p.fl {
     width: 568px;
     position: absolute;
     background: #fff;
     font-size: 16px;
     color: #454545;
     font-weight: 100
 }
 
 .pro-select .tit span {
     display: inline-block;
     width: 54px;
     height: 45px;
     background: url(/tpl/web/images/imgs/bg_sign33.png) no-repeat center
 }
 
 .pro-select .tit span.cur {
     background-image: url(/tpl/web/images/imgs/bg_sign33s.png)
 }
 
 .pro-select .list {
     left: -2px;
     top: 47px;
     width: 932px;
     border: 2px solid #273e85;
     border-top: 0;
     background: #fff;
     font-size: 14px;
     line-height: 45px;
     color: #666;
     position: absolute;
     overflow-x: hidden;
     max-height: 560px
 }
 
 .pro-select .list>p {
     cursor: pointer;
     transition: all .3s;
     display: block;
     float: left;
     height: 100%;
     position: relative;
     width: 305px;
     border-bottom: 1px solid #f5f5f5;
     padding-bottom: 100px
 }
 
 .pro-select .list>p:after {
     content: '';
     display: block;
     width: 1px;
     background: #f5f5f5;
     position: absolute;
     right: 0;
     top: 0;
     height: 100%
 }
 
 .pro-select .list>p:nth-child(3n):after {
     display: none
 }
 
 .pro-select .list>p>a {
     padding: 0 42px;
     color: #343434;
     display: block;
     font-size: 18px;
     line-height: 45px;
     position: relative;
     z-index: 11;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden
 }
 
 .pro-select .list>p.hover {
     color: #fff
 }
 
 .pro-select .list>p.hover>a {
     color: #fff;
     background: #273e85
 }
 
 .pro-select input {
     width: 220px;
     height: 45px;
     padding: 0 32px;
     border: 0;
     font-size: 13px;
     line-height: 45px;
     color: #666
 }
 
 .pro-select input.submit {
     width: 55px;
     height: 43px;
     padding: 0;
     background: url(/tpl/web/images/imgs/bg_btn07.png) no-repeat center
 }
 
 .pro-select .list .form {
     padding: 15px 0;
     display: block;
     height: 195px
 }
 
 .pro-select .list .form a {
     padding: 0 38px;
     display: block;
     color: #888;
     font-size: 13px;
     line-height: 32px;
     transition: .3s all ease-in-out;
     font-weight: 400
 }
 
 .pro-select .box.fr {
     width: 350px
 }
 
 .pro-select .list .form a:hover {
     color: #273e85
 }
 
 .pro-list {
     padding: 60px 0;
     background: #f5f5f5
 }
 
 .pro-title h2 {
     font-weight: 400;
     font-size: 45px;
     line-height: 56px;
     color: #515151;
     text-align: center
 }
 
 .pro-title p.en {
     height: 28px;
     background: url(/skin/home/images/pname01.png) no-repeat center bottom
 }
 
 .pro-list .list {
     padding-top: 40px
 }
 
 .pro-list .list li {
     position: relative;
     width: 100%;
     height: auto;
     background: #fff;
     margin: 0 0 30px 0;
     display: block
 }
 
 .pro-list .list li:after {
     content: '';
     clear: both;
     display: block
 }
 
 .pro-list .list li.new {
     opacity: 0;
     top: 150px
 }
 
 .pro-list .tit {
     display: block;
     height: 70px;
     font-size: 28px;
     line-height: 70px;
     color: #343434;
     transition: all .5s;
     margin-bottom: 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-bottom: 10px
 }
 
 .pro-list .int p {
     font-size: 18px;
     color: #888;
     font-weight: 100;
     line-height: 36px;
     display: block
 }
 
 .pro-list .tit.bor-b {
     border: 1px solid #273e85
 }
 
 .pro-list .img {
     width: 420px;
     height: 420px;
     padding: 15px 85px
 }
 
 .pro-list .img a,
 .pro-list .img a img {
     width: 100%;
     height: 100%;
     display: block
 }
 
 .pro-list .int {
     width: 490px;
     padding: 80px 55px 50px;
     line-height: 18px
 }
 
 .pro-list .btn {
     height: 37px;
     width: 490px;
     padding: 0 55px
 }
 
 .pro-list .bor {
     border-left: 1px solid #e4e4e4;
     border-right: 1px solid #e4e4e4;
     transition: border .5s
 }
 
 .pro-list .bor-b {
     border-left: 1px solid #0e7dc7;
     border-right: 1px solid #0e7dc7
 }
 
 .pro-list .btn a {
     display: block;
     line-height: 26px;
     color: #666;
     line-height: 36px;
     text-align: center;
     width: 130px;
     border: 1px solid #ddd;
     border-radius: 50px;
     transition: .3s all ease
 }
 
 .pro-list .list li:hover .btn a {
     background: #273e85;
     border-color: #273e85;
     color: #fff
 }
 
 .pro-list .list li.sec_list:hover .btn a {
     background: #ffc600;
     border-color: #ffc600
 }
 
 .pro-list .sec_list .img {
     float: right
 }
 
 .pro-list .btn span {
     display: block;
     color: #666;
     font-size: 13px;
     font-weight: 100
 }
 
 .pro-list .list li:hover .btn a span {
     color: #fff
 }
 
 .pro-list a:hover {
     color: #fff;
     background-position: left -26px
 }
 
 .pro-list .list li:hover a.tit {
     color: #273e85
 }
 
 .pro-list .list li.sec_list:hover a.tit {
     color: #ffc600
 }
 
 .pro-list a:hover span {
     background-position: right -26px
 }
 
 .pro-list .line {
     width: 100%;
     height: 3px;
     background: #ededed;
     clear: both;
     transition: .3s all ease-in-out;
     position: absolute;
     bottom: 0;
     left: 0
 }
 
 .pro-list .line .in {
     left: 0;
     top: 0;
     width: 0%;
     height: 3px;
     background: #273e85;
     transition: .3s all ease;
     position: absolute
 }
 
 .pro-list .list li.sec_list .line .in {
     background: #ffc600
 }
 
 .pro-list .list li:hover .line .in {
     width: 100%
 }
 
 .pro-list .sign {
     left: 0;
     top: 0;
     width: 54px;
     height: 54px;
     background: url(/tpl/web/images/imgs/bg_sign36.png) no-repeat;
     position: absolute
 }
 
 .pro-list .sign.hot {
     background-position: 0 -54px
 }
 
 .pro-list .loading {
     height: 30px;
     background: url(/tpl/web/images/imgs/loading1.gif) no-repeat center
 }
 
 .pro-list .btns {
     height: 45px;
     margin-top: 35px
 }
 
 .pro-list .btns a {
     display: inline-block;
     left: 50%;
     top: 0;
     width: 178px;
     height: 43px;
     border: 1px solid #273e85;
     padding-left: 110px;
     background: #273e85;
     margin-left: -145px;
     font-size: 18px;
     line-height: 45px;
     color: #fff;
     transition: all .5s
 }
 
 .pro-list .btns a:hover {
     border: 1px solid #040000;
     background: 0 0;
     color: #040000
 }
 
 .pro-list .btns span.fr {
     display: inline-block;
     width: 30px;
     height: 30px;
     margin: 7px 10px 0 0;
     background: url(/tpl/web/images/imgs/bg_sign37.png) no-repeat;
     display: none
 }
 
 .pro-list .btns span.in {
     display: inline-block;
     left: 0;
     top: 0;
     width: 30px;
     height: 30px;
     background: url(/tpl/web/images/imgs/bg_sign38.png) no-repeat
 }
 
 .pro-list .out-list {
     left: 0;
     top: 0;
     z-index: 2;
     width: 980px;
     background: #fff
 }
 
 .pro-list .out-list .sign {
     top: -5px;
     width: 9px;
     height: 6px;
     background: url(/tpl/web/images/imgs/bg_sign40.png) no-repeat
 }
 
 .pro-list .out-list .tit {
     width: 946px;
     height: 58px;
     padding-left: 32px;
     border-bottom: 0;
     font-size: 14px;
     line-height: 58px;
     color: #000
 }
 
 .pro-list .out-list .close {
     cursor: pointer
 }
 
 .pro-list .con-list {
     overflow: hidden;
     width: 100%;
     min-height: 206px;
     border: 1px solid #e7e7e6;
     border-bottom: 3px solid #bababa;
     background: url(/tpl/web/images/imgs/loading1.gif) no-repeat center
 }
 
 .pro-list .con-list.bgno {
     background: 0 0
 }
 
 .pro-list .con-list ul {
     border-left: 1px solid #e7e7e6;
     margin-left: -1px
 }
 
 .pro-list .con-list li {
     position: relative;
     width: 195px;
     height: 166px;
     padding-top: 40px;
     border: 1px solid #e7e7e6;
     margin: -1px 0 0 -1px;
     line-height: 24px;
     text-align: center;
     cursor: pointer;
     transition: border .5s
 }
 
 .pro-list .con-list li.fi,
 .pro-list .con-list li.fo,
 .pro-list .con-list li.se,
 .pro-list .con-list li.th {
     z-index: 2;
     border: 1px solid #0e7dc7
 }
 
 .pro-list .con-list img {
     margin-bottom: 40px
 }
 
 .pro-list .con-list img.poa {
     left: 0;
     top: 40px;
     margin: 0
 }
 
 .pro-list .con-list .signs {
     left: 14px;
     top: 24px;
     width: 17px;
     height: 17px;
     background: url(/tpl/web/images/imgs/bg_sign41.png) no-repeat;
     opacity: 0;
     transition: opacity .5s
 }
 
 .pro-list .con-list li.fi .signs,
 .pro-list .con-list li.fo .signs,
 .pro-list .con-list li.se .signs,
 .pro-list .con-list li.th .signs {
     opacity: 1
 }
 
 .pagination {
     padding: 20px 0;
     text-align: center;
     overflow: hidden
 }
 
 .pagination a {
     vertical-align: middle;
     font-size: 12px;
     line-height: 30px;
     display: inline-block;
     height: 30px;
     padding: 0 12px;
     text-align: center;
     color: #333;
     border: 1px solid #f5f5f5;
     background: #fff;
     margin-left: 5px;
     border-radius: 50px
 }
 
 .pagination a.a1 {
     line-height: 30px;
     height: 30px;
     margin-top: 0;
     padding: 0 12px
 }
 
 .pagination a:hover {
     text-decoration: none;
     color: #000;
     background: #f1f1f1;
     border: 1px solid #273e85;
     color: #273e85
 }
 
 .pagination span {
     vertical-align: middle;
     line-height: 30px;
     display: inline-block;
     height: 30px;
     text-align: center;
     color: #fff;
     margin-left: 5px;
     background: #273e85;
     border-radius: 50px;
     width: 30px
 }
 
 .proinfo-ban {
     width: 100%;
     background: url(/tpl/web/images/imgs/bj3.jpg) no-repeat center;
     padding: 90px 0
 }
 
 .proinfo-ban .list {
     padding-top: 0
 }
 
 .proinfo-ban .list .tempWrap {
     float: right
 }
 
 .proinfo-ban .list::after {
     content: '';
     clear: both;
     display: block
 }
 
 .proinfo-ban .list li:after {
     content: '';
     clear: both;
     display: block
 }
 
 .proinfo-ban .list .tips {
     width: 580px;
     padding: 0 0;
     height: 550px;
     float: left
 }
 
 .proinfo-ban .list h2 {
     font-size: 38px;
     line-height: 65px;
     color: #fff;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block
 }
 
 .proinfo-ban .list .detail {
     padding: 15px 0
 }
 
 .proinfo-ban .list .detail p {
     font-size: 16px;
     font-weight: 100;
     color: #888;
     line-height: 32px;
     height: 128px;
     overflow: hidden;
     width: 100%
 }
 
 .proinfo-ban .list li>img {
     width: 550px
 }
 
 .proinfo-ban .list .product_video_btn {
     font-size: 22px;
     color: #fff;
     font-family: arial, microsoft yahei;
     line-height: 52px;
     display: inline-block;
     padding-left: 40px;
     margin-top: 20px;
     background: url(/tpl/web/images/imgs/prod_video.png) no-repeat 0 center;
     transition: .3s all ease
 }
 
 .proinfo-ban .list .product_video_btn:hover {
     background: #273e85 url(/tpl/web/images/imgs/prod_video.png) no-repeat 35px center;
     padding-left: 75px;
     padding-right: 35px;
     border-radius: 52px
 }
 
 .proinfo-ban .btn {
     left: 50%;
     bottom: 32px;
     height: 60px
 }
 
 .proinfo-ban .btn img {
     padding: 10px;
     border: 1px solid #ccc;
     margin: 0 5px;
     cursor: pointer;
     transition: border .5s
 }
 
 .proinfo-ban .btn img.cur {
     border: 1px solid #273e85
 }
 
 .proinfo-ban .list .tips .box {
     width: 100%;
     position: absolute;
     bottom: 50px;
     left: 0
 }
 
 .proinfo-ban .list .tips .box .zx {
     display: block;
     width: 200px;
     height: 50px;
     float: left;
     font-size: 22px;
     color: #fff;
     line-height: 48px;
     text-align: center;
     text-decoration: none;
     border-radius: 100px;
     transition: .3s all ease-in-out;
     background: #454545
 }
 
 .proinfo-ban .list .tips .box .zx:hover {
     background: #273e85
 }
 
 .proinfo-ban .list .tips .box .zx img {
     position: relative;
     top: 4px;
     margin-left: 8px
 }
 
 .proinfo-ban .list .tips .box .phone {
     float: left;
     padding-left: 56px;
     background: url(/tpl/web/images/imgs/proListClassify_phone.png) no-repeat left center;
     margin-left: 65px;
     margin-top: 2px
 }
 
 .proinfo-ban .list .tips .box .phone span {
     display: block;
     font-size: 14px;
     color: #666;
     line-height: 20px
 }
 
 .proinfo-ban .list .tips .box .phone em {
     display: block;
     font-size: 23px;
     color: #273e85;
     font-family: arial;
     line-height: 24px;
     font-style: normal
 }
 
 .proinfo-menu {
     height: 168px;
     padding-top: 20px;
     background: url(/tpl/web/images/imgs/bg_proinfomenu.jpg) no-repeat center
 }
 
 .proinfo-menu h2 {
     font-size: 30px;
     line-height: 108px;
     color: #fff
 }
 
 .proinfo-menu .title:after {
     content: '';
     clear: both;
     display: block
 }
 
 .proinfo-menu .tips {
     margin-top: 30px
 }
 
 .proinfo-menu .tips li {
     position: relative;
     width: 78px;
     display: inline-block
 }
 
 .proinfo-menu .tips a {
     display: inline-block;
     min-width: 36px;
     height: 26px;
     padding-top: 30px;
     background: url(/tpl/web/images/imgs/bg_sign42.png) no-repeat center 2px;
     line-height: 26px;
     color: #fff;
     text-align: center;
     transition: background .5s
 }
 
 .proinfo-menu a.download {
     background-image: url(/tpl/web/images/imgs/bg_sign43.png)
 }
 
 .proinfo-menu a.video {
     background-image: url(/tpl/web/images/imgs/bg_sign44.png)
 }
 
 .proinfo-menu a.share {
     background-image: url(/tpl/web/images/imgs/bg_sign59.png)
 }
 
 .proinfo-menu .tips a:hover {
     background-position: center 0
 }
 
 .proinfo-menu .tips .sub-in {
     left: -260px;
     top: -10px;
     width: 260px;
     background: 0 0;
     position: absolute
 }
 
 .proinfo-menu .tips .sub-in a {
     position: relative;
     left: 20px;
     opacity: 0;
     background: url(/tpl/web/images/imgs/bg_sign53.png) no-repeat center!important;
     transition: all .5s
 }
 
 .proinfo-menu .tips .sub-in a.bds_tsina {
     background: url(/tpl/web/images/imgs/bg_sign54.png) no-repeat center!important
 }
 
 .proinfo-menu .tips .sub-in a.bds_qzone {
     background: url(/tpl/web/images/imgs/bg_sign55.png) no-repeat center!important
 }
 
 .proinfo-menu .tips .sub-in a.bds_tqq {
     background: url(/tpl/web/images/imgs/bg_sign56.png) no-repeat center!important
 }
 
 .proinfo-menu .tips .sub-in a.bds_sqq {
     background: url(/tpl/web/images/imgs/bg_sign57.png) no-repeat center!important
 }
 
 .proinfo-menu .tips .sub-in a.bds_tieba {
     background: url(/tpl/web/images/imgs/bg_sign58.png) no-repeat center!important
 }
 
 .proinfo-menu .tips .sub-in a:hover {
     opacity: .8!important
 }
 
 .proinfo-menu .list.fixed {
     position: fixed;
     left: 0;
     top: 72px;
     z-index: 19;
     width: 100%;
     height: 64px;
     background: url(/tpl/web/images/imgs/bg_proinfomenu.jpg) no-repeat center bottom
 }
 
 .proinfo-menu .list ul {
     width: 100%
 }
 
 .proinfo-menu .list ul:after {
     content: '';
     display: block;
     clear: both
 }
 
 .proinfo-menu .list.fixed ul {
     position: absolute;
     left: 50%;
     top: 0;
     width: 980px;
     margin-left: -491px
 }
 
 .proinfo-menu .list li {
     height: 60px;
     float: left;
     width: 50%
 }
 
 .proinfo-menu .list a {
     display: inline-block;
     width: 100%;
     height: 60px;
     font-size: 18px;
     line-height: 60px;
     color: #fff;
     text-align: center;
     background: url(/tpl/web/images/imgs/bg_bg12.png) repeat right center;
     trnaistion: all .5s;
     font-weight: 700
 }
 
 .proinfo-menu .list li.bg a {
     background-image: url(/tpl/web/images/imgs/bg_bg12.png)
 }
 
 .proinfo-menu .list li.cur a,
 .proinfo-menu .list li:hover a {
     background: #fff;
     color: #273e85
 }
 
 .proinfo-menu .list li.cur a {
     padding-top: 3px;
     margin-top: -3px
 }
 
 .proinfo-menu .out-list {
     top: 85px
 }
 
 .proinfo-menu .pro-list {
     padding: 0;
     background: 0 0
 }
 
 .proinfo-menu .pro-list .out-list .sign {
     left: 802px
 }
 
 .proinfo-menu .select-list .sign {
     left: 11px
 }
 
 .proinfo-menu .pro-list .contrast-btn {
     bottom: auto;
     top: 132px;
     margin-left: 488px
 }
 
 .proinfo_content_in>strong {
     display: block;
     font-size: 25px;
     text-align: left;
     line-height: 60px;
     color: #343434;
     margin: 30px 0 20px;
     font-weight: 400;
     padding-left: 20px;
     border-left: 3px solid #273e85;
     background: #f5f5f5
 }
 
 .proinfo_content_in>p {
     font-size: 15px;
     line-height: 30px;
     padding-bottom: 10px;
     color: #777
 }
 
 .proinfo_content_in {
     padding: 35px;
     border-color: #eee
 }
 
 .proinfo_content_in_table table {
     display: table;
     margin: 30px auto;
     line-height: 3em;
     color: #555;
     width: 100%;
     border-color: #eee
 }
 
 .proinfo_content_in_table table td {
     font-size: 14px;
     text-align: center;
     border-color: #eee
 }
 
 .proinfo_content_in_table table>tbody>tr:nth-child(1) {
     background: #ddd;
     color: #222
 }
 
 .proinfo_content_in_table table>tbody>tr:nth-child(1) td {
     font-size: 16px
 }
 
 .proinfo_content_in_table table>tbody>tr td p,
 .proinfo_content_in_table table>tbody>tr td span {
     font-size: inherit;
     display: block
 }
 
 .proinfo_ban_img {
     float: right;
     width: 550px;
     height: 550px;
     position: relative
 }
 
 .banner {
     overflow: hidden
 }
 
 .banner-box {
     min-width: 1100px;
     height: 650px;
     position: relative;
     margin: 0 auto
 }
 
 .banner-box .bd,
 .banner-box .bd ul {
     width: 100%!important
 }
 
 .banner-box .bd li {
     width: 100%!important;
     height: 650px;
     background-position: center;
     background-repeat: no-repeat;
     background-color: #eee
 }
 
 .banner-box .bd li a {
     display: block;
     background-size: auto
 }
 
 .banner-btn {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     margin-left: 0;
     height: 650px;
     overflow: hidden
 }
 
 .banner-btn a {
     display: block;
     width: 49px;
     height: 104px;
     position: absolute;
     top: 290px;
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
     transition: .3s all ease-in-out
 }
 
 .banner-btn a.prev {
     left: -50px;
     background: url(/skin/home/images/20190124085103_2143778132.png) no-repeat 0 0
 }
 
 .banner-btn a.next {
     right: -50px;
     background: url(/skin/home/images/20190124085103_2143778132.png) no-repeat -49px 0
 }
 
 .banner-box .hd {
     position: absolute;
     bottom: 30px;
     width: 100%;
     display: block
 }
 
 .banner-box .hd ul {
     text-align: center
 }
 
 .banner-box .hd ul li {
     width: 30px;
     height: 10px;
     border-radius: 20px;
     text-indent: -9999px;
     background: #fff;
     cursor: pointer;
     display: inline-block;
     margin: 0 5px;
     transition: .3s all ease-in-out
 }
 
 .banner-box .hd ul li.on {
     background: #ffc600;
     width: 62px
 }
 
 .banner-box:hover .banner-btn a.prev {
     left: 20px;
     -moz-opacity: .4;
     -khtml-opacity: .4;
     opacity: .4
 }
 
 .banner-box:hover .banner-btn a.next {
     right: 20px;
     -moz-opacity: .4;
     -khtml-opacity: .4;
     opacity: .4
 }
 
 .banner-box .banner-btn a.prev:hover,
 .banner-box:hover .banner-btn a.next:hover {
     -moz-opacity: .8;
     -khtml-opacity: .8;
     opacity: .8
 }
 
 .conL {
     width: 550px;
     float: right;
     position: relative;
     overflow: hidden
 }
 
 .conL i {
     display: block;
     width: 44px;
     height: 44px;
     position: absolute;
     z-index: 9;
     cursor: pointer;
     overflow: hidden;
     top: 50%;
     margin-top: -22px;
     transition: .3s all ease-in-out
 }
 
 .conL i.prev {
     left: -50px
 }
 
 .conL i.next {
     right: -50px
 }
 
 .conL:hover i.prev {
     left: 0
 }
 
 .conL:hover i.next {
     right: 0
 }
 
 .conL .btnList {
     width: 100%;
     height: 14px;
     text-align: center;
     position: absolute;
     bottom: -74px;
     padding: 30px 0;
     background: rgba(0, 0, 0, .3);
     transition: .3s all ease-in-out
 }
 
 .conL:hover .btnList {
     bottom: 0
 }
 
 .conL .btnList span {
     display: inline-block;
     width: 14px;
     height: 14px;
     overflow: hidden;
     position: relative;
     background: #fff;
     margin-left: 16px;
     cursor: pointer;
     border-radius: 50px
 }
 
 .conL .btnList span.cur {
     background: #273e85
 }
 
 .conL .btnList span:first-child {
     margin-left: 0
 }
 
 .conL .conBox {
     width: 550px;
     height: 550px;
     position: relative;
     overflow: hidden
 }
 
 .conL .conBox ul {
     position: absolute;
     top: 0;
     left: 0
 }
 
 .conL .conBox li {
     float: left;
     width: 550px
 }
 
 .conL .conBox li img {
     display: block;
     width: 550px;
     height: auto
 }
 
 .plc {
     line-height: 70px;
     border-bottom: 1px solid #f5f5f5;
     height: 70px;
     background: #fff
 }
 
 .plc>.page {
     position: relative;
     height: 100%
 }
 
 .plc .fl:after {
     content: '';
     display: block;
     clear: both
 }
 
 .plc .fl a,
 .plc .fl p {
     font-size: 16px;
     color: #666;
     line-height: 70px;
     height: 70px;
     font-weight: 100
 }
 
 .plc .fl a {
     display: inline-block;
     line-height: 70px;
     padding: 0 2px
 }
 
 .plc .fl a:hover {
     text-decoration: underline;
     color: #273e85
 }
 
 .plc .fl p {
     float: left
 }
 
 .plc .fl .index_plc {
     width: 32px;
     height: 32px;
     padding: 19px;
     float: left;
     border-right: 1px solid #eee;
     border-left: 1px solid #eee;
     margin-right: 20px;
     transition: .3s all ease-in-out;
     position: relative
 }
 
 .plc .fl .index_plc:hover {
     background: #273e85
 }
 
 .plc .fl .index_plc img {
     width: 100%;
     height: 100%;
     display: block
 }
 
 .page_nav {
     float: right;
     text-align: left;
     padding-top: 1px
 }
 
 .page_nav li {
     display: inline-block;
     position: relative;
     transition: .3s;
     height: 70px
 }
 
 .page_nav li a {
     padding: 0 20px;
     transition: .3s;
     font-size: 16px;
     color: #333;
     display: block;
     line-height: 70px
 }
 
 .page_nav li:before {
     transition: .3s;
     content: "";
     width: 22px;
     height: 0;
     background-color: #273e85;
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -9px
 }
 
 .page_nav li:hover a {
     color: #273e85
 }
 
 .page_nav li:hover:before {
     height: 5px
 }
 
 .page_nav li.on a {
     color: #273e85
 }
 
 .page_nav li.on:before {
     height: 5px
 }
 
 .nei_banner_tit {
     position: absolute;
     width: 1300px;
     left: 50%;
     margin-left: -650px;
     top: 0;
     height: 100%
 }
 
 .nei_banner_tit h3 {
     font-size: 48px;
     color: #fff;
     margin-top: 13%;
     display: block;
     line-height: 48px
 }
 
 .nei_banner_tit h4 {
     text-transform: uppercase;
     padding-bottom: 50px;
     font-size: 12px;
     color: #fff
 }
 
 .nei_banner_tit h6 {
     font-size: 18px;
     font-weight: lighter;
     color: #fff;
     margin-top: 30px;
     line-height: 30px;
     text-align: left
 }
 
 .banner_ding {
     position: absolute;
     top: -49px;
     left: 0;
     z-index: 2;
     width: 425px;
     text-align: center;
     height: 120px;
     line-height: 120px;
     background: url(/tpl/web/images/imgs/page_img.jpg) no-repeat center/cover
 }
 
 .banner_ding h5 {
     font-size: 44px;
     color: #fff;
     line-height: 120px;
     display: block;
     text-transform: capitalize;
     font-weight: 400;
     font-family: arial
 }
 
 .banner-btn {
     height: 450px
 }
 
 .banner-box {
     height: 450px
 }
 
 .banner-box .bd li {
     height: 450px
 }
 
 .news_in_page {
     padding: 0 0 50px 0
 }
 
 .corp_in_page {
     background: #f5f5f5
 }
 
 .procurement ul {
     padding: 60px 0 20px
 }
 
 .procurement li {
     margin-bottom: 30px
 }
 
 .procurement .link {
     padding: 35px 30px 35px 150px;
     display: block;
     background-color: #fff;
     color: #646464;
     position: relative;
     border: 3px solid transparent;
     transition: .45s;
     -webkit-transition: .45s
 }
 
 .procurement .link .tit {
     font-size: 24px;
     line-height: 40px;
     padding-bottom: 10px;
     border-bottom: 1px solid #c8c8c8;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .procurement .link .abstracts {
     margin: 10px 0 0;
     overflow: hidden;
     line-height: 30px;
     height: 60px;
     font-size: 14px;
     color: #999
 }
 
 .procurement .link .time {
     display: block;
     width: 90px;
     height: 140px;
     background: #a9a9a9;
     position: absolute;
     top: 50%;
     left: 30px;
     margin-top: -70px;
     text-align: center;
     line-height: 1.2;
     color: #fff;
     font-family: arial;
     -webkit-transition: background .6s;
     -moz-transition: background .6s;
     transition: background .6s;
     -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     transform-style: preserve-3d;
     transform-origin: 0 50%
 }
 
 .procurement .link .time .day {
     font-size: 30px;
     margin-top: 20px
 }
 
 .procurement .link .time:before {
     content: "";
     display: block;
     width: 19px;
     height: 19px;
     background: url(/tpl/web/images/imgs/news_time_ico_2.png) no-repeat scroll center center;
     margin: 25px auto 0
 }
 
 .procurement .link:hover {
     background-color: #fff;
     border-color: #273e85
 }
 
 .procurement .link:hover .time {
     background-color: #273e85
 }
 
 .procurement .link:hover .tit {
     color: #273e85
 }
 
 .procurement .link .border {
     position: absolute;
     background-color: #273e85;
     transition: .45s;
     -webkit-transition: .45s
 }
 
 .procurement .link .border.top {
     right: 0;
     top: 0;
     height: 3px;
     width: 0%
 }
 
 .procurement .link .border.right {
     right: 0;
     top: 0;
     height: 0%;
     width: 3px
 }
 
 .procurement .link .border.bottom {
     left: 0;
     bottom: 0;
     height: 3px;
     width: 0%
 }
 
 .procurement .link .border.left {
     left: 0;
     bottom: 0;
     width: 3px;
     height: 0%
 }
 
 .news-title h2 {
     font-size: 20px;
     padding-bottom: 15px
 }
 
 .news-show-left {
     float: left;
     width: 930px;
     background: #fff;
     margin: auto
 }
 
 .news-show-left .news-title {
     padding: 40px 20px;
     padding-bottom: 20px;
     text-align: center
 }
 
 .news-show-left .news-title h1 {
     font-size: 24px;
     color: #333;
     padding-bottom: 10px;
     font-weight: 400
 }
 
 .news-show-left .news-title p {
     font-size: 14px;
     color: #a3afb7;
     padding-bottom: 10px;
     border-bottom: 1px solid #f0f2f5
 }
 
 .news-show-left .news-views {
     margin: 40px 20px 20px;
     margin-top: 0;
     font-size: 14px;
     color: #666;
     line-height: 25px;
     overflow: hidden
 }
 
 .news-views iframe {
     width: 100%!important
 }
 
 .news-views p {
     padding: 0 20px;
     line-height: 30px;
     font-family: '微软雅黑'!important;
     text-indent: 2em
 }
 
 .news-views p span {
     font-family: '微软雅黑'!important
 }
 
 .news-views img {
     padding-top: 15px;
     padding-bottom: 15px;
     max-width: 100%;
     height: auto;
     text-indent: 0;
     display: block;
     margin: 0 auto
 }
 
 .news-views p img {
     height: auto!important;
     max-width: 100%
 }
 
 .news-show-left .news-title p a {
     color: #a3afb7
 }
 
 .news-show-left .share-bar {
     padding: 20px
 }
 
 .news-other {
     padding: 10px 15px;
     border-top: 1px #ddd solid
 }
 
 .gr-back-btn {
     float: right;
     margin-top: 6px;
     width: 125px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-color: #353535;
     font-size: 14px;
     color: #fff!important
 }
 
 .gr-back-btn {
     margin-top: 6px;
     width: 125px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-color: #e12b1f;
     font-size: 14px;
     color: #fff;
     position: relative;
     overflow: hidden;
     z-index: 2
 }
 
 .gr-back-btn:hover {
     background-color: #273e85
 }
 
 .news-other p {
     display: block;
     height: 30px;
     line-height: 30px;
     padding-left: 3px
 }
 
 .news-other p a {
     color: #343434
 }
 
 .news-other p a:hover {
     color: #273e85
 }
 
 .news-other p {
     display: block;
     height: 30px;
     line-height: 30px;
     padding-left: 3px
 }
 
 .news-show-right {
     float: right;
     width: 350px;
     border: 0!important
 }
 
 .news-show-right dl {
     display: block;
     margin-top: 0;
     margin-bottom: 20px;
     background: #fff;
     border: 0!important
 }
 
 .news-show-right dl.tab dt {
     height: 55px;
     line-height: 55px;
     color: #1d1d1d;
     font-size: 18px
 }
 
 .news-show-right dl dt {
     margin: 0 20px;
     display: block;
     height: 55px;
     line-height: 55px;
     position: relative
 }
 
 .news-show-right dl.tab dd {
     position: relative
 }
 
 .news-show-right dl.tab dd ul {
     display: block;
     padding: 0 20px 20px
 }
 
 .news-show-right dl.tab dd ul li {
     display: block;
     padding: 20px 0 0;
     border: none
 }
 
 .news-show-right .invList a {
     padding: 0 0;
     border-bottom: 1px solid #eee
 }
 
 .news-show-right .invList a span h3 {
     font-size: 18px
 }
 
 .news-show-right .invList a span {
     display: inline-block;
     width: calc(100% - 110px);
     padding: 0 0 0 10px;
     box-sizing: border-box;
     background: 0 0;
     vertical-align: middle;
     width: 215px
 }
 
 .news-show-right dl.tab dd ul li:nth-last-child(1) {
     border: 0 none
 }
 
 .news-show-right dl.tab dd ul li:nth-child(7) {
     border-bottom: 0
 }
 
 .news-show-right dl.tab dd ul li h5 {
     padding-top: 4px;
     font-size: 16px;
     color: #333;
     display: block;
     line-height: 28px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-weight: 400
 }
 
 .news-show-right dl.tab dd ul li h5 a {
     font-size: inherit
 }
 
 .news-show-right dl.tab dd ul li:hover h5 a {
     color: #273e85
 }
 
 .news-show-right dl.tab dd ul li i {
     float: left;
     font-size: 13px;
     color: #999;
     font-family: arial;
     font-style: normal;
     line-height: 28px
 }
 
 .news-show-right dl.tab dd ul li em {
     float: right;
     padding-left: 25px;
     width: 30px;
     font-size: 12px;
     color: #999;
     background: url(/skin/home/images/eye.png) no-repeat left center;
     font-style: normal
 }
 
 .news-show-right dl.tab dd .more_r {
     color: #333;
     height: 45px;
     line-height: 45px;
     border-top: 1px #ddd solid;
     position: relative;
     top: -1px;
     text-align: center
 }
 
 .news-show-right dl.tab dd .more_r a {
     display: inline-block;
     position: relative;
     color: #333
 }
 
 .news-show-right dl {
     display: block;
     margin-top: 0;
     margin-bottom: 20px;
     background: #fff
 }
 
 .news-show-right dl.list dt {
     color: #333;
     font-size: 18px;
     margin-bottom: 20px
 }
 
 .news-show-right dl dt {
     display: block;
     height: 55px;
     line-height: 55px;
     position: relative;
     border-bottom: 1px #dedede solid
 }
 
 .gr-back-btn {
     margin-top: 6px;
     width: 125px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-color: #353535;
     font-size: 14px;
     color: #fff!important
 }
 
 .gr-back-btn {
     margin-top: 6px;
     width: 125px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     transition-duration: .3s;
     background-color: #696969;
     font-size: 14px;
     color: #fff;
     position: relative;
     overflow: hidden;
     z-index: 2
 }
 
 .hvr-sweep-to-top {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px transparent;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: .3s
 }
 
 .news-show-right dl.list dd ul li a {
     color: #666;
     font-size: 12px;
     -webkit-transition: .2s;
     -o-transition: .2s;
     transition: .2s
 }
 
 .news-show-right dl.list dd ul li i {
     display: inline-block;
     width: 3px;
     height: 3px;
     background-color: #666;
     margin-right: 10px;
     margin-bottom: 2px;
     border-radius: 100px
 }
 
 .news-show-right dl.list dd ul li {
     line-height: 30px;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-left: 20px;
     padding-right: 20px
 }
 
 .news-show-right dl.tab dd ul li .pic {
     line-height: 51px;
     margin-right: 14px;
     width: 86px;
     height: 51px;
     overflow: hidden;
     position: relative
 }
 
 .news-show-right dl.tab dd ul li .pic img {
     width: 100%
 }
 
 .news_in_page1 {
     background: #f5f5f5
 }
 
 .news_in_x1 {
     padding-top: 50px
 }
 
 .sec1 {
     padding-bottom: 70px;
     overflow: hidden;
     display: flex;
     justify-content: center;
 }
 
 .sec1 .inner {
     position: relative;
     min-width: 1037px;
 }
 
 .tab-title .set {
     cursor: pointer
 }
 
 .map_tab .set {
     position: absolute;
     top: 0;
     left: 0;
     color: #666;
     font-size: 12px;
     line-height: 1;
     text-align: center;
     width: 30px;
     z-index: 2;
     display: block
 }
 
 .map_tab .set.actived .tab_tet {
     color: #444
 }
 
 .map_cont {
     width: 400px;
     height: auto;
     padding-bottom: 40px;
     box-shadow: 0 0 30px #e9e9e9;
     background: #fff
 }
 
 .map_cont .tab-box {
     /* padding: 0 30px; */
     display: none
 }
 
 .map_cont .tab-box.active {
     display: block
 }
 
 .map_cont h1 {
     padding-top: 30px;
     padding-bottom: 20px;
     background-image: url(../image/line.png);
     background-repeat: no-repeat;
     background-position: left bottom;
     background-size: 20px 2px;
     color: #273e85;
     font-size: 18px;
     font-weight: bold;
     line-height: 1;
     margin-bottom: 10px
 }
 
 .map_cont h2 {
     padding-top: 10px;
     font-size: 16px;
     line-height: 28px;
     color: #1852ab;
     font-weight: normal;
 }
 
 .map_cont p {
     color: #444;
     font-size: 14px;
     line-height: 22px
 }
 
 .map_img .tab-box {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     display: none
 }
 
 .map_img .tab-box.active {
     display: block
 }
 
 .tab_icon {
     background-image: url(../image/map_tab_icon2.png);
     background-repeat: no-repeat;
     background-position: center;
     width: 30px;
     height: 22px;
     margin-bottom: 4px
 }
 
 .actived .tab_icon {
     background-image: url(../image/map_tab_icon1.png)
 }
 
 .map_img .tab1 {
     top: 378px;
     left: 672px
 }
 
 .map_tab .set1 {
     top: 395px;
     left: 718px
 }
 
 .map_img .tab2 {
     top: 317px;
     left: 647px
 }
 
 .map_tab .set2 {
     top: 336px;
     left: 670px
 }
 
 .map_img .tab3 {
     top: 317px;
     left: 647px
 }
 
 .map_tab .set3 {
     top: 450px;
     left: 740px
 }
 
 .map_tab .set3 .tab_icon {
     margin-bottom: 0
 }
 
 .map_img .tab4 {
     top: 458px;
     left: 715px
 }
 
 .map_tab .set4 {
     top: 490px;
     left: 740px
 }
 
 .map_img .tab5 {
     top: 515px;
     left: 680px
 }
 
 .map_tab .set5 {
     top: 540px;
     left: 700px
 }
 
 .map_img .tab6 {
     top: 580px;
     left: 574px
 }
 
 .map_tab .set6 {
     top: 600px;
     left: 630px
 }
 
 .map_img .tab7 {
     top: 490px;
     left: 554px
 }
 
 .map_tab .set7 {
     top: 520px;
     left: 590px
 }
 
 .map_img .tab8 {
     top: 486px;
     left: 638px
 }
 
 .map_tab .set8 {
     top: 518px;
     left: 655px
 }
 
 .map_img .tab9 {
     top: 391px;
     left: 651px
 }
 
 .map_tab .set9 {
     top: 425px;
     left: 675px
 }
 
 .map_img .tab10 {
     top: 356px;
     left: 575px
 }
 
 .map_tab .set10 {
     top: 390px;
     left: 610px
 }
 
 .map_img .tab11 {
     top: 427px;
     left: 543px
 }
 
 .map_tab .set11 {
     top: 444px;
     left: 586px
 }
 
 .map_img .tab12 {
     top: 451px;
     left: 494px
 }
 
 .map_tab .set12 {
     top: 470px;
     left: 520px
 }
 
 .map_img .tab13 {
     top: 407px;
     left: 354px
 }
 
 .map_tab .set13 {
     top: 467px;
     left: 425px
 }
 
 .map_img .tab14 {
     top: 299px;
     left: 494px
 }
 
 .map_tab .set14 {
     top: 350px;
     left: 540px
 }
 
 .map_img .tab15 {
     top: 258px;
     left: 647px
 }
 
 .map_tab .set15 {
     top: 258px;
     left: 647px
 }
 
 .map_img .tab16 {
     top: 273px;
     left: 667px
 }
 
 .map_tab .set16 {
     top: 273px;
     left: 667px
 }
 
 .map_img .tab17 {
     top: 197px;
     left: 694px
 }
 
 .map_tab .set17 {
     top: 220px;
     left: 740px
 }
 
 .map_img .tab18 {
     top: 139px;
     left: 716px
 }
 
 .map_tab .set18 {
     top: 160px;
     left: 770px
 }
 
 .map_img .tab19 {
     top: 570px;
     left: 763px
 }
 
 .map_tab .set19 {
     top: 590px;
     left: 763px
 }
 
 .map_img .tab20 {
     top: 275px;
     left: 813px
 }
 
 .map_tab .set20 {
     top: 290px;
     left: 810px
 }
 
 .map_img .tab21 {
     top: 132px;
     left: 861px
 }
 
 .map_tab .set21 {
     top: 230px;
     left: 960px
 }
 
 .map_img .tab22 {
     top: 628px;
     left: 428px
 }
 
 .map_tab .set22 {
     top: 660px;
     left: 480px
 }
 
 .invList {
     border-top: 1px solid #cbcbcb;
     padding-bottom: 30px
 }
 
 .invList a {
     display: block;
     border-bottom: 1px solid #cbcbcb;
     padding: 25px 0
 }
 
 .invList a div {
     display: inline-block;
     width: 90px;
     height: 90px;
     background: #d8d8da;
     vertical-align: middle;
     font-family: arial;
     text-align: center
 }
 
 .invList a div h1 {
     font-family: inherit;
     font-size: 36px;
     line-height: 36px;
     color: #273e85;
     border-bottom: 1px solid #b1b1b3;
     width: 50px;
     display: inline-block;
     margin: 0 auto;
     padding: 12px 0 8px 0;
     margin-bottom: 8px
 }
 
 .invList a div h2 {
     font-family: inherit;
     font-size: 14px;
     line-height: 14px;
     color: #999
 }
 
 .invList a span {
     display: inline-block;
     width: calc(100% - 110px);
     padding: 0 54px 0 20px;
     box-sizing: border-box;
     background: url(/tpl/web/images/imgs/icoPdf.png) right center no-repeat;
     vertical-align: middle
 }
 
 .invList a span h3 {
     font-size: 24px;
     font-weight: 400;
     line-height: 30px;
     padding: 0 0 10px 0;
     color: #343434;
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .invList a span h4 {
     font-size: 14px;
     line-height: 15px;
     color: #aaa;
     font-weight: 400;
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .invList a:hover div {
     background: #273e85
 }
 
 .invList a:hover div h1 {
     color: #fff;
     border-bottom: 1px solid #fff
 }
 
 .invList a:hover div h2 {
     color: #fff
 }
 
 .invList a:hover span {
     background: url(/tpl/web/images/imgs/icoPdfHover.png) right center no-repeat
 }
 
 .news_in_page1 .invList a:hover span {
     background: 0 0
 }
 
 .gsgk_main5 {
     width: 100%;
     height: 547px;
     background: url(/tpl/web/images/imgs/zjtj_img8.jpg) no-repeat center
 }
 
 .gsgk_main5_l h3 {
     font-size: 36px;
     line-height: 1;
     display: inline-block;
     color: #fff;
     padding-right: 30px;
     background: url(/tpl/web/images/imgs/h3_bg1.png) no-repeat right center;
     margin-bottom: 15px;
     display: block;
     width: 160px
 }
 
 .gsgk_main5_l h4 {
     font-size: 22px;
     letter-spacing: -1px;
     text-transform: uppercase;
     font-weight: 100;
     color: #999
 }
 
 .gsgk_main5_l {
     width: 400px;
     padding-top: 160px
 }
 
 .gsgk_main5_l p {
     font-size: 15px;
     line-height: 28px;
     color: #ccc;
     padding-top: 30px;
     font-family: 'Microsoft JhengHei';
     letter-spacing: -1px
 }
 
 .gsgk_main5_l p span {
     font-size: 14px;
     color: #ddd;
     font-family: 'Microsoft JhengHei';
     letter-spacing: -.6px
 }
 
 .gsgk_main5 .swiper-container {
     width: 828px;
     margin-top: 108px;
     padding-bottom: 40px
 }
 
 .gsgk_main5 .swiper-container .swiper-slide {
     text-align: center;
     font-size: 18px;
     background-color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center
 }
 
 .gsgk_main5 .swiper-pagination {
     text-align: center;
     bottom: 0;
     position: absolute;
     z-index: 99
 }
 
 .gsgk_main5 .swiper-pagination-bullet {
     opacity: 1;
     border-radius: 100px;
     margin: 0 7px!important;
     background-color: #e5e5e5;
     width: 14px;
     height: 14px
 }
 
 .gsgk_main5 .swiper-pagination-bullet-active {
     background-color: #f30208
 }
 
 .hzkh_ul2 li {
     width: 206px;
     position: relative;
     height: 164px;
     text-align: center;
     line-height: 164px;
     float: left;
     border: 1px solid #eee;
     border-left: 0;
     border-top: 0
 }
 
 .hzkh_ul2 li img {
     transition: .3s;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     width: 135px;
     height: 100px;
     padding: 32px 3px
 }
 
 .hzkh_ul2 li:hover img {
     filter: grayscale(0);
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0)
 }
 
 .hzkh_ding {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, .4);
     opacity: 1;
     transition: .3s
 }
 
 .hzkh_ul2 li:hover .hzkh_ding {
     opacity: 0
 }
 
 .gsgk_main6 .title_h3 {
     font-size: 40px;
     line-height: 40px;
     text-align: center;
     padding: 60px 0 50px 0;
     color: #333;
     background: url(/tpl/web/images/imgs/prod_tit.png) no-repeat center 60px
 }
 
 .gsgk_main6 .title_h4 {
     padding-bottom: 75px
 }
 
 .gsgk_main6 .swiper-container {
     width: 100%;
     padding-bottom: 55px
 }
 
 .gsgk_main6 .swiper-container:before {
     content: '';
     display: block;
     clear: both;
     width: 33.3334%;
     background: rgba(239, 239, 239, .75);
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 33
 }
 
 .gsgk_main6 .swiper-container:after {
     content: '';
     display: block;
     clear: both;
     width: 33.3334%;
     background: rgba(239, 239, 239, .75);
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 33
 }
 
 .gsgk_main6 .swiper-container .swiper-slide {
     text-align: center;
     position: relative;
     font-size: 18px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center
 }
 
 .gsgk_main6 .swiper-container .swiper-slide img {
     width: 96%;
     height: auto;
     display: block;
     margin: 0 auto
 }
 
 .gsgk_main6 .swiper-button-next,
 .gsgk_main6 .swiper-button-prev {
     display: block;
     z-index: 36;
     position: absolute;
     opacity: .6;
     filter: grayscale(1);
     margin-top: -35px
 }
 
 .gsgk_main6 .swiper-button-prev {
     left: 26%;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z' fill%3D'%232067b9'%2F%3E%3C%2Fsvg%3E")
 }
 
 .gsgk_main6 .swiper-button-next {
     right: 26%;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232067b9'%2F%3E%3C%2Fsvg%3E")
 }
 
 .gsgk_main6 .swiper-button-next:hover,
 .gsgk_main6 .swiper-button-prev:hover {
     opacity: 1;
     filter: grayscale(0)
 }
 
 .gsgk_main6>.page {
     width: 96%;
     margin: 0 auto
 }
 
 .gsgk_main4>.page {
     width: 1240px
 }
 
 .gsgk_main6 {
     background: #efefef;
     width: 100%;
     overflow: hidden;
     padding: 0 0 60px
 }
 
 .gsgk_main6 .swiper-pagination-bullet {
     border-radius: 100px;
     opacity: 1!important;
     background-color: #999;
     width: 14px;
     height: 14px;
     cursor: pointer
 }
 
 .gsgk_main6 .swiper-pagination-bullet-active {
     opacity: 1!important;
     background-color: #273e85
 }
 
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 5px
 }
 
 .swiper-container-horizontal>.swiper-pagination {
     bottom: 0
 }
 
 .gsgk_main4 .swiper-container {
     width: 100%;
     padding-bottom: 45px
 }
 
 .gsgk_main4 .swiper-container .swiper-slide {
     text-align: center;
     position: relative;
     font-size: 18px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center
 }
 
 .gsgk_main4 .swiper-container .swiper-slide img {
     width: 96%
 }
 
 .gsgk_main4 .swiper-pagination-bullet {
     border-radius: 100px;
     opacity: 1!important;
     background-color: #e5e5e5;
     width: 14px;
     height: 14px
 }
 
 .gsgk_main4 .swiper-pagination-bullet-active {
     opacity: 1!important;
     background-color: #273e85
 }
 
 .gsgk_main4 {
     height: 730px;
     padding: 0 0 50px 0
 }
 
 .gsgk_main4 .title_h3 {
     padding-top: 60px
 }
 
 .gsgk_main4 p {
     text-align: center;
     line-height: 25px;
     font-size: 15px;
     color: #666;
     padding-top: 40px;
     padding-bottom: 45px;
     letter-spacing: -.25px
 }
 
 .title_h3 {
     font-size: 36px;
     padding-top: 65px;
     padding-bottom: 0;
     color: #000;
     text-align: center;
     line-height: 1
 }
 
 .title_h4 {
     font-size: 16px;
     color: #666;
     text-align: center;
     text-transform: uppercase;
     font-weight: 100
 }
 
 .title_h3 i {
     display: inline-block;
     vertical-align: middle;
     width: 80px;
     height: 22px
 }
 
 .title_h3 i:nth-child(1) {
     background: url(/tpl/web/images/imgs/h3_bg1.png) no-repeat center
 }
 
 .title_h3 i:nth-child(2) {
     background: url(/tpl/web/images/imgs/h3_bg2.png) no-repeat center
 }
 
 .main_pic {
     width: 285px;
     height: 214px;
     display: block;
     position: relative;
     overflow: hidden
 }
 
 .main_pic img:hover {
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2)
 }
 
 .main_pic img {
     -webkit-transition: .8s;
     -o-transition: .8s;
     transition: .8s
 }
 
 .list_case_ul li {
     float: left;
     width: 32%;
     margin-right: 2%;
     margin-bottom: 30px;
     position: relative
 }
 
 .list_case_ul li:nth-child(3n) {
     margin-right: 0
 }
 
 .list_case_ul li .main_pic {
     height: auto;
     position: relative;
     overflow: hidden;
     width: 100%
 }
 
 .list_case_ul li .main_pic:after {
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     background: #273e85 url(/tpl/web/images/imgs/a22.png) no-repeat center;
     position: absolute;
     z-index: 3;
     opacity: .8;
     left: 0;
     top: -100%;
     transition: .3s all ease
 }
 
 .list_case_ul li:hover .main_pic:after {
     top: 0
 }
 
 .list_case_ul li .main_pic img {
     transition: .5s;
     width: 100%;
     height: auto;
     display: block
 }
 
 .list_con {
     padding-left: 35px;
     width: 77%;
     padding-bottom: 25px
 }
 
 .list_con h4 {
     transition: .5s;
     font-size: 16px;
     color: #333;
     padding-top: 37px;
     text-align: left;
     display: block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }
 
 .list_con p {
     font-size: 14px;
     color: #999;
     padding-top: 13px
 }
 
 .list_case_cen i {
     transition: .5s;
     display: block;
     margin-right: 33px;
     margin-top: 36px;
     width: 24px;
     height: 26px;
     background: url(/tpl/web/images/imgs/jiahao.png) no-repeat center;
     transform: rotate(0)
 }
 
 .list_case_ul li:hover i {
     background: url(/tpl/web/images/imgs/jiahao_on.png) no-repeat center;
     transform: rotate(180deg)
 }
 
 .list_case_ul li:hover h4 {
     color: #273e85
 }
 
 .list_case_cen {
     background: #fff;
     border-top: 0
 }
 
 .list_case_cen:after {
     content: '';
     display: block;
     clear: both
 }
 
 .list_case_ul li:hover .main_pic img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05)
 }
 
 .list_case_ul li a {
     display: block
 }
 
 .list_case {
     padding-top: 65px
 }
 
 #jquery-overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2090;
     width: 100%;
     height: 500px
 }
 
 #jquery-lightbox {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 2100;
     text-align: center;
     line-height: 0
 }
 
 #jquery-lightbox a img {
     border: none
 }
 
 #lightbox-container-image-box {
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto
 }
 
 #lightbox-container-image {
     padding: 10px
 }
 
 #lightbox-loading {
     position: absolute;
     top: 40%;
     left: 0;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0
 }
 
 #lightbox-nav {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10
 }
 
 #lightbox-container-image-box>#lightbox-nav {
     left: 0
 }
 
 #lightbox-nav a {
     outline: 0
 }
 
 #lightbox-nav-btnNext,
 #lightbox-nav-btnPrev {
     width: 49%;
     height: 100%;
     zoom: 1;
     display: block
 }
 
 #lightbox-nav-btnPrev {
     left: 0;
     float: left
 }
 
 #lightbox-nav-btnNext {
     right: 0;
     float: right
 }
 
 #lightbox-container-image-data-box {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%;
     padding: 0 10px 0
 }
 
 #lightbox-container-image-data {
     padding: 0 10px;
     color: #666
 }
 
 #lightbox-container-image-data #lightbox-image-details {
     width: 70%;
     float: left;
     text-align: left
 }
 
 #lightbox-image-details-caption {
     font-weight: 700
 }
 
 #lightbox-image-details-currentNumber {
     display: block;
     clear: left;
     padding-bottom: 1em
 }
 
 #lightbox-secNav-btnClose {
     width: 66px;
     float: right;
     padding-bottom: .7em
 }
 
 .pro_banner .banner-box,
 .pro_banner .banner-box .bd li,
 .pro_banner .banner-btn {
     height: 600px
 }
 
 .contact_add_tit {
     font-size: 19px;
     margin-bottom: 5px;
     margin-top: 25px
 }
 
 .contact_add_cont {
     font-size: 18px
 }
 
 .contact-top-container {
     padding-top: 65px;
     padding-bottom: 70px;
     background-color: #f6f6f6
 }
 
 .contact-top-container * {
     font-family: arial, 'Microsoft yahei'
 }
 
 .contact-top-container .address {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     padding-bottom: 54px;
     border-bottom: 1px solid #e5e5e5;
     margin-bottom: 38px
 }
 
 .contact-top-container .address .name {
     font-size: 29px;
     color: #273e85;
     padding-right: 5%;
     width: 44.8%;
     font-weight: 700;
     line-height: 50px
 }
 
 .contact-top-container .address .right {
     color: #1e1e1e;
     font-size: 14px;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     position: relative;
     padding-left: 75px
 }
 
 .contact-top-container .address .right:after {
     transition: .3s all ease;
     content: '';
     display: block;
     width: 60px;
     height: 60px;
     background: #aaa url(/tpl/web/images/imgs/contact_add.png) no-repeat center;
     border-radius: 50%;
     position: absolute;
     top: 23%;
     left: 0;
     margin-top: -30px
 }
 
 .contact-top-container .address:hover .right:after {
     background-color: #273e85
 }
 
 .contact-top-container .bottom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row-reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse
 }
 
 .contact-top-container .bottom .clickmap {
     padding-right: 5%;
     width: 30.8%
 }
 
 .contact-top-container .bottom .clickmap .word {
     font-size: 15px;
     color: #747474
 }
 
 .contact-top-container .bottom .clickmap .click {
     display: block;
     width: 120px;
     height: 60px;
     line-height: 60px;
     background-color: #273e85;
     text-align: center;
     color: #fff;
     font-size: 18px;
     margin-top: 24px;
     cursor: pointer;
     font-weight: 700
 }
 
 .contact-top-container .bottom .right {
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row
 }
 
 .contact-top-container .bottom .item {
     width: 65%;
     padding-right: 3%
 }
 
 .contact-top-container .bottom .item2 {
     padding-right: 0;
     width: 40%
 }
 
 .contact-top-container .bottom .item,
 .contact-top-container .bottom .item p {
     font-size: 15px;
     line-height: 22px;
     padding-top: 5px;
     color: #666
 }
 
 .contact-top-container .bottom .item .word {
     font-size: 16px;
     color: #273e85
 }
 
 .contact-top-container .bottom .item .tel {
     font-size: 24px;
     color: #273e85;
     margin-top: 0;
     display: inline-block;
     margin-bottom: 10px
 }
 
 .contact-top-container .bottom .item .content {
     font-size: 16px;
     color: #585858;
     line-height: 2
 }
 
 .contact-map-container {
     display: none
 }
 
 .contact-map-container .allmap {
     height: 500px
 }
 
 .contact-map-container .allmap img {
     max-width: none
 }
 
 .BMapLib_SearchInfoWindow .BMapLib_bubble_center,
 .BMapLib_SearchInfoWindow .BMapLib_bubble_tools {
     display: none
 }
 
 .BMapLib_SearchInfoWindow .BMapLib_bubble_title,
 .BMapLib_SearchInfoWindow .BMapLib_bubble_top {
     height: auto!important
 }
 
 .BMapLib_SearchInfoWindow .BMapLib_bubble_title {
     font-weight: 700;
     color: #343434;
     line-height: 1.5;
     font-size: 16px;
     padding-top: 10px;
     padding-bottom: 10px;
     white-space: nowrap;
     -ms-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     text-align: center
 }
 
 .BMapLib_SearchInfoWindow .BMapLib_bubble_top {
     padding-left: 10px;
     padding-right: 10px
 }
 
 .BMapLib_SearchInfoWindow {
     position: absolute;
     background-color: #fff;
     border: 0;
     margin-bottom: -20px;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     box-shadow: 0 0 5px rgba(0, 0, 0, .3);
     margin-left: -28px
 }
 
 .BMapLib_SearchInfoWindow:before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 10px solid rgba(0, 0, 0, .3);
     bottom: -9px;
     left: 50%;
     margin-left: -8px
 }
 
 .BMapLib_SearchInfoWindow:after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-top: 9px solid #fff;
     bottom: -8px;
     left: 50%;
     margin-left: -7px
 }
 
 .BMapLib_SearchInfoWindow .BMapLib_trans {
     display: none
 }
 
 .contact-bottom {
     margin: 70px 0 0
 }
 
 .contact-bottom .inbox {
     background: url(/tpl/web/images/imgs/news_r.png) no-repeat right bottom
 }
 
 .contact-bottom .inbox .title {
     text-align: center;
     font-size: 30px;
     color: #2e2e2e;
     font-family: "Microsoft yahei"
 }
 
 .contact-bottom .inbox .desc {
     font-size: 14px;
     color: #616161;
     text-align: center;
     margin-top: 15px
 }
 
 .contact-bottom .inbox form {
     margin-top: 45px;
     border-top: 1px solid #cfd8dc;
     padding-top: 25px;
     width: 700px;
     margin: 30px auto 0 0;
     padding-bottom: 30px
 }
 
 .contact-bottom .inbox form .input-box {
     padding-bottom: 10px;
     padding-top: 0
 }
 
 .contact-bottom .inbox form .input-box label {
     width: 13%;
     display: inline-block;
     vertical-align: top;
     font-size: 16px;
     color: #464646;
     font-family: arial, 'Microsoft yahei';
     line-height: 42px;
     text-align: justify;
     padding: 0 20px 0 55px
 }
 
 .contact-bottom .inbox form .input-box input[type=text] {
     display: inline-block;
     vertical-align: top;
     height: 40px;
     background-color: #fff;
     width: 75%;
     text-indent: 10px;
     font-size: 16px;
     max-width: 600px;
     border: 1px solid #ececec;
     border-top-width: 2px
 }
 
 .contact-bottom .inbox form .input-box textarea {
     height: 200px;
     background-color: #fff;
     max-width: 600px;
     border: 0;
     width: 75%;
     border: 1px solid #ececec;
     border-top-width: 2px;
     resize: none;
     padding-top: 10px;
     text-indent: 10px;
     font-size: 14px
 }
 
 .contact-bottom .inbox form .input-box input[type=text].tdinput2 {
     width: 150px
 }
 
 .contact-bottom .inbox form .input-box .code {
     display: inline-block;
     width: 184px;
     height: 60px;
     vertical-align: top;
     background-color: #b0b0b0;
     margin-left: 10px;
     text-align: center;
     font-size: 24px;
     cursor: pointer;
     line-height: 60px;
     letter-spacing: 8px
 }
 
 .contact-bottom .inbox form .fline {
     height: 1px;
     background-color: #cfd8dc;
     margin: 15px 0
 }
 
 .contact-bottom .inbox form .input-box input[type=submit] {
     margin-left: 22.49%;
     width: 132px;
     height: 60px;
     border: 0;
     background-color: #273e85;
     font-size: 14px;
     color: #fff;
     cursor: pointer;
     text-indent: 20px;
     background-image: url(/tpl/web/images/imgs/icon13.png);
     background-repeat: no-repeat;
     background-position: 28px center;
     vertical-align: top
 }
 
 .contact-bottom .inbox form .input-box .qx {
     display: inline-block;
     width: 80px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     color: #fff;
     background-color: #aaabad;
     font-size: 14px;
     vertical-align: top;
     margin-left: 12px;
     cursor: pointer
 }
 
 .contact-bottom .btns.reset {
     width: 110px;
     height: 60px;
     border: 0;
     background-color: #ccc;
     font-size: 14px;
     color: #fff;
     cursor: pointer;
     vertical-align: top
 }
 
 .friendlink {
     display: none
 }
 
 .proinfo_feedback {
     padding: 60px 0;
     background: #f5f5f5
 }
 
 .proinfo_feedback:after {
     content: '';
     display: block;
     clear: both
 }
 
 .proinfo_feedback .input-box {
     background: #fff;
     line-height: 50px;
     border-radius: 25px;
     height: 50px;
     padding: 0 25px
 }
 
 .proinfo_feedback .col6 {
     float: left;
     width: 260px;
     margin-right: 20px
 }
 
 .proinfo_feedback .col12 {
     width: 1250px;
     margin-top: 20px;
     height: 100px;
     border-radius: 25px;
     padding: 25px
 }
 
 .proinfo_feedback .input-box label {
     font-size: 14px;
     color: #aaa;
     font-weight: 100;
     line-height: 50px;
     display: inline-block
 }
 
 .proinfo_feedback .input-box input {
     line-height: 50px;
     border: 0 none;
     outline: 0;
     padding: 0 10px;
     color: #222;
     font-size: 14px;
     font-weight: 100
 }
 
 .proinfo_feedback .input-box.col6.marn {
     margin-right: 0
 }
 
 .proinfo_feedback .col12 textarea {
     line-height: 25px;
     color: #666;
     border: 0 none;
     width: 100%;
     height: 100px;
     max-width: 100%;
     max-height: 100px;
     min-width: 100%;
     min-height: 100px
 }
 
 .proinfo_feedback .input-btn {
     margin-top: 20px;
     text-align: center
 }
 
 .proinfo_feedback .input-btn input {
     display: inline-block;
     width: 180px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     transition: .3s all ease;
     border-radius: 50px;
     border: 0 none;
     background: #343434;
     color: #fff;
     font-size: 16px;
     font-weight: 100;
     margin: 10px
 }
 
 .proinfo_feedback .input-btn input.donghua {
     background: #273e85
 }
 
 .proinfo_feedback .input-btn input:hover {
     width: 220px
 }
 
 #jquery-overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2090;
     width: 100%;
     height: 500px
 }
 
 #jquery-lightbox {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 2100;
     text-align: center;
     line-height: 0
 }
 
 #jquery-lightbox a img {
     border: none
 }
 
 #lightbox-container-image-box {
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto
 }
 
 #lightbox-container-image {
     padding: 10px
 }
 
 #lightbox-loading {
     position: absolute;
     top: 40%;
     left: 0;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0
 }
 
 #lightbox-nav {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10
 }
 
 #lightbox-container-image-box>#lightbox-nav {
     left: 0
 }
 
 #lightbox-nav a {
     outline: 0
 }
 
 #lightbox-nav-btnNext,
 #lightbox-nav-btnPrev {
     width: 49%;
     height: 100%;
     zoom: 1;
     display: block
 }
 
 #lightbox-nav-btnPrev {
     left: 0;
     float: left
 }
 
 #lightbox-nav-btnNext {
     right: 0;
     float: right
 }
 
 #lightbox-container-image-data-box {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%;
     padding: 0 10px 0
 }
 
 #lightbox-container-image-data {
     padding: 0 10px;
     color: #666
 }
 
 #lightbox-container-image-data #lightbox-image-details {
     width: 70%;
     float: left;
     text-align: left
 }
 
 #lightbox-image-details-caption {
     font-weight: 700
 }
 
 #lightbox-image-details-currentNumber {
     display: block;
     clear: left;
     padding-bottom: 1em
 }
 
 #lightbox-secNav-btnClose {
     width: 66px;
     float: right;
     padding-bottom: .7em
 }
 
 #etalage {
     display: none;
     float: right
 }
 
 #etalage .etalage_thumb {
     background: #fff url(/tpl/web/images/imgs/loading1.gif) center no-repeat;
     border: 1px solid #ddd;
     padding: 6px;
     -webkit-box-shadow: 0 0 10px #ddd;
     -moz-box-shadow: 0 0 10px #ddd;
     box-shadow: 0 0 10px #ddd
 }
 
 #etalage .etalage_small_thumbs li {
     background: #fff;
     border: 1px solid #ddd;
     margin: 10px;
     padding: 3px
 }
 
 #etalage ul li.etalage_smallthumb_active {
     -webkit-box-shadow: 0 0 10px #ddd;
     -moz-box-shadow: 0 0 10px #ddd;
     box-shadow: 0 0 10px #ddd
 }
 
 #etalage .etalage_zoom_area,
 .etalage_zoom_area {
     background: #fff url(/tpl/web/images/imgs/loading1.gif) center no-repeat;
     border: 1px solid #ddd;
     padding: 6px;
     -webkit-box-shadow: 0 0 10px #ddd;
     -moz-box-shadow: 0 0 10px #ddd;
     box-shadow: 0 0 10px #ddd
 }
 
 #etalage .etalage_magnifier {
     background: #fff;
     border: 1px solid #bbb
 }
 
 #etalage .etalage_icon {
     background: url(/tpl/web/images/imgs/zoom.png) no-repeat;
     width: 14px;
     height: 14px
 }
 
 #etalage .etalage_hint {
     background: url(/skin/home/images/hint.gif) no-repeat;
     width: 130px;
     height: 57px
 }
 
 #etalage .etalage_description {
     background: #fff;
     font-style: italic;
     margin: 10px;
     padding: 6px 10px
 }
 
 .etalage,
 .etalage_hint,
 .etalage_icon,
 .etalage_source_image,
 .etalage_thumb,
 .etalage_thumb_image,
 .etalage_zoom_preview {
     display: none
 }
 
 .etalage,
 .etalage img,
 .etalage li,
 .etalage ul,
 .etalage_description,
 .etalage_hint,
 .etalage_icon {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none
 }
 
 .etalage,
 .etalage_magnifier div,
 .etalage_magnifier div img,
 .etalage_small_thumbs ul,
 .etalage_zoom_area div,
 .etalage_zoom_img,
 ul .etalage_small_thumbs li {
     position: relative
 }
 
 .etalage img,
 .etalage li {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     user-select: none;
     -webkit-user-drag: none;
     -moz-user-drag: none;
     user-drag: none
 }
 
 .etalage,
 .etalage_small_thumbs li {
     float: left
 }
 
 .etalage_right {
     float: right
 }
 
 .etalage li {
     position: absolute
 }
 
 .etalage img {
     vertical-align: bottom;
     max-width: none
 }
 
 .etalage_magnifier {
     cursor: default
 }
 
 .etalage_magnifier div,
 .etalage_small_thumbs {
     overflow: hidden
 }
 
 .etalage_magnifier div img {
     display: none
 }
 
 .etalage_hint,
 .etalage_icon {
     cursor: default;
     width: 0;
     height: 0;
     overflow: hidden
 }
 
 .etalage_small_thumbs li.vertical {
     float: none
 }
 
 .etalage_zoom_area {
     z-index: 996
 }
 
 .etalage_zoom_area div {
     overflow: hidden;
     z-index: 997
 }
 
 .etalage_zoom_preview {
     position: absolute;
     z-index: 998
 }
 
 .etalage_hint,
 .etalage_zoom_img {
     z-index: 999
 }
 
 .etalage {
     direction: ltr
 }
 
 div.etalage_description {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 999
 }
 
 div.etalage_description.rtl {
     direction: rtl;
     text-align: right
 }
 
 .etalage_small_thumbs {
     position: absolute
 }
 
 .allpage-class {
     border-bottom: 1px solid #dedede;
     text-align: center;
     position: relative;
     padding-top: 50px
 }
 
 .allpage-class .theme {
     display: none
 }
 
 .allpage-class .sub .item {
     display: inline-block;
     padding: 30px 12px;
     position: relative
 }
 
 .allpage-class .sub .item.on:before {
     content: "";
     width: 2px;
     height: 22px;
     background-color: #273e85;
     position: absolute;
     left: 50%;
     bottom: 8px;
     margin-left: -1px
 }
 
 .allpage-class .sub .item.on:after {
     content: "";
     width: 12px;
     height: 12px;
     border: 2px solid #273e85;
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -8px;
     margin-bottom: -8px;
     z-index: 11;
     border-radius: 50%;
     background: #fff
 }
 
 .allpage-class .sub .item .word {
     display: inline-block;
     height: 30px;
     line-height: 30px;
     font-size: 15px;
     color: #666;
     border-radius: 5px;
     padding: 0 10px;
     transition: all .5s ease
 }
 
 .allpage-class .sub .item.on .word {
     background-color: #273e85;
     color: #fff
 }
 
 .allpage-class .sub .item:hover .word {
     background-color: #273e85;
     color: #fff
 }
 
 .solu_in_x {
     padding: 50px 0 20px;
     width: 1400px;
     display: none
 }
 
 .solu_list_ul li {
     position: relative;
     height: 320px
 }
 
 .solu_list_ul li a {
     display: block;
     height: 100%
 }
 
 .solu_list_ul li img {
     width: 300px;
     height: 300px;
     display: block;
     border: 10px solid #fff;
     border-radius: 50%;
     transition: .3s all ease;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 3
 }
 
 .solu_in_form .solu_in_x1:nth-child(2n) .solu_list_ul li img {
     left: auto;
     right: 0
 }
 
 .solu_in_form .solu_in_x1:nth-child(2n) .solu_list_ul li p {
     padding: 70px 370px 70px 90px
 }
 
 .solu_list_ul li p strong {
     font-size: 30px;
     display: block;
     color: #343434;
     line-height: 40px;
     font-weight: 400;
     padding: 0 0 20px
 }
 
 .solu_list_ul li p {
     width: 940px;
     line-height: 30px;
     font-size: 15px;
     color: #777;
     padding: 70px 90px 70px 370px;
     text-align: justify;
     position: absolute;
     right: 0;
     background: #fff;
     height: 180px;
     border-radius: 450px
 }
 
 .solu_list_ul li:after {
     content: '';
     display: block;
     clear: both
 }
 
 .solu_relative {
     display: inline-block;
     background: #aaa;
     color: #fff;
     padding: 2px 3px;
     line-height: 20px;
     margin-right: 0;
     font-size: 13px;
     margin-top: 15px;
     margin-bottom: 10px;
     transition: .3s all ease-in-out;
     font-weight: 400
 }
 
 .list_case_ul li:hover .solu_relative {
     background: #273e85
 }
 
 .soluDetail_in_x {
     padding: 90px 0 70px;
     border-bottom: 1px solid #ddd;
     margin-bottom: 70px;
     position: relative
 }
 
 .soluDetail_in_x:after {
     content: '';
     display: block;
     clear: both
 }
 
 .soluDetail_in_x>.solu_l_img {
     float: left;
     width: 400px;
     height: 300px
 }
 
 .soluDetail_in_x>.solu_l_img img {
     display: block;
     width: 100%;
     height: 100%
 }
 
 .soluDetail_in_x>.solu_r_info_des strong {
     font-size: 28px;
     display: block;
     line-height: 60px;
     color: #343434;
     padding-bottom: 5px
 }
 
 .soluDetail_in_x>.solu_r_info_des p {
     font-size: 18px;
     line-height: 36px;
     color: #888
 }
 
 .soluDetail_in_x>.solu_r_info_des {
     float: right;
     width: 800px;
     padding: 0 50px;
     height: 300px
 }
 
 .solu_content:after {
     content: '';
     display: block;
     clear: both
 }
 
 .solu_content .col_solu {
     float: left;
     width: 400px;
     margin-right: 50px;
     margin-bottom: 50px;
     background: #fff
 }
 
 .solu_content .col_solu:nth-child(3n) {
     margin-right: 0
 }
 
 .solu_content .col_solu img {
     width: 100%;
     height: auto
 }
 
 .solu_content .col_solu p {
     font-size: 15px;
     line-height: 24px;
     color: #888;
     padding: 0 20px 15px;
     height: 76px
 }
 
 .solu_content .col_solu strong {
     font-size: 24px;
     color: #343434;
     line-height: 50px;
     display: block;
     font-weight: 400;
     padding: 15px 20px 5px
 }
 
 .proinfo_video #video {
     display: block;
     width: 580px;
     height: 326px
 }
 
 .proinfo_video .jsmodern-video-panel {
     background: rgba(0, 0, 0, .75)
 }
 
 .proinfo_video .jsmodern-video {
     padding-bottom: 0;
     text-align: center
 }
 
 .proinfo_video .VideoBtn {
     height: 286px
 }
 
 .jsmodern-video video {
     width: auto!important
 }
 
 .pro-select .list>p.hover .form {
     background: #f5f5f5
 }
 
 .pro-select .list>p>img {
     display: block;
     width: 150px;
     margin: 10px auto 15px
 }
 
 .solu_re_pro {
     padding-top: 50px
 }
 
 .solu_re_pro h5 {
     display: none;
     font-size: 36px;
     line-height: 60px;
     color: #333;
     padding-right: 30px;
     background: url(/tpl/web/images/imgs/prod_tit.png) no-repeat -90px center;
     display: block;
     padding: 20px 0
 }
 
 .solu_re_pro a,
 .solu_re_pro a img {
     display: block
 }
 
 .solu_re_pro a {
     display: block;
     width: 300px;
     height: 300px;
     border-radius: 50%;
     background: #fff;
     padding: 45px
 }
 
 .solu_re_pro a img {
     width: 100%;
     height: 100%
 }
 
 .pro-select .list>p:nth-child(1)>.form,
 .pro-select .list>p:nth-child(2)>.form,
 .pro-select .list>p:nth-child(3)>.form {
     height: 0;
     padding: 0
 }
 
 .pro_list_titleS {
     font-size: 40px;
     line-height: 40px;
     text-align: center;
     color: #333;
     background: url(/tpl/web/images/imgs/prod_tit.png) no-repeat center;
     width: 100%;
     display: block;
     padding: 10px 0
 }
 
 .cont_lxr p {
     font-size: 19px;
     color: #6d6d6d;
     font-weight: 400;
     line-height: 30px
 }