@charset "utf-8";
/* CSS Document */
.header{ height:146px; margin:0 auto;}
.logo{ width:550px; height:146px; float:left; display:block}

.logo img{ width:100%;}
.hb{ width:317px; height:24px;margin-top:70px;margin-left:30px; float:left; display:block}
.phone{ width:auto; float:right; height:146px; line-height:146px; padding-left:32px; box-sizing:border-box; background-image:url(../images/phone.png); background-position:left top; color:#c80110; background-repeat:no-repeat; font-size:24px; background-size:22px 146px;}
.phone span{ font-size:14px;color:#999; }

.nav{ width:100%; padding:20px 0; box-sizing:border-box; background-color:#073c8d;}
.navlist{ width:1200px; margin:0 auto; box-sizing:border-box;}
.navlist li{ width:12.2%; float:left; font-size:18px; text-align:center;  }
.navlist li a{ color:#FFF;}
.navlist li + li{ background-image:url(../images/nav-li.png); background-repeat:no-repeat; background-position:left center;}

.flash{ cursor:pointer; width:100%;}
/*.autoImg img{width:100%; height:auto; display:block;}
.hmFocus .swiper-pagination {bottom:-35px; left: 0;width: 100%;}
.hmFocus .swiper-pagination-bullet{opacity:1; background:#c9c9c9; margin:0 3px!important;width:50px; height:4px; border-radius:0;}
.hmFocus .swiper-pagination-bullet-active{background:#f64c55;}
*/
.swiper-pagination {/*bottom:10px; left: 0;*/width: 100%;}
.swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,1); margin:0 3px!important;width:10px; height:10px; border-radius:50%;}
.swiper-pagination-bullet-active{background:rgba(255,146,0,1);}
.swiper-container {	width: 100%;}
/*.swiper-slide {	text-align: center;	font-size: 18px; background: #F60; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;	-webkit-box-align: center; -ms-flex-align: center;	-webkit-align-items: center; align-items: center;}*/
.swiper1 .swiper-slide img{ width:100%;}
.swiper2{ background-color:#EEE; float:left; width:50%;}
.swiper2 .swiper-slide{ position:relative;}
.swiper2 .swiper-slide h3{ width:100%; padding:0 10px; line-height:32px; text-align:left; box-sizing:border-box; font-size:12px; font-weight:normal; height:32px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.swiper2 .swiper-slide h3 a{ color:#FFF; }
.swiper2 .swiper-slide img{ width:100%;}
.swiper2 .swiper-pagination{ width:80px; height:18px; right:10px; left:auto; bottom:10px;}
.swiper3 .swiper-slide { height:100%; border:1px solid #DDD; box-sizing:border-box;}
.swiper3 .swiper-slide p{ width:100%;}
.swiper3 .swiper-slide p img{ width:100%;}
.swiper3 .swiper-slide h3{width:100%; height:auto; padding:10px 0; box-sizing:border-box; font-weight:normal; font-size:12px;}
.swiper3 .swiper-slide h3 span,.swiper3 .swiper-slide h3 a{ width:100%; display:block; height:20px; display:block; line-height:20px; padding:0; box-sizing:border-box; text-transform:uppercase; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
.swiper3 .swiper-slide h3 span{}
.swiper3 .swiper-slide h3 a{ font-size:12px; color:rgba(0,0,0,0.96); padding:0 10px;}
.swiper3 .swiper-slide h3 a i{ font-size:10px; float:right; color:#999;}
.swiper3 .swiper-pagination,.swiper4 .swiper-pagination{ display:none;}
.swiper4 .swiper-slide p{ width:100%; box-sizing:border-box; border:4px solid rgba(0,0,0,0.7); padding:5px; background-color:#FFF;}
.swiper4 .swiper-slide p img{ width:100%;}
.swiper4 .swiper-slide h3{width:100%; font-size:16px; padding:10px 0; font-weight:normal; text-align:center; box-sizing:border-box; color:#FFF;}
.swiper4 .swiper-slide h3 a{}
.swiper-button-next,.swiper-button-prev{ color:#FFF; background-color:rgba(0,0,0,0.5); border-radius:3px; height:50px; width:50px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-25px;  } 
.swiper-button-next:hover,.swiper-button-prev:hover{  background-color:rgba(0,0,0,0.2);} 
.swiper-button-next i,.swiper-button-prev i{ font-size:20px; text-align:center; color:#FFF; line-height:50px;}
.swiper3 .swiper-button-next{ right:0px;}
.swiper3 .swiper-button-prev{right:auto; left:0px;}
.box4 .swiper-button-next,.box4 .swiper-button-prev{ color:#FFF; background-color:rgba(0,0,0,0.2); border-radius:50%; height:40px; width:40px; text-align:center; background-image:url(none); cursor:pointer; border:1px solid #FFF; margin-top:-35px; }
.box4 .swiper-button-next i,.box4 .swiper-button-prev i{ font-size:20px; text-align:center; color:#FFF; line-height:40px;} 
.box,.box4{ width:1200px; height:auto; margin:0 auto; position:relative; padding-left:70px; padding-right:70px;  box-sizing:border-box;}
.box4{ width:1080px; }

.coltitle{ width:100%; margin:5% auto; position:relative; }
.coltitle::after{ content:' '; width:100%; height:1px; background-color:#DDD; position:absolute; left:0; bottom:10px;}
.coltitle h3,.coltitle p{ width:220px; height:50px; line-height:50px; margin:0 auto; background-color:#FFF; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:36px; font-weight:normal; position:relative; z-index:10; }
.coltitle p{ height:24px; line-height:24px; text-transform:uppercase; font-size:14px; color:#999; text-transform:uppercase;}

.youshi-list li{ width:25%; float:left; padding-bottom:10px; position:relative;}
.youshi-list li::after{ content:' '; height:3px; background-color:#4576c2; position:absolute; left:50%; bottom:0; width:72px; margin-left:-36px;}
.youshi-list li p{ width:92px; height:92px; margin:0 auto; margin-bottom:5px; }
.youshi-list li p img{ width:100%;}
.youshi-list li h3,.youshi-list li h4{ width:100%; height:36px; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; font-weight:normal; font-size:18px;}
.youshi-list li h4{ height:24px; line-height:24px; text-transform:uppercase; color:#999; font-size:14px;}

.case-tab{ width:1200px; height:auto; margin:0 auto; margin-bottom:5%; padding:0 11%; box-sizing:border-box;}
.case-tab li{ width:25.3%; height:auto; float:left; margin:0 4%; padding:8px 12px; box-sizing:border-box; border:1px solid #EEE; background-color:#FFF; background-image:url(../images/case-tab-bg1.png),url(../images/case-tab-bg2.png); background-position:left top, right bottom; background-repeat:no-repeat,no-repeat;}
.case-tab li a{ width:100%; display:block; height:32px; line-height:32px; text-align:center; color:#FFF; font-size:14px; background-color:#888; }
.case-tab li:hover{ /*border:1px solid rgba(216,61,60,0.5); */background-color:#FFF; background-image:url(../images/case-tab-bg3.png),url(../images/case-tab-bg4.png); }
.case-tab li:hover a{background-color:rgba(216,61,60,0.96); }

.caselist{ width:100%; }
.caselist li{ width:16.66%; float:left; position:relative; cursor:pointer;}
.caselist li::after{ content:' '; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); display:none;}
.caselist li img{ width:100%;}
.caselist li h4{ width:72px; height:72px; line-height:72px;  text-align:center; border:1px solid #FFF; border-radius:50%; position:absolute; left:50%; top:50%; margin-top:-36px; margin-left:-36px; background-image:url(../images/search.png); background-position:left top; background-repeat:no-repeat; background-size:cover; display:none; z-index:10;}
.caselist li h4 a{ width:100%; height:100%; display:block;}
.caselist li h3{ width:100%; font-size:16px; padding:10px 0; background-color:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; display:none; z-index:10;}
.caselist li h3 a{ color:#FFF;}
.caselist li:hover::after,.caselist li:hover h4,.caselist li:hover h3{ display:block;}
.casemore{ width:100%;text-align:center;padding:2% 0; }
.casemore a{ width:auto; height:40px; line-height:40px; display:inline-block; font-size:16px; text-align:center; border:1px solid #DDD; font-weight:normal;padding:0 1%;}


.obj{ width:100%; background-color:rgba(7,60,141,1); padding:50px 0 30px 0; margin-top:50px; }
.obj-header{ width:300px; height:auto; margin:0 auto; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; margin-bottom:50px; position:relative; }
.obj-header::before,.obj-header::after{ content:' '; width:2px; height:30px; background-color:#2e2e2e; position:absolute; bottom:10px;}
.obj-header::before{ left:-1px;}
.obj-header::after{ right:-1px;}
.obj-header h3,.obj-header p{ width:100%; height:54px; line-height:54px; overflow:hidden; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#ffffff}
.obj-header p{ height:36px; font-size:24px; text-transform:uppercase; color:rgba(255,255,255,0.3); line-height:24px;}
.obj-header h3 a{color:#fff;}
.about{ width:1200px; height:auto; padding:4% 0; position:relative;}
.about::after{ content:' '; width:27.5%; height:100%; box-sizing:border-box; border:1px solid #d73c3b; position:absolute; right:0; top:0; z-index:10;}
.about-img{ width:36%; float:left;}
.about-cen{ width:61%; height:100%; float:right;}
.ac-text{ width:80%; padding:6% 0; box-sizing:border-box; background-color:#FFF; background-image:url(../images/about-cen.png); background-repeat:no-repeat; background-position:left top; background-size:cover; position:relative; z-index:20; overflow:hidden;}
.act-nr{ width:100%; overflow:hidden; }
.act-nr h3,.act-nr p{ width:100%; height:auto; line-height:48px; font-weight:normal; font-size:18px; }
.act-nr p{ height:auto; line-height:24px; font-size:13px; color:#999;}

.newss{ width:100%; padding:40px 0; background-image:url(../images/news.jpg); background-position:center top; background-repeat:no-repeat; height:auto; margin-top:50px; }
.news-header{ width:100%;  position:relative; height:70px; margin-bottom:3%; }
.news-header::after{ content:' '; width:100%; height:1px; background-color:#DDD; position:absolute; left:0; bottom:0px;}
.news-header h3{ width:312px; height:70px; line-height:70px; margin:0 auto; text-align:left; font-size:36px; font-weight:normal; position:relative; z-index:10; color:#FFF; position:relative; }
.news-header h3 span{ height:24px; line-height:24px; text-transform:uppercase; font-size:18px; color:#FFF; text-transform:uppercase;}
.news-header h3::after{ content:' '; width:142px; height:5px; background-color:#8c8c8c; position:absolute; left:0; bottom:-1px;}
.news-cen{ width:1200px; height:auto; background-color:#d3d3d3; margin:0 auto; padding:20px; box-sizing:border-box;}
.nc-main{ width:100%; height:auto; box-sizing:border-box; border:1px solid #b7b7b7; padding:20px 0 20px 20px; position:relative;}
.nc-list{ width:63%; height:auto; padding:20px 0; box-sizing:border-box; float:left; background-color:#FFF;}
.nc-list li{width:100%; height:auto; border-bottom:1px solid #DDD; box-sizing:border-box; padding:1.2% 2.5%;}
.nc-list li h3,.nc-list li p{ width:100%; font-size:16px; padding:8px 0; overflow:hidden; font-weight:normal;}
.nc-list li h3 span{ float:right; font-size:12px; color:#666;}
.nc-list li h3 span i{ font-size:14px; color:#999;}
.nc-list li p{ font-size:14px; padding:0; line-height:24px; color:#999; height:48px; overflow:hidden;}
.nc-list h4{ width:100%; padding:0 2.5%; box-sizing:border-box; margin-top:4%; }
.nc-list h4 a{ width:160px; height:40px; line-height:40px; display:block; font-size:16px; text-align:center; float:right; border:1px solid #DDD; font-weight:normal; }
.nc-img{ width:35%;/* float:right; margin-top:3%;*/ position:absolute; right:0; bottom:20px;}
.nc-img img{ width:100%;}


.contact{ width:1200px; height:auto; margin:0 auto; background-image:url(../images/contact.png); background-position:right bottom; background-repeat:no-repeat; padding-bottom:60px; }
.contact-list{ width:25%; height:auto; float:left; box-sizing:border-box; padding-right:10px; border-right:1px solid #cfcfcf;}
.contact-list li{ width:100%; height:auto; position:relative; padding-left:20px; margin-bottom:10%; box-sizing:border-box; position:relative;}
.contact-list li::after{ content:' '; width:8px; height:50px; background-color:#000; position:absolute; left:0; top:0; }
.contact-list li h3,.contact-list li p{ width:100%; height:auto; line-height:20px; font-weight:normal; font-size:16px; }
.contact-list li p{ font-size:12px; line-height:24px;}
.contact-list li:nth-last-of-type(1){ margin-bottom:0;}
.contact-form{ width:75%; height:auto; float:right; box-sizing:border-box; padding-left:2.5%; position:relative;}
.contact-form li{ width:40%; height:40px; border:1px solid #cfcfcf; padding:9px 10px 9px 50px; background-color:#FFF; box-sizing:border-box; margin-bottom:20px; }
.contact-form li input{ width:100%; height:20px; line-height:20px; border:0; font-size:14px;}
.contact-form li:nth-of-type(4){ width:55%; height:160px; border:0; padding:0; position:absolute; right:0; top:0;}
.contact-form li:nth-of-type(4) textarea{ width:100%; height:100%; border:1px dashed #cfcfcf; padding:10px; box-sizing:border-box;}
.contact-form li:nth-of-type(5){ width:100%; height:40px; border:1px solid #cfcfcf; padding:0; background-image:url(../images/form-input1.png), url(../images/form-input2.png); background-position:left top, right top; background-repeat:no-repeat,no-repeat;}
.contact-form li:nth-of-type(5) input{ width:100%; height:40px; border:0; line-height:40px; text-align:center; font-size:14px; background-color:transparent;}

.footer{width:100%; padding:2.5% 0; background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position:center center; background-color:#353537;}
.footer-cen{ width:1200px; height:auto; margin:0 auto; position:relative; }
.erweima{ width:132px; height:auto; position:absolute; right:0; top:0;}
.erweima p{ width:100%;}
.erweima h3{ width:100%; height:36px; line-height:36px; font-weight:normal; font-size:14px; text-align:center; color:#FFF; overflow:hidden; }
.fc-nav,.copyright{ width:100%; height:auto; line-height:24px; font-weight:normal; font-size:14px; color:rgba(255,255,255,0.5); padding:10px 0;}
.fc-nav a,.copyright a{ color:rgba(255,255,255,0.5);}
.fc-phone{ width:100%; height:36px; line-height:24px; font-size:24px; color:rgba(255,255,255,0.5);  margin-top:5px;}
.fc-phone i{ font-size:36px;}
.copyright{ height:auto; line-height:24px; font-size:12px;}