@charset "utf-8";
/* CSS Document */
body{ background:#f2f2f2}
.main{width:100%; margin:auto; background:#fff; overflow:hidden}
/*header*/
#header{position: absolute; z-index: 1000; left:0; top:0; width: 100%;}
.header{position:relative; z-index: 20; height:1.5rem; padding:.3rem .4rem 0; background: #fff;}
.header .h_menu{float:left; position:relative; width:.94rem; height:.94rem; background: -webkit-linear-gradient(left top, #ffb63c , #ffa205); background: linear-gradient(to bottom right, #ff3c8e , #ff0586);}
.header .h_menu span{display: block; left:.28rem; position:absolute; width:.38rem; height:.06rem; background:#fff;}
.header .h_menu span:nth-child(1){top:.28rem;}
.header .h_menu span:nth-child(2){top:.44rem;}
.header .h_menu span:nth-child(3){top:.6rem;}
.header .h_menu.on span:nth-child(1){top:.44rem; transform:rotate(45deg);}
.header .h_menu.on span:nth-child(2){opacity: 0;}
.header .h_menu.on span:nth-child(3){top:.44rem; transform:rotate(-45deg);}
.header .h_logo{float:right;  height:.94rem;}
.header .h_logo img{ height:0.94rem; width:auto}
.header.on{position:fixed; width:100%; left:0;}
#nav .bg{display:none; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; width:100%; height:100%; z-index: 5;}
#nav .con_wr{display:none; position:fixed; left:.4rem; top:1.6rem; width:calc(100% - .8rem);; height:calc(100% - 1.6rem); overflow:hidden; z-index: 10;}
#nav .two_box{height:100%; overflow: hidden; overflow-y: auto; text-align: center; padding:1rem 0 .5rem; font-size: 0; background:#f9f7f3;}
#nav .two_box::-webkit-scrollbar{width:0;}
#nav .two_box .ul{display:inline-block; }
#nav .two_box a{position:relative; font-size: .32rem; color:#666; line-height: .4rem; padding-right: .6rem; margin-bottom: .5rem; display:block}
#nav .two_box a.be:before{position:absolute; right:0; top:50%; display:block; width:.26rem; height:.06rem; content: " "; background:#ff0084; -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);}
#nav .two_box a.be:after{position:absolute; right:.1rem; top:50%; display:block; width:.06rem; height:.26rem; content: " "; background:#ff0084; -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);}
#nav .two_box a:hover{color:#ff0084;}
#nav .three_box{position:absolute; right:-100%; top:0; width:100%; padding-bottom: .5rem; height:100%; overflow-y: auto; text-align: center; background: -webkit-linear-gradient(left top, #ff0084 , #ff0084); background: linear-gradient(to bottom right,  #ff0084 , #ff0084);}
#nav .three_box.on{right:0;}
#nav .three_box .ul{display:none; padding-top: 1rem;}
#nav .three_box .ul a{text-align: center; font-size: .32rem; line-height: .4rem; margin-bottom: .5rem; color:rgba(255,255,255,.6); display:block}
#nav .three_box .ul a:hover{color:#fff;}
#nav .three_box .return{width:1.5rem; text-align: center; padding-top: .82rem; color:#fff; background:url("/tp/Mobile/skin1/images/nav_return_btn.png") no-repeat top center/.65rem; font-size: .32rem; line-height: .4rem; margin:0 auto; display:block}
.attention{display:none;}
.attention .bg{background:rgba(0,0,0,.4); position:fixed; left:0; top:0; width:100%; height:100%; z-index: 5;}

.attention .close{position:fixed; z-index: 9999; left:.4rem; top:.3rem; width:.94rem; height:.94rem; background: -webkit-linear-gradient(left top, #ffb63c , #ffa205); background: linear-gradient(to bottom right, #ffb63c , #ffa205);}
.attention .close span{display: block; left:.28rem; position:absolute; width:.38rem; height:.06rem; background:#fff;}
.attention .close span:nth-child(1){top:.44rem; transform:rotate(45deg);}
.attention .close span:nth-child(2){opacity: 0;}
.attention .close span:nth-child(3){top:.44rem; transform:rotate(-45deg);}
/*banner*/

	/* 本例子css -------------------------------------- */
	.banner{ width:100%;margin:0 auto; position:relative; overflow:hidden; margin-top:1.5rem   }
	.banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.banner .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.banner .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.banner .hd ul .on{ background:#FE6C9C;  }

	.banner .bd{ position:relative; z-index:0; }
	.banner .bd li img{ width:100%;  background:url(/tp/Mobile/skin1/css/images/loading.gif) center center no-repeat;  }
		.banner .bd li{ position:relative}
	.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 作废链接高亮 */  }
.clum-title{ text-align:center; margin:.3rem}
.clum-title h1{ display:inline-block; position:relative; margin:auto; font-weight:700; font-size:.42rem; z-index:1;letter-spacing:.06rem}
.clum-title h1:after{ position:absolute; width:70%; height:.08rem; background:#ff0084;bottom:20%; left:0; content:""; display:block; z-index:-1; }
.newslist{ padding:.3rem; padding-top:0}
.newslist ul li{line-height:1.5; position: relative; overflow:hidden; padding:0.2rem}
.newslist ul li:nth-child(2n){ background:#efefef; }
.newslist  a{ display:block; color:#777}
.new-listimg { width:40%; float:left; margin-right:.2rem}
.newslist p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:2; font-weight:700; color:#313131}
.newslist li:nth-child(1) p{ font-size:.32rem; padding-top:.2rem; line-height:1.5}
#leader{ margin:0; padding:0 .3rem}
#leader p{ background:rgba(0%,0%,0%,.3); padding:.2rem; color:#fff; line-height:.5rem; height:1.4rem; position:absolute; width:100%; bottom:0; left:0; font-size:.32rem}
#leader p b{ display:inline-block; margin-right:.3rem}
.brand { margin:0 .3rem}
.brand li{ position:relative; height:4rem; overflow:hidden; margin-bottom:.3rem}
.brand li img{ width:100%; height:auto; min-height:4rem}
.brand li p{ position:absolute; width:100%; line-height:.7rem; padding:0 .2rem; left:0; bottom:0; background:rgba(1,68,185,0.8); height:.7rem; overflow:hidden; font-weight:700; font-size:.32rem}
.brand li p b{ color:#fff; display:block}
.brand li:nth-child(2) p{background: rgba(3,191,208,.8);}
.brand li:nth-child(3) p{background: rgba(255, 97, 1, 0.8);}
.brand li:nth-child(4) p{background:rgba(239, 12, 42, 0.8);}
.footer{ padding:.3rem; background:#efefef; color:#777; line-height:1.5}
.lm-banner{ margin-top:1.5rem; height:3rem; position:relative; color:#fff; text-transform:uppercase; text-shadow:1px 1px 2px rgba(0,0,0,.5); font-size:.32rem}
.lm-banner:after{ content:""; display:block; position:absolute; top:0; right:0;bottom:0;right:0; background:rgba(0,0,0,.33);}
.lm-banner p{ padding:0 .6rem; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.lm-banner b{ display:block}
.container{ padding:.3rem; font-size:.28rem;
	line-height: 1.5;
	color: #73676c
}
.container p{ margin-bottom:.4rem}
.about-title{ font-size:.42rem; margin-bottom:.3rem; color: #ff0586}
.about-title b{ display:block}
.container .col-xs-6{ position:relative}
.right-img h1{    position: absolute;
    top: 50%;
    background: rgba(255, 0, 132,.7);
    color: #fff;
    padding: .3rem;
    transform: translateY(-50%);
    left:0; margin:0}
	.yxyl-1{ background:url(/tp/Mobile/skin1/images/yl-bg.png) bottom left no-repeat; background-size: cover; line-height:2}
	.yxsm{background:#f1f1f1 url(../images/oac_02.jpg) bottom left no-repeat; background-size:100%; padding-bottom:.6rem}
	.yxyl{ padding-bottom:9rem}
	.yxyl img{ margin:.3rem auto !important}
.yxyl .col-xs-4{ display:none}
.licheng-bg img,.lc-swiper-btn{ display:none}
.about-main2{ background:none !important}
.container{ line-height:2}
.swiper-slide{ border-left:1px solid #efefef; padding-left:.3rem}
.lc-left{ position:relative;}
.lc-left:after{ content:""; display:block; border-radius:50%; width:.2rem; height:.2rem; background:#ff0084; left:-.4rem;position: absolute;
top: .1rem;}
.swiper-container .swiper-slide:nth-child li:nth-child .lc-left:after{ background:#ff0084}
.lc-right h3{ margin:0}
.lc-right  p a{ color:#717171}
 .group-content img{ margin:.3rem auto}
 .inter-2 { overflow: hidden}
 .inter-2 li{ position: relative; margin-bottom:.3rem}
  .inter-2 li p{ position:absolute; width:100%; line-height:1.5; padding:.2rem .1rem; text-align:center; font-size:.32rem; background:rgba(0,0,0,.333); bottom:0; margin-bottom:0; color:#fff}
  .jtsy{ padding:.3rem; line-height:1.75; font-size:.28rem}
  .jtsy .inter-2 li{ width:calc(50% - .15rem);; display:inline-block; margin-right:.15rem; float:left}
  .jtsy .inter-2 li:nth-child(2n){ margin-left:.15rem; margin-right:0}
 .jtsy .inter-2   .interimg{ height:2.1rem; overflow:hidden}
  .inter-2 li p a{ text-decoration:underline; color:#fff}
   .sub_name {
    background: #f2f2f2;
    overflow: hidden;
}
.sub_name ul {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    display: inline;
    white-space: nowrap;
    overflow-x: scroll;
    float: left;
}
.sub_name ul li {
    display: inline-block;
    text-align: center;
    padding: 0 .3rem;
    font-size: .28rem;
    line-height: .9rem;
    position: relative;
}
.sub_name ul .curr,.sub_name ul .on{ font-weight:700; color:#fff; background:#ff0084}
.sub_name ul .curr a,.sub_name ul .on a{ color:#fff}
.group-name,.jtsy h2{ font-size:.42rem; border-left:5px solid #ff0084; padding-left:.2rem; margin-bottom:.3rem; font-weight:700}
.jtsy .dl .liimg{ height:4rem; position:relative; overflow:hidden; margin:.3rem auto}
.jtsy .dl .liimg img{ min-height:4rem; min-width:100%}
.jtsy .dl .liimg i{ position:absolute; top:0; left:0; width:.9rem; line-height:.9rem; text-align:center; font-size:.32rem; font-weight:700; background:rgba(255, 0, 132,.8); color:#fff; border-radius:0 .45rem .45rem 0}
.jtsy .dl .liimg  b{ position:absolute;bottom:0; left:0; width:100%; line-height:.7rem; text-align:center; font-size:.32rem; font-weight:700; background:rgba(255, 0, 132,.8); color:#fff; display:block }


.leader-list{ padding:.3rem}
.leader-content{ line-height:2}
.leader-list li{ margin-bottom:.3rem; position: relative}
.leader-list li .zw{ background:rgba(255, 0, 132,.7); color:#fff; padding:.2rem; line-height:1.5; font-size:.3rem; position:absolute; left:0; bottom:0}
.leader-list li .zw i{ position:relative; display:block;margin-bottom: .4rem;}
.leaderlr p{ margin-bottom:15px}
.leader-list li .zw i:after{ content:""; display:block; width:.6rem; height:.08rem; background:#FC0; position:absolute; left:0; bottom:-.2rem}
.newscontent p,.newscontent span{ white-space:normal !important}
.leader-list li  span{ display:block}
.leader-content{ font-size:.28rem; }
.leader-content ul li{ text-align:center; font-size:.32rem; color:#ff0084; }
.leader-content ul li p{margin:.3rem; font-weight:700; font-size:.36rem; text-align:left}
.leaderlr{ padding:0 .3rem}
.leader-content ul li b{ display:block}
.news-list{ padding:.3rem; padding-bottom:.6rem}
.news-list li{ padding:.2rem .1rem; line-height:1.5}
.news-list li:nth-child(2n){ background:#f2f2f2}
.news-list li .color555{ color:#555; font-size:.24rem;word-break:break-all;
     display:-webkit-box;/**工具作为伸缩盒子模子展示**/
     -webkit-box-orient:vertical;/**设置或检索伸缩盒子工具的子元素的排列方法**/
     -webkit-line-clamp:2;/**显示的行数**/
     overflow:hidden;/**隐藏凌驾的内容**/}
.news-list li .fontSize24{ font-size:.32rem; font-weight:700; color:#313131; margin-bottom:.1rem}
.fenye{ text-align:center; padding-top:.5rem}
.fenye  table{ width:100%}
.fenye a{ display:inline-block; margin:0 .1rem; line-height:.7rem; min-width:.7rem; height:.7rem; text-align:center; color:#999; background:#f2f2f2}
.fenye .curr{ background:#ff0084; color:#fff}
.from{ color:#999; font-size:.24rem; margin-bottom:.3rem}
.media-content h1{ font-size:.4rem; line-height:1.25;}
.media-content .news_Info{ font-size:.28rem; line-height:1.5}
.media-content .news_Info p{ margin-bottom:.3rem}
.view-more{ display:block; width:50%; line-height:.7rem; margin:.2rem auto;border:1px solid #333; text-align:center}
.bgcolorC8CED9{ padding:.3rem; font-size:.28rem; line-height:1.5}
.column{ font-size:.32rem; font-weight:700; line-height:1; border-left:3px solid #ff0084; padding-left:.2rem; margin-bottom:.2rem}
.bgcolorC8CED9 li{ color:#F00; width:50%; display:inline-block; padding:.3rem 0}
.bgcolorC8CED9 li i{ display:inline-block; margin-right:.5rem}
.bgcolorC8CED9 .green{ color:#0C0}
.time{ color:#999; font-size:.24rem; }
.time span{ display:inline-block; margin-right:.2rem}
.bgcolorC8CED9 img{ margin:.3rem auto; border-radius:.1rem}
.contact-content{ color:#464646; line-height:2}
.contact-content span{ display:block; margin-bottom:.3rem}
.contact-content input,.contact-content textarea{ padding-left:.2rem; border:1px solid #e0e0e0; line-height:.9rem; display:block; margin-bottom:.2rem; width:100%}
.contact-content .botton{ background:#ff0084; color:#fff; font-weight:700; font-size:.32rem; text-align:center; line-height:.9rem; height:.9rem; text-align:center; border:0}
.contact h1{ font-size:.32rem}