@charset "utf-8";

@import url('font/iconfont.css');
@import url('animate.min.css');

@keyframes ad_width {
    from {
        width: 0
    }

    to {
        width: 100px
    }
}

.swiper-pagination-bullet { background:#000}
.swiper-pagination-bullet-active { background:#FC0}
.swiper-pagination1 .swiper-pagination-bullet { width:20px; height:20px;}
.swiper-button-prev { background:url(../images/prev.png) no-repeat; background-size:100% 100%; width:50px; height:50px; left:0px;}
.swiper-button-next { background:url(../images/next.png) no-repeat; background-size:100% 100%; width:50px; height:50px; right:0px;}

* { box-sizing:border-box; margin:0; padding:0;  font-family:microsoft yahei;}
body { font-size:14px; color:#333; min-width:1200px;}
ul,li,dl,dt,dd {list-style-type:none; margin:0; padding:0;}
a { color:#333; text-decoration:none;}
a:hover { color:#F09105;}
img.resp { width:100%; height:auto;}
img.respxx { max-width:100%; height:100%;}
img.respx { width:100%; height:100%;}
.w1200 { width:1200px; margin:0 auto;}
.overflow {  overflow:hidden;}
.blank10 { clear:both; height:10px;}
.blank20 { clear:both; height:20px;}
.blank30 { clear:both; height:30px;}
.blank50 { clear:both; height:50px;}
.clear { clear:both;}
input::placeholder {font-size:16px; color:#aaa;}
textarea::placeholder {font-size:16px; color:#aaa;}
.bg-gray { background:#f5f5f5;}
.relative { position:relative;}
.overhidden { overflow:hidden;}
.fl { float:left;}
.row { clear:both;}

.pages { text-align:center; padding:30px 0 50px 0;}
.pages a, .pages span { border:1px solid #ccc; padding:6px 13px; border-radius:5px; margin:0 2px;}
.pages span.c { background:#00267B; color:#fff;border:1px solid #00267B;}


body .swiper-pagination-bullet { width:20px; height:20px;}

.tops { background:#f1f1f1; line-height:35px; height:35px; font-size:12px;}
.tops-phone { color:#00267B;  margin-left:10px; float:left;  border-left:1px solid #efefef;}
.tops-phone i { float:left;  margin-right:5px;}
.tops .fr { float:right;}
.tops span a { padding:0 8px;}

.logo { padding:10px 0; width:390px; float:left;}
.menu { width:750px; float:right;  padding-top:35px; }
.menu li { float:left; padding:0 20px; font-size:16px; border-left:1px solid #f1f1f1;}
.menu li:first-child {border-left:none;}


.menu_sub { height:40px; background:#00267B; clear:both;}
.nav_submenu-item { position:absolute; left:50%; margin-left:-32px; top:135px; display:none;}
.nav_submenu-item a { color:#fff; line-height:40px; padding:0 20px; font-size:14px;}

.menu li:nth-child(3) .nav_submenu-item { margin-left:73px;}
.menu li:nth-child(4) .nav_submenu-item { margin-left:179px;}
.menu li:nth-child(5) .nav_submenu-item { margin-left:281px;}
.menu li:nth-child(6) .nav_submenu-item { margin-left:290px;}
.menu li:nth-child(7) .nav_submenu-item { margin-left:290px;}
.nav_submenu-item a:hover { color:#F90;}

footer { background:#00267B; clear:both; font-size:12px;}
.footer1 {background:#00267B; color:#fff; padding:20px 0; overflow:hidden;}
.ft-left { width:70%; float:left;  color:#fff; padding:18px 0 0 0; line-height:30px;}
.ft-right { width:95px; text-align:right; float:right;  padding:20px 0;  color:#fff;}
.ft-right p { line-height:28px; text-align:center;}
.copyright { background:#001E62; color:#ccc; clear:both; overflow:hidden; line-height:30px; padding:8px 0;}
footer a { color:#ccc;}
.copyright .cr { float:right;}

.mtitle { text-align:center; padding:15px 0;}
.row_box { clear:both;}
.hdp { width:550px; height:330px; float:left;}
.hdp_new { width:630px; float:right;}
.swiper-slide1 { position:relative; height:330px;}
.swiper-slide1 h3 { position:absolute; color:#fff; opacity:0.6; bottom:0; left:0; line-height:50px; padding:0 10px; width:100%; background:#000; z-index:800;}

.swiper-pagination1{ text-align:right;}
body .swiper-pagination1 .swiper-pagination-bullet { width:15px; height:15px;}

.Menubox li { width:33.333%; float:left; padding:0 5px; height:50px; }
.Menubox li span {background:url(../images/s1.jpg) center top no-repeat; line-height:44px; height:50px; display:block; text-align:center;}
.Menubox li.hover span { background:url(../images/s2.jpg) center top no-repeat; color:#fff;}
.Contentbox { padding:10px 5px; clear:both;}
.topnew { line-height:42px; font-size:16px; background:url(../images/d17.png) left center no-repeat; padding-left:22px;}
.topnew span { float:right;}

.about {margin-top:50px; height:485px; background:url(../images/about.png) center top no-repeat;}
.aboutbox { padding:0 80px; padding-top:180px; line-height:32px; text-align:center;}
p.xm { text-align:center; padding-top:35px;}
p.xm a { border-radius:50px; line-height:60px; padding:10px 60px; border:1px solid #00267B; color:#00267B; text-align:center;}
p.xm a:hover { color:#fff; background:#00267B}

.service { padding:50px;}
.index-service li { width:33.3333%; float:left; height:295px; position:relative;}
.index-service li .mps {position:absolute; top:0; z-index:555; width:100%; height:100%; padding-top:60px;}
.index-service li .mps .icon { margin:0 auto; width:66px; height:85px;}
.index-service li .mps p { font-size:22px; color:#fff; text-align:center; padding-top:30px;}

.case { background:#F8F9FB;clear:both;}
.casebox { padding:20px 0 0 0;}
.casebox ul { width:540px; margin:0 auto;}
.casebox li { width:160px; cursor:pointer;  border-radius:50px; margin:0 10px; line-height:40px; border:1px solid #00267B; color:#00267B; text-align:center; float:left;}
.casebox li.hover { color:#fff; background:#00267B;}

.link { padding:50px 0;}
.caselist { width:300px; float:left; padding:10px; position:relative;}
.caselist dt { height:200px; overflow:hidden;}
.caseboxcon { overflow:hidden; padding:30px 0;}
.caselist dd { position:absolute; display:none; width:100%; height:220px; padding:10px; left:0; top:0; text-align:center; color:#fff;  z-index:888;}
.caselist dd.mask {background:#00267B; width:100%; height:100%; opacity:0.5; position:absolute; left:0; top:0; z-index:788;}
.caselist dd p { font-size:20px; line-height:50px;}
.caselist dd i { font-size:40px; padding-top:50px; display:block;}
.caselist:hover dd { display:block;}

.link { overflow:hidden;}
.lnkx li { width:240px; float:left; height:160px;}
.lnkx li .imb { width:60px; height:60px; margin:0 auto; margin-top:35px;}
.lnkx li p { text-align:center; font-size:15px; line-height:30px; }
.lnkx li:hover { box-shadow:0 0px 5px #efefef; border:1px solid #efefef;}

.banner { height:790px; overflow:hidden;}
.subbanner { height:300px; background-position: center top; overflow:hidden;}

.subleft { width:260px; float:left;}
.subright { width:900px; float:right;}
.subtop { border-bottom:3px solid #00267B; line-height:50px;}
.subtop span.mks { font-size:24px; color:#00267B;}
.subtop span.pos { float:right; color:#999;}
.sub-intro { padding:20px 0;}

.sub-intro-about { line-height:28px;}

.subtilte {background:#00267B; color:#fff; padding:20px; overflow:hidden;}
.tlleft { width:52px; height:52px; float:left; margin-right:15px;}
.subtilte span { font-size:22px; font-weight:bold;}
.subtilte p { font-size:14px;}
.sub_menu { clear:both;}

.sub_menu {}
.sub_menu li { line-height:60px; padding:0 10px; border-bottom:1px solid #efefef; font-size:18px;}
.sub_menu li span { float:right;}
.sub_menu li:hover,.sub_menu li.hover { background:#efefef; border-bottom:1px solid #00267B; color:#00267B}
.sub_menu li:hover a,.sub_menu li.hover a {color:#00267B;}
.sub_menu li a { display:block;}

dl.newsli { clear:both; padding:20px 0; overflow:hidden; border-bottom:1px solid #efefef;}
dl.newsli dt { width:200px; float:left;}
dl.newsli dd { margin-left:220px;}
dl.newsli dd h2 { font-size:18px;}
dl.newsli dd p { padding:15px 0 0 0;}
dl.newsli dd p.time { font-size:12px; color:#999;}

.aright h1 { text-align:center; padding-bottom:20px; border-bottom:1px solid #f1f1f1;}
.ar_img { padding:10px; text-align: center;}
.ar_img img { max-width:100%; height:auto; margin:0 auto;}
.ar-box { line-height:32px;}
.ar-box img { max-width:100%; height:auto; margin:0 auto;}
.a_wz { line-height:35px; border-bottom:1px dotted #ccc; text-align:center; color:#999;}

.aprev { padding-top:20px;}

.msglist { clear:both; padding:25px 10px; clear:both;}
.xs { width:120px; float:left; line-height:40px; padding-right:15px; text-align:right;} 
.xs-con { width:500px; float:left;}
.xs-con input { width:100%; height:40px; border:1px solid #cdcdcd; border-radius:5px;}
.xs-con textarea { width:100%; height:200px; border:1px solid #cdcdcd; border-radius:5px;}
.laybtn { padding:5px 50px; background:#00267B; color:#fff; border-radius:5px; color:#fff; line-height:35px; border:0;}