@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: #0d4da1;}
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: #0d4da1;}

#products .products ul li a{ color: #333;}
#products .products ul li a:hover{ color: #FFFFFF; background: #0d4da1;}

#application .application ul li a{ color: #333;}
#application .application ul li a:hover{ color: #FFFFFF; background: #0d4da1;}

#news .news ul li a{ color: #333;}
#news .news ul li a:hover{ color: #FFFFFF; background: #0d4da1;}

#about .about ul li a{ color: #333;}
#about .about ul li a:hover{ color: #FFFFFF; background: #0d4da1;}



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: 36px; padding: 30px 0; background: #FFFFFF; position: fixed; left: 0; top: 0; z-index: 999; border-bottom:1px solid #dedede;}
.Header{ width: 1280px; height: 36px; position: relative;}
.Header .logo{ float: left; width: 125px; height: 38px;}
.Header .logo a{ display: block; width: 125px; height: 38px; background: url(../images/logo.jpg) no-repeat center; }
.Header .nav{ float: left; width: 720px; height: 36px; margin-left: 45px;}
.Header .nav li{ float: left; text-align: center; width: 120px; line-height: 36px; font-size: 20px; position: relative;}
.Header .nav li ul.ul1{ position: absolute; width: 250px; text-align: center; left: 0; top: 36px; background: #FFFFFF; display: none;}
.Header .nav li ul.ul1 li{ width: 100%; height: 42px; line-height: 42px;}
.Header .nav li ul.ul1 li a{ color: #666; font-size: 15px; border-bottom: 1px solid #DEDEDE; display: block;}
.Header .nav li ul.ul1 li a:hover{ background:#0d4da1; color: #FFFFFF;}
.Header .nav li ul.ul1 li a:before{ background: none;}
.Header .nav li ul.ul2{ position: absolute; width: 250px; text-align: center; left: 251px; top: 0; background: #FFFFFF; display: none;}
.Header .nav li:hover ul.ul1{ display: block;}
.Header .nav li ul li:hover ul.ul2{ display: block;}

.Header .Hlang{ float: right; width: 44px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; position: relative;}
.Header .Hlang i{ padding-left: 5px;}
.Header .Hlang ul{ position: absolute; right: -50px; top: 36px; background: #FFFFFF; z-index: 999; width: 120px; display: none;}
.Header .Hlang ul a{ display: block; line-height: 42px; border-bottom: 1px solid #EEEEEE; font-size: 14px;}
.Header .Hlang ul a:hover{ background: #0D4DA1; color: #FFFFFF;}
.Header .Hlang:hover ul{ display: block;}

.Header .Hsearch{ float: right; position: relative; width: 220px; padding: 0 20px; height: 36px; overflow: hidden; background: #f0f1f2; border-radius: 30px; margin-right: 30px;}
.Header .Hsearch button{ float: left; line-height: 36px; height: 36px; width: 30px; text-align: center; border: none; font-size: 18px;}
.Header .Hsearch input{ float: left; width: 190px; height: 36px; line-height: 36px; border: none; background: none; font-size: 16px;}

/**banner**/
.main_visual{ margin-top: 96px;}
.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;}

.inProBg{ width: 100%; height: auto; background: url(../images/inProbg.jpg) no-repeat center; background-size:cover; padding: 45px 0;}
.inPro{ width: 1280px; height: auto; overflow: hidden;}
.inPro dl{ float: left; width: 418px; height: 307px; background: #FFFFFF; overflow: hidden; margin-left: 13px; box-sizing: border-box; padding: 65px 30px;}
.inPro dl:first-child{ margin-left: 0;}
.inPro dl dt{ float: left; width: 177px; height: auto;}
.inPro dl dt h4{ line-height: 32px; height: 32px; overflow: hidden; font-size: 16px; color: #000000;}
.inPro dl dt p{ line-height: 24px; font-size: 14px; padding-top: 5px;}
.inPro dl dt h3{ color: #999; font-size: 13px; font-weight: normal; line-height: 32px; margin-top: 15px;}

.inPro dl dd{ float: right; width: 177px; height: auto; overflow: hidden;}
.inPro dl dd img{ width: 100%; height: auto;}

.inAppBg{ width: 100%; height: auto; background: url(../images/inAPPbg.jpg) no-repeat center; background-size:cover; padding: 85px 0;}
.inAppBg h2{ color: #FFFFFF; text-align: center; line-height: 62px; font-size: 36px;}

.inAppBox{ width: 1280px; height: auto; overflow: hidden; padding-top: 25px;}
.inAppBoxL{ float: left; width: 255px; height: 400px; border-right: 1px solid #000000;}
.inAppBoxL a{ display: block; width: 235px; height: 66px; line-height: 66px; float: left; color: #FFFFFF; font-size: 16px; box-sizing: border-box; padding-left: 30px;}
.inAppBoxL .tabs .thistab,.tabs .thistab a:hover{  background: #0d4da1;}

#tab_conbox{ float: right; width: 970px; height: 400px; overflow: hidden;}
.inAppList{ width: 100%; height: auto; overflow: hidden; color: #FFFFFF;}
.inAppList h3{ height: 48px; line-height: 48px; font-weight: normal; font-size: 24px;}
.inAppList h3 img{ vertical-align: middle; padding-right: 15px;}
.inAppList p{ line-height: 24px; margin-top: 5px;}
.inAppList h4{height: 35px; margin-top: 25px;}
.inAppList h4 a{ display: block; color: #FFFFFF; font-weight: normal; font-size: 14px; border-radius: 3px; width: 123px; height: 33px; line-height: 33px; text-align: center; float: left; border: 1px solid #FFFFFF;}
.inAppList h4 a:hover{ background: #FFFFFF; color: #0D4DA1;}
.inAppList ul{ width: 100%; height: auto; padding-top: 45px;}
.inAppList ul li{ float: left; width: 228px; height: 154px; overflow: hidden; margin-left: 14px; position: relative;}
.inAppList ul li div{transition: all ease .5s; opacity: 0; position: absolute; width: 100%; height: 42px; line-height: 42px; text-align: center; color: #FFFFFF; left: 0; bottom: 0; background: rgba(0,0,0,0.8);}
.inAppList ul li a:hover div{ opacity: 1.0;}
.inAppList ul li img{ width: 228px; height: 154px; border-radius: 5px;}
.inAppList ul li:first-child{ margin-left: 0;}

.inNewsBox{ width: 1280px; height: auto; overflow: hidden; padding-top: 35px;}
.inNewsL{ float: left; width: 702px; height: auto; overflow: hidden;}
.inNewsL h2{ line-height: 100px; font-size: 30px; font-weight: normal;}
.inNewsLlist{ width: 100%; height: auto;}
.inNewsLlist dl{ float: left; width: 338px; height: auto; overflow: hidden; margin-left: 26px;}
.inNewsLlist dl:first-child{ margin-left: 0;}
.inNewsLlist dl dt{ width: 338px; height: 192px; overflow: hidden;}
.inNewsLlist dl dt img{ width: 338px; height: 192px; }
.inNewsLlist dl dd{ box-sizing: border-box; width: 100%; height: auto; background: #fafafa; padding: 20px 25px;}
.inNewsLlist dl dd h4{ line-height: 26px; height: 52px; overflow: hidden; font-size: 16px;}
.inNewsLlist dl dd p{ line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0;}
.inNewsLlist dl dd h3{ font-size: 14px; font-weight: normal; color: #999999; line-height: 28px;}

.inNewsR{ float: right; width: 510px; height: auto; overflow: hidden;}
.inNewsR h2{ line-height: 100px; font-size: 30px; font-weight: normal;}
.inNewsRlist{ width: 100%; height: auto;}
.inNewsRlist dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 12px;}
.inNewsRlist dl dt{ line-height: 32px; height: 32px; overflow: hidden; font-size: 16px;}
.inNewsRlist dl dd{ color: #999; line-height: 32px; height: 32px;}

.FooterBg{  width: 100%; height: auto;  background: #0d4da1; padding: 40px 0;}
.Footer{ width: 1280px; 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: 125px; height: 125px; background: #3a7dd4; border-radius: 5px;}
.FooterR dl dt img{ width: 105px; height: 105px; padding-top: 10px;}
.FooterR dl dd{ line-height: 54px; height: 54px; color: #FFFFFF;}



.FooterCopyBg{ width: 100%; height: 60px; line-height: 60px; background: #0d4da1; border-top: 1px solid #03408f; color: #FFFFFF;}
.FooterCopy{ width: 1280px; height: auto;}
.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: #0d4da1;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0d4da1;
            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;}
.banner2Txt{ width:1280px; height:auto; padding-top:180px;}
.banner2Txt h2{ font-size:40px; line-height:52px; color:#fff;}
.banner2Txt h3{ width:80px; height:3px; background:#fff; float:left; margin-top:20px;}


.abmenuBg{ width: 100%; height: 59px;  position: relative; z-index: 333;  background: rgba(0, 0, 0, 0.6);}
/*二级导航样式*/
.abmenuBg .mini-nav{width:1280px;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: 25%;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: #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{ background: #0d4da1;}
.abmenuBg .mini-nav ul.swiper-wrapper li a:hover{ background: #0d4da1;}

.AbTit{ width:100%; text-align:center; line-height:42px; padding:25px 0; font-size:32px; font-weight:bold;}
.abinfo{ width: 1280px; 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: 1280px;
    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: #0d4da1;
            color: #FFFFFF;
            font-size: 16px;
            border-radius: 5px;
        }

.ab_list_box{ width: 1280px; height: auto;  overflow: hidden; }
.ab_list_box dl{ float: left; width: 308px; height: 254px; overflow: hidden; background: #FFFFFF; text-align: center; margin: 6px;}
.ab_list_box dl a{ display: block; width: 308px; height: 254px;}
.ab_list_box dl a:hover{ background: #0d4da1; color: #FFFFFF;}
.ab_list_box dl dt{ width: 290px; height: 198px; overflow: hidden; padding-top: 10px; margin: 0 auto;}
.ab_list_box dl dt img{ width: 290px; height: 198px;}
.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: 1300px; height: auto;}
.NewsList dl{ float: left; background: #f7f7f7; width: 306px; height: 428px; margin: 9px; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.NewsList dl dt{ width: 306px; height: 188px; overflow: hidden;}
.NewsList dl dt img{ width: 306px; height: 188px;}
.NewsList dl dd{ width: 306px; 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: #0d4da1;}
.NewsList dl:hover h4 a{ color: #0d4da1;}


.NewsShow{ width: 1280px; 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: #0d4da1; 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: #0d4da1; font-size: 14px;}
.NewsSprev li a{ color: #333333;}
.NewsSprev li a:hover{ color: #0d4da1;}

.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: #0d4da1; color: #FFFFFF;}

.AppliList{ width: 1300px; height: auto;}
.AppliList dl{ float: left; background: #f7f7f7; width: 306px; height:288px; margin: 9px; transition: all ease .5s; cursor: pointer; overflow: hidden;}
.AppliList dl:hover{box-shadow:0 0 10px #CCCCCC;}
.AppliList dl dt{ width: 306px; height: 188px; overflow: hidden;}
.AppliList dl dt img{ width: 306px; height: 188px;}
.AppliList dl dd{ width: 306px; 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: 1280px; 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: #0d4da1; 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: 1260px; 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:1280px; 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:1280px; height:auto; }
.NewsShowbg{width: 100%; height: auto; padding:50px 0; background: #fff; }

.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: 148px; height:40px; overflow: hidden; padding-top: 10px;}
.HeaderM .logo a{ display: block; overflow: hidden;  width: 148px; height:40px;}
.HeaderM .logo a img{ width: 148px; 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;}


.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;}

.inProBg{ width: 100%; height: auto; background: url(../images/inProbg.jpg) no-repeat center; background-size:cover; padding: 25px 0;}
.inPro{ width: 94%; height: auto; overflow: hidden;}
.inPro dl{ margin-bottom: 10px; float: left; width: 100%; height: auto; background: #FFFFFF; overflow: hidden; margin-left: 0; box-sizing: border-box; padding:20px;}
.inPro dl:first-child{ margin-left: 0;}
.inPro dl dt{ float: left; width: 170px; height: auto;}
.inPro dl dt h4{ line-height: 32px; height: 32px; overflow: hidden; font-size: 1rem; color: #000000;}
.inPro dl dt p{ line-height: 24px; font-size: 14px; padding-top: 5px;}
.inPro dl dt h3{ color: #999; font-size: 13px; font-weight: normal; line-height: 32px; margin-top: 15px;}

.inPro dl dd{ float: right; width: 120px; height: auto; overflow: hidden;}
.inPro dl dd img{ width: 100%; height: auto; padding-top: 20px;}


.inAppBg{ width: 100%; height: auto; background: url(../images/inAPPbg.jpg) no-repeat center; background-size:cover; padding: 25px 0;}
.inAppBg h2{ color: #FFFFFF; text-align: center; line-height: 52px; font-size: 2rem;}

.inAppBox{ width: 94%; height: auto; overflow: hidden; padding-top: 25px;}
.inAppBoxL{ float: none; width: 100%; height: auto; border-right: none;}
.inAppBoxL a{ display: block; width: 33.3%; height: 46px; line-height: 46px; float: left; color: #FFFFFF; font-size: 0.9rem; box-sizing: border-box; padding-left: 0; text-align: center;}


#tab_conbox{ float: none; width: 100%; height: auto; overflow: hidden;}
.inAppList{ width: 100%; height: auto; overflow: hidden; color: #FFFFFF;}
.inAppList h3{ height: 48px; line-height: 48px; font-weight: normal; font-size: 1.4rem; overflow: hidden;}
.inAppList h3 img{ vertical-align: middle; padding-right: 15px;}
.inAppList p{ line-height: 24px; margin-top: 5px;}
.inAppList h4{height: 35px; margin-top: 25px;}
.inAppList h4 a{ display: block; color: #FFFFFF; font-weight: normal; font-size: 14px; border-radius: 3px; width: 123px; height: 33px; line-height: 33px; text-align: center; float: left; border: 1px solid #FFFFFF;}
.inAppList h4 a:hover{ background: #FFFFFF; color: #0D4DA1;}
.inAppList ul{ width: 100%; height: auto; padding-top: 25px;}
.inAppList ul li{ float: left; width: 48%; height: auto; overflow: hidden; margin: 1% ;}
.inAppList ul li img{ width: 100%; height: auto; border-radius: 5px;}
.inAppList ul li:first-child{ margin-left: 1%;}
.inAppList ul li div{ opacity: 1.0; }



.inNewsBox{ width: 94%; height: auto; overflow: hidden; padding-top: 0;}
.inNewsL{ float: none; width: 100%; height: auto; overflow: hidden;}
.inNewsL h2{ line-height: 80px; font-size: 1.6rem; font-weight: normal;}
.inNewsLlist{ width: 100%; height: auto;}
.inNewsLlist dl{ float: none; width: 100%; height: auto; overflow: hidden; margin-left: 0; margin-bottom: 15px;}
.inNewsLlist dl:first-child{ margin-left: 0;}
.inNewsLlist dl dt{ width: 100%; height: auto; overflow: hidden;}
.inNewsLlist dl dt img{ width: 100%; height: auto;}
.inNewsLlist dl dd{ box-sizing: border-box; width: 100%; height: auto; background: #fafafa; padding: 20px;}
.inNewsLlist dl dd h4{ line-height: 26px; height: 52px; overflow: hidden; font-size: 1rem;}
.inNewsLlist dl dd p{ line-height: 24px; height: 48px; overflow: hidden; margin: 5px 0;}
.inNewsLlist dl dd h3{ font-size: 14px; font-weight: normal; color: #999999; line-height: 28px;}

.inNewsR{ float: none; width: 100%; height: auto; overflow: hidden;}
.inNewsR h2{ line-height: 80px; font-size: 1.6rem; font-weight: normal;}
.inNewsRlist{ width: 100%; height: auto;}
.inNewsRlist dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5px;}
.inNewsRlist dl dt{ line-height: 30px; height: 30px; overflow: hidden; font-size: 1rem;}
.inNewsRlist dl dd{ color: #999; line-height: 30px; height: 30px;}

.FooterBg{  display: none;}

.FooterCopyBg{ width: 100%; height: auto; line-height: 30px; background: #0d4da1; 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;}
.banner2Txt{ width:94%; height:auto; padding-top:30px;}
.banner2Txt h2{ font-size:1.6rem; line-height:52px; color:#fff;}
.banner2Txt h3{ width:80px; height:3px; background:#fff; float:left; margin-top:10px;}

.abmenuBg{ width: 100%; height: 50px;  position: relative; z-index: 333; background:#ccc; }
/*二级导航样式*/
.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{ background: #0d4da1;}
.abmenuBg .mini-nav ul.swiper-wrapper li a:hover{ background: #0d4da1;}

.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: #0d4da1; 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: #0d4da1; 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: #0d4da1; font-size: 1rem;}
.NewsSprev li a{ color: #333333;}
.NewsSprev li a:hover{ color: #0d4da1;}

.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: #0d4da1; 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;}

}