.mob-wrap {
    max-width: 640px;
    margin: 0 auto;
    padding-bottom: 50px
}

.mob-head {
    background: #fff;
    padding: 10px 0;
    position: relative
}

.mob-head .logo {
    padding: 0 110px 0 15px
}

.mob-head .logo img {
    max-width: 100%
}

.mob-head .head-btn {
    position: absolute;
    right: 15px;
    height: 26px;
    top: calc(50% - 13px);
    font-size: 0
}

.mob-head .head-btn a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    line-height: 26px;
    text-align: center
}

.mob-head .head-btn a img {
    max-width: 100%;
}

.mob-head .head-btn a .iconfont {
    font-size: 20px;
    vertical-align: middle
}

.mob-head .head-btn a .icon-sousuo {
    font-size: 25px
}

.mob-head .head-btn .search-btn {
    border-right: 1px solid #aaa;
    margin-right: 10px;
    width: 40px
}

.search {
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    /* display: none */
}

.search form {
    width: 100%;
    /* border: 1px solid #444; */
    border-radius: 10px;
    height: 38px;
    /* padding: 7px 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search input[type=text] {
    width: 70%;
    padding-left: 15px;
    line-height: 22px
}

.search input[type=submit], .search input[type=text] {
    font-size: 16px;
    color: #323232;
    height: 22px;
    border: none;
    outline: none;
    background: none
}

.search input[type=submit] {
    width: 25%;
    border-left: 1px solid #b6b6b4;
    text-align: center;
    border-radius: 0
}
.search {
    background: #F4F4F4;
    padding: 10px 7px;
}

.search #keyword {
    width: 78%;
    height: 38px;
    background: #fff;
    outline: none;
    border: none;
    font-size: 14px;
    color: #666;
    float: left;
    text-align: left;
    padding-left: 2%;
    border-radius: 4px 0 0 4px;
}

.search #s_btn {
    width: 22%;
    float: left;
    height: 38px;
    border-radius: 0 4px 4px 0;
    outline: none;
    border: none;
    background: #72b41c;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}


#formsearch input::-webkit-input-placeholder {color:#666;}
#formsearch textarea::-webkit-input-placeholder {color:#666;}






/*导航*/
.sun_twnav {
    background: #e8f3db;
    padding: 5% 5% 3%;
}

.sun_twnav li {
    float: left;
    width: 30.333%;
    margin: 0 1.5% 10px 1.5%;
    height: 35px;
    border-radius: 5px;
    opacity: 1;
    background: #72b41c;
}

.sun_twnav li a {
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*推荐产品*/
.mob_box {
    background: #fff;
    padding: 20px 0;
}

.mob_box_fz {
    background:#e1efcf;
}

.sun_news .mob_tit {
    border-bottom: 1px solid #c0cbb2;
    padding:0 0 12px;margin:0 2%;
}

.mob_tit {
    padding: 0 2%;
    line-height: 35px;
    margin-bottom: 15px;
}
.mob_tit img{vertical-align:middle;}
.mob_tit span {
    font-size: 20px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.mob_tit a {
    float: right;
    font-size: 14px;
    color: #666666;
}

.sun_pro ul {
    padding: 0 1%;
}

.sun_pro li {
    float: left;
    width: 48%;
    margin: 0 1% 4%;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
 
}

.sun_pro li img {
    width: 100% !important;display:block;
}

.sun_pro li h3 {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 500;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5%;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    text-align: center;
}

.sun_pro li .price {
    font-size: 14px;
    padding: 0 5%;
    color: #e40808;
    margin-bottom: 10px;
    font-weight: bold;
    display: none;
}

/*解决方案*/
.sun_jjfa li {
    float: left;
    width: 48%;
    margin: 0 1% 5px 1%;
    background: #f6ade4;
    background-size: cover;
    padding: 10px 0;
}

.sun_jjfa li .img {
    width: 10%;
    text-align: center;
    float: left;
}

.sun_jjfa li .img img {
    max-width: 100%;
}

.sun_jjfa li .wz {
    width: 90%;
    float: right;
    padding-right: 2.5%;
}

.sun_jjfa li .wz h3 {
    font-size: 14px;
    color: #fff;
    line-height: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    padding-top: 6px;
}

.sun_jjfa li .wz p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*sun_case*/
.sun_case li {
    width: 30.333%;
    float: left;
    margin: 0 1%;
    position: relative;
    border: 1px solid #dcdcdc;
}

.sun_case li img {
    width: 100%;display:block;
}

.sun_case li h3 {
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 34px;
    bottom: 0;
    z-index: 999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

/*sun_news*/
.sun_news ul {
    padding: 0 2%;
}

.sun_news li {
    line-height: 45px;
    background: url(../images/news_li_bg.png) left center no-repeat;
    padding-left: 25px;
    font-size: 14px;
    border-bottom: 1px dashed #d6cad3;
}

.sun_news li a {
    color: #333333;
    font-size: 14px;
}

.sun_news li a:hover {
    color: #E40808;
}

.sun_news li span {
    float: right;
    color: #999999;
    font-size: 12px;
}

.sun_news li:last-child{border:none;}

.aaa{margin-top:15px;}

/*sun_footer*/
.sun_footer {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    background: #fff;padding:10px 0;
    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_footer li:nth-child(1) .img{background: url(../images/ft_nav.png) no-repeat;}
.sun_footer li:nth-child(2) .img{background: url(../images/ft_nav1.png) no-repeat;}
.sun_footer li:nth-child(3) .img{background: url(../images/ft_nav2.png) no-repeat;}
.sun_footer li:nth-child(4) .img{background: url(../images/ft_nav3.png) no-repeat;}
.sun_footer li:nth-child(5) .img{background: url(../images/ft_nav4.png) no-repeat;}

.sun_footer li:hover:nth-child(1) .img{background: url(../images/ft_nav12.png) no-repeat;}
.sun_footer li:hover:nth-child(2) .img{background: url(../images/ft_nav11.png) no-repeat;}
.sun_footer li:hover:nth-child(3) .img{background: url(../images/ft_nav22.png) no-repeat;}
.sun_footer li:hover:nth-child(4) .img{background: url(../images/ft_nav33.png) no-repeat;}
.sun_footer li:hover:nth-child(5) .img{background: url(../images/ft_nav44.png) no-repeat;}
.sun_footer li:hover p{color:#72b41c;}









.c2 {width:96%;margin:0 auto;
    border: 1px solid #e5e5e5;
    margin-bottom:5px;padding-bottom:4%;
}

.c2 .tu img {
    max-width: 100%;display:block;
}

.c2 dd {width:94%;margin:0 auto;
    font-size: 14px;
    line-height: 24px;
    padding-top: 10px;
 
    margin-bottom: 10px;
}

.c2 a.ck {
    display: block;
    font-size: 14px;
    width: 120px;
    line-height: 34px;
    background: #72b41c;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}