﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#666;font-size:12px;font-family: "微软雅黑";position: relative;/* background: #fafafa;*/}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#666;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;color: #1cb8e3;}
a{blr:expression(this.onFocus=this.blur())}
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font:12px "微软雅黑";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.header{ background: #f6f4f4; height: 30px; width: 100%; border-bottom: #f0efef 1px solid;}
.head_top{ width: 1200px; margin: 0 auto; line-height: 30px; height: 30px; font-family: "宋体"; color: #9fa0a0;}
.head_top p{ float:left ;}
.head_contact>a{ color: #9FA0A0; margin-left: 20px;}
.head_contact{ float: right; position: relative;}
.head_contact span img{ vertical-align: middle;}
.head_contact .img_02,.head_contact a:hover .img_01,.head_contact>font.wx_n3:hover .img_01{ display: none;}
.head_contact a:hover .img_02,.head_contact>font.wx_n3:hover .img_02{ display: inline-block; }
.head_contact a span,.head_contact font span{ margin-right: 5px;}
a.wx_n1 font{ z-index: 100; display: none; position: absolute; left: 0; background: url(../images/ewm_bg.png) no-repeat; width: 132px; height:152px; top: 19px;}
a.wx_n1 font img{display: block; margin: 20px auto 0;}
a.wx_n1 font em{ display: block; text-align: center;}
.head_contact>font.wx_n3{ cursor: pointer; margin-left: 20px;color: #9FA0A0; position: relative;}
font.wx_n3 em{ display: none; z-index: 30;  position: absolute; top: 10px; right: -7px; background: url(../images/bg3.png) no-repeat; width: 132px; height: 48px; padding: 15px 0;}
font.wx_n3 em a{ display: block; text-align: center; margin-top: 5px; line-height: 180%;}
.head_contact a:hover,.head_contact>font.wx_n3:hover{ color: #1cb8e3;}
.head_nav{ width: 1200px; margin: 0 auto; position: relative; /*overflow: hidden;*/ height: 90px;}
a.logo{ width: 154px; height:46px; float: left; margin: 23px 0 14px; }
a.logo img{width: 154px; height:46px;display: block;}   
.head_nav ul{ float: right; margin-top: 35px; margin-right:70px ;}
.head_nav ul li{ position: relative; float: left;  margin-left: 50px;  width: 65px; text-align: center; height: 55px;}
.nav_child{position: absolute;width: 100%;background:#fff;top: 55px;z-index: 100;width: 160px; left: -45px; display: none; overflow: visible !important;}
.nav_child a{ display: block; text-align: center; height: 35px; line-height: 35px; font-family: "宋体"; font-size: 12px; color: #999;}
.nav_child a:hover{ background: #f6f4f4; color: #1cb8e3;}
.head_nav ul li>a{ color: #3f3a39; font-size: 16px;padding-bottom: 26px;}
.head_nav ul li:after{ opacity: 0;filter: alpha(opacity=0); content: ''; width: 15px; height: 16px; background: url(../images/on_after.png) no-repeat; position: absolute; left: 0; bottom: 10px;}
.head_nav ul li.on:after,.head_nav ul li:hover:after{ left: 50%; margin-left: -7.5px; opacity: 1;filter: alpha(opacity=100);}
.head_nav ul li:hover>a,.head_nav ul li.on>a{ color: #1cb8e3;}
.head_nav ul li:after,.head_nav ul li a{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.found_div{ cursor: pointer; position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px;}
.search-input-hull{ z-index: 100;    display: none;  width: 545px;
    margin: 0 auto; top:27px;
    position: absolute;
    left: 50%;
    margin-left: -272px; }
span.search-cancel{ transition: all 0.6s; vertical-align: middle; display: inline-block; width: 16px; height: 16px; background: url(../images/close_ico.png) no-repeat; }
span.search-cancel:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.search-input-hull input{ text-indent: 20px; height: 40px; width: 490px; font-family: "宋体"; font-size: 14px; background: none; border: none;}
span.search-ipt{ vertical-align: middle; position: relative; top:-2px; display: inline-block;width: 20px; height: 20px; background: url(../images/find_ico1.png) no-repeat; }
.search-input-hull input:-moz-placeholder {color: #ccc;}
.search-input-hull input::-moz-placeholder{ color: #ccc;}
.search-input-hull input:-ms-input-placeholder{color: #ccc;}
.search-input-hull input::-webkit-input-placeholder{color: #ccc;}
.search-content{background: #fff; position: absolute; top: 68px; padding: 20px; width: 505px; left: 0; font-family: "宋体";-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; }
.search-content p{ color: #ccc;}
.hot_find{ margin-bottom: 10px;}
.hot_find a{ margin-top: 20px; margin-right: 43px; display: inline-block; font-size: 14px; color: #333;}
.recent_find a:hover,.hot_find a:hover{ color:#6eb92b;}
/*图片轮播start*/
.pic_play{ width: 100%; overflow: hidden; position: relative; height: 600px;}
.pic_box,.pic_box li{width: 100%; overflow: hidden; position: relative; height: 600px;} 
.pic_box ul,.pic_box li{ width: 100% !important;}
.pic_box li>img{ display: block; position: absolute; left: 50%; margin-left: -960px; width: 1920px;}
.pic_box li a{ display: block; width: 100%; position: relative; height: 100%;}
.posi_txt { position: absolute; width: 1200px; left:50%; margin-left: -600px; top: 0; height: 100%; overflow: hidden;} 
.posi_txt  img{ display: block; margin: 0 auto; position: absolute;}
li.ban1 .posi_txt .img1{ top: -185px; transition: all 0.8s; width: 475px; height: 68px; left: 50%; margin-left: -237.5px;}
li.ban1 .posi_txt .img2{ margin: 25px auto 20px;  width: 637px; height: 12px;left: -50%; margin-left: -318.5px; top:253px ;}
li.ban1 .posi_txt .img3{ width: 417px; height: 36px;right: -50%; margin-right: -208.5px; top:314px ;}
i.play_btn{ position: relative; bottom: -10px;  display: block; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}
i.play_btn img{ margin-top: 15px; margin-left: 5px; width: 18px; height: 20px;}
i.play_btn span{ display: block; position: relative; width: 48px; height: 48px; margin: 0 auto 10px;}
i.play_btn span em{ background: url(../images/play_ico.png) no-repeat; position: absolute; top: 0; left: 0; display: block; width: 48px; height: 48px;
-webkit-transform-style: preserve-3d;
    -webkit-animation: trail_ 2s infinite linear;
    transform-style: preserve-3d;
    animation: trail_ 2s infinite linear;}
i.play_btn span em:after{ content: ""; position: absolute;top: -1px; box-shadow: 0 0 12px #fff;left: 27px;background: url(../images/dot_ico.png) no-repeat;width: 6px;height: 6px;}
.close_dot{ position: absolute; top: 15px; right: 15px; width:30px; height:30px; transition: all 0.5s; z-index: 50;}
.close_dot img{width:30px; heigth:30px;}
.close_dot:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.pic_box a.prev,.pic_box a.next{ transition: all 0.3s; display: block; position: absolute; top: 50%; margin-top: -14px; width: 34px; height: 28px; opacity: 0.5;}
.pic_box a.prev{ left: 25px;}
.pic_box a.next{ right: 25px;}
.pic_box a.prev:hover,.pic_box a.next:hover{ opacity: 1;}
.dot_div{ width: 100%; text-align: center;  position: absolute; bottom: 20px; left: 0;}
.dot_div span{ position: relative; transition: all 0.5s; margin: 0 8px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50% ; display: inline-block;  background: #d8d8dc; width: 8px; height: 8px; vertical-align: middle;}
.dot_div span:after{ transition: all 0.5s; content: ''; width: 8px; height: 8px; background: transparent; border: 4px solid transparent; position: absolute; top: -4px; left: -4px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50% ; }
.dot_div span.on:after{ border: #fff 4px solid; }
.dot_div span.on{ background: #1cb8e3;}
.mask_bg{ display: none; position: fixed; background: rgba(0,0,0,0.75); width: 100%; height: 100%; z-index: 1000; top: 0; left: 0;}
/*通知公告start*/
.news_croll{ background: #f4f2f2; height: 50px; line-height: 50%;}
.news_show{  margin: 0 auto; overflow: hidden; width: 1200px; height: 50px; }
.news_show span.new_name{ display:block; float: left; width: 145px; font-size: 18px; color: #1cb8e3; text-align: center; line-height: 50px; font-weight: bold; position: relative; }
.news_show span.new_name:after{ content: ''; width: 1px; height: 30px; background: #e2e1e1; position: absolute; right: 0; top: 10px;}
.news_show span.new_name img{ margin-right: 10px; position: relative; top:-2px; vertical-align: middle; width: 20px; height: 20px;}
.news_show .txt_li{ float: left; width: 1050px;}
.news_show .txt_li li{ height: 50px; line-height: 50px; font-size: 14px;}
.news_show .txt_li li a{ position: relative; display: block; padding:0 55px 0 20px; color: #666; font-family: "宋体";}
.news_show .txt_li li a span{  width: 385px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
.news_show .txt_li li a img{ position: absolute; top: 50%; margin-top: -8px; width: 18px; height: 16px; right: 0;}
.news_show .txt_li a:hover span{ color: #1cb8e3;}
.video{ width: 1000px; height: 500px; display: none; position: fixed; top: 50%; left: 50%; margin-top: -250px; margin-left: -500px;z-index: 1001;}
.video embed{ width: 800px; height: 500px; margin: 0 auto; display: block; position: relative;z-index: 20;}
/*主营业务start*/
.main_business{ width: 100%; margin: 0 auto; padding: 50px 0 120px; background: url(../images/main_bg.jpg) no-repeat bottom; overflow: hidden;}
.main_name{ width: 100%; text-align: center;}
.main_name h2{ font-size: 24px; color: #333; font-weight: normal; margin-bottom: 10px;}
.main_name img{ width: 190px; height: 5px;}
.main_name p{ margin-top: 10px; color: #999; font-size: 16px;}
.main_con{ width: 1200px; margin: 0 auto;}
.main_con li { width: 250px; text-align: center; margin-top: 60px; float: left; margin-right: 66px;}
.main_con li.last_li{ margin-right: 0;}
.main_con li a{ display: block; width: 100%;}
.main_con li span{ width: 116px; height: 116px; margin-bottom: 20px;}
.main_con li span img{ width: 116px; height: 116px; display: block; margin: 0 auto; transition: all 0.5s;}
.main_con li .p1 font{ color: #333; font-size: 20px;  display: block;}
.main_con li .p1 i{ display: block; color: #9fa0a0; font-size: 12px; font-family: arial; margin-top: 10px;}
.main_con li .p2{ line-height: 180%; color: #999; font-size: 14px; margin-top: 35px;}
.main_con li:hover span img{ border-radius: 50%; overflow: hidden; transform: rotateY(180deg);}
/*新闻天地start*/
.news_space{ width: 100%;padding: 50px 0; background: #f4f2f2;  overflow: hidden;}
.news_tab{ width: 1200px; margin: 0 auto;}
.new_hd{ width: 100%; text-align: center; font-size: 0; margin: 40px auto;}
.new_hd span{ cursor: pointer; display: inline-block; width: 120px; height: 40px; color: #333; font-size: 16px; line-height: 40px; background: #fff; text-align: center; margin: 0 5px; border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.new_hd span.act{ background: #1cb8e3; color: #fff;}
.new_bd{ width: 100%; position: relative;}

.new_bd .left{ width: 600px; float: left; position: relative; height: 395px;}
.new_bd .left a img{ width: 600px;  display: block; height: 350px;}
.new_bd .left p{ background: #f4f2f2; height: 45px; color: #333; font-size: 18px; line-height: 45px;}
.new_bd .left p font{ display: block; width: 460px;  padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new_bd .left span .img_02{ display: none;}
.new_bd .left span.prev,.new_bd .left span.next{ cursor: pointer; text-align: center; line-height: 45px; position: absolute; bottom: 0; display: block; width: 45px; height: 45px; background: #e4e4e4;}
.new_bd .left span.prev{ right: 45px; border-right: #f4f2f2 1px solid;}
.new_bd .left span.next{ right: 0;}
.new_bd .left span.prev img,.new_bd .left span.next img{  margin-top: 16px;}
.new_bd .left span.prev:hover,.new_bd .left span.next:hover{ background: #1cb8e3;}
.new_bd .left span.prev:hover img.img_02,.new_bd .left span.next:hover img.img_02{ display: inline-block;}
.new_bd .left span.prev:hover img.img_01,.new_bd .left span.next:hover img.img_01{ display: none;}
.new_bd .left p:hover{ color: #1cb8e3;}
.new_bd .right{ float: right; width: 500px;}
.new_bd .right h3{ position: relative; height: 30px; border-bottom: #eeeded 1px solid; font-weight: bold; font-size: 18px; color: #1cb8e3;}
.new_bd .right h3 a{ color: #9fa0a0; font-weight: normal; font-size: 14px; font-family: arial; position: absolute; right: 0; top: 0; line-height: 30px; display: block;}
.new_bd .right h2{ margin-top: 20px;}
.new_bd .right h2 a{ cursor: pointer; color: #333; font-size: 24px; font-weight: normal; line-height: 150%;}
.new_bd .right p{ color: #a5a4a4; font-size: 12px; font-family: "宋体"; line-height: 180%; margin-top: 18px;}
.new_bd .right p>a,.new_bd .right h2 a:hover,.new_bd .right h3 a:hover{ color: #1cb8e3;}
.new_bd .right p>a:hover{ text-decoration: underline;}
.new_bd .right ul,.construct_new{ margin-top:15px; border-top: #e0dcdc 1px dashed;}
.new_bd .right ul li,.garden_con ul li,.construct_new li{ position: relative; height: 45px; line-height: 45px; font-family: "宋体"; font-size: 14px; border-bottom: #e0dcdc 1px dashed;}
.new_bd .right ul li a..garden_con ul li a{ color: #666;}
.new_bd .right ul li span,.garden_con ul li span,.construct_new li span{ position: absolute; right: 0; top: 0;}
.new_bd .right ul li:hover a,.news_center .right h2 a:hover{ color: #1cb8e3;}
.content_box{ margin: 0 auto;-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; padding: 18px 20px; 
    -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; position: relative; background: #fff;}
.content_box:before{ opacity: 0.8;filter: alpha(opacity=80); content: ''; background: url(../images/logo_bg.jpg) no-repeat; width: 217px; height: 225px; position: absolute; right: 0; bottom: 0;}
a.more_new{  transition: all 0.3s;border: #d9d8d8 1px solid;  color: #9fa0a0; font-family: "宋体"; display: block; margin: 50px auto 0; width: 160px; height: 40px; line-height: 40px; text-align: center;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
a.more_new span{ transition: all 0.3s;  margin-left: 10px; width: 31px; display: inline-block; background: url(../images/more_ico.png) no-repeat; background-position: 0 0; height: 9px;}
a.more_new:hover{ color: #fff; background: #1cb8e3;border: #1cb8e3 1px solid; }
a.more_new:hover span{background: url(../images/more_ico.png) no-repeat; background-position: 0 -25px;}
.construct_new li:hover a{ color: #CC0000;}
/*党建园地start*/
.garden_box{ width: 100%;padding: 50px 0 40px; background: #fff;overflow: hidden;}
.garden_con{ width: 1200px; margin: 40px auto 0;}
.garden_con .left{ float: left; width: 580px;}
.first_new{ background: #f7f6f6; padding: 27px 30px; position: relative;}
.first_new:after{ content:''; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background: #cc0000;}
.first_new h3:hover a,.first_new p a:hover{ text-decoration: underline;}
.first_new h3 a{ color: #cc0000; font-size: 24px; font-weight: normal;}
.first_new p{ font-family: "宋体"; color: #908d8d; line-height: 180%; margin-top: 25px;}
.first_new p a{ color: #cc0000;}
.garden_con .left a.dan_img, a.dan_img img{ display: block; width: 580px; height: 132px;}
.garden_con ul li:last-child{ border-bottom: none;}
.garden_con .right{ float: right;width: 580px;}
.garden_con .right a{ display: block; width: 100%; position: relative; overflow: hidden;}
.garden_con .right a>span{ display: block; width: 90%; margin: 0 auto; font-size: 16px; color: #fff; bottom: 0; position: absolute; padding: 0 5%; background: url(../images/blackbg.png) repeat; height: 110px; line-height: 170px;}
.garden_con .right .right_02>a{ margin-top: 10px; float: left; width: 284px; height: 165px; margin-right: 12px;}
.garden_con .right .right_02>a.a_img1{ margin-right: 0;}
.garden_con ul li:hover a{color: #cc0000;}
.garden_con .right .right_02>a img{ width: 284px; height: 165px; overflow: hidden;}
.garden_con .right .right_01>a img{ width: 580px; height: 338px; overflow: hidden;}
.garden_con .right a:hover img{ transform: scale(1.05, 1.05);}
.garden_con .right a img{ transition: all 0.5s;}
/*.garden_con .right a:hover>span{ color: #cc0000;}*/
/*项目风采start*/
.program_show{ width: 100%;padding: 50px 0; background: url(../images/bg1.jpg) no-repeat; background-size: cover;overflow: hidden;}
.program_show .main_name h2{ color: #FFF;}
.program_list{ width: 1200px; margin:50px auto 0; position: relative;}
.show_scroll{ width: 1200px; margin:0 auto;}
.show_scroll dl{ width: 408px; }
.show_scroll dl a{ display: block;width: 384px; overflow: hidden; }
.show_scroll dt img{ display: block;width: 384px; height: 256px;}
.show_scroll dt{ position: relative;}
.show_scroll dt span{ border: #b7cbdf 1px solid; display: block; width: 360px; height: 232px; position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,0.7);    opacity: 0;filter: alpha(opacity=0);transition: all ease-out .3s;}
.show_scroll dd{ padding-top: 30px; position: relative; height: 50px;}
.show_scroll dd p{ text-align: center;}
.show_scroll dd p font{ display: block; color: #797878; font-family: "宋体"; line-height: 180%;}
.show_scroll dd p.p1 .font1{ color: #656f74; font-size: 16px;font-family: "微软雅黑"; line-height: 20px;}
.show_scroll dd p.p1{ position: absolute; top: 30px; left: 0; width: 100%;    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s}
.show_scroll dd p.p2{ position: absolute; width: 100%; left: 0; top: 80px;opacity: 0;filter: alpha(opacity=0);   transition: all .3s ease-out 0s;}
.show_scroll dl:hover dd p.p1 .font1{ color: #1cb8e3}
a.prev_btn{ background: url(../images/l-icon1.jpg) no-repeat;  left: -74px;    background-size: 100%;}
a.next_btn,a.prev_btn{width: 34px; height: 38px; position: absolute; top: 40%; margin-top: -14px;   transition: all .3s ease-out 0s;}
a.next_btn{ background: url(../images/r-icon.jpg) no-repeat;  right: -74px;    background-size: 100%;}
/*关于我们start*/
.about_us{ width: 100%; padding: 50px 0; background:url(../images/bg2.jpg) no-repeat; background-size: cover;overflow: hidden;}
.about_intro{ width: 1200px; margin: 50px auto 0;}
.about_intro>img{ display: block; float: left; width: 240px; height: 240px;}
.about_intro .txt{ background: #fff; float: left; padding:30px; width:660px ;}
.about_intro .txt h4{ color: #1cb8e3; font-size: 24px; font-weight: normal;}
.about_intro .txt span{ color: #ccc; display: block;  font-family: arial; line-height: 180%; margin-top: 5px;}

.about_intro .txt p{ line-height: 180%; color: #9fa0a0; font-size: 14px; margin-top: 25px;}

.about_intro a{ float: right; width: 240px; height: 240px; display: block; background: url(../images/about_img.jpg) no-repeat; transition:  all 0.5s;}
.about_intro a:hover{background: url(../images/about_img_on.jpg) no-repeat;}
.num_scroll{ width: 1200px; margin: 60px auto 0;}
.num_scroll li{ float: left; width: 25%; text-align: center; position: relative;}
.num_scroll li span{ font-family: arial; color: #666; font-size: 48px;}
.num_scroll li i{ font-size: 16px; color: #aba8a8; margin-left: 10px;}
.num_scroll li p{ text-align: center; font-size: 16px;color: #333;margin-top: 15px;}
.num_scroll li:after{ content: ''; width: 1px; background: #dddadd; height: 68px; position: absolute; right: 0; top: 50%; margin-top: -34px;}
/*底部start*/
.footer{ background: #252525; width: 100%; position: relative;}
.footer:after{ content: ''; width: 100%; height: 1px; background: #333232; position: absolute; left: 0; top:147px ;}
.foot_con{ width: 1200px; margin: 0 auto; padding-bottom: 23px;}
.foot_con p{ color: #999; font-size: 18px; padding: 30px 0 25px;}
.company li a{ color: #999; font-size: 16px; }
.company .tempWrap{  margin: 0 auto;}
.company ul li{background: #3b3a3a; width: 145px; height: 45px; text-align: center; line-height: 45px; margin: 0 6px; transition: all 0.3s;}
.company li:hover{ background: #474747;}
.company li:hover a{ color: #fff;}
.company{ width: 1200px; position: relative;}
.company .left_btn{  left: 0;}
.company .left_btn img,.company .right_btn img{ display: block; margin: 0 auto; position: relative; top: 50%; width: 7px; height: 13px; margin-top: -6.5px;}
.company .left_btn,.company .right_btn {width: 45px; height: 45px; display: block; background: #3b3a3a; position: absolute; top: 0;}
.company .right_btn{  right: 0;}
.foot_con1{ width: 1200px; margin: 0 auto; padding: 25px 0; border-bottom: #1a1a1a 1px solid;}
.foot_con1 .left{ float: left; width: 350px;}
.foot_con1 .left  a{ display: block; width: 233px; height: 70px;}
.foot_con1 .left span{ display: block; color: #fff; font-size: 28px; font-family: arial; margin: 15px 0;}
.foot_con1 .left span img{ margin-right: 10px; vertical-align: middle; position: relative;top: -2px;}
.foot_con1 .left p{ color: #6e6d6d; font-family: "宋体"; line-height: 180%;}
.foot_con1 .right{ float: right; font-family: "宋体"; width: 780px; }
.r_li p{ font-size: 14px;   font-weight: bold; position: relative; padding-left: 13px; transition: all .3s;}
.r_li p:after{ content: ''; width: 8px; background: #1cb8e3; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: all .3s ;}
.r_li p>a{ color: #fff;}
.r_li>a{ color: #6e6d6d; display: block; margin-top: 20px; padding-left: 13px; transition: all .3s; }
.foot_con1 .right .r_li span{ display: block; margin-top: 20px; padding-left: 13px;transition: all .3s ;}
.foot_con1 .right .r_li span img{ display: block; width: 96px; height: 96px; margin-bottom: 10px;}
.r_li:hover p{ padding-left: 34px;}
.r_li:hover p:after{ width: 25px;}
.r_li:hover>a,.foot_con1  .right .r_li:hover>span{ padding-left: 34px;}
.r_li>a:hover{ color: #1cb8e3;}
.foot_con1 .right .r_li{ float: left; width: 130px;}
.foot_con2{ font-family: "宋体";color: #bab9b9; padding: 20px 0; width: 1200px; margin: 0 auto; border-top: #333232 1px solid;border-bottom: #1a1a1a 1px solid;}
.foot_con2 a{ color: #6e6d6d; margin:0 7px;}
.foot_con3{font-family: "宋体";color: #6e6d6d;border-top: #333232 1px solid; padding: 20px 0 30px; width: 1200px; margin: 0 auto; position: relative;}
.foot_con3 p{ position: absolute; right: 0; top: 18px; width: 329px; overflow: hidden;}
.foot_con3 p img{ vertical-align: middle; margin-right: 10px;}
.foot_con2 a:hover,.foot_con3 a:hover{color: #1cb8e3;}
/*快速入口start*/
.fast_enter{ width: 100%; padding: 50px 0;}
.fast_show{ width: 1200px; margin: 50px auto 0;}
.fast_show li{ transition: all .3s ease-out 0s; width: 225px; text-align: center; background: #f4f2f2; padding: 35px 0; float: left; border-radius: 8px; margin-bottom: 20px; margin-right: 18px;}
.fast_show li span{ display: block;margin: 0 auto;}
.fast_show li.li_1 span{ background: url(../images/ico1.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_2 span{ background: url(../images/ico2.png) no-repeat center; width: 42px; height: 46px; }
.fast_show li.li_3 span{ background: url(../images/ico3.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_4 span{ background: url(../images/ico4.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_5 span{ background: url(../images/ico5.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_6 span{ background: url(../images/ico6.png) no-repeat center; width: 48px; height: 46px; }
.fast_show li.li_7 span{ background: url(../images/ico7.png) no-repeat center; width: 42px; height: 46px; }
.fast_show li.li_8 span{ background: url(../images/ico8.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_9 span{ background: url(../images/ico9.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_10 span{ background: url(../images/ico10.png) no-repeat center; width: 54px; height: 46px; }
.fast_show li i{ display: block; font-size: 12px;}
.fast_show li p{ font-size: 18px; color: #666;margin-top: 20px;}
.fast_show li.li_5,.fast_show li.li_10{ margin-right: 0;}
.fast_show li.li_1:hover span{ background: url(../images/ico1_on.png) no-repeat center;}
.fast_show li.li_2:hover  span{ background: url(../images/ico2_on.png) no-repeat center;}
.fast_show li.li_3:hover  span{ background: url(../images/ico3_on.png) no-repeat center;}
.fast_show li.li_4:hover  span{ background: url(../images/ico4_on.png) no-repeat center;}
.fast_show li.li_5:hover  span{ background: url(../images/ico5_on.png) no-repeat center;}
.fast_show li.li_6:hover  span{ background: url(../images/ico6_on.png) no-repeat center; }
.fast_show li.li_7:hover  span{ background: url(../images/ico7_on.png) no-repeat center;}
.fast_show li.li_8:hover  span{ background: url(../images/ico8_on.png) no-repeat center;}
.fast_show li.li_9:hover  span{ background: url(../images/ico9_on.png) no-repeat center;}
.fast_show li.li_10:hover  span{ background: url(../images/ico10_on.png) no-repeat center; }
.fast_show li:hover p{ color: #1cb8e3;}
.fast_show li:hover { background: #fff;-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; }
/* 侧边栏悬浮框开始 */
.leftlx {
  float: left;
  width: 45px;
  height: 45px;
}
.sibar li a {
  color: #fff;
  display: block;
  height: 45px;
  width: 300px;
}
.sibar li {
	
  background-color: #9fa0a0;
  margin-bottom: 1px;
}
.sibar li:hover {
  background-color: #1cb8e3;
}
.sibar li i.wx {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/sibar_ico4.png) no-repeat center;
}
.qq_li .ewm {
  width: 92px;
  height: 92px;
  position: absolute;
  right: 80px;
  top: 46px;
  display: none;
}
.wx_li .ewm {
  width: 92px;
  height: 92px;
  position: absolute;
  right: 65px;
  top: 184px;
  display: none; padding: 3px;
  border: #d9d8d8 1px solid; background: #fff;
}
.ewm img {
  width: 100%;
}
.sibar li i.qq {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/sibar_ico3.png) no-repeat center;
}
.sibar li i.dh {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/sibar_ico2.png) no-repeat center;
}

.sibar li i.kf {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/sibar_ico1.png) no-repeat center;
}
.sibar li i.fh {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/sibar_ico5.png) no-repeat center;
  z-index: 11;
}
.sibar {position: fixed;width: 45px;height: auto;top: 60%;right: 0;z-index: 1000;}
.sibar li a > span {color: #fff;font-size: 16px;line-height: 45px;display: none;float: left;}
.sibar li a:hover > span {display: block;}
.shang {width: 45px!important;}
/*右侧浮窗end*/
/*党建园地start*/
.construct{ background: url(../images/construct_bg1.jpg) no-repeat; background-size: 100% 100%; width: 100%; padding: 100px 0 50px;}
.construct>img.txt_img1,.construct>img.txt_img2{ display: block; margin: 0 auto;}
.construct>img.txt_img1{ margin-bottom: 65px; width: 679px; height: 112px;}
.construct>img.txt_img2{ width: 409px; height: 15px; margin-bottom: 20px;}
.struct_content{ background: #fff; padding: 20px; width: 1160px; margin: 0 auto;}
.stru_left{ float: left; width: 600px; position: relative;}
.stru_left ul.photo li{ width: 100%; height: 350px;}
.stru_left ul.photo li a{ display: block; height: 100%; width: 100%; position: relative;}
.stru_left ul.photo li img{ display: block; width: 600px; height: 350px;}
.stru_left ul.photo li span{ display: block;width:446px; padding-left: 20px; overflow: hidden; padding-right: 135px; margin: 0 auto; font-size: 16px;color: #fff;bottom: 0;position: absolute;background: url(../images/blackbg.png) repeat; height: 110px;line-height: 170px;}
.stru_left ul.photo li span:hover{  text-decoration: underline;}
.pic_dot{ position: absolute; right: 0; padding: 0 10px; bottom:15px;}
.pic_dot em{ display: inline-block; width: 9px; height: 9px; border: #fff 1px solid; margin: 0 2px; }
.pic_dot em.on{ border: #e83c0d 1px solid; background: #e83c0d;}
.stru_right{ float: right; width: 540px;}
div.title_name{ color: #fff; position: relative; background: url(../images/construct_bg.jpg) no-repeat; width: 540px; height: 40px; line-height: 40px;}
div.title_name a,.struc3_bg a{ position: absolute; display: block; top: 0; right: 10px; color: #fff; font-size: 12px; font-family: "宋体";}
div.title_name h3{ font-size: 18px; font-weight: bold; padding-left: 15px;}
div.title_name h3 img{ margin-right: 10px; width: 18px; height: 18px; vertical-align: middle;position: relative; top: -2px;}
.stru_right h2 { margin-top: 26px;}
.stru_right h2 a{ color: #cc0000; font-size: 20px;}
.stru_right p{    font-family: "宋体";color: #908d8d;line-height: 180%;margin-top:17px;}
.stru_right p a{color: #CC0000;}
.stru_right p a:hover{ text-decoration: underline; }
.struc_02{ display: block;  margin: 20px auto;}
.struc_02 img{ display: block; width: 1160px; height: 96px;}
.struc_03{ width: 100%;}
.struc3_bg{ line-height: 40px; background: url(../images/construct_img2.jpg) no-repeat; width: 1160px; height:40px; position: relative;}
.struc3_bg img{ margin-left: 18px; margin-right: 12px; vertical-align: middle; margin-top: 11px;}
.struc3_hd{ position: absolute; left:48px; top: 0; height: 40px; line-height: 40px; color: #ffff00; font-weight: bold; font-size: 18px;}
.struc3_hd span{ cursor: pointer; padding: 0 20px;}
.struc3_hd span.act{ background: #b62902; color: #fff;}
.bd_content{ background: #fff; width: 100%; position: relative;}
.bd_content ul li{ float: left; width: 579px; background: #f7f6f6; padding: 30px 0; margin-top: 2px;}
.bd_content ul li.nth_2{ float: right;}
.bd_content ul li p{ width: 525px; margin: 0 auto;}
.bd_content ul li .p1{ font-size: 22px; color: #333; margin-bottom: 17px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bd_content ul li .p2 span{color: #cc0000; }
.bd_content ul li:hover .p1{color: #cc0000; }
.bd_content>a{  -webkit-animation: fadeIn 0.3s infinite linear;animation: fadeIn 0.3s  linear;  position: absolute;right: 0;top: -40px;line-height: 40px;color: #fff; padding-right: 10px;font-family: "宋体";}
.struc_04 {width: 100%; margin-top: 20px;}
.struc_04 .left{ float: left; width: 560px; position: relative; padding-right: 20px; border-right: #e9e7e7 1px dashed;}

.struc_04 .right{ float: right; width: 560px;}
div.title_name a:hover,.struc3_bg a:hover{ text-decoration: underline;}
.opcity_list li{ float: left; width: 275px; height: 160px; margin-top: 10px; position: relative;}
.opcity_list li img{ width: 275px; height: 160px; transition: all 0.3s;}
.opcity_list li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.opcity_list li a span{display: block;width:235px; padding:0 20px;   margin: 0 auto; font-size: 16px;color: #fff;bottom: 0;position: absolute;background: url(../images/blackbg.png) repeat; height: 110px;line-height: 175px;}
.opcity_list li.nth_2{ float: right;}
.struc_04 .title_name{ width: 560px; background: url(../images/construct_bg2.jpg) no-repeat;}
.struc_04 .right>a{      margin-top: 10px; overflow: hidden;}
.struc_04 .right>a,.struc_04 .right>a img{transition: all .3s ease-out 0s;display: block; width: 560px; height: 160px;}
.opcity_list li:hover a span{ text-decoration: underline;}
.opcity_list li:hover img{ transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);}
/*党建资讯start*/
.min-width{ width: 1200px; margin: 0 auto; overflow: hidden;}
.construct_dl{ display: inline-block; width: 100%;}
.construct_dl a{ display: block; width: 100%; height: 100%;}
.construct_dl dt,.construct_dl dt img{ width: 350px; height: 205px;}
.construct_dl dt{ float: left;}
.construct_dl dd{ float: left; padding: 43px 50px 43px 30px; background: #eee; width:770px;}
.construct_dl dd .p1{ color: #333; font-size: 24px;}
.construct_dl dd .p2{  margin-top: 25px;}
.construct_dl dd .p1:hover{ color: #1cb8e3;}
.construct_dl dd .p2 span:hover{ text-decoration: underline;}
/*党建资讯详情start*/
.case_detail {
    width: 1200px; margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;}

div.time i{ margin: 0 5px; font-family: "宋体"; font-size: 12px; color: #b5b5b5;}
.case_detail h1{  font-size: 30px; font-weight: normal; color: #333;}
.case_detail div.time{ margin-top: 15px;}
.case_detail .intro_txt{ margin-top: 25px; border-top: #dcdcdc 1px dashed; }
.pic_show>div{ width: 485px; text-align: center;font-family: "宋体"; margin-right: 30px; color: #666; float: left; font-size: 14px;}
.pic_show>div img{width: 485px; height: 262px; margin-bottom: 10px; }
.intro_txt p{ font-family: "宋体"; font-size: 14px; color: #666; margin-top: 30px; line-height: 180%;}
.intro_txt strong{ font-weight:bold;}
.intro_txt p span{ display:inline;}
.intro_txt>img{ width: 1200px; margin: 30px auto 0; display: block;}
.share{ position: relative; padding-top: 35px; border-top: #dcdcdc 1px dashed; margin-top: 30px;}
.bq_div{ color: #333; font-size: 14px; font-family: "宋体"; margin-bottom: 30px;}
.bq_div a{ color: #777676; font-size: 12px; margin: 0 5px;}
.more_news a>span{ margin-bottom: 10px;  font-weight: bold;}
.more_news a{ display: block; font-family: "宋体";color: #777676; font-size: 12px; font-weight: normal;}
.bq_div a:hover{ color: #1cb8e3;}
.more_news a:hover,.more_news a:hover span{ color:#1cb8e3; text-decoration: underline;}
.share_box{ position: absolute; top: 35px; right: 0;}
.share_box .jiathis_style{ display: inline-block; vertical-align: middle;}
.share_box span{ font-size: 14px; font-family: "宋体";vertical-align: middle;}
.detail_pic{ width: 100%; margin: 30px auto;}
.detail_pic strong{ display: block; text-align: center; font-family: "宋体"; color: #666; line-height: 30px; height: 30px;}
.detail_pic .left{ float: left; width: 590px;}
.detail_pic .right{ float: right; width: 590px; }
.detail_pic .left img,.detail_pic .right img{ display: block;width: 590px; height: 380px;}


/*集团介绍*/
.advertising,.advertising img{width: 100%;height: 360px;}
.subnav{height: 50px;line-height:50px;width:1200px;margin:0 auto;background: #f5f5f5;}
.subnav a{width: 171.4285px;height: 50px;font-size: 14px;color: #333;text-align: center;display: inline-block;transition: all .3s;float: left;}
.subnav a.on{background: #1cb8e3;color: #fff;}
.subnav a:hover{background: #1cb8e3;color: #fff;}
.headline{ width: 100%;border-bottom: 1px solid #e6e4e4;}
.headline_name{width: 1200px;margin: 0 auto;height: 78px;line-height: 78px;}
.headline .headline_name{width: 1200px;margin: 0 auto;}
.headline .cp_fl{float: left; height: 78px;}
.headline .cp_fl .sp1{font-size: 24px;color: #333;text-transform:capitalize;font-family: arial;border-bottom: 2px solid #333333; height: 77px;}
.headline .cp_fl .sp2{font-size: 12px;color: #828181;margin-left: 10px;}
.headline .cp_fr{float: right;}
.crumbsnav {text-align: left;}
.crumbsnav i.iconfont {background: url(../images/adress_icon.png) no-repeat;width: 13px; height: 15px;display: inline-block;background-size: 100%;vertical-align: sub;margin-right: 5px;}
.crumbsnav a {display: inline-block; font-size: 12px; color: #999999;font-family: "宋体";}
.crumbsnav a:hover {color: #1cb8e3;}
.crumbsnav a.on {color: #1cb8e3;}
.crumbsnav u {text-decoration: none;color: #999999 ;  padding: 0px 5px;}
.js_intro{width: 1200px;margin: 40px auto;padding-bottom: 40px;border-bottom: 1px dashed #e6e4e4;overflow: hidden;}
.js_intro .left{float: left;width: 500px;}
.js_intro .left img{width: 100%;height: 100%;}
.js_intro .right{width: 600px;float: left!important;margin-left: 30px;}
/*.js_intro .right .tit{margin-top: 15px;}*/
.js_intro .right .tit p{font-size: 30px;color: #1cb8e3;font-weight: bold;}
.js_intro .right .tit span{font-size: 12px;color: #999;text-transform: uppercase;font-family: arial;}
.js_intro .right .txt{font-size: 14px;color: #666666;font-family: "宋体";line-height: 24px;margin-top: 30px;}

/*文化体系*/
.Cultural_system{overflow: hidden;padding-bottom: 70px;width: 1200px;margin: 0 auto;}
.Cultural_system .til{font-size: 24px;color: #1cb8e3;}
.Cultural_system .til img{width: 27px;height: 24px;vertical-align: middle;margin-right: 10px;}
.Cultural_system .zhuze .mub{top: 78% !important;}
.Cultural_system .zhuze .mub span{background: #9fa0a0;}
.Cultural_system .zhuze .sl1{position: absolute;bottom: 15px;}
.Cultural_system .zhuze .sl2{line-height: 32px !important;}
.Cultural_system .list{margin-top:40px;position: relative;;}
.Cultural_system .list .wenben{position: relative;border-bottom: 1px solid #E5E5E5;overflow:hidden}
.Cultural_system .list .sl1{font-size: 20px;color: #333;font-weight: bold;margin-left: 88px;float: left;}
.Cultural_system .list .sl1 em{font-size: 14px;color: #999;font-family: arial;margin-left: 5px;text-transform: capitalize;}
.Cultural_system .list .sl2{float: right;width: 540px;padding: 8px 20px;color: #333333;font-size: 16px;line-height: 24px;border: 1px solid #e5e5e5;border-bottom: none !important;}
.Cultural_system .mub{position: absolute;width: 56px;height: 56px;background: #fff;border: 1px solid #e5e5e5;border-radius: 50%;top: 50%;margin-top: -8px;left: 0px;}
.Cultural_system .mub span{background: #1cb8e3;width: 45px;height: 45px;display: block;margin:0 auto;border-radius: 50%;color: #fff;text-align: center;line-height: 45px;font-size: 30px;font-weight: bold;font-family: arial;margin-top: 5px;}


/*资质荣誉*/
.main_content{width: 1200px;margin: 0 auto;margin-top: 30px;}
.thumbnails{width: 102%;}
.thumbnails li{ position: relative; width: 285px; /*height: 396px;*/ float: left; margin-right: 20px;margin-bottom: 25px;}
.thumbnails li font{ text-align: center; display: block; color: #666;  margin-top: 10px;font-size: 12px;  font-family: "宋体";}
.thumbnails span img{ display: block; width: 35px; height: 33px; margin:0 auto 20px;}
.thumbnails span{position: absolute; left: 0px; top: 0px; height:100%; width: 100%; background:rgba(28,184,227,0.9); text-align: center; font-family: "宋体"; color: #fff;opacity: 0;}
.thumbnails span i{display: block; position: relative; top: 50%; margin-top: -12.5px;-webkit-transition: all 0.3s;transition: all 0.3s;transform: scale(0);}
.thumbnails li:hover span{opacity: 1;}
.thumbnails li:hover span i{transform: scale(1);}
.thumbnails li a>img{ width: 279px;}
.page{ width: 1200px; margin: 40px auto 50px; text-align: center;}
.page a{ transition: all 0.3s;-webkit-transition: all 0.3s; margin: 0 2px; font-size: 14px; color: #999; font-family: "宋体"; display: inline-block; width: 30px; height: 30px; border: #eae6e6 1px solid; line-height: 32px; background: #fff;}
.page a.on,.page a:hover{ background: #1cb8e3; border: #1cb8e3 1px solid; color: #fff;}

.structure{width: 1200px;margin: 50px auto 65px;text-align: center;}

/*主营业务*/
.mainbusiness{width: 1200px;margin: 0px auto 40px;}
.mainbusiness ul li{width: 100%;padding-bottom: 26px;border-bottom: 1px dashed #dcdcdc;margin-top: 30px;}
.mainbusiness ul li:last-child{border-bottom: none !important;}
.mainbusiness ul li img{width: 100%;height: 220px;margin-bottom: 18px;}
.mainbusiness ul li p{font-size: 14px;color: #666666;line-height: 22px;}

/*集团大记事*/
.group_chronicle{width: 1200px;margin: 40px auto; position: relative;}
.group_bg{ width: 1200px; height: 260px; background: url(../images/white_bg.png); position: absolute; left: 0; bottom: 38px; z-index: 30;}
.group_chronicle .group_time{height: 220px;position: relative;}
.group_chronicle .group_time img{width: 100%;height: 220px;}
.group_chronicle .group_time span{display: block;position: absolute;left: 190px;font-size: 54px;color: #67b4f8;top:50%;margin-top: -38px;}
.group_chronicle .group_list{overflow: hidden;margin-top: 30px;}
.group_chronicle .group_list li{display: block;padding: 30px 0px;margin-left: 10px;border-left: 1px solid #f0eded;}
.group_chronicle .group_list li .time{display: block;position: relative;margin-bottom: 20px;}
.group_chronicle .group_list li .time p{font-size: 24px;line-height: 24px;color: #1cb8e3;margin-left: 20px;font-family: arial;}
.group_chronicle .group_list li .time img{position: absolute;width: 18px;height: 18px;left: -9px;top: 4px;}
.group_chronicle .group_list li .text{padding: 20px 25px;margin-left: 20px;background: #f7f5f5;}
.group_chronicle .group_list li .text p{font-size: 12px;color: #666666;font-family: "宋体";line-height: 30px;}
.group_chronicle .group_list .last_l{/*display: none;*/}
.group_chronicle .chekmore{transition: all 0.6s; -webkit-transition: all 0.6s; position: relative;z-index: 40; display: block;width: 140px;height: 34px;border: 1px solid #1cb8e3;text-align: center;line-height: 34px;font-size: 12px;color: #1cb8e3;font-family: "宋体";border-radius: 5px;margin: 0 auto;transition: all .3s;-webkit-transition: all .3s}
.group_chronicle .chekmore:hover{background: #1cb8e3;color: #fff;}
.group_chronicle .chekmore span{ transition: all 0.3s; -webkit-transition: all 0.3s; background: url(../images/down_ico.png) no-repeat; width: 13px; height: 7px; margin-left: 5px;}
.group_chronicle .chekmore:hover span{ background: url(../images/top_ico.png) no-repeat;}
.group_chronicle .chekmore.open span{background: url(../images/blue_top.png) no-repeat;}
.group_chronicle .chekmore.open:hover span{background: url(../images/top_ico.png) no-repeat;}
/*直属子公司*/
.direct_subsidiary{width: 1200px;margin: 40px auto 0;}
.direct_subsidiary ul{width: 102%;overflow: hidden;}
.direct_subsidiary ul li{width: 594px;height: 178px;float: left;margin-right: 18px;margin-bottom: 20px;margin-top: 2px;}
.direct_subsidiary ul li a{display: block;width: 100%;height: 100%;}
.direct_subsidiary ul li a .img{float: left;width: 250px;height: 178px;display: inline-block;overflow: hidden;}
.direct_subsidiary ul li a .img img{width: 100%;height: 100%;-webkit-transition: all .3s;transition: all .3s;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.direct_subsidiary ul li .company_name{width:344px;background: #f0efef;padding: 28px;box-sizing: border-box;height: 100%;float: left;}
.direct_subsidiary ul li .company_name h3{font-size: 18px;color: #333333;line-height: 30px;font-weight: 500;}
.direct_subsidiary ul li .company_name p,.direct_subsidiary ul li .company_name span{font-size: 12px;color: #999999;font-family: "宋体";line-height: 20px;margin-top: 12px;overflow : hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.direct_subsidiary ul li .company_name span{margin-top: 10px;text-transform: uppercase;}
.direct_subsidiary ul li:hover{box-shadow: 2px 0px 11px rgba(204,204,204,0.75);}
.direct_subsidiary ul li:hover img{transform: scale(1.2)}
.direct_subsidiary ul li:hover .company_name{background: #ffffff;}
.direct_subsidiary ul li:hover h3,.direct_subsidiary ul li:hover .company_name span{color: #1cb8e3;}

/*新闻中心*/
.min_center{width: 1200px;margin: 40px auto;}
.navnews{overflow: hidden;height: 350px; width: 1200px;}
.navnews .left{float: left;width: 600px;height: 350px;}
.slidenews{width: 100%;height: 100%;overflow: hidden;position: relative;}
.slidenews .hd{ height:15px; overflow:hidden; position:absolute;left:250px;bottom:15px; z-index:1; }
.slidenews .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slidenews .hd ul li{ float:left; margin-right:5px;  width:20px; height:3px;background:#fff; cursor:pointer; }
.slidenews .hd ul li.on{ background:#1cb8e3; }
.slidenews .bd{ position:relative; height:100%; z-index:0;   }
.slidenews .bd li{ zoom:1; vertical-align:middle; }
.slidenews .bd img{ width:600px; height:350px; display:block;  }
.navnews .right{width: 600px;height:350px;float: right;padding: 30px;box-sizing: border-box;background: #f7f6f6;}
.navnews .right h3{font-size: 24px;color: #333333;line-height: 36px;font-weight: 500;}
.navnews .right h3 em{display: inline-block;width: 50px;height: 24px;line-height: 24px;text-align: center;background: #cc0000;color: #fff;font-size: 14px;border-radius: 3px;vertical-align: middle;margin-right: 12px;position: relative;margin-top: -3px;}
.navnews .right h3 em:after{content: '';display: block;width: 0px;height: 0px; border-width:6px 0 6px 8px; border-style:solid;border-color:transparent transparent transparent #cc0000;position: absolute;right: -6px;top: 50%; margin-top: -6px;}
.navnews .right p{font-size: 14px;color: #999999;line-height: 26px;font-family: "宋体";margin-top: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.navnews .right a.txt{ display: block;}
.navnews .right a.txt:hover h3{ color: #1cb8e3;}
.navnews .right a.aniu {display:block;position:relative;background:#1cb8e3;color:#fff;width:130px;height:40px;line-height:40px;text-align:center;font-family:"宋体";
font-size:30px;text-decoration:none;margin-top:45px;border-radius:2px;overflow:hidden;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;}
.navnews .right a.aniu img{ width: 17px; height: 17px; position: relative; top: 50%; margin: -8.5px auto 0;}
.navnews .right a.aniu:hover {background:#02549d;}
.navnews .right a.aniu:before {content:' ';position:absolute;background:#fff;width:25px;height:50px;top:0;left:-45px;opacity:0.3;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.navnews .right a.aniu:hover:before {width:45px;left:205px;}
.news_moban{margin-top: 30px;overflow: hidden;}
.titl_name{width: 100%;height: 40px;line-height: 40px;border-bottom: 2px solid #eeeded;}
.titl_name span{font-size: 18px;color: #1cb8e3;font-weight: bold;line-height: 40px;border-bottom: 2px solid #1cb8e3;}
.titl_name a{float: right;font-size: 14px;color: #9fa0a0;font-family: "宋体";text-transform: uppercase;}
.titl_name a:hover{ color: #1cb8e3;}
.news_moban .lf{float: left;width: 580px;}
.news_moban .group_news{width: 100%;}
.news_moban .group_news .type_one{height: 102px;background: #fff;padding: 0px;}
.group_news .type_one:hover  .text h3{ color:#1cb8e3 ;}
.news_moban .group_news .type_one img{width: 176px;height: 102px;}
.news_moban .group_news .type_one .text{margin-left: 195px;}
.news_moban .group_news .type_one .text h3{font-size: 18px;color: #333333;margin-bottom: 12px;}
.news_moban .group_news ul{margin-top: 25px;}
.news_moban .group_news ul li{height: 45px;line-height: 45px;}
.news_moban .group_news ul li font{color: #666;}
.news_moban .group_news ul li span{background: none !important;width: 12px;height: auto;margin-right: 0px;margin-top: 0px;}
.news_moban .lr{float: right;width: 580px;}
.policy .group_news,.policy .group_news ul{margin-top: 0px !important;}
.policy .group_news ul li{border-top: none !important;border-bottom: 1px dashed #e4e4e4;}
.media{margin-top: 30px;overflow: hidden;}
.media ul{width: 102%;margin-top: 20px;}
.media ul li{float: left;width: 285px;margin-right: 20px;text-align: center;}
.media ul li span{display: block;overflow: hidden;width: 285px;height: 166px;}
.media ul li span img{width: 285px;height: 166px;-webkit-transition: all .3s;transition: all .3s;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.media ul li p{font-size: 12px;line-height: 22px;color: #666666;margin-top: 5px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: "宋体";}
.media ul li:hover img{transform: scale(1.2);}
.media ul li:hover p{ color: #1cb8e3;}
/*集团新闻*/
.newsnav a{width: 240px !important;}
.group_news{width: 1200px;margin: 30px auto 0;}
.group_news .type_one{display: block;overflow: hidden;height: 205px;background: #eeeeee;position: relative;padding: 38px;box-sizing: border-box;}
.group_news .type_one a{ display: block; width: 100%; height: 100%;}
.news_moban .group_news .type_one:hover .text  h3{ color: #1cb8e3;}
.group_news .type_one img{width: 350px;height: 205px;position: absolute;top: 0;left: 0;}
.group_news .type_one .text{margin-left: 350px;}
.group_news .type_one .text h3{font-size: 24px;volume: #333333;line-height: 36px;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 25px;}
.group_news .type_one .text font{font-size: 12px;color: #908d8d;font-family: "宋体";line-height: 22px;overflow : hidden;}
.group_news .type_one .text span{color: #1cb8e3;font-size: 12px;font-family: "宋体";}
.group_news ul{overflow: hidden;margin-top: 12px;}
.group_news ul li{border-bottom:1px dashed #e4e4e4;height: 60px;line-height: 60px;}
.group_news ul li:last-child{border-bottom: 1px dashed #e4e4e4;}
.group_news ul li a{display: block;width: 100%;height: 100%;}
.group_news ul li span{background: url(../images/ico7.png) no-repeat;display: inline-block;width: 30px;height: 34px;background-size: 100%;margin-right: 20px;vertical-align: middle;float: left;margin-top: 15px;}
.group_news ul li font{font-size: 14px;color: #333333;font-family: "宋体";width: 80%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.group_news ul li em{float: right;font-size: 14px;color: #999;font-family: "宋体";}
.group_news ul li:hover font{color: #1cb8e3;}
.group_news ul li:hover span{background: url(../images/ico7_on.png) no-repeat;background-size: 100% 100%;}
.group_news .type_one .text span:hover{ text-decoration: underline;}
/*联系我们*/
.contus a{width: 33.3%;}
.contact_us{width: 1200px;margin: 40px auto;overflow: hidden;}
.contact_info{padding: 40px;box-sizing: border-box;overflow: hidden;height: 270px;background-color: #f5f5f5;background-image: url(../images/home_bg.jpg);background-repeat: no-repeat;background-size: 368px 247px;background-position: center bottom;}
.contact_info .infor{float: left;}
.contact_info .infor .gs_name{font-size: 30px;line-height: 30px;color: #1cb8e3;font-weight: bold;display: block;}
.contact_info .infor .yy_mane{font-size: 12px;clear: #999999;font-family: arial;text-transform: uppercase;margin-top: 10px;margin-bottom: 24px;}
.contact_info .infor p{font-size: 14px;color: #666666;line-height: 30px;font-family: "宋体";}
.contact_info .infor p img{vertical-align: middle;margin-right: 15px;width: 20px;}
.contact_info  .ewmshow{float: right;width: 170px;overflow: hidden;text-align: center;}
.contact_info  .ewmshow img{height: 168px;border: 1px solid #e3e2e2;}
.contact_info  .ewmshow p{font-size: 12px;line-height: 24px;font-family: "宋体";color: #6e6d6d;margin-top: 5px;}
.map_form{margin-top: 10px;background: #f5f5f5;overflow: hidden;height: 480px;margin-bottom: 20px;}
.map_form .lef_map{float: left;width: 100%;height: 485px;}
.map_form .lef_map img{width: 100%;height: 100%;}
.right_form{float: left;width: 440px;padding: 30px;box-sizing: border-box;}
.right_form .onlin{font-size: 18px;line-height: 24px;color: #2368b1;font-weight: bold;}
.right_form .onlin font{font-size: 12px;font-family: arial;margin-left: 10px;}
.right_form ul{overflow: hidden;margin-top: 30px;}
.right_form ul li{width: 100%;margin-bottom: 10px;line-height: 36px;}
.right_form ul li .name{display: inline-block;width: 40px;font-size: 14px;color: #666;float: left;}
.right_form ul li input,.right_form ul li textarea{border: 1px solid #eae9e9;width: 340px;height: 36px;padding: 0px 10px;box-sizing: border-box;border-radius: 3px;}
.right_form ul li textarea{height: 135px;padding: 10px;box-sizing: border-box;}
.right_form ul li p{text-align: right;font-size: 12px;color: #999;font-family: "宋体";}
.right_form ul li p em{color: #cc0000 !important;}
.right_form ul li input:focus{border: 1px solid #1cb8e3;}
.right_form ul li .bottom{margin-left: 40px;background: #1cb8e3;border: none;color: #fff;font-size: 12px;font-family: "宋体";font-weight: bold;letter-spacing: 12px;cursor: pointer;}

/*加入我们*/
.join_us{width: 1200px;margin: 40px auto;}
.sideMenu .tlt_name{ height:60px;line-height:60px;background:#f5f5f5; cursor:pointer;margin-bottom: 2px;padding: 0px 30px;box-sizing: border-box;}
.sideMenu .tlt_name i{display: inline-block;background: url(../images/join_icon.png) no-repeat;width: 25px;height: 28px;background-position: 0px -32px;margin-right: 30px;margin-top: 15px;float: left;}
.sideMenu .tlt_name font{font-size: 18px;color: #333333;}
.sideMenu .tlt_name .time{font-size: 14px;color: #666666;float: right;margin-right: 28px;}
.sideMenu .tlt_name em{ float:right; display:inline-block; width:20px; height:24px;background:url(../images/dowu_up.png) no-repeat; cursor:pointer;background-position: 0px -15px;margin-top: 12px;}
.sideMenu ul .on .tlt_name{background: #1cb8e3;}
.sideMenu ul .on .tlt_name i{background-position:0px 0px ;}
.sideMenu ul .on .tlt_name font,.sideMenu ul .on .tlt_name .time{color: #fff;}
.sideMenu ul .on .tlt_name em{background-position: 0px 12px;}
.join_mine{padding: 30px 30px 10px;box-sizing: border-box;background: #F5F5F5;margin-bottom: 2px;display: none;}
.join_mine .join_list{margin-bottom: 20px;}
.join_mine .join_list span{display: block;font-size: 14px;color: #666666;line-height: 30px;font-weight: bold;}
.join_mine .join_list p{font-size: 12px;color: #666666;font-family: "宋体";line-height: 24px;}
.join_mine .lx_fafa{display: block;height: 50px;line-height: 50px;border-top: 1px dashed #dcd9d9;}
.join_mine .lx_fafa font{display: inline-block !important;color: #1cb8e3;margin-right: 40px;}
/*信件列表start*/
.group_news ul li font i{ color: #de0202; margin-left: 8px;}
.e-mail{ width: 1200px; margin:30px auto ;}
.e-mail table{ width: 1200px; }
.e-mail table th{ border: #e5e5e5 1px solid;border-left: #1cb8e3 2px solid;  background: #f5f5f5; font-size: 18px; font-weight: bold; height: 48px; text-align: left;}
.e-mail table td{ border: #e5e5e5 1px solid; font-family: "宋体"; font-size: 14px;}
.e-mail table th span{ padding-left: 23px;}
.e-mail table td.name{ height: 45px; text-align: center; color: #333; font-weight: bold;}
.e-mail table td.txt{ line-height: 180%;  color: #666; padding-left: 20px;}
.e-mail table td.txt p{ padding: 20px 20px 20px 0; font-size: 12px;}
.e-mail table td.txt span{ display: block; text-align: right;}
.e-mail a{ transition: all 0.3s; margin: 40px auto; 10px; display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; border: #d2d2d2 1px solid; border-radius: 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px; background: #eee; font-size: 14px; font-family: "宋体"; color: #999;}
.e-mail a span{ margin-right: 10px; background: url(../images/return_ico.png) no-repeat; vertical-align: middle; width: 18px; height: 18px;}
.e-mail a:hover{ background: #1cb8e3; color: #fff; border: #1cb8e3 1px solid;}
/*总经理信箱start*/
.mail_box{ width: 1200px; margin: 30px auto;}
.mail_box .left{ float: left;}
.mail_box .right{ float: right;}
.mail_box p{  position: relative; padding-left: 12px; height: 24px; line-height: 24px; margin-bottom:20px; font-family: "微软雅黑"; }
.mail_box p:after{ content: ''; width: 3px; height: 20px; background: #1cb8e3; position: absolute; left: 0; top: 2px;}
.mail_box p>i{ font-size: 18px; font-weight: bold;}
.mail_box p span{ color: #1cb8e3;}
.mail_box p em{ position: absolute; right: 0; display: block; top: 0; font-size: 14px;}
.mail_box .left{ float: left; width: 560px; padding-right: 40px; border-right: #dcdcdc 1px solid;}
.new_style li{ width: 100%;
    position: relative;
    height: 45px;
    line-height: 45px;
    font-family: "宋体";
    font-size: 14px;
    border-bottom: #e0dcdc 1px dashed;}
.new_style li span{position: absolute;
    right: 0;
    top: 0;}
.new_style li:hover a{ color: #1cb8e3;}    
.mail_box .right{ float: right; width: 560px;}   
a.more_btn{ margin: 30px auto 0;  text-align: center; line-height: 35px; border-radius: 17.5px; display: block; width: 155px; height: 35px; border: #dcdcdc 1px solid; font-size: 14px; font-family: "宋体"; color: #999;}
a.more_btn:hover{ color: #fff; background: #1cb8e3; border: #1cb8e3 1px solid;}    
.mail_new{ width: 1200px; margin: 0 auto; }    
.mail_form{ width: 1200px; margin: 40px auto 0; padding-top: 35px; border-top: #dcdcdc 1px solid; color: #666; font-size: 14px; font-family: "宋体";} 
.form_select{ width: 100%; margin-bottom: 10px;} 
.form_select i{ display: inline-block; width: 75px; text-align: right; line-height: 34px;}
.form_select i>span{ margin-right: 10px;} 
.form_select input,.form_select select{font-family: "宋体"; color: #333; text-indent: 10px; height: 34px; border: #d2d2d2 1px solid; }  
.input1{ width: 258px;}
.input2,.form_select textarea{ width: 1116px;}
.form_select textarea{border: #d2d2d2 1px solid;  height: 208px; vertical-align: top;}
.form_select select{width: 260px;}
.form_select em{ display: inline-block; width: 116px; height: 36px; vertical-align: middle;}
.form_btn{ margin-top: 30px; padding-left: 75px;}
.form_btn input[type="submit"]{  background: #1cb8e3; }
.form_btn input[type="reset"]{  background: #b5b5b5;}
.form_btn input[type="submit"],.form_btn input[type="reset"]{ cursor: pointer; width: 126px; height: 36px;color: #fff; border: none; margin-left: 7px;}
.form_btn input[type="submit"]:hover,.form_btn input[type="reset"]:hover{ text-decoration: underline;}
/*视觉频道start*/
.promote a{ width: 50%;}
.promote_video{ width: 1200px; margin:30px auto 0;}
.promote_video dl{ width: 584px; font-size: 14px; font-family: "宋体"; color: #333; margin-bottom: 30px; margin-right: 32px; float: left;}
.promote_video dl.nth_2{ margin-right: 0;}
.promote_video dl a{ display: block; width: 100%; height: 100%; color: #333;}
.promote_video dt img{ width: 584px; height: 366px;}
.promote_video dt{ position: relative; width: 584px; height: 366px;}
.promote_video dt span{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
.promote_video dt font{ background: url(../images/video_play.png) no-repeat; width: 64px; height: 64px; position: absolute; z-index: 20; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px;}
.promote_video dd{ position: relative; margin-top: 20px;}
.promote_video dd span{ display: block; position: absolute; right: 0; background: url(../images/promote_ico2.png) no-repeat; width: 20px; height: 20px; top: 0;}
.promote_video dd  p{ width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.promote_video dl:hover dt span{ opacity: 0;filter: alpha(opacity=0);}
.promote_video dl:hover dd span{background: url(../images/promote_ico1.png) no-repeat; }
.promote_video dl:hover dd a{ color: #1cb8e3;}
.video_detail{ position: relative;padding-top:30px;    border-top: #dcdcdc 1px dashed; margin-top: 30px;}
.video_detail video{  width: 1200px; height: 626px; }
.video_detail img{ display: block; width: 64px; height: 64px;top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; position: absolute;}

/*项目案例start*/
.project_list{ width: 1200px; margin: 0 auto;}
.project_list dl{ width: 380px; font-size: 14px; font-family: "宋体"; color: #333; margin-top: 30px; margin-right: 30px; float: left;}
.project_list dl.nth_3{ margin-right: 0;}
.project_list dl a{ display: block; width: 100%; height: 100%; color: #333;}
.project_list dt img{ width: 380px; height: 252px; transition: all 0.6s; -moz-transition: all 0.6s;-webkit-transition: all 0.6s;}
.project_list dt{ position: relative; width: 380px; height: 252px; overflow: hidden;}
.project_list dd{ position: relative;;height: 40px; line-height: 40px; }
.project_list dd span{ margin-right: 10px; display: block; position: absolute; right: 0; background: url(../images/promote_ico1.png) no-repeat; width: 20px; height: 20px; top: 10px;}
.project_list dd  p{ width: 90%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.project_list dl:hover dd{ background: #1cb8e3;}
.project_list dl:hover  a{ color: #fff;}
.project_list dl:hover dd span{background: url(../images/promote_ico3.png) no-repeat; }
.case_intro{ margin-top: 20px;}
.case_intro img{  max-width: 1200px; display: block; margin: 0 auto;}
.case_intro strong{ display: block; text-align: center; font-size: 12px; font-family: "宋体"; color: #666; margin-top: 10px;}
/*招标信息详情start*/
.stroke_detail{font-size: 14px; font-family: "宋体"; color: #666;  margin-top: 30px; padding-top: 30px; width: 1200px; border-top: #dcdcdc 1px dashed;}
.stroke_detail p{ padding-left: 13px; }
.stroke_detail>div{ margin-bottom: 20px; line-height:200%;}

.com_in { /*padding-top:10px;*/
   /* height: 460px;*/
    overflow: hidden;
}
.com_in p{    font-size: 15px;
    line-height: 200%;}
.com_in span,.hide_btn{color: #1cb8e3;}
.com_in_more{ display: none;}
/*公共样式start*/
.pic_dot em{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.program_list dl:hover img,.struc_04 .right a:hover img{ transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05); }
.bd_content ul li .p2,.construct_dl dd .p2{ font-size: 12px; font-family: "宋体"; color: #908d8d; line-height: 180%;}
.construct_dl dd .p2 span,.form_select span{color: #1cb8e3;}
.form_btn input[type="reset"],.form_btn input[type="submit"],.form_select textarea,.form_select input,.form_select select{-moz-border-radius:4px;border-radius: 4px;-moz-border-radius: 4px;}
.promote_video dt span,.program_list dd{ transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}

.company_detail{ width: 1200px; margin: 0 auto; padding: 30px 0 40px;}
.company_detail h1{ color: #1cb8e3; font-size: 24px; font-weight: normal;}
/*动画start*/

@-webkit-keyframes trail_ { 
    from {
        -webkit-transform: rotateZ(0deg);
    } to {
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes trail_ { 
    from {
        transform: rotateZ(0deg);
    } to {
        transform: rotateZ(360deg);
    }
}



/**/
.subnav{ position: relative;}
.subnav ul{ font-size: 0;}
.subnav li{ display: inline-block;  width: 240px;}
.sub_child{ padding-top: 20px; display: none; position: absolute; width: 700px; margin: 30px auto 0; text-align: center; top:20px; left: 0; padding-left: 500px;}
.sub_child a{ margin: 0 10px; background: none; display: inline-block; width: 100px !important; height: 30px; line-height: 30px; text-align: center; font-size: 14px; float: none;}
.sub_child a:hover{ color: #fff;}
.sub_child a.ons{ color: #fff; background: #1cb8e3;}
.third_a{    position: absolute;
    bottom: 0; display: none;
    right: -101px;
    background: #fff;
    border-left: #ececec 1px solid;
    width: 100px;}
/*2018-7-2 商业伙伴*/
.portenr_main_ul{
	overflow: hidden;
	border-left: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
}
.portenr_main_ul li{
	border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    width: 32%;
    background: #fff;
    float: left;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0;
    height: 200px;
}
.portenr_main_ul li img{
    max-width: 60%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.portenr_main_ul li a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #25c8f3;
    color: #fffbfb;
    text-align: center;
    z-index: 10;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.portenr_main_ul li a:hover{
	opacity: 1;
}
.portenr_main_ul li a p{
   	width: 90%;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 80px;
}
/*弹框*/
/* line 1, ../sass/simplelightbox.scss */
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
  display: none;
  z-index: 9999;
}

/* line 12, ../sass/simplelightbox.scss */
.sl-wrapper {
  z-index: 10;
}
/* line 14, ../sass/simplelightbox.scss */
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 24px;
  padding: 0;
  cursor: pointer;
}
/* line 20, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {
  opacity: 0.7;
}
/* line 25, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {
  display: none !important;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 15;
}
/* line 33, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
/* line 36, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -24px;
  height: 48px;
  width: 23px;
  text-algin: center;
  display: block;
  z-index: 99999;
  font-size: 0;
}
/* line 46, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
  right: 40px;
   background: url(../images/r1.png) no-repeat center;
}
/* line 50, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
  left: 40px;
  background: url(../images/r2.png) no-repeat center;
}
/* line 56, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
  left: 50% !important;
  margin-left: -230px !important;
  top: 50% !important;
  margin-top: -291px !important;
}
/* line 61, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  width: 510px !important;
  height: 582px !important;
}
/* line 66, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: #000;
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px; font-family: "宋体";
}

/* line 80, ../sass/simplelightbox.scss */
.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 10;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
