@charset "utf-8";
/* CSS Document */

html,body{
margin:0px;
padding:0px;
font-size:12px;
line-height:22px;
color:#333;
font-family: arial;
}
img{
border:none;
}
.page a{
color:#333333;
margin-left:10px;}
.current{
margin-left:10px;}

.top_menu{
height:60px;background:#352511;width:100%;position:fixed;top:0;left:0; z-index:9999;transition: top .5s;
}

.w_1024{
width:55%;
margin:0px auto;
}
.w_1024_1{
width:55%;
margin:0px auto;
}
.head-right-top{ position:absolute; right:0; top:50%;-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);}
.head-right-top a{ margin-right:15px;}
.head-right-top a:hover{ text-decoration:underline;}
.logo{
float:left;
padding-top:13px
}
.top_menu ul {
padding:0px;
float:right;
margin:0px
}

@media(max-width:1280px){
.top_menu ul {
margin-right:80px;
}
.head-right-top a{ margin-right:5px;}

}

@media(max-width:1024px){
.top_menu ul {
margin-right:100px;
}
.head-right-top a{ margin-right:5px;}

.top_menu ul li{
margin-right:40px;

}
}

.top_menu ul li{
float:left;
padding:0 25px;
height:60px;
line-height:60px;
list-style:none;
font-size:15px;
position:relative;
}
.top_menu ul li a{
color:#FFFFFF;
text-decoration:none
}
/* .top_menu ul li:hover{ background:#aa7b0f;} */


.menu_over{
color:#9b80ff
}

.top_menu ul dl{ position:absolute; display:none; width:100%; margin-top:0px; margin-left:-25px; background:#fff; opacity:0.85;}
.top_menu ul dl dd{ float:none;list-style:none; height:35px;line-height:35px;font-size:15px;padding:0 25px;margin: 0;}

.top_menu ul li dl dd a{
color:#333;
}
.top_menu ul li dl dd:hover a{
color:#fff;
}
/* .top_menu ul li dl dd:hover{
background:#aa7b0f;
} */

.about_box .tl{
font-size:26px;
color:#4f6367;
width:110px;
border-bottom:2px solid #4f6367;
padding-bottom:10px;
padding-top:20px;
margin-bottom:50px
}
.about_box .tl1{
font-size:26px;
color:#4f6367;
width:120px;
border-bottom:2px solid #4f6367;
padding-bottom:10px;
padding-top:20px;
margin-bottom:50px
}
.about_tl{
font-size:24px;
margin-top:20px;
text-align: center;
}
.about_tl span{
color:#732b8a;
font-weight:bold
}
.xian{
border-bottom:1px solid #cccccc; 
display:block; 
margin:10px auto
}
.wenzi{width:29%;float:left;font-size:15px;margin:0% 5% 3% 0;}
.wenzi1{width:29%;float:left;font-size:15px;margin:0% 0% 3% 0;}
.about_box ul {
	margin: 0 !important;
	width: 102%;
	margin-left: -2% !important;
	padding: 0;
}
.about_box ul li{
	list-style: none;
	float: left;
	width: 25%;
	padding: 0 2%;
	box-sizing: border-box;
}
.about_box ul li img{
	display: block;
	margin: auto;
}
.about_box ul li h2{
	font-size: 13px;
	font-weight: normal;
}

/*   news     */
.news{
	margin:6% auto ; position:relative;
}
.news ul{
	padding: 1%;
	margin: 0;
}
.news ul li{
	width: 100%;
	list-style: none;
}
/* .news ul li:last-of-type{
	width:65%;
	float: right;
} */
.news ul li > img{
	width: 100%;
	display: block;
}
.news_box .tl{
font-size:26px;
color:#4f6367;
width:60px;
border-bottom:2px solid #4f6367;
padding-bottom:5px
}
.news_box .tl1{
font-size:26px;
color:#4f6367;
width:70px;
border-bottom:2px solid #4f6367;
padding-bottom:5px
}
.news ul li .txt p > img{
	max-width: 100%;
}
.news ul li:first-of-type{
	display: none;
}
.news_1{
background:#fff;
box-shadow:0px 1px 10px #999;
width:36%;
box-sizing: border-box;
height:auto;
color:#000;
position: relative;
float:left;
padding:3%; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
}



.news_1_left{
width:70%;
line-height: 24px;
height: 48px;
font-size:18px;
font-weight:bold;
padding-top:15px;
overflow:hidden;
color: #000;
}
.news_1 > span{
font-size:12px;
font-weight:normal;
display: block;}
.news_2 > span{
font-size:12px;
font-weight:normal;
display: block;
color: #000;}
.news_2 p{
color: #000;}
.news_date{
	position: absolute;
	    right: 10%;
	    top: 20%;
padding: 10px 12px;
border-radius:50%;
background:#6C737E;
text-align:center;
line-height:14px;
font-style:italic;
color:#FFFFFF
}
.news_date span{
font-size:38px;
line-height: 36px;
display:block;
font-style:normal
}


.more{
background:#D092E4;
width:120px;
height:30px;
-moz-border-radius: 3px;      /* Gecko browsers */
-webkit-border-radius: 3px;   /* Webkit browsers */
border-radius:3px;            /* W3C syntax */
text-align:center;
float:right;
margin-top:30px
}
.more a{
color:#fff;
font-size:14px;
text-decoration:none;
line-height:30px;
}


.news_right_box{
width:64%;
float:left
}

.news_2{
width:40%;
float:left;
margin-left:10%;
margin-bottom:40px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
overflow: hidden;
position: relative;
}
.news_2 .more{
  background:#6C737E;
  margin-top: 10px;
}
.news_2 .news_date{
	right: 0;
	top:0;
}
.news_2 .more:hover{
  background:#D092E4;
}

.news_2 .tx p{
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.con_news_1{
margin-bottom:20px;
color:#333;
padding:10px;
background:#eee;
width:98%;
position: relative;
}
.con_news_1 .tl{
font-size:18px;
margin-bottom:10px;
color:#333;
font-weight:bold;
width: 90%;
}









/*         contact           */
.contact_box{
background:url(../images/contact-bg.jpg) center;
margin-top:3%;
padding-bottom: 8%;
overflow: hidden;
}
.feedback{
width:46%;
float:right;
margin-top:102px;
}
.feedback input{
	width: 100%;
}
.feedback textarea{
	width: 100%;
}
.feedback1{
width:50%;
float:right;
margin-top:102px;
}
.feedback-left{margin-top:20px; line-height:60px; float:left;font-size:16px; width: 50%;}
html[lang="en"] .feedback-left{
	line-height:40px; 
}
.feedback-left1{margin-top:20px; line-height:60px; float:left;font-size:14px;}
.contact_right{
float:left;
color:#FFFFFF;
font-size:15px;
width: 50%;
}
.contact_right1{
float:left;
color:#FFFFFF;
font-size:15px;
}
.contact_right1 p{line-height:20px;margin:5px 0 5px 0;height:50px;}
.contact_box .tl{
font-size:26px;
color:#fff;
float: left;
border-bottom:2px solid #fff;
padding-bottom:15px;
padding-top:80px
}
.contact_box .tl1{
font-size:26px;
color:#fff;
width:140px;
border-bottom:2px solid #fff;
padding-top:90px;
margin-bottom:20px;
}
input{
width:500px;
height:30px;
-moz-border-radius: 3px;      /* Gecko browsers */
-webkit-border-radius: 3px;   /* Webkit browsers */
border-radius:3px;            /* W3C syntax */
border:none;
padding-left:10px;
font-size:15px;
color:#777
}
textarea{
width:500px;
height:130px;
-moz-border-radius: 3px;      /* Gecko browsers */
-webkit-border-radius: 3px;   /* Webkit browsers */
border-radius:3px;            /* W3C syntax */
padding-left:10px;
font-size:15px;
color:#777;
border:none;
padding-top:10px;
resize:none;
}
.btn{
width:140px;
background:#641a7b;
color:#FFFFFF;
height:35px;
font-size:16px
}










/*             footer       */
/* .footer_box{
height:60px;
background:#1c140a;
border-top:2px solid #aa7b0f;
color:#ccc;
line-height:60px;
bottom: 0;
width: 100%;
} */
.footer_box a{
color:#666;
text-decoration:none;
}



.right-menu{ position:fixed; top:15%; right:5%;z-index:999;background:#fff;}
/* .right-menu div{ background:#aa7b0f; height:70px; color:#FFFFFF; line-height:70px;padding-left:30px; font-size:17px; font-weight:bold} */
.right-menu p{cursor: pointer;border-bottom:1px solid #fff; line-height:30px; font-size:13px;padding-left: 14px; position: relative;margin: 2px 0;}
.pro_menu p:before{
	content: "";
	width: 5px;
	height: 5px;
	background: #777;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	border-radius: 50%;
}
.pro_menu p.active a{
	color: #333;
	font-weight: bold;
}
.pro_menu p a{
	color: #666;
}
.pro_menu p.active:before{
	background: #222;
}
/* .right-menu p:hover{color:#aa7b0f;} */
.dhwz{padding-top:10px;padding-left:40px;padding-right:30px;border-bottom:1px solid #fff;}
.dhwz1{padding-top:10px;padding-left:40px;padding-right:30px;border-bottom:1px solid #fff;}
.dhwz2{padding-top:10px;padding-left:40px;padding-right:30px;border-bottom:1px solid #fff;}
.about_all{
	margin:6% auto; position:relative;
}
.about-imglist{}
.about-imglist img{ }

/* .about-p1{ font-size:18px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:15px; color:#aa7b0f; font-weight: bold;} */
.about-p1 span{
	font-size:16px; color:#333;margin-top:6px; display:block;font-weight: normal;
}
.return-top{position:fixed; width:50px; height:50px; background:#fff; opacity:0.75; filter:alpha(opacity=0.75); bottom:75px; right:3%;cursor:pointer; display:none; z-index:999; border-radius:50px; border:1px solid #ccc; background:#aa7b0f;}
.return-top img{
	width: 20px;
	margin: 18px auto;
	display: block;
}
.pro{margin:6% auto; position:relative; padding-top:10px;}
/* .pro-p1{ font-size:20px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:15px; font-weight:bold; color:#aa7b0f;margin-top: 0;} */
.w_900{ width:100%;}
.pro-img{ height:350px; float:left;}
.pro-img img{ height:100%;}
.pro-right{float:left; margin-left:25px; margin-top:50px; line-height:0.8;}
.pro-right img{ height:150px; float:left; padding-top:15px;}
.text-head{ font-size:14px; font-weight:bold;}
.right-text{ float:left; margin-left:25px;}
.pro-mid{}
.pro-mid p{ float:left; margin-left:80px;}
.pro-mid p span{font-size:14px; font-weight:bold;}



.gizle {
  top: -120px;
}
.sabit {
  top:0;
  z-index: 9999;
}


/* box */
.box_pro{ border:1px solid #ccc; padding:5px 10px}
.box ul{ list-style:none;}
.tab_menu{overflow:hidden; margin-left:-20px;}
.tab_menu li{width:150px;float:left;height:30px;line-height:30px;color:#fff;background:#222730;text-align:center;cursor:pointer; list-style:none; border-right:1px solid #FFFFFF}
/* .tab_menu li.current{color:#fff;background:#aa7b0f;} */
.tab_menu li a{color:#fff;text-decoration:none;}
.tab_menu li.current a{color:#fff;}
.tab_box{padding:20px;}
.tab_box li{height:24px;line-height:24px;overflow:hidden; }
.tab_box li span{margin:0 5px 0 0;font-size:12px;font-weight:400;color:#ddd;}
.tab_box .hide{display:none;}
.tab_box img{ width:100%;}

.gjhz-list{ float:left; margin:0 25px 35px 0; width:250px; height:180px; border:1px solid #ccc;}
.gjhz-list img{ width:100%;}


.content{margin:30px auto;height:800px; }
.content ul li{float:left; list-style:none; margin:5px;}
.content1{margin:15px auto;font-size:14px;line-height:30px;}
.img{width:100%;text-align:center;margin-top:10px;}
.content1 p >img{
	width: 100%;
}
.newstitle{font-size:24px;text-align:center;line-height:35px;}
.news .news_date{
	right: 20px;
	top:20px;
}










#tags { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; HEIGHT: 30px }
#tags LI { background:#222; FLOAT: left; box-sizing: border-box;width: 25%;border-right: 2px solid #fff; LIST-STYLE-TYPE: none; HEIGHT: 30px;text-align:center;}
#tags LI A { PADDING-RIGHT: 10px; PADDING-LEFT: 10px;FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #fff; LINE-HEIGHT: 30px;   TEXT-DECORATION: none; width:200px; text-align:center;}
#tags LI:last-of-type{
	border: navajowhite;
}

/* #tags LI.selectTag {   background:#aa7b0f} */

#tags LI.selectTag A { BACKGROUND-POSITION: right top; COLOR: #fff;  font-weight:bold ; font-size:12px}
#tagContent {  BORDER: #d7d6d6 1px solid;PADDING-BOTTOM: 100px; PADDING-TOP: 1px; margin-left:10px; padding-right:20px;}
.tagContent > img{ width:820px}
.tagContent { PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT:30px;  PADDING-BOTTOM: 10px;  COLOR: #474747; PADDING-TOP: 10px; }
#tagContent DIV.selectTag { DISPLAY: block }

.img_dt1{
  width: 20px;
  height: 20px;
  margin-top: 3px;
  float: left;

}
.img_dt2{
  width: 20px;
  height: 20px;
  margin-top:6px;
  float:left;

}

.rows{
	list-style: none;
}


@media only screen and (max-width: 1180px) {

.right-menu{ right:0px; margin-right:0px;}

}
.footer_box .right{
	float:right; 
}
.footer_box .right a:last-of-type{
	 margin-top:-60px
}
.top_menu ul li b{
	display: none;
}
.nav-btn{
	position: absolute;
	right: 3%;
	top: 50%;
	cursor: pointer;
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
	display: none;
}
.nav-btn span{
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	margin: 5px 0;
}
.nav-btn.active {
}
.nav-btn.active  span:nth-of-type(2){
	opacity: 0;
}
.nav-btn.active  span:nth-of-type(1){
	-webkit-transform:rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}
.nav-btn.active  span:nth-of-type(3){
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -14px;
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}
.news_d{
	margin:8% auto; position:relative;
}
.cooperation{
	margin:6% auto; position:relative;
}
.contact{
	margin:7% auto 3% auto; position:relative;
}
iframe{
	height: 450px;
}
.example{
	margin:6% auto 2%; position:relative;
}
.example .video {
    width: 100%;
    display: block;
    border: 0;
	position: relative;
}
.example .ban_btn img {
    display: block;
    width: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
}