@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
a:hover{color: rgb(25,48,88);}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.fl{float: left;}
.fr{float: right;}
.container{width: 1200px; margin: 0 auto;} 
 
 
 
/*头部*/
.header{width: 100%;height: 134px;background: #fff; }

.logo{height: 99px;float: left; margin-top: 20px;}
.logo img{height: 100%;}
.ht_right{float: right;}


.searchbox{float:right;margin-top:38px}
.searchbox form{float:right;overflow:hidden}
.searchbox form input{float:left;width:180px;height:46px;border:1px solid #f3f3f3;outline:0;padding-left:10px;background:#f3f3f3}
.searchbox form button{float:left;background:#eee;width:64px;height:46px;line-height:34px;color:#fff;text-align:center;border:0}
.keys{color:#fff;margin-top:5px}
.keys span{font-weight:bolder}




.nav{width: 100%; height: 54px; background: #0d4da1;position: relative;}
.navlist > ul > li{float: left; width: 148px; position: relative;text-align: center;}
.navlist > ul > li > a{display: block; height: 54px; font-size: 16px; font-weight: bold; line-height: 54px; color: #fff;}
.navlist > ul > li:hover{background: #0095d9;} 

.nav-sub{display: none; width: 148px;  background: #0095d9; z-index: 9999; padding-top: 6px; position: absolute; top: 54px; left: 0px;}
.nav-sub li a{color: #fff; line-height: 36px; font-size: 15px; display:block;padding: 0px ; text-align: center;}
.nav-sub li a:hover{background-color: #42bff8;}


.nav_tel{float: right!important; width: 260px!important; background: #0095d9; color: #fff;line-height: 52px; font-size: 18px;font-weight: bold; padding: 0 10px;}
.nav_tel i{display: inline-block; width: 25px; height: 21px;line-height: 54px; background: url(../images/1.png) no-repeat center center;position: relative; top: 6px; padding-right: 10px;}
.nav_tel span{font-size: 16px;}

 


/*幻灯片*/
.pc_banner{display: block; overflow: hidden; background:#eee;}
.banner-box{ min-width:1250px; height:520px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:980px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height:520px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20191223185138_171593764.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20191223185138_171593764.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:21px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:10px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #0095d9 !important; width: 10px; }
.banner-box:hover .banner-btn a.prev{ left:50px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 74px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.bantxt{position: relative; top:30%; left: 10%;}
.bantxt h2{font-size: 42px; color: #fff; font-weight: bold;}
.bantxt p{font-size: 24px; color: #fff; margin-top: 30px;}



/* 企业简介 */
.qiye{margin: 80px auto 40px;} 
.qiye .qiye_img{ float: left; width: 595px; margin-right: 30px; }
.qiye .qiye_img img{width: 100%;}
.qiye .qiye_jianjie{float: right; width: 575px; }
.qiye_biaoti{margin-bottom: 15px;}
.qiye_biaoti h2{font-weight: bold;color: #333333; font-size: 35px; }
.hline{background:#0d4da1; height: 1px; width: 70px;  float: left; margin-left: 150px; position: relative; top: -10px;}
.qiye_biaoti p{color:#999999 ;text-transform:uppercase; font-size: 12px;}

.qiye_con h3{font-size: 20px; margin: 20px 0 10px;}
.qiye_con p{color: #333333; font-size: 16px;text-indent:24px; line-height: 32px;}
.qiye .qymore{width: 150px; height: 48px; background: none; color: #333; display: block; border-radius: 2px; line-height: 48px;  text-align: center; border: 1px solid #ccc; font-size: 16px; margin-top: 20px;}
.qiye .qymore:hover{background: #0d4da1; border: 1px solid #0d4da1;color: #fff;}
.qiye .qymore:hover i{left: 100px; transition:0.3s all ease-in-out;}


/* 产品展示 */
.chanpin{background: url(../images/chanpin_bg.jpg) no-repeat top center; width: 100%; height: 706px; padding: 40px 0; }
.chanpin_tp{margin: 20px auto;}
.bigtitle{font-size: 26px; color: #333333;  font-weight: bold;  float: left; }
.bigtitle span{font-size: 26px; color: #0d4da1; font-weight: bold; margin-left: 10px; line-height: 24px;}
.chanpin_sort{float: right;}
.chanpin_sort ul li{float: left; margin-right: 10px; min-width: 136px; background: #ccc; text-align: center;padding: 6px 0; }
.chanpin_sort ul li a{color: #333; font-size: 14px;}
.chanpin_sort ul li:hover, .chanpin_sort ul li.on{ background: #0d4da1; }
.chanpin_sort ul li:hover a,.chanpin_sort ul li.on a {color: #fff;}


.chanpinlist{}
.chanpinlist ul li{float: left; width:23%; margin-right: 2%; border: 1px solid #ccc; margin-bottom: 30px;}
.chanpinlist ul li:nth-child(4n){margin-right: 0;}
.chanpinbox{width:100%;height: 248px;background-color: #fff;overflow: hidden; display: flex;  align-items: center;  justify-content: center;}
.chanpinbox img{transition: 0.3s all ease-in-out;transition: scale(1.0);height: auto;width: 100%;}
.chanpintitle h2{font-size: 16px; color: #292929; text-align: center; height: 16px; line-height: 16px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background-color: #ddd; height: 46px; line-height: 46px;}
.chanpinlist ul li:hover h2{background-color: #0d4da1; color: #fff;}
.chanpintitle{text-align: center; line-height: 12px; }
.chanpinlist ul li a:hover .chanpintitle h2,.chanpinlist ul li a:hover .chanpintitle{color: #fff;}
.chanpinlist ul li a:hover img{transition: 0.3s all ease-in-out;transform: scale(1.1);}

.chanpin_btn{width: 190px;margin: 56px auto 0px;}
.chanpin_btn .zixun{padding: 14px 46px 14px 54px; background-color:  #01992c; color: #fff; border-radius: 4px; position: relative;}
.chanpin_btn .zixun:hover{background: #01992c;}
.chanpin_btn .zixun i{background: url(../images/indexicon.png) no-repeat 0px -56px; display: inline-block; width: 16px; height: 16px; position: absolute; left: 33px;top: 11px;}
.chanpin_btn .cpmore{padding: 14px 40px; border:1px solid  #0d4da1; color: #0d4da1; border-radius: 2px; margin-left: 10px; font-size: 15px;}
.chanpin_btn .cpmore:hover{background: #0d4da1; color: #fff;}

.chanpinlist_mb{display: none;}
 
.appli-section{margin:60px 0}
.appli_left{float: left; width: 50%;}

.appli-box{position:relative;display:block}
.swiper-slide-active .appli-grid{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.appli-box .appli-grid .appli-tit{font-size:30px;margin-bottom:20px}
.appli-box .appli-grid .appli-desc{font-size:18px;margin-bottom:35px}
.appli-box .appli-grid .appli-link{font-size:18px}
.appli-box .appli-grid{position:absolute;left:25px;top:30px;z-index:9;color:#fff;max-width:180px}
.swiper-appli .swiper-pagination{padding-left:25px;text-align:left}
.swiper-pagination .swiper-pagination-bullet{background-color:#fff;border-radius:30px}
.swiper-pagination .swiper-pagination-bullet-active{width:30px}
.appli-row{margin:0}
.appli-row>div{padding:0}

.appli_right{float: left; width: 50%;border-top:1px solid #eceef0;}
.iconli{width: 33.3333%; float: left;}
.appli-icon-box{display:flex;align-items:center;justify-content:center;flex-direction:column;height:198px;text-align:center;border-right:1px solid #eceef0;border-bottom:1px solid #eceef0;position:relative}
.appli-icon-box *{transition:.4s all}

.appli-icons{margin:0;}
.appli-icons>div{padding:0}
.appli-icons .text{font-size:18px;color:#333;padding-top:10px;padding-bottom:10px}
.appli-icons .link{font-size:16px;position:absolute;width:100%;color:#333;bottom:20px;visibility:hidden;text-align:center}
.appli-icon-box *{position:relative;z-index:2}
.appli-icon-box .icont{display:inline-block;color:#fff;width:66px;height:66px;text-align:center;line-height:66px;border-radius:66px;font-size:30px}
.icon-01{background:url(../images/yyicon_01.png) center center no-repeat;background-size:60%}
.icon-02{background:url(../images/yyicon_02.png) center center no-repeat;background-size:60%}
.icon-03{background:url(../images/yyicon_03.png) center center no-repeat;background-size:60%}
.icon-04{background:url(../images/yyicon_04.png) center center no-repeat;background-size:60%}
.icon-05{background:url(../images/yyicon_05.png) center center no-repeat;background-size:60%}
.icon-06{background:url(../images/yyicon_06.png) center center no-repeat;background-size:60%}
.appli-icon-box:hover .link{visibility:visible}
.appli-icon-box::before{position:absolute;display:block;background-color:#0d4da1;transition:.3s all;left:50%;top:46px;margin-left:-33px;width:66px;height:66px;text-align:center;line-height:66px;border-radius:66px;content:''}
.appli-icon-box:hover *{color:#fff}
.appli-icon-box:hover::before{width:100%;height:100%;border-radius:0;left:0;top:0;margin:0}
.readmore{float: right; width: 80px; height: 32px; line-height: 32px; background-color: #eaeaea;text-align: center; }
.readmore a{color: #333;}
.readmore a:hover{color: #0d4da1;}

.ad{background: url(../images/ad_02.jpg) no-repeat center top; height: 184px; }
 
.news-section{margin: 60px 0;} 
.cont_list{ margin: 30px 0;}
.info_left{position: relative;}
.info_left a{display: block;}
.info_left a:hover img{transform: scale(1.1); transition: 0.3s all;}
.info_left .info_img img{transform: scale(1.0); transition: 0.3s all; width: 100%; height: 100%;}
.info_left .info_img{overflow: hidden; height: 380px; width: 100%;}
.info_left h4{position: absolute; bottom: 20px; left: 10px; font-size: 18px;}

.info_left_box{float: left;width: 560px; height: 380px; overflow: hidden; margin-right: 22px;}
.info_right{float: left;width: 618px;}
.info_list li{border-bottom:1px solid #eee; margin-bottom: 30px; padding-bottom: 20px;}
.info_list li .info_n_box h3{ font-size: 20px; color: #333333;}
.info_list li .info_n_box h3:hover{color: #0d4da1;}
.info_list li .info_n_box .intro{font-size: 14px; color: #989898; line-height: 24px!important; margin-top: 10px;}
.info_list li .info_n_box .info_date{width: 84px; height: 70px; float: left; background: #fafafa; text-align: center; font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #999999; padding-top: 14px; margin-right: 10px;}
.info_list li .info_n_box .info_date span{font-size: 42px; color:#0d4da1;}


.footer{width: 100%; background-color: #0d4da1; height: 306px; padding-top: 30px;}
.ft_nav{float: left;}
.ft_nav ul{float: left; width: 160px;}
.ft_nav ul .ft-nav-tt{margin-bottom: 10px; font-size: 16px;}
.ft_nav ul .ft-nav-tt a{color: #ffffff; }
.ft_nav ul li a{font-size: 14px;  color: #fff; line-height: 32px;}
.ft_nav ul li a:hover{font-size: 14px;  color: #69a6f6;}
.ft_info{float: left;width: 270px;}
.ft_info p:nth-child(1n){ color: #fff;font-size: 14px; }
.ft_info p:nth-child(2n){ color: #fff;font-size: 14px; margin-bottom: 14px;}
.ft_info p:nth-child(2){font-size: 18px; font-weight: bold;}



.ft_erweima{float: right; text-align: center;}
.ft_erweima p{ color: #fff; line-height: 32px;height: 32px;}


.banquan{background: #2f71c7; width: 100%; text-align: center; color: #fff; height: 30px; line-height: 30px;}
.banquan a{color: #fff;} 
 
 
 
 
.toTop {
 	width: 80px;
 	height: 80px;
 	background: url(../images/gotop.png) no-repeat center top;
 	background-size: 70%;
 	position: fixed;
 	bottom: 20%;
 	right: 2%;
 	cursor: pointer;
 	z-index: 10;
 	display: none;
 }