﻿@charset "utf-8";



body{font-size:63%;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: underline;}

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:500px; 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.5em; 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-content2  img{     }
.m-content{ padding:5px; line-height:24px; font-size:1.5em;font-family:"宋体"; word-break:break-all;}
.m-content2{ padding:5px; line-height:24px;   font-size:1.5em;font-family:"宋体";  }
.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.5em; 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-depage{padding:15px 0;}

.sub-depage a{display:block;padding:5px 0;width:30%;text-align:center;}



/* 普通翻页器-默认居中 */

.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%;}

}



.color-01 .phone-box,

.color-01 .m-nav .s-nav-01 a,

.color-01 .m-nav .s-nav-02,

.color-01 .m-linklist a,

.color-01 .tab .tabtitle,

.color-01 .m-linklist2 .current a,

.color-01 .sub-title,

.color-01 .sub-title a.back,

.color-01 .sub-depage a,

.color-01 .srollTop-box a{background-color:#1075c8;}

.color-01 .m-linklist2 a{border:1px solid #1075c8;}

.color-01 .tab .tabtitle,

.color-01 .tab .tabtitle a.more,

.color-01 .m-linklist2 .current a,

.color-01 .phone-box,

.color-01 .m-nav a,

.color-01 .m-linklist a,

.color-01 .sub-title,

.color-01 .srollTop-box a,

.color-01 .sub-depage a{color:#FFF;}



.color-02 .phone-box,

.color-02 .m-nav .s-nav-01 a,

.color-02 .m-nav .s-nav-02,

.color-02 .m-linklist a,

.color-02 .m-linklist3 a,

.color-02 .m-linklist2 .current a,

.color-02 .sub-title,

.color-02 .sub-title a.back,

.color-02 .sub-depage a,

.color-02 .link-box-a,

.color-02 .srollTop-box a{background-color:#1075c8;}

.color-02 .m-linklist2 a{border:1px solid #1075c8;}

.color-02 .tab .tabtitle{color:#1075c8;}

.color-02 .sub-title,

.color-02 .tab .tabtitle{background:#ededed;border-bottom:1px solid #cdcdcd;}

.color-02 .m-linklist2 .current a,

.color-02 .phone-box,

.color-02 .m-nav a,

.color-02 .m-linklist a,

.color-02 .srollTop-box a,

.color-02 .sub-depage a{color:#FFF;}



/* footer */
.footer{width:100%; height:43px; border-top:1px solid #a6b9c5; background:#1075c8; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;}
.footer ul{width:100%; height:42px; border-top:1px solid #1075c8;}
.footer ul li{float:left; height:42px;width: 32%;}
.footer ul li.foottel{border-right:1px solid #687f8e;}
.footer ul li.foottel P{background:url(../images/foottel.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%; line-height:43px;}

.footer ul li.foottel2{border-right:1px solid #687f8e;}
.footer ul li.foottel2 P{ width:60px; text-align:right; margin:0 auto; height:100%; line-height:43px;}


.footer ul li.footmail{border-left:1px solid #cbdde8; border-right:1px solid #687f8e;}
.footer ul li.footmail P{background:url(../images/footmail.png) no-repeat left center; width:66px; text-align:right; margin:0 auto; height:100%; line-height:43px;}
.footer ul li.footmap{border-left:1px solid #cbdde8;}
.footer ul li.footmap P{background:url(../images/icon1.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%; line-height:43px;}
.footer a{color:#fff; font-family:微软雅黑;}