@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
input,textarea,select{outline: unset;}
button{border:0;}
body{font-size:14px;font-family: "Microsoft YaHei" ! important;background:#fff;margin:0;padding:0px;color:#5a5a5a;}
a{text-decoration:none;color:#5a5a5a;;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;max-width:100%;height:auto;vertical-align:middle;}
i{font-style: unset;}
li{list-style: none;}


/*index*/
.wrap{width:1200px;margin:0 auto;overflow: hidden;}

.banner{position: relative;height:800px;}
.header_bg{background-color: rgb(0, 0, 0);opacity: 0.5;position: absolute;z-index: 9;width: 100%;height:800px;}
.baner_index{width:100%;height:800px;overflow: hidden;position: absolute;z-index: 9;}
.baner_index img{width:100%;}
.swiper-pagination{z-index: 99 !important;}

.top{width:100%;height:36px;line-height:36px;position: absolute;top: 0;left:0;z-index: 99;}
.top p{display:inline-block;color:#fff;font-size:12px;}

.header{width:100%;height:90px;position: fixed;top:36px;left:0;z-index: 999;}
.h_bg{background:#004986;opacity: 1;top:0;}
.header .logo{width:200px;float:left;margin-top:15px;}
.header .logo img{width:150px;}
.nav{float:left;margin-left:30px;}
.nav ul.yj{overflow: hidden;}
.nav ul.yj>li{width:105px;float:left;}
.nav ul.yj>li>.xian{width:100%;height:3px;display:block;}
.nav ul.yj>li>a{display:block;line-height:87px;color:#fff;text-align:center;font-size:16px;}
.nav ul.yj>li>a:hover,.nav ul.yj li.active a{color:#fcc93f;;}
.nav ul.yj>li:hover .xian,.nav ul.yj>li.active .xian{background: #fcc93f;}
.nav ul.yj>li .ej{position: relative;top:0px;left:0;background:#004986;overflow: hidden;display:none; }
.nav ul.yj>li .ej li{width: 100%;height:40px;overflow: hidden;}
.nav ul.yj>li .ej li a{display:block;font-size:16px;line-height:40px;text-align: center;color:#fff;}
.nav ul.yj>li .ej li a:hover{color:#fcc93f;}
.nav ul.yj>li:hover .ej{display:block;}


.search{float:right;padding-top:10px;height:auto;background:unset;width:200px;}

.search_div{width:100%;height:30px;overflow: hidden;margin-top:21px;position: relative;border-radius: 15px;}
.search_div .key{border:0;width:100%;line-height:30px;background:#f6f6f6;display:block;padding:0 10px;}
.search_div .key::-webkit-input-placeholder{color:#999;}
.btn{
  width:20px;height:20px;background:url(../images/search.png)no-repeat center;
  position: absolute;
  right: 10px;
  top: 5px;
  border: 0;
}

.text-r{text-align:right;}


.in_about{background:#f9f9f9;padding:50px 0;}
.tit{width:100%;height:40px;line-height: 40px;text-align:center;}
.tit h2{color:#000;font-size:24px;}
.in_about_con{margin-top:30px;}
.in_about_left{width:490px;height:250px;float:left;background:#fff;padding:45px ;}
.in_company{}
.in_company h3{font-size:22px;color:#333;}
.company_con{margin-top:20px;line-height:25px;color:#888;}
.company_ys{margin-top:30px;overflow: hidden;}
.company_ys li{width:32%;float:left;margin-right:2%;}
.company_ys li:nth-of-type(3n){margin-right:0;}
.company_ys li span{font-size:40px;font-weight:bold;color:#fcc93f;}
.company_ys li i{vertical-align:top;margin-left:10px;font-size:16px;color:#666;line-height: 34px;}
.company_ys li p{margin-top:6px;font-size:16px;color:#666;}
.in_about_right{float:left;width:620px;}
.in_about_right ul{overflow: hidden;}
.in_about_right ul li{width:225px;height:80px;margin-bottom:20px;float:left;margin-left:25px;background:#fff;padding:40px 30px;}
.in_about_right ul li:nth-of-type(3),.in_about_right ul li:nth-of-type(4){margin-bottom: 0;}
.in_about_right ul li a{display:block;}
.about_nav_tb{float:left;width:36px;}
.about_nav_tb img{width:36px;height:36px;}
.about_nav_con{float:right;width:180px;}
.about_nav_con h2{font-size:18px;color:#666;}
.about_nav_con p{font-size:12px;color:#999;line-height:20px;margin-top:15px;}
.in_about_right ul li a:hover img{transform: scale(1.1);transition:all 1s;}
.in_about_img{width:100%;margin-top:40px;}
.in_about_img img{max-width:100%;height: auto;}
.clear{clear:both;}

.in_product{padding:50px 0;}
.in_product_con{
	margin-top:50px;
	width:100%;
	height:600px;
	position: relative;
}
.in_product_bg{
	width:100%;
	height:600px;
	position: absolute;
	background-image:url(../images/product_bg.jpg);
	background-repeat: no-repeat;
    background-position: center bottom;
	z-index: 9;
}
.in_product_con ul{overflow: hidden;}
.in_product_con ul li{width:25%;float:left;height:600px;text-align: center;position: relative;}
.in_product_con ul li a{display:block;}
.yc{position: absolute;top:0;left:0;z-index: 9;width:100%;height: 600px;}
.yc img{width:100px;height: 100px;margin-top:160px;}
.yc p{margin-top:20px;color:#fff;font-size:24px;font-weight:bold;}
.yc span{margin-top:20px;color:#fff;line-height:25px;display:block;text-align:center;padding:0 10%;font-size:16px;}
.ec{position: absolute;top:-600px;left:0;z-index: 99;}
/*.in_product_con ul li a:hover .ec{top:0;transition:all 0.5s;} */

.in_case{padding:50px 0;}
.in_case_con{margin-top:30px;}
.in_case_con ul{overflow: hidden;}
.in_case_con ul li{width:32%;margin-right:2%;margin-bottom:2%;float:left;overflow: hidden;}
.in_case_con ul li:nth-of-type(3n){margin-right:0;}
.in_case_con ul li a{display:block;}
.litpic{position: relative;width:100%;height: 0;padding-bottom:75%;overflow: hidden;}
.litpic img{position: absolute;top:0;left:0;width:100%;height:100%;}
.in_case_con ul li a p{height:50px;line-height:50px;font-size:18px;color:#333;font-weight:bold;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_case_con ul li:hover img{transition: all 2s;transform: scale(1.1);}

.in_news{padding:50px 0;background: #f6f6f6;}
.in_news_con{margin-top:40px;}
.in_news_left{width:700px;float:left;}
.in_news_left ul{overflow: hidden;}
.in_news_left ul li{border-bottom: 1px dotted #cccccc;padding:20px 0;}
.in_news_left ul li a{display:block;}
.in_news_left_img{width:180px;float:left;overflow: hidden;}
.in_info{width:500px;float:right;}
.in_info h2{font-size:18px;color:#333;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_info span{display:inline-block;color:#004986;margin-top:15px;font-size:16px;}
.in_info p{margin-top:15px;line-height:22px;height:44px;overflow: hidden;color:#5a5a5a;}
.in_news_left ul li:hover img{transition: all 2s;transform: scale(1.1);}
.in_news_right{width:450px;float:right;}
.in_news_big{position: relative;width:100%;height:0;padding-bottom:75%;}
.in_news_big a{display: block;}
.in_news_big img{position: absolute;top: 0;left: 0;z-index: 9;width:100%;height:100%;}
.in_news_big p{
	position: absolute;bottom:0;left:0;width:calc(100% - 20px);height:30px;line-height:30px;color:#fff;
	z-index: 99;
	background:url(../images/bg_trans.png);padding:20px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.in_news_right ul{overflow: hidden;margin-top:20px;}
.in_news_right ul li{height:46px;line-height:46px;}
.in_news_right ul li a{display:block;background:url(../images/21.png)no-repeat 0 50%;padding-left:20px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.in_fuwu{padding:50px 0;}
.in_fuwu_con{margin-top:40px;}
.in_fuwu_con ul{overflow: hidden;}
.in_fuwu_con ul li{width:32%;margin-right:2%;float:left;border-bottom:3px solid #ddd;overflow: hidden;}
.in_fuwu_con ul li:nth-of-type(3n){margin-right:0;}
.in_fuwu_con ul li a{display:block;}
.in_fuwu_info{padding:20px 30px;}
.in_fuwu_info h3{font-size:18px;color:#000;text-align:center;}
.in_fuwu_info p{line-height:25px;color:#5a5a5a;margin-top:15px;text-align:center;}
.in_fuwu_con ul li:hover img{transform: scale(1.1);transition: all 2s;}

.in_kehu{padding-bottom:30px;}
.in_kehu .swiper-slide{width:18.5%;margin-right:2%;}
.in_kehu .swiper-slide .litpic{padding-bottom:50%;}

.in_kehu .swiper-slide p{height:100px;line-height:100px;text-align:center;font-size:26px;color:#bbb;}

.footer{background:#333;padding:50px 0;}
.foot_company{width:300px;float:left;}
.foot_company .foot_logo{height:40px;}
.foot_company .foot_logo img{width:150px;}
.foot_ms{margin-top:40px;color:#ccc;line-height:25px;}
.foot_tel{font-size:28px;color:#fcc93f;font-family: "SourceHanSansCN-Regular";margin-top:30px;}
.contact_btn{margin-top:20px;width:100px;}
.contact_btn a{display:block;height:36px;line-height:36px;color:#fff;text-align:center;border:1px solid #fff;border-radius: 2px;}
.contact_btn a:hover{background: #fcc93f;border-color:#fcc93f;}
.foot_pro{width:125px;margin-left:80px;float:left;}
.foot_pro h2{font-size:18px;color:#fff;font-weight:normal;}
.foot_pro ul{overflow: hidden;margin-top:40px;}
.foot_pro ul li a{display:block;height:36px;line-height:36px;color:#ccc;}
.foot_pro ul li a:hover{color:#fcc93f;}
.foot_contact{width:300px;margin-left:80px;float:left;}
.foot_contact h2{font-size:18px;color:#fff;font-weight:normal;}
.foot_contact ul{overflow: hidden;margin-top:40px;}
.foot_contact ul li{line-height:36px;line-height:36px;color:#999;}
.foot_img{width:210px;float:right;}
.foot_service{width:100px;margin-right:10px;margin-bottom:10px;float:left;}
.foot_service:nth-of-type(2n){margin-right:0;}
.ewm{}
.ewm_left {float:left;padding:2px;}
.ewm_left img,.ewm_right img{width:90px;height:90px;border-radius: 2px;}
.ewm_left p,.ewm_right p{line-height:30px;color:#fff;text-align:center;}
.ewm_right {width:90px;float:right;padding:2px;}

.copyright{height:90px;background:#222;line-height:90px;}
.copyright p{display:inline-block;color:#888;}
.copyright p a{color:#888;}
.copyright p a:hover{color:#fcc93f;}
.fr{float:right;}
.fl{float:left;}


/*inline*/
.wpsidebar02 .fkf-item {
    background-color: #004986;
    border-radius: 10px;
    margin-bottom: 5px;
    border: 0px solid #ccc;
    padding: 11px;
}
.wpsidebar-fkf {
    position: fixed;
    right: 18px;
    top: 50%;
    transform: translate(0,-50%);z-index:9999;
}
.fkf-item {
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 6px;
    box-sizing: border-box;
    cursor: pointer;
}
.fkf-item img { width: 30px; height: 30px;}
.fkf-item img.hover { display: none;}
.fkf-item:hover>img { display: none;}
.fkf-item:hover img.hover { display: block;}
.fkf-cart>span { position: absolute; display: block; width: 24px; height: 24px; border-radius: 50%; background-color: #ff6600; color: #fff; left: -12px; top: -12px; text-align: center; line-height: 24px;}
.fkf-item-right{ position: absolute; right: 35px; padding-right: 25px; top: -15px; display: none;}
.fkf-item:hover .fkf-item-right { display: block;}
.fkf-item-right-content{ width: 430px; border: 1px solid #ccc;   border-top: 4px solid #004986;
    padding: 20px;
    padding-top: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative; }
.fkf-item-right-content .arrow, .right-content-ewm .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -15px;
    top: 23px;
    z-index: 20;
}
.fkf-item-right-content-top {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 66px;
    border-bottom: 1px solid #ccc;
    position: relative;
    white-space: nowrap;overflow:hidden;
    line-height:22px;
}
.fkf-item-right-content-top img {
    position: absolute;
    left: 0;
    top: 8px;
    width: 40px;
    height: 40px;
}
.fkf-item-right-content-top h2 {
    /*margin-bottom: 8px;*/
    color: #004986;
    font-size: 22px;
    word-wrap: break-word;
    white-space: initial;
}
.fkf-item-right-content-bottom p {
    padding-top: 15px;
    padding-bottom: 15px;}
.fkf-item-right-content-bottom .content-bottom-item { display: inline-block; width: 32%; margin-bottom: 8px;
    overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;
}
.content-bottom-item img { width: 25px; height: 25px; margin-right: 5px; background-color: #333; vertical-align: top;}
.content-bottom-item span { display: inline-block; line-height: 25px;}
.content-bottom-item:hover img { background-color: #004986;}
.content-bottom-item:hover span { color: #004986}
.right-content-tele { width: 300px;}
.right-content-tele .fkf-item-right-content-top:last-child { border-bottom: 0; padding-bottom: 0; padding-top: 10px;}
.right-content-ewm { padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative;
    display:flex;
    flex-direction:row;
    width: max-content;
}
.right-content-ewm .ewm div {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 10px}
.right-content-ewm .ewm div img { width: 100px; height: 100px; margin-top: 15px; margin-left: 15px; background: #fff;}
.right-content-ewm .ewm p { text-align: center; font-size: 16px; color: #004986;}
.fkf-item-right-ewm { top: initial; bottom: -15px;}
.right-content-ewm .arrow { top: initial; bottom: 23px;}

/*page_fm*/
.page_banner{}
.page_banner{position: relative;height:350px; overflow:hidden;}
.page_banner_bg{background-color: rgb(0, 0, 0);opacity: 0.5;position: absolute;z-index: 9;width: 100%;height:550px;}
.page_banner_index{width:100%;height:550px;overflow: hidden;position: absolute;z-index: 9;}
.page_banner_index img{width:100%;}

.position_com{background:#f7f7f7;height:50px;line-height:50px;}
.position{width:30%;float:left;}
.position a{color:#555;font-weight:bold;}
.position i{margin-left: 5px;margin-right: 5px;color: rgb(90, 90, 90);font-size: 12px;}
.nav_com{width:70%;float:right;}
.nav_com ul{overflow: hidden;float:right;}
.nav_com ul li{width:120px;text-align:center;float:left;}
.nav_com ul li a{display:block;color:#555;}
.nav_com ul li a:hover,.nav_com ul li.on a{font-weight:bold;color:#004986;}

.about_jj{padding:70px 150px;}
.about_jj .in_company{font-size:28px;text-align:center;}
.about_jj .company_con{font-size:16px;line-height:40px;text-align:center;}
.about_jj .company_ys{margin-top:50px;}
.about_jj .company_ys li span{font-size:56px;}
.about_jj .company_ys li i{font-size:18px;}
.about_jj .company_ys li p{font-size:18px;}

.about_nav{background:#eee;}
.about_nav ul{padding:50px 0;}
.about_nav ul{overflow: hidden;}
.about_nav ul li{width:220px;height:220px;float:left;margin-right:20px;background:#fff;padding:30px;}
.in_about_right ul li:nth-of-type(4){margin-right: 0;}
.about_nav ul li a{display:block;text-align: center;}
.about_nav ul li a img{width:64px;height:64px;margin-top:20px;}
.about_nav ul li a:hover img{transform: scale(1.1);transition:all 1s;}
.about_nav ul li a h2{margin-top:20px;}
.about_nav ul li a p{line-height:25px;margin-top:20px;color:#999;}

.about_img{padding:50px 0;}

/*page*/
.page_con{padding:30px 0;}
.content{padding:30px 50px;border:1px solid #ddd;}
.content p{line-height:25px;margin-bottom:10px;}
.content table{border-collapse: collapse;border-spacing:0;margin-bottom:10px;text-align:center;max-width:100%;}
.content table td{padding:5px;}

/*page_wh*/
.page_wh{}
.page_wh ul{overflow: hidden;}
.page_wh ul li{width:calc(49% - 102px);float:left;margin-right:2%;margin-bottom:2%;height:180px;border:1px solid #ddd;padding:50px;text-align:center;}
.page_wh ul li:nth-of-type(2n){margin-right:0;}
.page_wh ul li img{width:80px;height:80px;margin-top:5px;}
.page_wh ul li h2{font-size:20px;color:#434343;margin-top:15px;}
.page_wh ul li p{margin-top:15px;line-height:25px;color:#888;}

/*list_zz*/
.list_zz{}
.list_zz ul{overflow: hidden;}
.list_zz ul li{width:calc(32% - 42px);margin-right:2%;margin-bottom:2%;border:1px solid #ddd;padding:20px;float:left;}
.list_zz ul li:nth-of-type(3n){margin-right:0;}
.list_zz ul li a{display:block;}
.list_zz ul li a p{margin-top:10px;font-size:16px;height:30px;line-height:30px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_zz ul li:hover{border-color:#004986;}
.list_zz ul li img{transition: 0.8s;}
.list_zz ul li:hover img{transform:rotateY(360deg);}

.pages{text-align: center;margin-top:20px;}
.pages ul{overflow: hidden;}
.pages ul li{display:inline-block;}
.pages ul li a{display:inline-block;padding:5px 11px;margin-right:5px;border:1px solid #ccc;border-radius: 2px;cursor:pointer;}
.pages ul li a:hover,.pages ul li.active a{background: #004986;border-color:#004986;color:#fff;}

/*list*/
.list{}
.list ul{overflow: hidden;}
.list ul li{width:32%;margin-right:2%;margin-bottom:2%;float:left;}
.list ul li:nth-of-type(3n){margin-right:0;}
.list ul li a{display:block;}
.list ul li a p{margin-top:10px;font-size:16px;height:30px;line-height:30px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list ul li img{transition: 2s;}
.list ul li:hover img{transform:scale(1.1);}

/*show*/
.title{text-align: center;}
.title h2{font-size:20px;line-height:30px;}
.show_con{margin-top:30px;width:900px;margin:30px auto 0;}

.prev_next{margin-top:40px;width:900px;margin:0 auto;}
.prev_next .prev,.prev_next .next{line-height:25px;}
.prev_next a{display:block;color:#004986;}
.up_arrow{
	background-image: url(../images/prev.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #c2c2c2;
    margin-right: 8px;
    margin-top: 8px;
}
.down_arrow{
	background-image: url(../images/next.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #c2c2c2;
    margin-right: 8px;
    margin-top: 8px;
}
.prev_next a:hover,.prev_next a:hover .prev_next_text{color:#048bcd;}
.prev_next a:hover .up_arrow,.prev_next a:hover .down_arrow{background-color:#048bcd;}
.prev_next_text{display: block;float: left;margin-right: 5px;color:#555;}

/*fuwu*/
.page_con .in_fuwu,.page_con .in_kehu{padding:0;}

/*jisu*/
.jisu_jj{background:#f5f5f5;padding:50px 0;}
.jisu_jj ul{overflow: hidden;}
.jisu_jj ul li{width:32%;float:left;margin-right:2%;margin-bottom:2%;border-bottom:3px solid #fcc93f;}
.jisu_jj ul li:nth-of-type(3n){margin-right:0;}
.jisu_info{padding:20px;background:#fff;}
.jisu_info h2{line-height:30px;font-size:18px;text-align:center;color:#000;}
.jisu_info p{margin-top:10px;line-height:25px;height:100px;overflow: hidden;text-align:center;}

.weixiu{padding:50px 0;}
.weixiu_jj{}
.weixiu_jj .lmbt{
    text-align: center;
}
.lmbt h3 {font-size: 22px;color: #333;}
.weixiu_jj ul{overflow: hidden;margin-top:50px;}
.weixiu_jj ul li{width:28%;float:left;margin-right:2%;text-align: center;padding:30px 2%;}
.weixiu_jj ul li:nth-of-type(3n){margin-right:0;}
.weixiu_jj ul li img{width:100px; height:100px;}
.weixiu_jj ul li p{margin-top:30px;font-size:18px;color:#666;font-weight:bold;}

/*list_news*/
.list_wc{border:1px solid #ddd;padding-bottom:30px;}
.list_news{padding:50px;}
.list_news ul{overflow: hidden;}
.list_news ul li{padding:40px 0;border-bottom: 1px dotted #eee;}
.list_news ul li a{display:block;}
.list_news ul li h2{font-size:20px;color:#333;padding:0 10px;}
.news_zt{margin-top:30px;overflow: hidden;position: relative;}
.news_zt_left{width:270px;float:left;}
.news_zt_right{float:right;width:calc(100% - 300px);}
.news_zt_right p{line-height:28px;font-size:15px;height:56px;overflow: hidden;margin-top:10px;}
.news_zt_right p i{color:#fcc93f;}
.news_zt_right .zt_info{position: absolute;bottom:20px;right:0;}
.news_zt_right .zt_info span{color:#929292;}
.news_zt_right .zt_info span:nth-of-type(1){margin-right:10px;}
.list_news ul li a:hover img{transform: scale(1.1);transition:all 2s;}
.list_news ul li a:hover h2,.list_news ul li a:hover i{color:#004986;}

/*show_news*/
.show_info{line-height:21px;padding:20px 0;text-align: center;font-size:12px;}
.show_info .ly{margin-right:30px;}

/*contact*/
.contact{}
.contact ul{overflow: hidden;}
.contact ul li{width:19%;float:left;padding:5% 3%;text-align:center;}
.contact ul li img{width:80px;height:80px;}
.contact ul li p{margin-top:30px;}
.map{margin-top:20px;}

/*licheng*/
.lc_con{padding:50px 100px;}
.lc_con ul{width:200px;margin:0 auto;}
.lc_con .icon-shijian {
    color: #ebebeb;font-size: 22px
}
.lc_con .line {
    background-color: #ebebeb;
    height: 60px;
    width: 3px;
    margin-left: 99px;
}