﻿*{ margin:0px; padding:0px; }
img{ max-width: 100%; border: none}
html{ font-size:12px;  color:#000; background-color:#E5D9A9; font-family:微软雅黑,Microsoft Yahei,vistayahei;}
*html{ background-image:url(about:blank); background-attachment:fixed;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none;}
.clear{ height:0px; clear:both; overflow:hidden;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:''; display:block; height:0; clear:both; } 
body{ font-size:12px; font-family:微软雅黑,Microsoft Yahei,vistayahei; color:#000; background:#E5D9A9 url("../images/bg1.jpg") top center no-repeat;}


* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
menu,.ul,.ol,dl,dt,dd,figure{ padding: 0; margin: 0}
.ul li,.ol li {list-style: none;}
a{color: #663300;}

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}

.ul li h3{ font-weight: normal; font-size: 12px;}

.title{ font-size:14px; font-weight:bold; color:#FFF; line-height:30px;}
.lefttitle{ float:left;}
.more{ float:right; font-weight:normal; font-size:12px;}
.line{ height:1px; overflow:hidden; border-bottom:dashed 1px #CCC;}
#page{ max-width:1003px;  margin:auto;}

#header{ min-height: 163px; background:url(../images/top1.png) no-repeat center top; position:relative; z-index:102;}
#header #logo{ padding: 15px 0 0 30px;}
#header #logo .logo{ width: 50%}
#header .pic{ position: absolute;right: 0; top: 39px; max-width: 30%}
#header .box { position: absolute; right: 0; overflow: hidden; top:68px; width:150px; height:25px; line-height:25px; overflow:} 
#header .box ul{margin:0; padding:0} 
#header .box li{ height:25px; line-height:25px; font-size:13px; font-weight:bold;text-align:right; list-style-type:none; color:#6d6439;font-family:Arial;} 
#header #menu{ margin-top:23px;}
#header #menu ul{ margin-left:45px;line-height:37px; font-weight:bold; font-size:14px;}
#header #menu ul li{  float:left; padding:0 10px; background:url(../images/menuline.png) right center no-repeat;}
#header #menu ul li a{  color:#000;  font-size:13px;}
#header #menu ul li a:hover{ text-decoration:underline;}
#header #menu ul .english{ background:url(../images/english.png) center center no-repeat; width:100px; padding:0px;text-align:center;color:#FFF;}
#header #menu ul .english a{ color:#FFF;}
#header #menu ul .english a:hover{ text-decoration:underline;}
#header .sub{ height:37px; padding-left:10px; width:94%; line-height:37px; display:none; background:url(../images/secondbar.png) center center no-repeat; position:absolute; left:29px; top:163px; z-index:20000;}
#header .sub ul{ font-size:12px;}
#header .sub ul li{ float:left; padding:0 10px; background:url(../images/menuline.png) right center no-repeat;}
#header .sub ul li a{ color:#000;}
#header .sub ul li a:hover{ text-decoration:underline;}
#header .sub2{ display: none}
/*#header .sub2{ height:37px;width:936px; line-height:37px; display:none; background-color:#FFF9EA; position:absolute; left:243px; top:160px; z-index:20000;}
#header .sub2 ul{ font-weight:bold; font-size:14px;}
#header .sub2 ul li{ float:left; padding:0 10px; background:url(../images/menuline.png) right center no-repeat;}
#header .sub2 ul li a{ color:#000;}
#header .sub2 ul li a:hover{ text-decoration:underline;}*/
@media(max-width:1000px){
#header{min-height:inherit}
#header #logo{ padding: 10px;}
#header .pic{ top:10px; right: 1%}
#header .box{ right: 60px; top: 35px;}
.header_menu_button{ width:40px;height:36px; top: 35px; right:2%; text-align: center; position:absolute; background-color: #b33325;}
.header_menu_button:hover{cursor: pointer;}
.header_menu_button span{width: 32px; height: 3px; background-color: #fff; position: absolute; top: 6px; left: 4px;}
.header_menu_button span::before,
.header_menu_button span::after{content: ''; left: 0px;width:32px; height: 3px; background-color: #fff; position: absolute;  -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;; transition: 0.3s}
.header_menu_button span::before{top:10px; }
.header_menu_button span::after{top:20px; }
.header_menu_button.is_active span{height: 0;}
.header_menu_button.is_active span::before{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.header_menu_button.is_active span::after{top:10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

#menubg{position: fixed; height: 100vh; width: 200px; left: -220px; top: 0; box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.1); transition: all 0.6s linear; background:#efe7d3}
#header #menu ul li{ float: none; display: block}
#header #menu ul li.ahover{background: #a9945e;}
#header .sub{ background: #a9945e; left: 200px; top: 0; padding: 23px 10px; height: 100%}
#header .sub ul li{ line-height: 37px; float: none; display: block; background: none; border-bottom: dashed 1px #efe7d3}
#header .sub ul li a{ color: #fff}

}
.searchkuang{ float:right; width:200px; margin-right:50px;   *margin-right:35px; *margin-top:0px;  _margin-right:25px; _margin-top:8px;}
.searchkuang .text{ width:130px;border:2px solid #F6ECD1;}
.searchkuang a{ cursor: pointer; display: inline-block; width: 15px; height: 15px; background: url(../images/search_button.jpg) no-repeat center center}
#bottom{ opacity: 0; background:url(../images/bottom1.png) center center no-repeat; height:64px; line-height:35px;display:block;text-align:center;}
.copyright{ padding-left: 110px;}
.copyright a{ margin-left: 10px;}
.abc{line-height:35px; height:64px;max-width:1003px; width: 100%; z-index:1999;position:fixed;bottom:0;background:url(../images/bottom1.jpg) center center no-repeat;}
@media(max-width:768px){
.copyright{ padding-left:2%;}
.copyright a{ display: none}
.searchkuang{ margin-right:0px; *margin-right:0px;}
}



#ewmdiv{ width:57px; height:127px; position:fixed; right:0px; top:160px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+160)); z-index:102; cursor:pointer;}
#ewmdiv #ewmleft{ background:url("../images/ewmleft.png"); width:57px; height:127px;position:absolute; z-index:99; }
#ewmdiv #ewmimg{ position:absolute; left:30px; z-index:98; display:none; width: 227px;}


#main{ background:url(../images/mainbg.png) center center repeat-y; margin:auto;}
#maintop{ max-width:93.221%;margin:auto; position:relative;/* background:url(../images/Intro_top.jpg) center center no-repeat;*/}
#maintop #touming{ position:absolute; z-index:100; bottom: 0}


.leftmenu .column{font-size:14px; height: 64px; line-height:45px;background:url(../images/Intro_menu_top.jpg) center center no-repeat; font-weight:bold; text-align:center; background-size: contain}

.location { padding-top: 15px; overflow:hidden; line-height:25px; border-bottom:solid 2px #BCA87B; margin-bottom: 10px;}
.location .column{font-size:14px; font-weight:bold;background:url(../images/tubiao.jpg) left center no-repeat;padding-left:25px;}
.location .sitmap{ font-weight:normal; color:#5B5037; float: right}
.location .sitmap a{ color:#5B5037;}

#maincontent{ max-width:93.42%; padding: 0 2.5%; margin:auto; margin-top: -27px; position: relative; z-index: 101; background:url(../images/Intro_bottom.jpg) center bottom no-repeat; min-height:400px;}
#maincontent #leftmenu{ width:24.356%;float:left;transition: 0.3s;}
#maincontent #rightmain{ width:72.165%; float:right;}
@media(max-width:960px){
#maincontent{max-width:96%;box-shadow: 0 10px 10px #b9a777;}
}
@media(max-width:640px){
#maincontent{ margin-top:auto}
#maincontent #leftmenu{ width:24.356%;float:none; z-index: 105; position: fixed; top:163px; left: -24.356%}
#maincontent #leftmenu .left_menu,
#maincontent #leftmenu .left_news{ display: none}

#maincontent #leftmenu .wap_menu{ position:fixed; width:50px; height:50px; padding:13px; left:10px; background: #fff; transition: 0.3s; box-shadow: 0 0 10px #a7925d}
#maincontent #leftmenu .wap_menu i{ display:block; float: left; width: 10px; height: 10px; background: #000; margin: 1px;}
#maincontent #leftmenu .wap_menu:hover{ transform:rotate(360deg);-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg);}
#maincontent #leftmenu .wap_menu:hover i{ background: #a7925d}
#maincontent #leftmenu.show_wap{ left: 0; background: #fff9ea; box-shadow: 10px 0 20px #a7925d}
#maincontent #leftmenu.show_wap .wap_menu{ left: 25%}
#maincontent #rightmain{ width:100%; float:none;}
}

.leftmenu{ position: relative}
.leftmenu .left_menu{ padding-bottom:10%}
.leftmenu .menutitle{ line-height:30px; font-size:14px;font-weight:bold; padding-bottom: 3px; background:url(../images/Intro_line.jpg) bottom center no-repeat;}
.leftmenu .nav-item-link{ position: relative}
.leftmenu .nav-item-link a{ padding-left:24px; max-width:115px; margin: auto; display: block; }
.leftmenu .selectmenu .nav-item-link a{ background:url(../images/tubiao.jpg) 0 6px no-repeat;}
.leftmenu .menutitle a{  color:#000;}
.leftmenu .ermenu{ display:none;}
.leftmenu .selectmenu .ermenu{ display:block;}
.leftmenu .left_menu ul{ max-width: 93%; margin: auto; background: url(../images/Intro_line.jpg) top center no-repeat; background-color: #E8DBBB; }
.leftmenu .left_menu ul li{ text-align:center; color:#65593D; border-bottom:solid 1px #DACBA6;}
.leftmenu .left_menu ul li.show a{ color: #663300;}
.leftmenu .have_sub .nav-item-link{ cursor: pointer;}
.leftmenu .have_sub .nav-item-link:before{ content: ''; position: absolute; width: 100%; height: 100%; display: block}
.leftmenu .menutitle .showmenu .ermenutitle{ text-align:center; color:#65593D; border-bottom:solid 1px #DACBA6;}

.left_news{ padding:3px 5px 20% 5px; max-width: 200px; margin: auto; border-radius: 5px; background:url(../images/imglist.png) right bottom no-repeat; box-shadow: 0 0 10px rgba(0,0,0,0.5)}
.left_news .sub{ font-size:14px; line-height:40px; color:#306666; font-weight:bold; text-align:left; padding-left:20px;background:url(../images/imglist_title.png) right center no-repeat; }
.left_news a{ color:#306666; }
.left_news .list{ border-bottom:dashed 1px #306666; padding:5px 0px; margin:auto;}
.left_news .list a{  color:Black; text-decoration:none;}
.left_news .list table{width:100%;}
.left_news .list .pic{width:68px;}
.left_news .list .pic img{width:100%}
.left_news .list .txt{font-size:12px;font-weight:normal;line-height:20px;text-align:left;padding-left:5px; vertical-align: middle}

.left_link{ padding-top: 3%; padding-bottom: 15%}
.left_link ul li{ float: left; width: 50%; text-align: center}

@media(max-width:640px){
.leftmenu .nav-item-link{ padding-left: 10px;}
.leftmenu .nav-item-link a{max-width:none;}
}


.single_article{ padding: 3% 0; font-size:12px; line-height:25px;}
@media(max-width:640px){
.single_article table{ width: 100%!important}
.single_article table td{ width: auto!important}
}

.leader_list{line-height: 25px;}
.leader_list li{ overflow: hidden; border-bottom: dashed 1px #306666; padding: 20px 0px;}
.leader_list li .pic{ width: 80px;height: 100px; overflow: hidden; position: absolute;}
.leader_list li .pic img{ width:100%;}
.leader_list li .info{ padding-left: 95px; padding-right: 10px;}
@media(min-width:640px){
.leader_list li{width:50%; float: left; }
.leader_list li:nth-child(odd){ clear: both}
}

.photo_list ul li{ float: left; text-align: center; width: 33.333%; padding:0.5% 3.46%}
.photo_list ul li .pic{border: solid 2px #DED0B3; }
.photo_list ul li .pic a{display:block; padding-top:75.75%; background: no-repeat center center; background-size:cover}
.photo_list ul li .pic2 a{padding-top:110%; background-position: top center;}
.photo_list ul li .txt{ line-height: 30px;}
@media(max-width:640px){
.photo_list ul li{ width: 50%;}
}

.font_list li{line-height: 30px; border-bottom: dashed 1px #306666;}
.font_list li span{ float: right; padding-left: 10px;}
.font_list li span i{font-style: normal}

.photo_info_list{line-height: 25px;}
.photo_info_list li{ overflow: hidden; border-bottom: dashed 1px #306666; padding: 20px 0px;}
.photo_info_list li .pic{ width: 80px;max-height: 100px;border: solid 2px #DED0B3; overflow: hidden; position: absolute;}
.photo_info_list li .pic img{ width:100%;height: 96px}
.photo_info_list li .pic a{ display: block}
.photo_info_list li .info{ padding-left: 95px; height: 104px;}

.single_article .subtitle{ text-align: center; font-weight: bold}
.single_article .subtitle span{ display: block}
.single_article .photo{ padding: 1% 0; text-align: center}

.prev_next{ padding: 4% 0}
.prev_next #prevdiv,
.prev_next #nextdiv{ width: 48%}
.prev_next #prevdiv{ float: left}
.prev_next #nextdiv{ float: right; text-align: right}
.prev_next a{color:#716139; display: inline-block}
.prev_next span{ display: block}

.GuangYaTravel{ background:#E0CE8E url("../images/travelbg.jpg") top center no-repeat ;}
.GuangYaTravel .swf_box{ max-width: 1100px; margin: auto; padding: 100px 0;}
.GuangYaTravel .back_home { position: absolute}
.GuangYaTravel .back_home a { text-decoration:none; color:#6d6439; font-size:18px; font-weight:bold; }
.GuangYaTravel .swf{ padding-left: 80px;}
.GuangYaTravel .swf *{ width: 100%; height: 697px}

.mainVideo_part #maincontent{ min-height:600px;}
.mainVideo_part #topnext{ padding: 0 5%}
.mainVideo_part #topleft{ display: none}
.mainVideo_part #topright{ width: 100%}
.mainVideo_part #shipintitle { font-size: 20px; line-height: 80px; font-weight: bold; text-align: center}
.mainVideo_part #video,
.mainVideo_part #player{ text-align: center}
.mainVideo_part video{ max-width: 100%}
.video_list{ padding: 3% 5%}
.video_list ul li{ float: left; width: 20%; text-align: center; padding: 2%}
.video_list ul li .pic{ max-width: 120px; margin: auto}
.video_list ul li .pic a{ display: block; padding-bottom:66.67%; background: no-repeat center center; background-size: cover}
.video_list ul li .txt{ line-height: 22px; height: 44px;}

#masters{margin: auto; max-width: 918px; height:189px;padding: 10px;overflow:hidden; border: solid 6px #eadbbe; background: #fff9eb url(../images/main_season_font.jpg) no-repeat 5px center}
.scroll_area{ position: relative; width:100%; height: 159px; overflow:hidden; }
#scroll_content{ padding: 0px 40px 0 80px; position: relative}
#scroll_content #prevbtn,
#scroll_content #nextbtn{position: absolute; top: 0}
#scroll_content #prevbtn{ left: 40px}
#scroll_content #nextbtn{ right: 0}
#scroll_content img{border:none;}
.scroll_list{ margin: auto; width: 90%; overflow:hidden;position:relative;}
.scroll_ul{width:9999px;position:relative;overflow:hidden;clear:both;*zoom:1;}
.scroll_ul .li{width:189px;height:153px; overflow:hidden; position:relative;text-align:center;list-style:none;float:left;}
.scroll_ul .li .pic{ padding:10px;}
.scroll_ul .li .pic a{ display: block; padding-bottom:60%; background: no-repeat center center; background-size:cover}
.scroll_ul .li .txt{font-size: 15px; line-height: 30px;}
.scroll_ul .li .txt a{ color: #433b31}

.gaizhu{ position:absolute; top:0px; left:0px; z-index:3;width:189px; height:153px; }
.gaizhu .renming{ margin-top:140px; font-size:12px; color:#433D31;}

.mainSeason_part #pername,
.mainSeason_part #permid{ text-align: center}
.mainSeason_part .photo{ padding: 20px 0}

.Pages{ text-align: center; padding: 10px 0}
.Pages .i_text{ width: 24px;}
.Pages b{ font-weight: normal; padding:0px 3px;}

.group_team .photo{ width: 123px; height: 160px; overflow: hidden; margin: auto}
.group_team .photo{ display: block; position: relative; width: 123px; height: 160px; margin: auto;}
.group_team .photo:before{ content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/004.gif) no-repeat center center}
.group_team .photo img{width: 100%;}
.group_team .photo .name{ text-align: center; position: absolute; width: 100%; bottom:3px; color: #000; line-height: 20px;}
.group_team .box_pic{ margin-top: 3%; padding: 10px 35px 10px 80px;overflow:hidden; border: solid 6px #eadbbe; background: #fff9eb url(../images/main_0222_font.jpg) no-repeat 5px center}
.group_team .box_info{ padding: 4% 5% 8% 5%}
.group_team .teaminfo { position: relative; min-height: 180px}
.group_team .teaminfo .info{ padding-right: 20%; line-height: 24px;}
.group_team .teaminfo .info .name{ text-align: center; font-size: 18px; font-weight: bold; padding: 1% 0;}
.group_team .teaminfo .photo{ position: absolute; right: 0; top: 0;}

.group_team .slick-arrow{ width: 31px; height: 100%; border: none; background: no-repeat center center}
.group_team .slick-arrow:before{ display: none}
.group_team .slick-prev{ left: -30px; background-image: url(../images/prev.jpg)}
.group_team .slick-next{ right: -30px; background-image: url(../images/next.jpg)}

@media(max-width:960px){
.group_team .box_info{ padding-left: 0; padding-right: 0}
.group_team .teaminfo .info{ padding-right: 130px;}
}