*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}
a{ blr:expression(this.onFocus=this.blur());  outline:none;  } 
a:focus{ -moz-outline-style: none;  } 
body { margin: 0px; font-size: 14px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; background-color: #f7f7f7;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none; color:#333333;}
a:visited {text-decoration: none; color:#333333;}
a:hover { text-decoration: none; color:#333333;}
a:active {text-decoration: none; color:#333333;}
.fl{float: left;}
.fr{float: right;}

.common-width{ width:1200px; margin:0 auto;}
#menu{display: none !important;}
#menu.mm-opened{ display: block !important;}

.top-box{ width:100%; height:66px; background-color:#e6212a; position: fixed; left: 0; top: 0; z-index: 999; border-bottom: 1px solid #ddd;}
.top{ width:100%; height:66px;}
.top-logo{height:50px; padding-top:8px; float: left;}
.top-logo img{height:50px;}
.top-company {float: left; height: 40px; padding-top: 13px;}
.top-company img {height: 40px;}

.top-nav{ height:66px; float: left; margin-left: 80px;}
.top-nav ul li{ width:auto; height:66px; line-height: 64px; font-size: 16px; float: left; margin: 0 10px;}
.top-nav ul li a{ display: block; padding: 0 15px; color: #fff; border-top: 2px solid #e6212a;}
.top-nav ul li:hover a{ color: #FFB800; border-top: 2px solid #fff; transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.top-nav ul li.curr a{ color: #FFB800; border-top: 2px solid #fff;}
.top-tel{ height:66px; line-height: 64px; font-size: 16px; float: right; color: #fff;}
.top-tel i{ display: inline-block; font-size: 20px; float: left; color: #fff; margin-right: 10px; position: relative; top: 3px;}
.top-menu{ width: 20px;height: auto; overflow: hidden; float: right; margin-top: 22px; margin-left: 30px;}
.top-menu-k{ cursor: pointer;}

.menu-ceng{ width: 100%; height: 920px; position: fixed; top: 65px; left: 0; z-index: 999; background-color:#fff; border-top:1px solid #f5f5f5;}
.menu-up{ width:88%; height:auto; overflow:hidden; margin:0 auto; padding-top:120px;}
.menu-up-l{ float:left; font-size:16px; line-height:50px; color:#666;}
.menu-up-r{ width:600px; float:right;}
.menu-up-r ul li{ width:33.33%; float:left;}
.menu-up-r ul li h3{ font-size:18px; color: #e60012;}
.menu-up-r ul li h3 i{ display:inline-block; font-size:18px; color: #e60012; width:25px;}
.menu-up-r ul li h3 i.icon-jingqu{ font-size:22px;}
.menu-up-r ul li span{ padding-left:25px; margin-top:6px; display:block; font-size:14px; letter-spacing:1px; color: rgba(0,0,0,.5); font-family:Arial, Helvetica, sans-serif;}
.menu-up-r ul li:hover h3{ color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.commonmore0{ margin-left:6%;width: 160px;height: 58px;font-size: 14px; font-weight:bold;line-height: 58px; border-radius:50px;border: 1px solid #bfbfbf;text-align: center;color:#333;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:120px;}
.commonmore0:hover{border-color: #e60012;}
.commonmore0 .ceng{width: 100%;height: 58px;background-color: #e60012;position: absolute;left: -160px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore0:hover .ceng{left: 0;}
.commonmore0 a{color: #666;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore0 a i{ vertical-align: middle; font-size: 24px; padding-left: 4px; position: relative; top: 0;}
.commonmore0 a:hover{color: #fff;}

.menu-down{ width:100%; height:190px;margin:50px auto;}
.marqueeleft{ width:100%;height:190px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;width:300px;height:188px;overflow:hidden;}
.marqueeleft li img{display:block;width:300px;height:188px;overflow:hidden;}

.lineBlock {
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.18);
    margin:100px 0 0 0;
}
.dotBlock {
    position: absolute;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    background: #e60012;
}
.dotBlock.small {
    width: 7px;
    height: 7px;
    margin-top: -3px;
    margin-left: -3px;
}

.top-menu{ width: 20px; height: 20px;}
.top-menu-x{ display: none; cursor: pointer;}
.menu-ceng-m{ position: absolute; z-index: 9999; margin-left: -78px; margin-top: -18px; top: 50%; left:50%;}
.menu-ceng-l{ width: 50%; height: 920px; background-color: #e60012; float: left;}
.menu-ceng-l-nr{ width: 90%; padding: 5%; height: auto; overflow: hidden;}
.menu-ceng-l img{ max-width: 100%; display: block;}
.menu-ceng-l h3{ height: auto; overflow: hidden; display: block; font-size: 44px; color: #ffffff; font-weight: 400; padding: 40px 0 150px 0;}
.menu-ceng-l p{ display: block; font-size: 44px; color: #ffffff; line-height: 90px;}
.menu-ceng-r{ width: 50%; height: 920px; background-color: #f7f7f7; float: right;}
.menu-ceng-r-u{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.menu-ceng-r-u dl dt{ font-size: 16px; color: #666; padding: 120px 0 40px 0;}
.menu-ceng-r-u dl dd{ font-size: 24px; line-height: 60px;}
.menu-ceng-r-u dl dd:hover a{ color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.menu-ceng-r-d{ width: 95%; height: auto; overflow: hidden; padding-left: 5%; padding-top: 15%;}
.menu-ceng-r-d p{ width: 95%; line-height: 40px; font-size: 18px; color: #666;}

.banner{width: 100%; position:relative; overflow:hidden;}

.swiper-container { margin: 0 auto; overflow: visible;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { display: block;}
.swiper-slide { position: relative; opacity: 0 !important;}
.swiper-slide img { width: 100%; height:100%; vertical-align:middle;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px; height: 68px; background-size: contain;}
.swiper-button-next { right: 100px; background-image: url("../image/next.png")}
.swiper-button-prev { left: 100px; background-image: url("../image/prev.png");}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 40px;}
.swiper-pagination-bullet { width: 70px; height: 4px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.swiper-pagination-bullet:after { content: ""; display: block; height: 4px; background-color: #fff; opacity: 0.5;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #e60012;}

.gun{ position: absolute; bottom: 60px; left: 50%; margin-left: -15px; z-index: 99;}
.gun-d{ width: 8px; height: 8px; background-color:#e60012; border-radius: 50%; position: absolute; left: 50%; bottom: 60px; margin-left: -3px; z-index: 99;animation:mymove infinite;
        animation-duration:2s;

        -webkit-animation:mymove infinite;
        -webkit-animation-duration:2s;}

@keyframes mymove
{
    from {top:15px;}
    to {top:65px;}
}

@-webkit-keyframes mymove 
{
    from { top:15px;}
    to {top:65px;}
}


.yewu-box{ width: 100%; height: auto; overflow: hidden; padding: 60px 0 110px 0; background: #f7f7f7 url("../image/ywbg.png") no-repeat left bottom;}
.yewu{ width: 100%; height: auto;}
.yewu-tit{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.yewu-tit h3{ height: 30px; line-height: 30px; margin-bottom: 20px; font-size: 28px; background: url("../image/bt-bg.png") no-repeat center;}
.yewu-tit p{ font-size: 14px; color: #666;}
.yewu-con{ width: 100%; margin-top: 75px;}
.yewu-bt{ width:100%; height: auto; overflow: hidden;}
.yewu-bt ul{ width: 80%; margin:0 auto;}
.yewu-bt ul li{ width: 33.33%; height: auto; float: left; text-align: center;}
.yewu-bt ul li i{ display: block; width: 60px; height:60px; margin: 0 auto;}
.yewu-bt ul li.yewu1 i{ background: url("../image/icon1.png") no-repeat center;}
.yewu-bt ul li.yewu2 i{ background: url("../image/icon2.png") no-repeat center;}
.yewu-bt ul li.yewu3 i{ background: url("../image/icon3.png") no-repeat center;}
.yewu-bt ul li b{ display: block; color: #333; font-size: 16px; margin: 10px 0 25px 0;}
.yewu-bt ul li span{ width: 130px; height: 2px; display: block; background-color: none; margin: 0 auto;}
.yewu-bt ul li.yewu1:hover i,.yewu-bt ul li.yewu1.casehover i{ background: url("../image/iconh1.png") no-repeat center;}
.yewu-bt ul li.yewu2:hover i,.yewu-bt ul li.yewu2.casehover i{ background: url("../image/iconh2.png") no-repeat center;}
.yewu-bt ul li.yewu3:hover i,.yewu-bt ul li.yewu3.casehover i{ background: url("../image/iconh3.png") no-repeat center;}
.yewu-bt ul li:hover b,.yewu-bt ul li.casehover b{ color: #e60012;}
.yewu-bt ul li:hover span,.yewu-bt ul li.casehover span{ background-color: #e60012;}
.yewu-nr{ width:100%; height:auto; background-color: #fff; box-shadow: 2px 2px 10px rgba(230,0,18,0.1);}
.yewu-tp{ width:100%; height:auto; position: relative;}
.yewu-tp-num{ position: absolute; z-index: 2px; left: 2%; top: -30px; text-align: center;}
.yewu-tp-num span{ display: block; width: 2px; height: 60px; background-color: #e60012; margin-left: 7px;}
.yewu-tp-num b{ display: block; font-size:14px; color: #e60012; font-weight: bold; margin-top: 8px;}
.yewu-tp-con{ padding: 40px 80px; height: auto; overflow: hidden; background: url("../image/tubg.png") no-repeat top right;}
.yewu-tp-con dl{ width: 54%; float: left;}
.yewu-tp-con dl dt{ width: 100%;height: auto; overflow: hidden; margin-bottom: 30px; line-height: 24px;}
.yewu-tp-con dl dt h3{ font-size: 16px;}
.yewu-tp-con dl dt p{ font-size: 16px;}
.yewu-tp-con dl dd{ width: 100%; height: auto; overflow: hidden;}
.yewu-tp-con dl dd p{ font-size: 14px; line-height: 24px; color: #999;}
.yewu-tp-con dl dd span{ display: inline-block; float: left; padding:0 15px; height: 25px; line-height: 25px; background-color: #fce5e7; text-align: center;color: #e60012; border-radius: 20px; font-size: 12px; margin: 25px 15px 30px 0;}
.commonmore2{width: 120px;height: 34px; border-radius:1px;border: 1px solid #bfbfbf;text-align: center;font-size: 14px;line-height: 34px;color:#666;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:20px;}
.commonmore2:hover{border-color: #e60012;}
.commonmore2 .ceng{width: 100%;height: 34px;background-color: #e60012;position: absolute;left: -122px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore2:hover .ceng{left: 0;}
.commonmore2 a{color: #666;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore2 a i{ vertical-align: middle; font-size: 24px; padding-left: 4px; position: relative; top: 0;}
.commonmore2 a:hover{color: #fff;}
.yewu-tp-con-img{ width: 38%; float: right;}
.yewu-tp-con-img img{ max-width: 100%; text-align: left;}

.anli-box{ width: 100%; height: auto; background-color: #fff; padding: 70px 0;}
.anli{ width: 100%; height: auto; overflow: hidden;}
.anli-img{ position: absolute; top: -60px; right: 12%;}
.anli-tit{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.anli-tit h3{ height: 30px; line-height: 30px; margin-bottom: 20px; font-size: 28px; background: url("../image/bt1-bg.png") no-repeat center;}
.anli-tit p{ font-size: 14px; color: #666;}
.anli-con{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.anli-con ul li{ width: 25%; height: auto; overflow: hidden; float: left; position: relative;}
.anli-con ul li img{ width: 100%; height: auto;}

.indexthxxx{ display: none;}

.guanyu-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; padding-bottom:90px; position:relative;}
.guanyu-r{ position:absolute; right:18%; top:0;}

.tab1{ width:1260px; height: auto; overflow: hidden; position: relative;}
.guanyu{ height:50px; line-height: 50px; padding-left: 18.75%;}
.guanyu li{ float:left;cursor:pointer;font-size: 16px;}
.guanyu li.casehover{color:#e60012;}
.guanyu li#one1{ padding-left: 8px;}
.guanyu li#one2{ padding-left: 90px;}
.guanyu li#one3{ padding-left: 190px;}
.guanyu li#one4{ padding-left: 140px;}
.guanyu li#one5{ padding-left: 290px;}
.gy-nr{ width: 100%; height:520px; position: relative;}
.gy-nr .gy-tu img{ max-width: 100%; height:520px;}
.gy-nr .gy-we{ position: absolute; left: 19%; width: 70%; font-size: 40px; color:#e60012; padding-top: 120px;line-height: 62px;}

.xinwen-box{ width: 100%; height: auto; background: #ffffff url("../image/xwbg.png") no-repeat center; padding: 60px 0 100px 0;}
.xinwen{ width: 100%; height: auto; overflow: hidden;}
.xinwen-con{ width: 94%; height: auto;margin: 80px auto 0 auto;}
.xinwen-l{ width: 32%; height: auto; float: left;}
.xinwen-l-an{ position: absolute;top: 40px; left: -40px;}
.xinwen-l-tu{ width: 100%; height: 214px; float: left;}
.xinwen-l-tu img{ width: 100%; height: 214px;}
.xinwen-l-we{ padding: 30px; height: auto; overflow: hidden; background-color: #ffedef;}
.xinwen-l-we span{ font-size: 16px; color: #666;}
.xinwen-l-we h3{ font-size: 20px; color: #333; line-height: 30px; margin: 15px 0 40px 0;}
.xinwen-r{ width: 62%; height: auto; overflow: hidden; float: right;}
.xinwen-r ul li{ width: 100%; height: auto; overflow: hidden; padding: 25px 0; border-bottom: 1px dashed #999;}
.xinwen-r ul li:first-child{ padding: 0 0 20px 0;}
.xinwen-r ul li:last-child{ border-bottom: none;}
.xinwen-r-time{ width: 72px; height: 72px; border-radius: 2px; background-color: #bbbbbb; float: left; text-align: center;}
.xinwen-r-time p{ color: #fff;}
.xinwen-r-time b{ font-size: 36px; font-weight: bold;}
.xinwen-r-time span{ display: block; width: 80%; height: 1px; background-color: #fff; margin: 0 auto;}
.xinwen-r-time i{ font-size: 14px; font-style: normal;}
.xinwen-r-txt{ width: 85%; float: right;}
.xinwen-r-txt h3{ width: 95%; font-size: 16px; color: #333; margin-bottom: 6px;}
.xinwen-r-txt p{ width: 95%; font-size: 14px; color: #666; line-height: 24px;}
.xinwen-r ul li:hover .xinwen-r-time{ background-color:#e60012;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; color: #fff; }
.xinwen-r ul li:hover .xinwen-r-txt h3{ color:#e60012;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }

.ads-box{ width: 100%; height: auto; overflow: hidden; background: #f7f7f7 url("../image/fhbg.png") no-repeat bottom center; padding: 80px 0;}
.ads{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.ads h3{ font-size: 36px;}
.ads p{ font-size: 21px; line-height: 41px; margin: 10px 0 20px 0;}
.ads img{ height: 92px;}

.foot-box{ width: 100%; height: auto; overflow: hidden; background: url("../image/footbg.png") no-repeat bottom center; padding: 60px 0 50px 0;}
.foot{ width: 100%; height: auto; overflow: hidden;}
.foot-u{ width: 100%; height: auto; overflow: hidden;}
.foot-u-l{ width: 33%; height: auto; overflow: hidden; float: left;}
.foot-u-l ul li{ width: 100%; height: 43px; margin-bottom: 40px;}
.foot-u-l ul li i{ width: 43px; height: 43px; line-height: 43px; border: 1px solid #848484; border-radius: 50%; float: left; display: block; margin-right: 20px; color: #848484; font-size: 25px; text-align: center;}
.foot-u-l ul li i.icon-dizhi{ font-size: 20px;}
.foot-u-l ul li i.icon-youxiang{ font-size: 20px;}
.foot-u-l ul li p{ font-size: 14px; color: #848484; line-height: 24px;}
.foot-u-l ul li p span{ display: block; font-size: 18px; color: #848484;}
.foot-u-m{ width: 47%; height: auto; float: left; margin-left: 10%;}
.foot-u-m ul li{ width: 25%; height: auto; float: left; position: relative;}
.foot-u-m ul li dl dt{ font-size: 14px; line-height: 36px;}
.foot-u-m ul li dl dt a{ color: #fff;}
.foot-u-m ul li dl dd{ font-size: 12px; line-height: 36px;}
.foot-u-m ul li dl dd a{ color: #848484;}
.foot-u-m ul li dl dd:hover a{ color: #e60012;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.foot-u-r{ width: 10%; height: auto; float: right; text-align: center;}
.foot-u-r img{ max-width: 100%; height: auto;}
.foot-u-r p{ font-size: 12px; color: #848484; margin-top: 12px;}
.foot-u-m ul li dl dd.foot-zx{ width: 88px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #848484; margin: 10px 0;}
.foot-u-m ul li dl dd.foot-zx:hover{ border: 1px solid #e60012;}
.foot-u-m ul li dl dd.foot-zx i{ display: inline-block; padding-right: 5px; font-size: 14px;}
.foot-u-m ul li dl dd.foot-zh{ width: 88px; height: 26px; line-height: 26px; color: #848484; cursor: pointer;}
.foot-u-m ul li dl dd.foot-zh i{ display: inline-block; padding-left: 5px; font-size: 14px;}
.foot-zhh{ padding: 12px; height: auto; overflow: hidden; background-color: #ccc; font-size: 12px; position: absolute;left: -92px; top: 115px;}
.foot-zhh p{color: #333; line-height: 30px;}
.foot-zhh p span{ color: #999;}
.foot-d{ width: 100%; height: auto; overflow: hidden;}
.foot-d-logo{ height: 45px; padding-bottom: 10px;}
.foot-d-link{ width: 60%; padding-top: 14px; border-top: 1px solid #848484;}
.foot-d-link h3{ font-size: 12px; color: #848484; float: left;}
.foot-d-link a{ font-size: 12px; color: #848484; float: left; display: inline-block; margin-right: 15px;}
.foot-d-link a:hover{ color: #e60012;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.foot1-box{ width: 100%; height: 60px; background-color: #0a0a0a;}
.foot1{ width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 12px; color: #848484;}
.foot1 a{ font-size: 12px; color: #848484;}
.foot1 a:hover{ color: #e60012;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}




@media screen and (max-width:1024px){


    .top-nav,.top-menu,.top-tel{ display: none;}

    .phone_nav a
    {
        display: block;
        width: 28px;
        height: 18px;
        position: absolute;
        top: 22px;
        right: 2%;
    }
    .phone_nav a:before,
    .phone_nav a:after
    {
        content: '';
        display: block;
        background: #e60012;
        height: 2px;
    }
    .phone_nav a span
    {
        background: #e60012;
        display: block;
        height: 2px;
        margin: 6px 0;
    }
   
}

@media screen and (max-width:768px){

    .common-width{ width:96%;}

    .top-box { width:100%; height: 50px; position: inherit;}
    .top { height: 50px;}
    .top-box .top-logo{ width: auto; height: 32px; padding-top: 9px;}
    .top-box .top-logo img { width: auto; height: 32px;}

    .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { display: none;}
    .swiper-container-horizontal .swiper-pagination-bullets { bottom: 20px;}
    .swiper-pagination-bullet { width: 30px; height: 3px;}
    .swiper-pagination-bullet:after { height: 3px;}

}

@media only screen and (max-width:640px){


    .phone_nav a
    {
        display: block;
        width: 23px;
        height: 13px;
        position: absolute;
        top: 17px;
        right: 25px;
    }
    .phone_nav a:before,
    .phone_nav a:after
    {
        content: '';
        display: block;
        background: #fff;
        height: 2px;
    }
    .phone_nav a span
    {
        background: #fff;
        display: block;
        height: 2px;
        margin: 6px 0;
    }
    
     .top-company {padding-top: 10px}
     .top-company img {height: 30px; padding-left: 8px}

}



.n-page{ text-align:center; clear:both;padding-top: 57px;margin-bottom: 10px;}
.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}
.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#e60012; border:#e60012 1px solid;}
.n-page a:hover{ color:#FFF; background-color:#e60012; border:#e60012 1px solid;}