@charset "utf-8";

body{font-size:63%;font-family:'Microsoft YaHei';margin: 0;padding: 0;background:#fff;position:relative;}
html, body, div, p,span, a, table, textarea, form, input, img, ul, li,dd,dl,dt {margin: 0;padding: 0;}
li{list-style:none;text-indent:0;}
a{color:#333;}
a:visited,a:active,a:link {text-decoration: none; color:inherit}
a:hover {text-decoration: none;}
td,th {font-size: 1.2em;}
.left,.l_b{float:left}
.right,.r_b{float:right}
img {border:0px}
h1, h2, h3, h4, h5, h6, b, i, em {font-style: normal;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-family:'Microsoft YaHei';}
.area:after,.clear:after,.con:after,menu_body:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.area{margin-left:auto;margin-right:auto; max-width:320px; min-width:240px;}
.clear,.area,.con,.menu_body,{zoom:1;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
.center{margin-left:auto;margin-right:auto;text-align:center}
/******************************/
.bt5{margin-bottom:5px}
.bt10{margin-bottom:10px}
.bt15{margin-bottom:15px}
.bt20{margin-bottom:20px}
.bt30{margin-bottom:30px}
.bt35{margin-bottom:35px}

/***************** header ***********************/
.top-box{ position:relative;}
.top-box .logo{display:inline-table; height:62px; text-align:center; width:100%;}
.top-box .logo a{ display:block; text-align:center;}
.top-box img{vertical-align:middle;}

.color-select{position:fixed;top:0;left:0;width:100%;z-index:50;}
.color-select li{float:left;height:20px; cursor:pointer;}
/***************** link-box ***********************/
.link-box{ padding:5px 0; color:#666; font-size:1.2em; line-height:23px; font-family:"宋体";}
.link{ padding:0 5px;}
/***************** phone-box ***********************/
.phone-box{}
.phone-box .phone{ height:40px; background:url(../images/phone.png) 60px center no-repeat;}
.phone-box span{ display:block; float:left; height:40px; line-height:40px;}
.phone-box span.span-a{ padding-left:80px; font-size:1.4em;font-family:'Microsoft YaHei';}
.phone-box span.span-b{ font-size:1.8em;font-family:'Microsoft YaHei';}

/***************** m-nav ***********************/
.m-nav{font-size:1.4em;font-family:'Microsoft YaHei';}
.m-nav li{float:left; width:25%;padding:2px 0; height:3em; text-align:center;}
.m-nav a{display:block; margin:0 auto; width:96%; height:3em; line-height:3;overflow:hidden;}


/***************** main-box ***********************/
a.more{ position:absolute; right:3px; top:0; display:block; width:40px; height:38px; line-height:38px;font-size:1.2em; font-family:'宋体'; font-weight:normal;z-index:5;}
.tabcur a.more{z-index:10;}
/***************** news-ul ***********************/
.m-newslist li{ padding:0 5px; height:3em; line-height:3;border-bottom:1px solid #ccc;font-family:"宋体";}
.m-newslist li a{ display:block; padding-left:13px;font-size:1.2em; overflow:hidden;}
.m-newslist li .mark{ color:#1984b7; padding-right:10px;}
/***************** tab ***********************/
.sub-title,
.tab .tabtitle{ position:relative; margin-bottom:5px; border:0; height:36px; line-height:36px;}
.tab .tabtitle:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.tab .tabtitle .tabbtn{ display:inline-block; padding:0 13px; height:36px; line-height:36px; overflow:hidden;text-align:center; cursor:pointer;}
.tab .tabtitle .tabbtn span{ font-size:1.4em;}
.tab .tabtitle .tabcur span{font-weight:bold;}
/***************** con ***********************/
.m-content img{float:left;width:120px;margin-right:10px;}
.m-content{ padding:10px; line-height:24px; font-size:1.2em;font-family:"宋体"; word-break:break-all;}
.m-content a{display:block;}

.m-linklist{font-size:1.4em;padding:4px 0;}
.m-linklist li{float:left;text-align:center;}
.m-linklist a{display:block;padding:0; cursor:pointer;margin:3px 5px; height:3em; line-height:3; text-align:center;font-weight:normal;}

.m-linklist2{font-size:1.4em;padding:4px 0;}
.m-linklist2 li{float:left;text-align:center;}
.m-linklist2 a{display:block;padding:0;cursor:pointer;margin:3px 5px; height:38px; line-height:38px; text-align:center; font-weight:normal;}

.m-linklist3{font-size:1.6em;padding:4px 0;}
.m-linklist3 li{float:left;text-align:center;}
.m-linklist3 a{display:block;padding:0;cursor:pointer;margin:0 2px 3px; height:38px; line-height:38px; text-align:center; font-weight:normal;background:url(../images/nav-class-bg.png) center top no-repeat;}

/***************** photo-list ***********************/
.photo-list{} 
.photo-list li{margin:8px 0;float:left;width:50%;}
.photo-list li .box{width:142px;margin:0 auto;height: 95px;text-align:center;overflow:hidden;margin-bottom:4px;}
.photo-list li img{height:93px;width:142px;}
.photo-list li .pro_name{width:142px;font-size:1.2em;line-height:1.6;margin-left:auto;margin-right:auto;text-align:center; }

/***************** photo-list2 ***********************/
.photo-list2{} 
.photo-list2 li{ position:relative;margin:8px 0;float:left;width:50%;}
.photo-list2 li .box{width:142px;margin:0 auto;height: 115px;text-align:center;overflow:hidden;margin-bottom:4px;}
.photo-list2 li img{height:115px; width:100%;}
.photo-list2 li .pro_name{ position:absolute; bottom:3px; left:50%; width:90%; margin-left:-45%; height:24px; line-height:24px;text-align:center; font-size:1.2em; color:#FFF;background:url(../images/pngbg-60.png) repeat;}

/***************** team-list ***********************/
.photo-list3{} 
.photo-list3 li{margin:8px 0;float:left;width:50%;}
.photo-list3 li .box{width:142px;margin:0 auto;text-align:center;overflow:hidden;margin-bottom:4px;border:1px solid #f9edf3;}
.photo-list3 li img{height:142px;width:142px;}
.photo-list3 li .pro_name{width:90%;font-size:1.2em;line-height:1.6;margin-left:auto;margin-right:auto;text-align:center; }

/***************** team-list2 ***********************/
.photo-list4{} 
.photo-list4 li{ position:relative;margin:8px 0;float:left;width:50%;}
.photo-list4 li .box{height: 142px;width:142px;margin:0 auto;text-align:center;overflow:hidden;margin-bottom:4px;}
.photo-list4 li img{height:142px;width:142px;}
.photo-list4 li .pro_name{position:absolute; bottom:3px; left:50%; width:144px; margin-left:-45%; height:24px; line-height:24px;text-align:center; font-size:1.2em; color:#FFF;background:url(../images/pngbg-60.png) repeat;}

/***************** m-teamcon ***********************/
.m-teamcon li{ padding:15px 5px; border-bottom:1px solid #ece2d8; font-family:"宋体";}
.m-teamcon li:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.m-teamcon li img{ float:left; margin-right:10px; width:100px;height:100px; border:1px solid #ddd;}
.m-teamcon li h4{height:1.6em;line-height:1.6;overflow:hidden;font-size:1.4em;font-family:"宋体"; }
.m-teamcon li .cn{height:6em;line-height:2;font-size:1.2em;overflow:hidden;}


.m-travellist{padding: 10px 0;}
.m-travellist li{float: left;margin-bottom: 15px;}
.m-travellist li .box{width: 146px;margin:0 auto;}
.m-travellist li .img{height: 80px;overflow: hidden;}
.m-travellist li .img img{width: 146px;height: 80px;}
.m-travellist li .name{}
.m-travellist li .name a{font-size: 1.2em;color: #333;line-height: 22px;display: block;height: 40px;overflow: hidden;margin-top: 5px;}
.m-travellist li .name span{font-size: 1.2em;color: #ff9600;margin-top: 5px;display: block;}


.m-travelhotlist{}
.m-travelhotlist li{border-bottom: solid #ddd 1px;clear: both;padding: 15px 5px;}
.m-travelhotlist li:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.m-travelhotlist li img{width: 85px;height:85px;padding:2px;float: left;border: solid #ccc 1px;}
.m-travelhotlist li .cn{width: 207px;float: right;}
.m-travelhotlist li .cn .p1{height: 24px;line-height: 24px;overflow: hidden;font-size: 1.2em;font-weight:bold;}
.m-travelhotlist li .cn .p2{height: 40px;margin-bottom:5px;overflow: hidden;font-size: 1.2em;line-height: 20px;}
.m-travelhotlist li .cn .p3{font-size: 1.2em;color: #ffb244;}


.sub-more{padding:.4em 0;margin-bottom:.4em;text-align:center;line-height:2;font-size:1.8em;color:#666;font-family:'Microsoft YaHei';}
.sub-more a{display:block;border: 1px solid #CCC;background: #EEE;font-weight: bold;color: #555;
text-shadow: 0 1px 0 white;-webkit-border-radius: .6em;border-radius: .6em;
background-image: -webkit-gradient(linear,left top,left bottom,from( white ),to( #F1F1F1 ));
background-image: -webkit-linear-gradient( white,#F1F1F1 );
background-image: -moz-linear-gradient( white,#F1F1F1 );
background-image: -ms-linear-gradient( white,#F1F1F1 );
background-image: -o-linear-gradient( white,#F1F1F1 );
background-image: linear-gradient( white,#F1F1F1 );}

/***************** srollTop-box ***********************/
.srollTop-box{ display:none;}
.srollTop-box a{ display:block; margin-bottom:10px;width:100%; height:3em; line-height:3; color:#fff; font-size:1.4em; text-align:center;-webkit-border-radius: .6em;border-radius: .6em;}
/***************** footer-box ***********************/
#footer{ height: 49px;background-color:#422803;}
.footer-box {position:relative;text-align: center;z-index: 4000;text-align: center;}
.footer-box ul li{float: left; width:25%; background:url(../images/footer-bg.png) right center repeat-y;}
.footer-box ul li.last{ background:none;}
.footer-box .icon{height: 48px; width:100%; display:block;}
.footer-box .ft-ico{height:48px;}
.footer-box .tel{background:url(../images/footer-ico.png) 20px center no-repeat;}
.footer-box .sms{background:url(../images/footer-ico.png) -60px center no-repeat;}
.footer-box .board{background:url(../images/footer-ico.png) -140px center no-repeat;}
.footer-box .map{background:url(../images/footer-ico.png) -220px center no-repeat;}

/***************** sub-box ***********************/
.sub-title{padding:2px 5px 2px 10px;height:32px; line-height:32px;font-size:18px;}
.sub-title a.back{float:right;display:block; width:60px;font-size:14px;text-align:center; color:#fff;font-family:'宋体';border-radius:5px;background-image:url(../images/pngbg-w20.png);background-repeat:repeat;}

.sub-content{padding:10px;font-size:1.2em;line-height:2;  }
.sub-content img{ max-width:100%;}
.sub-content h1{font-size:1.6em;line-height:1.6;text-align:center;font-family:'Microsoft YaHei';margin-bottom:10px;font-weight:bold}
.sub-content .price{color:#FF6400;}
.sub-content .price span{font-size:2em}
.sub-content .button{display: block;text-align: center;cursor: pointer;margin: .5em 0;padding:5px 0;line-height:2;font-size:16px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-border-radius: 1em;border-radius: 1em;border: 1px solid #ccc;background: #eee;font-weight: bold;color: #222;text-shadow: 0 1px 0 #fff;
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );}
.sub-searchbar{width:280px;margin:0 auto;padding:25px 0;}
.sub-searchbar .u-text{float:left;width:200px;line-height:2;font-size:1.2em;color:#b9b9b9;}
.sub-searchbar .u-btn{float:right;width:70px;height:2.2em;text-align:center;cursor:pointer;}
/* sub-search */
.sub-search{margin:0 0 20px;font-family:'Microsoft YaHei';}
.sub-search .m-search{margin:0 0 15px;background:none;}
.sub-search .m-search .u-text{color:#000;}
.sub-search .sea-no{padding:10px 0;line-height:1.6;}
.sub-search .sea-no .pic{float:left;width:35%;margin-right:2%;}
.sub-search .sea-no h3{padding:5px 0 0;font-size:1.3em;;margin-bottom:10px;font-weight:normal;}
.sub-search .sea-no h3 span{color:#cc0000;}
.sub-search .sea-no p{font-size:1.2em;color:#777;}

.sub-depage1{padding:15px 0;}


/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#fff;}
.m-page i{background:none;}
.m-page a,.m-page a:hover{text-decoration:none;color:#333;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:3px;}
.m-page a.pagenxt .pagearr{margin-left:3px;}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;}
.m-page-sr i{border:0;}

/* Swiper Styles */
.swiper-free, .swiper-free .swiper-slide {width:100%; height:162px;}
.swiper-slide {float: left; position:relative;}
.swiper-slide img{ width:100%; height:100%;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* Specify Swiper's Size: */
.arrow-left{ position:absolute; left:5px; top:50%; margin-top:-26px; background:url(../images/bg_direction_nav.png) 0 0 no-repeat; width:52px; height:52px; z-index:999;}
.arrow-right{ position:absolute; right:5px; top:50%; margin-top:-26px; background:url(../images/bg_direction_nav.png) -52px 0 no-repeat; width:52px; height:52px; z-index:999;}
/* Pagination */
.pagination-free{ position:absolute; bottom:5px; right:10px; z-index:999; text-align:right; width:100%; display:none;}
.pagination-bg{ position:absolute; bottom:0; left:0; width:100%; height:30px; filter:alpha(opacity=43);opacity: 0.43;-moz-opacity:0.43;-khtml-opacity: 0.43; background:#000;}
.pagination-text{ position:absolute; bottom:0; left:0; padding-left:10px; height:30px; line-height:30px; color:#fff; font-size:1.2em;}
.pagination-free .swiper-pagination-switch {display:inline-block;width:10px;height:10px;border-radius:50%;background:#a6a6a6; margin:0 3px;cursor: pointer;}
.pagination-free .swiper-active-switch {background: #fff;}

.tabnav,.tabctrl,.tabpage{zoom:1}
.tabnav em,tabctrl b{cursor:pointer;}
.tabpage *{cursor:default;font-weight:normal}
.tabprevno,.tabnextno{cursor:default!important}
.tabprocess{height:5px;overflow:hidden;}

.s-redius-nav .m-nav a,
.s-redius-tt .tab .tabtitle,
.s-redius-link  .m-linklist a,
.s-redius-link  .m-linklist2 a{-webkit-border-radius: .4em;border-radius: .4em;}
.m-nav .current a,
.m-linklist .current a,
.m-linklist2 .current a,
.tab .tabtitle .tabcur{background-image:url(../images/pngbg-w20.png);background-repeat:repeat;}

/***************** phone-box ***********************/
.phone-box1{margin:0 auto 5px; padding:5px 0;text-align:left; color:#f0273a; background:#f8f8f8 url(../images/phone1.png) 10% center no-repeat; border-bottom:1px solid #ededed;}
.phone-title{ padding-left:25%;font-size:1.4em; height:15px;}
.phone-con{ padding-left:25%; font-size:2.4em; font-weight:bold;}
@media screen and (max-width: 320px){
.phone-box1{ background-position:2% center;}
.phone-title,.phone-con{ padding-left:23%;}
}