html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font: 14px/24px "微軟雅黑", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    color: #333;}

ul, li, p, img, b, ol, em, a, h1, h2, h3, h4, h5, h6, dl, dd, dt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    text-decoration: none;
    font-weight: initial;
}

#dituContent img {
    max-width: inherit;
}

img {
    max-width: 100%;
    display: block;
}

a:link, a:visited {
    color: inherit;
    font-size: inherit;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.container {
    width: 1200px;
    margin: auto;
}
.bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:-1;
    left: 0;
    top: 0;
}
.bg img{
    width: 100%;
    height: 100%;
    display: block;
}
.clear{
    overflow: hidden;
}
.nav li:hover>a,.nav a.cur,.four h2 b  {color: #00479d;}
.banner .hd ul li.on,.one_nav ul li,.tels,.p_ext,.f_top .fl span:after,a.mor,.s_nav ul li.on:after{
    background:#00479d;
}
.one_nav ul li.on,.one_nav ul li:hover,.n_ext,a.mrs {background: #da251c;}
.s_box ul li:hover h4 {color: #e42f27;}

.s_box ul li:hover {border-color: #e42f27;}
 .navs b, .six_nav ul li.on, .treepage h2, .newspage ul li h3:before, .pading span.current,ul.relate_news li h4:after,h4.related:after {
    background: #00479d;
}

h4.related,.article ol li h4:before,.propage h2, .newspage h2, .treepage ul li:hover>a:after, .fr.texts h3:hover, .Product_item_text span, .article ol li:hover h4, .prduct_ul li:hover h4{
    color: #00479d;
  
}
.t_box.fr ul li:hover .img,.article ol li:hover {
    border-color: #00479d;
}

.imgs.fl .hd ul li.on{
    border: 1px solid #00479d;
}
	span.swiper-pagination-bullet {
	background:#00479d !important;
}
/**banner**/
.banner_m,.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner_m img, .banner img {
    width: 100%;
    display: block;
}
.banner_m{
display: none;    
}
.banner .hd {
    width: 90%;
position: absolute;bottom: 3%;left: 5%;}

.banner .hd ul{
    text-align: center;
}
.banner .hd li {
    margin: 0px 6px;
    width: 25px;
    height: 4px;
    display: inline-block;
    cursor: pointer;
  color: transparent;
    position: relative;
    background: #fff;
}




/*通用*/
.Tc {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    }
    
    .Tcs {
    background: #fff;
    width: 70%;
    height: 343px;
    position: absolute;
    left: 50%;
    margin-left: -35%;
    top: 50%;
    margin-top: -171.5px;
    border-radius: 10px;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: center;
    }
    
    .Tc_gb {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    top: 0px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    
    .Tcs img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 5px;
    box-shadow: 0px 0px 3px 3px #eee;
    }
    
    .Tcs .Tc_dt {
    width: 150px;
    height: auto;
    margin: 15px auto 0;
    display: block;
    box-shadow: initial;
    }
    
    #weixin {
    line-height: 30px;
    display: inline-block;
    font-size: 15px;
    }
    
    #copy_btn {
    background: #000;
    border: none;
    line-height: 30px;
    width: 160px;
    border-radius: 5px;
    margin: 5px auto 0px;   
     color: #fff;
    }
    
    .Tcs p {
    line-height: 30px;
    }
    /**底部**/
    .bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 555;
    display: none;
    padding: 5px 0;
    background: #fff;
    }
    
    .bottom li {
    float: left;
    width: 20%;
    text-align: center;
    }
    
    .bottom .dhzx, .bottom .wxs {
    width: 38%;
    border-radius: 20px;
    line-height: 40px;
    margin: 0 1%;
    border: 1px solid #ccc;
    box-sizing: border-box;
 }
    
    .bottom .wxs {
    background: none;
    }
    
    .bottom .dhzx a, .bottom .wxs a {
    display: block;
    font-size: 14px;
    }
    
    .bottom li img {
    display: block;
    margin: auto;
    height: 20px;
    }
    
    .bottom .dhzx img, .bottom .wxs img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    }
/**友鏈**/
.interlink {
    

width: 100%;background: #000;padding-bottom: 15px;}

.interlink__inner {
    width: 1200px;
    margin: auto;
    overflow: hidden;
position: relative;}

.interlink__title {

    line-height: 45px;
    height: 40px;
    
    font-size: 15px;
    padding: 0 0 0 28px;
    color: #fff;
    font-family: "Microsoft yahei";position: relative;float: left;}

.interlink__list {
    
    

    overflow: hidden;float: right;width: 91%;margin-top: 10px;}

a.interlink__item {
    margin: 0px 10px 0 0;
    font-size: 12px;
color: #fff;}
.interlink__title:after {content: "→";color: #fff;position: absolute;line-height: 20px;
    text-align: center;transform: rotate(-44deg);font-weight: bold;left: 4px;
    top: 12px;font-size: 16px;font-family: '黑體';}

.interlink__title:before {content: "";width: 16px;height: 15px;
    position: absolute;left: 5px;bottom: 9px;z-index: -1;border-radius: 2px;}

.interlink__inner:after {content: "";width: 100px;height: 3px;
                      
    position: absolute;left: 0;top: 40px;}

/**主題**/

.top {width: 100%;background: #eee;height: 47px;line-height: 47px;color: #000;font-size: 14px;}

.top .container {overflow: hidden;}

.top a {display: inline-block;margin: 0 3px;}

.header {width: 100%;position: relative;height: 106px;border-bottom: 1px solid #d2d2d2;}

.logo {height: 107px;align-items: center;display: flex;width: 335px;}

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

.tell {width: calc(100% - 340px);border-left: 1px solid #a5a5a5;overflow: hidden;box-sizing: border-box;
padding: 5px 0;padding-left: 15px;margin-top: 20px;}

.header .container {overflow: hidden;}

.tell .fl h3 {color: #030303;font-size: 21px;margin: 0 0 5px 0;}

.tell .fl h4 {color: #666464;font-size: 18px;}

.tell .fr img {float: left;margin-right: 10px;}

.tell .fr h4 {float: left;color: #666666;font-size: 18px;}

.tell .fr h4 b {display: block;font-weight: bold;font-size: 28px;color: #030303;margin-top: 3px;}

.tell .fr {margin-top: 7px;}

.nav {width: 100%;height: 60px;}

.nav  li {float: left;position: relative;width: 14%;}

.nav li a {line-height: 60px;display: block;font-size: 18px;color: #000;text-align: center;}

.navboxs {width: 100%;position: absolute;z-index: 22;background: #fff;left: 0;top: 59px;display: none;}

.navboxs li {width: 100%;float: none;border-top: 1px solid #f2f2f2;}

.navboxs li a {font-size: 16px;line-height: 40px;}

.nav li:hover .navboxs {display: block;}

/**主題**/

.one {width: 100%;position: relative;padding: 75px 0;}

.title {position: relative;width: 100%;text-align: center;margin-bottom: 40px;
background: url(../image/title.png) no-repeat center;background-position-y: 80px;}

.title h4 {font-size: 50px;color: #333333;font-weight: bold;padding: 23px 0;margin-bottom: 30px;}

.title p {color: #595757;font-size: 18px;}

.one_nav {width: 100%;margin-bottom: 30px;}

.one_nav ul {text-align: center;}

.one_nav ul li {display: inline-block;margin: 0 -3px;width: 22%;padding: 10px 0;}

.one_nav ul li a {color: #fff;font-size: 20px;font-weight: bold;}



.one_box ul {overflow: hidden;}

.one_box ul li {float: left;margin-right: 20px;width: 386px;margin-top: 20px;}

.one_box ul li:nth-child(3n) {margin-right: 0;}

.one_box ul li img {width: 100%;transition: all 0.4s;height: auto;}

.one_box ul li h4 {text-align: center;width: 100%;font-size: 20px;padding-top: 13px;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}

.img {width: 100%;overflow: hidden;}

.one_box ul li:hover img {transform: scale(1.1);}



/**主題**/
.two {position: relative;width: 100%;padding: 75px 0;}

.two ul {overflow: hidden;}

.two .container {position: relative;}

.two ul li {float: left;width: 485px;text-align: center;color: #333;height: 205px;margin-bottom: 61px;}

.two ul li:nth-child(2) {color: #fff;}

.two ul li img {display: block;margin: auto;margin-bottom: 7px;}

.two ul li h4 {font-weight: bold;font-size: 30px;padding: 10px 0;margin-bottom: 10px;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}

.two ul li:nth-child(3) {color: #fff;margin-top: 273px;margin-bottom: 0;}

.two ul li p {font-size: 18px;line-height: 29px;height: 83px;overflow: hidden;}

.tels {position: absolute;top: 50%;left: 50%;z-index: 2;width: 260px;height: 260px;text-align: center;
margin-left: -130px;margin-top: -130px;box-sizing: border-box;}


.two ul li:nth-child(2n) {float: right;}

.two ul li:nth-child(4) {margin-top: 273px;margin-bottom: 0;}

.tels:after {width: 90%;height: 90%;content: "";border: 1px solid #fff;position: absolute;left: 5%;top: 5%;}

.tels img {display: block;margin: 79px auto 20px;}

.tels h4 {color: #fff;font-size: 18px;margin-bottom: 10px;}

.tels h2 {color: #fff;font-weight: bold;font-size: 29px;}

/**主題**/
.three {width: 100%;padding: 75px 0;position: relative;}
.three .container {position: relative;}
.three .bd {width: 100%;overflow: hidden;}

.three .bd ul li {width: 380px;float: left;margin: 0 10px;}

.three .bd ul li img {width: 100%;display: block;height: 284px;transition: all 0.4s;}

.three .bd ul li:hover img {transform: scale(1.2);}

.three .bd ul li h4 {text-align: center;padding: 10px 0 0 0;font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.p_ext,.n_ext {width: 40px;height: 40px;text-align: center;color: #fff;
    line-height: 40px;font-size: 27px;border-radius: 50%;position: absolute;
    bottom: 34%;cursor: pointer;font-family: '宋體';}

.n_ext {right:-6%;}

.p_ext {left: -6%;}

/**主題**/
.four {position: relative;padding: 50px 0;width: 100%;color: #fff;}

.four h4 {font-size: 28px;margin-bottom: 30px;}

.four h4 b {font-weight: bold;}

.four h2 {width: 100%;font-size: 30px;padding: 10px 0 13px 0;
    border-bottom: 1px solid #fff;}
    .for {position: absolute;z-index: 2;right: 0;top: 0;}

.four .container {position: relative;}

.four h2 b {background: #fff;font-weight: bold;padding: 5px 20px;margin-right: 36px;position: relative;}

.four h2 b:after {content: "";width: 0;
    height: 0;
     border-top: 49px solid transparent;
    border-left: 21px solid white;
    border-bottom: 0 solid transparent;position: absolute;right: -21px;bottom: 0;}
    a.mr {display: block;width: 160px;height: 48px;background: #e41f28 url(../image/xinxi.png) no-repeat 25px center;border-radius: 10px;text-align: right;line-height: 48px;box-sizing: border-box;padding-right: 23px;font-size: 17px;margin: auto;margin-bottom: 10px;}

.for h3 b {font-weight: bold;font-size: 23px;}


/**主題**/

.five {position: relative;width: 100%;padding: 75px 0;}

.f_top {width: 100%;overflow: hidden;}

.f_top .fl {width: 47%;}

.f_top .fr {width: 49%;}

.f_top .fr img {width: 100%;display: block;}

.f_top .fl h4 {color: #333;font-size: 40px;margin-bottom: 24px;padding: 10px 0;}

.f_top .fl span {display: block;font-size: 18px;padding-bottom: 35px;margin-bottom: 30px;position: relative;}

.f_top .fl span:after {content: "";width: 70px;height: 4px;position: absolute;left: 0;bottom: 0;}

.f_top .fl p {font-size: 15px;color: #666464;line-height: 26px;}

a.mor {display: block;width: 140px;height: 38px;color: #fff;text-align: center;line-height: 38px;
margin-top: 53px;font-size: 16px;}

ul.f_bot {width: 100%;overflow: hidden;margin-top: 85px;}

ul.f_bot li {overflow: hidden;width: 343px;float: left;margin-right: 85px;}

ul.f_bot li:nth-child(3n) {margin-right: 0;}

ul.f_bot li img {float: left;width: 79px;}

ul.f_bot .fr {width: calc(100% - 100px);}

ul.f_bot .fr h4 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;
color: #3e3a39;font-size: 22px;margin-bottom: 10px;}

ul.f_bot .fr p {color: #666464;font-size: 16px;height: 48px;overflow: hidden;}

/**主題**/
.six {position: relative;width: 100%;padding: 75px 0;}

.six .title {background: url(../image/title1.png) no-repeat center;background-position-y: 80px;}

.six .title h4,.six .title p {color: #fff;}

.s_nav {width: 100%;margin-bottom: 35px;position: relative;}
a.mr1 {position: absolute;color: #fff;font-size: 20px;right: 0;bottom: 10px;}
.s_nav ul {height: 40px;border-bottom: 1px solid #fff;}

.s_nav ul li {float: left;height: 40px;position: relative;margin-right: 30px;}

.s_nav li a {color: #fff;display: block;font-size: 20px;font-weight: bold;padding: 0 2px;}

.s_nav ul li:after {content: "";width: 100%;height: 2px;background: transparent;position: absolute;
left: 0;z-index: 2;bottom: -1px;}

.s_box {width: 100%;overflow: hidden;}

.s_box ul li {width: 454px;float: right;border-bottom: 1px dashed #fff;padding: 10px 0;}

.s_box ul li:nth-child(1) {width: 669px;margin-right: 70px;padding-bottom: 24px;float: left;}

.s_box ul li:nth-child(1) img {width: 48%;float: left;}

.s_box ul li:nth-child(1) .fr {width: 45%;}

.s_box ul li h4 {color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
width: 100%;font-size: 18px;margin-bottom: 10px;}

.s_box ul li p {font-size: 14px;color: #fff;height: 48px;overflow: hidden;}

a.mrs {display: block;width: 140px;height: 35px;line-height: 35px;text-align: center;color: #fff;margin-top: 30px;}

.s_box ul li:nth-child(1) p {height: auto;}

.s_box ul li:nth-child(4) {border: 0;width: 669px;float: left;}

.s_box ul li:nth-child(5) {border: 0;}

.s_box ul li span {color: #fff;display: block;font-size: 13px;margin-top: 11px;}

/**主題**/
.foot {width: 100%;position: relative;padding-top: 60px;}

.foot .container {overflow: hidden;border-top: 1px solid #c7c5c5;border-bottom: 1px solid #c7c5c5;padding: 45px 0;}

.foot1 {width: 336px;float: left;overflow: hidden;}

.foo2 {float: left;width: 527px;}

.foo3 {width: 306px;float: right;color: #e7e7e7;}

.foot1 ul {width: 50%;float: left;}

.foot1 ul li {color: #e7e7e7;font-size: 20px;margin-bottom: 20px;}

.foot1 ul li a {font-size: 16px;line-height: 14px;display: block;box-sizing: border-box;
    padding-left: 16px;background: url(../image/sj.png) no-repeat left center;}
img.lgs {width: 230px;height: 72px;float: left;}

.tex2 {float: left;border-left: 1px solid #acabab;padding: 11px 0px 11px 20px;}

ul.ewm {overflow: hidden;width: 100%;text-align: center;padding-top: 27px;}

ul.ewm li {display: inline-block;margin: 0 10px;color: #e7e7e7;}

ul.ewm li img {margin-bottom: 12px;width: 100%;}

.tex2 h3 {font-size: 21px;color: #fff;margin: 0px 0 6px 0;}

.tex2 h4 {font-size: 18px;color: #fff;}
.foo3 ul {width: 100%;overflow: hidden;line-height: 29px;font-size: 16px;margin-top: 20px;}

.foo3 img {float: left;}

.foo3 h4 {float: left;font-size: 30px;margin: 10px 0 38px 16px;}

.foot4 {width: 100%;overflow: hidden;color: #fff;text-align: center;font-size: 16px;padding: 20px 0;}
.footer {width: 100%;text-align: left;background: #000;font-size: 12px;color: #fff;}

/**內頁**/

.main_m {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-top: 25px;
}

.main_top {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    width: 80%;
    float: right;
    text-align: right;
}

.main_tops {
    color: #666;
    margin: auto;

}

.main_tops a {
    color: #666;
}

.page_fl.fl {
    width: 22%;
}
h3.page_title {
    float: left;
    font-size: 20px;
    line-height: 47px;
    font-weight: bold;
    color: #333;
}
.prduct_ul ul {
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}


.propage h2, .newspage h2 {
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.propage,  .newspage {
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}
.prduct_ul li {
    width: 32.5%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.treepage ul li a {
   line-height: 58px;
   color: #FFF;
   width: 100%;
   border-bottom: 1px solid #ccc;
   padding-left: 20px;
   padding-right: 20px;
   background: #484848 url(../image/ico02.png) no-repeat 94% center;
   display: block;
   box-sizing: border-box;
}
.prduct_ul li:nth-child(3n) {
    margin-right: 0;
}

.prduct_ul li img {
    width: 100%;
    display: block;
    height: 250px;
}

.prduct_ul li h4 {
    text-align: center;
    margin-top: 5px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.article,.Article_content{
    width: 75%;
    float: right;
    margin-bottom: 40px;
}
.article ol li {
    box-sizing: border-box;
    padding: 10px 0;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.article ol {
    border-top: 1px solid #ccc;
    overflow: hidden;
    width: 100%;
}
.article ol li span {
    float: right;
    font-size: 12px;
    color: #666;
}
/**/

.pading {
    text-align: center;
    margin-top: 20px;
}

.pading a, .pading span {
    border: 1px solid #e5e5e5;
    padding: 3px 12px;
    display: inline-block;
    margin: 0px 5px;
    border-radius: 6px;
    color: #666;
}

.pading .next, .pading .prev {
    border: 1px solid #e5e5e5;
}

.pading span.current {color: #fff;}


.propage, .treepage,.newspage {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.prduct_ul,div#preview {
    margin-bottom: 40px;
    width: 75%;
    float: right;
}
.treepage h2 i {
    display: block;
    font-size: 14px;
    font-style: normal;
    margin-top: 4px;
}

.treepage ul {
    padding: 20px 0;
    width: 86%;
    margin: auto;
    display: block;
}

ul.subTree li {
    line-height: 20px !important;
}
.treepage h2 {
   width: 100%;
   background: #01479d url(../image/e.png) no-repeat 18px 15px;
   color: #FFF;
   padding: 15px 0 15px 28%;
   font-size: 28px;
   display: block;
   line-height: 28px;
   box-sizing: border-box;
}
.treepage .lx {
    padding: 13px 0;
}

.treepage .lx h4 {
    margin-top: 4px;
    font-size: 14px;
    line-height: 21px;
}

.treepage .lx h4 span {
    font-size: 20px;
}
.newspage ul li {
    box-sizing: border-box;
    width: 96%;
    margin: auto;
    padding: 5px 0;
    border-bottom: 1px dashed #ccc;
}

.newspage ul li h3 {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    box-sizing: border-box;
    padding-left: 16px;
    position: relative;
}

.newspage ul li p {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    height: 43px;
}
.propage ul {
    overflow: hidden;
}

.propage ul li {
    width: 48%;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin: 1%;
}
.propage ul li img {
    width: 100%;
    box-sizing: border-box;
    height: 83px;
    display: block;
    margin-bottom: 5px;
}

.propage ul li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding-bottom: 4px;
}
.treepage ul li {
    line-height: 58px;
    width: 100%;
    height: auto;
    background: #efeded;
}

.treepage ul li ul li a {
    color: #666;
    font-size: 14px;
    display: block;
    width: 100%;
    line-height: 41px;
    background: none;
    padding: 0 0 0 20px;
}

.treepage ul li ul {
    display: none;
    width: 100%;
    padding: 0;
}

.treepage ul li:hover ul {
    display: block;
}
.treepage ul li ul li:nth-child(1) {
    margin-top: 5px;
}
.propage ul li h4 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;}
.imgs.fl .hd ul li.on {
    box-sizing: border-box;
}

.imgs.fl .hd ul li img {
    display: block;
    width: 100%;
}
/**/
.article ol li h4 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 16px;
    box-sizing: border-box;
    width: 85%;
    float: left;
}
.article ol li h4:before {
    content: '■';
    font-size: 12px;
    margin-right: 5px;

    top: 0;
    left: 0px;
    position: absolute;
}
.article ol li p {
    font-size: 14px;
    color: #666;
    height:48px;
    word-break:break-all;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    width: 100%;
}

.Article_content {
    margin-bottom: 40px;
}

.Article_text {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 28px;
    color: #666;
    padding-bottom: 15px;
}

.info {
    text-align: center;
    color: #888;
    margin-bottom: 14px;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px;
}
/**/

.main_next {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 9px;
}

.main_next .prevrecord, .main_next .nextrecord {
    margin: 5px 0px;
    display: block;
    font-size: 14px;
    color: #666;
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main_next b {
    text-align: center;
    display: inline-block;
}
/**/
.xgwz, .xgcp {
    box-sizing: border-box;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}
/**/
h4.related {
    border-bottom: 1px dashed #ccc;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 5px;
  
    position: relative;
    margin-bottom: 10px;
}

h4.related span {
    display: inline-block;
}

.relatedlist {
    margin: 0 10px;
    padding: 10px 0;
    overflow: hidden;
}

ul.relate_news li {
    width: 100%;
    overflow: hidden;
}

ul.relate_news li:nth-child(2n) {
    float: right
}

ul.relate_news li a {
    color: inherit;
    display: block;
    border-bottom: 1px dashed #ccc;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.relate_pr li {
    width: 20%;
    float: left;
}

ul.relate_pr li a {
    color: inherit;
    display: block;
    margin: 5px;
    text-align: center;
    line-height: 30px;
}

ul.relate_pr li img {
    width: 100%;
    display: block;
    height: 114px;
}

ul.relate_pr p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

h4.related:after {content: "";width: 86px;height: 3px;position: absolute;left: 0;bottom: -2px;}

ul.relate_news li span {
    float: right;
}
ul.relate_news li h4 {
    width: 80%;
    float: left;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    position: relative;
    box-sizing: border-box;
    padding-left: 19px;
    color: #666;
}

ul.relate_news li span {
    float: right;
    width: 10%;
    color: #666;
    font-size: 12px;
    text-align: right;
}

ul.relate_news li h4:after {content: "";width: 5px;height: 5px;position: absolute;left: 5px;top: 21px;border-radius: 50%;}
.imgs.fl {
    width: 50%;
    float: left;
}

.imgs.fl .bd ul li img {
    width: 100%;
    display: block;
}
.imgs.fl .hd ul li {
    width: 105px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.imgs.fl .hd ul li:nth-child(4n) {
    margin-right: 0;
}

.imgs .bd {
    margin-bottom: 10px;
}

.fr.texts {
    width: 45%;
    float: right;
}

.Product_item_text {
    overflow: hidden;
    width: 100%;
    font-size: 22px;
    line-height: 42px;
    border-bottom: 2px solid #d4d4d4;
    margin-top: 10px;
    margin-bottom: 20px;
}

.fr.texts h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

.fr.texts p {
    color: #666;
    font-size: 15px;
    line-height: 27px;
}
.Product_item_text span {
    display: inline-block;
}

.product_content {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}

.news ul li .time  span {
	display:inline-block;
}

.four ul li a {
	display:block;
}

.produt_box {
	overflow:hidden;
	width:100%;
}

.page_c {
    width: 75%;
    float: right;	
    margin-bottom:15px;
}



.newspage ul li h3:before {
    content: '+';
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    left: 0px;
    line-height: 13px;
    color: #fff;
    font-family: '宋體';
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 6px;
    }
    .nrs {
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #ccc;
    }

.lx {

	background:#23439f;
	text-align:center;

	padding:20px 0;
	width:100%;
}

.lx h4 {

	font-size:18px;
	color:#FFF;

	margin-top:10px;

	line-height:28px;

}

.lx h4 span {
	
       display:block;
	font-size:24px;
	font-weight:bold;
}

.lx img {
	display:block;
	margin:auto;
}


.main_m {
	
margin-bottom:40px;

}
/**響應式**/
@media only screen and (max-width: 1200px) {
    .container,.interlink__inner {
        width:960px;
    }
   .one_box ul li {width: 306px;}


.two ul li {width: 438px;}


.three .bd ul li {width: 300px;
}


.four h2 {font-size: 28px;}


.four h4 {font-size: 25px;}


.f_top .fl span {
overflow: hidden;white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 12px;
padding-bottom: 14px;}


.f_top .fl p {font-size: 12px;}


a.mor {margin-top: 13px;}


ul.f_bot li {margin-right: 20px;width: 306px;}


.s_box ul li {width: 400px;}


.s_box ul li:nth-child(1) {width: 478px;}


.s_box ul li:nth-child(4) {width: 478px;}


.foo2 {width: 312px;}

.tex2 {border: 0;padding-left: 0;}


ul.ewm li {margin-left: 0;float: left;display: block;}


ul.ewm {padding-top: 9px;overflow: hidden;}

    .treepage h2 {
        background-size: 33px auto;
        font-size: 19px;
        line-height: 21px;
    }
    
    .treepage h2 i {
        font-size: 12px;
        margin-top: 0;
    }
    
    .treepage ul li a {
        line-height: 42px;
        background-position-x: 92%;
    }
    
    .treepage ul li ul li a {
        line-height: 30px;
    }
    
    .lx img {
        width: 27px;
    }
    
    .treepage .lx h4 {
        font-size: 12px;
    }
    
    .treepage .lx h4 span {
        font-size: 16px;
    }
    
    .prduct_ul li {
        width: 32%;
    }
    
    .prduct_ul li img {
        height: 218px;
    }.imgs.fl .hd ul li {
        width: 23%;
        margin: 1%;
    }.Article_text {
        font-size: 20px;
        padding-bottom: 1px;
        margin-top: 10px;
    }
}

@media only screen and (max-width:768px) {
    .container,.interlink__inner {
        width:96%;
    }
    .bottom, .banner_m {
        display: block;
    }
    .banner{
        display: none;
    }
.logo.fl {width: 46%;height: 107px;}
.header .container {position: relative;overflow: hidden;}
    .nav {position: fixed;
        background: rgba(0,0,0,0.6);
        width: 100%;
        height: 100%;
        float: none;
        top: 0;
        left: 0;
        display: none;
        z-index: 22222;
        margin-left: 0;
        border: 0;}
    .navs b {
        display: block;
        width: 20px;
        height: 2px;
        margin: 4px auto;
        border-radius: 4px;
        position: relative;
  background: #0b399d;}
    .nav_button {
        position: absolute;
        top: 0;
        left: 43%;
        width: 30px;
        height: 30px;
        background: url(../image/close.png) no-repeat;
        display: block;
        z-index: 22222;
        background-size: 20px;
    }
    .nav.fr {
        position: fixed;

        width: 100%;
        height: 100%;
        float: none;
        top: 0;
        left: 0;
        display: none;
        z-index: 222;
        margin-left: 0;
        border: 0;
    background: rgba(0,0,0,0.4);margin-top: 0;}
    .navs {
        width: 25px;
        border-radius: 5px;
        position: absolute;
        top: 39%;
        right: 12px;
    }
    .nav ul {
        width: 52%;
        overflow: hidden;
  
        height: 100%;
        right: 0;
        top: 0;
        position: absolute;
    z-index: 22;background: #333;float: none;}
    
    .nav ul li {
        width: 100%;
        float: none;
    height: auto;line-height: 40px;padding: 0;}
    .nav ul li ul {
        display: none !important;
    }
    
    .nav ul li a {
        font-size: 14px;
        line-height: 53px;
        color: #fff;
        text-align: center;
    padding: 0;text-shadow: inherit;}
    .swiper-button-next:after, .swiper-button-prev:after {color: #fff;
        font-size: 30px;}
        .tell.fr {display: none;}

        .nav li:hover>a, .nav a.cur {color: #fff;}
        
        .top .fl {width: 55%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        
        .one {padding: 30px 0;}
        
        .title h4 {font-size: 22px;padding: 0;}
        
        .title {background-position-y: 37px;margin-bottom: 10px;background-size: 192px;}
        
        .title p {font-size: 14px;}
        
        .one_nav ul li {width: 27%;padding: 5px 0;}
        
        .one_nav ul li a {font-size: 14px;}
        
        .one_nav {margin-bottom:10px;}
        
        .one_box ul li {width: 48%;margin: 1%;}
        
        .one_box ul li:nth-child(3n) {margin-right: 1%;}
        
        .one_box ul li h4 {padding: 10px 0 0 0;font-size: 14px;}
        
        .two ul li {width: 45%;height: 155px;margin-bottom: 26px;}
        
        .two {padding: 20px 0;}
        
        .two ul li p {font-size: 12px;line-height: 22px;height: 70px;}
        
        .two ul li h4 {font-size: 18px;padding: 0;margin-bottom: 3px;}
        
        .two ul li img {max-width: initial;width: 46px;height: 47px;}
        
        .tels {width: 150px;height: 150px;margin-left: -75px;margin-top: -75px;}
        
        .tels h2 {font-size: 16px;}
        
        .tels h4 {font-size: 12px;margin-bottom: 0;}
        
        .tels img {margin: 29px auto 10px;}
        
        .two ul li:nth-child(3) {margin-top: 140px;}
        
        .two ul li:nth-child(4) {margin-top: 140px;}
        
        .three .bd {width: 300px;margin: auto;}
        
        .three {padding: 30px 0;}
        
        .three .bd ul li h4 {font-size: 14px;}
        .n_ext {right: 0;}

.p_ext {left: 0;}
        .four h4 {font-size: 15px;width: 50%;}
        
        .four h2 {font-size: 16px;padding-bottom: 3px;}
        
        .four h2 b:after {border-top: 32px solid transparent;right: -21px;}
        
        .four h2 b {padding: 5px 10px;margin-right: 26px;}
        
        a.mr {width: 130px;height: 38px;line-height: 38px;font-size: 12px;float: right;}
        
        .for h3 {width: 100%;overflow: hidden;text-align: right;font-size: 12px;}
        
        .for h3 b {font-size: 18px;}
        
        .four {padding: 30px 0;}
        
        .five {padding: 30px 0;}
        
        .f_top .fr {width: 100%;float: none;}
        
        .f_top .fl {width: 100%;float: none;text-align: center;}
        
        .f_top .fl h4 {font-size: 22px;margin-bottom: 0;}
        
        .f_top .fl span {font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;}
        
        .f_top .fl span:after {width: 60px;height: 2px;left: 50%;margin-left: -30px;}
        
        .f_top .fl p {font-size: 12px;}
        
        a.mor {font-size: 12px;width: 111px;margin: 20px auto;}
        
        ul.f_bot {margin-top: 30px;}
        
        ul.f_bot li {width: 32%;margin-right: 1%;}
        
        ul.f_bot li img {float: none;margin: auto;width: 60px;}
        
        ul.f_bot .fr {width: 100%;float: none;margin-top: 10px;}
        
        ul.f_bot .fr h4 {font-size: 16px;text-align: center;margin-bottom: 2px;}
        
        ul.f_bot .fr p {font-size: 12px;text-align: center;height: 72px;}
        
        .six {padding: 40px 0;}
        
        .six .title {background-position-y: 37px;background-size: 192px;}
        
        .s_nav {margin: 10px auto;}
        
        .s_nav li a {font-size: 14px;}
        
        .s_nav ul li {height: 30px;margin-right: 11px;float: none;display: inline-block;}
        
        .s_nav ul {height: 30px;text-align: center;}
        
        a.mr1 {font-size: 12px;}
        
        .s_box ul li:nth-child(1) {width: 100%;float: none;}
        
        .s_box ul li {width: 100%;float: none;}
        
        .s_box ul li:nth-child(4) {border-bottom: 1px dashed #fff;width: 100%;float: none;}

        
        .s_box ul li:nth-child(1) img {width: 100%;float: none;margin-bottom: 10px;}
        
        .s_box ul li:nth-child(1) .fr {width: 100%;float: none;}
        
        .s_box ul li h4 {font-size: 16px;margin: auto;}
        
        .s_box ul li p {font-size: 12px;}
        
        a.mrs {margin-top: 10px;width: 100px;font-size: 12px;}
        
        .foot1 {width: 100%;float: none;}
        .foot {padding-top: 6%;}
    
        .foot1, .foo2, .foo3 {display: none;}
        
        .foot .container {border: 0;padding: 0;}
        
        .foot4 {width: 96%;margin: auto;font-size: 12px;padding: 0;}
        
        li.dhzx {background: #e73013;}

.footer {padding-bottom: 70px;text-align: center;}

.interlink {display: none;}

li.dhzx a {color: #fff;}
        .main_tops {
            width: 100%;
            background-size: 14px;
            background-position-x: 8px;
            font-size: 12px;
        }
        
        .main_m {
            width: 96%;
            margin-top: 3%;
        }
        .page_fl.fl {
            width: 99%;
            float: none;
        }
        
        .treepage h2 {
            font-size: 16px !important;
            padding-left: 16%;
        }
        .treepage h2 b {
            font-size: 14px;
        }
        
        ul.subTree {
            display: none !important;
        }
        .propage ul li {
            width: 48%;
            margin: 1%;
            float: left;
            font-size: 12px;
        }
        
        .propage ul {
            overflow: hidden;
            margin: 1% 2%;
        }
        .treepage ul li {
            width: 25%;
            float: left;
            box-sizing: border-box;
            padding: 0 1%;
            border: 0;
            text-align: center;
        }
        
        .treepage ul {
            overflow: hidden;
            margin: 1% 0%;
            width: 100%;
            padding: 10px 0;
        }
        
        .treepage ul li a {
           font-size: 12px;
           text-align: center;
           padding-left: 0;
           line-height: 40px;
           height: 40px;
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
           display: block;
        }
        
        .prduct_ul, div#preview, .article, .Article_content, .page_c {
            width: 97%;
            float: none;
            margin: auto;
            margin-bottom: 10px;
        }
        .prduct_ul ul li {
            width: 48%;
            margin: 1%;
        }
        .prduct_ul ul li img {
            height: 151px;
            box-sizing: border-box;
        }
        .prduct_ul ul li:nth-child(3n) {
            margin-right: 1%;
        }
        .newspage, .propage {
            width: 99%;
            margin-bottom: 3%;
            margin-right: 0;
            float: none;
            padding: 0;
        }
        
        .pading {
            margin: 15px auto;
        }
        
        .newspage h2, .propage h2 {
            margin: auto;
            font-size: 16px ;
            height: 40px ;
            line-height: 40px;
            padding-bottom: 0;
        }
        
        .newspage ul li {
            width: 48%;
            margin: 1%;
            padding-bottom: 5px;
            padding: 1%;
            box-sizing: border-box;
            float: left;
        }
        
        .newspage ul li h3 {
            font-size: 12px;
            margin-bottom: 0;
            color: #333;
        }
        
        .newspage ul li p {
            font-size: 12px;
        }
        .imgs.fl {
            width: 100%;
            float: none;
            overflow: hidden;
        }
        
        .imgs.fl .hd ul li {
            width: 23%;
            margin: 1%;
        }
        
        .fr.texts {
            width: 100%;
            float: none;
        }
        .produt_box h3 {
            font-size: 16px;
            margin: 5px auto;
            padding-bottom: 5px;
        }
        .fr.texts p {
            font-size: 12px;
        }
        
        .produt_box {
            padding: 0;
        }
        .article ol li {
            padding: 6px;
        }
        
        .article ol li span {
            font-size: 12px;
            background-size: 13px;
            margin-bottom: 0;
            margin-top: 0;
            width: 22%;
            text-align: right;
        }
        .article ol li h4 {
            font-size: 14px;
            margin: auto;
            width: 76%;
        }
        
        .article ol li p {
            font-size: 12px;
            height: 55px;
            overflow: hidden;
            line-height: 18px;
        }
        .propage ul li img {
            height: 125px;
        }
        
        .Article_text {
            font-size: 16px;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        h4.related {
            font-size:16px;
            padding-bottom:5px;
        }
        .main_tops {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 0;
        }
        .newspage ul {
        margin: 1% 2%;
        overflow: hidden;
        }
        div#preview {
        margin-top: 20px;
        }
        .pading a, .pading span {
        margin: 0 3px;
        }
        .main_top {
        width: 70%;
        height: auto;
        line-height: 30px;
        }
        .treepage {
        height: auto;
        margin: 1% auto;
        }
        .info {
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-size: 12px;
        }
        .detail {
        font-size: 14px;
        }
        .fr.texts h3 {
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        }
        .Product_item_text {
        font-size: 18px;
        margin: 5px auto;
        }
        .xgwz, .xgcp {
        padding: 1%;
        margin-top: 10px;
        width: 100%;
        float: none;
        }
        h4.related span {
        font-size: 18px;
        }
        ul.relate_news li a {
        height: 35px;
        line-height: 35px;
        }
        ul.relate_pr li img {
        height: 39px;
        }
        .prduct_ul ul li h4 {
            padding: 2px 0;
            font-size: 12px;
        }
        .main_next .prevrecord, .main_next .nextrecord {
            font-size: 12px;
        }
        .treepage {
            margin-bottom: 10px;
            width: 99%;
        }
        .product_content span {
        font-size:14px !important;
    }
    
    .treepage ul li a:after {
        right:0;
    }
    
    .article ol li p {
        height:38px;
    }
    h3.page_title {
           font-size: 14px;
        width: 23%;
        line-height: 32px;
    }
    .article ol {
        padding-top: 8px;
    }
    
}