@charset "utf-8";

* {

    padding: 0;

    margin: 0;

   

}

li,

ol,

ul {

    list-style: none;

}

a {

    text-decoration: none;

}

img {

    max-width: 100%;

    vertical-align: top;

    image-rendering: -webkit-optimize-contrast;

}

input,

select,

button,

textarea {

    border: none;

    border-radius: 0;

    font-family: Microsoft YaHei,Helvetica, Arial;

    font-size: 1.4rem;

}

input,

textarea {

    outline: 0;

    -webkit-appearance: none;

}

.fr{float:right;}

.fl{float:left;}

a{-webkit-tap-highlight-color:rgba(255,255,255,0);color:#282828;}

/*common*/

html {

    font-size: 62.5%;

    font-family: Microsoft YaHei,Helvetica, Arial;

}

body {

    overflow-x: hidden;

    font-size: 1.5rem;

    color: #242424;

    font-family: Microsoft YaHei,Helvetica, Arial;

}

.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: block;

}

.hide{display: none!important;}

.wrap{max-width:1200px;margin:0 auto;}

@-webkit-keyframes puls {

  0 {

   margin-left:150px;

  }

  100% {

    margin-left:0;

  }

}

@keyframes puls {

  0 {

   margin-left:150px;

  }

  100% {

    margin-left:0;

  }

}

/*.form form>span{

       animation: puls  5s linear infinite;display: inline-block;will-change:transform;margin-left: 250px;



}*/

.form{    background: -webkit-linear-gradient(top, #fbfaf8, #ececec 100%);padding:7px 0 9px;}

.form span{   color:#5d5d5d;font-size: 1.2rem;    font-family: 宋体;}

.form div{position: relative;width: 170px;line-height: 24px;}

.form div button{    top: 0;

    position: absolute;

    transition: .3s;

    -webkit-transition: .3s;

    border-radius: 50%;

    right: 0;

    width: 24px;

    height: 20px;

    border: none;

    background: url(../images/search.png) no-repeat center;

    cursor: pointer;

    text-indent: -999em;}

.form input{    border: 1px solid #aaa;

    float: right;

    border-radius: 50px;

    padding: 0 14px 0;

    width: 100%;

    height: 20px;

    background: #fff;

    outline: none;

    font-size: 14px;

    color: #4c4c4c;

    transition: .3s;

    -webkit-transition: .3s;}



header{display: flex;justify-content: space-between;align-items: center;padding:8px 0;transition:none; background: url(../images/head-top.jpg) no-repeat center top;}

header .head-box { max-width: 1200px; margin: 0 auto; width:100%}

.nav {display: flex;justify-content: space-between;margin:5px auto 15px;padding:0 20px;box-sizing: border-box;}

.nav li{text-align: center;}

.nav li:hover a{color:#a9060e;}

.nav li a{font-size: 1.6rem; transition: all .3s;}

.nav .cur a{color:#a9060e;}

header .tel{display: inline-block;vertical-align: middle;font-size: 1.8rem;color:#eeeeee;text-align: left;}

header div img{vertical-align: middle;margin-right: 20px;}

header .logo img:first-child{max-width: 350px; padding: 20px 0;}

header .logo img{vertical-align: middle;}

header .logo i{vertical-align: middle;display: inline-block;border-right: 1px solid #282828;height: 55px;margin:0 20px;}



.list{overflow: hidden;}

.list a { transition: all .3s;}

.list a:hover{background: #a9060e;}

.list a:hover p{color:#fff;border-color:#a9060e;}

.list a img{width: 100%;}

.list a p {

    width: 100%;

    border: 1px solid #282828;

    border-top: 0;

    padding: 10px;

    box-sizing: border-box;

    text-align: center;

    color: #535353;



}

.list a {float: left;}

.list a:nth-child(n+2){margin-left: 2%;}





.bumen{margin-top: 42px;}

.bumen a{ width: 12.57%;}

.bumen .list a p{padding:7px;}



.ganbu .list a{ width: 23.5%;}



.m-title{border-bottom: 2px solid #a9060e;margin:25px 0 15px;padding-bottom: 10px;}

.m-title a{color:#a9060e;font-size: 2rem;}

.n-list{display: flex;justify-content: space-between;margin-top: 20px;}

.n-list a{

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 2;

    color: #242424;

    vertical-align: middle;

    max-width: 85%;transition: all .3s;

}

.n-list li:before {

    content: "▼";

    display: inline-block;

    vertical-align: middle;

    font-size: 15px;

    margin-right: 10px;

    color: #929292;

    transform: rotate(-90deg) scaleY(0.8);

}

.n-list li:hover a{color:#a9060e;}

.n-list li:hover:before{color:#a9060e;}

.ganbu .n-list ul{width: 23.5%;}



.adv{margin-top: 20px;display: block;}

.adv img{width: 100%;}



.px{display: flex;justify-content: space-between;}

.px .item{width:32%;}

.px .item .n-list{display: initial;}

.px .item .n-list a{width: 70%;}

.px .item>a img{width: 100%;margin-bottom: 20px;}

.px .title,.news .title{color:#a9060e;margin:25px 0 5px;font-size: 2rem;display: block;padding-bottom: 10px;border-bottom: 2px solid #a9060e;}

.px .title span,.news .title span{float:right;font-size: 1.2rem;color:#929292;margin-top: 7px;padding-right: 15px;background: url(../images/icon.png) no-repeat right center;}



.n-content{display: flex;justify-content: space-between;margin-top: 30px;}

.n-content .slide-box{width: 600px;}

.n-content .slide-box .pic{margin-top: 10px;overflow: hidden;}

.n-content .slide-box .pic a{width:48.5%;float: left;}

.n-content .slide-box .pic  a:first-child{margin-right: 3%;}

.n-content .news{width: 550px;}

.n-content .news .title{margin-top: 0;}

.n-content .news ul{margin-top: 23px;}

.n-content .news li{margin-top: 6px;}

.n-content .news li p{display: inline-block;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.n-content .news li:hover p{color:#a9060e;}



.slide2{margin-top: 20px;}

.link{margin:20px auto;color:#303030;font-size: 1.3rem;}

.line{border-bottom: 1px solid #999;}





footer{color:#303030;font-size: 1.3rem;padding:15px 0;line-height: 2;display:flex;justify-content:center;align-items:center;text-align: left;}







.layui-layer{transition: none;}

.layui-layer-content {padding:30px 50px;}

.layui-layer-content h3{color:#a9060e;font-weight: normal;text-align: center;font-size: 2.2rem;margin-bottom: 30px;}

.layui-layer-content div{margin-bottom: 20px;}

.layui-layer-content button{margin:0 auto;padding:5px 15px;display: block;outline: 0;cursor: pointer;}

.my label{display: inline-block;width: 60px;margin-right: 20px;text-align: right;}

.my input{border:1px solid #ccc;padding:3px 5px;}



.info{background: #fff;box-shadow: 0 -10px 15px #aaa;}

.info:after{content:"";clear:both;display: table;}

.info .fl{width: 265px;color:#f9f9f9;padding:45px 0;box-shadow: 0 -10px 15px #aaa;background: #f9f9f9;margin-bottom: 45px;}

.info .fl dl dt{font-size: 1.8rem;background: #a9060e;text-align: center;padding:15px 0;}

.info .fl dl dd>a{color:#6a6a6a;font-size: 1.6rem;display: block;width: 80%;margin:0 auto;border-bottom: 1px dotted #6a6a6a;text-align: center;padding:12px 0; }

/*.info .fl dl dd:hover{background: #a9060e;}*/

.info .fl dl dd:hover>a{color:#a9060e;}

.info .fl dl .cur>a{color:#a9060e;}

.info .fl dl dd li{text-align: center;margin-top: 10px;}

.info .fl dl dd ul{margin-bottom: 20px;}

.info .fl dl dd li a{color:#6a6a6a;}

.info .fl dl dd .cur a,.info .fl dl dd li:hover a{color:#a9060e;font-weight: 600;}

.info .contact{margin:20px 10%;}

.info .contact .title{position:relative;background: #a9060e;font-size: 1.8rem;text-indent: 16px;padding:5px 0;}

.info .contact .title:before{position:absolute;content:"";top:0;left:0;width: 5px;height: 100%;background: #d39e67;}

.info .contact ul{color:#5f5f5f;padding:15px;font-size: 1.3rem;box-shadow: 0 0 15px #aaa;}

.info .contact ul li{line-height: 1.8;}

.info .contact ul li img{margin-top: 10px;}

.info .pic{margin:20px 10%;}

.info .left_news{margin:20px 10%;}

.info .left_news ul{margin-bottom: 15px;}

.info .left_news p{color:#a9060e;font-size: 1.8rem;padding-bottom: 10px;border-bottom: 2px solid #a9060e;}

.info .left_news li a{color:#5f5f5f;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 2.2;border-bottom: 1px dashed #ccc;font-size: 1.4rem;}

.info .left_news>a{float: right;font-size: 1.4rem;color:#262626;}

.info .rt{margin-left: 330px;margin-right: 35px;}

.info .rt .location{padding:15px 0;text-align: right;font-size: 1.4rem;color:#383837;border-bottom: 1px solid #b5b5b5;}

.info .rt .location a{font-size: 1.4rem;color:#383837;}

.info .rt li{padding:25px 0 15px;border-bottom: 1px dotted #aaa;}

.info .rt li img{width: 170px;height:113px;float: left;}

.info .rt li div{margin-left: 190px;overflow: hidden;color:#383837;padding:3px 0;}

.info .rt li div span{font-size: 2rem;font-weight: 600;transition: none;}

.info .rt li div p{transition:none;margin-top:5px;font-size: 1.4rem;line-height: 2;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;min-height: 84px;}

/*.info .rt li:hover{color: #a9060e;}*/

.info .rt li:hover div{color: #a9060e;}

.page{overflow: hidden;display: flex;justify-content: center;margin:50px  auto;}

.page .current{background: #a9060e;}

.page a{float: left;background: #d66f71;font-size: 1.6rem;color:#fff;padding:5px 13px;}

.page a:first-child,.page a:last-child{background: #e19091;}

.slide{clear:both;position:relative;padding:15px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin:0 15px 30px;}

.slide .swiper-button-next,.slide .swiper-button-prev{width: 30px;height:30px;background-size: 70px 30px;background-image: url(../images/swiper_button_002.png);filter:grayscale(100%);}

.slide .swiper-button-next{background-position: -40px 0;}

.slide .swiper-button-prev{background-position: 0 0;}



.curr{color:#a9060e;}



.case-title{background: #f8f8f9;padding-top: 40px;}

.case-title .wrap{background:#a9060e;color:#fff; font-size: 2.0rem;padding:8px 10px 10px;box-sizing: border-box;border-radius: 5px;}

.case-title .wrap img{vertical-align: middle;}

.case-title .wrap span{vertical-align: middle;margin-left: 5px;}

.case-title .wrap a{font-size: 1.6rem;color:#fff;margin-top: 4px;}



::-webkit-scrollbar {/*滚动条整体样式*/

            width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

            height: 40px;

        }

    ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

            border-radius: 12px;

            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

            background: rgba(0,0,0,0.2);

        }

       ::-webkit-scrollbar-track {/*滚动条里面轨道*/

            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

            border-radius: 0;

            background: rgba(0,0,0,0.1);

        }
		
a:hover{ color:#40a4e0}
.head-box{ overflow:hidden}
.xj-t1{ width:30%; float:left}
.xj-t2{ width:280px; float:right; margin-top: 2.5%;}
header{ padding:1% 0}
header .tel p{ font-size:14px}
header .tel p span{ display:block; font-size:30px}
.nav{ margin:15px auto; padding:0} 
.xjm-1 p img{ width:100%}
.xjm-1{ margin:2.5% 0}
body{ background:none !important}
.xj-nav{ background:#e5e5e5; overflow:hidden}
.xjm-2{ overflow:hidden; margin-left:-1%}
.xjm-2 dl{ float:left; width:24%; margin-left:1%}
.xjm-2 dl a{ display:block; border:#ccc 1px solid}
.xjm-2 dl a:hover{ color:#40a4e0}
.xjm-2 dl dt img{ width:100%}
.xjm-2 dl dd{ font-size:30px; text-align:center; margin:1.5%; color:#333}
.xjm-3,.xjm-3-2{ margin-top:4%; margin-left:-1%; overflow:hidden}
.xjm-3-1,.xjm-3-2 div{ float:left; width:49%; margin-left:1%}
.xjm-3-1 h1,.xgs-1 .right h1,.xjm-4-b{ border-bottom:#40a4e0 2px solid; color:#40a4e0; font-size:24px; font-weight:bold; padding-bottom:10px; overflow:hidden}
.xjm-3-1 h1 a,.xgs-1 .right h1 a,.xjm-4-b span{ float:right; font-size:14px; font-weight:normal; color:#40a4e0; margin-top:2%}
.xjm-3-2 div{ border:#ccc 1px solid;  width:48.6%}
.xjm-3-2 div p img{ width:100%; height:180px}
.xjm-3-2 div ul{ padding:0 3% 4%}
.xjm-3-2 div ul li{ margin-top:4%}
.xjm-3-2 div ul li a{ display:block; background: url(../images/nj14.jpg) no-repeat center left; padding-left:10px; font-size:12px; overflow:auto}
.xjm-3-2 div ul li a span{ float:right; color:#999}
.xjm-3-2 div ul li a:hover{ background: url(../images/nj13.jpg) no-repeat center left; color:#40a4e0}
.xgs-1{ margin:4% 0}
.left{ float:left}
.right{ float:right}
.clear{ clear:both}
.xgs-1 .left,.xgs-1 .right{ width:48.5%;}
.xgs-1 .right ul{ margin-top:1%}
.xgs-1 .right ul li{ border-bottom:#F0F0F0 1px solid; padding:2% 0;}
.xgs-1 .right ul li a{ font-size:16px; color:#666; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:url(../images/nj16.jpg) no-repeat center left; padding-left:4%}
.xgs-1 .right ul li a span{ float:right; font-size:14px; color:#999}
.xgs-1 .right ul li a:hover{ color:#40a4e0; text-decoration:underline}
#demo3.flexslider{ overflow:inherit; position:relative}
#demo3 .flex-direction-nav{ display:none}
#demo3 .flex-control-nav{position:absolute;bottom:13%;z-index:2;width:100%;text-align:center; right:0}
#demo3 .flex-control-nav li{display:inline-block;width:11px;height:11px;margin:0 6px;*display:inline;zoom:1;}
#demo3 .flex-control-nav a{display:inline-block;width:11px;height:11px;line-height:45px;overflow:hidden;background:url(../images/dot1.png) right 0 no-repeat;cursor:pointer;}
#demo3 .flex-control-nav .flex-active{background-position:0 0;}
#demo3 .slides, #demo3 .slides li,#demo3 li img{ height:364px}
#demo3 .slides li{ position:relative}
#demo3 .slides li span{ display:block; position:absolute; bottom:0; left:0; width:100%; background:#000; background-color:rgba(0,0,0,0.5); filter:Alpha(opacity=50); color:#fff; font-size:18px; padding:2% 4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#demo3 .flex-control-nav{ text-align:right; padding-right:3%;bottom: 5%;}
.xjm-4{ overflow:hidden; margin-left:-3%}
.xjm-4 dl{ float:left; width:30.33%; margin-left:3%; margin-top:3%}
.xjm-4 dl dt img{ width:100%; height:214px}
.xjm-4 dl dd span{ margin-top:2%; display:block}
.xjm-4 dl dd .x1{ font-size:20px; color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xjm-4 dl dd .x2{ font-size:16px; color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xjm-4-b span{ margin-top:1%}
.xjm-4-b span a{ display:inline-block; margin-left:20px; color:#333; font-size:16px;}
.xjm-4-b span a:hover{ color:#40a4e0}
.wrap1{ max-width:1300px}
.blue{ margin:4% 0}
.he_ZoomInImg,.xjm-2 dl a dt,.xjm-4 dl a dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.xjm-2 dl a dt img,.xjm-4 dl a dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.xjm-2 dl a:hover dt img,.xjm-4 dl a:hover dt img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.wrap1 .slick-slide img{ height:137px}

.hea{ background: #e5e5e5;}
.hea1{ padding:1.1% 0;}
.nav1 ul{ width:100%; overflow:hidden;}
.nav1 ul li,.fx ul li{ float:left}
.nav1 ul li{ width:11.111%; text-align:center;}
.nav1 ul li a{ color:#333; font-size:16px; display:block; line-height:45px}
.nav1 ul li a:hover,.nav1 ul .dq a{ background:#40a4e0; color:#fff}
.nav1 ul li span{ display:block; font-size:12px}
.nav1 ul li{ display:inline-block}
.nav2{ display:none}

@media screen and (max-width:1024px){
header .head-box,.wrap,.di1,.di_bottom1{ padding:0 4%; width:92%}
header .xj-t1 img{ width:100px} 
header .xj-t2 img{ width:40px} 
header .tel p span{ font-size:22px}
.xj-t2{ width:204px}
.xjm-2 dl dd{ font-size:20px}
.xjm-3-1 h1, .xgs-1 .right h1, .xjm-4-b{ font-size:18px}
.xjm-3-2 div{ width:48.4%}
.xjm-3-2 div p img{ height:116px}
.xjm-3-2 div ul li a span,.xgs-1 .right ul li a span{ display:none}
.xjm-3-2 div ul li a,.xgs-1 .right ul li a{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#demo3 .slides, #demo3 .slides li, #demo3 li img{ height:238px}
.xjm-4 dl dd .x1{ font-size:16px}
#demo3 .slides li span,.xgs-1 .right ul li a,.xjm-4 dl dd .x2,.xjm-4-b span a{ font-size:14px}
.xjm-4 dl dt img{ height:127px}
.wrap1 .slick-slide img{ height:94px}

}

@media screen and (max-width:640px){
header .head-box,.wrap,.di1,.di_bottom1{ padding:0 2%; width:96%}	
header .xj-t1 img{ width:63px}
header .xj-t2 img{ width:26px}
header .tel p{ font-size:12px}
header .tel p span{ font-size:14px}
header div img{ margin-right:8px}
.xj-t2{ width:127px}
.xjm-2{ margin-top:-2%}
.xjm-2 dl{ width:49%; margin-top:2%}
.xjm-2 dl dd{ font-size:14px}
.xjm-3, .xjm-3-2{ margin-left:0}
.xjm-3-1, .xjm-3-2 div{ width:100%; margin-left:0}
.xjm-3-1 h1, .xgs-1 .right h1, .xjm-4-b{ font-size:16px}
.xjm-3-1 h1 a, .xgs-1 .right h1 a, .xjm-4-b span{ font-size:12px; margin-top:1%;}
.xjm-3-2 div{ width:99.5%; margin-bottom:3%}
.xjm-3-2 div ul li{ margin-top:2%}
.xjm-3-2 div ul{ padding-bottom:3%}
.xjm-3-2 div p img{ height:222px}
.xgs-1 .left, .xgs-1 .right{ width:100%}
#demo3 .slides, #demo3 .slides li, #demo3 li img{ height:248px}
.xgs-1 .right{ margin-top:4%}
.xjm-4-b span a{ font-size:12px; margin-left:5px}
.xjm-4 dl{ width:47%}
.xjm-4 dl dd .x1{ font-size:14px}
.xjm-4 dl dd .x2{ font-size:12px}
.xjm-4 dl dt img{ height:99px}
.di_bottom1 span{ float:none !important; display:block;}
.di_bottom1{ text-align:center}
.nav1{ display:none}
.nav2{ display:block}
.xj-t2{ display:none}
.nav{ margin:0} 
}