/* CSS Document */
/*全局预设*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body {   font:12px/20px "Microsoft YaHei", "SimSun", "宋体",HELVETICA; background:#fff; /* overflow-y:scroll;*/width:100%; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{    text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
 
a:hover, a:active, a:focus {   text-decoration:none; }


.fl{ float:left}
.fr{ float:right}
.mt80{ margin-bottom:80px;}
.mt90{ margin-bottom:90px}
.mt100{ margin-bottom:100px}
 
.header{ height:40px; background:#fff; padding:10px 0; position:relative; width:100%; position:fixed; top:0; z-index:9999; border-bottom:1px solid #f1f1f1;}
.header .logo{  display:block; height:23px; width:250px; float:left; margin-left:3%; margin-top:8px;}
.header .logo img{ width:100%}

 
.header .seach{ float:right; display:block; margin-top:10px; margin-right:5px;}
.header .seach i{ font-size:24px;}
 
.header  .menu {
  float:right;
  margin-right: 12%;
  margin-top:20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
 
.seachmain{ position:fixed; top:0; background:#fff; width:100%; height:100%; left:0; display:none; z-index:99999}
.seachmain .seachinp{ margin-top:20px; padding:0 20px; border-bottom:1px solid #dadada; padding-bottom:10px;}
.seachinp i{ float:left; font-size:20px; color:#333; margin-right:5px; margin-top:2px;}
.seachinp input{ border:0; font-size:14px; font-family:"微软雅黑"} 
.seachinp span{ display:block; float:right; font-size:16px;}
.seachinp .okseach{ display:none}

.ban .swiper-pagination-bullet-active{    background: #fff !important;}
 
.indmu{ overflow:hidden; display:flex;justify-content:center;flex-wrap:wrap; padding:20px 0; background:#fafafa}
.indmu a{width:25%; margin:5px 0;}
.indmu img{ display:block; width:100%  }

.indti{ text-align:center; overflow:hidden; margin:40px 0 30px;}
.indti h1{ font-size:18px; color:#000; line-height:20px; }
.indti p{ font-size:15px; color:#555; margin:7px 0 15px}
.indti em{ display:block;width:45px; height:2px; background:#0c0c0c; margin:0 auto;  }

.indpro{ overflow:hidden; margin-bottom:30px; padding:0 3%;}
.indpro .swiper-slide{ position:relative; overflow:hidden; float:left; margin-right:25px;width:450px; }
.indpro .swiper-slide .ipimg{ overflow:hidden;   border-top-left-radius:5px;border-top-right-radius:5px; height:105px;}
.indpro .swiper-slide .ipdec{ padding:5px 15px; border:1px solid #7d7d7d; margin-top:-1px; border-bottom-right-radius:5px;border-bottom-left-radius:5px; }
.indpro .swiper-slide h1{ font-size:14px; color:#0c0c0c; line-height:18px; margin-bottom:2px;}
.indpro .swiper-slide span{ font-size:12px; color:#333; display:block;   line-height:18px;min-height: 36px; }
.indpro .swiper-slide p{ font-size:12px; color:#333; text-transform:uppercase; line-height:22px;}
.indpro .swiper-slide .ipmore{ position:absolute; right:10px; top:87px; width:35px}

.indxt{ overflow:hidden;}
.indxt img{ display:block; float:left; width:33.33%}

.indnews{ overflow:hidden; padding:0 3%;}
.indnews .indvdoli{ width:100%;  display:block; position:relative;  overflow:hidden; margin-bottom:5px;}
.indnews .indvdoli em{ position:absolute; z-index:99; left:50%; margin-left:-27px; top:50%; margin-top:-27px;} 
.indnews .indnewsli{overflow: hidden;display: block; width:100%;   position: relative; margin-bottom:5px;}
.indnews .indnewsli .inewsdec{ width:90%; padding:0 5%; height:100%; position:absolute; left:0; top:0; background:url(http://resunphoto.oss-cn-shanghai.aliyuncs.com/ournslife/indnewsbg.png);    display: flex; text-align:center; align-content:center; flex-wrap: wrap}
.indnews .indnewsli .inewsdec h1{ font-size:14px; color:#0c0c0c; font-weight:normal; margin-bottom:10px; line-height:22px; width:100%;}
.indnews .indnewsli .inewsdec p{ font-size:14px; color:#ad9918; width:100%; }

.indjoin{ background:#eee; color:#646464; font-size:14px; text-align:center; height:40px; line-height:40px; margin:10px 3% 40px; display:block;}
.indjoin span{ font-size:22px; color:#1b4196; font-weight:bold;}

.footer{ height:45px; padding:15px 0; display:flex; justify-content:space-between; background:#eeeeee; position:fixed; bottom:0; width:100%; z-index:9999}
.footer a{ width:17%; text-align:center; color:#646464; font-size:12px;}
.footer a i{ display:block; margin:0 auto 2px; font-size:20px;}
.footer a img{ margin:-33px auto 4px; width:55PX; display:block;  }
.footer a.on{ color:#1b4196}
.footer a.on i{ color:#1b4196}


.newsmain{ overflow:hidden;border-top:1px solid #eee;}
.newsmain .newsle{ width:25%; float:left; text-align:center;}
.newsle a{ height:45px; line-height:45px; display:block; margin:0 5%; width:90%; font-size:14px; color:#333;} 
.newsle a.on{  background:#1b4196; color:#fff;}
.newsmain .newsri{ border-left:1px solid #eee; float:left; width:68%; padding:0 3%; padding-bottom:20px;}
.newsmain .newsri .newsban{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.newsmain .newsri .newstj{ display:block; background:#eeeeee; overflow:hidden; margin-bottom:10px;}
.newsmain .newsri .newstj img{ float:left; width:45%; height:75px;}
.newsmain .newsri .newstj .newsdef{ float:left; width:50%;height:75px; margin-left:5%; display:flex; align-content:center; flex-wrap:wrap;}
.newsmain .newsri .newstj .newsdef h1{ font-size:14px; color:#333;height:16px; line-height:16px; width:100%;overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.newsmain .newsri .newstj .newsdef p{ font-size:12px; color:#777;}

.vdolist{ overflow:hidden;}
.newsmain .vdori{border-left:1px solid #eee; float:left; width:68%; padding:0 3%; padding-bottom:20px;}
.newsmain .vdolist a{ width:48%; float:left;  display:block; position:relative;  overflow:hidden;  margin:0 1% 10px;}
.newsmain .vdolist a .vdoimgs{ height:90px;}
.newsmain .vdolist a img{ width:100%;}
.newsmain .vdolist a em{ position:absolute; z-index:99; left:50%; margin-left:-20px; top:50%; margin-top:-30px; width:40px;} 
.newsmain .vdolist a h1{ font-size:12px; color:#333; text-align:center; height:20px; line-height:20px; font-weight:normal;}

.newsmain .newsli{ overflow:hidden; display:block; margin-bottom:10px; padding-top:10px; border-top:1px solid #e2e2e2}
.newsmain .newsli:first-child{ border:0}
.newsmain .newsli .fl{ width:55px; height:55px; text-align:center; background:#1a4096; color:#fff; display:flex;align-content:center;flex-wrap: wrap; border-radius:5px;}
.newsmain .newsli .fl span{ display:block; margin:0 auto; font-size:16px; width:100%; line-height:20px;}
.newsmain .newsli .fl p{ font-size:12px; width:100%;}
.newsmain .newsli .fr{ width:73%;   margin-left:auto}
.newsmain .newsli .fr h1{ font-size:14px; color:#000; font-weight:normal; line-height:18px;  }
.newsmain .newsli .fr p{ font-size:12px; color:#7b7b7b; line-height:20px;}

.newstit{ background:#f5f5f5;font-size:14px; padding:20px 5% ; }
.newstit a{color:#7f7f7f;}
.newstit em{color:#7f7f7f; font-style:normal; margin:0 3px;}
.newstit a:hover{ color:#ea4a18}

.newsinfo{ background:#fff; overflow:hidden; margin:0 5%; padding:20px 20px}
.newsinfo .newsdestit{ text-align:center; font-size:16px; color:#0c0c0c;}
.newsinfo .newsdesdate{ text-align:center; font-size:12px; color:#333333; margin-bottom:20px;}
.newsinfo .newsdesmain{ line-height:28px; overflow:hidden; margin-bottom:20px;}
.newsinfo .newsdesmain img{ max-width:100%; margin:10px 0;}
.newsinfo .newsdesmain video{ max-width:100%; margin:10px 0; display:block; height:inherit}

.newsinfo .newdet-link{
    width: 100%;
    border-top: 1px solid #dddddd;
    padding-top: 15px;
    overflow:hidden;
	position:relative;
	min-height:40px;
	margin-top:20px;
}
.newsinfo .newdet-link a
{
    line-height: 25px;
    color: #808080;  
    font-size: 12px;
    display:block;
}
.newsinfo .newdet-link a span
{
    color: #808080;
}
.newsinfo .newdet-link a span:hover
{
    color:#ea4a18;
}
.newsinfo .newsback a{
	margin:0 auto;
    background: #e94b18; 
    color: #fff;
    display: block;
    text-align: center;
    width: 100px;
    height: 35px;
    line-height: 35px;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;}




a.joinbtn { width: 180px; height: 30px; line-height: 30px; position: absolute; display: block; left: 50%; margin-left: -90px;margin-top: -53%; background-color: #1b4196; border-radius:5px; color: #fff; font-size: 16px; text-align: center; } 
a.joinbtn2 { background-color: #eb4a19;} 
 
.conover{ overflow:hidden; margin-bottom:40px; margin:-150px 5% 0; position:relative; z-index:9}
.conover .fl{ width:50%;  }
.conover .fr{ width:50%; height:100%}
 


.contit{ overflow:hidden; text-align:center; margin:35px 0 20px;}
.contit h1{ font-weight:normal; font-size:18px; color:#333; line-height:20px; margin-bottom:5px;}
.contit p{ font-size:12px; color:#666}
.conmes{ overflow:hidden; padding:30px 0;	 background:url(http://resunphoto.oss-cn-shanghai.aliyuncs.com/ournslife/con6.jpg) #7a97d9 center bottom no-repeat; background-size:100%; margin-bottom:40px;}
.conmes .conform{ width:94%; margin:0  3%; overflow:hidden;}
.conmes .conform input{ width:40%; padding:0 15px; height:40px; line-height:40px; border:0; background:#fff; font-size:14px; border-radius:5px; margin-bottom:10px;font-family:"微软雅黑";}
.conmes .conform textarea{ width:96%; padding:5px 2%; height:110px; line-height:25px; border:0; background:#fff; font-size:14px; border-radius:5px; margin-bottom:15px; font-family:"微软雅黑";}
.conmes .conform .conformbtn{ width:100%; height:40px; line-height:40px; text-align:center; display:block; background:#ffe133; color:#1b4196; font-size:14px; text-align:center; border-radius:10px; margin:0 auto; cursor:pointer;}
 

.gallerytit{ text-align:center; overflow:hidden; margin:35px 0 15px; }
.gallerytit h1{ font-weight:normal; font-size:16px; color:#333333; line-height:18px; text-transform:uppercase; margin-bottom:2px;}
.gallerytit p{ font-size:14px; color:#1a4096;}
.galleryinfo{ overflow:hidden; padding:0px 15px ;}
.galleryinfo .galfl{ width:100%;  overflow:hidden;}
.galleryinfo .galfl img{ width:100%;  }
.galleryinfo .gallerytit{ margin:20px 0 15px}
.galleryinfo .galfr{ overflow:hidden; padding:0 10px; position:relative}
.galleryinfo .galfr h2{ font-size:15px; color:#0c0c0c; margin-top:10px; margin-bottom:8px;}
.galleryinfo .galfr h1{ font-weight:normal; margin-bottom:5px;font-size:14px;}
.galleryinfo .galfr p{ font-size:12px; color:#343434; line-height:22px; margin-bottom:10px;}
.galleryinfo .galfr a{ width:40px; height:40px; padding:8px 5px; line-height:20px; text-align:center; display:block; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#ea4a18; color:#fff; font-size:16px; position:absolute; top:0; right:10px;}
.gallerysel{  border-left:5px solid #1a4096;border-right:5px solid #1a4096; height:40px; line-height:40px; background:#eeeeee;}
.gallerysel .galleryselli{ width:33.33%; text-align:center; position:relative; float:left;  }
.gallerysel h1{ font-size:12px; color:#343434; font-weight:normal; cursor:pointer;height:40px;overflow:hidden; }
.gallerysel h1 span{color:#1a4096;}
.gallerysel h1 i{ margin-left:3px;color:#343434; font-size:12px;}
.gallerysel .galleryseltion{ position:absolute; top:40px; color:#333; width:100%; left:0px; background:#f1f1f1; display:none; z-index:9}
.gallerysel .galleryseltion a{ height:30px; line-height:30px; font-size:12px; cursor:pointer; display:block; color:#333;}
.gallerysel .galleryseltion a:hover{ background:#1a4096; color:#fff;}
.gallerysel .galleryseltion a.on{ background:#1a4096; color:#fff;}
.gallerylist{ overflow:hidden; padding:0 2%; min-height:120px;} 
.gallerylist ul{ overflow:hidden;}
.gallerylist ul li{ position:relative; overflow:hidden; float:left; margin:0 1%;width:48%; margin-top:20px;}
.gallerylist ul li .ipimg{ overflow:hidden; width:100%; height:120px;border-top-left-radius:5px;border-top-right-radius:5px;}
.gallerylist ul li .ipimg img{transition: 500ms;  width:100%; height:120px;}
.gallerylist ul li .ipdec{ height:50px; padding:10px 15px; border:1px solid #7d7d7d; margin-top:-1px; border-bottom-right-radius:10px;border-bottom-left-radius:5px;  background-image: url(http://resunphoto.oss-cn-shanghai.aliyuncs.com/ournslife/prolistbg.png); background-size:100%; background-position: center bottom; background-repeat: no-repeat }
.gallerylist ul li h1{ font-size:14px; color:#0c0c0c; line-height:22px; text-align: center; width: 100%;}
.gallerylist ul li span{ font-size:12px; color:#333; margin-bottom:2px; width: 100%; display: block;  text-align: center; overflow:hidden; height:20px; line-height:20px;}
.gallerylist ul li p{ font-size:12px; color:#666; text-transform:uppercase; line-height:18px; font-family:Arial, Helvetica, sans-serif}
.gallerylist ul li .ipmore{ position:absolute; right:30px; top:195px; width:40px;}
.gallerylist ul li:hover .ipimg img{transform:scale(1.1)}
.gallerylist ul li:hover h1{ color:#ea4a18}

.galleryfl{   position:relative;}
.gallerybot{ margin-top:20px; margin-bottom:30px;}
.gallerybot img{ float:left; margin-right:30px;}
.gallerybot .galyuyue{ width:110px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#fff; border-radius:5px; background:#e94b18; margin: 0 auto; display: block; cursor:pointer;}
.galleryri{ width:94%; background:#f8f8f8;  overflow:hidden; padding:30px 3%; }
.galleryri .gbtn{ float:right; width:200px;}

.galleryri h2{ font-size:16px; color:#000; line-height:30px; margin-bottom:20px;}
.galleryri h2 a{ float:right; color:#333; font-size:12px; border:1px solid #777; height:30px; line-height:30px; text-align:center; border-radius:20px; padding:0 40px; display:flex; font-weight:normal;}
.galleryri h2 i{ color:#555; font-size:18px; margin-left:3px;}
.lookhis{ width:100%; margin:0 auto;}
.lookhis .imgs{ position:relative; margin:5px 1%; width:48%; height:120px; float:left; overflow:hidden;}
.lookhis .imgs h1{ position:absolute; left:0; bottom:0; height:30px; line-height:30px; background:url(http://resunphoto.oss-cn-shanghai.aliyuncs.com/ournslife/gal3.png); color:#fff; text-align:center; font-size:14px; font-weight:normal; width:100%;}

.flayu{ position:absolute; z-index:9; width:70%; height:370px; background:url(http://resunphoto.oss-cn-shanghai.aliyuncs.com/ournslife/gal3.png); border-radius:5px; left:15%; top:10%; text-align:center; overflow:hidden; display:none}
.flayu h1{ color:#fff; font-size:16px; margin:30px 0 20px; line-height:24px;}
.flayu input{ border:0; background:#fff; border-radius:5px; width:180px; height:30px; line-height:30px; padding-left:5px; margin-bottom:5px}
.flayu textarea{ border:0; background:#fff; border-radius:5px; width:175px; padding:5px 5px; height:80px;}
.flayu a { display:  block; margin: 0 auto; width: 100%; text-align: center; font-size: 16px; color: #fff; margin-top: 10px;}

.closeyu{ position:absolute; right:10px; top:10px; color:#fff;}