@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;  font-family:"黑体";  vertical-align: baseline;  text-decoration:none; } 
:focus {  outline: 0; } 
table {  border-collapse: separate;  border-spacing: 0; } 
caption, th, td {  height:30px;  font-weight: normal; } 
a img, iframe {  border: none; } 
ol, ul {  list-style: none; } 
input, textarea, select, button {  font-size: 100%;  } 
select {  margin: inherit; } 



      
*{padding:0;margin:0;} 
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;} img,input{border:none;vertical-align:middle;} 
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
 select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;} .clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;} 
.clearfix:after{content:"";display:block;clear:both;} 
.clearfix{zoom:1;} 
a:link,a:visited{text-decoration:none;} 
a:hover,a:active{text-decoration:underline;}

/*
 * 修正IE5.x和IE6的斜体溢出bug
 * @bugfix
 * @css-for IE 5.x/Win, IE6
 */
* html body{
overflow: visible;
}
body{background:#101010;}
* html iframe, * html frame{
overflow: auto;
}
* html frameset{
overflow: hidden;

}

/* @group 常用标签 */
/*
* 基本标签默认样式取消
* @overlay HTML标签
* @desc 取消基本标签默认样式,防止不同浏览器显示效果不同
* @Prop text-align:center; 解决不同浏览器剧中问题
*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0; font-family:"黑体"}
input,select{font-size:12px;vertical-align:middle;}
/*
* 设置内容左对齐
* @overlay div
* @desc 恢复因BODY设置剧中产生的继承
*/
body div{text-align:left;}

/*
* 标签属性
* @overlay textarea,input
* @desc 强制输入时内容超出时换行
*/
textarea,input{	word-wrap:break-word;word-break:break-all;/*padding:0px;*/}
/*
* 清除ul列表标记的样式
* @overlay li
* @desc	ul列表更多的用在不需要列表前置符号的样式里
*/
li{list-style-type:none;}
/*
* 定义图片边框
* @overlay img
* @desc	当图片作为链接内容被填充时，会有默认边框出现，重定义掉
*/
img{border:0 none;}

/* 去掉链接的虚线框 */
/* a {outline: none; a {star:expression(this.onFocus=this.blur()); */  

/*
* 定义H系列标签
* @overlay HN
* @desc 覆盖H系列标签默认属性
*/
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}

/* @end */


/* @group 通用属性定义 */
/* 鼠标样式 */
.pointer{cursor:pointer;}
/* 取消边框 */
.NoBorder{border:0 none;}
/* 文本对齐方式 */
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}

/*
* 字母和单词换行设置
* @class Break 强制内容换行
* @class Nobreak 强制内容不换行
*/
.Break{word-break:break-all;word-wrap:break-word;}
.Nobreak{word-break:keep-all;word-wrap:normal;}

/* 浮动定义 */
.FL{float:left;}
.FL1{float:left; margin-left:5px;}
.FR{float:right;}

/* 定义文本下划线 */
.UnLine{text-decoration:underline;}
.DisunLine{text-decoration:none;}

/* 定位关系 */
.absolute{position:absolute;}
.relative{position:relative;}



/* 通用容器 */
.wrapper{
clear: both;
overflow: hidden;
}

/* @group 隐藏元素 */

/*
* 隐藏元素
* @class o-hidden
* @desc 当元素内容内容超出元素height 或 width 时，隐藏之
*/
.o-hidden{overflow:hidden;}
/*
* 隐藏元素
* @class invisible
* @desc	visibility可以隐藏元素，但是还是会在布局中占位
*/
.invisible{
visibility:hidden;
}

/*
* 从页面布局上隐藏元素
* @class hidden
* @desc	从布局上隐藏元素
*/
.hidden{
display: none;
}
.block {display:block;}
/* @end */

/*
 * 清理元素
 * @class clear
 * @desc	清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG
 */
 .clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
 


/* 常用样式定义 */

/*
* 边框定义
* @Pro 由大写B开头,表示系统公用边框样式
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/
.BTW{ border-top-width:1px;}
.BRW{ border-right-width:1px;}
.BLW{ border-left-width:1px;}
.BBW{ border:0px; border-bottom-width:1px;}
.Bord1{border:1px solid #999;}
.Bord2{border:2px solid #999;}

/* 下划线 */
.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}
/*.BotDotLine{ background: url(../image/dot01.gif) repeat-x left bottom;}*/
.BotDotLine01{ width:95%; margin:0 auto; background: url(../image/dot01.gif) repeat-x; height:1px; line-height:1px; overflow:hidden;}
/*.BotDasLine{ border-bottom:1px dashed #CFCFCF; overflow:hidden; height:1px; line-height:1px;}*/
/*.border-r-dot{ background:url(../image/dot02.gif) repeat-y right top;}*/

/*
* 宽度定义
* @Pro 由小写C开头,表示color
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/
.W1024,.W786,.W975,.W972{width:968px;margin:0 auto;}
.W1024{width:1024px;}
.W786{width:786px;}
.W975{width:975px;}
.W972{width:972px;}

/*
* 颜色功能定义
* @Pro 由小写C开头,表示color
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/
.cRed{color: #F00;}
.cWhite{color: #FFF;}
.cGreen{color:#0F0;}
.cGray{color: #666;}
.cBlue{ color: #00F;}
.cblack{ color:#000;}
.cyellow{ color:#fff100}
.ccheng{ color:#f28d00}
/* 定义某个项目常用颜色 */
.c001{color:#663;}

/*
* 定义字体样式
* @Pro 由大写字母F开头,表示FONT
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/

/* 字体样式 */
.FB{font-weight:bold;}
.FN{ font-weight:normal;}
.FI{font-style:italic;}
/* 字体大小 */
.F10{font-size:10px;}
.F11{font-size:11px;}
.F12{font-size:12px;}
.F13{font-size:13px;}
.F14{font-size:14px;}
.F16{font-size:16px;}
.F18{font-size:18px;}

/*
* 定义行高
* @class LH
* @desc 使用较少,主要定义line-height属性
*/
.LH1{ line-height:1px; }
.LH10{ line-height:10px; }
.LH15{ line-height:15px; }
.LH18{ line-height:18px; }
.LH20{ line-height:20px; }
.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}
.LH40{ line-height:40px; display:block; text-indent:5px}
/*垂直高度*/
.mt25{ margin-top:25px}


/*action*/
.top{ width:100%; background:url(../images/topbg.jpg) center center no-repeat; margin:0 auto; height:203px}
.top_main{ width:1011px; margin:0 auto; height:203px; overflow:hidden}
.language{ width:1011px; text-align:right; color:#FFF; font-size:12px; margin-top:27px; height:auto; overflow:hidden}
.language a{ color:#FFF; font-size:12px;text-decoration:none;}
.logo{ width:423px; height:auto; overflow:hidden; margin:0 auto; color:#FFF; font-size:20px; font-family:"黑体"} 
.sousuo{ width:1011px; margin:0 auto; height:24px; overflow:hidden}
.anniu{ width:152px; height:22px; border:1px solid #b5b6b6; border-radius:20px; background:#FFF; float:right;}
.btn{ width:120px; height:20px; border:none; border-radius:20px; font-size:12px;text-indent:2em; float:left; line-height:150%}

.mainq{ width:100%;  height:auto; background:url(../images/bg.jpg) center center no-repeat; overflow:hidden;margin:0 auto}
.mainq1{ width:100%;  height:auto; background:url(../images/cpbg_02.jpg) center center no-repeat; overflow:hidden;margin:0 auto}
.maincp{width:100%;  height:auto; background:url(../images/cpbg_02.jpg) center center no-repeat; margin:0 auto}
.mainq2{width:100%;  height:auto; background:url(../images/cpbg_02.jpg) center center no-repeat;margin:0 auto}
.mainqlx{width:100%;  height:auto; background:url(../images/cpbg_03.jpg) center center no-repeat;margin:0 auto}
.mainq4{width:100%;  height:auto; background:url(../images/cpbg_04.jpg) center center no-repeat;margin:0 auto}
/*.flet2{ position:absolute; left:0; top:0}
.right2{ position:absolute; right:0px; top:0}*/
.zhuti{ width:1011px; height:440px; margin:0 auto; overflow:hidden; /*background:url(../images/ztbg_03.jpg) no-repeat;*/ overflow:hidden; font-size:14px}
.font{ font-size:16px; color:#FFF; text-align:center; font-family:"黑体"; background:#666565; height:22px; line-height:23px;}
.shoye{ height:439px; width:1160px; margin:0 -2px; overflow:hidden}
.shoye li{ width:200px; float:left; height:30px; margin:1px 2px; cursor:pointer}
.xia{ width:200px; height:106px; background:#666565}
.xia p{ color:#FFF; padding:12px; width:85%; font-size:13px; line-height:18px;}
.p2{color:#FFF; padding:12px; width:85%; font-size:13px; margin-top:-24px;}
.zhuti ul li:hover .font{ background:#ed6c00}
.shoye:hover .beijing{background:#666565}
.zhuti ul li:hover .xia{ background:#ed6c00}
.beijing{ background:#ed6c00;}

.footer{ width:100%; height:158px; background:url(../images/dbbg_03.jpg) center center no-repeat;overflow:hidden; font-family:"黑体"; margin:0 auto}
.fot_main{ width:1004px; height:60px; margin:0 auto; border-top:2px solid #fff; margin-top:38px; overflow:hidden }
.font2{ width:824px; height:30px; overflow:hidden}
.fot_main span{ margin-left:30px}
.fot_main span:hover>img{display:block}
.fot_main-img{display:none; position:absolute;top: 564px; margin-left:-36px}
/*花摇摆css*/
.nav_left{ width:117px; height:414px; float:left; background:#656464; /*margin:3px*/}
.nav_left a{ cursor:pointers}
.nav_left a:hover{color:#fff;}
.nav_left ul{ width:93px; margin:15px auto; overflow:hidden}
.nav_left ul li{ width:120px; font-size:14px; font-weight:bold; color:#b5b6b6; cursor:pointer; border-top:1px solid #8c8c8d; padding:10px 0; font-family:"黑体"}
.nav_left ul li a{color:#b5b6b6; cursor:pointer;font-family:"黑体";text-decoration:none;}
.nav_left ul li a:hover{ color:#FFF}
#huas{ width:1167px; height:23px; margin:1px auto}
#huas>li{ width:200px; height:22px; cursor:pointer;float:left; margin-right:4px;font-size:16px;color:#FFF; text-align:center; font-family:"黑体"; line-height:23px; background:#666565}
#huas>li:hover{background: rgb(237, 109, 0) none repeat scroll 0% 0%;color:#FFF;}

.yao_right{ width:893px; height:471px; float:left; background:url(../images/yaobg.png) no-repeat!IMPORTANT; }
.posr{ width:891px; height:471px; position:relative}


/* 定义鼠标悬浮动画元素 */
.yaoa:hover{
  -webkit-animation: dese 1.05s linear infinite;
  -moz-animation: dese 1.05s linear infinite;
  -ms-animation: dese 1.05s linear infinite;
  -o-animation: dese 1.05s linear infinite;
  animation: dese 1.05s linear infinite;
}
@keyframes dese{
    0% { transform: rotate(8deg); } /* 添加旋转角度，以下类似 */
    20% { transform: rotate(6deg); }
    30% { transform: rotate(4deg); }
    40% { transform: rotate(2deg); }
    50% { transform: rotate(0deg); }
    70% { transform: rotate(2deg); }
    80% { transform: rotate(4deg); }
    90% { transform: rotate(6deg); }
    100% { transform: rotate(8deg); }
}
/*花*/
.hua1{ position:absolute; top:40px; left:40px; cursor:pointer}
.hua2{ position:absolute; top:275px; left:54px; cursor:pointer}
.hua3{ position:absolute; top:109px; left:97px; cursor:pointer}
.hua4{ position:absolute; top:190px; left:100px; cursor:pointer; z-index:1;}
.hua5{ position:absolute; top:265px; left:185px; cursor:pointer; z-index:2;}
.hua6{ position:absolute; top:130px; left:204px; cursor:pointer}
.hua7{ position:absolute; top:65px; left:260px; cursor:pointer}
.hua8{ position:absolute; top:235px; left:319px; cursor:pointer}
.hua9{ position:absolute; top:150px; left:319px; cursor:pointer}
.hua10{ position:absolute; top:19px; left:345px; cursor:pointer}
.hua11{ position:absolute; top:180px; left:430px; cursor:pointer}
.hua12{ position:absolute; top:95px; left:450px; cursor:pointer}
.hua13{ position:absolute; top:20px; left:505px; cursor:pointer}
.hua14{ position:absolute; top:40px; left:605px; cursor:pointer}
.hua15{ position:absolute; top:210px; left:527px; cursor:pointer}
.hua16{ position:absolute; top:120px; left:600px; cursor:pointer; z-index:998;}
.hua17{ position:absolute; top:223px; left:675px; cursor:pointer}
.hua18{ position:absolute; top:83px; left:710px; cursor:pointer}
.hua19{ position:absolute; top:170px; left:760px; cursor:pointer}
.hua20 {position: absolute;top:286px;left: 485px;cursor: pointer;}
/*花的名字*/
.xianshis1{ position:absolute; top:20px; left:33px; display:none}
.xianshis2{ position:absolute; top:255px; left:41px; display:none}
.xianshis3{ position:absolute; top:87px; left:86px; display:none}
.xianshis4{ position:absolute; top:165px; left:117px; display:none; z-index:1;}
.xianshis5{ position:absolute; top:243px; left:180px; display:none; z-index:2;}

/*.cheng1{ position:absolute; top:110px; left:195px; display:none}
.cheng2{ position:absolute; top:45px; left:258px; display:none}
.cheng3{ position:absolute; top:215px; left:298px; display:none}
.cheng4{ position:absolute; top:130px; left:339px; display:none}
.cheng5{ position:absolute; top:3px; left:337px; display:none}
.cheng6{ position:absolute; top:162px; left:424px; display:none}
.cheng7{ position:absolute; top:78px; left:441px; display:none}
.cheng8{ position:absolute; top:5px; left:490px; display:none}
.cheng9{ position:absolute; top:20px; left:603px; display:none}
.cheng10{ position:absolute; top:220px; left:520px; display:none}
.cheng11{ position:absolute; top:100px; left:626px; display:none; z-index:998}
.cheng12{ position:absolute; top:204px; left:666px; display:none}
.cheng13{ position:absolute; top:66px; left:705px; display:none}
.cheng14{ position:absolute; top:148px; left:785px; display:none}*/

.xianshis6{ position:absolute; top:110px; left:195px; display:none}
.xianshis7{ position:absolute; top:45px; left:258px; display:none}
.xianshis8{ position:absolute; top:215px; left:298px; display:none}
.xianshis9{ position:absolute; top:130px; left:339px; display:none}
.xianshis10{ position:absolute; top:3px; left:337px; display:none}
.xianshis11{ position:absolute; top:162px; left:424px; display:none}
.xianshis12{ position:absolute; top:78px; left:441px; display:none}
.xianshis13{ position:absolute; top:5px; left:490px; display:none}
.xianshis14{ position:absolute; top:20px; left:603px; display:none}
.xianshis15{ position:absolute; top:195px; left:540px; display:none}
.xianshis16{ position:absolute; top:100px; left:626px; display:none; z-index:998;}
.xianshis17{ position:absolute; top:204px; left:666px; display:none}
.xianshis18{ position:absolute; top:66px; left:705px; display:none}
.xianshis19{ position:absolute; top:148px; left:785px; display:none}
.xianshis20{position: absolute;top:275px;left: 480px;display: none;}


.tanchu1{ position:absolute; top:122px; left:30px; display:none; z-index:998;}
.guanbi{ width:20px; height:20px; margin-top:1px; margin-left:-21px; cursor:pointer}
.xiala{float:left; }

/*关于我们*/
.gy_right{width:891px; height:414px; float:left; background:url(../images/rbg_03.jpg) no-repeat; margin-left:3px; position:relative}
.gy_right2{width:891px; /*height:414px;*/ float:left; background:url(../images/gybg.jpg) no-repeat; margin-left:3px; position:relative;/*overflow-y:scroll;*/}
.cp_right{ width:891px; height:414px; float:left; background:url(../images/2_03.jpg) no-repeat; margin-left:3px; position:relative}
.gy_right4{width:891px; height:414px; float:left; background:url(../images/huanb_03.jpg) no-repeat; margin-left:3px; position:relative}
.font_main{ width:860px; height:auto; /*overflow-y:scroll;*/ min-height:388px; margin:15px auto; padding-left:10px;}
.fon_nav{ width:100%; height:35px; line-height:35px; font-size:16px; border-bottom:1px dashed #A1A1A1; color:#29201E;}
.neirong{ width:860px; /*height:50px;*/ line-height:24px; color:#28201E; font-size:14px; margin-top:7px; /*margin-left:5px;*/}

/*图片切换*/
.tabbox{width:276px; /*width:860px;*/ float:left; margin-right:10px; margin-top:20px; position:relative;}
.tabbox .content{overflow:hidden;height:200px;position:relative;}
.tabbox .content ul{position:absolute;left:0;top:0;height:200px;}
.tabbox .content li{width:279.5px; height:141px; float:left; position:relative;/*padding:0 5px;*/ overflow:hidden;}
/*.tabbox .content li img{width:100%;}*/
.tabbox a{
	position:absolute;
	color:#000;
	display:block;
	padding-left: 8px;
	background:url(../images/bottom.png) no-repeat;
	width:100%;
	left: 1px;
	line-height:20px;
	bottom:20px;
}

#tca{ position:absolute; top:20px; left:20px; z-index:10; display:none}
#tca1{ position:absolute; top:20px; left:20px; z-index:10; display:none}
#tca2{ position:absolute; top:20px; left:20px; z-index:10; display:none}
#tca3{ position:absolute; top:20px; left:20px; z-index:10; display:none}
#tca4{ position:absolute; top:20px; left:20px; z-index:10; display:none}
#tca5{ position:absolute; top:20px; left:20px; z-index:10; display:none}
#tca6{ position:absolute; top:20px; left:20px; z-index:10; display:none}
.guanbb{ width:15px; height:15px; position:absolute; right:10px; top:0px; cursor:pointer}

.lx_right{width:891px; height:414px; float:left; background:url(../images/di_03.jpg) repeat-x; margin-left:3px; position:relative}
.zongb{  height:390px; width:200px;background:#efefef;  margin:10px 10px;}
.zong{  height:390px; width:358px;background:#efefef;  margin:10px 10px;}
.zbfont{ padding:11px; overflow:hidden}
.zbfont p{ text-indent:2.1em; font-size:12px}
.widt{ width:170px;}
.shiji{ width:215px; height:442px; background:#eeeeef;margin:15px 0;}
.mt200{ font-size:12px; font-family:"黑体"; margin:200px auto 0 20px}

.tupiandd{ width:205px; height:200px; float:left; margin-right:10px}
.tupiandd img{width:100%}
.bait{ background:url(../images/bottom.png);  height:20px; margin-top:10px; line-height:20px; padding-left:8px; width:196px; overflow:hidden;}
.mulu{ /*margin-top:20px;*/ /*margin-left:5px;*/ cursor:pointer;float:left;}
.nava{ color:#b5b6b6; font-size:12px; display:block; padding:2.7px 0; font-family:"黑体"; cursor:pointer; margin-top:14px; font-weight:bold; width:110px;}
.mr6{ margin-right:6px}
.p1{ width:170px; margin:15px 15px; font-size:12px;}
.p3{ width:170px; margin-left:15px; font-size:12px;}
/*@media (min-width:980px) and (max-width:1980px){
body{overflow:hidden}
}*/
.fh{ margin-top:316px;}
.fh1{ margin-top:303px;}
.ff{ position:absolute; z-index:9999; /*right:164px;*/ right:200px; bottom:12px}
.ff1{ position:absolute; z-index:9999; right:200px; bottom:15px}
.fff{ position:absolute; z-index:10000; bottom:44px; right:202px}


.zindex1{z-index:99}
.zindex2{z-index:98}
.zindex3{z-index:97}
.zindex4{z-index:96}
.zindex5{z-index:95}
.zindex6{z-index:94}
.zindex7{z-index:93}
.zindex8{z-index:92}
.zindex9{z-index:91}
.zindex10{z-index:90}
.zindex11{z-index:89}

.flower_png{position:absolute;top:0;right:0px;}
.tupianq{width:100%;float:left; padding-bottom:10px;}