@charset "utf-8";
/* CSS Document */
.pcshow{ display:block}
.mbshow{ display:none}


#indexpage{ width:100%; height:100%; overflow:hidden; }
#indexpage .swiper-slide{ position:relative}

#indexpage .box{ position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:0}
#indexpage .pic{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
#indexpage .pic .photo{width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:10; transition: all 1s ease; opacity:1}
#indexpage .pic .img{width:100%; height:100%; overflow:hidden; position: absolute; left:0; top:-100px; z-index:0;transition: all 1s ease; opacity:0.8 }
#indexpage .pic .img2{width:100%; height:100%; overflow:hidden; position: absolute; left:0; top:-100px; z-index:0;transition: all 1s ease; opacity:0.8 }
#indexpage .word{ position:absolute; left:60%; top:35%; opacity:0;transition: all 1.5s ease; z-index:100}

#indexpage .pic2{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; display:none}
#indexpage .pic2 .photo{width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:10; transition: all 1.5s ease; opacity:0.8}
#indexpage .pic2 .img{width:100%; height:100%; overflow:hidden; position: absolute; left:0; top:-50px; z-index:0;transition: all 1s ease; opacity:1 }

#indexpage .word2{ position:absolute; left:0; bottom:200px; opacity:0;transition: all 1.5s ease; display:none; text-align:center; width:100%; z-index:100}
#indexpage .word2 img{ max-width:60%; height:auto}


#indexpage .page2 .word,#indexpage .page4 .word,#indexpage .page6 .word{ left:50%; margin-left:-600px;}
#indexpage .arrlist{ width:156px; position:absolute; left:67px; bottom:69px; z-index:100}
#indexpage .leftarr{ width:38px; height:38px; background:url(../images/left1.png) no-repeat; cursor:pointer; float:left}
#indexpage .num{ width:80px; height:38px; line-height:38px; float:left; text-align:center; float:left; font-size:16px; color:#aea6a6}
#indexpage .num span{ color:#00adb0}
#indexpage .rightarr{ width:38px; height:38px; background:url(../images/right1.png) no-repeat; cursor:pointer; float:left}
#indexpage .swiper-pagination-bullet{ background:#333f48; opacity:1; margin:10px 0}
#indexpage .swiper-pagination-bullet-active{ background:#405252; height:43px; border-radius:0; width:3px; text-align:center; margin:0 auto}

.intro1box{ width:100%; height:auto; overflow:hidden; background:url(../images/intro1bg.jpg) top center no-repeat; background-size:cover; padding:559px 0 35px 0}
.intro1box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:50px; border-radius:20px;}
.intro1box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.intro1box .wordbox{ width:100%; text-align:center; line-height:200%; overflow:hidden; font-size:16px; color:#ffffff}

.intro1box .videbox{ width:100%; height:auto; overflow:hidden; max-width:966px; background:url(../images/videobg.jpg) no-repeat; background-size:cover; box-sizing:border-box; padding:35px; margin:0 
auto}
.intro1box .videbox video{ width:100%; height:500px; overflow:hidden; object-fit:fill;}

.releasebox{ width:100%; height:auto; overflow:hidden; border-top:1px solid #0e2425; padding:30px 0; margin-top:30px;}
.releasebox .listbox{ width:100%; height:auto; overflow:hidden; max-width:1200px; margin:0 auto;}
.releasebox .listbox .title{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:28px; font-weight:700; color:#ffffff}
.releasebox .listbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.releasebox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.releasebox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.releasebox .listbox .list ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #313c44; box-sizing:border-box; padding:6px;}
.releasebox .listbox .list ul li .pic{ width:100%; height:245px; overflow:hidden;}
.releasebox .listbox .list ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:20px; font-weight:700; color:#ffffff; box-sizing:border-box; padding:0 10px; margin-top:5px;}
.releasebox .listbox .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:25px; color:#a6a6a6; box-sizing:border-box; padding:10px;}
.releasebox .listbox .list ul li .more{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; background:#00adb0; font-size:14px; color:#ffffff;transition: all 0.5s ease;}
.releasebox .listbox .list ul li:hover .more{ background:#333f48}

.backlist{ width:80px; height:auto; overflow:hidden; position:fixed; right:5px; bottom:50px; border-radius:10px; border:1px solid #00adb0;}
.backlist ul{ margin:0px; padding:0px; list-style:none}
.backlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:40px; line-height:40px; background: #333f48; text-align:center; font-size:12px; border-bottom:1px solid #CCC;transition: all 0.5s ease;}
.backlist ul li:hover{ background:#00a9ae; color:#FFF}
.backlist ul li a{ color:#FFF}

.backlist ul li:last-child{ border:0}
.back{ width:50px; height:50px; background:#FFF; border-radius:50px; line-height:50px; text-align:center; font-size:14px; position:fixed; right:30px; bottom:30px;}


.intro2box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro2boxbg.jpg) top center no-repeat; background-size:cover; padding:0 0 35px 0}
.intro2box .topword{ width:100%; height:auto; overflow:hidden; max-width:1200px; margin:179px auto 218px auto;}
.intro2box .topword .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:28px; color:#00adb0;font-weight:700}
.intro2box .topword .tit2{width:100%; height:60px; line-height:60px; overflow:hidden; font-size:52px; color:#ffffff;font-weight:700; margin-top:15px;}	
.intro2box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:50px; border-radius:20px;}
.intro2box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.intro2box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:19px 27px; font-size:28px; font-weight:700; color:#ffffff}
.intro2box .thelist{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto}
.intro2box .thelist ul{ margin:0px; padding:0px; list-style:none}
.intro2box .thelist ul li{ margin:25px 0px; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.intro2box .thelist ul li .pic{ width:40%; height:auto; float:left; overflow:hidden;}
.intro2box .thelist ul li .pic img{ max-width:100%; height:auto}
.intro2box .thelist ul li .wordbox{ width:60%; height:auto; float:left; overflow:hidden; box-sizing:border-box; font-size:14px; line-height:200%; color:#dedede; padding:0 23px;}

.intro2box .thelist2{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto; line-height:200%; font-size:14px; color:#FFF; margin:25px auto;}
.intro2box .thelist2 img{ max-width:100%; height:auto}


/**/
.intro3box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro3boxbg.jpg) top center no-repeat; background-size:cover; padding:172pz 0 200px 0}
.intro3box .topword{ width:100%;  height:auto; overflow:hidden; max-width:1200px; margin:179px auto 218px auto;}
.intro3box .topword .inbox{ width:600px; float:right}
.intro3box .topword .tit{ width:100%; float:right; height:50px; line-height:50px; overflow:hidden; font-size:28px; color:#00adb0; font-weight:700}
.intro3box .topword .tit2{width:100%; float:right; height:60px; line-height:60px; overflow:hidden; font-size:52px; color:#ffffff; font-weight:700;margin-top:15px;}	
.intro3box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:50px; border-radius:20px;}
.intro3box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.intro3box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:19px 27px; font-size:28px; font-weight:700; color:#ffffff; margin:15px 0}

.intro3box .showbox{ width:100%; height:auto; overflow:hidden; color:#FFF; line-height:200%; margin:20px 0}
.intro3box .showbox td{ line-height:200%; font-size:14px; box-sizing:border-box; padding:10px;}
.intro3box .showbox img{ max-width:100%; height:auto}
.intro3box .line{ width:100%; height:1px; background:#22272c; margin-bottom:20px}


/**/
.intro4box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro4boxbg.jpg) top center no-repeat; background-size:cover; padding:0}
.intro4box .topword{ width:100%;  height:auto; overflow:hidden; max-width:1200px; margin:140px auto 218px auto;}
.intro4box .topword .tit{ width:100%;  height:auto; overflow:hidden;}
.intro4box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:50px; border-radius:20px;}
.intro4box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.intro4box .thelist{ width:100%; height:auto; overflow:hidden;}
.intro4box .thelist ul{ margin:0px; padding:0px; list-style:none}
.intro4box .thelist ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.intro4box .thelist ul li .box{ width:96%; margin:0 auto; height:auto; overflow:hidden; background:#22272c}
.intro4box .thelist ul li .pic{ width:38%; height:420px; overflow:hidden; float:left; border:1px solid #02a4a7; box-sizing:border-box; padding:4px;}
.intro4box .thelist ul li .pic .img{ width:100%; height:100%; overflow:hidden;}
.intro4box .thelist ul li .wordbox{ width:62%; float:right; overflow:hidden; box-sizing:border-box; padding:25px;}
.intro4box .thelist ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; font-size:15px; color:#00adb0}
.intro4box .thelist ul li .wordbox .tit2{ width:100%; height:50px; line-height:50px; font-size:20px; color:#ffffff; font-weight:700; margin:20px 0}
.intro4box .thelist ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; line-height:28px; font-size:14px; color:#a9abac}


.intro4box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:19px 27px; font-size:28px; font-weight:700; color:#ffffff; margin:15px 0}
.intro4box .showbox{ width:100%; height:auto; overflow:hidden; color:#a6a6a6; line-height:200%; margin:20px 0}
.intro4box .showbox td{ line-height:200%; font-size:14px; box-sizing:border-box; padding:10px; color:#a6a6a6}
.intro4box .showbox img{ max-width:100%; height:auto}
.intro4box .line{ width:100%; height:1px; background:#22272c; margin-bottom:20px}


/**/
.intro5box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro5boxbg.jpg) top center no-repeat; background-size:cover; padding:0}
.intro5box .topword{ width:100%;  height:auto; overflow:hidden; max-width:1200px; margin:200px auto 218px auto;}
.intro5box .topword .inbox{ width:40%; float:right; overflow:hidden;}
.intro5box .topword .tit{ width:100%;  height:50px; line-height:50px; overflow:hidden; font-size:28px; font-weight:700; color:#00adb0}
.intro5box .topword .tit2{ width:100%;  height:50px; line-height:50px; overflow:hidden; font-size:52px; font-weight:700; color:#ffffff; margin-top:15px;}
.intro5box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:50px; border-radius:20px;}
.intro5box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.intro5box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:19px 27px; font-size:28px; font-weight:700; color:#ffffff; margin:15px 0}
.intro5box .showbox{ width:100%; height:auto; overflow:hidden; color:#a6a6a6; line-height:200%; margin:20px 0}
.intro5box .showbox td{ line-height:200%; font-size:14px; box-sizing:border-box; padding:10px; color:#a6a6a6}
.intro5box .showbox img{ max-width:100%; height:auto}
.intro5box .line{ width:100%; height:1px; background:#22272c; margin-bottom:20px}

/**/
.intro6box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro6boxbg.jpg) top center no-repeat; background-size:cover; padding:0}
.intro6box .topword{ width:100%;  height:auto; overflow:hidden; max-width:1200px; margin:160px auto 218px auto;}
.intro6box .topword .tit{ width:100%;  height:auto;  overflow:hidden;}
.intro6box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:50px; border-radius:20px;}
.intro6box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.intro6box .leftbox{ width:24.4%; height:auto; float:right; overflow:hidden; border-top:4px solid #00adb0;}
.intro6box .leftbox .title{ width:100%; height:68px; background:url(../images/arr1.png) 17px 27px no-repeat #333f48; line-height:68px; font-size:20px; font-weight:700; color:#ffffff; text-indent:40px;}
.intro6box .leftbox .nav{ width:100%; height:auto; overflow:hidden; background:#17191b}
.intro6box .leftbox .nav ul{ margin:0px; padding:0px; list-style:none}
.intro6box .leftbox .nav ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; width:100%; height:56px; line-height:56px; overflow:hidden; background:url(../images/arr2.png) 19px 26px no-repeat; font-size:16px; color:#ffffff; box-sizing:border-box; padding:0 0 0 40px;}
.intro6box .leftbox .nav ul li.onfocus{ background:url(../images/arr3.png) 19px  26px no-repeat #00a9ae;}
.intro6box .leftbox .nav ul li a{ color:#FFF}


.intro6box .rightbox{ width:69.75%; height:auto; float:left; overflow:hidden;}

#formbox{ width:100%; height:auto; overflow:hidden; margin-top:10px; }
#formbox ul{ margin:0px; padding:0px; list-style:none}
#formbox ul li{ margin:10px 0px; padding:0px; list-style:none; width:50%; overflow:hidden; box-sizing:border-box; float:left}
#formbox ul li .inbox{ width:100%; overflow:hidden; float:left;}
#formbox ul li .input1{ width:98%; height:50px; border:1px solid #242b31; text-indent:10px; background:none; outline:none}
#formbox ul li .radiome{ font-size:14px; padding:10px 0 0 0}
#formbox ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0}
#formbox ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}

#formbox ul li:nth-child(2) .inbox{ margin:0 auto}



#formbox ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block}
#formbox ul li .safecode{ float:left; margin-left:10px;}

#formbox ul li select{ width:98%; height:50px; line-height:50px; overflow:hidden; border:1px solid #242b31; background:none; color:#737373; text-indent:10px;  outline:none}

#formbox ul li textarea{ width:99%; height:175px; overflow:hidden; border:1px solid #242b31; box-sizing:border-box; padding:10px; font-size:14px; line-height:30px;outline:none; background:none; color:#737373;}
#formbox ul li.long{ width:100%; height:auto; overflow:hidden; line-height:200%;}
#formbox ul li.long .tit{ width:14%}
#formbox ul li.long .inbox{ width:85%}


#formbox ul li.long .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#333f48; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto; border-radius:30px}
#formbox ul li.long .btnme:hover{ background:#00a9ae;}


.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}