@charset "utf-8";
/*公共样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#666;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
}
a:hover{
	text-decoration: none;
	color: #ac0001;
}

body{
	font-size:16px;
	font-family:"微软雅黑";
	color:#666;
	line-height:32px;
	overflow-x: hidden;
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
      -webkit-text-size-adjust:none;
}

.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 3%; background:url(../images/lefts.png) no-repeat center center;opacity: 0;}
.banner .slick-next {right: 3%;background:url(../images/rights.png) no-repeat center center;opacity: 0;}   
.banner:hover .slick-prev { left: 5%; opacity: 0.8; }
.banner:hover .slick-next { right: 5%; opacity: 0.8; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s;}
.slick-dots .slick-active button {background: #3871c1;width: 60px;}


.s_bg{ background:url(../images/s_line.gif) no-repeat center bottom;height: 64px;overflow: hidden;}
.search{ width:1200px; margin:0 auto;height: 64px;overflow: hidden;}
.search p{ float:left;font-size: 14px; color:#666; width:900px; height:64px; line-height:64px; overflow:hidden;}
.search p a{font-size: 14px; color:#666; padding:0 10px 0 0;}
.search p a:hover{color: #3871c1;}
.search .ser_inp{ background:none; width:270px; height:30px; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:30px; outline:none;margin-top: 16px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:30px; height:30px;margin-top: 16px;}
input::-webkit-input-placeholder {color: #666;}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{ width:1200px; margin:0 auto;}

/**/

/*产品中心*/
.chanp{background: #f6f6f6;padding: 5rem 0 6rem;}
.cp_tit{font-size: 40px;color: #333;text-align: center;height: 85px;line-height: 40px;overflow: hidden;background: url(../images/cp_tline.png) no-repeat center 60px;}
.cp_tit a{color: #333;}
.cp_tit a:hover,.cp01 h3 a:hover{color: #3871c1;}
.cp_tit span{color: #333;display: block;font-size: 20px;font-weight: normal;padding: 3px 0 0;}
.cp01{width: 19.5%;float: left;height: 24rem;position: relative;padding: 2.5rem 0 0;background: #fff;margin-top: 2.3rem;margin-right: 0.625%;-webkit-transition:transform .3s;transition:transform .3s;}
.cp01 h3{width: 80%;margin: 0 auto;height: 2rem;line-height: 2rem;overflow: hidden;}
.cp01 h3 a{font-size: 1rem;color: #000;}
.cp01 h3 em{width: 1.5rem;height: 1.5rem;display: block;float: right;line-height: 0;padding: 0.2rem 0 0;}
.cp01 h3 em img{width: 1.5rem;height: 1.5rem;}
.cp01 ul{width: 80%;display: inline-block;margin-left: 10%;padding: 0.5rem 0 0;border-bottom: #ddd 1px solid;}
.cp01 ul li{height: 2rem;line-height: 2rem;width: 33.33%;float: left;}
.cp01 li a{font-size: 0.8rem;color: #666;display:block; float:left;position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.cp01 li a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #3871c1;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.cp01 li a:hover:before {
  right: 0;
}
.cp01 ul li a:hover{font-weight: bold;color: #333;}
.cp01 p{width: 100%;line-height: 0;padding: 2rem 0 0;}
.cp01 p img{display: block;width: 100%;}
.cp01 b{background: url(../images/cp_k01.png) no-repeat;display: block;width: 43px;height: 60px;position: absolute;bottom: 0;right: 0;font-size: 26px;color: #fff;line-height: 66px;padding-left: 25px;overflow: hidden;}
.cp01:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.cp01:hover b{background: url(../images/cp_k02.png) no-repeat;}
.chanp .nobor{margin-right: 0;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

.home-tit{text-align: center; margin: 0;}
.home-tit .en{display: block;}
.home-tit .cn{color: #333; font-size: 42px; position: relative;z-index: 2; top: -15px; font-weight:bold}
.home-tit p{font-size: 16px; color: #666; margin: 0;font-weight: normal;}
/*产品中心*/
.homeproduct{overflow: hidden;}
.homeproduct .home-tit{padding: 3% 0 2%;}
.homeproduct .list{/* padding-top: 2%; */ position: relative;}
.homeproduct .list ul{position: relative;/*background: #126ab5;*/}
.homeproduct .list li{ float: left; width: 19.9%;   position: relative; z-index: 2; /* height: 100vh; */ overflow: hidden;}
.homeproduct .list li+li{border-left: 1px solid #ececec;}
.homeproduct .list li .outer{position: relative;z-index: 3;}
.homeproduct .list li .inner{position: relative; text-align: center; color: #000;padding: 5vh 5%;}
.homeproduct .list li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
.homeproduct .list li .icon{display: none;}
.homeproduct .list li h3{font-size: 24px;}
.homeproduct .list li h3 a{color: #126ab5;}
.homeproduct .list li:hover .inner,
.homeproduct .list li:hover h3 a{color: #fff;}
.homeproduct .list li p{margin: 0; font-size: 14px; line-height: 1.85;opacity: 0.8; padding: 0 5%; height: 80px;overflow: hidden;text-align: justify;}
.homeproduct .list li p.hover{ display: none;}
.homeproduct .list li .pic{padding: 5% 0 8% 0;}
.homeproduct .list li .pic .Ispic{ display: block;}
.homeproduct .list li:hover{ background: #126ab5;/*#00a0d9; *//*padding-bottom: 2%;*/}
.homeproduct .list li:hover .show{ display: none;}
.homeproduct .list li:hover .hover{ display: block; /*height: 75px;*/}
.homeproduct .list li.more{ display:none}


@media(max-width:1024px){
	.homeproduct .list li .icon{ width: 60%; margin: 0 auto;}
	.homeproduct .list li h3{ font-size: 20px;}
}
@media(max-width:767px){
	.homeproduct .list:before,
	.homeproduct .list:after{ content:''; height:100%; position:absolute; top:0; border-left: 1px solid #ececec; z-index:5}
	.homeproduct .list:before{ left:33.5%;}
	.homeproduct .list:after{ right:33.5%}
	.homeproduct .list ul{ text-align: center;}
	.homeproduct .list ul:before{ content:''; position:absolute; width:100%; top:49%;border-top: 1px solid #ececec; z-index:5}
	.homeproduct .list li{ width: 32%; float: none; display: inline-block;}
	.homeproduct .list li h3{ font-size: 16px;}
	.homeproduct .list li p{ display: none!important;}
	.homeproduct .list li .inner{ padding-top:4vh}
	.homeproduct .list li .icon{ width: 50%;}
	.homeproduct .list li+li{border:none}
	.homeproduct .list li.more{ display:inline-block; padding-bottom:30%;}
	.homeproduct .list li.more a{ background:url(../images/arow_r.png) no-repeat right center; display:inline-block; padding-right:40px;}
	.homeproduct .list li.more:hover{ background:none}
}

.wrap {
    max-width: 1400px;
    margin: 0 auto;
}
#m-about{position: relative; z-index: 2; background: #fff;margin-top: 50px;}
#m-about .wrap{background: url('../images/building.png') no-repeat right bottom; min-height: 600px;}
#m-about .box{padding-top: 50px; padding-bottom: 100px; max-width: 700px;}
#m-about .box .tit{color: #2b2b2b; font-size: 26px; font-weight: bold; position: relative;}
#m-about .box .con{color: #999; font-size: 16px; margin-top: 40px;}
#m-about .box .con p{line-height: 1.8; margin-bottom: 30px;}
#m-about .more{display: block; width: 150px; height: 50px; background: #1f53be; color: #fff; text-align: center; line-height: 50px; margin-top: 55px; font-size: 16px; font-weight: 300; border-radius: 30px; transition: background-color .35s;}
#m-about .more:hover{background: #5f8cec;}



#m3{padding: 60px 0; background: #222 url('../images/m3.jpg') no-repeat center/cover fixed; position: relative; z-index: 2;}
#m3 .wrap{display: flex;}
#m3 .wrap .item{width: 25%; text-align: center; box-sizing: border-box;}
#m3 .tit{color: #fff;}
#m3 .num{font-size: 60px; font-family: 'Montserrat'; font-weight: 700; vertical-align: middle;}
#m3 .plus{font-size: 48px; vertical-align: middle; font-weight: bold; position: relative; top: -4px;}
#m3 .desc{color: #fff; max-width: 250px; margin: 20px auto; line-height: 1.6; font-size: 16px; font-weight: 300;}

/*产品优势*/
.four{padding: 90px 0 80px;}
.four_l{width: 305px;}
.four dl{height: 260px;border-bottom: #eaeaea 2px solid;padding: 35px 0 0;}
.four dl dt{font-size: 26px;color: #333;font-weight: bold;height: 140px;background: url(../images/four_line01.png) no-repeat 0 bottom;}
.four dl dt em{width: 56px;height: 60px;display: block;line-height: 0;overflow: hidden;margin-bottom: 20px;}
.four dl dt em img{width: 56px;height: 60px;}
.four dl dd{font-size: 16px;color: #333;line-height: 30px;padding: 15px 0 0;}
.four dl:hover dt{background: url(../images/four_line02.png) no-repeat 0 bottom;}
.four dl:hover dt em,.yous dl dd h5:hover em,.liuc ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.four dl.nobor{border-bottom: none;padding-top: 70px;}
.four_r{width: 310px;text-align: right;}
.four .four_r dl dt{background: url(../images/four_line03.png) no-repeat right bottom;}
.four .four_r dl dt em{margin-left: 254px;}
.four .four_r dl:hover dt{background: url(../images/four_line04.png) no-repeat right bottom;}
.four_c{width: 645px;height: 600px;line-height: 0;position: absolute;top: 230px;left: 280px;}
.four_c img{width: 645px;height: 600px;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 0;height: 1020px;padding: 82px 0 0;overflow: hidden;}
.yous{height: 750px;}
.yous .cp_tit{color: #fff;background: url(../images/ys_tline.png) no-repeat center 60px;}
.yous .cp_tit span{color: #fff;}
.ys_t{height: 143px;width: 672px;background: #fff;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: absolute;top: 550px;left: 264px;z-index: 10;}
.ys_t ul li{font-size: 20px;color: #333;float: left;width: 168px;height: 123px;padding: 20px 0 0;position: relative;text-align: center;}
.ys_t ul li:before{content: "";width: 1px;height: 37px;background: #efefef;position: absolute;top: 50px;left: 0;z-index: -1;}
.ys_t ul li p{width:46px; height:46px; position:relative;margin: 0 auto;}
.ys_t ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.ys_t ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.ys_t ul li b img,.ys_t ul li em img{ display: block;width: 46px;height: 46px;}
.ys_t ul li span{display: block;padding: 10px 0 0;line-height: 22px;}
.ys_t ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.4);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}
.ys_t ul li.on{background: #3871c1;color: #fff;font-weight: bold;z-index: 5;}
.ys_t ul li.on i{color: rgba(255,255,255,0.4);font-weight: normal;}
.ys_t ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ys_t ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ys_t ul li:first-child:before{background: none;}
.yous dl{position: relative;height: 617px;background: #fff;margin-top: 48px;}
.yous dl dt{width: 960px;height: 617px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.yous dl dt img{width: 960px;height: 617px;}
.yous dl dd{width: 500px;float: left;padding: 135px 0 0 55px;}
.yous dl dd h5{height: 90px;border-bottom: #d6d6d6 2px solid;width: 500px;display: inline-block;font-size: 30px;color: #333;}
.yous dl dd em{width: 46px;height: 46px;display: block;float: left;line-height: 0;margin: 6px 15px 0 0;}
.yous dl dd em img{width: 46px;height: 46px;}
.yous dl dd span{display: block;float: left;line-height: 32px;}
.yous dl dd i{display: block;font-size: 16px;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.yous dl dd b{width: 60px;height: 50px;display: block;float: right;line-height: 0;}
.yous dl dd b img{width: 60px;height: 50px;}
.yous dl dd p{font-size: 16px;color: #333;padding: 20px 0 0;line-height: 30px;}

/*广告条*/
.ban01{padding: 88px 0 0;}
.ban01_l{width: 900px;}
.ban01_l b{background: url(../images/ban_k.png) no-repeat;display: block;width: 196px;height: 57px;line-height: 56px;overflow: hidden;font-size: 20px;color: #3871c1;text-align: center;float: left;margin-top: 25px;}
.ban01_lm{padding: 0 0 0 40px;width: 660px;float: left;}
.ban01_lm p{font-size: 32px;color: #fff;font-weight: bold;height: 56px;line-height: 56px;}
.ban01_lm ul li{font-size: 18px;color: #fff;float: left;line-height: 36px;background: url(../images/ban_ico.png) no-repeat 0 13px;padding: 0 40px 0 20px;}
.ban01_tel{width: 220px;}
.ban01_tel span{display: block;text-align: center;height: 75px;}
.ban01_tel b{display: block;font-size: 26px;color: #fff;height: 40px;line-height: 40px;}
.ban01_tel em{width: 22px;height: 22px;display: block;line-height: 0;margin: 0 auto;}
.ban01_tel em img{width: 22px;height: 22px;}
.ban01_tel a{font-size: 14px;color: #333;display: block;width: 110px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;background: #fff;border-radius: 30px;margin: 0 auto;}
.ban01_tel a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.ban01_tel a:hover {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*案例*/
.case_bg{background: #f6f6f6;overflow: hidden;padding: 85px 0 60px;}
.case .cp_tit{background: url(../images/case_tline.png) no-repeat center 60px;}
.case_nav{padding: 40px 0 0;height: 70px;border-bottom: #eaeaea 2px solid;}
.case_nav ul li{float: left;height: 70px;padding: 0 41px;line-height: 70px;position: relative;}
.case_nav ul li:before{content: "";width: 7px;height: 1px;background: #bebebe;position: absolute;top: 35px;left: 0;}
.case_nav li a{ font-size:20px; color:#333;display:block; float:left;position: relative;vertical-align: middle;text-align: center;height: 70px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.case_nav li a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #3871c1;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.case_nav li a:hover:before,.case_nav li.cur a:before {
  right: 0;
}
.case_nav li.cur a,.case_nav li a:hover{font-weight: bold;}
.case_nav ul li:first-child:before{background: none;}
.case_m{width: 1200px;overflow: hidden;padding: 40px 0 0;}
.case_m dl{width: 390px;float: left;padding:0 5px;}
.case_m dl dt{width: 390px;height: 292px;line-height: 0;overflow: hidden;}
.case_m dl dt img{width: 390px;height: 292px;}
.case_m dl dd{width: 330px;height: 110px;background: #fff;padding: 10px 30px 0;position: relative;}
.case_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 16px;color: #000;display: block;width:290px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dd h5 a:hover{color: #3871c1;}
.case_desc{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;width: 275px;padding: 5px 0 0;}
.case_m dl dd span{width: 30px;height: 30px;display: block;line-height: 0;position: absolute;top: 40px;right: 30px;}
.case_m dl dd span img{width: 30px;height: 30px;}
.case_m dl dd span a{-webkit-transition:transform .3s;transition:transform .3s; display:block;width: 30px;height: 30px;line-height: 0;border-radius: 50%;}
.case_m dl dd span a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}
.case_bot{padding: 40px 0 0; display: flex; justify-content: center; align-content: flex-end;}
.case_bot ul li{background:#f6f6f6;width: 7px;height: 7px;float: left;margin: 0 10px; cursor: pointer;text-indent:-99999px;border-radius: 50%;border: #cbcbcb 2px solid;}
.case_bot ul li.on{border: #3871c1 2px solid;}

/*定制流程*/
.liuc{background: url(../images/liuc_bg.jpg) no-repeat center 0;height: 455px;overflow: hidden;}
.liuc h4{font-size: 30px;color: #1a1a1a;height: 90px;line-height: 28px;position: relative;padding: 0 0 0 20px;}
.liuc h4 i{display: block;font-size: 12px;text-transform: uppercase;font-weight: normal;color: rgba(51,51,51,0.3); font-family:Arial, Helvetica, sans-serif;}
.liuc h4:before{content: "";width: 6px;height: 38px;background: #0445a7;position: absolute;top: 5px;left: 0;}
.liuc ul li{font-size: 16px;color: #333;float: left;position: relative;height: 130px;padding: 10px 0 0 30px;width: 117px;line-height: 26px;}
.liuc ul li:before{content: "";width: 1px;height: 100%;background: #dfdfdf;position: absolute;top: 0;left: 0;}
.liuc ul li:after{content: "";width: 0;height: 0;position: absolute;top: 50%;left: 0;margin-top: -8px;
border-left:8px solid #dfdfdf; 
border-top:8px solid transparent;
border-bottom:8px solid transparent;
}
.liuc ul li em{width: 38px;height: 36px;display: block;line-height: 0;overflow: hidden;margin-bottom: 10px;}
.liuc ul li em img{width: 38px;height: 36px;}
.liuc ul li i{display: block;font-size: 12px;text-transform: uppercase;font-weight: normal;color: rgba(51,51,51,0.5); font-family:Arial, Helvetica, sans-serif;}
.liuc ul li:hover{font-weight: bold;}
.liuc ul li.liuc_li02{width: 140px;}

/*新闻资讯*/
.news{padding: 60px 0 80px;margin-top: -140px;}
.news .cp_tit{background: url(../images/news_tline.png) no-repeat center 27px;height: 60px;line-height: 60px;}
.news_t{height: 64px;line-height: 64px;overflow: hidden;padding: 30px 0 0;position: relative;}
.news_t:before{content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;bottom: 0;left: 0;}
.news_t ul li{float: left;width: 180px;height: 64px;}
.news_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 180px;height: 64px;text-align: center;line-height: 64px;overflow: hidden;}
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;}
.news_t span{float: right;}
.news_t span a{font-size: 18px;color: #333;}
.news_t ul li a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.news_t ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3871c1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news_t ul li a:hover:before,.news_t ul li.on a:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.news_m{padding: 25px 0 0;}
.news_l{ width:850px;}
.news_l dl{background: #f2f2f2;height: 232px;overflow: hidden;margin-bottom: 10px;}
.news_l dl dt{width: 413px;height: 232px;line-height: 0;overflow: hidden;float: left;}
.news_l dl dt img{width: 413px;height: 232px;}
.news_l dl dd{width: 300px;float: left;padding: 35px 0 0 60px;}
.news_l dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_l dl dd h5 a{font-size: 20px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_l dl dd h5 a:hover,.news_l ul li a:hover{color: #3871c1;}
.news_desc{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;padding: 10px 0 0;}
.news_time{font-size: 14px;color: #333;font-weight: bold;line-height: 24px;padding: 20px 0 0;}
.news_time b{display: block;font-size: 26px;}
.news_l ul li{ height:60px; line-height:60px; overflow:hidden;border-top: #dadada 1px solid;}
.news_l ul li a{ font-size:14px; color:#666;font-weight: bold;display: block;float: left;width: 670px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_l ul li span{display: block;float: right;font-size: 14px;color: #666;width: 100px; text-align:right;font-weight: bold;}
.news_r{width: 270px;margin-top: -25px;height: 424px;overflow: hidden;}
.news_r dl{height: 125px;padding: 30px 0 0;width: 270px;border-top: #e6e6e6 1px solid;}
.news_r dl dt a{display: block;font-size: 14px;color: #333;font-weight: bold;height: 25px;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news_r dl dt a:hover{color: #3871c1;}
.news_r dl dd{font-size: 14px;color: #666;height: 50px;line-height: 25px;overflow: hidden;padding: 5px 0 0;}
.news_r dl dd a{display: block;color: #666;}
.news_l ul li:first-child,.news_r dl:first-child{border-top: none;}

/*关于我们*/
.ab_bg{background:#f6f6f6;height: 580px;overflow: hidden;}
.about dl{position: relative;height: 580px;}
.about dl dt{width: 960px;height: 580px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.about dl dt img{width: 960px;height: 580px;}
.about dl dd{width: 520px;float: left;padding: 80px 0 0;}
.about dl dd h2{font-size: 40px;color: #333;line-height: 44px;height: 110px;overflow: hidden;background: url(../images/ab_line02.gif) no-repeat 0 bottom;}
.about dl dd h2 i{display: block;font-size: 20px;font-weight: normal;background: url(../images/ab_tline.png) no-repeat 135px 20px;color: #333;}
.about dl dd h2 a{color: #333;}
.about dl dd h2 a:hover{color: #3871c1;}
.ab_desc{font-size: 14px;color: #333;line-height: 30px;height: 180px;overflow: hidden;padding: 20px 0 0;}
.about dl dd span{display: block;padding: 25px 0 0;}
.about dl dd span a{display: block;font-size: 14px;color: #fff;width: 110px;height: 45px;line-height: 45px;background: #3871c1 url(../images/ab_ico.png) no-repeat 90px 15px;overflow: hidden;padding: 0 0 0 20px;}
.about dl dd span a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.about dl dd span a:hover {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/*公司相册*/
.photo{padding: 0 0 60px;margin-top: -100px;}
.photo_l{height: 100px;width: 400px;margin: 0 auto;background: #fff;position: relative;z-index: 10;padding: 0 18px;}
.photo_l ul li{width: 200px;height: 50px;line-height: 22px;float: left;padding: 30px 0 0;}
.photo_l li a{ font-size:20px; color:#333;display:block; float:left;position: relative;vertical-align: middle;height: 66px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.photo_l li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 84px;
  right: 100%;
  top: 22px;
  background: #3871c1;
  height: 5px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.photo_l li a:hover:before,.photo_l li.on a:before {
  right: 14%;
}
.photo_l ul li em{display: block;float: left;width: 44px;height: 42px;line-height: 0;overflow: hidden;margin: 4px 10px 0 30px;}
.photo_l ul li em img{width: 44px;height: 42px;}
.photo_l ul li span{display: block;float: left;padding: 5px 0 0;}
.photo_l ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.5);font-weight: normal;}
.photo_l ul li.on a{font-weight: bold;}
.photo_r{padding: 40px 0 0;width: 1200px;overflow: hidden;}
.photo_r ul li{width: 145px;float: left;margin-right: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;padding-top: 10px;}
.photo_r ul li em{width: 145px;height: 195px;display: block;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 145px;height: 195px;}
.photo_r ul li span{display: block;width: 145px;text-align: center;font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding-top: 5px;}
.photo_r ul li:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}

/*友情链接*/
.f_link{background: url(../images/link_bg.jpg) no-repeat center 0;overflow: hidden;height: 68px;line-height: 68px;border-top: rgba(51,51,51,0.8) 1px solid;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 110px;}
.f_link p{font-size: 14px;color: rgba(255,255,255,0.5);float: left;width: 1090px;}
.f_link p a{font-size: 14px;color: rgba(255,255,255,0.5); padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}

/**/

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


#m5{background: #19439a url('../images/m5.jpg') no-repeat center/cover fixed; position: relative; z-index: 2;}
#m5 .wrap{min-height: 300px; display: flex; justify-content: space-between; align-items: stretch; padding: 80px 0;}
#m5 .l{width: 60%;}
#m5 .word{color: #fff; font-size: 16px; margin-top: 16px; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#m5 .tit{color: #fff; font-size: 28px; font-weight: bold; margin-top: 38px; line-height: 1.3;}
#m5 .tit-en{color: rgba(255,255,255, .5); font-size: 15px; margin-top: 38px; line-height: 1.6; font-weight: 300;}

#m5 .r{width: 40%; position: relative;}
#m5 .r .more{display: block; width: 42px; height: 42px; border: 1px solid #fff; text-align: center; line-height: 42px; color: #fff; position: absolute; right: 0; top: 50%; border-radius: 3px; overflow: hidden; transition: all .3s;}
#m5 .r .more:hover{width: 130px;}
#m5 .r .more i{font-size: 2rem; position: absolute; top: 0; right: 0; display: block; width: 42px; height: 42px; line-height: 42px; transition: all .3s;}
#m5 .r .more div{height: 42px; line-height: 40px; width: 60px; position: absolute; left: -60px; font-size: 1.5rem; top: 0px; transition: all .3s;}
#m5 .r .more:hover div{left: 18px;}