



.tils{ height: 486px; padding-top:70px;}
.tils ul li{ display:inline-block;background: #f2f2f2 ; width: 30%; height: 165px; margin-bottom: 52px; margin-right: 27px; padding-left: 7px; box-sizing: border-box; padding-top: 10px; font-size: 18px; color: #535353; position:relative;}
.tils ul li .gun-img{ display:inline-block; margin-top:20px; margin-left:20px;}
.tils ul li div.gun-text{ display:inline-block; position:absolute; margin-left:130px; padding-top:30px;}
.tils ul li:nth-child(3n){ margin-right: 0;}
.tils ul li em{ display: block; padding-top: 6px;}
.tils ul li em span{ display: inline-block; font-family: MYuenPRC; font-size: 45px;}
.tils ul li:hover{background: #0170e0 ; color: #fff; box-shadow:  0 0 9px #969696;}
 
 .p1-search-1-inp{ position:relative;}
.ser_so{ position:absolute; right:0px; background:url(../images/s_so.gif) center center no-repeat; height:30px; width:30px;}
.p1-search-1 {
	background: #f2f2f2;
	height: 82px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	font-size: 14px;
}
.p1-search-1 p {
	color: #444;
	line-height: 82px;
}
.p1-search-1 a {
	color: #444;
	display: inline-block;
	margin-right: 15px;
}
.p1-search-1-inp {
	width: 270px;
	height: 30px;
	border-radius: 20px;
	background: #fff;
	padding-left: 10px;
	margin-top: 28px;
}
.p1-search-1-inp input {
	border: 0;
	height:30px;
}
.p1-search-1-inp1 {
	width: 224px;
	height: 30px;
	line-height: 30px;
	color: #a9a9a9;
	float: left;
}
.keys{ width:80%;}
.p1-search-1-inp2 {
	width: 30px;
	height: 30px;
	background: url(../images/VISkins-p1.png) no-repeat -258px -936px;
	float: right;
	cursor: pointer;
}


.prol{background: url(../images/pro.jpg) no-repeat center -50px; height: 1120px; overflow: hidden;}
.prol h2{ text-align: center; padding-top: 60px;color: #fff;}
.prol h2 i{ display: block;line-height: 100%;  font-size: 50px; margin-bottom: 15px;background: url(../images/h21.png) no-repeat center 30px; }
.prol h2 span{ display: block;font-weight: normal; font-size: 25px; font-family: MYuenPRC; color: #d3e6f8; padding-bottom: 45px; line-height: 100%;}
.p_lis{ overflow: hidden; height: 273px;}
.p_lis ul li{ float: left; padding: 30px 0 0 20px; width: 151px;}
.p_lis ul li i{ display: block; padding-bottom: 17px;}
.p_lis ul li i a{ display: block; color: #070707; font-size: 20px;background: url(../images/p_i1.png) no-repeat 0 7px; padding-left: 23px; display: block; line-height: 100%;}
.p_lis ul li span{ height: 133px; display: block;}
.p_lis ul li span a{ display: block; height: 29px; line-height: 29px; padding-left: 25px; color: #070707; font-size: 14px;background: url(../images/pi3.png) no-repeat 0 10px; }
.p_lis ul li span a:hover{background: url(../images/pi2.png) no-repeat 0 10px;}
.p_lis ul li em a{ display: block; padding-left: 27px; font-size: 14px; color: #070707;background: url(../images/pi_m.png) no-repeat 0 3px;}
.p_lis ul li em a:hover{color: #0170e0;background: url(../images/pi_m2.png) no-repeat 0 3px;}
.p_on{ overflow: hidden;}
 .b-shadow {
	-o-box-shadow: 0 0 25px rgba(0,0,0,.08);
	-ms-box-shadow: 0 0 25px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,.08);
	box-shadow: 0 0 25px rgba(0,0,0,.08);
}
.img-vertical {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.img-vertical i {
	display: block;
}
.img-vertical img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.home-case-list li {
	display:inline-block;
     margin-top: 15px;
	padding: 8px;
	width: 23.3%;
}
.home-case-list li:nth-child(4n+1) {
	clear: both;
}
.home-case-list .item {
	display: block;
	background: #FFFFFF;
}
.home-case-list .item .img {
	position: relative;
	overflow: hidden;
	display: block;
}
.home-case-list .item .img-vertical i {
	padding-bottom: 67.021277%;
}
.home-case-list .item .pop {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(0,162,233,.6);
	text-align: center;
	overflow: hidden;
	transition:all  ease-in 0.3s;
}
.home-case-list .item .pop .con {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	margin-top:20px;
}
.home-case-list .item .pop i {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.home-case-list .item .pop p {
	margin: 0 auto 20px;
	max-width: 340px;
	color: #ffffff;
	font-size: 12px;
	line-height: 28px;
	max-height: 84px;
	overflow: hidden;
}
.home-case-list .item .pop span {
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../images/ico_search.png);
}
.home-case-list .item .text {
	padding: 15px 32px;
}
.home-case-list .item .tit {
 
	position: relative;
}
.home-case-list .item .tit span {
	display: block;
	color: #101b26;
	line-height: 26px;
	font-size: 16px;
}
.home-case-list .item .tit i {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 26px;
	background: url(../images/ico_heart.png) no-repeat left;
	padding-left: 22px;
	color: #101b26;
	font-size: 16px;
	font-style: normal;
	cursor: pointer;
}
.home-case-list .item .des {
	margin-top: 8px;
	font-size: 12px;
}
.home-case-list .item .des span {
	margin: 0 15px;
}
.home-case-list .item:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.home-case-list .item:hover .pop {
	height: 100%;
}
.home-case-list .item:hover .tit span {
	color: #00A2E9;
}
.home-case-list .item:hover .tit i, .home-case-list .item .tit i.active {
	background: url(../images/ico_heart_h.png) left no-repeat;
	color: #00A2E9;
}


.pinz{background: url(../images/pz_bg.jpg) no-repeat center center; height:53px;}
.pinz h3{ padding-left: 407px; color: #282828; font-size: 26px;font-weight: bold; line-height: 53px;}
.pinz h3 span{ font-family: Arial; width: 190px; display: inline-block; float: left;}
.pinz h3 i{ display: inline-block; float: left;font-weight: normal; font-size: 22px; width: 238px;}
.pinz h3 i a{ display: block; padding-left: 20px; color: #fff;}

.pinp{ text-align:center; margin-top:50px; padding:50px 0; margin-bottom:50px; background-color:#F5F5F5;}
.content>h2{ font-size:35px; font-weight:bold; text-align:center;}
.content>p{ font-size:14px; line-height:45px; margin-bottom:20px;color: #515671; text-align:center;}
    .swiper-container {
      width:100%;
      height: 440px;
      margin-left: auto;
      margin-right: auto;
	  overflow:hidden;
    }
	.bd{ height:100%; margin-bottom:30px;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.slide-img{width:100%; padding:8px;}
.slide-img img{width:100%;  }
.bd .slide-img img{width:100%; height:235px; }
.slide-img span{ display:block; line-height:20px; font-size:16px; margin-top:5px;}

.h_tlt1 p {
	font-size: 35px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.h_tlt1 span {
	display: block;
	font-size: 15px;
	font-weight: lighter;
	color: #515671;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.h_tlt1 em {
	display: block;
	width: 58px;
	height: 2px;
	background: #515671;
	margin: 0 auto;
}
.h_youshi {
	width: 100%;
	background: #fff;
}
.h_youshi_in {
	width: 90%;
	max-width: 1280px;
	padding: 40px 0;
	margin: 0 auto;
}
.h_youshi_in ul {
	padding-top: 40px;
}
.h_youshi_in ul li {
	display:inline-block;
	 
	margin-right: 2%;
	width: 23%;
	margin-bottom:20px;
}
.h_youshi_in ul li:nth-child(4n) {
	margin-right: 0px;
}
.h_youshi_in ul li .icon {
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background: #eee;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	transition: background 0.5s, color 0.5s;
	-moz-transition: background 0.5s, color 0.5s;
	-webkit-transition: background 0.5s, color 0.5s;
	-o-transition: background;
}
.h_youshi_in ul li .icon span {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/ys1.png) center center no-repeat;
	background-size: cover;
	transition: background 0.5s, color 0.5s;
	-moz-transition: background 0.5s, color 0.5s;
	-webkit-transition: background 0.5s, color 0.5s;
	-o-transition: background;
}
.h_youshi_in ul li .icon2 span {
	background: url(../images/ys2.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .icon3 span {
	background: url(../images/ys3.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .icon4 span {
	background: url(../images/ys4.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .icon5 span {
	background: url(../images/ys5.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .icon6 span {
	background: url(../images/ys6.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .icon7 span {
	background: url(../images/ys7.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .icon8 span {
	background: url(../images/ys8.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li .tlt {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 20px;
	color: #2a333c;
}
.h_youshi_in ul li p {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #999;
}
.h_youshi_in ul li:hover .icon {
	background: #0170e0;
}
.h_youshi_in ul li:hover .icon1 span {
	background: url(../images/ys1a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon2 span {
	background: url(../images/ys2a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon3 span {
	background: url(../images/ys3a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon4 span {
	background: url(../images/ys4a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon5 span {
	background: url(../images/ys5a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon6 span {
	background: url(../images/ys6a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon7 span {
	background: url(../images/ys7a.png) center center no-repeat;
	background-size: cover;
}
.h_youshi_in ul li:hover .icon8 span {
	background: url(../images/ys8a.png) center center no-repeat;
	background-size: cover;
}

.anl{ position:relative;}
.al_bj{background:#f7f7f7;padding-top:52px; padding-bottom:50px;}
.anl h2{ text-align:center;}
.anl h2 i{ display:block;color:#000; font-size:30px; font-weight:bold; }
.anl h2 span{ color: #535353; font-size:14px;}
.al_qh li.cur a{ color: #fff;}
 
.al_qh li { padding-top:0;}
.al_qh li a{display: inline-block;padding-top:27px;}
.al_qh{background:#fff;margin:0 auto 8px;position:relative;z-index:9; margin-top:25px; }
.al_qh ul{ padding-bottom:25px;}
.al_qh li{background-size: cover; display:inline-block;width:140px;height:100px;padding-top:57px;box-sizing: border-box;text-align: center;position: relative; font-size: 16px; color: #333;}
.al_qh li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 20%;
        bottom: auto;
        right: auto;
        height: 80%;
        width: 1px;
        background-color:#E7E7E7;
    }
.al_qh li.cur {color: #fff;font-weight: bold;}
.al_qh li:nth-child(1){background: url(../images/an1.png) no-repeat center center;}
.al_qh li:nth-child(2){background: url(../images/an2.png) no-repeat center center;}
.al_qh li:nth-child(3){background: url(../images/an3.png) no-repeat center center;}
.al_qh li:nth-child(4){background: url(../images/an4.png) no-repeat center center;}
.al_qh li:nth-child(5){background: url(../images/an5.png) no-repeat center center;}
.al_qh li:nth-child(6){background: url(../images/an6.png) no-repeat center center;}
.al_qh li:nth-child(7){background: url(../images/an7.png) no-repeat center center;}
.al_qh li:nth-child(8){background: url(../images/an8.png) no-repeat center center;}
.an{}
.an ul li{ display:inline-block; width:22%;margin:10px 0px; margin-right:20px; background-color:#F2F2F2;  border:1px solid #e6e6e6; padding:8px;}
.an ul li img{ width:100%;}
.an ul li a{ display:block;}
.an ul li span{ display:block; line-height:45px; font-size:12px; text-align:center; color:#333;}
.an ul li:nth-child(4n){ margin-right:0px;}
.an ul li:hover{background-color:#0170E0;}

.an ul li:hover span{ color:#FFF;}
.add{ margin:30px auto;}
.add img{ width:100%;}


.news{ margin:0px auto;  padding-top:50px;}

.news_t{width: 210px;height: 466px; background:#f0f0f0;padding: 14px 0 0;text-align: center;overflow: hidden;font-size: 14px;color: #333;}
.news_t p{width: 183px;height: 244px;margin: 0 auto;}
.news_t p img{width: 183px;height: 244px;}
.news_t em{width: 27px;height: 27px;display: block;margin: 0 auto;padding: 35px 0 0;}
.news_t em img{width: 27px;height: 27px;}
.news_t i{display: block;font-family:Arial, Helvetica, sans-serif;padding: 5px 0;font-weight: bold;text-transform: uppercase;}
.news_t b{font-family:Arial, Helvetica, sans-serif;display: block;font-size: 20px;color: #272d3b;line-height: 24px;}
.news_t span{display: block;width: 112px;margin: 0 auto;padding: 10px 0 0;}
.news_t span a{display: block;font-size: 14px;color: #fff;background:url(../images/news_btn.gif) no-repeat;width: 112px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;}
.news_t span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.news_bt{height: 70px;line-height: 60px;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.news_bt a,.wd_t a{font-size: 20px;color: #333;}
.news_bt a:hover,.news_l dl dd a:hover,.news_c ul li a:hover,.wd_t a:hover,.about dl dd h5 a:hover{color: #f68100;}
.news_bt em{font-size: 14px;color: #333; padding:0 0 0 15px;}
.news_bt span,.wd_t span{float: right;}
.news_bt span a,.wd_t span a{font-size: 14px;color: #666;}

.news_c{ width:506px; background:url(../images/news_line.gif) no-repeat 45px 0; padding:0 45px 0 90px; height:480px;overflow:hidden;}
.news_pic{width: 506px;height: auto;  padding:15px 5px;overflow: hidden;margin-bottom: 30px;}
.news_pic dl{}
.news_pic dl dt{ float:left; width:30%;}
.news_pic dl dd{ float:right; width:65%;}
.news_pic dl dd h2{ margin-bottom:5px; font-size:16px; font-weight:bold;}
.news_pic img{ width:100%; height:auto }
.news_pic p{ font-size:13px; color:#666;}
.news_c ul li{width: 508px; height:46px;line-height: 46px;overflow: hidden; border-bottom:#d6d6d6 1px dashed;}
.news_c ul li a{width: 400px;font-size: 14px;color: #000;display: block;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_c ul li span{float: right;font-size: 14px;color: #7b7b7b;display: block;width: 100px; text-align: right;}

.news_l{ width:300px;height: 480px;overflow:hidden; background:url(../images/news_line.gif) no-repeat;padding: 0 0 0 45px;}
.wd_t{height: 70px;line-height: 60px; background:url(../images/wd_ico.gif) no-repeat 0 16px;text-transform: uppercase;color: #333;font-size: 20px;font-weight: normal;}
.wd_t a{ padding:0 0 0 40px;}
.wd_m{height: 400px;overflow: hidden;}
.news_l dl{padding:0px 10px; text-align:left; border-bottom:1px dashed #666; padding-top:5px;}
.news_l dl dt{ margin:15px 0px;}
.news_l dl dt a{display: block; padding:0;font-size: 14px;color: #333;white-space:nowrap; text-overflow:ellipsis;}
.news_l dl dt a:hover{color: #f68100;}
.news_l dl dd{overflow:hidden; margin:0;font-size: 14px;color: #333;line-height: 20px;}


/**/
.qus{ background: #f8f8f8; padding-top: 44px; overflow: hidden;}
.qus h2{ padding-top: 0;}
.qus h2 i{background: url(../images/zj_h.png) no-repeat center 30px; color: #282828; margin-bottom: 17px;}
.qus h2 span{ color: #535353; padding-bottom:33px;}
.qus p span{ display: block; font-size: 14px; color: #666; line-height: 24px; text-align: center; padding-top: 37px; padding-bottom: 28px;}
.qus p span i{ display: block; padding-bottom: 15px;}
.qus p em{ display: block; text-align: center; height: 73px;}
.qus p em a{ display: inline-block; width: 125px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; background: #b8b8b8; color: #282828; font-size: 16px; margin: 0 10px;}
.qus p em a:hover{ background: #0170e0; color: #fff;}

.qus .bg{ overflow:hidden;}

.qus ul li{ float: left; text-align: center; width: 286px; margin-right: 19px;}
.qus ul li img{ width: 286px;}
.qus ul li span{ display: block; text-align: center; color: #282828; font-size: 16px; padding-top: 15px;}
.qus  .texs{ display: block; font-size: 14px; color: #666; line-height: 24px; text-align: center; padding-top: 37px; padding-bottom: 28px;}
.qus  .texs i{ display: block; padding-bottom: 15px;}
.qus  .mor{ display: block; text-align: center; height: 73px;}
.qus  .mor a{ display: inline-block; width: 125px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; background: #b8b8b8; color: #282828; font-size: 16px; margin: 0 10px;}
.qus p .mor a:hover{ background: #0170e0; color: #fff;}
.qus .mor a:hover{color:#fff; background:#017ded;}
/**/