@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
dt { font-weight: normal; }
html { webkit-text-size-adjust: none; -webkit-text-size-adjust: none; text-justify: inter-ideograph; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
.w1200 { width: 1200px; margin: 0 auto; }
.ico { background: url(../style/icon.png) no-repeat; display: inline-block; vertical-align: middle; }
fieldset, img { border: 0; }
.thide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display: none; }
.disp { display: block; }
.text-center { text-align: center; }
.text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
ception, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #0e87db; text-decoration: none; }
a { text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
* { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; margin: 0 }
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-track {
border-radius:0;
background:#fff;
}
::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
background:rgba(0,0,0,0.4);
background-color:#0e87db;
}
input, textarea { -webkit-user-select: text }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.zoom { zoom: 1 }
.tac { text-align: center; }
.tar { text-align: right; }
.poa { position: absolute; }
.por { position: relative; }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
p { word-spacing: -1.5px; }
.curp { cursor: pointer }
;
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size:100%;
}
input, select { vertical-align: middle; }
select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;
line-height: 100%; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
body { overflow-x: hidden; overflow-y: auto; }
body { background-color: #fff; overflow-x: hidden; color: #333; font-size: 14px; font-family: microsoft yahei; position: relative; }
.top_main { width: 100%; position: relative; z-index: 999; background: #f5f5f5; height: 38px; font-size: 12px; line-height: 37px; }
.top_main .huanying { overflow: hidden; width: 1200px; margin: 0 auto; }
.top_main .huanying p { width: 390px; padding-left: 13px; float: left; }
.huanying ul.huanying_li { text-align: center; float: right; }
.huanying ul.huanying_li li { float: left; }
.huanying ul.huanying_li li.split { display: inline-block; width: 1px; height: 12px; background: #666; vertical-align: middle; margin: 12px 15px 0 15px; padding: 0px; }
.header, .content, .footer, .container { margin: 0 auto; width: 1200px; }
.header { width: 100%; background-color: #fff; position: relative; z-index: 100; }
.hearderBox { width: 1200px; margin: 0 auto; position: relative; z-index: 100; }
.logo_right { width: 1200px; margin: 0 auto }
.logo_right .header_middle { padding: 10px 0 25px 0; }
.header_middle .logo { float: left; margin-top: 20px; }
.header_middle .logo img { max-height: 70px; }
.header_middle .zldl { background: url(../style/ltbg.png) no-repeat center left; overflow: hidden; width: 366px; height: 70px; float: left; position: relative; padding-left: 20px; text-align: left; margin: 20px 0 0 20px; }
.header_middle .zldl span { font-size: 24px; color: #333; display: block; margin-top: -5px; }
.header_middle .zldl p { color: #333; font-size: 16px; margin-top: 3px; }
.header_middle .zldl_phone { display: block; margin-top: 16px; background: url(../style/header_phone.png) no-repeat center left; padding-left: 65px; float: right; }
.header_middle .zldl_phone b { display: block; font-size: 26px; color: #0e87db; font-weight: bold; }
.header_middle .zldl_phone p { display: block; font-size: 26px; color: #0e87db; font-weight: bold; margin: 0px 0 -10px 0; }
.header_middle .search { width: 300px; height: 45px; line-height: 45px; margin-top: 32px; border: 2px solid #1048a0; position: relative; float: right; margin-left: 50px; }
.header_middle .search .sbtn { width: 100px; height: 45px; font-size: 16px; text-align: center; color: #fff; position: absolute; right: -2px; top: -2px; background: #1048a0; cursor: pointer; border: 0; }
.header_middle .search .stxt { width: 200px; padding-left: 10px; height: 41px; line-height: 41px; border: 0px; background: none; outline: none; color: #999; }
.nav_main { width: 100%; height: 60px; line-height: 60px; background: #1048a0; position: relative; z-index: 3; }
.nav .list { width: 102%; margin: 0 auto; height: 60px; line-height: 60px; position: relative; }
.nav_main .nav { width: 1200px; margin: 0 auto; }
.nav_main .nav li { float: left; width: 170px; display: block; position: relative; z-index: 10; font-size: 16px; border-right: 1px solid #0b2d7e; text-align: center; }
.nav_main .nav li:first-child { border-left: 1px solid #0b2d7e; background: none; }
.nav_main .nav li:first-child.hover { background-color: #0185d0; }
.nav_main .nav li a { display: block; color: #fff; font-size: 16px; }
.nav_main .nav li a i { margin-left: 6px; }
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li #hover2 { background: #0185d0; }
.nav_main .nav dl { width: 169px; background: #fff; position: absolute; left: 0; top: 60px; z-index: 12; border: 1px solid #0185d0; }
.nav_main .nav dl { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.nav_main .nav li:hover dl { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.nav_main .nav dl dd { line-height: 49px; height: 49px; border-top: 1px solid #e5e5e5; text-align: left; position: relative; z-index: 12; display: block; width: 100%; }
.nav_main .nav dl dd:first-child { border: none; }
.nav_main .nav dl dd a { color: #666; font-size: 16px; padding: 0; width: 100%; text-align: center; }
.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover { background: #0185d0; color: #fff; }
.nav_main .nav dl dd .three { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(-10px, 0, 0); }
.nav_main .nav dl dd:hover .three { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.nav_main .nav dl dd .three { position: absolute; left: 158px; top: 4px; padding-left: 20px; color: #666; z-index: 10; background: url(../style/menu_bg.png) 12px 10px no-repeat; }
.nav_main .nav dl dd .three a { color: #fff; width: 140px; font-size: 14px; background: #0185d0; text-align: center; display: block; height: 39px; line-height: 39px; border-top: 1px solid #1048a0; transition: ease-in-out .2s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.nav_main .nav dl dd .three a:first-child { border-top: none; }
.nav_main .nav dl dd .three a:hover { background: #1048a0; color: #fff; }
/*links*/
.links { padding: 15px 0; font-size: 14px; background: #f3f3f3 }
.links span { color: #333; display: inline-block; }
.links a { display: inline-block; color: #333; padding-right: 10px; }
.links a:hover { opacity: 0.8; filter: alpha(opacity=80); }
/*footer*/
.footer { width: 100%; color: #fff; padding: 30px 0 20px; background: #191919; }
.footer .contact { width: 340px; }
.footer .contact .ewm { width: 100px; height: 100px; background: #ddd; }
.footer .contact .ewm img { display: block; margin: 6px; width: 88px; height: 88px; }
.footer .contact .contact_info { margin-left: 16px; }
.footer .contact .contact_info p { font-size: 14px; color: #fff; line-height: 14px; }
.footer .contact .contact_info .tel { margin-top: 10px; margin-bottom: 12px; font: normal 30px "arial"; color: #407fe1; line-height: 24px; }
.footer .contact .contact_info .p2 { margin-bottom: 6px; }
.footer .bNav { width: 850px; }
.footer .bNav .item { float: left; line-height: 26px; }
.footer .bNav .item h3 { margin-bottom: 24px; padding: 0 34px; border-right: 1px solid #407fe1; font-weight: normal; }
.footer .bNav .item:last-child h3 { border: 0; }
.footer .bNav .item h3 a { color: #fff; font-size: 18px; text-indent: 0px; }
.footer .bNav .item h3 a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.footer .bNav .item a { color: #ccc; display: block; font-size: 12px; line-height: 26px; text-indent: 40px; }
.footer .bNav .item a:hover { color: #fff; }
/*copyright*/
.copyright { height: 57px; line-height: 57px; color: #999999; font-size: 12px; background: #101010; border-top: 1px solid #434343; }
.copyright span { margin: 0 12px; opacity: 0.7; filter: alpha(opacity=70); }
.copyright a { color: #999999; }
.copyright a:hover { color: #fff; }
.topadcs { width: 100%; overflow: hidden; text-align: center; background-color: #ececec }
.subleft { width: 245px; }
.subleft .title { background: url(../style/bg5.jpg) no-repeat left; height: 102px; color: #fff; font-size: 20px; font-weight: bold; padding-right: 29px; }
.subleft .title h2 { line-height: 102px; text-align: center; font-size: 20px; font-weight: bold; }
.subleft .title i { font-size: 20px; font-weight: bold; color: #fff; padding-left: 13px; padding-top: 2px; font-style: normal; }
.subleft .bort9 { border-top: 9px solid #007eb9; border-radius: 5px 5px 0px 0px; }
.subleft .bor9 { border-bottom: 9px solid #eaeaea; }
.subleft .lefta { width: 245px; margin-bottom: 10px; }
.subleft .lefta .comt { background: #fff; }
.subleft .lefta .comt ul { border: 1px solid #ddd; }
.subleft .lefta .comt ul li a { background: #fff url(../style/tb9.png) 213px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left: 25px; font-size: 14px; }
.subleft .lefta .comt ul li .box { padding: 10px 0px; display: none; }
.subleft .lefta .comt ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }
.subleft .lefta .comt ul li .box a:hover { color: #007eb9; background: none; }
.subleft .lefta .comt ul li a:hover, .subleft .lefta .comt ul li.hover a { background: #1048a0 url(../style/tb11.png) 213px center no-repeat; font-weight: bold; color: #fff }
.subleft .lefta .comt ul li.hover a { background: #1048a0 url(../style/tb11.png) 213px center no-repeat; font-weight: bold; color: #fff }
.subleft .lefta .comt ul li.hover .box a { background: none; font-weight: normal; }
.subleft .lefta .comt ul li.hover .box a.hover { color: #007eb9; font-weight: bold; }
.subleft .lefta .comt1 ul li a { background: #fff url(../style/jia.png) 213px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left: 25px; font-size: 14px; }
.subleft .lefta .comt1 ul li .box { padding: 10px 0px; display: none; }
.subleft .lefta .comt1 ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }
.subleft .lefta .comt1 ul li .box a:hover { color: #007eb9; background: none; }
.subleft .lefta .comt1 ul li:hover a, .subleft .lefta .comt1 ul li.hover a { background: #1048a0 url(../style/jia1.png) 213px center no-repeat; font-weight: bold; color: #fff }
.subleft .lefta .comt1 ul li.hover a { background: #1048a0 url(../style/jian.png) 213px center no-repeat; font-weight: bold; color: #fff }
.subleft .lefta .comt ul li .boxlist { padding: 0; display: none; border: none; }
.subleft .lefta .comt ul li .boxlist li { line-height: 50px; background: #b1aeae; }
.subleft .lefta .comt ul li .boxlist li a { height: 40px; padding-left: 45px; color: #333; font-weight: normal; border-bottom: 0; line-height: 40px; background: #f6f6f6 url(../style/tb12.png) 26px center no-repeat; border-top: none; }
.subleft .lefta .comt ul li .boxlist li a:hover, .subleft .lefta .comt ul li .boxlist li.hover a { color: #1048a0; font-weight: bold }
.subleft .lefta .comt ul li.hover .boxlist { display: block; }
.subleft .leftnews { margin-bottom: 10px; }
.subleft .leftnews .title { height: 60px; padding-left: 52px; padding-top: 18px; }
.subleft .leftnews .leftnewscomt { background: #fff; padding: 10px; }
.subleft .leftnews .leftnewscomt ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden; }
.subleft .leftnews .leftnewscomt ul li a { font-size: 14px; display: block; padding-left: 10px; }
.subleft .leftnews .leftcont { background: #fff; padding: 10px; }
.subleft .leftnews .leftcont h2 { font-size: 16px; font-weight: bold; color: #1048a0; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
.subleft .leftnews .leftcont span { line-height: 24px; font-size: 12px; padding-top: 10px; display: block; border-bottom: 1px solid #f2f2f2; }
.subleft .leftnews .leftcont p { font-size: 18px; color: #333; padding-top: 10px; line-height: normal; }
.leftprocomt { padding-top: 10px; }
.leftprocomt li { float: left; text-align: center; width: 117px; margin-right: 10px; }
.leftprocomt li img { width: 117px; height: 87px; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.leftprocomt li p { margin:8px 0 15px 0; text-align:left; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.leftprocomt li:hover img { -webkkit-filter: brightness(105%); filter: brightness(105%); }
.leftprocomt li:hover p { color: #1048a0; }
.left { width: 230px; float: left; overflow: hidden; }
.rightbot { height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }
.right { width: 735px; float: right; display: inline; overflow: hidden; }
.rights { width: 760px; float: right; display: inline; overflow: hidden; }
.right_main { width: 733px; min-height: 458px; border: solid 1px #d5d5d5; padding-bottom: 15px; overflow: hidden; background: #fff; }
.contactn .tits { background: #ED5F05; color: #fff; height: 32px; line-height: 32px; padding-left: 13px; }
.contactn .tits a { color: #fff; }
.contactn .subnr { background: #fff; border: 1px solid #E0E0E0; border-top: 0; overflow: hidden; padding: 5px 14px 10px 14px; width: 240px; height: 288px; }
.contactn .subnr img { width: 210px; height: 90px; margin-bottom: 9px; margin-top: 9px; }
.contactn .subnr p { line-height: 26px; overflow: hidden; font-size: 13px; color: #333333; }
.contactn .subnr p b { color: #0e87db; }
.contactn .subnr h5 { line-height: 28px; overflow: hidden; }
/*prolist*/
.prolist { width: 100%; overflow: hidden; }
.prolist .list { width: 970px; }



.prolist ul.list li.item{width: 286px;margin:0 30px 30px 0; float:left;}
.prolist ul.list li.item a{display: block;width:100%;overflow: hidden;position: relative;background: #f6f6f6;}
.prolist ul.list li.item a:hover{background: #1048a0;}
.prolist ul.list li.item img{display:block;width:100%;height: 215px;}
.prolist ul.list li.item span{width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.prolist ul.list li.item a:hover span{color: #fff;}
.item_mask{width: 286px;height: 215px;background: rgba(0,0,0,0);position: absolute;left: 1px;top: 1px;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.item_link_icon{display: block;width:45px;height:45px;text-align: center;background-position: 0px -105px;line-height: 38px;position: absolute;left: 50%;top: 50%;margin-left: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.prolist ul.list li.item:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.prolist ul.list li.item:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}

.anlitopH4 { background: #fff; }
.anlitopH4 {height: 38px;line-height: 38px;border: 1px solid #e4e4e4;margin-top: 20px;}
.anlitopH4 span { border-left: 5px solid #1048a0; height: 38px; line-height: 38px; padding-left: 22px; display: block; float: left; color: #1048a0; font-weight: bold; font-size: 14px; }
.divanli{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px;}
.divanli ul{width: 105%; height: 185px;}
.divanli ul li{float: left; margin-left: 10px;}
.divanli ul li:first-child{margin-left: 0;}
.divanli ul li a img{width: 194px; height: 143px; display: block; border: solid 1px #e4e4e4;}
.divanli ul li a span{height: 45px; line-height: 45px; text-align: center; display: block; width: 170px;}
.divanli ul li a:hover img{border-color: #007eb9;}
.divanli ul li a:hover span{color: #007eb9; font-weight: bold;}


.divremmnews{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px; background-color: #fff;}
.divremmnews ul{width: 100%; overflow: hidden;}
.divremmnews ul li{float: left;width: 47%;height: 35px;line-height: 35px;margin: 0 1.5%;border-bottom: 1px dashed #ccc;}
.divremmnews ul li a{height: 35px; line-height: 35px; float: left; width:330px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; w}
.divremmnews ul li span{color: #666; float: right; height: 35px; line-height: 35px; white-space: nowrap}
.divremmnews ul li a:hover{color: #1048a0;}


.newsPage .item { margin: 0 auto; padding: 20px; border-bottom: 1px solid #eaeaea; transition: all .5s; }
.newsPage .item a { display: block; width: 100%; }
.newsPage .item img { width: 200px; height: 150px; display: block; float: left; border: 1px solid #e5e5e5; padding: 3px; margin-right: 20px; }
.newsPage .item h3 { font-size: 16px; color: #222; height: 35px; line-height: 30px; padding-bottom: 5px; overflow: hidden; font-weight: normal; border-bottom: #ddd 1px dotted; transition: all ease 300ms; }
.newsPage .item .txt { color: #777; line-height: 24px; margin: 10px 0 13px; overflow: hidden; }
.newsPage .item .txt span { color: #0e87db; }
.newsPage .item .time { color: #999; padding-top: 5px; }
.newsPage .item:hover h3 { color: #0e87db; }
.newsPage .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
/*showpage*/
.showPage .content { width: 930px; float: right; }
.showPage { background: #fff; }
.showPage .title { color: #0e87db; margin-bottom: 5px; font-size: 24px; text-align: center; }
.showPage .title .more { font-size: 14px; }
.showPage .mark { padding: 5px 0 10px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.showPage .mark span { margin-right: 18px; font-size: 12px; color: #666666; }
.showPage .mark span i { font-style: normal; }
.showPage .showContxt { color: #666; line-height: 28px; padding: 5px 0 30px; }
.showPage .showContxt img { max-width: 100%; }
.showPage .newsbox { margin-top: 0; }
.showPage .gridlist { padding-top: 10px; }
.showPage .gridlist .item { width: 350px; height: 323px; }
.showPage .gridlist .item img { width: 350px; height: 263px; }
.showPage .gridlist .item h3 { height: 60px; line-height: 60px; }
.showPage .img-quotes { padding-top: 30px; margin-bottom: 40px; }
.showPage .imgcon { width: 423px; height: 468px; padding-left: 295px; margin-left: 30px; position: relative; border: 1px solid #dddddd; }
.showPage .imgcon .img { position: absolute; left: -30px; top: -30px; width: 276px; height: 368px; display: block; z-index: 10; }
.showPage .imgcon h4 { padding-top: 45px; font-size: 16px; }
.showPage .imgcon h3 { font-size: 26px; margin-bottom: 40px; }
.showPage .imgcon .txt { margin-top: 40px; line-height: 30px; }
.fenx { height: 40px; }
/* reLink */
.reLink { clear: left; width: 100%; height: 58px; line-height: 58px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; }
.reLink .nextLink, .reLink .prevLink { width: 50%; display: block; text-align: left; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.reLink .nextLink a:hover, .reLink .prevLink a:hover { color: #0e87db; }
.reLink .nextLink { text-align: right; }
.contactn { margin-bottom: 0px }
.t05 { line-height: 40px; background: #0e87db; margin-top: 10px; padding: 0 18px; color: #fff; font-size: 16px; }
.t05 a { color: #fff; }
.t05 h5 { font-size: 16px; font-weight: normal; }
.t05_cons1 { border: 1px solid #E0E0E0; border-top: 0; padding: 10px 10px 12px 10px; margin-bottom: 10px; zoom: 1; background: #fff; }
.t05_cons1 li { white-space: nowrap; text-overflow: ellipsis; line-height: 31px; height: 31px; overflow: hidden; font-size: 14px; padding-left: 15px; width: 203px; background: url(../style/dian.png) left center no-repeat; }
.t05_cons1 li a:hover { color: #0e87db; }
.cpMain { overflow: hidden; padding: 0px; padding-bottom: 26px; }
.cpright { width: 930px; float: right; margin-top: 26px; }
.cprightpt { width: 960px; padding: 0 20px; background: #fff; float: right; padding-bottom: 20px; }
.rtop { overflow: hidden; padding-bottom: 18px; border-bottom: 1px solid #dbdbdb; margin-top: 5px; margin-bottom: 20px; line-height: 20px; }
.rtop h5 { float: left; padding-left: 10px; border-left: 3px solid #0e87db; font-weight: normal; line-height: 20px; font-size: 18px; color: #0e87db; width: 29%; }
.rtop span { float: right; font-size: 14px; color: #666; width: 70%; text-align: right; }
.rtop span a { color: #666; }
.rtop span .am-icon-home:before { margin-right: 3px; }
.about { padding: 0; }
.about h4 { height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #555555; }
.about .about_sj { height: 40px; text-align: center; line-height: 40px; background-color: #f6f6f6 }
.about .about_sj span { margin-right: 40px }
.about .about_line { height: 1px; text-align: center; border-bottom: 1px dashed #E1E1E1; width: 97%; margin: 0 auto; }
.about .about_a { padding: 0px; }
.about .about_a .about_tp { margin: 0px; padding-top: 20px; text-align: center; }
.about .about_a .wzi { color: #666666; font-size: 14px; line-height: 28px; text-align: justify; }
.about .about_a .wzi img { max-width: 100%; display: inline; }
.about .about_a .feny { margin-top: 20px; height: 40px; padding: 0px 10px; line-height: 40px; font-size: 14px; background-color: #ececec; margin-right: 3px; }
.about .about_a .feny span { display: block; width: 420px; height: 40px; overflow: hidden }
.about .about_a .feny a:hover { color: #227ecb }
.Pages { float: left; padding: 30px 100px; }
.Page { width: 100%; text-align: center; }
.Page a { display: inline-block; width: 65px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; text-decoration: none; color: #333; outline: none; }
.Page a:hover { background: #0e87db; color: #FFF; background-repeat: no-repeat; }
.Page span { display: inline-block; min-width: 45px; padding: 0 10px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; }
.Page span.current { background: #0e87db; color: #FFF }
/*index css*/
.banner { overflow: hidden; width: 100%; height: 480px; }
#flashs { position: relative; height: 480px; overflow: hidden; }
#flashs .bgitem { z-index: 1; position: absolute; top: 0; height: 480px; width: 100%; cursor: pointer; margin: 0 auto; }
#flashs .btn { position: absolute; z-index: 7; bottom: 15px; left: 50%; margin-left: -55px; padding: 0px 6px; }
#flashs .btn span { color: #fff; background: #333; cursor: pointer; display: inline-block; margin: 0 2px; width: 25px; height: 25px; font-size: 14px; line-height: 25px; text-align: center; }
#flashs .btn span.cur { background: #0e87db; }
/*banner*/
.public_wrap { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 0px; }
.fullSlide { width: 100%; position: relative; height: 550px; padding: 0px; margin: 0px; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; padding: 0px; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 550px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 550px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 15px; left: 0; height: 45px; line-height: 45px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 18px; height: 18px; margin: 8px; overflow: hidden; background: #fff; line-height: 999px; border-radius: 50%; }
.fullSlide .hd ul .on { background: #0e87db; }
.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 0; z-index: 1; width: 40px; height: 60px; background: url(../style/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.fullSlide .next { left: auto; right: 0; background-position: -6px -137px; }
/*内页大图*/
.nybanner { width: 100%; height: 300px; overflow: hidden; position: relative; }
.nybanner img { width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0; }
/*内容搜索*/
.nlss { overflow: hidden; width: 100%; background: #efefef; }
.nlss .nlssBox .sst { width: 900px; height: 60px; color: #333; float: left; font-size: 12px; line-height: 60px; }
.nlss .nlssBox .sst div, .nlss .nlssBox .sst p, .nlss .nlssBox .sst ul, .nlss .nlssBox .sst li { display: inline; }
.nlssBox a { color: #6c6c6c; font-size: 12px; margin-right: 10px; }
.nlssBox .ssnl { overflow: hidden; width: 309px; height: 32px; line-height: 32px; float: right; margin-top: 15px; float: right; }
.nlssBox .ssnl input { width: 256px; height: 30px; line-height: 30px; background: none; padding-left: 10px; border: 1px solid #dedede; font-size: 13px; color: #dedede; float: left; }
.nlssBox .ssnl em { display: block; cursor: pointer; width: 41px; height: 32px; background: url(../style/fangdajing.png) no-repeat center right; float: right; }
.searchbox { position: relative; float: right; margin-top: 14px; width: 268px; height: 36px; overflow: hidden; }
.searchbox input { outline: none; }
.seartxt { float: left; width: 226px; height: 36px; font-size: 12px; color: #666; padding-left: 12px; line-height: 30px; border: 1px solid #ddd; background: none; }
.searss { position: absolute; top: 0; right: 0; width: 43px; height: 36px; border: 1px solid #ddd; cursor: pointer; background: url(../style/sou.png) no-repeat center; }
/*******index css*******/
.indexTit { color: #1048a0; overflow: hidden; text-align: center; padding: 30px 0 56px; }
.indexTit .en { text-transform: uppercase; line-height: 35px; font-family: didot; font-size: 24px; }
.indexTit h3 { font-size: 24px; color: #835026; }
.index .in_title { padding-top: 80px; }
.index .in_title .entit { margin-bottom: 12px; font: normal 45px "AvantGarde Bk BT"; color: #666; text-align: center }
.index .in_title .tit { width: 300px; margin: 0 auto; font-size: 30px; font-weight: bold; text-align: center; color: #1048a0; }
.index .in_title .tit span { float: left; margin-left: 40px; }
.index .in_title .tit em { display: block; width: 50px; height: 2px; margin-top: 16px; background: #ccc; }
.index .tab { text-align: center; padding-top: 50px; }
.index .tab { text-align: center; padding-top: 30px; }
.index .tab a { padding: 0 16px; height: 38px; line-height: 38px; background: #1048a0; font-size: 16px; display: inline-block; margin: 10px; color: #fff; }
.index .tab a:hover { background: #0185d0; }
.index .more { margin-top: 40px; }
.index .more .line { display: block; width: 500px; height: 1px; margin-top: 24px; background: #ccc; }
.index .more .look_more { display: block; width: 198px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; border: 1px solid #ccc; transition: all .5s; }
.index .more .look_more:hover { background: #0e87db; color: #fff; transition: all .5s; border: 1px solid #0e87db; }
.index #floor_1_main { height: 416px; background: #f6f6f6; }
#floor_1_main .about { padding-top: 80px; }
#floor_1_main .about .item { display: block; width: 600px; height: 424px; }
#floor_1_main .about img { display: block; width: 100%; height: 100%; }
#floor_1_main .about img:hover { -webkit-filter: brightness(105%); filter: brightness(105%); }
#floor_1_main .contW { position: relative; display: block; width: 600px; height: 374px; margin-top: 50px; background: #fff; }
#floor_1_main .contW .title { margin-left: 50px; padding-top: 50px; }
#floor_1_main .contW .title .entit { font: normal 45px "AvantGarde Bk BT"; color: #666; }
#floor_1_main .contW .title .tit { font: bold 30px "microsoft yahei"; color: #1048a0; }
#floor_1_main .contW .cont { width: 484px; margin-top: 30px; margin-left: 50px; font-size: 14px; color: #666; line-height: 30px; text-align: justify; }
#floor_1_main .contW .view_detail { position: absolute; bottom: 0px; left: 50px; display: block; width: 150px; height: 38px; font-size: 14px; line-height: 38px; text-align: center; color: #fff; background: #1048a0; }
#floor_1_main .contW .view_detail:hover { background: #0185d0; transition: all .5s; }
#floor_2_main { background: #fff; }
#floor_2_main .floor_2 { padding-bottom: 80px; }
#floor_2_main .floor_2 .title { }
#floor_2_main .proCenter .list { width: 106%; margin-top: 38px; }
#floor_2_main .proCenter .list li { float: left; width: 380px; height: 355px; margin-top: 30px; margin-right: 30px; background: #f6f6f6; transition: all .5s; }
#floor_2_main .proCenter .list li a { display: block; padding: 38px 30px 0 30px; }
#floor_2_main .proCenter .list li img { width: 320px; height: 240px; }
#floor_2_main .proCenter .list li .tit { height: 56px; font-size: 16px; text-align: left; width: 212px; overflow: hidden; }
#floor_2_main .proCenter .list li:first-child { margin-left: 0px; }
#floor_2_main .proCenter .list li .title { margin-top: 12px; }
#floor_2_main .proCenter .list li .tit { color: #333; font-weight: normal; }
#floor_2_main .proCenter .list li em { width: 100px; height: 26px; background: url("../style/em.png") no-repeat; transition: all .5s; margin-top: 10px; }
#floor_2_main .proCenter .list li:hover { background: #1048a0; }
#floor_2_main .proCenter .list li:hover .tit { color: #fff; }
#floor_2_main .proCenter .list li:hover em { width: 100px; height: 26px; background: url("../style/em1.png") no-repeat; transition: all .5s; }
#floor_2_main .proCenter .list li:hover img { -webkit-filter: brightness(105%); filter: brightness(105%); }
/*slip*/
.index_slip { height: 180px; width:100%;}
.index_slip .slip_tit { width: 772px; }
.index_slip .slip_tit .tit1 { padding-top: 50px; font: bold 32px "microsoft yahei"; color: #64c5ff; }
.index_slip .slip_tit .tit2 { margin-top: 14px; font-size: 24px; color: #fff; }
.index_slip .slip_btn { display: block; margin-left: 124px; margin-top: 64px; width: 202px; height: 57px; background: url("../style/ixbanner-btn.png") no-repeat; font: bold 20px "microsoft yahei"; line-height: 56px; text-align: center; color: #10479f; }
.index_slip1 { background: url("../style/ixbannerbg.jpg") no-repeat center center; }
.index_slip1 .slip_tit { width: 900px; }
.index_slip1 .slip_btn { margin-left: 94px; }
.index_slip .slip_btn:hover { background: url("../style/ixbanner-btn1.png") no-repeat; }
.index_slip1 .slip_btn:hover { background: url("../style/ixbanner-btn1.png") no-repeat; }
/*产品优势*/
#floor_3_main { height: 606px; background: #fff; }
#floor_3_main .proAdvant { margin-top: 60px; }
#floor_3_main .proAdvant .list { width: 106%; }
#floor_3_main .proAdvant .list li { float: left; width: 278px; margin-right: 120px; }
#floor_3_main .proAdvant .list li a { display: block; }
#floor_3_main .proAdvant .list li:first-child { margin-left: 60px; }
#floor_3_main .proAdvant .list li .img { width: 134px; height: 150px; margin: 0 auto; transition: all .5s; margin-left: 72px; }
#floor_3_main .proAdvant .list li .title { margin-top: 30px; }
#floor_3_main .proAdvant .list li .tit { font-size: 24px; text-align: center; color: #1048a0; }
#floor_3_main .proAdvant .list li .cont { margin-top: 20px; font-size: 14px; line-height: 24px; text-align: center; color: #666; }
#floor_3_main .proAdvant .list li:hover .img { margin-top: -10px; transition: all .5s; }
#floor_3_main .proAdvant .list li:hover .tit { font-weight: bold; }
/*工程案例*/
#floor_4_main { background: #f6f6f6; padding-bottom: 45px; }
#floor_4_main .floor_4 { }
#floor_4_main .proCase { position: relative; margin-top: 60px; }
#floor_4_main .proCase .bd { position: relative; width: 1200px; overflow: hidden; }
#floor_4_main .proCase .list { }
#floor_4_main .proCase .list li { position: relative; display: block; float: left; width: 380px; height: 482px; margin: 0 10px; }
#floor_4_main .proCase .list li a { display: block; padding: 30px; padding-bottom: 80px; border: 1px solid #ddd; background: #fff; transition: all ease 600ms; }
#floor_4_main .proCase .list li a img { display: block; width: 320px; height: 240px; }
#floor_4_main .proCase .list li .title { margin-top: 20px; }
#floor_4_main .proCase .list li .tit { font-size: 20px; color: #333; font-weight: normal; }
#floor_4_main .proCase .list li .cont { margin-top: 12px; font-size: 14px; color: #333; }
#floor_4_main .proCase .list li .view_detail { position: absolute; bottom: 30px; left: 30px; display: block; width: 120px; height: 32px; font-size: 14px; line-height: 30px; text-align: center; background: #1048a0; color: #fff; }
#floor_4_main .proCase .list a:hover { border: 1px solid #1048a0; background: #1048a0; transition: all ease 600ms; }
#floor_4_main .proCase .list a:hover .tit { color: #fff; }
#floor_4_main .proCase .list a:hover .cont { color: #c1d4f1; }
#floor_4_main .proCase .list a:hover .view_detail { background: #fff; color: #1048a0; }
#floor_4_main .proCase .hd { position: absolute; width: 100%; }
#floor_4_main .proCase .hd .prev { width: 42px; height: 42px; background-position: 0px -60px; cursor: pointer; position: absolute; top: -240px; left: -60px; transition: all ease 600ms; }
#floor_4_main .proCase .hd .next { width: 42px; height: 42px; background-position: -126px -60px; cursor: pointer; position: absolute; top: -240px; right: -60px; transition: all ease 600ms; }
#floor_4_main .proCase .hd .prev:hover { background-position: -42px -60px; transition: all ease 600ms; }
#floor_4_main .proCase .hd .next:hover { background-position: -84px -60px; transition: all ease 600ms; }
/*新闻动态*/
#floor_5_main { padding-top: 80px; padding-bottom: 45px; background: #fff; }
#floor_5_main .inews { position: relative; margin-top: 20px; }
#floor_5_main .ulWrap .list { width: 100%; height: 360px; }
#floor_5_main .ulWrap .list li { display: block; float: left; width: 582px; height: 148px; border: 1px solid #ddd; background: #f6f6f6; margin-top: 30px; margin-right: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#floor_5_main .ulWrap .list li a { display: block; height: 150px; }
#floor_5_main .ulWrap .list li .time { width: 66px; margin-top: 40px; margin-left: 30px; }
#floor_5_main .ulWrap .list li .time .day { font: normal 60px "arial"; color: #999; line-height: 50px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#floor_5_main .ulWrap .list li .time .year { margin-top: 8px; font: normal 16px "arial"; color: #666; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#floor_5_main .ulWrap .list li .title { display: block; width: 420px; margin-top: 40px; margin-left: 14px; }
#floor_5_main .ulWrap .list li .title .tit { font-size: 20px; color: #333; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 32px; }
#floor_5_main .ulWrap .list li .title .cont { margin-top: 8px; font-size: 14px; color: #666; line-height: 20px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#floor_5_main .ulWrap .list li:hover { background: #1048a0; border: 1px solid #1048a0; }
#floor_5_main .ulWrap .list li:hover .time .day { color: #c1d4f1; }
#floor_5_main .ulWrap .list li:hover .time .year { color: #c1d4f1; }
#floor_5_main .ulWrap .list li:hover .title .tit { color: #fff; }
#floor_5_main .ulWrap .list li:hover .title .cont { color: #c1d4f1; }
#floor_5_main .inews .hd { position: absolute; width: 100%; top: 100%; }
#floor_5_main .inews .hd .prev { width: 42px; height: 42px; background-position: 0px -60px; cursor: pointer; position: absolute; top: -200px; left: -80px; transition: all ease 600ms; }
#floor_5_main .inews .hd .next { width: 42px; height: 42px; background-position: -126px -60px; cursor: pointer; position: absolute; top: -200px; right: -80px; transition: all ease 600ms; }
#floor_5_main .inews .hd .prev:hover { background-position: -42px -60px; transition: all ease 600ms; }
#floor_5_main .inews .hd .next:hover { background-position: -84px -60px; transition: all ease 600ms; }
/*企业相册*/
#floor_7_main { padding-bottom: 20px; }
#floor_7_main .floor_7 { }
#floor_7_main .proCase { position: relative; margin-top: 30px; }
#floor_7_main .proCase .list { width: 100%; }
#floor_7_main .proCase .list li { position: relative; display: block; float: left; margin: 0 6px; transition: all ease 600ms; }
#floor_7_main .proCase .list li a { display: block; }
#floor_7_main .proCase .list li a img { display: block; width: 288px; height: 216px; transition: all ease 600ms; }
#floor_7_main .proCase .list li .title { }
#floor_7_main .proCase .list li .tit { font-size: 16px; line-height: 40px; color: #666; text-align: center; }
#floor_7_main .proCase .list li:hover img { opacity: 0.8; }
#floor_7_main .proCase .hd { position: absolute; width: 100%; }
#floor_7_main .proCase .hd .prev { width: 42px; height: 42px; background-position: 0px -60px; cursor: pointer; position: absolute; top: -160px; left: -80px; }
#floor_7_main .proCase .hd .next { width: 42px; height: 42px; background-position: -126px -60px; cursor: pointer; position: absolute; top: -160px; right: -80px; }
#floor_7_main .proCase .hd .prev:hover { background-position: -42px -60px; }
#floor_7_main .proCase .hd .next:hover { background-position: -84px -60px; }
/*合作客户*/
#floor_8_main { padding-bottom: 0; }
#floor_8_main .floor_8 { }
#floor_8_main .in_title8 { position: relative; width: 100%; padding-top: 20px; text-align: center; }
#floor_8_main .in_title8 .p1 { font-size: 78px; color: #dedede; line-height: 1.0; height: 77px; display: block; }
#floor_8_main .in_title8 .p2 { font-size: 35px; color: #000; line-height: 1.0; height: 40px; font-weight: bold; display: block; }
#floor_8_main .in_title8 .p3 { font-size: 19px; color: #666; line-height: 1.0; height: 28px; display: block; }
#floor_8_main .proCase { position: relative; margin-top: 30px; }
#floor_8_main .proCase .list { width: 100%; }
#floor_8_main .proCase .list li { position: relative; display: block; float: left; margin: 0 10px; transition: all ease 600ms; }
#floor_8_main .proCase .list li a { display: block; }
#floor_8_main .proCase .list li a img { display: block; width: 180px; height: 141px; }
#floor_8_main .proCase .hd { position: absolute; width: 100%; }
#floor_8_main .proCase .hd .prev { width: 27px; height: 60px; background-position: -52px -103px; background-color: rgba(0,0,0,0.49); cursor: pointer; position: absolute; top: -100px; left: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#floor_8_main .proCase .hd .next { width: 27px; height: 60px; background-position: -77px -103px; background-color: rgba(0,0,0,0.49); cursor: pointer; position: absolute; top: -100px; right: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#floor_8_main .proCase .hd .prev:hover { background-color: rgba(220, 0, 0 ,0.49); }
#floor_8_main .proCase .hd .next:hover { background-color: rgba(220, 0, 0 ,0.49); }
/*产品展示*/
.cpzx { overflow: hidden; width: 100%; background: rgba(6, 163, 232, 0.05); padding-bottom: 20px; }
.cpzx h3 { width: 100%; height: 27px; margin: 0 auto; text-align: center; margin-top: 35px; padding-bottom: 5px; }
.cpzx h3 a { color: #227ecb; }
.cpzx .nlist .expmenu { border: 1px solid #E0E0E0; border-top: 0; overflow: hidden; }
.nlist { float: left; width: 245px; margin-top: 26px; }
.nlist h4 { color: #FFF; text-decoration: none; color: #FFFFFF; }
.nlist .nt { background: #0e87db; height: 60px; color: #fff; font-size: 20px; line-height: 60px; font-weight: bold; text-align: center; }
.nlist .nt a { color: #FFFFFF; }
.TabTitle2 ul.expmenu { padding-bottom: 0; background: #fff; border: 1px solid #E0E0E0; border-top: 0; }
.TabTitle2 ul.expmenu li div.header { }
.TabTitle2 ul.expmenu li div.header a { background: #fff url(../style/tb9.png) 15px center no-repeat; border-top: 1px solid #eaeaea; line-height: 50px; height: 50px; display: block; padding-left: 35px; font-size: 16px; }
.TabTitle2 ul.expmenu li div.header .arrow { display: block; width: 28px; height: 30px; background: no-repeat center; float: right; overflow: hidden; cursor: pointer; }
.TabTitle2 ul.expmenu li:hover div.header a, .TabTitle2 ul.expmenu li.on div.header a { background: #fff url(../style/tbb19.png) 15px center no-repeat; color: #0e87db; }
.TabTitle2 ul.expmenu li .menu { width: 100%; height: auto; overflow: hidden; margin: 0px; }
.TabTitle2 ul.expmenu li .menu li { overflow: hidden; width: 190px; margin-left: 15px; background: url(../style/News_Line.jpg) top repeat-x; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.TabTitle2 ul.expmenu li .menu li a { width: 190px; display: block; padding-left: 10px; float: left; height: 33px; line-height: 33px; font-size: 14px; color: #666; }
.TabTitle2 ul.expmenu li .menu li:hover a, .TabTitle2 ul.expmenu li .menu li.on a { color: #0e87db; }
.he { display: none }
.cptp { overflow: hidden; width: 940px; float: right; }
.cptp ul { float: right; width: 940px; margin-top: 26px; }
.cptp ul li { width: 301px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #E0E0E0; float: left; background-color: #FFFFFF; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.cptp ul li:nth-child(3n) { margin-right: 0; }
.cptp ul li .pic { margin: 2px; overflow: hidden; }
.cptp ul li img { width: 297px; height: 222px; transition: all 1s; }
.cptp ul li a:hover img { transform: scale(1.2); }
.cptp ul li p { display: block; height: 39px; line-height: 39px; text-align: center; font-size: 15px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.cptp ul li:hover a { color: #ffffff; text-decoration: none; }
.cptp ul li:hover p { color: #FFF; }
.cptp ul li:hover { background-color: #0e87db; transform: translateY(-5px); }
.khdl li.ys_last { margin-right: 0px; }
.warp { background: rgba(6, 163, 232, 0.05); overflow: hidden; padding-bottom: 25px; }
.zjwy { overflow: hidden; width: 100%; height: 490px; padding-top: 25px; }
.zjwbBox { width: 100%; }
.zjwbBox h3 { font-size: 28px; text-align: center; margin-top: 25px; background: url(../style/zjwy_bg.png) no-repeat center top; }
.zjwbBox h3 a { color: #0e87db; }
.zjwbBox .wy_tupian { width: 500px; margin-top: 30px; float: left; }
.zjwbBox .wy_tupian img { width: 500px; height: 340px; }
.zjwbBox .wy_jianjie { width: 660px; margin-top: 30px; float: right; }
.wy_jianjie dt { line-height: 30px; height: 275px; overflow: hidden; font-size: 14px; font-weight: normal; }
.wy_jianjie dd { margin: 25px 0 0 0; }
.wy_jianjie dd a { display: inline-block; background: #0e87db; padding: 8px 40px; font-size: 14px; line-height: 24px; color: #fff; }
.wy_jianjie dd a:hover { background: #0a6cb0; }
.zlfc { overflow: hidden; width: 100%; height: 340px; }
.zlfcBox h4 { width: 1200px; font-size: 24px; margin-top: 35px; background: url(../style/fengcai_bg.png) no-repeat center; }
.zlfcBox h4 a { color: #0e87db; }
.zlfcBox .bd { width: 1200px; margin-top: 35px; overflow: hidden; }
.zlfcBox li { width: 228px; height: 216px; margin-right: 15px; float: left; }
.zlfcBox li img { width: 220px; height: 165px; border: 1px solid #e0e0e0; padding: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.zlfcBox li p { text-align: center; font-size: 14px; line-height: 30px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.zlfcBox li:hover img { border: 1px solid #0e87db; }
.zlfcBox li:hover p { color: #0e87db; }
.zlfcBox li.last { margin-right: 0px; }
.news { overflow: hidden; width: 100%; padding: 25px 0; background-color: rgba(6, 163, 232, 0.05); }
.news .news_title { width: 100%; height: 50px; line-height: 50px; background: #0e87db; }
.news .news_title h3 { font-size: 22px; float: left; padding-left: 18px; }
.news .news_title h3>a { color: #fff; }
.news .news_title .more { float: right; font-size: 14px; color: #fff; margin-right: 23px; }
.news .newsBox { width: 100%; margin: 0 auto; }
.news .newsBox_left { overflow: hidden; width: 700px; float: left; }
.news .newsBox_left .news_box { padding: 20px; height: 400px; background: #fff; }
.news .newsBox_left .xxxw { width: 660px; height: 160px; margin: 0; }
.xxxw .xwtp1 { float: left }
.xxxw .xwwz1 { float: right; width: 430px; height: 158px; overflow: hidden; }
.xxxw .xwwz1 h3 { font-weight: normal; height: 40px; line-height: 40px; width: 100%; overflow: hidden; margin-top: -11px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.xxxw:hover .xwwz1 h3 { color: #0e87db }
.xxxw .xwwz1 p { font-size: 14px; line-height: 26px; color: #999; height: 104px; overflow: hidden; text-align: justify; }
.xxxw .xwwz1 span { float: right; display: block; font-size: 14px; color: #0e87db; }
.newsBox_left ul li { width: 100%; height: 39px; line-height: 39px; font-size: 14px; border-bottom: 1px dashed #e1e1e1; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newsBox_left ul li a { display: block; float: left; width: 540px; }
.newsBox_left ul li a:hover { color: #0e87db }
.newsBox_left ul li span { color: #676767; float: right; }
.news .newsBox_right { overflow: hidden; width: 480px; font-size: 13px; color: #000; float: right; }
.newsBox_right ul { padding: 20px; padding-top: 11px; height: 400px; background: #fff; }
.newsBox_right ul li { width: 440px; line-height: 39px; border-bottom: 1px dashed #e1e1e1; font-size: 13px; background: url(../style/news_right_li.png) no-repeat 420px 16px; white-space: nowrap; text-overflow: ellipsis; }
.newsBox_right ul li a { font-size: 14px; display: block; }
.newsBox_right ul li .news_nextNav { display: none; width: 440px; height: 112px; line-height: 21px; background: url(../style/new_right.png) no-repeat top center; margin-bottom: 17px; overflow: hidden; }
.newsBox_right ul li .news_nextNav p { position: relative; width: 410px; white-space: normal; padding: 20px 15px; text-align: justify; color: #999; }
.newsBox_right li .news_nextNav p a { color: #0e87db; position: absolute; right: 15px; bottom: 20px; }
/*↓组图样式↓*/
.HS10, .HS15 { overflow: hidden; clear: both; }
.HS10 { height: 10px; }
.HS15 { height: 15px; }
.Hidden { display: none; }
.Clearer { display: block; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }
.FlLeft { float: left; }
.FlRight { float: right; }
/*幻灯片区域背景*/
.MainBg { width: 920px; margin: 0 auto; }
/*大图展示区域*/
.OriginalPicBorder { padding: 0; }
#OriginalPic { width: 920px; overflow: hidden; position: relative; font-size: 12px; }
#OriginalPic img { display: block; min-width: 100px; margin: 0 auto; }
/*鼠标手势*/
.CursorL { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; left: 0; cursor: url(../style/CurL.cur), auto; background: url(../style/space.png) repeat scroll 0 0 transparent; }
.CursorR { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; right: 0; cursor: url(../style/CurR.cur), auto; background: url(../style/space.png) repeat scroll 0 0 transparent; }
/*小图预览和滑动*/
.SliderPicBorder { width: 100%; overflow: hidden; }
.ThumbPicBorder { width: 920px; margin: 0 auto; background: #eeeeee; overflow: hidden; position: relative; }
.ThumbPicBorder #btnPrev { width: 45px; height: 113px; cursor: pointer; position: absolute; left: 20px; top: 20px; }
.ThumbPicBorder #btnNext { width: 45px; height: 113px; cursor: pointer; position: absolute; right: 20px; top: 20px; }
.ThumbPicBorder .pic { width: 755px; overflow: hidden; position: relative; margin: 20px auto; }
#ThumbPic img { border: 3px solid #ddd; cursor: pointer; background-color: #ddd; margin: 0 5px; width: 141px; height: 114px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#ThumbPic img.active { border: 3px solid #0e87db; }
/*↑组图样式↑*/
/*分页样式*/
.pglist { padding: 30px 0 15px; width: 100%; text-align: center; clear: both; }
.pglist a { color: #333; padding: 0 15px; margin: 0 4px; background: #fff; border: 1px solid #edebeb; }
.pglist * { display: inline-block; vertical-align: middle; line-height: 34px; padding-bottom: 1px; }
.pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #0e87db; border-color: #0e87db; }
.h2 { padding-left: 10px; border-left: 3px solid #0e87db; font-weight: normal; line-height: 20px; font-size: 18px; color: #0e87db; width: 29%; }
/*招聘相关*/

.job_list li { height: 45px; border-bottom: #ddd 1px solid; }
.job_list li:hover { background: #f8f8f8; }
.job_list li i { float: left; height: 45px; line-height: 45px; width: 150px; font-style: normal; }
.job_list li i.job_1 { width: 260px; text-indent: 1em; }
.job_list li i.job_4 { width: 180px; }
.job_show { margin: 20px 0; }
.job_show h1 { text-align: left; font-size: 24px; font-weight: 400; margin: 0; padding: 0; }
.job_show h2 { text-align: left; font-size: 18px; font-weight: 400; margin: 10px 0; padding: 0; }
.job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; }
.job_show .info img { max-width: 100%; }
.job_show .info ul { overflow: hidden; }
.job_show .info ul li { float: left; width: 24.4%; border-left: 1px solid #dadada; padding-left: .6%; line-height: 30px; }
.job_show .info ul li span { color: #999; }
.job_show .intro a { color: #0e87db; }
.job_show .intro a:hover { color: #0e87db; }
.job_show .action { text-align: center; }
.job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #0e87db; padding: 6px 20px; min-width: 100px; background: #0e87db; color: #fff; }
.job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; }
/*返回首页*/
#tip { padding-top: 30px; min-height: 640px; }
#tip b { color: #0e87db; }
/*点赞*/
.other { margin-top: 30px; text-align: center; }
.other p { font-weight: bold; padding-bottom: 20px; }
.other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.other a span { font-size: 18px; margin-right: 10px; }
.other a em { font-style: normal; font-size: 18px; }
.other a:hover { background: #0e87db; border-color: #0e87db; color: #fff; }
.other a:hover span { color: #fff; }
/* 关键词*/
.keys { padding: 10px; border: #ddd 1px dotted; }
.keys p, .keys div, .keys ul, .keys li { display: inline; }
/*网站标签*/
.tags_list { overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; }
.tags_list dt { float: left; margin-right: 2%; margin-bottom: 2%; width: 14.66666667%; }
.tags_list dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; }
.tags_list dt a:hover { background: #ccc; color: #fff; }
.tags { overflow: hidden; margin-bottom: 20px; }
.tags span { float: left; display: block; line-height: 40px; }
.tags a { border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; line-height: 28px; padding: 0 6px; margin: 5px; background: #fff; border: 1px solid #dadada; }
.tags a:hover { background: #0e87db; border-color: #0e87db; color: #fff; }
/*瀑布流布局*/
.piclist { width: 100%; }
.piclist ul { }
.piclist li { float: left; width: 270px; margin: 0 15px 15px 0; }
.piclist li a { display: block; padding: 4px; margin-bottom: 25px; border: 1px solid #eee; }
.piclist li a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); }
.piclist li a img { width: 100%; }
.piclist li a p { font-size: 14px; padding: 0 10px; }
/*筛选相关*/
.filter { border: 1px solid #f0f0f0; padding: 20px 30px 10px 30px; background: #fff; margin-bottom: 20px; }
.filter dl { margin: 0; }
.filter dl dd { float: left; width: 70px; font-weight: 500; font-size: 14px; margin: 0; padding-top: 5px; }
.filter dl dt { margin: 0 0 0 80px; }
.filter dl dt a { font-weight: 300; margin: 0 10px 10px 0; padding: 6px 20px; color: #666; font-size: 14px; display: inline-block; border-radius: 30px; }
.filter dl dt a:hover { background: #0e87db; color: #fff; }
.filter dl dt .hover { background: #0e87db; color: #fff; }
/*自定义表单*/
.form-add input[type=number], .form-add input[type=search], .form-add input[type=text], .form-add input[type=password], .form-add input[type=datetime], .form-add input[type=datetime-local], .form-add input[type=date], .form-add input[type=month], .form-add input[type=time], .form-add input[type=week], .form-add input[type=email], .form-add input[type=url], .form-add input[type=tel], .form-add input[type=color], .form-add select, .form-add textarea, .am-form-field { width: auto; display: inline; border-color: #ddd; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.form-add .w420 { width: 400px; }
.form-add input { border: 1px solid #ddd; width: 60px; padding: 5px 10px }
.form-add em { color: #999; font-style: normal; }
/*表单内容*/

#form_book .am-btn-danger { background-color: #0e87db; border-color: #0e87db; }
.formshow { }
.formshow .item { font-size: 14px; line-height: 30px; clear: both; }
.formshow .item .lefter { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; float: left; }
.formshow .item .righter { margin-left: 120px; line-height: 30px; }
.formshow .item .righter .pic { max-width: 400px; margin: 10px 0; }
.formshow .item .righter video { width: 450px; height: 300px; }
/*分页相关*/
.pagelist ul { text-align: center; margin: 20px 0; }
.pagelist li { display: inline-block; margin: 0 2px; }
.pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 6px 15px; }
.pagelist li a:hover { border-color: #0e87db; background: #0e87db; color: #fff; }
.pagelist li.active a { border-color: #0e87db; background: #0e87db; color: #fff; }
/*网站地图*/
.map_one { line-height: 30px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 20px 0; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }
/*右侧浮动相关*/
.dis { display: none; }
.plug_service { position: fixed; right: 0; bottom: 5%; z-index: 999; }
.plug_service li { position: relative; margin-bottom: 5px; }
.plug_service li a { display: block; text-align: left; background: #fff; border: 1px solid #ececec; padding: 10px 20px; font-family: microsoft yahei; font-size: 12px; color: #505050; outline: none; transition: right 0.5s; right: -77px; position: relative; }
.plug_service li a span { display: inline-block; font-size: 24px; color: #888; margin-right: 20px; vertical-align: middle; }
.plug_service li a:hover { background: #0e87db; color: #fff; border-color: #0e87db; right: 0; font-family: microsoft yahei; }
.plug_service li a:hover span { color: #fff; }
.plug_service .hover a { display: block; text-align: center; background: #0e87db; border: 1px solid #0e87db; padding: 10 8px 6px 8px; font-size: 12px; color: #fff; outline: none; }
.plug_service .hover a span { color: #fff; }
.plug_service .hotline { position: absolute; display: none; background: #fff; padding: 10px 15px 0 15px; left: -200px; bottom: 0px; width: 210px; border: 1px solid #ddd; width: 180px; height: 68px; font-size: 12px; color: #999; line-height: 24px; border-radius: 4px; }
.plug_service .hotline b { display: block; font-size: 16px; color: #333; }
.plug_service .hotline:after { content: " "; position: absolute; right: -10px; top: 25px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.plug_service .weixin_pic { position: absolute; display: none; background: #fff; padding: 5px; left: -230px; bottom: -70px; width: 210px; border: 1px solid #ddd; border-radius: 4px; }
.plug_service .weixin_pic p { text-align: center; margin: 0 0 10px 0; padding: 0; }
.plug_service .weixin_pic p span { color: #0e87db; }
.plug_service .weixin_pic:after { content: " "; position: absolute; right: -10px; top: 130px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.plug_service li:hover div { display: block; }
/*城市分站*/
.filter_city { background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.07); border: 1px solid #eee; padding: 10px 20px 20px 0; }
.filter_city .filter-left { text-align: right; padding-top: 18px; color: #999; font-size: 14px; }
.filter_city .filter-right { padding-left: 10px; }
.filter_city .filter-right a { border: 1px solid #eaeaea; padding: 8px 15px; border-radius:.1rem;
margin: 10px 5px 0 0; display: inline-block; color: #999; font-size: 14px; }
.filter_city a:hover, .filter_city a.active { border-color: #0e87db; color: #0e87db; }
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.city-choose { }
.city-choose span { color: #0e87db; }
.city-choose i { color: #999; margin-left: 5px; font-size: 18px; }
 [class*=am-icon-] {
font-family:FontAwesome;
}