@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
/*Base*/
 
html, body{
    font: 12px/22px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
html {
    color: #666;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    background: transparent; /*修正win8系统IE连接灰色背景*/
    outline:none;
    blr:expression(this.onFocus=this.blur());
}
a:focus {
    outline: 0;
}
a:active,
a:hover {
    outline: 0;
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode:bicubic;
    transition: transform 1s;
}
img.hover{
    transform: scale(1.15);
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/*legend*/
button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; 
    cursor: pointer; 
}

button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
}
input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input.submit {
    cursor: pointer;
}
input.radio {
    width: 13px;
    height: 13px;
}
input[type="text"],
input[type="number"]{
    -webkit-appearance: none;
}
textarea {
    overflow: auto; 
    vertical-align: top;
    resize: none;
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

i, em{
    font-style: normal;
}
/*清除浮动*/
.clear {
    clear: both;
}
.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.fl {
    float:left;
    display: inline;
}
.fr {
    float:right;
    display: inline;
}
.por{
    position: relative;
}
.poa{
    position: absolute;
}
.poa-f{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pos-f{
    position: fixed;
}
.ovh{
    overflow: hidden;
}
.noselect{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.z1{
    z-index: 1;
}
.z2{
    z-index: 2;
}
.dn{
    display: none;
}
.w-f{
    width: 100%;
}
.h-f{
    height: 100%;
}
.fwn{
    font-weight: normal;
}
.t-f{
    transition: all 0.5s;
}
.t-c{
    transition: color 0.5s;
}
.t-bg{
    transition: background 0.5s;
}
.i-service{
	padding: 10px 0 20px;	
}
.i-service-title{ width:92%; margin:0 auto; padding:0 0 80px; font-size:125px; line-height:125px; font-weight:bold; font-family:YIYICN; text-transform:uppercase; overflow:hidden; position:relative;}
.i-service-title .i01{ color:#2b6af9;}
.i-service-title .i02{ color:#fff;}
.i-service-title .i03{ color:#333; font-size:30px; line-height:46px; font-weight:normal; text-align:right; position:absolute; right:0; bottom:80px;}
.i-service h2{
	font-size: 55px;
	line-height: 75px;
	color: #333;
	font-weight:bold;
}
.i-service h3{ color:#333; font-weight:bold}

.i-service .list{
	width: 90%;
	margin: 0 auto;
}
.i-service .list .swiper-slide{ width:20%; height:150px; padding:10px 0 0 25px; border:1px solid #333; border-left:none; border-right:1px solid #333; position:relative; float:left;}
.i-service .list .swiper-slide:after{ content: ""; width:13px; height:13px; border:1px solid #333; position: absolute; right:15px; top:15px; border-radius:100%;}
.i-service .list .swiper-slide:first-child{ border-left:1px solid #333;}
.i-service .list li{
	float:left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	display:block;
}
.i-service .list li.last{
	border-right: 0;
}
.i-service .list img{
	
}
.i-service .list h3{
	font-size: 21px;
	line-height: 62px;
	color: #333;
	font-style:italic;
}
.i-service .btns{
	width: 100%;
}
.i-service .btns p{
	width: 33.333%;
	margin: 0 0 4px;
	line-height: 20px;
	display:block;
	color: #777;
	text-align: left;
	display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	font-size:14px;
}

.i-service .btns a:hover{
/*	color: #000;
	border-color: #000;*/
}

.i-ban{
	width:100%;
	height: 300px;
	margin:0 auto;
	background: url(../images/loading.gif) no-repeat center;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	-moz-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}


.daohang{ width:92%; height:51px; line-height:51px; margin:0 auto; background:#333;}
.daohang ul li{ float:left; width:14.2%; border-right:1px solid #e6e6e6;}
.daohang ul li a{ background:#333; color:#d4d4d4; font-size:18px; font-style:italic; font-weight:bold; display:block; text-align:center;}
.daohang ul li a:hover{ color:#e4ff1d;}
.daohang ul li:last-child{ border-right:none;}
.daohang ul li a.now{ color:#e4ff1d; background:#333 url(../../images/new-arr.png) no-repeat bottom center; background-size:12px;}

.neinav{ width:90%; margin:0 auto;}
.neinav ul{width:100%; margin:0 auto; list-style:none; text-align:center;}
.neinav ul span{ display:inline-block;}
.neinav ul li{ line-height:49px; float:left;}
.neinav ul li a{ float:left; line-height:20px; display:block; padding:6px 24.6px; margin:0 9px 5px 0; color:#333333; background:#ccc; font-weight:bold; text-decoration:none; white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.neinav ul li a:hover,.neinav ul li a.now{ color:#fff; background:#000;}

#footer{ margin-top:0;}


@media (max-width:1919px){
.i-service .list .swiper-slide{ width:31%;}
.tt4{ border-left:1px solid #333 !important; border-top:none !important;}
.tt5{ border-top:none !important;}
}
@media (max-width:1366px){
.i-service-title .i03{ padding:15px 0 0;}
.i-service .list{ width:92% !important;}
.i-service .list .swiper-slide{ width:31% !important;}
.daohang ul li{ width:25%; border-bottom: 1px solid #e6e6e6;}
.fenlei-l{ width:80% !important;}
.i-service{ padding:0}
.i-service-title{ font-size:80px; line-height:80px; padding:0 0 40px;}
.i-service-title .i03{ font-size:20px; line-height:30px; padding:0 10px 0 0;}

}
@media(max-width:1280px){
.i-service{ padding:0;}
.i-service-title{ font-size:60px; line-height:60px;}
.i-service-title .i02{ color:#333;}
.i-service-title .i03{ bottom:40px; right:10px;}
.i-service h2{ line-height:40px; font-size: 40px;}
.i-service .list .swiper-slide{ height:140px; width:49% !important; padding:20px 1%;}
.i-service .list h3{ font-size:18px; line-height:36px; font-style:normal;}
.i-service .list .tt3{ border:0; border-left:1px solid #333; border-bottom:1px solid #333;}
.i-service .list .tt5{ width:98.1% !important; border-left:1px solid #333;}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.i-service-title .i03 {
    font-size: 14px;
}
}

@media (max-width: 767px){
.i-service { padding: 0 20px;}
.i-service-title .i03{ position:static; text-align:left; font-size:18px; padding:30px 0 0;}

.i-service-title{ width:100%; padding:0 0 30px;}
.i-service h2{ font-size:30px;}
.i-service .list{ position:relative; width:100% !important;}
.i-service .list .swiper-slide{ float:left; width:330px !important; border:1px solid #333; padding:20px; margin:0 20px 0 0;}
.i-service .list li{ float:none; width:100% !important; margin:0 !important;}
.i-service .list .tt4,.i-service .list .tt5{ border-top:1px solid #333 !important;}

.daohang{ width:100%; padding:0 10px; margin:30px 0 0; height:auto; background:none;}
.daohang ul{ overflow:hidden;}
.daohang ul li{ width:50%;}
.daohang ul li a{ font-size:14px; font-style:normal; font-weight:normal;}


}