@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('font/HELVETICANEUELTPRO-THEX.otf'); font-weight: normal; font-style: normal; }
body, ul, li, dl, ol, dt, dd, table, td, th, form, input, h1, h2, h3, h4, h5, h6, p, img, pre, textarea{ margin: 0; padding: 0; list-style: none; }
body { font: 12px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53, sans-serif; position: relative; overflow-x:hidden; color:#333; overflow:auto; min-width: 1200px; }
img { border: none; }

/*Clear*/
.clear { clear: both; font-size: 1px; width: 1px; display: block; height: 1px; line-height: 1px; visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }

/*链接样式*/
a, input, textarea{ color: #333; text-decoration: none; outline: none; }
a:hover { color: #1a87ee !important; text-decoration: underline; }

/*公用样式*/
.blue{color: #1a87ee;}
.row{padding:50px 0;position: relative;}
.row .hd{ width: 1200px;margin:0 auto;text-align:center;}
.row .hd .title{height:60px;line-height:60px; font-size:46px;font-weight:normal;}
.row .hd p{font-size:18px;color:#797979;}
.row .bd{ width: 1200px;margin:0 auto;padding-top:50px;}
.subhd{width:1200px; margin: 0 auto;padding-top: 34px; text-align:center; position: relative;}
.subhd span{display:inline-block;}
.subhd span a{ width:186px; height: 50px;font-size:24px; line-height: 50px; display:inline-block;border-right: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.subhd span:nth-last-child(2) a{border-right:0;}
.subhd span:nth-child(1) a{border: 1px solid #e8e8e8;border-radius:50px 0 0 50px;}
.subhd span:nth-last-child(1) a{border: 1px solid #e8e8e8;border-radius:0 50px 50px 0;}
.subhd .current a, .subhd .current:nth-child(1) a, .subhd .current:nth-last-child(1) a{border-color: #1a87ee;  background-color: #1a87ee;}
.subhd .current a, .subhd .current a:hover{ color:#fff !important;}
.subhd a:hover{ text-decoration: none;}
.content .content_cnt hr, .line{display: block;overflow: hidden;border-top:1px dotted rgb(211, 211, 211);border-width: 1px 0 0 0; height: 1px;margin: 30px 0;}
.row .font28 .title{font-size: 28px;}
.row .font28 p{font-size: 14px;}

.gundong .gundong_t{animation:tmove 0.8s ease forwards;-moz-animation:tmove 0.8s ease forwards; -webkit-animation:tmove 0.8s ease forwards; -o-animation:tmove 0.8s ease forwards;animation-play-state:paused;opacity:0;}
.gundong .move:nth-child(2){animation-delay:0.1s;}
.gundong .move:nth-child(3){animation-delay:0.2s;}
.gundong .move:nth-child(4){animation-delay:0.3s;}
.gundong .move:nth-child(5){animation-delay:0.4s;}
.gundong .move:nth-child(6){animation-delay:0.5s;}
.gundong .move:nth-child(7){animation-delay:0.6s;}
.gundong .move:nth-child(8){animation-delay:0.7s;}
.gundong .move:nth-child(9){animation-delay:0.8s;}
.gundong .move:nth-child(10){animation-delay:0.9s;}
.gundong .move:nth-child(11){animation-delay:0.10s;}
.gundong .move:nth-child(12){animation-delay:0.11s;}
.gundong .move{animation-play-state:running;}
@keyframes tmove{
0%   {margin-top:70px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-moz-keyframes tmove{
0%   {margin-top:70px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-webkit-keyframes tmove{
0%   {margin-top:70px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-o-keyframes tmove{
0%   {margin-top:70px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

.header{ width: 1300px; height: 120px;margin:0 auto;background-color: #FFFFFF;position: relative; z-index:10;}
.header .logo{float: left; width:184px; height:76px; padding-top: 20px;}
.menu{float: right; padding:36px 0 0 50px;}
.menu > li{float: left; height:70px;margin-left:16px;line-height:50px;font-size:22px;overflow: hidden;position: relative;}
.menu > li:hover{overflow:visible;}
.menu .navdown:before{content: "\e612";font-size:18px;margin-left:-10px;color: #000;}
.menu > li > a, .menu > li > span{ float:left; height:50px; padding:0 15px 17px 15px;}
.menu > li > a:hover, .menu > li > span:hover{border-bottom:3px solid #1a87ee;text-decoration:none;}
.menu > .now > a, .menu > .now > a:hover, .menu > .now > span{border-bottom:3px solid #1a87ee;}
.menu > li > span{cursor:default;}
.menu li .nav_bd{ width: auto;border-top: solid 3px #1a87ee;border-bottom: solid 3px #687074;white-space: nowrap;position:absolute;left: 0;top: 86px;z-index: -100; background-color: #FFFFFF; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;opacity: 0;}
.nav_bd li{display: block;}
.nav_bd a{ height:42px; padding:0 20px;border-bottom: dashed 1px #eee; font-size:18px; line-height: 42px; display: block;}
.nav_bd a:hover{text-decoration: none;}
.menu .current .nav_bd{opacity: 1;top: 67px;}

.banner {position: relative;width: 100%;overflow:hidden;font-size: 18px;line-height: 24px;text-align: center;background: #ebf0f4;}

.banner{height:365px;overflow:hidden;position:relative;}
.banner_image{height:465px;overflow:hidden;position:relative;}
.banner_image ul{width:9999px;height:465px;overflow:hidden;position:absolute;top:0;left:0}
.banner_image li{float:left;width:100%;height:465px;}
.banner_image li span{display:block;width:100%;height:465px}
.banner_image li a{display:block;width:100%;height:465px}

.banner_con{position:absolute;top:320px;left:50%;z-index:10;width:300px;height:21px;margin:0 0 0 -50px;text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);}
.banner_con a{float:left;width:21px;height:21px;font-size:14px; margin:0;padding:0;display:block;}
.banner_con a:before{content:"\e609";}
.banner_con .on:before{content:"\e615";color:#1a87ee;}
.banner_con a:hover{ text-decoration:none;}
#btn_prev,#btn_next{padding-left: 10px;cursor: pointer;width: 30px !important; height: 110px !important;position: absolute;top: 50%;margin-top:-95px; z-index: 28;line-height: 110px;color: #fff; font-size: 20px;background: rgba(0,0,0,0.25);text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);}
#btn_prev{left:0;}
#btn_next{right:0;}
#btn_prev:hover, #btn_next:hover{text-decoration:none;}
#btn_prev:before{content: '<';display: block;padding-right:12px;-ms-transform:scale(1,2);-webkit-transform:scale(1,2);-moz-transform:scale(1,2);-o-transform:scale(1,2);}
#btn_next:before{content: '>';display: block;padding-right:12px;-ms-transform:scale(1,2);-webkit-transform:scale(1,2);-moz-transform:scale(1,2);-o-transform:scale(1,2);}

.field:before{content: "";width: 100%; height: 1px;border-top: 1px solid #e9e9e9; position: absolute;top: 600px;z-index: -1;}
.field li{float:left;width:298px;height:200px; margin: 65px 0; text-align: center;border-right: 1px solid #e9e9e9;animation:ftmove 0.8s ease forwards;-moz-animation:ftmove 0.8s ease forwards; -webkit-animation:ftmove 0.8s ease forwards; -o-animation:ftmove 0.8s ease forwards;}
.field li:nth-last-child(1), .field li:nth-last-child(5){border-width: 0;}
.field li span{height:40px;line-height: 40px;font-size:18px;display: block;}
.field li p{height:40px;line-height: 40px;font-size:12px;color:#9e9e9e;}
.field font{width: 120px;height:120px;margin:0 auto 10px auto;border-radius:70px;border:2px solid #1a87ee; line-height: 120px; font-size:64px;display: block;color: #1a87ee;}
@keyframes ftmove{
0%   {margin-top:125px;opacity:0;}
100% {margin-top:65px;opacity:1;}
}

@-moz-keyframes ftmove{
0%   {margin-top:125px;opacity:0;}
100% {margin-top:65px;opacity:1;}
}

@-webkit-keyframes ftmove{
0%   {margin-top:125px;opacity:0;}
100% {margin-top:65px;opacity:1;}
}

@-o-keyframes ftmove{
0%   {margin-top:125px;opacity:0;}
100% {margin-top:65px;opacity:1;}
}

.pre, .next{width:48px;height:48px;line-height: 48px;border-radius:48px;border:2px solid #adadad;text-align: center;display: block;position:absolute;top:374px; overflow: hidden;background-color:#fff; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.pre{left:0;margin-left:0;}
.next{right:0;margin-right:0;}
.pre:hover, .next:hover{border-color: #1a87ee; text-decoration:none;color:#1a87ee !important; }
.pre:before, .next:before, .pre:after, .next:after{width: 48px; height:48px;color:#adadad;font-weight: bold;display:block;}
.pre:before{content:"\e656";font-size: 28px;}
.next:before{content:"\e619";font-size: 28px;}
.pre:hover:before{margin:0 0 0 -48px;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.next:hover:before{margin:0 0 0 48px;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.pre:after{content:"\e657"; margin:-48px 0 0 48px;font-size: 22px;color: #1a87ee;}
.next:after{content:"\e643";margin:-48px 0 0 -48px;font-size: 22px;color: #1a87ee;}
.pre:hover:after, .next:hover:after{margin:-48px 0 0 0;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.outline{padding:20px 0;}
.outline_cnt{ float:left; width: 520px;padding:20px 30px 0 0;overflow: hidden;}
.outline_cnt .outline_txt{position: relative;}
.outline_cnt .outline_tit{font-size: 28px;font-weight:normal;color:#000;}
.outline_cnt .subtitle, .outline_cnt .subtitle a{font-size: 14px;color:#797979;}
.outline_cnt p{padding-top: 40px; font-size: 16px;line-height:30px;color:#4a4a4a;}
.outline_cnt .more{width:48px;height:48px;line-height: 48px;border-radius:48px;border:2px solid #1a87ee;text-align: center;display: block;position:absolute;top:10px;right:-90px;color:#adadad;transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease;background-color: #1a87ee;opacity:0;}
.outline_cnt .more:after{content:"";width:1px;height:20px;margin:-10px 0 0 0;display: block;overflow: hidden;position:absolute;top:-30px;left:50%;background-color: #fff; transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;}
.outline_cnt .more:before{content:"";width:20px;height:1px;margin:0 0 0 -10px;display: block;overflow: hidden;position:absolute;top:50%;left:80px;background-color: #fff;transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;}
.outline_cnt .more:hover{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.outline_cnt:hover .more{right:10px;opacity:1;}
.outline_cnt:hover .more:after{top:50%;}
.outline_cnt:hover .more:before{left:50%;}

.idxnews{float:right;padding-top: 20px; width: 580px;height: 100%; position: relative;}
.idxnews:before{content: ''; width: 1px;height: 100%;position: absolute; left:6px;top: 20px;background-color: #eee;}
.idxnews .idxnewshd{padding-left: 50px;}
.row .idxnewshd .title{ font-size:28px;font-weight:normal;}
.row .idxnewshd p, .row .idxnewshd p a{font-size: 14px;color:#797979;}
.idxnews .more{width:32px;height:32px;line-height: 32px;border-radius:48px;border:2px solid #e7e7e7;font-weight: bold;text-align: center;display: block;position:absolute;top:20px;left:-12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;color: #666666; background-color: #fff;}
.idxnews .more:after{content:"";width:1px;height:16px;margin:-8px 0 0 0;display: block;overflow: hidden;position:absolute;top:50%;left:50%;background-color: #999999; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.idxnews .more:before{content:"";width:16px;height:1px;margin:0 0 0 -8px;display: block;overflow: hidden;position:absolute;top:50%;left:50%;background-color: #999999;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.idxnews .idxnewshd:hover .more{border-color: #1a87ee; background-color: #1a87ee;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.idxnews .idxnewshd:hover .more:after, .idxnews .idxnewshd:hover .more:before{background-color: #fff;}

.idxnews ul{padding-top: 10px;}
.idxnews li{height: 46px; position: relative;}
.idxnews li a{height: 46px;display: block;}
.idxnews li font{height:46px;line-height:46px;font-size: 14px;display:block;position: absolute; left:0;top: 0;color: #999;}
.idxnews li .data{height:46px;line-height:46px;font-family:'HELVETICANEUELTPRO-THEX';font-size: 24px;font-weight: 100; display:block;position: absolute; right:0;top: 0;color: #999;}
.idxnews li h3{height:46px;padding: 0 110px 0 26px;font-size: 16px; font-weight: normal;line-height:46px;overflow: hidden;}
.idxnews li a:hover font{color: #1a87ee;}

.idxtesting{padding:50px 0 40px 0;}
.idxtesting li{float:left;width:25%;height: 300px; padding-right: 10px;border-left:1px solid rgba(156, 156, 156, 0.16); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
.idxtesting li:nth-last-child(1){padding-right:0px;}
.idxtesting .pic img{display: block;width: 100%;}
.idxtesting .pic{height:120px;overflow: hidden;}
.idxtesting .text{padding: 24px 5px 0 15px; font-size: 14px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.idxtesting .text .texttitle{font-size: 18px;font-weight: bold;}
.idxtesting .text .sublink{padding-top: 12px;line-height:26px;}
.idxtesting li:hover .text{padding-top:14px;}
.idxtesting li:hover{ box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3);}


.testing{padding:50px 0 0 0;}
.testing li{ width:1180px;height:200px; border-bottom:1px solid #eaeaea;margin: 0 auto 40px auto;}
.testing li .testingcnt{height: 200px; display: block;overflow: hidden;position:relative;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.testing li .testingcnt:hover{box-shadow: 0 16px 70px rgba(149, 149, 149, 0.3);}
.testing li .pic{float:left; width:320px;height:200px;overflow: hidden;background:url(images/logob.jpg) no-repeat 0 0;}
.testing li .pic img{ width:320px;height:200px;display: block;}
.testing li .text{float:left;width:580px;height:80px;margin-top: 50px; padding:0 40px 0 48px;position:relative;}
.testing li .texttitle{height:30px;display: block;line-height: 30px;font-size: 16px;font-weight: bold;overflow: hidden;}
.testing li p{ height: 40px;line-height: 20px;padding-top: 10px;font-size: 13px; overflow: hidden;color: #a2a2a2;}
.testing li p a{ display: inline-block; margin: 0 7px;}
.testing li .testingcnt i{width:32px;height:32px;line-height: 32px;border-radius:48px;border:2px solid #e7e7e7;font-weight: bold;text-align: center;display: block;position:absolute;top:70px;right: 30px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;color: #666666;}
.testing li .testingcnt i:after{content:"";width:1px;height:16px;margin:-8px 0 0 0;display: block;overflow: hidden;position:absolute;top:50%;left:50%;background-color: #999999; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.testing li .testingcnt i:before{content:"";width:16px;height:1px;margin:0 0 0 -8px;display: block;overflow: hidden;position:absolute;top:50%;left:50%;background-color: #999999;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.testing li .testingcnt:hover i{border-color: #1a87ee; background-color: #1a87ee;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.testing li .testingcnt:hover i:after, .testing li .testingcnt:hover i:before{background-color: #fff;}

.test li{height: 100px;margin: 0 auto 20px auto;}
.test li .testingcnt{height: 100px;}
.test li .testingcnt:hover{box-shadow: 0 10px 60px rgba(149, 149, 149, 0.5);}
.test li .pic{width:160px;height:100px;position: relative;}
.test li .pic img{width: 220px;height:100px;margin-left: -110px; position: absolute;top: 0; left: 50%;}
.test li .text{margin-top: 8px;}
.test li .testingcnt i{top: 32px;}

.news{padding:20px 0;}
.news:before{content:"";width:100%; height:1px;border-top: 1px solid #e9e9e9; position: absolute;top:210px;z-index: -1;}
.news .bd{width:1200px;position: relative;}
.news .newsbd{width: 1059px;height:320px; margin: 0 auto;overflow: hidden;position: relative;}
.newslist{width:99999px;height:320px; position:absolute;top:0;left:0;transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.newslist li{float: left;width: 333px;height: 320px;margin: 0; padding:0 10px; position: relative;overflow: hidden;}
.newslist li a{ display: block;}
.newslist li a:hover{text-decoration:none;}
.newslist li .data{height:30px;line-height:30px;font-family:'HELVETICANEUELTPRO-THEX';font-size: 24px;font-weight: 100; display:block;color: #999;}
.newslist li font{height:30px;line-height:30px;padding:15px 0 0 2px;font-size: 14px;display:block;color: #999;}
.newslist li h3{height:40px;margin-top:20px; line-height:40px;overflow: hidden;font-size: 16px;font-weight: normal;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.newslist li p{height:52px;margin-top:20px; line-height:26px;overflow: hidden; color: #999;}
.newslist li i{width:32px;height:32px;line-height: 32px;border-radius:48px;border:2px solid #1a87ee;text-align: center;display: block;position:absolute;bottom:0px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;opacity:0;color: #fff;background-color: #1a87ee;}
.newslist li i:after{content:"";width:1px;height:16px;margin:-8px 0 0 0;display: block;overflow: hidden;position:absolute;top:-30px;left:50%;background-color: #fff; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.newslist li i:before{content:"";width:16px;height:1px;margin:0 0 0 -8px;display: block;overflow: hidden;position:absolute;top:50%;left:60px;background-color: #fff;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.newslist li:hover font{color: #1a87ee;}
.newslist li:hover h3{margin-top:15px;color: #1a87ee;}
.newslist li:hover p{color: #666;}
.newslist li:hover i{bottom:40px;opacity:1;border-color: #1a87ee;color:#1a87ee;}
.newslist li:hover i:after{top:50%;}
.newslist li:hover i:before{left:50%;}
.news .pre, .news .next{top:84px;}

.contactus{background:url(images/contactus.jpg) no-repeat center 0;}
.contactus .bd{width: 1200px;height:300px;padding-top:80px;margin:0 auto;}
.contactus .hd{float:left;width:200px;height:100px;padding-top:50px; }
.contactus .hd .title{height:60px;line-height:60px; font-size:28px;font-weight:normal;}
.contactus .hd p{font-size:14px;color:#797979;}
.contactus dl{float:left;width:720px;padding-top:30px;color:#797979;}
.contactus dt{width:100%;padding-bottom:36px;font-size:16px;}
.contactus dd{float:left;width:375px;line-height:30px; padding-right:60px;}
.contactus dd:nth-last-child(1){width:200px;}
.weixin{float:right;width:280px;}
.weixin span, .weixin a{float:left;width:80px;height:80px;margin: 50px 20px 0 20px;text-align: center;line-height:80px; border: 2px solid #707070;;border-radius:60px;overflow: hidden;position: relative;color: #707070;cursor: pointer;}
.weixin .weixin1:after{content: "\e607";font-size:50px;}
.weixin .weixin2:after{content: "\e62d";font-size:44px;}
.weixin span:hover, .weixin a:hover{color:#5698f1 !important;border-color: #5698f1;overflow:visible;text-decoration: none;}
.weixin .weixin1 img{ opacity:0;box-shadow: 0 0 10px #2d2d2d; position: absolute; top:-212px; left: 0;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.weixin .current img{opacity:1;}

.footer{height:46px;background-color: #f0f0f0; color: #797979;}
.footer .bd{width: 1200px;margin:0 auto;height:46px;line-height:46px;}

/*.sidebar{width:180px;background: #fff;position:fixed;bottom:15%;right:10px;z-index:9999;-o-box-shadow: -3px 3px 9px rgba(4,0,0,.6);box-shadow: -3px 3px 9px rgba(4,0,0,.6);}
.sidebar dt{height:40px;padding-left:15px; font-size:18px;line-height:40px;color:#fff;}
.sidebar dd{line-height:28px; padding:8px 20px; font-size:16px; transition: all 0.3s; -o-transition: all 0.3s;color: #888;}
.sidebar dd:hover{background: #eee;color: #000;}
.tel dt{background: #ea493c;}
.qq dt{background: #24b5eb;}
.weix dt{background: #24b727;}
.tel dt:before{content: "\e608";font-size:22px;padding-right:8px;color:#fff;}
.qq dt:before{content: "\e62d";font-size:22px;padding-right:8px;color:#fff;}
.qq dd a{height:28px;line-height:28px;display: block;color:#888;}
.qq dd a:hover{text-decoration:none;color:#333 !important;}
.weix dt:before{content: "\e607";font-size:22px;padding-right:8px;color:#fff;}
.weix dd{text-align: center;}
.weix dd img{width:140px;}*/

.sidebar{position:fixed;top:50%;right:10px;z-index:9999;}
.sidebar .bd{height: 50px;display: block;position: relative;transition: all 0.3s; -o-transition: all 0.3s;}
.sidebar .sidebarhd{width: 50px;height: 50px;line-height:50px; display: block;color: #fff;text-align: center;background-color: #fff;transition: all 0.3s; -o-transition: all 0.3s;cursor: pointer;}
.sidebar .sidebarhd:hover{z-index:1;background-color:#000;}	
.tel .sidebarhd{background-color:#ea493c;}
.qq .sidebarhd{background-color:#24b5eb;}
.weix .sidebarhd{background-color:#24b727;}
.tel .sidebarhd:before{content:"\e608";font-size: 26px;}
.qq .sidebarhd:before{content:"\e62d";font-size: 26px;}
.weix .sidebarhd:before{content:"\e607";font-size: 28px;}
.sidebar .bd .sidebarcon{width:180px;position:absolute;top: 0; right:50px;background: #fff;-o-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17);}
.sidebarcon dt{height:50px;padding-left:15px; font-size:1.4rem;line-height:50px;color:#fff;}
.sidebarcon dd{transition: all 0.3s; -o-transition: all 0.3s;color: #888;}
.sidebarcon dd:hover{background: #eee;color: #000;}
.tel .sidebarcon dt{background: #ea493c;}
.qq .sidebarcon dt{background: #24b5eb;}
.weix .sidebarcon dt{background: #24b727;}
.tel dd{height:56px;line-height:56px; padding:0 15px;}
.tel dd:before{content: "\e608";font-size:20px;padding-right:8px;}
.qq dd a:before{content: "\e62d";font-size:20px;padding-right:8px;}
.qq dd a{height:56px;line-height:56px; padding:0 15px;display: block;color:#888;}
.qq dd a:hover{text-decoration:none;color:#333 !important;}
.weix dd{padding:10px 0;text-align: center;}
.weix dd img{width:160px;}
.topbtn{width: 50px;height:50px;line-height:50px;text-align: center;background: #000; z-index:9999;cursor:pointer;display: none;}
.topbtn:before{content:"\e784";font-size: 20px;color: #fff;}

.subbanner{width:100%;height: 380px; position:relative;background-color: #ebf0f4;}
.subbanner img{margin-left: -960px; display:block;position:absolute;top: 0; left:50%;}

.pager{padding:15px 10px;text-align:center;font-size:12px;font-family:Arial,\5b8b\4f53;}
.pager a, .pager span{display:inline-block;margin-right:5px;padding:9px 14px 7px;height:18px;line-height:16px;border:1px solid #dddddd;outline:none;color: #999999;}
.pager a:hover{color:#FFF !important;border-color:#1a87ee;background-color:#1a87ee;text-decoration:none}
.pager span{border-color:#1a87ee;background-color:#1a87ee;color:#FFF;}

.list{width:1180px;}
.listbd li{ width:1180px;height:200px; border-bottom:1px solid #eaeaea;margin: 0 auto 40px auto;}
.listbd li a{height: 200px;display: block; overflow: hidden;position:relative;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.listbd li a:hover{box-shadow: 0 16px 70px rgba(149, 149, 149, 0.3);}
.listbd li .pic{float:left; width:320px;height:200px;overflow: hidden;background:url(images/logob.jpg) no-repeat 0 0;}
.listbd li .pic img{ width:320px;display: block;}
.listbd li .date{float:left;height:150px;padding:50px 40px 0 48px;font-family:'HELVETICANEUELTPRO-THEX';}
.listbd li .date .md{display: block;font-size: 28px;color: #515151;}
.listbd li .date .year{display: block;font-size: 13px;color: #515151;}
.listbd li .text{float:left;width: 540px;height:80px;  border-left:1px solid #e7e7e7;margin-top: 50px; padding:0 40px 0 48px;position:relative;}
.listbd li .title{height:30px;display: block;line-height: 30px;font-size: 16px;overflow: hidden;}
.listbd li p{ height: 40px;line-height: 20px;padding-top: 10px;font-size: 13px; overflow: hidden;color: #a2a2a2;}
.listbd li a i{width:32px;height:32px;line-height: 32px;border-radius:48px;border:2px solid #e7e7e7;font-weight: bold;text-align: center;display: block;position:absolute;top:70px;right: 30px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;color: #666666;}
.listbd li a i:after{content:"";width:1px;height:16px;margin:-8px 0 0 0;display: block;overflow: hidden;position:absolute;top:50%;left:50%;background-color: #999999; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.listbd li a i:before{content:"";width:16px;height:1px;margin:0 0 0 -8px;display: block;overflow: hidden;position:absolute;top:50%;left:50%;background-color: #999999;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.listbd li a:hover i{border-color: #1a87ee; background-color: #1a87ee;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.listbd li a:hover i:after, .listbd li a:hover i:before{background-color: #fff;}


.content .content_cnt{line-height: 24px;font-size: 14px;}
.content .content_cnt img{max-width:1200px;}
.tool{width:100%;height:50px;padding:10px 0 40px;font-size:16px;line-height:50px;}
.tool .tool_l{float:left;}
.tool .tool_r{float:right;text-align: right;}

.certificate .bd{width:1340px;margin: 0 auto;}
.certificate .pre, .certificate .next{top: 135px;}
.certificatehd{height: 60px; line-height: 60px;font-size: 20px;padding-left: 70px;font-weight: normal;color:#1a87ee; }
.certificatebd{width:100%;position: relative;}
.certificatecnt{width:1200px;height:396px;margin: 0 auto;position: relative;overflow: hidden;}
.certificatelist{width:99999px; position:absolute;top:0;left:0;transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.certificatelist li{float: left;width: 250px;height: 396px;margin: 0;margin:0 25px; position: relative;overflow: hidden;transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.certificatelist li img{width: 250px;height: 336px; display: block;transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.certificatelist li .text{width: 100%;height:60px;line-height: 60px; text-align: center;display: block;background-color: #fff; position:absolute;bottom:0;left:0;transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.certificatelist li i{width:270px;height: 416px;border: 1px solid rgba(20, 20, 20, 0.3); display: block;position: absolute;top:-10px;left:-10px;transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.certificatelist li:hover .text{line-height: 40px;}
.certificatelist li:hover i{width:228px;height:374px; top:10px;left:10px;}
.certificatelist li:hover img{width: 270px;height: 356px;margin: -10px 0 0 -10px;}

.piclist a{float: left;width: 225px;height: 168px;border: 1px solid #efefef;border-width:1px 1px 0 1px;margin-left: -1px;overflow: hidden;transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.piclist a:nth-child(1), .piclist a:nth-child(2), .piclist a:nth-child(3), .piclist a:nth-child(4), .piclist a:nth-child(5){border-width:0 1px 0 1px;}
.piclist a img{display: block;width: 100%;height: 100%;}
.piclist li{}
.piclist a:hover{box-shadow: 0px 14px 40px rgb(214, 224, 255); border-color: #fff;position: relative; z-index:1;}