﻿@charset "utf-8";
/* CSS Document */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
html{line-height: 1.8;}
body {
	font-family: "微软雅黑";
	color: #333;
	-webkit-text-size-adjust: none;
	min-width: 320px;
	max-width:800px;
	overflow-x:hidden;
    position: relative;
	margin: 0 auto;
	font-size:0.1rem;
	background: #F3F3F3;
}
.dis{display:none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color: #333;}
a:hover,a:active,a:focus{color:##f08300;text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
img {
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
	font-family: "微软雅黑";
}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{
	cursor: pointer;
	/*-webkit-appearance: button;
	-moz-appearance: button*/
	-webkit-appearance:none;
	-moz-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner
{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
img,object{max-width:100%;}
/*webcss reset部分结束*/
.mask_bg{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 400; display: none;}
.left_div.menu_open .mask_bg{ display: block;}
header{position: fixed; background: #fff; left: 0; top: 0; height: 0.5rem; width: 94%; padding: 0 3%;z-index: 50;transition: 0.5s all;-webkit-transition:0.5s all;}
 .right_div{position: fixed;height: 100%; box-sizing:border-box;    top: 0;
    overflow-x: hidden; z-index: 200;  
    overflow-y: auto; left: 100%;width: 62.1%;background-color: #fff;transition: 0.5s all;-webkit-transition:0.5s all;}
.right_div.right_open{transform: translateX(-100%);-webkit-transform: translateX(-100%);}
.left_div{position: relative;z-index:20; transition: 0.5s all;-webkit-transition: 0.5s all;}
.nav .nav_li { display: none;}
.nav li{width: 100%; overflow: hidden; position: relative;}
.nav li.act{ background: #eee;}
.nav li a{ color: #999;line-height: 0.5rem; height: 0.5rem; display: block; padding-left: 0.2rem; /*text-align: center; */font-size: 0.13rem;}
.nav li>a{border-bottom: #eee 1px solid; }
.nav li.act>a{ border-bottom: #dddbdb 1px solid; background: #005bac;color: #fff;}
.nav li.act>a span.more span{ background: #fff;}
li.n_tp img{ width: 70px; width: 50px;  margin-left: 0.2rem;}
li.n_tp i{  transition: all 0.3s; transform: translateY(-50%); top: 50%; display: block; background: url(../images/close_ico.png) no-repeat; background-size: 100%; position: absolute; right: 0.2rem; width: 18px; height: 18px;}
.right_div .nav .n_tp {
    height: 0.5rem;
    background: #005bac;
  box-shadow: 3px 0 5px rgba(39,119,190,0.6) inset;
    -moz-box-shadow:3px 0 5px rgba(39,119,190,0.6) inset;
}
.left_div.menu_open{ height:100%;transform: translateX(-62.1%);-webkit-transform: translateX(-62.1%);}
/*.head{ position: fixed; background: #fff; left: 0; top: 0; height: 0.5rem; width: 94%; padding: 0 3%; z-index: 50;transition: 0.5s all;-webkit-transition:0.5s all;}
.head.head_open .type_icon {
    background-size: 80%;
}

.head.head_open {
    transform: translateX(-62.1%);
    -webkit-transform: translateX(-62.1%);}*/
.nav li span{ display: inline-block;}
 span.more span{background: #999;
    position: absolute;}
span.more{width: 0.12rem;
    height: 0.12rem;
    position: relative;
    float: right;
        top: 0.2rem;
    margin-right: 0.15rem;
}
span.more span.h {
    width: 12px;
    height: 2px;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.nav_li a img{  width: 7px; margin-right: 0.12rem; vertical-align: middle;}
.nav_li a:hover{ color: #333;}
.type_icon{ width:0.25rem; position: absolute; height: 100%; z-index: 10;  right: 3%; top: 0;}
a.logo{ /*width: 1.45rem;*/ display: block;/* margin: 0 auto;*/ height: 100%; position: relative; z-index: 5;}
a.logo img{ height: 60%; display: block;}
.all_content{ padding-top: 0.5rem;}
/*轮播图start*/
.index_play {width: 100%; } 
.index_play .swiper-slide>img{ display: block; width: 100%;}
.swiper-container.index_play .swip_dot.swiper-pagination-bullets{ bottom: 6px;}
.swiper-container.index_play .swip_dot .swiper-pagination-bullet{opacity:1;
    position: relative;
    transition: all 0.5s;
    margin: 0 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    background: #d8d8dc;
    width: 8px;
    height: 8px;
    vertical-align: middle;
 }
 .swiper-container.index_play .swip_dot .swiper-pagination-bullet:after{transition: all 0.5s;
    content: '';
    width: 8px;
    height: 8px;
    background: transparent;
    border: 2px solid transparent;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;}
 
.swiper-container.index_play .swip_dot .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #005BAC; }
.swiper-container.index_play .swip_dot .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    border: #fff 2px solid;
}

.black_bg{ display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; background: rgba(0,0,0,0.7);}
.index_play .swiper-slide .video{ margin-top: 0; border: none; display: none; position: absolute; width: 90%;  z-index: 30;left: 50%; top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.index_play .swiper-slide .video video{ width: 100%; display: block;}
i.play_btn{ position: absolute; bottom: 0.3rem; left: 50%; transform: translateX(-50%);  display: block; font-size: 0.11rem; color: #fff; text-align: center; cursor: pointer;}
i.play_btn img{  width: 13px; height: 14px;margin-top: 11px;margin-left: 5px;}
i.play_btn span{ display: block; position: relative; width: 35px; height: 35px; margin: 0 auto 10px;}
i.play_btn span em{ background: url(../images/play_ico.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; display: block; width: 35px; height: 35px;
-webkit-transform-style: preserve-3d;
    -webkit-animation: trail_ 2s infinite linear;
    transform-style: preserve-3d;
    animation: trail_ 2s infinite linear;}
i.play_btn span em:after{ content: ""; position: absolute;top: -1px; box-shadow: 0 0 12px #fff;left: 20px;background: url(../images/dot_ico.png) no-repeat;width: 6px;height: 6px;}
.close_dot{ width: 30px; height: 30px; display: block; position: absolute; right: 0; top: 0; }
.video .close_dot img{width: 30px; height: 30px; position: static;}
/*.index_play .swiper-wrapper{ z-index: 100;}*/
.news_show{ height: 0.4rem;  float: left; width: 2.35rem;line-height: 0.4rem;}
.news_play span{ display: block; position: relative; width: 0.85rem; font-size: 0.12rem; color: #005bac; font-weight: bold; text-align: center; line-height: 0.4rem;  height: 0.4rem; float: left;}
.news_play span:after{    content: '';
    width: 1px;
    height: 30px;
    background: #e2e1e1;
    position: absolute;
    right: 0;
    top: 50%; transform: translateY(-50%);}
.news_play span img{ width: 18px; margin-right: 0.05rem; }
.news_play span em{line-height: 0.4rem;}
.news_show .swiper-slide a{ position: relative;display: block; width: 90%; margin: 0 auto; font-size: 0.12rem; background: url(../images/jiant_ico.png) no-repeat center right; height: 0.4rem; background-size: 18px; }
.news_show .swiper-slide a font{ display: inline-block; width: 88%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news_play{ width: 100%; overflow: hidden; background: #f4f2f2; height: 0.4rem;}
.title_name{ text-align: center;}
.content_01{ padding: 0.3rem 0; width: 100%; background:url(../images/content1_bg.jpg) no-repeat; background-size: 100% 100%;}
.title_name h2{ font-size: 0.18rem; line-height: 180%; font-weight:bold;}
.title_name p{ font-size: 0.11rem; line-height: 180%; font-weight: normal;}
.title_name img{ width: 210px; height: 5px;}
.content_01 ul{ width: 94%; padding: 0 3%;}
.content_01 ul li{  margin-top: 0.1rem;}
.content_01 ul li a{ display: inline-block; width: 100%; height: auto;}
.content_01 ul li a img{ display: block; float: left; width: 100%;}
.content_01 ul li a p{ float: left; width: 2.3rem; margin-left: 0.1rem;}
.content_01 ul li span{ display: block;}
.content_01 ul li span.span1{ font-size: 0.12rem; line-height: 180%;}
.content_01 ul li span.span2{ font-size: 0.1rem; line-height: 180%; color: #999999;}
.content_02{ padding: 0.3rem 0; width: 100%; background: #f4f2f2;}
.news_space{ width: 94%; padding: 0 3%; margin: 0 auto; /*-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;*/}

.tab_nav.swiper-container{ width: 100%; margin-top: 0.15rem; margin-bottom: 0.15rem;}
.tab_nav .swiper-slide{ border-radius:23px; width: 0.5rem; height: 0.3rem; line-height: 0.3rem;font-size: 0.125rem; background: #fff; color: #333; text-align: center;}
.tab_nav .swiper-slide.active-nav{ background: #005bac;  color: #fff;}
.tab_con{ margin-top: 0.15rem; overflow: hidden; width: 100%; min-height: 3rem;}
.swip_content{ width: 100%; padding: 3% 0 5%; background: #fff; /* -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;*/  /*background: url(../images/bg1.png) no-repeat; background-size: 100% 100%;*/}
.pic_play.swiper-container{ width: 94%; margin:1% auto 3%; overflow: hidden;}
.pic_play.swiper-container a{ position: relative;}
.pic_play.swiper-container a,.pic_play.swiper-container a>img{ display: block; width: 100%;}
.pic_play.swiper-container a>img{ height: 1.7rem;}
.pic_play.swiper-container p{ position: relative; height: 0.4rem; line-height: 0.4rem; font-size: 0.125rem; background: #f0f0ee;}
.pic_play.swiper-container p>i{ display: block; padding: 0 3%; width:65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*.pic_play.swiper-container p>span{ display: block; width: 0.4rem; height: 0.4rem;background: #ff8b00;  position: absolute; right: 0; top: 0;}
.pic_play.swiper-container p>span img{ display: block; margin: 0 auto;}*/
.swiper-container.pic_play .swip_dot1.swiper-pagination-bullets{ bottom: 0.5rem; dispaly:none;}
.swiper-container.pic_play .swip_dot1 .swiper-pagination-bullet{opacity:1; width: 20px; background: #f1f1f1; height:3px; margin: 0 5px ; vertical-align: middle;  border-radius: 0;}
.swiper-container.pic_play .swip_dot1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #f08300; }
.swiper-container.pic_play .button-prev{ background: url(../images/prev.jpg) no-repeat center;  height: 0.4rem; width: 0.4rem; position: absolute; right: 0.41rem; bottom:0; z-index: 30;}
.swiper-container.pic_play .button-next{ background: url(../images/next.jpg) no-repeat center;  height: 0.4rem; width: 0.4rem; position: absolute; right: 0; bottom: 0; z-index: 30;}
.swiper-container.pic_play .button-prev:hover{background: url(../images/prev_on.jpg) no-repeat center;}
.swiper-container.pic_play .button-next:hover{background: url(../images/next_on.jpg) no-repeat center;}
.txt_con{ width: 94%; margin: 3% auto 0;}
.txt_con h3{ color: #005bac; font-weight: bold; font-size: 0.125rem; position: relative; border-bottom: #eeeded 2px solid; line-height:180%;}
.txt_con h3 a{ position: absolute; right: 0; top: 0; display: block; font-weight: normal; color: #9fa0a0; font-family: arial; font-size: 0.1rem;}
.first_new { padding: 0.1rem 0; border-bottom: #e5e4e4 1px dotted;}
.first_new a{ display: block; line-height: 180%;}
.first_new a .p1{ color: #333; font-size: 0.12rem;}
.first_new a .p2{ color: #a5a4a4; margin-top: 0.05rem;}
.first_new a .p2 span{ color: #cc0000;}
.news_li{}
.news_li li{ padding: 0.1rem 0;border-bottom: #e5e4e4 1px dotted; font-size: 0.12rem;}
.news_li li a{ width: 85%; padding-right: 15%; position: relative; display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news_li li a em{ display: block; position: absolute; top: 0; right: 0; color: #9fa0a0; font-size: 0.1rem;}
.news_li li font{ display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
a.more_btn{ font-size: 0.12rem; color: #9fa0a0; width:130px; height: 30px; border: #c9c9c9 1px solid; text-align: center; margin:0.3rem auto 0; display: block; line-height: 30px; border-radius: 15px;-webkit-border-radius: 15px;}
a.more_btn img{ margin-left: 5px;}

.content_03{ padding: 0.3rem 3%; background: #fff;width: 94%;}
.garden_box{ margin-top: 0.1rem;   background: #f7f6f6;  padding: 0.1rem 0; position: relative;}
.garden_box:after{ content: ''; width: 3px; height: 100%; background: #CC0000; position: absolute; left: 0; top: 0;}
.garden_box a{ display: block; width: 90%; margin: 0 auto; line-height: 180%;}
.garden_box a .p1{ font-size: 0.12rem; color: #cc0000;}
.garden_box a .p2{ color: #908d8d; margin-top: 0.05rem;}
.garden_box a .p2 span{ color: #cc0000;}
.garden_img ,.garden_img img{ display: block; width: 100%;}
.content_04{padding: 0.4rem 3%;  width: 94%; background: url(../images/bg2.jpg) no-repeat; background-size: cover;}
.content_04 .title_name{color: #fff;}
.program_show{ width: 94%; margin: 0.15rem auto 0; position: relative;}
.program_pic{ width: 85%;}
.program_pic .swiper-slide a{ text-align: center; display: block; width: 100%; height: 100%;}
.program_pic .swiper-slide .p1{ font-size: 0.12rem; color: #fff; line-height: 180%; margin-top: 0.05rem;}
.program_pic .swiper-slide .p2{  color: #3890df;}
.prev_btn,.next_btn{ position: absolute;  top:0.75rem;  width: 20px; z-index: 30;}
.prev_btn{ left: -3%;}
.next_btn{ right: -3%;}
.content_05{  padding: 0.3rem 3% 0.1rem; width: 94%;}
.about_txt{ width: 92%; background: #fff; padding: 4%; margin-top: 0rem;}
.about_txt i{ display: block; line-height: 180%; color: #ccc; font-size: 0.1rem;}
.about_txt h3{ color: #005bac; font-size: 0.12rem;}
.about_txt p{ line-height: 180%; color: #9fa0a0; line-height: 180%; margin-top: 0.05rem;}
.about_intro a{ display: block; width: 100%; height: auto;}
.about_intro a img{ float: left; display: block; width: 100%;}
.num_scroll { padding: 0.15rem 0;}
.num_scroll li{ float: left; width: 25%; text-align: center; color: #aba8a8; font-size: 0.12rem; line-height: 180%;}
.num_scroll li span{ color: #666; font-size: 0.14rem;}
.content_06{ background: #fff; padding: 0.2rem 0; background: #fff;}
.content_06 ul{ width: 94%; padding: 0 3%;}
.content_06 ul li{ width: 25%; float: left; text-align: center; margin-top: 0.15rem;}
.content_06 ul li img{ width: ; display: block; width: 50px; margin: 0 auto;}
.content_06 ul li span{ display: block; font-size: 0.12rem; line-height: 180%;}
footer{ background: #252525; width: 94%; padding: 0.12rem 3%;}
footer p,footer p a{  color: #6e6d6d;}
footer p img{ width: 20px; height: 20px; margin-right: 0.1rem; vertical-align: middle; position: relative; top: -5px;}
footer a{ color: #2777be; font-family: arial; font-size: 0.135rem;}
footer p{ line-height: 180%;}
/*返回顶部start*/
.sibar{ position: fixed; right:0 ; bottom:0.5rem; z-index: 60;}
.sibar a,.sibar a img{ display: block; width: 50px; height: 50px;}
.sibar a{ margin-top: 0.12rem;}
/*内页样式start*/
header h2{ position: absolute; left: 0; width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.14rem; z-index: 5;}
header a.return{  position: absolute;z-index: 8; width: 100%; height: 100%; width: 0.3rem;}
header a.return img{ width: 13px;}

.construct{ padding-top: 0.;}
.construct .tab_nav.swiper-container{ /*width: 94%; */ width: 94%;  padding: 0 3%; }
.construct  .tab_con{ background: #fff;width: 94%;  padding: 0.15rem 3%;}
.construct_pic{ background: #f3f3f3;}
.construct_pic a{ display: block; width: 100%;}
.construct_pic dt img{display: block; width: 100%;} 
.construct_pic dd{ padding: 0.08rem 0;}
.construct_pic dd .p1{ font-size: 0.12rem; }
.construct_pic dd p{ line-height: 180%; width: 94%; margin: 0 auto;}
.construct_pic dd .p2{ color: #908d8d;}
.construct_pic dd .p2 span{ color: #cc0000;}
.news_li span img{ width: 18px;}
.news_li span{ margin-right: 8px;}

/*详情页start*/
.news_detail{ width: 94%; padding: 0.1rem 3% 0;}
.news_detail h1{ font-size: 0.13rem; line-height: 180%;}
.news_detail  .time i{   margin-right:5px;line-height: 180%; color: #b5b5b5;}
.intro_txt{ border-top: #ccc 1px dotted; margin-top:0.1rem ;}
.intro_txt p{ font-size: 0.12rem; color: #666; line-height: 180%; margin-top: 0.1rem;}
.intro_txt img{ display: block; width: 100%; margin-top: 0.1rem;}
.intro_txt div strong{ display: block; height: 0.3rem; line-height: 0.3rem; text-align: center; font-weight: normal;}
.det_03{width: 94%; margin:0.2rem 3% ; border-top: #ccc 1px dotted;}
.share{ width: 100%; margin-top: 0.2rem; }
.share p{ float: left; text-align:center;line-height: 0.35rem; letter-spacing: 5px; color: #fff; font-size: 0.13rem; background: #f08300; border-radius: 4px; width: 48%;}
.share p img{    width: 0.15rem; position: relative; top:-0.01rem;margin-right: 0.1rem;}
#mcovers {position: fixed;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 20000;}
#mcovers img{ display: block; width: 70%; margin-left: 30%;}
.f-share-tips{ display: none;}
.more_news{ margin-top: 0.2rem; font-size: 0.13rem;}
.more_news a>span{ color: #797878; }
.more_news a{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: block; line-height: 0.3rem; color: #797878; }
.more_news a:hover{ color: #f08300;}
a.type_li{ font-size: 0.13rem; width: 48%; display: block; float: right; background: #005bac; color: #fff; line-height: 0.35rem; text-align: center; border-radius: 4px;}
a.type_li img{    width: 20px; position: relative; top:-0.01rem;margin-right: 0.1rem;}

.tab_nav .swiper-slide.active-nav a{ color: #fff;}
.company_content{ padding-bottom: 0.15rem; background: #fff;}
.company_content>img{ display: block; width: 100%;}
.company_content h3{ line-height: 150%; font-size: 0.13rem; width: 94%; padding: 0.1rem 3% 0;}
.company_content h3 i{ font-family: arial; font-size: 0.1rem; color: #999; display: block;}
.com_txt{ width: 94%; margin: 0 3%; border-bottom: #d0cfcf 1px dotted; padding-bottom: 0.15rem;}
.com_txt p{ font-size: 0.12rem; line-height: 180%; margin-top: 0.1rem; color: #666;}
.system{ background: #fff; width: 94%; padding: 0 3% 5%;}
.system h2{ font-size: 0.13rem; color: #005bac; margin-bottom: 0.1rem;}
.system h2 img{ margin-right: 10px; width: 20px; vertical-align: middle;}
.system h2 span{ font-weight: bold;}
span.sl1{ color: #333; font-weight: bold; font-size: 0.13rem; height: 0.3rem; border-bottom: #e5e5e5 1px solid; display: block; line-height: 0.3rem; padding-left: 5%;}
span.sl1 em{ margin-left: 5px; color: #999; font-family: arial; font-weight: normal; font-size: 0.11rem;}
span.sl2{ display: block;border: #e5e5e5 1px solid;  border-top: none; width: 90%; float: right; padding-left: 5%; font-size: 0.1rem; height: 0.25rem; line-height: 0.25rem;}
.system_info{ position: relative; margin-top: 0.1rem;}
.mub span{ font-family: arial; font-weight: bold; color: #fff; background: #005bac; font-size: 0.15rem; display: block; width: 40px; height: 40px; border-radius: 50%;-webkit-border-radius: 50%; line-height: 40px; text-align: center;}
.mub{ position: absolute; left: 0; border: #e5e5e5 1px solid; background: #fff; padding: 5px; width: 40px; height: 40px; border-radius: 50%;-webkit-border-radius: 50%; top: 10px;}

.wenben{  padding-left: 50px;}

span.sl3{ line-height: 180%; display: block;border: #e5e5e5 1px solid;  border-top: none; width: 90%; float: right; padding-left: 5%;font-size: 0.1rem; }
span.sl3 em,span.sl3 i{ float: left; display: block;}

span.sl3 i{ width: 60%;}

/*集团大记事*/
.history{width: 94%; position: relative; padding: 0.15rem 3%; background: #fff; overflow: hidden;}
.group_list{ border-left: 1px solid #f0eded;}
.group_list li{margin-bottom: 0.1rem;}
.group_list .time p{ font-size: 0.13rem; font-family: arial; color: #005bac;}
.group_list .time { position: relative; height: 0.25rem; line-height: 0.25rem; padding-left: 0.15rem;}
.group_list .time img{ position: absolute; left: -0.07rem; width: 15px; height: 15px; top: 50%; transform: translateY(-50%);}
.group_list .text{ background: #f7f5f5; margin-left: 5%; padding: 0.1rem 0; }
.group_list .text p{ width: 94%; padding: 0 3%; line-height: 180%; color: #666;}
a.chekmore{    position: relative;
    z-index: 40;
    display: block;
    width: 140px;
    height: 34px;
    border: 1px solid #005BAC;
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    color: #005BAC;
    font-family: "宋体";
    border-radius: 5px;
    margin: 0 auto;}
a.chekmore.open{background: #005BAC; color: #fff;}
a.chekmore span {
   display: inline-block;
    background: url(../images/down_ico.png) no-repeat;
    width: 13px;
    height: 7px;
    margin-left: 5px;
}


a.chekmore.open:hover span{background: url(../images/top_ico.png) no-repeat;}
.group_bg {
    width: 1200px;
    height: 260px;
    background: url(../images/white_bg.png);
    position: absolute;
    left: 0;
    bottom: 38px;
    z-index: 30;
}

.group_time img{ display: block; width: 100%;}
.group_time{ position: relative; width: 100%;  height: 100%; margin-bottom: 0.15rem;}
.group_time span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; color: #67b4f8; font-weight: bold; font-family: arial; font-size: 0.22rem;}

.white_bg{ background: #fff;width: 94%; position: relative; padding: 0.15rem 3%;}
.thumbnails li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 0.15rem;}
.thumbnails li:nth-child(2n){ margin-right: 0;}
.thumbnails li font{ text-align: center; margin-top: 0.1rem; font-size: 0.12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;  line-height: 180%;}
.company{ border: #e5e5e5 1px solid; overflow: hidden; width: 100%; margin-bottom: 0.15rem;}
.company a{display: block; width: 100%; height: 100%;}
.company dt{ width: 40%; float: left;}
.company dt img{ display: block; width: 100%; height: 100%;}
.company dd{ padding-top: 3px; width: 60%; float: left; }
.company dd span{display: block; width: 90%; padding: 0 5%; line-height: 180%;}
.company dd span.p1{ font-size: 0.125rem;text-overflow: ellipsis; overflow: hidden;white-space: nowrap}
.company dd span.p2{ font-size: 0.11rem;}
.company dd span.p3{ color: #005BAC; font-family: arial; font-size: 0.12rem;}

.business{ width: 100%; padding: 0.15rem 0; border-bottom: #E5E5E5 1px dotted;}
.business a,.business a img{ display: block; width: 100%; height: 100%;}
.business p{ margin-top: 0.1rem; line-height: 180%; font-size: 0.12rem;}
.zhici_img{ padding-bottom: 1rem;}
.zhici_img,.zhici_img img{ display: block; width: 100%;}

.case_list li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 0rem;}
.case_list li:nth-child(2n){ margin-right: 0;}
.case_list li a,.case_list li a img{ display: block; width: 100%; height: auto;}
.case_list li span{ height: 0.3rem; line-height: 0.3rem; display: block; width: 94%; padding: 0 3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #f5f5f5; font-size: 0.12rem;}
.promote_video dl{ position: relative; margin-bottom: 0.15rem;}
.promote_video dt img{ display: block; width: 100%; }
.promote_video dl a{ display: block; width: 100%; height: 100%;}
.promote_video dd{ position: relative; background: #f5f5f5; height: 0.3rem; line-height: 0.3rem; width: 94%;  padding: 0 3%;}
.promote_video dd span{ width: 20px; height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; display: block;}
.promote_video dd span img{ width: 20px; height: 20px; display: block;}
.promote_video dd a{font-size: 0.12rem;}
.promote_video dt{ position: relative;}
.promote_video dt font{background: url(../images/video_play.png) no-repeat;  background-size:cover; width: 40px; height: 40px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

/*联系我们start*/
.job_name{border-bottom: #fff 1px solid; height: 0.3rem; background: #f5f5f5; line-height: 0.3rem; padding: 0 3%; font-size: 0.12rem; position: relative; }
.job_name img{ width: 17px; margin-right: 0.05rem; position: relative; top: -2px;}
.job_name span{ color: #999; font-size: 0.1rem; position: absolute; display: block; right: 10%; top: 0;}
.job_name em{ display: block; position: absolute; right: 2%; top: 50%;transform: translateY(-50%); background: url(../images/select_ico1.png) no-repeat center; background-size: 15px; width:20px; height: 11px;}
.job_intro{ display: none; background: #f5f5f5; padding: 3%  0; /*display: none;*/}
.job_intro span{ display: block; color: #333; font-size: 0.12rem; font-weight: bold;}
.job_intro p{ line-height: 180%; color: #666;}
.job_num{ margin-bottom: 0.1rem; width: 94%; padding: 0 3%;}
.contact_way{ width: 94%; padding: 0 3%; border-top: #dcd9d9 1px dotted; padding-top: 0.1rem;}
.contact_way p{color: #005bac; }
.job_name img.img2,.job_list li.on .job_name img.img1{ display: none;}
.job_list li.on .job_name{ background: #005bac; color: #fff;}
.job_list li.on .job_name span{ color: #fff;}
.job_list li.on .job_name em{background: url(../images/select_ico2.png) no-repeat center;background-size: 15px;}
.job_list li.on .job_name img.img2{ display: inline-block;}
.about_way h3{ font-weight: bold; color: #005bac; font-size: 0.125rem;}
.about_way h3 i{ display: block; font-weight: normal; font-size: 0.1rem; line-height: 180%;}
.about_way li{ margin-top: 0.1rem; line-height: 180%; font-size: 0.12rem; position: relative; padding-left: 25px;}
.about_way li img{ position: absolute; left: 0; top: 0.05rem;}
.ewm_box{ margin-top: 0.15rem;width: 150px;  text-align: center;}
.ewm_box img{ display: block; width: 150px; height: 150px;}
.ewm_box span{ display: block; line-height: 180%; font-size: 0.12rem; color: #6e6d6d; }
.contact.white_bg{ background: url(../images/bg3.jpg) no-repeat; background-size: 100% 100%;}
.online_message{ background: #f5f5f5; padding: 0.15rem 3%;}
.online_input{ margin-top: 0.1rem;}
.online_message p{ font-weight: bold; color: #2368b1; font-size: 0.125rem;}
.online_message p i{ font-weight: normal; font-size: 0.1rem; margin-left: 5px;}
.online_input span{ font-size: 0.12rem; width: 0.7rem; vertical-align: top; line-height: 0.3rem;}
.online_input input{ height: 0.3rem; }
.online_input textarea{ border: #eae9e9 1px solid; height: 1rem;}
.online_input input,.online_input textarea{border: #eae9e9 1px solid; background: #fff; width: 2.6rem; border-radius: 4px;}
.tips{ text-align: right; line-height: 180%; color: #999;}

.tips span{ color: #f00;}
.online_message button{ display: block; background: #005bac; border: none; color: #fff; font-size: 0.12rem; display: block; width: 2.6rem; margin-left: 0.36rem; height: 0.35rem; line-height: 0.35rem; border-radius: 4px; margin-top: 0.2rem;}
.map{ width: 100%;padding-top: 0.15rem; background: #F5F5F5; }
.map img{display: block; width: 100%;max-width:none;}
.mail_box p{ position: relative; font-size: 0.13rem; font-weight: bold; position: relative; line-height: 180%; padding-left: 8px;}
.mail_box p span,.mail_box p i>em{ color: #005BAC;}
.mail_box p i{ font-weight: normal; position: absolute; right: 0; top: 0;}
.mail_box p:after{ content: ''; width: 3px; height: 15px; position: absolute; background: #005BAC; left: 0; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.news_li li i,.mail_input>div em{ color: #cc0000;}
a.mail_more{ display: block; width:100px; height: 30px; color: #999; border: #d2d2d2 1px solid; text-align: center; line-height: 30px; border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px; margin: 0.15rem auto 0;}
.mail_input i{ vertical-align: top; line-height: 0.3rem; color: #666; display: inline-block; font-size: 0.12rem; width: 0.7rem; text-align: right;}
.mail_input .input2,.mail_input select{ height: 0.3rem;text-indent: 0.08rem;}
.mail_input i>span{color: #cc0000;}
.mail_input{ margin-top: 0.1rem; font-size: 0; }
.mail_input .input2,.mail_input textarea,.mail_input select{ width: 2.2rem; border: #d9d6d6 1px solid; background: #fff; border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; font-size: 13px;}
.mail_input select,.mail_input textarea,.online_input textarea{appearance: none; -webkit-appearance: none;}
.mail_input select{ background: url(../images/select_ico3.png) no-repeat center right 0.08rem #fff; background-size:13px ;font-size: 13px}
.mail_input textarea{ height: 1rem;  }
.mail_input>div{ font-size: 0.1rem; line-height: 180%; color: #999; padding-left: 0.7rem;}
/*.mail_input select{ width: 2.25rem;}*/
.mail_input i em{ color: #f00;}
.mail_input .input3{ text-indent: 0.08rem; width: 1.3rem;border: #d9d6d6 1px solid; background: #fff; border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; height: 0.3rem;font-size: 13px;}
.mail_input font{ display: inline-block; width: 0.8rem; height: 0.3rem; margin-left: 0.1rem;}
.mail_input font img{ width: 100%; height: 100%;}
.tj_btn{ width: 2.2rem; margin-left: 0.7rem; height: 0.35rem; font-size: 0.125rem; color: #fff; text-align: center; line-height: 0.35rem; margin-top: 0.25rem; background: #005BAC; border: none; border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;}
.mail_detail{ width: 94%; padding: 0.15rem 3% 0.3rem;}
.mail_detail table{ width: 100%; }
.mail_detail table th{ color: #000; font-weight: bold; font-size: 0.13rem; background: #f5f5f5; text-align: left; height: 0.4rem; line-height: 0.35rem;border: #e5e5e5 1px solid; border-left: #005BAC 2px solid; }
.mail_detail table th span{ display: block; padding-left: 0.1rem;}
.mail_detail table td{  height: 0.3rem;border: #e5e5e5 1px solid;font-size: 0.12rem;}
.mail_detail table td p{ width: 94%;  margin: 3% auto;color: #666; line-height: 150%;}
.mail_detail table td.title{width: 30%; text-align: center; }
.mail_detail table td.txt{width: 70%}
a.history_btn{ margin: 0.15rem auto 0; display: block; width: 120px;}
a.history_btn img{ width: 120px; height: 40px;}

.video{width: 100%;    border-top: #ccc 1px dotted;
    margin-top: 0.1rem;  position: relative;}

.video video{ display: block; width: 100%; margin-top: 0.1rem;}
.video img{ width: 40px; height: 40px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.gs_detail{ width: 94%; padding: 0.1rem 3%;}
.gs_detail h1{ font-weight: bold; font-size: 0.13rem; line-height: 180%;}
.gs_detail p{ line-height: 180%; font-size: 0.12rem; margin-top: 0.1rem; color: #666;}
.gs_detail img{ display: block; margin-top: 0.1rem; width: 100%;}











/*public start*/
header a.return img,li.n_tp img,.pic_play.swiper-container p>span img,.type_icon img,a.logo img{ position: relative; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.product_02 li{ border-radius: 0.15rem;-webkit-border-radius: 0.15rem;-moz-border-radius: 0.15rem;}


@-webkit-keyframes trail_ { 
    from {
        -webkit-transform: rotateZ(0deg);
    } to {
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes trail_ { 
    from {
        transform: rotateZ(0deg);
    } to {
        transform: rotateZ(360deg);
    }
}
/*分页*/
.page{ margin: 10px auto 0px; text-align: center;}
.page a{ transition: all 0.3s;-webkit-transition: all 0.3s; margin: 0 2px; font-size: 14px; color: #999; font-family: "宋体"; display: inline-block; width: 30px; height: 30px; border: #eae6e6 1px solid; line-height: 32px; background: #fff;}
.page a.on,.page a:hover{ background: #005bac; border: #005bac 1px solid; color: #fff;}
ul.job_list,ul#gallery{min-height: 3rem;}
