@CHARSET "UTF-8";
#header{width:100%;   text-align:center; padding-top:5px; background:#fff; font-weight:bold; padding-bottom:5px; line-height:44px; font:bold 20px/44px "微软雅黑"; color:#434343; position:relative;  border-bottom:1px solid #bebebe;}
.header_left{width:74px; height:34px; background:url(../../images/abc.png) center 10px no-repeat; background-size:26px 24px; position:absolute; left:0; top:0;  margin-top:5px;}
.header_right{width:74px; height:34px; background:url(../../images/13.png) center 10px no-repeat; position:absolute; right:0; top:0; background-size:26px 21px; margin-top:5px;}
/*header css style*/
#header a{color: #333;}

#nav{text-align: left;
width: 100%;
padding: 5px 0 5px 0px;
background: #e33b3d;
display: -webkit-box;}
#nav li{height: 28px;
line-height: 28px;
font: 400 14px/28px '微软雅黑';
-webkit-box-flex: 1;}
#nav li a{display:block; color:#fff; width:100%; font-weight:bold;}

 /* 首页banner */
.mob-banner {
  position: relative;
}

.mob-banner .slick-slide {
  outline: none;
}

.mob-banner a {
  display: block;
}

.mob-banner a img {
  width: 100%;
}

.mob-banner .slick-dots {
  position: absolute;
  z-index: 99;
  left: 0;
  width: 100%;
  bottom: 10px;
  text-align: center;
  font-size: 0;
}

.mob-banner .slick-dots li {
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  margin: 0 2px;
}

.mob-banner .slick-dots li button {
  display: none;
}

.mob-banner .slick-dots li.slick-active {
  background: #13bf5b;
}

 /*banner css style*/
.out_b{overflow:hidden; margin:0 auto; width:320px; padding-top:10px; padding-bottom:10px;}
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:320px; height:150px; }
.slide a img{width:320px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;} 
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}

 /*product css style*/
 
.products{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.contentss{padding:10px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:"微软雅黑";}
.products_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}


 /* news css style*/
.news{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.news_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.news ul{}
.news ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
.news ul li a{font:400 12px/35px "微软雅黑"; padding-left:28px; text-align:left; display:block;}

/* product_cate css style*/
.product_cate{width:99.5%; margin:0 auto;margin-top:20px;}
.product_cate_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 16px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.product_cate ul{}
.product_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/abcd.png) 95% center no-repeat; background-size:20px 20px;}
.product_cate ul li a{font:400 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}
 
/* footer css style*/
.distraction{height:58px; width:100%;}
.footer{background:#303030; display:-webkit-box; width:100%; margin-top:6px; background-size:9px 128px; position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:74px; display:block; margin:0 auto; text-align:right; font:400 16px/35px "微软雅黑"; color:#fff; height:35px;}
.footer span.span1{background:url(../../images/a1.png) 10px 6px no-repeat; background-size:23px 27px;}
.footer span.span2{background:url(../../images/a2.png) 10px 4px no-repeat; background-size:23px 27px;}
.footer span.span3{background:url(../../images/a3.png) 10px 6px no-repeat; background-size:23px 27px;}
.footer span.span0{background:url(../../images/icon.png) 10px -75px no-repeat; background-size:110px 385px;}
 
 
/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
body{width:100%; height:100%; overflow-x:hidden; position:relative;}







/*图文导航*/
.sun_twnav {
    background: #fff;
    margin-bottom:7px;
}
.sun_twnav li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 8px 0;
}
.sun_twnav li img {
    width: 40%;
}
.sun_twnav li p{
    font-size:14px;
    color: #000;
    line-height:25px;
    text-align: center;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.mob_tit {
    text-align: center;
}
.mob_tit h3{
    font-family:"Microsoft YaHei";
    font-size:26px;
    text-align: center;
    color: #000;
}
.mob_tit p{
    font-size:18px;
    line-height:30px;
    text-align: center;
    color: #888;
}
.mob_tit .line{
    background: url(../../images/sun_tit_bg.png) center no-repeat;
    height:12px;
    width: 100%;
}

.sun_pro {
    background: #fff;
    padding:10px 0;
    margin-bottom:10px;
    padding-bottom:10px;
}
.sun_pro_li {
    margin-top:10px;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;
}
.sun_pro_li li {
    width: 48%;
    margin: 0 0 10px 0;
    background: #F4F4F4;
    box-sizing: border-box;
    padding: 5px;
    float: left;
}
.sun_pro_li li img {
    width: 100% !important;
}
.sun_pro_li li h3{
    font-size:14px;
    font-weight: normal;
    line-height:30px;
}
.sun_pro_li li h3 a{
    color: #888;
    display: block;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.sun_pro_li li p{
    font-size:14px;
    color: #ff2626;
}
.pro_more {
    display: block;
    width: 98%;
    background-color: #13bf5b;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff !important;
    font-family:"Microsoft YaHei";
    font-size:14px;
    margin: 0 auto;
    border-radius: 2px;
}

/*sun_jjfa*/
.sun_jjfa {
    background: #fff;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
}
.aimg {margin: 20px 0}
.aimg img{width: 100%;display: block;}
.acon{color: #666;font-size: 14px;line-height: 24px;margin: 0 10px;}
.jjfa_li {
    margin-top:10px;
}
.jjfa_li li {
    float: left;
    background: #14BF5C;
    text-align: center;
    width: 31.3333%;
    margin: 0 1% 10px 1%;
    padding: 20px;
}
.jjfa_li li .img {
    height:30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.jjfa_li li .img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.jjfa_li li .img:after {
    content: '';
    display: inline-block;
    height:100%;
    vertical-align: middle;
}


.jjfa_li li p {
    text-align: center;
    font-size:14px;
    color: #fff;
    line-height:30px;
}
.case_more{
    display: block;
    width: 98%;
    background-color: #343434;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff !important;
    font-family:"Microsoft YaHei";
    font-size:14px;
    margin: 0 auto;
    border-radius: 2px;
}

/*sun_fwzc*/
.sun_fwzc {
    background: #fff;
    margin-bottom:10px;
    padding:10px 0;
}
.fwzc_li {
    margin-top:10px;
    background: url(../../images/bxfw_bg.jpg);
    background-size: 100% 100%;
}
.fwzc_li li {
    width: 50%;
    float: left;
    border-bottom:1px solid #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 0;
}
.fwzc_li li .img {
    height:50px;
    width: 50px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.fwzc_li li .img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.fwzc_li li .img:after {
    content: '';
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.fwzc_li li p{
    text-align: center;
    color: #fff;
    line-height:30px;
    font-size:14px;
}
.fwzc_li li:nth-of-type(2n) {
    border-left:1px solid #fff;
}

/*sun_gcal*/
.sun_gcal {
    background: #fff;
    margin-bottom:10px;
    padding:10px 0;
}
.sun_gcal_li {
    margin-top:10px;
}
.sun_gcal_li li img{
    width: 100%;
    height:100%;
}
.sun_gcal_li li{
    margin: 0 1% 10px 1%;
    float: left;
    width: 48%;
}
.sun_gcal_li .li_1,
.sun_gcal_li .li_4{
    width: 48%;
}
/*sun_news*/
.sun_news {
    background: #fff;padding: 10px 0;
}
.news_tit {
    background: url(../../images/tt_bg.jpg) left 10px top no-repeat;
    padding-left:20px;
    border-bottom:1px solid #dbdbdb;
    padding-bottom:10px;
    line-height:20px;
}
.news_tit h3{
    display: inline-block;
    font-weight: normal;
    font-size:16px;
    color: #565656;
}
.news_tit a {
    float: right;
    padding-right:10px;
    color: #999999;
}
.sun_news_ll li {
    line-height:40px;
    padding: 5px 0;
    border-bottom:1px solid #ebebeb;
}
.sun_news_ll li a{
    width: 65%;
    display: block;
    float: left;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
    font-size:14px;
    background: url(../../images/news_li_bg.png) left 5px center no-repeat;
    padding-left:15px;
    color: #777;
}
.sun_news_ll li span {
    float: right;
    width: 35%;
    display: block;
    font-size:12px;
    color: #ababab;
    text-align: right;
    padding-right:10px;
}

/*sun_footer*/
.sun_footer {
    position: fixed;
    z-index:999;
    bottom:0;
    width: 100%;
    background: #fff;
    border-top:1px solid #DBDBDB;
}
.sun_footer li {
    width: 20%;
    text-align: center;
    float: left;
    padding-top:5px;
}

.sun_footer li .img {
    height:20px;
    width: 20px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.sun_footer li .img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.sun_footer li .img:after {
    content: '';
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.sun_footer li p {
    text-align: center;
    color: #666;
    font-size:12px;
    line-height:25px;
}

/*sun_nav_box*/
.sun_nav_bg {
    position: fixed;
    top:0;
    left:0;
    z-index:999;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
.nav_close {
    position: absolute;
    top:10px;
    right:63%;
    width: 30px;
    height:30px;
    cursor: pointer;
}
.sun_nav_box {
    width: 60%;
    height:100%;
    position: fixed;
    z-index:9999;
    top:0;
    /*right:0;*/
    right:-100%;
    background: #333436;
    box-shadow: -2px 0 5px #000;
}
.sun_nav_box li {
    border-bottom:1px solid #45494C;
}
.sun_nav_box li img {
    vertical-align: -2px;
    margin-right:5px;
}
.sun_nav_box li a{
    color: #fff;
    font-size: 17px;
    position: relative;
    display: block;
    padding: 4% 0 4% 25px;
}

.sun_mav_btn {
    position: fixed;
    z-index:99;
    left:10px;
    bottom:70px;
    width: 40px;
    height:40px;
    cursor: pointer;
}