/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
html, body{ height:100%;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body { font-family:"Microsoft YaHei";}
.clearfix:after { content:"."; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none;}
.box{ width:1200px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
a{-webkit-transition:all 0.2s linear;-mos-transition:all 0.2s linear;-mz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
a:hover{-webkit-transition:all 0.2s linear;-mos-transition:all 0.2s linear;-mz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}

.top{ min-width:1200px; margin:0 auto; height:45px; line-height:45px; border-bottom:1px solid #f5f5f5; font-size:14px; color:#666666;}
.top ul{ border-right:1px solid #f5f5f5}
.top ul li{ display:block; padding-right:20px;height:45px;float:left; padding-left:55px; border-left:1px solid #f5f5f5}
.top ul li.top-ico1{ background:url(../images/top-ico1.png) no-repeat 20px center;}
.top ul li.top-ico2{ background:url(../images/top-ico2.png) no-repeat 20px center;}
.header{ padding-top:30px; padding-bottom:34px;}
.header h1{ display:block; width:160px; height:60px;}
.header .nav{ display:block; float:left; margin-left:114px; width:925px;}
.header .nav ul li{ display:block; float:left; width:100px; text-align:center; height:60px; line-height:60px; font-size:16px; color:#666666;}
.header .nav ul{ display:block; float:left;}
.header .nav ul li a{ color:#666;}
.header .nav ul li:hover a,.header .nav ul li.on a{ color:#2e6fd0}
.header .nav a.zx{ display:block; float:right; width:177px; height:41px; line-height:41px; text-align:center; border:2px solid #ffc323; border-radius:25px; color:#ffc323; font-size:16px; margin-top:4px;}
.header .nav a.zx:hover{ background:#ffc323; color:#fff;}



.fullSlide{ min-width:1200px;  position:relative;height:615px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:615px;  }
.fullSlide .bd ul{ width:100%  !important; height:615px; }
.fullSlide .bd li{ width:100% !important; height:615px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block;  height:615px; }
.fullSlide .hd{width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{display:block;width:16%;margin:0 auto; text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; background:#fff; overflow:hidden; border-radius:50%;line-height:9999px;}
.fullSlide .hd ul .on{ background:#347deb }

.group{ min-width:1200px; height:106px; border-bottom:1px solid #f4f4f4;}
.group ul li{ display:block; float:left;margin: 10px 10px;}
.group ul li.np{ margin-right:0px;}
.group ul li img{width:220px; }


.about{ margin-top:35px; min-width:1200px; height:760px; background:url(../images/ab_bg.jpg) no-repeat center bottom;}
.about .left{ width:548px; margin-right:40px;}
.about .right{ width:610px;}
.about .right .tit{ width:307px; height:32px; background:url(../images/about-tit.png) no-repeat center; margin-top:20px;}
.about .right ul{ display:block; width:470px; margin-top:30px; }
.about .right ul li{ display:block; float:left; width:131px; height:37px; line-height:37px; border:2px solid #eaeaea; text-align:center; font-size:16px; color:#666; border-radius:25px; margin-right:13px; margin-bottom:15px;}
.about .right ul li a{ color:#666; display:block;}
.about .right ul li:hover,.about .right ul li.on{ border:2px solid #ffc323}
.about .right ul li:hover a,.about .right ul li.on a{ color:#ffc323;}
.about .right p{ font-size:15px; color:#999999; line-height:34px; text-indent:2em; margin-top:5px;}
.about .right p span{ color:#558bdd;}
.liangdian{ width:1000px; float:right; margin-top:260px;}
.liangdian li{ display:block; width:159px; height:61px; border:1px solid #99ccff; color:#fff; font-size:16px; text-align:center; padding-top:10px; line-height:24px; float:left; margin-left:38px; border-radius:10px; cursor:pointer;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.liangdian li:hover{transform:translate(0px,-6px);-ms-transform:translate(0px,-6px);-webkit-transform:translate(0px,-6px);-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}


.lmt p{ font-size:30px; color:#323232; text-align:center;}
.lmt i{ display:block; margin:0 auto; width:34px; height:3px; background:#558bdd; margin-top:15px;}
.lmt span{ display:block; text-align:center; font-size:18px; color:#666666; margin-top:15px;}

.lmt1 p{ font-size:30px; color:#fff; text-align:center;}
.lmt1 i{ display:block; margin:0 auto; width:34px; height:3px; background:#fff; margin-top:15px;}
.lmt1 span{ display:block; text-align:center; font-size:18px; color:#fff; margin-top:15px;}

.beijing{ padding-top:70px; padding-bottom:80px;}
.beijing ul{ width:1275px; margin-top:40px;}
.beijing ul li{ display:block; float:left; width:323px; height:454px; border-radius:10px; background:#fafafa; margin:0 39px; position:relative;}
.beijing ul li i{ display:block; width:120px; height:40px; position:absolute; left:50%; margin-left:-60px; top:0; z-index:9; background:url(../images/bg-i.png)  no-repeat center;}
.beijing ul li p{ width:200px; font-size:18px; color:#363636; font-weight:bold; text-align:center; margin:0 auto; margin-top:70px; line-height:32px;}
.beijing ul li span{ display:block; width:240px; margin:0 auto; font-size:14px; color:#7e7e7e; line-height:34px; text-align:center; margin-top:30px; height:102px;}
.beijing ul li a.more{ display:block; width:138px; height:43px; text-align:center; line-height:43px; border:2px solid #d4d4d4; border-radius:25px; font-size:16px; color:#333333; position:absolute; left:50%; margin-left:-69px; bottom:45px;}
.beijing ul li:hover{ background:#5d89e0;}
.beijing ul li:hover p{ color:#fff;}
.beijing ul li:hover span{ color:#fff;}
.beijing ul li:hover a.more{ color:#fff; border:2px solid #fff;}

.jieshao{ min-width:1200px; height:610px; background:url(../images/js-bg.jpg) no-repeat center; padding-top:56px;}

.xmjs{ margin-top:30px;}
.xmjs .tab-hd{ width:620px; float:left;}
.xmjs .tab-hd ul li{ display:block; float:left; width:268px; height:164px; background:#fff; margin-right:40px; margin-bottom:40px; cursor:pointer;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.xmjs .tab-hd ul li span{ display:block; width:50px; margin:0 auto; margin-top:30px; height:40px; line-height:40px; text-align:center; border-bottom:1px solid #4474d0; color:#4474d0; font-size:30px; padding-bottom:3px;}
.xmjs .tab-hd ul li p{ font-size:20px; color:#333333; text-align:center; margin-top:20px;}
.xmjs .tab-hd ul li.on{ background:#5d89e0;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.xmjs .tab-hd ul li.on p{ color:#fff;}
.xmjs .tab-hd ul li.on span{ color:#fff; border-bottom:1px solid #fff;}
.xmjs .tab-bd{ float:right; width:548px;}
.xmjs .tab-bd .tab-pal{ width:548px; height:373px; position:relative;}
.xmjs .tab-bd .tab-pal img{width:548px; height:373px;}
.xmjs .tab-bd .tab-pal p{ position:absolute; font-size:15px; color:#fff; line-height:34px; background:rgba(0,0,0,0.7); left:0; bottom:0; width:508px; padding:20px;}

.shouyi{ padding-top:60px; padding-bottom:80px;}
.shouyi .lmt{ margin-bottom:50px;}
.shouyi .left{ width:480px;}
.shouyi .left p.tt{ font-size:18px; color:#333333; font-weight:bold;}
.shouyi .left span.ttt{ font-size:14px; color:#999999; line-height:33px; margin-bottom:25px; display:block;}
.shouyi .left p.t{ font-size:15px; color:#565656;}

.shouyi .right{ width:480px; margin-right:100px;}
.shouyi .right p.tt{ font-size:18px; color:#333333; font-weight:bold;}
.shouyi .right span.ttt{ font-size:14px; color:#999999; line-height:33px; margin-bottom:25px; display:block;}
.shouyi .right p.t{ font-size:15px; color:#565656;}

.skillbar { margin-top:10px; margin-bottom:20px;position:relative;display:block;width:100%;background:#f4f4f4;height:4px;
border-radius:3px;}

.skillbar-title{ height:4px;}
.skillbar-title span {display:block;background:rgba(0, 0, 0, 0.1);padding:0 20px;height:35px;line-height:35px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}

.skillbar-bar {height:4px;width:0px;background:#679afb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.skill-bar-percent {position:absolute;right:-50px;top:-15px;font-size:16px;height:35px;line-height:35px; font-weight:bold;color:#434343;}

.guanhai{ min-width:1200px; height:577px; background:url(../images/gh-bg.jpg) no-repeat center; padding-top:60px;}

.picScroll-left{ width:1200px;  overflow:hidden; position:relative; margin-top:60px;}
.picScroll-left .bd{ padding-left:35px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 33px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;}
.picScroll-left a.prev{ display:block; width:21px; height:32px; background:url(../images/prev.png) no-repeat center; position:absolute; left:0; top:100px; cursor:pointer}
.picScroll-left a.next{ display:block; width:21px; height:32px; background:url(../images/next.png) no-repeat center;
position:absolute; right:0; top:100px; cursor:pointer}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:314px; height:240px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ position:absolute; width:314px; height:240px; background:rgba(0,0,0,0.5); text-align:center; color:#fff; font-size:16px; left:0; bottom:-190px;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.picScroll-left .bd ul li .title a{ display:block; width:314px; height:225px; padding-top:15px;color:#fff; -webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.picScroll-left .bd ul li:hover .title{ bottom:0;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.picScroll-left .bd ul li:hover .title a{ padding-top:110px; display:block;}

.guanhai a.more{ display:block; width:138px; height:38px; line-height:38px; text-align:center; border-radius:25px; border:1px solid #bfd0f3; color:#fff; font-size:16px; margin:0 auto; margin-top:60px;}
.guanhai a.more:hover{ background:#fff; color:#333;}

.news{ padding-top:50px; padding-bottom:40px;}
.news ul{ width:1230px; margin-top:30px;}
.news ul li{ display:block; float:left; width:377px; margin-right:32px;}
.news ul li img{width:377px; height:220px;}
.news ul li p{ font-size:16px; color:#000; margin-top:20px;}
.news ul li i{ display:block; font-style:normal; font-size:12px; color:#cccccc; margin-top:15px;}
.news ul li span{ font-size:14px; color:#808080; line-height:27px;height:81px; margin-top:10px; display:block;}
.news ul li p:hover{ color:#558bdd;}

.links{ min-width:1200px; background:#f8f8f8; height:115px;}
.links .box{ height:80px; background:url(../images/links.jpg) no-repeat left center; padding-left:140px; width:1060px; padding-top:35px;}
.links .box a{ display:inline-block; font-size:13px; color:#999999; line-height:28px; margin:0 10px;}
.links .box a:hover{ color:#558bdd;}

.footer{ min-width:1200px; height:310px; background:#242424;}
.footer .box{ background:url(../images/footer-bg.png) no-repeat left top; width:916px; height:310px; padding-left:284px;}

.footer .box dl{ width:80px; float:left; padding-top:55px; margin-right:150px;}
.footer .box dl dt{ font-size:18px; color:#ccc; display:block; background:url(../images/dl.png) no-repeat left bottom; padding-bottom:15px; margin-bottom:20px;}
.footer .box dl dd{ font-size:14px; padding-left:17px; background:url(../images/dd.png) no-repeat left center; color:#ccc; line-height:33px;}
.footer .box dl dd a{ color:#ccc}
.footer .box dl dd a:hover{ color:#ffc323;}
.footer .box dl.lx{ width:283px; height:200px; background:url(../images/dt.png) no-repeat left 105px; margin-right:0;}

.footer .box dl.lx .lx1{ background:url(../images/f-ico1.png) no-repeat left center; padding-left:30px;}
.footer .box dl.lx .lx2{ background:url(../images/f-ico2.png) no-repeat left center;padding-left:30px;}
.footer .box dl.lx .lx3{ background:url(../images/f-ico3.png) no-repeat 2px 9px;padding-left:30px;}
.footer .box img{ display:block; float:right; margin-top:120px; width:129px; height:129px; }
.bq{ min-width:1200px; height:77px; line-height:77px; text-align:center; font-size:16px; color:#505050; background:#1d1d1d;}


.newsnav{ min-width:1200px; height:55px; line-height:55px;border-bottom:1px solid #f4f4f4; font-size:14px; color:#7e7e7e;}
.newsnav a{ color:#7e7e7e}

.neiye{ padding-top:35px; margin-bottom:60px;}

.gsjs ul{ margin-top:30px; margin-bottom:30px;    text-align: center;}
.gsjs ul li{ display:inline-block}

.gsjs ul li img{width:250px; }

.gsjs p{font-size:16px;line-height:30px;color: #666;text-indent: 2em;margin-bottom: 15px;}
.gsjs img{display:block;margin:0 auto;}

.contact{ width:1200px; margin:0 auto; margin-top:40px; padding-bottom:45px;}
.contact .lxwm{ width:510px; float:left;}
.contact .lxwm b{ font-size:24px; color:#3b82ec; font-weight:normal; display:block; margin-top:5px; margin-bottom:20px;}
.contact .lxwm p{ font-size:16px; color:#666666; line-height:30px; padding-left:38px; margin-bottom:8px;}
.contact .lxwm p.tel{ background:url(../images/ico.jpg) no-repeat; background-position:0px -2px;}
.contact .lxwm p.cz{ background:url(../images/ico.jpg) no-repeat; background-position:0px -38px;}
.contact .lxwm p.emil{ background:url(../images/ico.jpg) no-repeat; background-position:0px -74px;}
.contact .lxwm p.dz{ background:url(../images/ico.jpg) no-repeat; background-position:0px -109px;}
.contact img{ display:block; float:right;}
.contact .lxwm  a{ display:block; width:177px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:15px; background:#3b82ec; margin-top:60px;}
.contact .lxwm a:hover{ border-radius:25px;}


.tu-list{ width:1219px; margin-top:40px;}
.tu-list li{ display:block; float:left; width:283px; margin-right:19px; padding-bottom:15px; margin-bottom:15px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.tu-list li i{ display:block; background-size:cover; width:283px; height:217px;}
.tu-list li p{ text-align:center; color:#9a9a9a; margin-top:15px; }
.tu-list li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); cursor:pointer;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}

.fenye{ width:1200px; margin:0 auto;  margin-top:30px; text-align:center; margin-bottom:10px;   }
.fenye a{ display:inline-block;padding:0 10px;text-align:center; line-height:28px; border:1px solid #cecece; font-size:14px; color:#666666; margin:1px;}
.fenye b,.fenye a:hover{ display:inline-block;padding:0 10px;text-align:center; line-height:28px; border:1px solid #3b82ec; font-size:14px; color:#fff; margin:1px; background:#3b82ec;}
.biaoti{ padding-bottom:30px; border-bottom:1px dashed #e3e3e3; margin-bottom:30px;}
.biaoti h1{ font-size:24px; text-align:center; color:#3c4349;}
.biaoti p{ text-align:center; font-size:14px; color:#9a9a9a; margin-top:25px; }

.fn{ width:1200px; margin:0 auto; margin-top:20px; border-top:1px dashed #e3e3e3; padding-top:10px;}
.fn p{ font-size:14px; line-height:30px; color:#000000;}
.fn p a{ color:#666666;}
.fn p a:hover{ color:#3366cc;}

.tab{ text-align:center; margin-top:40px; margin-bottom:50px;} 
.tab li{ display:inline-block; width:131px; height:37px; line-height:37px; border:2px solid #eaeaea; text-align:center; font-size:16px; color:#666; border-radius:25px; margin-right:13px; margin-bottom:15px;}
.tab li a{ color:#666; display:block;}
.tab li:hover,.tab li.on{ border:2px solid #ffc323}
.tab li:hover a,.tab li.on a{ color:#ffc323;}

.news ul.news-list li{ margin-bottom:30px;}
.news1{ padding-bottom:0;}