/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body, button, input, select, textarea {
    font: 12px/1 Helvetica Neue, Helvetica, Arial, sans-serif;
}
html{
    overflow-x: hidden;
    margin: 0px auto;
}
button{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
*{
    transition: background-color 0.5s,color 0.5s,border 0.5s;

}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}
code, kbd, pre, samp, tt {
    font-family: "Courier New", Courier, monospace;
}
small {
    font-size: 12px;
}


ul, ol {
    list-style: none;
}


a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

q::before, q::after { content: ''; }


legend { color: #000; }
fieldset, img {
    border: none;
}
button, input, select, textarea {
    font-size: 100%;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}
input{
    outline:none;
}


hr {
    border: none;
    height: 1px;
}
.container{
    padding: 0px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.header-box {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: 388ms ease-in-out;
    background: #fff;
}
.header{
    max-height: 90px;
}
.header>.container{position: relative;}
.logo {
    width: 280px;
    float: left;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.logo img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1;
}

.menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 10px;
    margin: 0;
}
.menu .menu_font {
    margin-top: 3px;
    font-size: 14px;
    text-align: center;
    color: #0076db;
}

.header-box.scoll {
    background: #fff;
}

.header-box.scoll .header {
    padding: 18px 75px 18px 88px;
}

.menu {
    cursor: pointer;
    z-index: 5;
}

#menu_toggle1 {
    display: none;
}

.menu span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #0076db;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
    margin-top: -2px
}

.menu span::after,
.menu span::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    left: 0;
    border-radius: 2px;
    background-color: #0076db;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}

.menu span::before {
    top: -6px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menu span::after {
    bottom: -6px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.menu.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.menu.active span::after,
.menu.active span::before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menu.active span::before {
    top: 0;
    background: #0076db;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu.active span::after {
    bottom: 0;
    background: #0076db;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menufix {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    background: #fff\9;
    filter: alpha(opacity=80);
    transition: 466ms 0ms;
    opacity: 0;
    visibility: hidden;
    perspective: 800px;
}
.header-right {
    float: right;
}

.navs {
    float: left;
    margin-bottom: 0;
}

.navs li {
    width: 100px;
    float: left;
    position: relative;
    height: 90px;
    text-align: center;
}

.navs li a {
    display: block;
    color: #333333;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.navs li::before {
    content: "";
    position: absolute;
    bottom: 28px;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #008cd6;
    transition: 0.2s all linear;
    height: 2px;
}

.navs li:hover~li::before {
    left: 0;
}

.navs li.active a p,
.navs li:hover a p{
    color: #0372ad;
}

.navs li h2{
  transition: all .5s;  
}
.navs li p{
  text-transform: uppercase;  
  transition: all .5s;  
}
.navs li.active h2,
.navs li:hover h2{
    transform: translateY(-20px); 
}
.navs li.active p,
.navs li:hover p{
    transform: translateY(-20px);
    
}

.navs li.active::before,
.navs li:hover::before {
    width: 80%;
    bottom: 28px;
    left: 50%;
    margin-left: -40%; 
    transition-delay: 0.3s;
    border-bottom-color: #008cd6;
    z-index: 1;
}
.menubox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    display: none;
    overflow-y: auto;
}

.menus-list {
    position: relative;
    margin: auto;
    margin-top: 16%;
    width: 90%;
    margin-bottom: 88px;
}

.menus-list li {
    position: relative;
}

.menus-list li::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ReturnToNormal;
    animation-name: ReturnToNormal;
    border-bottom: 1px solid #e5e5e5;
}

.menus-list li:last-child {
    border-bottom: none;
}

.menus-list li a {
    display: block;
    line-height: 50px;
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.banner1 .swiper-button-prev{
    background-image: url(../image/prev.png); 
    left: 30px;
}



.banner1 .swiper-button-next, .banner1 .swiper-button-prev{
    width: 46px;
    height: 46px;
    background-size: 46px 46px;
    opacity: 0;
    transition: all .5s;
}

.banner1:hover .swiper-button-next,.banner1:hover .swiper-button-prev{
    opacity: .4;
}
.banner1 .swiper-button-next{
    background-image: url(../image/next.png); 
    right: 30px;
}

.banner1 .swiper-pagination-bullet{
    background: #FFFFFF;
    opacity: 1;
}

.banner1 .swiper-pagination-bullet-active{
    background: #FFFFFF;
    width: 25px;
    border-radius:30px;
    transition: all .5s;
}

.top_greet{
    width: 100%;
    background-color: #f5f5f5;
}
.top_greet p{
    color: #8f8f8f;
    font-size: 1rem;
    padding: 8px 0px;
}




.banner1 .swiper-wrapper .swiper-slide>img{
    width: 100%;
}


.img_gallery{
    width: 100%;
    position: relative;
    padding-top: 35%;
    overflow: hidden;
}
.img_gallery .main_img{
    width: 100%;
}
.img_gallery .main_img ul{

    width: 100%;
}
.img_gallery .main_img ul li{
    width: 100%;
    float: left;
}
.img_gallery .main_img span{
    display: block;
    width: 100%;
    padding-top: 35%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.carousel-control>img{
    margin: 218px 0px;
}
.carousel-control.right>img{
    transform: rotate(180deg);
}

.advantage_cont{
    margin-top: 7rem;
}

#advantage1{
    background: url("../image/advantage01.png") no-repeat;
    background-size: 100%;
    padding-top: 45%;
}
#advantage2{
    background: url("../image/advantage02.png") no-repeat;
    background-size: 100%;
    padding-top: 45%;
}
#advantage3{
    background: url("../image/advantage03.png") no-repeat;
    background-size: 100%;
    padding-top: 45%;
}
.advantage_box{
    width: 100%;
    position: relative;
}
.advantage_box>div{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 12% 0px;
}
.advantage_box img{
    width: 21.03%;
    display: block;
    float: left;
    margin-right: 20px;
    margin-left: 12%;
    transition: margin-left 0.5s;
}
.advantage_box>div>div{
    width: 175px;
    color: #fff;
    float: right;
    margin-right: 12%;
    padding: 14px 0px;
    transition: all 0.5s;
}
.advantage_box p{
    font-size: 2rem;
}
.advantage_box span{
    display: block;
    margin-bottom: 5px;
line-height: 1.5em;
}
.advantage_box>div>div>div{
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 10px 0px;
}
.column_tit{
    margin-top: 9rem;
    text-align: center;
    margin-bottom: 5rem;
}

.column_tit .tit{
    text-align: center;
    margin-top: -17px;
}

.column_tit .tit h2{
    font-size: 3rem;
    margin-bottom:15px; 
    font-weight: bold;
    color: #008cd6;
}
.column_tit .tit h2 span{
    color: #e60012;
    margin-right: 10px;
    text-transform: uppercase;
}

.column_tit p{
    color: #333333;
    font-size: 1.5rem;
    font-weight: bold;
}
.Product_nav{
    margin-bottom: 45px;
}

.Product_nav .swiper-button-next{
    background: url('../image/nav_next.png') no-repeat center;
    transition: all .5s;
}

.Product_nav  .swiper-button-prev{
    background: url('../image/nav_prev.png') no-repeat center;
    transition: all .5s;
}

.Product_nav:hover .swiper-button-next{
    background: url('../image/nav_next_hover.png') no-repeat center;
    background-size: 25px 25px;
}
.Product_nav:hover .swiper-button-prev{
    background: url('../image/nav_prev_hover.png') no-repeat center;
    background-size: 25px 25px;
}


.Product_nav .swiper-button-next,.Product_nav  .swiper-button-prev{
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    margin-top:-12.5px; 
}



.Product_classify{

    text-align: center;
    width: 90%;
}

.Product_classify ul{
    display: inline-block;
}


.Product_classify .swiper-slide{
    color: #666666;
    padding: 10px;
    border: 1px solid #999999;
    font-size: 1.5rem;
    background-color: #fff;
    transition: all 0.5s;
    cursor: pointer;
}
.Product_classify .active{
    color: #fff;
    background-color: #008cd6;
    border-color: #008cd6;
}
.Product_show{
    width: 100%;
    overflow: hidden;
}
.Product_show .item{
    transition: all 0.5s;
}

.Product_show .Product_box{
    padding: 0px 5%;
    margin-top:30px; 
}
.Product_show .Product_box>a{
    position: relative;
    display: block;
}
.Product_show .Product_box>a>div{
    position: relative;
    width: 100%;
    border: 1px solid #dcdcdc;
}
.Product_show .Product_box>a>div>img{
    width: 100%;
}
.Product_show .Product_box p{
    width: 100%;
    display: block;
    color: #535353;
    font-size: 1.7rem;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.Product_show .Product_box span{
    display: block;
    width: 100%;
    color: #898989;
    margin-top: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.Product_show .pro_details{
    background: #f5f5f5;
    border: 1px solid #f5f5f5 !important;
    text-align: center;
    padding: 10px 0;
}
.Product_show .Product_box .hover_img{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: opacity 0.5s;
}

.item>div:hover .hover_img{
    opacity: 1;
}

.Product_show .Product_box .hover_img>img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_box{

}
.btn_box>div{
    margin: 35px auto 0px;
}
.btn_box .Product_btn{
    width: 15px;
    height: 15px;
    border: 2px solid #0067ab;
    float: left;
    background: none;
    border-radius: 100%;
    transition: all 0.5s;
    margin: 0px 7px;
}
.btn_box .Product_btn.active{
    background-color: #0067ab;
}
.gg1{
    background: url('../image/gg1.png') no-repeat center;
    margin-top: 65px;
    background-size: cover;
    padding: 5rem 0;
    text-align: center;
}
.gg1 h1{
    font-size: 4rem;
    font-weight: bold;
    color: #fff;
}
.gg1 h2{
    font-size: 3rem;
    color: #fff;
    margin-bottom: 15px;
}
.gg1 p{
    color: #e60012;
    font-size: 1.8rem;
}
.gg1 p span{
    font-weight: bold;
    font-size: 2.5rem;
}
.gg1 .line{
    display: block;
    background: url('../image/about_t.png') no-repeat center;
    background-size: 100% 100%;
    height: 4px;
    width: 35%;
    margin: 15px auto;    
}

.Product_Advantage{
    width: 100%;
    margin-top: 50px;
    background: url('../image/ad_bg.png') no-repeat center;
    background-size: cover;
    padding-bottom: 60px;
}
.column_tit.column_tit2 a{
    background-color: #f0f0f0;
}
.cpys_backimg{
    display: inline-block;
    background: url("../image/cpys_backimg.png")no-repeat center;
}
.cpys_backimg .cpys_box{
    width: 70%;
    margin: 0px auto;
}
.cpys_backimg .cpys_box img{
    width: 100%;
}
.cpys_backimg .cpys_box .cpys_left,.cpys_backimg .cpys_box .cpys_right{
    width: 50%;
}
.cpys_backimg .cpys_box .cpys_left{
    padding: 0px 5%;
    margin: 10% 0px 0%;
}
.cpys_backimg .cpys_box .cpys_left>span{
    display: block;
    width: 100%;
    color: #333;
    font-size: 1.5rem;
    line-height: 20px;
    text-align: right;
    margin-top: 10px;
}
.cpys_backimg .cpys_box .cpys_left.fr>span{
    text-align: left;
}
.cpys_backimg .cpys_box.cpys_box2{
    margin-top: 80px;
}
.cpys_backimg>div:nth-of-type(2){
    margin-top: 35px;
    margin-bottom: 43px;
}
.aboutus_backimg{
    position: relative;
    width: 100%;
    display: inline-block;
    background: url("../image/aboutus_backimg.png") no-repeat;
    background-size: cover;
    margin-bottom:8rem; 
}
.aboutus_backimg::before{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #edf1f2;
    opacity: 1;
    z-index: 1;
}
.aboutus_backimg .aboutus_box{
    width: 100%;
    position: relative;
    z-index: 2;
    display: inline-block;
}
.aboutus_backimg .aboutus_box .aboutus_content{
    padding: 10% 2% 5%;
    color: #565656;
}
.aboutus_backimg .aboutus_box .aboutus_content h1{
    font-size: 2.4rem;
    font-weight: bold;
}
.aboutus_backimg .aboutus_box .aboutus_content p{
    font-size: 1.6rem;
    line-height: 30px;
}
.aboutus_backimg .aboutus_box .aboutus_content p img{
    display: none;
}
.aboutus_backimg .aboutus_box .aboutus_content .xian {
    width: 180px;
    height: 4px;
    background: url("../image/about_t.png")no-repeat center;
    background-size:100%;
    margin: 30px 0;
}
.aboutus_backimg .aboutus_box .aboutus_content>span{
    display: block;
    height: 152px;
    font-size: 1.5rem;
    line-height: 30px;
    overflow:hidden;
    padding-right: 4rem;
}
.aboutus_content>span h6,.aboutus_content>span p,.aboutus_content>span span,.aboutus_content>span a{
    line-height: 30px;
    color: #565656;
}
.aboutus_backimg .aboutus_box .aboutus_mobile{
    width: 65%;
    background-color: #1796d9;
    position: relative
}
.aboutus_backimg .aboutus_box .aboutus_mobile::before{
    content: '';
    position: absolute;
    height: 100%;
    background-color: #1796d9;
    width: 100%;
    left: -100%;
}
.aboutus_backimg .aboutus_box .aboutus_mobile p{
    display: block;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    line-height: 100%;
    padding: 10px 0px;
    padding-left: 2%; 
    margin-bottom: 50px;
}
.icon_box{
    width: 100%;
    left: 0px;
}
.icon_box>div{
    padding: 40px 0px;
    background-color: #f5f5f5;
}
.icon_box .aboutus_icon{
    width: 100%;
    border-right: 1px solid #cacaca;
    padding: 10px 0px;
}
.icon_box .row .col-md-3:last-child .aboutus_icon{
    border: none;
}

.icon_box .icon_img{
    display: block;
    width: auto;
    height: auto;
    margin: 0px auto;
}
.icon_box .aboutus_icon p{
    display: block;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 1.8rem;
    margin-top: 20px;
}
.icon_box>div>div:nth-of-type(4) .aboutus_icon{
    border: none;
}
.news_img{
    width: 95%;
}
.news_img img{
    width: 100%;
}
.news_img .news_box{
    width: 100%;
}
.news_img .news_box>a:nth-of-type(1){
    display: block;
    width: 100%;
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 20px 0px 10px;
}
.news_img .news_box>span{
    display: block;
    color: #999999;
    font-size: 1.3rem;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_img .news_box>a:nth-of-type(2){
    display: block;
    float: left;
    text-align: center;
    border: 1px solid #008cd6;
    font-size: 1.5rem;
    padding: 10px 15px;
    background: none;
    margin-top: 20px;
    color: #008cd6;
}
.article_box{
    padding-left: 5%;
}

.article_box .news_article{
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 30px;
    display: inline-block;
    padding-bottom: 20px;
}
.article_box .news_article:last-child{
    margin-bottom: 0;
}
.article_box .news_article:hover{
    border-color: #008cd6;
}
.article_box .news_article .time{
    width: 18%;
    border:1px solid #008cd6;
    color: #008cd6;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
    padding: 3% 0px;
    float: left;
}
.article_box .news_article .time span{
    display: block;
    font-size: 4rem;
    margin-bottom: 5px; 
}
.article_box .news_article .article_content{
    width: 82%;
    padding-left: 5%;
    float: right;
    display: block;
}
.article_box .news_article .article_content .article_tit{
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .5s;
}
.article_box .news_article .article_content .xian{
    width: 40px;
    height: 2px;
    background-color: #999999;
    margin: 15px 0px;
    transition: all .5s;
}
.article_box .news_article .article_content span{
    color: #999;
    font-size: 1.3rem;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.article_box .news_article:hover .time{
    background: #008cd6;
    color: #fff;
}
.article_box .news_article:hover .article_tit{
    color: #008cd6;
}
.article_box .news_article:hover .xian{
    width: 50px;
    background-color: #008cd6;
}

.ContactUs_backimg{
    width: 100%;
    padding-bottom: 30px;
    position: relative;
}
.ContactUs_backimg::before{
    content:'';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #edf1f2;
    z-index: 1;
}
.ContactUs_backimg::after{
    content:'';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #1796d9;
    z-index: 1;
}
.ContactUs_backimg .ContactUs_box{
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.ContactUs_backimg .ContactUs_box .ContactUs_left{
    padding-top: 90px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_left>p{
    color: #1796d9;
    font-size: 4.5rem;
    font-weight: bold;
}
.ContactUs_backimg .ContactUs_box .ContactUs_left .xian{
    background: url('../image/about_t.png') no-repeat center;
    background-size: 100%;
    height: 4px;
    width: 180px;
    margin: 2rem 0px;
    margin-bottom: 4rem;
}
.ContactUs_backimg .ContactUs_box .ContactUs_left a{
    background: none;
    border: 1px solid #ff0000;
    padding: 10px;
    width: 62px;
    line-height: 20px;
    font-size: 1.5rem;
    color: #ff0000;
    text-align: center;
    display: block;
    float: left;
}
.ContactUs_backimg .ContactUs_box .ContactUs_left .lx_phone{
    margin-bottom: 3rem; 
}
.ContactUs_backimg .ContactUs_box .ContactUs_left .idea h1{
    color: #333333;
    font-size: 2.4rem;
    margin-bottom: 2rem; 
}
.ContactUs_backimg .ContactUs_box .ContactUs_left .idea p{
    color: #333333;
    font-size: 1.6rem;
}
.ContactUs_backimg .ContactUs_box .ContactUs_left .idea p span{
    margin-right: 15px; 
}
.ContactUs_backimg .ContactUs_box .ContactUs_phone{
    padding-left: 10px;
    padding-top: 5px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_phone p{
    color: #333;
    font-size: 1.5rem;
}
.ContactUs_backimg .ContactUs_box .ContactUs_phone span{
    color: #ff0000;
    font-size: 2.5rem;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_right{
    margin-top: 60px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_content{
    padding-left: 53px;
    color: #fff;
}
.ContactUs_backimg .ContactUs_box .ContactUs_content p{
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 4rem; 
}
.ContactUs_backimg .ContactUs_box .ContactUs_content .xian{
    width: 390px;
    height: 2px;
    background-color: #fff;
    margin: 15px 0px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_content span{
    font-size: 2rem;
    display: block;
    margin-top: 20px;
    line-height: 25px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_right .row{
    margin-top: 45px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_icon{
    width: 100%;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
}
.ContactUs_backimg .ContactUs_box .ContactUs_icon img{
    display: block;
    width:auto;
    height: auto;
    margin: 0px auto;
}
.ContactUs_backimg .ContactUs_box .ContactUs_icon p{
    display: block;
    width: 100%;
    margin: 15px 0px 10px;
}
.ContactUs_backimg .ContactUs_box .ContactUs_right .row>div:nth-of-type(3) .ContactUs_icon{
    border:none;
}
.link_box{
    background-color: #ccc;
    padding: 20px 0px;
}
.link_box .link_tit{
    width: 10%;
    padding: 5px 0px;
    float: left;
    font-size: 2rem;
}
.link_box .link_tit p{
    width: 82px;
    color: #008cd6;
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
}
.link_box .link_tit span{
    width: 82px;
    display: block;
    text-align: center;
    color: #666666;
}
.link_box .link_a{
    width: 90%;
    float: left;
}
.link_box .link_a a{
    color: #333333;
    font-size: 1.5rem;
    line-height: 25px;
    border-right:1px solid #333333;
    padding-right: 5px; 
}
.link_box .link_a a:last-child{
    border-right:none;
}
.copyright{
    padding: 10px 0px;
    width: 100%;
    background-color: #333;
    display: inline-block;
}
.copyright span,.copyright a{
    display: block;
    font-size: 1.4rem;
    color: #e1e6e9;
}




.right_message{
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 999;
}
.right_message>ul{
    width: 60px;
    display: inline-block;
}
.right_message>ul>li{
    width: 100%;
    height: 64px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    z-index: 150;
}
.right_message>ul>.TOP{
    border-bottom: none;
}
.right_message>ul>li>div{
    width: 100%;
    transition: all 0.5s;
}
.right_message>ul>li>div>div{
    width: 100%;
    height: 64px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    background-color: #fff;
    font-size: 1.5rem;
}
.right_message>ul>li>div>div:nth-of-type(2){
    background-color: #008cd6;
    top: 65px;
    transition: all 0.5s;
}
.right_message>ul>li>div>div:nth-of-type(2)>span{
    color: #fff;
}
.right_message .right_erweima{
    padding-top: 0px !important;
}
.right_message>ul>li>div>div>img{
    margin-top: 10px;
    width: 20px;
    margin-bottom: 5px;
}
.right_message>ul>li>div>div>span{
    display: block;
    font-size: 1rem;
    color: #363636;
}
.right_message>ul>li>ul{
    width: 0px;
    position: absolute;
    left: -145px;
    top: 0px;
    overflow: hidden;
    transition: all 0.5s;

}
.right_message>ul>li>ul>li a{
    color: #fff;
}
.right_message>ul>li>ul>li{
    width: 145px;
    height: 64px;
    background-color: #008cd6;
    color: #fff;
    text-align: center;
    margin-left: 100%;
    transition: all 0.5s;
}

.right_message>ul>li>ul .qq{
    line-height: 64px;
    font-size: 1.5rem;
}

.right_message>ul>li>div>div .vx{
    width: 25px;
}
.right_message>ul>li>ul .imgbox{
    height: 100%;
    font-size: 1.5rem;
    line-height: 30px;
}
.right_message>ul>li .vximg{
    margin-top: -76px;
}
.right_message>ul>li>ul .imgbox>img{
    width: 100%;
}

.right_message>ul>li .dh_box{
    /*margin-top: -64px;*/
}

.right_message>ul>li>ul .dh{
    text-align: left;
}



.right_message>ul>li>ul .dh>img{
    float: left;
}
.right_message>ul>li .dh_box>li:nth-of-type(1)>img{
    margin: 23px 13px;
}

.right_message>ul>li .dh_box>li:nth-of-type(2)>img{
    margin: 23px 16px;
}
.right_message>ul>li .dh_box>li:nth-of-type(3)>img{
    margin: 22px 12px;
}

.right_message>ul>li>ul .dh>div{
    width: 100px;
    margin: 11px 0px;
    font-size: 1.3rem;
}
.right_message>ul>li>ul .dh>div>span{
    overflow:hidden;
    white-space:nowrap;
}
.right_message>ul>li>div>div .yuy{
    width: 30px;
}
.right_message>ul .yuyue{
    cursor: pointer;
}
.right_message>ul>li>ul>li>div>p{
    margin-bottom: 5px;
}
.toTop {
    width: 35px;
    height: 28px;
    display: block;
    margin: 15px auto 0px;
    background: url(../image/icon_right/toTop2_h.png) center/100% 100%;
    z-index: 99;
    cursor: pointer;

}
.right_message>ul>.TOP>div>div{
    background-color: #008cd6;
}

.case_img1 .case_box{
    padding: 0px 5%;
}
.case_img1 .case_box img{
    width: 100%;
    border: 1px solid #dcdcdc;
}
.case_img1{
    margin-bottom:3rem;
}
.case_box a{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.case_box .case_img{
    position: relative;
}
.case_box .hover_img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    transition: all .5s;
    opacity: 0;
}
.case_box .hover_img img{
    width: 20%;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.case_box p{
    border: 1px solid #dcdcdc;
    color: #535353;
    font-size: 1.6rem;
    border-top: none;
    text-align: center;
    padding: 15px 0;
    transition: all .5s;
}
.case_box:hover .hover_img{
    opacity: 1;
}

.case_box:hover p{
    background: #008cd6;
    color: #fff;
    border: 1px solid #008cd6;
    border-top: none;
}

.read_more{
    display: block;
    width: 110px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #008cd6;
    font-size: 1.5rem;
    color: #008cd6;   
    margin: 0 auto;     
}
.nav_more{
    font-size: 16px;
    border-bottom: 1px dashed #eee;   
}

.nav_more a{
    color: #000;
    display: block;
    padding: 15px;
}

.order{
    background: #f9f9f9;
    margin-top: 5rem;
    padding-bottom: 6rem;
}
.order_box img{
    width: 100%;
}

@media screen and (max-width: 1024px){
    .header-right {
        display: none;
    }   
    #menu_toggle1{ display:block;}
    .header>.container{height: 70px;padding: 10px}
    .ContactUs_backimg::before{background: #fff;}
    .ContactUs_left{padding: 0 2%}
    .place{display: none;}
    .gg1{
        padding-right: 0;
    }
    .gg1 h1{font-size: 3rem;}
    .gg1 h2{font-size: 2rem;}
    .gg1 p{font-size: 1.5rem;}
    .gg1 p span{font-size: 1.8rem;}
    .column_tit{
        margin: 4rem auto;
    }
    .column_tit .tit h2{font-size: 2rem}
    .aboutus_backimg .aboutus_box .aboutus_content>span{padding-right: 0}
    .order{
        margin-top: 0;
        padding-bottom: 2rem;
    }    
}






@media (max-width: 767px){
    .xs_nav {
        position: fixed;
        background-color: #3C86C5;
        width: 100%;
        height: 40px;
        bottom: 0px;
        left: 0px;
        z-index: 999;
        text-align: center;
    }

    .xs_nav>ul {
        font-size: 0px;
    }

    .xs_nav>ul>li {
        display: inline-block;
        width: calc(100% / 4);
        border-left: 1px solid #fff;
        position: relative;
    }

    .xs_nav>ul>li:nth-of-type(1) {
        border-left: 1px solid #3C86C5;
    }

    .xs_nav>ul>li>img {
        width: 20%;
        vertical-align: top;
        margin: 12% 0px;
        margin-right: 5px;
    }

    .xs_nav>ul>li>a {
        cursor: pointer;
        display: inline-block;
        color: #fff;
        line-height: 40px;
        font-size: 1.2rem;
    }

    .xs_nav>ul>li>div {
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 100%;
        background-color: rgba(0, 145, 215, 0.9);
        display: none;
    }

    .xs_nav>ul>li>div>ul {
        display: block;
    }

    .xs_nav>ul>li>div>ul>li {
        border-top: 1px solid #ffffff;
    }

    .xs_nav>ul>li>div>ul>li>a {
        display: block;
        color: #fff;
        line-height: 40px;
        font-size: 1.2rem;
    }

    .logo{
        width: 200px;
    }
    .logo>img{
        margin-left: 10px;
    }
    .logo .logo_tit>p{
        font-size: 1.5rem;
    }
    .column_tit>div{
        width: 98%;
    }

    .Product_classify ul{
        width: 100%;
        margin: 0px;
    }
    .Product_classify ul>li{
        text-align: center;
        width: 48%;
        width: 31%;
        margin: 0px 1% 1%;
    }
    .Product_show .item>div{
        width: 48%;
        margin: 0px 1%;
    }
    .case_tit{
        padding: 10px 5%;
    }
    .cpys_backimg{
        display: none;
    }
    .case_tit .title{
        top: 0%;
    }
    .aboutus_backimg,.ContactUs_backimg{
        background:none;
        padding-top: 0px;
    }
    .aboutus_backimg .aboutus_box,aboutus_backimg,.ContactUs_backimg,.ContactUs_backimg .ContactUs_box{
        position: relative;
    }
    .aboutus_backimg .aboutus_box .aboutus_content{
        color: #0067AB;
        padding: 0px 2%;
    }
    .aboutus_backimg .aboutus_box .aboutus_content .xian{
        margin: 10px 0;
    }
    .aboutus_backimg .aboutus_box .icon_box{
        padding: 20px 0px;
        margin-top: 15px;
    }
    .news_img{
        margin: 0 auto;
        margin-bottom: 10px; 
    }
    .column_tit>span{
        line-height: 20px;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_left{
        padding-top: 0px;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_content{
        color: #0067AB;
        padding: 0px 2%;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_right .row{
        background-color: #333;
        padding-top: 20px;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_right .row>div{
        margin-bottom: 20px;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_right{
        margin-top: 40px;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_content p{
        line-height: 30px;
    }
    .link_box .link_tit{
        margin-bottom: 20px;
    }
    .link_box .link_tit>p{
        margin: 0px auto 8px;
    }
    .link_box .link_tit>span{
        margin: 0px auto;
    }
    .link_box .link_tit,.link_box .link_a{
        width: 100%;
    }
    .copyright span, .copyright a{
        width: 100%;
        text-align: center;
        line-height: 25px;
    }
    .case_tit .title.active{
        background: none;
    }
    .ContactUs_backimg .ContactUs_box .ContactUs_left>p{
        font-size: 3.5rem;
    }
    .advantage_box>div>div{
        float: left;
        margin-right: 0px !important;
    }
    .aboutus_backimg .aboutus_box .aboutus_content p{
        font-size: 1.9rem;
    }
    .aboutus_backimg::before,.ContactUs_backimg::after{
        width: 0%;
    }
    .aboutus_content>span h6, .aboutus_content>span p, .aboutus_content>span span, .aboutus_content>span a{
        color: #666666;
    }
    .aboutus_backimg .aboutus_box .icon_box{
        position: relative;
        bottom: 0px;
    }
    .aboutus_backimg{
        margin-bottom: 0px;
    }
    html{
        overflow-x: hidden;
    }
    .column_tit .tit h2 span{
        display: block;
        margin-right: 0; 
    }
    .article_box{
        padding: 0 10px;
    }
    .Product_nav{
        margin: 0;
    }
    .advantage_cont{
        margin-top: 0; 
    }
}