@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,button,a,i{padding:0;margin:0;font-size:100%;box-sizing:border-box; }
ul,li,dl,dt,ol,u,dd { list-style:none; padding:0px; margin:0px; }
address,caption,cite,code,dfn,em,strong,th,var,i,s,a{ font-style:normal; text-decoration:none; }   
label input{vertical-align:middle, outline: none;}
a{text-decoration:none; color:#666;}
a:hover{color:#f00;text-decoration:none;}
a.hidefocus{outline:none}
body{ font:12px/1.5 "微软雅黑",Arial,Helvetica,sans-serif; color:black; background:#f5f5f5; }
img{border:0;vertical-align: middle;}
.clear{clear:both;line-height:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
*html .clearfix{height:1%}
*+html .clearfix{height:1%}
.orange{color: #ee7a29;}
.green{color: #0da056;}
.gray{color: #999;}
.blue{color: #06f;}
.red { color:#f66; }
.c1 { color:#ffa800; }

.container { padding:0px; }


.font-szie-16 { font-size:16px; }
.flex, .slick-track { display:flex; }
.flex-center { -webkit-justify-content:center; justify-content:center; }
.card { margin-bottom:2.143rem; border:none; -webkit-box-shadow:none; box-shadow:none; }
.card > .card-title { padding:12px 20px; }
.card-shadow { -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05); }
.p-r-15 { padding-right:15px!important; }
.cover-image { width:100%; }
.ads-image { width:100%; }
.title-icon{ width:100px; height:4px; margin:6px auto; background:#000;}
.case_box { padding:20px 0 10px 0; }

/* 页面顶部 */
.full_coolc_top { width:100%; height:36px; line-height:36px; background:#fff; position:relative; }
.full_coolc_top::before { width:100%; height:6px; background:#fff; position:absolute; z-index:999; content:""; left:0px; bottom:0px; }
.full_coolc_top a { color:#999; }
.full_coolc_top a:hover { color:#f00; }
.full_coolc_top .pull-right { padding-right:12px; }
.full_coolc_top .pull-right i { display:block; float:left; height:36px; line-height:38px; margin-right:3px; }
.full_coolc_top .pull-right span { display:block; float:left; height:36px; }
.full_coolc_top .pull-right div,.full_coolc_top .pull-right a { display:block; float:left; }
.full_coolc_top .pull-right .tel { color:#666; padding-right:17px; position:relative; }
.full_coolc_top .pull-right .tel:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }
.full_coolc_top .pull-right .tel i { font-size:20px; line-height:36px; margin-right:0px; }
.full_coolc_top .pull-right .tel span { font-size:16px; font-weight:bold; padding-left:2px; }
.full_coolc_top .pull-right .mobile { padding:0 15px; color:#666; position:relative; cursor:pointer; }
.full_coolc_top .pull-right .mobile .mobile_code { width:122px; height:144px; display:none; position:absolute; background:#fff; border:1px solid #dedede; left:-1px; top:36px; z-index:9999999; }
.full_coolc_top .pull-right .mobile .mobile_code p { width:100%; height:24px; line-height:14px; text-align:center; color:#999; }
.full_coolc_top .pull-right .mobile:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }
.full_coolc_top .pull-right .mobile:hover .mobile_code { display:block; }
.full_coolc_top .pull-right .mobile:hover .mobile_code:before { width:84px; height:5px; background:#fff; content:""; position:absolute; left:0px; top:-5px; }
.full_coolc_top .pull-right .mobile:hover:before { height:36px; top:0px; right:0px; background:#dedede; z-index:1000; }
.full_coolc_top .pull-right .mobile:hover:after { height:36px; top:0px; left:-1px; width:1px; content:""; z-index:999; background:#dedede; position:absolute; }
.full_coolc_top .pull-right .shoucang { padding:0 15px; position:relative; }
.full_coolc_top .pull-right .shoucang:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }
.full_coolc_top .pull-right .lixi { padding:0 0 0 15px; }


#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#cssmenu:after,#cssmenu > ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #menu-button { display:none; }
#cssmenu {width:auto;font-family:'Open Sans', sans-serif;line-height:1;float:right;}
#menu-line { position:absolute; bottom:0; left:0; height:4px; background:#ff9f00; z-index:0; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
#cssmenu > ul > li { float:left; }
#cssmenu > ul > li:before { width:1px; height:12px; content:""; background:#5693ed; position:absolute; top:44px; right:0px; }
#cssmenu > ul > li:nth-last-child(1) i { color:#fc5a03; }
#cssmenu > ul > li:nth-last-child(1):before { display:none; }
#cssmenu.align-center > ul { font-size:0; text-align:center; }
#cssmenu.align-center > ul > li { display:inline-block; float:none; }
#cssmenu.align-center ul ul { text-align:left; }
#cssmenu.align-right > ul > li { float:right; }
#cssmenu.align-right ul ul { text-align:right; }
#cssmenu > ul > li > a { padding:0 22px; font-size:16px; line-height:100px; text-decoration:none; text-transform:uppercase; color:#fff; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease; }
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a { color:#fff; }
#cssmenu > ul > li.has-sub > a { padding-right:25px; }
#cssmenu > ul > li.has-sub > a::after { position:absolute; top:46px; right:10px; width:6px; height:6px; border-bottom:1px solid #fff; border-right:1px solid #fff; content:""; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease; }
#cssmenu > ul > li.has-sub:hover > a::after { border-color:#fff; }
#cssmenu ul ul { position:absolute; z-index:999; left:-9999px; }
#cssmenu li:hover > ul { left:auto; }
#cssmenu.align-right li:hover > ul { right:0; }
#cssmenu ul ul ul { margin-left:100%; top:0; }
#cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%; }
#cssmenu ul ul li { height:0; -webkit-transition:height .2s ease; -moz-transition:height .2s ease; -ms-transition:height .2s ease; -o-transition:height .2s ease; transition:height .2s ease; }
#cssmenu ul li:hover > ul { padding:5px 0 10px 0; background:#004ec0; }
#cssmenu ul li:hover > ul > li { height:36px; }
#cssmenu ul ul li a { padding:8px 20px; width:110px; font-size:16px; text-decoration:none; color:#fff; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover { color:#ff9f00; }
#cssmenu ul ul li.has-sub > a::after { position:absolute; top:13px; right:10px; width:4px; height:4px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; content:""; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease; }
#cssmenu.align-right ul ul li.has-sub > a::after { right:auto; left:10px; border-bottom:0; border-right:0; border-top:1px solid #dddddd; border-left:1px solid #dddddd; }
#cssmenu ul ul li.has-sub:hover > a::after { border-color:#fff; }
@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu { width:100%; }
  #cssmenu ul { width:100%; display:none; }
  #cssmenu.align-center > ul,#cssmenu.align-right ul ul { text-align:left; }
  #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li { width:100%; height:auto; border-top:1px solid rgba(120, 120, 120, 0.15); }
  #cssmenu ul li a,#cssmenu ul ul li a { width:100%; padding:0px; }
  #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li { float:none; display:block; }
  #cssmenu ul ul li a { padding:20px 20px 20px 30px; font-size:14px; color:#fff; background:none; }
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover { color:#fff; }
  #cssmenu ul ul ul li a { padding-left:40px; }
  #cssmenu ul ul,#cssmenu ul ul ul { position:relative; left:0; right:auto; width:100%; margin:0; }
  #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display:none; }
  #menu-line { display:none; }
  #cssmenu #menu-button { display:block; padding:20px; color:#fff; text-align:right; cursor:pointer; font-size:14px; text-transform:uppercase; }
  #cssmenu #menu-button::after { content:''; position:absolute; top:20px; right:5px; display:block; width:15px; height:2px; background:#fff; }
  #cssmenu #menu-button::before { content:''; position:absolute; top:25px; right:5px; display:block; width:15px; height:7px; border-top:2px solid #fff; border-bottom:2px solid #fff; }
  #cssmenu .submenu-button { position:absolute; z-index:10; right:0; top:0; display:block; border-left:1px solid rgba(120, 120, 120, 0.15); height:42px; width:42px; cursor:pointer; }
  #cssmenu .submenu-button::after { content:''; position:absolute; top:16px; left:26px; display:block; width:1px; height:11px; background:#fff; z-index:99; }
  #cssmenu .submenu-button::before { content:''; position:absolute; left:21px; top:21px; display:block; width:11px; height:1px; background:#fff; z-index:99; }
  #cssmenu .submenu-button.submenu-opened:after { display:none; }
}











/* 菜单 */
.nav_box_bg { width:100%; height:100px; background:rgb(0,101,239,.8); position:absolute; left:0px; z-index:996; box-shadow:0px 5px 15px #002981; }
.nav_box_bg .navbar-collapse { padding:0px; }
.nav_box_bg .container { position:relative; }
.nav_box_bg .container .logo { width:270px; height:50px; float:left; }
.nav_box_bg .container .logo a { width:270px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; }
.nav_box_bg .container .nav_soso { height:26px; position:absolute; right:0px; top:38px; overflow:hidden; }
.nav_box_bg .container .nav_soso .form { position:relative; display:block; }
.nav_box_bg .container .nav_soso .form .input { width:58px; height:26px; font-size:16px; text-align:right; color:#fff; transition:all 0.25s ease-out; }
.nav_box_bg .container .nav_soso .form .btn_coolc { height:26px; border:0px; background:none; position:absolute; top:2px; right:40px; color:#fff; }
.nav_box_bg .container .nav_soso .form .btn_coolc i { font-size:16px; }

/* 底部 */
.footer_warp { width:100%; height:auto; display:table; background:#1f2122; padding-top:40px; }
.footer_warp .help_li_box { width:100%; height:auto; display:table; padding-bottom:20px; }
.footer_warp .help_li_box .footer_logo { width:190px; height:60px; float:left; }
.footer_warp .help_li_box .footer_logo a { width:178px; height:50px; display:block; overflow:hidden; text-indent:-999px; background:url(../images/footer_logo.png) no-repeat; }
.footer_warp .help_li_box ul { width:220px; float:left; height:auto; display:table; padding-left:70px; }
.footer_warp .help_li_box ul b { width:100%; height:40px; font-size:18px; color:#fff; display:block; }
.footer_warp .help_li_box ul li { width:100%; height:28px; }
.footer_warp .help_li_box ul li a { width:100%; height:28px; line-height:28px; font-size:14px; color:#949495; }
.footer_warp .help_li_box ul li a:hover { color:#f00; }
.footer_warp .help_li_box .code_box { width:151px; height:auto; display:table; float:right; }
.footer_warp .help_li_box .code_box p { width:100%; height:36px; line-height:36px; color:#949495; font-size:14px; text-align:center; }
.footer_warp .footer_box { width:100%; height:46px; line-height:46px; border-top:1px solid #38393a; color:#fff; }
.footer_warp .footer_box .company,.footer_warp .footer_box span,.footer_warp .footer_box .icp { display:block; float:left; color:#fff; }
.footer_warp .footer_box span { padding-left:15px; }
.footer_warp .footer_box .icp { padding-left:15px; }
.footer_warp .footer_box a { color:#fff; }
.footer_warp .footer_box a:hover { color:#f00; }

/* 右侧浮动BAR */
.bsk_rightBar{ width:50px; position:fixed; right:50%; bottom:160px; margin-right:-680px; margin-top:0px; z-index:999}
.bsk_rightBar .link_a { display:block; cursor:pointer; width:50px; height:50px; background:#424242; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s}
.bsk_rightBar .link_a .img{ display:block}
.bsk_rightBar .link_a .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}
.bsk_rightBar .link_a .lChi .ar{ display:block; position:absolute; right:10px; top:15px}
.bsk_rightBar .link_a .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../images/optBg.png) repeat;}
.bsk_rightBar .link_a:hover{ background:url(../images/hoverRtBarBg.jpg) repeat-y;}
.bsk_rightBar .link_a:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}
.bsk_rightBar .link_a:hover .wxgzh,.bsk_rightBar .link_a:hover .chis{ display:block}
.bsk_rightBar .first{ cursor:default; }
.bsk_rightBar .last{ }
.bsk_rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; background:url(../images/gzhEwm.png) no-repeat 0 0}
.bsk_rightBar .chis{ display:none; padding:0 25px 0 0; width:378px; position:absolute; left:-370px; top:-50px}
.bsk_rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(../images/arrIc.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}
.bsk_rightBar .cIns { border-radius:3px; overflow:hidden; background:#fff; box-shadow:0 0 16px #dcdbdb; padding:18px 0}
.bsk_rightBar .csIn { width:326px; margin:0 auto; position:relative; left:0; top:0; }
.bsk_rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold; clear:both; }
.bsk_rightBar .csIn .rowx { width:160px; height:48px; border-bottom:1px dotted #eee; text-align:left; font-size:0; float:left; }
.bsk_rightBar .csIn .rowx .lt{ display:block; float:left; zoom:1; line-height:48px; font-size:14px; color:#666; width:66px; text-align:left}
.bsk_rightBar .csIn .rowx .qq_box_s { display:block; float:left; padding-top:13px; }
.bsk_rightBar .csIn .colv{ width:326px; height:auto; display:table; }
.bsk_rightBar .csIn .austin { margin-top:20px; }

.list_banner { width:100%; height:300px; }

/*通用图片动画样式*/
.pic-img { position:relative; display:inline-block; }
.pic-img a:before { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-top:1px solid rgba(255, 255, 255, 0.8); border-bottom:1px solid rgba(255, 255, 255, 0.8); transform:scale(0, 1); }
.pic-img a:after { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-left:1px solid rgba(255, 255, 255, 0.8); border-right:1px solid rgba(255, 255, 255, 0.8); transform:scale(1, 0); }
.pic-img a:hover:before,.pic-img a:hover:after { transform:scale(1); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

/*通用A链接图片动画样式*/
.aimg { position:relative; display:inline-block; }
.aimg a:before { content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:9; border-top:2px solid #ffa800; border-bottom:2px solid #ffa800; transform:scale(0, 1); }
.aimg a:after { content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:9; border-left:2px solid #ffa800; border-right:2px solid #ffa800; transform:scale(1, 0); }
.aimg a:hover:before,.aimg a:hover:after { transform:scale(1); -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }

.fenpian{ width:100%; clear:both; padding-top:45px;  margin-top:15px; overflow:hidden; border-top:1px solid #d6d6d6}
.fenpian li{ text-align:left; line-height:30px;width:50%; float:left}
.fenpian li a:hover{ color:#0558c9;}