@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/PINGFANG_MEDIUM.woff);
}
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{/* font-family: myFirstFont; */color:#333;font-size:14px;background: #FFFFFF;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #0170c1;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto_1280{ width:1280px;}

#home .home a,
#products .products a,
#application .application a,
#news .news a,
#about .about a,
#contact .contact a{
    color: #fff;
    padding: 0px 17px;
    background-image: linear-gradient(160deg, #0d4da1 20%,#25b3db 94%);
    border-radius: 15px 15px 15px 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 2px solid #17b0e0;
    }
 

#products .products ul li a:before{ content: "";  position:absolute; left: 0; top: 0; width: 0; height: 0; background: none;}
#products .products ul li a{color: #fff;border-radius: 0px;background: none;box-shadow: none;border: 0;}
#products .products ul li a:hover{ color: #FFFFFF; border-radius:15px; background: #0170c1;}

#application .application ul li a:before{ content: "";  position:absolute; left: 0; top: 0; width: 0; height: 0; background: none;}
#application .application ul li a{ color:#666;}
#application .application ul li a:hover{  color: #FFFFFF; border-radius:15px; background: #0170c1;}

#news .news ul li a:before{ content: "";  position:absolute; left: 0; top: 0; width: 0; height: 0; background: none;}
#news .news ul li a{ color:#666;}
#news .news ul li a:hover{  color: #FFFFFF; border-radius:15px; background: #0170c1;}

#about .about ul li a:before{ content: "";  position:absolute; left: 0; top: 0; width: 0; height: 0; background: none;}
#about .about ul li a{ color:#666;}
#about .about ul li a:hover{  color: #FFFFFF; border-radius:15px; background: #0170c1;}




input,button,select,textarea{ outline:none; font-family: myFirstFont; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; overflow: hidden;}

.HeaderM{ display: none;}

.HeaderBg{ width: 100%; height: 50px; position: fixed; left: 0; top: 0; z-index: 999; padding: 40px 0;}
.Header{ width: 1400px; height: 50px; position: relative; }
.Header .logo{ float: left; width: 182px; height: 52px;}
.Header .logo a{ display: block; width: 182px; height: 52px; background: url(../images/logo.png) no-repeat;}

.Header .nav{float: left;width: 800px;height: 50px;line-height: 41px;margin-left: 128px;}
.Header .nav li{ float: left; width: 16.66%; text-align: center; position: relative;}
.Header .nav li a{display: inline-block;font-size: 18px;color: #FFFFFF;position: relative;}
.Header .nav li a:hover{ color: #0170c1;}
.Header .nav li a:before{ width: 0; transition: all ease .2s; content: ""; position:absolute; left: 0; top: -10px; height: 6px; background: #0170c1;} 
.Header .nav li a:hover:before{  width: 100%; }
.Header .nav li ul.ul1{position: absolute;width: 150px;text-align: center;left: -7px;top: 41px;background-image: linear-gradient(160deg, #1d92c8 20%,#0170c1 94%);display: none;border-radius: 15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 1px solid #17b0e0;}
.Header .nav li ul.ul1 li{width: 100%;height: 42px;line-height: 42px;}
.Header .nav li ul.ul1 li a{color: #fff;font-size: 15px;display: block;}
.Header .nav li ul.ul1 li a:hover{ text-shadow:2px 2px 1px #0000003b;color:#59fff8; font-size:16px}
.Header .nav li ul.ul1 li a:before{ background: none;}
.Header .nav li ul.ul2{position: absolute;width: 199px;text-align: center;padding:10px;left: 141px;top: 0;background-image: linear-gradient(160deg, #34acee 20%,#0170c1 94%);display: none;border-radius: 0 10px 10px 10px;}
.Header .nav li ul.ul2 li{width: 100%;text-align:left}
.Header .nav li:hover ul.ul1{ display: block;}
.Header .nav li ul li:hover ul.ul2{ display: block;}
.Header .nav ul.ul3{position: absolute;width: 199px;text-align: center;left: 155px;top: 0;background: #0c7cce;display: none;border-radius: 10px;Z-INDEX: 999;}
.Header .nav li ul li ul li:hover ul.ul3{ display: block;}
.Header .nav li ul.ul2 li a:hover{ }
.Header .nav li ul.ul1 li a {color: #fff; padding-left:10px}

.Header .Tsearch{ float: right; color: #FFFFFF; font-size: 22px; width: 22px; height: 22px; cursor: pointer;}
.Header .Tsearch i{ margin-top: 14px;}
.Header .Log{ float: right; width: 22px; height: 22px; font-size: 22px; margin-top: 14px; margin-right: 20px;}
.Header .Log a{ color: #FFFFFF; display: block;}

.Header .Lang{position: relative; width: 70px; height: 22px; line-height: 22px; float: right; font-size: 22px;  margin-top: 14px; color: #FFFFFF; margin-right: 22px;}
.Header .Lang a{ font-size: 14px; color: #FFFFFF; padding-left: 10px; }
.Header .Lang a i{ padding-left: 5px;}
.Header .Lang:hover ul{ display: block;}
.Header .Lang ul{ position: absolute; width: 80px; left: 0; top: 22px; background: #FFFFFF; text-align: center; display: none;}
.Header .Lang ul a{ display: block; color: #666; font-size: 14px; height: 42px; line-height: 42px; border-bottom: 1px solid #DEDEDE; padding: 0; }
.Header .Lang ul a:hover{ background: #0170C1; color: #FFFFFF;}

.HeaderBg.current{ background: #FFFFFF; border-bottom: 1px solid #EEEEEE; padding: 15px 0;}
.HeaderBg.current .Header .logo a{  background: url(../images/logo1.png) no-repeat;}
.HeaderBg.current .nav li a{  color: #333; }
.HeaderBg.current .Tsearch{ color: #333;}
.HeaderBg.current .Header .Log a{ color: #333; }
.HeaderBg.current .Header .Lang{ color: #333; }
.HeaderBg.current .Header .Lang a{ color: #333; }
.HeaderBg.current .Header .Lang ul a:hover{ color: #FFFFFF; }



.searchshow{ width: 268px; height: 34px; z-index: 10;  background: #FFFFFF; position: absolute; right:0; top: 50px; display: none;}
.searchshow .inputt{ width: 208px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background:#0170c1; color: #FFFFFF; font-size: 18px; }

/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-prev,.main_visual .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 20px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 20px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}


.inAbox{width: 1400px;height: auto;overflow: hidden;padding: 45px 0 10px 0;}
.inAboxL{ float: left; width: 500px; height: auto; overflow: hidden; padding-top:55px;}
.inAboxL h2{ color: #000000; font-size: 48px; line-height: 72px; }
.inAboxL h4{ font-size: 18px; color: #999999; text-transform: uppercase; font-weight: normal; padding-top: 55px;}


.inAboxR{ float: right; width: 724px; height: auto; overflow: hidden;}
.inAboxR img{ width: 100%; height: auto; margin-bottom: 30px;}
.inAboxR p{ line-height: 36px;}

.inProBg{width: 100%;height: auto;background: url(../images/inProBg.jpg) no-repeat center;padding-top: 270px;background-size:cover;padding-bottom: 107px;margin-top: -276px;}
.inAd{ width: 1400px; height: auto; overflow: hidden; position: relative;}
.inAd img{ width: 100%; height: auto;}

.inTit{width: 100%;text-align: center;padding: 85px 0 33px 0;}
.inTit h2{ line-height: 75px; font-size: 48px;}
.inTit p{ line-height: 42px; font-size: 18px; color: #666666;}

.inPro{ width: 1400px; height: auto;}
.inPro dl{float: left;background: #FFFFFF;margin-left: 15px;box-sizing: border-box;padding: 30px 20px;width: 267px;height: 392px;border-radius: 15px 15px 15px 0;box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 13px 0 rgba(0, 0, 0, 0.19);}
.inPro dl:first-child{ margin-left: 0;}
.inPro dl dt{ width: 100%; height: auto;}
.inPro dl dt h4{line-height: 30px;font-size: 22px;color: #1778ba;}
.inPro dl dt p{line-height: 19px;height: 65px;overflow: hidden;margin-top: 10px;font-size: 13px;}
.inPro dl dt h3{color: #999999;font-weight: normal;font-size: 13px;line-height: 20px;margin-top: 8px;}

.inPro dl dd{width: 100%;height: auto;text-align: center;}
.inPro dl dd img{ width: 200px; height: 200px;}
.inPro dl:nth-child(2n+1) {
    background-image: linear-gradient(160deg, #deecff 20%,#ffffff 94%);
}

.inProMore{ width: 100%; height: 60px; line-height: 60px; text-align: center; padding-top: 60px;}
.inProMore a{display: block;width: 240px;height: 60px;color: #FFFFFF;background: #333333;border-radius: 30px;font-size: 16px;background-image: linear-gradient(160deg, #0d4da1 20%,#25b3db 94%);box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 2px solid #17b0e0;}
.inProMore a:hover{ background: #0170c1;}
.inProMore a i{ font-weight: normal; padding-left: 25px;}

.inSou{ width: 1400px; height: auto;}
.inSou dl{ float: left; width: 329px; height: 468px; overflow: hidden; position: relative; margin-left: 27px;}
.inSou dl:first-child{ margin-left: 0;}
.inSou dl dt{ width: 100%; height: 156px; background: #f6f6f6; box-sizing: border-box; padding: 32px 30px; position: absolute; left: 0; top: 0; transition: all ease .5s;}
.inSou dl dt h2{ width: 18px; height: 2px; background: #222222; float: left;}
.inSou dl dt h3{ line-height: 64px; height: 64px; font-size: 22px; clear: both;}
.inSou dl dt h3 img{ float: right; vertical-align: middle; padding-top: 7px;}
.inSou dl div{transition: all ease .5s; position: absolute; left: 10%; bottom: -112px; width: 80%; height: 54px; line-height: 54px; font-size: 16px; border-bottom: 1px solid #81858f; color: #FFFFFF; font-weight: bold;}
.inSou dl div i{ line-height: 54px;}
.inSou dl dd{ width: 329px; height: 468px; }
.inSou dl dd img{ width: 329px; height: 468px; }
.inSou dl a:hover dt{ transform: translateY(-100%);}
.inSou dl a:hover div{ transform: translateY(-162px);}

.inYs{ width: 1400px; height: auto; padding-top: 30px;}
.inYs dl{transition: all ease .5s; float: left; width: 277px; height: 397px; background: #f3f3f6; box-sizing: border-box; padding: 30px; cursor: pointer; margin-left: 3px;}
.inYs dl:first-child{margin-left: 3px;}
.inYs dl dt{ width: 100%; height: 12px; line-height: 12px; text-transform: uppercase;}
.inYs dl dd{ width: 100%; height: auto; padding-top: 110px;}
.inYs dl dd h2{ width: 100%; height: auto;}
.inYs dl dd p{ line-height: 24px; margin-top: 28px;}
.inYs dl dd h4{ width: 100%; height: 52px; line-height: 52px; margin-top: 22px; font-size: 24px; font-weight: normal;}
.inYs dl:hover{ border-radius: 18px 18px 18px 0;   background-image: linear-gradient(160deg, #0d4da1 20%,#25b3db 94%); color: #FFFFFF; position: relative; z-index: 666;  transform: scale(1.1);}
.inYs dl:hover img{filter: brightness(100);}


.inNewsTop{ width: 1400px; height: 130px; line-height: 130px; margin-top: 75px; overflow: hidden;}
.inNewsTop h4{ display: inline; font-size: 40px;}
.inNewsTop ul{ float: right;}
.inNewsTop ul a{ padding-left: 50px; font-size: 18px;}
.inNewsTop .tabs .thistab,.tabs .thistab a:hover {color: #0170c1;}

.inNewsBox{ width: 1400px; height: auto; overflow: hidden;}
.inNewsBoxL{ float: left; width: 920px; height: 492px; position: relative;}
.inNewsBoxL img{width: 920px; height: 492px;}
.inNewsBoxLinfo{ position: absolute; left: 0; top:150px; text-align: center; color: #FFFFFF; width: 100%; height: 100%;}
.inNewsBoxLinfo h2{ font-size: 36px; line-height: 80px;}
.inNewsBoxLinfo h4{ line-height: 36px; font-size: 22px; font-weight: normal;}
.inNewsBoxLinfo a{ font-size: 26px; line-height: 30px; margin-top: 20px; display: block; color: #FFFFFF;}
#tab_conbox{ float: right; width: 479px; height: auto; overflow: hidden;}
.inNewslist{ width: 100%; height: auto;}
.inNewslist dl{ width: 479px; height: 245px; overflow: hidden; box-sizing: border-box; background: #f3f3f6; padding: 50px; margin-bottom: 1px;}
.inNewslist dl dt{ width: 100%; height: 32px; line-height: 32px;}
.inNewslist dl dd{ width: 100%; height: auto; overflow: hidden;}
.inNewslist dl dd h4{ line-height: 48px; height: 48px; overflow: hidden; font-size: 20px;}
.inNewslist dl dd p{ line-height: 28px; height: 56px; overflow: hidden;}


.footerBg{ width: 100%; height: auto; padding: 60px 0 50px 0; background: #0170c1;}
.Footer{ width: 1400px; height: auto; overflow: hidden;}
.FooterL{ float: left; width: 626px; height: auto; overflow: hidden;}
.FooterL dl{ float: left; width: 25%; height: auto; overflow: hidden;}
.FooterL dl dt{ color: #FFFFFF; font-size: 16px; line-height: 16px; font-weight: bold;}
.FooterL dl dd{ width: 100%; height: auto; padding-top: 15px;}
.FooterL dl dd a{ display: block; color: #87afe5; line-height: 30px;}
.FooterL dl dd a:hover{ color: #FFFFFF;}

.FooterM{ float: left; width: 330px; height: auto; overflow: hidden;}
.FooterM h4{ color: #FFFFFF; font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.FooterM p{ line-height: 30px; color: #87afe5;}

.FooterR{ float: right; width: 288px; height: auto; overflow: hidden;}
.FooterR dl{ float: left; width: 125px; overflow: hidden; text-align: center; margin-left: 38px;}
.FooterR dl:first-child{ margin-left: 0;}
.FooterR dl dt{width: 122px;height: 123px;border-radius: 5px;background-image: linear-gradient(160deg, #0d4da1 20%,#25b3db 94%);border: 1px solid #17b0e0;}
.FooterR dl dt img{ width: 105px; height: 105px; padding-top: 10px;}
.FooterR dl dd{ line-height: 54px; height: 54px; color: #FFFFFF;}




.footerCopyBg{ width: 100%; line-height: 68px; height: 68px; color: #FFFFFF; background: #0170c1; border-top: 1px solid #015c9e;}
.footerCopy{ width: 1400px; height: 68px; text-align:center;}
.footerCopy a{ color: #FFFFFF;}

.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 3px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0170c1;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0170c1;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }

.banner2{width: 100%;height: 350px;position: relative;}
.abmenuBg{width: 100%;height: 59px;position: relative;z-index: 333;border-bottom: 1px solid #ccc;}
/*?t??|????o??????????o?*/
.abmenuBg .mini-nav{width:1400px;height:59px; line-height:59px; overflow:hidden; }
.abmenuBg .mini-nav.artive{position: fixed;z-index:20;left:0;right:0;}
.abmenuBg .mini-nav > div{max-width: 100%;overflow-x: visible;}
.abmenuBg .mini-nav .swiper-container{height:100%;width: 100%;}
.abmenuBg .mini-nav ul.swiper-wrapper{margin:0px auto;font-size:0px;}
.abmenuBg .mini-nav ul.swiper-wrapper > li{width: 20%;position: relative;line-height: 59px;text-align: center;}
.abmenuBg .mini-nav ul.swiper-wrapper > li:nth-last-child(1):before{display: none;}
.abmenuBg .mini-nav ul.swiper-wrapper li a{display: block;font-size:20px;position:relative;color: #000000;}
.abmenuBg .mini-nav ul.swiper-wrapper li a img{ vertical-align: middle; padding-right: 10px;}
.abmenuBg .mini-nav ul.swiper-wrapper li a.on{color: #fff;background-image: linear-gradient(160deg, #0d4da1 20%,#25b3db 94%);}
.abmenuBg .mini-nav ul.swiper-wrapper li a:hover{     background-image: linear-gradient(160deg, #0d4da1 20%,#25b3db 94%); color:#fff}

.AbTit{ width:100%; text-align:center; line-height:42px; padding:25px 0; font-size:32px; font-weight:bold;}
.abinfo{ width: 1400px; height: auto; overflow: hidden;  font-size: 16px; line-height: 26px; padding:25px 0;}
.abinfo img{ max-width: 100%; height: auto;}
.abinfo table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 16px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.abinfo table td{ border:1px solid #ccc;  border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; }
.abinfo table tr{background:#fff; }
.abinfo table tr:nth-child(1){background:#f6f6f6;}

.conMap {
    width: 1400px;
    height: 400px;
    overflow: hidden;
}

.conFed {
    width: 1400px;
    height: auto;
    overflow: hidden;
}

    .conFed dl {
        width: 100%;
        height: auto;
    }

        .conFed dl dt {
            width: 100%;
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        .conFed dl dd {
            width: 100%;
            height: 42px;
        }

            .conFed dl dd input {
                width: 100%;
                padding: 0 15px;
                height: 42px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 42px;
                border-radius: 5px;
            }

            .conFed dl dd textarea {
                width: 100%;
                padding: 15px;
                height: 80px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 24px;
                border-radius: 5px;
            }

    .conFed li {
        width: 100%;
        height: 42px;
        margin-top: 20px;
    }

        .conFed li input {
            width: 100%;
            height: 42px;
            line-height: 42px;
            border: none;
            background: #0170c1;
            color: #FFFFFF;
            font-size: 16px;
            border-radius: 5px;
        }

.ab_list_box{ width: 1400px; height: auto;  overflow: hidden; }
.ab_list_box dl{ float: left; width: 328px; height: 274px; overflow: hidden; background: #FFFFFF; text-align: center; margin: 11px;}
.ab_list_box dl a{ display: block; width: 328px; height: 274px;}
.ab_list_box dl a:hover{ background: #0085e2; color: #FFFFFF;}
.ab_list_box dl dt{ width: 310px; height: 218px; overflow: hidden; padding-top: 10px; margin: 0 auto;}
.ab_list_box dl dt img{width: 310px; height: 218px;}
.ab_list_box dl dd{ width: 100%; height: 46px; line-height: 46px; overflow: hidden; font-size: 16px;}


.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


.NewsList{ width: 1420px; height: auto;}
.NewsList dl{ float: left; background: #f7f7f7; width: 326px; height: 448px; margin: 14px; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.NewsList dl dt{ width: 326px; height: 208px; overflow: hidden;}
.NewsList dl dt img{ width: 326px; height: 208px;}
.NewsList dl dd{ width: 326px; height: 190px; overflow: hidden; box-sizing: border-box; padding: 25px;}
.NewsList dl dd h4{ line-height: 50px; height: 50px;  overflow: hidden; font-size: 18px; font-weight: normal;}
.NewsList dl dd h4 a{ color: #000000;}
.NewsList dl dd p{ font-size: 14px; color: #333333; line-height: 24px; height: 72px; overflow: hidden;}
.NewsList dl dd h3{ font-weight: normal; color: #999999; line-height: 32px; height: 32px; overflow: hidden; font-size: 14px; margin-top: 20px;}
.NewsList dl:hover h3 a{ color: #0c75ad;}
.NewsList dl:hover h4 a{ color: #0c75ad;}


.NewsShow{ width: 1400px; height: auto; background: #FFFFFF; box-sizing: border-box; padding:30px 0; margin-bottom: 25px;}
.NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;}
.NewsSTit h2{ color: #0170c1; font-size: 30px; font-weight: normal; line-height: 36px; padding:15px 0;}
.NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; }
.NewsSTit p img{ vertical-align: middle; padding-right: 5px;}
.NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding: 25px 0; font-size: 14px; line-height: 24px;}
.NewsSinfo img{ max-width: 100%; height: auto;}

.NewsSprev{ width: 100%; height: auto; padding-top: 25px;  border-top: 1px solid #eeeeee;}
.NewsSprev li{ line-height: 26px; color: #999;}
.NewsSprev li span{ color: #0c75ad; font-size: 14px;}
.NewsSprev li a{ color: #333333;}
.NewsSprev li a:hover{ color: #0170c1;}

.NewsSprev h4{ float: right; display: inline-block; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #0c75ad; border-radius: 5px;}
.NewsSprev h4 i{ padding-right: 5px;}
.NewsSprev h4 a{ display: block;}
.NewsSprev h4 a:hover{ background: #0170c1; color: #FFFFFF;}

.AppliList{ width: 1420px; height: auto;}
.AppliList dl{ float: left; background: #f7f7f7; width: 326px; height:308px; margin: 14px; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.AppliList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.AppliList dl dt{ width: 326px; height: 208px; overflow: hidden;}
.AppliList dl dt img{ width: 326px; height: 208px;}
.AppliList dl dd{ width: 326px; height: auto; overflow: hidden; box-sizing: border-box; padding: 25px;}
.AppliList dl dd h4{ line-height: 50px; height: 50px;  overflow: hidden; font-size: 18px; font-weight: normal;}
.AppliList dl dd h4 a{ color: #000000;}


.goodsCateBox{ width: 1400px; height: auto; overflow: hidden;}
.goodsCateBox dl{ width: 30%; float: left; height: 347px; border: 1px solid #DEDEDE; margin: 1.5%; box-sizing: border-box; text-align: center; border-radius: 3px;}
.goodsCateBox dl dt{ width: 100%; height: 72px;}
.goodsCateBox dl dt img{ width: 48px; height: 48px; padding-top: 12px;}
.goodsCateBox dl dd{ width: 100%; height: 253px; padding: 10px 0; background: #f5f5f5; overflow: hidden;}
.goodsCateBox dl dd h4{ width: 100%; height: 22px; line-height: 22px; font-weight: normal; font-size: 18px; color: #0170c1; overflow: hidden;}
.goodsCateBox dl dd p{ font-size: 16px; line-height: 30px;}
.goodsCateBox dl dd ul{ width: 94%; height: 195px; margin-top: 7px; overflow-y: auto; font-size: 15px;}
.goodsCateBox dl dd ul li{ line-height:26px;}

.ABMenu{ width: 100%; line-height: 70px; text-align: center;}
.ABMenu b{ text-transform: capitalize; padding:0 10px; font-weight:normal;}
.ABMenu select{ border:1px solid #eee;}
.ABMenu div{ display:inline-block}

.goodsListBox{ overflow: hidden;  width: 1380px; padding:20px 10px; height: auto; background:#e9e9e9; margin-bottom:20px;}
.tableSort{ width:100%;}
.tableSort th{ text-align:left; padding:0 5px;}
.tableSort th.select-item{ padding:5px;}
.tableSort th div{ min-height:128px; height:128px; background:#fff; padding:10px; overflow-y:auto;white-space:nowrap; display:block; text-align:left; font-size:12px; line-height:20px; font-weight:normal}
.tableSort th div label input{ margin-right:5px;}
.key-wrap{ padding:0 13px;}
    .key-wrap .key-item {
        margin: 0 10px 10px 0;
        display: inline-block;
        zoom: 1;
        padding: 0 6px;
        height: 22px;
        border: 1px solid #dedede;
        font-size: 12px;
        line-height: 22px;
        background: #fff;
    }
.key-wrap .key-item .close-icon {
    vertical-align: -3px;
    margin-left: 7px;
    display: inline-block;
    zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url(../images/del.png);
}
.criteria-result-wrap{padding:0 15px;}
.clear-btn {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    background-color: #0c75ad;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.sure-btn {
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
   
    background-color: #e50012;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.statistics-info {
    margin-left: 17px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #666;
}

.goodsList{ width:1400px; height:auto;}
.goodsList tbody tr:nth-child(even){ background:#e4e4e4;}
.goodsList tbody{  border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.goodsList tbody td{   border-right:0px; border-bottom:0px; padding:8px 14px; text-align:center; word-wrap: break-word; position:relative;}
.goodsList tbody td ul{ display:none; background:#fff; position:absolute; right:-120px; top:0; width:120px; z-index:999; line-height:18px; }
.goodsList tbody td ul li{ padding:10px 0; text-align:left;}
.goodsList tbody td ul li i{ padding:0 10px;}
.goodsList tbody td:hover ul{ display:block;}
 


.goodsList tbody tr{background:#f5f5f5; }
.goodsList tbody tr span{}
.goodsList dl{ width:100%; height:auto; border:1px solid #eee; background:#f7f7f7; box-sizing:border-box; margin-bottom:10px;}
.goodsList dl dt{ width:100%; height:42px; line-height:42px; text-align:left; box-sizing:border-box; padding:0 25px; background:#eee; font-weight:bold;}
.goodsList dl dt span{ color: #0c75ad;}
.goodsList dl dd{ width:100%; height:auto; padding:18px; float:left;}
.goodsList dl dd i{ line-height:32px;}
.goodsList dl dd span{ display:block; float:left; width:16%; border:1px solid #dedede; text-align:center; height:auto; line-height:26px;}
.goodsList dl dd span b{ color: #0c75ad;  display:block; }
.goodsList dl dt ul{ float:right; width:auto; height:36px; line-height:36px; overflow:hidden;}
.goodsList dl dt ul li{ float:left; padding:0 20px; background: url(../images/pdf-icon.png) no-repeat left center; }

.main-box{  width:1400px; height:auto; }
.NewsShowbg{width: 100%; height: auto; padding:50px 0; background: #fff; }
/*??????????????DD??????????o?
----------------------------------------------*/
.avatar-box{ padding:15px; background:#F7F8FD; overflow:hidden; }
	.avatar-box .img-box{ display:block; float:left; margin-right:10px; padding:1px; border:1px solid #fff; background:#fff; *width:60px; *height:60px; overflow:hidden; }
	.avatar-box .img-box img{ width:60px; height:60px; }
	.avatar-box h3{ color:#6c757e; font-size:16px; line-height:1em; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.avatar-box p{ color:#6c757e; font-size:12px; line-height:20px; }

.side-nav{ border-top:1px solid #e8ecef; }
	.side-nav li{ padding:5px 0; zoom:1; }
	.side-nav li a{ position:relative; display:block; margin:0 15px; padding:8px 15px; color:#6c757e; font-size:14px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.side-nav li a:hover{ color:#fff; border-radius:3px; background:#50a935; }

.u-tab-head{ margin-bottom:15px; height:40px; background:#fbfbfb; border:1px solid #e8ecef; }
	.u-tab-head p a{ float:left; display:block; margin:-1px 0 auto -1px; padding:11px 25px; line-height:20px; height:20px; color:#7f838c; font-size:14px; border-left:1px solid #e8ecef; border-right:1px solid #e8ecef; }
	.u-tab-head p a:hover,.u-tab-head p a.selected{ color:#fff; background:#50a935; }
	.u-tab-head span{ float:right; line-height:40px; }
	.u-tab-head span .add{ display:block; padding:10px 15px; line-height:20px; font-size:12px; }
.u-tab-content{ position:relative; padding:15px; background:#fbfbfb; border:1px solid #f0f0f0; min-height:398px; overflow:hidden; _height:398px; _overflow:visible; }
	.u-tab-content .ntitle{ margin:0 auto; padding:0 0 10px 0; }
	.u-tab-content .ntitle-tit{ margin:0 0 10px; padding:0; color:#444; font-size:16px; font-weight:normal; }
	.u-tab-content .ntitle-info{color:#999;}
	.u-tab-content p{ margin:0; padding:3px 0; color:#444; font-size:13px; line-height:24px; }
	.title-div{ margin-top:20px; border-top:1px solid #f0f0f0; height:26px; color:#6e717a; }
	.title-div strong{ float:left; margin-top:-16px; padding:3px 10px 3px 0; background:#fbfbfb; font-size:15px; _position:absolute; }
	.head-box{ padding:10px; border:1px solid #f6f6f6; background:#fff; width:100%; box-sizing: border-box;}
	.head-box .img-box{ float:left; margin-right:10px; }
	.head-box .img-box img{ padding:1px; width:120px; height:120px; border:1px solid #f0f0f0; }
	.head-box .inner{ float:left; }
	.head-box .inner h3{ margin-bottom:15px; color:#50a935; font-size:24px; font-weight:normal; line-height:1.3em; }
	.head-box .inner p{ color:#222; font-size:14px; line-height:24px; }
	.head-inner{ position:relative; margin:20px 0 10px 0; padding:10px; border:1px solid #f6f6f6; background:#fff;  width:100%; box-sizing: border-box;}
	.head-inner h3{ margin-bottom:10px; padding-bottom:8px; color:#50a935; font-size:16px; font-weight:normal; line-height:30px; border-bottom:1px solid #f0f0f0; }
	.head-inner dl{ display:block; float:left; width:50%; line-height:2.8em; font-size:13px; }
	.head-inner dl dt{ display:block; float:left; color:#666; }
	.head-inner dl dd{ color:#999; }
	.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; }
	.form-box dl{ display:block; padding:5px 0; }
	.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
	.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
	.form-box dl dd label.radio{ margin-right:5px; }
	.accept-box{ padding:0; background:#fff; border:1px solid #f0f0f0; }
	.accept-box dl{ padding:0; }
	.accept-box dl.head{ position:relative; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; }
	
	.step-box{ position:relative; }
	.step-box ul{ margin:0 -40px 0 -10px; }
	.step-box ul li{ position:relative; float:left; margin-right:-8px; width:20%; text-align:center; color:#8c8c8c; font-size:12px; }
	.step-box ul li .progress{ color:#fff; }
	.step-box ul li .progress:after,
	.step-box ul li .progress:before{ position:absolute; top:0; right:0; content:""; width:10px; height:20px; background:url(../images/delivery.png) no-repeat 100% -60px; }
	.step-box ul li .progress:after{ right:0; background-position:100% -20px; }
	.step-box ul li .progress:before{ left:0; background-position:0 0; }
	.step-box ul li .progress .text{ display:block; margin:0 10px; padding:1px 10px; background:#c3c3c3; height:18px; line-height:18px; }
	.step-box ul li.done .progress .text{ background:#83bd39; }
	.step-box ul li.done .progress:before{ background-position:0 -40px; }
	.step-box ul li.done .progress:after{ background-position:100% -60px; }
	.step-box ul li.first .progress:before{ display:none; }
	.step-box ul li.last .progress:after{ display:none; }
	.step-box ul li .info{ line-height:20px; }
	.step-box.mini ul{ margin:0 -32px 0 -10px; }
	.step-box.mini ul li{ width:25%; }

/*???a?????????|????*/
.avatar-img{ display:block; margin:20px 0; padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; }
	.avatar-img img{ width:180px; height:180px; }
.cropper-wraper{ margin-top:20px; }
	.cropper-wraper .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wraper .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wraper .cropper-view{ float:left; width:184px; }
	.cropper-wraper .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wraper .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wraper .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wraper .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wraper .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; }
	
.ftable{ width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ width:100%; background:#fff; _width:auto; }
	.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
	.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
	.ftable td s{ color:#999; text-decoration:line-through; }
	.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; }
.page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px; }
.page-btns{ float:left; }
	.page-btns a{ color:#444; font-weight:bold; margin-right:5px; }
	.page-btns .pipe{ color:#cbcbcb; margin:0 5px; }

.login-right h1{ margin-bottom:20px; color:#555; font-size:22px; font-weight:700; letter-spacing:3px; line-height:30px; height:30px; text-align:center; }
	.login-right li{ position:relative; clear:both; margin-bottom:10px; height:50px; *display:inline; *zoom:1; }
	.login-right li label{ position:absolute; top:1px; left:10px; width:68px; height:40px; line-height:40px; color:#999; font-size:14px; }
	.login-right li input{ display:block; margin:0; padding:10px 10px 10px 80px; width:208px; height:20px; line-height:20px; border:1px solid #e8e8e8; background:#fbfcff; color:#333; font-size:14px; border-radius:3px; }
	.login-right li input:focus{ border-color:#999; }
	.login-right li span{ line-height:24px; }
	.login-right .btn-box .col{ clear:both; margin-bottom:10px; padding-bottom:10px; color:#555; font-size:14px; line-height:20px; }
	.login-right .btn-box .col .submit{ display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; line-height:20px; border:0; background:#1e7bb3; text-align:center; border-radius:3px; cursor:pointer; }
	.login-right .btn-box .tips{ display:none; margin:0; padding:0; text-align:center; font-size:12px; color:#f00; }
	.login-right .oauth-box { clear:both; padding-top:20px; }
	.login-right .oauth-box h3{ display:block; margin-bottom:10px; color:#555; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
	.login-right .oauth-box p{ margin-left:-25px; }
	.login-right .oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
	.login-right .oauth-box p a img{ width:38px; height:38px; }

.inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; }
	.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; }
	.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; }
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
	.inner-box .dl-list dl dd .input{ padding:10px; }
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; }
	
	.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
	.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
	.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #50a935; }
	.inner-box .tab-content{ display:none; }

/*????????????????????o?*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
/*????????o????a?????????o?*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#50a935; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #50a935; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }

/*???????????????????????o?*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*?????????????o??????????o?*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:60px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}
	
.login-right{ width:300px; height:auto;}	

.info-wrap{ width:1280px; height:auto; overflow:hidden;}	
.info-box{ float:left; width:200px; background:#eef8fa; border:1px solid #e8ecef; }

.abinfoPC{ display:block;}
.abinfoM{ display:none;}

@media (max-width: 767px) {

.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 94%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: 140px; height:40px; overflow: hidden; padding-top: 10px;}
.HeaderM .logo a{ display: block; overflow: hidden;  width: 140px; height:40px;}
.HeaderM .logo a img{ width: 140px; height:40px;}
.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.m-menu .drop-down{display: none;position: fixed;top: 61px;left: 0;right: 0;background: #ffffff;height: calc(100vh);z-index: 10;text-align: center;padding: 30px 5%; overflow-y: auto;z-index: 12;}
.m-menu .drop-down::-webkit-scrollbar{display: none;}
.m-menu .drop-down>ul>li{line-height: 60px;border-bottom: 1px solid #eeeeee;}
.m-menu .drop-down>ul>li>a{font-size: 18px;color: #000;display: block;}
.m-menu .subnav{padding-bottom: 24px;display: none;}
.m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;}
.m-menu .drop-down .form{border: 1px solid #e5e5e5;display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}
.m-menu .drop-down .text{display: inline-block;vertical-align: top;width: 230px;height: 30px;margin-top: 6px;padding: 0 5px; border: none;}
.m-menu .drop-down .submit{display: inline-block;vertical-align: top;width: 45px; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 43px;border-left: 1px solid #e5e5e5;cursor: pointer;}


.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:340px;margin:-180px 0 0 -170px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


.client-2{ display: none;}
.HeaderBg{ display: none;}


.main_visual{ margin-top: 61px;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 8px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 14px; height: 8px; background:#FFFFFF; border-radius: 10px;}

.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}


.inAbox{ width: 94%; height: auto; overflow: hidden; padding: 20px 0;}
.inAboxL{ float: none; width: 100%; height: auto; overflow: hidden; padding-top:10px;}
.inAboxL h2{ color: #000000; font-size: 2rem; line-height: 46px; }
.inAboxL h4{ font-size: 1rem; color: #999999; text-transform: uppercase; font-weight: normal; padding-top: 15px;}


.inAboxR{ float: none; width: 100%; height: auto; overflow: hidden;}
.inAboxR img{ width: 100%; height: auto; margin-bottom: 10px;}
.inAboxR p{ line-height: 28px;}

.inProBg{ width: 100%; height: auto; background: url(../images/inProBg.jpg) no-repeat center; padding-top: 20px; background-size:cover;  padding-bottom: 50px;   margin-top: 0;}
.inAd{ width: 100%; height: auto; overflow: hidden; position: relative;}
.inAd img{ width: 100%; height: auto;}

.inTit{ width: 90%; text-align: center; padding: 30px 0;}
.inTit h2{ line-height: 56px; font-size: 2.4rem;}
.inTit p{ line-height: 28px; font-size: 1rem; color: #666666;}

.inPro{ width: 94%; height: auto;}
.inPro dl{ float: left; background: #FFFFFF; margin-left: 1%; box-shadow:0 0 10px #EEEEEE; box-sizing: border-box; padding: 20px; width: 49%; height: auto; margin-bottom: 1%;}
.inPro dl:first-child{ margin-left: 1%;}
.inPro dl dt{ width: 100%; height: auto;}
.inPro dl dt h4{ line-height: 30px; font-size: 18px;}
.inPro dl dt p{ line-height: 24px; height: 96px; overflow: hidden; margin-top: 10px;}
.inPro dl dt h3{ color: #999999; font-weight: normal; font-size: 13px; line-height: 20px; margin-top: 15px;}

.inPro dl dd{ width: 100%; height: auto; text-align: center; padding-top: 8px;}
.inPro dl dd img{ width: 100%; height: auto;}

.inPro dl:nth-child(5){ width:99%;}
.inPro dl:nth-child(5) dt{ width: 50%;float:left;}
.inPro dl:nth-child(5) dd{ width: 48%; float:right;}

.inProMore{ width: 100%; height: 48px; line-height: 48px; text-align: center; padding-top: 30px;}
.inProMore a{ display: block; width: 240px; height: 48px; color: #FFFFFF; background: #333333; border-radius: 30px; font-size: 1rem;}
.inProMore a:hover{ background: #0170c1;}
.inProMore a i{ font-weight: normal; padding-left: 25px;}


.inSou{ width: 94%; height: auto;}
.inSou dl{ float: left; width: 49%; height: auto; margin-left: 1%; overflow: hidden; position: relative; margin-left: 1%; margin-bottom: 1%;}
.inSou dl:first-child{ margin-left: 1%;}
.inSou dl dt{ width: 100%; height: auto; background: #f6f6f6; box-sizing: border-box; padding: 20px; position: absolute; left: 0; top: 0; transition: all ease .5s;}
.inSou dl dt h2{ width: 18px; height: 2px; background: #222222; float: left;}
.inSou dl dt h3{ line-height: 44px; height: 44px; font-size: 1.2rem; clear: both;}
.inSou dl dt h3 img{ display: none;}
.inSou dl div{transition: all ease .5s; position: absolute; left: 10%; bottom: -112px; width: 80%; height: 54px; line-height: 54px; font-size: 16px; border-bottom: 1px solid #81858f; color: #FFFFFF; font-weight: bold;}
.inSou dl div i{ line-height: 54px;}
.inSou dl dd{ width: 100%; height: auto; }
.inSou dl dd img{width: 100%; height: auto; }


.inYs{ width: 94%; height: auto; padding-top: 10px;}
.inYs dl{transition: all ease .5s; float: left; width: 49%; height: auto; margin-left: 1%; margin-bottom: 1%; background: #f3f3f6; box-sizing: border-box; padding: 20px; cursor: pointer; }
.inYs dl:first-child{margin-left: 1%;}
.inYs dl dt{ width: 100%; height: 12px; line-height: 12px; text-transform: uppercase;}
.inYs dl dd{ width: 100%; height: auto; padding-top: 50px;}
.inYs dl dd h2{ width: 100%; height: auto;}
.inYs dl dd p{ line-height: 24px; height: 96px; overflow: hidden; margin-top: 25px;}
.inYs dl dd h4{ width: 100%; height: 42px; line-height: 42px; margin-top: 10px; font-size: 1.4rem; font-weight: normal;}
.inYs dl:nth-child(5){ width:99%;  }
.inYs dl:nth-child(5) dd{ width: 100%; height: auto; padding-top: 20px;}
.inYs dl:nth-child(5) dd p{ height: 48px;}

.inNewsTop{ width: 94%; height: auto; line-height: 56px; margin-top: 30px; text-align: center; overflow: hidden;}
.inNewsTop h4{ display: inline; font-size: 2.4rem;}
.inNewsTop ul{ float: none;}
.inNewsTop ul a{ padding-left: 10px; padding-right: 10px; font-size: 1rem;}
.inNewsTop .tabs .thistab,.tabs .thistab a:hover {color: #0170c1;}

.inNewsBox{ width: 94%; height: auto; overflow: hidden;}
.inNewsBoxL{ display: none; }

#tab_conbox{ float: 100%; width: 100%; height: auto; overflow: hidden;}
.inNewslist{ width: 100%; height: auto;}
.inNewslist dl{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; background: #f3f3f6; padding: 20px; margin-bottom: 1px;}
.inNewslist dl dt{ width: 100%; height: 32px; line-height: 32px;}
.inNewslist dl dd{ width: 100%; height: auto; overflow: hidden;}
.inNewslist dl dd h4{ line-height: 38px; height: 38px; overflow: hidden; font-size: 1rem;}
.inNewslist dl dd p{ line-height: 28px; height: 56px; overflow: hidden;}


.footerBg{  display: none;}

.footerCopyBg{ width: 100%; height: auto; line-height: 30px; background: #0170c1; border-top: 1px solid #03408f; color: #FFFFFF; padding: 15px 0;}
.footerCopy{ width: 94%; height: auto; text-align: center;}
.footerCopy a{ color: #FFFFFF; display: block; float: none;}

.banner2{width: 100%;height: 150px;position: relative; margin-top:61px;}
.abmenuBg{ width: 100%; height: 50px;  position: relative; z-index: 333; background:#ccc; margin-top:0;}
/*?t??|????o??????????o?*/
.abmenuBg .mini-nav{width:100%;height:50px; line-height:50px; overflow:hidden; }
.abmenuBg .mini-nav.artive{position: fixed;z-index:20;left:0;right:0;}
.abmenuBg .mini-nav > div{max-width: 100%;overflow-x: visible;}
.abmenuBg .mini-nav .swiper-container{height:100%;width: 100%;}
.abmenuBg .mini-nav ul.swiper-wrapper{margin:0px auto;font-size:0px;}
.abmenuBg .mini-nav ul.swiper-wrapper > li{width: 33.3%;position: relative; line-height: 50px; text-align: center; }
.abmenuBg .mini-nav ul.swiper-wrapper > li:nth-last-child(1):before{display: none;}
.abmenuBg .mini-nav ul.swiper-wrapper li a{display: block;font-size:1rem;position:relative; color: #FFFFFF;}
.abmenuBg .mini-nav ul.swiper-wrapper li a img{ vertical-align: middle; padding-right: 10px;}
.abmenuBg .mini-nav ul.swiper-wrapper li a.on{}
.abmenuBg .mini-nav ul.swiper-wrapper li a:hover{}

.AbTit{ width:94%; text-align:center; line-height:32px; padding:25px 0; font-size:2rem;}
.abinfo{ width: 94%; height: auto; overflow: hidden;  font-size: 1rem; line-height: 26px; padding:20px 0;}


.conMap {
    width: 94%;
    height: 200px;
    overflow: hidden;
}

.conFed {
    width: 94%;
    height: auto;
    overflow: hidden;
}

.ab_list_box{ width: 94%; height: auto;  overflow: hidden; }
.ab_list_box dl{ float: none; width: 100%; height: auto; overflow: hidden; background: #FFFFFF; text-align: center; margin: 10px 0;}
.ab_list_box dl a{ display: block; width: 100%; height: auto; }
.ab_list_box dl a:hover{ background: #0085e2; color: #FFFFFF;}
.ab_list_box dl dt{ width: 100%; height: auto; overflow: hidden; padding-top: 10px; margin: 0 auto;}
.ab_list_box dl dt img{width: 100%; height: auto; }
.ab_list_box dl dd{ width: 100%; height: 46px; line-height: 46px; overflow: hidden; font-size: 0.9rem;}

.NewsList{ width: 94%; height: auto;}
.NewsList dl{ float: none; background: #f7f7f7; width: 100%; height: auto; margin: 10px 0; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.NewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.NewsList dl dt img{  width: 100%; height: auto;}
.NewsList dl dd{ width: 100%; height: auto;overflow: hidden; box-sizing: border-box; padding: 20px;}
.NewsList dl dd h4{ line-height: 50px; height: 50px;  overflow: hidden; font-size: 1.1rem; font-weight: normal;}
.NewsList dl dd h4 a{ color: #000000;}
.NewsList dl dd p{ font-size: 0.9rem; color: #333333; line-height: 24px; height: 72px; overflow: hidden;}
.NewsList dl dd h3{ margin-top: 10px;}

.NewsShow{ width: 94%; height: auto; background: #FFFFFF; box-sizing: border-box; padding: 20px 0; margin-bottom: 15px;}
.NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;}
.NewsSTit h2{ color: #0170c1; font-size: 1.3rem; font-weight: normal; line-height: 30px; padding:10px 0;}
.NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; }
.NewsSTit p img{ vertical-align: middle; padding-right: 5px;}
.NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding:15px 0; font-size: 0.9rem; line-height: 24px;}
.NewsSinfo img{ max-width: 100%; height: auto;}

.NewsSprev{ width: 100%; height: auto; padding-top: 25px;  border-top: 1px solid #eeeeee;}
.NewsSprev li{ line-height: 26px; color: #999;}
.NewsSprev li span{ color: #0170c1; font-size: 1rem;}
.NewsSprev li a{ color: #333333;}
.NewsSprev li a:hover{ color: #0c75ad;}

.NewsSprev h4{ float: none; display: inline-block; margin-bottom: 15px; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #0c75ad; border-radius: 5px;}
.NewsSprev h4 i{ padding-right: 5px;}
.NewsSprev h4 a{ display: block;}
.NewsSprev h4 a:hover{ background: #0170c1; color: #FFFFFF;}

.AppliList{ width: 94%; height: auto;}
.AppliList dl{ float: none; background: #f7f7f7;width: 100%; height: auto; margin: 10px 0; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.AppliList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.AppliList dl dt{ width: 100%; height: auto;  overflow: hidden;}
.AppliList dl dt img{ width: 100%; height: auto; }
.AppliList dl dd{  width: 100%;  height: auto; overflow: hidden; box-sizing: border-box; padding: 10px;}
.AppliList dl dd h4{ line-height: 50px; height: 50px;  overflow: hidden; font-size: 18px; font-weight: normal;}
.AppliList dl dd h4 a{ color: #000000;}

.goodsCateBox{ width: 94%; height: auto; overflow: hidden;}
.goodsCateBox dl{ width: 100%; float: none; height: 347px; border: 1px solid #DEDEDE; margin: 3% 0; box-sizing: border-box; text-align: center; border-radius: 3px;}
.goodsCateBox dl dt{ width: 100%; height: 72px;}
.goodsCateBox dl dt img{ width: 48px; height: 48px; padding-top: 12px;}
.goodsCateBox dl dd{ width: 100%; height: 253px; padding: 10px 0; background: #f5f5f5; overflow: hidden;}
.goodsCateBox dl dd h4{ width: 100%; height: 22px; line-height: 22px; font-weight: normal; font-size: 16px; color: #cc0000; overflow: hidden;}
.goodsCateBox dl dd p{ font-size: 13px; line-height: 20px;}
.goodsCateBox dl dd ul{ width: 94%; height: 195px; margin-top: 7px; overflow-y: auto; font-size: 13px;}
.goodsCateBox dl dd ul li{ line-height: 21px;}

.goodsListBox{ width: 94%; height: auto; overflow-x: auto;}
.goodsList{ width:99%; height:auto; overflow-x: auto;}
.goodsList dl{ width:100%; height:auto; border:1px solid #eee; background:#f7f7f7; box-sizing:border-box; margin-bottom:10px;}
.goodsList dl dt{ width:100%; height:42px; line-height:42px; text-align:left; box-sizing:border-box; padding:0 25px; background:#eee; font-weight:bold;}
.goodsList dl dt span{ color: #0c75ad;}
.goodsList dl dd{ width:100%; height:auto; padding:15px 0; float:left;}
.goodsList dl dd i{ line-height:32px;}
.goodsList dl dd span{ display:block; float:left; width:50%; text-align:left; text-indent:1em; height:32px; line-height:32px; overflow:hidden;}
.goodsList dl dd span b{ color: #0c75ad; font-weight:normal; padding-right:3px;}
.goodsList dl dt ul{ float:left; width:100%; height:36px; line-height:36px; overflow:hidden;}
.goodsList dl dt ul li{ float:left; padding:0 20px; background: url(../images/pdf-icon.png) no-repeat left center; }

.NewsShowbg{width: 100%; height: auto; padding:20px 0; background: #fff; }
.main-box{ background:#fff; width:96%; height:auto; }
	.inner-box .dl-list{ margin:0 auto; padding:0; text-align:left; width:100%; font-size:14px; box-sizing: border-box;}
	.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding: 0; float:none; width:100%; line-height:42px; min-height:42px; color:#555; text-align:left; }
	.inner-box .dl-list dl dt.mdt{ display:none;}
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 0; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:0;  width:100%; }
	.inner-box .dl-list dl dd .input{ padding:0 10px; height:42px; width:100%; box-sizing: border-box;}
		.inner-box .dl-list dl dd span{ display:block;}
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:154px; ime-mode:disabled; text-transform:uppercase; }
	
	.clearfix{ display:block}
	 
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:230px; font-size:14px; text-align:left; }
.login-right{ width:100%; height:auto;}	
.info-wrap{ margin-top:41px; width:96%;}
.info-box{ float:none; width:100%; background:#eef8fa; border:1px solid #e8ecef; box-sizing: border-box;}

.inner-box{ border:none; margin:0;}

	.form-box dl dt{ display:block; float:none; width:100%; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:left; _position:absolute; }
	.form-box dl dd{ position:relative;  width:100%;  padding:5px 0 5px 0; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:0; }
	.form-box dl dd .input{ width:100%; padding:0 10px;  box-sizing: border-box; height:42px; line-height:42px;}
	.form-box dl dd .select{ width:30%;}
.form-box dl dt.mdt{ display:none;}

.login-right li input{display:block;margin:0;padding:10px 10px 10px 80px;width: 100%;height: 40px;box-sizing: border-box;line-height:20px;border:1px solid #e8e8e8;background:#fbfcff;color:#333;font-size:14px;border-radius:3px;}

.abinfoPC{ display:none;}
.abinfoM{ display:block;}

}