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


.FocusImg{width:100%;height:550px;position:relative;z-index:2;}
.FocusImg .pic{ width:100%; height:100%;position:relative; z-index:3; overflow:hidden; background:#fff;}
.FocusImg .pic li{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute;z-index:100; opacity:0;}
.FocusImg .num{width:100%; height:20px;  bottom:20px;position:absolute; z-index:101; left:0; font-size:0px; text-align:center;}
.FocusImg .num a{width:12px; height:12px; font-size:0; display:inline-block; margin:0 6px; border:2px solid #cac8c8; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; border-radius:100%;}
.FocusImg .num a.current{background:#cac8c8;  border:2px solid #cac8c8;}
.FocusImg .bun{width:34px; height:68px; position:absolute; top:50%; margin-top:-34px; z-index:100;  display:block; cursor:pointer;background:url(../images/bun.png) no-repeat left top;}
.FocusImg .lbun{ left:50%; margin-left:-600px; background-position:0 0;}
.FocusImg .lbun:hover{ background-position:0px -68px;}
.FocusImg .rbun{ right:50%; margin-right:-600px; background-position:-34px 0px;}
.FocusImg .rbun:hover{background-position:-34px -68px;}

/* CSS Document */

.animated .s_t02{visibility:visible;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_t05{visibility:visible;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_t1{visibility:visible;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_t15{visibility:visible;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_t2{visibility:visible;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_t25{visibility:visible;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_t3{visibility:visible;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.animated .s_up {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

.animated .s_left {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}

.animated .s_right {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}

.animated .s_down {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.animated .s_r{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}

.animated .s_d{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}


/*head */
.MsoNormal img {display: inline-block;} 
.hand{ height:86px; border-bottom:#e5e5e5 1px solid; }
.item{ float:left; font-size:16px;  position:relative; z-index:101;}
#menu{ float: left;}
#menus{ float:right;}
.logo{position: absolute;left: 50%; margin-left: -80px; width:145px; height:60px; margin-top:12px;}
.itemon{ line-height:83px; border-bottom:#c7a400 3px solid; float:left; margin-right: 145px;  position:relative;}
.on{  color:#c7a400;  border-bottom: #c7a400 3px solid;  font-weight:bold;}
.nav-tit{font-size:16px; line-height:86px;  margin-right: 44px; display:block;}

.ons{  color:#c7a400;  border-bottom: #c7a400 3px solid;  font-weight:bold;}
.nav-tits{font-size:16px; line-height:86px;  display:block;  margin-left:44px;  font-size:16px; position:relative; z-index:101; }

.itemon .nav-tit {  font-size:16px; font-weight:bold; color:#c7a400;}
.itemon .nav-tit-2{ font-size:16px; color:#999; padding: 0 10px;  display:block;}
.item .nav-tit {  font-size:16px; }

.item .nav-tit-2{ font-size:16px; color:#999; padding: 0 10px;  display:block;}
.items .nav-tit {  font-size:16px;  color:#666;}
.items .nav-tit-2{ font-size:16px; color:#999; padding: 0 10px;  display:block;}
.itemson .nav-tit {  font-size:16px;  color:#666;}
.itemson .nav-tit-2{ font-size:16px; color:#999; padding: 0 10px;  display:block;}
.items{z-index:999; position:relative;  float: left; }
.itemson{ line-height:83px; border-bottom:#c7a400 3px solid; float:left; margin-left: 140px; }
.itemson a {  font-size:16px; font-weight:bold; color:#c7a400;}
.item .sub-menu {
    display: none;
    position: absolute;
    left:-32px;
    right: -1px;
    top: 85px;
    z-index: 999;
    color: #999;

    width: 124px;
    background: #fff;

    border-bottom: 1px solid #c7a400; border-left:1px solid #c7a400; border-right:1px solid #c7a400;}
.items .sub-menu {
    display: none;
    position: absolute;
    left: 14px;
    right: -1px;
    top: 85px;
    z-index: 999;
    color: #999;

    width: 124px;
    background: #fff;

    border-bottom: 1px solid #c7a400; border-left:1px solid #c7a400; border-right:1px solid #c7a400;}
.sub-menu li .nav-tit-2:hover{background:#c7a400; color:#fff; padding: 0 10px;} 
.sub-menu li{line-height:40px; text-align:center; color:#666; }
#menu .current .sub-menu{ display:block;}
#menus .current  .sub-menu{display:block;}

/*pro*/
.pro-tit{ height:66px; text-align:center; margin-top:76px;}
.pro h1{ font-size:30px; color:#333; font-weight:bold;}
.pro p{ font-size:14px; color:#999;}
.pro-box{width:300px; height:692px; float:left;}
.pro-img{ height:346px; width:300px; display: table-cell;vertical-align: middle; border-left:#e3e3e3 1px solid; border-top:#e3e3e3 1px solid;}
.pro-img-2{ height:346px; width:300px; display: table-cell;vertical-align: middle; border-bottom:#e3e3e3 1px solid;}
.pro-img-4{ height:346px; width:300px; display: table-cell;vertical-align: middle; border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid}
.pro-img img{ height:203px; width:196px; margin:0 auto; }
.pro-img-2 img{ height:203px; width:196px; margin:0 auto; }
.pro-img-4 img{ height:203px; width:196px; margin:0 auto; }
.pro-tab{ margin-top:60px;}
.pro-introduce-1{ height:346px; width:300px; background-color:#f5b2c4;}
.pro-box:hover .pro-introduce-1{ height:346px; width:300px; background:url(../imges/01.png);}
.pro-introduce-2{ height:346px; width:300px; background-color:#f3b0d8;}
.pro-box:hover .pro-introduce-2{ height:346px; width:300px; background:url(../imges/02.png);}
.pro-introduce-3{ height:346px; width:300px; background-color:#a8daf0;}
.pro-box:hover .pro-introduce-3{ height:346px; width:300px; background:url(../imges/03.png);}
.pro-introduce-4{ height:346px; width:300px; background-color:#9fdc91;}
.pro-box:hover .pro-introduce-4{ height:346px; width:300px; background:url(../imges/04.png);}
.pro-introduce-1 h2{ font-size:24px; text-align:center;  line-height:24px; color:#FFF; font-weight:bold; margin-bottom:17px; padding-top:78px;}
.pro-introduce-1  p{ font-size:16px; line-height:36px; text-align:center; color:#FFF;}
.pro-introduce-2 h2{ font-size:24px; text-align:center;  line-height:24px; color:#FFF; font-weight:bold; margin-bottom:17px; padding-top:78px;}
.pro-introduce-2  p{ font-size:16px; line-height:36px; text-align:center; color:#FFF;}
.pro-introduce-3 h2{ font-size:24px; text-align:center;  line-height:24px; color:#FFF; font-weight:bold; margin-bottom:17px; padding-top:78px;}
.pro-introduce-3  p{ font-size:16px; line-height:36px; text-align:center; color:#FFF;}
.pro-introduce-4 h2{ font-size:24px; text-align:center;  line-height:24px; color:#FFF; font-weight:bold; margin-bottom:17px; padding-top:78px;}
.pro-introduce-4  p{ font-size:16px; line-height:36px; text-align:center; color:#FFF;}
.zuo_img{ width: 540px; height: 540px; float: left; margin-top: 50px;}
.you_img{width: 540px; height: 540px; float: right; margin-top: 50px;}
.zuo_img img { width: 100%;}
.you_img img { width: 100%;}

/*introduce*/
.bj{ height:531px; margin:0 auto; background:url(../imges/bj01.png) no-repeat; margin-top:76px;}
.int-tit{ height:66px; text-align:center; margin-top:76px;}
.int-tit h1{ font-size:30px; color:#333; font-weight:bold;}
.int-tit p{ font-size:14px; color:#999;}
.int-txt{ text-indent:32px; font-size:16px; color:#666; line-height:36px; width:950px;  margin:0 auto; padding-top:70px;}

/*new*/
.new-tit{ height:66px; text-align:center; margin-top:76px;}
.new-tab{ margin-top:60px;}
.new-tit h1{ font-size:30px; color:#333; font-weight:bold;}
.new-tit p{ font-size:14px; color:#999;}
.new-box{ width:378px; height:420px; margin-right:33px; float:left}
.new-box:last-child{   margin-right:0px; }
.time{height:60px; width:378px;}
.time h3{ font-size:40px; line-height:60px; color:#c7a400; float:left;}
.time p{ font-size:24px; line-height:60px; color:#c7a400; float:right}
.new-txt-tit{ font-size:16px; color:#3f3a37; margin-top:10px; line-height:16px;}
.new-img{height:150px; width:378px; margin-top:40px;}
.new-txt{ font-size:16px; color:#999; line-height:28px; width:345px; margin-top:40px;}

/*bottom*/
.bj02{ background:url(../imges/new-img03.png); height:884px; margin-top:76px;}
.bj002{ background:url(../imges/new-img03.png); height:884px;}
.about-tit{ height:66px; text-align:center; margin-top:76px;}
.about-tit h1{ font-size:30px; color:#333; font-weight:bold;}
.about-tit p{ font-size:14px; color:#999;}
.add { height:30px; margin-top:26px;}
.add p { font-size:14px; color:#999; float:left; margin-right:110px; line-height:30px}
.add span { font-size:14px; color:#999; float:left; line-height:30px}
.add h3 { font-size:20px; color:#c7a400; line-height:30px}
.about{ height:120px; margin-top:40px;}
.name{ width:440px; float:left; margin-right:64px;}
.txt-1{width: 440px; height:50px; background: url(../imges/input.png) left; border:0px;   margin-bottom: 14px; float: left;  margin-bottom:20px; color:#a9a9a9; padding-left:30px; font-size:16px;}
.txt-1:last-child{ margin-bottom:0px;}
.txt-3{ width:662px; height:120px; background:url(../imges/input02.png) right;  float:left; color:#a9a9a9; padding-left:30px; font-size:16px; border:0px; line-height:50px;}
.btn{ width:246px; height:60px; border-radius:29.5px; background:#c7a400; color:#FFF; text-align:center; font-size:18px; margin-top:60px; right:50%;}
.submit{ margin:0 auto; width:246px; margin-bottom:40px;}
.n-line{ width:100%; height:1px; background:#dcdbd5;}
.foot{ width:1000px; height:170px; margin:0 auto; padding-top:70px; padding-bottom:30px;}
.logo02{ width:260px; height:170px; text-align:center; float:left; margin-right:130px;}
.logo02 img { width:169px; height:58px; margin:0 auto; padding-bottom:16px;}
.logo02 p{ font-size:18px; color:#333;}
.logo02 span{  color:#666}
.contact-txt .icon{ width:21px; height:21px; background:url(../imges/add.png)  ; float:left; display:flex; justify-content:center;}
.contact-txt-2 .icon{ width:21px; height:21px; background:url(../imges/add.png); float:left; display:flex; justify-content:center; background-position-y: 90px;}
.contact-txt-3 .icon{ width:21px; height:21px; background:url(../imges/add.png); float:left; display:flex; justify-content:center; background-position-y: 53px;}
.contact-txt-4 .icon{ width:21px; height:21px; background:url(../imges/add.png); float:left; display:flex; justify-content:center; background-position-y: 21px;}
.contact{width:270px; height:170px; float:left}
.contact h3{ font-size:18px; font-weight:bold; line-height:18px; margin-bottom:22px;}
.contact-txt p{ display:block; float:left; font-size:20px; color:#333; line-height:21px; margin-left:12px;}
.contact-txt{ height:21px; margin-top:14px;}
.contact-txt-2 p{ display:block; float:left; font-size:20px; color:#333; line-height:21px; margin-left:12px;}
.contact-txt-2{ height:21px; margin-top:14px;}
.contact-txt-3 p{ display:block; float:left; font-size:14px; color:#aaaaaa; line-height:21px; margin-left:12px;}
.contact-txt-3{ height:21px; margin-top:14px;}
.contact-txt-4 p{ display:block; float:left; font-size:14px; color:#aaaaaa; line-height:21px; margin-left:12px;}
.contact-txt-4{ height:21px; margin-top:14px;}
.ewm h3{ font-size:18px; font-weight:bold; line-height:18px; margin-bottom:22px;}
.ewm{ width:266px; float: right;}
.ewm-img{ height:128px;}
.ewm-1{ float:left; font-size:14px; color:#aaa; text-align:center;}
.ewm-2{ float:right; font-size:14px; color:#aaa; text-align:center;}
.nav{ height:50px; line-height:50px; width:550px; margin-left:110px; float:left;}
.nav li a{font-size:14px; color:#aaa;}
.nav li{ float:left; margin-right:60px; font-size:14px; color:#aaa;}
.nav li:last-child{ margin-right:0px; float:right;}
.return{ float:right; }
.return p{ line-height:50px; font-size:14px; color:#aaa;cursor:pointer; float:right;}
.return img{ width:17px; height:10px; float: left; margin-right:6px;  margin-top:20px;}
.support{ text-align:center; font-size:12px; color:#aaa; line-height:40px;}


/*公司简介*/
.FocusImg-2{ background: url(../imges/banner-2.jpg) center center no-repeat; width:100%; height:550px; }
.FocusImg-3{ background: url(../imges/banner-3.png) center center no-repeat; width:100%; height:550px; }
.FocusImg-4{ background: url(../imges/banner-4.png) center center no-repeat; width:100%; height:550px; }
.FocusImg-5{ background: url(../imges/banner-5.png) center center no-repeat; width:100%; height:550px; }

.bj-4{ height:80px; border-bottom:#e5e5e5 1px solid;}
.tab-list{ width: 1200px; line-height: 40px; margin: auto; height: 40px; }
.tab-list li{ float: left; font-size: 14px;cursor: pointer; width:400px; }
.tab-list li.hover{ background-image: url(../imges/selected.png); color: #fff; height:80px;}

.options{width:26px; height:26px; overflow:hidden; float:left;margin-top: 28px; margin-left: 150px; background-image: url(../imges/tab-icon.png); background-position-y:-8px;}
.tab-list li.hover .options.hover{ background-position-y:-46px;}
.options-1{ width:26px; height:26px; overflow:hidden; float:left;margin-top: 28px; margin-left: 150px; background-image:url(../imges/tab-icon.png); background-position-y: -86px;}
.tab-list li.hover .options-1.hover{ background-position-y:-126px;}
.options-2{ width:26px; height:26px; overflow:hidden; float:left;margin-top: 28px; margin-left:150px; background-image:url(../imges/tab-icon.png);background-position-y: -162px;}
.tab-list li.hover .options-2.hover{ background-position-y:-201px;}
.bj-4{ height:80px; border-bottom:#e5e5e5 1px solid;}
.tab-list{ width: 1200px; line-height: 40px; margin: auto; height: 40px; }
.tab-list li{ float: left; font-size: 14px;cursor: pointer; width:400px; color:#333; }
.tab-list li.hover{ background:url(../imges/kuang@2x.png) center no-repeat; color: #c7a400; height:80px;}
.tab-list li p{line-height:80px; font-size:16px; text-align:center; color:#c7a400}
.n-line-1{ width:100%; height:1px; background:#dcdbd5; position:absolute}


.introduce-txt{ width:616px; height:auto; line-height:28px; /*float: left;*/ margin-top:50px;}
.introduce-txt b{ font-size:18px; color:#666; /*float:left;*/}
.introduce-txt p{ font-size:14px; color:#666; text-indent:14px;}
.beiyingmei{ float:right; margin-top:0px; width: 550px;}
.beiyingmeis{ float:right; margin:30px auto;}
.arc{ background:url(../imges/arc.png); width:1234px; height:526px; margin-top:60px;}
.arc p{ font-size:16px; color:#666; line-height:80px; text-indent:36px;}
.vision{ margin:0 auto; padding-top:30px; width:722px; height:482px;}
/*产品中心*/
.bjthree{ background:#eee url(../imges/bjthree@2x.jpg) center bottom no-repeat; width:100%; height:auto;}

.product-tab{ margin-top:50px; text-align:center;}

/*------eit------*/
.chid-box{height:727px;width:1200px;  position:relative;}
/*------eit------*/
.one{ background: url(../imges/one.png) center no-repeat; height:51px; width:151px; cursor:pointer; }
.one:hover,.one.active{ background: url(../imges/kuang01@2x.png) center no-repeat;  cursor:pointer;}
.two{ background:url(../imges/two.png) center no-repeat; height:51px; width:151px;  cursor:pointer;}
.two:hover,.two.active{ background: url(../imges/kuang02@2x.png) center no-repeat;  cursor:pointer;}
.three{ font-size:14px; color:#c7a400; text-align:center;  cursor:pointer;  line-height:74px;}
.three:hover, .three.active{ background: url(../imges/000@2x.png) center no-repeat; height:74px; width:250px;  cursor:pointer;}
.four{ background:url(../imges/four.png) center no-repeat; height:59px; width:222px;  cursor:pointer;}
.four:hover, .four.active{ background: url(../imges/kuang04@2x.png) center no-repeat; height:59px; width:222px;  cursor:pointer;}
.five{ background:url(../imges/five.png) center no-repeat; height:59px; width:186px;  cursor:pointer;}
.five:hover, .five.active{ background: url(../imges/kuang05@2x.png) center no-repeat; height:59px; width:186px;  cursor:pointer;}
.product-tab li{ margin-right:18px; display:inline-block; width:250px; height:74px;}
.product-tab li:last-child { margin-right:0px;}
.product-box{ display:none;}
.proone-img{ background:url(../imges/proone01@2x.png); width:569px; height:422px; margin-top: 27px; margin-right: 614px;}
.youdian h2{  font-size:24px; text-align:center; margin-bottom:30px; margin-top:16px;}
.line-2{ width:32px; height:3px; margin:0 auto; background:#333;}
.water02{ margin-left:430px; margin-top:20px; position:absolute;}
.baby01{ position:absolute; width:334px; height:564px; position: absolute; left:450px;; top: 162px;}
.youdian-txt{ position:absolute; width:258px; height:326px; top: 180px; left:250px;}
.youdian-txt02{ width:287px; height:338px; position:absolute; top: 246px; right:210px;}
.youdian02 h2{  font-size:24px; text-align:center; margin-bottom:30px; margin-top:70px;}
.line-2{ width:32px; height:3px; margin:0 auto; background:#333;}
.yingyang{ height:510px; margin-left:150px; margin-top:60px;}
.yingyang-img{ background:url(../imges/19yunfu.png) center center no-repeat; width:270px; height:200px;}
.yingyang-img01{ background: url(../imges/ayamasuan.png) center center no-repeat; width:270px; height:200px;}
.yingyang-img02{ background: url(../imges/62785857e115bef62876b84a695e27f36545376f612aa-c170iF@2x.png) center center no-repeat; width:270px; height:200px;}
.yingyang-img03{ background: url(../imges/milk@2x.png) center center no-repeat; width:270px; height:200px;}
.yingyang li h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.yingyang li p{ font-size:14px; color:#666; /*ext-align:center;*/ width:310px; /*text-align:center;*/ margin-left:30px; margin-top:10px;}
.yingyang li{ width:320px ; height:360px; margin-right:45px; float:left;}
.yingyang li:last-child { width:270px ; height:510px; margin-right:45px;}
.woman{ background:url(../imges/woman.png)  center no-repeat; width:510px; height:317px; position:absolute; left:-78px; top:88px;}
.baby{ background:url(../imges/baby.png) center no-repeat; width:510px; height:317px;  position:absolute; right:-40px; top:88px;}
.line-4{ width:30px; background:#caaa24; height:2px;  float:left;}
.line-5{ width:30px; background:#caaa24; height:2px;  float:right;}
.waman-tit{ width:180px; margin-top: 48px; margin-left: 168px;}
.waman-tit h2{ font-size:24px; color:#caaa24; text-align:center;}
.woman-img{ width:24px; height:24px; border:1px solid #caaa24; border-radius:12px; display:block; float:left; margin-left:100px; text-align: center;}
.womanone{ margin-top:0px; height:42px;}

.womanone p{ font-size:14px; color:#caaa24; float:right; width:320px; margin-right:52px;line-height:25px;}
.babytwo{}

.bjfour{ background: url(../imges/bjfour@2x.png) center no-repeat; width:100%; height:727px; position:relative;}
.bjfive{ background: url(../imges/bjfive@2x.png) center no-repeat; width:100%; height:560px; }
.bjsix{ background: url(../imges/bjsix@2x.jpg) center no-repeat; width:100%; height:502px; position:relative;}
.bjsix-wap{height:502px; width:1200px;  position:relative;}


.product-tit{ height:66px; text-align:center; margin-top:76px;}
.product h1{ font-size:30px; color:#333; font-weight:bold; margin-bottom:16px;}
.product p{ font-size:14px; color:#999; margin-top:16px;}
.line{ background:#d2d2d2; width:54px; height:1px; margin:0 auto;}


.pagination {margin: 0 auto; text-align: center; padding-top:40px;}
.page { font-size: 14px;  color:#acacac; display: inline-block; text-align: center; margin: 0 10px 0 10px; padding: 4px 10px; border-bottom:1px #e1e1e1 solid;}
.pagination .page {font-size: 14px; }
.pagination .number {color: #f7a34a; border-bottom:1px #f7a34a solid; }
.pagination a:hover { color:#f7a34a;  border-bottom:1px #f7a34a solid; }

.quan img{ float:left; margin-left:20px; margin-top:11px;}
.quan p{ float: right; margin-left:10px; font-size:14px; line-height:30px; margin-right:20px; color:#999}
.quan{border: 1px #e1e1e1 solid; width:120px; height:30px; float:left; margin-left:300px; cursor:pointer;}
.quan:hover .pag01{ background:url(../imges/Form14@3x.png)}
.quan:hover p{ color:#f7a34a;}
.pag01{ background:url(../imges/Form14@2x.png) center center no-repeat; width:20px; height:8px; float: left; margin-left:20px; margin-top:11px;}

.pag02{background: url(../imges/Form14@1.png) center center no-repeat; width:20px; height:8px; float: right; margin-right:20px; margin-top:11px;}
.quan-1:hover .pag02{ background:url(../imges/Form14@4x.png)}
.quan-1:hover p{ color:#f7a34a;}
.quan-1 p{ float: left; margin-left:20px; font-size:14px; line-height:30px; margin-right:16px; color:#999}
.quan-1{border: 1px #e1e1e1 solid; width:120px; height:30px; float: right; margin-right:300px; cursor:pointer;}



.tab-listx{ width: 1200px; line-height: 40px; margin: auto; height: 40px; }
.tab-listx li{ float: left; font-size: 14px;cursor: pointer; width:400px; }
.tab-listx li.hover{ background-image: url(../imges/selected.png); color: #fff; height:80px;}
.tab-listx li.hover .options.hover{ background-position-y:-46px;}
.tab-listx li.hover .options-1.hover{ background-position-y:-126px;}
.tab-listx li.hover .options-2.hover{ background-position-y:-201px;}
.bj-4{ height:80px; border-bottom:#e5e5e5 1px solid;}
.tab-listx{ width: 1200px; line-height: 40px; margin: auto; height: 40px; }
.tab-listx li{ float: left; font-size: 14px;cursor: pointer; width:300px; color:#333; }
.tab-listx li.hover{ background:url(../imges/kuang@2x.png) center no-repeat; color: #c7a400; height:80px;}
.tab-listx li p{line-height:80px; font-size:16px; text-align:center; color:#c7a400}

/*走进*/
.options{width:26px; height:26px; overflow:hidden; float:left;margin-top: 28px; margin-left: 150px; background-image: url(../imges/tab-icon.png); background-position-y:-8px;}
.tab-list-two li.hover .options.hover{ background-position-y:-46px;}
.options-1{ width:26px; height:26px; overflow:hidden; float:left;margin-top: 28px; margin-left: 150px; background-image:url(../imges/tab-icon.png); background-position-y: -86px;}
.tab-list-two li.hover .options-1.hover{ background-position-y:-126px;}
.options-2{ width:26px; height:26px; overflow:hidden; float:left;margin-top: 28px; margin-left:150px; background-image:url(../imges/tab-icon.png);background-position-y: -162px;}
.tab-list-two li.hover .options-2.hover{ background-position-y:-201px;}
.tab-list-two li a:hover { color:#666;}
/*案例展示*/
.bj-4{ height:80px; border-bottom:#e5e5e5 1px solid;}
.tab-list-two{ width: 1200px; line-height: 40px; margin: auto; height: 40px; text-align:center}
.tab-list-two li{font-size: 14px;cursor: pointer; width:400px; color:#c7a400; text-align:center; display: inline-block}
.tab-list-two li.hover{ background:url(../imges/kuang@2x.png) center no-repeat; color:#c7a400; height:80px;}
.tab-list-two li { line-height:80px; font-size:16px; color:#c7a400; display:inline-block}
.case{ margin:0px 40px}
.case ul{ margin-top:60px; height:330px;}
.case-box{ width:340px; height:330px; float: left; margin-right:50px; box-shadow: 5px 6px 12px #E9E9E9; }
.case-box:nth-child(3){ margin-right:0px;}
.case-box:nth-child(3){ margin-right:0px;}
 .case-box:hover{box-shadow:8px 8px 26px #d8d8d8; transition: all 0.5s;}
.caseboximg01{background:url(../imges/case-img01.png) no-repeat; width:100%; height:218px; background-size:100% 100%}
.caseboximg02{background:url(../imges/case-img02.png) no-repeat; width:100%; height:218px; background-size:100% 100%}
.caseboximg03{background:url(../imges/case-img03.png) no-repeat; width:100%; height:218px; background-size:100% 100%}
.caseboximg04{background:url(../imges/case-img04.png) no-repeat; width:100%; height:218px; background-size:100% 100%}
.caseboximg05{background:url(../imges/case-img05.png) no-repeat; width:100%; height:218px; background-size:100% 100%}
.caseboximg06{background:url(../imges/case-img06.png) no-repeat; width:100%; height:218px; background-size:100% 100%}
.caseboximgs{width:100%; height:300px; background-size:100%;}
.caseboximgx{ width:340px; height: 218px; overflow: hidden;}
.caseboximgx img { width: 100%;}
.case-tit { height:40px;}
.case-tit h5{ font-size:16px; color:#333; float:left; margin-left:20px; line-height:40px;}
.case-tit p{ font-size:14px; color:#999; float: right; margin-right:20px; line-height:40px;}
.case-txt{ font-size:14px; color:#999; width:300px; margin-left:20px;}
.list-box-two{ }

/*企业资讯*/

.news-titone{ height:80px; text-align:center; width:1200px;}
.news-titone h1{font-size: 30px; color: #333; line-height: 1; padding-top: 14px;}
.news-titone h3{font-size: 16px;color: #999; line-height: 1;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; padding-top:10px;}
.concept-links{background-image:url(../images/concept-link.png); width:1200px; height:3px; margin-top:10px;)}
.new-boxone{ margin-top:60px;}
.new-boxone li:hover .new-z h6{ color:#c7a400;}

.new-background {
    background-color: #f4f4f2;
    width: 100%;
    padding: 60px 0;
    clear: both;
}

.new-module {
    width: 1200px;
    margin: 0 auto;
}

.new-boxone ul li {
    width: 1200px;
    clear: both;
}

.new-boxone ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.period {
    position: absolute;
    left: 5px;
    top: 0px;
    z-index: 1;
    background-color: #bebebe;
    padding: 27px 20px;
    text-align: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    margin-top: 40px;
}

.period h6 {
    font-family: arial;
    color: #EEEEEE;
    font-size: 58px;
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
}

.period p {
    font-family: arial;
    color: #EEEEEE;
    font-size: 18px;
    margin-top: 10px;
}

.new1 { border-bottom:1px solid #eeeeee;
    background-color: #FFFFFF;
    padding: 40px 30px;
    float: right;
    width: 1023px;
    position: relative;
    z-index: 5;
    right: 10px;
    top: 0px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    /* transition: all .4s ease; */
}

.new-figure {
    width: 303px;
    height: 180px;
    float: left;
}

.new-z {
    float: right;
    width: 660px;
}

.new-z h6 {
    font-size: 18px;
    padding-left: 15px;
    position: relative;
}

.new-z h6:before {
    content: "";
    background: url(../imges/sjx.png) no-repeat center;
    display: block;
    width: 7px;
    height: 9px;
    top: 50%;
    left: 0px;
    position: absolute;
    margin-top: -4.5px;
}

.new-z p {
    font-size: 14px;
    color: #686868;
    text-align: left;
    word-break: break-word;
    display: -webkit-box;
    line-height: 27px;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 26px 0;
}

.new-z span {
    font-size: 12px;
    color: #979797;
}

.new-boxone ul li a:hover .day {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.new-boxone ul li a:hover .year {
    color: #fff;
}

.new-boxone ul li a {
    overflow: hidden;
}

.new-boxone ul li a:hover .period {
    background-color: #c7a400;
    transform: translateX(-5px);
}

.new-boxone ul li :hover .new1 {
    transform: translateX(5px);
}

/*联系我们*/
.address{ height:361px; margin-top:70px;}
.address .map img{ width:594px; height:361px; float:left;}
 .map{ width:690px; height:361px; border-right:#e5e5e5 1px solid; float:left;}
.address-tit{ float:right; width:330px; height:190px; margin-top:85px; margin-right:100px;}
.address-tit h2{ font-size:20px; line-height:20px; border-left:3px #c7a400 solid; font-weight:bold; width:190px; padding-left:20px; margin-bottom:50px;}
.adderss-icon-1{ background:url(../imges/%E7%BB%8423@2x.png); width:22px; height:22px; float:left; margin-right:12px;}
.adderss-icon-2{ background:url(../imges/%E7%BB%8423@2x.png); background-position-y: -41px; width:22px; height:22px; float:left;  margin-right:12px;}
.adderss-icon-3{ background:url(../imges/%E7%BB%8423@2x.png); background-position-y: -81px; width:22px; height:22px; float:left;  margin-right:12px;}
.adderss-txt{ height:22px; margin-top:20px;}
.adderss-txt p{ font-size:14px; color:#666; line-height:22px; float: left; margin-left:12px;}
.adderss-txt b{ font-size:16px; line-height:22px; color:#333; float:left;} 


.article {margin-top: 35px;}
.article .img-box {width:340px; border: 1px solid #dbdbdb; height:356px;}
.img-box img {width: 100%; height:100%;}
.fl {float: left;}
.article .text-box {width: 630px;}
.fr {float: right}
.article .text-box h1 {color: #444444; font-size:28px; margin-top: 15px; font-weight:bold; color:#273c7f;}
.article .text-box .Product-link { width:630px;  height:16px; line-height:16px; margin-top:30px;}
.article .text-box .Product-link  .pageicon{ width:24px; height:16px; background:url(../imges/pageicon.png) center center no-repeat; float:left}
.article .text-box .Product-link  p{ color:#666; font-size:16px; line-height:16px;  margin-left:34px;}
.article .text-box h3 {
    color: #333;
    font-size: 18px;
    margin-top: 60px;}
.article .text-box p {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
    line-height: 30px;
	}
.atr-pic{ height:45px; margin-top:44px;}
.atr-pic h4{ font-size:21px; font-weight:bold; color:#666; float:left; width:120px; height:30px; border-left:4px solid #273c7f; text-align:center; margin-top:7px;}
.Product-links{ height:1px; background-color:#eeeeee; width:760px; float:left; margin-top:22px;}
.down{background-image:url(../images/download.png); float: right; width:156px; height:45px;}
.down:hover{background-image:url(../images/download01.png); }
.parameter{ width:1009px; height:931px; background:url(../images/canshu.png); margin-top:20px;}
.parameter{}

/*详情页*/
.list {
    text-align: center;
    margin: 0 auto;
}

.list a {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    margin: 0 20px 0 20px;
    padding-bottom: 5px;
     border-bottom: 1px solid transparent;
}
.list a:hover{
     border-bottom: 1px solid #3e3e3e;
}
.details-module {
    background-color: #f4f4f2;
    width: 100%;
    padding: 60px 0;
}

.details-box {
    margin: 0 auto;
    width: 1200px;
    background-color: #ffffff;
}

.news-details {
    padding: 35px 80px;
    box-shadow: 0 0 12px #e3e3e3;}

.bread {
    border-bottom: 1px solid #e6e6e6;
    height: 30px;
    margin-bottom: 50px;
}

.bread ul li {
    float: left;
    font-size: 14px;
    color: #b9b7b7;
    margin-right: 10px;
}

.bread ul .b-index {
    background: url(../imges/nidx-icon.png) no-repeat center left;
    padding-left: 18px;
}

.bread ul .b-center {
    background: url(../imges/n-righticon.png) no-repeat center left;
    padding-left: 12px;
}

.news-text h6 {
    font-size: 22px;
    text-align: center;
}

.release a {
    font-size: 14px;
    color: #979797;
    margin-top: 30px;
}

.news-figure img {
    margin: 0 auto;
    margin: 40px 0 30px 0;
}

.word {
    font-size: 16px;
    color: #808080;
    word-break: break-word;
    line-height: 32px;
    margin-bottom: 40px;
}

.chapter {
    padding: 36px 0;
    border-top: 1px solid #e6e6e6;
}

.chapter ul li {
    float: left;
    font-size: 14px;
    color: #686868;
    width: 346px;
    text-align: center;
    margin-top: 10px;
}

.chapter ul li .up {
    background: url(../images/n-lefticon.png) no-repeat left;
    padding-left: 20px;
}

.chapter ul li .under {
    background: url(../images/n-righticon.png) no-repeat right;
    padding-right: 20px;
}

.chapter ul li .in {
    background: url(../images/n-listicon.png) no-repeat left;
    padding-left: 30px;
}

.segmentation {
    border-left: 1px solid #b9b7b7;
    border-right: 1px solid #b9b7b7;
}

/*资质荣誉*/
.zhichi-bj{ background:url(../imges/zhichi@2x.png) center center no-repeat; height:1048px;}

.slide {
    width: 100%;
    position: relative; margin-top:30px;}
	
.slide .slide-wrapper {
    margin: 0 auto;
    width: 700px;
    height: 320px;
    overflow: hidden;
    position: relative;
}
.slide .slide-wrapper ul.slide-display li.left {
    left: 0;
    width: 300px;
    height: 197px;
    z-index: 2;
}
.slide .slide-wrapper ul.slide-display li.middle {
    left: 150px;
    z-index: 3;
}
.slide .slide-wrapper ul.slide-display li {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 800px;
    margin: auto;
    width: 400px;
    height: 263px;
    line-height: 0;
}
.slide .slide-wrapper ul.slide-display li.right {
    width: 300px;
    height: 197px;
    left: 400px;
    z-index: 2;
}
.slide a.slide-prev {
    left: 0px;
}
.slide a {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 59px;
    height: 103px;
}
.slide a.slide-next {
    right: 0px;
}
.slide .slide-wrapper ul.slide-display li img {
    width: 100%;}
.slide a i {
	width:59px;
   	padding:50px 30px; 
    height: 103px;
    overflow: hidden;
    background: url(../imges/zy@2x.png) no-repeat;}
.slide p { margin-top:20px;
    color: #666;
    font-size: 16px;
    text-align: center;
}	
.slide a.slide-next i {
    background-position:-58px  center;
}
.ddu{ margin-top:160px;}

.tit{ margin-top:90px;}
.tit h1{ font-size:30px; text-align:center;  margin-bottom:20px; line-height:36px; color:#333;}
.tit .line{ width:30px; height:2px; background:#999; margin:0 auto;}
.tit p{ font-size:16px; color:#999; text-align:center; margin-top:20px; line-height:1;} 
.mbj{ background:url(../imges/mbj.png) center center no-repeat; width: 100%;}


/*内页 招聘 */
/*内页 公用 */
.subnav { height: 66px; border-bottom: 1px solid #e8e8e8; }
.subnav a { color: #666; height: 36px; padding: 15px 0; font-size: 16px; line-height: 36px; margin-right: 32px; position: relative; }
.subnav a.active:after { content: ""; position: absolute; left: 0; height: 0; width: 100%; bottom: -1px; border-bottom: 2px solid #2e9dd0; }
.subnav a.active { color: #2e9dd0; }
.ibanner { width: 100%; height: 350px; overflow: hidden; background-repeat: no-repeat; }
.inr-title { color: #333; font-size: 24px; line-height: 48px; text-align: center; }
.inr-title small { color: #999; display: block; font-size: 18px; position: relative; text-transform: uppercase; }
.inr-title small:after { content: ""; position: absolute; top: 0; left: 50%; width: 58px; height: 2px; margin-left: -29px; background-color: #06abdf; }
.main-content { width: 1200px; margin: 0 auto; padding: 0 15px; overflow: hidden; min-width: 1200px; }
.main-content:before, .main-content:after { content: ""; display: table; height: 0; width: 100%; font-size: 0; }
.main-content:after { clear: both; }
.ihandle { height: 63px; border-bottom: 1px solid #efeff4; }
.ihandle .breadcurmbs { height: 30px; color: #666; font-size: 15px; margin: 17px 0 16px; }
.ihandle .breadcurmbs li { float: left; color: #666; height: 100%; font-size: 14px; max-width: 120px; overflow: hidden; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; }
.ihandle .breadcurmbs li:first-child + li ~ li:before { content: ">"; display: inline-block; margin: 0 10px; line-height: 19px; font-family: Simsun; }
.ihandle .breadcurmbs li a { color: #666; font-size: 13px; font-family: "Microsoft  Yahei"; }
.ihandle .breadcurmbs li:last-child a { color: #17188d; }
.sidebar { float: left; width: 260px; margin-top: 60px; margin-bottom: 60px; }
.sidebar .tab-title { color: #fff; font-size: 18px; line-height: 40px; padding: 0 20px; background-color: #17188c; }
.sidebar .tab-itemt { display: block; color: #666; font-size: 14px; line-height: 40px; position: relative; padding-left: 24px; padding-right: 10px; -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; }
.sidebar .tab-itemt:after { content: ""; position: absolute; top: 50%; left: 0; width: 0; height: 0; margin-top: -5px; border: 5px solid #dbdbdb; border-width: 5px 0 5px 6px; border-color: transparent #dbdbdb; }
.sidebar .tab-itemt:hover { color: #17188c; padding-left: 32px; }
.sidebar .tab-itemt:hover:after { border-color: transparent #17188c; }
.sidebar .tab-itemt.active { color: #17188c; }
.sidebar .tab-itemt.active:after { border-color: transparent #17188c; }

.idx-recruit { margin-top: 60px; margin-bottom: 60px; }
.idx-recruit .itemt { margin-bottom: 20px; background-color: #fff; }
.idx-recruit .fold-btn { height: 30px; color: #666; cursor: pointer; font-size: 16px; line-height: 30px; padding: 10px 15px; position: relative; padding-right: 80px; background-color: #efefef; }
.idx-recruit .fold-btn:after { content: ""; position: absolute; top: 0; right: 15px; width: 50px; height: 50px; background:url(../imges/folder.png) no-repeat left center; }
.idx-recruit .fold-con { padding: 20px 15px; }
.idx-recruit .itemt + .itemt .fold-con { display: none; }
.idx-recruit .fold-con h3 { color: #333; font-size: 14px; margin-top: 12px; font-weight: bold; margin-bottom: 4px; }
.idx-recruit .fold-con h3 em { color: #888; font-size: 14px; font-weight: normal; }
.idx-recruit .fold-con p { color: #888; font-size: 14px; line-height: 28px; }
.idx-recruit .itemt.active .fold-btn { color: #666; background-color: #efefef; }
.idx-recruit .itemt .active .fold-btn:after { background-position: right center; }

.idx-recruit .fold-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    width: 50px;
    height: 50px;
    background:urlurl(../imges/folder.png) no-repeat left center;

}


.idx-recruit .itemt.active .fold-btn::after {

    background-position: right center;

}

/*人才招聘*/
.news_list{ width: 1200px; margin: 0 auto;}
.news_list ul{}
.news_list li{ height:135px; margin-top:30px; webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; border-bottom:1px dotted #ddd; float: left; width: 50%; box-sizing: border-box;}
.news_list li .img{ float:left; display:block; width:200px; height:auto; margin-right: 20px; display:none;}
.news_list li .img img{ width:200px; height:auto; border-radius:1px;
}
.news_list li .txt{ float:left; margin-left:0px; width:500px;-webkit-transition: all .53s ease-out;
    -moz-transition: all .53s ease-out;
    -o-transition: all .53s ease-out;
    -ms-transition: all .53s ease-out;}
.news_list li .txt .titx{ font-size:16px; color:#333333; margin-bottom:10px; display:block; font-weight:400; background: url(../images/jt2.gif) no-repeat left center; padding-left: 20px;}
.news_list li .txt p{ font-size:12px; color:#888; line-height:19px; height: 40px; overflow: hidden; padding-left: 18px;}
.news_list li .date{ padding: 0px 0; margin-bottom: 10px; border: 1px solid #ddd; display: inline-block; margin-left: 18px; text-align: center; border-radius: 2px; color: #888; padding: 0px 6px;}
.news_list li .date span{ font-size:12px; color:#ddd; border-top:1px solid #ddd; padding-top:10px; display:block; margin:0 auto; width:30px; text-align:center; font-family:Arial, Verdana;}
.news_list li:hover{}
.news_list li:hover .img{ box-shadow:none;}
.news_list li:hover .img img{box-shadow:none;}
.news_list li:hover .txt{ padding-left:10px;}
.news_list li:hover .txt .titx{ color: #c7a400; font-weight: bold;}

.news_more{ padding-top: 30px;}
.news_more a{ display: block; width: 100%;height: 40px; 
    -webkit-transition:all 1s 0s;
    -moz-transition:all 1s 0s;
    -ms-transition:all 1s 0s;
    transition:all 1s 0s; border: 1px solid #ddd; color: #666; line-height: 40px; margin: 0 auto; background: #fff; color: #555; text-align: center; border-radius: 3px;}
.news_more a:hover{ background: #c7a400; color: #fff;}
.about_fenlei{ background: #fff;}
.about_fenlei ul{ width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0;}
.about_fenlei li{ display: inline-block; margin: 0 6px;}
.about_fenlei li a{ background: #fff; display: inline-block; height:40px; padding: 0 40px; line-height: 40px; font-size: 16px; border-radius: 4px; box-shadow: 0 0 5px #aaa}
.about_fenlei li a.on{background: #c7a400; color: #fff;}
.about_fenlei li a:hover{background: #c7a400; color: #fff;}
.about_fenlei.about{ position:absolute; bottom: 0; left: 0; width: 100%;background:url(../images/bg1.png);}
.about_fenlei.about li a{ box-shadow: none;}


/*在线应聘表单页*/
.u-form{ font-size:14px; padding:20px; color:#333;} 
.u-form li{ margin-top:15px; line-height:36px;}
.u-form .name{width:140px;text-align:right; margin-right:10px; font-size:12px;  line-height:36px; float:left; font-weight:bold;}
.u-form .input-box{ float:left; position:relative;}
.u-form .input-box font{font-size:16px; display:inline-block; vertical-align:-3px;}
.u-form .input-txt{ width:500px;}
.u-form .input-tra{ height:80px; line-height:16px;}
.u-form .label{ margin-right:20px;}
.u-form .select{ height:40px; margin-right:10px; padding:0 10px;}
.u-form .opn{ margin:0 0 0 150px;}
.u-form .opn .btn{ width:120px; height:36px; line-height:34px; font-size:15px; border-radius:2px;}
.u-form .pic{ width:150px; height:150px; padding:4px; border:#e5e5e5 1px solid; font-size:0px; line-height:0px; position:relative; cursor:pointer; float:left;}
.u-form .pic img{ width:150px; height:150px;}
.u-form .getyzm{ width:120px; height:34px; line-height:34px; padding:0;}
.u-avatar{ width:150px; height:150px; padding:4px; border:#E5E5E5 1px solid;}
.u-avatar img{ width:100%;}
.plrb20{ padding:0 20px 20px; }
.carttable.thsp td{ padding:15px 12px;}
.carttable.thsp .title td{ padding:0 12px;}
.scpz-btn{ width:150px; height:36px; border:none; font-size:14px; color:#333; cursor:pointer;}
.mb0{ margin-bottom:0 !important;}
.layer .tips-cnt .bt{ font-size:18px; color:#333; font-weight:bold;}
.layer .tips-cnt .bt img{width:24px; height:24px; display:inline-block; vertical-align:middle; margin:-2px 10px 0 0;}
.carttable.plr10 tr.title td{ padding:0 10px;}
.u-form .dsp{ margin-top:10px; line-height:1; font-size:12px; margin-left:150px;}
.u-form .tips{ margin-top:10px; height:16px; line-height:16px; font-size:12px; color:#00889e;}
.u-form .tips img{ display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}
.u-form .input-txt.areacode{ width:80px; font-size:12px;}
.u-form .input-txt.telephone{ width:120px; font-size:12px;}
.u-form .input-txt.ext{ width:100px; font-size:12px;}
.sfz-what{ padding:10px; margin:0; display:inline-block; vertical-align:middle; position:relative; cursor:pointer;}
.sfz-what:hover .tip-box{ display:block;}
.sfz-what{ padding:10px; display:inline-block; vertical-align:middle; position:relative; cursor:pointer;}
.sfz-what .tip-box{
	display:none;
	width:300px;
	height:auto;
	background:#FFF;
	line-height:1.5;
	padding:15px;
	font-size:12px;
	border:#ccc 1px solid;
	background:#FFF;
	position:absolute;
	right:0px;
	top:28px;
	-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	-o-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	-ms-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	}
.sfz-what .tip-box .line{ border-bottom:#CCC 1px dotted; margin:10px 0;}
.btn.convert{ width:120px; height:36px; border-radius:0px; margin-left:10px;}
.ur-thq{ width:960px;}
.ur-thq .item{ width:280px; height:174px; background:url(../images/thq.png) no-repeat left top; color:#FFF; margin:40px 40px 0 0; float:left;}
.ur-thq .text{ padding:43px 20px 20px 90px; line-height:30px; font-size:15px;}
.line-bt{ padding:10px 0; font-size:14px; font-weight:bold; color:#333; margin-top:20px;}
.mrdz-btn{height:22px; line-height:22px;}
.certified-flag{height:16px; line-height:16px; padding:0 10px; display:inline-block; border:#2ec225 1px solid; color:#2ec225; font-size:12px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.tap {
    display: block;
    position: relative;
}
.logininfo{ height:30px; line-height:30px; float:right; font-size:15px; margin-top:30px; color:#FFF;}
.logininfo a{ color:#FFF;}
.logininfo .c5{ margin-left:5px; color:#f7e16a !important; border-bottom:#f7e16a 1px solid;}

.header .tel{ float:right; padding:22px 0 0 30px; text-align:right;}
.header .tel .small{ font-size:14px; color:#eee; line-height:1;}
.header .tel .big{ font-size:24px; color:#ff0; line-height:1; margin-top:10px;}

.suspension{ width:70px; position:fixed; z-index:205; bottom:150px; right:0;}
.suspension .item{ width:70px; height:70px; margin-top:5px; position:relative;}
.suspension .tap{ width:68px; height:68px; background:#fafafa; border:#ddd 1px solid; display:block; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.suspension .tap .icon{ width:30px; height:30px; display:block; margin:9px auto 0;}
.suspension .tap p{ line-height:1; text-align:center; color:#999; padding-top:8px;}
.suspension .tap:hover{ background:#f0f0f0;}
.suspension .tap:hover p{ color:#00889e;}
.suspension .tap .icon-qqkf{ background-position:-60px -420px;}
.suspension .tap:hover .icon-qqkf{ background-position:-100px -420px;}
.suspension .tap .icon-fhdb{ background-position:-140px -420px;}
.suspension .tap:hover .icon-fhdb{ background-position:-180px -420px;}



.u-tips{
	padding:20px 25px;
	border:#ffdede 1px solid;
	background:#fff5f5;
	line-height:2;
	font-size:14px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}

.location font{float:left; margin-right:5px; margin-top:12px;}
.job-list-tpl4 dt.open {overflow:hidden;border-radius:100%;color: #000;background: #c8a063; position:absolute; left:10px; z-index:2;-webkit-transition: all .53s ease-out;-moz-transition: all .53s ease-out;-o-transition: all .53s ease-out;
-ms-transition: all .53s ease-out;transform:rotate(360deg);-ms-transform:rotate(360deg); 	/* IE 9 */-moz-transform:rotate(360deg); 	/* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); 	/* Opera */}
.lstext{margin-left:120px; margin-right:5px; color:#c8a063;font-size:16px; line-height:22px; }
.lsbg{width:100%; background:url(../images/lisbg_03.png) top center repeat-y;}
/* add-css*/
.wraps{width:1100px; margin:auto; }
.m-menu{ height:35px; background:#00889e;}
.m-home{ width:128px; padding:10px 10px 9px; height:40px; margin:-5px 0 -10px -10px !important; background:url(../images/myuser-bg.png) no-repeat center top;float:left; line-height:40px;}
.m-home a{ height:35px; display:block; text-align:center; font-size:16px; color:#FFF;}
.m-nav{ float:left; height:35px; margin-left:20px;}
.m-nav .item{ float:left; margin-right:20px;}
.m-nav .item a{ display:block; height:35px; line-height:35px; padding:0 25px; color:#FFF; font-size:14px; transition:all 0.6s;}
.m-nav .active a,.m-nav .item a:hover{ background:#00889e;}
.back-home{ height:35px; line-height:35px; display:block; float:right; color:#FFF; font-size:14px;}
.back-home:hover{ color:#eee;}

.user-left{ width:160px; padding:19px; background:#FFF; border:#e5e5e9 1px solid; float:left; margin-top:30px;}
.user-nav .tit{height:36px; line-height:36px; font-size:16px; background:#f5f5f5; padding-left:40px; cursor: pointer;  position:relative;}
.user-nav .tit i{ width:20px; height:20px; display:block; position:absolute; left:10px; top:50%; margin-top:-10px; }
.user-nav .tit .icon-1{ background-position:0px -30px;}
.user-nav .tit .icon-2{ background-position:-30px -30px;}
.user-nav .tit .icon-3{ background-position:-60px -30px;}
.user-nav .level2{ margin:10px 0;}
.user-nav .level2 li{position: relative;}
.user-nav .level2 li:before{ content:''; position:absolute; left:42px; top:50%; margin-top:-2px; width:4px; height:4px; background:#ccc; display:block;}
.user-nav .level2 li a{height:30px; line-height:30px; padding-left:56px; font-size:14px; display:block; color:#666;}
.user-nav .level2 .active a,.user-nav .level2 li a:hover{ color:#00889e;}
.user-nav .level2 .active:before{ background:#00889e;}

.m-tips{position: absolute; z-index: 10; padding: 5px 10px; border: #d6d6d6 1px solid; word-break: break-all; background: #fff; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15); box-shadow: 0 0 3px rgba(0,0,0,.15);}
.m-tips.active { display:block !important;} 
.m-tips.arrow-top:after{ content:''; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #d6d6d6; position:absolute; left:50%; margin-left:-6px; top:-7px; z-index:1;}
.m-tips.arrow-top:before{ content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:6px solid #fff; position:absolute; left:50%; margin-left:-5px; top:-6px; z-index:2;}

.user-right{ width:868px; margin:30px auto;}
.border{ border:#e5e5e9 1px solid; background:#FFF;}
.mt20{ margin-top:20px !important;}
.plrb20{ padding:20px !important;}
.user-hd{ padding:30px; min-height:0 !important;}
.user-info{ width:500px; height:100px; float:left;}
.user-info .avatar{
	width:92px;
	height:92px;
	padding:4px;
	background:#FFF;
	float:left;
	-webkit-border-radius:80px;
	   -moz-border-radius:80px;
	    -ms-border-radius:80px;
	     -o-border-radius:80px;
	        border-radius:80px;
	-webkit-box-shadow:2px 2px 2px #d3d4d8;
	   -moz-box-shadow:2px 2px 2px #d3d4d8;
	    -ms-box-shadow:2px 2px 2px #d3d4d8;
	     -o-box-shadow:2px 2px 2px #d3d4d8;
	        box-shadow:2px 2px 2px #d3d4d8;
	}
.user-info .avatar img{ width:100%; height:100%;-webkit-border-radius:80px; -moz-border-radius:80px; -ms-border-radius:80px; -o-border-radius:80px; border-radius:80px;}
.user-info .content{ width:380px; float:right; padding-top:5px;}
.user-info .name{ height:30px; line-height:30px; font-size:14px; margin-top:5px;}
.user-info .name strong{ font: 700 18px/24px 'Microsoft Yahei',Arial; color: #000; margin-right:8px;}
.user-info .information{ height:30px;}
.user-info .bt{ height:30px; line-height:30px; float:left; font-size:14px; display:block;}
.user-info .schedule{ width:90px; height:12px; background:#d3d4d8; margin-top:9px; position:relative; float:left;}
.user-info .schedule span{ height:12px; display:block; background:#f09412;}
.user-info .schedule em{ position:absolute; line-height:12px; height:12px; color:#FFF; left:10px; top:0; font-weight:bold;}
.user-info .link{ height:20px; line-height:20px; display:block; float: left; margin:5px 0 0 20px;}
.user-info .level{ float:left; line-height:30px; font-size:14px;}
.user-info .low{ color:#EF0001;}
.user-info .medium{ color:#f09412;}
.user-info .high{ color:#2ec225;}
.user-info .label{ height:30px; float:left; position:relative; margin-left:15px;}
.user-info .label .m-icon{ width:16px; height:16px; display:block; margin-top:7px;}
.user-info .label .icon-alert{ background-position:0 0;}
.user-info .label .icon-phone{ width:11px; background-position:-30px 0;}
.user-info .label .icon-phone.active{ width:11px; background-position:-60px 0;}
.user-info .label .icon-certification{ background-position:-90px 0;}
.user-info .label .icon-certification.active{ background-position:-120px 0;}
.user-info .label .icon-mima{ width:12px; background-position:-150px 0;}
.user-info .label .icon-mima.active{ width:12px; background-position:-180px 0;}
.user-info .label .m-tips-alert{ width:144px; top:30px; left:50%; margin-left:-82px;}
.user-info .label .m-tips{ top:30px; left:50%; display:none;}
.user-info .label .m-tips-layer{ width:48px; margin-left:-35px;}

.user-info .text-box{ line-height:30px; font-size:14px; margin-top:10px;}
.user-info .text-box .level-img{ width:24px; height:24px; display:inline-block; vertical-align:middle; margin:-2px 0 0 2px;}

.user-msg{ width:339px; line-height:33px; float:left; border-left:#e5e5e9 1px solid; padding-left:60px; font-size:14px;}
.user-msg .level-img{ width:24px; height:24px; display:inline-block; vertical-align:middle; margin:-2px 0 0 2px;}
.user-count{ background:#f8f8f8; margin-top:40px; padding:15px 0;   border-radius:5px;}
.user-count .item{ width:20%; height:30px; font-size:12px; color:#666; line-height:30px; float:left; text-align:center; position:relative;}
.user-count .item:after{ content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background:#ddd; top:0; bottom:0;}
.user-count .item:last-child:after{ display:none;}
.user-count b{ font-size:16px; display:inline-block; vertical-align:middle;}
.user-count .btn{ height:20px; padding:0 5px; line-height:20px; font-size:12px; display:inline-block; margin-left:7px;}
.user-count-col6 .item{ width:230px; font-size:12px;}
.user-count-col6 b{ font-size:14px;}

.ur-title{ background:#f9f9f9; height:46px; border-bottom:#e5e5e9 1px solid; padding:0 24px;}
.ur-title-nav .tab{ float:left; height:46px; margin-right:20px;}
.ur-title-nav a{ height:46px; display:block; padding:0 10px; color:#151519; line-height:46px; font-size:15px;}
.ur-title-nav .active a{ height:44px; border-bottom:#c7a400 3px solid; color:#c7a400;}

/*个人名片详情页*/
.about p{ font-size:13px; color:#777; line-height:24px; text-indent:2em; margin-top:18px;}
.news_detail{ padding-bottom:40px;}
.pre-a{ width:100%; margin:20px auto 30px;}
.pre-a a{ display:inline-block; text-align:center; width:44%; margin:0 2%; height:30px; border:1px solid #ddd; background-color:#f5f5f5; font-size:14px; line-height:30px; color:#444;*display:inline; zoom: 1; *width:42%;}
.pre-a a:hover{ background-color:#3989bc; border:1px solid #3989bc; color:#fff}
.shiPxq{ width:480px; height:400px; margin:20px auto;}
.news_detail h2,.stu_detail h2{ font-size:24px; color:#444; text-align:center; font-weight:400;}
.news_detail .p_time,.stu_detail .p_time{ font-size:12px; color:#999; text-align:center; line-height:38px;}

.news_detail p{font-size: 13px;
color: #777;
line-height: 24px;
text-indent: 2em;
margin-top: 2px;}
.news_detail img{ max-width:100%; height:auto; margin:30px auto 0; display:block; }
.return_list{ margin-bottom:30px;border-bottom:1px solid #ddd;}
.return_list a{display:inline-block; line-height:40px; font-size:18px; color:#444;}
.return_list a:after{ content:''; width:71px; height:4px; background-color:#3989bc; display:block; }

/*招聘教师*/
.tea_recruit{ padding:30px 0;}
.tea_recruit ul li{  padding:20px; width:1000px; margin:0 auto 40px; background-color:#fbfbfb;}
.tea_recruit ul li h3{ font-weight:400; color:#333; font-size:22px;}
.tea_recruit ul li .re_time{ font-size:12px; color:#999; line-height:28px;}
.tea_recruit ul li .re_time span{ margin-left:5px;}
.tea_recruit ul li .re_con{ border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin:10px auto; padding:20px 60px; font-size:13px; color:#666; line-height:26px;}

.btn-recruit{padding: 6px 15px;
font-size: 14px; border:1px solid #d68b37; color:#d68b37; margin-top:14px; display:inline-block; transition:all 0.6s;}
.btn-recruit:hover{ background-color:#d68b37; color:#fff;}

.mypop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background: rgba(0,0,0,.5);
} 

.mypop .pop{display: none; width:560px; height:460px; padding: 20px; position:relative; top:50%; margin: -205px auto 0; background: #fff; border-radius:5px;}
.mypop .pop h3{ font-size: 16px; text-align: center; line-height: 36px; color:#222;}
.mypop .pop label{width: 304px; display: block; padding-left: 50px; font-size: 14px; margin:10px auto 0; line-height: 36px;}
.mypop .pop label input.txt{ width: 190px; border:1px solid #ddd; height:24px; padding-left:5px;}
.mypop .pop label input.file{ width: 200px; outline: none; cursor: pointer;}
.mypop .pop label input.radio{ display: inline-block;margin-left: 15px;}
.mypop .pop label span{ display: inline-block; float:left;}
.mypop .pop .btn-submit{display: block; margin:10px auto 0; cursor: pointer; width: 120px; height: 34px; text-align: center; border:none; background: #eee; border-radius:4px; 
	transition: all 0.33s linear;
	-o-transition: all 0.33s linear;
	-ms-transition: all 0.33s linear;
	-webkit-transition: all 0.33s linear;
}
.mypop .pop .btn-submit:hover{ background:#f96868; color: #fff; border-radius: 4px; }
.star ul{ margin-left:-20px;}
.star ul li{ margin-left:20px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; margin-bottom:20px;  }
.star ul li a{ display:block;}		
		.star ul li img{ width:285px; height:285px; display:block;  }
		.star ul li:hover .stu_intro{ display:block;} 
		.star ul li .stu_intro{ width:285px; height:285px; background:rgba(57,137,188,0.3); padding:60px 40px; position:absolute; display:none; top:0; left:0;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#4c3989bc, endColorstr=#4c3989bc);*width:205px; *height:165px;}
        .star ul li .stu_intro h3{ font-size:30px; color:#ffdf00; margin:20px 0;}
		.star ul li .stu_intro p{ font-size:16px; color:#fff; line-height:30px;}
.star_detail{ padding:60px 0px;}		
.star_detail .star_pic{ width:500px; height:500px;}	
.star_detail .star_pic img{ width:500px; height:auto}	
.star_detail .star_con{ width:600px; }
.star_detail .star_con .b1{}
.star_detail .star_con .b1 h4{ font-size:22px; font-weight:400; color:#444; line-height:40px;}		
.star_detail .star_con .b1 p{ font-size:14px; color:#666; line-height:30px;}
.star_detail .star_con .b1 p strong{ width:80px; display:inline-block;}
.star_detail .star_con .b1{ padding:0 0 10px; border-bottom:1px dashed #ddd; }
.star_detail .star_con .x1 p{ font-size:14px; color:#666; line-height:28px; text-indent:2em;}
.star_detail .star_con .x1 strong{ line-height:40px; font-size:14px;}