body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; color:#333; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#7d2d1e;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;} 

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-size:12px; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1100px; width:96%; margin:0 auto; max-height:999999px;}
@font-face{ font-family:04b08;src:url('../images/04b08.TTF'); /* IE9+ */}

/*header*********************************************************************/
.head{ height:160px; position:relative;}
.head-fixed{ width:100%; height:160px; background:#fff; position:fixed; top:0; left:0; right:0; z-index:10; transition:all linear .2s;}
.head-fixed.head_on{ background:#fff; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.1); box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.head .w{ display:flex; flex-wrap:wrap; justify-content:space-between; height:109px;}
.logo{ margin:13px 0 0 0;}
.logo img{ height:84px;}
.nav{ width:100%; border-top:1px solid #eaeaea;}
.nav ul.w{ height:50px;}
.plebans{ font-size:14px; line-height:50px; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.plebans a{ display:inline-block;}
.plebans i{ width:7px; height:4px; background:url(../images/point1.png) center center no-repeat; display:inline-block; margin-left:6px;}
.nav ul li{ position:relative; width:10%;}
.nav ul li:after{ content:""; display:block; position:absolute; right:0; top:11px; bottom:11px; width:1px; font-size:0; overflow:hidden; background:#eaeaea;}
.nav ul li:last-child:after{ display:none;}
.nav ul li .plebans a:hover,.nav ul li.on .plebans a{ font-weight:bold; color:#7d2d1e;}
.goutp{ display:none; position:absolute; top:50px; left:-1px; right:0; padding:10px 0px; z-index:10; background:rgba(245,245,245,.95); border-radius:0 0 5px 5px;}
.goutp p{ line-height:36px; text-align:center;}
.goutp p a{ font-size:14px;}
.nav ul li:nth-child(5) .goutp{ left:-111px; right:-110px; overflow:hidden;}
.nav ul li:nth-child(5) .goutp p{ width:50%; float:left;}
.search{ width:320px; position:relative; height:40px; margin-top:35px;}
.s_intxt{ width:320px; border:1px solid #eaeaea; height:40px; padding:0 10px; line-height:38px; background:#f7f7f7; font-size:14px; color:#333; transition:all linear .2s;}
.s_intxt:focus{ border-color:#7d2d1e;}
.s_inbut{ height:14px; width:14px; border:none; cursor:pointer; background:url(../images/search.png) center center no-repeat; position:absolute; top:50%; margin-top:-7px; right:11px;}

.banner{ position:relative; z-index:5;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:33px; height:5px; border-radius:5px; transition:all linear .2s; background:#fff; opacity:.3; margin:0 10px;}
.banner .swiper-pagination-bullet-active{ opacity:1; width:66px; background:#7d2d1e;}

.titc{ text-align:center; padding:44px 0;}
.titc p{ font-size:24px; font-weight:bold; line-height:36px;}
.titc em{ display:inline-block; font-size:14px; color:#bbb; text-transform:uppercase; font-family:"Arial"; line-height:22px; position:relative;}
.titc em:after,.titc em:before{ content:""; display:block; position:absolute; left:-66px; top:10.5px; width:56px; height:1px; font-size:0; overflow:hidden; background:#eaeaea;}
.titc em:after{ left:inherit; right:-66px;}

.businessc{ padding:40px 0 28px 0;}
.business_list{ display:flex; flex-wrap:wrap; width:101.27%; justify-content: center;}
.business_list li{ margin:0 1.27% 1.27% 0; width:15.01571428571429%; border:1px solid #ddd; background:#fff; transition:all linear .2s; text-align:center; padding:15px 0 11px 0;}
.business_list li a{ display:block;}
.business_list li i{ display:block; width:40px; height:40px; margin:0 auto; background:url(../images/ico1.png) no-repeat;}
.business_list li i.i1{ background-position:0 0;}
.business_list li i.i2{ background-position:0 -40px;}
.business_list li i.i3{ background-position:0 -80px;}
.business_list li i.i4{ background-position:0 -120px;}
.business_list li i.i5{ background-position:0 -160px;}
.business_list li i.i6{ background-position:0 -200px;}
.business_list li i.i7{ background-position:0 -240px;}
.business_list li i.i8{ background-position:0 -280px;}
.business_list li i.i9{ background-position:0 -320px;}
.business_list li i.i10{ background-position:0 -360px;}
.business_list li i.i11{ background-position:0 -400px;}
.business_list li i.i12{ background-position:0 -440px;}
.business_list li i.i13{ background-position:0 -480px;}
.business_list li i.i14{ background-position:0 -520px;}
.business_list li em{ font-size:14px; color:#000; display:block; line-height:20px; margin-top:5px;}
.business_list li p{ text-transform:uppercase; font-size:8px; color:#bfbfbf;/* font-family:"04b08";*/ white-space:nowrap; line-height:16px; letter-spacing:-1px;}
.business_list li.hover{ background:#6592dd; border-color:#6592dd;}
.business_list li.hover em,.business_list li.hover p{ color:#fff;}

.casec{ padding:0 0 18px 0;}
.case_list{ display:flex; flex-wrap:wrap; width:101.818%;}
.case_list li{ text-align:center; margin:0 1.818% 1.818% 0; width:23.182%;}
.case_list li a{ display:block;}
.case_list li .pic{ width:100%; overflow:hidden;}
.case_list li p{ line-height:24px; font-size:14px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.newsc{ padding:0 0 78px 0;}
.focus{ position:relative; z-index:5; width:49.1%; margin:0;}
.focus .swiper-slide a{ display:block; overflow:hidden; background:#fff; padding-bottom:3px;}
.focus .swiper-slide p{ text-align:center; font-size:14px; line-height:52px;}
.focus .swiper-slide img{ width:100%;}
.focus .swiper-pagination{ bottom:0;}
.focus .swiper-pagination-bullet{ width:8px; height:8px; border-radius:8px; transition:all linear .2s; background:#f9c270; opacity:1; margin:0 10px;}
.focus .swiper-pagination-bullet-active{ opacity:1; background:#6592dd;}
.news_list1{ width:47.5%;}
.news_list1 li{ position:relative; padding:6px 0; margin-bottom:28px;}
.news_list1 li a{ display:block; padding-left:90px;}
.news_list1 li .time{ position:absolute; left:0; top:0; color:#fff; line-height:20px; text-align:center; background:#f9c270; height:70px; width:70px;}
.news_list1 li .time b{ display:block; font-size:40px; color:#fff; line-height:36px; padding-top:8px;}
.news_list1 li em{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:18px; color:#666; font-weight:bold; line-height:32px;}
.news_list1 li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:14px; color:#999; line-height:26px;}
.news_list1 li a:hover em{ color:#7d2d1e;}

.links{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; line-height:24px; padding:35px 0;}
.links em{ font-size:14px; color:#1c3d73; font-weight:bold; margin:0 15px;}
.links a{ font-size:14px; margin:0 15px;}

.nyban{ height:170px; background:#000;}
.nyban1{ background:url(../images/nyban1.jpg) top center no-repeat;}
.nyban2{ background:url(../images/nyban2.jpg) top center no-repeat;}
.nyban3{ background:url(../images/nyban3.jpg) top center no-repeat;}
.nyban4{ background:url(../images/nyban4.jpg) top center no-repeat;}
.nyban5{ background:url(../images/nyban5.jpg) top center no-repeat;}
.nyban6{ background:url(../images/nyban6.jpg) top center no-repeat;}
.nyban7{ background:url(../images/nyban7.jpg) top center no-repeat;}
.nyban8{ background:url(../images/nyban8.jpg) top center no-repeat;}
.nyban9{ background:url(../images/nyban9.jpg) top center no-repeat;}

.ny_w{ position:relative; padding:0 0 20px 235px; min-height:300px;}
.sider{ position:absolute; left:0; top:10px; width:220px; background:#6592dd; padding:15px;}
.s_tit{ font-size:16px; font-weight:bold; color:#fff; line-height:22px; padding:2px 0 5px 0;}
.s_tit font{ display:block; color:#a8c9ff; font-size:16px;}
.sider ul li{ margin-top:10px;}
.sider ul li a{ display:block; height:40px; line-height:40px; text-align:center; background:url(../images/sbg.png) 0 0 no-repeat; font-size:14px;}
.sider ul li a:hover,.sider ul li.cur a{ background-position:0 -40px; font-weight:bold; color:#333;}
.ny_con{ width:100%;}
.location{ border-bottom:1px solid #eaeaea; display:flex; flex-wrap:wrap; justify-content:space-between; line-height:46px; margin-top:20px;}
.location em{ font-size:16px; font-weight:bold; padding-left:20px; background:url(../images/ico2.png) left center no-repeat;}
.location span{ font-size:14px; color:#999; background:url(../images/ico3.png) left center no-repeat; padding-left:16px;}
.location span a{ color:#999;}
.location span a:hover{ color:#7d2d1e;}

.com_txt{ padding:10px;}
.com_txt p{ font-size:14px; line-height:30px; margin:10px 0; text-indent:2em;}
.com_txt .video{ float:right; margin:0 0 0 30px;}
.com_txt img{ display:block; margin:10px auto; max-width:100%;}

.news_list{ padding:10px 0;}
.news_list li{ display:flex; flex-wrap:wrap; justify-content:space-between; font-size:14px; border-bottom:1px dotted #ddd; line-height:50px; padding-left:15px; position:relative;}
.news_list li:before{ content:""; display:block; position:absolute; left:0; top:22px; width:6px; height:6px; font-size:0; overflow:hidden; background:#722a25;}
.news_list li a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:88%;}
.news_list li span{ font-size:14px; color:#999;}

.page{ padding:20px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.page a{ display:inline-block; background:#fff; border:1px solid #e6e6e6; border-radius:2px; font-size:14px; line-height:33px; padding:0 12px; margin:0 2px;}
.page a.cur,.page a:hover{ background:#6592dd; border-color:#6592dd; color:#fff;}

.news_tit{ text-align:center; border-bottom:1px dotted #ddd; padding:24px 0;}
.news_tit h3{ font-size:20px; color:#722a25; font-weight:bold; line-height:32px;}
.news_tit p em{ font-size:14px; color:#999; padding:0 6px; line-height:24px;}

.news_txt{ padding:22px 0;}
.news_txt p{ font-size:14px; line-height:30px;}
.news_txt img{ margin:10px auto; max-width:100%;}

.pic_list{ display:flex; flex-wrap:wrap; width:101.387%; padding:20px 0 0 0;}
.pic_list li{ text-align:center; margin:0 1.387% 4px 0; width:31.94633333%;}
.pic_list li a{ display:block; padding:10px;}
.pic_list li .pic{ width:100%; overflow:hidden;}
.pic_list li p{ line-height:24px; font-size:14px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.show-pop{ position:fixed; left:0; right:0; bottom:0; top:0; z-index:1000; display:none;}
.show-pop-bg{ background:rgba(0,0,0,.6); position:absolute; left:0; right:0; bottom:0; top:0;}
.show-popc{ position:absolute; left:50%; top:3%; bottom:3%; transform:translate(-50%,0);}
.show_con{ display:flex; justify-content:center; flex-direction:column; height:100%;}
.show_pic{ position:relative; display:inline-block;}
.show_pic .close{ position:absolute; right:-33px; top:0; background:rgba(255,255,255,.38); width:33px; height:33px; cursor:pointer; z-index:1011;}
.show_pic .close:after{ content:""; display:block; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; width:20px; height:20px; font-size:0; overflow:hidden; background:url(../images/close.png) center center no-repeat;}
.show_con img{ display:block; margin:0 auto; max-width:100%; max-height:100%;}
.show_con p{ text-align:center; font-size:16px; color:#fff; line-height:30px; padding-top:10px;}

#map{ height:395px; margin:30px 10px;}
.contact{ display:flex; flex-wrap:wrap; padding:0 10px 30px 10px;}
.contact li{ position:relative; width:29.5%; padding:13px 0 13px 20px; font-size:14px; line-height:24px;}
.contact li:nth-child(3n+1){ width:41%}
.contact li i{ position:absolute; width:14px; height:20px; left:0; top:50%; margin-top:-10px; background:url(../images/ico4.png) no-repeat;}
.contact li i.i1{ background-position:0 0;}
.contact li i.i2{ background-position:0 -20px;}
.contact li i.i3{ background-position:0 -40px;}
.contact li i.i4{ background-position:0 -60px;}
.contact li i.i5{ background-position:0 -80px;}
.contact li font{ font-size:14px; color:#999;}

.case_list li .pic img,.pic_list li .pic img{ display:block; height:184px; transition:all 0.6s; margin:0 auto;}
.case_list li.hover .pic img,.pic_list li.hover .pic img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ background:#1c3d73; width:100%; border-top:5px solid #6592dd; padding:25px 0;}
.foot{ position:relative; text-align:center;}
.f_nav{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; line-height:40px;}
.f_nav a{ font-size:14px; color:#fff; margin:0 18px; position:relative;}
.f_nav a:after{ content:""; display:block; position:absolute; right:-18px; top:12px; bottom:12px; font-size:0; overflow:hidden; border-right:1px dotted #615b55;}
.f_nav a:last-child:after{ display:none;}
.f_nav a:hover{ color:rgba(255,255,255,.8);}
.f_logo{ margin:28px 0;}
.f_logo img{ display:block; margin:0 auto; height:136px;}
.foot p{ font-size:14px; line-height:25px; color:#4f7fce;}
.foot p font{ color:#4f7fce; font-size:14px; padding:0 6px;}
.foot .ewm{ position:absolute; right:0; bottom:5px; background:#0f2953; border-radius:5px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:8px;}
.foot .ewm em{ color:#3d68ad; line-height:16px; writing-mode:vertical-rl; writing-mode:tb-rl; text-align:left; padding-right:6px;}
.foot .ewm img{ width:122px; height:122px;}