.intro-top dd .box a{ color:#fff;}
.load-aa { padding:50px 0 50px; text-align:center; background:url(../images/bx_loader.gif) no-repeat center bottom ; margin-bottom:50px; position:absolute; left:0; right:0; top:0;}

.crumbs { background-repeat:no-repeat; background-image:url(../images/postion_02.png); background-color:#f0f0ee; background-position:center; min-height:100px;/*box-shadow: 1px 1px 1px 1px #dcd8cc;*/}
.main .wrap { max-width:1280px; margin:0 auto;}
.crumbs .wrap { padding:30px 0 0; line-height:30px;}
.crumbs .tit { font-size:24px; float:left;}
.crumbs .postion { float:right;}
.crumbs .postion a { display:inline-block; background:url(../images/pos.png) right center no-repeat; padding-right:15px; margin-right:5px; color:#666;}
.crumbs .postion a:hover { color:#fabe00;}
.crumbs .postion span { display:inline-block; font-weight:bold;}

.about-banner { min-height:455px;}
.about-banner .wrap { position:relative;}
.about-banner .a-box { position:absolute; right:0; top:80px; width:700px; background:rgba(250,190,0,0.9); color:#fff; padding:30px 40px;}
.lt9 .about-banner .a-box { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#ddfabe00", EndColorStr="#ddfabe00")}
.about-banner .a-box dt{ font-size:36px; margin-bottom:10px;}
.about-banner .a-box dd b { display:block; margin-top:5px;}


.about-box { margin:100px 0;}
.about-box .x1 { }
.about-box .x1 .x1_left { float:left; width:330px; min-height:394px; color:#fff;}
.about-box .x1 .x1_left a { color:#fff;}
.about-box .x1 .x1_left .x1_box { padding:60px 35px 0;}
.about-box .x1 .x1_left .x1_box .t1 { font-size:36px; }
.about-box .x1 .x1_left .x1_box .t2 { min-height:9em; max-height:13.5em; overflow:hidden; margin:1em 0;}
.about-box .x1 .x1_left .x1_box .t3 a{ display:block; background:url(../images/dot09.png) no-repeat; width:124px; height:36px;}
.about-box .x1 .x1_left .x1_box .t3 a:hover { background:url(../images/dot08.png) no-repeat center;}
.about-box .x1 .x1_right { overflow:hidden;  min-height:394px; background:#fdfbf9; position:relative;}
.about-box .x1 .x1_right > img { position:absolute; bottom:0; left:8%; width:456px; height:374px;}
.about-box .x1 .x1_right .x1_box {overflow:hidden; padding:60px 35px 0; margin-left:60%; }
.about-box .x1 .x1_right .x1_box .t1 { font-size:36px;}
.about-box .x1 .x1_right .x1_box .t1 a { color:#fabe00;}
.about-box .x1 .x1_right .x1_box .t2 { min-height:9em; color:#555; max-height:13.5em; overflow:hidden; margin:1em 0; max-width:270px;}
.about-box .x1 .x1_right .x1_box .t3 a{ display:block; background:url(../images/about02.png) no-repeat; width:124px; height:36px;}
.about-box .x1 .x1_right .x1_box .t3 a:hover { background:url(../images/dot08.png) no-repeat center;}
.about-box .x2 { margin-top:20px;}
.about-box .x2 .x1_left { width:50%;  float:left;}
.about-box .x2 .x1_right { overflow:hidden; }
.about-box .x2 .x1_box {height:395px; position:relative; }
.about-box .x2 .x1_left .x1_box { margin-right:10px;}
.about-box .x2 .x1_right .x1_box { margin-left:10px;}
.about-box .x2 a { display:block; text-align:center; font-size:36px;  color:#fabe00; position:absolute; left:5px; top:5px; right:5px; bottom:5px;}
.about-box .x2 a img { display:block; margin:120px auto 20px; }
.about-box .x2 a:hover { border:5px solid #fabe00; left:0px; top:0px; right:0px; bottom:0px; }

.about-bottom {  min-height:572px;}
.about-bottom ul {}
.about-bottom li { float:left; width:33.33%; *margin-left:-1px;}
.about-bottom li a { display:block; text-align:center; color:#555; margin-top:100px;}
.about-bottom li a span { display:block;  }
.about-bottom li a span img {width:195px; height:195px; overflow:hidden; border-radius:100%; border:5px solid #fff; box-shadow:0 2px 5px #aaa; }
.about-bottom li a b { display:block; font-size:36px;  font-weight:normal; padding:20px 0; }
.about-bottom li a i {display:block; background:url(../images/about02.png) no-repeat; width:124px; height:36px; margin:0 auto; }
.about-bottom li a:hover { color:#fabe00;}
.about-bottom li a:hover span img { border-color:#fabe00;}
.about-bottom li a:hover i {background:url(../images/about03.png) no-repeat center; }

.history {   }
.main-con-tit { text-align:center; font-size:36px; padding:50px 0 50px;}
.main-con-tit i { display:block; text-transform:uppercase; font-size:14px; color:#555; background:url(../images/tit_bg.png) no-repeat; background-position:center;}
.history .his-b { width:1280px; margin:0 auto; position:relative; min-height:38px;}
.history .his-b .bg-line { position:absolute; left:0; top:18px; right:0; background:#d7d7d7; height:3px; z-index:1;}
.history .his-b > a { position:absolute; left:0; top:0; height:38px; width:38px; background:url(../images/event_left02.png) 0 0; z-index:3;}
.history .his-b > a.over { background:url(../images/event_left01.png) 0 0; cursor:default;}
.history .his-b > a.next { right:0; left:auto; background-position:right top; background:url(../images/event_right02.png) 0 0;}
.history .his-b > a.next.over {background:url(../images/event_right01.png) 0 0; cursor:default;}
.history .his-b .his-ul { margin:0 53px; overflow:hidden; position:relative; z-index:4;  }
.history .his-b .his-ul ul { position:relative;}
.history .his-b .his-ul li { float:left; width:100px; cursor:pointer; position:relative; height:80px; background:url(../images/eve_03.png) center 8px no-repeat;  }
.history .his-b .his-ul li i { color:#555; position:absolute; font-size:20px; left:0; right:0;  vertical-align:bottom; bottom:0; text-align:center;}
.history .his-b .his-ul li span { position:absolute; left:0; right:0; height:3px; background:#fabe00; top:18px; display:none;}
.history .his-b .his-ul li.on { background:url(../images/eve_01.png) center 8px no-repeat;}
.history .his-b .his-ul li.on i { font-size:24px; bottom:0px; color:#fabe00; }
.history .his-b .his-ul li.on span { display:block;}

#history-list { margin:100px 0; position:relative; min-height:400px;}
#history-list .line {width:1px; position:absolute; left:0; top:0; bottom:0; background:#ddd;}
#history-list .tit { left:0; text-align:right; top:-20px; position:absolute; font-size:36px; padding-left:50px; color:#fabe00; font-weight:bold;}
#history-list .tit i { background:url(../images/event05.png) no-repeat; width:41px; height:41px; position:absolute; left:-21px; top:10px;}
#history-list .list { width:1200px; margin:0 auto 0; padding-top:80px;}
#history-list .list li { float:left; width:100%; position:relative; min-height:210px;}
#history-list .list li.odd { margin-top:20px;}
#history-list .list li .i1 { position:absolute;width:24px; height:24px; top:50%;}
#history-list .list li.odd .i1 { right:auto;}
#history-list .list li .i2 {  padding:105px 0 10px;  background:#fff; float:left;}
#history-list .list li.odd .i2 { text-align:left; }
#history-list .list li .bx {  background:#fff; width:96%; position:relative; }
#history-list .list li .bx .j { width:11px; height:16px; right:-11px; top:50%; margin-top:-8px; position:absolute;}
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:30px; height:40px;}
#history-list .list li.odd .bx { float:right;}
#history-list .list li.odd .bx .j {right:auto; left:-11px; }
#history-list .list li:hover{ color:#fabe00; clear:both;}
#history-list .list li:hover img { background:#fabe00;}
#history-list .list li:hover .i1 {}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; z-index:0; visibility:hidden;}
.video_appbox .video_b{ left:10%; top:15%; position:absolute; height:70%; width:80%;   z-index:2; background:#000;}
.video_appbox .video_b .c{ position:absolute; right:-12px; top:-12px; border-radius:100%; width:24px; height:24px; background:url(../images/seat-03.jpg) 0 0; cursor:pointer; z-index:111; }
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}

.intro-top { margin-bottom:30px;}
.intro-top dt { float:right;}
.intro-top dt img { width:634px; height:395px;}
.intro-top dd { overflow:hidden; background:url(../images/about12.jpg) #fabe00; min-height:395px; color:#fff;}
.intro-top dd .box { padding:80px 50px 30px;}
.intro-top dd .box h2 { font-size:24px; padding-top:20px;}
/*首页企业简介新css*/
.intro-topx2 { margin-bottom:30px;}
.intro-topx2 dt { float:left;}
.intro-topx2 dt img { width:634px; height:395px;}
#ckplayer_a1{width:634px;height:395px}
#ckplayer_a1{position:relative}
#a1{width:634px;height:395px}
#a1{position:relative}
.intro-topx2 dd { overflow:hidden; background:url(../images/about12.jpg) #fabe00; min-height:395px; color:#fff;}
.intro-topx2 dd .box { padding:80px 50px 30px;}
.intro-topx2 dd .box h2 { font-size:24px; padding-top:20px;}

.box .cf{ margin-top:-50px;}
.box .cf li{ position:relative; width:100%; line-height:30px; margin-bottom:10px;}
.box .cf li .name { position:absolute; left:0; top:0; color:#fff; text-align:right; width:100px; font-size:16px;}
.box .cf li .r .inp { line-height:35px; height:35px; transition:0.2s all; background:rgba(255,255,255,0.7); border:0; width:160%; padding:0 0 0 10px; margin-left:110px;}
.box .cf li .r .big_inp{line-height:25px; height:100px; transition:0.2s all; background:rgba(255,255,255,0.7); border:0; width:160%; padding:0 0 0 10px; margin-left:110px;}
.box .cf li .r .inp:focus { background:rgba(255,255,255,0.95); box-shadow:0 0 2px #eee;}
.box .cf li .r .sub { transition:0.2s all; font-size:16px; width:120px; /*float:right; margin-right:8%;*/ margin-left:100px; height:40px; line-height:1; background:#fff; border:0;}



.av-tt{ text-align:right;margin-top:30px;}
.av-tt .btn{ display:inline-block;height:30px; line-height:30px;  background:url(../images/_lzy6.png) no-repeat left center; padding-left:40px; font-size:24px; font-weight:normal; padding-bottom:4px; border-bottom:1px solid #000; font-style:italic}
.ie7 .av-tt .btn{ display:inline}
.av-tt .btn:hover{ border-color:#fabe00}
.about-video { margin-top:0px; padding-bottom:100px; overflow:hidden;}
.about-video ul { margin:0 -18px;}
.about-video li { float:left; width:33.33%; padding-top:5px; *margin-left:-1px;}
.about-video li i { background:url(../images/v.png) no-repeat; width:57px; height:57px; position:absolute; z-index:30; left:50%; top:45%; margin:-28px 0 0 -28px;}
.about-video li .auto-img { height:217px; border:5px solid #fff; transition:0.2s all; box-shadow:0 1px 5px #ccc; }
.about-video li a { display:block; margin:0 20px; position:relative;}
.about-video li p { text-align:center; margin-top:10px; font-size:18px;}
.about-video li:hover .auto-img{ border-color:#fabe00;}
.about-video li:hover { }

.fengye{ width:300px; overflow:hidden; margin:20px auto; padding-bottom:80px;}
.honour { overflow:hidden;}
.honour .main-con-tit { color:#fff;}
.honour .main-con-tit i { color:#f0f0f0;}
.honour .demo-gallery__img--main{ float:left;}
.honour-ul a{ float:left; width:33.33%; *margin-left:-1px;  margin-bottom:20px; padding-bottom:20px; border-radius:2px;}
.honour-ul span { margin:0 30px 0; height:280px; position:relative;}
.honour-ul span b { position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
.honour-ul span b img { position:absolute; left:0 !important; top:0 !important; width:100% !important; height:100% !important; margin:0 !important;}
.honour-ul a article { display:none;}
.honour-ul a figure { display:block; font-size:18px;   height:1.8em; margin:0 30px; line-height:1.8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin-top:20px;}
.honour-ul a:hover figure { background:#fabe00 ; color:#fff; transition:0.2s all;}

.honour-ul .bx-wrapper .bx-pager { display:none;}
.honour-ul .bx-wrapper .bx-prev { display:block; font-family:"\5b8b\4f53"; color:#fff; padding:0; font-size:17px; background:#fabe00; text-indent:0; height:40px; line-height:40px; text-align:center; width:40px; top:50%; left:-20px;  margin-top:-70px;}
.honour-ul .bx-wrapper .bx-prev.disabled,
.honour-ul .bx-wrapper .bx-next.disabled { display:block;background:#f2f2f2; color:#000; padding:0; cursor:default; }
.honour-ul .bx-wrapper .bx-next { display:block; font-family:"\5b8b\4f53"; padding:0; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:40px; line-height:40px; text-align:center; width:40px; top:50%; right:-20px;  margin-top:-70px;}

.culture-box { }
.tab_title { text-align:center; font-size:0; margin-bottom:50px;}
.tab_title a { display:inline-block; min-width:110px; text-align:center; line-height:40px; font-size:18px; transition:0.3s all; background:#f2f2f2; color:#000; margin:0 5px; position:relative; overflow:hidden;}
.tab_title a i { z-index:0; background:#fabe00; top:0; width:0; height:100%; left:50%; position:absolute; transition:0.2s all; transform:rotate(-15deg)}
.tab_title a s { position:relative; z-index:2; font-style:normal; text-decoration:none;}
.tab_title a:hover { color:#fff;}
.tab_title a:hover i { z-index:1; left:0; width:100%; top:-25%; height:150%; transform:rotate(0deg)}
.tab_title a.on { background:#fabe00; color:#fff;}

.cul-top {}
.cul-top .left { float:right; margin-left:50px;}
.cul-top .left img { width:634px; height:426px;}
.cul-top .right { padding-top:60px; overflow:hidden;}
.cul-top .right > span{ font-size:16px; border:1px solid #fabe00; padding:5px 20px; color:#fabe00; }
.cul-top .right > img{ display:block; margin:30px 0 30px;}
.cul-top .right > article{ color:#555; border-top:1px #fabe00 solid; padding-top:20px;}

.cul-list { margin-bottom:90px; margin-top:20px;}
.cul-list li { float:left;  position:relative; width:25%; *margin-left:-1px;}
.cul-list li .box { position:relative; height:354px; margin-bottom:1px; margin-right:1px;}
.cul-list li .box > .img { position:absolute; width:100%; height:100%; overflow:hidden; transition:0.2s all; }
.cul-list li .box > .img img {position:absolute; width:100%; height:100%;   transition:0.3s all;}
.cul-list li .box:hover > .img img {transform:scale(1.1,1.1)}
.cul-list li .n { position:absolute; width:100%; height:100%; background:#f3f3f3;}
.cul-list li .n .w { position:absolute; padding:10px 20px; left:0; top:50%; margin-top:-50px;}
.cul-list li .n h2 { font-size:30px; font-weight:normal; opacity:0.4; filter:alpha(opacity=40); color:#000;}
.cul-list li .n p { font-size:18px; color:#555;}
.cul-list li .n i { font-size:60px; height:90px; margin-top:-45px; position:absolute; left:-18px; top:50%; color:#f3f3f3;}
.cul-list li:first-child { margin-right:25%;}
.cul-list li:first-child .n { left:100%; height:50%; margin-left:1px;}

.cul-list li:first-child + li .n { right:100%; left:auto;  height:49.5%; top:auto; bottom:0; text-align:right;}
.cul-list li:first-child + li .n .w { left:auto; right:0;}
.cul-list li:first-child + li .n i { left:auto; right:-18px;}

.cul-list li:first-child + li + li .n{ background:none; color:#fff; }
.cul-list li:first-child + li + li .n i { display:none;}
.cul-list li:first-child + li + li .n p,
.cul-list li:first-child + li + li .n h2 { color:#fff;}

.cul-list li:first-child + li + li + li { margin-left:25%;}
.cul-list li:first-child + li + li + li .n { right:100%; left:auto;  margin-right:1px;}
.cul-list li:first-child + li + li + li .n .w { left:auto; right:0; text-align:right;}
.cul-list li:first-child + li + li + li .n i { left:auto; right:-18px;}

.cul-list li:first-child + li + li + li + li { margin-left:25%;}
.cul-list li:first-child + li + li + li + li .n { right:100%; left:auto;  margin-right:1px; background:#fabe00;}
.cul-list li:first-child + li + li + li + li .n .w { left:auto; right:0; text-align:right;}
.cul-list li:first-child + li + li + li + li .n i { left:auto; right:-18px; color:#fabe00;}
.cul-list li:first-child + li + li + li + li .n p,
.cul-list li:first-child + li + li + li + li .n h2 { color:#fff;}

.cul-list li:first-child + li + li + li + li + li .n { background:no-repeat;}
.cul-list li:first-child + li + li + li + li + li .n i { display:none;}
.cul-list li:first-child + li + li + li + li+ li .n p,
.cul-list li:first-child + li + li + li + li + li .n h2 { color:#fff;}

.cul-list li:first-child + li + li + li + li + li+ li .n { background:no-repeat;}
.cul-list li:first-child + li + li + li + li + li+ li .n i { display:none;}
.cul-list li:first-child + li + li + li + li+ li+ li .n p,
.cul-list li:first-child + li + li + li + li + li+ li .n h2 { color:#fff;}

.cul-list li:first-child + li + li + li + li + li + li + li .n{left:100%; }

.mien-box { }
.mien-box .tit { color:#fabe00; width:145px; line-height:40px; font-size:16px; text-align:center; border:1px solid #fabe00; margin-bottom:25px;}

.mien-1 {  padding:0 0 50px;}
.mien-activity { overflow:hidden;}
.mien-activity ul { margin:0 -18px;}
.mien-activity li { float:left; width:33.33%; margin-bottom:40px; *margin-left:-1px; margin-top:5px;}
.mien-activity li .x { margin:0 20px;}
.mien-activity li span { margin-bottom:10px; border:5px solid #fff; transition:0.2s all; box-shadow:0 0 4px #ddd; height:290px; }
.mien-activity li:hover span{ border-color:#fabe00; box-shadow:0 0 4px #fabe00;}
.mien-activity li figure { text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mien-activity li figure article { display:none;}

.pro-2 { overflow:hidden;}
.pro-2 ul { margin:0 -18px;}
.pro-2 li { float:left; width:33.33%; margin-bottom:40px; margin-top:5px;}
.pro-2 li .x { margin:0 20px;}
.pro-2 li span { margin-bottom:10px; border:5px solid #fff; transition:0.2s all; box-shadow:0 0 4px #ddd; height:290px; }
.pro-2 li:hover span{ border-color:#fabe00; box-shadow:0 0 4px #fabe00;}
.pro-2 li figure { text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pro-2 li figure article { display:none;}


.mien-literature { }
.mien-literature li { float:left; width:50%; margin-bottom:60px;}
.mien-literature li .x { margin-left:2px;}
.mien-literature li .auto-img { width:282px; height:397px; border:5px solid #fff; transition:0.2s all; box-shadow:0 0 2px #ddd; float:left; margin-right:20px;}
.mien-literature li .r { overflow:hidden; padding-right:40px;}
.mien-literature li .r .t { font-size:18px; margin-bottom:10px; }
.mien-literature li .r .t:hover { color:#fabe00;}
.mien-literature li .r figure { margin-bottom:10px; font-size:18px; color:#000;}
.mien-literature li .r figure article { font-size:14px; color:#777; margin-top:10px;}
.mien-literature li .auto-img:hover { border-color:#fabe00; box-shadow:0 0 4px #fabe00;}
.mien-literature li .r .more { font-family:"\5b8b\4f53"; font-size:16px; color:#fabe00; font-weight:bold; display:inline-block; }

.mien-3 {  padding:50px 0 100px;}


.resource-type-wrap { overflow:hidden;}
.resource-type-list { margin:0 -18px;}
.resource-type-wrap .panel { width: 33.3%; *margin-left:-1px; margin-top:5px; margin-bottom:40px; }
.resource-type-wrap .panel article { display:none;}
.resource-type-wrap .panel .inner { padding:3px; transition:0.2s all; border: 1px solid #eee; box-shadow:0 0 2px #ddd; margin:0 20px; }
.resource-type-wrap .panel .image img { width: 100%; height:auto; }
.resource-type-wrap .panel .title{ padding:10px 5px;  line-height:1.8; font-size:18px; display:block; margin-right:20px; position:relative;}
.resource-type-wrap .panel .title a{color:#000;}
.resource-type-wrap .panel .title i { position:absolute; right:-10px; top:10px; font-family:"\5b8b\4f53"; color:#fabe00; font-size:18px;}
.resource-type-wrap .panel .inner:hover { background:#fabe00; box-shadow:0 0 2px #fabe00; border-color:#fabe00;}
.resource-type-wrap .panel .inner:hover a ,
.resource-type-wrap .panel .inner:hover i { color:#fff;}
.resource-type-wrap .head { padding: 28px 20px 0; height: 242px }


.load-more-link { display: block; width: 120px; height: 25px; margin: 0 auto; background:#fabe00; border-radius:4px; color: #ffffff; font-size: 14px; text-align: center; line-height: 25px; cursor: pointer; }
#infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;}
.lt9 #infscr-loading{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99000000", EndColorStr="#99000000")}
#infscr-loading img{ position:absolute; left:50%; top:50%; margin:-57px 0 0 -75px; opacity:0.5; filter:alpha(opacity=50);}

.mien-bx .bx-wrapper .bx-pager { display:none;}
.mien-bx .bx-wrapper .bx-prev { display:block; font-family:"\5b8b\4f53"; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:40px; line-height:40px; text-align:center; width:40px; top:-65px; right:60px; left:auto; margin-top:0;}
.mien-bx .bx-wrapper .bx-prev.disabled,
.mien-bx .bx-wrapper .bx-next.disabled { display:block;background:#f2f2f2; color:#000; cursor:default; }
.mien-bx .bx-wrapper .bx-next { display:block; font-family:"\5b8b\4f53"; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:40px; line-height:40px; text-align:center; width:40px; top:-65px; right:0;  margin-top:0;}

.about-tab-warp dl { padding-bottom:100px; }
.about-tab-warp dt{ float:right; position:relative;}
.about-tab-warp dt img { width:634px; height:604px; }
.about-tab-warp dt .p { position:absolute; bottom:0; left:0; right:0;  padding:15px; background:rgba(240,130,0,0.8); color:#fff; }
.about-tab-warp dt .p h4 { font-size:16px; margin-bottom:5px;}
.lt9 .about-tab-warp dt .p { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#ccfabe00", EndColorStr="#ccfabe00")}
.about-tab-warp dd {  overflow:hidden; padding:70px; min-height:464px; background-color:#f6f6f6; background-position:right bottom;}
.about-tab-warp dd p { margin-bottom:40px; line-height:24px; *line-height:1.2; }
.about-tab-warp dd span { color:#fabe00; font-size:30px; border-bottom:1px #fabe00 solid; display:block; padding-bottom:10px;}




.innovate-1 .bx-wrapper .bx-pager { display:none;}
.innovate-1 .bx-wrapper .bx-prev { display:block; font-family:"\5b8b\4f53"; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:40px; line-height:40px; text-align:center; width:40px; top:-45px; right:60px; left:auto; margin-top:0;}
.innovate-1 .bx-wrapper .bx-prev.disabled,
.innovate-1 .bx-wrapper .bx-next.disabled { display:block;background:#f2f2f2; color:#000; cursor:default; }
.innovate-1 .bx-wrapper .bx-next { display:block; font-family:"\5b8b\4f53"; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:40px; line-height:40px; text-align:center; width:40px; top:-45px; right:0;  margin-top:0;}

.innovate-1 { padding:50px 0;}
.innovate-1 .innova { }
.innovate-1 ul{ margin:0 -18px; }
.innovate-1 ul li { float:left; width:25%; margin-top:5px;}
.innovate-1 ul li .img { margin:0 20px; border:4px solid #fff; box-shadow:0 0 4px #ddd; transition:0.2s all; height:395px;}
.innovate-1 ul li:hover .img { border-color:#fabe00; box-shadow:0 0 4px #fabe00;}
.innovate-1 ul li p { margin:10px 20px 0;}


.innovate-2 { /*padding:50px 0;background:#f8f4ee;*/  margin-top:50px;}
.innovate-2 li { border-top:1px dashed #ddd; padding:50px 0 0 ; margin-bottom:50px;}
.innovate-2 li:first-child { border-top:0; padding-top:0;}
.innovate-2 li h3 { color:#fabe00; font-size:24px; margin-bottom:10px;}
.innovate-2 li article{ color:#717070;}

.innovate-joint { }
.innovate-joint dt { font-weight:bold; font-size:24px; color:#fabe00; margin-bottom:20px; }
.innovate-joint dd { }
.innovate-joint dd li { float:left; width:20%; margin-bottom:20px; }
.innovate-joint dd li img { width:209px; height:116px;}
.innovate-joint dd li a { display:block; text-align:center; margin:1px; padding:10px 0 20px;}
.innovate-joint dd li a:hover { border:1px solid #fabe00; margin:0;}
.innovate-joint dd li a i { display:block; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 15px;}

.innovate-joint .bx-wrapper .bx-pager { display:none;}
.innovate-joint .bx-wrapper .bx-prev { display:block; font-family:"\5b8b\4f53"; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:24px; line-height:24px; text-align:center; width:24px; top:-25px; right:30px; left:auto; margin-top:0;}
.innovate-joint .bx-wrapper .bx-prev.disabled,
.innovate-joint .bx-wrapper .bx-next.disabled { display:block;background:#f2f2f2; color:#000; cursor:default; }
.innovate-joint .bx-wrapper .bx-next { display:block; font-family:"\5b8b\4f53"; color:#fff; font-size:17px; background:#fabe00; text-indent:0; height:24px; line-height:24px; text-align:center; width:24px; top:-25px; right:0;  margin-top:0;}

.innovate-joint dl { padding-bottom:50px;}
.innovate-joint dl:first-child { border-bottom:1px dashed #ddd; margin-bottom:50px;}

.busi { overflow:hidden;}
.busi-1 { margin:0 -40px;}
.busi-1 .it{ float:left; width:50%; }
.busi-1 .it .x { margin:0 40px; position:relative;}
.busi-1 .it .x img { width:100%; height:auto;}
.busi-1 .it .x div { width:70%; opacity:0.9; filter:alpha(opacity=90); position:absolute; left:0; bottom:0; background:#fabe00; padding:30px; color:#fff;}
.busi-1 .it .x div i { display:inline-block; border:1px solid #fff; font-size:18px; padding:5px 40px; margin-bottom:10px;}
.busi-1 .it .x div p { font-size:24px; }

.busi-2 { padding-bottom:100px; padding-top:20px;}
.busi-2 .tit { text-align:center; padding:80px 0;}
.busi-2 .tit h3 { font-size:30px; font-weight:normal; margin-bottom:10px; }
.busi-2 .tit span { color:#444;}
.busi-2 .box { border-radius:5px; position:relative;  border:1px solid #ddd; margin:0 80px; min-height:270px;}
.busi-2 .box i{ position:absolute; font-size:20px; background:#fff; color:#555; padding:0 10px;}
.busi-2 .box i.i1 { top:-15px; left:10%;}
.busi-2 .box i.i2 { bottom:-15px; right:30%; }
.busi-2 .box div{ text-align:center;  margin:0 -75px;  margin-top:50px;  }
.busi-2 .box div ul {margin:0 -30px;}
.busi-2 .box div ul li { float:left; width:16.66%; *margin-left:-1px;}
.busi-2 .box div img { display:inline-block; width:100%; height:auto;}
.busi-2 .box div span { display:block; margin:0 30px;}

.lead-box { padding-bottom:100px; }
.lead-box .left { padding:5px; box-shadow:0 0 5px #ddd; background:#fff; float:left; margin-right:50px; position:relative; width:443px;  }
.lead-box .left img { width:100%; height:auto;}
.lead-box .left span {  font-size:18px; position:absolute; color:#fff;  padding:20px 30px; background:#fabe00; opacity:0.9; filter:alpha(opacity=90); right:20px; bottom:20px;}
.lead-box .left span i { font-size:36px; }
.lead-box .right { overflow:hidden;}
.lead-box .right > img { max-width:100%; height:auto;}
.lead-box .right > h3 { font-weight:bold; font-size:24px; color:#fabe00; padding:20px 0 ;}
.lead-box .right > article { color:#000; margin-bottom:10px;}
.lead-box .right > .edit_con_original { color:#555; }

.contact > div { height:600px; margin-bottom:50px; }

.contact { position:relative;}
.contact .cont-txt { position:absolute; right:0; top:0; bottom:0; width:415px; background:rgba(240,130,0,0.9); color:#fff;}
.lt9 .contact .cont-txt { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#ddfabe00", EndColorStr="#ddfabe00")}

.contact .cont-txt .box { padding:50px;}
.contact .cont-txt .box h4 { font-size:24px; }
.contact .cont-txt .box ul { padding:50px 0;}
.contact .cont-txt .box ul li { position:relative; padding-left:80px; min-height:30px; line-height:30px; margin-bottom:10px;}
.contact .cont-txt .box ul li a { color:#fff;}
.contact .cont-txt .box ul li a:hover { color:#815828;}
.contact .cont-txt .box ul li span { position:absolute; left:0; top:0; display:block; padding-left:30px;}
.contact .cont-txt .box ul li.i1 span { background:url(../images/about07.png) left center no-repeat; }
.contact .cont-txt .box ul li.i2 span { background:url(../images/about09.png) left center no-repeat; }
.contact .cont-txt .box ul li.i3 span { background:url(../images/about08.png) left center no-repeat; }
.contact .cont-txt .box ul li.i4 span { background:url(../images/about101.png) left center no-repeat; }
.contact .cont-txt .box dl { border-top:1px dashed #f3a74d;}
.contact .cont-txt .box dd { float:left; text-align:center; width:91px; margin:50px 10px 0;}



.network-top { position:relative; }
.network-top .left { color:#666; }

.network-top .left .p {  line-height:1.8;}

.work-sear { margin-top:20px; }
.work-sear .left { padding:10px 0 30px;}
.work-sear .left .t { font-size:30px; padding-top:10px;}
.work-sear .left .s2 { font-size:18px; padding:40px 0; padding-left:20px;}
.work-sear .left .rad li { margin-bottom:10px; padding-left:20px; font-size:16px;}
.work-sear .left .rad li input { cursor:pointer; margin-right:5px; position:relative; }
.work-sear .left .rad li label { cursor:pointer;}
.work-sear .left .select { border:1px solid #bbb; float:left; margin-right:10px;  }
.work-sear .left .select.select1 { width:300px;}
.work-sear .left .select.select2,
.work-sear .left .select.select3 { width:200px;}
.work-sear .left .select-box dt b { color:#000; font-size:16px;}
.work-sear .left .inp {  background:#fff; border:1px solid #fabe00; padding:0 8px; float:left; width:160px;}
.work-sear .left .inp input { font-size:16px; background:none; border:0; line-height:35px; height:35px; width:100%; vertical-align:top; *height:33px;} 
.work-sear .left .bon { float:left; width:37px; position:relative;}
.work-sear .left .bon input  { background:url(../images/about61.jpg) no-repeat #fabe00 center;  border:0; font-size:20px; color:#fff; width:37px; height:37px; overflow:hidden; left:0; margin:0; }
.work-sear .left .table { display:none; }
.work-sear .left .select-box dd { background:#ddd;}
.work-sear .left .select-box dt b { border-right:1px solid #bbb; margin-right:28px; }
.work-sear .left .select-box dd a {color:#000;}
.work-sear .left .select-box dt i.ico { background:url(../images/about20.png) no-repeat center; width:23px; height:23px; margin-top:-12px; }
.work-sear .left { }

.work-sear .right { overflow:hidden;}
.mapbox { height:400px; background:#eee;}

.work-list { margin-top:50px; margin-bottom:100px;}
.work-list-top { }
.work-list-top span { color:#bbb; line-height:44px; cursor:pointer;}
.work-list-top span.on,
.work-list-top span:hover { color:#fabe00; }
.work-list-top span.on .round,
.work-list-top span:hover .round{  }
.work-list .round {  width:44px; height:44px; display:inline-block; background-repeat:no-repeat;  background-position:center; margin-right:10px; vertical-align:middle;}
.work-list .round.color-0 { background-image: url(../images/qq_00.png);}
.work-list .round.color-1 { background-image: url(../images/qq_01.png);}
.work-list .round.color-2 { background-image: url(../images/qq_02.png);}
.work-list .round.color-3 { background-image: url(../images/qq_03.png);}
.work-list .round.color-4 { background-image: url(../images/qq_04.png);}
.work-list-top { font-size:18px;}
.work-list-top span { display:inline-block; margin-right:50px; vertical-align:middle;}

.work-list-tab { margin:30px 0 0; border:1px #eee solid}
.work-list-tab .i0 { width:15%; }
.work-list-tab .i1 { width:20%; display:none}
.work-list-tab .i2 { width:30%;}
.work-list-tab .i3 { width:40%;}
.work-list-tab .i4 { width:15%; text-align:center;}
.work-list-tab dt {  font-size:16px; padding:0 ; background:#fabe00; color:#fff; }
.work-list-tab dt span { float:left; min-height:1.5em; padding:20px 0; font-size:18px; text-align:center;}
.work-list-tab dd li .t span.i0 .round{ }
.work-list-tab dt span.i2,
.work-list-tab dt span.i4 { background:#fabe00; border-left:1px #fff solid;border-right:1px #fff solid; box-sizing:border-box;}
.work-list-tab dd { }
.work-list-tab dd li { border-bottom:1px solid #eee; padding:0 ;}
.work-list-tab dd li .t { padding:10px 10px;}
.work-list-tab dd li .t span{ float:left; min-height:24px; line-height:24px; padding-top:10px;  text-align:center;}
.work-list-tab dd li .t span.i0 { padding-top:0; text-align:left;}
.work-list-tab dd li .t span.i4 a { display:inline-block; background:url(../images/net_11.jpg) right center no-repeat; padding-right:20px;}
.work-list-tab dd li.open .t span.i4 a {background:url(../images/net_14.jpg) right center no-repeat; }
.work-list-tab dd li .p { padding:20px; display:none; background:#f9f9f9;}
.work-list-tab dd li.open .t { background:#ececec;}
.work-list-tab dd li.open .p{ display:block;}


.work-list-tab2 .i0 { width:30%; }
.work-list-tab2 .i1 { width:20%; display:none}
.work-list-tab2 .i2 { width:40%;}
.work-list-tab2 .i3 { width:15%;}
.work-list-tab2 .i4 { width:15%; text-align:center;}
.work-list-tab2 dd li .t span.i0{ padding-top:10px; text-align:center}

.gm-style-iw p { margin-bottom:5px; color:#666; }

.prod-top { position:relative;}
.m-focus02 { float:left; width:620px; margin-right:50px; }
.m-focus02 li img { width:100%; height:auto;}
.m-focus02 .bx-wrapper { margin: 0 auto 22px; }
.m-focus02 .bx-wrapper .bx-viewport { border: 0; box-shadow: none; left: auto; }
.m-focus02 .s-img { position:relative; margin:10px 40px 0;}
.m-focus02 .s-img .b { overflow:hidden; display:block; position:relative;}
.m-focus02 .s-img li { display: block; position: relative; float: left; width: 94px; height: 94px; cursor: pointer; margin:0 2px; }
.m-focus02 .s-img img { width: 100%; height: 100%; }
.m-focus02 .s-img ul { position:relative;}
.m-focus02 .s-img li i { display:none;}
.m-focus02 .s-img li.on i  { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #fabe00; z-index:10; display:block; }
.m-focus02 .s-img > a { width: 33px; height: 33px;  position:absolute;  background: url(../images/about_bgleft02.png) no-repeat 0 0; top:50%; margin-top:-19px;  }
.m-focus02 .s-img > a.bx-prev { left: -33px; }
.m-focus02 .s-img > a.bx-prev.over { background:url(../images/about_bp_left01.png);}
.m-focus02 .s-img > a.bx-next { right: -33px; background-image:url(../images/about_bp_right01.png); }
.m-focus02 .s-img > a.bx-next.over { background:url(../images/about_bgright02.png);}

.prod-top .right { overflow:hidden; padding-bottom:50px;  }
.prod-top .right .tit { border-bottom:1px solid #ddd; line-height:1.8; margin-bottom:20px;}
.prod-top .right .tit span { border-bottom:2px solid #fabe00; font-size:24px; display:inline-block; }
.prod-top .right .dl { }
.prod-top .right .dl dl{ position:relative; min-height:30px; margin-bottom:10px; }
.prod-top .right .dl dt { position:absolute; left:0; top:0;}
.prod-top .right .dl dd{ padding-left:75px; color:#666;}
.prod-top .right .buy {/* position:absolute; right:left; bottom:0; */}

.prod-body { margin-top:50px; padding-top:50px; border-top:1px dashed #ddd;}
.prod-body .tit { background:#f2f2f2; border-left:#f2f2f2; border-right:#f2f2f2;}
.prod-body .tit a { display:inline-block; width:140px; position:relative; line-height:45px; text-align:center; margin-right:20px; font-size:18px; background:#cecece;}
.prod-body .tit a i { position:absolute; bottom:-21px;  font-size:40px; left:50%; margin-left:-12px; display:none;}
.prod-body .tit a.on { background:#fabe00; color:#fff;}
.prod-body .tit a.on i { display:block; color:#fabe00;}

.prod-body .box { padding:50px 20px; border:1px #f2f2f2 solid; margin-bottom:100px;}

.prod-list { overflow:hidden;}
.prod-list ul { margin:3px -18px;}
.prod-list li { float:left; width:33.33%; margin-bottom:50px; *margin-left:-1px;}
.prod-list li .box { margin:0 20px; border:1px #eee solid; box-sizing:border-box;}
.prod-list li .img { position:relative; border:3px solid #fff; box-shadow:0 0 3px #ddd; transition:0.2s all;}
.prod-list li .img:hover { border-color:#fabe00; box-shadow:0 0 3px #fabe00;}
.prod-list li .auto-img { height:292px;}
.prod-list li .img .buy { position:absolute; right:0; bottom:0; z-index:100; border-radius:3px; overflow:hidden;}
.prod-list li h3 { font-size:18px; padding:10px 0; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.prod-list li .p { height:3em; overflow:hidden; color:#666; padding:0px 10px 20px 10px}
.prod-list li .m { font-family:"\5b8b\4f53"; display:inline-block; color:#fabe00; font-size:18px;}

.prod-index { padding-top:80px; padding-bottom:50px;}

.service-box { }
.service-1 { padding:50px 0;}
.service-1 .left { width:585px; float:left;  margin-right:100px; }
.service-1 .left img { width:100%; height:auto;}
.service-1 .left .img { margin-bottom:20px; position:relative;}
.service-1 .left .img a { position:absolute; right:0; bottom:0; z-index:10; background:rgba(240,130,0,0.9); line-height:40px; vertical-align:top; color:#fff; padding:10px 20px; font-size:30px;}
.service-1 .left .img a i { font-size:18px; font-weight:normal; font-family:"\5b8b\4f53"; display:inline-block; margin-left:10px;}
.lt9 .service-1 .left .img a  { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#ddfabe00", EndColorStr="#ddfabe00")}
.service-1 .left .il { }
.service-1 .right { overflow:hidden; }
.service-1 .right .tit { font-size:30px; margin-bottom:20px;}
.service-1 .right ul { padding-left:84px;}
.service-1 .right ul li { position:relative; min-height:90px; margin-bottom:30px;}
.service-1 .right ul li .dat { position:absolute; left:-85px; top:0; padding:7px; background:#f9f8f8; text-align:center; width:51px; height:76px;}
.service-1 .right ul li .dat em { font-size:30px; display:block;}
.service-1 .right ul li:hover .dat { background:#fabe00; color:#fff;}
.service-1 .right ul li:hover .dat span { border-color:#fff;}
.service-1 .right ul li .dat span { font-size:12px; display:block; border-bottom:2px solid #fabe00;}
.service-1 .right ul li h3 { font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.service-1 .right ul li .p { font-size:12px; color:#555; height:4.5em; overflow:hidden; margin:10px 0; }
.service-1 .right ul li .m {font-family:"\5b8b\4f53"; display:inline-block; color:#fabe00; font-size:18px; }

.service-2 { padding:50px 0;}
.service-2 .left { width:50%; float:left;}
.service-2 .right { width:50%; float:right;}
.service-2 .tit { font-size:30px; margin-bottom:30px;}
.service-2 .left h3 { font-size:18px; font-weight:normal;  white-space:normal; overflow:hidden; text-overflow:ellipsis; padding-right:100px;}
.service-2 .left .p { font-size:14px; color:#555; height:4.5em;  overflow:hidden; margin:10px 0;  padding-right:100px;}
.service-2 .left .m {font-family:"\5b8b\4f53"; display:inline-block; color:#fabe00; font-size:18px; }

.service-2 .right li { border-bottom:1px dotted #aaa; padding:0 0 10px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.service-3 { padding:50px 0;}
.service-3 .tit { font-size:30px; text-align:center; margin-bottom:50px;}
.service-3 ul { }
.service-3 ul li { float:left; width:50%; margin-bottom:30px; border-bottom:1px #ccc dashed;}
.service-3 ul li h3 { font-size:18px; font-weight:normal;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:100px;}
.service-3 ul li .p { font-size:14px; color:#555; height:3.5em;  overflow:hidden; margin:0 0; padding-right:100px;line-height:22px;}
.service-3 ul li .m {font-family:"\5b8b\4f53"; display:inline-block; color:#fabe00; font-size:14px; padding-bottom:35px;}


.anti { padding-bottom:100px; }
.anti .tit { text-align:center; font-size:0; margin-bottom:50px; }
.anti .tit a { display:inline-block; background:#f2f2f2; margin:0 10px; line-height:40px; min-width:140px; text-align:center; font-size:18px;}
.anti .tit a.on { background:#fabe00; color:#fff;}

.anti .box { margin-bottom:50px;}
.anti .box  h2 { font-size:18px; margin-bottom:20px; font-weight:normal;}

.anti-search { background:#f6f6f6; padding:15px 30px;}
.anti-search input:first-child { border:0; border-bottom:1px solid #fabe00; font-size:18px; background:no-repeat; line-height:50px; height:50px; width:70%;color: #999;}
.anti-search input.sl { background:url(../images/service03.png) center no-repeat; width:50px; height:50px; border:0; overflow:hidden; text-indent:-1000px;}

.anti .p12 { padding:10px 30px; font-size:12px; color:#666;}

.commun-1 {}
.commun-1 .box{ padding:50px 50px 20px;}
.commun-1 .box .left { float:left; width:50%;}
.commun-1 .box li { position:relative; padding-left:150px; line-height:50px; margin-bottom:30px;}
.commun-1 .box li .name { position:absolute; left:0; top:0; color:#fff; text-align:right; width:140px; font-size:16px;}
.commun-1 .box li .r {  }
.commun-1 .box li .r .inp { line-height:50px; height:50px; transition:0.2s all; background:rgba(255,255,255,0.7); border:0; width:90%; padding:0 1%;}
.commun-1 .box li .r .inp:focus { background:rgba(255,255,255,0.95); box-shadow:0 0 2px #eee;}
.lt9 .commun-1 .box li .r .inp  { background:none;  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#aaffffff", EndColorStr="#aaffffff") }
.commun-1 .box li .r textarea { background:rgba(255,255,255,0.7); transition:0.2s all; border:0; height:200px; width:90%; padding:5px 1%;}
.commun-1 .box li .r textarea:focus { background:rgba(255,255,255,0.95); box-shadow:0 0 2px #eee;}
.lt9 .commun-1 .box li .r textarea {background:none;  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#aaffffff", EndColorStr="#aaffffff")  }

.commun-1 .box li .r .sub { transition:0.2s all; font-size:20px; width:150px; float:right; margin-right:8%; height:50px; line-height:1; background:#fff; border:0;}
.commun-1 .box li .r .sub:hover { background:#eee;}
.commun-list { padding:0 0 100px;}
.commun-list li{ padding:0 20px; border-bottom:1px dotted #999;}
.commun-list li h3 { padding:20px 0; cursor:pointer; font-weight:normal;}
.commun-list li.on { background:#fafafa;}
.commun-list li.on .p { display:block;}
.commun-list li .p{  position:relative; margin-left:30px; display:none; padding-bottom:20px;}
.commun-list li .p .i { position:absolute; left:-30px;}

.policy { padding-bottom:50px;}
.policy .service-3 { padding:0;}

.rights { overflow:hidden;}
.rights ul { margin:0 -48px; *padding-bottom:40px;}
.rights ul li { position:relative; min-height:90px; margin-bottom:30px; float:left; width:50%;  *margin-left:-1px;}
.rights ul li .dat { position:absolute; transition:0.2s all; left:0; top:0; padding:7px; background:url(../images/news_bg.jpg) no-repeat; background-size:100%; text-align:center; width:65px; height:90px;}
.rights ul li .dat em { font-size:22px; display:block; padding-top:15px;}
.rights ul li .box { position:relative; margin:0 50px;}
.rights ul li:hover .dat { background:#fabe00; color:#fff;}
.rights ul li:hover .dat span { border-color:#fff;}
.rights ul li .dat span { font-size:14px; display:block;}
.rights ul li h3 { font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:95px;}
.rights ul li .p { font-size:12px; color:#555; height:3.5em; overflow:hidden; margin:10px 0 0 0; margin-left:95px; line-height:22px;}
.rights ul li .m {font-family:"\5b8b\4f53"; display:inline-block; color:#fabe00; font-size:14px; margin-left:95px;}

/*��������ҳ*/
.article-box .art-title{text-align: center;padding:20px 28px; margin-top:30px; border-bottom:1px #ccc dashed}
.article-box .art-title h6{padding:10px 0;font-size:24px;font-weight:500; color:#fabe00;}
.article-box .art-title .basic-list{padding:10px 0;}
.art-title .basic-list a ,
.art-title .basic-list span{display:inline-block;display: inline;margin:0 10px;padding:5px 0 5px 30px;font-size:12px;color:#6c6d71; position:relative;}

.art-title .basic-list span.time{background:url(../images/news_iocn_25.png) no-repeat left center;}
.art-title .basic-list span.source{text-align:left;margin-right:20px;padding-left:0;}
/*.art-title .basic-list span.author{background:url(../images/news_iocn_26.png) no-repeat left center;}
.art-title .basic-list span.browse{background:url(../images/news_iocn_27.png) no-repeat left center;}*/
.art-title .basic-list a.share{background:url(../images/news_iocn_28.png) no-repeat left center;cursor:pointer;}
.article-box .art-text-box{padding:30px 0;color: #666666;}
.article-box .share-it-box{padding:15px;border-bottom:1px solid #898989;}

.share-it-box span.tit{line-height:30px !important;font-size:18px;font-weight:500 !important;}
.article-box .pager-close{padding:25px 0 100px; border-top:1px #eee solid}
.article-box .pager-close .pager-left{float:left;width:70%;}
.article-box .pager-close .pager-left p span{color:#626670;}
.article-box .pager-close .pager-left p a{color:#383842;}
.article-box .pager-close .pager-left p a:hover{color:#fabe00;}
.article-box .pager-close .close-right{float: right;width:30%;text-align: right;}
.article-box .pager-close .close-right a{display: inline-block;*display:inline;color:#FFFFFF;background:#fabe00;padding:5px 30px; border-radius:2px;}
.article-box .pager-close .close-right a:hover{background:#904e00;}

.bdshare-button-style0-32 a { border-radius:100%;}

.news-1 { padding-bottom:50px;}
.news-1  .left{ float:left; width:45%; margin-right:5%; }
.news-1 .left a {position:relative; display:block;}
.news-1 .left .auto-img { height:368px;}
.news-1 .left i { position:absolute; bottom:0; left:0; right:0; background:rgba(240,130,0,0.7); text-align:center; color:#fff; line-height:3; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lt9 .news-1 .left i{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#aaf18101", EndColorStr="#aaf18101") }
.news-1 .right { overflow:hidden; padding-left:90px;}
.news-1 .right ul li { position:relative; min-height:90px; margin-bottom:30px; float:left; width:100%; *margin-left:-1px;}
.news-1 .right ul li .dat { position:absolute; left:-85px; top:0; padding:7px; background:url(../images/news_bg.jpg) no-repeat; background-size:100%; text-align:center; width:65px; height:90px;}
.news-1 .right ul li .dat em { font-size:22px; display:block; padding-top:15px;}
.news-1 .right ul li:hover .dat { background:#fabe00; color:#fff;}
.news-1 .right ul li:hover .dat span { border-color:#fff;}
.news-1 .right ul li .dat span { font-size:14px; display:block;}
.news-1 .right ul li h3 { font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px;}
.news-1 .right ul li .p { font-size:12px; color:#555; height:3.5em; overflow:hidden; margin:10px 0 0 0; padding-left:10px; line-height:22px; }
.news-1 .right ul li .m {font-family:"\5b8b\4f53"; display:inline-block; color:#fabe00; font-size:14px; padding-left:10px; }

.news-wrap { background:url(../images/news_zbg.jpg) no-repeat #f5e9e2; background-size:100%;}

.news-1.information-top .right ul li .p { height:auto;}

.news-3 { padding-bottom:100px;}
.news-3 .left { float:left; width:46%; }
.news-3 .right { float:right; width:46%; }
.news-3 .tit {  font-size:18px; margin-bottom:10px; }
.news-3 .tit a { display:inline-block; transition:0.2s all; background:#f18101; padding:0 20px; min-width:120px; text-align:center; line-height:2; color:#fff;}
.news-3 .tit a:hover { background:#a45700;}
.news-3 .bx { overflow:hidden; }
.news-3 .bx ul { margin:2px -8px 4px;}
.news-3 .bx li { float:left; width:33.33%; *margin-left:-1px; }
.news-3 .bx li .x { margin:0 10px; border:3px solid #fff; box-shadow:0 0 3px #ddd;}
.news-3 .bx li .auto-img { height:234px;}
.news-3 .bx li .auto-img .pdf { z-index:13; text-align:center; position:absolute; border:5px solid #fff; color:#fff;  left:50%; top:50%; width:100px; height:30px; line-height:30px; margin-top:-70px; margin-left:-55px; transition:0.2s all; opacity:0; filter:alpha(opacity=0);}
.news-3 .bx li .auto-img .down { z-index:12;  text-align:center; position:absolute; border:5px solid #fff; background:#fff; color:#fabe00;  left:50%; top:50%; width:100px; height:30px; line-height:30px; margin-top:20px; margin-left:-55px; transition:0.2s all; opacity:0; filter:alpha(opacity=0);}
.news-3 .bx li .auto-img i { background:#fabe00; opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:50%; bottom:50%; right:0; z-index:11; transition:0.3s all;}
.news-3 .bx li .m { display:block; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.news-3 .bx li:hover .pdf { opacity:1; filter:alpha(opacity=100); }
.news-3 .bx li:hover .down { opacity:1; filter:alpha(opacity=100);}
.news-3 .bx li:hover i { opacity:0.8; filter:alpha(opacity=80); top:0; bottom:0;}

.main .information-top.wrap { background:#fafafa; padding-bottom:0; margin-bottom:50px;}
.main .information-top .right { padding-top:50px; margin-right:50px;}
.main .information-top .right ul li .dat { background:#fabe00; color:#fff;}
.main .information-top .right ul li .dat span { border-bottom-color:#fff;}

.rights-video {}
.rights-video ul { margin:10px -18px;}
.rights-video  ul li { width:33.33%; margin-bottom:50px;}
.rights-video ul li .auto-img { height:215px;}
.rights-video ul li .auto-img a { display:block;}
.rights-video ul li .auto-img i { position:absolute; background:url(../images/v.png) center; z-index:10;  width:57px; height:57px; left:50%; top:50%; margin:-29px 0 0 -29px;}
.rights-video ul li .box { margin:0 20px; border:5px solid #fff; box-shadow:0 0 5px #ddd; transition:0.2s all ;}
.rights-video ul li:hover .box{ border-color:#fabe00; box-shadow:0 0 5px #fabe00; }
.rights-video ul li .bout-bot { position:relative; margin:20px 10px;}


.news-video { height:480px; max-width:865px; margin:40px auto;}

.press { }
.press .tit { }
.press .tit span{ display:inline-block; width:auto; cursor:pointer; padding-left:20px; position:relative; color:#666; font-size:18px; line-height:40px; }
.press .tit span i {position:absolute; left:0; bottom:0; }
.press .tit span.on { font-size:30px; color:#fabe00;}

.press_list { padding:10px 0 50px; overflow:hidden;}
.press_list ul { margin:5px -13px 0; }
.press_list li { float:left; width:25%; *margin-left:-1px; margin-bottom:40px;}
.press_list li .x { margin:0 15px; border:3px solid #fff; box-shadow:0 0 3px #ddd;}
.press_list li .auto-img { height:398px;}
.press_list li .auto-img .pdf { z-index:13; text-align:center; position:absolute; border:5px solid #fff; color:#fff;  left:50%; top:50%; width:100px; height:30px; line-height:30px; margin-top:-70px; margin-left:-55px; transition:0.2s all; opacity:0; filter:alpha(opacity=0);}
.press_list li .auto-img .down { z-index:12;  text-align:center; position:absolute; border:5px solid #fff; background:#fff; color:#fabe00;  left:50%; top:50%; width:100px; height:30px; line-height:30px; margin-top:20px; margin-left:-55px; transition:0.2s all; opacity:0; filter:alpha(opacity=0);}
.press_list li .auto-img i { background:#fabe00; opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:50%; bottom:50%; right:0; z-index:11; transition:0.3s all;}
.press_list li .m { display:block; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.press_list li:hover .pdf { opacity:1; filter:alpha(opacity=100); }
.press_list li:hover .down { opacity:1; filter:alpha(opacity=100);}
.press_list li:hover i { opacity:0.8; filter:alpha(opacity=80); top:0; bottom:0;}


.investor-2 { min-height:570px; }
.investor-2 .wrap { padding-top:150px;}
.investor-2 .wrap h3 { font-size:30px; font-weight:normal;}
.investor-2 .wrap article { width:50%; margin:20px 0 30px;}
.investor-2 .wrap .m { background:url(../images/about03.png) no-repeat; width:36px; height:36px; display:inline-block;}

.investor-3 {overflow:hidden; padding:50px 0 80px;}
.investor-3 dl { margin:0 -10px;}
.investor-3 dd { float:left; width:50%; *margin-left:-1px;}
.investor-3 dd .x { margin:0 10px;}
.investor-3 dd img { margin-bottom:10px; width:100%; height:auto;}
.investor-3 dd h3 { font-size:30px; font-weight:normal;}
.investor-3 dd h3 a { color:#fabe00;}
.investor-3 dd article { margin:10px 0 20px; color:#555;}
.investor-3 dd .m { background:url(../images/about02.png) no-repeat; width:36px; height:36px; display:inline-block;}

.govern { padding-bottom:100px;}

.govern-list { }
.govern-list ul { margin:0 -18px;}
.govern-list ul li { float:left; width:25%; margin-bottom:50px;}
.govern-list ul li .x { margin:0 20px; border:5px solid #fff; box-shadow:0 0 3px #ddd; transition:0.2s all;}
.govern-list ul li .x .auto-img { height:400px;}
.govern-list ul li .x span { display:block; padding:10px 0;}
.govern-list ul li .x span em { color:#fabe00; font-size:24px; display:inline-block; margin-right:10px; font-weight:normal;}
.govern-list ul li:hover .x { border-color:#fabe00; box-shadow:0 0 3px #fabe00; background:#fabe00;}
.govern-list ul li:hover .x span { color:#fff;}
.govern-list ul li:hover .x span em { color:#fff;}

.interact { padding-bottom:100px;}
.inter-box { padding:50px 0 0;}
.inter-box h4 { font-size:18px; margin-bottom:20px; color:#fabe00; font-weight:normal;}

.shares { padding-bottom:100px;}
.shares .tit { }
.shares .tit .t { border-bottom:1px solid #ddd; padding-bottom:5px; }
.shares .tit .b { font-size:26px; color:#fabe00;}
.shares .sh-box { margin:50px 0;}

.train { min-height:400px; padding-bottom:70px;}
.train dl { float:right; width:50%; padding-top:100px;}
.train dl dt { font-size:24px; color:#fabe00; margin-bottom:20px;}
.train dl dd { font-size:16px; color:#555;}

.train_box { padding-bottom:100px; padding-top:50px; }
.train_box .left { float:left; width:38%; height:600px; }
.train_box .left .mCSB_container { margin-right:0; padding-right:20px; padding-left:20px; }
.train_box .left .mCustomScrollBox > .mCSB_scrollTools { right:auto; left:0;}
.train_box .left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#fabe00;}
.train_box .left dt { font-size:24px; color:#fabe00; padding-left:20px;}
.train_box .left dd { }
.train_box .left dd li { padding:10px; position:relative;}
.train_box .left dd li.on,
.train_box .left dd li:hover { background:#fabe00;}
.train_box .left dd li i { position:absolute; display:none; font-size:50px; line-height:50px; height:50px; overflow:hidden; margin-top:-25px; top:50%; right:-15px; color:#fabe00;}
.train_box .left dd li .iframe-a { display:block; border-bottom:1px dotted #ddd; padding:0 0 20px; }
.train_box .left dd li.on a,
.train_box .left dd li:hover a { color:#fff;}
.train_box .left dd li.on i,
.train_box .left dd li:hover i { display:block;}

.train_box .right { overflow:hidden; padding:50px; background:#f9f8f8;}
.train_box .right h3 { font-size:24px; margin-bottom:10px; color:#fabe00; }
.train_box .right .t { margin-bottom:20px; color:#666;}
.train_box .right .iframe-nr { color:#555; min-height:500px; overflow:hidden; }

.train_box .right .close { display:none;}

.join-list { }
.join-list li { float:left; width:25%;/* border-bottom:1px dashed #ddd;*/ padding:30px 0;}
.join-list li h3 { margin:0 20px; margin-bottom:10px; font-size:24px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.join-list li h3 a { color:#fabe00;}
.join-list li h3 a:hover { color:#fabe00;}
.join-list li div { margin:0 20px;}
.join-list li div span { display:block; margin-bottom:10px;}
.bg_box{ background:#f0f0f0; padding:10px 0;}

.join-wrap { padding-bottom:100px;}
.join-wrap .join-top { background:#fabe00; position:relative; color:#fff; padding:30px; border-radius:2px;}
.join-wrap .join-top dl { margin-right:270px;}
.join-wrap .join-top dl dd { line-height:30px; padding:5px 0;}
.join-wrap .join-top dl span { display:inline-block; font-size:18px;}
.join-wrap .join-top dl p { display:inline-block;}
.join-wrap .join-top img { position:absolute; right:30px; top:50%; margin-top:-35px;}

.jion-list { padding:50px 50px 0;}
.close_join { margin-top:20px; text-align:right;}
.close_join a { display:inline-block; background:#fabe00; transition:0.2s all; border-radius:2px; color:#fff; padding:5px 20px;}
.close_join a:hover { background:#a55900;}
.jion-list dt {  font-size:18px; margin-bottom:10px;}
.jion-list dd { color:#555;}

.idea { padding-bottom:100px;}
.idea dt { }
.idea dt img { width:100%; height:auto;}
.idea dd { background:#fabe00; padding:30px; color:#fff;}


.site-map { padding-bottom:100px;}
.site-map li { border-bottom:1px dashed #ddd; padding:20px 0;}
.site-map li > a { font-size:18px; color:#fabe00;}
.site-map li > a .song { font-family:"\5b8b\4f53"; display:inline-block; padding:0 5px 0  0;}
.site-map li .child { margin-top:10px; font-size:0;}
.site-map li .child a { display:inline-block; min-width:100px; font-size:14px; margin-bottom:10px;}

.state { padding-bottom:100px;}

.website-bx { padding-bottom:100px;}

.search-nr { padding-bottom:100px;}
.search-nr .s-top { background:#f6f5f3; padding:10px; border-radius:2px; }
.search-nr .s-top dt { float:left; padding-right:100px; background:url(../images/jj_03.jpg) right center no-repeat; line-height:70px; font-size:30px; margin-right:30px;}
.search-nr .s-top dd { overflow:hidden; max-width:400px; background:#fff; padding-left:10px; border:1px solid #999; margin:22px 0 0 0; position:relative; padding-right:50px; }
.search-nr .s-top dd .inp-txt { width:100%; border:0; line-height:30px; height:30px; }
.search-nr .s-top dd .inp-bon { position:absolute; right:0; top:0; transition:0.3s all; width:50px; height:30px; line-height:1; background:url(../images/s.png) center no-repeat; border:0;}
.search-nr .s-top dd .inp-bon:hover { background-color:#ddd;}
.search-nr .s-1 { background:#fafafa; padding:10px 20px; margin:20px 0;}
.search-nr em{ color:#fabe00;}
.search-nr .s-1 em { font-size:24px; }

.search-list {}
.search-list li{ border-bottom:1px dashed #ddd; padding:20px 10px;}
.search-list li a{ font-size:20px;}
.search-list li span{ color:#444; display:block; padding:10px 0;}
.search-list li p{ color:#999;}

.job-home { }
.job-home ul { margin:0 -25px; padding-bottom:80px; }
.job-home li { float:left; width:33.33%; *margin-left:-1px;  }
.job-home li .box{ margin:0 25px; height:540px;}
.job-home li .box .mk { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; opacity:0; filter:alpha(opacity=0); transition:0.2s all; transform:scale(2,2);}
.job-home li .box .mk img { position:absolute; width:100%; height:100%;}
.job-home li .box a { position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; transition:0.2s all;}
.job-home li .box .tit { position:absolute; left:30px; top:30px; color:#fff; text-shadow:1px 1px 1px #888; transition:0.2s all; width:160px; height:110px;}
.job-home li .box .tit b{ display:block; font-size:36px; font-weight:normal; }
.job-home li .box .tit em{ display:block; font-size:14px; opacity:0.8; filter:alpha(opacity=80); }
.job-home li .box .tit s{ font-style:normal; text-decoration:none; font-size:22px;  }
.job-home li .box:hover .mk { opacity:1; filter:alpha(opacity=100); transform:scale(1,1);}
.job-home li .box:hover .tit { text-align:center; top:50%;  left:50%; margin:-55px 0 0 -80px; }


.content-2 .itm{ border-top:1px dotted #b2b2b2; padding:60px 0}
.content-2 .itm:first-child{ padding-top:0; border-top:0}
.content-2 .hd{ color:#fabe00; font-size:30px}
.content-2 .bd{ margin-top:20px; padding:1px}
.content-2 .bd .ul{ margin:-60px -60px 0}
.content-2 .bd .i-itm{ float:left; width:33.333% }
.ie7 .content-2 .bd .i-itm{ margin-right:-1px;}
.content-2 .bd .inr{ margin:60px 60px 0; color:#555555; line-height:29px;}
.content-2 .bd h4{ font-size:24px; color:#0b0b0a; font-weight:normal; color:#0b0b0a; margin-bottom:15px}
.content-2 .bd li{ padding-left:75px; position:relative}
.content-2 .bd li span{ position:absolute; left:0; top:0; background-position: left center; background-repeat:no-repeat; padding-left:30px}
.content-2 .bd .i1 span{ background-image:url(../images/_lzy1.png)}
.content-2 .bd .i2 span{ background-image:url(../images/_lzy2.png)}
.content-2 .bd .i3 span{ background-image:url(../images/_lzy3.png)}
.content-2 .bd .i4 span{ background-image:url(../images/_lzy4.png)}

@media only screen and (max-width: 1920px) {
.history .his-b { margin: 0 10px; width: auto; }
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:40px; height:40px; overflow:hidden;}
}
@media only screen and (max-width: 1420px) {

.history .his-b { margin: 0 10px; width: auto; }
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:40px; height:40px; overflow:hidden;}
}

@media only screen and (max-width: 1380px) {
.about-box { margin:50px 0;}
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:40px; height:40px; overflow:hidden;}
}

@media only screen and (max-width: 1290px) {
		.main .wrap { margin:0 40px;}
	.about-box .x1 .x1_right > img {width:300px; height:323px; bottom:auto; top:50%; margin-top:-160px;}
	.about-video li .auto-img { height:200px;}
	.honour-ul span { height:215px;}
	.cul-top .left img { width:500px; height:335px;}
	.cul-top .right { padding-top:20px;}
	.cul-list li .n p { font-size:16px;}
	.mien-activity li span { height:240px;}
	.pro-2 li span { height:240px;}
.about-tab-warp dt img { width:480px; height:457px; }
	.about-tab-warp dd {min-height:417px; padding:30px 30px 10px;}
	.about-tab-warp dd span em { font-size:40px;}

	.innovate-joint dd li img { width:180px; height:99px;}

	.innovate-1 ul li .img { height:360px;}

	.work-sear .left .select.select1 { width:250px;}
	.work-sear .left .select.select2,
	.work-sear .left .select.select3 { width:170px; }
	.work-sear .left .select-box dt b { font-size:14px;}
	.work-sear .left .inp input { font-size:14px;}

		.m-focus02 { width:500px;}
	.tab_title a { min-width:120px;}

	.service-1 .left { width:400px; margin-right:50px;}

	.govern-list ul li .x .auto-img { height:300px;}

	.intro-top dd .box { padding-top:30px;}
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:40px; height:40px; overflow:hidden;}
}
@media only screen and (max-width: 1025px) {
	.about-box .x2 .x1_box { height:300px;}
	.about-box .x2 a img { margin-top:80px;}
	.about-bottom li a b { font-size:24px;}
	.about-bottom { min-height:480px;}
	.intro-top dt img { width:450px; height:280px;}
    .intro-top dt #a1 { width:450px; height:280px;}
	.intro-top dd { min-height:280px;}
	.intro-top dd .box { padding:20px 50px 20px;}
	.about-video li .auto-img { height:150px;}
	.honour-ul span { height:170px;}
		.cul-list li .n p { font-size:14px;}
			.cul-top .left img { width:400px; height:268px;}
	.mien-activity li span { height:190px;}
		.pro-2 span { height:190px;}
	

	.mien-literature li .auto-img { width:220px; height:309px;}

	.busi-2 .box { min-height:200px;}
	.busi-2 .box div { margin:50px -50px 0;}

		.innovate-1 ul li .img { height:280px;}

	.prod-list li .auto-img { height:200px;}
	.prod-list li .p { height:4.5em;}

	.news-1 .left .auto-img { height:300px;}

		.news-3 .bx li a .auto-img { height:180px;}

	.rights-video ul li .auto-img { height:160px;}

	.press_list li .auto-img { height:293px;}

	.news-3 .bx li .auto-img { height:180px;}
	
	.content-2 .bd .ul{ margin:-30px -30px 0}
	.content-2 .bd .inr{ margin:30px 30px 0}
	.content-2 .bd h4{ font-size:20px}
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:40px; height:40px; overflow:hidden;}

}
@media only screen and (max-width: 1000px) {
	.about-box .x1 .x1_left { width:auto; float:none; background:#fabe00 url("../images/b_03.jpg") right bottom no-repeat; min-height:0; padding-bottom:40px;}
	.about-bottom li a span img { width:170px; height:170px;}
	.about-box .x1 .x1_left .x1_box .t2 { min-height:0;}
	.about-bottom li a b { font-size:20px;}
	#history-list .list { width:auto;}
	#history-list .list li .bx { width:90%;}
	.intro-top dt { float:none;}
	.intro-top dt img { width:100%; height:auto;}
    .intro-top dt #a1 { width:100%; height:auto;}
	.intro-top dd { min-height:0;}
	.about-video li .auto-img { height:110px;}
	.about-video li i { top:40%;}
	.honour .demo-gallery__img--main { width:50%;}
	.honour-ul span { height:185px;}
    .intro-topx2 dt { float:none}
    .intro-topx2 dt img { width:100%; height:auto;}
    #ckplayer_a1{width:100%; height:auto;}
    #ckplayer_a1{position:relative}
    #a1{width:100%; height:auto;}
    #a1{position:relative}
	.cul-list li { width:50%;}
	.cul-list li:first-child .n { height:100%;}
	.cul-list li:first-child + li .n { background:none; left:0; height:100%;}
	.cul-list li:first-child + li .n .w { left:0; right:0; text-align:left;}
	.cul-list li:first-child + li .n .w i { display:none;}
	.cul-list li:first-child + li + li + li + li,
	.cul-list li:first-child + li + li + li { margin-left:50%;}

	.cul-top .left img { width:280px; height:188px;}

	.mien-activity li span { height:150px;}

	.pro-2 li span { height:150px;}

	.mien-literature li { width:100%; float:left;}
	.resource-type-list { margin:0 -4px;}
	.resource-type-wrap .panel { margin-bottom:20px;}
	.resource-type-wrap .panel .inner { margin:0 5px;}
	.mien-literature li { margin-bottom:30px;}
	.mien-literature li .r { padding-right:0;}

	.about-tab-warp dt { float:none;}
	.about-tab-warp dt img { width:100%; height:auto; }
	.about-tab-warp dd { min-height:inherit;}

		.innovate-joint dd li img { width:100px; height:55px;}
	.innovate-joint dd li a i { font-size:12px;margin:0 10px; white-space:normal; height:3em;}

	.busi-1 { margin:0 -20px;}
	.busi-1 .it .x { margin:0 20px;}
	.busi-1 .it .x div { width:auto; position:relative;}
	.busi-1 .it .x div p { font-size:16px;}

	.busi-2 .box { margin:0 20px;}
	.busi-2 .box div { margin:30px 20px 0;}
	.busi-2 .box div ul { margin:0;}
	.busi-2 .box div ul li { width:33.33%; margin-bottom:50px; }

	.innovate-1 ul li .img { height:200px;}

	.lead-box .left { width:250px;}

	.contact .cont-txt { width:300px;}
	.contact .cont-txt .box { padding:20px;}


		.work-sear .left .select.select1 { width:200px;}
	.work-sear .left .select.select2,
	.work-sear .left .select.select3 { width:120px; }
	.work-list-top span { margin-right:30px; line-height:33px; font-size:14px;}

	.work-list .round { width:33px; height:33px;}
	.work-list-tab dt span { padding:5px 0; font-size:14px;}
	.work-list-tab dd li .t span { font-size:12px;}

	.work-list-tab .i0 { width:18%;}
	.work-list-tab .i1 { width:18%;}
	.work-list-tab .i3 { width:38%;}
	.work-list-tab .i4 { width:14%;}
	
	
	.work-list-tab2 .i2{ width:30%}

	.m-focus02 { width:auto; float:none; margin-right:0; margin-bottom:30px;}

	.prod-list li { width:50%;}

		.tab_title a { min-width:100px;}
	.anti-search input:first-child { font-size:16px;}


		.service-1 .left { width:280px; margin-right:30px;}

			.service-3 ul li h3,
	.service-3 ul li .p { padding-right:30px;}


	.rights ul li h3 { font-size:16px;}

	.news-3 { padding-bottom:50px;}
	.news-3 .bx li a .auto-img { height:130px;}

	.rights-video ul li { width:50%;}

	.news-video { height:300px;}

		.press_list li .auto-img { height:200px;}
	.investor-2 { min-height:400px;}
	.investor-2 .wrap { padding-top:50px;}

	.work-sear .left .inp { width:140px;}

		.news-3 .bx li .auto-img { height:140px;}
	.news-3 .bx ul { margin:2px -2px;}
	.news-3 .bx li .x { margin:0 3px;}

	.news-3 .bx li .auto-img .pdf { width:60px; margin-left:-35px; margin-top:-40px;}
		.news-3 .bx li .auto-img .down { width:60px; margin-left:-35px; margin-top:20px;}

			.govern-list ul li .x .auto-img { height:200px;}

	.train { background-position:top center; background-size:auto 200px; }
	.train dl { width:auto; float:none; padding-top:250px;}


	.join-list li { width:50%;}

	.commun-1 .box .left { float:none; width:auto;}

	.about-banner .a-box { width:600px;}
	.job-home li .box { height:400px;}
	.job-home li .box .mk { display:none;}
#history-list .list li .bx .img_dsj { width:30%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:61%; float:left; height:210px; overflow:hidden;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%;line-height:40px; height:40px; overflow:hidden;}

}

@media only screen and (max-width: 767px) {
	.main .wrap { margin:0 10px; padding-top:15px;}
	.crumbs .tit { float:none; margin-bottom:10px;}
	.crumbs .wrap .postion { float:none;}
	.other-body .main { margin-top:0;}
    .intro-topx2 dt { float:none}
    .intro-topx2 dt img { width:100%; height:auto;}
    #ckplayer_a1{width:100%; height:auto;}
    #ckplayer_a1{position:relative}
    #a1{width:100%; height:auto;}
    #a1{position:relative}
		.cul-top .left { float:none; margin-left:0;}
	.cul-top .left img { width:100%; height:auto;}

	.about-box { margin:20px 0;}
	.about-banner .a-box { width:auto; position:relative; padding:20px; top:0; left:0; margin:10px;}
	.about-box .x1 .x1_right > img { position:relative; top:0; margin:0; margin:0 auto;}
	.about-box .x1 .x1_right .x1_box { margin-left:auto; padding-bottom:40px;}
	.about-box .x2 .x1_box { height:120px;}
	.about-box .x2 a { font-size:20px; font-weight:bold;}
	.about-box .x2 a img { margin:10px auto 0;}

	.about-bottom { min-height:0; padding:10px 0;}
	.about-bottom li { float:none; width:auto;}
	.about-bottom li a b { font-size:18px; padding-top:10px;}
	.about-bottom li a { padding-left:130px; position:relative; text-align:left; margin:0; min-height:150px;}
	.about-bottom li a span { position:absolute; left:0; top:0;}
	.about-bottom li a span img { width:100px; height:100px;}
	.about-bottom li a i { margin-left:0;}

		.history .his-b { margin:0;}
	.history .his-b .his-ul { margin:0 39px; z-index:10; position:relative;}


	#history-list .tit { left:20px; right:auto; }
	#history-list .line { left:20px; right:auto;}
	#history-list .list { width:auto; margin:0 10px 0 10px;}
	.history .his-b .his-ul li img { margin-top:25px;}
	#history-list .list li { width:auto; margin-bottom:30px; float:none; margin-left:30px; margin-top:0;}
	#history-list .list li.odd { margin-top:0;}
	#history-list .list li .i2 { text-align:left;}
	#history-list .list li .i1 { left:-36px;right:auto;}
	#history-list .list li.odd .i1 {right:-12px;left:auto;}
	#history-list .list li .bx { width:auto;}
	#history-list .tit { font-size:50px; left:auto; text-align:left; padding-right:0; padding-left:50px;}
	#history-list .tit i { right:auto; left:0; top:18px;}

	.about-video ul { margin:0;}
	.about-video li .auto-img { height:auto;}
	.about-video li .auto-img img { width:100% !important; height:auto !important; margin:0 !important;}
	.about-video li { width:auto; float:none; margin-bottom:30px;}

	.intro-top dd .box  { padding:20px;}
	.intro-top dd .box h2 { font-size:24px;}

	.main-con-tit { padding:20px 0; font-size:24px;}

	.honour-ul a { padding-bottom:10px; margin-bottom:10px;}
	.honour-ul span { margin:0 5px; height:100px;}
	.honour-ul a figure { margin:10px 5px 0; font-size:12px;}

	.cul-list li .n h2 { font-size:24px;}

	.resource-type-wrap .panel { width:49.5%;}
	.resource-type-wrap .panel .title { font-size:14px;}
	.mien-literature li .auto-img { width:100px; height:140px;}

	.mien-activity li { width:50%; margin-bottom:20px;}
	.mien-activity ul { margin:0 -8px;}
	.mien-activity li .x { margin:0 10px;}

	.pro-2 li { width:50%; margin-bottom:20px;}
	.pro-2 ul { margin:0 -8px;}
	.pro-2 li .x { margin:0 10px;}

	.tab_title a { min-width:0; padding:0 8px; line-height:30px; font-size:14px; margin-bottom:10px;}
	.about-tab-warp dl { padding-bottom:50px;}
	.tab_title { margin-bottom:0px;}

	.innovate-joint dd li { width:50%;}

	.busi-2 .box div span { margin:0 10px;}
	.busi-2 .box div ul li { width:50%;}
	.busi-1 .it { float:none; width:auto;}
	.busi-2 .box { margin:0 10px;}
	.busi-2 .box div { margin:30px 10px 0;}


	.innovate-1 ul li { width:50%; margin:0 0 20px 0; text-align:center;}
	.innovate-1 .bx-wrapper  {  margin-top:50px;}
	.innovate-1 ul { margin:0;}
	.innovate-1 ul li .img { margin:0 5px;}

	.lead-box .left { width:auto; float:none; margin-right:0; margin-bottom:50px;}
	.lead-box .left img { }

	.contact > div { height:auto;}
		.contact #dituContent { height:250px; }
	.contact .cont-txt { position:relative; width:auto; height:auto;}
	.contact .cont-txt .box h4 { font-size:18px; font-weight:normal;}
	.contact .cont-txt .box ul { padding:30px 0;}
	.contact .cont-txt .box dd { margin-top:10px;}

	.contact > div { margin-bottom:20px;}

	.mapbox { height:200px; }

	.work-list-tab dt { display:none;}
	.work-list-tab dd li .t span { width:100% !important; display:block; text-align:left; padding-top:0; }
	.work-list-tab dd li .t .i4{ text-align:right}
	.work-list-top { font-size:0;}
	.work-list-top span { width:50%; margin-bottom:10px; margin-right:0;}
	
	
	.work-list-tab2 dd li .t span.i0{ text-align:left}
	.work-list-tab dd li .t span.i1{ display:none}

	.work-sear .left .select.select1 { width:99%; margin-right:0; margin-bottom:10px;}
	.work-sear .left .select.select2{ width:48%; margin-right:0; margin-right:3%; }
	.work-sear .left .select.select3 { width:47%; margin-right:0;  }
	.work-sear .left .inp { width:80%; padding:0 1%; margin-top:10px;}
	.work-sear .left .bon { width:17%; margin-top:10px;  }
	.work-sear .left .bon input { width:100%;}

		.work-sear .left .table {  display:block; text-align:center; margin-top:20px; float:left; width:100%;}
	.work-sear .left .table a { display:inline-block; border:1px solid #aaa; color:#000; font-size:16px; text-align:center; width:46%; margin:0 1%; padding:5px 0;}
	.work-sear .left .table a.on { background:#fabe00; color:#fff; border-color:#fabe00;}
	.work-sear .right { margin-bottom:50px;}
	.work-list { margin-top:0; display:none;}

	.prod-list li .box { margin:0 5px;}
	.prod-list ul { margin:3px -3px;}
	.prod-list li .auto-img { height:120px;}
	.prod-list li .img .buy {}
	.prod-list li .img .buy img { width:100%;}

	.prod-list li .p { font-size:12px; height:6em;}
	.prod-list li { margin-bottom:30px;}
	.page { display:none;}
	.page-phone { display:block; margin:20px 0 40px;}

	.anti-search { padding:10px;}
	.anti-search input:first-child { width:91%; font-size:12px; height:20px; line-height:20px;}
	.anti-search input.sl { width:20px; height:20px; background-size:cover;}

	.service-1 .left { width:auto; margin-right:0; float:none; margin-bottom:20px;}
	.service-2 .right,
	.service-2 .left { width:auto; float:none;}
	.service-2 .left h3,
	.service-2 .left .p { padding-right:0;}
	.service-3 ul li { width:auto; float:none; margin-bottom:10px;}

	.rights ul { margin-right:0;}
	.rights ul li { width:auto; float:none; margin-right:0; margin-bottom:20px;}


	.news-1 .left { width:auto; float:none; margin-right:0; margin-bottom:20px;}

	.news-3 .left,
	.news-3 .right { width:auto; float:none; margin-bottom:50px;}

	.main .information-top { padding-top:0;}
	.news-1 .left .auto-img { height:auto;}
	.news-1 .left .auto-img img{ width:100% !important; height:auto !important; margin:0 !important;}
	.main .information-top .right { padding-top:0px; margin-right:0;}
	.rights ul { margin:0;}
	.rights ul li .box { margin:0;}

	.rights-video ul li .auto-img { height:180px;}

		.news-video { height:180px;}

	.article-box .art-title .basic-list { display:none;}

	.press_list li { width:50%;}

	.investor-2 { background-size:auto 130px; background-position: 0 top; padding-top:130px; min-height:0; padding-bottom:20px;}
	.investor-2 .wrap article { width:auto;}
	.investor-3 dd { width:auto; margin-bottom:10px;}

	.shares .sh-box { margin:20px 0;}
	.shares .tit .b { font-size:18px;}



	.train { background-size:auto 100px; background-position:top center; padding-bottom:20px;}
	.train dl { width:auto; float:none; padding-top:100px;}

	.train_box .left { width:auto; height:auto;}
	.train_box .right .close { position:absolute; left:10px; top:10px; font-size:30px; display:block;}
	.train_box .right { padding:0; position:fixed; left:0; right:0; bottom:0; top:50px;  z-index:1000; }
	.train_box .right .r-scroll { overflow-y:scroll; position:absolute; left:10px; right:10px; top:60px; bottom:10px; overflow-y:auto; }
	.train_box .right .iframe-nr { padding:0 0 30px;}
	.train_box .right { display:none;}

	.train_box .left .mCSB_container { padding:0;}
	.join-wrap .join-top dl { margin-right:0;}
	.join-wrap .join-top img { display:none;}
	.jion-list { padding:20px 20px 0;}
	.join-wrap .join-top { padding:10px;}

	.search-nr .s-top dd { width:auto;}
	.search-nr .s-top dt { float:none;}


	.govern-list ul li { width:50%;}
	.govern-list ul { margin:2px -5px;}
	.govern-list ul li .x { margin:0 6px;}


	.join-list li h3 { margin:0 10px 15px; font-size:16px;}
	.join-list li div { margin:0 10px;}

	.commun-1 .box { padding:10px;}
	.commun-1 .box li .name { width:auto; position:relative;}
	.commun-1 .box li { padding-left:0; margin-bottom:10px;}
	.commun-1 .box li .r textarea,
	.commun-1 .box li .r .inp { width:98%;}
	.commun-1 .box li .r .sub { margin:0 auto; display:block; float:none;}

	.prod-body .tit { text-align:center;}
	.prod-body .tit a { width:125px; margin:0 5px;}

	.header nav .child a i { display:none; opacity:0;}

	.mien-literature li .r figure {  font-size:14px; transform:scale(1) ;}
	.mien-literature li .r figure article { }
	.cul-list li:first-child + li .n i { display:none;}
	
	.job-home li{ float:none; width:auto; margin-top:20px}
	.job-home li:first-child{ margin-top:0}
	.job-home li .box{ height:300px}
	
	
	
	.content-2 .itm{ padding:20px 0}
	.content-2 .hd{ margin-top:10px; font-size:20px;}
	.content-2 .bd .ul{ margin:0}
	.content-2 .bd .i-itm{ float:none; width:auto;}
	.content-2 .bd .inr{ margin:0}
	
	.tab_title a:hover { color:#333;}
	.tab_title a:hover i { display:none;}

	.job-home ul { margin:0;}
	.job-home li .box { margin:0;}

	.work-list2{ display:block}
#history-list .list li .bx .img_dsj { width:100%; transition:0.2s all; height:auto; margin-bottom:5px; background:#fff; /*box-shadow:0 0 4px rgba(0,0,0,0.4);*/ float:left; display:block; margin-left:20px; overflow:hidden; height:210px;}
.cen_dsj{ width:100%; float:left; height:auto;}
#history-list .list li .bx p { clear:both; min-height:3em; width:97%; float:right; font-size:14px;}
#history-list .list li .bx h1{ font-size:18px; color:#fabe00;float:left; text-align:center; margin-left:3%; line-height:40px; height:40px; overflow:hidden;}	
}


