@import url(css.css);
/*****   home   *****/
.top_banner{ overflow:hidden; margin-top:80px;}
.top_banner .flexslider{ position:relative; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.case_banner{ margin:0 auto; height:auto; overflow:hidden;}
.case_banner .flexslider{ position:relative; height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.top_banner .slides li{ cursor:pointer}
.top_banner .slides li img{ float: left; width: 100%}
.case_banner .slides li{height:auto; cursor:pointer}
.flex-control-nav{position:absolute;bottom:40px; left:48%;z-index:2;width:100%; margin-left:-50%; text-align:center;}
.flex-control-nav li{display:inline-block;height:10px; margin:0 5px; *display:inline;zoom:1; cursor:pointer}
.flex-control-nav a{display:inline-block;width:10px;height:10px;border-radius:50%;line-height:100px; text-align:center; color:#fff; overflow:hidden; cursor:pointer; background:#fff}
.flex-control-nav .flex-active{ width:40px; background:#0091e0;border-radius:20px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:30px;height:60px;overflow:hidden;cursor:pointer;position:absolute; transition:none;}
.flex-direction-nav li a.flex-prev{left:50px;background:url(../images/ban_left.png) 72px center no-repeat;}
.top_banner:hover .flex-direction-nav li a.flex-prev{ background-position:center; transition: all .25s ease; }
.case_banner:hover .flex-direction-nav li a.flex-prev{ background-position:center; transition: all .25s ease; }
.flex-direction-nav li a.flex-next{right:50px;background:url(../images/ban_right.png) -72px center no-repeat;}
.top_banner:hover .flex-direction-nav li a.flex-next{ background-position:center; transition: all .25s ease; }
.case_banner:hover .flex-direction-nav li a.flex-next{ background-position:center; transition: all .25s ease; }


.index_title{ width:100%; overflow:hidden; text-align:center; padding-bottom:30px;}
.index_title h2{ overflow:hidden; font-size:35px; line-height:40px; color:#3b3b3b}
.index_title span{ overflow:hidden; font-size:14px; line-height:25px; color:#868686}

.index-about{ padding:40px 0; overflow:hidden}
.index-about .indexab_l{ float:left; width:50%;}
.index-about .indexab_l img{ float:left; width:100%;}
.index-about .indexab_r{ float:right; width:30%; padding-right:16%}
.index-about .indexab_r .indab01{ float:left; width:100%; font-size:22px; color:#484848; line-height:22px; border-left:5px solid #0091e0; text-indent:20px; margin-top:40px}
.index-about .indexab_r .indab02{ float:left; width:100%; line-height:30px; padding:25px 0; font-size:22px; color:#0fa71f}
.index-about .indexab_r .indab03{ float:left; width:100%; font-size:15px; line-height:30px; color:#777676}
.index-about .indexab_r .absz{ float:left; width:100%; padding:50px 0}
.index-about .indexab_r .absz li{ float:left; padding:0 50px; height:70px; width:100px; border-left:1px solid #eee}
.index-about .indexab_r .absz li:nth-child(1){ border-left:0; padding-left:0}
.index-about .indexab_r .absz li span{ float:left; width:100%; font-size:42px; line-height:40px; color:#0091e0; font-weight:bold}
.index-about .indexab_r .absz li span i{ font-size:42px; line-height:40px; color:#0091e0; font-weight:bold}
.index-about .indexab_r .absz li dd{ float:left; width:100%; font-size:14px; line-height:30px; color:#494949}
.index-about .indexab_r .more{ float:left; width:100%;}
.index-about .indexab_r .more a{ float:left; width:170px; height:50px; background:url(../images/more_bj.jpg) center no-repeat}

.indextitle{ padding:40px 0; text-align:center;}
.indextitle h2{ height:55px; line-height:50px; font-size:22px; color:#fff; background:url(../images/index-titlebg.png) center no-repeat; text-align:center; position:relative; z-index:2}
.indextitle span{ height:55px; line-height:60px; display:inline-block; border:1px solid #e7e7e7; color:#767676; margin-top:-15px; font-size:15px; padding:0 50px; border-radius:5px;}


.index-case{ overflow:hidden; padding-bottom:60px}
.index-case-list{ overflow:hidden}
.index-case-list .ul-l{ margin-left:-5px}
.index-case-list .item{ float:left; width:295px; height:167px; position:relative; margin:0 0 5px 5px; overflow:hidden}
.index-case-list .item .caimg{ float:left; width:295px; height:167px; display:block;}
.index-case-list .item .catit{ position:absolute; width:295px; height:40px; left:0; bottom:0;background:rgba(0,0,0,0.6); filter:alpha(opacity=60); text-align:center; transition: all .25s ease;}
.index-case-list .item .catit a{ display:inline-block; width:100%; height:100%}
.index-case-list .item .catit span{ float:left; width:295px; height:40px; line-height:40px; font-size:17px; color:#fff;}
.index-case-list .item .catit dd{ display:inline-block; color:#fff; font-size:16px; line-height:23px; width:50px; height:50px; padding:10px; border-radius:50%; background:rgba(0,146,224,0.6); filter:alpha(opacity=60); margin-top:10px;}
.index-case-list .item:hover .catit{ height:167px;}
.index-case-list .item:hover .catit span{ margin-top:20px}


.index-kehu{ overflow:hidden; padding:20px 0 40px 0; background:#0091e0}
.index-kehu-list{ overflow:hidden;}
.index-kehu-list ul{ margin-left:-10px}
.index-kehu-list li{ float:left; width:290px; height:160px; border:1px solid #3fb4f3; position:relative; overflow:hidden; margin:0 0 10px 10px}
.index-kehu-list li p{ float:left; width:290px; height:160px;}
.index-kehu-list li span{ position:absolute; width:290px; height:160px; left:0; bottom:-160px; line-height:160px; text-align:center; font-size:28px; color:#fff; background:rgba(0,0,0,0.6); filter:alpha(opacity=60); transition: all .25s ease;}
.index-kehu-list li:hover span{ bottom:0}


.index-huoban{ overflow:hidden; padding:20px 0 40px 0;}
.index-huoban-list{ overflow:hidden;}
.index-huoban-list ul{ margin-left:-10px}
.index-huoban-list li{ float:left; width:290px; height:160px; border:1px solid #e5e5e5; position:relative; overflow:hidden; margin:0 0 10px 10px}
.index-huoban-list li p{ float:left; width:290px; height:160px;}
.index-huoban-list li span{ position:absolute; width:290px; height:160px; left:0; bottom:-160px; line-height:160px; text-align:center; font-size:28px; color:#fff; background:rgba(0,0,0,0.6); filter:alpha(opacity=60); transition: all .25s ease;}
.index-huoban-list li:hover span{ bottom:0}


.index-honor{ overflow:hidden; padding:60px 0; background:#f3f3f3}
.index-honor .hotPic2{}
.index-honor .hotPic2 .JQ-slide{ position:relative; height:330px;}
.index-honor .hotPic2 .JQ-slide .wrap { width:1335px; height:305px; overflow:hidden; position:relative; margin-left:32px;}
.index-honor .hotPic2 .JQ-slide-content{ position:absolute; margin-left:-10px;}
.index-honor .hotPic2 .imgList li { width:212px; height:300; background:#fff; margin:0 0 0 10px; border:1px solid #0fa71f}
.index-honor .hotPic2 .imgList li img { width:100%; height:300px; transition:all 3s;}
.index-honor .hotPic2 .imgList li:hover img{ transform:scale(1.2, 1.2);}
.index-honor .hotPic2 .JQ-slide-nav a{ display:block; z-index:2; width:32px; height:32px; overflow:hidden; text-indent:-999em; text-decoration:none; position:absolute; top:120px;}
.index-honor .hotPic2 .JQ-slide-nav a.prev { left:-22px; background:url(../images/ho_hot_l.png) no-repeat;}
.index-honor .hotPic2 .JQ-slide-nav a.next{ right:-22px; background:url(../images/ho_hot_l.png) no-repeat;}
.index-honor .imgList { float:none; overflow:hidden;	zoom:1}
.index-honor .imgList li { float:left; display:inline; overflow:hidden;}
.index-honor .imgList li a { display:block;}
.index-honor .imgList li .txt { text-align:center; overflow:hidden;}


.index-links{ overflow:hidden; padding-bottom:50px;}
.indextitle .links-list{ height:auto; line-height:30px; padding:20px 10px; color:#ccc; font-size:12px;}
.indextitle .links-list a{ padding:0 15px}


.index_kehu{ background:url(../images/index_khbj.jpg) repeat;overflow:hidden; padding:80px 0;}
.index_kehu #tabs0{ overflow:hidden;} 
.index_kehu .menu0{ float:left; height:60px; width:100%; text-align:center} 
.index_kehu .menu0 li{ display:inline-table; padding:0 50px; height:60px; margin:0 15px; font-size:26px; color:#8f8f8f; line-height:60px;cursor:pointer; border:1px solid #ccc} 
.index_kehu .menu0 li.hover { color:#373737; border:1px solid #555} 
.index_kehu #main0 ul {display: none; float:left; width:102%; margin-left:-2%; margin-top:20px} 
.index_kehu #main0 ul.block {display: block;} 
.index_kehu #main0 ul li{ float:left; width:10%; height:100px; line-height:100px; background:#fff; overflow:hidden; text-align:center; margin:0 0 15px 2%; position:relative; border:1px solid #ddd; border-radius:5px; }
.index_kehu #main0 ul li img{ display:inline-table; width:90%; padding:5%; vertical-align:middle;}
.index_kehu #main0 ul li span{ position:absolute; width:100%; height:100px; line-height:100px; left:0; top:-200px; font-size:18px; text-align:center; background:#0091e0; color:#fff; transition: all .25s ease; blr:expression(this.onFocus=this.blur()); }
.index_kehu #main0 ul li:hover span{ top:0}
.index_kehu .more{ overflow:hidden; text-align:center; height:50px; padding-top:40px}
.index_kehu .more a{ height:50px; width:170px; display:inline-table; background:url(../images/more_bj.jpg) center no-repeat}


.index_case{ overflow:hidden; background:url(../images/index_casebj.jpg) center no-repeat; padding:50px 0}
.index_case .index_case_nav{ overflow:hidden; text-align:center;}
.index_case .index_case_nav a{ display:inline-table; padding:0 30px; height:50px; line-height:50px; margin:0 10px; background:#ddd; font-size:17px; color:#555;border-radius:5px; }
.index_case .index_case_nav a:hover{ background:#0fa71f; color:#fff}
.index_case .index_case_list{ overflow:hidden; padding-top:25px}
.index_case .index_case_list ul{ float:left; width:101.5%; margin-left:-1.5%}
.index_case .index_case_list li{ float:left; width:27%; position:relative; margin-left:1.5%}
.index_case .index_case_list li:nth-child(1){ width:40.5%;}
.index_case .index_case_list li a{ float:left; width:100%; position:relative}
.index_case .index_case_list li img{ float:left; width:100%;}
.index_case .index_case_list li .ppo{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); filter:alpha(opacity=60);}
.index_case .index_case_list li .ppo .ppo_l{ position:absolute; width:100%; height:70px; left:0; top:50%; margin-top:-35px; text-align:center;transition: all .5s ease; blr:expression(this.onFocus=this.blur()); }
.index_case .index_case_list li .ppo .ppo_l h2{ display:inline-table; width:100%; text-align:center; height:60px; line-height:60px; font-size:22px; color:#fff;}
.index_case .index_case_list li .ppo .ppo_l i{ display:inline-table; width:50px; height:3px; background:#fff;}
.index_case .index_case_list li .ppo .ppo_l span{ display:none; width:100%; text-align:center; line-height:30px; font-size:14px; color:#fff; padding-top:60px; background:url(../images/index_case_item.png) center no-repeat}
.index_case .index_case_list li:hover .ppo .ppo_l{ height:165px; margin-top:-82px;}
.index_case .index_case_list li:hover .ppo .ppo_l span{ display:block}
.index_case .more{ overflow:hidden; text-align:center; height:50px; padding-top:40px}
.index_case .more a{ height:50px; width:170px; display:inline-table; background:url(../images/more_bj.jpg) center no-repeat}


.index_news{ overflow:hidden; padding:50px 0; background:#f8f8f8}
.index_news .index_news_list{ overflow:hidden; padding-bottom:20px}
.index_news .index_news_list ul{ float:left; width:102%; margin-left:-2%}
.index_news .index_news_list li{ float:left; width:18%; position:relative; margin-left:2%; background:#fff; box-shadow: 0 1px 15px #ddd; padding-bottom:30px;transition: all .25s ease; blr:expression(this.onFocus=this.blur()); }
.index_news .index_news_list li:hover{ background:#0091e0}
.index_news .index_news_list li:hover h2{ color:#fff}
.index_news .index_news_list li:hover span{ color:#eee}
.index_news .index_news_list li p{ float:left; width:100%;}
.index_news .index_news_list li p img{ float:left; width:100%; height: 150px}
.index_news .index_news_list li h2{ float:left; width:90%; padding:0 5%; height:50px; line-height:50px; font-size:17px; color:#333; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.index_news .index_news_list li span{ float:left; width:90%; padding:0 5%; line-height:30px; font-size:13px; color:#858585;}
.index_news .more{ overflow:hidden; text-align:center; height:50px; padding-top:40px}
.index_news .more a{ height:50px; width:170px; display:inline-table; background:url(../images/more_bj.jpg) center no-repeat}




/*** pages_con ***/
.pages_con{  overflow:hidden; padding-top:20px; padding-bottom:130px;}
.pages_con .pages_con_l{ float:right; width:70%;}
.pages_con .pages_con_l .case_banner{ float:left; width:100%;}
.pages_con .pages_con_l .case_banner li{ float:left; width:100%;}
.pages_con .pages_con_l .case_banner li img{ float:left; width:100%;}
.pages_con .pages_con_r{ float:left; width:25%;}
.pages_con .pages_con_r .r-img{ margin-bottom:10px;}
.pages_con .pages_con_r .r-img img{ vertical-align:middle; float:left; width:100%}



.pages_con .pages_con_r h2{ float:left; width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#222; background:#eee; text-indent:25px;}
.pages_con .pages_con_r .about_l_nav{ float:left; width:100%; margin-top:10px;}
.pages_con .pages_con_r .about_l_nav li{ float:left; width:100%; height:40px; line-height:40px; margin-bottom:10px; overflow:hidden; border-radius:3px;transition:all .25s ease;blr:expression(this.onFocus=this.blur());}
.pages_con .pages_con_r .about_l_nav li:hover{ background:#eee}
.pages_con .pages_con_r .about_l_nav li.cur{ background:#333}
.pages_con .pages_con_r .about_l_nav li.cur a{ color:#fff}
.pages_con .pages_con_r .about_l_nav li a{ float:left; width:100%; line-height:40px; font-size:16px; color:#555; text-indent:25px;}


.pages_con_desc{ float:left; width:100%; color:#333; font-size:15px; line-height:30px; overflow:hidden}
.pages_con_desc p{}
.pages_con_desc img{ max-width:100%}

.pages_con .pages_con_r .r-frees{ float:left; width:100%; background:#ebf6f8; height:390px;}
.pages_con .pages_con_r .r-frees input{ outline:none;}
.pages_con .pages_con_r .r-frees select{ outline:none;}
.pages_con .pages_con_r .r-frees select option{ outline:none;}
.pages_con .pages_con_r .r-frees textarea{ outline:none;}
.pages_con .pages_con_r .r-frees .navinput{width:243px;height:30px; float:left;background:#ffF; margin-right:10px; border:1px solid #ddd; color:#666}
.pages_con .pages_con_r .r-frees .freetable{ float:left; width:100%; margin:30px 0 0 0;}
.pages_con .pages_con_r .r-frees .freetable th,.freetable td{ line-height:30px; padding-bottom:20px; vertical-align:top;}
.pages_con .pages_con_r .r-frees .freetable th{ text-align:right; color:#222; font-weight:normal; padding-right:5px; font-size:14px;}
.pages_con .pages_con_r .r-frees .freetxt1{ border:1px solid #e4e8e9; height:28px; width:236px; padding-left:6px; color:#666;}
.pages_con .pages_con_r .r-frees .freetxt2{ width:50px;}
.pages_con .pages_con_r .r-frees .freetxt3{ height:66px;border:1px solid #e4e8e9; width:236px; padding-left:6px; color:#666; resize:none;}
.pages_con .pages_con_r .r-frees .freebtn1{ width:155px; height:38px; border:none; cursor:pointer; font-size:14px; color:#fff; margin-left:24px;}
.pages_con .pages_con_r .r-frees .mfree .freetable .freebtn1{margin-left: 206px;}
.pages_con .pages_con_r .r-frees .freebtn1{ background:#0091e0; width:155px; height:38px; border:none; cursor:pointer; font-size:14px; color:#fff; margin-left:24px; border-radius:3px;}
.pages_con .pages_con_r .r-frees .freebtn1:hover{ background:#009bf0;}

.pages_con .pages_con_r .r-tel{ float:left; width:90%; background:#0091e0; padding:30px 5%;}
.pages_con .pages_con_r .r-tel p{ color:#fff; line-height:26px;}
.pages_con .pages_con_r .r-tel .tels{ overflow:hidden; padding-left:60px; background:url(../images/r-telbg.png) left center no-repeat; background-size:45px 45px; margin-bottom:6px;}
.pages_con .pages_con_r .r-tel .tels .tt{ float:left; width:100%; font-size:16px;}
.pages_con .pages_con_r .r-tel .tels .ts{ float:left; width:100%; font-size:24px; color:#fff; line-height:32px;}

.coope{}
.coope ul{ float:left; width:100%;}
.coope li{ float:left; width:33%; border:1px solid #eee; position:relative; margin-left:-1px; margin-bottom:-1px; overflow:hidden; cursor:pointer}
.coope li p{ float:left; width:100%;}
.coope li p img{ float:left; width:90%; padding:5%;transition:all 3s;}
.coope li:hover p img{ transform:scale(1.2, 1.2);}
.coope li span{ float:left; width:100%; height:200px; text-align:center; line-height:200px; position:absolute; font-size:24px; color:#fff; left:0; bottom:-200px;background:rgba(0,0,0,0.7); filter:alpha(opacity=70);transition: all .25s ease;}
.coope li:hover span{ bottom:0}

.news_con_desc{ float:left; width:100%;}
.news_con_desc ul{ float:left; width:102%; margin-left:-2%;}
.news_con_desc .n_item{ float:left; width:48%; background:#fff; box-shadow: 0 1px 15px #c5c5c5; padding-bottom:30px; margin-left:2%; margin-bottom:30px}
.news_con_desc .n_item .n_l_img{ float:left; width:100%; overflow:hidden}
.news_con_desc .n_item .n_l_img img{ float:left; width:100%; height:290px; transition:all 2s;}
.news_con_desc .n_item:hover .n_l_img img{transform:scale(1.1, 1.1);}
.news_con_desc .n_item .n_l_txt{ float:left; width:90%; padding:0 5%; position:relative;}
.news_con_desc .n_item .n_l_txt h2{ float:left; width:100%; line-height:50px;}
.news_con_desc .n_item .n_l_txt h2 a{ float:left; width:100%; line-height:50px; font-size:20px; color:#111; overflow:hidden}
.news_con_desc .n_item .n_l_txt h2 a:hover{ color:#0091e0}
.news_con_desc .n_item:hover .n_l_txt h2 a{ color:#0091e0}
.news_con_desc .n_item .n_l_txt i{ float:left; line-height:30px; font-size:12px; color:#888; text-indent:20px; background:url(../images/news_list_time_icon.jpg) left center no-repeat}

.newsdes_con_desc{}
.newsdes_con_desc .new_desc_title{ line-height:32px; font-size:19px; color:#333; font-weight:bold}
.newsdes_con_desc .new_desc_time{ line-height:28px; font-size:12px; color:#666}
.newsdes_con_desc .new_desc_fx{ overflow:hidden; padding:8px 0}
.newsdes_con_desc .new_desc_fx p{ display:inline-block; width:16px; height:20px; background:url(../images/share-icon.jpg) left center no-repeat}
.newsdes_con_desc .new_desc_fx a{ float:none; display:inline-block; width:22px; height:20px; background:url(../images/share-icon.jpg) no-repeat; margin:0; margin-left:5px; padding:0}
.newsdes_con_desc .new_desc_fx a.sina{ background-position:-45px 0}
.newsdes_con_desc .new_desc_fx a.weixin{ background-position:-20px 0}
.newsdes_con_desc .new_desc_fx a.qzone{ background-position:-95px 0}
.newsdes_con_desc .new_desc_fx a.tweibo{ background-position:-69px 0}
.newsdes_con_desc .new_desc_fx a.qq{ background-position:-118px 0}
.newsdes_con_desc .new_desc_con{ color:#666; line-height:28px; font-size:14px;text-align: justify;}
.newsdes_con_desc .new_desc_con img{ max-width:100%;}
.newsdes_con_desc .new_desc_next{ position:relative; margin-top:50px; padding-top:5px; border-top:2px solid #ddd}
.newsdes_con_desc .new_desc_next p{ line-height:26px; color:#666}
.newsdes_con_desc .new_desc_next i{ position:absolute; width:50px; height:2px; background:#0091e0; top:-2px; left:0}


/*** pages ***/
.pages{ text-align:center; overflow:hidden; width:100%; padding:60px 0}
.pages a{ padding:5px 10px; color:#999; background:#eee; border-radius:2px; margin-left:3px}
.pages span{ padding:5px 10px; color:#fff; font-weight:bold; background:#0091e0; border-radius:2px;}


.case{ overflow:hidden; padding:20px 0 150px 0}
.case .case-list{ overflow:hidden}
.case-list ul{ float:left; width:102%; margin-left:-2%;}
.case-list li{ float:left; width:23%; margin:0 0 25px 2%}
.case-list li .case-item-image{ float:left; width:100%; position:relative; overflow:hidden;}
.case-list li .case-item-image .case-item-image-i{ float:left; width:100%;}
.case-list li .case-item-image .case-item-image-i img{ float:left; width:100%; height:220px; overflow:hidden; transition:all 3s;}
.case-list li:hover .case-item-image .case-item-image-i img{ transform:scale(1.1, 1.1);}
.case-list li .case-item-image .case-item-image-w{ width:100%; height:220px; background:rgba(0,0,0,0.6); filter:alpha(opacity=60); position:absolute; left:0; top:-220px;  transition: all .2s ease;}
.case-list li:hover .case-item-image .case-item-image-w{ top:0}
.case-list li .case-item-image .case-item-image-w span{ position:absolute; width:100%; left:0; top:50%; margin-top:-35px; background:url(../images/index_case_item.png) center top no-repeat; line-height:30px; padding-top:40px; text-align:center; color:#fff; font-size:15px;}
.case-list li .case-item-title{ float:left; width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; background:#f3f3f3}
.case-list li .case-item-title a{ font-size:14px; font-weight:bold}
.case-list li:hover .case-item-title a{ color:#0091e0}


.case-title{ float:left; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; position:relative; margin-top:30px;}
.case-title span{ position:absolute; height:40px; line-height:45px; padding:0 10px; border-bottom:2px solid #0091e0; color:#0091e0; font-size:20px}
.case-con{ float:left; width:100%; overflow:hidden; padding:20px 0; color:#333; line-height:25px; font-size:14px;}
.case-con .case-con-t{ color:#777}
.case-con .case-con-t i{ color:#333; font-weight:bold}


.honorlist{ float: left; width: 102%; margin-left:-2%}
.honorlist li{ float:left; width:31%; height:350px; border:1px solid #ddd; margin:0 0 15px 2%;}
.honorlist li p{ width:100%; height:290px; padding:5px 0; text-align:center; *display: block;vertical-align:middle;}
.honorlist li p img{ max-width:100%; max-height:290px; vertical-align:middle}
.honorlist li span{ display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; font-size:12px;}


.body_n{ height:45px; line-height:45px; overflow:hidden; width:100%; margin:0 auto; font-size:16px; color:#0497e0; padding:0 10px; border-bottom:1px solid #ddd; background:url(../images/body_nbg.png) left center no-repeat; margin-top:20px}
.body_c{ height:auto; overflow:hidden; width:100%; margin:0 auto}
.zp_list{}
.zp_list li{ padding:0 10px; background:#f5f5f5; margin-top:15px}
.zp_bTop{ width:100%; height:36px; line-height:36px; text-align:center;}
.zp_bTop h3{ color:#0093dd; font-size:18px;}
.zp_bTop h3 span{ color:#aeaeae; margin-left:8px;}
.zp_bDown{ height:auto; overflow:hidden; line-height:30px; padding:18px 0;}
.zp_Ltop{ height:48px; line-height:48px; cursor:pointer;}
.zp_jobName{ background:url(../images/zp_tbd.png) no-repeat right; font-size:16px; display:block; color:#333}
.zp_jobName table{}
.zp_jobTime{ color:#888; margin:0 12px 0 18px;}
.zp_jobNum{ color:#888;}
.zp_Ldown{ color:#333; font-size:14px; height:auto; overflow:hidden; line-height:30px; padding:15px; border-top:1px solid #e0e0e0; display:none;}
.zp_list li.zp_cur .zp_jobName{ color:#333; background:url(../images/zp_ho.png) no-repeat right;}
.sqzw_l{ height:50px; line-height:50px; text-align:center; padding:20px 0;}
.sqzw_l a{ border:1px solid #ccc; display:inline-table; *display:inline; zoom:1; width:280px; height:50px; line-height:50px; text-align:center; font-size:18px;color:#333;border-radius:3px;}
.sqzw_l a:hover{ border:1px solid #00a0f0; color:#00a0f0}
.join_email{ padding:30px 0 0 0; text-align:center; font-size:15px; line-height:24px; color:#444}
.join_email i{ font-size:15px; color:#0497e0}




.feektitle{ text-indent:55px; border-bottom:1px solid #ddd; float:left; margin-bottom:10px; background:#0091e0}
.feektitle tr td{ padding:20px 0 10px 0; color:#fff;}
.zxly{ padding:10px 0;}
.zxly tr{ padding:5px 0; background:#f5f5f5; margin-bottom:10px; float:left; width:100%;}
.zxly tr td{ height:30px; line-height:30px; padding:4px 0;}
.zxly tr .zx-l{ float:left; width:130px;}
.zxly tr td img{ vertical-align:middle;}
.zxly tr td input{ height:30px; line-height:30px; text-indent:5px; font-size:12px; border:1px solid #ddd; border-radius:2px; outline:none;}
.zxly tr td select{ height:30px; line-height:30px; text-indent:5px; font-size:12px; border:1px solid #ddd; border-radius:2px; outline:none;}
.zxly tr td textarea{ text-indent:5px; line-height:30px; font-size:12px;  border:1px solid #ddd; width:440px; height:120px; outline:none;}
.user_input{ float:left; width:300px;}
.input_submit{ border:0px !important; text-indent:0; padding:0 15px; height:30px; text-align:center; line-height:30px; font-weight:bold; background:#0091e0; border-radius:3px; color:#fff; cursor:pointer}
.input_submit2{ border:0px !important; width:70px; height:30px; text-align:center; line-height:30px; background:#ccc; border-radius:3px; color:#666;}
.STYLE2{ color:#0091e0}











/* ====================  手机  ==================== */
@media screen and (max-width:1600px){
.index-about .indexab_r{ width:40%; padding-right:6%;}


}
@media screen and (max-width:1400px){
.warp{ width:100%; position:relative; max-width:1300px; margin:0 auto;}
.index-about .indexab_r{ width:40%; padding-right:6%;}
.index-about .indexab_r .absz li{ padding:0 45px;}

.index-honor .hotPic2 .JQ-slide .wrap{ width:1230px;}
.index-honor .hotPic2 .imgList li{ width:194px;}

}
@media screen and (max-width:1366px){
.warp{ width:100%; position:relative; max-width:1200px; margin:0 auto;}
.header .header_n .mainlevel{ padding:0 20px;}
.header .header_n .mainlevel .n_list{ font-size:16px;}

.index-about .indexab_r{ width:40%; padding-right:6%;}
.index-about .indexab_r .indab01{ margin-top:25px;}
.index-about .indexab_r .absz li{ padding:0 30px;}
.index-about .indexab_r .absz{ padding:25px 0}

.index-honor .hotPic2 .JQ-slide .wrap{ width:1130px;}
.index-honor .hotPic2 .imgList li{ width:215px;}

.foot .foot-nav .item{ width:120px;}

}
@media screen and (max-width:1280px){
.warp{ width:100%; position:relative; max-width:1200px; margin:0 auto;}
}
@media screen and (max-width:1200px){
.warp{ width:100%; position:relative; max-width:1100px; margin:0 auto;}
.index-about .indexab_r .absz{ padding:25px 0}
.index-about .indexab_r .indab01{ margin-top:5px}

.index-honor .hotPic2 .JQ-slide .wrap{ width:1030px;}
.index-honor .hotPic2 .imgList li{ width:195px;}

.header .header_n .mainlevel{ padding:0 15px;}
}



@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){
.header{ padding:0 10px;}
.header .logo img{ height:100%}
.header .langs .langs_l{ display:none;}
.header .langs .langs_r{ margin-right:40px}
.cl_nav{ position:absolute; float:right; top:14px; right:20px; display:block; z-index:100; background:url(../images/t_tcimg.png) right center no-repeat; background-size:26px 19px; width:26px; height:28px; margin-top:12px; cursor:pointer;}
.langs_wx{ display:none}
.langs_l{ display:none;}
.langs_r{ margin-right:60px;}
.allnav_left{position:fixed;height:100% !important;background:#fff;z-index:100;width:60%;padding:60px 10px 0 10px; max-width:320px;left:-500px;top:0; z-index:10}
.allnav_left .warp{ margin-top:60px}
.header .header_n .mainlevel{ float:left; width:85% !important; height:auto !important; line-height:50px; border:none !important;}
.header .header_n .mainlevel .n_list{ float:left; width:100%; height:50px !important; line-height:50px !important; color:#666; border-bottom:1px solid #ddd}
.header .header_n .mainlevel dl{ display:none !important;}

.langs_nav{ padding-top:50px;}
.theclose{overflow:hidden; display:block; position:absolute; right:0; top:0; padding:15px; text-align:center; background:#eee; cursor:pointer;}
.bk_gray{background:#000;opacity:0.5;filter:alpha(opacity=50);position:fixed;width:100%;height:100%; left:0;z-index:5;display:none;top:0}

.flex-control-nav{ bottom:20px;}

.index_title{ padding-bottom:20px;}
.index_title h2{ font-size:28px;}

.index-about{}
.index-about .indexab_l{ width:100%;}
.index-about .indexab_r{ width:96%; padding:15px 2% 0 2% !important;}
.index-about .indexab_r .indab02{ padding:20px 0;}
.index-about .indexab_r .absz li{ width:32% !important; padding:0 !important}
.index-about .indexab_r .absz li span{ font-size:30px;}
.index-about .indexab_r .absz li span i{ font-size:30px;}

.index-honor .hotPic2 .JQ-slide{ height:280px !important;}
.index-honor .hotPic2 .JQ-slide .wrap{ width:350px !important; height:255px !important;}
.index-honor .hotPic2 .imgList li{ width:165px !important;}
.index-honor .hotPic2 .imgList li img{ height:250px !important;}
.index-honor .hotPic2 .JQ-slide-nav a.prev{ left:0}
.index-honor .hotPic2 .JQ-slide-nav a.next{ right:0}

.index_kehu{ padding:30px 0}
.index_kehu .menu0 li{ padding:0 15px;}
.index_kehu #main0 ul li{ width:22%; height:80px; line-height:80px;}
.index_kehu #main0 ul li span{ height:80px; line-height:80px}
.index_kehu .more{ padding-top:20px;}

.index_case{ padding:30px 0}
.index_case .index_case_nav a{ padding:0 12px; margin:0 5px;}

.index_news{ padding:30px 0}
.index_news .index_news_list{ padding-bottom:0}
.index_news .index_news_list li{ width:48%; margin-bottom:10px;}
.index_news .index_news_list li:nth-child(5){ display:none;}
.index_news .index_news_list li p img{ height:120px;}

.common-banner{ height:180px !important; overflow:hidden}
.common-banner .b_title{ padding:60px 15px 0 0;}
.common-banner .b_titles{ padding-right:15px}

.pages_con{ padding-bottom:50px}
.pages_con .pages_con_r{ width:100%;}
.pages_con .pages_con_l{ width:100%; border-top:1px solid #ddd; padding-top:20px}

.com_nav{ display:none;}
.pages_con{ padding-top:10px}
.pages_con .pages_con_r .about_l_nav li{ width:50%; margin-bottom:0}
.pages_con .pages_con_r .ponone{ display:none;}
.pages_con_desc{ padding-top:15px; width:96%; padding:0 2%;}

.case-list li{ width:48% !important; margin-bottom:10px !important;}
.case-list li .case-item-image .case-item-image-i img{ height:150px !important;}
.case{ padding:10px 0 50px 0 !important}
.pages{ padding:20px 0 !important}
.case-title{ margin-top:15px !important;}
.case-con{ width:96% !important; padding:15px 2% !important;}
.news_con_desc .n_item .n_l_img img{ height:130px !important;}
.news_con_desc .n_item .n_l_txt h2{ line-height:30px !important; padding:10px 0; height:60px; overflow:hidden}
.news_con_desc .n_item .n_l_txt h2 a{ line-height:30px !important;}
.news_con_desc .n_item{ padding-bottom:15px !important;}
.newsdes_con_desc{ width:96%; padding:0 2%;}
.zxly tr td input{ float:left; width:80%}
.zxly tr .zx-l{ width:20% !important}
.zp_jobName table tr td{ font-size:13px !important;}
.input_submit{ float:left; width:200px !important; margin-bottom:15px}
.input_submit2{ float:left; width:200px !important}







.foot{ padding:20px 0 10px 0 !important; overflow:hidden; position:relative; background:#fff; border-top:1px solid #f8f8f8}
.foot .foot-nav{ float:left; width:96%; padding:0 2%;}
.foot .foot-nav .item{ float:left; width:33.3%; height:170px}
.foot .foot-nav .item h2{ float:left; width:100%; height:20px; line-height:20px; color:#333; text-align:center; font-size:16px; margin-bottom:5px !important}
.foot .foot-nav .item span{ float:left; width:100%; line-height:25px !important; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.foot .foot-nav .item span a{ float:left; width:100%; line-height:25px !important; text-align:center; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; color:#999}
.foot .foot-nav .item span a:hover{ color:#0091e0}

.foot .foot-kf{ position:relative !important; float:left; width:96%; padding:0 2%;}
.foot .foot-kf span{ float:left; width:100%; color:#333; font-size:26px; line-height:50px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.foot .foot-kf a{ float:right; border:1px solid #0091e0; line-height:50px; padding:0 25px; color:#0091e0; font-size:14px;}

.foot .foot-kf dl{ float:left; width:100%; padding:10px 0}
.foot .foot-kf dl dd{ float:left; width:92% !important; padding-left:8%; line-height:25px !important; color:#666; font-size:14px; text-indent:0 !important;} 
.foot .foot-kf dl dd.dd01{ background:url(../images/foot_add.jpg) left center no-repeat}
.foot .foot-kf dl dd.dd02{ background:url(../images/foot_email.jpg) left center no-repeat}

.footer{ overflow:hidden; width:96%; padding:0 2%; height:auto !important; line-height:30px !important; background:#fff; padding-bottom:50px; text-align:center !important}
.footer .footercon{ height:auto !important; line-height:30px !important; font-size:13px; color:#999; border-top:1px solid #eee; text-align:center !important}




}