dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{padding:0;list-style-type:none;font-weight:normal;}
a{color: #000;}
a:hover{color: #000;text-decoration:none;}
html{font-size: 62.5%;margin: 0;padding: 0;}
body{padding: 0;}
.fr{float: right;}
.fl{float: left;}
.row{width: 100%;}

@media (min-width: 1200px) {
    .container{max-width: 1300px;}
    .nav_language li{float: left;margin: 0 -1rem;}

}
.nav_language li img{height: 2.5rem;}
/*nav*/
/*.nav  > li:hover .dropdown-menu {display: block;}*/
.navbar{height: 9.5rem;border-bottom: 1px solid rgba(255,255,255,0.5);}
.navbar .collapse .navbar-nav a{font-size: 1.8rem;padding: 0 2rem;color: #fff;line-height: 6rem;transition: all 0.5s;}
.navbar-brand{margin-left: 2rem;}
/*下拉经过展开*/
.dropdown:hover >.dropdown-menu {display: block;}
.dropdown >.dropdown-toggle:active {pointer-events: none;}

.dropdown .dropdown-menu{background-color: rgba(255,255,255,0.9);border-radius: 0;padding: 1rem 1rem;text-align: center;margin-left: -3rem;border: 0;box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.1);margin-left : -5.6rem ;}
.navbar .collapse .navbar-nav .dropdown .dropdown-menu a{color: #000;line-height: 4rem;padding: 0 5rem;font-size: 1.6rem;}
.navbar .collapse .navbar-nav .dropdown .dropdown-menu a:hover{background-color: #347383;color: #fff;}

.navbar.on{background-color: rgba(0,94,113,0.9);box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.15);border-bottom: none;}
.navbar.on .collapse .navbar-nav a{color: #fff;transition: all 0.5s;}
@media (min-width: 300px) and (max-width: 992px) {
    .index_pros_main img{width: 98%;} 
} 
@media (min-width: 300px) and (max-width: 992px) {
    .nav_language li{float: right;margin: 0 0;}
} 
@media (min-width: 300px) and (max-width: 992px) {  
    /*在小于768像素的屏幕里,这里的样式才生效*/  
    .navbar{height: auto;background-color: #005e71;border: none;}
    .navbar .collapse .navbar-nav a{font-size: 1.4rem;padding: 1rem 1rem;line-height: 1.5rem;}
    .carousel-item{margin-top: 5.1rem;}
    .navbar-brand{padding: 1rem 0;}
    .navbar-brand img{max-height: 2.8rem;}
    .navbar .collapse .navbar-nav{margin: 1rem 0 1rem 0;padding-left: 1rem;border-top: 1px dotted rgba(255,255,255,0.3);padding-top: 1rem;}
    .dropdown .dropdown-menu{background-color: #005e71;box-shadow: none;}
    .navbar .collapse .navbar-nav .dropdown .dropdown-menu a{color: #fff;}
} 

/*banner*/
.carousel-item{text-align: center;background-color: #000;}
.carousel-item img{max-width: 100%;max-height: 858px;margin: 0 auto;}

/*search*/
.form-inline{margin: 0 auto;position: relative;}
.form-inline .form-control{margin: 0 auto;border-radius: 33rem;height: 6.7rem;width: 70.9rem;border: none;box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.1);font-size: 1.8rem;color: #999;margin-top: -3.3rem;z-index: 999;padding-left: 2rem;}
.index_search .btn{position: absolute;top: -1.5rem;;right: 25%;z-index: 9999;}
@media (min-width: 300px) and (max-width: 992px) { 
    .form-inline .form-control{height: 4.5rem;width: 40rem;margin-top: -2rem;font-size: 1.2rem;box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.05);}
    .index_search .btn{position: absolute;top: -1.3rem;;right: 5%;z-index: 999;}
}



/*products*/
.index_pros{width: 1162px;margin: 0 auto;margin-top: 5.3rem;}
.index_pros_main{position: relative;}
.index_pros_main p{position: absolute;left: 1rem; bottom: 0.16rem;font-size: 2.4rem;font-weight: bold;color: #fff;}

.index_pro{margin-top: 9.3rem;transition: all 0.5s;}
.index_pro img{margin-top: 0.5rem;}
.index_pro_main{margin-left: 7%;}
.index_pro_title{max-width: 70%;font-size: 1.8rem;font-weight: bold;}
.index_pro_title p{font-size: 1.4rem;font-weight: lighter;color: #999;line-height: 1.8rem;margin-top: 0.5rem;}

@media (min-width: 300px) and (max-width: 992px) {
    .index_pro{margin-top: 2rem;}
    .index_pro_main{margin-top: 1rem;}
    .index_pros{width: 100%;}
    .index_pros_main{text-align: center;}
    .index_pros_main p{position: absolute;left: 3rem; bottom: 0.16rem;font-size: 2.4rem;font-weight: bold;color: #fff;}  
} 
@media (min-width: 992px) and (max-width: 1200px) {
    .index_pro_five li:nth-child(5){background: url(../images/pro5.jpg)center;background-size: 100% 100%;margin-top: -27%;}
    .index_pro_five li p{margin: 70% 0 0 3%;font-size: 2.4rem;font-weight: bold;color: #fff;}
    .index_pro_five li:nth-child(2) p{margin: 155% 0 0 3%;font-size: 2.4rem;font-weight: bold;color: #fff;}
}

/*about*/
.index_about{background: url(../images/about_bg.jpg) fixed center no-repeat;margin-top: 8.7rem;text-align: center;padding: 4% 0;}
.index_about_title{font-size: 3.6rem;color: #01667e;font-weight: bold;text-align: center;}
.index_about_img{margin-top: 5rem;transition: all 0.5s;}
.index_about_img img{transition: all 0.5s;}
.index_text{font-size: 1.6rem;color: #fff;width: 86%;line-height: 2.8rem;margin: 4.5rem auto;}
.index_about_button{width: 20.7rem;height: 3.6rem;font-size: 1.2rem;color: #fff;background-color: #005e71;line-height: 3.6rem;border-radius: 1.8rem;text-align: center;margin: auto;}

@media (min-width: 300px) and (max-width: 992px) {
    .index_about_img{margin-top: 3rem;}
    .index_about_img img{max-width: 80%;transition: all 0.5s;}
    .index_text{margin: 3rem auto;}
    .index_about{padding: 7% 0;margin-top: 2rem;}
    .index_about_title{font-size: 2.4rem;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .index_about_img img{max-width: 90%;transition: all 0.5s;}
}

/*hot*/
.index_hot_title{text-align: center;margin-top: 5rem;}
.index_hot_title p{text-align: center;margin-top: 2.5rem;font-size: 3.6rem;font-weight: bold;color: #005e71;transition: all 0.5s;}
.index_hot_main{text-align: center;margin-top: 4rem;}
.index_hot_main .index_hot_img{position: relative;height: 18.6rem;overflow: hidden;background-color: #f3f3f3;padding: 1rem 1rem;}
.index_hot_main .index_hot_img img{max-width: 95%;max-height: 17.6rem;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.index_hot_name{font-size: 1.6rem;color: #333;line-height: 2.6rem;margin-top: 1.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

@media (min-width: 300px) and (max-width: 992px) {
    .index_hot_title p{text-align: center;margin-top: 2.5rem;font-size: 2.4rem;font-weight: bold;color: #005e71;}
    .index_hot_main{margin-left: 1%;margin-top: 0rem;}
}

/*ex*/
.index_ex{padding: 8.3rem;background: url(../images/ex_bg.jpg) fixed center no-repeat;margin-top: 7rem;}
            .col-sm-1-5,
            .col-md-1-5,
            .col-xl-1-5,
            .col-lg-1-5{
                position: relative;
            }
            @media (min-width: 576px) {
                .col-sm-1-5 {
                    width: 20%;
                    float: left;
                }
            }
            @media (min-width: 768px) {
                .col-md-1-5 {
                    width: 20%;
                    float: left;
                }
            }
            
            @media (min-width: 992px) {
                .col-lg-1-5 {
                    width: 20%;
                    float: left;
                }
            }
            @media (min-width: 1200px) {
                .col-xl-1-5 {
                    width: 20%;
                    float: left;
                }
            }
.index_ex_main{text-align: center;}
.index_ex_main .index_ex_main_img{text-align: center;width: 14.2rem;height: 14.2rem;border-radius: 50%;border: 0.2rem dashed #fff;margin: 9rem auto 2.4rem auto;line-height: 13rem;}
.index_ex_main p{text-align: center;font-size: 1.8rem;color: #fff;}
.index_ex_title{font-size: 3.6rem;color: #005e71;font-weight: bold;text-align: center;}

@media (min-width: 768px) and (max-width: 992px) {
    .index_ex_main .index_ex_main_img{text-align: center;width: 11rem;height: 11rem;border-radius: 50%;border: 0.2rem dashed #fff;margin: 9rem auto 2.4rem auto;line-height: 11rem;}
    .index_ex_main .index_ex_main_img img{max-width: 50%;}
    .index_ex_main{width: 20%;}
    .index_ex_main p{text-align: center;font-size: 1.4rem;color: #fff;}
    .index_ex{padding: 6rem;background: url(../images/ex_bg.jpg) fixed center no-repeat;margin-top: 7rem;}

}
@media (min-width: 300px) and (max-width: 768px) {
    .index_ex_main .index_ex_main_img{text-align: center;width: 14.2rem;height: 14.2rem;border-radius: 50%;border: 0.1rem dashed #fff;margin: 5rem auto 2.4rem auto;line-height: 13rem;}
    .index_ex_main .index_ex_main_img img{max-width: 50%;}
    .index_ex_main{width: 50%;}
    .index_ex_z{margin-left: 0.8%;}
    .index_ex_main:nth-child(5){display: none;}
    .index_ex_main p{text-align: center;font-size: 1.4rem;color: #fff;}
    .index_ex{padding: 3rem;background: url(../images/ex_bg.jpg) fixed center no-repeat;margin-top: 7rem;}
}

/*news*/
.index_news_main{height: 25rem;box-shadow: 0 1rem 1rem rgba(0,0,0,0.1);margin: 4.6rem 1% 0 1%;width: 100%;}
.index_news_img{width: 45%;height: 100%; position: relative;overflow: hidden;}
.index_news_img img{height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 100%;  padding: 1rem;}
.index_news_r{width: 52%;padding: 4rem 1rem;}
.index_news_title{font-size: 2rem;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news_date{font-size: 1.6rem;color: #005e71;margin-top: 1rem;}
.index_news_text{font-size: 1.6rem;color: #999999;line-height: 2.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 1rem;}
.mt-6{margin-top: 6rem;}

@media (min-width: 300px) and (max-width: 992px) {
    .index_news_main{margin-left: 1.5rem;height: 20rem;margin-top: 2rem;}
    .index_news_r{width: 52%;padding: 2rem 1rem;}
}

/*fe*/
.index_fe{padding: 1rem 0 2.7rem 0;background: url(../images/fe_bg.jpg) center no-repeat;margin-top: 6rem;}
.index_fe_button{background-color: #fff;width: 20.7rem;height: 3.6rem;font-size: 1.2rem;color: #005e71;line-height: 3.6rem;border-radius: 1.8rem;text-align: center;margin: 5rem auto auto auto;}
.form_tel{height: 26.2rem;background-color: rgba(255,255,255,0.8);}
.form_name{height: 3rem;background-color: rgba(255,255,255,0.8);}
.usr{font-size: 1.6rem;color: #005e71;}

@media (min-width: 300px) and (max-width: 992px) {
    .index_fe_1{margin-left: 1%;}
    .index_fe{padding: auto 0 5rem 0;}
    .form_tel{height: 13rem;}
    .index_fe_button{margin: 2rem auto 7rem auto;}
}

/*footer*/
.index_footer{height: 33rem;background: url(../images/footer_bg.jpg) fixed bottom center no-repeat;}
.footer_l{font-size: 2rem;color: #fff;margin-top: 5rem;}
.footer_l p{font-size: 1.5rem;color: #fff;margin-top: 1rem;line-height: 2rem;opacity: 0.9;}
.footer_c{font-size: 2rem;color: #fff;margin-top: 5rem;margin-bottom: 1.5rem;margin-left: 2%;}
.footer_c li{float: left; font-size: 1.6rem;color: #fff;margin-top: 0.5rem;margin-right: 3rem}
.footer_c li a{float: left; font-size: 1.4rem;color: #fff;opacity: 0.9;}
.footer_r{text-align: center;margin-top: 6rem;}
.footer_r img{width: 13rem;height: 13rem;}
.footer_r p{font-size: 1.6rem;color: #fff;margin-top: 1rem;}


footer{display: none;}
@media (min-width: 300px) and (max-width: 992px) {
footer{display: block; position:fixed; z-index: 9; padding:10px 0;width:100%;height:60px;bottom:5px;background: linear-gradient(to right,#005e71,#005e71);box-shadow: 5px 0 15px rgba(4, 52, 109, 0.5); border-radius: 60px;}
footer ul{height:50px;  position: relative;}
footer ul li{width:33.33%;float:left;color:#fff;}
footer ul li dl{width:auto;margin:0 auto;text-align:center;}
footer ul li dt{width:auto;height:25px;overflow:hidden;}
footer ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;}
    .index_footer{display: none;}
}


/*内页about*/
.s_banner{width: 100%; background: url(../images/sbanner.jpg) top center no-repeat; height:450px;background-size: cover;transition: all 0.5s;}
.breadcrumb{background-color: #f6f6f6;line-height: 4.5rem;}
.breadcrumb a{font-size: 1.6rem;}

@media (min-width: 300px) and (max-width: 992px) {
    .s_banner{height:250px;}
    .breadcrumb{background-color: #f6f6f6;line-height: 3rem;}
    .breadcrumb a{font-size: 1.4rem;}
}


.sub_big{font-size: 20px; font-weight: bold; width: 100%; max-width: 1350px; margin: 0 auto;}




.sub_content{width: 100%; max-width: 1350px; padding:5px; font-size: 16px; margin: 0 auto;}
.sub_contentc{width: 100%; max-width: 1350px; padding:30px 0; font-size: 16px; margin: 0 auto;}
/*
SUB_PRO
*/
.pro_pic{width: 640px; float: left;}
.pro_main{width: 600px; float: right;}
.pro_depp{padding: 10px; color: #777; line-height: 25px;}
.pro_mp{padding: 20px; color: #333; line-height: 35px;}
.pro_name{height: 65px; background: #f1faff; font-size: 22px; line-height: 65px; color: #000; padding: 0 0 0 15px;}
.pro_option{height: 40px; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 40px; color: #333; padding: 0 0 0 5px;}
.sub_pro_more {width:150px; height:50px; color:#fff; background:#c50505; text-align:center; line-height:50px; font-size:18px; float:left; margin:20px 0 0 0;}
.sub_pro_more a{color:#fff; background:#c50505; display:block;}
.sub_pro_more a:hover{color:#fff; background:#000;}


.prodct_content_title{width:100%; margin:0 auto; color: #fff; background: #005e71; height: 50px; line-height: 50px; text-indent: 10px; margin: 15px 0; font-weight: bold; border-left: 12px solid #000; font-family:"Microsoft YaHei";}
.prodct_content_title li a{ color:#FFF}
.product_content{width:100%; margin:0 auto; padding: 30px 0 0 0;}
.product_content img{max-width: 100%;}

.spro_wrapper li i{position: absolute; right: 19px; bottom: 17px; color: #0648a8;}
.spro_wrapper li{position: relative;padding:0; margin: 0 1.5% 2% 1.5%; overflow: hidden;}
.spro_wrapper li img{max-width:313px; max-height: 244px; transition: .5s all ease;}
.spro_wrapper li p{width: 90%; border-radius: 2%; background: #fff; height: 40px; line-height: 40px; position: absolute; bottom: 15px; font-family:Staat; color: #000; font-size: 20px; left: 0; right: 0; box-sizing: border-box; text-indent: 10px;}
.spro_wrapper li:hover img{transform: scale(1.4);}
.spro_wrapper li:hover p{background: #0648a8; color: #fff;}
.spro_wrapper li:hover i{color: #fff;}
.picimages img{ max-width: 700px!important; margin: 0 auto; text-align: center;}

.pre_nex{width: 100%; margin: 25px auto;}
.pre_nex li:nth-last-child(odd){float: left;}
.pre_nex li:nth-last-child(even){float: right;}
.pre_nex li{width: 48%; height: 40px; line-height: 40px; color: #aaa; background: #f8f8f8; text-align: center;}
.pre_nex li a{display: block; color: #777; font-size: 14px;}
.pre_nex li a:hover{color: #000; background: #f1f1f1;}

.sub_news_title{line-height:28px; font-size:24px; 
  text-align:center; color:#0a50a1; font-weight: bold;font-family: 'Barlow Condensed';}


.contact_content{font-size: 16px;}
.contact_content p{ color: #000!important;}
.contact_content img{max-width: 100%;}

/*分页样式*/
.page_info{text-align:center;margin:10px;color:#999; clear: both; margin: 0 auto;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:50px; padding: 50px 0; margin-left: auto; margin-right: auto; clear:both; width:100%;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}



/*
------SUBPRO------
*/
.subpro_box{position: relative;padding:0; overflow: hidden; margin: 20px 0;}
.subpro_box i{float: right; display: inline;width: 55px; line-height: 55px; text-align: center;height: 55px; background: #c50505; color: #fff; box-sizing: border-box; text-indent: 0;transition: .5s all ease;}
.subpro_box .img{position: relative; background: #fff; padding:0; overflow: hidden;}
.subpro_box .img::before{position:absolute; display: inline-block;content: ''; left: 0; top: 0; background: url(../images/pamsk.png) top left no-repeat; width: 100%; height: 100%; background-size: cover; z-index: 9;}
.subpro_box img{transition: .5s all ease;}
.subpro_box p{border-top: 1px solid #eee; background: #f5f5f5; height: 55px; line-height: 55px; box-sizing: border-box; text-indent: 10px;width:-webkit-calc(100% - 55px); width:-moz-calc(100% - 55px); width:calc(100% - 55px);  float: left;}
.subpro_box p span{display: block; line-height: 10px; color: #000; font-size: 16px; line-height: 33px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.subpro_box p label{display: block; line-height:15px; font-size: 12px; color: #999; font-weight: normal;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.subpro_box:hover img{transform: scale(1.4);}
.subpro_box:hover i{color: #fff; text-indent: 20px;}





.index_fe input::input-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666; font-family:Arial; font-size: 15px;
}
.index_fe input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666; font-family:Arial; font-size: 15px;
}
.index_fe input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666; font-family:Arial; font-size: 15px;
}
.index_fe input::-moz-placeholder, textarea::-moz-placeholder {
  color: #666; font-family:Arial; font-size: 15px;
}
.index_fe input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #666; font-family:Arial; font-size: 15px;
}
.index_fe input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #666; font-family:Arial; font-size: 15px;
}