/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,''; color:#333;}
a{ color:#333333;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1400px; margin:0 auto;}

/*common end*/


.pages{}
.pages span{ color:#333; margin:0 5px;}
.pages span a{ color:#999;}
.pages span a:hover{ color:#333;}

.titbg{ width:100%; height:100%; position:fixed; top:0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; }
.tit{ text-align:center;}
.tit h2{ font-weight:normal; font-size:80px;}
.tit h3{ position:absolute; left:50%; bottom:50px; transform:translate(-50%)}


.indexbg{ overflow:hidden;}
.index{ position:relative;}
.dbxx{ position:absolute; bottom:0; left:0;}
.index_lt{ float:left; width:25%; }

.logo{ color: #999;}
.logo img{ max-width:100%; height:auto;}
.logo .menu{ margin-top:5%;}
.menu .tree{ }
.menu .tree_box { overflow: hidden; }
.tree_one, .tree_two { display: none; overflow: hidden; }
.menu .tree_box h3 { position: relative; height: 40px; line-height: 40px; padding:0 40px 0 10px; font-size:20px;}
.menu .tree_box h3 span { background: url(../images/listbg1.png) center no-repeat; position: absolute; right: 0px; top: 0px; height: 40px; width: 30px; cursor:pointer;}
.menu .tree_box h3 a { color:#999;}
.menu .tree_box h3 a:hover{ color:#000;}
.menu .tree_box h3 .hover{ color:#000;}
.menu .tree_one h4 { height: 30px; line-height: 30px; padding-left:20px; }
.menu .tree_one h4 a{ color:#999;}
.menu .tree_one h4 a:hover{ color:#666;}

.nav {margin:0px;width:100%;/*float:left;*/display:none;}
.nav-item {margin:0px;padding:0px;/*float:left;*/list-style:none;zoom:1;width:100%;margin:0px;padding:0px;float:left;text-align: center;/* border-top:1px dotted #ccc;*/}
.nav-item a {display:block; text-transform: uppercase; color: #ffe39e;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear; }
.nav-mobile {display: none;cursor: pointer;position: absolute; top: 23px;right: 10px;background: url(../images/navbg.png) no-repeat;width: 24px;height:14px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;/*float:left;*/ }
.nav-item {}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}
.nav .tree{ }
.nav .tree_box { overflow: hidden; }
.tree_one, .tree_two { display: none; overflow: hidden; }
.nav .tree_box h3 { position: relative; height: 40px; line-height: 40px; font-size:20px;}
.nav .tree_box h3 span {/* background: url(../images/listbg1.png) center no-repeat;*/ position: absolute; right: 0px; top: 0px; height: 40px; width: 30px; cursor:pointer;}
.nav .tree_box h3 a { color:#999;}
.nav .tree_box h3 a:hover{ color:#666;}
.nav .tree_one h4 { height: 30px; line-height: 30px; }
.nav .tree_one h4 a{ color:#999;}
.nav .tree_one h4 a:hover{ color:#666;}

.fxbtnbg{ margin-top:5%;      margin-bottom: 17%; }
.fxbtn{ display:inline-block; margin-right:5%; border:2px solid transparent; margin-left: -8px;}
.fxbtn ul{ min-width:157px;}
.fxbtn ul li{ float:left; width:27px; height:30px; margin:0 1%;}
.fxbtn ul li a{ display:block; width:100%; height:100%;-khtml-opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);filter:"alpha(opacity=50)";opacity:0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.fxbtn ul li a:hover{ -khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=50)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.fxbtn:hover{ /*border:2px solid #999;*/}




.index_rt{ float:right; width:75%; }
.index_con{margin-top: -10px;}
.index_con ul li{ float:left; width:32.33%; margin:0 0.5%; margin-bottom:1%; position:relative; text-align:center;}
.index_con ul .m1{/* margin-right:2%;*/}
.index_con ul .m2{}
.index_con ul li .img{}
.index_con ul li .img img{ width:100%; float:left;}
.index_con ul li:hover .img img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.index_con ul li .txtbg{ position:absolute; top:0; z-index:2; width:100%; height:100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; background:url(../images/baiop0.5.png) repeat; display:none;}
.index_con ul li:hover .txtbg{ display:block;}
.index_con ul li .txt{ width:100%;margin-top: 70%; margin-left: 25px; text-align:left;}
.index_con ul li .txt h2{ font-weight:normal; font-size:14px; color:#fff;}
.index_con ul li .txt h3{ font-size:30px; color:#ffffff; margin-top:2%;}



.footbg{  margin-top:27%; font-size: 14px;   color: #999;}
.foot{min-width: 230px;}
.foot ul li{ line-height:1.5em;}












/*Add------------------------------------------------------------------------------*/


.insidebg{ padding:5% 0; overflow:hidden;}
.inside{ position:relative; min-height:900px;}
.inside_lt{ float:left; width:25%;/* position:relative;*/}
.inside_rt{ float:right; width:75%; }
.inside_con{ padding:0 1%;}
@media(max-width: 1400px) {
	.index_lt{ float:left; width:24%; margin:0 0 0 1%;}
	.index_con ul li .txt h3{ font-size:28px; }
}
@media(max-width: 1260px) {
	.index_lt{ float:left; width:23%; }
	.index_con ul li .txt h3{ font-size:24px; }
}
@media(max-width: 1110px) {
	.index_con ul li .txt h3{ font-size:22px; }
	.index_con ul li .txt h2{ font-size:12px; }
}
@media(max-width: 1024px) {
	.index_lt{ float:left; width:22%; }
	.index_con ul li .txt h3{ font-size:20px; }
}
@media(max-width: 950px) {
	.index_con ul li .txt h3{ font-size:18px; }
}
@media(max-width: 850px) {
	.index_con ul li .txt h3{ font-size:16px; }
}


.m_head{ display:none; background:#fff; z-index:666; width:100%;}
.m_menu_btn{ position:absolute; right:10px; top:18px;}
.m_menubg{ position:fixed; z-index:666; top:0; left:0; background:#fff; width:100%; height:100%;overflow-Y:scroll; display:none;}
.m_menuBox{ position:relative; padding-top:40px;}
.logo_m2{ position:absolute; top:10px; left:10px;}
.logo_m2 img{ max-width:100%; max-height:50px;}
.m_close{ position:absolute; z-index:999; right:5px; top:10px; font-size:36px; cursor:pointer;}
.m_menu{ padding-top:50px;}
.m_head .fxbtnbg{ position:absolute; width:100%; bottom:0; margin:5% auto; text-align:center; padding:0;}
@media(max-width: 768px) {
img{ max-width:100%;}
.tit h2{ font-size:36px;}	

.index_lt{ float:none; width:100%;/* padding:0 2%;*/ position:relative; margin:0;}
.index_lt>.logo{ display:none;}
.inside_lt>.logo{ display:none;}
.logo{ width:100%; height:60px; position:relative; margin-left:2%;}
.logo img{ max-width:100%; max-height:50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;/*margin-left: 15px;*/}
.logo .menu{ margin-top:5%;}
.menu{ display:none;}
.nav{ display:block;}
.m_head{ display:block;}

.index_rt{ float:none; width:100%; margin-top:2%;}
.index_rt ul li{ float:left; width:48%; margin:0 1% 2% 1%; }
.index_con ul .m1{ margin:0 1% 2% 1%;}
.index_con ul .m2{}
.index_con ul li .txt h2{ font-weight:normal; font-size:18px; color:#fff;}
.index_con ul li .txt h3{ font-size:25px;/* color:#fff828;*/ margin-top:2%;}


.inside_lt{ float:none; width:100%;/* padding:0 2%;*/ margin:0; position:relative;}
.inside_rt{ float:none; width:100%; margin-top:2%;}

.dbxx .footbg{ display:none; padding: 5% 0 5% 0;}
.dbxx{ display:none;}
.txt1,.txt2{ display:none;}
.m_head .footbg{ display:block !important; text-align:center; padding: 5% 0 5% 0;}
.m_head .fxbtn{ margin:0;}
.m_head .fxbtn ul{ text-align:center; min-width:200px;}
.m_head .fxbtn ul li{ display:inline-block; float:none;}
}

@media(max-width: 700px) {

}

@media(max-width: 600px) {

}

@media(max-width: 540px) {
.tit h2{ font-size:30px;}	

.index_con ul li{ float:none; width:100%; margin:0 0 2% 0; }
.index_con ul .m1{ margin:0 0 2% 0;}
.index_con ul li .txt h2{ font-weight:normal; font-size:16px; color:#fff;}
.index_con ul li .txt h3{ font-size:20px; /*color:#fff828;*/ margin-top:1%;}
}

@media(max-width: 500px) {

}

@media(max-width: 480px) {
.index_con ul li .txt h2{ font-weight:normal; font-size:14px; color:#fff;}
.index_con ul li .txt h3{ font-size:18px;/* color:#fff828;*/ margin-top:1%;}
}

@media(max-width: 414px) {

}

@media(max-width: 400px) {

}

@media(max-width: 375px) {

}

@media(max-width: 300px) {

}

@media(max-width: 320px) {

}