@charset "utf-8";

body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
body{overflow-x:hidden;}




header{height: 80px;background:rgb(47, 77, 147);position: fixed;left:0;top: 0;width: 100%;z-index: 2222}
.logo{line-height:80px;width: 30%}
.logo img{max-width: 100%}



.nav{width: 70%;padding-left: 10%}
.nav li{width:calc(100% / 8);float:left;font-size:15px; line-height:80px;text-align:center;position:relative;}
.nav li a{display:block;color:#fff;position: relative;z-index: 22;}
.nav li a img{margin-right: 8px}
.nav li .on,.nav li a:hover{background: #2d4a8e;color: #ffcc00}

.nav li .nav-zi{width:150%;position:absolute; left:0; top:100%;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%; font-size:14px;line-height:45px;margin-top:1px;border:0;}
.nav li .nav-zi li a{display:block; padding:0 5px; color:#fff;background:rgba(0,0,0,0.65);}
.nav li .nav-zi li:hover a{background:rgba(255,204,0,0.9);color:#fff;}



header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#fff;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#fff;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}



.banner{position:relative;margin-top: 80px;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 3px; width:10px; height: 10px; background:#d20e08; opacity: 0.5;border-radius:50%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1;}
.swiper-wrapper {height: auto !important;}
.banner img{width:100%;}




.main1{padding-bottom:65px;}
.title{font-size:22px;color:#333; text-align:center;margin:60px 0 55px;text-transform: uppercase;overflow-x: hidden;}
.title span{font-family: "arial";display: block;color:rgba(47,77,147,1);font-size: 36px;}
.title .tou{font-weight: bold;display: inline-block;position: relative;}
.title .tou:after,.title .tou:before{content: "";position: absolute;top: 50%;width: 55px;height: 1px;background: #ccc;right: calc(100% + 20px)}
.title .tou:after{right: auto;left:calc(100% + 20px);}



.navbox01{font-size:0; text-align:center; margin-bottom:30px}
.navbox01 .navli{display:inline-block; width:150px;line-height:44px;background: #fff; font-size:15px; color:#000; padding:0 5px; margin:0 5px 10px;border:1px solid #e7e7e7;box-shadow: 2px 3px 5px #ccc;border-radius: 25px}
.navbox01 .navli.active,.navbox01 .navli:hover{background: url(../images/navli-hover.png) center center;background-size: 100% 100%; color: #fff;box-shadow: 2px 3px 5px #e1eccc;border-color: #e1eccc}


.show .row{margin:0 -10px !important;}
.show .col-md-3{padding:0 10px !important;}
.show .imgbox{display:block;overflow: hidden; font-size:16px; color:#fff;text-align: center;margin-bottom: 20px;position: relative}
.show .imgbox .mask{text-align:center;color:#000;line-height:45px;font-size:14px;}
.show .imgbox .imgbox11{overflow:hidden;}


.about{background:#f4f4f4}
.about img{max-width: 100%}
.about .tu{float: left;margin:20px 20px 20px 0;}
.about .text{color: #000;line-height:30px;font-weight: bold}



.case .row{margin:0 -10px !important;}
.case .col-md-4{padding:0 10px !important;}
.case .imgbox{display: block;color: #333;margin-bottom: 30px;padding:15px;border:1px solid #fff;font-size: 16px;font-weight: bold;text-align:center;}
.case .imgbox .tu{overflow: hidden;margin-bottom:10px}



.newss .left{display: block;overflow: hidden;position: relative;}
.newss .left .mask{position: absolute;left:0;bottom: 0;width: 100%;line-height: 65px;background: rgba(21,25,28,0.8);font-size: 16px;color: #fff;font-weight: bold;text-align: center;padding:0 10px;z-index: 2;}
.newss .right .hezi{margin-bottom: 15px;}
.newss .right .hezi:last-child{margin-bottom: 0;}
.newss .right .imgbox{display: block;background: #fff;padding:20px 15px;color: #000;border:1px solid #e2e2e2;border-bottom: 4px solid #d0cfcf}
.newss .right .imgbox .time{width: 110px;border-right:1px dashed #e0e0e0;text-align: center;height: 92px;display:flex; flex-direction:column; justify-content:center;font-size: 18px;font-family: "Arial"}
.newss .right .imgbox .time h4{font-size: 28px;margin-top: 5px !important}
.newss .right .imgbox .text{width: calc(100% - 110px);padding-left: 20px;height: 92px}
.newss .right .imgbox .text .tou{font-size: 15px;margin-bottom: 10px;font-weight: bold}
.newss .right .imgbox .text .zi{font-size: 13px; color: #6c6c6c;line-height: 21px;height: 63px;overflow: hidden;}



footer{background:#2f4d93;border-bottom: 5px solid #ffcc00; padding:20px 0; font-size:14px;color:#fff;text-align: center;line-height: 28px}
footer .link a{margin:0 8px}
footer a{color:#fff; margin:0 10px}
footer a:hover{color:#fff; text-decoration:underline !important}






.zitu{background: url(../images/fuwu-bg.jpg) center center;background-size: cover;}
.zitu .box{margin-top:-100px;position: relative;z-index: 222;}
.zitu img{width: 100%;border-radius: 15px}


.main{ padding:40px 0 50px;font-size:14px; line-height:28px;}


.neiye .menu{background:#2f4d93; padding:30px 10px; text-align:center;font-size:14px; color:#fff;text-transform:uppercase; position:relative}
.neiye .menu b{font-size:18px;margin-right:10px}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:45px;}
.neiye .nav1{display:block;font-size:15px; color:#444; line-height:45px;border-bottom:1px dashed #d9d9d9; text-align:left; padding:0 10px 0 90px; position:relative;}
.neiye .nav1:first-child{border-top:1px dashed #d9d9d9;}
.neiye .nav1:before{content:">"; position:absolute; left:45px; top:50%; width:16px; height:16px; background:#666; border-radius:50%; text-align:center; line-height:18px; color:#fff; font-family:"宋体"; margin-top:-8px; transition:all 0.3s}
.neiye ul a{display:block; font-size:14px; color:#333; line-height:42px; padding:0 10px 0 60px; border-bottom:1px solid #e5e5e5; position:relative}
.neiye ul a:before{content:"-"; position:absolute; left:35px; top:0; font-size:18px; color:#333;}
.neiye ul{display:none; padding:0 35px}
.neiye .ul1{display:block;}
.neiye .navbox{background:#fff; padding:20px 0; border:1px solid #d0d0d0; border-top:0;}


.neiye .nav1.active{background:#233d7a; color:#fff;}
.neiye .nav1.active:before{background:#ffcc00; }
.neiye ul a.active{color:#233d7a;}
.neiye ul a.active:before{color:#233d7a;content:"+"; font-size:14px;}

.neiye .menu1{margin-top:20px;}
.neiye .lian{background:#fff;font-size:14px;line-height:27px; padding:10px 15px 30px; margin-top:2px; border:1px solid #d9d9d9; border-top:0;}
.neiye .lian .tou img{max-width: 100%}
.neiye .lian .sao{max-width: 175px;margin:15px auto 0;text-align: center;}
.neiye .lian .sao img{max-width:100%;border:1px solid #e9e8e8;}


.main .navbox01{margin-bottom:26px;}

.main .cont{margin-top:30px;}
.title-zi{font-size:14px; color:#333; padding-bottom:10px; border-bottom:1px solid #e1e1e1; margin:0 0 30px}
.title-zi .zuo{font-size: 18px;color: #000}
.title-zi .you span{color: #2f4d93}
.title-zi .you a{color:#333;}
.title-zi .you a:hover{color:#2f4d93;text-decoration: underline !important;}


.weixiu{font-size:14px;line-height:26px; }
.weixiu h4{font-size:16px;font-weight: bold; line-height:28px;}
.weixiu img{max-width:100%; height:auto; display:block; margin:10px auto;}


.about{font-size:15px;line-height:28px; }
.about h4{font-size:21px;font-weight: bold; line-height:28px;margin-bottom: 10px !important}
.about img{max-width:100%; height:auto; display:block; margin:10px auto;}

.call-us{font-size:14px;line-height:28px; }
.call-us h4{font-size:16px; font-weight:bold;line-height:35px;}
.call-us img{max-width:100%; height:auto; display:block; border:1px solid #ccc; margin:10px auto}

.case-box,.show-box{background:none; padding:0;line-height: normal}
.case-box .row,.show-box .row{margin:0 -10px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 20px}



.news-box .imgbox{display:block; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px}
.news-box .imgbox .tu{width:265px; height:175px; border:1px solid #ccc; overflow:hidden;float: left;}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text{width: calc(100% - 265px);float: left;padding-left: 20px}
.news-box .imgbox .text h4{font-size:16px; color:#4b4a4a; line-height:30px; font-weight:bold}
.news-box .imgbox .text span{font-size:12px; color:#999; display:block; margin:-3px 0;}
.news-box .imgbox .text .zi{font-size:14px; color:#4f4f4f; line-height:25px; height:75px; overflow:hidden;margin-bottom: 10px}
.news-box .imgbox .text .more{ width:90px; height:28px; background:#999; font-size:13px; color:#fff; line-height:28px; text-align:center}


.news-main{font-size:14px; line-height:24px;}
.news-tou{width:80%; margin:0 auto;}
.news-main .news-tou h4{ font-size:18px; line-height:26px; text-align:center; border-bottom:1px dashed #666; padding-bottom:12px !important;}
.news-main .news-tou span{display:block; text-align:center; font-size:12px; color:#7f7f7f; margin:10px 0}
.news-main img{ max-width:100%; height:auto; margin:20px auto;}


.liuyan{ width:65%; margin:0 auto;}
.liuyan .form-group{margin-bottom:5px;}
.liuyan label{ padding-top:0 !important; text-align:left !important;height:34px; line-height:34px; font-weight:normal;}
.liuyan input{background:#fff; border:1px dashed #2f4d93; height:37px;border-radius:0}
.liuyan textarea{background:#fff; border:1px dashed #2f4d93; height:107px;border-radius:0}
.liuyan button{width:100%; height:37px; color:#fff; background:#2f4d93; border:none; border-radius:0; margin-top:5px}


.show-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.show-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}




@media (max-width:1350px){


}



@media (min-width:992px){
.show .imgbox:hover .img{transform: scale(1.1,1.1)}
.show .imgbox:hover .imgbox11 .tu{transform: scale(1.1,1.1)}
.show .imgbox:hover .mask{background:rgba(58,86,153,.8);color:#fff}
.case .imgbox:hover{border-color:#2f4d93;color: #2f4d93}
.case .imgbox:hover .img{transform:scale(1.1,1.1)}
.newss .left:hover .img{transform: scale(1.1,1.1)}
.newss .left .img{height: 440px;}
.newss .right .imgbox:hover{background: #2f4d93;color: #fff;border-color: #2f4d93;border-bottom-color: #223d7d}
.newss .right .imgbox:hover .text .zi{color: #fff}
.newss .right .imgbox:hover .time{border-right-color: rgba(255,255,255,0.35);}
.newss .right .imgbox:hover .text .zi{color: rgba(255,255,255,0.75)}



.neiye .nav1:hover{background:#233d7a; color:#fff;}
.neiye .nav1:hover:before{background:#ffcc00;}
.neiye ul a:hover{color:#233d7a;}
.neiye ul a:hover:before{color:#233d7a !important; content:"+"; font-size:14px}

.news-box .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news-box .imgbox:hover .text .more{background:#2f4d93;border-color: #2f4d93;color: #fff}
}


@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px; width:100%}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
.banner .swiper-button{display: none}
.banner .swiper-pagination{bottom: 10px}
.case .imgbox{padding:0;border:0;}
.newss .left{margin-bottom: 30px}


.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 24px}



.neiye{text-align:center;}
.neiye .menu{background: #2f4d93;color: #fff;margin-bottom: 2px;padding:0;}
.neiye .menu .xiao{display: none}
.neiye .menu span,.neiye .menu{line-height:52px;}
.neiye ul a.active,.neiye ul a:hover,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{background-image:none; padding:0;text-align:center}
.neiye ul a:before,.neiye .nav1:before{display:none;}
.neiye .navbox{padding:10px;}
.neiye .nav1{padding:0 10px;}
.neiye .nav1 span{display: none}

.main3{padding-top:30px;}
.zitu .box{margin:20px 0 0;}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.banner{margin-top: 70px;}
header .lianjie{margin:20px 60px 0 0;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.main1{padding-bottom:50px;}
.title{font-size:22px;margin:50px 0 45px;}
.title span{font-size: 32px;}
.show .imgbox{font-size:18px;}
.newss .left .mask{line-height: 55px}

.liuyan{width:100%;}

}

@media (max-width:600px){
.logo img{height:30px;}
.main1{padding-bottom:40px;}
.title{font-size:22px;margin:40px 0 35px;}
.title span{font-size: 25px;}
.navbox01{margin-bottom: 25px}
.navbox01 .navli{width: 130px;line-height: 40px}
.show .row{margin:0 -6px !important;}
.show .col-md-3{padding:0 6px !important;}
.show .imgbox{margin:0 0 12px;font-size:16px;border-width: 2px;}
.case .row{margin:0 -6px !important;}
.case .col-md-4{padding:0 6px !important;}
.case .imgbox{margin-bottom: 20px;font-size: 15px;font-weight:normal;}
.newss .left .mask{line-height: 45px;font-size: 15px}
.newss .right .imgbox{padding:15px 10px;}
.newss .right .imgbox .time{width: 85px;}
.newss .right .imgbox .time h4{font-size: 20px;}
.newss .right .imgbox .text{width: calc(100% - 85px);padding-left: 12px;}
.newss .right .imgbox .text .tou{margin-bottom: 6px}


.case-box .row,.show-box .row{margin:0 -6px !important}
.case-box .col-xs-6,.show-box .col-xs-6{padding:0 6px !important}
.show-box .imgbox{margin:0 0 12px}
.case.show-box .imgbox{margin-bottom: 20px}


.news-box .imgbox .tu{width:180px; height:130px;}
.news-box .imgbox .text{width: calc(100% - 180px);padding-left: 15px}
.news-box .imgbox .text h4{font-size:15px;line-height:24px;}
.news-box .imgbox .text span{display: none}
.news-box .imgbox .text .zi{font-size: 13px;margin:3px 0 8px;}
.news-box .imgbox .text .more{ width:70px; height:25px; line-height:25px}

}


@media (max-width:479px){
header{height:55px;}
.logo{line-height:55px;}
.logo img{height:25px;margin-left: -10px}
.banner{margin-top:55px;}
header .lianjie{margin:12px 42px 0 0;}
header .lianjie a{margin:0 3px;}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}

.news-box .imgbox{padding-bottom:15px; margin-bottom:15px}
.news-box .imgbox .tu{width:140px; height:95px;}
.news-box .imgbox .text{width: calc(100% - 140px);padding-left: 10px}
.news-box .imgbox .text h4{font-size:14px;line-height:24px;}
.news-box .imgbox .text .zi{font-size:12px;line-height: 20px; height:60px;}
.news-box .imgbox .text .more{display: none}
.news-main .news-tou h4{font-size:16px;}

}

@media (max-width:400px){
header .ydd_btn{width:26px;}
}


@media (max-width:380px){

}

@media (max-width:350px){
header .lianjie{margin-right:35px;}

}