@charset "utf-8";
*{margin:0; padding:0;}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none;border-style:none; vertical-align:middle; max-width:100%;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
body {color: #333;font: 14px/1.8 "Helvetica Neue", "微软雅黑", Helvetica, Arial, sans-serif;width: 100%;height: 100%;padding: 0;margin: 0;background-color: #fff;min-width: 1200px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#0079b7; text-decoration:none; transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;}

/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix { *zoom:1; }
.clear{ clear:both}
.center{ text-align: center;}
.wrap{ width:1200px; margin:0 auto; clear:both;}
@media screen and (max-width:768px){
	html, body {min-width: auto;}
	.wrap{ width:100%;}
	}


/*header*/
.header{ position: fixed;top: 0;width:100%;height:80px; background-color:#fff;  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); z-index: 90;}
.head{width:100%; position:relative; }
/*head-logo*/
.header .logo{ max-width:240px; height:80px; float:left; margin-left:20px; position:relative;}
.header .logo a{ display:block; height:100%; width:100%; padding:12px 0;}
.header .logo a:after{ content:""; height:100%;vertical-align: middle; display:inline-block;}
.header .logo img{ max-width:100%; max-height:100%;display: inline-block; vertical-align: middle;}
/*head-top*/
.head-top{float: right; margin-right:80px; height: 80px;line-height: 20px; padding: 20px; background:#f0eeee;}
.top-language{ float:left; height:30px; margin-top:5px;}
.top-language a{display: inline-block; font-size: 14px; width:32px;text-align:center;border:1px solid #db0e19; color:#db0e19; line-height:24px; margin:0 3px;}
.top-language a:hover{background:#0079b7; border-color:#0079b7; color:#fff;}
@media screen and (max-width:768px){
	.header { height:60px; padding: 0;}
	.head{width:100%; height:60px; background:none; min-width:auto;}
	.header .logo {height: 60px; padding:0 10px; margin-left:0;}
	.head-top{ display:none;}
}


/*PC-导航栏*/
.pcnav{ float:right; margin-right: 10px;}
.pcnav li {float: left;position: relative;}
.pcnav li a {display:block;font-size: 16px;width:100%;line-height:80px;padding:0 25px; text-align:center;transition:all .5s;}
.pcnav li a b{display:block; font-weight:normal;}
.pcnav li a span{ display:block; color:#999; font-size:15px;}
.pcnav li:hover a, .pcnav li.active a { color:#0079b7;}
.pcnav li .nav-second{ position:absolute; top:80px; left:50%; min-width:150px; transform:translateX(-50%);}
.pcnav li .nav-second li{float:none; margin-right:0; text-align:center;height:0; overflow:hidden;transition:all .5s;}
.pcnav li:hover .nav-second li{ height:44px;}
.pcnav li .nav-second li a{line-height:44px;padding:0 10px; color:#eee; font-size:14px; background:#0079b7; white-space:nowrap;}
.pcnav li .nav-second li a:hover{ background:#242629;}

.nav {position: fixed; right:0;z-index:80;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.nav-active .nav {opacity:1;background-color:#0079b7;}
.nav_trigger {display:block;position: fixed;right:0;top:0;width:80px;height:80px; padding:25px; background-color:#0079b7;z-index:200;}
.nav-active .nav_trigger {opacity:.9;}
.nav_icon {display:inline-block;position:relative;width:30px;height:4px; border-radius:2px;background-color:#fff;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav_icon:before,.nav_icon:after {content:'';display:block;width:30px;height:4px; border-radius:2px;position:absolute;background:#fff;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav_icon:before {margin-top:-10px;}
.nav_icon:after {margin-top:10px;}
.nav-lan{ padding:100px 30px 20px; border-bottom: 1px solid #0687c9; color:#fff;}
.nav-lan a{ display:inline-block; width:120px; text-align:center; margin:0 20px; line-height:40px; border:2px solid #9cd0ea; color:#9cd0ea; font-size:16px;}
.nav-lan a:hover{border:2px solid #242629; color:#242629;}
.nav_list {margin:0;padding:20px 50px;}
.nav_item {margin-bottom:30px;}
.nav_item a{ color:#fff; font-size:18px;}
.nav_item a:hover{ color:#242629;}
.nav_item .sun li{ display:inline-block;}
.nav_item .sun li a{font-size:16px; color:#a7d3e9;margin-right: 20px;}
.nav_item .sun li a:hover{ color:#242629;}
.nav { width: 40%; height: 100%; -webkit-transform: translateX(100%);transform: translateX(100%);}
.nav-active .nav {-webkit-transform: translateX(0);transform: translateX(0);}
.nav-active .nav_icon {background:rgba(0,0,0,0);}
.nav-active .nav_icon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-active .nav_icon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
@media screen and (min-width: 768px) and (max-width:1400px){
	.pcnav li a {font-size: 15px;padding:0 15px;}
	}
@media screen and (max-width:1200px){
	.pcnav{ display:none;}
	}
@media screen and (max-width:768px){
	.nav {width:100%;}
	.nav_trigger {width:60px;height:60px; padding:16px 18px;}
	.nav-active .nav_trigger {opacity:.9;}
	.nav_icon {width:24px;height:3px;}
	.nav_icon:before,.nav_icon:after {width:24px;height:3px;}
	.nav_icon:before {margin-top:-8px;}
	.nav_icon:after {margin-top:8px;}
	.nav-lan{ padding:80px 20px 20px;}
	.nav-lan a{width:120px;margin:0 10px;}
	.nav_list {margin:0;padding:20px 30px 0;}	
}

/*banner*/
.banner{width:100%;}
.s-banner{ display:none;}
@media screen and (max-width: 768px){
	.banner{ display:none;}
	.s-banner{ display: block; padding-top:60px;}	
	}

/*首页标题*/
.common{ padding-top:80px;padding-bottom:80px; }
.in-title {width:100%;  position:relative; margin-bottom:50px;line-height:1.4;}
.in-title .tc-ebg {display:block;font-size:60px;color:#0079b7; text-transform: uppercase; font-weight:700;font-family: 'Times New Roman','宋体',SimSun,'新宋体',NSimSun,'华文细黑',STSong,STSongti-SC,serif; white-space:nowrap; overflow:hidden;}
.in-title .tc{ font-size:36px; font-weight:700;}
.imore{ position:absolute; right:0; top:41px;}
.imore a{ display:inline-block; width: 200px; height: 52px; line-height: 52px;text-align: center; font-weight:700; text-transform: uppercase;color: #999; border: 1px solid #999; background: transparent; transition:all .5s;}
.imore a:hover {  cursor: pointer; letter-spacing: 2px;}
@media screen and (max-width: 768px){
	.common{ padding-top:40px;padding-bottom:40px;}
	.in-title {margin-bottom:20px;}
	.in-title .tc-ebg {font-size:36px;}
	.in-title .tc{ font-size:24px; margin-bottom:5px;}
	.in-title .tc-c{ font-size:14px;padding:0;}
	.imore{ top:44px;}
	.imore a{width: 120px; height: 40px; line-height: 40px; font-size:12px;}
	}

/*首页about*/
.inabo-bg{position:relative;background:#f9f9f9 url(../images/inabt_bg.jpg) no-repeat bottom left;}
.inabo-bg:before{content:"";position: absolute;right:0;top:0; height:100%;width: 40%;background: url(../images/ina-img.jpg) no-repeat center center;  z-index:1;}
.inabo{width:1200px; margin:0 auto; }
.inabo .con{width:50%; padding-bottom:100px;padding-top:100px;}
.inabo .text{ font-size:16px; line-height:36px; color:#555;}
.inabo .imore{ margin-top:60px; position:relative; top:auto;}
.inabo .imore a{ background:#0079b7; color:#fff;}
@media screen and (max-width: 768px){
	.inabo-bg:before{ display:none;}
	.inabo{width:100%;}
	.inabo .con{width:100%; padding:40px 15px;}
	.inabo .imore { margin-top: 40px;}
	}

/*首页pro*/
.inpro-bg{ background:url(../images/inpro-bg.jpg) no-repeat center center;}
.inpro-bg .in-title .tc { color:#fff;}
.inpt{width:1200px; margin:0 auto;}
.inpro{position:relative;}
.inpro .swiper-slide { float:left;width:25%; position:relative; overflow:hidden;}
.inpro .swiper-slide a{ display:block;-webkit-transition: all .5s;transition: all .5s; padding:0 30px;}
.inpro .swiper-slide .img{ position:relative;  overflow:hidden;border-radius:10px;}
.inpro .swiper-slide .img img{width:100%; height:100%; transition: all .5s;}
.inpro .swiper-slide .t{ position:absolute; bottom:0; left:0;width:100%;line-height:30px; font-size:24px; text-align:center; padding:15px 30px; background: rgba(25,134,190,.8); color:#fff; box-sizing:border-box;-webkit-transition: all .5s;transition: all .5s; overflow:hidden;}
.inpro .swiper-slide .img:hover img{ transform:scale(1.05);}
@media screen and (min-width:768px)and (max-width:1600px){
	.inpro .swiper-slide a{ padding:0 20px;}
	.inpro .swiper-slide .t{ line-height:24px; font-size:20px;}
	}
@media screen and (max-width:768px){
	.inpt{width:100%; padding:0 15px;}
	.inpro .swiper-slide { width:100%;}
	.inpro .swiper-slide .t{ line-height:24px; font-size:20px;}
}


/*首页news*/
.innews-bg{ background-color:#f1f1f1;}
.innews{width:1200px; margin:0 auto;}
.innews li{ float:left;width:32%; margin-right:2%;}
.innews li:last-child{ margin-right:0;}
.innews li a{ display:block;}
.innews li .tit{ padding:20px 30px; background-color:#fff; transition:all .5s;}
.innews li .tit h3{margin-bottom: 20px; padding-top: 20px; font-size:18px; height: 68px; line-height:24px; font-weight: 500; letter-spacing: 1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; position:relative;}
.innews li .tit h3:after{content: " "; position: absolute; top:0; left: 0; width: 40px; height: 3px; background: #333; }
.innews li .tit p{font-weight:700;}
.innews li .img{width:100%; height:256px; overflow:hidden;}
.innews li .img img{width:100%; height:100%; transition:all .5s;}
.innews li a:hover .tit{ background-color:#1986be; color:#fff;}
.innews li a:hover .img img{ transform:scale(1.05);}
@media screen and (max-width: 768px){
	.innews{width:100%; padding:0 15px;}
	.innews li{ float:none;width:100%; margin-right:0; margin-bottom:20px;}
	.innews li .tit h3{height:auto;}
	.innews li .img{height:auto;}
}


/*footer*/
.footer{width:100%;background:#242629;color:#cccfd5; padding:50px 12px 0;}
.footer a{ color:#cccfd5;}
.footer a:hover{ color:#fff;}
.flogo{ float:left;width:30%; margin-right:5%; padding-bottom:50px; padding-top:20px; }
.flogo span{ display:block; font-size:24px; background:url(../images/tel.png) no-repeat left center; background-size:24px 24px; padding-left:30px;color:#77787c;}
.flogo strong{ display:block; font-size:40px;line-height: 1.2;}
.fewm{ float:left;width:30%; text-align:center; padding-bottom:50px;}
.fewm .fewn-item{ display:inline-block; margin:0 15px;}
.fewm .fewn-item img{width:125px; height:125px; border-radius:5px;}
.fewm .fewn-item span{ display:block; font-size:14px;}
.fcom{ float:right;width:30%; margin-left:5%;padding-bottom:50px;}
.fcom h1{ font-size:24px;}
.fcom-down{width:100%; border-top:1px solid #373a3d; clear:both; padding:25px 0;}
.fcom-down .link{ float:right;}
@media screen and (max-width: 768px){
	.footer{ padding:20px 12px 0;}
	.flogo{width:100%;margin-right:0; padding-bottom:20px; padding-top:0;}
	.flogo strong{  font-size:30px;}
	.fewm{ display: none;}
	.fcom{width:100%; margin-left:0; padding-bottom:20px;}
	.fcom-down{ padding:15px 0;}
	.fcom-down .link{ float:none;}
	}

/*内页banner*/
.lbanner{width:100%; padding-top:80px; position:relative;}
.lbanner .lb-tit{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.lbanner .lb-tit h1{ font-size:60px;text-transform: uppercase;font-weight: 700;font-family: 'Times New Roman','宋体',SimSun,'新宋体',NSimSun,'华文细黑',STSong,STSongti-SC,serif; line-height:90px; color:rgba(25,134,190,.8);white-space:nowrap;}
.lbanner .lb-tit h2{ font-size:36px; line-height:60px; color:#fff;}
.lbanner .lb-tit h2 span{ display:inline-block; position:relative;}
.lbanner .lb-tit h2 span:before{ content:""; position:absolute; left:-90px; top:32px;width:60px; height:4px; border-radius:2px; background-color:#fff;}
.lbanner .lb-tit h2 span:after{ content:""; position:absolute; right:-90px; top:32px;width:60px; height:4px; border-radius:2px; background-color:#fff;}
@media screen and (max-width:768px){
	.lbanner{ padding-top:60px; overflow:hidden;}
	.lbanner img{ min-height:200px;}
	.lbanner .lb-tit{transform:translate(-50%,0); margin-top:-20px;}
	.lbanner .lb-tit h1{ font-size:40px;line-height:40px;}
	.lbanner .lb-tit h2{ font-size:24px;}
	.lbanner .lb-tit h2 span:before{left:-60px; width:40px;height:2px; height:2px;}
	.lbanner .lb-tit h2 span:after{ right:-60px;width:40px;height:2px; height:2px;}
	}

/*内页内容区*/
.content{ width:1200px; margin:0 auto; padding-bottom: 50px; padding-top:50px;}
.con{ color:#555; min-height:400px;}
.conshow{ font-size:16px;line-height: 30px;}
.conshow p{ padding-bottom:20px;}
@media screen and (max-width:768px){
	.content{ width:auto; padding:30px 15px 30px;}
	.conshow{ font-size:16px;}
}



/*内页二级导航*/
.lh-other-nav{width:100%; position:relative;background-color:rgba(25,134,190,.9);}
.lh-other-l{width:100%; font-size:0; white-space:nowrap; overflow-x:auto;}
.lh-other-l li{ display:inline-block;max-width:20%;}
.lh-other-l li a{display: block; line-height:24px; font-size:16px; color: #eee; padding:25px 30px;position:relative; white-space:normal; text-align:center;}
.lh-other-l li a:after{ content:""; position:absolute; left:50%; top:0;width:0; height:100%;background-color: rgba(36, 38, 41, .9);  z-index:-1; -webkit-transition:all .5s;transition:all .5s;}
.lh-other-l li.active a:after,.lh-other-l li:hover a:after{left:0;width:100%; }
.dl-column{ display:none;}
@media screen and (max-width:768px){
	.lh-other-nav{ display:none;}
	.dl-column{ display: block; padding:10px 12px 0;}
}

/*分页*/
.pages{ text-align:center; overflow:hidden; margin:30px 0;}
.pages a{width:40px; height: 40px; line-height:40px; margin:0 5px; font-size:16px; display:inline-block;text-align: center; background-color: #ddd; color: #666; position: relative;}
.pages .current,.pages a:hover{ color:#fff; background-color:#1986be;}
.pages .prev{ position: relative; top:10px; left:3px; display:inline-block;width:10px; height: 10px;; border: solid #666; border-width:0 0 2px 2px;transform: rotate(45deg); font-size: 0;}
.pages .next{ position: relative; top:10px; right:3px; display:inline-block;width:10px; height: 10px;; border: solid #666; border-width:2px 2px 0 0;transform: rotate(45deg); font-size: 0;}
.pages a:hover .prev,.pages a:hover .next{ border-color: #fff;}


/*新闻列表*/
.news li{ float:left;width:32%; margin-right:2%; margin-bottom:30px;}
.news li:nth-child(3n){ margin-right:0;}
.news li a{ display:block;}
.news li .tit{ padding:20px 30px; background-color:#f5f5f5; transition:all .5s;}
.news li .tit h3{margin-bottom: 20px; padding-top: 20px; font-size:18px; height: 68px; line-height:24px; font-weight: 500; letter-spacing: 1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; position:relative;}
.news li .tit h3:after{content: " "; position: absolute; top:0; left: 0; width: 40px; height: 3px; background: #333; }
.news li .tit p{font-weight:700;}
.news li .img{width:100%; height:256px; overflow:hidden;}
.news li .img img{width:100%; height:100%; transition:all .5s;}
.news li a:hover .tit{ background-color:#1986be; color:#fff;}
.news li a:hover .img img{ transform:scale(1.05);}
@media screen and (max-width: 768px){
	.news{width:100%;}
	.news li{ float:none;width:100%; margin-right:0; margin-bottom:20px;}
	.news li .tit h3{ height: auto;}
	.news li .img{ height:auto;}
}
	
/*新闻详情*/
.contit{ text-align:center; padding-bottom:20px;margin-bottom:30px;border-bottom: 1px solid #ddd;}
.contit h1{ color:#333; font-size:30px; font-weight:bold; padding:0 40px;}
.contit h2{margin-top: 20px;}
.contit h2 span{ color:#787878; margin:0 20px;}
.video-c {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-c iframe,.video-c object,.video-c embed,.video-c video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px){
	.contit h1{ font-size:18px; padding:0;}
	}


/*产品列表*/
.product{ font-size:0;}
.product li{ display:inline-block; width:29%; margin:0 2% 30px;}
.product li a{ display:block; background-color: #1986be;}
.product li .img{width:100%; height:100%; text-align:center;overflow:hidden; position:relative;}
.product li .img img{width:100%; height:100%; -webkit-transition:all .5s;transition:all .5s;}
.product li .img h3{width: 100px; height: 33px; line-height: 33px; text-align: center; background-color: rgba(114,22,131,.9); color: #fff; font-size: 14px; position: absolute;left: -8px; bottom: 0;}
.product li .img h3:after{ content: ""; position: absolute ;top:0;left:0;border: 6px solid transparent; border-top: 6px solid #50085d; transform: rotate(-45deg);transform-origin: left top;}
.product li .img:after{content:""; position:absolute;top:0;left:0;width:100%; height:100%; background-color:rgba(0,0,0,.3); opacity:0;-webkit-transition:all .5s;transition:all .5s;}
.product li .text{padding: 15px; text-align:center;line-height:30px;}
.product li .text h1{ font-size:18px; color:#fff; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.product li .text h2{ font-size:18px; color:#bbd9e9; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.product li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.product li a:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.product li a:hover .img:after{ opacity:1;}
@media screen and (max-width: 768px){
	.product li{width:48%; margin:0 2% 20px 0;}
	.product li:nth-child(2n){ margin:0 0 20px 2%;}
	.product li .text{padding:10px; line-height:24px;}
	.product li .text h1{ font-size:16px;}
	.product li .text h2{ font-size:14px;}
	}

/*产品详情简介*/
.pro-detail-top{ text-align:center; padding-bottom:20px;}
.pro-detail-top h1{ font-size:30px; color:#333;}
.pro-detail-top h2{font-size:30px; color:#0079b7;}
.tab1{width:100%;margin-top:20px;}
.menu{width:100%; clear:both;background:#ddd;}
.menu li{ display:inline-block;text-align:center; padding:15px 30px; font-size:16px;cursor:pointer;}
.menu li.off{background:#0079b7;color:#fff;}
.menudiv{width:100%;padding:30px 0;overflow: hidden;position: relative; min-height:400px; font-size:16px;}
.menudiv p{ margin-bottom:15px;}
@media screen and (max-width: 768px){
	.pro-detail-top h1{ font-size:20px;}
	.pro-detail-top h2{ font-size:20px;}
	.pro-detail-top img{ max-width:96%; max-height:96%;}	
	.menu{ font-size:0; white-space:nowrap; overflow-x:auto;}
	.menu li{ padding:0 12px; font-size:14px; line-height:45px;}
	.menudiv{padding:20px 0;}
}

/*人才招聘*/
.join-tit{ line-height:60px; margin-bottom:20px; background-color:#ccc; padding-left:30px;}
.join-tit div{ float:left; font-size:16px; text-align:center; font-weight:700;}
.join-tit .j1{width:50%; text-align:left;}
.join-tit .j2{width:10%;}
.join-tit .j3{width:20%;}
.join-tit .j4{width:20%;}
.join-list .hide { display: none;}
.join-list dt { font-size: 16px; cursor: pointer; margin-bottom:20px; background-color:#e8e8e8;padding-left:30px; position:relative;}
.join-list dt span{ display:inline-block; text-align:center; line-height:24px; padding:15px 0;}
.join-list dt .j1{width:50%; text-align:left;}
.join-list dt .j2{width:10%;}
.join-list dt .j3{width:20%;}
.join-list dt .j4{width:20%;}
.join-list dt:before { content: ""; border-color: transparent #999; border-style: solid; border-width: 5px 0 5px 8px; display: block; height: 0; width: 0; position: absolute;left:10px; top: 50%; margin-top:-5px;}
.join-list dt:hover{ background-color:#ddd;}
.join-list dd { padding: 20px; background: #FDFCFA; border-radius: 5px; border: 1px solid #F2EEE6; margin: 20px 0 30px; position: relative;}
.join-list dd:before , .join-list dd:after{content: ""; position: absolute; bottom: 100%; left: 5%; border: solid transparent; height: 0; width: 0; pointer-events: none;}
.join-list dd:before { border-color: rgba(194, 225, 245, 0); border-color: transparent; border-bottom-color: #F2EEE6; border-width: 17px; margin-left: -17px;}
.join-list dd:after { border-bottom-color: #FDFCFA; border-width: 15px; margin-left: -15px;}
@media screen and (max-width: 768px){
	.join-tit{ line-height:50px;padding-left:20px;}
	.join-tit div{ font-size:14px; text-align:center; font-weight: normal;}
	.join-tit .j1{width:35%; text-align:left;}
	.join-tit .j2{width:20%;}
	.join-tit .j3{width:20%;}
	.join-tit .j4{width:25%;}
	.join-list dt { font-size: 14px; padding-left:20px; margin-bottom:15px;}
	.join-list dt span{  line-height:20px;}
	.join-list dt .j1{width:40%;}
	.join-list dt .j2{width:12%;}
	.join-list dt .j3{width:20%;}
	.join-list dt .j4{width:28%;}
	.join-list dd:before , .join-list dd:after{left: 10%;}
	}

/*视频*/
.video-list{width:100%; font-size:0;}
.video-list li{ display:inline-block; width:31%; margin:0 1% 10px;}
.video-list li a{ display:block;}
.video-list li .img{ position:relative; overflow:hidden; border-radius:5px;}
.video-list li .img:after{ content:""; position:absolute; left:50%; top:50%;width:48px; height:48px; margin-top:-24px; margin-left:-24px; background:url(../images/video-icon.png) no-repeat; opacity:.5;transition:all .5s;}
.video-list li .img img{ transition:all .5s;}
.video-list li .tit{ display:block; width:100%; line-height:24px; padding-top:10px; height:58px; font-size:16px; overflow:hidden; text-align:center;}
.video-list li a:hover .img img{ transform:scale(1.05);}
.video-list li a:hover .img:after{ opacity:1;transform:scale(1.1);}
@media screen and (max-width: 768px){
	.video-list li{ width:100%; margin:0 0 10px;}
}