/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1200px;
	margin:0 auto;
	font-size:16px;	
	font-family:"Microsoft Yahei";
	background:#fff;
	text-align:justify;	
	color:#3a3a3a;
	
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#3a3a3a;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#E7CB8D;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/

.header{
	width: 100%;
	height: 80px;
	background:#fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	box-shadow:0 0 5px #ccc;
}
.header .logo{
	display: block;
	height: 80px;
	position: absolute;
	top: 0;
	left: 2%;
}
.header .logo img{
	display: block;
	height: 80px;
}
.head_tel{
	width: 178px;
	height: 65px;
	position: absolute;
	right: 0;
	top: 0;
	background:#E7CB8D;
	text-align: center;
	color:#fff;
	font-size:20px;
	line-height: 25px;
	padding-top:15px;
}
.head_share{
	position: absolute;
	right: 188px;
	top: 20px;
}
.head_share .sa{
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	background-repeat:no-repeat;
	background-position:left top;
}
.head_share .sa1{
	background-image:url("../images/sa1.png");
}
.head_share .sa2{
	background-image:url("../images/sa2.png");
}
.head_share .sa3{
	background-image:url("../images/sa3.png");
}
.head_share .sa:hover{
	background-position:left bottom;
}
.head_share .sa2 .code{
	display: none;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left:-60px;
}
.head_share .sa2:hover .code{
	display: block;
}
.header_zw{
	height: 80px;
	clear: both;
}

/*header 结束*/
.indexabout{ width:1200px; margin:0 auto; line-height:30px;}
.nav{
	width: 770px;
	padding-left:30px;
	margin:0 auto;
}
.nav_in{
	float: left;
	width: 110px;
	position: relative;
	z-index: 100;
}
.nav_in .par{
	display: block;
	width: 110px;
	height: 80px;
	line-height: 80px;
	font-size:16px;
}
.nav_in ul{
	width: 150px;
	position: absolute;
	left: -40px;
	top: 80px;
	z-index: 100;
	background:#fff;
	display: none;
	font-size:14px;
}
.nav_in:hover ul{
	display: block;
}
.nav_in li{
	height: 40px;
	line-height: 40px;
	text-align:center;
}
.nav_in li a{
	display: block;
	height: 40px;
	padding-left:0px;
}
.nav_in li a:hover{
	color:#3a3a3a;
	background:#f3f3f3;
}

/*公用CSS 结束*/


/*banner 轮播图*/
/* The slider */
.iviewSlider {
	overflow: hidden;
}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
}

#iview-timer div {
	border-radius: 3px;
}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	padding: 1px;
	width: 100px;
	height: 3px;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	background: #000;
	width: 0px;
}

/* The strips and boxes in the Slider */
.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.iview-prevNav {
	left:0px;
}
.iview-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position:absolute;
	z-index:9;
}
.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}
.iview-controlNav a.active {
	font-weight:bold;
}
.iview-controlNav .iview-items ul {
	list-style: none;
}
.iview-controlNav .iview-items ul li {
	display: inline;
	position: relative;
}
.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	position:absolute;
	z-index:4;
	overflow: hidden;
	cursor: default;
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}
.banner{
	width:100%;
	height:550px;
	position:relative;
	overflow:hidden;	
}
.banner #iview{
	width:1920px;
	height:550px;
	position:absolute;
	left:50%;
	margin-left:-960px;	
}
.banner .c_link{
	display:block;
	width:100%;
	height:550px;	
}
.iview-controlNav{
	height:10px;
	width:100%;
	font-size:1px;
	position:absolute;
	left:0;
	bottom:20px;	
	z-index:60;	
	text-align:center;
}
.iview-controlNav li{
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 5px;
}
.iview-controlNav li a{
	display:inline-block;
	width:10px;
	height:10px;
	font-size:1px;
	background:#fff;	
	border-radius:100%;
	text-indent:-22px;
	overflow:hidden;
}
.iview-controlNav li .active{
	background:#a40502;	
}
/*banner 轮播图*/

.hm_title{
	text-align: center;
	height: 105px;
	line-height: 105px;
	text-align: center;
	margin:50px 0;
	background:url("../images/hm_title.png?v=1") no-repeat bottom center;
}
.hm_title span{
	font-size:26px;
	color:#E7CB8D;
	font-family:Impact;
}
.hm_title em{
	font-size:30px;
	font-weight: bold;
	padding-left:5px;
}



.hm_title2{
	text-align: center;
	height: 75px;
	line-height: 75px;
	text-align: center;
	margin:20px 0;
	background:url("../images/hm_title.png?v=1") no-repeat bottom center;
}
.hm_title2 span{
	font-size:26px;
	color:#E7CB8D;
	font-family:Impact;
}
.hm_title2 em{
	font-size:30px;
	font-weight: bold;
	padding-left:5px;
}


.hm_about{
	padding-bottom:70px;
	text-align: center;
}
.hm_about .t1{
	height: 60px;
	line-height: 60px;
	font-size:24px;
}
.hm_about p{
	font-size:18px;
	line-height: 30px;
	color:#999;
}

.hm_jy{
	height: 295px;
	background:#f0f0f0;
	position: relative;
}
.hm_jy .wp{
	width: 1200px;
	position: absolute;
	left: 50%;
	bottom:-23px;
	overflow: hidden;
	margin-left:-600px;
}
.hm_jy .s_list{
	width: 1250px;
}
.hm_jy .item{
	width: 386px;
	height: 275px;
	float: left;
	margin-right:24px;
	position: relative;
}
.hm_jy .name{
	height: 100px;
	width: 100%;
	line-height: 90px;
	background:url("../images/jybt.png") no-repeat center center;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size:20px;
	font-weight: bold;
	color:#4b4a4a;
	text-align: center;
}
.hm_jy .circle{
	width: 180px;
	height: 180px;
	border:2px solid #fff;
	border-radius:100%;
	line-height: 180px;
	text-align: center;
	background:#d1d1d1;
	font-size:80px;
	font-weight: bold;
	font-family:Impact;
	color:#fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-92px;
	z-index: 10;
}
.hm_jy .circle2{
	font-size:60px;
	background:#E7CB8D;
}

.hm_case{
	padding:30px 0 100px 0;
}

.hmc_slider{
	width: 1200px;
	margin:0 auto;
	height: 400px;
	position: relative;
}
.hmc_slider .s_wrap{
	width: 1200px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.hmc_slider .s_list{
	width: 1245px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.hmc_slider li{
	width: 370px;
	height: 400px;
	float: left;
	margin-right:45px;
}
.hmc_item{
	display: block;
	width: 370px;
	height: 400px;
	position: relative;
	overflow: hidden;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;

}
.hmc_item .photo{
	display: block;
	width: 370px;
	height: 330px;
	position: relative;
	overflow: hidden;
}
.hmc_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hmc_item .intro{
	width: 370px;
	position: absolute;
	left: 0;
	top: 330px;
	line-height: 70px;
	text-align: center;
	background:#f9f9f9 url("../images/case_add.png") no-repeat center 70px;
	height: 140px;
	font-size:18px;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.hmc_item:hover .intro{
	top: 260px;
	background-color:#E7CB8D;
	color:#fff;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;

}
.hmc_slider .c_btn{
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top:-21px;
	z-index: 50;
	cursor: pointer;
}
.hmc_slider .pre{
	left: -50px;
	background:url("../images/case_pre.png") no-repeat center center;
}
.hmc_slider .next{
	right: -50px;
	background:url("../images/case_next.png") no-repeat center center;
}

.hm_pro{
	height: 575px;
	background:url("../images/hmpbg.jpg?v=1") no-repeat top center;
}
.hm_pro ul{
	padding:56px 0 0 586px;
}
.hm_pro li{
	height: 48px;
	line-height: 48px;
	white-space:nowrap;
}

.hmn_slider{
	width: 1200px;
	height: 340px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.hmn_slider .s_list{
	width: 1212px;
	height: 340px;
	position: relative;
	overflow: hidden;
}
.hmn_slider li{
	width: 392px;
	height: 340px;
	background:#f9f9f8;
	float: left;
	margin-right:12px;
	position: relative;
}
.hmn_slider .photo{
	display: block;
	width: 392px;
	height: 190px;
	position: relative;
	overflow: hidden;
}
.hmn_slider .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hmn_slider .tip{
	padding:10px 20px 0 20px;
	font-size:14px;
	line-height: 24px;
	max-height:72px;
	overflow: hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	font-weight:bold;
}

.hmn_slider .tip2{
	padding:10px 20px 0 20px;
	font-size:14px;
	line-height: 24px;
	max-height:72px;
	overflow: hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
}


.hmn_slider .date{
	height: 40px;
	line-height: 40px;
	color:#888;
	font-size:12px;
	position: absolute;
	right: 10px;
	bottom: 0;
}

.hm_flow .tip{
	text-align: center;
	font-size:18px;
	line-height: 30px;
}
.hm_flow .bg{
	height: 330px;
	background:url("../images/hmflowbg.jpg?v=1") no-repeat top center;
}

.footer_copy{
	height: 60px;
	line-height: 60px;
	background:#3a3a3a;
	border-top:1px solid #333;
	font-size:15px;
	color:#fff;
}
.footer_copy a{color:#fff;}
.footer_copy img{ vertical-align:middle; padding-left:20px;}
.footer{
	height: 310px;
	background:url("../images/footerbg.jpg") no-repeat top center;
	color:#545454;
}
.ft_left{
	width: 236px;
	padding:30px 0 0 64px;
	float: left;
}
.ft_left li{
	height: 36px;
	line-height: 36px;
	font-size:16px;
}
.ft_left li a{
	color:#545454;
}
.ft_ct{
	float: left;
	width: 450px;
	padding-top:30px;
	line-height: 30px;
}
.ft_code{
	width: 126px;
	float: right;
	margin:70px 20px 0 20px;
	text-align: center;
	font-size:14px;
	color:#999;
	line-height: 35px;
}
.ft_code img{
	display: block;
	width: 126px;
	height: 126px;
}


	ul,li,dl,dd{padding:0; margin:0;list-style:none;height:auto; }
	#leftclass{height:auto; width:238px;}   /*二级菜单宽度 */
	#leftclass li{  /*二级分类样式 */
	
	height:36px;
	line-height:36px;
	display:block;
	width:238px;
	border-bottom:1px solid #fff;
	
	 }   
	#leftclass li a{
	display: block;
	font-size: 14px;
	text-decoration: none;
	height: 36px;
	line-height:36px;
	padding-left:40px;
	color:#333333;	
	background: url(../images/left_li_bg.jpg) no-repeat center bottom;
	}
	
	#leftclass li a:hover,#leftclass li a.selected:hover{ 
	display: block;
	font-size: 14px;	
	text-decoration: none;
	height:36px;
	line-height:36px;
	color:#FFFFFF;
	background: url(../images/left_hover_bg.jpg) no-repeat center bottom;
	 }
	#leftclass li a.selected{ 
	display: block;
	font-size: 14px;
	color:#fff;	
	text-decoration: none;
	height:36px;
	line-height:36px;
	background: url(../images/left_hover_bg.jpg) no-repeat center bottom;	
	 } 
	#leftclass li.T{background:none; margin:0; padding:0; height:auto;}
	#leftclass dl{display:block;  }

	#leftclass li dl dd a{
	display: block;
	text-decoration: none;
	text-align:left;
	background:#eeeeee;
	padding-left:78px;
	font-size:12px;
	height: 35px;
	line-height:35px;
	color:#535353;

	
	}
	#leftclass li dl dd a:hover{
	display: block;
	text-decoration: none;
	font-size:12px;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	background:none;
	background:#abcd03;

	}
	
	#leftclass li dl dd  a.selected{ 
	display: block;
	text-decoration: none;
	font-size:12px;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	background:none;
	background:#eb544b;}
	
#leftclass li dl dd  a.selected,#leftclass li dl dd  a.selected:hover{ 
	display: block;
	text-decoration: none;
	font-size:12px;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	background:none;
	background:#abcd03;}

.mainsbg{ background-color:#FAFAFA; width:100%; margin:0 auto}
.mainmain{width:1200px; margin:30px auto; clear:both; min-height:300px;}
.mainleft{width:238px;float:left; margin-right:22px;}

.mainleftti{ background-color:#0075C2; height:60px; line-height:60px; color:#FFF; padding-left:30px; font-weight:bold;}

.mainright{width:940px;float:left; background-color:#FFF;min-height:550px;}
.mainright .mainrightti{ background-image:url(../images/dhbg.jpg); line-height:38px; height:38px; padding-left:45px; font-weight:bold; color:#666}
.mainright .mainrightcon{ padding:20px; line-height:30px;}
.clear{clear:both;}



.mainright2{width:1200px;float:left; background-color:#FFF;min-height:550px;}
.mainright2 .mainrightti{ background-image:url(../images/dhbg2.jpg); line-height:38px; height:38px; padding-left:45px; font-weight:bold; color:#666}
.mainright2 .mainrightcon{ padding:20px; line-height:30px;}
.clear{clear:both;}

.mainright2 .mainrightcon .content .conleft{ float:left; width:40%;}
.mainright2 .mainrightcon .content .conright{ float:right;width:60%; text-align:right}
.mainright2 .mainrightcon .content .imginfo{ width:900px; margin:0 auto; text-align:center;}
.mainright2 .mainrightcon .content .imginfo img{ max-width:100%; height:auto;-moz-box-shadow:2px 2px 18px #333333; -webkit-box-shadow:2px 2px 18px #333333; box-shadow:2px 2px 18px #333333; margin-bottom:40px;}

.mainrightcon .content .link2 { display:block; overflow:hidden; padding:0 ; margin:0px; float:none; width:100%; float:right;}
.mainrightcon .content .link2 a { display:block; overflow:hidden; line-height:35px; font-size:14px; float:right; padding-right:90px;}


.pc_news_ul { margin:10px 20px; border-top:1px solid #dddddd; display:block; overflow:hidden; min-height:450px}
.pc_news_ul li { padding:35px 0px; border-bottom:1px solid #e6e6e6; display:block; overflow:hidden;}
.pc_news_ul li .img { width:30%; max-width:270px; height:auto; max-height:180px; float:left; overflow:hidden;}
.pc_news_ul li .img img{width:auto; max-width:270px; height:auto; max-height:180px; float:left; overflow:hidden;}
.pc_news_ul li .con { width:67%; height:auto; overflow:hidden; float:right;}
.pc_news_ul li .con .date { display:block; font-size:15px; color:#888888; line-height:30px; font-style:italic;}
.pc_news_ul li .con .tit { display:block; font-size:18px; font-weight:bold; line-height:30px; margin-top:10px;}
.pc_news_ul li .con .tit a { color:#333333;}
.pc_news_ul li .con .tit a:hover { color:#df1819;}
.pc_news_ul li .con .info { display:block; font-size:14px; color:#666666; line-height:30px; margin-top:10px;}




.pc_news_ul3 { margin:10px 20px; border-top:1px solid #dddddd; display:block; overflow:hidden; min-height:450px}
.pc_news_ul3 li { padding:35px 0px; border-bottom:1px solid #e6e6e6; display:block; overflow:hidden;}
.pc_news_ul3 li .img { width:25%; max-width:270px; height:auto; max-height:220px; float:left; overflow:hidden;}
.pc_news_ul3 li .img img{width:240px; max-width:270px; height:auto; max-height:250px; float:left; overflow:hidden;}
.pc_news_ul3 li .con { width:72%; height:auto; overflow:hidden; float:right;}
.pc_news_ul3 li .con .date { display:block; font-size:15px; color:#888888; line-height:30px; font-style:italic;}
.pc_news_ul3 li .con .tit { display:block; font-size:18px; font-weight:bold; line-height:30px; margin-top:10px;}
.pc_news_ul3 li .con .tit a { color:#333333;}
.pc_news_ul3 li .con .tit a:hover { color:#df1819;}
.pc_news_ul3 li .con .info { display:block; font-size:14px; color:#666666; line-height:30px; margin-top:10px;}


.pagepage{margin:60px auto 20px auto; width:100%; text-align:center;}


 
.pagepage a{
	display:inline-block;
	height:32px;
	line-height:32px;
	width:32px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	text-decoration:none;
	color:#333
}

 
.pagepage a:hover,.pagepage a.hover{
	color:#fff;
	background:#DDB65B;
	border:#DDB65B 1px solid;
}


.pc_news_ul2 { margin:10px 20px; display:block; overflow:hidden;}
.pc_news_ul2 li { padding:15px 0px;  display:block; overflow:hidden; float:left; width:33.33333333333333333%; text-align:center; height:320px; font-weight:normal; font-size:16px;}
.pc_news_ul2 li .img{width:340px; height:300px;border:#F2F2F2 1px solid; text-align:center; vertical-align:middle; line-height:200px; padding-top:5px; overflow:hidden;}
.pc_news_ul2 li img{ max-width:330px; height:auto; max-height:293px; width:auto;overflow:hidden;  width:330px; }
.pc_news_ul2 li img:hover{-webkit-transform:scale(1.4);transition:all 0.6s;} 


.pc_fanye { display:block; text-align:center; overflow:hidden; margin:0px 0px 10px 0px;}
.pc_fanye .page_list { display:block; text-align:center; overflow:hidden; float:none;}
.pc_fanye .page_list a { display:inline-table; text-align:center; border:1px solid #dddddd; padding:5px 10px; margin:0px 3px;}

.mainrightcon .content .link { display:block; overflow:hidden; padding:10px 0 0 0 ; margin:20px 0px 0px 0px; float:none; width:100%; border-top:#CCC 1px dashed;}
.mainrightcon .content .link a { display:block; overflow:hidden; line-height:35px; font-size:14px;}




.imgimg{ width:880px; margin:0 auto; text-align:center;  padding:10px;}
.imgimg img{ max-width:90%;}
.pc_left .content{ width:100%;}
.pc_left .content img{ max-width:90%; height:auto;}


.ilweb_nav{ width: 100%; padding: 70px 0; border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.ilweb_nav ul{ width: 1025px; margin: 0 auto;}
.ilweb_nav ul li a{ float: left; width: 149px; height: 39px; line-height: 39px; border: 1px solid #b9b8b8; color: #6f6f6f; font-size: 12px; margin: 0 9.5px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; text-align:center;}
.ilweb_nav ul li.current a,.ilweb_nav ul li a:hover{ background: #D9AE4A; border-color: #D9AE4A; color: #fff;}


.ilweb_nav2{ width: 100%; padding: 30px 0; border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.ilweb_nav2 ul{ width: 1200px; margin: 0 auto;}
.ilweb_nav2 ul li a{ float: left; width: 149px; height: 39px; line-height: 39px; border: 1px solid #b9b8b8; color: #6f6f6f; font-size: 12px; margin: 10px 9.5px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; text-align:center;}
.ilweb_nav2 ul li.current a,.ilweb_nav2 ul li a:hover{ background: #D9AE4A; border-color: #D9AE4A; color: #fff;}


.contentcontent{ line-height:30px; color:#666;}
.mainmains{ width:100%; height:397px; background-image:url(../images/course.jpg); text-align:center; line-height:397px;}