@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;

}





/*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.3);

    transition: all 1s ease 0s;

    -webkit-transform: scale(1.3);

}





/*文字超出隐藏*/



.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;



}



.main-title b {

    font-size: 34px;

    color: #fff;

    line-height: 75px;



}



.main-title p {

    font-weight: 400;

    color: #fff;

    font-size: 18px;

    line-height: 40px;

    margin: 0px auto;

    padding-bottom: 14px;

}

.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;}



/*顶部导航*/

.fixed-top{

    position: fixed !important;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;

    background: #fff;

    box-shadow: 0 0 10px #eee;

	-webkit-transition:all .2s ease-in-out;

	-o-transition:all .2s ease-in-out;

	transition:all .2s ease-in-out

  }

.headDiv {

    

    width: 100%;

    z-index: 9999;

}

.header_top {

	width: 100%;

	background:#00469C;

	height: 50px;

	line-height:50px;

	color:#fff;

	overflow: hidden;

}

.top-content { display: flex; justify-content: space-between;	color:rgba(255, 255, 255, 0.8);}



.header_top .top_nav {

	display:block;

	height:50px;

    margin-right: 40px;

	line-height:50px;

	color:rgba(255, 255, 255, .8);

	float: left;

}

.header_top .top_nav a:hover {color:rgba(255, 255, 255, 1);}

.headDiv .navbar {

    height: 90px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.headDiv .logo {

    height: 90px;



    display: flex;

    align-items: center;

}



.headDiv .logo b {

    font-size: 18px;

    color: #575757;

    padding-left: 30px;

    line-height: 24px;

}





.nav {

   

    height: 90px;

}



.nav ul li {

    float: left;

    position: relative;

    

}



.nav ul li a {

    display: block;

    float: left;

    height: 90px;

    line-height: 90px;

    padding: 0 28px;

    overflow: hidden;

    text-align: center;

    font-size: 17px;

    color: #333;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

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

  

    color: #00469C;



  }

/* 二级菜单 */

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

    position: absolute;



    top:100%;

    width:100%;

    margin-top: -3px;

    border-top: 3px solid #00469C;

    line-height: 30px;



 

}

.nav ul li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%; 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{color: #4BBF78;}

.nav ul li .ejxl li ul { position: absolute; left: 100%; top:0; width: 100%; display: none;background-color: rgba(80,80,80,.7);transition: all 0s;}

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

/*顶部导航 end*/



/*首页banner图*/

#banner .swiper {

	width: 100%;

	height: 100%;

}



#banner .swiper-slide {

	background-position: center;

	background-size: cover;

    position: relative;

}



#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.3);

	border-radius:50%;

	cursor:pointer;

	overflow:hidden;

	z-index:10;

	width: 50px;

	font-size: 30px;

	line-height: 50px;

	height: 50px;

	transition:all .5s ease;

	outline: none;



}

#banner .swiper-button:hover {

	background:rgba(0,98,183,1);

}



.btn-prev {

	left:5%;

}



.btn-next {

	right:5%;

}



#banner .swiper-slide .content {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	position: relative;

}



#banner .scalePic {

	position:relative;

	left:auto;

	top:auto;

	transform:translate(0) scale(1.08);

	width:100%;

	max-width:none;

	transition:all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);



}

#banner .swiper-slide.swiper-slide-active .scalePic {

	transform:translate(0) scale(1);

}

#banner .swiper-pagination-bullet {

	position: relative;

	margin: 0 8px!important;

	display: inline-block;

	width: 14px;

	height: 14px;

	overflow: hidden;

	z-index: 10;

	border-radius: 100%;

	outline: none;

    background: #fff;

    opacity: 1;

}





#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before {

	background:#fff;

}



#banner .swiper-pagination-bullet-active {

    background-color: #00469C;

    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*/



/* 简介 */

.about { background: #f5f5f5; padding: 50px 0;}

.about-txt {text-align: center;}

.about-txt b{ font-size: 36px; color: #333;}

.about-txt p{ line-height: 32px; color: #666; font-size: 17px; margin: 30px 0;}

.index_more { margin:30px auto; text-align: center; height: 40px; overflow: hidden;}

.index_more a{display: inline-block; width: 44px;height: 30px;background: #00469C;color: #fff;text-align: center;border-radius: 20px;position: relative;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

.index_more a i{display: block;height: 30px;line-height: 30px;}

.index_more a span{display:none;height: 30px;line-height: 30px;}

.index_more a:hover i,.index_more a:hover{display: inline-block;height: 30px;line-height: 30px;}

.index_more a:hover span{display:inline-block;height: 30px;line-height: 30px;}

.index_more a:hover{width: 130px;color: #fff !important;}

.index_more a:hover i{position: absolute;right:12px;top:0;}

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

.about-list ul{overflow: hidden;}

.about-list li{float: left;width: 25%;}

.about-list dl{margin: 0 17px;border-bottom:1px solid #9b9b9b;padding-bottom: 10px;}

.about-list dt{margin-bottom: 10px; font-size: 46px; color: #333;}

.about-list dt i { font-size: 26px;}

.about-list dd{line-height: 24px;height: 48px;  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;}

.content_four {

	overflow: hidden;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

    flex-wrap: wrap;

	margin-top: 40px;

    padding:0;

}

.content_four li{position:relative;overflow:hidden; width: 48%;  margin: 1%;}

.content_four li a{display:block; }

.content_four em{ font-size:20px; margin:0; padding:0;font-style: normal; display: block; text-align: center; color: #fff; }

.content_four li .cont_tit{

	width:100%;

    height: 60px;

	text-align:center;

	position:absolute;

	z-index:1;

	left:0;

    bottom: 0;

	transition:opacity 0.5s;-webkit-transition:opacity 0.5s;

 

    background: rgba(0,70,156,.8);

}



.content_four li .cont_tit b{font-size:22px;font-weight:500;text-align:center;margin-top: 15px; display: block; color: #fff; }

.content_four .img_cont img{ transition: all .5s;}

.content_four a:hover .img_cont img{ transform: scale(1.1);}

/* 产品 */

.product { margin-top: 50px;}

.product-box{ margin-top: 30px; }

.product-box .product-list {display: flex; flex-wrap:wrap;}

.product-box .product-list dl {width:calc(50% - 12px); margin-right: 10px; position: relative; margin-bottom: 20px; border: 1px solid #EDEDED;} 

.product-box .product-list dl:nth-child(2n){ margin-right: 0; margin-left: 10px;}

.product-box .product-list dt a{ position: relative; display: block; color: #333; font-size: 20px;}

.product-box .product-list dt b{ position: absolute; left: 0; right: 0; bottom:25px; text-align: center; width: 100%; margin:0  auto;}

.product-box .product-list dd {   

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between; 

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,70,156,.8);

    visibility: hidden;

    opacity: 0;

    box-sizing: border-box;

    padding: 70px 55px;



    visibility: hidden;opacity: 0;

    transition:all 0.6s;-webkit-transition:all 0.6s;

}

.product-box .product-list dd a { color: #fff; font-size: 17px;  width: 50%; }

.product-box .product-list dd a:hover {color: #4BBF78; font-weight: bold;}

.product-box .product-list dl{ overflow:hidden; display:block;}

.product-box .product-list dl img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}

.product-box .product-list dl:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.product-box .product-list dl:hover dd{visibility: visible;opacity: 1;

        transform:scale(1,1); -webkit-transform:scale(1,1);cursor: pointer;

}



/*新闻中心*/

.news{ padding: 60px 0; background: #f7f7f7 url(../images/newsbg.jpg) no-repeat bottom; margin-top: 50px; background-attachment: fixed; position: relative; }



.news-list { display: flex; margin-top: 20px;}

.news dl{margin: 10px;padding:30px 20px; background: #fff; min-width: 0; flex: 1; }

.news dl dt b{ display: block;}

.news dl dt b a{font-size: 18px;color: #333; display: block;	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;}

.news dl dt b em{font-size: 14px;color: #999;display: block;margin-top: 8px; font-weight: normal; }

.news dl dt span{display: block;overflow: hidden;margin:20px 0;}



.news dl dt span a img{display: block;width: 100%;transition: .8s; max-height:255px;}

.news dl:hover dt span a img{transform: scale(1.1);}

.news dl dd { margin-top: 30px;}

.news dl dd p{font-size: 14px;color: #606060;line-height: 25px; display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    overflow:hidden;}

.news dl .index_more{ margin-bottom: 0;}

.news dl:hover .index_more a{width: 130px;color: #fff !important;}



.news dl:hover .index_more span{display:inline-block;height: 30px;line-height: 30px;}

.news dl:hover .index_more i{position: absolute;right:12px;top:0;}

 /* 服务与技术支持*/

 .hzjr { margin-top: 50px;}

.hzfz, .jrns{ position: relative; text-align: center;}

.hzfz b, .jrns b{ position: absolute;bottom: 0; left: 0; padding: 20px 0; right: 0; display: block; font-size: 24px; transition: all .3s; width: 100%; background: rgba(0,70,156, 0.3);}

.hzjr a{ color: #fff; display: block; }

.hzjr a:hover b{ padding: 30px 0;}

/*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 25px;

    bottom: 70px;

    color: #fff;

    cursor: pointer;

       background: rgba(0,70,156,1);

    font-size: 30px;

    border-radius: 10px;

}





/*底部footer*/

.footer { background: #f7f7f7; margin-top: 50px;}

.footer-nav{ display: flex;

    display: -webkit- box;

    display: -webkit-flex;

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

    border-bottom: 1px solid #dedede;



    

 

}

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

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    }

.footer-nav a { 

    display: block;

    color:#333;   

     height: 100px;

    line-height: 100px;

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

    text-align: center;

    font-size: 17px;}

.footer-nav li:after {

        content: " | ";

        position: absolute;

        top: 20px;

        font-size: 12px;

        height: 60px;

        line-height: 60px;

        color: #333;

    

 }

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

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

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

.contact-txt p { line-height: 32px; color: #333; font-size: 16px; width: 50%; float: left;}

.ewm { display: flex;}

.ewm div { margin-left: 10px;}

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

.ewm img { width: 120px;}

.copyright {

    padding: 20px 10px;

    text-align: center;

    color: #fff;

    background: #00469C;

  

}



.copyright a {

    color: #fff;

}