.section-con{

    max-width: 1400px;

    margin: 0 auto;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span{

    width: 7px;

    height: 7px;

    background-color: #9ac7e1;

}

#fp-nav ul li, .fp-slidesNav ul li{

    width: 24px;

    height: 16px;

}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{

    border: 6px solid #d8e9f3;

    margin: -10px 0 0 -10px;

}



.section-tit{

    text-align: center;

    padding-bottom: 30px;

    font-size: 36px;

}



.section-tit .cn{

    color:#666;

    font-size: 28px;

    

}

.section-tit .line{

    display: block;

    height: 1px;

    width: 100px;

    margin: 0 auto;

    background-color: #6fcdee;

}



/* 导航 */

#menu{

    position: fixed;

    width: 100%;

    z-index: 99999;

}

#menu .topbar{

    height: 88px;

    padding: 0 15px;

    background-color: #fff;

    

}

.topbar-con{

    display: flex;

    font-size: 18px;

}

.topbar-con div{

    height: 100%;

    line-height: 88px;

}

.topbar-con .left{

    

}

.topbar-con .right{

    text-align: right;

    flex: 1;

}

.topbar-con .right span{

    text-align: right;

    flex: 1;

    border-right: 1px solid #000;

    margin-right: 10px;

    padding-right: 10px;

}

.topbar-con .right a{

    padding-left: 28px;

    background: url(../images/icon.png) left center no-repeat;

    background-size: 20px auto;

}

#menu .nav{

    height: 68px;

    background-color: #3780ab;

    border-top: 1px solid #e6e6e6;

}

.nav-con{

    position: relative;

    height: 100%;

}



.nav-con ul li{

    float: left;

	position:relative; 

}

.nav-con ul a{

    display: inline-block;

    height: 68px;

    line-height: 68px;

    color: #fff;

    font-size: 18px;

	width:200px;

	margin:0 40px;

	text-align:center;

}

.nav-con .active a,.nav-con a:hover{

    background-color: #fff;
color: #3780ab;
   

}



.nav-con li ul { 

display:none; 

position:absolute; 

top:68px; 

left:40px; 

width:200px;

 background-color: #3780ab; 

} 



.nav-con li li a{

    color: #fff;

    font-size: 16px;

	margin:0px;



}





/* banner */

/* banner */

.banner-con{width:100%; height:calc(100vh - 157px); position:relative; overflow:hidden;}
.banner-con .swiper-slide img{width:100%; height:auto; display:block;}
.banner-con .swiper-slide.swiper-slide-active img{animation:big 3s ease-in-out;
-webkit-animation:big 3s ease-in-out;
-moz-animation:big 3s ease-in-out;
-ms-animation:big 3s ease-in-out;
-o-animation:big 3s ease-in-out;}

@keyframes big{
0%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@-webkit-keyframes big{
0%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes big{
0%{-moz-transform:scale(1.2);}
100%{-moz-transform:scale(1);}
}
@-ms-keyframes big{
0%{-ms-transform:scale(1.2);}
100%{-ms-transform:scale(1);}
}
@-o-keyframes big{
0%{-o-transform:scale(1.2);}
100%{-o-transform:scale(1);}
}

/* about-us */

.about-us{

    background-color: #fff;

}

.about-us-con{

    width: 100%;

    height: 580px;

    margin-top: 20px;

    background: radial-gradient(circle at center, #4dc1ea, #3d86c5);

}

.about-us-con-wrap{

    display: flex;

}

.about-us-info{

    position: relative;

    width: 424px;

    margin-right: 30px;

}

.about-us-info .info-detail{

    margin-top: -50px;

    width: 420px;

    background-color: #ff865c;

    padding: 15px;

    box-shadow: 6px 6px 5px rgba(0,0,0,.6);

}

.about-us-info .info-detail a{

    color: #fff;

    font-size: 26px;

    line-height: 60px;

    text-indent: 2em;

}

.about-us-info .info-detail span{

    color:#E0532D

}

.about-us-info .info-detail:hover a{

    color: #dfdfdf;

}

.about-us-info .info-detail:hover span{

    text-decoration: underline;

}

.about-us-scroll_box{

    flex: 1;

    margin-top: 74px;

    display: flex;

    padding: 0 40px;

}

.about-us-scroll_box .scroll_box{

    flex: 1;

}

#marquee1{

    width:712px;

    height:432px;

    margin: 0 auto;

    overflow:hidden;

}

#marquee1 ul li{

    float:left;

    width:306px;

    padding: 0 25px;

}

#marquee1 ul li img{

    display:block;

}

.about-us-scroll_box .btn{

    width: 52px;

    height: 34px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center center;

    margin-top: 200px;

}

.about-us-scroll_box .btn-left{

    background-image: url(../images/arr.png);

    transform: rotate(180deg);

}

.about-us-scroll_box .btn-right{

    background-image: url(../images/arr.png);

}



/* corporate */

.corporate{

    background-color: #f2f2f2;

}

.corporate-con{

    width: 100%;

    height: 306px;

    margin-top: 10px;

    background: radial-gradient(circle at center, #4dc1ea, #3d86c5);

    

}

.corporate-con-wrap{

    display: flex;

    position: relative;

}



.corporate-con .corporate-box{

    flex: 1;

}

.corporate-con .corporate-box ul{

    display: flex;

}

.corporate-con .corporate-box li {

    flex: 1;

}

.corporate-con .corporate-box .item {

    width: 184px;

    height: 164px;

    padding-top: 20px;

    text-align: center;

    background-color: #ff865c;

    border-radius: 50%;

    color: #F2F2F2;

    margin: 0 auto;

    font-size: 28px;

    margin-top: 61px;

}

.corporate-con .corporate-box img{

    height: 80px;

    display: block;

    margin: 0 auto;

    padding-bottom: 5px;

}

.corporate-con .corporate-box .active .item {

    transform: scale(1.5) ;

}



.corporate-con .btn{

    width: 50px;

    height: 50px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center center;

    margin-top: 128px;

}

.corporate-con .btn-left{

    background-image: url(../images/circle-arr.png);

    transform: rotate(180deg);

}

.corporate-con .btn-right{

    background-image: url(../images/circle-arr.png);

}



/* star-product */

.star-product{

    background-color: #fff;

}

.star-product-con{

    position: relative;

    width: 85vh;

    padding-bottom: 20px;

    margin: 0 auto;

    margin-bottom: 5vh;

}

.star-product-con .img-warp{

    position: absolute;

    left: 5vh;

    top: 5vh;

    z-index: 99;

    width: 38vh;

    height: 38vh;

    overflow: hidden;

    border-radius: 50%;

    background: url(../images/product.png) center center no-repeat;

    background-size: auto 120%;

    transition: all .5s ease-in-out; 

}

.star-product-con .img-warp:hover{

    transform: rotate(360deg) scale(1.2) ;

}

.star-product-con .info-warp{

    width: 48vh;

    height: 46vh;

    overflow: hidden;

    border-radius: 50%;

    background: radial-gradient(circle at center, #4dc1ea, #3d86c5);

    color: #fff;

    position: relative;

    margin-top: 10vh;

    margin-left: 36vh;

}

.star-product-con .info-wrap-con{

    width: 70%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-45%,-50%);

    font-size: 3vh;

    line-height: 7vh;

}

.star-product-con a{

    color: #fff;

}

.star-product-con span{

    color: #0C5587;

}

.star-product-con:hover a{

    color: #dfdfdf;

}

.star-product-con:hover span{

    text-decoration: underline;

}

.product-con {

    padding-bottom: 20px;

}

.product-con .swiper-pagination{

    bottom: 0;

}

.product-con .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

}

.product-con .swiper-pagination-bullet-active{

    background: #3780ab;

}



/* footer */

.footer{

    position: relative;

    background: url(../images/footer.png) no-repeat;

    background-position: center center;

    background-size:auto 100%;

    

}



/* footer */

.footera{    background: url(../images/footer.png) no-repeat;

    background-position: center center;

	width:100%;

	padding:50px 0px;

    

}



.footer-con{

    margin-left: 50%;

    transform: translateX(-50%);

    display: flex;

}

.footer-con .logo{

    padding-right: 20px;

}


.footer-con ul{

    overflow: hidden;

    display: flex;

}

.footer-con li{

    white-space: nowrap;

}

.footer-con li  a{

    display: block;

    width: 100%;

    padding: 3px 0 3px 8vh;

    font-size: 3vh;

    color: #E6E6E6;

}
.footera .footer-con li a{ font-size: 2vh;}

.footer-con li a:hover{

    text-decoration: underline;

}

.foot{ width:1400px; margin:0 auto; text-align:left; color:#E6E6E6; margin-top:50px; line-height:38px;}

.foot a{ color:#E6E6E6;}

.sec_banner{ width:100%; height:240px; padding-top:155px;}

.box{width:1400px; margin:0 auto;}

.sec_mleft{ text-align:center; margin:50px 0px;}

.sec_mleft span{ line-height:80px; background:url(../images/about.jpg) no-repeat bottom center; display:block; font-size:36px; font-weight:bold;}

.sec_mleft font{line-height:60px; display:block; font-size:28px; font-weight:bold;}



.lyh{margin:0px auto}

.lyh li{ float:left; line-height:20px; font-size:12px; color:#666; margin-top:15px; width:33.3%; text-align:center; }

.lyh img{ border:1px solid #CCCCCC;}

.lyhti{height:40px; text-align:center; line-height:40px; }

.sec_mr_about{font:14px/28px "微软雅黑"; padding:15px 0;}



.page{ padding-top:30px; text-align:center; clear:both;}

.sec_right_con dl{border-bottom:#ccc 1px solid; height:100px; margin-bottom:10px;}

.sec_right_con dt{width:136px; height:80px;float:left;}

.sec_right_con dt img{ padding:3px; border:#ccc 1px solid;}

.sec_right_con dd h4{border-bottom:#ccc 1px dotted; padding-bottom:10px;}

.sec_right_con dd h4 a{font:16px/20px "微软雅黑";  }

.sec_right_con dd{width:560px; float:left;}

.sec_right_con dd p{ font-size:12px; line-height:24px;}

.page{display:inherit;width:100%;text-align: center;}

.page a,.page span{padding: 0 14px;height: 38px;line-height: 36px;display:inline-block;border: 1px solid #dddddd;margin:0 2px;color: #4f4f4f;font-size: 14px;transition:0.36s;}

.page .current{background: #0869ac;color:#fff !important;border: 1px solid #0869ac;}

.page a:hover{background: #0869ac;color:#fff !important;text-decoration:none;border: 1px solid #0869ac;}

.page a:hover font{ color:#4f4f4f;}

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

.teeee{ text-align:right; margin:20px;}

.news_hn_bt{font:18px/20px "微软雅黑";  text-align:center;}

.sec_about_con{font:14px/28px "微软雅黑"; padding-top:20px;}

.news_hn_bt span{font:14px/28px "微软雅黑"; color:#999; margin:0 10px;}

.body3_r2{ padding:10px 0; line-height:200%; color:#333}

.body3_r2 table td{background-color:#fdedd6;height:30px;line-height:30px;padding-left:5px;}

.body3_r2 table td #verifycode{float:left;width:60px;margin-right:7px;}

.sec_news_con li span{ float:right;}

.sec_news_con li{font:14px/40px "微软雅黑"; border-bottom:#ccc 1px dotted;}

/*--通用样式----*/

.sec_right_con_news_list{}

.sec_right_con_news_list li{float:left; width:660px; margin-bottom:80px;}

.sec_right_con_news_list li:nth-child(2n){ float:right;}

.sec_right_con_news_list li span{ float:right; padding:10px 0px;}



.sou{ background:none; border:0px; color:#FFFFFF; }



.neititle{font-size:18px; font-weight:bold; line-height:50px;text-align:center;}

.neisj{ line-height:30px; text-align:center;}

.neimiao{ padding:5px; border-bottom:2px solid #CCCCCC; font-size:14px; font-weight:bold;line-height:30px;}

.neitext{ line-height:25px;}

.bei{ padding:20px; padding-top:35px; color:#FFF; line-height:30px; font-size:16px;background:url(../images/bei001.jpg) no-repeat; height:140px; margin-top:-20px;}

.bei font{ color:#999;}



.liuyan{ padding:10px;}

.liu_tt{ line-height:70px; font-size:26px; background:url(../images/liuyan.jpg) center bottom no-repeat; text-align:center;}

.InputText{min-height: 120px;padding: 10px;width:98.5%; border:0px;color: #666666; margin-top:30px; background-color: rgba(248, 248, 248, 1);}

.liu_l{ margin:25px 0px;}

.liu_ll{ float:left; width:33.3%;}

.form-control{ width:90%;border: 0px; line-height: 42px;height: 42px; padding:0px 10px; background-color: rgba(248, 248, 248, 1);}

.liu_yy{

	background-color: #b0c3ca;

    border: 0px;

    width: 100%;

    height: 42px;

	color:#666666;

  }

  .clear{ clear:both;}
 .sec_list{ background:#3780ab;} 
.sec_list ul{ text-align:center; line-height:60px;}
.sec_list li{display: inline-block; margin: 0 10px;}
.sec_list li a{padding: 10px 0px;  color: #fff; font-size: 18px; margin:0px 60px;}
.sec_list li a:hover, .son  a {background: url(../images/about.jpg) no-repeat bottom center;color: #fff!important}