*{margin: 0px;padding: 0px;}
body{font: 12px/24px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
html, body{ height: 100%; width: 100%;}
a{color: #808080;text-decoration: none;}
a:hover{color: #358de7;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.wp13{margin: 0px auto; width: 1200px; padding-left:50px; padding-right:50px;}
.hs{ background: #f8f7f7;}
.w6{ width: 600px;}

.sb2{ position:absolute; bottom:0; right:0;}

.sb3{ position:absolute; top:30px; left:50%; margin-left:-62px;}
.sb4{ position:absolute; bottom:120px; left:50%; margin-left:-30px;}
.sb5{ position:absolute; top:50px; left:50%; margin-left:170px;}
.sb6{ position:absolute; bottom:80px; left:50%; margin-left:200px;}
.swiper-slide img.sb1{
	-webkit-animation: xg1 5s cubic-bezier(.55,.55,.68,.55) alternate infinite;
    -moz-animation: xg1 5s cubic-bezier(.55,1.2,.68,1.2) alternate infinite;
    -o-animation: xg1 5s cubic-bezier(.55,1.2,.68,1.2) alternate infinite;
    animation: xg1 5s cubic-bezier(.55,.55,.68,.68) alternate infinite;
    width: 18%;
 }
@-webkit-keyframes xg1{
0%{ opacity: 0.2; left:50px;    transform: translate3d(0,0%,0);}
70%{ opacity: 0.5; left:80px;    transform: translate3d(0,10%,0);}
100%{ opacity: 0.8;  left:0px;  transform: translate3d(0,0%,0);}
}
@-o-keyframes xg1{
0%{ opacity: 0.2;     transform: translate3d(0,0%,0);}
70%{ opacity: 0.5;     transform: translate3d(0,10%,0);}
100%{ opacity: 0.8;   transform: translate3d(0,0%,0);}
}
@-moz-keyframes xg1{
0%{ opacity: 0.2;     transform: translate3d(0,0%,0);}
70%{ opacity: 0.5;     transform: translate3d(0,10%,0);}
100%{ opacity: 0.8;   transform: translate3d(0,0%,0);}
}
@keyframes xg1{
0%{ opacity: 0.2;  transform: translate3d(0%,0%,0);}
70%{ opacity: 0.5;     transform: translate3d(0,10%,0);}
100%{ opacity: 0.8;   transform: translate3d(0,0%,0);}
}


.swiper-slide img.sb2{
-webkit-animation: xg2 8s cubic-bezier(.55,1.2,.68,1.2) alternate infinite;
-moz-animation: xg2 8s cubic-bezier(.55,1.2,.68,1.2) alternate infinite;
-o-animation: xg2 8s cubic-bezier(.55,1.2,.68,1.2) alternate infinite;
animation: xg2 8s cubic-bezier(.55,1.2,.68,1.2) alternate infinite;
width: 18%;
}
@-webkit-keyframes xg2{
0%{ opacity: 0.3;     transform: translate3d(0,0%,0);}
70%{ opacity: 0.6;     transform: translate3d(0,-10%,0);}
100%{ opacity: 0.9;   transform: translate3d(0%,0%,0);}
}
@-o-keyframes xgc2{
0%{ opacity: 0.3;     transform: translate3d(0,0%,0);}
70%{ opacity: 0.6;     transform: translate3d(0,-10%,0);}
100%{ opacity: 0.9;   transform: translate3d(0%,0%,0);}
}
@-moz-keyframes xg2{
0%{ opacity: 0.3;     transform: translate3d(0,0%,0);}
70%{ opacity: 0.6;     transform: translate3d(0,-10%,0);}
100%{ opacity: 0.9;   transform: translate3d(0%,0%,0);}
}
@keyframes xg2{
0%{ opacity: 0.3;     transform: translate3d(0,0%,0);}
70%{ opacity: 0.6;     transform: translate3d(0,-10%,0);}
100%{ opacity: 0.9;   transform: translate3d(0%,0%,0);}
}



.swiper-slide img.sb3 {
    -webkit-animation: xg3 10s ease alternate infinite;
    -moz-animation: xg3 10s ease alternate infinite;
    -o-animation: xg3 10s ease alternate infinite;
    animation: xg3 10s ease alternate infinite;
}
.swiper-slide img.sb4 {
    -webkit-animation: xg4 10s ease alternate infinite;
    -moz-animation: xg4 10s ease) alternate infinite;
    -o-animation: xg4 10s ease alternate infinite;
    animation: xg4 10s ease alternate infinite;
}
.swiper-slide img.sb5{
    -webkit-animation: xg5 10s ease alternate infinite;
    -moz-animation: xg5 10s ease alternate infinite;
    -o-animation: xg5 10s ease alternate infinite;
    animation: xg5 10s ease alternate infinite;
}

.swiper-slide img.sb6 {
    -webkit-animation: xg6 10s ease alternate infinite;
    -moz-animation: xg6 10s ease alternate infinite;
    -o-animation: xg6 10s ease alternate infinite;
    animation: xg6 10s ease alternate infinite;
}

@-webkit-keyframes xg3{
0%{opacity:1; top:-50px; transform:scale3d(.5,.5,.5)}
50%{ top:50px; transform:scale3d(1.5,1.5,1.5)}
to{ top:80px; transform:scaleX(1)}
}
@-o-keyframes xgc3{
0%{opacity:1; top:-50px; transform:scale3d(.5,.5,.5)}
50%{ top:50px; transform:scale3d(1.5,1.5,1.5)}
to{ top:80px; transform:scaleX(1)}
}
@-moz-keyframes xg3{
0%{opacity:1; top:-50px; transform:scale3d(.5,.5,.5)}
50%{ top:50px; transform:scale3d(1.5,1.5,1.5)}
to{ top:80px; transform:scaleX(1)}
}
@keyframes xg3{
0%{opacity:1; top:-50px; transform:scale3d(.5,.5,.5)}
50%{ top:30px; transform:scale3d(1.5,1.5,1.5)}
to{ top:60px; transform:scaleX(1)}
}

@-webkit-keyframes xg4{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px; transform:scale3d(1.5,1.5,1.5)}
to{ bottom:100px; transform:scaleX(1)}
}

@-o-keyframes xg4{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px; transform:scale3d(1.5,1.5,1.5)}
to{ bottom:100px; transform:scaleX(1)}
}

@-moz-keyframes xg4{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px; transform:scale3d(1.5,1.5,1.5)}
to{ bottom:100px; transform:scaleX(1)}
}

@keyframes xg4{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px; transform:scale3d(1.5,1.5,1.5)}
to{ bottom:100px; transform:scaleX(1)}
}



@-webkit-keyframes xg5{
0%{opacity:1; top:-100px; transform:scale3d(.5,.5,.5) }
50%{ top:20px; transform:scale3d(1.5,1.5,1.5)}
to{ top:50px; transform:scaleX(1)}
}

@-o-keyframes xg5{
0%{opacity:1; top:-100px; transform:scale3d(.5,.5,.5) }
50%{ top:20px; transform:scale3d(1.5,1.5,1.5)}
to{ top:50px; transform:scaleX(1)}
}

@-moz-keyframes xg5{
0%{opacity:1; top:-100px; transform:scale3d(.5,.5,.5) }
50%{ top:20px; transform:scale3d(1.5,1.5,1.5)}
to{ top:50px; transform:scaleX(1)}
}

@keyframes xg5{
0%{opacity:1; top:-100px; transform:scale3d(.5,.5,.5) }
50%{ top:20px; transform:scale3d(1.5,1.5,1.5)}
to{ top:50px; transform:scaleX(1)}
}


@-webkit-keyframes xg6{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px;   transform:scale3d(1.5,1.5,1.5)}
to{ bottom:80px; transform:scaleX(1)}
}

@-o-keyframes xg6{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px;   transform:scale3d(1.5,1.5,1.5)}
to{ bottom:80px; transform:scaleX(1)}
}

@-moz-keyframes xg6{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px;   transform:scale3d(1.5,1.5,1.5)}
to{ bottom:80px; transform:scaleX(1)}
}

@keyframes xg6{
0%{opacity:1; bottom:-100px; transform:scale3d(.5,.5,.5)}
50%{ bottom:50px;   transform:scale3d(1.5,1.5,1.5)}
to{ bottom:80px; transform:scaleX(1)}
}

/*===============================字体==========================*/
@font-face {
    font-family: 'HelveticaNeueLTPro-ThEx';
    src: url('../font/HelveticaNeueLTPro-ThEx.ttf') format('ttf'),
		 url('../font/HelveticaNeueLTPro-ThEx.woff') format('woff'),
         url('../font/HelveticaNeueLTPro-ThEx.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.zt{ font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 14px; color: #999999; letter-spacing: 1px;}

/*oa页面*/
.oa-bj{ height: 100%; width: 100%; display: table; table-layout: fixed;}
.oa-wp{ display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%;}
.oa-wp-tit{ width: 597px; height: 294px; background: url(../images/oa_tit_bj.png)no-repeat center center; margin: 0px auto; }
.oa-wp h1{font-size: 42px; color:#fff; line-height: 120%; padding-bottom: 40px;}
.oa-wp-tit h2{ font-size: 16px; color:#2a639c; font-weight: normal; padding-top: 40px;}
.oa-wp-tit a{ display: block; padding-top: 30px; transition: all 0.36s ease;}
.oa-wp-tit a:hover{ padding-top: 20px;}

/*顶部*/
.ix-header{ height: 100px; }
.ix-logo{ height: 100px;}
.ix-ewm { height: 66px; padding: 17px 0px;}
.ix-ewm img{ width: 66px; height: 66px; padding-left: 15px;}
.ix-tell{ text-align: right; padding-top: 26px;}
.ix-tell p{ font-size: 22px; color:#666666; line-height: 120%;  }
.ix-tell p img{ padding-right: 10px;}
.ix-tell span{ color:#999999; font-size: 14px;}


/*导航*/
.ix-nav{ background: #358de7; position: relative; z-index: 2;}
.menu { height:80px; line-height:80px;  }
.menu li { float:left; position:relative;  }
.menu>li.focusa>a{background: #fff; color:#358de7;}
.menu>li.active>a{background: #fff; color:#358de7;}
.menu li ul{position:absolute;left:0;background:#fff;width:220px;border:1px solid #e5e5e5;display:none;}
.menu li a{display:block;float:left;height:80px;line-height:80px;padding:0 30px; font-size: 16px; font-weight: bold; color:#fff;}
.menu li ul a{width:160px; }
.menu li .one{top:80px; border-radius: 10px;}
.menu li .one li{border-bottom: solid 1px #e5e5e5;     width: calc(100% - 0px);}
.menu li .one li:nth-last-child(1){border-bottom: none;}
.menu li .one li a{ color: #666; font-size: 14px; height: 48px; line-height: 48px;  font-weight: normal; width: calc( 100% - 60px);  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.menu li ul.two{left:220px; border-radius: 10px; min-height:48px;}
.menu li ul.two li a{ color:#666;}
.menu li .one li a.more{background:url(../images/j.png) no-repeat 200px 20px;}
.menu li ul.hdw{left:150px;}
.menu li ul.hdwq{left:150px;}
.menu li .one li a:hover{color:#358de7;}
.menu li .one li a:hover.more{background:url(../images/jj.png) no-repeat 200px 20px ;}
.menu>li>.one>li.focusa>a{color:#358de7;}
.menu>li>.one>li.focusa>a.more{background:url(../images/jj.png) no-repeat 200px 20px ;}
.one li a.more:hover .two li a{color: #358de7;}

/*搜索*/
.ix-sea{ width: 280px; padding-top: 20px;}
.ix-sea-k{ width: 180px; font-size: 14px; color:#666; border: none; padding: 0px 20px;  height: 40px; line-height: 40px; background: #fff;     vertical-align: bottom; }
.ix-sea-an{ width: 60px; height: 40px; line-height: 40px; background: #66b82e; color:#fff; font-size: 14px; cursor: pointer; border:none;}


/*首页轮播图片*/
.ix-banner{ height: 294px;}
.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 30px; height: 15px;}
.ix-banner.swiper-container .swiper-pagination-bullet{ width: 15px; height: 15px; margin: 0px 10px; background: #eaebed;}
.ix-banner.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #358de7;}
.ix-banner.swiper-container  .swiper-slide a{ display:block; width:100%; height:100%;}
/*首页导航*/
.ix-head{ position: relative;}
.ix-head h1{ font-size: 24px; font-weight: normal; color: #333333; line-height: 120%; display: inline-block; padding-right: 20px;}
.ix-head span{ font-size: 14px; color:#999999;}
.ix-head a{ font-size: 14px; color:#666666; position: absolute; right: 0;}
.ix-head a:hover{ color:#358de7;}

/*产品推荐*/
.pro-list .swiper-slide{padding: 10px 0px;}
.pro-list{ position: relative;}
.pro-list-wp{ background: #fff; border:solid 1px #e5e5e5; padding: 20px;}
.plw-img{ width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center;     height: 180px;}
.plw-img::before{ transition: all 0.36s ease; content: ''; width: 100%; height: 0%; background: rgba(0, 0, 0, 0.5); position: absolute; top:0; left:0; right: 0; }
.plw-img::after{ transition: all 0.6s ease; content: '';  width: 35px; height: 36px; background: url(../images/fdj.png)no-repeat center center; position: absolute;  left: 50%; margin-left: -17px;  top: -50%; margin-top: -18px;}
.plw-img img{ max-width: 100%; display:block;     max-height: 180px;}
.plw-tit{ padding-top: 15px; height: 80px;}
.plw-tit h1{transition: all 0.36s ease;   font-size: 16px; color:#333333; font-weight: normal;}
.plw-tit p{ font-size: 12px; color:#999; line-height: 180%; padding-top: 5px;}
.pro-list .swiper-button-prev{ background: url(../images/l.jpg) no-repeat center center; width: 50px;height: 50px; left: 0;}
.pro-list .swiper-button-next{ background: url(../images/r.jpg) no-repeat center center; width: 50px;height: 50px; right:0;}

.pro-list-wp:hover{ box-shadow: 0px 0px 20px rgba(204, 204, 204, 0.6);}
.pro-list-wp a:hover .plw-img::before{ height: 100%;}
.pro-list-wp a:hover .plw-img::after{ top: 50%;}
.pro-list-wp a:hover .plw-tit h1{ font-weight: bold; color:#358de7;}


/*关于我们*/
.ix-ab-main{ position: relative;}
.ix-ab-main .cb-img{ position: absolute; right: 0; bottom: 0;}
.ial-img{ width: 600px;}
.ial-img img{ max-width: 100%; display: block;}
.ix-ab-head{ text-align: center;}
.ix-ab-head h1{ font-size: 24px; line-height: 160%; color:#333; font-weight: normal;}
.ix-ab-head p{ font-size: 14px; color:#777777;}
.ial-tit{ width: calc(50% - 60px); padding-left: 60px;}
.ial-tit h2{ font-weight: normal; font-size: 18px; color:#358de7; text-transform: uppercase; padding-top: 20px;} 
.ial-tit h1{ color:#333333; font-size: 24px; line-height: 200%; font-weight: normal;}
.ial-tit h3{ width: 100px; height: 1px; background: #434343; margin-top: 10px;}
.ial-tit p{ padding-top: 15px; font-size: 14px; color:#777777; line-height: 200%; padding-bottom: 40px;}
.ial-tit a{ transition: all 0.36s ease; width: 153px; height: 38px;  display: block; border:solid 1px #c9c9c9; text-align: center; line-height: 38px; font-size: 14px; color:#666666;}
.ial-tit a:hover{ background: #358de7; color:#fff; border:solid 1px #358de7;}

/*企业文化*/
.ix-qy-video{ position: relative; width:290px; height: 310px; margin-left: 40px;}
#abc{ position: absolute; top: 0%; left: 0; right: 0;  text-align: center;  background: rgba(0, 0, 0, 0.5); height: 100%;  z-index: 1; cursor: pointer;}
#abc img{ padding-top: 50%; margin-top: -39px; }
#video1{ background:rgba(0, 0, 0, 0.1);}

.ix-qy-tit{ width: 790px; padding-right: 40px;}
.ix-qy-tit h1{ padding-top: 30px; font-size:24px; color:#666666; line-height: 160%; font-weight: normal; }
.ix-qy-tit span{ font-size: 14px; color:#999999;}
.ix-qy-tit p{ padding-top: 55px; color:#999; font-size: 14px; line-height: 160%;}
.ix-qy-tit a{ transition: all 0.36s ease; margin-top: 30px; width: 125px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; float: right; color:#999999; text-align: center; border:solid 1px #999999; display: block;}
.ix-qy-tit a:hover{ background: #358de7; border:solid 1px #358de7; color:#fff;}
.ix-qy{position: relative;}
.ix-qy::after{  width: 100%; z-index: -1; content: ''; position: absolute; bottom:0; display: block; height: 280px; background: #f4f4f4;}

/*新闻*/
.news-list ul li{ border: solid 1px #eeeeee; background: #fff; padding: 20px; padding-right: 0px; margin-bottom: 30px; transition:all 0.36s ease; }
.news-list-img { width: 194px; height: 150px;}
.news-list-tit{ width: 675px; padding-left: 40px;}
.news-list-tit h1{ line-height: 150%; font-size: 18px; color: #333333; font-weight: normal; padding-top: 30px; padding-bottom: 20px;}
.news-list-tit p{ color:#999999; font-size:14px;}
.news-list-time h1{ font-size: 24px; color:#999999; font-weight: lighter; vertical-align: middle; padding-top: 10px;}
.news-list-time img{    vertical-align: super; padding-left: 20px;}
.news-list-time p{ font-size: 14px; color:#999; padding-top: 10px; padding-left: 32px;}
.news-list ul li:hover{ box-shadow: 0px 0px 20px rgba(204, 204, 204, 0.32);}
.news-list ul li:hover .news-list-tit h1{ font-weight:bold;  color:#358de7; }



/*底部*/
.ix-footer{ height: 60px; line-height: 60px; background: #313131; text-align: center; font-size: 14px; color:#fdfbfb;}
.ix-footer a{font-size: 14px; color:#fdfbfb;}
/*db_xs*/
.db_xs{width: 60px;height: 60px;position: fixed; left: 50%; margin-left: 600px; top: 30%;z-index: 9999;display: none;background: url(../images/top.png) no-repeat center center;}
.db_xx{width: 60px;height: 60px;position: fixed; left: 50%; margin-left: 600px; top: 50%;z-index: 9999;display: none;background: url(../images/bon.png) no-repeat center center;}