@charset "utf-8";



/* CSS Document */



body {

    font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

    height: 100%;

    min-width: 1260px;

    background: #fff;

    max-width: 100%;

    overflow: auto;

    color: #666;

    overflow-x: hidden;

    padding: 0px;

    margin: 0px;

}



a {

    color: #666;

    text-decoration: none;

    outline: none;

}



img {

    border: 0px;

    vertical-align: middle;

}



a:link {

    text-decoration: none;

    outline: none;

}



a:visited {

    text-decoration: none;

    outline: none;

}



a:hover {

    text-decoration: none;

    color: #333;

    outline: none;

}



ul,

p,

dl,

dt,

dd {

    padding: 0px;

    margin: 0px;

}



li {

    list-style-position: outside;

    list-style-type: none;

}



h1,

h2,

h3,

h4,

h5 {

    padding: 0px;

    margin: 0px;

}



input {

    margin: 0;

    padding: 0;

    outline: 0;

    -webkit-appearance: none;

}



input::-webkit-input-placeholder {

    color: #ccc;

}



input::-ms-input-placeholder {

    color: #ccc;

}



input::-moz-placeholder {

    color: #ccc;

}



input[type=button],

input[type=submit] {

    cursor: pointer;

}



button[disabled],

input[disabled] {

    cursor: default;

}



input {

    background: transparent;

    padding: 0px;

    font-size: 14px;

    color: #888;

    border: 0px;

    outline: none;

}



em {

    font-style: normal;

}



i {

    font-style: normal;

}





/*清除浮动*/



.clear {

    clear: both;

    height: 0px;

    overflow: hidden;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.clearfix {

    /*兼容 IE*/

    zoom: 1;

}





/************全局样式************/



.fl {

    float: left;

}



.fr {

    float: right;

}

.dflex { display: flex;}

.dflex_center { display: flex; align-items: center; justify-content: center;}

.dflex_start { display: flex; align-items: center; justify-content: flex-start;}

.dflex_end { display: flex; align-items: center; justify-content:flex-end;}

.dflex_stretch { display: flex;justify-content: center;align-content: center; align-items: stretch;}

.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}



/*t图片样式*/



.center-block {

    display: block;

    margin-right: auto;

    margin-left: auto

}



img {

    border: 0px;

    vertical-align: middle;

}



.img-responsive {

    display: block;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    max-width: 100%

}



.avatar {

    display: block;

    overflow: hidden;

    width: 100%;

}



.avatar img {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.avatar:hover img {

    transform: scale(1.1);

    transition: all 1s ease 0s;

    -webkit-transform: scale(1.1);

}





/*文字超出隐藏*/



.dot {

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dot2 {

    display: -webkit-box;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}





/**/



.wal {

    width: 1200px;

    margin: 0px auto;

}

.main-title { text-align: center; margin-top: 40px;}



.main-title b {

    font-size: 32px;

    color: #333;

    line-height: 40px;

}



.main-title p {

    font-weight: 400;

    color: #666666;

    font-size: 18px;

    line-height: 26px;

    margin-top: 15px;

   

   

}

.main-title i { display: block;}





/*顶部导航*/



.headDiv {

    height: 120px;

    width: 100%;

    z-index: 9999;

}



.headDiv .wal {

    height: 120px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.headDiv .logo {

    height: 100px;



    display: flex;

    align-items: center;

}



.headDiv .logo b {

    font-size: 24px;

    color: #333;

}

.language { height: 50px; }

.language a { display: block; margin: 10px 5px 0; background: #E6212A; height: 35px; width:35px;  color: #fff; border-radius:50%; text-align: center; line-height: 35px;}

.language a:last-child { background: #005BAC;}

.language a:hover { background: #F25252;  color: #fff!important;}

.language a:last-child:hover { background: #0F74CE; color: #fff;}

.language b { font-size: 22px; display: block; color: #333; line-height: 43px; border: 1px solid #dedede; border-radius: 30px; margin-top: 10px; margin-right: 10px; padding: 0 15px 0 0;}

.nav {

 

    height: 120px;

 

}



.nav li {

    float: left;

    position: relative;



}



.nav ul li:after {



    content: " | ";

    position: absolute;

    top: 0;

    font-size: 14px;

    height: 70px;

    line-height:70px;

    color: #aaa;



}

.nav ul li:last-of-type:after{content: "";}

.nav a:hover, .nav li:hover > a {

  

    color: #005BAC;

  }

.nav ul li a {

    display: block;

    float: left;

    height:70px;

    line-height: 70px;

    padding: 0 18px;

    overflow: hidden;

    text-align: center;

    font-size: 16px;

    color: #333;





    

}



/* 二级菜单 */

.ejxl{display: none;background-color: rgba(0,91,172,.9);transition: all 0s;z-index: 10;

    position: absolute;

    top:100%;

    width:180%; left:-30px;

}

.nav ul li:hover .ejxl{ display:block;}

.nav ul li .ejxl>li{margin:0 auto ;display: block; padding:0; width: 100%;}

.nav ul li .ejxl>li:after { content: ""; position: relative; } 

.nav ul li .ejxl>li a{display: block;color:#fff;font-size: 15px;height:45px;line-height:45px; padding: 0; width: 100%;    text-align: center; }

.nav ul li .ejxl a:hover{background: #E6212A;}







/*顶部导航 end*/





/*首页banner图*/



#banner .swiper {

    width: 100%;

    height: 100%;

}



#banner .swiper-slide {

    background-position: center;

    background-size: cover;

}



#banner .swiper-slide img {

    display: block;

    width: 100%;

}



#banner .swiper-button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

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

    border-radius: 50%;

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}



#banner .swiper-button:hover {

    background: #005BAC;

}



.btn-prev {

    left: 5%;

}



.btn-next {

    right: 5%;

}



#banner .swiper-pagination-bullet {

    position: relative;

    margin: 0 8px!important;

    display: inline-block;

    width: 16px;

    height: 16px;

    border-radius: 8px;

    background: #999;

    overflow: hidden;

    z-index: 10;

    outline: none;

    opacity: 0.5;

    filter: alpha(opacity=50);

}



#banner .swiper-pagination-bullet-active {

    background-color: #005BAC;

    opacity: 1;

    filter: alpha(opacity=100);

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}





/*首页banner图 end*/





/*产品*/

.product {  margin-top: 30px; }

.pro_nav ul { margin: 20px auto;  }

.pro_nav li {  float: left; 

    width: 31.3%;

    margin: 1%; position:relative; }

.pro_nav li a{ line-height: 55px; display: block; border: 1px solid #f7f7f7; 

    background: #f7f7f7;

     margin: 15px 0; color: #333; font-size: 16px; text-align: center; 

        -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;}

.pro_nav li a:hover { background: #005BAC; border: 1px solid #005BAC; color: #fff;}





.pro_content a { display: block; float: left; width: 31.3%; margin: 1%; }

.pro_content span { display: block; overflow: hidden; margin: 5px;}

.pro_content p {



    color: #333;

    text-align: center;

    line-height: 40px;

    font-size: 18px;

    padding:20px 10px;
display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}



.pro_content a:hover { box-shadow: 0 0 20px #dedede;}

/* 二级菜单 */
.ejxll{display: none;background-color: rgba(0,91,172,.9);transition: all 0s;z-index: 9999;
    position: absolute;
    top:70px;
    width:100%;
}
.pro_nav ul li .ejxll dd a{display: block;color:#fff;font-size: 15px;height:45px;line-height:45px; padding: 0; width: 100%; margin:0; text-align: center; background:none; border:none; }

.pro_nav ul li:hover .ejxll{ display:block;}
.pro_nav ul li:hover .ejxll dd{margin:0 auto ;display: block; padding:0; width: 100%; float:none; background:fff;}
.pro_nav ul li:hover .ejxll dd:after { content: ""; position: relative; } 
.pro_nav ul li:hover .ejxll dd a{display: block;color:#fff;font-size: 15px;height:45px;line-height:45px; padding: 0; width: 100%; text-align: center; background:none; border:none; }
.pro_nav ul li:hover .ejxll dd a:hover{background: #E6212A;}

/*简介*/



.about-box {

    background:url(../images/guide.jpg) no-repeat;

    background-size: 100%;

    padding: 60px 0;

    margin-top: 60px;

    

}



.about {

    display: flex;

    background:#fff url(../images/bg2.jpg) no-repeat bottom;

    background-size: 100%;

}



.ab_left {

    flex: 1;

    padding: 30px;

}





.jianj i {

    color: #333;

    padding-top: 30px;

    font-size: 20px;

    display: block;

}







.jianj p {

    line-height: 26px;

    padding-top: 15px;

    color: #666;

}

.ab_list2{  display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}

.ab_list2 li{ cursor: pointer; color:#666;  padding:10px 0; text-align: center;

	-webkit-transition:transform .3s;transition:transform .3s;}

.ab_list2 li b{display: block;font-size: 38px;color: #005BAC;overflow: hidden;line-height: 55px;}

.ab_list2 li i{display: block;}

.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}

.more-btn {

    margin-top: 15px;

    width: 150px;

    text-align: center;

    height: 50px;

    color: #fff;

    background-color: #005BAC;

    line-height: 50px;

    border: 1px solid #005BAC;

    display: inline-block;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

}



.more-btn:hover {

    background-color: #E6212A;

    border: 1px solid #E6212A;

    color: #fff;

    text-decoration: none;

}



.ab_right {

    flex:1;

    padding: 30px;

   

}



/*新闻资讯*/

.news_box{  padding: 10px 0 50px; }



.news li{

	

	transition: .3s;

    background: #f7f7f7;

    margin: 25px 10px;

    width: 33.3%;



}

.news li a { display: block; padding: 15px;}

.news li span{

    display: block;

    height: 0;

    position: relative;

    transition: all 0.8s;

  

  }

  .news li span:after{content: "";width: 0;height: 2px;background: #E6212A; transition: all 0.8s;position: absolute;left: 0;top: -2px;}

  .news li:hover span:after{width: 100%;}

.news li i{color: #999999; font-size: 14px; margin-top: 10px; display: block; }

.news li p{

	font-size: 14px;

	color: #656565;

	line-height: 26px;

	margin-bottom: 15px;





}

.news li .news-title{

	font-size: 18px;

	color: #343434;

	line-height: 26px;

	padding-bottom: 10px;

	overflow: hidden;

	margin: 10px 0;

	font-weight: bold;

	border-bottom: 1px #dedede solid;

}



/*联系我们*/

.contact { background: url(../images/footer_bg.jpg) no-repeat; padding:30px 0 50px;}

.contact-list {  margin-top: 30px; }

.contact-list ul {display: flex; flex-wrap: wrap;}

.contact-list ul li { flex: 1; margin: 10px; }

.contact-list a{ display: flex; color: #333;  flex-direction: column;  align-items: center;   background:rgba(255,255,255,.8); padding:20px ; transition: .3s; border-radius: 20px;  height: 150px; }



.contact-tu {

   

    flex: 1;

    height: 80px;

    margin: 7px 0;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

  }

  .contact-content {

    flex: 4;

 

    font-size: 16px;

    display: flex;

    flex-direction: column;

    align-items: center;



    

  }

  .contact-content span { font-size: 18px; line-height: 28px;  display: block; text-align: center;}

  

/*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 15px;

    bottom: 50px;

    color: #fff;

    cursor: pointer;

    background: #005BAC;

    font-size: 30px;

    border-radius: 10px;

}



/*底部footer*/



.footer {

    background: #3B3B3B;

    background-size: cover;



    padding: 60px  30px 30px;

}

.footer-nav{ display: flex;

    background: #434343;

    display: -webkit- box;

    display: -webkit-flex;

    justify-content: center; align-items: center;}

.footer-nav li { position: relative;  flex: 1;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    }

.footer-nav a { 

    display: block;

    color:#fff;   

     height: 100px;

    line-height: 100px;

    text-align: center;

    font-size: 16px;}

.footer-nav li:after {

        content: " | ";

        position: absolute;

        top: 20px;

        font-size: 12px;

        height: 60px;

        line-height: 60px;

        color: #fff;

    

 }

.footer-nav li:first-of-type:after{content: "";}

.footer-nav a:hover { color: #E6212A;}

.footer-contact { display: flex; align-items: center; justify-content: space-between; margin: 30px 0;}

.contact-txt p { line-height: 28px; color: #fff; width: 50%; float: left;}

.ewm p { line-height: 28px; color: #fff; text-align: center; padding-top: 10px;}

.ewm img { width: 120px;}

.copyright {

    padding: 20px 10px;

    text-align: center;

    color: #fff;

    border-top: 1px solid rgba(255,255,255,.3);

}



.copyright a {

    color: #fff;

}