@charset "utf-8";

/* 全局样式 */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
img{ border:0; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}


/* 网站头部 */
.toper{ height:36px; background: #f5f5f5;  line-height: 36px; }
.toper{ height: 36px; line-height: 36px;  color: #666; font-size: 14px;}

.top{ height: 98px; background: #fff;}
.top .top_left{  width: 60%; float: left;}
.top .top_left a{ display: block;  float: left;}
.top .top_left a img{ margin-top: 20px;}
.top .top_left p{ float: left; margin-left: 20px;  font-size: 16px;  font-weight: bold; padding-left: 20px; position: relative; padding-top: 32px;}
.top .top_left p span{ display: block; font-size: 14px; color: #666; font-weight: normal; line-height: 1.8;}
.top .top_left p::before{ content: ""; position: absolute; width: 1px;  height: 50px;  background: #dedede;left: 0; top: 30px;}

.top .top_right{ width: 20%; float: right; background: url(../images/tuiguang_1.png) no-repeat left center; margin-top: 25px;}
.top .top_right *{ text-indent: 50px; }
.top .top_right p{ font-size: 14px; color: #666;}
.top .top_right p span{ font-family: "Impact"; font-size: 24px; color: #01599D;display: block; }


.pcnav{ height: 48px; width: 100%; background: #01599D}
.pcnav .nav{height: 48px;width:100%; }
.pcnav .nav .nLi{ text-align: left; text-align: center; height: 48px;  float: left;position: relative; width: 14.2%; background: url(../images/tuiguang_5.png) no-repeat center right;}
.pcnav .nav .nLi a{display: block; height: 48px; line-height: 48px; text-align: center;  font-size: 15px;  color: #fff; }
.pcnav .nav .nLi a:hover{color: #fff;}
.pcnav .nav .active a{display: block;height: 48px; line-height: 48px; font-size:15px; background: url(../images/muyuanxiang_1.png) no-repeat center; transition: all 0.3s; background: #01487C}
.pcnav .nav .active a span{color: #fff;}
.pcnav .nav .active a::after{ content: ""; display: block;  position: absolute; height: 3px; width: 100%; background: #ffc258;bottom: 0;left: 0;}
.pcnav .nav .nLi ul{ background: #eee; position: absolute;top: 48px; z-index: 999; display: none; overflow: hidden; width: 170px; }
.pcnav .nav .nLi ul li{ height: 42px;line-height: 42px; text-align: center;float: none; border-bottom: 1px dashed #eee;background: #fff;}
.pcnav .nav .nLi ul li:last-child{border:none;}
.pcnav .nav .nLi ul li a{font-size: 14px; display: block; line-height: 42px; font-weight: normal; background: none;margin-top: 0 !important; height: 42px;border-radius: 0; color: #333;}
.pcnav .nav .nLi ul li a:hover{ height: 42px;  line-height: 42px;  background: #01599D}
.pcnav .nav .nLi ul li a::after{ display: none;}


/* PCbanner */
.fullSlide {
    width: 100%;
    position: relative;
    height: 600px;
    background: #fff;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 600px;
    overflow: hidden;
    text-align: center;
    line-height: 680px;
}

.fullSlide .bd li >a {
    display: block;
    height: 600px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 16px;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    margin: 4px;
    overflow: hidden;
    background: none;
    line-height: 999px;
    border: 2px solid #fff;

}

.fullSlide .hd ul .on {
    background: #fff;
    border: 2px solid #fff;
}

.fullSlide .prev,.fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 10%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 10%;
    background-position: -6px -137px;
}

.banner_bg_top{
    height: 16px;
    background: url(../images/banner_bg_top.png) repeat-x top;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
}


/* 手机站导航 */
.index_header{display: none; background: #fff}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.logo{float:left; width:40%; margin-top: 18px;}
.logo a{float: left; width:100%}
.logo img{width:100%;}
.sj_dh{display: none; float: left; font-size: 16px; line-height:45px; color: #333333; margin-left:2%}
.sj_dh span{font-weight: bold;}
.menu{float:right; height:auto; width:44px; margin-top:18px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:9999; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#01599D; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:9999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; font-size:0.9em;}

.banner{ width:100%;  position:relative;  height:auto; clear: left; }
.banner a{width:100%; height: 100%;}
.banner img{width:100%; height: 100%; display: block}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10%}
.swiper-pagination-bullet{ background: #fff; opacity: 1; width: 15px; height: 15px; border-bottom: 20px; margin: 0px 8px!important}
.swiper-pagination-bullet-active{background:none; border: 1px solid #fff;}


/* 手机banner */
.sj_banner_1{width:100%; height: auto; overflow: hidden; display: none}
.sj_banner_1 img{width:100%; height: auto; display: block}
.swiper-pagination-bullet-active{background: #0172C5}

/* 首页通用标题 */
.index_title_1{ height: auto; overflow: hidden; margin-bottom: 10px; }
.index_title_1 p{ height: 72px; line-height: 72px; font-size: 32px; font-weight: bold; color: #333; background: url(../images/index_title.png) no-repeat center bottom; text-align: center;}
.index_title_1 span{ display: block; text-align: center; font-size: 14px; color: #666; line-height: 3;}
.index_title_2{height: auto; overflow: hidden; margin-bottom: 10px;}
.index_title_2 p{ height: 72px; line-height: 72px; font-size: 32px; font-weight: bold; color: #fff; background: url(../images/index_title_2.png) no-repeat center bottom; text-align: center;}


/* 首页产品中心 */
.index_pro_main{ padding: 60px 0; overflow: hidden; background: url(../images/chanpin_bg.jpg) no-repeat center 20px;}
.index_pro_main .index_pso_tab{ height: 48px; display: table; margin: 0 auto; margin-bottom: 20px; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.index_pro_main .index_pso_tab li{line-height: 48px; text-align: center; float: left; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.index_pro_main .index_pso_tab li a{ padding: 0 30px;}
.index_pro_main .index_pso_tab li:hover {background: #de1620;}
.index_pro_main .index_pso_tab li:hover a{ color: #fff;}

.index_pro_list{ height: auto; width: 100%;}
.index_pro_list li{width: 32%; float: left; margin-right: 1.8%; margin-bottom: 20px; position: relative; overflow: hidden; border:1px solid #E6E6E6;}
.index_pro_list li .index_pro_hover{  position: absolute; width: 100%; height: 100%; bottom: -100%; background: rgba(0,0,0,0.7); left: 0; transition: all 0.3s;}
.index_pro_list li:hover .index_pro_hover{ bottom: 0; left: 0; }
.index_pro_list li .index_pro_hover p{ color: #fff; font-size: 18px; width: 85%; margin: 0 auto; margin-top: 18%; font-weight: bold;}
.index_pro_list li .index_pro_hover span{ font-size: 14px; color: #fff; line-height: 1.6;  width: 85%; margin: 0 auto; display: block; margin-top: 10px; text-align: justify;}
.index_pro_list li:nth-child(3n){margin-right: 0;}
.index_pro_list li .index_pro_hover i{ height: 35px; width: 35px;background: url(../images/tuiguang_2.png) no-repeat center left;display: block; width: 85%; margin: 0 auto; margin-top: 10px;}
.index_pro_list li img{ width: 100%; display:block;}

/* 首页关于我们 */
.index_about_main{   background: url(../images/about_bg.jpg) no-repeat center fixed; overflow: hidden; padding:60px 0;}
.index_about_main .index_about_text{ width: 80%; display: block;  margin: 0 auto; line-height:2; font-size: 14px; color: #fff; text-align: center; margin-top: 20px;}
.index_about_main ul{ width: 100%; overflow: hidden; margin-top: 20px; }
.index_about_main ul li{width: 23.6%; float: left; height: 175px; float: left; margin-right: 1.7%; background: #fff; border-radius: 10px; text-align: center;}
.index_about_main ul li:last-child{ margin-right: 0;}
.index_about_main ul li span{ font-size: 36px; font-weight: bold; color: #e6e6e6; padding-top: 20px; display: block;}
.index_about_main ul li p{ font-size: 18px; color: #333; text-align: center; margin-top: -30px; font-weight: bold;}
.index_about_main ul li p::after{ height: 8px;width: 30px; background: #01599D; display: block; margin: 0 auto; margin-top: 5px; content: ""}
.index_about_main ul li i{ font-style: 14px; font-style: normal;  font-size: 14px;display: block; width: 85%; margin: 0 auto; line-height: 1.6; color: #666; margin-top: 10px;}



/* 首页服务案例 */
.index_case_main{ padding: 60px 0;}
.index_case_main ul{ overflow: hidden;}
.index_case_main ul li{ width: 24%; float: left; margin-right: 0.8%; text-align: center; border: 1px solid #eee; margin-bottom: 12px; overflow: hidden;}
.index_case_main ul li img{ width: 100%; display: block; valign:middle}
.index_case_main ul li:nth-child(6n){margin-right: 0;}
.index_case_main a.index_case_more{ font-size: 18px; display: block; margin: 0 auto; margin-top: 20px; color: #666; width: 140px; text-align: center;}
.index_case_main a.index_case_more:hover{ color: #de1620} 


/* 首页新闻资讯 */
.index_news_main{ padding: 60px 0;background: #f7f7f7 url(../images/news_bg.jpg) no-repeat center 20px; overflow: hidden;}
.index_news_main .index_news_float{width: 32%; float: left; height: 500px;background: #fff; border: 1px solid #eee; margin-right: 1.8%; }
.index_news_main .mag_r0{ margin-right: 0 !important;}
.index_news_main h3{ width:85%; margin: 0 auto; height: 64px; line-height: 64px;  position: relative; text-indent: 28px; font-size: 24px; border-bottom: 1px solid #eee;}
.index_news_main h3::before{content: ""; position: absolute; display: block;  height: 23px; width: 23px; background: url(../images/tuiguang_3.png) no-repeat left center; top: 20px;}
.index_news_main h3 a{ float: right; height: 64px; line-height: 64px;  font-size: 14px; color: #666;}
.index_news_main .first_news{padding: 10px 0; display: block; width: 85%; margin: 0 auto; border-bottom: 1px solid #eee}
.index_news_main .first_news p{ text-indent: 20px; background:url(../images/tuiguang_4.png) no-repeat left center; height: 42px; line-height: 42px;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index_news_main .first_news span{ font-size: 14px; padding-left: 20px; display: block; color: #666; line-height: 1.6; text-align: justify;}
.index_news_main .first_news i{ font-size: 14px; color: #999; line-height: 30px; display: block; margin: 0 auto;  font-style: normal; padding-left: 20px;}
.index_news_list{ width: 85%;  margin: 0 auto;}
.index_news_list a{ line-height: 3.6; border-bottom: 1px dashed #eee; text-indent: 20px; background: url(../images/tuiguang_4.png) no-repeat left center; display: block; font-size: 14px;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index_news_list a span{ float: right; font-size: 14px; color: #666;}
.index_news_list a:last-child{ border-bottom: none;}


/* 友情链接 */
.yqlj{ height: auto; overflow: hidden; margin-top:60px;}
.yqlj p{ width: 21%; float: left; height: 72px; line-height: 72px; font-size: 18px; font-weight: bold; text-indent:20px; position: relative; }
.yqlj p::before{ content: ""; display: block; position: absolute; width: 10px;height: 18px; border-radius: 5px; background: #01599D; top: 28px;}
.yqlj p span{ font-size: 16px; color: #999; font-weight: normal; margin-left: 6px;}
.yqlj ul{ padding-top: 25px; padding-bottom: 20px; overflow: hidden;}
.yqlj ul li{ float: left;  line-height: 24px; font-size: 14px; padding: 0 15px;}


/* 底部导航 */
.footer_nav{height: 64px; background: #0172C5;}
.footer_nav p{ font-size: 18px; font-weight: bold; font-weight: bold; line-height: 64px; color: #fff; float: left; margin-right: 5%;}
.footer_nav li{ float: left; padding: 0 30px; background: url(../images/tuiguang_5.png) no-repeat center right; height: 64px; line-height: 64px;}
.footer_nav li a{ font-size: 14px; color: #fff;}

/* 底部 */
footer{ height: 400px; background: #212121; padding-top: 40px; position: relative; width: 100%;}
.footer_left{ width: 31%; float: left; margin-right: 5%;}
.footer_left h3{ font-size: 18px; color: #fff; line-height: 3;}
.footer_left span{ display: block; line-height: 2; font-size: 14px; color: #ccc; text-align: justify;}
.footer_center{ width: 31%; float: left;}
.footer_center h3{ font-size: 18px; color: #fff; line-height: 3;}
.footer_center p{line-height: 2; font-size: 14px; color: #ccc;}
.footer_right{ width: 31%; float: right;}
.footer_right input{ border: none; height: 42px; line-height: 42px; text-indent: 10px; margin-bottom: 10px;}
.footer_right input.footer_input_1{ width: 48%; float: left;}
.footer_right input.footer_input_2{ width: 48%; float: right;}
.footer_right textarea{ height: 96px; line-height: 2; text-indent: 10px;border: none;width: 100%; margin-bottom: 10px;}


.footer_right input[type="submit"]{ background: #0172C5; font-size: 16px; color: #fff; width: 100%; cursor: pointer;}
.footer{ position: fixed;  bottom: 0;left: 0;z-index:888; height: 60px;width: 100%; background:#0172C5; font-size: .14rem; display: none;}
.footer li{width: 20%;height: 100%;float: left}
.footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
.footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:6px;color: #fff}
.footer span{line-height:30px; font-size: 12px; color: #fff; display: block; width: 100%;}
.footer li a.active{background:#333;color: #fff}
.copy {width: 100%; padding-top:25px; text-align: center; line-height: 20px; padding-bottom: 20px; clear: both; font-size: 14px; display: none; background: #fff}
.copy a{ font-size: 16px; color: #999; height: 30px; line-height: 30px;}
.copy p{width:100%; font-size: 16px; color: #999; line-height: 30px;}
.copy  span{ font-size: 26px; color: #bb0101; font-weight: bold; margin-left:2px;}
.copy img{ width:28px; height: 22px; float: left;}
.copy .iconfont{  font-size: 25px; color: #666666; margin-right:6px;}
.sj_f1{width: 25px;height: 26px}
.sj_f2{width: 28px;height: 25px}
.sj_f3{width: 28px;height: 18px;margin:3px auto 3px;}
.sj_f4{width: 17px;height:21px;margin: 0px auto 2px}
.sj_f5{width: 25px;height: 25px;}



/* 底部 */
.copyright{height: 56px; position: absolute; bottom: 0; width: 100%; border-top: 1px solid rgba(255,255,255,0.05); width: 100%;}
.copyright a{ color: #ccc; font-size: 12px;}
.copyright p {
    width: 50%;
    float: right;
    text-align: right;
    color: #ccc;
    font-size: 12px;
    line-height: 56px;
}

.copyright ul {
    float: left;
    width: 50%;
}

.copyright ul li,.copyright ul li span {
    float: left;
    color: #fff;
    line-height: 56px;
    font-size: 12px;
}

.copyright p {
    display: inline;
}

.copyright ul li a {
    float: right;
    margin-top: 16px;
}

.copyright ul li a.weiling {
    width: 121px;
    height: 18px;
    background: url(../images/vl.png) no-repeat;
    margin-right: 20px;
}

.copyright ul li a.weiling:hover {
    width: 121px;
    height: 18px;
    background: url(../images/vl_hover.png) no-repeat;
}

.copyright ul li a.wangshang {
    width: 107px;
    height: 18px;
    background: url(../images/ws.png) no-repeat;
}

.copyright ul li a.wangshang:hover {
    width: 107px;
    height: 18px;
    background: url(../images/ws_hover.png) no-repeat;
}


/* ----------------------------------------------------------------------内页样式 ----------------------------------------------------------------------*/

.inside_banner{ height: 320px;  background: url(../images/ny_banner.jpg) no-repeat center; margin-bottom: 20px; }
.about_banner{ height: 320px;  background: url(../images/about_ban.jpg) no-repeat center; margin-bottom: 20px; }
.news_banner{ height: 320px;  background: url(../images/news_ban.jpg) no-repeat center; margin-bottom: 20px; }
.pro_banner{ height: 320px;  background: url(../images/pro_ban.jpg) no-repeat center; margin-bottom: 20px; }
.case_banner{ height: 320px;  background: url(../images/case_ban.jpg) no-repeat center; margin-bottom: 20px; }
.jjfa_banner{ height: 320px;  background: url(../images/jjfa_ban.jpg) no-repeat center; margin-bottom: 20px; }
.job_banner{ height: 320px;  background: url(../images/job_ban.jpg) no-repeat center; margin-bottom: 20px; }
.lx_banner{ height: 320px;  background: url(../images/lx_ban.jpg) no-repeat center; margin-bottom: 20px; }
.sj_inside_banner{ display: none;}

/* 内页左侧 */
.inside_left{ width: 20%; float: left;}
.inside_left .inside_title{ padding: 20px 0;background:#01599D; position: relative; margin-bottom: 10px;}
.inside_left .inside_title span{  padding-left: 30px; font-size: 14px; color: #fff; display:block;}
.inside_left .inside_title p{ font-size: 24px; text-indent: 30px; color: #fff; }
.inside_left .inside_title::after{ content: ""; position: absolute; display: block; height: 4px; width: 100%; background: #ffc258; bottom: 0;}
.inside_left ul{overflow: hidden;}
.inside_left ul li{ line-height: 42px; background:#f7f7f7 url(../images/tuiguang_4.png) no-repeat 20px center ; text-indent: 30px; border: 1px solid #eee; margin-bottom: 5px; }
.inside_left ul li a{ display: block; font-size: 15px;}
.inside_left ul li.active{ font-weight: bold; }
.inside_left ul li.active a{ color: #01599D}
.inside_left .inside_ty_lxfs{ width: 100%; border: 1px solid #eee; margin-top: 20px; padding-bottom: 20px; background: #f7f7f7}
.inside_left .inside_ty_lxfs h3{ font-size: 18px; height: 54px; line-height: 54px; text-indent: 30px; font-size: 18px; color: #fff; background: #01599D; margin-bottom: 10px;}
.inside_left .inside_ty_lxfs p{ font-size: 14px; color: #666; padding-left:20px; line-height: 2;}


/* 内页右侧 */
.inside_right{width: 75%; float: right; overflow: hidden; }
.location{ height: 54px; line-height: 54px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.location i{ font-style: normal; font-size: 18px; color: #333; display: block; float: left;}
.location p{  font-size: 14px; float: right; color: #666}
.location p a{ color: #666}

/* 内页详情页 */
.inside_nr{line-height: 2; font-size: 14px;  color: #666; text-align: justify; padding-bottom: 80px;}

/* 内页新闻列表页 */
.inside_news_list{ overflow: hidden; margin-bottom:70px;}
.inside_news_list li{ width: 49%; float: left; background: #f7f7f7; padding: 15px 0; margin-bottom: 15px; transition: all 0.3s; }
.inside_news_list li:nth-child(2n){ float: right;}
.inside_news_list li *{ display: block; width: 95%; margin: 0 auto;}
.inside_news_list li p{ font-size: 16px; color: #333; line-height: 1.8}
.inside_news_list li span{ font-size: 14px; color: #666; line-height: 1.8}
.inside_news_list li i{ font-size: 14px; color: #999; font-style: normal;}
.inside_news_list li:hover{ background: #01599D}
.inside_news_list li:hover *{ color: #fff;}


/* 内页新闻详情页 */
.inside_news_show { overflow: hidden; margin-bottom:70px;}
.inside_news_show h1{ font-size: 30px; text-align: center; line-height: 2;}
.inside_news_show .news_cunt_date{ display: table; margin: 0 auto;}
.inside_news_show .news_cunt_date i{ font-size: 14px; font-style: normal; color: #999; padding: 0 20px;}
.inside_news_show .news_detail{margin-top: 20px;}
.inside_news_show .news_detail p{ font-size: 14px;line-height: 2; color: #666; text-align: justify;}


/* 内页图集 */
.index_pic{overflow: hidden; margin-bottom:70px;}
.case_list{ width: 100%; overflow: hidden;}
.case_list li{  width: 32%; float: left; border: 1px solid #eee; margin-right: 1.8%; margin-bottom: 15px; } 
.case_list li:nth-child(3n){margin-right: 0;}
.case_list li .img{ width: 100%;  margin: 0 auto; overflow: hidden; height: auto; overflow: hidden;}
.case_list li .img img{ width: 100%;transition:all 0.4s;}
.case_list li:hover .img img{transform:scale(1.1); transition:all 0.4s;}
.case_list li:hover{ border: 1px solid #01599D}
.case_list li:hover div{ color: #01599D}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 15px;}

.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.9); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.Gallery.show { opacity: 1; }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed; }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.Gallery img { max-height: 87%; max-width: 99%; }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99%; }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px; }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px; }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px; }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px; }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; }
.g-list span { display: inline-block; vertical-align: middle; height: 100%; }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: grabbing; }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px; }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent; }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff; }
.g-close { cursor: pointer; }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px; }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px; }
.g-top button:hover { opacity: 1; }
.loading { width: 100%; height: 100%; background: #111111; position: absolute; left: 0; top: 0; z-index: 1000; }
.loading s { display: block; width: 30px; height: 30px; background: #0ad1a9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; -moz-animation: load 1.5s linear infinite; -webkit-animation: load 1.5s linear infinite; }
.loading p { text-align: center; font-size: 12px; position: relative; top: 50%; margin-top: 25px; }


/* 产品详情页 */
.inside_pro_show{overflow: hidden; margin-bottom:70px; }
.inside_pro_show .pro_inside_top{ overflow: hidden; margin-bottom: 30px;}
.inside_pro_show .pro_inside_top .left{  width: 50%; float: left;}
.inside_pro_show .pro_inside_top .left img{ width: 100%;}
.inside_pro_show .pro_inside_top .right{ width: 46%; float: right; padding-top: 3%;}
.inside_pro_show .pro_inside_top .right p{  font-size: 18px; font-weight: bold; line-height: 2;}
.inside_pro_show .pro_inside_top .right span{ font-size: 14px; line-height: 2;  color: #666; text-align: justify; display: block; margin-bottom: 20px; }
.inside_pro_show .pro_inside_top .zhuanhua{ }
.inside_pro_show .pro_inside_top .zhuanhua a{ display: block; height: 42px; padding: 0 15px; line-height: 42px; text-align: center; color: #fff; background: #01599D; float: left; margin-right: 10px;}
.inside_pro_show .pro_inside_top .zhuanhua a:nth-child(2){background: #333;}
.pro_inside_bottom{ border: 1px solid #eee; min-height: 300px; padding-bottom: 20px; }
.pro_inside_bottom h3{ font-size: 18px; text-indent: 39px; background:#f7f7f7 url(../images/ny_pro.png) no-repeat 14px center; height: 54px; line-height: 54px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.pro_inside_bottom p{ width: 96%; margin: 0 auto; font-size: 14px; text-align: justify; line-height: 2; color: #666;}




/* 通用推荐部分 */
.inside_tj_pro{ overflow:hidden; margin-bottom: 20px}
.tj_title { overflow:hidden; margin-bottom: 20px}
.tj_title p{ font-size: 24px; color: #333; line-height: 1.8; text-align: center;}
.tj_title span{ display: block; text-align: center; font-size: 14px;  color: #999;}
.inside_tj_pro ul{ width: 100%;}
.inside_tj_pro ul li{ width: 32%; float: left; margin-right: 1.8%; position: relative;}
.inside_tj_pro ul li:nth-child(3){ margin-right: 0;}
.inside_tj_pro ul li img{ width: 100%;}
.inside_tj_pro ul li .tj_pro_hover{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); bottom: -100%;transition: all 0.3s;}
.inside_tj_pro ul li .tj_pro_hover p{ padding-top: 18%; color: #fff;  font-size: 16px; text-align: center; }
.inside_tj_pro ul li .tj_pro_hover span{ display: block; height: 35px; width: 35px; background: url(../images/tuiguang_2.png) no-repeat center; margin: 0 auto; margin-top: 15px;}
.inside_tj_pro ul li:hover .tj_pro_hover{ bottom: 0;}

.inside_tj_news {padding-bottom: 20px; overflow: hidden;}
.inside_tj_news ul li{ height: 42px; line-height: 42px; text-indent: 20px; background: url(../images/tuiguang_4.png) no-repeat left center; width: 48%; float: left; border-bottom: 1px dashed #eee; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.inside_tj_news ul li:nth-child(2n){  float: right;}
.inside_tj_news ul li a span{ float: right; color: #999;    }
.inside_tj_news ul li a {font-size: 14px; }




@media only screen and (max-width:1200px ) {
    .container{width: 100%; padding:0px 10px;}
    .index_news_list a span{ display: none;}
}


@media only screen and (max-width:768px ) {
    .toper,.top,.fullSlide,.top .top_left p,.pcnav,.footer_left,.index_pro_list li .index_pro_hover i{ display: none}
    .top .top_right{ width: 30%;}
    .index_pro_main .index_pso_tab li a{ padding: 0 29px;}
    .index_header,.sj_banner_1{ display: block;}
    .index_about_main ul li{ height: 215px;}
    .mag_r0{ display: none;}
    .index_news_main .index_news_float{width: 49%;}
    .index_news_main .center{ float: right; margin-right: 0;}
    .yqlj p span{ display: none;}
    .footer_nav li{ padding: 0 10px;}
    .footer_center{width: 48%;}
    .footer_right{ width: 48%;}

    /* 内页样式 */
    .inside_tj_news ul li a span{display: none;}
}




@media only screen and (max-width:425px ) {
    .index_pro_main .index_pso_tab{display: block; overflow: hidden; height: auto;}
    .index_pro_main .index_pso_tab li{ width: 33.2%;}
    .index_pro_main .index_pso_tab li a{ padding: 0;}
    .index_pro_list li{ width: 48%; }
    .index_pro_list li:nth-child(2n){margin-right: 0; float: right;}
    .index_pro_list li .index_pro_hover{ height: 32px; line-height: 32px; background: rgba(0,0,0,0.6); text-align: center; font-size: 14px; color: #fff; bottom: 0;}
    .index_pro_list li .index_pro_hover span{ display: none;}
    .index_pro_list li .index_pro_hover p{ height: 32px; font-weight: normal; font-size: 14px; text-align: center; color: #fff; width: 100%;margin: 0; }
    .index_about_main .index_about_text{ width: 100%; padding: 0 10px;}
    .index_about_main ul li{ width: 49%;  height: 185px; margin-bottom: 10px;}
    .index_about_main ul li:nth-child(2n){margin-right: 0;}
    .index_case_main ul li{ width: 32%; margin-right: 1.8%;}
    .index_case_main ul li:nth-child(3n){ margin-right: 0; float: right;}
    .index_news_float{ width: 100%!important; margin-bottom: 10px;}
    .yqlj p{ float: none; width: 100%;}
    .yqlj ul{ padding-top: 0;}
    .footer_nav,.footer_center{display: none;}
    .footer_right{ width: 100%;}
    footer{height: 360px;}
    .footer{ display: block;}
    .copyright{ top: 240px;}
    .copyright p{ display: none;}
    .copyright ul{ width: 100%; height: 32px;}

    /* 内页样式 */
    .inside_banner{ display: none;}
    .sj_inside_banner{ display:block; height: 200px; margin-bottom: 20px;}
	.sj_about_banner{ display:block; height: 200px; background:url(../images/sj_about_banner.jpg) no-repeat center; margin-bottom: 20px;}
	.sj_news_banner{ display:block; height: 200px; background:url(../images/sj_news_banner.jpg) no-repeat center; margin-bottom: 20px;}
	.sj_pro_banner{ display:block; height: 200px; background:url(../images/sj_pro_banner.jpg) no-repeat center; margin-bottom: 20px;}
	.sj_case_banner{ display:block; height: 200px; background:url(../images/sj_case_banner.jpg) no-repeat center; margin-bottom: 20px;}
	.sj_jjfa_banner{ display:block; height: 200px; background:url(../images/sj_jjfa_banner.jpg) no-repeat center; margin-bottom: 20px;}
	.sj_job_banner{ display:block; height: 200px; background:url(../images/sj_job_banner.jpg) no-repeat center; margin-bottom: 20px;}
	.sj_lx_banner{ display:block; height: 200px; background:url(../images/sj_lx_banner.jpg) no-repeat center; margin-bottom: 20px;}
    .inside_left{ width: 100%;}
    .inside_left .inside_title{ display: none;}
    .inside_left ul li{ width: 32%; margin-right: 1.8%; float: left;}
    .inside_left ul li:nth-child(3n){margin-right: 0;}
    .inside_left .inside_ty_lxfs{ display: none;}
    .inside_right{ width: 100%;}
    .location{overflow: hidden; height: auto;}
    .location i{ font-size: 24px; font-weight: bold; float: none; text-align: center;}
    .location p{ display: table; margin: 0 auto; float: none;}
    .inside_tj_pro ul li{ width: 100%; }
    .inside_tj_pro ul li .tj_pro_hover{height: 54px; background: rgba(0,0,0,0.7); bottom: 0; line-height: 54px;}
    .inside_tj_pro ul li .tj_pro_hover p{ height: 54px; line-height: 54px; text-align: center;  color: #fff; padding: 0;}
    .tj_pro_hover span{ display: none;}
    .inside_tj_news ul li{ width: 100%;}
    .inside_tj_news ul li a span{ display: block;}
    .inside_news_list li{ width: 100%;}
    .inside_news_show h1{ line-height: 1.4; font-size: 24px;}
    .case_list li{ width: 48%; }
    .case_list li:nth-child(2n){margin-right: 0; float: right;}
    .inside_pro_show .pro_inside_top .left,.inside_pro_show .pro_inside_top .right{ width: 100%;}
    .inside_pro_show .pro_inside_top .right p{ text-align: center;}
    .inside_pro_show .pro_inside_top .zhuanhua{ display: table; margin: 0 auto; padding: 0 25px}
}


@media only screen and (max-width:375px )  {
    .index_about_main ul li{ height: 220px;} 
    .index_about_main .index_about_text{line-height: 1.8;}
}