@charset "utf-8";
/*about start*/
body{background-color:#fff;}
.block{position:relative;width:100%;}
/*焦点图*/
.banner{position:relative;width:100%;height:378px;overflow:hidden;}
.banner img{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:378px;}
.banner h2{position: absolute; top:94px; left: 50%; margin-left:-580px; text-align: center;}
.banner h2 span{display: inline-block; height: 82px; border-bottom: 4px solid #fff; color: #fff; font-size: 60px; font-weight: bold; line-height: 82px;}
.banner h2 small{display: block; color: #fff; font-size: 30px; font-weight: normal; line-height: 52px; font-style: italic; text-transform: uppercase;font-family: Arial, sans-serif; white-space: nowrap;}
.main{position:relative;width:1200px;}
.content{float:right;width:910px;padding:12px 0 70px;}
.about{padding-top:20px;}
.about img{float:left;width:374px;height:383px;padding-right:24px;display:block;}
.about p{color:#555;font-size:16px;line-height:32px;}
/*about end*/
/*service start*/
.service{padding:16px 20px 0;}
.service h3{padding-bottom: 10px; color:#006ab4;font-size:32px;line-height:1.6;font-weight:normal;}
.service h3 span{display: block; color: #333; font-size: 24px;}
.service p{padding-bottom: 10px; color:#666;font-size:16px;line-height:28px;}
.service ul{}
.service li{padding-bottom: 8px;}
.service li h4{padding-bottom: 6px; color: #333; font-size: 18px; line-height: 1.4;}
.service li p{position: relative; padding-left: 20px;}
.service li p i{position: absolute; left: 0; top:11px; width: 5px; height: 5px; border-radius: 50%; background-color: #555;}
/*service end*/
/*case_list start*/
.case{padding-bottom:12px;}
.case-list{padding-top:25px;}
.case-list ul{overflow:hidden;}
.case-list li{float:left;width:290px;margin-right:19px;margin-bottom:20px;}
.case-list li a{width:100%;display:block;border:4px solid #e5e5e5;transition:all .3s;box-sizing: border-box;}
.case-list li img{width:282px;height:180px;display:block;}
.case-list li span{height:55px;display:block;color:#333;font-size:14px;line-height:55px;text-align:center;overflow:hidden;}
.case-list li a:hover{background-color:#006ab4;border-color:#006ab4;}
.case-list li a:hover span{color:#fff;}
.pager{padding-top:16px;}
.pager ul{text-align:center;}
.pager ul li{display:inline; margin: 0 2px;}
.pager ul a{height:28px;padding:0 12px;display:inline-block;background-color:#f8f8f8;border:1px solid #e8e8e8;color:#898989;font-size:14px;line-height:28px;}
.pager ul a:hover{border-color:#0267a9;color:#0267a9;}
.pager ul li.thisclass a{border-color:#ccc;cursor:default;background-color:#e5edf2;}
/*case_list end*/
/*message start*/
.booking-form{padding:30px 80px 0;}
.booking-form form{width: 500px; margin: 0 auto; display: block;}
.booking-form dl{min-height: 40px; margin-bottom: 20px; display: flex; display: -webkit-flex;}
.booking-form dt{width: 120px; color: #333; font-size:16px; line-height: 40px;}
.booking-form dt i{padding-left: 6px; color: #f00;}
.booking-form dd{flex:1; margin-left:10px;}
.booking-form dd .t,.booking-form dd textarea{width: 350px; height: 38px; padding: 0 10px; display: block; border: 1px solid #99b2ca; border-radius: 4px; color: #525252; font-size: 14px; line-height: 1.6;}
.booking-form dd textarea{height: 120px;padding:16px 12px;}
.booking-form .form-active{padding-top: 10px;}
.booking-form .form-active .submit{width: 200px; height: 46px; margin: 0 auto; display: block; background-color:#006ab4; border-radius: 4px; border: none; color: #fff; font-size: 16px; line-height: 46px; text-align: center;}
.booking-form .form-active .submit:hover{opacity: .8;}
/*message end*/