a{ color: #333;
    text-decoration: none;
}
a:hover{	    color: #0064D4;
    text-decoration: none;
}
.fl {float:left;}
.fr {float:right;}
.m30{margin:30px 0;}
.mt50{margin:50px 0 0 0;}
.mb50{margin: 0 0 50px 0;}
.pt50{padding:50px 0 0 0;}
.pb50{padding: 0 0 50px 0;}
.pb100{padding: 0 0 100px 0;}
.m80{margin:80px 0 0 0;}
.fcw{color:#fff;}


.container-fluid{max-width:1200px;}

.html5zootxt { 
	position: relative;
    top: -440px;
	line-height:1.5;
    color: #fff;
    font-size: 60px;
	font-weight: bold;
    text-align: center;
    width: 100%;
	}
.html5zootxt a {	  -webkit-transition: .2s;font-weight: 100;
width:180px ;height:40px; line-height:40px; border:1px solid #FFF; display:block; font-size:18px;color:#FFF;margin:100px auto 0;
 }
.html5zootxt a:hover {background:#fff; color:#333;  -webkit-transition: .2s; }

.i_product .more,.i_news .more{	
margin:0 auto;
  -webkit-transition: .2s;
	padding: 0px;
    overflow: hidden;
	width: 180px;
    height: 40px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:16px;
    line-height: 40px;
    background-color: rgba(56,58,63,1);
	border:1px solid #000;
	border-radius: 10px 10px 10px 10px;
}

.i_product .more:hover,.i_news .more:hover {     -webkit-transition: .2s;
   color:#333;  background-color: rgba(255,255,255,1);  border:1px solid #000;}
   
.bg32{background: rgb(238, 242, 245);} 
   
.i_about{
	
    background-image: url(../images/ab2.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
}


.i_about .intro{    font-size: 16px;  -webkit-transition: .2s;

    line-height: 200%;}

.i_about .intro .more{
    color: #FFF;  -webkit-transition: .2s;
	font-size:14px;
    margin: 0 30px;
    padding: 5px 20px;
    background: rgba(197,197,197,.3);
    border-radius: 8px;
    line-height: 200%;
	}	
.i_about .intro .more:hover{
    background: #fff;
    color: #333;
}
.i_about .icos{
	width:100%;
	margin:0 auto;
    height: 105px;
}
.i_about .w20{width:20%; float:left;}
.i_about .icos-box{
	margin:0 auto;
	width:100%;
	height:101px;
	display:block;
	text-align:center;
	font-size:30px;
	padding-top:70px;
    font-family: Microsoft YaHei;
	}
.i_about .icos{width:20%; height:100%;}
.i_about .icos i{width:100%;height:100%}

.i_about  .ico1{background:transparent url(../images/ab01.png) center top  no-repeat;}
.i_about  .ico2{background:transparent url(../images/nb02.png) center top no-repeat;}
.i_about  .ico3{background:transparent url(../images/ab03.png) center top no-repeat;}
.i_about  .ico4{background:transparent url(../images/nb04.png) center top no-repeat;}
.i_about  .ico5{background:transparent url(../images/nb05.png) center top no-repeat;}


	
.i_news  .n1{width:100%; height:530px; padding:40px 70px 20px 70px; display:block; background: url(../images/ihtu.jpg) center top no-repeat;}
.i_news  .n2{width:100%; height:530px;padding:40px 30px 20px 30px; display:block;background: url(../images/ct94.jpg) center top no-repeat;}
.i_news  .n3{width:100%; height:255px;padding:40px 30px 20px 30px;background: #5a69a2;}
.i_news  .n4{width:100%; height:255px;padding:40px 30px 20px 30px;margin-top:18px;background: #ff5c01;}

.i_news .til{    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
	width:100%; 
	height:30px;
	white-space:nowrap; 
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;	}
.i_news .til a {color:#FFF;}
.i_news .til a:hover {color:#ff7e00;}

.i_news .date{display: block;
    font-family: arial;
    font-size: 17px;
    padding-top: 9px;
    color: #cccccc;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;}
	
.i_news .desc{    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 15px;
    line-height: 22px !important;
    padding: 30px 1px;
    color: #d9d9d9;
    font-weight: normal;
    text-decoration: none;

	
	}
	

.i_news .nbox .more{
	color:#FFF;
	font-size:16px;
	line-height:44px;
	height:44px;
	width:186px;
	text-align:center;
	text-decoration:none;
	border:1px solid #fff;
	margin:50px auto;
	border-radius: 0px;
	background:none;
		}
.i_news .nbox .more:hover {background:#FFF; -webkit-transition: .2s; color:#333;}
		
.i_contact .qrcode img {width:100%; margin:15px 0;}

.i_button {width:250px; height:40px;color:#fff; background:#5c48ce}
.i_button:hover{  -webkit-transition: .2s;background:#111;color:#fff;}

.i_foo {background: rgb(56, 58, 63); color:#666}
.i_foo .flink{line-height:40px;  color:#ccc}
.i_foo a { color:#666}
.i_foo a:hover { -webkit-transition: .2s; color:#aaa}

/************************/
.sbanner {margin:0; padding:0; height:300px;width:100%; overflow:hidden;background:url(../images/sban.jpg) center top no-repeat; }
.sbanner .sbantxt {position:relative; top:150px; width:100%; text-align:center;color:#fff;}

.maincont {color:#333; font-size:14px; line-height:30px;}
.maincont .pos { font-size:13px; ;line-height:26px;margin:10px 0;background:#eef;margin:5px auto 20px; padding:5px 0 5px 10px;border-radius:5px;} 
.maincont .pos a{color:#666; }
.maincont .pos a:hover {color:#ff7e00; }

/*************/
.consubnav ul{ list-style:none; padding:10px 0 30px 0;}

.consubnav ul>li{padding:2px; margin:2px 0; }
.consubnav ul li a{ -webkit-transition: .2s;border:1px solid #ddd; border-radius:8px;display:block; width:98%;height:100%;text-align:center; color:#333;}
.consubnav ul li a:hover{ -webkit-transition: .2s;border:1px solid #ff7e00;background:#ff7e00;color:#fff;}
.consubnav ul .active{ background:#ff7e00;color:#fff;}
.footlogo, {margin:0; padding:0;}
	
.conlist { padding:30px 0;}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.conlist .thumbnail {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    max-width: 310px;
    margin-bottom: 30px;
    border-radius: 0;
	-webkit-transition: .2s;
	
}
.conlist .thumbnail:hover>.img>img {transform: scale(1.1,1.1);
	 -webkit-transition: .2s;}

.conlist .thumbnail .caption {padding:0}
.conlist .thumbnail .caption a {
    height: 40px;
	line-height:40px;
	display:block;
	width:100%;
    overflow-y: hidden;
    color: #555;
	background:#eef;
}

.conlist .thumbnail .img {
    display:block;
	height: 180px;
    overflow: hidden;
}
.conlist .thumbnail img{
	
	max-width:100%;
	max-height:100%;
}
/***************/
.newslist {padding:30px 0;}
.newslist .img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-height: 200px;
    max-height: 200px;
    margin-bottom: 30px;
    border-radius: 0;
}
.newslist .thumbnail {width:28%;min-height:400px;max-height:400px; overflow:hidden;padding:1%;margin:1%;  -webkit-transition: .2s;}
.newslist .thumbnail .img img{width:100%;overflow:hidden; -webkit-transition: .2s;}
.newslist .thumbnail .img a{width:100%; height:100%;display:block;}
.newslist .thumbnail:hover{	background:rgba(0,0,0,.01); -webkit-transition: .2s;}
.newslist .thumbnail:hover img{   
	transform: scale(1.1,1.1);
	 -webkit-transition: .2s;
    }
.newslist .ncon .til {
	display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 17px;
    color: #5a5a5a;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
}

.newslist .ncon .date {
    display: block;
    font-family: arial;
    font-size: 15px;
    color: #d9d9d9;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;
}


.newslist .ncon .desc {
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 16px !important;
    color: #999999;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;
}



/********************/
.newslist2{padding:0 30px;}
.newslist2 ul {    list-style: none;    padding: 0px;}
.newslist2 ul li:nth-child(even) {background:#f1f1f1;}
.newslist2 li .date {float:right; padding:0 10px;color:#999;}	
.newslist2 li .til {padding:0 20px 0 35px;color:#333;}	
.newslist2 li {line-height:55px; height:55px; padding:0px;}
.newslist2 li:hover {}
.newslist2 li a {width:100%; height:100%;display:block}
.newslist2 li a:hover {background:#DDD;}
.newslist2 li .lico{float:left; line-height:55px; height:55px;padding: 0 0 0 10px; color:#5a69a2}



.conbox {min-height:300px;}
.conbox .ntil h2{text-align:center;}



	.i_p_phone{display:none;}
	.i_p_pc{display:block;}
	
	
	
	
	
@media(max-width: 900px) {
.html5zootxt { 
	position: relative;
    top: -120px;
	line-height:1.5;
    color: #fff;
    font-size: 20px;
	font-weight: bold;
    text-align: center;
    width: 100%;
	}
.html5zootxt a {	font-weight: 100;
width:80px ;height:20px; line-height:20px; border:1px solid #FFF; display:block; font-size:12px;color:#FFF;margin:20px auto 0;
 }


 .flink {display:none}
	.i_contact .qrcode img {width:100%; }
	.sbanner {margin:0; padding:0; height:150px;width:100%; overflow:hidden;background:url(../images/sban.jpg) center top no-repeat; }
	.sbanner .sbantxt {position:relative; top:30px; width:100%; text-align:center;color:#fff;}
	.consubnav ul>li{padding:2px; margin:2px 0;}
	.consubnav ul li a{ width:100%;}
	.maincont .pos{display:none;}
	
	.newslist .thumbnail{width:99%;}
	
.newslist2{padding:0 10px;}
.newslist2 ul {    list-style: none;    padding: 0px;}
.newslist2 ul li:nth-child(even) {background:#f1f1f1;}
.newslist2 li .date {display:none;}	
.newslist2 li .til {padding:0 0 0 30px;color:#333;}	
.newslist2 li {line-height:45px; height:45px; padding:0px;}
.newslist2 li:hover {}
.newslist2 li a {width:100%; height:100%;display:block}
.newslist2 li a:hover {background:#DDD;}
.newslist2 li .lico{float:left; line-height:45px; height:45px;padding: 0 0 0 5px; color:#5a69a2}
	
	.ncon{padding:10px 0;}
	.i_tel{display:none;}
	.kf{display:none;}
	
	
	
	
	.i_p_phone{display:block;}
	.i_p_pc{display:none;}
	
}




.quetxt { text-align:center;line-height:40px; height:40px;width:100%; overflow:hidden;color:#333;}
.i_tel {float:right; color:#FFF;}
.i_tel .t1{height: 40px;
    margin: 0;
    padding: 30px 0 0 54px;
    font-size: 12px;
    font-weight: 600;}
.i_tel .t2{     height: 60px;
    padding: 0;
    font-size: 18px;
	font-weight:600;}
.i_tel .t_ico{font-size:30px; padding:0 10px 0 0 ;}


.pagelist li {
	display: inline-block
}
.pagelist .thisclass>a{background:#5a69a2; color:#fff;}
.pagelist li>a, .pagelist li>span {
	position: relative;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	margin-bottom: 5px;
	margin-right: 5px
}



 .pagelist { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px }
.pagelist>a { display:inline }
.pagelist a { position:relative; float:left; padding:6px 12px; margin:0 1px;  line-height:1.428571429; text-decoration:none; background-color:#fff; border:1px solid #ddd }

.pagelist a:first-child { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px }
.pagelist a:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px }

.pagelist span.page-status { border-top-right-radius:4px; border-bottom-right-radius:4px ;position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.428571429; text-decoration:none; background-color:#fff; border:1px solid #ddd}

 

.pagelist>li>a:hover, .pagelist>li>span:hover, .pagelist>li>a:focus, .pagelist>li>span:focus { background-color:#eee }

 

 


 
.pagelist  a.page-num-current,.pagelist  a:hover{ z-index:2; color:#fff; cursor:default; background-color:#428bca; border-color:#428bca }
.pagelist span.page-num{ display:none}