@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1400px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}

.header{ border-bottom:1px solid rgba(255,255,255,.5); position:absolute; top:0; left:0; width:100%; z-index:2;}
.header .logo{ border-right:1px solid  rgba(255,255,255,.5); padding:20px 0;padding-right:1rem; }
.header .logo img{ height:60px;}


.nav li{ margin-left:50px;}
.nav li>a{ line-height:100px; color:#fff; font-size:16px; padding:0 20px; display:inline-block; transition:all .3s;}
.nav li:hover>a,.nav li.cur>a{ background:#00509e;}
.nav li{ position:relative;}
.nav li .subnavs{ position:absolute; top:110%; transition:all .3s; visibility:hidden; opacity:0; background:rgba(0,0,0,.5); left:50%; transform:translateX(-50%); width:auto; padding:20px 0;}
.nav li .subnavs a{ white-space:nowrap; transition:all .3s; padding:0 20px; display:block; color:#fff; line-height:2;}
.nav li .subnavs a:hover{ background:#00509e;}
.nav li:hover .subnavs{ top:100%; visibility:visible; opacity:1;}

.banner{ position:relative;}
.banner img{ width:100%; height:100%; object-fit:cover; transition:all 7s;}
.banner .swiper-slide-active img{ transform:scale(1.05,1.05);}
.banner .swiper-pagination-bullet{ background:#fff; border-radius:0; width:60px; height:2px; margin:0 5px; transition:all .3s;}
.banner .swiper-pagination{ width:100%; bottom:50px;}


.index01{ padding:100px 0; background:#fff;}
.titles{ font-weight:bold; font-size:50px; line-height:1;}
.titles em{ font-style:normal; color:#00509e;}
.titop a{ font-size:14px; color:#999999; transition:all .3s;}
.titop a:hover{ color:#00509e}

.titop{ margin-bottom:50px;}
.index01box{ position:relative;}
.index01box .slideli{ padding:40px; border:1px solid #898989;}

.index01box .slideli:hover{ border:1px solid #00509e}
.index01box .slideli .line{transition:all .3s; width:34px; height:2px; margin-bottom:20px; background:#e5e5e5;}
.index01box .slideli b a{ transition:all .3s; font-weight:normal; color:#333333; font-size:20px;display:block; margin-bottom:10px;}
.index01box .slideli:hover .line{ background:#00509e;}
.index01box .slideli:hover b a{ color:#00509e; font-weight:bold; }

.index01box .slideli p{ color:#666666; font-size:14px; line-height:22px; }
.index01box .slideli .img{ height:150px;}
.index01box .slideli .pp{ height:66px; margin-bottom:35px;overflow:hidden;}

.index01box{ position:relative;}
.index01box .swiper-button-next{ width:26px; height:70px; background-image:url(../images/index_04.jpg); background-size:100% 100%; margin-top:-35px; right:-80px;}
.index01box .swiper-button-prev{ width:26px; height:70px; background-image:url(../images/index_07.jpg); background-size:100% 100%; margin-top:-35px; left:-80px;}

.index02{ background:#fafafa; position:relative;}
.index02 .index02box{ width:45%; padding:100px 0;}
.index02 .index02box p{ color:#666666; font-size:16px;}
.index02 .abouttext a{ margin-top:55px; display:block; font-size:14px; color:#666666;}
.index02 .abouttext a:hover{ color:#00509e}
.index02 .imgs{ width:50%; position:absolute; height:100%; right:0; top:0; overflow:hidden;}


.index03{ padding:100px 0;}

.index03 li{ width:32%;}

.newlist li .img{ height:280px; width:100%; margin-bottom:20px;}
.newlist li .img img{ width:100%; height:100%; object-fit:cover;}
.newlist li  h3{ transition:all .3s; font-size:18px; color:#333333; margin-bottom:6px; font-weight:normal;}
.newlist li  p{  color:#999999; font-size:16px; margin-bottom:10px;}
.newlist li  span{ display:block; padding-left:25px; background-image:url(../images/index_38.jpg); background-position:left center; font-size:16px; color:#999; background-repeat:no-repeat;}
.newlist li:hover h3{ color:#00509e}


.index04{ padding:100px 0; background:#fafafa;}
.index04 li{ width:24%;}
.caselistss li{ border:1px solid #898989;}
.caselistss li .img { height:190px;}
.caselistss li .img img{ width:100%; height:100%; object-fit:cover;}
.caselistss li .txt{ padding:20px;}
.caselistss li .txt h3{ color:#666666; font-size:16px;}
.caselistss li .txt  p{ color:#666666; font-size:16px;}
.caselistss li:hover .txt h3{ color:#000}
.caselistss li:hover{ border:1px solid #00509e}

.footer{ padding-top:100px;  background:#f5f5f5;}
.fotle,.fotri{ max-width:50%; width:100%;}
.fotle img{ height:65px; margin-bottom:35px;}
.fotle p{ padding-left:35px; background-position:left center; background-repeat:no-repeat;font-size:16px; color:#999999; margin-bottom:25px;}
.fotle p.tel{ background-image:url(../images/index_57.jpg);}
.fotle p.add{ background-image:url(../images/index_60.jpg);}

.fotnav{ width:50%; padding-right:60px;}
.fotnav li{ margin-left:50px;}
.fotnav li a{ display:block; font-size:14px; color:#999999; margin-bottom:5px;}
.fotnav li b{ font-size:20px; display:block; font-weight:normal; margin-bottom:20px;}
.fotnav li b a{font-size:20px; display:block; font-weight:normal; color:#333}
.fotnav li a:hover{ color:#000}
.fotewm{ text-align:right; width:50%; padding-left:60px; text-align:right;}
.fotewm img{ max-width:210px; border:1px solid #666; padding:15px; display:inline-block; width:100%;}
.fotewm span{ font-size:14px; color:#999; margin-top:10px; text-align:center; display:inline-block; max-width:210px; width:100%;}

.fotcopy{ text-align:center; margin-top:50px; padding:20px; border-top:1px solid #999; color:#999; font-size:14px;}
.fotcopy a{ font-size:14px; color:#999; margin:0 5px;}
.fotcopy a:hover{ color:#000}


.nybanner{ text-align:center; background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:210px; padding-bottom:80px;}
.nybanner .txt b{font-family: AlimamaShuHeiTiBold;color:#fff; margin-bottom:40px; font-size:60px; display:block; line-height:1;}
.nybanner span{ color:#fff; font-size:18px; display:inline-block; position:relative; padding:0 115px;}
.nybanner span:after{ content:""; display:block; width:90px; height:1px; background:#d7e1e8; position:absolute; right:0; top:50%; }
.nybanner span:before{ content:""; display:block; width:90px; height:1px; background:#d7e1e8; position:absolute; left:0; top:50%; }

.posi{ padding:20px 0; padding-left:28px; background-image:url(../images/2case_04.jpg); background-position:left center; background-repeat:no-repeat;}
.posi a{ color:#333333; font-size:14px;}
.posi a:hover{ color:#00509e;}

.nav2{ text-align:center; padding:44px 0;}
.nav2 a{margin:0 32px; padding:0 45px; line-height:40px; border:1px solid #bebebe; font-size:16px; color:#333333; display:inline-block; transition:all .3s;}
.nav2 a.cur,.nav2 a:hover{ border:1px solid #00509e; background:#00509e; color:#fff;}

.aboutbody{ margin-bottom:90px;}
.aboutbody p{ color:#333333; font-size:16px; margin-bottom:10px;}


.aboutbox2{ padding-bottom:100px;}
.about2le b{ font-size:50px; color:#333333; line-height:1.4; display:block; margin-bottom:35px;}
.about2le span{ color:#00509e;}
.about2le p{ font-size:16px; color:#666666; line-height:1.65;}
.about2le{ width:45%;}
.about2ri{ width:50%;}
.about2ri img{ width:100%; height:100%; object-fit:cover;}

.zhengshu{ padding-bottom:100px;}
.zhengshubox p{ font-weight:bold; color:#333333; font-size:16px;}
.zhengshu ul{    justify-content: flex-start;}
.zhengshu li{ transition:all .3s;  width:23%; margin:1%;margin-top:40px;}
.zhengshu li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.zhengshu li .img{ height:auto; position:relative;}
.zhengshu li .img img{width:100%; height:auto;}
.zhengshu li b{ display:block; text-align:center; font-size:16px; color:#333333; margin-top:10px;}

.team .img{ width:170px; border-right:1px solid #d9d9d9;}
.team .img img{ display:block; margin:0 auto; max-width:100%;}
.team .txt{ width:calc(100% - 170px); padding:20px 40px;}
.team li{ transition:all .3s; background:#fff; border:1px solid #d9d9d9; margin-bottom:20px;}
.team li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);} 
.team li b{font-size:24px; color:#333333; font-weight:normal; display:block; margin-bottom:15px;}
.team li p{ font-size:16px; color:#666666;}
.team li a{ margin-top:15px;  font-size:14px; color:#999999; line-height:1; display:inline-block; border-bottom:1px solid #999999;}
.team li a:hover{ color:#00509e; border-bottom:1px solid #00509e;}

.bac{ background:#fafafa;}

.pages{ padding-bottom:100px; padding-top:30px; text-align:center;}
.pages li{ display:inline-block;}
.pages li a{ display:block; padding:0 10px; font-size:14px; color:#999999;}
.pages li.cur a,.pages li a:hover{ color:#000}

.neewslist .caselistss{justify-content: flex-start;}
.neewslist .caselistss li{ width:23%; margin:1%;}

.borderbot{ border-bottom:1px solid #eeeeee;}
.contact01{ padding:100px 0;}
.conri{ width:50%;}
.conri img{ width:100%;}
.conle{ max-width:45%;}
.conle b{ font-size:30px; color:#333; display:block;}
.conle .line{ height:1px; background:#eeeeee; margin:40px 0; }
.conle p{ font-size:18px; color:#333333; margin-bottom:15px; padding-left:30px; background-repeat:no-repeat; background-position:left center;}
.conle p.dh{ background-image:url(../images/6contact_07.jpg);}
.conle p.dd{background-image:url(../images/6contact_10.jpg);}

.contact02{ padding-bottom:100px;}
.contact02box{ background:#fafafa; padding:45px;}
.contact02box b{ text-align:center; display:block; font-size:30px; color:#333333; margin-bottom:55px;}
.contact02box form{ max-width:1100px; margin:0 auto;}
.contact02box form input{ background:none; margin-bottom:40px; width:45%; line-height:45px; height:45px; border-bottom:2px solid #ebebeb;}

.contact02 button{ width:190px; height:45px; background:#007ca2; color:#fff; margin:0 auto; display:block; cursor:pointer; transition:all .3s;}
.contact02 button:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nybanner2{ height:430px;}


.nybanner3{ height:310px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.position2{ margin-top:-50px;}
.posi2,.posi2 a{ color:#fff; font-size:14px;}
.nav4 a{ color:#fff; font-size:16px; margin-left:30px;}
.newbody{ padding-top:100px;}
.newtitle{ text-align:center;}
.newtitle h1{ font-size:24px; color:#333333; font-weight:normal;}
.newtime{ font-size:14px; color:#666666; text-align:center; padding:20px 0; margin-bottom:20px;}
.bodyies p{ font-size:14px; color:#666666; line-height:2; margin-bottom:10px;}
.bodyies img{ max-width:100%;}
.prevnext{ margin-top:50px; padding-bottom:100px;}

.prebb{ border-top:1px solid #dedede; padding:30px 10px;}
.prebb span,.prebb a{ font-size:16px; color:#666666;}
.prebb span{ max-width:48%;}
.prebb a:hover{ color:#00509e}


.neewslist2 .newlist{justify-content: flex-start;}
.neewslist2 .newlist li{ width:31.33%; margin:1%;}

.index02 .imgs img{ width:100%; height:100%; object-fit:cover;}
.yewufanwei li{ background:#fafafa; margin-bottom:70px;}
.yewufanwei li .img{ width:41%;}
.yewufanwei li .img img{ width:100%; height:100%; object-fit:cover;}
.yewufanwei li .txt{ width:58%; padding:55px;}
.yewufanwei li .txt h3{ font-size:26px; color:#333; margin-bottom:20px; display:block;}
.yewufanwei li .txt p{ max-width:330px; font-size:14px; color:#666666;}
.yewufanwei li .txt a{ padding:0 30px; font-size:14px; line-height:30px; border:1px solid #666666; color:#666666; display:inline-block; margin-top:30px; transition:all .3s;}
.yewufanwei li .txt a:hover{ background:#00509e; color:#fff; border:1px solid #00509e;}

.newbody2{ padding-top:0; padding-bottom:40px;}
@media screen and (max-width:1600px){
	.index01box{ padding-left:50px; padding-right:50px;}
	.index01box .swiper-button-next{ right:0;}
	.index01box .swiper-button-prev{ left:0}
	 
	}
@media screen and (max-width:1480px){
	.w1200{ padding-left:40px; padding-right:40px;}
	.nav li{ margin-left:20px;}
	.fotewm{ padding-left:0; width:auto; max-width:50%;}
	.fotnav li{ margin-left:.5rem;}
	.index01box .slideli{ padding:20px;}
	 
	}

@media screen and (max-width:1240px){
	.fotle{ width:30%;}
	.fotle img{ max-width:100%; height:auto;}
	.fotri{ max-width:60%;}
	.fotnav{ padding-right:0}
	.header .logo img{ height:40px;}
	.nav li{ margin-left:10px;}
	.nav li>a{ padding:0 10px;}
	.index01,.index02 .index02box,.index03,.index04{ padding:50px 0;}
	.footer{ padding-top:50px;}
	.titles{ font-size:30px;}
	.nybanner .txt b,.about2le b{ font-size:30px;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .banner .swiper-pagination-bullet{ width:30px;}
	 .banner .swiper-pagination{ bottom:10px;}
	 
	.fotle{ width:100%; max-width:none;}
	.fotle p{ margin-bottom:15px;}
	.fotnav{ display:none;}
	.fotewm{ max-width:none; width:100%; margin:0 auto; text-align:center; margin-top:20px;}
	.fotri{ max-width:none; text-align:center;}
	.nybanner{ padding-top:80px;}
	.nybanner .txt b{ margin-bottom:20px;}
	.nav2 a{ margin:0 15px; padding:0 10px;}
	.position2{ display:none;}
	 
	}

@media screen and (max-width:768px){
	.w1200{ padding-left:20px; padding-right:20px;}
	.index01,.index02 .index02box,.index03,.index04{ padding:30px 0;}
	.footer{ padding-top:30px;}
	.titles{ font-size:20px;}
	.titop{ margin-bottom:20px;}
	.index01box .slideli .line{ margin-bottom:15px;}
	.index01box .slideli .pp{ margin-bottom:15px;}
	.banner .swiper-slide{ height:12rem;}
	.index01box{ padding-left:20px; padding-right:20px;}
	.index01box .swiper-button-next{ width:15px; height:40px;}
	.index01box .swiper-button-prev{ width:15px; height:40px;}
	.index02 .index02box p{ font-size:14px;}
	.index02 .index02box{ width:100%;}
	.index02 .imgs{ position:static; width:100%; margin-top:15px; height:auto;}
	.index02 .abouttext a{ margin-top:20px;}
	.index02 .index02box{ padding-bottom:0}
	.index03 li{ width:100%; margin:0; margin-bottom:15px;}
	.newlist li .img{ height:8rem;}
	.newlist li h3{ font-size:16px;}
	.newlist li p{ font-size:14px;}
	.newlist li span{ font-size:12px; padding-left:20px; background-size:15px auto;}
	.caselistss li{ width:100%; margin-bottom:15px;}
	.caselistss li .txt p{ font-size:14px;}
	
	.nybanner span{ font-size:14px; padding:0 20px;}
	.nybanner span:before{ width:15px;}
	.nybanner span:after{ width:15px;}
	.nybanner .txt b{ font-size:22px;}
	.posi{ padding-top:10px; padding-bottom:10px;}
	.nav2 a{ margin:5px; font-size:14px; line-height:35px;}
	.aboutbody p{ font-size:14px;}
	.aboutbody{ margin-bottom:40px;}
	.about2le,.about2ri{ width:100%;}
	.nybanner .txt b, .about2le b{ font-size:22px;}
	.about2le b{ margin-bottom:15px;}
	.about2le p{ font-size:14px;}
	.about2ri{ margin-top:20px;}
	.aboutbox2{ padding-bottom:40px;}
	.zhengshu li{ width:48%;  margin:1%; margin-top:20px;}
	.zhengshu li b{ font-size:14px;}
	.zhengshu{ padding-bottom:40px;}
	.nav2{ padding:25px 0;}
	.team .txt{ padding:15px; width:calc(100% - 105px);}
	.team li b{ font-size:18px; margin-bottom:10px;}
	.team li p{ font-size:14px;}
	.pages{ padding-bottom:40px;}
	.team .img{ width:100px;}
	.neewslist .caselistss li{ width:48%;}
	.caselistss li .txt{ padding:10px;}
	.caselistss li .img{ height:8rem;}
	.conle{ width:100%; max-width:none; margin-bottom:15px;}
	.contact01{ padding:30px 0;}
	.conle .line{ margin:15px 0;}
	.conle b{ font-size:20px;}
	.conle p{ font-size:14px;}
	.contact02box form input{ width:100%; margin-bottom:10px;}
	.contact02box b{ font-size:20px; margin-bottom:15px;}
	.contact02{ padding-bottom:40px;}
	.nybanner2{ height:10rem;}
	.contact02box{ padding:45px 20px;}
	.conri{ width:100%;}
	.newbody{ padding-top:30px;}
	.nybanner3{ height:10rem;}
	.newtime{ padding:10px 0;}
	.newtitle h1{ font-size:18px;}
	.newtime span{ margin:0 10px; font-size:14px;}
	.prevnext{ margin-top:20px; padding-bottom:40px;}
	.prebb span{ max-width:none; width:100%; margin-bottom:10px;}
	.neewslist2 .newlist li{ width:100%; margin:0; margin-bottom:15px;}
	
	.yewufanwei li{ margin-bottom:20px; padding-top:8rem; position:relative;}
	.yewufanwei li .img{ position:absolute; top:0; left:0; width:100%; height:8rem;}
	.yewufanwei li .txt{ width:100%; padding:15px;}
	.yewufanwei li .txt h3{ font-size:20px; margin-bottom:10px;}
	.yewufanwei li .txt a{ margin-top:10px;}
	.nav2 a{ display:inline-block; line-height:30px;}
	.newbody2{ padding-top:0}
	}
	
	
	
@font-face
{
font-family: AlimamaShuHeiTiBold;
src: url('../fonts/AlimamaShuHeiTi-Bold.ttf'),
     url('../fonts/AlimamaShuHeiTi-Bold.eot'); /* IE9+ */
}