@charset "UTF-8"; 
body {
	font-family: "思源黑体 CN";
	font-size: 14px;
	color: #333;
	overflow-x:hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
	display: block; 
}

audio, canvas, progress, video { 
	display: inline-block; vertical-align: baseline; 
}
audio:not([controls]) { 
	display: none; height: 0; 
}
[hidden], template { 
	display: none; 
}
svg:not(:root) { 
	overflow: hidden; 
}
ul{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}
:focus{
	outline: none; 
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
ul,ol,li {
    list-style: none;
}
a{
	text-decoration:none;
	background:0 0;
	color: inherit;
}
a:focus{
	text-decoration:none;
}
p{
	margin: 0;
}
a:active, a:hover, a:focus {
	outline:0
}
b,strong {
	font-weight:700
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
	outline:0
}
button,select {
	text-transform:none
}
select {
	-webkit-appearance:none;
	border:none
}
hr{margin-top:5px;margin-bottom:5px;border:0;border-top: 1px solid #eee;}
table{
	border-spacing: 0;
    border-collapse: collapse;
}
input {
	line-height:normal
}
button, html input[type="button"], input[type="reset"], input[type="submit"] { 
	-webkit-appearance: button; cursor: pointer; 
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
a{ 
	transition: all .5s ease;
}
a:hover{
	text-decoration: none;
	transition: all .5s ease;
}
@font-face {
	font-family: "helev";
	src: url("../fonts/helev.TTF");
	font-weight: normal;
	font-style: normal;
}  
@font-face {
	font-family: "sapie";
	src: url("../fonts/SAPIENTSANSMEDIUM.TTF");
	font-weight: normal;
	font-style: normal;
}  
h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-weight: normal;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.clear {
	clear: both;
} 

.footH {
	height: 50px;
	display: none;
}

.footFix {
	background: #0152e6;
	padding: 10px 0;
	display: none;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color: #fff;
}

.footFix>a {
	display: inline-block;
	width: 33%;
	font-size: 16px;
	color: #ffffff !important;
}

.footFix>a>i.iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #fff;
}

.fl {
	float: left;
}

.fr {
	float: right;
} 
.container.index{
	width: 96%;
	max-width: 1480px;
}
.swiper-pagination-bullet-active{
	background: #333e87 !important;
}
.container{
	width: 94%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0;
}
.section{
	overflow: hidden;
}

/*菜单*/
.headSearchWarp{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
	z-index: 9009;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.headSearchWarp.open{
	opacity: 1;
	visibility: visible; 
	transition: all .5s ease;
}
.headSearch{
	position: fixed;
	top: -151px;
	opacity: 0;
	visibility: hidden;
	left: 0;
	background: #fff;
	z-index: 90090;
	width: 100%;
	padding: 50px 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease;
}
.headSearch.open{
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.headSearch .container{
	max-width: 1000px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.headSearch input[type=text]{
	border: none;
	height: 50px;
	width: 90%;
	padding: 0;
	text-indent: 18px;
	float: left;
}
.headSearch .hsm {
    width: 10%;
    float: left;
    height: 50px;
    background: url(../images/ss-ico.jpg) no-repeat right 15px center;
    text-align: right;
    border: none;
    outline: none;
    padding-right: 5px;
    line-height: 50px;
    cursor: pointer;
}
.closeHs{
	position: absolute;
	cursor: pointer;
	right: -100px;
	top: -30px;
}
.closeHs i{
	font-size: 38px;
	color: #e7262d;
}
.closeHm{
	position: absolute;
	cursor: pointer;
	right: 50px;
	top: 30px;
	z-index: 9999;
}
.closeHm i{
	font-size: 28px;
	color: #e7262d;
}

.listen-top-menu-warp{
	position: fixed;
	width: 100%;
	min-height: 70%; 
	background: #fff;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	top: -100px;
	left: 0;
	border-bottom: 1px solid #f1f1f1;
	transition: all .5s ease;
}
.listen-top-menu-warp.open{
	z-index: 22001;
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.listen-top-head{
	width: 100%;
	padding:8px 0 8px;   
	width: 100%; 
	top: 0;
	left: 0;
	background: rgba(255,255,255,1);  
	border-bottom: 1px solid #eceded;
	transition: all .5s ease;
}
.listen-top-head .Logo{
	float: left;
}
.head-close{
	float: right;
	line-height: 28px;
	font-size: 18px;
	color: #333333;
	cursor: pointer; margin-top:20px;
}
.head-close i{
	font-size: 32px;
	position: relative;
	top: 5px;
	color: #0152e6;
	margin-left: 16px;
}
.listen-menu{
	padding:50px 0;
}
.listen-menu .container{ 
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}
.listen-menu .list{
	width:25%;
	float: left;
}
.listen-menu .list:first-child{width:50%;}
.listen-menu .list h4 a{
	font-size: 22px;
	color: #222222;
	line-height: 26px;
}
.listen-menu .list h4 a:hover{
	color: #e62129;
}
.listen-menu .list .link{
	margin-top: 20px;
}
.listen-menu .list .link > a{
	display: block;
	font-size: 18px;
	color: #a9a9a9;
	line-height: 36px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listen-menu .list .link > a:hover{
	color: #0152e6;
}
.listen-menu .list .item{ float:left;width:50%;}
.listen-menu .list .item h3 a{
	line-height: 36px;
	font-size: 18px;
	color: #a9a9a9;
	padding-left: 24px;
	background: url(../images/topjia.jpg) no-repeat left center;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listen-menu .list .item h3.on a{
	color: #0152e6;
	background: url(../images/top-jian.jpg) no-repeat left center;
}
.listen-menu .list .item ul{
	margin-bottom: 12px;
	display: none;
}
.listen-menu .list .item ul li a{
	display: block;
	padding-left: 24px;
	font-size: 14px;
	color: #a9a9a9;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listen-menu .list .item ul li a:hover{
	color: #333333;
}
.listen-search{
	position: absolute;
	width: 80%;
	max-width: 1100px;
	left: 50%;
	margin-left: -550px;
	bottom: 110px;
	overflow: hidden;
	border-radius: 8px;
}
.listen-search input[type=text]{
	width: 90%;
	float: left;
	border: none;
	outline: none;
	background: #eeeeee;
	height: 64px;
	font-size: 16px;
	color: #222;
	text-indent: 30px;
}
.listen-search input[type=button]{
	width: 10%;
	height: 64px;
	float: left;
	border: none;
	outline: none;
	background: #eee url(../images/ss-ico2.png) no-repeat center center;
}

/* head */
.head{
	width: 100%;
	padding:8px 0 8px;  
	position: fixed;
	z-index: 1009;
	width: 100%; 
	top: 0;
	left: 0;
	background: rgba(255,255,255,1);  
	border-bottom: 1px solid rgba(241,241,241,0);
	transition: all .5s ease;
}  
.head.nof{
	position: relative;
	border-bottom: 1px solid rgba(241,241,241,1);
}
.head.fixedbg{
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1); 
	transition: all .5s ease;
} 
.head .Logo{
	float: left; 
}   
.WebLink{
	float: left;
	margin-top:10px; 
	margin-left:30px;
}
.WebLink li{
	float: left;
	margin-left:25px;
}
.WebLink li:first-child{
	margin-right:20px;
}
.WebLink li.sm{
	background: url(../images/webLink-down.png) no-repeat right center;
	padding-right: 20px;
	position: relative;
}
.WebLink li > a{
	display: block;
	line-height:50px;
	font-size:20px; 
	color: #222222; 
}  
.WebLink li:hover > a{
	color: #0152e6;
}
.head-right{
	float: right;
	margin-top:25px;
}
.head-tel{
	float: left;
	line-height: 25px;
	color:#0152e6;
	font-size:22px;
	font-weight:bold;
}
.head-tel i{
	font-size:24px;
	top:2px;
}
.head-search{
	float: left;
	cursor: pointer;
	line-height: 25px;
}
.head-search i{
	font-size: 20px;
	position: relative;
	top: 2px;
	color: #3d3d3d;
}
.head-language{
	float: left;
	line-height: 25px;
	position: relative;
	top:1px;
	margin:0 35px;
}
.head-menu{
	float: left;
	font-size:18px;
	color: #333333;
	line-height: 25px;
	cursor: pointer;
}
.head-menu i{
	font-size: 24px;
	color: #5263a7;
	position: relative;
	top: 3px;
	margin-left: 17px;
}
.listen-lm-menu{
	position: absolute;
	width: 160px;
	left: 50%;
	top:35px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	margin-left: -80px;
	transition: all .5s ease;
}
.WebLink li:nth-child(3) .listen-lm-menu{
	position: absolute;
	width: 500px;
	left: -150px;
	top:35px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	margin-left: -80px;
	transition: all .5s ease;
}
.WebLink li.sm:hover .listen-lm-menu{
	opacity: 1;
	visibility: visible;
	z-index: 999;
	transition: all .5s ease;
}
.listen-lm-menu .h{
	height: 22px;
}
.listen-lm-menu .link{
	background: #fff;
	border-top: 4px solid #0152e6;
}
.listen-lm-menu .link a{
	font-size: 15px;
	color: #555555;
	line-height: 47px;
	display: block;
	text-align: center;
	max-height: 0;
	white-space:nowrap;
	overflow: hidden;
	-webkit-transition: max-height 300ms ease;
	-moz-transition: max-height 300ms ease;
	-o-transition: max-height 300ms ease;
	transition: max-height 300ms ease;
	width:100%;
	float:left;
	background: #fff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e8e8e8;
	border-bottom-color: #e8e8e8;
	border-left-color: #e8e8e8;
}
.WebLink li:nth-child(3) .listen-lm-menu .link a{ width:50%;}
.WebLink li:nth-child(3) .listen-lm-menu .link a:nth-child(2n+2){ width:50%;border-left-width:0px;}
.WebLink li:hover .listen-lm-menu .link a {
    max-height: 48px;
}
.listen-lm-menu .link a:hover{
	background: #0152e6;
	color: #fff;
} 

/*Sybanner*/
#syBanner{
	position: relative;
	overflow: hidden;
}
#syBanner .swiper-slide{position: relative;}
#syBanner .swiper-slide #img{width:100%;}
.sybanner-btm{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 50px;
	z-index: 999;
}
.sybanner-btm .container{
	position: relative;
}
#bannerbp{
	bottom: 0;   
	width: auto;
	left: 0;
	text-align: left;  
}
#bannerbp .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 1 !important;
	border: 2px solid #fff;
	border-radius: 100%;
	margin: 0 16px 0 0;
	background: rgba(255,255,255,0) !important;
	transition: all .5s ease;
}
#bannerbp .swiper-pagination-bullet-active{
	background: rgba(255,255,255,1) !important;
	transition: all .5s ease;
}
.sybanner-btm .tsgd{
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 15px;
	background: url(../images/sy-hb-tsgd.png) no-repeat top center;
	padding-top: 32px;
}

/*indexAbout*/
.indexAbout{
	background: url(../images/sy-about-back.jpg) no-repeat top center;
	background-size:cover;
	background-position: center;
    width: 100%;
    height: 100%;
	padding-top:60px;
	padding-right:0;
	padding-bottom:60px;
	padding-left:0;
} 
.sy-abt-num-box{
	overflow: hidden;
	margin-top: 202px;
}
.sy-abt-num-box .lb{
	float: left;
	margin-right: 64px;
}
.sy-abt-num-box .lb .num{
	font-size: 16px;
	color: #555555;
}
.sy-abt-num-box .lb .num span{ 
	font-size: 56px;
	color: #0152e6;
	line-height: 60px;
	font-family: "sapie"; 
}
.sy-abt-num-box .lb .num sup{
	font-family: "sapie";
	font-size: 20px;
	color: #0152e6;
	position: relative;
	top: -30px;
	margin-left: 2px;
}
.sy-abt-num-box .lb .txt{
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	margin-top: 16px;
}

/*indexProduct*/
.indexProduct{padding:50px 0 40px 0;}
.indexProduct .hd{
	overflow: hidden;
	position: relative;
	margin-top:-45px;
}
.indexProduct .hd::after{
	content: "";
	position: absolute;
	width:100%;
	height: 1px;
	background: #e5e5e5;
	left: 0;
	top: 50%;
}
.indexProduct .hd ul{
	float: right;
	position: relative;
	z-index: 999;
}
.indexProduct .hd ul li{
	float: left;
	line-height: 44px;
	padding: 0 16px;
	min-width: 128px;
	background: #9f9fa0;
	font-size: 16px;
	color: #fff;
	margin-left: 8px;
	text-align: center;
	cursor: pointer;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition: all .5s ease;
}
.indexProduct .hd ul li.on,
.indexProduct .hd ul li:hover{
	background: #0152e6; 
	transition: all .5s ease;
}
.indexProduct .bd{
	margin-top: 46px;
}
.indexProduct .bd ul li{
	position: relative;
}
.syProSwiper{
	overflow: hidden;
	position: relative;
	margin-top:40px;
}
.sy-pro-list{
	border: 1px solid #eeeeee;
	border-bottom: 3px solid #0152e6; 
    transition: all .5s ease;
}
.sy-pro-list:hover{ 
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    transition: all .5s ease;
}
.sy-pro-list .pic{
	overflow: hidden;
}
.sy-pro-list .pic img{
	display: block;
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.sy-pro-list:hover .pic img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.sy-pro-list .tit{
	line-height: 57px;
	padding: 0 60px 0 30px;
	font-size: 18px;
	color: #333333;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
}
.sy-pro-list:hover .tit{
	background: #0152e6;
	color: #fff;
    transition: all .5s ease;
}
.sy-pro-list .tit i{
	font-size: 26px; 
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 11;
}
.syProN{
	right: auto !important; 
	left: 75px !important;
}
.syProP{
	left: 0 !important; 
}
.mProPicSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

/*indexApplication*/
.indexApplication{
	position: relative;
}
.sy-app-top{
	height: 100%;
}
.sy-app-top .swiper-slide{
	height: 100%;
	position: relative;
}
.sy-app-top .swiper-slide::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
}
.sy-app-top .swiper-slide .info{
	position: absolute;
	z-index: 99;
	width: 80%;
	max-width: 790px;
	left: 50%;
	margin-left: -380px;
	top: 270px;
	text-align: center;
}
.sy-app-top .sy-lm-more{
	margin-top: 36px; 
}
.sy-app-top .sy-lm-more a{
	color: #fff;
}
.sy-app-top .sy-lm-more i{
	color: #e62128;
}
.sy-app-top .swiper-slide .info .sub{
	font-size: 36px;
	color: #fff;
	line-height: 50px;
}
.sy-hyyy-tit{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 99;
	color: #fff;
	top: 195px;
	left: 0;
}
.sy-hyyy-tit .tit{
	font-size: 24px;
	line-height: 28px;
}
.sy-hyyy-tit .line{
	width: 24px;
	height: 2px;
	background: #fff;
	margin: 18px auto 0;
}
.syApp-thumbs{
	position: absolute;
	z-index: 99;
	bottom: 165px;
	left: 0;
	width: 100%;
}
.sy-app-thumbs{
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}
.sy-app-thumbs .swiper-slide{
	cursor: pointer;
}
.sy-app-thumbs .ico{
	width: 98px;
	height: 98px;
	position: relative;
	border: 1px dashed #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 98px;
	margin: 0 auto;
}
.sy-app-thumbs .ico::after{
	content: "";
	position: absolute;
	width: 86px;
	height: 86px;
	border: 3px solid #fff;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
.sy-app-thumbs .swiper-slide.swiper-slide-thumb-active .ico::after{
	border: 43px solid #fff;
    transition: all .5s ease;
}
.sy-app-thumbs .ico::before{
	content: "";
	position: absolute;
	width: 69px;
	height: 69px;
	border: 1px solid #fff;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sy-app-thumbs .ico img{
	position: absolute; 
	left: 50%;
	top: 50%;
	z-index: 99;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
.sy-app-thumbs .swiper-slide.swiper-slide-thumb-active .ico img{
	opacity: 0;
    transition: all .5s ease;
}
.sy-app-thumbs .ico #onimg{
	opacity: 0 !important;
    transition: all .5s ease;
}
.sy-app-thumbs .swiper-slide.swiper-slide-thumb-active .ico #onimg{
	opacity: 1 !important;
    transition: all .5s ease;
}
.sy-app-thumbs .txt{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 25px;
	margin-top: 10px;
}

/*indexNews*/
.Circles {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none !important;
  z-index: 0;
}
.Circles-circle {
  display: block;
  position: absolute;
  will-change: transform;
  transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Circles-circle:nth-child(1) {
  width: 33.7vw;
  height: 33.7vw;
  left: -16.8vw;
  top: -16.8vw;
  background: #fff;
  z-index: 2;
  border-radius: 50%;
}
.Circles-circle:nth-child(2) {
  width: 59.68vw;
  height: 59.58vw;
  left: -29.84vw;
  top: -29.84vw;
  transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #f6f6f6;
  border-radius: 50%;
}
.Circles-dot {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.Circles-dot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  will-change: transform;
}
.indexNews{
	padding:50px 0 50px 0;
}
.syXwSwiper{
	overflow: hidden;
	position: relative;
	margin-top:40px;
}
.sy-news-list{border:solid 1px #ededed;padding:10px;border-radius:5px; overflow:hidden;}
.sy-news-list .timex{
	font-family:"sapie";
	font-size:22px;
	line-height:32px;
	color: #333333;}
.sy-news-list .time img{width:100%;margin-bottom:10px;}
.sy-news-list .tit{
	font-size:20px;
	line-height:28px;
	color: #2c3441;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin:6px 0 6px;
    transition: all .5s ease;
}
.sy-news-list:hover .tit{color: #e62128;transition: all .5s ease;}
.sy-news-list .sub{font-size:14px;color: #555555;line-height:22px;height:44px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sy-news-list .sy-lm-more{margin-top:20px; width:100%;}
.sy-news-list .sy-lm-more a{color: #fff;}
.sy-news-list .sy-lm-more a:hover{color: #fff;}
.sy-news-list .sy-lm-more i{color: #fff;}
.syNewsBtm{position: relative;margin-top:40px; margin-left:auto; margin-right:auto; width:320px;}
.syNewsBtm .webN1, 
.syNewsBtm .webP1{
	width: 52px !important;
    background: none !important;
    height: 52px !important;
    border: 1px solid #b1b1b1;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    color: #494b4e;
    margin-top: 0 !important;
    transition: all .5s ease;
    top: 0 !important;
}
.syXwN{
	right: auto !important; 
	left: 75px !important;
}
.syXwP{
	left: 0 !important; 
}
.syNewsBtm .sy-lm-more2{
	margin: 0 0 0 150px;
}

/*webJt*/
.webN1,
.webP1{
	width: 60px !important;
	background: none !important;
	height: 60px !important;
	border: 1px solid #b1b1b1;
	line-height: 58px;
	text-align: center;
	border-radius: 100%;
	color: #494b4e;
	margin-top: -30px !important;
    transition: all .5s ease;
}
.webN1:hover,
.webP1:hover{
	background: #0152e6 !important;
	border: 1px solid #0152e6;
	color: #fff;
    transition: all .5s ease;
}
.webN1 i,
.webP1 i{
	font-size: 18px;
}
.webP1{
	transform: rotate(180deg);
}

/*sy-tit*/
.sy-lm-tit{
	line-height:44px;
	background: #0152e6 url(../images/dot-fff.png) no-repeat left 12px center;
	color: #fff;
	font-size:20px;
	display: inline-block;
	padding: 0 22px 0 28px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index:1000;
	position:relative;
} 
.sy-lm-sub{
	font-size:16px;
	color: #fff;
	line-height:1.6;
	margin-top:26px;
	width:100%;
	text-align:justify;}
.sy-lm-sub img{ float:right; margin-left:40px;max-width:30%;}
.sy-lm-more{margin-top:10px;width:100%;}
.sy-lm-more a{
	font-size: 16px;
	line-height:40px;
	display: inline-block; 
	background: #0152e6;
	color: #fff;
	padding:0 15px 0 15px;
	border-radius:8px;
	float:right;
}
.sy-lm-more a i{
	font-size:20px;
	margin-right:10px;
	position: relative;
	top:2px;
	transition: all .5s ease;
} 
.sy-lm-more a:hover i{
	margin-right: 18px;
	transition: all .5s ease;
}
.sy-lm-more2{
	display: block;
	width: 165px;
	height: 52px;
	line-height: 42px;
	border: 1px solid #d2d2d2;
	border-radius: 52px;
	text-align: center;
	font-size: 16px;
	color: #333333;
	margin: 46px auto 0;
    transition: all .5s ease;
}
.sy-lm-more2:hover{
	border: 1px solid #0152e6;
	background: #0152e6;
	color: #fff;
    transition: all .5s ease;
}
.sy-lm-more2 i{
	font-size: 28px;
	position: relative;
	top: 5px;
	margin-right: 12px;
}

/*product*/
.product .container{padding:50px 0 50px;position: relative;}
.product .container .isline{ 
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 20.5625%;
	background: #eeeeee;
}
.productClass{
	width: 18.4375%;
	float: left;
}
.proclsname1{
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	color: #222222;
	background: url(../images/procls1back.png) no-repeat left bottom;
	text-indent: 3px;
}
.proclass{
	margin-top: 32px;
}
.proclass .item{
	margin-bottom: 1px;
}
.proclass .item h3 a{ 
	font-size: 16px;
	color: #333333;
	line-height: 44px;
	background: #f1f1f1 url(../images/procls-sjx1.png) no-repeat left 16px center;
	padding: 0 28px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.proclass .item h3 a:hover,
.proclass .item.on h3 a{
	background: #0152e6 url(../images/procls-sjx2.png) no-repeat left 16px center;
	color: #fff;
    transition: all .5s ease;
}
.proclass .item ul{
	background: #f8f8f8;
	padding: 4px 22px 22px 28px;
	display: none;
}
.proclass .item.on ul{
	display: block;
}
.proclass .item ul li a{ 
	line-height: 42px;
	font-size: 15px;
	color: #555555;
	border-bottom: 1px solid #e8e8e8;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.proclass .item ul li a:hover,
.proclass .item ul li a.on{
	color: #0152e6;
}
.productList{
	width: 77.1875%;
	float: right;
}
.productList .pdg{
	margin-bottom: 38px;
}
.proList{ 
    transition: all .5s ease;
}
.proList:hover{
	box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
    transition: all .5s ease;
}
.proList .pic{border: 1px solid #e5e5e5;
	overflow: hidden;
}
.proList .pic img{
	display: block;
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.proList:hover .pic img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.proList .tit{
	line-height: 56px;
	padding: 0 48px 0 20px;
	border: 1px solid #e5e5e5;
	border-top: none !important;
	font-size: 16px;
	color: #333333;
	position: relative;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.proList:hover .tit{
	background: #0152e6;
	color: #fff;
	border: 1px solid #0152e6;
	border-top: none;
    transition: all .5s ease;
}
.proList .tit i{
	position: absolute;
	right: 20px;
	top: 0;
}
.productDe{ background:#fafafa;}
.productDe .container{padding:30px 0 30px;}
.proDeFh{
	display: block;
	float: right;
	height: 40px;
	line-height: 40px;
	width: 135px;
	text-align: center;
	background: #1a55a6;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	margin-top: 8px;
}
.proDeFh:hover{
	background: #b9081d;
	color: #fff;
}
.proDeInfo{
	width: 100%;
	float: left;
}
.proDeInfo .title{
	font-weight: bold;
	font-size:36px;
	color: #222222;
	line-height: 58px;
	background: url(../images/prode-line.png) no-repeat bottom left;
	padding-bottom:20px;
}
.proDeInfo .sub{
	font-size: 16px;
	color: #666666;
	line-height:25px;
	margin-top:20px; 
	min-height:50px;
}
.proDeInfo .an{
	overflow: hidden;
	margin-top:10px;
}
.proDeInfo .an a{
	width:40%; max-width:200px;
	line-height: 50px;
	height: 50px;
	border-radius: 5px;
	background: #1a55a6;
	display: block;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.proDeInfo .an a i{
	font-size: 20px;
	margin-right: 14px;
}
.proDeInfo .an a:nth-child(2){
	margin-left: 12px;
	background: #17c4c8;
}
.proDeImgShow{
	width: 39.375%;
	float: right;
	position: relative;
	overflow: hidden;
}
.proDeImgShow .left{
	width: 79.526315789%;
	float: left;
}
.proDeImgShow .right{
	width: 16.105263157%;
	float: right;
	margin-top: 64px;
} 
.proDeImgShow .right ul li{
	margin-bottom: 12px;
}
.p-prev,
.p-next{
	cursor: pointer;
	position: absolute;
	width: 47px;
	height: 47px;
	border: 1px solid #d2d2d2;
	border-radius: 100%;
	text-align: center;
	line-height: 45px;
	right: 22px;
	color: #222;
}
.p-prev:hover,
.p-next:hover{
	background: #b9081d;
	border: 1px solid #b9081d;
	color: #fff;
}
.p-prev i,
.p-next i{
	font-size: 24px;
}
.p-prev{
	top: 0;
}
.p-next{
	bottom: 0;
	transform: rotate(180deg);
}
.productDeTabLm{
	width: 100%;
	text-align: center;
	background: #0152e6;
	overflow: hidden;
	position: relative;
	z-index: 999;
}
.productDeTabLm.fixedbg{
	position: fixed;
	top: 70px;
}
.productDeTabLm a{
	display: inline-block;
	line-height: 72px;
	margin: 0 30px;
	font-size: 20px;
	color: #fff;
	position: relative;
}
.productDeTabLm a::after{
	content: "";
	width: 14px;
	height: 7px;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: -7px;
	background: url(../images/prode-sjx.png) no-repeat center center;
    transition: all .5s ease;
}
.productDeTabLm a:hover::after,
.productDeTabLm a.on::after{
	bottom: 0;
    transition: all .5s ease;
}
.productDeTabLm a:hover,
.productDeTabLm a.on{
	font-weight: bold;
}
.product-tab.tab1{
	padding: 70px 0 65px;
}
.product-tab.tab1 .row{
	margin-top: 48px;
}
.proTabTit{
	text-align: center;
	font-size: 42px;
	color: #333333;
	line-height: 46px;
}
.proTx-list{
	background: #f5f5f5;
	padding: 28px 30px 40px;
	margin-bottom: 26px;
    transition: all .5s ease;
}
.proTx-list:hover{
	background: #b2181e;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2); 
    transition: all .5s ease;
}
.proTx-list .num{
	color: #f5f5f5;
    -webkit-text-stroke: 1px rgba(68,126,199,1);
    font-size: 42px;
    line-height: 45px;
    font-family: helev;
    z-index: 1;
    transition: all .5s ease;
}
.proTx-list:hover .num{
	color: #b2181e;
    -webkit-text-stroke: 1px rgba(255,255,255,1);
    transition: all .5s ease;
}
.proTx-list .tit{
	font-size: 16px;
	line-height: 25px;
	color: #555555;
	min-height: 50px;
	margin: 20px 0 20px;
    transition: all .5s ease;
}
.proTx-list:hover .tit{
	color: #fff;
    transition: all .5s ease;
}
.proTx-list .line{
	width: 20px;
	height: 2px;
	background: #c22737;
    transition: all .5s ease;
}
.proTx-list:hover .line{
	background: #fff;
	width: 40px;
    transition: all .5s ease;
}
.product-tab.tab2{
	padding: 98px 0 94px;
	background: url(../images/profwback.jpg) no-repeat top center;
	background-size: cover;  
}
.product-tab.tab2 .proTabTit{
	color: #fff;
}
.product-tab.tab2 .container{
	max-width: 1200px;
}
.proFwSwiper{
	position: relative;
	overflow: hidden;
	padding-bottom: 80px;
	margin-top: 78px;
}
.proFwSwiper .ico{
	position: relative;
}
.proFwSwiper .ico #bk{
	display: block;
	margin: 0 auto;	
}
.proFwSwiper .ico #img{
	position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
.proFwSwiper .tit{
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	margin-top: 28px;
}
.proFwPag .swiper-pagination-bullet{
	width: 12px !important;
	height: 12px !important;
	background: #fff !important;
	margin: 0 8px !important;
}
.product-tab.tab3{
	padding: 152px 0 80px;
	min-height: 601px;
	background: url(../images/prode-ff-back.jpg) no-repeat top center;
	background-size: cover;
}
.product-tab.tab3 .proTabTit{
	color: #0152e6;
}
.product-tab.tab3 .container{
	max-width: 550px;
}
.product-tab.tab3 .content{
	margin-top: 55px;
	font-size: 16px;
	color: #555555;
	line-height: 32px;
}
.product-tab.tab4{
	padding:40px 0 40px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.product-tab.tab4 .content{
	margin-top:0px;
	line-height:1.6;
}
.product-tab.tab4 .content table{
	width: 100%;
	border: 1px solid #fff;
	margin-top:10px;
}
.product-tab.tab4 .content table tr td{
	text-align: center;
	height: 40px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #fff;
	background: #f5f5f5;
}
.product-tab.tab4 .content table tr:nth-of-type(2n+1) td{
	background: #f9f9f9;
}
.product-tab.tab4 .content table tr td:nth-child(1){
	background: #efefef;
}
.product-tab.tab4 .content table tr:nth-child(1) td{
	background: #0152e6;
	height: 54px;
	color: #fff;
	font-size: 20px; 
}
.bz_cc{
	overflow: hidden;
	margin-top: 20px;
	background: #ededed;
}
.bz_cc .lb{
	width: 50%;
	float: left;
	padding: 32px 40px;
	overflow: hidden;
}
.bz_cc .lb:nth-child(1){
	background: #f5f5f5;
}
.bz_cc .lb .ico{
	float: left;
	width: 70px;
	text-align: center;
	height: 70px;
	line-height: 68px;
	border: 1px solid #d8d8d8;
	border-radius: 100%;
}
.bz_cc .lb .ico i{
	font-size: 30px;
}
.bz_cc .lb .info{
	width: 86%;
	float: right;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}
.bz_cc .lb .info strong{
	color: #0152e6;
	font-size: 18px;
	font-weight: bold;
}

/*solution*/
.solution{padding:50px 0 30px;overflow:hidden;}
.solution ul li{overflow:hidden;position: relative;margin-bottom:40px;}
.solution ul li::after{
	content:"";
	position: absolute;
	width:100%;
	height:1px;
	background:#d6d5d5;
	left:0;
	bottom:40px;
	z-index:33;
}
.solution.solutionDe ul li::after{display: none;}
.solution ul li .pic{
	width:48%;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 99;
}
.solution ul li:nth-of-type(2n+2) .pic{
	float: right;
}
.solution ul li .pic img{
	display: block;
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.solution ul li:hover .pic img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.solution.solutionDe ul li:hover .pic img{
	transform: scale(1);
    transition: all .5s ease;
}
.solution ul li:nth-child(2n+1) .info{
	width: 48%;
	float: left;
	margin-left:4%;
	position: relative;
	top:45px;
}
.solution ul li:nth-child(2n+2) .info{
	width: 48%;
	float:left;
	margin-right:4%;
	position: relative;
	top:45px;
}
.solution ul li .info .tit{
	font-size: 40px;
	line-height: 52px;
	color: #222222;
    transition: all .5s ease;
}
.solution ul li:hover .info .tit{
	color: #0152e6;
}
.solution ul li .info .sub{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 34px 0 30px;
}
.solution ul li .info .more{
	line-height: 32px;
	font-size: 16px;
	color: #666666;
}
.solution ul li .info .more i{
	font-size: 32px;
	color: #0152e6;
	position: relative;
	top: 5px;
}
.solution ul li .infoDe{
	width: 48%;
	float: right;
	border-top:4px solid #0152e6;
	padding-top:20px;
}
.solution ul li .infoDe .tit{
	font-size:32px;
	line-height:42px;
	color: #222222;
}
.solution ul li .infoDe .cont{
	font-size: 16px;
	color: #666666;
	line-height:26px;
	margin-top:10px;
	padding-right:20px;
	text-align: justify;
	height:286px;
    overflow:auto;}
.xgPro{padding:50px 0 50px;background: #f5f5f5;}
.xgProSwiper{
	position: relative;
	overflow: hidden;
	margin-top: 35px;
	padding-bottom: 68px;
}

/*cooperation*/
.cooperation{
	padding: 82px 0 120px;
}
.cooperation .container{
	position: relative;
	border-bottom: 1px solid #e4e4e4;
}
.coop-txt{
	text-align: center;
	line-height: 40px;
	margin-bottom: 40px;
}
.coop-txt span{
	display: inline-block;
	position: relative;
}
.coop-txt span::after,
.coop-txt span::before{
	content: "";
	position: absolute;
	width: 158px;
	height: 6px;
	top: 50%;
	margin-top: -3px;
}
.coop-txt span::after{
	background: url(../images/0coop-a.png) no-repeat right center;
	left: -180px;
}
.coop-txt span::before{
	background: url(../images/0coop-b.png) no-repeat left center;
	right: -180px;
}
.coop-txt .txt1{
	font-size: 30px;
	color: #333333;
}
.coop-txt .txt2{
	font-size: 18px;
	color: #333333;
}
.coop-r{
	width: 77%;
	float: right;
}
.cptSwiper{
	position: relative;
	overflow: hidden;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
}
.cptSwiper .swiper-slide{
	background: #fff;
	text-align: center;
	border: 1px solid #dcdcdc;
	padding: 22px 0;
	border-top: none;
	border-left: none;
	overflow: hidden;
}
.cptSwiper .swiper-slide img{
	transform: scale(1);
    transition: all .5s ease;
}
.cptSwiper .swiper-slide:hover img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.coop-r .zx{
	font-size: 15px;
	display: block;
	width: 94px;
	height: 94px;
	text-align: center;
	background: #b9081d;
	color: #fff;
	overflow: hidden;
	margin-left: 16.6%;
}
.coop-r .zx i{
	display: block;
	font-size: 32px;
	margin-top: 11px;
}
#coop-l-img{
	position: absolute;
	width: 35.8%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}
.cptN,
.cptP{
	margin-top: 0 !important;
	top: auto !important;
	bottom: 25px;
	width: 43px !important;
	height: 43px !important;
	line-height: 41px !important;
}
.cptN{
	right: 50px !important;
}
.cptP{
	left: auto !important;
	right: 105px !important;
}

/*download*/
.download{
	padding: 72px 0 60px;
}
.download ul {
	overflow: hidden;
}
.download ul li{
	border-bottom: 1px solid #edecec;
	background: url(../images/pdf-ico.jpg) no-repeat top left;
	padding: 0 90px 28px;
	position: relative;
	width: 45%;
	float: left;
	margin-bottom: 30px;
}
.download ul li:nth-of-type(2n+2){
	float: right;
}
.download ul li .tit{
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	margin: 2px 0 15px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.download ul li:hover .tit{
	color: #e40d15;
    transition: all .5s ease;
}
.download ul li .size{
	font-size: 16px;
	color: #666666;
}
.download ul li i{
	position: absolute;
	right: 0;
	width: 68px;
	height: 68px;
	border: 1px solid #e1e1e1;
	top: 0;
	border-radius: 100%;
	text-align: center;
	line-height: 66px;
	font-size: 28px;
	color: #676767;
    transition: all .5s ease;
}
.download ul li:hover i{
	background: #0152e6;
	color: #fff;
	border: 1px solid #0152e6;
    transition: all .5s ease;
}

/*contact*/
.contact{
	padding: 74px 0 80px;
	position: relative;
}
.contact::after{
	position: absolute;
	content: "";
	width: 46.30208333%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 99;
	background: url(../images/c-r-back.jpg) no-repeat top center;
	background-size: cover;
}
.contact .container{
	position: relative;
	z-index: 999;
}
.contact .info{
	width: 41.25%;
	float: left;
}
.contact .info .gsname{
	font-size: 32px;
	color: #333333;
	line-height: 36px;
	border-bottom: 1px solid #dddcdc;
	padding-bottom: 25px;
}
.contact .info ul{
	margin-top: 16px;
}
.contact .info ul li{
	border-bottom: 1px solid #dddcdc;
	padding: 16px 0 16px;
	overflow: hidden;
}
.contact .info ul li i{
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background: #f5f5f5;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	color: #336699;
	float: left;
	position: relative;
	top: 7px;
}
.contact .info ul li .txt{
	float: right;
	width: 90%;
	line-height: 30px;
	font-size: 16px;
	color: #666666;
}
.contact .info ul li .txt strong{
	font-size: 18px;
}
.contact .info ul li .txt a{
	font-family: helev; 
}
.contact .info ul li .txt a.tel{
	color: #0152e6;
}
.contact .maps{
	width: 50.0625%;
	float: right;
	margin-top: 2px;
}
.message{
	background: url(../images/message-back.jpg) no-repeat top center;
	background-size: cover;
	min-height: 580px;
	padding: 85px 0 60px;
}
.msg-box{
	width: 45.5%;
	float: right; 
}
.msg-box .lx-tit{
	text-align: left;
}
.msg-box .lx-sub{
	text-align: left;
}
.msg-box .box{
	overflow: hidden;
	margin-top: 40px;
}
.msg-box .box input[type=text]{
	width: 100%;
	height: 48px;
	background: #fff;
	padding: 0 16px;
	border: 1px solid #e5e6e6;
	outline: none;
	margin-bottom: 3px;
	font-size: 16px;
	color: #222;
}
.msg-box .box .l{
	width: 46.43%;
	float: left;
}
.msg-box .box .r{
	width: 51.511%;
	float: right;
}
.msg-box .box .isCode{
	overflow: hidden;
}
.msg-box .box .isCode input[type=text]{
	width: 75%;
	float: left;
	border-right: none;
}
.msg-box .box .isCode #checkCode{
	width: 25%;
	cursor: pointer;
	font-size: 26px;
	color: #000; 
	font-style: italic; 
	float: right;
	background: #fff;
	height: 48px;
	line-height: 46px;
	text-align: center;
	border: 1px solid #e5e6e6;
	border-left: none; 
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.msg-box .box textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 182px;
	max-height: 182px;
	background: #fff;
	border: 1px solid #e5e6e6;
	padding: 12px 16px;
	font-size: 16px;
	color: #222;
}
.msg-box .box .an{
	overflow: hidden;
	margin-top: 20px;
}
.msg-box .box .an a{
	display: block;
	line-height: 42px;
	background: #252525;
	text-align: center;
	font-size: 16px;
	width: 40%;
	float: right;
	color: #fff;
	cursor: pointer;
}
.msg-box .box .an a:nth-child(2){
	background: #b9081d;
	margin-right: 12px;
}

/*join*/
.join{
	padding: 48px 0 60px;
}
.join .container{
	max-width: 1280px;
}
.join-search{
	margin-top: 50px;
	overflow: hidden;
}
.join-search .s1{
	width: 36.328125%;
	float: left; 
	overflow: hidden;
}
.join-search .s1 input[type=text]{
	width: 85%;
	float: left;
	height: 52px;
	border: 1px solid #dcdcdc;
	padding-left: 22px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: none;
	font-size: 16px;
	color: #222;
}
.join-search .s1 input[type=text]::placeholder{
	color: #222;
}
.join-search .s1 input[type=button]{
	width: 15%;
	float: right;
	border: 1px solid #dcdcdc;
	border-left: none;
	height: 52px;
	background: url(../images/ss-ico.png) no-repeat center center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.join-search .s2 select{
	width: 36.328125%;
	float: left;
	margin-left: 18px;
	height: 52px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	padding: 0 22px;
	font-size: 16px;
	color: #222;
	background: url(../images/xl-ico.png) no-repeat right 25px center;
}
.join table{
	width: 100%;
	margin-top: 25px;
}
.join table tr th{
	background: #5d5c5c;
	height: 58px;
	font-size: 18px;
	color: #fff;
	padding: 0 15px 0 35px;
}
.join table tr td{
	padding: 0 15px 0 35px;
	height: 65px;
	border-bottom: 1px solid #fff;
	background: #f8f8f8;
	font-size: 16px;
	color: #555555;
	min-width: 180px;
	cursor: pointer;
}
.join table tr:nth-of-type(2n+2) td{
	background: #f5f5f5;
}
.zpTck{
	width: 90% !important;
	max-width: 648px !important;
	height: 77% !important; 
	background: #fff !important;
}
.joinDe{
	padding: 26px 40px;
}
.joinDe .clsname{
	font-size: 15px;
	color: #0152e6;
	border: 1px solid #5060a5;
	padding: 0 15px;
	border: 1px solid #5060a5;
	border-radius: 30px;
	line-height: 27px;
	display: inline-block;
}
.joinDe .title{
	font-weight: bold;
	font-size: 36px;
	line-height: 42px;
	color: #000000;
	margin: 20px 0 18px;
}
.joinDe .addr{
	font-size: 15px;
	color: #666666;
	line-height: 22px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}
.joinDe .content{
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	margin-top: 26px;
}
.joinDe .content strong{
	font-size: 18px;
}
.joinDe .ljyp{
	width: 80%;
	margin: 38px auto 0;
	line-height: 62px;
	border-radius: 5px;
	background: #b9081d;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	display: block;
	text-align: center;
}

/* news */
.news{
	padding:40px 0;
} 
.news ul li{
	width: 100%;
	overflow: hidden; 
	padding:25px 0;
	transition: all .5s ease;
}
.news ul li:hover{
	background: #f4f6f8;
	transition: all .5s ease;
}
.news ul li .time-box{
	width: 90px;
	float: left;
	background: #999999;
	font-family: arial;
	color: #fff;
	text-align: center;
	padding: 7px 0 7px;
	transition: all .5s ease;
}
.news ul li:hover .time-box{
	background: #0152e6;
	transition: all .5s ease;
}
.news ul li .time-box .day{
	font-size: 48px;
	line-height: 50px;
}
.news ul li .time-box .year{
	font-size: 15px;
	line-height: 25px;
}
.news ul li .content{
	width: 92.875%;
	float: right;
	overflow: hidden;  
}
.news ul li .content hr{
	float: left;
	width: 1px;
	height: 90px;
	background: #e5e6e6;
	padding: 0;
	margin: 0;
}
.news ul li .content .Info{
	width: 65%;
	float: left;
	margin-left: 20px;
}
.news ul li .content .Info .tit{
	font-size: 22px;
	font-weight: bold;
	line-height: 25px;
	color: #333333;
	min-height: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all .5s ease;
}
.news ul li:hover .content .Info .tit{
	color: #0152e6;
	transition: all .5s ease;
}
.news ul li .content .Info .key{
	font-size: 14px;
	color: #888888;
	line-height:20px;
	margin:10px 0;
}
.news ul li .content .Info .sub{
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	min-height:28px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news ul li .content .Pic{
	width: 17.1%;
	float: right;
	overflow: hidden; 
}
.news ul li .content .Pic img{
	display: block;
	width: 100%;
	transform: scale(1);
	transition: all .5s ease;
}
.news ul li:hover .content .Pic img{
	transform: scale(1.12);
	transition: all .5s ease;
}
.newsDe{
	padding:50px 0 50px;
}
.newsDe .titBox{
	border-bottom: 1px solid #e9e8e8;
	padding-bottom:15px;
	text-align: center;
}
.newsDe .titBox .title{
	font-weight: bold;
	font-size: 32px;
	color: #333333;
	line-height: 40px;
}
.newsDe .titBox .keywords{
	font-size: 14px;
	color: #999999;
	line-height: 25px;
	margin-top:15px;
}
.newsDe .content{
	margin-top:15px;
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	border-bottom: 1px solid #e9e8e8;
	padding-bottom:30px;
}
.newsDe .content h3,.newsDe .content h2,.newsDe .content h1{ font-size:16px;font-weight:bold;color:#000000;}
.dePage{ 
	margin-top:20px; 
	overflow: hidden;
}
.dePage .sxy{
	width: 70%;
	float: left;
}
.dePage .sxy a{
	display: block;
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dePage .sxy a:hover{
	color: #0152e6;
}
.dePage .return{
	display: block;
	width: 126px;
	height: 40px;
	border: 1px solid #0152e6;
	text-align: center;
	background: #0152e6;
	line-height: 38px;
	font-size: 15px;
	color: #fff;
	float: right;
	margin-top: 8px;
	border-radius: 5px;
}
.dePage .return:hover{
	background: #c22737;
	color: #fff;
	border: 1px solid #c22737;
}

/*title*/
.lx-tit{
	font-size: 42px;
	line-height: 46px;
	text-align: center;
	color: #222222;
}
.lx-sub{
	font-size: 16px;
	text-align: center;
	color: #666666;
	line-height: 25px;
	margin-top: 25px;
}
.lx-line{
	height: 3px;
	width: 100%;
	background: url(../images/prode-line.png) no-repeat center center;
	margin-top: 32px;
}

/*Nybanner*/
.Nybanner{
	width: 100%;
	overflow: hidden;
}
.Nybanner img{
	width: 100%;
}
.Nylocation{
	border-bottom: 1px solid #eeeeee;
	line-height: 57px;
}
.Nylocation .now-lm{
	float: left;
}
.Nylocation .now-lm a{
	display: block;
	float: left;
	position: relative;
	font-size: 18px;
	color: #333333;
	margin-right: 35px;
}
.Nylocation .now-lm a:hover,
.Nylocation .now-lm a.on{
	color: #0152e6; font-weight:700;
}
.Nylocation .now-lm a:last-child{
	margin-right: 0;
}
.Nylocation .now-lm a::after{
	content: "";
	position: absolute;
	width: 10%;
	opacity: 0;
	height: 3px;
	bottom: -1px;
	left: 0;
	background: #0152e6;
    transition: all .5s ease;
}
.Nylocation .now-lm a:hover::after,
.Nylocation .now-lm a.on::after{
	width: 100%;
	opacity: 1;
    transition: all .5s ease;
}
.Nylocation .now-wz{
	float: right;
	font-size: 16px;
	color: #666666;
	background: url(../images/home-ico.png) no-repeat left center;
	padding-left: 20px;
}
.Nylocation .now-wz.fl{
	float: left;
}
.Nylocation .now-wz a{
	color: #666;
}
.Nylocation .now-wz a:hover{
	color: #0152e6;
}

/*footer*/
footer{
	height: auto !important; 
	background: #333333;
} 
.foot-top{padding:40px 0 30px;}
.foot-lm{
	float: left;
	overflow: hidden;
}
.foot-lm .item:first-child{width:720px;}
.foot-lm .item{
	float: left;
	min-width: 140px;
	margin-right:60px;
}
.foot-lm .item:last-child{
	margin-right: 0;
	width: 240px;
}
.foot-lm .item h4{
	font-size: 20px;
	color: #fff;
	line-height: 25px;
	border-bottom: 1px solid #3d3d3d;
	padding-bottom: 18px;
	margin-bottom: 22px;
}
.foot-lm .item .link a{
	display: block;
	font-size: 15px;
	color: #999999;
	line-height: 30px;
}
.foot-lm .item:first-child .link a{
	display: block;
	width:240px;
	float:left;
	font-size: 15px;
	color: #999999;
	line-height: 30px;
}
.foot-lm .item .link a:hover{
	color: #fff;
}
.foot-lm .item .info{
	font-size: 15px;
	color: #999999;
	line-height: 30px;
}
.foot-lm .item .info a{
	color: #999;
}
.foot-lm .item .info a:hover{
	color: #fff;
}
.foot-ewm{
	float: right;
	text-align: center;
	width: 126px;
}
.foot-ewm p{
	font-size: 15px;
	line-height: 30px;
	color: #adacac;
	margin-top: 10px;
}
.foot-copy{
	border-top: 1px solid #3d3d3d;
	line-height: 60px;
	font-size: 15px;
	color: #999999;
}
.foot-copy a{
	color: #999;
}
.foot-copy a:hover{
	color: #fff;
}

/*MB - PC */
.isPc {
	display: block;
}

.isMobile{
	display: none !important;
}

/* 滚动  */
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

/*page*/
.Page{
	width: 100%;
	text-align: center;
	line-height: 40px;
	padding-top:10px;
}
.Page .disabled {
	border: 1px solid #d8d8d8;
	padding: 5px 5px;
	font-size: 10px;
	color: #d8d8d8; 
	display: none;
	visibility: hidden;
}

.Page a {
	border: 1px solid #f1f1f1;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 33px;
	background: #f1f1f1; 
	font-size: 16px;
	font-family: arial;
	text-align: center; 
	color: #333;
	position: relative;
	top: 2px;  
	border-radius: 100%;
}
.Page a:hover{
	border: 1px solid #0152e6;
}

.Page a.sy {
	color: #707072 !important;
}

.Page .current {
	background: #0152e6;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 33px;
	color: #fff;
	position: relative; 
	font-size: 16px;
	font-family: arial;
	border: 1px solid #0152e6; 
	position: relative;
	top: 1px;
	border-radius: 100%;
}
.Page .next,
.Page .prev{
	width: 65px;
}

.bsBox {
	width: auto !important;
	height: auto !important;
}

/*Webkit,Opera9.5+,Ie9+*/
::selection { 
	color: #e62028;
}

/*Mozilla Firefox*/
::-moz-selection { 
	color: #e62028;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 6px;
	height: 16px;
	background-color: #fff; 
} 
.solution ul li .infoDe .cont::-webkit-scrollbar{
	width: 4px;
	border-radius: 5px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	/*border-radius: 10px;*/
	background-color: #f2f2f2;
}
.solution ul li .infoDe .cont::-webkit-scrollbar-track{ 
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background: url(../images/line-xlt.jpg) repeat-y top center;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(51, 91, 202, 1);
	border-radius: 0; 
}
.solution ul li .infoDe .cont::-webkit-scrollbar-thumb{
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(51, 91, 202, 1);
}

::-webkit-scrollbar-thumb:active {
	background-color: rgba(51, 91, 202, 1);
}

/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/
.sroll_top {
	right: 0.8%;
	bottom: 6%;
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 1000;
}
.wzvideo{
	width: 720px !important;
	height: 410px !important;
	background: #000;
}

.wz-web-search{
	padding: 50px 0 100px;
}
.wz-web-search ul{
	overflow: hidden;
}
.wz-web-search li{
	border-bottom: 1px solid #ddd;
	padding: 30px 0; 
	width: 46%;
	float: left;
    transition: all .5s ease;
}
.wz-web-search li:nth-of-type(2n+2){
	float: right;
}
.wz-web-search li:hover{
	background: #0152e6;
	padding: 30px;
    transition: all .5s ease;
}
.wz-web-search li .tit .t1{
	font-size: 22px;
	color: #333;
    transition: all .5s ease;
}
.wz-web-search li:hover .tit .t1{
	color: #fff;
    transition: all .5s ease;
}
.wz-web-search li .url{
	font-size: 14px;
	margin-top: 10px;
	color: #0152e6;
    transition: all .5s ease;
}
.wz-web-search li:hover .url{
	color: #fff;
    transition: all .5s ease;
}

/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; margin-top: -177px; z-index:99;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #666;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt i{ display: inline-block; font-size:24px;font-weight: normal;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;font-weight: normal;}
.customer dl:hover dt{background-color: #0152e6;}
.customer dl.icon1 dd{width: 150px;background-color:#2386ce;padding: 10px 0;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease; }
.customer dl.icon1 dd a{display: block; color: #fff; width: 135px; margin: 10px auto; padding-left: 45px;border-radius: 17px;text-align: left; line-height: 34px; border: solid 1px #fff; background: url(../images/fdqq.gif) center left 15px no-repeat;}
.customer dl.icon1 dd a:hover{ background-color: #ff4229; border-color: #ff4229; color: #fff;}
.customer dl.icon2 dd{width: 150px; height: 150px;position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon2 dd img{ width: 100%; display: block;  border: solid 1px #eee;box-sizing: border-box;}
.customer dl.icon3 dd{width: 160px;height: 70px;padding: 10px 15px;box-sizing: border-box; color: #fff;font-size:18px; line-height:50px;background-color:#0152e6; position: absolute; top: 0;right: -230px; z-index: 1; transition: all 0.5s ease;}
.customer dl:hover dd{right: 70px;}

/*关于我们-后做*/
.about{padding:50px 0 40px;}
.about-l{
	width: 100%;
	float: left;
}
.about-l .title{
	font-size: 36px;
	line-height: 48px;
	color: #0152e6;
	background: url(../images/prode-line.png) no-repeat bottom left;
	padding-bottom: 32px;
}
.about-l .content{
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	margin-top: 40px; 
}
.about-m{
	text-align: center;
	width: 35.8%;
	float: left;
	margin-left: 90px;
	margin-top: 10px;
}
.about-r{
	width: 15.58%;
	float: right;
	margin-top: 42px;
}
.about-r .lb{
	border-bottom: 1px solid #ccd1d7;
	padding-bottom: 28px;
	margin-bottom: 28px;
}
.about-r .lb .num{
	font-size: 16px;
	color: #555555; 
}
.about-r .lb .num span{
	font-family: "sapie";
	font-size: 56px;
	line-height: 60px;
	color: #0152e6;
}
.about-r .lb .num sup{
	color: #0152e6;
	position: relative;
	top: -28px;
	font-size: 20px;
	font-family: "sapie";
}

/*culture*/
.Culture{
	padding:40px 0 50px;
	background: url(../images/honor-back.jpg) no-repeat top center;
	background-size: cover;
}
.Culture .container{
	position: relative; 
}
.Culture .round-title{
	width: 560px;
	height: 560px;
	background: url(../images/qywh-y.png) no-repeat top center;
	position: absolute;
	left: 50%;
	margin-left: -280px;
	text-align: center;
	top: 0;
}
.Culture .round-title img{
	display: block;
	margin: 162px auto 0;
}
.Culture .round-title .titcn{
	font-size: 42px;
	color: #333333;
	margin: 14px 0;
}
.Culture .round-title .titen{
	font-size: 16px;
	font-family: arial;
	color: #555555;
}
.Culture .container{
	max-width: 1380px;
}
.Culture .box{
	position: relative;
	top: 150px;
}
.Culture .list{
	overflow: hidden;
}
.Culture .list1,
.Culture .list2{
	width: 33%; 
}
.Culture .list1{
	float: left;
}
.Culture .list2{
	float: right;
}
.Culture .list .ico{
	width: 84px;
	height: 84px;
	text-align: center;
	line-height: 82px;
	border-radius: 100%;
	border: 1px dashed #6975af;
	background: #f8fafb; 
	margin-top: 9px;
	color: #5966a7;
    transition: all .5s ease;
}
.Culture .list:hover .ico{
	border: 1px dashed #6975af;
	background: #6975af; 
	color: #fff;
    transition: all .5s ease;
}
.Culture .list1 .ico{
	float: right;
}
.Culture .list2 .ico{
	float: left;
}
.Culture .list .ico i{
	font-size: 38px;
}
.Culture .list .info{
	width: 74%; 
}
.Culture .list1 .info{
	float: left;
	text-align: right;
	position: relative;
	top: 12px;
}
.Culture .list2 .info{
	float: right;
	position: relative;
	top: 12px;
}
.Culture .list .info .tit{
	font-weight: bold;
	font-size: 22px;
	color: #333333;
    transition: all .5s ease;
}
.Culture .list:hover .info .tit{
	color: #6975af;
    transition: all .5s ease;
}
.Culture .list .info .sub{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top: 18px;
}
.Culture .list3{
	margin-top: 425px;
}
.Culture .list3 .ico{
	margin: 0 auto;
}
.Culture .list3 .info{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

/*history*/
.history{
	padding: 50px 0 125px;
	background: url(../images/history-back.jpg) no-repeat top center;
	background-size: cover;
}
.history-show{
	margin-top: 40px;
}
.history-cont{
	width: 53%;
	min-width: 848px;
	margin: 0 auto;
}
.historySwiper2 {
	overflow: hidden;
	position: relative;
}
.historySwiper2 .pic{
	float: left;
	width: 242px;
	height: 242px;
	border: 1px solid #fff;
	border-radius: 100%; 
	padding: 16px; 
}
.historySwiper2 .pic img{
	border-radius: 100%;
}
.historySwiper2 .info{ 
	width: 48%;
	float: right;
	position: relative;  
	margin-top: 110px;
	text-align: left;
}
.historySwiper2 .info .year{
	font-size: 218px;
	color: #0152e6;
	opacity: 0.1;
	line-height: 220px;
	font-family: "sapie";
	position: absolute;
	left: -156px;
	top: -120px;
}
.historySwiper2 .info .tit{ 
	font-weight: bold;
	font-size: 32px;
	color: #000000;
	line-height: 38px;
}
.historySwiper2 .info .sub{
	font-size: 16px;
	line-height: 25px;
	color: #666666;
	margin-top: 25px;
}
.historySwiper-warp{
	height: 123px;
	margin-top: 65px;
	background: url(../images/history-line.png) no-repeat center center; 
}
.historySwiper-warp .container{
	position: relative;
	height: 100%;
}
.historySwiper{
	width: 80%;
	margin: 0 auto; 
	overflow: hidden;
	height: 180px;
}
.historySwiper .year{
	text-align: center;
	font-family: "sapie";
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	cursor: pointer;
	position: relative;
}
.historySwiper .year::after{
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 100%;
	z-index: 9;
	left: 50%;
	margin-left: -6px;
	top: -38px;
}
.historySwiper .year::before{
	position: absolute;
	content: "";
	z-index: 10;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 5px solid #0152e6;
	top: -40px;
	left: 50%;
	margin-left: -8px;
	opacity: 0;
    transition: all .5s ease;
}
.historySwiper .swiper-slide{
	position: relative;
}
.historySwiper .swiper-slide:nth-of-type(6n+1){
	top: 101px;
}
.historySwiper .swiper-slide:nth-of-type(6n+2){
	top: 47px;
}
.historySwiper .swiper-slide:nth-of-type(6n+3){
	top: 113px;
}
.historySwiper .swiper-slide:nth-of-type(6n+4){
	top: 136px;
}
.historySwiper .swiper-slide:nth-of-type(6n+5){
	top: 57px;
}
.historySwiper .swiper-slide:nth-of-type(6n+6){
	top: 102px;
}
.historySwiper .swiper-slide.swiper-slide-thumb-active .year::before{
	opacity: 1;
    transition: all .5s ease;
}
.history-next,
.history-prev{
	width: 45px !important;
	height: 45px !important; 
	border-radius: 100%;
	background: #fff !important;
	text-align: center;
	line-height: 45px;
	color: #555555;  
	margin-top: 0 !important;
    transition: all .5s ease;
}
.history-next:hover,
.history-prev:hover{
	color: #fff;
	background: #0152e6 !important;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
    transition: all .5s ease;
}
.history-next{
	top: 45px !important;
}
.history-prev{
	transform: rotate(180deg);
	top: 57px !important;
}
.history-next i,
.history-prev i{
	font-size: 28px;
}

/*honor*/
.honor{
	padding: 54px 0 65px;
	background: url(../images/honor-back.jpg) no-repeat top center;
	background-size: cover;
}
.honor .container{
	max-width: 1310px;
}
.honor .hd{
	margin-top: 50px;
}
.honor .hd ul{
	text-align: center;
}
.honor .hd ul li{
	display: inline-block;
	height: 40px;
	line-height: 38px;
	text-align: center;
	padding: 0 28px;
	border: 1px solid #dcdcdc;
	border-radius: 40px;
	cursor: pointer;
	font-size: 16px;
	color: #333333;
	margin: 0 8px;
    transition: all .5s ease;
}
.honor .hd ul li:hover,
.honor .hd ul li.on{
	background: #0152e6;
	border: 1px solid #0152e6;
	color: #fff;
    transition: all .5s ease;
}
.honor .bd{
	margin-top: 36px;
}
.honorSwiper{
	padding: 10px 10px 58px 10px;
	overflow: hidden;
	position: relative;
}
.honor-list{
	background: #fff;
	padding: 35px 25px 22px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
}
.honor-list .pic{
	width: 87.6%;
	margin: 0 auto;
	border: 10px solid #41272c;
	overflow: hidden;
}
.honor-list .pic img{
	display: block;
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.honor-list:hover .pic img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.honor-list .line{
	width: 100%;
	height: 1px;
	background: #d3d2d2;
	margin: 28px 0 20px;
}
.honor-list .tit{
	position: relative;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	color: #333333;
	padding: 0 35px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.honor-list .tit i{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 22px;
	color: #0152e6;
}

/*research*/
.research{
	padding: 50px 0 50px;
	background: url(../images/yfsl-back.jpg) no-repeat top center;
	background-size: cover;
}
.research .container{
	max-width: 1440px;
}
.yfsl-banner {
    position: relative; 
    padding: 60px 0;
    margin: 0 auto;
    text-align: center;
}
.dg-prev,.dg-next{
	position: absolute;
	z-index: 99;
	width: 58px;
	height: 58px;
	border: 1px solid #dcdcdc;
	border-radius: 100%;
	text-align: center;
	line-height: 56px;
	cursor: pointer;
	top: 50%;
	margin-top: -29px;
    transition: all .5s ease;
}
.dg-next:hover,
.dg-prev:hover{
	color: #fff;
	background: #0152e6 !important;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
    transition: all .5s ease;
}
.dg-prev{
	left: -55px;
	transform: rotate(180deg);
}
.dg-next{
	right: -55px;
}
.dg-container {
    position: relative;
    width: 100%; 
}
.dg-prev i,
.dg-next i{
	font-size: 28px;
}

.dg-wrapper {
    width: 583px;
    height: 319px;
    margin: 0 auto;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.dg-wrapper a {
    width: 100%; 
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.dg-wrapper a:first-child {
    z-index: 2;
}

.dg-wrapper a img {
    display: block;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    width: 100%;
    height: 319px;
    background: #fff;
	object-fit: cover;
}
.dg-wrapper a .tit{
	text-align: center;
	font-size: 22px;
	color: #222222;
	line-height: 28px;
	opacity: 0;
	margin-top: 22px;
    transition: all .5s ease;
}
.dg-center .tit{
	opacity: 1 !important;
    transition: all .5s ease;
}
.dg-center{
	z-index: 22 !important;
}

.dg-wrapper a.dg-transition {
    transition: all 0.5s ease-in-out;
}

.dg-wrapper a.dg-transition-fast {
    transition: all 0.2s ease-in-out;
}

.dg-container nav {
    
}

.dg-container nav span:hover {
    opacity: 1;
}

.dg-container nav span.dg-next {
    background-position: top right;
    margin-left: 10px;
}

.dg-container #lightButton2 {
    bottom: 20px;
}

.dg-container .button {
     position: relative;
     z-index: 5;
	display: none;
 }

.dg-container .button li {
    cursor: pointer;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px;
    background: rgba(255, 255, 255, 0.30);
    border: 1px solid rgba(0, 0, 0, 0.20);
}

.dg-container .button .light {
    background: #01BDFF;
}

/*abt-tit*/
.about-top-tit{
	text-align: center;
	font-size: 42px;
	color: #222222;
	line-height: 48px;
}
.about-top-line{
	width: 39px;
	height: 3px;
	background: url(../images/prode-line.png) no-repeat top center;
	margin: 28px auto 0;
}
.about-top-sub{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	text-align: center;
	padding: 0 10%;
	margin-top: 36px;
}

.fancybox{ margin-bottom:30px;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top; 
}
.fancybox-wrap{
	overflow: unset !important;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: visible !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite@2x.png);
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image: url(../images/fancybox_loading@2x.gif);
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* 缩略图样式 */
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}
#fancybox-thumbs.bottom {
	bottom: 2px;
}
#fancybox-thumbs.top {
	top: 2px;
}
#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}
#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
	opacity: 1;
}
#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}
#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}