/* CSS Document */

*{margin:0;padding:0;}
body{background:#fff; font-size:100%;line-height:22px; font-size:15px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fl{ float:left;}.fr{ float:right}
header.act{position:fixed;left:0;top:0;z-index:99999;animation:searchTop 0.5s ease-in-out;width:100%;background:#fff;}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}
.page1{padding:15px 0;height:36px;line-height:36px;*line-height:50px;}
.page1 a{padding:8px 10px;border:1px solid #cbcbcb;margin-left:3px;color:#333;}
.page1 a:hover,.page a.current{background:#ed0009; color:#fff}

header{position:relative;width:100%;z-index: 9;}   
.header-main{display:flex;justify-content:space-between;align-items:center;padding:0.18rem 0;}
.header-main .logo{display: flex;align-items: center;}
.logo img{ max-width:100%; display:block;}

header .tel{ float:right; width:26%;}
header .tel img{float:left; margin-right:10px;}
header .tel p{font-size:16px;color:#333;}
header .tel p1{display:block;color:#0256ac;font-size:26px;line-height:31px; font-weight:bold;font-family:΢ÈíÑźÚ;}

.header-nav{ width:100%;background:#0256ac;}
.nav-ul {display: flex;}
.nav-ul li {position:relative;width:14.2%;}
.nav-ul li .nav_a {display:block;font-size:16px;color:#fff;line-height:52px;text-align:center;background: url(../nav-shu.png) no-repeat right center;}
.nav-ul li:hover .nav_a, .nav-ul li.active .nav_a {color: #fff;background:#ffa800;}
.nav-ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:#0256ac;box-shadow:0 5px 10px #333;}
.nav-ul .sub_ul li{width:100%;padding:5px;}
.nav-ul .sub_ul li .nav_a2{font-size:13px;line-height:34px;text-align: center;color:#fff;display:block;}
.nav-ul li .nav_a2:hover, .nav-ul li .nav_a2.on {background: #0256ac;color: #fff;}


.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px;  border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu span { width:30px;height:3px;background:#0256ac;border-radius:5px; display:block;}
.icon-menu .span02 {  margin:5px 0;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}

.sjnav{ width:100%; position:absolute;right:0%;z-index:9999;display: none;background:rgba(44, 44, 44, 0.8) none repeat scroll 0 0 !important;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ display:block; margin:0; padding:0;}
.sjnav li a{display:block;line-height:44px;  font-size:15px; color:#fff;padding:0 66px;border-bottom: 1px solid #ddd;}
.sjnav li a:hover, .sjnav li.active a{background:#0256ac; color:#fff;}


.banner{position: relative;}
.ban-img{display: block;max-width: 100%;}
.swiper-pagination-bullet{width:15px; height:4px; opacity:1; border-radius:2px; background:#fff;}
.swiper-pagination-bullet-active{background:#0256ac}
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);margin:0;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.title{text-align: center;position: relative;padding-bottom: 0.18rem;}
.title .t1{line-height: 0.58rem;font-size:0.26rem;color:#fff;text-transform: uppercase;font-weight: bold;padding:0.1rem 0 0 0;background:url(../title.png) no-repeat top center;}
.title .t2{font-size:0.16rem;color:#fff;line-height: 0.36rem;}
.title .t1 span{color:#ffa800;font-size:0.3rem;margin-left: 10px;}

.title{text-align: center; margin-bottom:20px;}
.title .t1{ font-size:30px;color:#333;font-weight: bold; margin-bottom:20px; position:relative;}
.title .t1 span{color:#1048a0;}
.title .t1:before{ position:absolute; right:8px; width:15px; height:2px; background:#3aa314; line-height:30px; top:0px;}
.title .t1:after{ position:absolute; left:8px; width:15px; height:2px; background:#3aa314; line-height:30px; top:0px;}
.title .t2{font-size:16px;color:#999;}

.about{padding:70px 0;background: url(../about_center01_1.jpg) center center / cover no-repeat;}
.about-main{ display: flex;}
.about-main .pic{width:52%;position: relative;}
.about-main .pic:before{content:"";display: block;padding-top:72%;}
.about-main .content{width:48%; display: flex;flex-wrap: wrap;align-content: center;padding:0 0.2rem;}
.about-main .content .t1{ font-size:32px;font-weight: bold;color:#0256ac;width:100%; margin-bottom:20px;}
.about-main .content span{display: block;line-height: 18px;font-size:20px;color:#666; font-weight:normal; margin-bottom:20px; }
.about-main .content .t2{ color:#333;line-height: 28px; font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;margin:0.2rem 0 0.3rem 0;width:100%;}
.about-main .content .t3{font-size:0.14rem;color:#fff;background:#ffa800;width: 1.35rem;line-height: 0.4rem;text-align: center;}

.title2{text-align: center;position: relative;padding-bottom: 0.18rem;}
.title2 .t1{line-height: 0.58rem;font-size:0.26rem;color:#fff;text-transform: uppercase;font-weight: bold;padding:0.1rem 0 0 0;background:url(../title1.png) no-repeat top center;}
.title2 .t2{font-size:0.16rem;color:#fff;line-height: 0.36rem; width:80%; margin:0 auto;}
.title2 .t1 span{color:#ffa800;font-size:0.3rem;margin-left: 10px;}

.more{display: block;width: 1.35rem;line-height: 0.4rem;text-align: center;background:#ffa800; font-size:0.14rem;color:#fff;margin:0 auto;}
.more:hover{color:#fff;transform: translateY(-8px);}

.products{background:url(../bj2.jpg) no-repeat 50% 50%;background-size:cover;padding:70px 0;}
.product ul{display: flex;flex-wrap: wrap;width:100%;margin:0 -1%;}
.product ul li{width:23%;margin:0 1% 2% 1%;border:1px solid #dcdcdc;background:#fff;padding:0.1rem;transition: 0.5s;}
.product ul li .pic{width:100%;position: relative;overflow: hidden;border:1px solid #dcdcdc;}
.product ul li .pic:before{content:"";display: block;padding-top:74%;}
.product ul li .content{text-align: center;}
.product ul li .content .t1{line-height: 0.45rem;font-size:0.16rem;color:#333;transition: 0.5s;}
.product ul li .content .t2{display: flex;justify-content: space-between;align-items: center;padding:4px 10px 8px 10px;}
.product ul li .content .t2 a{display: block; margin:0 auto; padding:0 10px;line-height: 0.3rem;text-align: center;background:#acacac;font-size:0.14rem;color:#fff;}
.product ul li:hover{background:#0256ac;}
.product ul li:hover .content .t1{color:#fff;}
.product ul li .content .t2 a:hover{background:#ffa800;}

.news{padding:70px 0;}
.news ul{ margin-bottom:30px;}
.news ul>li{display: inline-block;*zoom: 1;*display: inline; float: left;width: 48%;overflow: hidden;margin-right: 4%;line-height: 26px;border-bottom: 1px solid #ddd;}
.news ul>li:nth-child(2n){margin-right: 0;}
.news ul>li .warp{padding: 10px 10px 15px 10px;}
.news ul>li .warp .date{text-align:center;width:100px;height:50px;color:#fff;display: inline-block;*zoom: 1;*display: inline;padding: 12px 5px;margin:0px 15px 15px 0;background-color:#0256ac;float:left;}
.news ul>li .warp .h3{font-size: 16px;height: 50px; overflow: hidden; color:#333;padding-top:13px}
.news ul>li .warp .h3:hover{color: #0256ac;}
.news ul>li .warp .desc{ line-height:26px;overflow: hidden;}
.news .more{ margin-top:30px;}

.ser{padding:70px 0;background:url(../bj5.jpg) no-repeat top center, #eee;}
.ser .title .t1{color:#fff;}
.ser .title .t1 span{color:#ffa800;}
.ser .title .t1 b{color:#fff;}
.ser .title .t1:before{background:#ffa800;}
.ser .title .t2{color:#fff;}
.swiper-news{padding:0.3rem 0 0 0;}
.swiper-news a{display: block;background:#fff;padding:5px;border:1px solid #dcdcdc;border-bottom:4px solid #dcdcdc;}
.swiper-news a .pic{width:100%;position: relative;overflow: hidden;}
.swiper-news a .pic:before{content:"";display: block;padding-top:57%;}
.swiper-news a .d1{width: 1.15rem;height: 1.15rem;border-radius: 50%;border:0.08rem solid rgba(255,255,255,0.5);margin:-0.65rem auto 0 auto;position: relative;z-index: 2;}
.swiper-news a .d1 div{background: #f5f5f5;display: flex;justify-content: center;align-items: center;width:100%;height: 100%;border-radius: 50%;}
.swiper-news a .d1 div img{display: block;max-width: 100%;}
.swiper-news a .content{padding:0.2rem;}
.swiper-news a .content .t1{line-height: 30px;font-size:16px; margin-bottom:8px;color:#333;font-weight: bold;}
.swiper-news a .content .t2{line-height: 24px;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.swiper-news a:hover .img_cover{transform:scale(1.1);}

.case{padding:70px 0;}
.prev-case, .next-case { display:none;}
.swiper-case .i_hzlclist{ text-align: center;float: left;}
.swiper-case .i_hzlclist p{ line-height:36px; font-size:16px;}
.swiper-case .i_hzlclist:hover p{color: #1048a0;}
.swiper-case .i_hzlclist img{transition: all 0.5s;display: block;margin: 20px auto 20px;}
.swiper-case .i_hzlclist1{background: url(../hzlc1_03.png) no-repeat center;}
.swiper-case .i_hzlclist1 img:hover,.i_hzlclist5 img:hover{transform: rotate(90deg);}
.swiper-case .i_hzlclist2{background: url(../hzlc2_03.png) no-repeat;	}
.swiper-case .i_hzlclist2 img{transform: rotate(90deg);}
.swiper-case .i_hzlclist2 img:hover{transform: rotate(180deg);}
.swiper-case .i_hzlclist3{background: url(../hzlc3_03.png) no-repeat;}
.swiper-case .i_hzlclist3 img{transform: rotate(180deg);}
.swiper-case .i_hzlclist3 img:hover{transform: rotate(270deg);}
.swiper-case .i_hzlclist4 img{transform: rotate(270deg);}
.swiper-case .i_hzlclist4 img:hover{transform: rotate(360deg);}
.swiper-case .i_hzlclist4{background: url(../hzlc4_03.png) no-repeat;}
.swiper-case .i_hzlclist5{background: url(../hzlc5_03.png) no-repeat;}

#footer{ overflow:hidden;  }
#footer .content{ position:relative;width:1200px;  }
.links{ height:52px; background:#212528;}
.links ul li{ float:left; line-height:52px; margin-right:15px;}
.links ul li strong{ color:#626262;}
.links ul li a{ display:block; line-height:52px; color:#626262; }
.links ul li a:hover{ color:#777;}
.foot_bottoom{ padding:30px 0px 0px;background:#2c2f34;}
#footer h2{ font-size:16px; font-weight:bold; color:#fff; padding-bottom:20px; margin-bottom:15px; position:relative; }
#footer h2:after{ position:absolute; left:0px; bottom:0px; height:1px; width:15px; background:#b1b1b1;}
.fNav{  width:30%; float:left; }
.fNav ul li{ float:left; width:50%; text-align:left; }
.fNav ul li a{ display:block; width:100%; color:#929292; font-size:14px; line-height:40px;}
.fContact{ width:50%; float:left; }
.fContact ul li{ line-height:30px; color:#929292; padding-left:18px; font-weight:bold;}
.fContact ul li.li1{ background:url(../c1.png) no-repeat left 9px;}
.fContact ul li.li2{ background:url(../c2.png) no-repeat left 9px;}
.fContact ul li.li3{ background:url(../c3.png) no-repeat left 12px;}
.fContact ul li.li4{ background:url(../c4.png) no-repeat left 9px;}
.fContact ul li a{ color:#7d8caf;}
#footer .mas{ width:20%; float:left; text-align:center;}
#footer .mas p{line-height: 30px;color: #929292;}
.copy{ line-height:50px; height:50px; border-top:1px solid #3c3c3c; color:#626262; text-align:center; margin-top:30px;}

.page_banner{height:300px; overflow:hidden; position:relative;}
.page_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; /*animation:img_room 6s linear 1; -webkit-animation:img_room 6s linear 1;*/}
.page_banner .infor{position:absolute; left:0; bottom:160px; width:100%; color:#333;}
.page_banner .infor .tit{font-size:28px; font-weight:600;}

/* ϲãbannerÖÐÃæ°üм */
.page_banner .crumbs{font-size:13px; position:absolute; bottom:20px; left:20px; display:none;}
.page_banner .crumbs a,
.page_banner .crumbs em,
.page_banner .crumbs span{display:inline-block; font-size:13px; color:#fff;}
.page_banner .crumbs em{margin:0 7px;}
.page_banner .crumbs a:hover{color:#00a1e9;}



.page{padding:0.25rem 0 0.5rem 0;position: relative;min-height: 7rem;display: flex;}
.page-left{width:270px;margin-right: 30px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { background:#0256ac; line-height:0.34rem; font-size:0.24rem; color: #fff; text-align:center;position:relative;padding:0.14rem 0;}
.s-drop-btn i{font-style: normal;display: block;line-height: 0.22rem;text-transform: uppercase;font-size:0.14rem;font-family:"arial";}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ background:#0256ac;}

.s-drop-list {display: block;border:1px solid #c9c9c9;}
.aside-list-link{ font-size:0.16rem; color:#333;line-height:0.43rem;display: flex;justify-content: space-between;align-items: center;padding:0 0.2rem ;border-top: 1px dashed #c9c9c9;}
.aside-list-link:hover, .aside-list-link.act{ background:#ffa800; color:#fff;}


.page-left .lxfs{margin-top: 0.1rem;background-color: #efeeee;box-shadow: 0px -5px 5px inset #ccc;padding:0.2rem 0;display: flex;align-items: center;justify-content: space-around;}
.page-left .lxfs img{display: block;max-width: 100%;;}
.page-left .lxfs .txt{text-align: right;font-size:0.16rem;color:#333;line-height: 0.28rem;}
.page-left .lxfs .txt span{font-size:0.18rem;color:#f80000;line-height: 0.28rem;display: block;}

.page-right{width:calc(100% - 300px);padding:8px 0 0 0;}
.page-bt{line-height: 36px;border-bottom: 1px solid #d3d3d3;display: flex;justify-content: space-between;align-items: center;}
.page-bt .t1{font-size:22px;color:#333;position: relative;}
.page-bt .t1:before{content:"";display: block;width:100%;height: 1px;background:#1048a0;position: absolute;left: 0;bottom: -1px;}
.page-bt .t1 i{color:#0256ac;margin-right: 10px;}
.page-bt .t1 span{color:#0256ac}
.page-bt a{display: inline-block;font-size:14px;color:#666;}


.product-show{padding:0.2rem 0 ;}
.product-show .t1{font-size:20px;color:#333;text-align: center;line-height:30px;}
.product-show img{display:block;max-width:100%;margin:15px auto;}
.product-show .t2{font-size:14px;color:#666;}

.news_list ul{ margin-bottom:30px; margin-top:20px;}
.news_list ul>li{ *zoom: 1;*display: inline;overflow: hidden;line-height: 26px;border-bottom: 1px solid #ddd; margin-bottom:10px;}
.news_list ul>li .warp{padding: 10px 10px 15px 10px;}
.news_list ul>li .warp .date{text-align:center;width:70px;height:70px;color:#fff;display: inline-block;*zoom: 1;*display: inline;padding: 12px 5px;margin:0px 15px 15px 0;background-color:#0256ac;float:left;}
.news_list ul>li .warp .h3{font-size: 16px;height: 26px; overflow: hidden; color:#333;}
.news_list ul>li .warp .h3:hover{color: #0256ac;}
.news_list ul>li .warp .desc{ line-height:26px;overflow: hidden;}


.news-show { width:100%; text-align:center;padding-top:20px;}
.news-show img {  display:block; max-width:100%; margin:2% auto;}
.news-show .txt-bt {  display:inline-block ;line-height:42px; font-size:18px; color:#333;font-weight:bold;text-align:center; }
.news-show .txt-nr {  display:block;line-height:30px; color:#444; text-align:left;}
.news-show .txt-date {  display:block;line-height:35px; font-size:14px; color:#999; margin-bottom:1%;}
.flow .content { margin-top:30px; height:80px; margin-bottom:20px}
.flow .content .left{ width:10%; line-height:80px; text-align:center;background:#0256ac; font-size:16px; float:left; color:#fff;}
.flow .content .right{ width:90%;height:80px; line-height:26px; border:1px solid #ccc; padding:12px 30px; float:left; }

.contact { margin-top:30px;}
.contact .content{ float:left; width:52%}
.contact .content h4 { font-size: 18px; color: #000; height: 40px; line-height: 40px; font-weight: bold; }
.contact .content p { color: #757576; line-height: 28px; text-indent: 0px; margin-bottom: 10px; }
.contact .img{ float:left; width:48%; text-align:right;}
@media (max-width:1200px){
    .wrap{ width:96%}
    .header-main .logo .t1, .prev-case, .next-case{display: none;}
	.about{padding:40px 0;}
	.product{padding:40px 0;}
	.news{padding:40px 0;}
	.ser{padding:40px 0;}
	.case{padding:40px 0;}
	.page_banner{height:220px;}
	.page_banner>img{ margin-left:-700px; width:1400px;}
	.page_banner .infor { bottom:45%;}
	.flow .content {  height:90px;}
	.flow .content .left{ width:15%; line-height:90px;}
	.flow .content .right{ width:85%;height:90px; }
    }

@media (max-width:991px) and (min-width:769px){
    .about-main .pic, .about-main .content{width: 50%;}
    .product ul li{width:48%;}
	.page_banner{height:200px;}
	.page_banner>img{ margin-left:-495.5px; width:991px;}
    .page{display: block;}
    .page-left{width:100%;margin:0;}
    .page-right{width:100%;}
	.flow .content {  height:100px;}
	.flow .content .left{ width:18%; line-height:100px;}
	.flow .content .right{ width:82%;height:100px; }
    }
 
@media (max-width:768px){
    .logo{width:300px;}
    .about-main{padding:5px 0 10px;display: block;}
    .about-main .pic{display:none;}
	.about-main .content { width:100%;}
	.about-main .content .t1 {font-size: 20px;margin-bottom: 10px;}
	.about-main .content span {font-size: 15px;margin-bottom: 0px;}
    .product ul{width:100%;}
    .product ul li{width: 48%;}
    .swiper-news{padding:20px 0 0 0;}
    .swiper-news a .content{padding:2%;}
	.news ul>li{width:100%;overflow: hidden;margin-right: 0;}
	.about{padding:30px 0;}
	.product{padding:30px 0;}
	.news{padding:30px 0;}
	.ser{padding:30px 0;}
	.case{padding:30px 0;}
	.links{ display:none;}
    footer .wrap{display: block;}
    footer .wrap .box{width: 100%;}
	.fNav{  width:40%; float:left; }
	.fContact{ width:60%; float:left; }
    #footer .mas{ display:none; width:0%; float:none; text-align:center;}
	.page_banner{height:155px;}
	.page_banner>img{width:1000px; margin-left:-500px;}
	.page_banner .infor .tit{font-size:16px;}
	.channel_content{padding:15px 0;}
	.news_list ul>li .warp .h3{font-size: 16px;height: auto; overflow: hidden; color:#333;}
	.flow .content .right{line-height:20px; font-size:14px; padding:8px 10px;}
    .page{display: block;}
    .page-left{width:100%;margin:0;}
	.s-drop-list {display: none;}
	.flow .content .left{line-height:120px;}
	.flow .content .right{height:120px; }
	.flow .content {  height:120px;}
    .page-right{width:100%;}
	.prev-case, .next-case{ display:block;width: 0.25rem;height: 0.34rem;display: flex;justify-content: center;align-items: center;font-size:0.25rem;color:#fff;position: absolute;top:50%;transform: translateY(-50%);z-index: 9;background:#0256ac;outline: none;}
	.prev-case{left: -50px;}
	.next-case{right: -50px;}
	.contact .img img{ width:100%}
	.contact .content{ float:none; width:100%}
	.contact .img{ float:none; width:100%; }
    }

@media (max-width:567px){
	.title .t1,.title2 .t1  { margin-bottom:10px;line-height: 0.3rem;}
	.title2 .t2 { width:100%;}
	.page_banner{height:110px;}
	.page_banner>img{width:700px; margin-left:-350px;}
	.fNav{ display:none; width:0%; float:left; }
	.fContact{ width:100%; float:left; }
	.news ul>li .warp .h3 { height:auto; margin-bottom:5px;}
	.news ul>li .warp .desc {line-height: 24px;}
	}

@media (max-width:467px){
	.title .t1{background: none;}
	.title2 .t1{background: none;}
	.page_banner{height:95px;}
	.page_banner>img{width:600px; margin-left:-300px;}

    }

@media (max-width:376px){
	.flow .content .left{ width:20%; line-height:140px;}
	.flow .content .right{ width:80%;height:140px; }
	.flow .content {  height:140px;}
	}

@media (max-width:336px) {
    }