﻿@charset "utf-8";
/* CSS Reset */
html{overflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
a:hover{color:#009ce6;}
.w1200{position:relative;width:1200px;margin:0 auto;}
.ptb30{padding:30px 0;}
.pt20{padding-top:20px;}
.bt{
  display:block;
  font-size:14px;
  font-weight:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.tr,.img{
    -webkit-transition:all .3s linear;
    -mos-transition:all .3s linear;
    -mz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}
.img:hover{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

/** header **/
.headerBot{height:39px;line-height:39px;border-bottom:1px solid #dadada;}
.headerBot a{padding:0 10px;position:relative;}
.headerBot .wxImg{width:130px;height:130px;text-align:center;background:#fff;position:absolute;top:60px;right:98px;border-radius:4px;box-shadow:0 0 10px #d9d9d9;z-index:15;padding:10px;display:none;opacity:0;}
.headerBot .wxImg:before{display:block;content:"";width:0px;height:0px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;font-size:0px;line-height:0px;position:absolute;top:-9px;right:68px;z-index:99;}
.headerTop{height:95px;}
.headerTop .logo{padding-top:6px;}
.headerTop .tel{background:url(../images/tel.jpg) no-repeat left center;padding-left:35px;margin-top:43px;}
.headerTop .tel span{display:block;float:left;}
.headerTop .tel .sp1{line-height:29px;}
.headerTop .tel .sp2{font-family:arial;font-size:27px;color:#009ce6;padding-left:5px;line-height:30px;}
.headerNav{background:#009ce6;height:40px;margin-top: -14px;}
.headerNav .nav li{width:120px;height:40px;float:left;position:relative;z-index:11;}
.headerNav .nav li a{display:block;float:left;width:119px;line-height:40px;overflow:hidden;text-align:center;font-size:14px;border-left:1px solid #33b0eb;color:#fff;}
.headerNav .nav li a:hover,.headerNav .nav li a.active{color:#fff;background:#121212;}
.headerNav .nav li.none a{border:none;width:120px;}
.headerNav .nav li .sub{position:absolute;top:40px;left:1px;background:#009ce6;width:119px;overflow:hidden;display:none;z-index:12}
.headerNav .nav li .sub li{height:30px;float:none;background:none;}
.headerNav .nav li .sub li a{display:block;height:30px;line-height:30px;font-size:12px;padding:0;float:none;width:99px;overflow:hidden;text-align:center;border-bottom:1px solid #33b0eb;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:arial,"宋体";margin:0;background:none;border-left:none;}
.headerNav .nav li .sub li a:hover{background:#121212;color:#fff;}

.keywords { float: right; line-height: 60px; margin-right: -12px; }
.keywords a { margin-right: 12px; }

/** banner **/
.headerBanner{width:1920px;height:650px;position:relative;left:50%;margin-left:-960px;}
.headerBanner .bd{width:1920px;height:650px;overflow:hidden;z-index:0;}
.headerBanner .but{height:100px;position:absolute;top:40%;z-index:2;left:50%;margin-left:-500px;}
.headerBanner .but a{display:block;width:45px;height:100px;background: url(../images/bant.png) no-repeat 0 0;position:absolute;opacity:0;filter:alpha(opacity=0);display:block;}
.headerBanner .but a.prev{left:-100px;}
.headerBanner .but a.next{right:-1090px;background-position:-45px 0px;}
.headerBanner .hd{position:absolute;bottom:20px;text-align:center;z-index:12;left:49.1%;font-size:0;line-height:0;height:10px;overflow:hidden;}
.headerBanner .hd li{z-index:2;cursor:pointer;margin-left:5px;display:inline-block;width:6px;height:6px;*display:inline;zoom:1;border:2px solid #fff;border-radius:50%}
.headerBanner .hd li:hover,.headerBanner .hd .on{background:#009ce6;border-color:#009ce6;}
.pageBanner{height:250px;position:relative;z-index:10}

/** footer **/
.footCopy{padding:40px 0 30px;background:#121212;overflow:hidden;color:#747474;}
.footCopy a,.footLink a{color:#747474;}
.footCopy a:hover,.footLink a:hover{color:#fff}
.footCopy .menu{width:135px;}
.footCopy .menu h2{font-size:14px;color:#fff;padding-bottom:10px;font-weight:normal;}
.footCopy .menu a{display:block;}
.footCopy .tel{width:310px;}
.footCopy .tel div,.mainCase .bd li .tel div{background:url(../images/dtel.png) no-repeat left center;padding-left:50px;color:#fff;margin-bottom:10px;}
.footCopy .tel div span,.mainCase .bd li .tel div span{display:block;font-family:arial;font-size:34px;line-height:35px;}
.footCopy .tel p span{padding-left:15px;}
.footCopy .code{width:110px;}
.footCopy .code span{display:block;line-height:18px;background:url(../images/sj.jpg) no-repeat left center;padding-left:30px;margin-top:5px;}
.footLink{border-top:1px solid #2a2a2a;padding:10px 0;background:#121212;line-height:20px;overflow:hidden;}
.footLink i{font-style:normal;padding:0 5px;}

/** hot **/
.mainHot{height:92px;background:#eee;}
.mainHot .hot h2{display:block;float:left;line-height:60px;background:url(../images/hot.jpg) no-repeat left center;padding-left:15px;color:#009ce6;font-weight:normal;}
.mainHot .hot .bd{width:400px;float:left;padding:15px 0 15px 5px;overflow:hidden;height:30px;line-height:30px;}
.mainHot .hot .bd li{height:30px;}
.mainHot .hot .bd li a{width:300px;height:30px;float:left;font-size:12px;}
.mainHot .hot .bd li span{float:right;color:#999;}
.mainHot .search{width:270px;height:28px;border:1px solid #dadada;border-radius:15px;background:#fff;margin-top:15px;}
.mainHot .search .text{width:220px;height:28px;line-height:28px;float:left;padding-left:10px;border:none;background:none;}
.mainHot .search .subt{width:25px;height:16px;border:none;background:url(../images/sbut.jpg) no-repeat right;margin-top:6px;padding-left:9px;border-left:1px solid #dadada;float:left;cursor:pointer;}

/* tab */
.hdList{height:97px;background:url(../images/mx.jpg) repeat-x;margin-top:25px;}
.hdList ul{width:420px;margin:0 auto;}
.hdList ul li{width:110px;height:77px;margin:0 15px;float:left;padding-top:20px;text-align:center;font-size:15px;cursor:pointer;}
.hdList ul li span{width:28px;height:20px;margin:0 auto;background:url(../images/micon.png) no-repeat;overflow:hidden;display:block;}
.hdList ul li .sp1{background-position:0 0;}
.hdList ul li .sp2{background-position:-28px 0;}
.hdList ul li .sp3{background-position:-56px 0;}
.hdList ul li .sp4{background-position:-78px 0;}
.hdList ul li .sp5{background-position:-112px 0;}
.hdList ul li .sp6{background-position:-152px -4px;}
.hdList ul li .sp7{background-position:-188px 0;}
.hdList ul li i{display:block;width:100%;line-height:20px;background:url(../images/mpo.png) no-repeat center top;font-style:normal;margin-top:5px;padding-top:10px;}
.hdList ul li.on{background:#009ce6;color:#fff;}
.hdList ul li.on .sp1{background-position:0 -20px;}
.hdList ul li.on .sp2{background-position:-28px -20px;}
.hdList ul li.on .sp3{background-position:-56px -20px;}
.hdList ul li.on .sp4{background-position:-78px -20px;}
.hdList ul li.on .sp5{background-position:-112px -20px;}
.hdList ul li.on .sp6{background-position:-152px -20px;}
.hdList ul li.on .sp7{background-position:-188px -20px;}
.hdList ul li.on i{background:url(../images/mpoh.png) no-repeat center top;}
.maTitle{text-align:center;font-size:30px;color:#333;font-weight:normal;line-height:30px;}
.maTitle span{display:block;font-family:arial;font-size:14px;text-transform:uppercase;color:#999;line-height:16px;}
.maMore{display:block;width:73px;height:28px;line-height:28px;font-family:arial;border:1px solid #dbdbdb;background:#fff;border-radius:15px;text-transform:uppercase;color:#333;margin:25px auto 0;background:url(../images/mr.png) no-repeat 65px center #fff;padding-left:25px;}
.maMore:hover{width:90px;background:url(../images/mrh.png) no-repeat 75px center #009ce6;color:#fff;border-color:#009ce6;}

/** case **/
.mainCase,.mainNews,.mainTeam{padding:50px 0;}/*overflow:hidden;*/
.mainCase .hd ul{width:1000px;margin:0 auto;}
.mainCase .bd{width:1200px;height:642px;margin:25px auto 0;overflow:hidden;}
.mainCase .bd li{float:left;margin-top:4px;}
.mainCase .bd li .picBig{display:block;width:598px;height:424px;position:relative;overflow:hidden;}
.mainCase .bd li .picBig h3{width:85px;height:60px;line-height:60px;background:url(../images/cjt.png) no-repeat center #009ce6;position:absolute;right:0;bottom:0;text-indent:90px;font-size:14px;}
.mainCase .bd li .picBig:hover h3{width:598px;height:60px;background:url(../images/cjth.png) no-repeat 25px center #009ce6;color:#fff;}
.mainCase .bd li .picSmall{display:block;width:297px;height:210px;margin-left:4px;position:relative;overflow:hidden;}
.mainCase .bd li .picSmall .txt{width:277px;height:100px;margin:10px;background:url(../images/mtm.png);position:absolute;left:0;top:0;opacity:0;text-align:center;color:#fff;padding-top:90px;}
.mainCase .bd li .picSmall .txt h4{font-size:15px;line-height:30px;font-weight:normal;}
.mainCase .bd li .picSmall .txt h3{border-top:1px solid #fff;border-bottom:1px solid #fff;display:inline-block;line-height:40px;font-size:18px;font-weight:normal;width:200px;}
.mainCase .bd li .picSmall:hover .txt{opacity:1;height:135px;padding-top:55px;}
.mainCase .bd li .tel{width:518px;height:150px;background:url(../images/ctel.jpg) no-repeat;margin-left:4px;padding-top:60px;padding-left:80px;}
.mainCase .bd li .tel a{display:block;text-decoration:underline;font-size:14px;color:#fff;margin-top:5px;}
.mainCase .bd li.ml a{margin-left:0;}

/** odds **/
.mainOdds{background:#eee;padding:50px 0;overflow:hidden;}
.mainOdds h2{margin-bottom:25px;}
.mainOdds .hd{width:205px;}
.mainOdds .hd li{height:70px;line-height:70px;font-size:18px;margin-bottom:10px;background:#fff;border-radius:100px 0 0 100px;width:195px;}
.mainOdds .hd li span{display:inline-block;width:64px;height:64px;margin-left:3px;margin-top:3px;background:#eee;border-radius:50%;text-align:center;font-size:24px;font-family:arial;margin-right:20px;}
.mainOdds .hd li.on{background:#009ce6;width:205px;font-size:24px;color:#fff;}
.mainOdds .hd li.on span{background:#00a9f9;color:#fff;}
.mainOdds .bd{width:995px;height:500px;}
.mainOdds .bd .box{height:500px;}
.mainOdds .bd .pic{background:url(../images/od1.jpg) no-repeat;}
.mainOdds .bd .pic1{background:url(../images/od2.jpg) no-repeat;}
.mainOdds .bd .pic2{background:url(../images/od3.jpg) no-repeat;}
.mainOdds .bd .pic3{background:url(../images/od4.jpg) no-repeat;}
.mainOdds .bd .pic4{background:url(../images/od5.jpg) no-repeat;}
.mainOdds .bd .cont{width:370px;padding-top:50px;background:url(../images/mtm.png);height:450px;float:right;}
.mainOdds .bd .cont .ti{line-height:50px;background:#009ce6;font-size:24px;font-family:arial;color:#fff;padding:0 20px;display:inline-block;}
.mainOdds .bd .cont div{padding:0 30px;}
.mainOdds .bd .cont h3{font-size:24px;color:#009ce6;font-weight:normal;padding:20px 0;border-bottom:1px solid #46433f;line-height:26px;}
.mainOdds .bd .cont p{background:url(../images/oicon.png) no-repeat left 10px;padding-left:10px;font-size:14px;color:#fff;margin-top:15px;}
.mainOdds .bd .cont a{display:block;width:130px;height:28px;line-height:28px;border:1px solid #fff;border-radius:15px;color:#fff;background:url(../images/mra.png) no-repeat 130px center ;padding-left:25px;margin-top:50px;}
.mainOdds .bd .cont a:hover{background:url(../images/mrh.png) no-repeat 150px center #009ce6;color:#fff;border-color:#009ce6;width:160px;}

/** feedback **/
.mainFeedback{width:1920px;height:359px;background:url(../images/ly.jpg) no-repeat left #009ce6;position:relative;left:50%;margin-left:-960px;}
.mainFeedback .feedback{padding-left:630px;color:#fff;}
.mainFeedback .feedback h3{font-size:20px;padding:15px 0 10px;font-weight:normal;line-height:30px;}
.mainFeedback .feedback h3 span{font-weight:bold;display:block;font-size:26px;}
.mainFeedback .feedback p{width:475px;font-size:14px;line-height:18px;padding-bottom:10px;border-bottom:1px solid #33b0eb;}
.mainFeedback .feedback .input{width:220px;height:30px;background:#fff;line-height:30px;padding-left:10px;border:none;float:left;margin-right:15px;color:#999;margin-top:15px;border-radius:4px;font-size:12px;}
.mainFeedback .feedback .inputA{display:block;border-radius:4px;background:#fff;padding:10px;font-size:12px;width:455px;border:none;line-height:20px;height:60px;margin-top:15px;clear:both;}
.mainFeedback .feedback .sub{display:block;width:130px;height:35px;line-height:35px;background:#fff;text-align:center;font-family:"微软雅黑";color:#009ce6;border:none;border-radius:15px;margin-top:18px;cursor:pointer;}
/** team **/
.mainTeam .hd ul{width:280px;margin:0 auto;}
.mainTeam .bd{width:1200px;margin:25px auto 0;}
.mainTeam .teList{width:1200px;position:relative;}
.mainTeam .teList ul{width:1260px;}
.mainTeam .teList ul li{height:414px;margin-right:4px;float:left;overflow:hidden;position:relative;}
.mainTeam .teList ul li .pic{display:block;width:240px;height:320px;float:left;overflow:hidden;}
.mainTeam .teList ul li .txt{width:200px;height:94px;padding:0 20px;position:absolute;left:0px;background:url(../images/tmore.png) no-repeat right bottom #333;color:#fff;bottom: 0;}
.mainTeam .teList ul li .txt h3{line-height:26px;font-size:24px;font-weight:normal;padding-top:20px;color:#009ce6;}
.mainTeam .teList ul li .txt h4{line-height:20px;font-size:14px;font-weight:normal;padding-bottom:15px;border-bottom:1px solid #5c5c5c;}
.mainTeam .teList ul li .txt h5{display:block;font-size:14px;color:#fff;padding-top:15px;font-weight:normal;}
.mainTeam .teList ul li .txt .p1{line-height:20px;color:#999;padding:10px 0 15px;border-bottom:1px solid #5c5c5c;}
.mainTeam .teList ul li .txt .p2{line-height:20px;color:#fff;padding-top:15px;}
/** about **/
.mainAbout{min-height:600px;height:auto;background:#000 url(../images/mab.jpg) no-repeat fixed center;position:relative;z-index:0;overflow:hidden;}
.mainAbout h2{padding-top:50px;}
.mainAbout .about{padding-top:25px;text-align:center;}
.mainAbout .about p{font-size:14px;color:#333;padding-top:10px;}
.mainAbout .num{padding-top:45px;height:62px;overflow:hidden;}
.mainAbout .num li{width:199px;float:left;border-right:1px solid #cbcbca;text-align:center;font-size:14px;}
.mainAbout .num li.none{border:none;}
.mainAbout .num li span{display:block;font-size:36px;line-height:38px;color:#009ce6;}
.mainAbout .num li i{font-family:arial;font-style:normal;}

/** picture **/
.mainPicture{overflow:hidden;}
.mainPicture .hd{width:160px;height:80px;margin:0 auto;border-radius:0 0 100px  100px;overflow:hidden;}
.mainPicture .hd li{width:80px;height:65px;float:left;text-align:center;background:#dfdfdf;font-size:15px;line-height:18px;padding-top:15px;}
.mainPicture .hd li.on{background:url(../images/mjt.png) no-repeat center 55px #009ce6;color:#fff;}
.mainPicture .bd{height:163px;margin-top:25px;}
.mainPicture .bd ul{width:1260px;}
.mainPicture .bd li{width:230px;float:left;margin-right:12px;}
.mainPicture .bd li a{display:block;height:230px;height:163px;overflow:hidden;position:relative;}
.mainPicture .bd li a h3{width:230px;height:30px;line-height:30px;background:url(../images/mtm.png);color:#fff;position:absolute;bottom:-30px;text-align:center;}
.mainPicture .bd li a:hover h3{bottom:0;}

/** news **/
.mainNews .bd{width:1200px;height:480px;margin:25px auto 0;overflow:hidden;}
.mainNews .bd ul{width:1260px;}
.mainNews .bd ul li{width:590px;height:230px;float:left;background:url(../images/more.png) no-repeat 573px 213px #eee;margin-right:20px;margin-bottom:20px;}
.mainNews .bd ul li .pic{width:350px;height:230px;overflow:hidden;}
.mainNews .bd ul li .txt{width:200px;padding-right:20px;padding-top:15px;}
.mainNews .bd ul li .txt h3 a{display:block;font-size:14px;line-height:18px;font-weight:normal;}
.mainNews .bd ul li .txt span{display:block;font-size:14px;font-family:arial;padding-bottom:8px;border-bottom:1px solid #fff;}
.mainNews .bd ul li .txt p{padding-top:15px;}
.mainNews .bd ul li:hover{background:url(../images/moreh.png) no-repeat 573px 213px #009ce6;color:#fff;}
.mainNews .bd ul li:hover a{color:#fff;}

/** page **/
.mainPage{padding-bottom:50px;overflow:hidden;}
.mainPage .content{padding-top:30px;overflow:hidden;clear:both;}
.contactBox{overflow:hidden;width:560px;padding:20px;height:380px;background:#f4f4f4;float:right;}
.sidebar{height:48px;position:relative;border-bottom:1px solid #d2d2d2;background:#f5f5f5;}
.sidebar ul{width:1200px;margin:0 auto;}
.sidebar li{float:left;margin-right:40px;}
.sidebar li a{display:block;height:46px;line-height:46px;font-size:17px;}
.sidebar li a.active{border-bottom:2px solid #009ce6;color:#009ce6;}
.mainPage .title{height:20px;line-height:20px;margin-top:10px;background:url(../images/curr.png) no-repeat left 2px;padding-left:20px;}


/** feedback **/
.feedbackC{font-size:18px;font-weight:normal;line-height:31px;text-align:center;position:relative;overflow:hidden;margin-top:40px;color:#333;}
.feedbackC:before,.feedbackC:after{width:525px;height:1px;background:#dbdbdb;position:absolute;left:0;top:15px;content:"";}
.feedbackC:after{left:auto;right:0;}
#feedback_form{margin-top:30px;}
.feedbackC label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
.feedbackC label.name{background-position:0 -32px;}
.feedbackC label.email{background-position:0 -64px;}
.feedbackC label.city{background-position:0 -96px;}
.feedbackC label.msg_title{background-position:0 -128px;}
.feedbackC label.address{background-position:0 -160px;}
.feedbackC label.message{background-position:0 -192px;margin-bottom:10px;}
.feedbackC input{width:230px;height:30px;line-height:30px;float:left;margin:0 56px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
.feedbackC input.last{margin-right:0;}
.feedbackC .msg{border-top:1px dotted #ccc;padding:30px 0;}
.feedbackC textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;}
.feedbackC .btns{width:120px;height:40px;margin-right:10px; background:#009ce6;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;font-family:"Microsoft Yahei"}
.feedbackC .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
.feedbackC .tableRow{width:100%;height:32px;}
.feedbackC .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
.feedbackC .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
.feedbackC input:focus,.feedbackC textarea:focus{border-color:#009ce6;}

/** news list **/
.newsList{width:890px;margin-top:-20px;}
.newsList li{height:195px;overflow:hidden;margin-top:20px;border-bottom:1px solid #ddd;padding-bottom:20px;}
.newsList li .pic{display:block;width:297px;height:195px;overflow:hidden;}
.newsList li .font{float:left;width:560px;overflow:hidden;margin-left:30px;font-size:13px;color:#a6a6a6;line-height:26px}
.newsList li .font h3{font-size:18px;font-weight:normal;height:45px;line-height:45px;}
.newsList li .font h3 a{color:#333;}
.newsList li .font span{background:url(../images/time.jpg) no-repeat left center;padding-left:20px;display:block;margin-bottom:10px;color:#5e5e5e;font-size:12px;}
.newsList li .more{width:160px;height:100px;text-align:center;line-height:100px;color:#fff;font-size:65px;background:#ddd;margin-top:45px;}
.newsList li:hover .more{background:#009ce6;}
.newsList li h3 a:hover{color:#009ce6;}

/** news detail **/
.newsDetail h2{font-size:22px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#009ce6;}
.newsDetailCont{padding:20px 0;font-size:14px;overflow:hidden;}
.newsDetailCont .video{width:100%;height:450px;}

/** paging **/
.recTitle{padding-left:20px;height:40px;line-height:40px;background:url(../images/page_line.jpg) no-repeat 10px center #f5f5f5;font-size:16px;font-weight:bold;color:#333;font-weight:normal;}
.pagIng{height:40px;background:#f5f5f5;padding:0 10px;}
.pagIng div{display:block;width:45%;line-height:40px;overflow:hidden;font-size:14px;}
.pagIng .prev{background:url(../images/pre_info.gif) no-repeat left center;float:left;padding-left:15px;text-align:left;}
.pagIng .next{background:url(../images/next_info.gif) no-repeat right center;float:right;padding-right:15px;text-align:right;}

/** related news **/
.relNews{overflow:hidden;margin-top:20px;}
.relNews ul{width:1290px;padding-top:10px;}
.relNews ul li{float:left;margin-right:60px;width:360px;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:220px;line-height:28px;background:url(../images/iconh.jpg) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relNews ul li a:hover{background:url(../images/iconi.jpg) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}

/** picture list **/
.pictureList,.caseList{width:1250px;}
.pictureList li{width:265px;padding:10px 10px 0;background:#f5f5f5;float:left;margin-right:20px;position:relative;margin-bottom:30px;border-bottom:2px solid #e8e8e8;}
.pictureList li a{display:block;width:265px;height:188px;overflow:hidden;}
.honorList li a{display:block;width:265px;height:343px;overflow:hidden;}
.pictureList li h3{font-size:15px;line-height:28px;text-align:center;}
.pictureList li:after,.pictureList li:before{content:'';position:absolute;bottom:-2px; width:0;height:2px;background:#009ce6;-webkit-transition:0.4s;transition:0.4s;}
.pictureList li:before{left:0;}
.pictureList li:after{right:0;}
.pictureList li:hover:after,.pictureList li:hover:before{width:50%;}
.relContent{overflow:hidden;margin-top:20px;}
.relContent ul{width:1260px;padding-top:15px;}
.caseList li{width:285px;height:202px;position:relative;float:left;margin-right:20px;margin-bottom:20px;}
.caseList li a{display:block;width:285px;height:183px;overflow:hidden;}
.caseList li a h3{width:255px;height:40px;line-height:40px;font-size:14px;color:#fff;position:absolute;bottom:0;left:0;background:url(../images/tmb.png);padding:0 15px;}

/** team **/
.teamList{width:1290px;}
.teamList li{float:left;width:590px;height:380px;margin-right:20px;margin-bottom:20px;background:#f4f4f4;}
.teamList li .fl{width:285px;height:380px;display:block;overflow:hidden;}
.teamList li .font{padding:10px;width:275px;}
.teamList li .font h3{height:40px;line-height:40px;border-bottom:1px dotted #acacac;font-size:20px;color:#171717;margin-bottom:5px;font-weight:normal;}
.teamList li .font h4{font-size:16px;color:#009ce6;font-weight:normal;}
.teamList li .font p{padding-top:15px;}
.teList { position: relative; }
.teList .but{height:100px;position:absolute;top:40%;z-index:2;left:50%;margin-left:-500px;}.headerBanner .but{height:100px;position:absolute;top:40%;z-index:2;left:50%;margin-left:-500px;}
.teList .but a{display:block;width:45px;height:100px;background: url(../images/bant1.png) no-repeat 0 0;position:absolute;opacity:1;filter:alpha(opacity=0);display:block;}
.teList .but a.prev{left:-100px;}
.teList .but a.next{right:-1090px;background-position:-45px 0px;}

.teamImg{width:240px;margin-right:40px;}
.teamFont{width:595px;overflow:hidden;}
.teamFont .ti{font-size:24px;color:#333;margin-bottom:15px;padding-top:15px;}
.teamFont .ti span{display:inline-block;font-size:12px;color:#fff;line-height:14px;padding:2px 10px;background:#009ce6;margin-left:10px;font-weight:normal;}
.teamFont .scfg{font-size:14px;margin-top:20px;}
.teamFont .scfg span{display:block;font-size:15px;color:#009ce6;}
/** form **/
.teamForm{width:260px;overflow:hidden;background:#f5f5f5;padding:10px;border:1px solid #ddd;}
.teamForm h3{text-align:center;font-size:18px;color:#333;margin-bottom:15px;padding-top:10px;}
.teamForm input{display:block;height:38px;border:1px solid #e1e1e1;background:#fff;padding:0 10px;width:238px;margin-bottom:10px;}
.teamForm .sub{height:40px;line-height:40px;border:none;background:#009ce6;color:#fff;text-align:center;cursor:pointer;width:258px;padding:0;margin-bottom:5px;font-family:"微软雅黑";}
.teamForm input:focus{border:1px solid #02a2ee;}
.teamForm .sub:focus,.teamForm .sub:hover{background:#333;}
.xgTitle{text-align:center;font-size:24px;font-weight:bold;color:#009ce6;padding:50px 0 30px;}

.pictureShow{width:890px;overflow:hidden;}
.picturebox{width:830px;padding:20px 29px 14px 29px;border:1px solid #dadada;margin-bottom:25px;}
.picturebox .ti{text-align:center;font-size:20px;color:#333;margin-bottom:10px;}
.picturebox .msg{margin-bottom:25px;text-align:center;color:#333;}
.picturebox .msg span{padding:0 8px;}
.zoombox {width:830px;margin-bottom:35px;}
.zoompic {width:830px;height:580px; background:url(../images/loading.gif) no-repeat 50% 50%; margin: 0 auto;overflow:hidden;}
.sliderbox {height:85px; overflow:hidden;margin-top:20px;}
.sliderbox .arrow-btn {width:20px;height:85px; background:url(../images/arrow_btn.png) no-repeat;cursor:pointer;margin-top:10px;}
.sliderbox #btn-left { float:left; background-position:0 0; }
.sliderbox #btn-left.dasabled { background-position:-40px 0; }
.sliderbox #btn-right { float:right; background-position:-20px 0; }
.sliderbox #btn-right.dasabled { background-position:-60px 0; }
.sliderbox .slider { float:left; height:85px;width:770px; position:relative;margin-left:10px;overflow:hidden;}
.sliderbox .slider ul {position:absolute;left:0; width:999px; }
.sliderbox .slider li { float:left; width:129px; height:85px;text-align:center; }
.sliderbox .slider li img { border:3px solid #dfdfdf; width:114px; height:79px; }
.sliderbox .slider li.current img { border:3px solid #0bb6ee; }
.font2,.caseShow_font1{padding-bottom:10px;border-bottom:1px dotted #adadad;}
.font2 h3,.caseShow_font1 h3{font-size:18px;color:#000;height:30px;border-bottom:1px dotted #adadad;margin-bottom:10px;font-weight:normal;}
.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}
.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}
.detailShare span.date{margin-left:15px;}
.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;}

.detailRight{width:280px;overflow:hidden;}
.rightDesign,.rightRelated,.rightCase{border:1px solid #ddd; margin-bottom:20px;}
.rTitle{height:39px;line-height:39px;background:url(../images/r_title.jpg) repeat-x;font-size:16px;color:#000;font-weight:normal;padding-left:10px;}
.rightDesign .main{background:#f5f5f5;padding:10px;}
.rightDesign .main .p1{font-size:14px;margin-bottom:10px;font-size:14px;color:#000;}
.rightDesign .main input{display:block;height:38px;border:1px solid #e1e1e1;background:#fff;padding:0 10px;width:238px;margin-bottom:10px;font-size:14px;}
.rightDesign .main .sub{height:40px;line-height:40px;border:none;background:#02a2ee;color:#fff;text-align:center;transform:all 0.3s;cursor:pointer;width:258px;padding:0;margin-bottom:5px;font-family:"微软雅黑";}
.rightDesign .main input:focus{border:1px solid #02a2ee;}
.rightDesign .main .sub:focus,.rightDesign .main .sub:hover{background:#333;border:none;}

.rightRelated .main{padding:10px;}
.rightRelated .main img{width:254px;padding:2px;border:1px solid ##ececec;margin-bottom:10px;}
.rightRelated .main li{height:34px;line-height:34px;border-bottom:1px dotted #a7a7a7;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.rightRelated .main li a{background:url(../images/news_li.png) no-repeat 5px center;padding-left:15px;}
.rightRelated .main li:last-child{border-bottom:none;}
.rightRelated .main li a:hover{background:url(../images/news_lih.png) no-repeat 5px center;}

.rightRelated .mainCp{padding:10px;}
.rightRelated .mainCp .bd{width:258px;height:579px;overflow:hidden;}
.rightRelated .mainCp .bd li,.rightDesign .mainCp .bd li a{display:block;width:258px;height:183px;overflow:hidden;position:relative;}
.rightRelated .mainCp .bd li{margin-bottom:10px;}
.rightRelated .mainCp .bd li h3{width:228px;height:30px;line-height:30px;color:#fff;background:url(../images/tmb.png);position:absolute;left:0;bottom:0;text-align:center;padding:0 15px;}

.relatedPro{overflow:hidden;}
.relatedTitle{height:30px;border-bottom:1px dotted #adadad;font-size:18px;color:#000;margin-bottom:20px;background:url(../images/p_icon.png) no-repeat left 4px;font-weight:normal;padding-left:10px;}
.relatedPro ul{width:960px;}
.relatedPro li{width:265px;padding:10px 10px 0;background:#f5f5f5;float:left;margin-right:17px;position:relative;margin-bottom:30px;border-bottom:2px solid #e8e8e8;}
.relatedPro li a{display:block;width:265px;height:174;overflow:hidden;}
.relatedPro li h3{font-size:15px;line-height:40px;text-align:center;}
.relatedPro li:after,.relatedPro li:before{content:'';position:absolute;bottom:-2px; width:0;height:2px;background:#009ce6;-webkit-transition:0.4s;transition:0.4s;}
.relatedPro li:before{left:0;}
.relatedPro li:after{right:0;}
.relatedPro li:hover:after,.relatedPro li:hover:before{width:50%;}

.partnerList{width:1260px;}
.partnerList li{width:220px;float:left;margin-right:25px;margin-bottom:5px;}
.partnerList li img{border:2px solid #ebebeb;padding:3px;}
.partnerList li img:hover{border-color:#009ce6}
.partnerList li h3{line-height:40px;text-align:center;padding:0 10px;font-size:15px;}

/* jobs */
.jobsList{width:100%;overflow:hidden;border-top:1px solid #e8e8e8;}
.jobsList dd{height:48px;line-height:48px;border:1px solid #e8e8e8;background:#fff;cursor:pointer;position:relative;border-top:none;}
.jobsList dd em{display:block;width:8px;height:7px;background:url(../images/icone.png) no-repeat;cursor:pointer;position: absolute;top:21px;right:14px;}
.jobsList dd.on{background:#eee;}
.jobsList dd.on em{background:url(../images/iconf.png) no-repeat;color:#fff;}
.jobsList dd span{display:block;float:left;height:48px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:15px;}
.jobsList dd span.sp1{width:320px;}
.jobsList dd span.sp2{width:160px;}
.jobsList dd span.sp3{width:160px;}
.jobsList dd span.sp4{width:160px;}
.jobsList dt{border:1px solid #e8e8e8;border-top:none;padding:30px 50px;background:#fff;font-size:14px;}
.apply{display:block;width:77px;height:30px;line-height:30px;margin-top:30px;background:url(../images/iconl.png) no-repeat 10px 6px #333;color:#fff;font-size:14px;padding-left:33px;border-radius:4px;}
.apply:hover{background-color:#009ce6;color:#fff;}

.jobsShow{border:1px solid #eee;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#eee;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{width:1158px;margin:10px 20px 20px;background:#fff;}
.jobsShow .jobsInput{width:465px;border:1px solid #ccc;line-height:30px;height:30px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #009ce6;}
.jobsShow .jobsTextarea{width:1146px;padding:5px;border:1px solid #eee;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:25px;line-height:25px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:25px;line-height:25px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#009ce6;color:#fff;}

.content_des{width:1198px;border:1px dotted #e5e5e5;padding:5px 0;margin-bottom:10px;text-indent:24px}
.content_des p{font-size:13px;color:#868686;line-height:24px}

.flink{margin-top:50px;width:100%}
.flink .flink_tit{width:100%;position:relative}
.flink .flink_tit p{height:12px;width:100%;background:url(../images/dian.png);position:absolute;top:15px}
.flink .flink_tit span{height:42px;background:#fff;color:#009ce6;font-size:14px;border:1px solid #009ce6;position:relative;z-index:2;display:block;width:115px;text-align:center;line-height:42px;margin-left:0px}
.flink .flink_list{width:100%;margin-top:30px;margin-left:0px}
.flink .flink_list ul li{float:left;margin-right:28px}
.flink .flink_list ul li a{font-size:14px;line-height:28px;color:#5a5a5a}
.flink .flink_list ul li a:hover{color:#47cdff}
.flink .news_list{width:auto;height:auto;border:0;padding:20px 0; overflow:hidden;}
.flink .news_list ul li{ float:left; width:48%; margin-right:2%;}
.flink .news_list ul li span{ float:right;}

.linkbg{ background:#121212; width:100%; height:auto; overflow:hidden; padding: 15px 0 0;}
.link{ width:1200px; height:auto; margin:15px auto 0; overflow:hidden; }
.link span{height:42px;color:#FFF;font-size:14px;border:1px solid #FFF; display:block; float:left;width:115px;text-align:center;line-height:42px;margin-left:0px}
.link ul li{float:left;margin-left:28px; line-height:40px;}