body{
	font-size:16px;
	color:#333;
	margin:0 auto;
	padding:0px;
	font-family:"Microsoft Yahei",Verdana, Arial, Helvetica, sans-serif;
	overflow-x:hidden;
    -webkit-overflow-scrolling: touch; 
	}
.cl{ clear:both}

div,ul,li,table
{
	color:#333;
	font-size:16px;
	font-family:"Microsoft Yahei",Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto; 
	padding:0;
	list-style:none
}
*{outline:0px}
a,a:link,a:visited,a:active {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color: #1564c0;transition: all 0.3s;
}


.text
{
  line-height: 32px;
}
.mh{ display:none}
invite-logo{ display:none !important}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}



.warp{ width:100%; padding:0 4%; box-sizing:border-box}
header,footer,.copy{ display:none}
.nywidtha{ width:100%; float:left; padding:30px 0 30px 0}
.m_header{ width:100%; padding:12px 4%; box-sizing:border-box; overflow:hidden; position:fixed; top:0; z-index:7; background:rgba(255,255,255,.8)}
.m_header .logo{width:40%;float:left; position:relative}
.m_header .logo img{ height:35px}
.m_header .right{ float:right; width:35px; height:35px; box-sizing:border-box; text-align:right; background:#005bcc; position:absolute; z-index:1; right:4%; top:14px; text-align:center; border-radius:100%; padding-top:8px}
.m_header .right img{ width:50%; overflow:hidden; height:auto}
.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 8;
    bottom: 0;
}

.rightNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 9;
    top: 0;
    right: -50%;
}


.rightNav span{
    display: inline-block;
    width: 96%;
    height: 50px;
    margin-left: 2%;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    text-align: center;
	font-size:14px
}
.rightNav span:hover{
    background-color: #f5f5f5;
}


.mySwiper {
width: 100%;
cursor: pointer;
height:230px;
}
.mySwiper .swiper-slide{
width: 100%;
float:left;
position:relative;
text-align:center;
height:100%
}

.mySwiper .swiper-slide img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
object-fit: cover
}

.mySwiper .swiper-pagination{ bottom: 10px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;background: rgba(255,255,255,.5);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,1);border-radius: 50px;width: 8px; height: 8px;}
*{box-sizing:border-box; font-style:normal}
.page1{ width:100%; background:url(../images/about.jpg) bottom center no-repeat #f5f3f4; background-size:cover; padding-bottom:50px; overflow:hidden}
.page1 .l{ width:100%; float:left; background:url(../images/index_02b.jpg) bottom center no-repeat; background-size:cover; height:500px; padding-top:15%;}
.page1 .l .bro{ width:92%; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; margin:0 auto !important; overflow:hidden; margin-left:4%; margin-right:4%}
.page1 .l .bro ul{ display:inline}
.page1 .l .bro ul li{ width:33.33%;border-right:1px solid rgba(255,255,255,.5); float:left; text-align:center; color:#fff; padding:10px 0 15px 0; box-sizing:border-box}
.page1 .l .bro ul li strong{ font-size:36px;width:100%; float:left}
.page1 .l .bro ul li strong em{ font-size:14px; font-style:normal; font-weight:normal}
.page1 .l .bro ul li span{ width:100%;font-size:14px; float:left}

.page1 .l .bro ul li:last-child{border-right:none}

.page1 .r{ width:100%;float:left; padding-right:4%; padding-left:5%; padding-top:38px; overflow:hidden}
.page1 .r .r1{ width:100%; cursor:pointer; float:right; height:272px; background:url(../images/index_05.jpg) no-repeat; background-size:cover; margin-top:20px; text-align:center; position:relative}
.page1 .r .r1 img
{  position: absolute;
border-radius:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:2;
  transition: transform 0.5s ease-in-out;
  transition: 0.3s ease-in-out;
   border:4px solid rgba(255,255,255,0)
  }
  .page1 .r .r1:hover img{ border:10px solid rgba(255,255,255,.5);}
.page1 .r .l1{ width:100%; float:left;}
.page1 .r .l1 strong{ width:100%; float:left; font-size:20px; color:#095ab6; margin-bottom:10px}
.page1 .r .l1 em{ width:100%; float:left; font-size:18px; color:#999; margin-bottom:25px;}
.page1 .r .l1 span{ width:100%; float:left; font-size:15px; line-height:32px; color:#333; margin-bottom:20px; overflow:hidden; height:160px}
.more a{ float:left; background:#095ab6; color:#fff; padding:12px 35px; border-radius:50px; font-size:14px;transition: 0.3s ease-in-out;}
.more a img{ vertical-align:middle; margin-right:10px; margin-bottom:2px}
.more a:hover{background:#f08506}

.page1 .r .bans{ width:100%; float:left; margin-top:30px; background:#fff}
.page1 .r .bans ul{ display:inline}
.page1 .r .bans ul li{ width:25%; float:left; text-align:center; line-height:30px; background:#fff; padding:16px 0; cursor:pointer; font-size:14px}
.page1 .r .bans ul li img{ width:30%; height:auto; overflow:hidden}
.fwbg{ width:100%; background:url(../images/fwbg.jpg) bottom center no-repeat fixed; background-size:cover; padding:30px 0; height:auto; box-sizing:border-box; overflow:hidden}

.fw_tit{ width:100%; float:left; padding-bottom:30px; color:#fff}
.fw_tit strong{ font-size:20px}
.fw_tit em{ font-size:18px; text-transform:uppercase; margin-left:10px}

.mySwipera {
width: 100%;
}
.mySwipera .swiper-slide{
width: 100%;
position:relative;

}


.mySwipera .swiper-slide .l{
width: 100%;
float:left;
position:relative;
}


.mySwipera .swiper-slide .l .a{
width: 100%;
float:left;
font-size:40px;
color:#fff;
font-weight:bold;
padding-bottom:20px
}

.mySwipera .swiper-slide .l .b{
width: 100%;
float:left;
font-size:18px;
color:rgba(255,255,255,.5);
text-transform:uppercase;
font-weight:bold;
padding-bottom:10px
}

.mySwipera .swiper-slide .l .c{
width: 100%;
float:left;
font-size:20px;
color:rgba(255,255,255,1);
font-weight:bold;
padding-bottom:30px
}

.mySwipera .swiper-slide .l .d{
width:100%;
float:left;
font-size:14px;
line-height:30px;
height:90px;
overflow:hidden;
color:rgba(255,255,255,1);
margin-bottom:30px
}

.mySwipera .swiper-slide .l .e{
width:100%;
float:left;
}
.mySwipera .swiper-slide .l .e a{
float:left;
font-size:14px;
border:1px solid rgba(255,255,255,5);
padding:15px 10px 15px 10px;
box-sizing:border-box;
background:url(../images/icon_51.png) right center no-repeat;
background-position:120px 20px;
width:160px;
color:#fff;
text-align:left;
transition: 0.3s ease-in-out;
}

.mySwipera .swiper-slide .l .e a:hover{background-position:110px 20px;}

.mySwipera .swiper-slide .r{
	margin-top:30px;
border:10px solid rgba(255,255,255,.8);
box-sizing:border-box;
position:relative;
width:100%;
padding-top:40%;
float:right
}

.mySwipera .swiper-slide .r img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}

.preva {
display:none
}


.nexta { display:none
}

.cpbg{ padding:30px 0 40px 0; width:100%; float:left;}
.cpban{width:100%; float:left; margin-bottom:30px}
.cpban .l{width:50%; float:left;}
.cpban .l strong{width:100%; float:left; font-size:20px; color:#095ab6}
.cpban .l span{width:100%; float:left; font-size:18px; color:#666}

.morea a{ float:right; background:#095ab6; color:#fff; padding:10px 25px; font-size:12px; border-radius:50px;transition: 0.3s ease-in-out; margin-top:5px}
.morea a img{ vertical-align:middle; margin-right:10px; margin-bottom:2px}
.morea a:hover{background:#f08506}

.cplist{ float:left; width:100%}
.cplist ul{ display:inline}
.cplist ul li{ float:left; width:48.5%; position:relative; margin-right:3%; margin-bottom:15px}
.cplist ul li .img{ float:left; width:100%; position:relative;padding-top:150%; overflow:hidden}
.cplist ul li .img img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover;transition: transform 0.3s ease;}
.cplist ul li .tit{ width:100%; position:absolute; z-index:1; background:url(../images/probg.png) bottom center repeat-x; height:50%; bottom:0; left:0 }
.cplist ul li .tit strong{ position:absolute; bottom:0; width:100%; padding:0 20px; box-sizing:border-box; z-index:2; text-align:center; overflow:hidden; font-weight:normal; line-height:100px; height:100px; font-size:20px; color:#fff;}
.cplist ul li:nth-child(2n){ margin-right:0}
.cplist ul li:hover img{transform: scale(1.1)}

.xwbg{ width:100%; box-sizing:border-box; padding:20px 0; background:url(../images/index_27.jpg) center no-repeat  fixed; background-size:cover; overflow:hidden}
.xwbga{ width:100%; box-sizing:border-box; padding:25px 20px; background:rgba(255,255,255,.8); overflow:hidden}
.xwtit{ width:100%; float:left; padding-bottom:30px}
.xwtit strong{ width:100%; float:left; text-align:center;font-size:22px; font-weight:bold; color:#095ab6; padding-bottom:5px}
.xwtit em{ width:100%; float:left; text-align:center; font-size:20px; color:#999;}

.xwlist{ width:100%; float:left}
.xwlist ul{ display:inline}
.xwlist li{ width:100%; float:left; margin-bottom:20px}
.xwlist li:nth-child(3n){ display:none}
.xwlist li .a{ width:100%; float:left; font-size:24px; padding-bottom:20px}
.xwlist li .b{ width:100%; float:left; font-size:16px; line-height:24px; height:48px; overflow:hidden; margin-bottom:15px;transition: 0.3s ease-in-out; }
.xwlist li .c{ width:100%; float:left; font-size:14px; line-height:25px; height:50px; color:#666; overflow:hidden; margin-bottom:25px}
.xwlist li .d{ width:100%; float:left; font-size:14px; background:url(../images/icon_48.png) left center no-repeat; box-sizing:border-box; padding-left:35px; height:23px; line-height:23px;transition: 0.3s ease-in-out; }
.xwlist li:hover .b{ color:#095ab6}
.xwlist li:hover .d{ color:#095ab6;background:url(../images/icon_48a.png) left center no-repeat; }

.gz{ text-align:center; width:100%; background:url(../images/index_28.jpg) center no-repeat; height:180px; padding-top:40px; box-sizing:border-box}
.gz strong{ color:#fff; font-size:20px; padding-bottom:15px;}
.moreb{ margin-top:15px}
.moreb a{ width:170px; background:#fff; color:#095ab6; padding:12px 0; border-radius:50px; font-size:14px;transition: 0.3s ease-in-out; display:block; left:50%; margin:0 auto}
.moreb a img{ vertical-align:middle; margin-right:10px; margin-bottom:2px}
.moreb a:hover{background:#f08506; color:#fff}

.mfooter{ width:100%; padding:30px 4%; background:#464951; box-sizing:border-box; overflow:hidden}
.mfooter .a{ width:100%; float:left; text-align:center;border-bottom:1px solid rgba(255,255,255,.3)}
.mfooter .a img{filter: brightness(0) invert(1); width:50%;height:auto; overflow:hidden; padding-bottom:14px; }

.mfooter .b{ width:100%; float:left; text-align:center; margin-top:20px}
.mfooter .b img{width:30%;height:auto; overflow:hidden; padding-bottom:14px;}
.mfooter .c{ width:100%; float:left; text-align:center; color:#fff; font-size:14px}

.nyban{ width:100%; height:280px; background:rgba(0,0,0,.1)}
.cnname{ width:100%; color:#fff; font-size:20px; padding-top:140px; float:left; padding-bottom:10px}
.enname{ width:100%; color:#fff; font-size:18px; float:left; text-transform:uppercase}

.nywidth{ width:100%; float:left; padding:50px 0 50px 0}

.nr_area{ width:100%; line-height:30px; font-size:15px; color:#333; float:left; padding-top:15px}
.nr_area img,.nr_area iframe,.nr_area table,.nr_area video{ max-width:100%; overflow:hidden; height:auto;}
.nr_area p{ padding:10px 0;margin:0}

.pageban{ width:100%; text-align:center; float:left}
.page_info{text-align:center;margin-top:10px;color:#333;font-family:Microsoft Yahei;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:34px;line-height:34px;text-align:center;letter-spacing:0;font-family:Microsoft Yahei;font-size:12px;margin-top:20px;padding-bottom:10px}
.page_list a{display:inline-block;color:#910c0a;border:1px solid #910c0a;background:#fff;text-align:center;padding:0 13px;margin:0 3px;border-radius:25px;}
.page_list a:hover{color:#fff;border:1px solid #910c0a;background:#910c0a;}
.page_list a.on{background-color:#910c0a; color:#fff; border:1px solid #910c0a}

.cplista{ float:left; width:100%}
.cplista ul{ display:inline}
.cplista ul li{ float:left; width:100%; position:relative;margin-bottom:15px}
.cplista ul li .img{ float:left; width:100%; position:relative;padding-top:150%; overflow:hidden}
.cplista ul li .img img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover;transition: transform 0.3s ease;}
.cplista ul li .tit{ width:100%; position:absolute; z-index:1; background:url(../images/probg.png) bottom center repeat-x; height:50%; bottom:0; left:0 }
.cplista ul li .tit strong{ position:absolute; bottom:0; width:100%; padding:0 20px; box-sizing:border-box; z-index:2; text-align:center; overflow:hidden; font-weight:normal; line-height:100px; height:100px; font-size:20px; color:#fff;}
.cplista ul li:hover img{transform: scale(1.1)}

.newslist{ width:100%; float:left}
.newslist li{ width:100%; float:left; margin-bottom:25px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.newslist li .news_l{ width:35%; float:left; height:90px; overflow:hidden}
.newslist li .news_l img{ width:100%;height:90px}
.newslist li .news_r_font{ width:100%; float:left}
.newslist li .news_r{ width:62%; float:right}
.newslist li .news_r em,.newslist li .news_r_font em{ width:100%; float:left; font-size:13px; padding-bottom:8px;font-style:normal; color:#1158a9}
.newslist li .news_r strong,.newslist li .news_r_font strong{ width:100%; float:left; font-size:16px; margin-bottom:10px; color:#333; height:48px; line-height:24px; overflow:hidden; font-weight:normal}
.newslist li .news_r span{ display:none}
.newslist li .news_r_font span{ width:100%; float:left; font-size:15px; margin-bottom:20px; color:#666; height:50px; line-height:25px; overflow:hidden}
.newslist li .news_r i,.newslist li .news_r_font i{ display:none}
.newslist li .news_l img{transition: all 0.3s}
.newslist li:hover .news_l img{transform: scale(1.1);}
.newslist li:hover .news_r strong,.newslist li:hover .news_r_font strong{color:#1158a9}

.al_dec{ width:100%; float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd}
.al_disptitnews{ width:100%; float:left; line-height:32px; font-size:20px; font-weight:bold; text-align:center; margin-bottom:15px}
.al_dispdes{ width:100%; float:left;font-size:15px;  text-align:center; color:#333}
.fwbga{ width:100%; background:url(../images/fwbg.jpg) bottom center no-repeat; background-size:cover; padding:30px 0; box-sizing:border-box; overflow:hidden}
.fw{ width:100%; float:left}

.fw .l{
width: 100%;
float:left;
position:relative;
}


.fw .l .a{
width: 100%;
float:left;
font-size:40px;
color:#fff;
font-weight:bold;
padding-bottom:20px
}

.fw .l .b{
width: 100%;
float:left;
font-size:18px;
color:rgba(255,255,255,.5);
text-transform:uppercase;
font-weight:bold;
padding-bottom:10px
}

.fw .l .c{
width: 100%;
float:left;
font-size:20px;
color:rgba(255,255,255,1);
font-weight:bold;
padding-bottom:30px
}

.fw .l .d{
width:100%;
float:left;
font-size:14px;
line-height:30px;
height:90px;
overflow:hidden;
color:rgba(255,255,255,1);
margin-bottom:30px
}

.fw .l .e{
width:100%;
float:left;
}
.fw .l .e a{
float:left;
font-size:14px;
border:1px solid rgba(255,255,255,5);
padding:15px 10px 15px 10px;
box-sizing:border-box;
background:url(../images/icon_51.png) right center no-repeat;
background-position:120px 20px;
width:160px;
color:#fff;
text-align:left;
transition: 0.3s ease-in-out;
}

.fw .l .e a:hover{background-position:110px 20px;}

.fw .r{
	margin-top:30px;
border:10px solid rgba(255,255,255,.8);
box-sizing:border-box;
position:relative;
width:100%;
padding-top:40%;
float:right
}

.fw .r img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}