@charset "UTF-8";
/* CSS Document */
.pro_lists{ margin-top: 30px; min-width: 1200px; }
.pro_lists li{ margin-bottom: 20px;}
.pro_list_tab{ width: 100%; margin:  0 auto; text-align: center; margin-bottom:50px;}
.pro_list_tab a{ margin: 0 80px ; font-size: 30px; padding-bottom: 10px; color: #999999;}
.pro_list_tab a:hover{ border-bottom: 4px solid #f3d827; color:#f3d827; }
.pro_list_tab a.on{border-bottom: 4px solid #f3d827; color: #000;}
.pro_list_box { width: 80%; margin: 0 auto; }
.pro_list_box li{ width: 30%; float: left;  background-color: #fff; margin-right: 3%; padding: 80px 20px 30px 20px; position: relative; box-sizing: border-box; margin-top: 50px;}
.list_car.on{box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.18);}
.text{ height: 50px; line-height: 50px; overflow: hidden; text-align: center; font-size: 18px; margin-top: 30px;}
.list_img{ }
.list_img img{ width: 94%; padding-left: 3%;}
.butbox{ position: absolute; bottom: -80px; left: 0; z-index: 100;box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.18); width: 100%; height: 80px; background: #fff;}
.butbox a{ display: block; height: 40px; line-height: 40px; width: 100%;  padding-left: 20px; box-sizing: border-box;}
.butbox a:hover{ background: #f3d827;}

.lx{ width: 80%; border: 1px solid #ebebeb;  padding: 50px 10%;}
.lx_input{ background: #f0f0f0; height: 50px; width: 30%; float: left; margin-right: 3%; padding: 15px 10px 15px 80px; box-sizing: border-box; position: relative; text-align: right;}
.lx_input span{ position: absolute; left: 0; width: 80px; top: 0; height: 50px; line-height: 50px; z-index: 10; display: block;}
.lx_input input{ width: 100%;}
.lx_but{ width: 200px; margin: 0 auto; background:#f3d827; height: 50px; line-height: 50px; text-align: center; color: #fff;  margin-top: 50px; }

.gy{ width: 80%; margin: 50px auto; min-width: 1200px;}
.gy_c{ width: 50%; float: left;}
.gy_c img{width: 100%; }
.gy p{width: 100%; margin-bottom: 50px; font-size: 18px; color: #555;}
.gy h3{font-size: 30px; margin-bottom: 20px;}
.gy_txt{ width: 45%; padding:150px 5% 0 0;}
.gy_txt2{ width: 40%; padding:150px 5% 0 5%;}
.gy_txt3 h3{ text-align: center;}
.gy_txt3 h3 span{ border-bottom:  3px solid #f3d827;}
.gy_txt3 p{margin-bottom:10px; text-align: center;}

.page{ text-align: center; margin: 20px 0;}
.page a{padding: 4px 10px;border: 1px solid #ebebeb;}
.page a:hover,.page .now{color:#ffba00;}

.shfw_f{ width: 44%; float: left;  padding: 0 3%; position: relative; height: 400px; line-height: 30px;}
.shfw{ width: 80%; margin: 0 auto; margin-top: 20px; }
.shfw h3{ font-size: 24px; margin-bottom: 10px;}
.shfw p{ font-size: 16px;}
.shimg1{ margin-top: 100px;}
.shimg1 img{ width: 80px;}
.shimg2{ position: absolute; right: 20px; bottom: 10px; z-index: 10; width: 40%;}
.shimg2 img{ width: 100%;}
.shfw_colour1{ background: #f0bf41;}
.shfw_colour2{ background: #fcf2d9;}