@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}



/* PC导航 */
.toper{ height: 36px;  background: url(../images/tc_0.jpg) no-repeat center;}
.toper i{ font-style: normal; color: #666; font-size: 14px; float: left; line-height: 36px;  width: 314px; float: left;}
.toper .toper_right{ width: 293px; float: right; height: 36px;}
.toper .toper_right p{ height: 36px; line-height: 36px; font-size: 14px; cursor: pointer; margin-right: 20px; position: relative;}
.toper .toper_right p span{ color: #fff;}
.toper .toper_right p:first-child{ background: url(../images/tuchuan_1.png) no-repeat 0px 10px; float: left; text-indent: 25px; margin-left: 2px;}
.toper .toper_right p:nth-child(2){background: url(../images/tuchuan_1.png) no-repeat 0px 10px; float: left; text-indent: 25px;}
.toper .toper_right p:nth-child(3){background: url(../images/tuchuan_2.png) no-repeat 0px 10px; float: left; text-indent: 25px;}
.toper .toper_right p img{ display: none;}
.toper .toper_right p:hover img{ display: block;  position: absolute; left: 0; z-index: 99;}
.top_box{ height: 90px; width: 100%;position: fixed; top: 0; z-index: 99999; background: #fff; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08)}
.box{ height: 90px; width: 100%;}
.box a.pclogo{ display: block; height: 41px; width: 25%; float: left;}
.box a.pclogo img{ margin-top: 20px;}
.box .nav{height: 90px;width:54%;float: left; }
.box .nav .nLi{ text-align: left; text-align: center; height: 90px;  float: left;position: relative; padding: 0 15px; position: relative;}
.box .nav .nLi a{display: block; height: 42px; line-height: 42px; text-align: center;  margin-top: 24px; font-size: 15px;  }
.box .nav .nLi a:hover{color: #fff;}
.box .nav .nLi:hover p a{ color: #333;}
.box .nav .on a{display: block;height: 42px; line-height: 42px; font-size:15px; background: url(../images/muyuanxiang_1.png) no-repeat center;}
.box .nav .on a span{color: #3B363C;}
.box .nav .on a::after{ content: ""; display: block;  position: absolute; height: 4px; width: 60px; background: #3B363C; border-radius: 2px; bottom: 0;}
.box .nav .nLi ul{ background: #eee; position: absolute;top: 90px; z-index: 999; display: none; overflow: hidden; width: 130px; left: -15px;}
.box .nav .nLi ul li{ height: 42px;line-height: 42px; text-align: center;float: none; border-bottom: 1px dashed #dedede}
.box .nav .nLi ul li:last-child{border:none;}
.box .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;width: 130px; }
.box .nav .nLi ul li a:hover{ height: 42px;  line-height: 42px;  background: #3B363C}
.box .nav .nLi ul li a::after{ display: none;}
.box .top_tel{ background: url(../images/tuiguang_1.png) no-repeat left; width: 16%; float: left; margin-top: 12px;padding-left: 60px;}
.box .top_tel p{ font-size: 14px; color: #666;}
.box .top_tel span{display: block; font-size: 19px; color: #3B363C;}


/* PCbanner */
.fullSlide {
    width: 100%;
    position: relative;
    height: 650px;
    background: #fff;
    margin-top: 90px;
}

.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: 650px;
    overflow: hidden;
    text-align: center;
    line-height: 560px;
}

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

.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:25%; margin-top: 12px;}
.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:#e60012; 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 2px!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: #e60012}


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

.index_title_1{ text-align: center; margin-bottom: 20px; overflow: hidden;}
.index_title_1 p{ font-size: 32px; color: #fff;  text-align: center; background: url(../images/index_title_2.png) no-repeat center; height: 45px; line-height: 45px; font-weight: bold;}
.index_title_1 span{ font-size: 14px; color: #fff; line-height: 2; display: block;text-align: center;}




/* 首页产品中心 */
.index_pro_main{ padding: 60px 0; height: auto; overflow: hidden;}
.index_pro_main .pro_fenlei{ height: 48px; display: table; margin: 0 auto; margin-bottom: 20px;}
.index_pro_main .pro_fenlei li{ float: left; line-height: 48px; height: 48px; background: #eeeeee;  margin: 0 5px; border-radius: 24px; margin-bottom: 10px;}
.index_pro_main .pro_fenlei li a{padding: 0 30px;line-height: 48px; display: block;  border-radius: 24px;}
.index_pro_main .pro_fenlei li a:hover{background: #3B363C; color: #fff;}
.index_pro_main .index_pro_list{ overflow: hidden;}
.index_pro_main .index_pro_list li{ float: left;width: 23.8%;margin-right:1.5%; margin-bottom: 16px;}
.index_pro_main .index_pro_list li:nth-child(4n){ margin-right: 0;}
.index_pro_main .index_pro_list li .index_pro_img{  width: 100%; overflow: hidden;}
.index_pro_main .index_pro_list li .index_pro_img img{ width: 100%; transition: all .4s;}
.index_pro_main .index_pro_list li:hover .index_pro_img img{transform: scale(1.1); transition: all .4s;} 
.index_pro_main .index_pro_list li p{ height: 49px; text-align: center; line-height: 49px; background: #f6f6f6; font-size: 16px; color: #333;transition: all .4s; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.index_pro_main .index_pro_list li:hover p{ background: #3B363C; color:#fff}




/* 首页关于我们 */
.index_about_main{ padding: 70px 0; background:#f1f1f1 url(../images/about_bg.jpg) no-repeat center; overflow: hidden;}
.index_about_main .index_about_left{ width: 55%;float: left;}
.index_about_main .index_about_left .index_about_text{ line-height: 30px;  color: #666; text-align: justify; font-size: 14px; margin-bottom: 20px;}
.index_about_main .index_about_left ul{ border: 1px solid #dedede; width: 100%; height: 166px;}
.index_about_main .index_about_left ul li{ width: 33.33%; height: 166px; text-align: center;border-right: 1px solid #dedede; float: left;}
.index_about_main .index_about_left ul li:last-child{ border: none;}
.index_about_main .index_about_left ul li img{ margin-top: 36px;}
.index_about_main .index_about_left ul li p{ font-size: 16px; text-align: center; margin-bottom: 6px;}
.index_about_main .index_about_left ul li span{ font-size: 12px;  color: #666; display: block; text-align: center;}
.index_about_main .index_about_right{ float: right;  width: 38%; height: 306px; position: relative;}
.index_about_main .index_about_right img{ height: 100%; width: auto; position: absolute; z-index: 999}
.index_about_main .index_about_right div{ position: absolute; left: -30px; bottom: -30px; width: 100%; height: 306px; border: 4px solid #3B363C; z-index: 0}


/* 服务优势 */
.index_youshi_main{ padding: 70px 0; background: url(../images/ys_bg.jpg) no-repeat center top; overflow: hidden;}
.index_youshi_main .index_ys{ width: 100%;}
.index_youshi_main .index_ys li{ float: left;width: 23.8%;margin-right:1.5%; height: 250px; background: #fff;}
.index_youshi_main .index_ys li:last-child{margin-right: 0;}
.index_youshi_main .index_ys li div{ display: block; width: 92%; margin: 0 auto; margin-top: 10px; height: 155px; position: relative;}
.index_youshi_main .index_ys li div img{ width: 100%;}
.index_youshi_main .index_ys li i{ display: block; margin: 0 auto;  font-style: normal; height: 56px;width: 56px; background: #3B363C; border: 6px solid rgba(255,255,255,0.25); text-align: center; position: absolute; left: 39%; bottom: -30px; color: #fff;font-size:20px; font-weight: bold; border-radius: 50%; line-height: 45px; }
.index_youshi_main .index_ys li p{ margin-top: 30px; font-size: 18px; color: #333; text-align: center;}
.index_youshi_main .index_ys li span{width: 92%; display: block; margin:  0 auto; text-align: center; font-size: 14px; color: #666; line-height: 1.8}



/* 服务案例 */
.index_case_main{ padding: 70px 0; overflow: hidden;}
.index_case_main ul.index_case{  width: 100%; margin-bottom: 30px; overflow: hidden;}
.index_case_main ul.index_case li{ width: 32%; float: left;margin-right: 1.5%; position: relative;overflow: hidden;}
.index_case_main ul.index_case li:last-child{ margin-right: 0;}
.index_case_main ul.index_case li img{ width: 100%; ransition: all .4s;}
.index_case_main ul.index_case li:hover img{transform: scale(1.1); transition: all .4s;}
.index_case_main ul.index_case li p{ height: 48px; width: 100%; background:rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0; left: 0; line-height: 48px; text-align: center; transition: all .4s;}
.index_case_main ul.index_case li:hover p{ background: #3B363C; color: #fff;}
.index_case_main a.more_case{ height: 48px; padding: 0 20px; background: #3B363C;display: block; margin: 0 auto; color: #fff; width: 160px; line-height: 48px; border-radius: 24px; text-align: center;}


/* 新闻资讯 */
.index_news_main{background: #f6f6f6; padding: 70px 0; overflow: hidden;}
.index_tab_news { display: table; margin: 0 auto;}
.index_news_main .index_tab_news{ height: 48px; display: table; margin: 0 auto; margin-bottom: 20px;}
.index_news_main .index_tab_news li{ float: left; line-height: 48px; height: 48px; background: #e3e3e3;  margin: 0 5px; border-radius: 24px;}
.index_news_main .index_tab_news li a{padding: 0 30px;line-height: 48px; display: block;  border-radius: 24px;}
.index_news_main .index_tab_news li a:hover{background: #3B363C; color: #fff;}
/*.index_news_left{ width: 66.66%;  height: 416px;float:left; background: #fff; padding: 0 20px;}*/
.index_news_left{  background: #fff; padding: 0 20px;}
.left_top_news { }
.left_top_news li{ float: right; width:48%; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; padding-top: 16px;}
.left_top_news li p{ font-size: 16px;text-indent: 12px; background: url(../images/index_news_1.png) no-repeat left center ;line-height:32px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.left_top_news li span{ font-size: 14px; line-height: 1.8; display: block; color: #666}
.left_top_news li i{ line-height: 30px; text-indent: 30px; font-size: 14px; color: #999; font-style: normal; padding-left: 25px;}
.left_top_news li i.cunt{ background: url(../images/cunt.png) no-repeat left center;}
.left_top_news li i.date{ background: url(../images/date.png) no-repeat left center; margin-left: 10px;}
.left_top_news li:nth-child(2){float: right;}


.left_bottom_news li { line-height: 49px;height: 49px; border-bottom: 1px solid #f1f1f1; width: 48%; float: left; text-indent: 12px; background: url(../images/index_news_1.png) no-repeat left center;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.left_bottom_news li:nth-child(2n){ float: right;}
.left_bottom_news li a{ font-size: 14px;}
.left_bottom_news li a span{ float: right; color: #999}
.left_bottom_news li:nth-child(9),.left_bottom_news li:nth-child(10){ border-bottom: none;}

.index_news_right1{ width: 31.6%; float: right; background: #fff;height: 416px;}
.index_news_right1 li{ width: 90%; margin: 0 auto; height: 49px; line-height: 49px;border-bottom: 1px solid #f1f1f1; text-indent: 12px; background: url(../images/index_news_1.png) no-repeat left center; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index_news_right1 li a{ font-size: 14px;}
.index_news_right1 li:last-child{border-bottom: none;}

.index_news_right2{ width: 31.6%; float: right; background: #fff;height: 416px;}
.index_news_right2 li{ width: 90%; margin: 0 auto; height: 49px; line-height: 49px;border-bottom: 1px solid #f1f1f1; text-indent: 12px; background: url(../images/index_news_1.png) no-repeat left center; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index_news_right2 li a{ font-size: 14px;}
.index_news_right2 li:last-child{border-bottom: none;}


.index_news_right{ width: 31.6%; float: right; background: #fff;height: 416px;}
.index_news_right li{ width: 90%; margin: 0 auto; height: 49px; line-height: 49px;border-bottom: 1px solid #f1f1f1; text-indent: 12px; background: url(../images/index_news_1.png) no-repeat left center; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index_news_right li a{ font-size: 14px;}
.index_news_right li:last-child{border-bottom: none;}

.yqlj{ height: auto; overflow: hidden; }
.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: #3B363C; 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: #e60012;}
.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: #e60012; font-size: 16px; color: #fff; width: 100%; cursor: pointer;}
.footer{ position: fixed;  bottom: 0;left: 0;z-index:888; height: 60px;width: 100%; background:#e60012; font-size: .14rem; display: none;}
.footer li{width: 33.33%;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}





.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 {
    color: #ccc;
    font-size: 12px;
    line-height: 56px;
}

.copyright ul {
    float: right;
    width: 370px;
}

.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;
}




.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;}





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

.about_banner{ height: 320px;  background: url(../images/about_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.news_banner{ height: 320px;  background: url(../images/news_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.pro_banner{ height: 320px;  background: url(../images/pro_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.case_banner{ height: 320px;  background: url(../images/case_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.news_banner{ height: 320px;  background: url(../images/news_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.job_banner{ height: 320px;  background: url(../images/job_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.lx_banner{ height: 320px;  background: url(../images/lx_banner.jpg) no-repeat center; margin-bottom: 20px; margin-top: 90px;}
.sj_inside_banner{ display: none;}
.sj_about_banner{ display: none;}
.sj_news_banner{ display: none;}
.sj_pro_banner{ display: none;}
.sj_case_banner{ display: none;}
.sj_job_banner{ display: none;}
.sj_lx_banner{ display: none;}


/* 内页左侧 */
.inside_left{ width: 20%; float: left;}
.inside_left .inside_title{ padding: 20px 0;background:#3B363C; 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: #3B363C}
.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: #3B363C; 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: #3B363C}
.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: 48.6%; float: left; border: 1px solid #eee; margin-bottom: 15px; } 
.case_list li:nth-child(2n){ float: right;}
.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 #3B363C}
.case_list li:hover div{ color: #3B363C}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 15px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.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: #3B363C; 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; }


#map{ width: 100%; height: 320px; margin-top: 20px;}


.inside_news_list ul{ overflow: hidden;}








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

@media only screen and (max-width:1024px ) {
    .top_tel{ display: none;}
    .box .nav{ float: right; width: 70%;}
    .index_youshi_main .index_ys li i{ display: none;}
    .index_youshi_main .index_ys li p{ margin-top: 10px;}
    .index_youshi_main .index_ys li{ height: 192px;}
    footer dl{margin-right: 7%;}
}

@media only screen and (max-width:768px ) {
    .top_box,.fullSlide,.index_about_right,.index_news_right,.yqlj p span,.footer_left{ display: none;}
    .index_header,.sj_banner_1{display: block;}
    .index_about_main .index_about_left{ width: 100%; padding: 0 10px;}
    .left_top_news li span{ height: 3rem; overflow: hidden;}
    .index_news_left{ width: 100%; padding: 0 10px;}
    footer dl {margin-right: 3.1%;}
    .logo{ width: 34%;}
    .index_youshi_main .index_ys li{ height: 154px;}
    .footer_center{width: 48%;}
    .footer_right{ width: 48%;}

    /* 内页样式 */
    .inside_tj_news ul li a span{display: none;}
}
@media only screen and (max-width:425px )  {
    .logo{ width: 60%;}
    .index_pro_main .pro_fenlei{display: block; overflow: hidden; height: auto;}
    .index_pro_main .pro_fenlei li{ width: 32%; float: left; text-align: center; margin: 0; margin-right:2%; margin-bottom: 10px;}
    .index_pro_main .pro_fenlei li:nth-child(3n){ margin-right: 0;}
    .index_pro_main .pro_fenlei li a{ padding: 0;}
    .index_pro_main .index_pro_list li{ width: 48%; float: left;}
    .index_pro_main .index_pro_list li:nth-child(2n){ float: right;}
    .index_about_main .index_about_left ul{ height: 100px;}
    .index_about_main .index_about_left ul li{ height: 100px;}
    .index_about_main .index_about_left ul li span{ display: none;}
    .index_about_main .index_about_left ul li img{margin-top: 20px;}
    .index_pro_main .index_pro_list li p{ height: 32px; line-height: 32px;}
    .index_youshi_main{ background: url(../images/sj_youshi.jpg) no-repeat center; }
    .index_youshi_main .index_ys li{ width: 48%; float: left; margin-bottom: 10px; height: 168px;}
    .index_youshi_main .index_ys li:nth-child(2n){ float: right; margin-right: 0;}
    .index_case_main ul.index_case li{ width: 100%; margin-bottom: 10px;}
    .left_top_news li{ width: 100%;}
    .left_bottom_news li{ width: 100%;}
    .index_news_left{ height: auto; overflow: hidden;}
    .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 p{ display: none;}


    /* 内页样式 */
    .inside_banner{ display: none;}
	.about_banner{ display: none;}
	.news_banner{ display: none;}
	.pro_banner{ display: none;}
	.case_banner{ display: none;}
	.job_banner{ display: none;}
	.lx_banner{ display: none;}
	.inside_banner{ display: none;}
    .sj_inside_banner{ display:block; height: 200px; background:url(../images/sj_ny_banner.jpg) no-repeat center; 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_job_banner{ display:block; height: 200px; background:url(../images/sj_job_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_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 )  {
    .left_bottom_news li a span{display: none;} 
    .index_youshi_main .index_ys li p{ font-size: 14px;}
    .index_youshi_main .index_ys li{ height: 132px;}
}