﻿@charset "utf-8";

@font-face{font-family:'Gilroy-Regular';src:url("3531F7_1_0-488854d1b8.ttf") format("truetype")}
@font-face{font-family:'Gilroy-SemiBold';src:url("3531F7_0_0-7c85198d32.ttf") format("truetype")}
@font-face{font-family:'Gilroy-ExtraBold';src:url("3531F7_2_0-3f8d515843.ttf") format("truetype")}
@font-face{font-family:'Trump';src:url("TrumpGothicEast_bold.woff") format("truetype")}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input {margin:0;padding:0;}
html {height:100%; overflow-y:scroll}
html,body {min-height:100%;}
body, button, input, select, textarea {font: 14px/1.5 'Microsoft YaHei', arial;color: #454545;}
ul, ol {list-style: none}
a {color: #454545; text-decoration: none}
a:hover {color: #0794dc;text-decoration: none}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
/*浮动*/
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.FL{ float:left;}
.FR{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.35);}
input:-moz-placeholder, textarea:-moz-placeholder { color:rgba(0,0,0,0.35);}
input::-moz-placeholder, textarea::-moz-placeholder { color:rgba(0,0,0,0.35);}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:rgba(0,0,0,0.35);}

.wrap{ width:1200px; margin:0 auto;}

/*1行文本省略号*/
.dot1{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}


.topbar { background: #f5f5f5; height: 32px; line-height:32px; font-size:12px;}
.topbar p{ float:left;}
.topbar span{float:right;}
.topbar span a{ position:relative; margin:0 10px;}
.topbar span a::after{content: ""; display: inline-block; width: 1px; height: 12px; background:#dedede; position: absolute; right: -10px; top: 3px;}
.topbar span a:last-child::after{ opacity:0}


.header {width: 100%;height:120px;z-index: 99999;}
.header .wrap{ position:relative;}
.header .logo {float: left; color: #2b2b2b; margin-top:30px;}
.header .logo h1 {font-size: 28px;}
.header .logo p{font-size: 16px; color: #666;}
.header .tel {float:right; margin-top:35px; padding-left:55px;background:url(../images/tel.png) 0 center no-repeat; }
.header .tel p{font-size: 14px; color: #666; font-weight:500; line-height:1;}
.header .tel h3{font-size:30px; font-weight:700; color:#0794dc; font-family:arial;}

/*---菜单---*/
.naver{ background:#0794dc;height:60px;}
.nav{ height:60px; line-height:60px;}
.nav li.nLi{float:left;display:inline;position:relative;}
.nav li.nLi::after{content: ""; display: inline-block; width: 1px; height: 16px; background: rgba(255,255,255,0.5); position: absolute; right: 0px; top: 22px; z-index:10}
.nav li.nLi:last-child{ margin-right:0;}
.nav li.nLi:last-child::after{ opacity:0}
.nav li.nLi h3{font-weight: 500;}
.nav li.nLi h3 a { font-size:16px; color: #fff; display: block; position: relative; z-index: 2; padding:0 48px}

.nav li.nLi:hover h3 a,
.nav li.nLi.cur h3 a { background:#8dbd0c}
.nav li.nLi:hover h3 a:before,
.nav li.nLi.cur h3 a:before {width: 100%; opacity: 1;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:0; top:65px; z-index:9999; width:100%; padding:10px 0; background: rgba(225,80,50,0.7);box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.nav .sub li{ width:100%; height:35px; line-height:35px;}
.nav .sub li a {display: block; text-align:center; color:#fff;}
.nav .sub li a:hover {background:#0794dc;}

.snav_btn {display:none;}
.hideMenu {display:none;}


.banner { width:100%; overflow:hidden; position:relative;}
.banner .swiper-container {overflow:hidden; background:#0794dc;}
.banner .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; position:relative}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-slide a:nth-child(2){ display:none;}

.banner .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999;}
.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.banner .swiper-pagination-bullet {width: 12px; height: 12px; border-radius:12px; margin:0 5px; background: rgba(255,255,255,0.95);opacity:1; outline:none;transition: all .3s;}
.banner .swiper-pagination-bullet-active { background: #0794dc; width:40px;}

.banner .swiper-button-prev,
.banner .swiper-button-next{font-size: 0; width: 3rem; height: 3rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{ font-size:0;}
.banner .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.banner .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{ opacity:1}

.swiper-txt{ position:absolute; width:100%; top:50%; left:50%; text-align:center; z-index:999; color:#fff; transform: translate(-50%, -50%);}
.swiper-txt h1{ font-size:60px; font-weight:500;}
.swiper-txt h2{ font-size:20px; margin-top:30px; font-weight:100 }

.more{display: inline-block; height: 50px;line-height: 45px; padding:0 50px;background: #fff; color: #0794dc; border:#0794dc solid 2px; border-radius:50px; font-size: 16px;position: relative;overflow: hidden;z-index: 0;transition: all .3s; text-align:center;}
.more:after{content: '';display: block;width: 0%;height: 100%;background-color: #0794dc; position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s;}
.more:hover:after{width: 100%;}
.more:hover{color: #fff; border-color:#0794dc}


.indexTitle { text-align:center; position:relative}
.indexTitle span{ display: block; font-size: 35px; color: #000; letter-spacing:1px;font-weight:700;}
.indexTitle em{font-size: 16px; font-style:normal; text-transform:uppercase; font-weight:100; font-family:'Gilroy-Regular'; letter-spacing:1px; color:#787878;}
.indexTitle p{font-size: 18px;color: #787878; margin-top:10px;}


.w-search { background: #f2f2f2; height: 82px; border-bottom: 1px solid #eee; overflow: hidden;}
.w-search .box{display:flex; flex-wrap:wrap; align-items:center;justify-content:space-between;}
.w-search .box p {width:800px; color: #444;line-height: 82px;}
.w-search .box p a{ margin-right:10px;}
.w-search .box .form { width: 270px; height: 30px; border-radius: 20px; background: #fff; padding-left: 10px;display:flex; flex-wrap:wrap; }
.w-search .box .form .ipt { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9;border:0;outline:0;}
.w-search .box .form .btn { width: 30px; height: 30px;  background: url(../images/VISkins-p1.png) no-repeat -258px -936px;border:0;outline:0; cursor: pointer;}
 
 
.w-yinz{overflow: hidden;padding: 80px 0;}
.w-yinz .wrap{ position:relative;}
.w-yinz_l{ width:650px; background: url(../images/yinz_bg.jpg) no-repeat; background-size:100% 100%}
.w-yinz_l h5{ display:inline-block; font-size: 36px;color: #333;height: 80px; overflow: hidden; position:relative;}
.w-yinz_l h5::after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#dedede;}
.w-yinz_desc{line-height: 46px;font-size: 16px;color: #333;padding: 25px 0 0;}
.w-yinz_desc p i{color: #0794dc; font-style:normal;}

.w-yinz_digital{background: url(../images/yinz_k.gif) no-repeat; height:120px; padding: 30px 0px; margin-top:50px; position:relative; z-index:10}
.ibrand-num{ display:flex; flex-wrap:wrap; align-items:center;}
.ibrand-num li{ width:20%; color:#fff;font-size:16px; text-align:center; position:relative;}
.ibrand-num li::after{ content:''; position:absolute; top:10px; right:0; width:18px; height:35px; background: url(../images/yinz_line02.png) no-repeat;}
.ibrand-num li i{font-size: 20px;font-style:normal;}
.ibrand-num li b{font-size:34px;line-height: 30px; padding-right: 3px;}
.ibrand-num li span{display:block;font-size: 16px;}
.ibrand-num li:last-child::after{background: none;}

.w-yinz_r{ position:absolute; right:0px; top:0px; width: 550px; overflow: hidden; z-index:0}
.w-yinz_r img{ width:100%; transition: .5s;}
.w-yinz_r img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


.w-fuwu{ padding:80px 0 0 0; background:#ececec url(../images/xitong.jpg) center 0 no-repeat; overflow:hidden}
.w-fuwu .box { margin:30px 0 0 0; border-bottom: #f0f1f1 3px solid;}
.w-fuwu .box ul{ display:flex; flex-wrap:wrap; justify-content:space-around; }
.w-fuwu .box li{ width:12%; position: relative; padding:30px 0; cursor:pointer;} 
.w-fuwu .box li:before { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; background: #0794dc; width:0px; height: 3px; transition-duration: 0.3s;opacity:0;}
.w-fuwu .box li:hover:before { width:100%; opacity:1;}
.w-fuwu .box li .ico{width: 50px; height:50px; margin:0 auto; overflow: hidden;}
.w-fuwu .box li .ico img{ display:block; width:100%;}
.w-fuwu .box li .ico{  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;}
.w-fuwu .box li:hover .ico{  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);}
.w-fuwu .box li .txt{ width:100%; margin-top:30px; margin-bottom:30px; text-align:center;}
.w-fuwu .box li .txt h3{font-size: 20px;color: #000; font-weight: 500; margin-top:10px;}
.w-fuwu .box li .txt p{ overflow:hidden; color:#333; font-size:16px;}
.w-fuwu .box li:hover .txt h3{font-weight: 700;}

.w-fuwu .yl{overflow:hidden; height:454px; position:relative; margin-top:50px;}
.w-fuwu .yl img{ position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%);}


.w-ys{padding:80px 0; background:#f5f5f5; overflow:hidden}
.w-ys ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px; }
.w-ys li { width: 32%; background:#fff; border: 1px solid #f3f4f6; box-shadow: -1px -2px 20px 4px #eee;text-align: center; padding: 20px; margin-top:2%; }
.w-ys li .img{ overflow:hidden;}
.w-ys li .img img{ display:block; width:100%; transition:.5s}
.w-ys li .img:hover img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.w-ys li .txt{ margin:15px 0;}
.w-ys li .txt h3 { color: #000; font-size: 18px; margin-bottom: 15px; position: relative;}
.w-ys li .txt h3:before { content: ""; position: absolute;width: 60px;height: 2px;background: #0794dc; left: 50%; bottom:-15px; transform:translateX(-50%)}
.w-ys li .txt p{ font-size:14px; line-height:2; color:#787878; margin-top:30px; padding:0 50px;}



.w-lc{padding:80px 0; overflow:hidden}
.w-lc ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px; }
.w-lc li { width: 23%; background:#fff; border: 1px solid #f3f4f6; box-shadow: -1px -2px 20px 4px #eee;text-align: center; padding: 10px; margin-top:2.5%; }
.w-lc li .img{ overflow:hidden;}
.w-lc li .img img{ display:block; width:100%; transition:.5s}
.w-lc li .img:hover img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.w-lc li .txt{ margin-top:15px; margin-bottom:10px;}
.w-lc li .txt h3 { color: #000; font-size: 16px; font-weight:500; position: relative;}
.w-lc li .txt h3 span{ display:inline-block; width:24px; height:24px; line-height:24px; font-size:14px; font-family:Impact; text-align:center; color:#fff; background: #0794dc; border-radius:50%; margin-right:10px;}


.w-cp{ padding:80px 0; background:#ececec url(../images/index1.jpg) center 0 no-repeat; background-size:cover; overflow:hidden}
.w-cp .indexTitle span{ color:#fff;}
.w-cp .indexTitle p{ color:#fff;}
.w-cp .wrap{ position:relative;}
.w-cp .box{ margin-top:50px;}
.w-cp .swiper-slide{ border:#e0e0e0 solid 1px; background:#fff; transition: all ease .3s;}
.w-cp .img{ width:100%; height:280px; overflow:hidden; padding:5px;}
.w-cp .img img{display: block; width:100%;}
.w-cp .txt{width:100%; text-align:center; padding:15px; position:relative; z-index:11;border-top:#e0e0e0 solid 1px; transition: all ease .3s;}
.w-cp .txt h2{font-size:18px; font-weight:500; color:#333;}

.w-cp .bg { position: absolute; width: 0px; height: 100%; left: 0; top: 0; z-index: 10; background: rgba(7,148,220,.6);text-align: center; transition: all ease .3s;opacity:0;}
.w-cp .bg span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 50px; height: 50px; display: block; border-radius: 100%; background:#fff url(../images/icon.png) -42px -112px no-repeat;  display: inline-block;}

.w-cp .swiper-slide:hover{ border-color:#0794dc; background:#0794dc;}
.w-cp .swiper-slide:hover .txt{ border-color:#0794dc}
.w-cp .swiper-slide:hover .txt h2{color:#fff;}
.w-cp .swiper-slide:hover .bg{ width:100%; opacity:1;}

.w-cp .swiper-button-prev,
.w-cp .swiper-button-next{ background:#fff; border:#0794dc solid 0px; width:60px; height:60px; color:#0794dc; border-radius:60px; top: 60%;}
.w-cp .swiper-button-prev::after,
.w-cp .swiper-button-next::after{ font-size:24px; font-weight:700;}
.w-cp .swiper-button-prev{ left:-100px;}
.w-cp .swiper-button-next{ right:-100px;}
.w-cp .swiper-button-prev:hover,
.w-cp .swiper-button-next:hover{ background:#0794dc; color:#fff;}


.w-al{padding:80px 0; overflow:hidden}
.w-al ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px; }
.w-al li { width: 33%; text-align: center; }
.w-al li .box {height:250px; position:relative; margin-bottom: 10px;}
.w-al li .img{ overflow:hidden; width:100%; height:100%;}
.w-al li .img img{ display:block; width:100%; height:100%; transition:.5s}
.w-al li .img:hover img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.w-al li .txt{ width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.6); padding:15px 0;}
.w-al li .txt h2 { color: #fff; font-size: 16px; font-weight:500; position: relative;}

.w-al li:nth-child(1) .box{ height:510px;}
.w-al li:nth-child(1) .img img{ width:auto; height:100%; margin-left:-35%;}


.w-ab{padding:50px 0 100px 0; background:#ececec url(../images/index2.jpg) center 0 no-repeat; background-size:cover; overflow:hidden; margin-bottom:-30px;}
.w-ab-txt{ padding:20px 5%; line-height:2; text-align:center; text-align: justify; color: #1f1f1f; text-align:center;}
.w-ab-txt p{ margin-bottom:20px;}
.w-ab-img{}
.w-ab-img h3 { background:url(../images/honor_ico.png) 0 16px no-repeat; font-size: 20px; color: #fff; height:52px; line-height:52px; position:relative; margin-bottom:30px;}
.w-ab-img h3::before { content: "";width: 100%;height: 1px; background: rgba(255,255,255,0.2); position: absolute;bottom: 0; left: 0;}
.w-ab-img h3::after { content: ""; width: 115px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; z-index: 2;}
.w-ab-img h3 p{ padding-left:30px;}
.w-ab-img h3 span{ position:absolute; right:0;}
.w-ab-img h3 span a { font-size: 14px; color: #fff; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.w-ab-img{}
.w-ab-img .img{ width:100%; overflow:hidden}
.w-ab-img .img img{ display:block; width:100%; transition:.5s}
.w-ab-img .img:hover img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.w-ab-img .txt{ color:#fff; text-align:center; margin-top:10px;}


.footer { padding:30px 0; background: url(../images/f_bg.jpg) center bottom no-repeat; background-size:cover; overflow:hidden; margin-top:30px; border-top:#ececec solid 1px; }
.footer .wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px; }
.footer .f_logo {width: 200px;overflow: hidden; text-align:center;}
.footer .f_logo p img {width: 120px;height: 120px;border: #ccc 1px solid;line-height: 0;display: inline-block;}
.footer .f_logo span { display: block; font-size: 14px; color: #333; line-height: 30px;}

.footer .f_nav { width:500px;}
.footer .f_nav ul{ width:100%; display:flex; flex-wrap:wrap; position:relative; padding:20px 0;}
.footer .f_nav ul::before { content: "";width: 100%; height: 2px; background: rgba(0,0,0,0.2); position: absolute;top: 0; left: 0;}
.footer .f_nav ul::after { content: ""; width: 100%; height: 2px; background: rgba(0,0,0,0.2); position: absolute; bottom: 0; left: 0;}
.footer .f_nav li { width:33%; height: 32px; line-height: 32px; background: url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden; padding: 0 0 0 20px;}
.footer .f_nav p{ margin-top:20px; line-height:2;}
.footer .f_nav p span{ display:block;}

.footer .f_ban { width:300px;}
.footer .f_ban p { padding: 0 0 0 35px; font-size: 14px; color: #333; line-height: 24px; margin-bottom:20px; }
.footer .f_ban p span { display: block;font-weight: bold;}
.footer .f_ban p strong { font-size: 25px; display: block; padding: 5px 0 0;font-weight: bold;}
.footer .f_ban p i{ font-size:16px; margin-right:5px; color:#0794dc; position:relative; top:2px;}
.footer .f_ban p:nth-child(2) i{ font-size:20px;}
.footer .f_ban p:nth-child(3) i{ font-size:14px;}

/*分页样式开始*/
.turnover { width:100%; text-align:center;margin-bottom:30px; font-size:16px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:50px;line-height:50px;padding:0 20px;margin-left:2px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #eee;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #0794dc;background:#0794dc;color:#fff;  }
.turnover .disabled{ color:#999;}

/*右下角小按钮*/
.newFixedRight{width: 45px; height: 45px; position: fixed; right: 20px; bottom: 50px; z-index: 999; opacity:0}
.newFixedRight .block{width: 45px; height: 91px; position: relative;}
.newFixedRight .box{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box .bg{ width:100%; height:100%; display:block;}
.newFixedRight .box .bg span{ display:block; text-align:center; color:#fff; font-size:30px; margin-top:5px;}
.newFixedRight .box:hover{background-color: #0794dc; }

.footer_mb{ display:none;}