﻿.topbg { width:100%; min-height:500px; background:url(topbg.jpg) no-repeat center top; overflow:hidden; }
.xs_tit { width:1200px; margin:0 auto; padding:50px 0; overflow:hidden;}
.xs_tit h1{ width:400px; margin:10px auto; padding:10px 0; text-align:center; font-size:38px; color:#51d67a; font-weight:bold; background:url(titbg.png) repeat center top; }
.xs_tit h2{ width:1000px; margin:10px auto; padding:8px 0; text-align:center; font-size:20px; color:#fff; font-weight:normal; background:url(titbg.png) repeat center top; }

.pro_intro { width:1200px; margin:0 auto; background:url(probg.jpg) no-repeat center top; border-radius:20px; overflow:hidden; }
.pro_inner { padding:30px; }
.pro_wrap { width:100%; height:380px; background-color:#FFF; overflow:hidden; }
.pro_wrap .xs_img { float:left; width:550px; overflow:hidden; }
.pro_wrap .xs_img video{ padding:0px 0 0 10px; width:100%; height:360px; }

.pro_wrap .xs_cons { float:left; padding:0 0 0 20px; width:550px; overflow:hidden; }
.pro_wrap .xs_cons h2{ display:block; font-size:38px; color:#026a04; padding:15px 0 10px 0; }
.pro_wrap .xs_cons .pro_fw { width:100%; overflow:hidden; }
.pro_wrap .xs_cons .pro_fw h3{ display:block; font-size:16px; color:#026a04; padding:6px 0; }
.pro_wrap .xs_cons .pro_fw p{ line-height:22px; }

.pro_tel { width:100%; overflow:hidden; }
.pro_tel .tel{ float:left; padding:0 0 0 60px; background:url(tel.jpg) no-repeat left center; }
.pro_tel .tel span { display: block; font-size: 14px; line-height:20px; }
.pro_tel .tel strong { display: block; font-size: 34px; font-weight: normal; color: #d50000; line-height:35px; }
.pro_tel .msgbtn { float:right; width:250px; text-align:center; }
.pro_tel .msgbtn a { display:block; padding:14px 0; background-color:#1b791d; border-radius:20px; color:#FFF; font-size:17px; }
.pro_tel .msgbtn a:hover{ background-color:#d50000; }

.xs_title { width:1200px; margin:10px auto; line-height:55px; text-align:center; font-size:26px; color:#FFF; background-color:#026a04; overflow:hidden; }
.video_pic { width:100%; padding:10px 0 0 0; list-style:none; overflow:hidden; }
.video_pic li{ float:left; width:32%; margin:0 2% 0 0; text-align:center; }
.video_pic li img{ width:99%; height:250px; border:#eee 1px solid; }
.video_pic li span{ font-size:16px; line-height:50px; }

.gylc { width:100%; overflow:hidden; }
.gylc .gylc_step{ display:block; padding:20px 0; }
.gylc .gylc_step li{ float:left; font-size:30px; color:#333; text-align:center; }
.gylc .gylc_step li i{ padding:0 15px; font-size:30px; font-weight:bold; color:#026a04; }
.gylc p.jszc{ font-size:26px; color:#026a04; line-height:40px; text-indent:52px; }
.gylc p.jszc span{ color:#d50000; }
.gylc h2{ font-size:30px; color:#026a04; text-align:center; }


.xs_about { padding:10px 10px 30px 10px; font-size:16px; line-height:30px; color:#026a04; text-indent:32px; }
.msgbg { background:url(kefu.jpg) no-repeat center top; height:420px; overflow:hidden; }
.msgdiv { padding:20px 50px 0px 50px; }
.msgtit { width:100%; color:#FFF; overflow:hidden;}
.msgtit h2{ display:block; font-size:28px; padding:5px 0; }
.msgtit p{ display:block; font-size:14px; line-height:25px; }

.feedback { padding:0 50px; width:55%; overflow:hidden; }
.feedback .form-item { margin-top: 30px; font-size: 16px; color:#FFF; overflow: hidden; }
.feedback .form-item ul { margin: 0 -35px; }
.feedback .form-item ul li { float: left; width: 50%; margin-bottom: 15px; }
.feedback .form-item .item { margin: 0 35px; }
.feedback .form-item .dt { height:25px; font-weight:bold; }
.feedback .form-item .dd { position: relative; height: 45px; padding: 0 10px 0 55px; border-radius: 2px; border: 1px solid #ccc; background: #e6e6e6; }
.feedback .form-item .dd label { position: absolute; left: 0; top: 0 }
.feedback .form-item .dd label .icon { display: block; width:55px; height: 45px; background-repeat: no-repeat; background-position: center; }
.feedback .form-item .dd label .icon-user { background-image: url("feedback_user.png"); }
.feedback .form-item .dd label .icon-phone { background-image: url("feedback_phone.png"); }
.feedback .form-item .dd label .icon-message { background-image: url("feedback_message.png"); }
.feedback .form-item .dd input,
.feedback .form-item .dd textarea { width: 100%; padding: 10px 0; border: none; background: none; }
.feedback .form-item .dd input { height: 25px; line-height: 25px; }
.feedback .form-item .dd textarea { line-height: 1.8; }
.feedback .form-item ul li.msg { width: 100%; margin-bottom: 0; }
.feedback .form-item ul li.msg .dd { height: auto; }
.feedback .btn { margin-top: 20px; text-align: center; }
.feedback .btn .btn-submit { display: inline-block; height: 40px; padding: 0 50px; font-size: 18px; color: #fff; line-height: 40px; border: none; background: #d50000;border-radius:5px; cursor:pointer; }
.feedback .btn .btn-submit:hover{ background: #bb0000; }