@charset "utf-8";
/* css document */
body{
	background:url(../images/bg.jpg) repeat;	
}


.header{
	height: 100px;
	border-bottom: #e78958 6px solid;

	-moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3);

}

.top{
	width: 1000px;
	margin: 0 auto;
}
.logo{
	margin-top: 23px;
}
.pg{
	text-align: center;
}
.pg img{
	vertical-align:middle;
	
}
.mobilebtn{
	float: right;
	width: 32px;
	margin-top: 33px;
	display: none;;
}
.mainmenu{
	width: 630px;
	float: right;

}
.tks{
	margin-top:15px;
	text-align:center;	
}
.nav{
	position: relative;
	margin-top: 35px;

}
.nav .active{
	display:block;

}
.nav li{
	width:90px;
	height:48px;
	display:inline-block;
	text-align:center;
	float:left;
}


.nav li a:link {}
.nav li a:visited {}
.nav li a:active {}
.nav li a:hover {
	border-bottom:#df5010 2px solid;
	color:#df5010;
	
	
}
.nav li a{
	color: #5e2507;
	text-decoration: none;

}
.fix110{
	width: 110px !important;
}

.nav li ul{
    position:absolute;
    margin-top: 8px;
    left:100px;
    width: 500px;
	height:48px;
	display:none;
}
.nav li ul li{
	display: inline-block !important;
}

.nav li ul li a:link {}
.nav li ul li a:visited {}
.nav li ul li a:active {}
.nav li ul li a:hover {
	border:0;
	background: rgba(255,200,188,0.5);

	
}
.nav li ul li a{
	color: #766e6e;
	display: block;
	text-decoration: none;
}


.ibanner{
	width: 1002px;
	margin: 15px auto;
	height:358px;
	
	background:url(../images/loading.gif) no-repeat 50% 50%;

}

.imain{
	width: 1000px;
	margin: 0 auto 30px auto;
}
.imain h2{
	margin-bottom:5px;
	color: #4a4444;
}
.ileft{
	width: 495px;
	float: left;
	margin-right: 5px; 
}

.ileft ul li {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	line-height: 26px;
	border-bottom: #aa9780 1px dashed;
}

.ileft ul li span{
	color:#c86161;
}

.iright{
	width: 495px;
	float: left;
	margin-left: 5px; 
}
.iright p{
	font-size: 15px;
	line-height: 25px;
}

.iright img{
	max-width:100%;
}
	
.cimg{
	float: left;
	margin-right: 8px; 
}


.vbox{
	margin-top:15px; 
}
.vbox h2{
	margin-bottom: 7px;
}

.vitem{
	width: 320px;
	float: left;
	font-size: 15px;
	line-height: 25px;
}
.vitem p{
	margin-top:5px;
}
.vitem img{
	margin-bottom: 5px;
}
.v1{

}
.v2{
	margin-left:20px;
	margin-right: 20px; 

}
.v3{

}


.main{
	width: 1000px;
	margin: 0 auto 30px auto;
	line-height:30px;

	background: rgba(238,210,178,0.26);
}

.title{
	height: 56px;
	line-height: 56px;
	background: url(../images/title_bg.jpg) repeat-x;
	color: #5b3b3b;
	font-size: 18px;
	font-weight: bold;


	padding-left: 25px;
	padding-right: 25px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;	

}
.title span.en{
	font-size: 14px;
	font-weight: normal;
}
.title img{
	vertical-align: middle;
	margin-right: 10px;
}
.title a:link {color:#5b3b3b;}
.title a:visited {color:#5b3b3b;}
.title a:active {color:#5b3b3b;}
.title a:hover {
	color:#5b3b3b;
	text-decoration: underline;
}
.title a{
	color: #5b3b3b;
	text-decoration: none;

}

.fr{
	float: right;
}
.fl{
	float: left;
}


.content{
	width: 882px;
	margin: 45px auto 0 auto;
}
.content h1{
	line-height: 64px;
	font-size: 18px;
	color: #64523b;
	font-weight: bold;
	text-align: center;
	margin-bottom: 37px;


	height: 64px;
	background: url(../images/h_bg.png) no-repeat center;
}
.content p{
	line-height:35px;
	color:#4d4545;
	
	}

.drphoto{
	float: left;
	margin-right: 89px;
}

.drinfo{
	width: 425px;
	float: left;
	line-height: 25px;
	color: #4d4545;
	font-size: 15px;
}
.drinfo h3{
	font-size: 16px;
	color: #78441a;
	font-weight: bold;
}
.drname{
	text-align: center;
	margin-bottom: 15px;
}
.drname h2{
	color: #5b3b3b;
	font-size: 20px;
	line-height: 38px;
	font-weight: bold;
}
.honorbox{
	margin-top: 15px;
}

.award{
	width: 273px;
	float: left;
	margin-bottom: 35px;
	text-align:center;	
}
.award:nth-child(3n+2){
	margin-left: 31px;
	margin-right: 31px;

}

.spline{
	height: 5px;
	background: url(../images/spline.png) repeat-x;
	margin-bottom: 35px;
}



.footer{
	width: 100%;
	background: url(../images/ftbg.png) repeat-x;
	min-height: 146px;
	padding-top: 30px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.ftbox{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	color:#5e2507;
	line-height: 32px;
}


.footer a:link {}
.footer a:visited {}
.footer a:active {}
.footer a:hover {
	color:#880114;

}
.footer a{
	color:#5e2507;
	text-decoration:none;
	text-align: center;
	
}
.footer .quickmenu a{
	display:inline-block;
	width:80px;
	line-height: 25px;
}
.quickmenu img{
	vertical-align:middle;
}


.mobilefooter{
	display: none;;
	width: 100%;
}

.mobilefooter a:link {color: #fff;}
.mobilefooter a:visited {color: #fff;}
.mobilefooter a:active {color: #fff;}
.mobilefooter a:hover {
	color: #880114;
	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2ab92+0,e2852a+55 */
background: rgb(226,171,146); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,171,146,1) 0%, rgba(226,133,42,1) 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,171,146,1) 0%,rgba(226,133,42,1) 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,171,146,1) 0%,rgba(226,133,42,1) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ab92', endColorstr='#e2852a',GradientType=0 ); /* IE6-9 */

}
.mobilefooter a{
	display: block;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-bottom: rgba(107,52,14,0.5) solid 1px;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2ab92+0,e2852a+100 */
background: rgb(226,171,146); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,171,146,1) 0%, rgba(226,133,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,171,146,1) 0%,rgba(226,133,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,171,146,1) 0%,rgba(226,133,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ab92', endColorstr='#e2852a',GradientType=0 ); /* IE6-9 */


}

.acenter{
	text-align:center;
	}
.aleft{
	text-align:left;	
}

.newsline{
	height:24px;
	background:url(../images/newsline.png) repeat-x center;
	margin-top:30px;
	margin-bottom:30px;
}

.twopics{
	width:50%;
	float:left;
	margin-bottom:12px;
		
		padding-right:6px;
	padding-left:7px;
	
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.twopics p{
	text-align:center;
}

.threepics{
	width:33.3%;
	float:left;
	margin-bottom:15px;
	
	padding-right:6px;
	padding-left:7px;
	
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.threepics p{
	text-align:center;
}

.th1,.th2,.th3{

}
.resive{
	width:100%;	
}
.tb{
	border-collapse: collapse;
}
.tb td{
	padding-left:15px;
	padding-right:15px;
	
}

.enbox{
	float:left;
	width:50%;
	text-align:center;
	margin-bottom:15px;
		
}
.enbox img{
	max-width:100%;	
}

.mau{
	font-weight:bold;
	font-size:18px;
	text-align:center;
	color:#78441a;
	}

.mau a:link {}
.mau a:visited {}
.mau a:active {}
.mau a:hover {
	color:#78441a;
	text-decoration:underline;

}
.mau a{
	color:#78441a;
	text-decoration:none;	
}


.ileft li a:link {}
.ileft li a:visited {}
.ileft li a:active {}
.ileft li a:hover {
	color:#df5010;
	
	
}
.ileft li a{
	color: #5e2507;
	text-decoration: none;

}

.mor a:link {color:#df5010;}
.mor a:visited {color:#df5010;}
.mor a:active {color:#df5010;}
.mor a:hover {
	color:#df5010;
	text-decoration:underline;

}
.mor a{
	color:#df5010;
	text-decoration:none;
	text-align: center;
	
}

.casebox{
	width:880px; margin:10px auto 30px auto;
	overflow-x:auto;	
}
.mau a:link {color:#5e2507;}
.mau a:visited {color:#5e2507;}
.mau a:active {color:#5e2507;}
.mau a:hover {
	color:#5e2507;
	text-decoration:none;

}
.mau a{
	color:#5e2507;
	text-decoration:none;
	text-align: center;
	
}
.mau .sel{
	color:#df5010 !important;
	font-size:22px;
	
	
}
.mobilesel{
	display:none;	
}

.mobilesel select{
	width:100%;
	padding:5px;
	font-size:16px;	
}
.hrbtn{
	line-height:30px;
	cursor:pointer;
	color:#78441a;
}
.honorbox{
	display:none;
}

@media screen and (max-width: 1100px) {
	.top{
		width: 100%;
	}
	.header{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
				-webkit-box-sizing: border-box;
	    	-moz-box-sizing: border-box;
			box-sizing: border-box;
	}
	.mainmenu{
		display: none;
	}
	.mobilebtn{
		display: block;
	}

	.nav{
		position:absolute;
		right:0;
		margin-top: 25px;
		width:100%;
		z-index: 999999;
		

	}
	.nav a{
		font-size:15px;
		display: block;
	}
	.nav li{
		width:100%;
		height:auto;
		height:initial;
		text-align:center;
		display:block;
		float:none;
		z-index:99999;

		line-height: 40px;

		background: #f6dcbd;
	
	
	}
	.fix110{
		width: 100% !important;
	}

	.nav li a:link {}
	.nav li a:visited {}
	.nav li a:active {}
	.nav li a:hover {
	}
	.nav li a{
		color: #5e2507;
		border-bottom:#e8c1a1 2px solid;
		text-decoration: none;

	}
	.nav li ul{
		position: relative;
		margin-top: 0px; 
	    left: 0px; 
	    width: auto;
	    height: auto; 
	    
	}
	.nav li ul li ul{

	}


	.banner{
		width: 90%;
		margin-bottom: 20px;
	}

		.imain{
			width: 90%;
		}
		.ileft{
			width: 100%;
			margin-bottom: 20px;
		}
		.iright{

			width: 100%;
		}
		.vitem{
			width: 50%;
			margin-bottom: 20px;


			-webkit-box-sizing: border-box;
	    	-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.vitem img{width: 100%;
		}
		.v1{
			margin-left: 0;
			margin-right: 0;
			padding-right: 10px;

		}
		.v2{
			margin-left: 0;
			margin-right: 0;
			padding-left: 10px;
		}
		.v3{
			margin-left: 0;
			margin-right: 0;}

	.footer{
		display: none;
	}		
	.mobilefooter{
		display: block;
	}
	.cpr{
		line-height: 40px;
		height: 40px;
		text-align: center;
		background: #f1c69c;
	}
	.ibanner{
		width: 100% !important;
		height:auto !important;
	}
	.main{
		width: 90%;
		margin: 0 auto;
	}
	.content{
		width: 90%
	}
	.content h1{
		width: 100%;
		overflow: hidden;
	}
	.drphoto{
		margin-right: 0;
	}
	.drbox{

	}
	.drfix{
		width: 368px;
		margin: 0 auto;
	}
	.award{
		min-height:215px;
	}
	.award:nth-child(3n+2){
		margin-right: 0;
		margin-left: 0;
	}
	.award:nth-child(2n+2){
		float: right;
	}
	.honorbox{
		width: 580px;
		margin: 0 auto;
	}
	
	.enbox{
		float:none;
		width:100%;
		
	}
	.casebox{
		width:100%;
	}
	.cone img{
		max-width:100%;	
	}
	.cone table{
		width:100%;	
	}
}

@media screen and (max-width: 750px) {
	.drphoto{
		width: 100%;
	}
	.drfix{
		width: 100%;
	}
	.drinfo{
		width: 100%;
	}
	.honorbox{
		width: 100%;
	}
	.award{
		width: 100%;
	}
	.award img{
		width: 100%;
	}

}
@media screen and (max-width: 650px) {
	.threepics{
		width:50%;
	}	.twopics{
		width:100%;
		float:none;	
	}
		.mobilesel{
		display:block;	
	}
	.mau{
		display:none;
	}
	.qlinks{
		display:none;
	}
}
@media screen and (max-width: 550px) {
	.twofix{
		margin-right:0;
	}

.twopics img{
	width:100%;
}
	.vitem{
		width:100%;
		
	}
}


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

	.logo{
		margin-top: 28px;
		width: 200px;
	}
	

}
@media screen and (max-width: 360px) {
	.threepics{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
}