@charset "utf-8";
/*  common css de3031 */
body { margin:0 auto; background:#fff;font-family:Arial,'Microsoft YaHei','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeiti,SimHei,sans-serif}
body,ul,ol,li,P,h1,h2,h3,h4,h5,h6,form,table,td,th,img,div,dl,dt,dd,BR,i,em,B{ font-weight:normal;font-style:normal;margin:0px;padding:0px;border:0px;}
ul,ol{list-style-type:none;}
select,input{vertical-align:middle; margin:0px; padding:0px;outline:medium; }

a {  text-decoration:none;}
a:hover { text-decoration:none;}
.clear { clear:both;}
.clear10 { clear:both; height:10px; font-size:0px;}
.clear20 { clear:both; height:20px; font-size:0px;}
.fl { float:left}
.fr { float:right}
.clearfix:after{content:"\0020";display:block;clear:both;height:0;visibility:hidden}
* html .clearfix,*+html .clearfix{zoom:1}

.header_box { width:100%; height:100px; border-bottom:#34a950 2px solid;}
.header { margin:0 auto; width:100%; height:100px;}
/*.logo { float:left; width:15%; height:60px; margin-top:10px;}*/
.navs { float:left; width:50%;height:60px; line-height:60px; margin-top:10px; margin-left:3%;}
.navs ul li { font-size:20px; width:18%; float:left; text-align:center; margin-left:1%; margin-right:1%;}
.navs ul li a {color:#333; }
ul.n0 li.m0,ul.n1 li.m1,ul.n2 li.m2,ul.n3 li.m3,ul.n4 li.m4,ul.n5 li.m5 { border-bottom:#e2e2e2 2px solid; }
ul.n0 li.m0 a,ul.n1 li.m1 a,ul.n2 li.m2 a,ul.n3 li.m3 a,ul.n4 li.m4 a,ul.n5 li.m5 a {color:#34a950; font-weight:bold;}

.tel { width:10%; float: right; height:60px; text-align:left; margin-top:10px; position:relative; }
.tel em { clear:both; display:block; height:20px; width:100%; line-height:20px;color:#34a950; font-size:12px; position:absolute; top:10px; left:0px;}
.tel p {clear:both; display:block; height:30px; width:100%; line-height:30px; position:absolute; top:30px; left:0px;color:#34a950; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:300;}
.erweima { width: 15%;  float:right; margin-top:0px; height:100px; background:url(../imgs/erweima175.jpg) no-repeat; background-size:100% 100%;}

.index_focus_box { clear:both; width:100%;} 
.index_focus_box img { width:100%;}

.index_news_box { clear:both; width:100%; background:#e2e2e2; height:260px;}
.index_news_box ul li { width:25%; float:left; height:260px; color:#333;}
.index_news_box ul li h2 {text-align:center; padding-top:20px; height:50px; line-height:25px; font-size:16px;  font-weight:bold; margin-left:20px; margin-right:20px; border-bottom:#ccc 1px solid; overflow:hidden;}
.index_news_box ul li h2 a {color:#333;}
.index_news_box ul li:nth-child(odd) {background:#f5f5f5;}
.index_news_box ul li P { text-align:center;border-top:#f5f5f5 1px solid; padding-top:10px;  display:block; height:110px; overflow:hidden; line-height:25px; margin-left:20px; margin-right:20px; font-size:16px;}
.index_news_box ul li span { display:block; clear:both; height:30px; line-height:30px; font-size:16px; color:#999; text-align:center;}


.index_success_box { width:100%; clear:both; margin-top:10px;}

.index_content { clear:both;  margin:0 auto; text-align:center; width:100%; }
.index_mycase_box {  clear:both;  margin:0 auto; width:100%; } 
.index_mycase_box ul { width:100%; }
.index_mycase_box ul li { width:25%;  height:270px; float:left; text-align:center;}
.index_mycase_box ul li img { width:98%; height:270px; margin:0 auto; }
.index_mycase_box ul li p { height:30px; clear:both; font-size:14px; line-height:30px; text-align:center; }
.index_mycase_box ul li p a { color:#666;}

.index_tit { clear:both;  margin:0 auto; width:100%; font-size:48px; font-weight:bold; height:100px; line-height:100px; text-align:center;}
.index_tit1 { clear:both;  margin:0 auto; width:100%; font-size:48px; font-weight:bold; height:100px; line-height:100px; text-align:center; color:#df0615;}
.index_tit2 { clear:both;  margin:0 auto; width:100%; font-size:24px;  height:50px; line-height:50px; text-align:center;}
.index_more_box { clear:both;margin:0 auto;  height:52px; width:100%; padding-top:30px;}

.index_moreg {clear:both; align-content: center;}
.index_moreg p a { width:238px;color:#333; font-size:24px;height:50px; }
/*修改*/
.index_more {clear:both; position:relative;margin:0 auto;clear:both; width:238px; height:25px; border:#333 1px solid; border-top:0px; z-index:998;}
.index_more:hover {border:#fff 1px solid;}
.index_more p { position:absolute;width:238px;height:50px; top:-25px;  left:0px; z-index:999; }
.index_more p a { display:block; width:238px;color:#333; font-size:24px;height:50px; line-height:50px;font-size:24px;  text-align:center;}
.index_more p a:hover { display:block;width:238px; color:#fff; background:#34a950;}

.botbg_box { clear:both; background:url(../imgs/footerbg.png) center no-repeat; height:300px; width:100%; margin-top:20px;}
.botbg {margin:0 auto; width:100%; height:300px; line-height:40px; text-align:center;}
.botbg p { padding-top:180px;  text-align:center; background:url(../imgs/bot_logo.png) center 60px no-repeat; font-size:48px; height:100px; }
.footer_box { clear:both; width:100%; border-top:#34a950 2px solid;}
.footer { margin:0 auto; width:100%; height:100px; line-height:40px; text-align:center; font-size:14px;}


.banner_box { margin:0 auto; width:100%;  position:relative;}
.banner_box img { width:100%;}
.banner_box p { position:absolute; z-index:999; width:100%; display:block; top:30%; font-size:48px; font-weight:bold; text-align:center; color:#fff;}

.page_index { height:50px; line-height:50px; clear:both;margin:0 auto; width:1200px; text-align:left; font-size:14px; color:#333;}
.page_index a { color:#333;}

.content_box { clear:both;margin:0 auto; max-width:1200px;margin-top:10px;}
.cb_txt { padding:20px; clear:both;max-width:1200px; }
.cb_txt p {font-size:18px; color:#333; line-height:2em; text-indent:2em;}


.news_r_list { clear:both; width:1200px; margin:0 auto;}
.news_r_list ul {clear:both;  padding:20px; background:#fff; height:150px; margin-bottom:20px;}
.news_r_list ul li { float:left; height:150px; }
.nrll {  width:200px; height:150px;}
.nrll img { width:200px; height:150px;}
.nrlr { width:580px; height:150px; padding-left:20px;}
.nrlr B { display:block; height:30px; line-height:20px;}
.nrlr B  a { font-size:18px; color:#333;}
.nrlr i { height:20px; line-height:20px; display:block; clear:both; color:#999; } 
.nrlr p { font-size:14px; clear:both;display:block; line-height:20px; height:80px; overflow:hidden; color:#666; padding-top:10px;}
.nrlr span { color:#999;height:20px; line-height:20px; display:block; padding-top:10px;}
.nrlr span a { padding-right:10px; color:#999; }
.nrlr span a:hover { color:#de3031}
.nc_r_top { clear:both;  overflow:hidden; width:800px; height:320px; background:#fff; padding-left:20px; padding-right:20px;}
.nc_r_top h2 { height:50px; line-height:40px;  color:#333; font-size:16px; clear:both; }
.nc_r_top h2 span { float:right; padding-right:10px; color:#333; }
.nc_r_top h2 span a { font-size:12px; color:#333;}
.nc_r_top ul {width:860px;}
.nc_r_top ul li { margin-right:10px; margin-right:10px; width:260px; float:left; height:250px; }
.nc_r_top ul li img { width:260px; height:195px;}
.nc_r_top ul li p { line-height:20px; height:50px; font-size:14px; padding-left:10px; padding-top:5px; border:#e2e2e2 1px solid; border-top:0px;}

.news_detail_box { padding:20px; background:#fff; clear:both; width:1200px; }
.news_detail_box h1 { height:60px; line-height:30px; text-align:center; font-size:32px; border-bottom:#e2e2e2 1px solid;}
.news_detail_box h3  { margin:0 auto; width:400px; font-size:16px; color:#999; clear:both; padding-left:20px; padding-right:20px; height:50px; line-height:50px;}
.news_detail_box h3 a {color:#999; }
.news_detail_box h3 span { float:right; }
.ndb_leader { clear:both; margin:0 auto; width:1000px; padding:10px; line-height:25px; font-size:14px; color:#666; background:#f1f1f1}
.news_detail { clear:both; margin:0 auto; width:1000px; padding:20px; line-height:2em; font-size:18px; color:#333;}
.news_detail a { font-size:18px; color:#666;}
.news_detail p {font-size:18px;}

.al_box { clear:both; margin:0 auto; width:100%;  }
.al_box_l { float:left; width:600px; height:450px;}
.al_box_l img { width:600px; height:450px;}
.al_box_r { width:550px; float:right;}
.al_box_r h1 { height:80px; line-height:50px; font-size:24px; color:#333; border-bottom:#e2e2e2 1px solid; padding-top:30px;}
.al_box_r ul li { color:#333; clear:both; height:50px; font-size:16px; line-height:50px;}
.al_box_r ul li span { color:#999;}
.al_box_r ul  { padding:20px; height:180px; margin-top:30px; background:#f5f5f5;  clear:both;}
.anli_title { border-bottom:#e2e2e2 2px solid; clear:both; height:50px; line-height:50px; font-size:24px; padding-left:10px; padding-right:10px; margin:0 auto; width:1180px;}

.messagebtn { width:200px; height:30px; line-height:30px; padding:10px; text-align:center; background:#FF6600; color:#fff; font-size:16px;}
.messagebtn1 { display:block; border:0px; width:102px; height:24px; line-height:44px; padding:10px; text-align:center; background:#b61b19 url(../images/lq.png) no-repeat; color:#fff; font-size:16px;}
.messagebtn2 { display:block; border:0px; width:102px; height:24px; line-height:44px; padding:10px; text-align:center;  background:#b61b19 url(../images/lq.png) no-repeat;color:#fff; font-size:16px;}
.inp {width:200px; height:20px; line-height:20px; padding:10px; border:#e2e2e2 1px solid; font-size:16px;}
.inp0 {width:200px;  line-height:20px; padding:10px; border:#e2e2e2 1px solid; font-size:16px;}
.rm_title { height:30px; clear:both; border-bottom:#e2e2e2 1px solid; font-size:24px; color:#F60;}
.close-reveal-modal { float:right; color:#000; font-size:14px; font-weight:normal;}

/*分页样式*/
.digg { clear:both;TEXT-ALIGN:center; font-size:12px; padding:0px;}
.digg a {BORDER: #e2e2e2 1px solid; PADDING-RIGHT:10px;PADDING-LEFT:10px; PADDING-BOTTOM:4px; MARGIN:0px;COLOR:#de3031; PADDING-TOP:4px;}
.digg  a:hover {COLOR:#fff; background:#de3031;TEXT-DECORATION: none}
.digg span.current {PADDING:2px 5px;FONT-WEIGHT: bold; MARGIN: 2px;COLOR: #de3031;}
.digg span.disabled {BORDER: #eee 1px solid; PADDING:2px 5px;MARGIN: 2px;COLOR: #ddd;}
.digg i{padding-right:20px;font-style:normal;}


.errorbox {   height:30px; width:200px; color:#fff; font-size:16px; line-height:30px; font-weight:bold;	position: absolute;	top:350px;	right:20px;	display: none;	z-index: 99999;}
.errorbox1 {   height:30px; width:200px; color:#fff; font-size:16px; line-height:30px; font-weight:bold;position: absolute;	top: 480px;	right:20px;	display: none;	z-index: 99999;}
.errorbox2 {   height:30px; width:200px; color:#fff; font-size:16px; line-height:30px; font-weight:bold;position: absolute;	top: 590px;	right:20px;	display: none;	z-index: 99999;}.a1 {
	color: #F00;
}
/*nav*/
.navbar{ border:none;}
.nav_top { width:100%; height:101px; display:block; margin-bottom:0; background:url(../images/nav_bg.jpg)repeat-x; border-bottom:1px solid #34a950;}
.nav_top .navbar-logo {display:inline-block; padding-top:10px;}
.nav_top .nav li {height:72px; margin-left:0;}
.nav_top .nav li a {display:block; line-height:70px; padding:0px 25px; margin:0 5px; font-size:20px;  color:#333;}
.nav_top .nav li.fir a, .nav_top .nav li:hover a {color:#34a950; border-bottom:#e2e2e2 2px solid; font-weight:bold;}
.nav_top .nav li span {display:inline-block; width:2px; height:42px; background:url(../images/nav_line.png) no-repeat; position:relative; top:14px;}
#wrap ul{ margin:15px; padding:0; }
.navnew{ float:right; width:100%; display:block;}
.navbar-collapse {
    width: 55%;}
@media (max-width: 767px){
.nav_top { width:100%; height: 50px; z-index: 9999; clear:both; display:block; }
	.erweima { display: none;}
	.tel { display: none;}
.navbar {position: absolute; height: 50px; z-index: 9999;}
	.navbar-nav {margin:0;}
	.navbar-toggle  {margin-top:8px; margin-bottom:3px;}
	.nav  {background:#eee; margin:0 -15px;}
	.nav_top .nav li {height:45px; line-height:45px; margin-left:0; text-align:center; }
	.navbar-default .navbar-nav>li>a {color:#333; font-size:16px;}
	.nav>li>a {padding:0; line-height:45px;}
	.nav_top .nav li a{line-height:45px; text-align:center;}
	.nav_top .collapse .nav li a:hover{color:#333; background:#34a950;}
	.nav_top .nav li a {width:100%; margin:0; padding:0;}
	.nav_top .nav li a:hover {border:0;color:#fff;}
	.nav_top .nav li.fir a {color:#fff; border:0;}
	.nav_top .nav li span {display:none;}
	.nav_top {height:50px; padding:0 0px;}
	.nav_top .navbar-logo {padding:3px 0 0 15px; width:160px;}
	.nav_top .navbar-logo img{height:40px;}
	.logo {float: left; width: 70%;height: 40px;margin-top: 0px;}
	.navbar-default .navbar-toggle {border-color: #ddd;}
	.navbar-toggle {
    position: relative;
    float: right !important;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.navbar-collapse {
    width: 100% !important;}
	
#wrap ul li .a1 .divA>.p1 span {background: rgba(0,0,20,0.7); padding:5px; font-size:14px;}
#wrap ul li{
	width:50% !important;
	height: 100%;
	list-style: none;
	position: relative;
	overflow: hidden;
	 margin:0px !important;
} 
.index_tit { clear:both;  margin:0 auto; width:100%; font-size:18px; font-weight:bold; height:40px; line-height:40px; text-align:center;}
.success_box .a0 .divB>.p3{ text-align:center;
	height:50px;
	font-size: 18px !important;
    color: #fff;
	font-weight:bold;
}
.success_box {clear:both; margin:0 auto;width: 100%; height:140px !important;position: relative;overflow: hidden;}

.success_box .a0 img { width:100%; height:140px !important;}
.success_box .a0 .divB{
	position: absolute;
	top: 40% !important;
	left: 0;
	width:100%;
	height: 50px;

}
.index_more {clear:both; position:relative;margin:0 auto;clear:both; width:150px; height:25px; border:#333 1px solid; border-top:0px; z-index:998;}
.index_more:hover {border:#fff 1px solid;}
.index_more p { position:absolute;width:150px;height:50px; top:-15px;  left:0px; z-index:999; }
.index_more p a { display:block; width:150px;color:#333; font-size:16px !important;height:40px; line-height:40px;font-size:16px;  text-align:center;}
.index_more p a:hover { display:block;width:150px; color:#fff; background:#34a950;}

.index_news_box { clear:both; width:100%; background:#e2e2e2; height:200px;}
.index_news_box ul li { width:50%; float:left; height:200px; color:#333;border-bottom: 1px solid #eee;}

.index_mycase_box ul li { width:50%;  height: auto; float:left; text-align:center;}

.index_mycase_box ul li img { width:98%; height:140px !important; overflow:hidden; margin:0 auto; }

.index_more_box { clear:both;margin:0 auto;  height:62px !important ; width:100%; padding-top:30px;}
.botbg_box { clear:both; background:url(../imgs/footerbg.png) center no-repeat; height:280px; width:100%;}
.botbg {margin:0 auto; width:100%; height:280px; line-height:40px; text-align:center;}

/*遮罩*/
#wrap ul li .a2{
	display:none;
} 
#wrap ul li .a2 .p4{
	width:100%;
	height:50px; line-height:50px;
	
	text-align: center;
	position: absolute;
	top: 30px;
	left: -100%;
	color: #fff;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{

	text-align: left;
	line-height:30px ;
	 height:180px;
	  overflow:hidden;
	 padding-top:10px;
	position: absolute;
	top:80px;
	left: -100%;
	font-size: 18px;
	padding-left:40px; padding-right:40px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:-50px;
	right: 80px;
	width: 100%;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	margin: 10px auto;
	border:#8d0000 2px solid;
	transition: all 0.2s 0.5s ;
	 font-size:16px;
}

#wrap ul li a.a2 .p7  { color:#8d0000;border:#8d0000 2px solid;}
#wrap ul li a:hover.a2 .p7  { color:#fff;border:#fff 2px solid;}

.banner_box { margin:0 auto; width:100%;  position:relative;}
.banner_box img { width:100%; text-align:center; height:80px;}

.content_box { clear:both;margin:0 auto; width:100%; margin-top:10px;}
.cb_txt { padding:5px; clear:both; }
.cb_txt p {font-size:14px; color:#333; line-height:2em; text-indent:0em;}
.cb_txt  img { width:90% !important; text-align:center; margin:0 auto;}
.index_content img{ clear:both;  margin:0 auto; text-align:center; width:100% !important; }
.news_r_list { clear:both;  margin:0 auto; width:100%!important;}
.news_r_list ul { float:left !important; padding:0px; background:#fff; height:150px;  width:100% !important; margin:0 auto;margin-bottom:20px;}
.news_r_list ul li { float:left; height:160px; border-bottom:1px solid #ccc; width:100% !important; margin:0 auto; }
.nrll { display:none !important}
.nrll img {  display:none !important}
.nrlr p { font-size:12px; clear:both;display:block; line-height:20px; height:70px !important; overflow:hidden; color:#666; padding-top:10px;}
.nrlr B  a { font-size:12px !important; color:#333; font-weight:bold;}

.index_news_box ul li P { text-align:center;border-top:#f5f5f5 1px solid; padding-top:10px;  display:block; height:110px; overflow:hidden; line-height:25px; margin-left:20px; margin-right:20px; font-size:12px;}
.index_news_box ul li span { display:block; clear:both; height:30px; line-height:30px; font-size:12px; color:#999; text-align:center;}
.page_index { height:50px; line-height:50px; clear:both;margin:0 auto; width:100% !important; text-align:left; font-size:14px; color:#333;}
.page_index a { color:#333;}
.news_detail_box { padding:10px; background:#fff; clear:both;}
.news_detail_box h1 {  line-height:30px; text-align:center; font-size:16px; border-bottom:#e2e2e2 1px solid;}
.news_detail_box h3  { margin:0 auto; width:100% !important; font-size:16px; color:#999; clear:both; padding-left:20px; padding-right:20px; height:50px; line-height:50px;}
.news_detail_box h3 a {color:#999; }
.news_detail_box h3 span { float:right; }
.ndb_leader { clear:both; margin:0 auto; width:100% !important; padding:10px; line-height:25px; font-size:12px; color:#666; background:#f1f1f1}
.news_detail { clear:both; margin:0 auto;  width:100% !important; padding:10px; line-height:2em; font-size:14px; color:#333;}
.news_detail a { font-size:14px; color:#666;}
.news_detail p {font-size:12px;}
.news_detail img{ width:90% !important; margin:0 auto;height:90% !important;}

#wrap ul{ margin:5px; padding:0; }
#wrap ul li a{
	margin:2px !important; padding:2px !important;
} 
.news_detail_box { padding:20px; background:#fff; clear:both; width:100% !important; }


.rm_title { height:30px; clear:both; border-bottom:#e2e2e2 1px solid; font-size:18px; color:#F60; line-height:20px;}
.al_box_l { width:100%; height: auto;}
.al_box_l img { width:100%; height: auto;}
.al_box_r {width:100%; height: auto;}
.al_box_r h1 { height:80px; line-height:50px; font-size:24px; color:#333; border-bottom:#e2e2e2 1px solid; padding-top:30px;}
.al_box_r ul li { color:#333; clear:both; height:50px; font-size:16px; line-height:50px;}
.al_box_r ul li span { color:#999;}
.shenqingtab{}
.footer { margin:0 auto; width:100%; height:100px; line-height:40px; text-align:center; font-size:14px; margin-bottom:70px;}
.banner_box p { position:absolute; z-index:999; width:100%; display:block; top:30%; font-size:28px; font-weight:bold; text-align:center; color:#fff;}

}
@media (max-width: 1200px) and (min-width: 992px){
}
@media (max-width: 1920px) and (min-width: 1400px){}