@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; color:#333;}
h1,h2,h3,h4,h5,h6,input,select{ margin:0; padding:0;font-family:"微软雅黑"; outline:none; font-weight:normal;}
ul,li{ margin:0; padding:0; list-style:none;}
img{ border:none;}
table{border-collapse:collapse;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#fa7a20; text-decoration:underline;}

.right{ text-align:right;}
.left{ text-align:left;}
.center{ text-align:center;}
.none{ display:none;}
.blank10{ height:10px; clear:both; overflow:hidden; display:block;}
.blank15{ height:15px; clear:both; overflow:hidden; display:block;}
.blank20{ height:20px; clear:both; overflow:hidden; display:block;}
.blank30{ height:30px; clear:both; overflow:hidden; display:block;}
.blank40{ height:40px; clear:both; overflow:hidden; display:block;}
.blank50{ height:50px; clear:both; overflow:hidden; display:block;}
.blank80{ height:80px; clear:both; overflow:hidden; display:block;}

.pull-left{ float:left;}
.pull-right{ float:right;}

.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mrl10{ margin:0 10px;}
 
.pd15{ padding:15px;}
.pd30{ padding:30px;}
 
.w100{ width:100px !important;}
.w200{ width:200px !important;}
.w300{ width:300px !important;}
.w400{ width:400px !important;}
.w500{ width:500px !important;}
.w600{ width:600px !important;}
.w700{ width:700px !important;}
 
.font14{ font-size:14px;}
.font16{ font-size:18px;}
.font18{ font-size:18px;}

.color-orange{ color:#fa7a20;}
.color-blue{ color:#4d87de;}
.color-white{ color:#fff !important;}

.lh22{ line-height:22px !important;}
.lh30{ line-height:30px !important;}

.line{ height:1px; overflow:hidden; background:#ddd;}
.line2{ height:1px; overflow:hidden; background:#eee;}

.border-gray{ border:#e9e9e9 1px solid;} 
.border-bottom-gray{ border-bottom:#e9e9e9 1px solid;}
.border-left-gray{ border-left:#e9e9e9 1px solid;}
 
.bg-gray{ background-color:#F6F6F6 !important; overflow:hidden;}
.bg-white{ background:#fff; overflow:hidden;}
.bg-blue{ background:#4d87de;}
.bg-orange{ background:#fa7a20;}

.bg-lou{ background:url(../images/bg-lou.png) center bottom no-repeat;}


 .line{ width:100%; height:1px; overflow:hidden; background:#e2e2e2;}
 
.clearfix:after{ content:'.'; visibility:hidden; overflow:hidden; height:0; display:block; clear:both;}

/*头部*******************************************************************************/
#header{ width:100%; clear:both; height:140px;}

.topbanner{ width:100%; clear:both; height:70px; background:#eee; display:none;}

.masthead{ width:100%; height:80px; clear:both;}
.masthead .main{ width:1200px; height:80px; margin:0 auto; clear:both;}
.masthead .logo{ width:220px; height:70px; float:left; margin-top:5px;}
.masthead .slogan{ width:130px; height:40px; float:left; margin-top:20px;}

.masthead .tel{ width:218px; height:40px; float:right; background:url(../images/tel.png); margin-top:20px;}

.navbar{ width:100%; height:60px; background:#fa7a20; line-height:60px;}
.navbar ul.nav{ width:1200px; height:60px; line-height:60px; margin:0 auto;}
.navbar ul.nav li{ float:left;}
.navbar ul.nav li a{ display:block; height:60px; padding:0 40px; font-size:16px; color:#fff;}
.navbar ul.nav li a:hover{ background:#f26a0a; text-decoration:none;}
.navbar ul.nav li.active a{ background:#f26a0a;}
.navbar ul.nav li.login{ float:right; }
.navbar ul.nav li.login a{padding:0 20px;}

#contanier{ width:100%; clear:both; margin:0 auto;}
#contanier .main{ width:1200px; margin:0 auto;}
#contanier .main0{ width:1000px; margin:0 auto;}
#contanier .wrap{ width:100%; clear:both;}

#footer{ width:100%; background:#282828;}
#footer .main{ width:1200px; margin:0 auto;}
#footer .eccl-x{ width:100%; height:130px; background:url(../images/eccl-x.jpg) center no-repeat; overflow:hidden;}
#footer .eccl-s{ width:100%; background:#4f4f4f; overflow:hidden; color:#fff;}
#footer .eccl-s .listbox{ width:220px; float:left; overflow:hidden; padding:80px 0;}
#footer .eccl-s .listbox h1{ font-size:16px; font-weight:normal; clear:both; margin-bottom:10px;}
#footer .eccl-s .listbox ul{ width:200px; clear:both; overflow:hidden;}
#footer .eccl-s .listbox ul li{ line-height:24px;}
#footer .eccl-s .listbox ul li a{ color:#ccc;}

#footer .eccl-s .telbox{ width:240px; float:right; line-height:24px; text-align:center; margin-top:80px;}
#footer .eccl-s .telbox h1{ font-size:24px; color:#ff7300; clear:both; margin:10px 0;}

#footer .eccl-c{ width:100%; clear:both;}
#footer .eccl-c{ width:1200px; padding:40px 0; margin:0 auto; overflow:hidden; color:#888; text-align:center; line-height:24px;}
#footer .eccl-c a{ color:#888;}


/*页码***********************************************************************/
.page{ clear:both; overflow:hidden; height:42px; margin-left:-50%; position:relative; padding:20px 0;}
.page ul{ position:absolute; left:50%;}
.page ul li{ float:left; margin:0 2px; line-height:40px; }
.page ul li a{ display:inline-block; width:40px; height:40px;border:#ddd 1px solid; text-align:center; border-radius:3px; font-size:14px;}
.page ul li a.prev{ width:80px;}
.page ul li a:hover{ text-decoration:none; background:#ff7300; color:#fff; border:#ff7300 1px solid;}
.page ul li.active a{ background:#ff7300; color:#fff; border:#ff7300 1px solid;}



/*在线客服*******************************************************************************/
.side-pannel {
	position: fixed;
	right:20px;
	z-index: 99;
}
.side-bar {
	border-bottom: none;
	bottom:200px;
}
.side-bar a {
	display: block;
	cursor: pointer;
	width:44px;
	height:44px;
	position: relative;
	margin-bottom:1px;
}
.side-bar a.qq{ background:url(../images/ico.png) 0 -110px;}
.side-bar a.qq:hover{ background:url(../images/ico.png) -44px -110px;}
.side-bar a.wx{ background:url(../images/ico.png) -88px -110px;}
.side-bar a.gotop{ background:url(../images/ico.png) -132px -110px;}

.side-bar a.wx i {
	width:159px;
	height:140px;
	position: absolute;
	left: -165px;
	top:-44px;
	display: none;
	background-position: 0 0;
	background-image: url(../images/weixin.png);
}
.side-bar a.wx:hover i {
	display: block
}

/*2018-03-10*/
.dropdown {  /* 最外层 li */   position: relative;  }  
.dropdown ul {  /* 隐藏下拉菜单 */  display: none;  position: absolute; z-index:99999}   
.dropdown:hover ul {  /* 下拉菜单样式 */  display: block;  min-width:140px;  background: #F26A0A;  border-top: 0;  border-radius: 0 0 3px 3px;  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);   box-shadow: 0 0 1px rgba(0, 0, 0, 0.04); } 
.dropdown ul li a:hover{ color:#ccc}
.p0{ padding:0px;}

.dh{ background:#EDEDED; padding:15px 0px;  text-align:center}
.cd{ font-size:17px; display:inline-block; margin-right:50px;}

.banner0{ height:500px; background:url(../images/aaa.jpg) no-repeat top center; }
.banner01{ height:500px; background:url(../images/bbb.jpg) no-repeat top center; }
.banner02{ height:500px; background:url(../images/ccc.jpg) no-repeat top center; }
.banner03{ height:500px; background:url(../images/ddd.jpg) no-repeat top center; }

ul.lzb-nav{ overflow:hidden; background:#fff; width:1200px;}
ul.lzb-nav li{ width:200px; float:left; overflow:hidden; text-align:center; font-size:14px; padding:20px 0;}
ul.lzb-nav li em{ display:inline-block; width:56px; height:56px; background:url(../images/ico-yewu-nav2.png); margin-bottom:10px; clear:both;}
ul.lzb-nav li em.n1{ background-position:0 0;}
ul.lzb-nav li em.n2{ background-position:-56px 0;}
ul.lzb-nav li em.n3{ background-position:-112px 0;}
ul.lzb-nav li em.n4{ background-position:-168px 0;}
ul.lzb-nav li em.n5{ background-position:-224px 0;}
ul.lzb-nav li em.n6{ background-position:-280px 0;}

.biaoti{ font-size:23px; color:#000; font-weight:bold}
.wz{ font-size:17px;}
.pd{ padding-top:50px; padding-bottom:40px;}
.mt100{ margin-top:100px;}     .mt70{ margin-top:70px;}
.main0 p{ line-height:35px;}


.title-box {width: 1200px;height: 205px;text-align: center;}
.title-box .line-icon {height: 102px;border-bottom: 1px solid #dfdfdf;}
.title-box .line-icon h2 {line-height: 200px;display: inline-block;}
.px36 {font-size: 36px;}
.toDo-title {font-weight: normal;display: inline-block;padding: 0 35px;background-color: #F6F6F6;}
.toDo-title0 {font-weight: normal;display: inline-block;padding: 0 35px;background-color: #fff;}


.toDoList {margin-top: 5px;}
.todo-item {width: 532px;height: 112px;text-align: left;}
.todo-item h3 {font-weight: normal;}
.todo-item p {line-height: 22px;}
.mg-r129 {margin-right: 129px;}
.mg-r31 {margin-right: 31px;}
.fl, .fr {display: inline;}
.fl {float: left;}
.fr {float: right;}
.mg-t5 {margin-top: 5px;}
.px18 {font-size:21px;}
.px12 {font-size: 14px;}
.mg-t10 {margin-top: 10px;}
.mg-t66 {margin-top: 66px;}
.pb100{ padding-bottom:100px;}
.pb50{ padding-bottom:50px;}
.mb50{ margin-bottom:50px;}


.mt380{ margin-top:380px;}
.btn_zc{ display:inline-block; padding:15px 30px; border-radius:3px; background:#F7A203; color:#fff; font-size:16px; }
.btn_zc:hover{ background:#FA7A20; text-decoration:none; color:#fff}

.con{}
.con p{ font-size:16px; line-height:35px; }

.yq{ margin-top:50px;}
.yq ul{ margin-left:150px}
.yq ul li{ display:inline-block; text-align:center; border-radius:100%; height:100px; width:100px; font-size:17px; color:#fff; line-height:25px; padding:30px; float:left; margin-right:80px;}
.green{ background:#0C6}
.blue{ background: #09C}
.yellow{ background: #F90}
.red{ background: #C30}


.cpzl{ width:1200px; overflow:hidden}
.cpzl ul{ width:1300px; }
.cpzl ul li{ border:1px solid #DFDFDF; width:230px; height:250px; padding:20px; margin-right:35px; background:#fff; float:left;transition: all .2s linear}
.cpzl ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.cpzl ul li img{ margin-top:20px;}
.cpzl ul li h4{ font-size:17px; line-height:50px; font-weight:bold}
.cpzl ul li p{ font-size:15px; line-height:25px; color:#666; }


.cpzl0{ width:1200px; overflow:hidden}
.cpzl0 ul{ width:1300px; }
.cpzl0 ul li{ border:1px solid #DFDFDF; width:230px; height:320px; padding:20px; margin-right:35px; background:#fff; float:left;transition: all .2s linear; }
.cpzl0 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.cpzl0 ul li p{ font-size:15px; line-height:25px; color:#666; background:url(../images/dot.png) no-repeat 0px 10px; padding-left:10px }

.cpzl0 ul li h3{ font-size:21px; line-height:50px;  border-bottom:1px solid #ddd; margin-bottom:20px}

.wy{ height:130px; color:#fff; text-align:center; font-size:29px; line-height:130px; font-weight:bold; background: url(../images/wy.jpg) no-repeat bottom center}

.gy{ font-size:17px; line-height:35px; text-indent:2em}

ul.maijia{ width:1300px; overflow:hidden; margin:20px auto;}
ul.maijia li{ width:222px; height:90px; border:#ddd 1px solid; margin-right:20px; float:left; background:#fff; margin-bottom:20px;}

.wy0{ height:180px;  background: url(../images/wy.jpg) no-repeat bottom center}
.wy0 p{color:#fff; text-align:center; font-size:29px;  font-weight:bold; display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px; padding:40px 0px  20px}
	
.mfsy{}
.mfsy h4{ font-size:27px; font-weight:bold; text-align:center; margin-top:80px; margin-bottom:30px;}
.mfsy p{ font-size:19px; text-align: center; line-height:35px;}


.priceTable {
	border-collapse: collapse; width:100%
}
/*.priceTable tr:hover {
 	background-color: #ecf5ff;
 }*/
.priceTable tr.tableTitle {
	background: #f7f7f7;
	font-weight: bold;
}

.priceTable tr.tableTitle1 {
	font-size: 18px;
}
.priceTable thead {
	font-size: 18px;
	color: #fff;
	/*font-weight: bold; */
	background: #fff;
}
tr.even {
	background: #ffffff;
}
.priceTable td {
	border: 1px solid #ccc;
	padding: 10px 0;
	height: 20px;
	line-height: 25px;
	text-align: center;
	font-size:17px;
	padding:10px 5px
	
}
.priceTable div {
	background: url(../images/right-icon.png) no-repeat ;
	width: 20px;
	height: 20px;
	margin: 0 auto;
}

.js{ padding:50px 0px;}
.js p{ font-size:19px; line-height:40px; text-align:center}

.mt50{ margin-top:50px}
.wz0{ font-size:17px; line-height:35px;}

.hand {CURSOR: pointer;}
.gntd{ width:1200px; margin-top:30px;}
.gntd ul{ width:1250px; }
.gntd ul li{ float:left;  width:186px; margin-right:20px; border:1px solid #CCC; padding:20px; margin-bottom:20px; text-align:center; background:#FFF}
.gntd ul li:hover{ background:#fff2cc}
.gntd ul li img{ margin-top:20px;}
.gntd ul li h4{ font-size:19px; margin-top:20px; margin-bottom:20px;}


.mk{ width:580px;}
.mk h4{ background:#0099CF; padding:20px; border-radius:10px 10px 0px 0px; color:#fff; font-size:21px; }
.mk_con{ background:#FAFAFA; padding:30px 30px; border:1px solid #CCC}
.mk_con ul{}
.mk_con ul li{ font-size:16px; padding:30px 0px 30px 50px; background:url(../images/bd.png) no-repeat 0px -6px;}

.btn00{ display:inline-block; background:#0099CF; border-radius:5px; padding:12px 80px; color:#fff; font-size:17px; text-decoration:none; margin-top:20px;}
.btn00:hover{ background:#06F; color:#fff; text-decoration:none}





.mk0{ width:580px;}
.mk0 h4{ background:#F23B50; padding:20px; border-radius:10px 10px 0px 0px; color:#fff; font-size:21px; }
.mk_con0{ background:#FAFAFA; padding:30px 30px; border:1px solid #CCC}
.mk_con0 ul{}
.mk_con0 ul li{ font-size:16px; padding:30px 0px 30px 50px; background:url(../images/bd0.png) no-repeat 0px -6px;}

.btn000{ display:inline-block; background:#F23B50; border-radius:5px; padding:12px 80px; color:#fff; font-size:17px; text-decoration:none; margin-top:20px;}
.btn000:hover{ background:#C30; color:#fff; text-decoration:none}


.w700{ width:700px;}   .w650{ width:650px;}




.banner02 h4{ font-size:52px; font-weight:bold; color:#fff; padding-top:80px;}
.banner02 .hs{ color:#FFCD00; margin-left:50px;}
.banner02 p{ font-size:21px; color:#fff; line-height:45px; display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
.banner02 h3{ font-size:32px; font-weight:bold; color:#fff; line-height:50px }


.banner04{ height:500px; background:url(../images/jy.jpg) no-repeat top center; }

.dbt h4{ font-size:36px; line-height:50px; text-align:center; margin-top:10px; margin-bottom:80px;}
.dbt h3{ font-size:27px; line-height:50px; text-align:center; margin-top:80px;}



.banner05{ height:260px; background:url(../images/dzsw.jpg) no-repeat top center; }



.zlhz{ width:1100px; overflow:hidden; margin:auto}
.zlhz ul{ width:1150px;}
.zlhz ul li{ float:left; margin-right:30px; width:335px; height:120px;  margin-bottom:30px;}



.zlhz0{ width:1200px; overflow:hidden; margin:auto}
.zlhz0 ul{ width:1300px;}
.zlhz0 ul li{ float:left; margin-right:15px; width:285px;  margin-bottom:30px; }
.zlhz0 ul li img{ width:285px; height:200px; border:1px solid #CCC}
.zlhz0 ul li p{ font-size:16px;  text-align:center}




















