.mc_bannerbg{background: #ffffff;}
.mc_banner{text-align: center; position: relative;height:auto; overflow: hidden; }
.banner_cont{position: relative;top:-380px;z-index: 5; color:#ffffff;height: 0; }
.mc_banner .banner_cont h1 img{padding-right: 10px; vertical-align: middle;}
.mc_banner h1{ font-size: 32px;vertical-align: middle;padding-bottom:30px;}
.mc_banner h2{ font-size: 24px;vertical-align: middle;padding:20px 0; color: #fff60e;}
.pro_good{padding:30px 0; background: #ffffff;}
.pro_good h1{font-size: 32px;padding-bottom:20px;text-align: center;}
.pro_good p{padding-bottom: 20px;}
.feature-list{ position: relative;}
.feature-1,.feature-2,.feature-3,.feature-4,.feature-img{position: relative; z-index: 1000; float: left;}
.feature-1{width: 370px;top:20px;left:100px;}
.feature-2{width: 370px;top:20px;left:320px;}
.feature-3{width: 270px;top:160px;left:-740px;}
.feature-img{width: 528px;top:0;left:20px;}
.feature-4{width: 270px;top:72px;left:840px;}
.pro_good h2{padding-left:30px;background:url(http://www.sandismithauthor.com/mc/img/mctd.jpg) left bottom no-repeat;color:#237e2a;font-size:16px;line-height:30px}
.round-spread1,.round-spread2,.round-spread3,.round-spread4,.round-spread5,.round-spread6,.round-spread7{position:absolute;width:8px;height:8px}
.round-spread1{top:30%;left:33%}
.round-spread2{top:50%;left:50%}
.round-spread3{top:46%;left:70%}
.round-spread4{top:72%;left:53%}
.round-spread5{top:60%;left:20%}
.round-spread6{top:83%;left:38%}
.round-spread7{top:65%;left:80%}
.round-spread-ico{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#fff600;animation:round-spread 3s 0s infinite linear both}
.round-spread-01{animation-delay:0s}
.round-spread-02{animation-delay:1s}
.round-spread-03{animation-delay:2s}
@-webkit-keyframes round-spread{
0%{opacity:0;transform:scale(0)}
25%{opacity:1;transform:scale(.5)}
100%{opacity:0;transform:scale(3)}
}
@-moz-keyframes round-spread{
0%{opacity:0;transform:scale(0)}
25%{opacity:1;transform:scale(.5)}
100%{opacity:0;transform:scale(3)}
}
@-o-keyframes round-spread{
0%{opacity:0;transform:scale(0)}
25%{opacity:1;transform:scale(.5)}
100%{opacity:0;transform:scale(3)}
}
@keyframes round-spread{
0%{opacity:0;transform:scale(0)}
25%{opacity:1;transform:scale(.5)}
100%{opacity:0;transform:scale(3)}
}
/* pro-list start */
.pro-list{ background: #f1f1f1; text-align: center;padding:30px 0; border-bottom: 8px solid #25832c; }
.pro-list li{ list-style: none;float: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; cursor: pointer;}
.pro-list li:first-child{ cursor: default;}
.pro-list li:nth-child(4),.pro-list li:nth-child(8){border-right:none;}
.pro-list li:nth-child(5),.pro-list li:nth-child(6),.pro-list li:nth-child(7),.pro-list li:nth-child(8){border-bottom:none;}
.pro-list li p{ line-height:25px;padding: 14px;}
.pro-list li img{ vertical-align: initial;}
.pro-list li a:hover{color:#237e2a;}
.pro-list ul li:hover p{color:#237e2a;font-weight: bold;}
.pro-list ul .cli p{ font-weight: bold;color:#237e2a;}
 .pro-list ul  li img {opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;}
.pro-list ul  li:hover  img {opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1);}#tabcontent{padding-top:30px;}
/* pro-list end */
/* procontbg start */
.procontbg{width:100%; background: #ffffff;padding:18px 0;text-align: center; }
.procontbg:before{content: "";width: 0;border-top: 20px solid #237e2a;border-right: 20px solid transparent;border-left: 20px solid transparent;}
.procontbg h2{padding-bottom: 30px;}
.procontbg p{ line-height: 30px;}
.propadding{padding-top:40px;}
.propadding div:nth-child(2){overflow:auto;}
.procontbg ul{ padding-left: 0;}
/* procontbg end */
/* case-show start */
.case-show{padding:30px 0 30px 0; text-align: center;background: #ffffff;}
.case-show h1{font-size:32px; padding-bottom: 40px;}
.case-show ul li{list-style: none; float: left;padding-bottom: 20px;}
/* case-show end */
/* hexin-pro start */
.hexin-pro{width:100%; background: #ffffff;padding-bottom: 50px; text-align: center;}
.hexin-pro h2,.mc-message h2{font-size: 20px; text-align: left;}
.hexin-pro h2:after,.mc-message h2:after{content:"";display: inline-block;width:92.6%;height:1px;background: #ccc; vertical-align: middle;}
/* hexin-pro end */
/* mc-message start */
.mc-message{width:100%; background: #ffffff;padding-bottom: 30px;}
.mc-message h2{ color: #24802b; padding-bottom: 10px;}
.inq_r .province{width:50%;float:left;padding-right:8px}
.inq_r .city{width:50%;float:left;padding-left:8px}
.mc-message .inq_l h3{margin:15px 0 20px}
.mc-message .inq_l img{margin:0 auto;max-width:100%}
.inq_r{margin:20px 0 30px}
.inq_r .button{background-color:#24802a;color:#f0e903;}
@media(min-width:760px){.mc-message .inq_l p{margin:10px 0 0}.inq_r{margin:30px 0 50px}}
@media(min-width:1000px){.mc-message .inq_l img{margin:0}.mc-message .inq_l h3{margin:25px 0 30px}}
@media(min-width:1200px){.inq_r .form-group{margin-bottom:16px}.mc-message p{line-height:44px}.cmc-message .inq_l h3{margin:33px 0 34px}}
/* mc-message end */
/* footer start */
footer .fast-menu {background-color: #24802a;}
footer .fast-menu .float-right {padding-left: 52px;background-color: #24802a;}
footer .fast-menu .float-right .fast-search {background-color: #fff100; color: #24802a;}
/* footer start */
@media (min-width:1200px){.case-show .img-res{width:580px;}}
@media (max-width:1200px){.feature-list{ position: static;}.feature-1,.feature-2,.feature-3,.feature-4,.feature-img{float: left;position: static;width:100%;}.round-spread1,.round-spread2,.round-spread3,.round-spread4,.round-spread5,.round-spread6,.round-spread7{display: none; position: absolute;}.pro-list li{width:50%;border:none;}.hexin-pro h2:after,.mc-message h2:after{width:100%;}}
@media (max-width:1200px) and (min-width:1000px){.pro-list li{width:33.33333%;}}
@media (max-width:1000px){.propadding img{padding-bottom:25px;}.procontbg .hidden{display: block !important;visibility:visible !important;padding-top:50px;}}
@media (max-width:640px){.pro-list li{width:100%;border:none;}.pro-list li img{width:100%;}}
@media (max-width:480px){.banner_cont{top:-430px;}.mc_banner h1 {padding-bottom: 15px; font-size: 26px;}.mc_banner h2 {font-size: 20px;}}