@charset "utf-8";

@import "base.css";

.container{width: 98%;max-width: 1100px;margin: auto}



.h-top {background-color: #e9e9e9;color: #7b7a7a;height: 24px;font-size: 12px;line-height: 24px;}

.top-right {float: right;}
.top-right a {color: #7b7a7a;margin:0 3px;}

.h-con {padding: 26px 0 20px;}
.h-con .h-bt {float: left;width:70%;max-width: 610px;}
.h-con .h-pho {float: right;margin-top: 24px;font-size: 14px;color: #222;background: url(../images/xxx.png) no-repeat center 2px;text-align: center;}
.h-con .h-pho h3 {font-size: 24px;}

.h-con button{float:right;width: 40px;height: 32px;margin-right: 10px;margin-top: 6px;border: 1px solid #B51A20;background: #fff;border-radius: 3px;display: none;cursor: pointer}
.h-con button span{display: block;width: 96%;height: 2px;background: #B51A20;margin: 3px 0;border-radius: 3px;border: 1px solid #B51A20;}

.nav {color:#ffffff;background: #B51A20}
.nav ul li {float: left;width: 137px;height: 50px;font-size: 16px;line-height: 50px;text-align: center;}
.nav ul li a {color: #ffffff;display: block}
.nav ul li a:hover {background: #353639}
.n-cur {background: #353639}


.banner ul li {background-size: cover;background-repeat: no-repeat;background-position: center;height: 500px;}



.s-bg {background: url(../images/sea.png) repeat-x bottom #f9f9f9;font-size: 12px;padding: 8px 0 12px;}
.h-ser span {width: calc(100% - 260px);overflow: hidden;color: #333;line-height: 24px;}
.h-ser span a {padding: 0 3px;display: inline-block;color: #666;}

.s-inp {width: 255px;float: right;}
.s-inp .inp01 {border: 1px solid #dcdcdc;width:calc(100% - 57px);height: 22px;text-indent: 25px;float: left;background: url("../images/s_inp.jpg") no-repeat 10px center;}
.s-inp .bnt{float: right;width: 55px;height: 24px;border: none;background: url(../images/s_ss.gif);}

@media screen and (max-width:812px){
    .no_mobile{display: none}

    .h-con{padding-bottom: 10px;}
    .h-bt{width: 70%;padding: 0;}
    .h-con button{display: block;}

    .nav{display: none}
    .nav.on{display: block}
    .nav .container{width: 100%;}

    .nav ul li{width: 100%;font-size: 12px;}
    .banner ul li{height:180px;}

}






.fl {float: left;}

.he-box {background: #f3f2f2;margin: 0 auto;clear: both;padding-top: 30px}
.he-box h2 {width: 1100px;height: 56px;background: url(../images/he-nav.png);margin: 0 auto}
.he-b {width: 1100px;margin: 0 auto;padding-top: 20px;}
.he-b .mr_box {height: 140px;}
.he {width: 1100px;height: 140px;float: left;overflow: hidden;padding-top: 20px;margin-left: 2px}
.he ul li {float: left;width: 198px;height: 78px;overflow: hidden;display: inline;margin: 0 10px;border: 1px solid #bfbfbf;}
.he ul li a {width: 198px;height: 78px;}

.he ul li a img {width: 198px;height: 78px;}

.pro-box {}
.pro-box h2 {height: 58px;background: url(../images/pro-nav.png);margin: 5px 0}
.product {padding-top: 20px}
.pro-left {float: left;width: 200px;background: url(../images/pro-di.png) no-repeat bottom center}
.pro-left dl {border: 1px solid #bfbfbf;}
.pro-left dl dt {background: url(../images/pro-b.png);height: 100px}
.pro-left dl dd {font-size: 14px;line-height:2.5;padding-left: 20px;background: url(../images/zx_h3.jpg) no-repeat right center #efefef;border-bottom: 1px #dddddd solid}
.pro-left dl dd a {color: #333333;display: block}


.pro-right {width:calc(100%  - 230px);float: right;text-align: center;}
.pro-right ul li a{border: 1px solid #bfbfbf;display: block;line-height: 2.5}
.pro-right ul li p {color: #575757;}


.tong1-box {height: 176px;padding-top: 100px;background-size: cover;box-sizing: border-box;}
.tong1-box a{float: right;width: 144px;height: 34px;}

.tong1 {background: url(../images/tong1.png) no-repeat center;}
.tong1 a {margin-top:20px;background: url(../images/t-zi.png) no-repeat center}
.tong2 {background: url(../images/t2.png) no-repeat center;}
.tong2 a {background: url(../images/t1-zi.png) no-repeat center}

.you-b {background: url(../images/youshi-di.jpg) center top}
.youshi {height: 1460px;margin: 0 auto;overflow: hidden;position: relative}
.youshi dl {position: absolute;width: 40%;font-size: 15px;color: #454545;line-height: 2}
.youshi dl dt {margin-bottom: 20px}
.you01 {top: 350px;right: 0}
.you02 {left: 0;top: 640px}
.you03 {top: 932px;right: 0}
.you04 {left: 0;top: 1200px}

.anli {}
.anli h2 {height: 58px;background: url(../images/an-nav.png) no-repeat center;margin-top: 30px;margin-bottom: 20px}
.anli ul li {width:calc((100% - 60px)/3);float: left;font-size: 16px;margin-right: 30px;margin-bottom: 20px;box-sizing: border-box;position: relative}
.anli ul li:nth-child(3n){margin-right: 0;}
.anli ul li .tit{width:100%;height:100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.5);color: #ffffff;display:none}
.anli ul li:hover .tit{display: grid;justify-content: center;align-items: center;}


.abo-box h2 {height: 58px;background: url(../images/abo-nav.png);margin: 0 auto;margin-top: 30px;margin-bottom: 20px}
.abo {padding-top: 20px;padding-bottom: 40px}
.abo-tu {float: left;width:43%;}
.m-wz {float: right;width:55%;padding-top: 10px;font-size: 16px;}
.m-wz h3 {margin-bottom: 10px;font-size: 20px;overflow: hidden;}
.m-wz h3 a {color: #333333;}
.m-wz h3 em {display: block;color: #c8161d;font-weight: normal;font-style: normal;}
.m-wz p {color: #555555;line-height:2;height: 200px;overflow: hidden;margin-top: 16px}
.m-wz p a {color: #c8161d;}



.in_news {margin-top: 30px}
.in_news .tit {line-height: 38px;font-size: 18px;background: url(../images/line3.jpg) no-repeat left center;padding-left: 15px;margin-bottom: 28px;}
.in_news .tit a {color: #333333;font-weight: 600;}
.in_news .tit .more1 {float: right;font-size: 14px;}
.in_news .tit .more1 a {color: #666;font-weight: normal}
.in_news .tit em {color: #555555;font-size: 12px;text-transform: uppercase;display: inline-block;padding-left: 5px;}

.zi-l {float: left;width:32%;margin-right:2%;overflow: hidden}

.in_news li {height: 40px;line-height: 40px;padding-left: 18px;background: url(../images/dtico.jpg) no-repeat 6px center;overflow: hidden;}
.in_news li a {color: #555555;font-size: 13px}

.wend {float: right;width: 32%;}
.wend dl {border-top: 1px dashed #cecece;height: 90px;padding: 20px 0 0 0;}
.wend dt {height: 19px;padding-left: 25px;line-height: 19px;background: url(../images/q.png) no-repeat left 3px;font-size: 12px;color: #c8161d;overflow: hidden;}
.wend dt a {color: #c8161d;font-weight: bold;}
.wend dd {margin-top: 8px;padding-left: 25px;background: url(../images/a.png) no-repeat left 3px;line-height: 24px;font-size: 12px;color: #555555;height: 48px;overflow: hidden;}

@media screen and (max-width:812px){
    /*.he-box h2{width: 100%;background-position: center top;}*/
    /*.he-b{width: 100%;}*/
    /*.he{width: 224px;float: none;margin-right: auto;margin-left: auto;height:auto;}*/

    .pro-box{padding-bottom: 20px;}
    .pro-box h2{background-position: 47% top;}
    .pro-right{width: 100%;float: none}

    .anli ul li{width: 48%;margin: 1%;}

    .abo-tu{text-align: center}
    .abo-tu,.m-wz{width: 100%;float: none}
    .m-wz h3{font-size: 16px;text-align: center}
    .m-wz{font-size: 12px;}
    .m-wz p{height:auto;padding: 0 15px;}

    .in_news .tit{font-size: 16px;margin-bottom: 10px;}



}








.yq-box {background: #f3f3f3;padding-top: 30px
}

.yq {width: 1100PX;margin: 0 auto;}

.yq-top {border-bottom: 1PX solid #CCC;height: 35px;}

.yq-top span {float: right;}

.yq-top span a {color: #666;font-size: 12px;}

.yq-top h3 a {font-family: "微软雅黑";font-size: 14px;font-weight: normal;color: #999
}

.yq-con {padding: 10px;line-height: 30px;}

.yq-con a {padding: 0 10px;color: #666;font-size: 12px
}

.foot-box {background: url(../images/f-di.png) repeat-x;height: 365px;}


.f-top {overflow: hidden}
.f-f {padding: 18px 0 0 18px;height: 170px;width: 194px;float: left}
.f-f h3 {height: 45px;}
.f-f h3 span {padding-right: 5px;}
.f-f h3 span a {font-family: "微软雅黑";font-size: 14px;color: #fff;font-weight: normal;}
.f-f h3 em {font-family: "微软雅黑";font-size: 14px;color: #d87175;font-weight: normal;font-style: normal}
.f-f p {font-family: "微软雅黑";font-size: 14px;color: #fff;}
.f-f .p1 {font-family: "微软雅黑";font-size: 18px;font-weight: 600}
.f-f ul li {height: 24px;}
.f-f ul li a {color: #fff;font-size: 13px}
.f-f1 {padding: 18px 0 0 18px;height: 170px;width: 220px;float: left}

.f-f1 p img {float: left;margin: 0 6px 0 0}

.f-con {background: url(../images/f_yy.gif) no-repeat 0 0;width: 1100px;margin: 0 auto}

.f-img {float: left;padding: 35px 30px 0 60px;}

.f-p {line-height: 20px;padding: 35px 0 0;float: left
}

.f-p p {font-size: 13px;color: #494949;margin: 0;}

.f-p p a {font-size: 13px;color: #494949;}

.kehu-box {width: 1100px;margin: 0 auto;clear: both;}

.kehu-box h2 {width: 1100px;height: 58px;background: url(../images/kehu-nav.png);margin: 0 auto;margin-top: 30px;margin-bottom: 20px;}

.kehu {width: 1100px;overflow: hidden;clear: both;}

.kehu li {position: relative;width: 520px;height: 200px;float: left;margin-bottom: 30px;margin-left: 10px;margin-right: 20px;}

.din {width: 380px;background: #f3f2f2;border-left: 2px solid #c8161d;height: 170px;padding-left: 30px;padding-top: 30px;}

.din p {width: 290px;height: 96px;margin: 0;font-size: 14px;color: #8c8c8c;margin-bottom: 30px;}

.din a {font-size: 14px;color: #c8161d;}

.kk {position: absolute;display: block;width: 176px;height: 176px;right: 0;top: 12px;}
.small {position: absolute;left: 50%;bottom: 12%;cursor: pointer;margin-left: 0px}
.small a {width: 40px;height: 4px;background: white;float: left;margin: 0 8px;}
.small .small_s {background: #353639;width: 40px;height: 4px}

.pagination {margin: 20px 0;text-align: center;}
.pagination a{display: inline-block;line-height: 34px;margin-right: 5px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555;}
.pagination a.current{border-color: #09f;background: #09f ;color: #fff;}