/*body,ul,li,h1,h2,h3,h4,h5,h6,p,form,dl,dt,dd{margin: 0px;padding: 0px;font-size: 14px;font-weight: normal;}
ul{ list-style: none; }
img{ border-style: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
body, button, input, select, textarea{font: 14px/1.5 tahoma, \5b8b\4f53, sans-serif;font-family: 微软雅黑;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none;}
a:hover { text-decoration: underline;}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
legend{ color: #000;}
fieldset,img{ border: 0;}
button,input,select,textarea{ font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, summary,time,mark,audio,video{display: block;margin: 0;padding: 0;}
mark{ background: #ff0; }
:-moz-placeholder {color: #ddd;opacity: 1;}
::-moz-placeholder {color: #ddd;opacity: 1;}
input:-ms-input-placeholder {color: #ddd;opacity: 1;}
input::-webkit-input-placeholder {color: #ddd;opacity: 1;}*/



a{text-decoration:none}
a:hover{text-decoration:none;color: #663737;}
a{color: #663737;}
html{color: #663737;}
ul,li{ padding:0;margin:0;list-style:none}

.header-top{width: 100%;background:#4378a5;height: 50px;line-height: 50px;}
.header-box{width: 70%;margin: 0 auto; display: flex;justify-content: space-between;color: #FFF;}
.header-img{padding-left: 30px;color: #FFF;}
.header-img:hover{color: #FFF;}
.header-mobile{margin-right: 20px;}
.nav{width: 70%;margin: 0 auto;display: flex;justify-content: space-between;}
.nav-img{width: 35%;line-height: 80px;}
.nav-img img{width:45%;}
.nav>ul{width: 100%;display: flex;justify-content: space-between;text-align: center;line-height: 80px;font-size: 18px;}
.nav>ul li{width: 13%;}
.nav>ul li a{display: inline-block;width: 100%;}
.nav>ul li:hover{border-bottom: 3px solid #4378a5;}
.nav>ul li:hover a{color: #4378a5;}

/*swiper 修改*/
.swiper-color{color: #4378a5;}
.swiper-color span{background: #4378a5;}
.swiper-slide img{width: 100%;}

.spring{display: flex;justify-content: right;}
.box-center{margin: 25px auto;width: 70%;}
.font-center{text-align: center;}
.title-en{font-size: 30px;font-weight: 600;margin-bottom: 5px;}
.title-cn{font-size: 24px;margin: 0 auto;padding-top: 5px;}
.title-hr{width: 10%;height: 4px;background: #4378a5;margin: 0 auto;}
.box-top{margin-top: 50px;}
.about-title{font-size:24px;}
.box-hr{width: 80px;color: #4378a5;height: 3px;background: #4378a5;margin: 5px auto 15px 0;}
.box-img{display: flex;text-align: center;margin-top: 50px;}
.box-right{margin-right: 20px;}
.box-right img{width: 100%;}
.box-line{line-height: 50px;font-size: 16px;}
.box-right:hover a{color: #4378a5;}
.surroundings{display: flex;}
.surround-img{width: 50%;}
.surround-img img{width: 100%;min-height: 320px;object-fit: cover;}
.surround-details{width:50%;background: #4378a5;color: #FFFFFF;}
.surround-box{width: 85%;margin: 50px 0 0 50px;}
.surround-hr{display: flex;width: 20%;}
.surround-hr1{width: 50%;height:5px;background: #004ea2;border: none;}
.surround-hr2{width: 50%;height:5px;background: #FFFFFF;border: none;}
.surround-en{font-size: 30px;margin-bottom: 10px;}
.surround-cn{font-size: 24px;margin-bottom: 10px;}

.product{background: #F5F5F5;padding: 25px 0;}
.title-desc{color: #9F9F9F;margin: 5px 0;}
.box-margin{margin: 0 auto;}
.product-cate{background:#4378a5;border-radius:30px;margin: 0 15px;border: 1px solid #F5F5F5;}
.product-cate a{display:inline-block;padding:10px 20px;color:#fff;}
.product-cate:hover{border: 1px solid #4378a5;background: #F5F5F5;transition: all .5s;}
.product-cate:hover a{color: #4378a5;padding:10px 20px;}
.product-box{display: flex;justify-content: space-between;margin: 50px 0;}
.product-single{width: 23%;box-shadow: 0px 2px 10px #616161;background: #FFF;padding: 20px;}
.product-img,.product-img img{width: 100%;}
.product-hr{width: 15%;color: #4378a5;height: 3px;background: #4378a5;margin: 10px 0;}
.product-title{margin-top: 20px;height: 50px;line-height:25px;font-size:16px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.product-single:hover .product-hr{width: 30%;transition: all .5s;}
.product-single:hover .product-title a{color: #4378a5;}
.product-more{width: 15%;margin: 0 auto;padding: 10px 20px;background: #4378a5;border-radius: 20px;text-align:center;}
.product-more a{display:inline-block;color: #FFF;font-size:16px;}
.box-video{/*background: url(../img/pchome_bg.png) no-repeat 50%;*/width: 100%;position: relative;margin-bottom:150px; }
.box-video>.video-box{padding-top: 47px;}
.box-video video{width:44%;margin:0 auto;display:block;}
.video-img{width: 60%;left:20%;position: absolute;top: 0;}
.video-img img{width: 100%;}
.goods{margin: 25px auto;width: 100%;background: url(../img/pro_line_bg1.jpg) no-repeat 100%;padding-top: 25px;height:100%;overflow: hidden;background-size:cover;}
.swiper-goods{width: 70%;}
.swiper-down{padding-bottom: 50px;}
.goods-img{width: 100%;text-align: center;}
.goods-img img{width: 50%;object-fit: cover;margin: 0 auto;}
.goods-single{position: absolute;bottom: 5%;text-align: left;left: 5%;width: 100%;color: #FFF;}
.goods-hr{display: flex;width: 50%;}
.goods-hr1{width:15%;height: 3px;background: #004ea2;margin: 5px 0;border: none;}
.goods-hr2{width:5%;height: 3px;background: #FFF;margin: 5px 0;border: none;}
.goods-model a{margin: 5px 0;font-size: 24px;color: #FFF;}
.goods-title a{margin: 5px 0;font-size: 20px;color: #FFF;}
.goods-color{color: #FFF;left: 30%;bottom: 5%;}
.goods-color span{background: #FFF;width: 10px;height: 10px;}
.news{margin: 25px auto;width: 70%;}
.news-box{width: 100%;display: flex;justify-content: space-between;margin: 50px 0;}
.news-left{width: 50%;position: relative;}
.left-img{width: 90%;}
.left-img a img{width: 100%;object-fit: cover;height: 450px;}
.left-single{width: 90%;display: flex;position: absolute;bottom: 0;height: 80px;}
.left-one{background: #4378a5;width: 100px;}
.left-day{width: 100%;color: #FFF;text-align: center;line-height: 40px;height:40px;font-size: 24px;}
.left-other{width: 100%;color: #FFF;text-align: center;line-height: 20px;height:40px;font-size: 16px;}
.left-title{width: 100%;background: rgba(0,0,0,.5);font-size: 16px;padding-left: 10px;line-height: 80px;}
.left-title>a{color: #FFF;}
.news-right{width: 50%;}
.single-box{width: 90%;display: flex;justify-content:space-between;bottom: 0;height: 80px;margin-top: 25px;font-size: 16px;}
.single-time{background: #4378a5;width: 80px;}
.single-days{width: 100%;color: #FFF;text-align: center;line-height: 40px;height:40px;font-size: 24px;}
.single-years{width: 100%;color: #FFF;text-align: center;line-height: 20px;height:40px;font-size: 16px;}
.single-details{width: 80%;margin-right: 10px;}
.details-hr1{width: 5%;height: 3px;background: #4378a5;margin: 5px 0;}
.details-hr2{width: 10%;height: 3px;background: #4378a5;margin: 5px 0;}
.details-hr3{width: 20%;height: 3px;background: #4378a5;margin: 5px 0;}
.details-title{color:#663737;font-weight:500;font-size:18px;margin-top:20px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.single-time img{width: 100%;height: 80px;object-fit: cover;}
.single-none{width: 0}
.single-box:hover .single-time{width: 0;transition: all .5s;}
.single-box:hover .single-none{width: 150px;transition: all 1s;}
.single-box:hover .details-hr1{width: 10%;transition: all 1s;}
.single-box:hover .details-hr2{width: 20%;transition: all 1s;}
.single-box:hover .details-hr3{width: 40%;transition: all 1s;}
.single-box:hover .details-title a{color: #4378a5;}
.footer{background: #4378a5;padding: 25px;color: #FFF;}
.footer-box{width: 70%;margin: 0 auto;text-align: center;}
.footer-box div{margin: 5px;}


.warm{position:fixed;right:0;top:50%;z-index: 9;}
.warm-single{position:relative;width:60px;height:60px;background:#4378a5;margin-bottom: 2px;}
.mark-off{position:absolute;top:0;right:-600px;white-space:nowrap;padding: 0 15px;color:#fff;background:#4378a5;line-height: 60px;transition:linear .5s;}
.warm-single img,.warm-wechat img{width:100%;position:absolute;z-index:1}
.warm-single:hover .mark-off{right:60px}

.warm-wechat{position:relative;width:60px;height:60px;background:#4378a5;margin-bottom: 2px;}
.mark-wechat{position:absolute;top:0;right:-350px;padding: 0 15px;color:#fff;background:#4378a5;line-height: 60px;transition:linear .5s;}
.mark-wechat img{width: 150px;height: 150px;top: -80px;}
.warm-wechat:hover .mark-wechat{right:200px;}

.box-left-top{
    width: 100%;
    height: 60px;
    padding-left: 10px;
    color: white;
    font-size: 18px;
    background: #4378a5;
    line-height: 60px;
}
.about-ul>li{
    display: block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #F5F5F5;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
}
.about-ul>li:hover{border-bottom: 3px solid #4378a5;}
.about-ul>li:hover a{color: #4378a5;}

.color{color: #000;}
.center-left{width: 30%;background: #FFF;}
.center-left>.my-box{width: 90%;margin: 20px auto;}
.center-left>.my-box>.first{width: 100%;line-height: 60px;height: 60px;background: #4378a5;color: #FFF;font-size: 18px;padding-left: 25px;}


.box-li{width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding-left: 25px;border-bottom: 1px solid #F5F5F5;}
.box-li a{color: #111;}
.box-li:hover{border-bottom: 3px solid #4378a5;padding-left: 15%;transition: all .5s;}
.box-li:hover a{color: #4378a5;}
.center-right{width: 69%;background: #FFF;}
.center-right>.right-box{width: 90%;margin: 20px auto;}
.center-right>.right-box>.crumbs{width: 100%;line-height: 40px;font-size: 16px;border-bottom: 1px solid #4378a5;}
.center-right>.right-box>.box-content{width: 100%;margin-top: 25px;display: flex;justify-content: left;flex-wrap: wrap;}
.center-right>.right-box>.box-content>.psilage{width: 30%;margin: 0 1.5%;}
.center-right>.right-box>.box-content>.psilage:hover .border-off{border-bottom: 3px solid #4378a5;}
.center-right>.right-box>.box-content>.psilage:hover .ptitle a{color: #4378a5;}
.border-off{border:none;border-bottom: 1px solid #DDD;}
.psilage>.border-off>a>img{width: 100%;}
.psilage>.border-off>.ptitle{width: 90%;margin: 10px auto;height: 30px;line-height: 30px;font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.psilage>.border-off>.ptitle>a{color: #111;}
.page{line-height: 60px;width: 100%;text-align: center;}
.page-off{line-height: 60px;width: 100%;text-align: center;color: #A5A5A5;}
.page-off:hover{cursor: not-allowed;}


.top-body{background-color: #F5F5F5;}
.top-header{position: fixed;top: 0;width: 100%;}
.connact_file{background:url(../img/content.png) no-repeat;background-attachment: fixed;background-size: 100%;height: 630px;background-position:center 30%}
.connact-back{background: rgba(255,255,255,.1);width: 100%;height: 100%;}
.connact_cnt{width:70%;background: #fff;position: absolute;top: 550px;left: 15%;}
.contact-one{display: flex;width: 100%;margin: 0 auto;}
.connact_address{width: 36%;padding:0 3%;}
.address_box{margin-top: 10%;}
.connact_left{line-height: 45px;font-size: 16px;}
.contact-two{margin:0 auto;width:64%;margin-left:0%;height:500px;display: flex;background: #f7f7f7;}
#dituContent{width: 100%;height: 500px;}
.contact-three{width:100%;height:500px;background: #f9f9f9}

.hover{border-bottom: 3px solid #4378a5;}
.hover>a{color: #4378a5;}
.box-hover{border-bottom: 3px solid #4378a5;}
.box-hover>a{color: #4378a5;}