html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0;}
img{border:0 none;}
ul, li{list-style-type: none; }
button {cursor: pointer; }
body {font-size:14px; line-height:30px;color:#555555;  background:url(/Templates/cn2021/images/page_bg.jpg) repeat-x top #f1f1f1; font-family:"¦®?¦¨¦Í¦±¦¥??";}
a, a:link {text-decoration: none; color:#555555; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;transition: all 0.5s ease;}
#page{line-height:26px; text-align:center; clear:both;}
#page a{ background:#10416f; color:#ffffff; padding:5px 10px; margin:0 5px;}
#page a:hover{ background:#ff6600; color:#fff;}
#space{ clear:both; height:10px;}

.top_box{ width:100%; overflow:hidden; background:#fff;}
.top{ width:1200px; margin:0 auto; height:105px; padding:40px 0 0 0;}
.top_logo{ float:left; width:280px;}
.top_logo_txt{ float:left; width:430px;font-size:26px; font-weight:bold; color:#26365a; line-height:35px;}
.top_logo_txt p{  font-size:20px; font-weight:normal; color:#5a9edc;}
.top_logo_right{ float:right; width:250px; font-size:28px; font-family:Tahoma, Geneva, sans-serif; color:#26365a; font-weight:bold; line-height:100%; text-align:right;}
.top_logo_right p{ font-size:16px; font-weight:normal; color:#333333;}

.menu{ width:100%; overflow:hidden; clear:both; background:#066bd3;}
.main{ width:1200px; overflow:hidden; margin:0 auto;}
#menu_box li{ float:left;}
#menu_box li a{ display:block; width:120px; height:50px;  padding:10px 0; color:#fff; text-align:center; font-size:18px;}
#menu_box li a p{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#dbdbdb; line-height:18PX;}
#menu_box li a:hover{ background:#07a310; color:#fff;}
#menu_boxover{ background:#07a310; color:#fff;}

#banner {
	position:relative;
	width:100%;
	height:560px;
	z-index:2;
	margin:auto;
	clear:both; overflow:hidden;
}
#banner .slides_container {
	width:100%;
	height:560px;
	position:relative;
	overflow:hidden;
	display:none;
	z-index:1
}
#banner .slides_container .bg-slide {
	width:100%;
	height:560px;
	display:block;
	z-index:1
}
#banner .slides_container #bg1 {
	background:url(../image/banner1.jpg) repeat-x center #fff;
}
#banner .slides_container #bg2 {
	background:url(../image/banner2.jpg) repeat-x center #fff;
}


#banner .pagination {
	width:190px;
	z-index:100001;
	position:absolute;
	left:49%;
	bottom:10px;
}
#banner .pagination li {
	float:left;
	list-style:none;
}
#banner .pagination li a {
	display:block;
	width:20px;
	height:20px;
	font-size:8px;
	line-height:20px;
	background:url(../image/zhongding201300008_s1.gif) no-repeat;
	float:left;
	text-align:center;
	overflow:hidden;
	text-indent:-9999px;
}
#banner .pagination li.current a {
	background-position:-20px 0 }
	#content {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	overflow:hidden;
}

#class_top{ background:url(../image/class_top.jpg) no-repeat left center #fff; margin-top:20px; min-height:120px;}
.class_txt{ width:600px; float:right; text-align:right; padding:20px 0 0 0; font-size:15px;}
.main_class{ background:#fff; overflow:hidden; padding:15px 0;}
.main_class li{ float:left; width:190px;  padding:5px; font-size:16px; line-height:30px;}
#c_more{ display:block; text-align:center; width:120px; height:30px; background:#066bd3; color:#fff;}
#c_more:hover{ background:#08a412;}

.main_pro{ padding:30px 0; overflow:hidden; background:#fff;}
.main_pro li{ float:left; width:280px; overflow:hidden; margin:10px; height:240px;}
.main_pro li img{ width:280px; height:240px; position:absolute;}
.main_pro li p{ position:relative; background:url(../image/pro_back.png); text-align:center; line-height:30px; z-index:999; bottom:-210px;}
.main_pro li p a{ display:block; width:280px; height:30px; text-align:center;color:#fff;}
.main_pro li p a:hover{ background:url(../image/pro_over.png);transition: all 0.5s ease;}

.youshi_box{ clear:both; overflow:hidden; width:100%; background:url(../image/yshi_back.jpg) no-repeat top center; padding:30px 0;}
.youshi_title{ clear:both; height:120px; font-size:48px; font-weight:bold; text-align:center; line-height:100%; color:#000;}
.youshi_title p{ text-align:center; background:url(../image/youshi_title.png) no-repeat center center; font-weight:normal; font-size:24px;}

.youshi_left{ width:600px; overflow:hidden; float:left;}
.youshi_right{ width:330px; overflow:hidden; float:left; margin:0 0 0 270px; text-align:right;}

.youshi_1{ width:330px; overflow:hidden; margin:50px 0 0 0;}
.youshi_1 h1{ padding:25px 0 0 45px; font-size:24px; font-weight:bold; color:#000;}
.youshi_1 p{ margin:15px 0 0 0; font-size:16px; line-height:25px;}

.youshi_2{ width:240px; overflow:hidden; margin:120px 0 0 0;}
.youshi_2 h1{ padding:25px 0 0 45px; font-size:24px; font-weight:bold; color:#000;}
.youshi_2 p{ margin:15px 0 0 0; font-size:16px;line-height:25px;}

.youshi_3{ width:330px; overflow:hidden; margin:40px  0 0 0;}
.youshi_3 h1{ padding:25px 0 0 45px; font-size:24px; font-weight:bold; color:#000;}
.youshi_3 p{ margin:15px 0 0 0; font-size:16px;line-height:25px;}

.youshi_4{ width:330px; overflow:hidden; margin:50px 0 0 0;}
.youshi_4 h1{ padding:25px 45px 0 0; font-size:24px; font-weight:bold; color:#000;}
.youshi_4 p{ margin:15px 0 0 0; font-size:16px; line-height:25px;}

.youshi_5{ width:240px; overflow:hidden; margin:120px 0 0 90px;}
.youshi_5 h1{ padding:25px 45px 0 0; font-size:24px; font-weight:bold; color:#000;}
.youshi_5 p{ margin:15px 0 0 0; font-size:16px;line-height:25px;}

.youshi_6{ width:330px; overflow:hidden; margin:90px 0 0 0;}
.youshi_6 h1{ padding:25px 45px 0 0; font-size:24px; font-weight:bold; color:#000;}
.youshi_6 p{ margin:15px 0 0 0; font-size:16px; line-height:25px;}

#case_back{ background:url(../image/case_back.jpg) no-repeat top center; padding:110px 0 30px 0;}

.caselist{ float:left; width:360px; height:310px; text-align:center; background:#686868; margin:5px 0;}
.caselist img{ width:360px; height:270px;}
.caselist a{ color:#fff;}
#f_left{ margin-left:480px;}

.case_ad{ clear:both; width:100%; margin:10px 0; overflow:hidden; background:url(../image/ads.jpg) no-repeat center top; height:150px;}

.news_left{ width:552px; float:left; overflow:hidden;}
.news_title{ border-bottom:1px solid #cccccc; margin:15px 0 20px 0; padding-bottom:10px; background:url(../image/news_title.jpg) no-repeat right center; color:#000; font-size:18px; font-weight:bold;}
.news_title p{ font-family:"MS Serif", "New York", serif; font-size:20px; color:#cecece;}
.news_pic{ height:115px; overflow:hidden; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #cccccc;}
.news_pic img{ width:150px; height:113px; float:left; margin:0 20px 0 0;}
.news_pic h1{ font-size:36px; color:#333333; line-height:40px;}
.news_pic h2{ font-size:14px; color:#333333; line-height:25px;}
.news_pic p{ font-size:14px; line-height:20px;}

.newslist{ padding:15px 0;}
.newslist ul li span{ float:right; }

.about_back{ background:url(../image/about_back.jpg) no-repeat center top; width:100%; clear:both; margin:15px 0 0 0; padding:390px 0 0 0; overflow:hidden; height:150px;}
.about_txt{ width:600px; margin:10px 0 0 0;}

.foot{ background:#2b2f34; padding:30px 0 0 0; overflow:hidden; clear:both; width:100%;}
.foot_menu{ border-bottom:1px solid #595b5a; overflow:hidden;}
.foot_menu ul li{ float:left; text-align:center; line-height:60px; width:120px;}
.foot_logo{ float:left; width:320px; overflow:hidden;}
.foot_txt{ float:left; width:590px; overflow:hidden; color:#afb0b1;}
.foot_txt a{ color:#afb0b1;}
.foot_erwei{ width:285px; float:left; text-align:right;}

.foot_link{ clear:both; overflow:hidden; background:#10172b; width:100%; color:#afb0b1;}
.foot_link a{ color:#afb0b1;}


.left{ float:left; width:260px;background:#fff;}
.right{ width:900px; margin:0 0 0 38px;float:left; border:1px solid #cccccc;}
.left, .right { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } @media all and (min-width: 0px) { .left, .right { padding-bottom: 0 !important; margin-bottom: 0 !important; } 
.left:before, .right:before { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } } 
.left_title{ background:url(../image/contact_title.jpg) no-repeat left center; color:#fff; padding:0 0 0 30px; line-height:43px; font-size:18px; font-weight:bold;}
.left_class{ padding:5px 0;}
.left_class ul li{ border-bottom:1px solid #cccccc;}
.left_class ul li a{ display:block; width:240px; padding:0 0 0 20px; line-height:43px; background:url(../image/left_over.jpg) no-repeat left center; color:#222;}
.left_class ul li a:hover{ background:url(../image/left_class.jpg); color:#ffffff;transition: all 0.5s ease;}
.in_contact_conten{ padding:10px;}

.right_title{ background:#0f3b85; height:48px; line-height:48px; color:#fff; font-size:18px; font-weight:bold; padding:0 0 0 15px;}
.right_title span{ float:right; padding:0 10px 0 0; font-size:12px; font-weight:normal;}
.right_title span a{color:#fff;}
.right_content{ padding:20px 15px; background:#fff; overflow:hidden;}

.right_class{ background:#07a310; overflow:hidden;}
.right_class ul li{ float:left;}
.right_class ul li a{ display:block; width:128px; height:39px; text-align:center; line-height:39px; color:#fff;}
.right_class ul li a:hover{ background:#0f3b85;transition: all 0.5s ease;}

#prolist li{ float:left; width:290px; height:290px; text-align:center;}
#prolist li img{ width:280px; height:240px;}

.in_news_list ul li{ background:url(../image/icon.jpg) no-repeat left center; border-bottom:1px dashed #cccccc; padding:0 0 0 20px; line-height:40px;}
.in_news_list ul li span{ float:right;}
.in_news_list ul li:hover{  background:url(../image/icon.jpg) no-repeat left center #f5f5f5; transition: all 0.5s ease;}
#f_c{background:url(../image/icon.jpg) no-repeat left center #f5f5f5;}
#f_c:hover{ background:url(../image/icon.jpg) no-repeat left center #fff;transition: all 0.5s ease;}
.in_news_list ul li:nth-of-type(odd){background:url(../image/icon.jpg) no-repeat left center #f5f5f5;}
.in_news_list ul li:nth-of-type(odd):hover{ background:url(../image/icon.jpg) no-repeat left center #fff;transition: all 0.5s ease;}

.wp-pagenavi {
	CLEAR: both;
	padding:15px 0;
	text-align:center;
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}

.msg{width:100%;margin:16px auto;height:auto;overflow:hidden;}
.msg li{width:100%;height:auto;padding-bottom:10px;margin-bottom:10px;}
.msg_top{width:100%;height:auto;font:14px/30px "microsoft yahei";background:#ededed;color:#333333;text-indent:14px;overflow:hidden;border-radius:3px 3px 0 0; font-weight:bold;}
.msg_top span{margin-right:14px;}
.msg_con{border:1px solid #ebebeb;background:#f3f3f3;overflow:hidden;padding-bottom:12px;}
.msg_consult{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";color:#7b7b7b;}
.msg_reply{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";border:1px solid #ebebeb;border-radius:3px ;background:#fff;color:#ff5958;text-indent:14px;}
.msg_now{width:100%;height:34px;background:url(/Templates/cn2021/images/msgline1.png) center center no-repeat;overflow:hidden; margin:65px 0 30px 0;}
.msg_title{width:155px;height:34px; background-image:url(/Templates/cn2021/images/msgbtn.png)  ; background-position:7px center; background-repeat:no-repeat;text-indent:43px;margin:0 auto;color:#fff;font:22px/34px "microsoft yahei";}
.msg_ul{width:580px;height:auto;overflow:hidden;margin:60px auto 0 ;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:12px;}
.msg_ul li p{width:130px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none; line-height:20px !important;}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer; background:#066bd3}