body{ margin:0 auto; padding:0;  background:url(../images/banner.jpg) top center no-repeat #161102;  }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}
@font-face
{
font-family: myFirstFont;
src: url(../images/zt.ttf);
}




.menu{position:fixed;  display:inline;  position: fixed; top: 0px; margin-left:0px; z-index: 9999999999999;  }

.menu a.current{ opacity: 1; }
.menu a:hover{ opacity: 1;}


.top{ width:100%; height:auto;background:;}
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #919191; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{ color:#919191; text-decoration:none;}



.main{ width:1200px; height:auto; overflow:hidden; margin-top:550px; }
.line{ width:1200px; height:120px; }
.cc{ width:1200px; height:auto; clear:both; margin:0 auto;}


.nav .navin{ width: 1200px; margin:0 auto;padding: 30px 0px; box-sizing: border-box;  }
.nav a{ display: block; 
		width: 128px; 
		height: 128px; 
		margin:0 10px;
		text-align: center; 
		background: linear-gradient(rgba(0,244,228,1),rgba(9,174,246,1));
		float: left;
		border-radius: 50px;
		font-size: 24px;
		color: #000;
		background: url(../images/mbg.png) no-repeat;
		box-sizing: border-box;
		padding: 30px;
		line-height: 28px;
		text-decoration: none;
		z-index: 999999999999999999999;
		opacity: 0.8;
		}
.nav .bri{ opacity: 1; }
.nav .navin a:hover{ opacity: 1;}





.tt{ width:100%; height:250px;  text-align: center; line-height: 100px; margin-top: 30px;  }
.tt img{ margin: 20px 0 0 0; }
.tt2{ width: 1200px; height: 110px; background: url(../images/title2.png) no-repeat; text-align: center; line-height: 100px; }
.txt{ margin: 0 auto; text-align: center; color: #fff;  font-family: mf2; display: block; margin-top:-40px; font-size: 36px; font-family: myFirstFont; display: block; margin-top:-40px; }

.jj{ float: left; width:1200px; height:auto; overflow:visible; box-sizing:border-box; }
.j1news{ width: 1100px; height: auto; margin-top: 20px;  }
.jin{ float: left; box-sizing: border-box;padding: 0 0 0 30px; margin:0 0 0 85px; background: url(../images/ain.png) top 5px left 5px no-repeat; }
.jin a{ font-size: 18px; color: #fff; display:inline-block; width: 250px; height: 36px; line-height: 24px;  }





.hy{ clear: both;}


.main_con{ width:1200px; height:auto; overflow:hidden;  }



.c2{ clear: both; width: 1200px; height: auto; }
.c2 .c2btn{ clear: both; }
.c2 .c2btn .c2in{ float: left; width:200px; height: 330px; cursor: pointer; margin:0 10px; padding-top: 50px; box-sizing: border-box; position: relative; }
.c2 .c2btn .c2in img{ width: 150px; height: 150px; margin-top:20px; border-radius: 200px; background: #efefef; display: block; cursor: pointer;   }
.c2 .c2btn .c2in .c2img{ width:160px; height: 160px; position: absolute; top:66px; left:20px; background: url(../images/zbg.png) top center no-repeat; background-size: 100%; z-index: 999999;  }
.c2 .c2btn .c2in p{ line-height: 24px; padding: 3px 0; font-family: myFirstFont;}
.c2 .c2btn .c2in .p1{ font-size: 24px ;color: #c69c6d; text-align: center; margin-top: 20px;  }
.c2 .c2btn .c2in .p2{  font-size: 18px; color: #fff; text-align: center; }
.c2 .c2btn .act_img{  padding-top: 10px; width: 300px; height: 380px; }
.c2 .c2btn .act_img .p1{ font-size: 36px; padding:12px 0; }
.c2 .c2btn .act_img .p2{ font-size: 21px; }
.c2 .c2btn .act_img img{ animation: 1s imgact forwards; border: 0;   box-shadow:0px 0px 0px 9px #000,0 0 0 10px #c69f74; margin-top: 0; }

@keyframes imgact{
	0%{ width: 160px; height: 160px;   }
	100%{ width: 260px; height: 260px; }
}
.c2 .c2con{ width: 750px; height: 250px; margin: 0 auto; }
.c2 .c2con p{ text-align: justify; color: #fff; text-indent: 30px; font-size: 16px; font-family: myFirstFont2; line-height: 30px; padding-top: 20px; }
.c2 .c2con p a{ color: #c69c6d;  }
.c2 .c2con .c2p{ font-size: 42px; font-family: myFirstFont; text-align: center; line-height: 42px;  }


.cc2{ margin: 0 auto; width: 1200px; }




.pubu{ width: 1100px; height: auto; overflow: auto; margin-top: 30px; padding-right: 20px; }
.masonry {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari 和 Chrome */
    column-count:3;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    width: 100%;
}
.masonry .item { position: relative;
    margin-bottom: 2em;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
.masonry .item img{ width: 100%; }
.masonry .item p{ z-index: 6; width: 200px; text-align: center;;  font-size: 21px ;color: #fff; font-weight: 800; position: absolute; top: 30%; left: 50%; margin-left: -90px; }

@media screen and (max-width: 800px) {
    .masonry {
        column-count: 2; // two columns on larger phones
    }
}
@media screen and (max-width: 500px) {
    .masonry {
        column-count: 1; // two columns on larger phones
    }
}
.shadow{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }



.c4{ width: 1200px; height: auto; }
.yzlt{ margin-top: 0px; }
.yzpic{ width: 1200px;   float: left;  }
.yzpic img{ display: block; width: 720px; height:380px; float: left; background: #efefef; border-radius: 20px; }
.yzbox{ width: 380px; box-sizing: border-box; padding:10px 20px; float: left; }
.yzbox .yztit{ font-size:24px; font-weight: 800px; text-align: center; color: #fff; margin-bottom: 10px;  }
.yzbox p{ text-align: justify; text-indent: 30px; line-height: 25px; font-size:14px; color: #fff; padding:5px 0;  }
.yzbox p a{ color: #69eaf4 }



.wll2{ width: 190px; height: 350px; float: left; box-sizing: border-box; margin:10px 5px;  }
.wll2:first-child{ margin-left:0; }
.wll2 img{ width:135px; height: 135px;  display: block; margin:0 auto; border-radius: 200px;  z-index: 22; }
.wll2 .zimg{ position: absolute; top: 0; left: 0; z-index: 999999; }
.wll2 p{ padding: 4px 0; color: #fff; }
.wll2 p a{ display: inline-block; background: #a37f58; padding:2px 12px; text-align: center;  color: #0c0e39; font-size: 18px; border-radius: 10px; margin:4px 10px; }
.wll2 .wbt1{ font-size: 24px; text-align: center; color: #ffcc99; margin-top: 15px; font-family: myFirstFont; }
.wll2 .wbt2{ font-size: 16px; text-align: center; color: #fff; }
.zz{ width: 135px; height: 135px; position: relative; }
.zz .zzimg{ position: absolute; top: 0; left: 0; z-index: 20;   }

.reddiv{ width: 1100px; height: auto; margin: 0 auto; }
.hdj{ clear: both; width: 520px; margin: 0 auto; padding: 20px 0; }
.hdj p{ font-size: 18px; color: #fff; font-family: myFirstFont; text-align: center; padding: 10px 0;}
.hdl{ float: left; width: 550px; height: 334px; background: #ccc; }
.hdl .video{ width: 550px; height: 334px; }
.hdr{ float: right; width: 550px; height: 334px; position: relative; }
.hdr img{ width: 550px; height: 334px; display: block; background: #bbb; }
.hdr p{ position: absolute; left: 0; bottom: 0; padding: 20px; box-sizing: border-box; width: 100%;  font-size: 16px; text-align: center; color: #fff;  background: rgba(0,0,0,0.7); }
.redpic{ float: right; width: 1100px; height: 450px; position: relative; }
.redpic img{ width: 1100px; height: 450px; display: block; background: #bbb; }
.redpic p{ position: absolute; left: 0; bottom: 0; padding: 20px; box-sizing: border-box; width: 100%;  font-size: 16px; text-align: center; color: #fff;  background: rgba(0,0,0,0.7); }


.c6l{ float: left; width: 550px; height: 334px; background: #ccc; }
.c6l .video{ width: 550px; height: 334px; }
.c6r{ float: right; width: 548px; height: 334px; position: relative; border: 1px solid #e40e12; padding-top:10px; box-sizing:border-box; }
.c6r img{ width: 550px; height: 334px; display: block; background: #bbb; }
.c6r p{ text-align: center; font-size: 18px; color: #fff; line-height: 34px; font-family: myFirstFont; }



.bj{ width: 1200px; height: auto; margin:90px 0 0 0; overflow: visible; }
.bjin{ padding: 0 0 20px 0; overflow: visible; }
.bjin .bj_l{float: left; width:750px; height: 390px; ; box-sizing: border-box; overflow: visible;}
.bjin .bj_l img{ display: block; width: 750px; height: 400px; background: #efefef;  }
.bjin .bj_r{ float: right;  width:420px; height: 400px;  box-sizing: border-box; padding-top: 40px; }
.bjin .bj_r .ppbox{ width:418px; height: 358px; border: 1px solid #11fcf7; box-sizing: border-box; padding: 5px; position:relative; }
.bjin .bj_r .ppbox a{ cursor: pointer; display: inline-block; float: left; margin: 9px 0 0 9px; background: #fff; width: 90px; height: 50px; }
.bjin .bj_r .ppbox .cp{  position: absolute;  bottom: 0; left: 0; width: 100%; padding: 10px 0; text-align: center; background: linear-gradient( rgba(40,255,202,1),rgba(17,252,246,1)) }
.bjin .bj_r .ppbox .cp p{ font-size: 16px; color: #000429; }
.bjin .bj_r2{ width:450px; height: 400px; border:1px solid #e40e12;  box-sizing: border-box; padding: 30px; }
.bjin .bj_r2 p{ line-height: 24px; font-size: 14px; color: #fff; padding-bottom: 20px; background: url(../images/ain.png) top 7px left 5px no-repeat; text-indent: 30px; }
.bjin .bj_r2 p:last-child{ padding-bottom: 0; }
.bjin .bj_r2 p a{ color: #e40e12; }
.bjin .bj_r2 .ltp{ font-family: myFirstFont; font-size: 24px; color: #fff; text-align: center; background: none;  }




.c5{ width: 1100px; margin: 0 auto; overflow: visible; }
.c6{ width: 1100px; margin: 0 auto; overflow: visible; }
.c7{ width: 1100px; margin: 0 auto; overflow: visible; }
.c8{ width: 1100px; margin: 0 auto; overflow: visible; margin-top: -140px; }

.xg{ width: 1100px;height: auto; margin:0 auto; }
.xg .xgbox{ opacity: 0.6; box-sizing: border-box; margin-right: 25px; padding: 3px; float: left; width: 540px; height: 300px;}
.xg .xgbox img{ display:block; width: 540px; height: 300px; background: #efefef;}
.xg .xgbox p{ text-align: center; padding:10px;}
.xg .xgbox p a{ font-size: 18px; color: #fff;}



.xg ul{  box-sizing: border-box; float: left; display: block; width: 535px; height: auto; }
.xg ul li{ line-height: 20px; background:url(../images/ain.png) left no-repeat; width:530px;  height: 20px; padding: 5px 0 5px 25px; text-align: left; }
.xg ul li a{ font-size: 18px; color: #fff;  display:block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }


.c8 a{ float: left; . border: 1px solid #9b7853; }

.c8 .wj{ width:1200px; height:; margin:80px 0 0 0; box-sizing:border-box;   }
.c8 .wj a{ display:block; float:left; color:#fff; text-align:center; margin:0 29px; border: 1px solid #ffcc99;}




.hj{ width:1100px;   margin:50px 0 0 0; overflow: visible; }










.footer{ width:100%; height:auto; padding:40px 0;  position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#ababab; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#ababab; font-size:14px; margin:0 5px;}



.slideBox{ width:1100px; height:600px; overflow:visible; position:relative;    }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px;  line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; border: 1px solid #fff; text-indent:11130px;}
.slideBox .hd ul li.on{ background:#e40e12 ; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox .bd img{ width:1100px; height:600px; display:block; background: #efefef;  }
.slideBox .sbtn{ width: 50px; height: 35px;; position: absolute; z-index: 99999;}
.slideBox .prev{ top:250px; left:-50px; background: url(../images/sbl.png) no-repeat; }
.slideBox .next{ top:250px; right:-50px;background: url(../images/sbr.png) no-repeat;  }


.slideBox2{ width:1100px; height:600px; overflow:visible; position:relative;     }
.slideBox2 .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox2 .hd ul li.on{ background:#e40e12 ; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox2 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox2 .bd img{ width:1100px; height:600px; display:block; background: #efefef;  }
.slideBox2 .sbtn{ width: 40px; height: 64px;; position: absolute; z-index: 99999;}
.slideBox2 .prev{ top:250px; left:-50px; background: url(../images/sbl.png) no-repeat; }
.slideBox2 .next{ top:250px; right:-50px;background: url(../images/sbr.png) no-repeat;  }



.slideBox3{ width:1100px; height:300px; overflow:visible; position:relative; margin-top: 15px; background: url(../images/tmj.png) top center no-repeat; padding: 50px 0 0 0;    }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox3 .hd ul li.on{ background:#e40e12 ; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox3 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding: 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:center;}
.slideBox3 .bd img{ width:550px; height:300px; display:block; background: #efefef;  }
.slideBox3 .sbtn{ width: 50px; height: 35px;; position: absolute; z-index: 99999;}
.slideBox3 .prev{ top:200px; left:-50px; background: url(../images/sbl.png) no-repeat; }
.slideBox3 .next{ top:200px; right:-50px;background: url(../images/sbr.png) no-repeat;  }

.s3box{ float: left; width:550px; height: 300px; position: relative; }
.s3box img{ display: block; width: 550px; height: 300px; }
.s3box p{ position: absolute; left: 0; bottom: 0;  box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; line-height: 24px; padding: 10px ; }







.picScroll-left{ position:relative; overflow:visible;}
.picScroll-left .bd{ padding:10px; overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:260px; height:460px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:-30px; top:200px; cursor:pointer; width:40px; height:64px; background:url(../images/sbl.png) no-repeat;}
.next{ position:absolute; right:-30px; top:200px; cursor:pointer; width:40px; height:64px; background:url(../images/sbr.png) no-repeat;}








.bjin .vvside{ padding:20px 40px; background: none; background: #262949;  }
.bjin .vvside img{ display:block; width:150px; height: 100px; background: #efefef; float: left; }
.bjin .vvside p{ padding-left:30px; width: 150px; background: url(../images/jj.png) no-repeat; padding-left: 30px;margin-top: 35px;margin-left: 20px;float: left; }
.bjin .vvside p:hover{ color: #11fcf7; }
.vc{ margin: 14px 0; }
.vc a{ cursor: pointer; }

.bjin .vin{ width: 750px; height: 390px; position: relative; background: #efefef; display: block;margin: 8px 0 0 8px; }




/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
  }


/* 火狐美化滚动条 */
  * {
    scrollbar-color: #c8d2e0 #f3f4f9;
    /* 滑块颜色  滚动条背景颜色 */
    scrollbar-width: thin;
    /* 滚动条宽度有三种：thin、auto、none */
  }