body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
a img {border:0}
body {
	color: #515151;
	text-align:left;
	font: 14px "Microsoft YaHei";
}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none; color:#fff; text-decoration:none;-webkit-transition:all 0.5s;}
a:hover,a:active,a:focus{text-decoration:none; color:#ff3200;}
a{blr:expression(this.onFocus=this.blur())}/*if IE*/
.clear{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} /* End hide from IE-mac */ 
.none{ display:none; }
.clr { clear:both;}
.le { float:left;}
.ri { float:right;}
.mar10 { height:10px;}
.mar20 { height:20px;}
.mar30 { height:30px;}
.mar40 { height:40px;}
.mar50 { height:50px;}
.mar100 { height:100px;}
.blc20 { height:20px;} 
.line01 { width:100%; border-bottom: 5px solid #cfcfcf; margin-bottom: 50px;}

/************首页***************/
.top{ width:100%; height:60px; margin:0 auto; padding:0; border-bottom:1px solid #565656; background:#343434;}
nav{ width:1200px; height:100%; margin:0 auto; padding:0;}
.logo{height:50px; margin:5px; padding:0; float:left;}
.nav{ width:auto; height:100%; float:left; margin:0; padding:0; margin-left:20px;}
.nav ul{ width:100%; height:100%; float:left; padding:0; margin:0;}
.nav li{ list-style:none; width:70px; height:60px; float:left; position:relative; margin:0; padding:0;}
.nav li a{ width:100%; height:100%; font-size:14px; line-height:60px; text-align:center; float:left; font-family:"Microsoft YaHei"; color: #FFF }
.index{ background:#fff;}
.index a{color:#ff3200;}
.text-bj{text-indent:-20px;}
.index:after{width:100%!important; left:0 !important;}
.nav li:after{content:"";width:0%;height:3px;position:absolute;bottom:-2px;left:40px;background-color:#ff3200;border-radius:2px;z-index:999;-webkit-transition:all 0.5s;}
.text-bj:after{content:"";width:10px;height:1px; position:absolute;top:30px; left:57px;background:#333;z-index:999;-webkit-transform:rotate(45deg);-webkit-transition:all 0.5s;}
.text-bj:before{content:"";width:10px;height:1px; position:absolute;top:30px; left:50px;background:#333;z-index:999;-webkit-transform:rotate(-45deg);-webkit-transition:all 0.5s;}
.nav li:hover{ background:#fff; }
.nav li:hover:after{width:100%;left:0;}
.nav li:hover :after{left:50px;}
.nav li:hover :before{left:57px;}
.nav li:hover .nav-120{ height:120px !important;}
.nav li:hover .nav-80{ height:80px !important;}
.nav li:hover .nav-160{ height:160px !important;}
.nav dl{ width:100%; height:0px; margin:0; padding:0;float:left; box-shadow: 0 0 2px #ccc; overflow:hidden; position:absolute;top:60px; -webkit-transition:all 0.5s; z-index:999; background:#fff;}
.nav dd{ width:100%; height:40px; margin:0; padding:0;position:relative;}
.nav dd a{ font-size:14px; text-align:center; line-height:40px;z-index:999; position:relative;}
.nav dd i{width:0px; height:40px; background:#ff3200; position:absolute; top:0; left:0;-webkit-transition:all 0.5s; margin:0; padding:0; z-index:99px;}
.nav dd:hover i{width:100%;}
.nav dd:hover a{ color:#fff;}


.nav_z{width:1200px;height:100%;position:relative;z-index:999 ; margin: auto;}
#navul { width:auto; float:left;}
#navul li{float:left;width:80px; height:60px;position:relative;text-align:center;line-height:60px;}
#navul li a {width:100%; height:100%;color:#FFF;font-size:14px; line-height:60px; text-align:center;  font-family:"Microsoft YaHei";}
#navul li ul{display:none;position:absolute;z-index:999;background:#fff;left:-1px;}
#navul li ul li{display:block;width:80px;float:none;height:50px;position:relative;line-height:50px;border-bottom:#999 1px solid;font-size:12px;overflow:hidden}
#navul li.navmoon{background:#fff; border-bottom: 3px solid #ff3200;width:80px;height:58px;line-height:58px;}
#navul li.navmoon a{color:#ff3200;}
#navul li.navhome a:hover{color:#ff3200;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:78px;height:50px;line-height:50px;}
#navul li.navmoon ul a:hover{color:#666;background:#fff;}


section{
	float:right;
	position:relative;
	width:130px;
	height:100%;
}
.head{ width:auto; height:100%; float:right; }
.head a .tx { background:url(../images/not-head.png) top center no-repeat; width:54px; height:54px; margin-top:3px; margin-right:10px; }
.head a:hover .tx {background:url(../images/not-heada.png) top center no-repeat; }
.head span { line-height:60px;}
section ul{ float:right; padding:0; margin:0; position:absolute; top:60px;right:0; width:120px; box-shadow:0 0 2px #999;
 height:0px;overflow:hidden; -webkit-transition:all 0.5s; z-index:999; background:#fff;}
.head:hover ul{
	height:280px;
}
section li{ list-style:none; height:40px; width:100%;background-repeat:no-repeat;background-position:15px center;text-indent:47px;-webkit-transition:all 0.5s;}
.head li:hover{ background:#f1f1f1; color:#343434;}
.head li:hover a{color:#ff3200;}
.head li a{line-height:40px; font-size:12px; font-family:"Microsoft YaHei"; color:#343434;}
.head li:nth-child(1){background-image:url(../images/top-head-11.png);}
.head li:nth-child(2){background-image:url(../images/top-head-11.png);}
.head li:nth-child(3){background-image:url(../images/top-head-12.png);}
.head li:nth-child(4){background-image:url(../images/top-head-13.png);}
.head li:nth-child(5){background-image:url(../images/top-head-12.png);}
.head li:nth-child(6){background-image:url(../images/top-head-14.png);}
.head li:nth-child(7){background-image:url(../images/top-head-15.png);}
.head li:nth-child(1):hover{background:url(../images/top-head-01.png) no-repeat;background-position:15px center;}
.head li:nth-child(2):hover{background:url(../images/top-head-01.png) no-repeat;background-position:15px center;}
.head li:nth-child(3):hover{background:url(../images/top-head-02.png) no-repeat;background-position:15px center;}
.head li:nth-child(4):hover{background:url(../images/top-head-03.png) no-repeat;background-position:15px center;}
.head li:nth-child(5):hover{background:url(../images/top-head-02.png) no-repeat;background-position:15px center;}
.head li:nth-child(6):hover{background:url(../images/top-head-04.png) no-repeat;background-position:15px center;}
.head li:nth-child(7):hover{background:url(../images/top-head-05.png) no-repeat;background-position:15px center;}
.tb-search{ width:60px; border-left:1px solid #ccc;border-right:1px solid #ccc; float:right; height:60px; background:url(../images/search-not.png) no-repeat center center; cursor:pointer; }
a:hover .tb-search{ background:url(../images/search.png) no-repeat center center;}

.search_input{ float:right; margin:0; padding:0; width:auto; height:100%; margin:0 10px;}
.search_input input{ height:60px; outline:none; border:none; width:200px; padding:0 10px; cursor:pointer;}


.int_ft{}
.int_ft h3{ width:80px; height:30px; line-height:30px; background:url(../images/gg-bg.jpg) left center no-repeat; padding-left:30px; padding-right:5px; margin-right:20px; border-right:1px solid #d2d2d2; font-size:16px;}
.int_ft h3 a{ color:#ff3200;}
.int_ft .txt{width:10000px;padding-top:5px;}
.int_ft .txt p{display:block;white-space:nowrap;float:left;}
.int_ft .txt a{ margin-right:10px; margin-left:6px; background:url(../images/p_25.jpg) left center no-repeat; padding-left:18px; color:#343434;}
.int_ft .txt a:hover { color:#ff3200;}
#marquee_box{position:relative;width:700px;overflow:hidden;}



.w1200 {
	width: 1200px;
	margin: 10px auto 50px;
}

/*foc*/
.slider {position: relative; width: 100%; height: 690px; overflow: hidden;}
.slider .bd {position: absolute; left: 50%; width: 1200px; height: 690px; margin-left: -600px;}
.slider .bd .item {position: relative; display: block; overflow: hidden; width: 1200px; height: 690px;}
.slider .bd img {display: block; width: 1200px; height: 690px;}
.slider .tempWrap {overflow: visible !important;}
.slider .tempWrap > div {margin-left: -1200px !important;}
.slider .bd .left {position: absolute; cursor: pointer; z-index: 1; top: 0; left: -50%; width: 100%; height: 690px; margin-left: -600px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); background: rgba(255,255,255,.4);}
.slider .bd .right {position: absolute; cursor: pointer; z-index: 1; top: 0; left: 50%; width: 100%; height: 690px; margin-left: 600px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); background: rgba(255,255,255,.4);}
.slider .prev,
.slider .next {position: absolute; top: 0; bottom: 0; margin: auto 0; z-index: 2; display: block; width: 26px; height: 48px;}
.slider .prev {left: 10px; background-image: url(../images/arrow-l-n.png);}
.slider .prev:hover {left: 10px; background-image: url(../images/arrow-l-f.png);}
.slider .next {right: 10px; background-image: url(../images/arrow-r-n.png);}
.slider .next:hover {right: 10px; background-image: url(../images/arrow-r-f.png);}
.slider .shadow {position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88000000',endColorstr='#88000000'); background: rgba(0,0,0,.5); text-align: center; font-size: 20px; color: #ebebeb;}



.dtl {width: 1200px; height: 100px; margin-bottom: 20px; overflow: hidden;}
.btl {width: 590px; height: 50px; margin-bottom: 20px; overflow: hidden;}


.lm1 { width:1155px; height:41px; background:url(../images/lm01.jpg) left center no-repeat; font-size:24px; padding-left:45px; line-height:26px; color:#343434; font-family:"Microsoft YaHei"; }
.lm1 a {color:#343434;}
.lm1 a:hover {color:#ff3200;}


.lm2 { width:1155px; height:41px; background:url(../images/lm02.jpg) left center no-repeat; font-size:24px; padding-left:45px; line-height:26px; color:#343434; font-family:"Microsoft YaHei"; }
.lm2 a {color:#343434;}
.lm2 a:hover {color:#ff3200;}


.lm3 { width:1155px; height:41px; background:url(../images/lm03.jpg) left center no-repeat; font-size:24px; padding-left:45px; line-height:26px; color:#343434; font-family:"Microsoft YaHei"; }
.lm3 a {color:#343434;}
.lm3 a:hover {color:#ff3200;}


.zj { position:relative; height:610px;}
.zj h1 { position:absolute; left:0; top:0;}
.zj .tp { position:absolute; left:0; top:50px;}
.zj .tp img { width:800px; height:533px; margin: 0;padding: 0;object-fit: cover;}
.zj a:hover .tp img { width:798px; height:531px; border:1px solid #ff3200;}
.zj .sm { position:absolute; right:0; top:94px; width:301px; height:373px; background:url(../images/zj-bg.png) top left no-repeat; padding:40px 30px 30px 50px; }
.zj .sm h2 { font-size:20px; line-height:36px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #fff; color:#fff;}
.zj .sm p { font-size:14px; line-height:28px; color:#fff; height:340px; overflow:hidden;}
.zj a:hover .sm { background:url(../images/zj-bga.png) left top no-repeat;}
.zj .vio_icon { position:absolute; left:349px; top:269px;width:97px; height:97px;background:url(../images/vioicn-a.png) top left no-repeat;}
.zj a:hover .vio_icon {background:url(../images/vioicn.png) top left no-repeat;}


.fx .fx-tw { position:relative; width:550px; height:367px;}
.fx .fx-tw img { width:550px; height:367px; margin: 0;padding: 0;object-fit: cover;}
.fx .fx-tw a:hover img { width:548px; height:365px; border:1px solid #ff3200;}
.fx .fx-tw h2 { position:absolute; bottom:0; background:#000; text-align:left; font-size:18px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8; padding:0 10px;width:530px; height:50px; line-height:50px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.fx .fx-tw a:hover h2 { background:#ff3200; color:#fff; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; }
.fx .fx-tw .vio_icon { position:absolute; left:235px; top:120px;width:97px; height:97px;background:url(../images/vioicn-a.png) top left no-repeat;}
.fx .fx-tw a:hover .vio_icon {background:url(../images/vioicn.png) top left no-repeat;}


.ts{ width:100%; padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.ts li { list-style:none; width:365px; height:243px; float:left;  margin:20px 0 20px 0; position:relative;text-align:center; }
.ts li img { width:365px; height:243px; margin: 0;padding: 0;object-fit: cover;}
.ts li a:hover img { width:363px; height:241px; border:1px solid #ff3200;}
.ts li h2 { position:absolute; bottom:0; background:#000; text-align:left; font-size:16px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8; padding:0 10px;width:345px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ts li a:hover h2 { background:#ff3200; color:#fff; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; }


.fg{ width:583px; }
.fg h1 { width:70px; height:30px; border:1px solid #ff3200; text-align:center; color:#343434; line-height:30px; font-size:18px; letter-spacing:10px; padding-left:10px; margin-bottom:10px;}
.fg h1 a { color:#343434;}
.fg ul { width:100%;padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.fg ul li { list-style:none; width:275px; height:183px; float:left;  margin:20px 0 10px 0; position:relative;text-align:center; }
.fg ul li img { width:275px; height:183px; margin: 0;padding: 0;object-fit: cover;}
.fg ul li a:hover img { width:273px; height:181px; border:1px solid #ff3200;}
.fg ul li h2 { position:absolute; bottom:0; background:#000; text-align:left; font-size:16px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8; padding:0 10px;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.fg ul li a:hover h2 { background:#ff3200; color:#fff; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; }



.djpk{ width:100%; padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.djpk li { list-style:none; width:275px; height:183px; float:left;  margin:20px 0 10px 0; position:relative;text-align:center; }
.djpk li img { width:275px; height:183px; margin: 0;padding: 0;object-fit: cover;}
.djpk li a:hover img { width:273px; height:181px; border:1px solid #ff3200;}
.djpk li h2 { position:absolute; bottom:0; background:#000; text-align:left; font-size:16px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8; padding:0 10px;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.djpk li a:hover h2 { background:#ff3200; color:#fff; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; }



.bzbm{ width:100%; padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.bzbm li { list-style:none; width:275px; height:405px; float:left;  margin:20px 0 10px 0; position:relative;text-align:center; }
.bzbm li img { width:275px; height:405px; margin: 0;padding: 0;object-fit: cover;}
.bzbm li a:hover img { width:273px; height:403px; border:1px solid #ff3200;}
.bzbm li h2 { position:absolute; bottom:0; background:#000; text-align:left; font-size:16px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8; padding:0 10px;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.bzbm li a:hover h2 { background:#ff3200; color:#fff; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; }



.ewm { position:fixed; bottom:180px; left:50%; margin-left:600px; width:120px;z-index: 999;}

.is_backup { position:fixed; bottom:150px; left:50%; margin-left:-750px; width:120px;z-index: 999;}
.is_backup1 { position:fixed; bottom:400px; left:50%; margin-left:-750px; width:120px; z-index: 999;}




/* gd2 */
.h_tonglan1 {width:1200px;background:#fff;margin:0 auto; position:relative;}

.h_tonglan1 ul {overflow:hidden;}
.h190px1 {overflow:hidden;margin-left:10px;margin-right:10px;padding-bottom:3px;padding-top:14px;}
.h190px1 img {width:1200px;border:0px;}

.h218px1 {width:100%;height:90px;margin:0 auto;}
.h218px1 th {padding-top:67px;}
.h218px1 td {overflow:hidden;}
#scrollbox1 ul {overflow:hidden;}
#scrollbox1 ul li {float:left;width:114px;height:90px;vertical-align:top;min-height:18px;text-align:center;padding:0px;overflow:hidden; position:relative; list-style:none;}
#scrollbox1 ul li img{ width:59px;height:59px;border:0px; object-fit: cover; margin:auto;}
#scrollbox1 ul li h2 { padding:0 10px; text-align:center; font-size:14px; color:#343434; overflow:hidden; width:88px; line-height:35px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
#scrollbox1 ul li a:hover h2 { color:#ff3200;} 
.pointer1 {CURSOR: pointer; margin-bottom:20px; position:absolute; top:0px;}





.but { width:290px; margin-top:6px;}
.but a .dl { width:135px; height:40px; text-align:center; line-height:40px; background:#343434; border-radius:20px; font-size:16px; font-weight:bold;}
.but a:hover .dl { background:#ff3200; color:#fff;}
.but .ydl { display:block; width:290px; height:50px; text-align:center; line-height:50px; background:#ff3200; border-radius:25px; color:#fff; }


.gg { width:290px; }
.gg h1 { font-size:18px; font-weight:bold; color:#ff3200; border-bottom:2px solid #ff3200; padding:0 0 10px; }
.gg ul { width:100%; padding-top:20px; border-top:1px solid #c8c8c8; }
.gg ul li { width:275px; overflow:hidden; font-size:14px; padding:0 0 0 25px; background:url(../images/a_03.jpg) left top no-repeat; line-height:28px; margin-bottom:5px; }
.gg ul li a { color:#343434;}
.gg ul li a:hover { color:#ff3200;}




.main_nav{ width:865px; overflow:hidden; margin:0 auto; padding:0;}
.main_nav h1 { font-size:18px; font-weight:bold; color:#ff3200; border-bottom:2px solid #ff3200; padding:0 0 10px;}
.main_nav h1 a {color:#ff3200;}
.main_nav h1 a:hover { color:#343434;}

.banner{ width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.banner ul{ width:100%; padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;


    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.banner li{ list-style:none; width:275px; height:200px; float:left;  margin:20px 0 10px 0; position:relative;text-align:center;}
.banner li a img{ width: 100%;height: 200px;margin: 0;padding: 0;object-fit: cover;}
.banner li a span { padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;  }
.banner li a:hover span {  background:#ff3200; color:#fff; }




.main_text{ width:235px; height:0px; padding:0 20px; overflow:hidden; position:absolute; top:0; left:0; background:#000; opacity:0.8;color:#fff; font:14px "Microsoft YaHei"; text-align:center; -webkit-transition:all 0.5s;}
.main_text a{ display:block; line-height:214px; color:#fff;}

/*.main_head{ width:65px; height:65px; position:absolute;left:50%;top:0px;margin:181px 0 0 -33px ;}
.main_head img{ width:65px !important; height:65px !important; -webkit-border-radius:100px;}
.tips{ width:100%; height:40px;}
.tips span{ margin:8px; width:44px; height:24px; line-height:24px; font:14px "Microsoft YaHei"; background:#ccc; color:#555; float:left;
 text-align:center; -webkit-border-radius:5px;}
.tips a{ float:right; width:auto; height:24px; margin:8px; font:14px "Microsoft YaHei"; color:#666;}
.name{ width:auto; height:30px; line-height:30px; text-align:center; font:16px "Microsoft YaHei"; font-weight:600; color:#333;}*/
.main_bottom{ width:100%; height:40px; margin:0; padding:0; float:left;}
.main_bottom span{padding-left:28px; color:#333; font:12px "Microsoft YaHei"; line-height:40px;}
.main_bottom span:nth-child(1){ background: url(../images/withs.png) no-repeat left center;}
.main_bottom span:nth-child(2){ background: url(../images/replys.png) no-repeat left center;}
.main_bottom span:nth-child(3){ background: url(../images/praises.png) no-repeat left center;}
.main_bottom a{ float:right; font:12px "Microsoft YaHei"; color:#666; line-height:40px;}



.tj { width:290px;}
.tj h1 { font-size:18px; font-weight:bold; color:#ff3200; border-bottom:2px solid #ff3200; padding:0 0 10px; }
.tj ul { width:100%; padding-top:20px; border-top:1px solid #c8c8c8; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between; }
.tj ul li { width:130px; padding:0; margin-bottom:19px; float:left;}
.tj ul li a { color:#343434;}
.tj ul li a:hover { color:#ff3200;}
.tj ul li .jj { margin-left:65px;}
.tj ul li .jj h2 { font-size:14px; margin-bottom:3px;}
.tj ul li .jj span { font-size:12px; display:block;}



.box2{ width:244px; height:501px; padding-top:20px;}
.he_slideAllDown{background-color:#ff3200;width:244px;height:501px;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown:hover .he_slideAllDown_img{opacity:1;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.he_slideAllDown .he_slideAllDown_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption,.he_slideAllDown .he_slideAllDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption_h{width:80%;position:absolute;top:-50px;left:28px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_h{color:#fff;top:80px;opacity:1}
.he_slideAllDown .he_slideAllDown_caption_p{font-size:16px;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_p{color:#fff;top:280px;opacity:1; line-height:32px;}



.banner1{ width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.banner1 ul{ width:100%; padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.banner1 li{ list-style:none; width:275px; height:200px; float:left;  margin:20px 0 0 0; position:relative; text-align: center;}
.banner1 li a img{ width: 100%;height: 200px;margin: 0;padding: 0;object-fit: cover;}
.banner1 li a span { padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.banner1 li a:hover span { background:#ff3200; color:#fff;}




.main_nav1{ width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.main_nav1 h1 { font-size:18px; font-weight:bold; color:#ff3200; border-bottom:2px solid #ff3200; padding:0 0 10px;}
.main_nav1 h1 a {color:#ff3200;}
.main_nav1 h1 a:hover { color:#343434;}

.lb{ width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.lb ul{ width:100%; padding:0; display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}
.lb li{ list-style:none; float:left;  margin:20px 0 0 0; position:relative;}
.lb li img{ width:100%; margin:0; padding:0; object-fit: cover;}
.lb li .wz{ padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;}
.lb li a:hover .wz { color:#fff; background:#ff3200; }

.lb .tu-b { width:275px; height:200px; }
.lb .tu-b img { width:100%; height:200px; object-fit: cover;}
.lb .tu-b .wz{ width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

.lb .tu-c { width:223px; height:300px; }
.lb .tu-c img { width:100%; height:300px; object-fit: cover;}
.lb .tu-c .wz{width:203px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}


.main_nav2{ width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.main_nav2 h1 { font-size:18px; font-weight:bold; color:#ff3200; border-bottom:2px solid #ff3200; padding:0 0 10px;}
.main_nav2 h1 a {color:#ff3200;}
.main_nav2 h1 a:hover { color:#343434;}



.main { width:1130px; margin:0 auto 50px; background:url(../images/title-bg.jpg) top left no-repeat; padding-left:30px;}
.main .tit { height:40px; padding:10px 0;}
.main .tit img { float:left; margin-right:10px;}
.main .tit h1 { font-size:20px; line-height:40px; color:#fff;}

.con { width:1100px; margin:0 auto;}



/*pic*/
.zx { margin-right:10px;}
.pic {position:relative;}
.pic-a {width:340px;height:410px;}
.pic-a img { width:340px;height:410px; }
.pic-a .text {width:340px;height:auto;background-color:#000;FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;position:absolute;left:0px;bottom:0px;}
.pic-a .imgtext {width:320px;height:auto;float:left;padding:10px;color:#fff;font-size:14px;line-height:200%;}

.pic-b {width:370px;height:200px;}
.pic-b img { width:370px;height:200px; }
.pic-b .text {width:370px;height:auto;background-color:#000;FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;position:absolute;left:0px;bottom:0px;}
.pic-b .imgtext {width:350px;height:auto;float:left;padding:10px;color:#fff;font-size:14px;line-height:200%;}


.list { width:360px; height:200px; position:relative;}
.list h1 { font-size:22px; font-weight:bold; line-height:32px; margin-bottom:10px;}
.list h1 a { color:#414141;}
.list p { color:#737373; line-height:24px; font-size:16px;}
.list span { display:block; height:auto; position:absolute; bottom:10px; right:0px; font-size:12px; color:#737373; }



.bottom_text{ width:1200px; margin:0 auto 20px; border-bottom:1px solid #ccc;}
.bottom_text h1 { font-size:18px; font-weight:bold; color:#ff3200; border-bottom:2px solid #ff3200; padding:0 0 10px;}


.link{ width:1200px; margin:0 auto 30px;}
.link li a { list-style:none; float:left; overflow:hidden; color:#343434; width:130px; text-align:left; margin:0 0 20px 0;}
.link li a:hover { color:#ff3200;}


footer{ width:100%; height:180px; background:#343434; -webkit-box-shadow: 0 0 2px #ccc; margin-top:20px;}
.footer{ width:1200px; height:100%; margin:0 auto;}
.footer_logo{ width:auto; float:left; height:80px; margin-top:55px; margin-left:230px;}
.footer_logo img{ width:auto; height:100%;}
.footer_box{ width:auto; float:left; height:80px; margin-top:55px; margin-left:88px; color:#fff; line-height:28px; font-size:12px; }
.line { width:1px; height:80px; float:left; margin-top:55px;}
.l-a { background:#272727; margin-left:88px;}
.l-b { background:#494949;}

/************首页***************/





/************文章页***************/

.news { width:1100px; margin:50px auto;}
.news .le { width:750px; position:relative; }
.news .tit { width:100%; margin-bottom:30px;}
.news .tit h1 { font-size:30px; font-weight:bold; line-height:42px; margin-bottom:10px;}
.news .tit h1 a { color:#414141;}
.news .tit p { color:#737373; line-height:24px; font-size:16px; margin-bottom:10px;}
.news .tit span { display:block; font-size:12px; color:#737373; }
.news .tit .s1 { float:left;}
.news .tit .s2 { float:right;}

.picture .tit .s1>span{
display:inline-block!important;
}
.picture .tit span a { color:#737373;}

.news .con1 { width:100%; margin-bottom:50px;}
.news .con1 img { max-width:750px; min-width:600px; margin-bottom:30px;}
.news .con1 p { font-size:16px; line-height: 30px; margin-bottom: 10px;text-indent: 2em;}

.news .fx { position:absolute; right:0px;}

.xg { width:750px;}
.xg h1 { width:76px; font-size:18px; font-weight:bold; line-height:26px; padding-bottom:5px; margin-bottom:20px; border-bottom:2px solid #ff3200;}
.xg .pic-c {width:240px;height:150px; float:left; margin:0 10px 10px 0;}
.xg .pic-c img { width:100%;height:150px; object-fit: cover; }
.xg .pic-c .text {width:240px;height:auto;background-color:#000;FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;position:absolute;left:0px;bottom:0px; }
.xg .pic-c .imgtext {width:220px;height:auto;float:left;padding:10px;color:#fff;font-size:14px;line-height:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}


.cbl { width:280px; position:relative; }
.cbl h1 { width:92px; font-size:22px; font-weight:bold; line-height:28px; padding:5px 0 8px 0; margin-bottom:40px; border-bottom:3px solid #ff3200;}
.cbl .pic-d {width:280px;height:150px; margin:0 0 30px 0;}
.cbl .pic-d img { width:100%;height:150px; object-fit: cover; }
.cbl .pic-d .text {width:280px;height:auto;background-color:#000;FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;position:absolute;left:0px;bottom:0px;}
.cbl .pic-d .imgtext {width:260px;height:auto;float:left;padding:10px;color:#fff;font-size:14px;line-height:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}




/* 评论框 */
.comment{width: 100%;height: auto;}
.comment .head-face{width:50px; height: 120px; float: left; text-align: center;}
.comment .head-face img{width: 50px; height: 50px; border-radius: 50%; margin-bottom:5px;}
.comment .head-face p{font-size: 12px; }
.comment .content{width:670px; height: 120px; float: right; margin-right:10px;}
.comment .contents{width:670px; height: 120px; float: right; margin-right:10px;}

.cont-box{ width: 100%; height: 80px; border: 1px solid #ff3200; border-top-left-radius: 5px;  border-top-right-radius: 5px; float: left;}
.cont-box .text{ width: 96.6%; height: 86.9%; border-radius: 5px;   padding: 5px 10px; color: #999;  font-size: 12px; resize:none; border: none;  outline: none; float: left;}
/*.tools-box{ width: 100%; height: 30px; border: 1px solid #ff3200; margin-top: 5px; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; float: left;}*/
.tools-box{ width: 100%; height: 30px; margin-top: 5px; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; float: left;}
.tools-box .operator-box-btn{ width: 85%; height: 30px; float: left;  }
.tools-box .operator-box-btn .face-icon{display: block; float: left; margin-top:-1px; margin-left: 10px;  font-size:16px; color: #ff3200;  cursor: pointer;}
.tools-box .operator-box-btn .img-icon{display: block; float: left; margin-top:-1px; margin-left: 10px;  font-size:16px; font-weight: lighter; color: #ff3200; cursor: pointer;}
.tools-box .submit-btn{ width: 15%; height: 30px; float: right; }

.tools-box .submit-btn input{ width: 100%; height: 100%;  font-size: 14px; color: #fff; cursor: pointer; border: none; outline: none; background-color: #ff3200;}

/* 回复信息 */
#info-show{float: left;  width: 100%; margin-top: 20px;}
#info-show li{ width: 100%; height: auto; padding: 10px 0 20px 0; border-bottom: 1px dashed #c0c0c0; float: left;}
#info-show .head-face{width: 10%;  float: left; text-align: center;}
#info-show .head-face img{width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 8px #c0c0c0;}

#info-show .reply-cont{ width: 89%; padding-right: 1%; float: right;}
#info-show .reply-cont  p{ min-height: 20px; line-height: 20px;   font-size: 14px;}
#info-show .reply-cont .username{ color: #ff3200; margin-bottom: 5px;}
#info-show .reply-cont .comment-body{ color: #999; max-height: auto;}
#info-show .reply-cont .comment-footer{font-size: 12px; color: #c0c0c0; margin-top: 10px;}


/************文章页***************/




/************图集页***************/
.picture { width:100%; margin:0 auto 30px auto; padding:50px 0; background:#191919;}
.picture .tit { width:100%; }
.picture .tit h1 { font-size:30px; font-weight:bold; line-height:42px; margin-bottom:10px;}
.picture .tit h1 a { color:#fff;}
.picture .tit p { color:#e6e6e6; line-height:24px; font-size:16px; margin-bottom:10px;text-indent:2em}
.picture .tit span { display:block; font-size:12px; color:#a0a0a0; }
.picture .tit .s1 { float:left;}
.picture .tit .s2 { float:right;}
.picture .tit span a { color:#a0a0a0;}

.picture .bm-pic  { width:100%;}
.picture .bm-pic img { width:1100px; text-align:center; margin:0 auto;}



.wid750 { width:750px;}




/*图片特效*/
.piccontext{width:1100px;margin:0 auto 30px; overflow:hidden;}
.picshow{width:1100px;margin-top:20px;overflow:hidden;}
.picshowtop{width:1100px;text-align:center;position:relative;z-index:1;overflow:hidden;}
#pic1{max-width:1100px; max-height:750px;}
#preArrow{left:0px; width: 10%}
#nextArrow{right:0px; width: 10%}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:46px;height:90px;}
#preArrow_A{left:0px;background:url('../images/left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:0px;background:url('../images/right.png') 0px 0px no-repeat;display:none;}

.picshowtxt{width:1100px;min-height:40px;_height:40px;margin-top:20px; color:#e6e6e6;}
.picshowtxt_left{float:left;width:50px; height:50px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif;}
.picshowtxt_left span{color:#ff3200;font-size:30px;}
.picshowtxt_left i{color:#e6e6e6;font-size:20px;}
.picshowtxt_right{float:left;margin-left:10px;display:inline;line-height:23px;color:#e6e6e6;font-size:14px;width:880px; }

.picshowlist{width:1100px;margin-top:20px;padding-bottom:20px;overflow:hidden;}
.picshowlist_mid{float:left;width:1100px;display:inline;overflow:hidden;height:76px;}
.picmidleft{float:left;width:24px;height:76px;overflow:hidden;}
.picmidleft a{display:block;width:24px;height:76px;}

.picmidmid{float:left;width:1050px;overflow:hidden;height:76px;padding-left:2px;}
.picmidmid ul{width:1050px;overflow:hidden;position:relative;height:76px;}
.picmidmid ul li{float:left;margin-left:20px;display:inline;width:120px;text-align:center;overflow:hidden;position:relative;height:76px;}
.picmidmid ul li img{max-width:110px;height:76px;}
.selectpic{border:5px solid #ff3200;height:66px !important;}
.picmidright{float:left;width:24px;height:76px;overflow:hidden;}
.picmidright a{display:block;width:24px;height:76px;}



.pic-con { width:1100px;margin:0 auto 30px; overflow:hidden;}
.pic-con img { margin-bottom:20px;}
.pic-con p { font-size:14px; color:#fff; text-align:left; text-indent:2em; line-height:28px; width:1000px; margin:0 auto 40px;}


/*css megas513 style pagination*/
div.megas513{padding:3px;margin:3px;text-align:center;clear:both; color:#c8c8c8;}
div.megas513 a{border:#fff 1px solid;padding:2px 6px;background-position:50% bottom;color:#fff;margin-right:3px;text-decoration:none;}
div.megas513 a:hover{border:#fff 1px solid;background-image:none;color:#fff;background-color:#ff3200;}
div.megas513 a:active{border:#fff 1px solid;background-image:none;color:#fff;background-color:#ff3200;}
div.megas513 span.current{padding:2px 6px;font-weight:bold;color:#fff;margin-right:3px;}
div.megas513 span.disabled{padding:2px 6px;color:#fff;margin-right:3px;}
.megas513 .current{border:#ff3200 1px solid;background-image:none;color:#fff;background-color:#ff3200;}




#jump{position:fixed;width:60px;z-index:400;}
*html #jump{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}
#jump li{height:70px;overflow:hidden;}
#top,#share,#reply,#sina,#ceping,#weixin,#ms{display:block;width:60px;height:60px;overflow:hidden;cursor:pointer;}
#top{background:url(../images/top.png) no-repeat;}
#sina{background:url(../images/sina.png) no-repeat;}
#weixin{background:url(../images/weixin.png) no-repeat;}
#top:hover{background:url(../images/toped.png) no-repeat;}
#sina:hover{background:url(../images/sinad.png) no-repeat;}
#weixin:hover{background:url(../images/weixind.png) no-repeat;}
#ceping{background:url(../images/ceping.png) no-repeat;}
#ceping:hover{background:url(../images/cepinged.png) no-repeat;}
#EWM{position:absolute;left:-150px;display:none;}
#EWM img{width:150px;height:150px;}
#ms{
  background:url(../images/ms1.png)   no-repeat; 
  height:70px;
}
#ms:hover{
  background:url(../images/ms2.png)   no-repeat; 
  height:70px;
}

/************图集页***************/





/************视频页***************/
.vio { width:100%; margin:0 auto 30px auto; padding:50px 0; background:#191919;}

.videobox{width:1100px;margin:0 auto;}
.video-img{ float:left; width:750px; overflow:hidden;}
.video-img h1 { font-size:26px; font-weight:bold; margin-bottom:30px; line-height:40px; color:#fff;}

.video-list{ float:right; width:280px; padding-top:10px;}
.video-list li{width:280px;height:80px;overflow:hidden;position:relative; margin-bottom:15px;cursor:pointer; padding-bottom:15px; border-bottom:1px dashed #a0a0a0;}
.video-list li .vio-pic { width:120px;height:80px; float:left; margin-right:10px; }
.video-list li h3 { font-size:16px; line-height:24px; color:#a0a0a0; } 
.video-list li.now .icon-video{display:none;}
.video-list .more { float:right; width:110px; height:35px; background:#a0a0a0; text-align:center; line-height:35px; color:#191919;}
.video-list a:hover .more { background:#ff3200; color:#fff;}


/************视频页***************/





/************用户页***************/



.dt { width:328px; height:78px; border:1px solid #dcdcdc; margin-top:70px;}
.dt li { float:left; text-align:center; width:108px; line-height:24px; margin-top:15px; border-right:1px solid #dcdcdc; color:#787878;}
.dt li .no { border:none;}
.dt li a { color:#787878;}
.dt li a:hover { color:#ff3200;}


/* 竖向tab */
#tab{width:1200px;position:relative;margin:0 auto;}
#tab .tab_menu{width:220px;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{width:135px;height:50px;line-height:50px;cursor:pointer;text-align:left; margin-bottom:10px; padding-left:85px; background:#646464; color:#fff; font-size:16px;}
#tab .tab_menu .ico01 { background:url(../images/icon01.png) 55px 10px no-repeat #646464;}
#tab .tab_menu .ico02 { background:url(../images/icon02.png) 55px 10px no-repeat #646464;}
#tab .tab_menu .ico03 { background:url(../images/icon03.png) 55px 10px no-repeat #646464;}
#tab .tab_menu .ico04 { background:url(../images/icon04.png) 55px 10px no-repeat #646464;}
#tab .tab_menu .ico05 { background:url(../images/icon05.png) 55px 10px no-repeat #646464;}
#tab .tab_menu .ico06 { background:url(../images/icon06.png) 55px 10px no-repeat #646464;}
#tab .tab_box{ float:right; width:918px;min-height:750px;clear:both;position:relative;border:1px solid #dcdcdc;}
#tab .tab_menu .selected{background-color:#ff3200;cursor:pointer; color:#fff;}
#tab .tab_menu .hoverselected{background-color:#ff3200;cursor:pointer; color:#fff;}
.hide{display:none;}
/* .tab_box div{width:100%; padding-bottom:40px;}   */
.s-tabList,.s-tabCon,.cur{width:100%; padding-bottom:40px;}
.tab_box div .about-nr { padding:40px; width:838px;}
.tab_box div .about-nr p { color:#737373; line-height:26px; font-size:16px; margin-bottom:10px; text-indent:2em;}




/* 内部tab */
#s-tab{position:relative;min-height:650px;}
#s-tab .s-tabList ul li{float:left; background:#f0f0f0; border:1px solid #dcdcdc; border-top:0; padding:12px 18px;width:100px;text-align:center;margin-left:-1px;position:relative;cursor:pointer; font-size:18px;}
#s-tab .s-tabList li.cur{border-bottom:none;background:#fff; font-weight:bold;}

 #s-tab .s-tabCon{position:relative;left:-1px;top:-50px; width:698px;margin:60px 40px; min-height:500px; }
/*    #s-tab .s-tabCon div{position:absolute;opacity:1;filter:alpha(opacity=0); width:698px; } */
#s-tab .s-tabCon div.cur{opacity:1;filter:alpha(opacity=100); z-index:9999; position:relative}
#s-tab .s-tabCon div li {  border-bottom:1px dashed #dcdcdc;} /*  //width:698px; */
#s-tab .s-tabCon div li h2 { font-size:18px; line-height:28px; padding-left:15px; background:url(../images/xw.jpg) left center no-repeat;}
#s-tab .s-tabCon div li h2 a { color:#414141;}
#s-tab .s-tabCon div li p { color:#737373; line-height:24px; font-size:14px;}

#s-tab .s-tabCon .p1 { color:#737373; margin-bottom:5px; font-size:12px; line-height:20px;}
#s-tab .s-tabCon h1 { font-size:18px; line-height:28px; margin:25px 0 15px; color:#ff3200; padding-top:15px; border-top:1px dashed #dcdcdc;}
#s-tab .s-tabCon label { margin-right:10px;}
#s-tab .s-tabCon button{width:140px;height:36px;background-color:#ff3200;border:none;outline:none;cursor:pointer;font-size:14px;color:#fff; margin:30px 0;}
#s-tab .s-tabCon .b1 {background-color:#646464;}



/*头像下拉*/
div.nav1{width: 45px;height:45px;line-height: 36px;text-align: center;font-size: 14px;position: relative;margin:0 auto; z-index:9999;}
ul.nav1-main{width:45px;height:45px;list-style-type: none;}
ul.nav1-main span{ position:absolute; left:-7px; top:0; display: inline-block;width: 7px;height: 7px;background: url('../images/down-icon.png') no-repeat;}
.hover-up{transition-duration: .5s;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.hover-down{ transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}

ul.nav1-main>li{width: 45px;height: 100%;display: block;float: left;background: #fff; color: #fff;margin-right: 1px;cursor: pointer;}
ul.nav1-main>li:hover{background: #fff;}

div.hidden-box{ width: 130px; background:#f0f0f0; position: absolute; display:none;top:45px; left:-85px;}
.hidden-box>ul{list-style-type: none; color:#5a5959; cursor: pointer;}
.hidden-box li { height:45px; line-height:45px; border-bottom:1px solid #fff; color:#5a5959;}
.hidden-box li:hover{ background: #646464;color:#fff;}
.hidden-loc-index{left: 45px;}



/*分页*/
.tcdPageCode{padding: 30px 20px 10px;text-align: left;color: #ccc;text-align:center;}
.tcdPageCode a{display: inline-block;color: #737373;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #ff3200;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #ff3200;	border: 1px solid #ff3200;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}


/************用户页***************/






/************搜索页***************/

.search { width:1100px; margin:0 auto;}
.search .le { width:750px; position:relative; }
.search .search-jj h2 { font-size:20px; line-height:36px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.search .search-jj ul li { width:100%; padding:20px 0; border-bottom:1px dashed #dcdcdc;}
.search .search-jj ul li h1 { font-size:20px; font-weight:bold; line-height:32px; margin-bottom:5px;}
.search .search-jj ul li h1 a { color:#414141;}
.search .search-jj ul li p { color:#737373; line-height:24px; font-size:14px;}
.search .search-jj ul li span { display:block; font-size:12px; color:#737373; margin-top:5px; }



/*搜索框*/
#searchform1 { margin:0; padding:0px; }
#searchform1 fieldset { padding:0px; border:none; margin:0px; }
#searchform1 input[type="text"] { background:#fff;border:1px solid #ff3200;float:left;padding:0px 10px 0px 10px;margin:0px;width:500px; height:32px;line-height:34px;transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#797979; }
#searchform1 input[type="text"]:hover, #searchform1 input[type="text"]:focus { width:550px; }
#searchform1 input[type="submit"] { background:url(../images/icon-search.png) center 9px no-repeat #ff3200; cursor:pointer; margin:0px; padding:0px; width:33px; height:34px; line-height:34px; }

#searchform1 input[type="submit"]:hover { background-color:#333232; }
.style_1 #searchform1 input[type='submit'] { background-color:#ff3200; }


/*分页符*/
.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center; margin:30px auto 20px;}
.tcdPageCode a{display: inline-block;color: #5a5a5a;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #ff3200;}
.tcdPageCode .num.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #ff3200;	border: 1px solid #ff3200;border-radius: 4px;vertical-align: middle;}


/*截取字符串*/
.cuttitle{display: block; width: 100px; height:24px; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.cuttitle1{display: block; width: 650px; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }

/*ewai 投稿须知*/
.zx_tgxz{
	display: inline-block;
    /* color: blue; */
    /* float: right; */
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

/*2017 8 4 fjk增加的部分 作用于搜索框前selected*/
.selecontainer{
	margin-right:20px;
	margin-top:12px;

}
#zxsele{
    background: #fff;
    border: none;
    float: left;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    width: 110px;
    height: 34px;
    line-height: 34px;
}

#zxsele1{
   background: #fff;
    border: none;
    float: left;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    width: 170px;
    height: 34px;
    line-height: 34px;
	margin-top:12px;

}
#zxsele1+input{
	margin-top:12px!important;
	background-color:#ff3200!important;

}
#zxsearch input[type=submit]{
background-color:#ff3200!important;}

.js { font-size:14px; margin:20px 0; font-weight:normal; line-height:30px;}
.js span { background:#ff3200; padding:5px 10px; color:#fff; font-weight:bold; margin-right:10px; border-radius:5px; display:block; float:left; line-height:20px;}

.zplb{ width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.zplb ul{ width:100%; padding:0;}
.zplb li{ list-style:none; width:275px; height:200px; float:left;  margin:0 25px 30px 0; position:relative; text-align:center}
.zplb li a img{ width:100%; height:200px; margin:0; padding:0; object-fit: cover;}
.zplb li a span { padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.zplb li a:hover span { background:#ff3200; color:#fff;}


/* 个人中心已上传图片列表  */
.mytable { text-align:center;width: 918px;padding: 0;margin: 0;background: #fff;color: #4f6b72;font-size:14px;}
.mytable a { color: #4f6b72;}
.mytable a:hover { color: #ff3200; text-decoration:underline;}
.mytable td {border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding:8px 5px;}
.mytable td img { width:140px; height:90px; object-fit:cover; overflow:hidden;}
.mytable td h2 { width:170px; font-size:14px; font-weight:normal; line-height:24px;}
.times { font-size:12px;}

.mytable1 tr { height: 50px}


a.a1 {padding:8px; background: #0079c5; color: #fff;}
a:hover.a1 {background: #005298; color: #fff; text-decoration: none;}

a.a2 {padding:8px; background: #e10000; color: #fff; }
a:hover.a2 {background: #b30000; color: #fff; text-decoration: none;}

a.a3 {padding:8px; background: #ff3200; color: #fff;}
a:hover.a3 {background: #d13b00; color: #fff; text-decoration: none;}

a.a4 {padding:8px; background: #646464; color: #fff;}
a:hover.a4 {background: #333; color: #fff; text-decoration: none;}



/* 视界大图片页 */
#timeLine{
	position:relative;
	width:100%;
	height:100%;
	padding:40px 0 50px;
	/*border:  solid 1px #434343;*/
    /*background: rgba(500,500,500,0.9);*/
    overflow: hidden;
	background-color: #dcdcdc;
}

.dban { width:100%; height:30px; background-color:#343434; position:fixed; bottom:0; color:#fff;}
#yearList{
    width: 100%;
    list-style: none;
    position: relative;
    /*left: 457px;*/
    margin-right: 0px;
}
#yearList:after,.container-li:after{
    content: "";
    display: table;
    clear: both;
}
#yearList li{ width:30px; height:30px; border-right:1px solid #999;
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    padding: 5px 20px;
}

#yearList a li { color:#fff;}
#yearList a:hover li { background:#ff3200;}
#yearList a:active li { background:#ff3200;}

.year-dot{
    width:30px; height: 10px; border-radius: 5px;
    background-color: #fff;
    margin: 10px auto;
    display: block;
}
.year-active{ background:#ff3200;
    color: #fff;
}
.year-active i{
    background-color: #ff3200;
}


#cList{
    width: 100%;
    position: relative;
}
#btnLeft{
    width: 50px; height: 130px;
    display: inline-block;
    position: fixed;
    left: 0;
    top: 40%;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 120px;
    background: rgba(0,0,0,0.3);
}
#btnRight{
    width: 50px; height: 130px;
    display: inline-block;
    position: fixed;
    right: 0;
    top: 40%;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 120px;
    background: rgba(0,0,0,0.3);
}
#btnLeft:hover,#btnRight:hover{
    background: rgba(255,50,0,0.7);
}
#cUl{
    width:100%;
    list-style: none;
    height:820px;
    margin: 0 auto;
    position: relative;
    left: 0px;
}
#cUl li{
    width:100%;
    position: absolute;  left: 0;
    height: 800px;
    display: box;			
    display: -webkit-box;	  
    display: -moz-box;		
    display: -ms-flexbox;	 
    display: -webkit-flex;	
    display: flex;	


}

.container-li{
    width: 100%;

}
.fmt { width:100%;}
.fmt img { width:100%;  margin: 0;padding: 0;object-fit: cover;} 
.c-li-left{ vertical-align:middle;text-align: center;
    width: 73%;
    float: left;
}
.c-li-left img { max-width:100%; max-height:800px; min-width:40%; min-height:30%; margin:0 auto;padding: 0; vertical-align:middle;text-align: center;}
.c-li-right{ 
    width: 25%;
    float: right;
}
.c-li-right .txt { padding:20px; color:#000; font-size:16px;}
.c-li-right .txt p { line-height:32px; text-indent:2em; margin-bottom:10px;}
.c-li-right .txt .tit02 { width:100%; height:80px; border-bottom:1px dashed #999; padding:0 0 40px; margin-bottom:40px; position:relative; font-family:SimHei;}
.c-li-right .txt .tit02 .dsz { font-size:50px; color:#ff3200; position:absolute; left:0; top:0;}
.c-li-right .txt .tit02 .xt { font-size:50px; color:#666; position:absolute; left:40px; top:30px;}
.c-li-right .txt .tit02 .xsz { font-size:20px; color:#666; position:absolute; left:60px; top:60px;}
.c-li-right .txt .tit02 .xsztime { font-size: 15px;color: #666;position: absolute;left: 100px; bottom: 30px;}
.c-li-right .txt .zz { font-size:14px; color:#666; position:absolute; left:100px; top:40px; font-family:Microsoft YaHei; }




/* 视界频道页  */
.demo{width:1200px; margin:40px auto 0; padding-bottom:50px;display: -webkit-flex;
			    display: -moz-box;
			    display: flex;
			     -moz-flex-wrap: wrap;
			    -webkit-flex-wrap: wrap;
    			flex-wrap: wrap;
    			justify-content: space-between;
    			-webkit-justify-content: space-between;
    			-moz-justify-content:space-between;}

.box1{float:left; width:580px; height:320px; margin-bottom:40px;}
.he_border1{background:#ff3200;width:580px;height:320px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border1 .he_border1_img{display:block;width:100%; height:320px; object-fit:cover; overflow:hidden; padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}

.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}

.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}

.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}

.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}

.he_border1 .he_border1_caption_h{font-size:18px;font-weight:bold;  line-height:32px;text-align:center;width:430px;position:absolute;top:0;left:50%; margin-left:-215px; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_h{top:25%;opacity:1}

.he_border1 .he_border1_caption_p{font-size:14px;text-align:center;width:430px;position:absolute;top:78%;left:50%; margin-left:-215px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:48%;opacity:1}



/* 分页  */
.box {
  width:870px; margin:20px auto 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.box button {
  padding: 0 10px;
  margin: 0 10px;
  height: 40px;
  float: left;
  cursor: pointer;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
}
.box .first-page,
.box .last-page {
  margin: 0;
}
.box .pageWrap {
  height: 40px;
  float: left;
  overflow: hidden;
}
.box .pageWrap ul {
  width: 100000px;
  height: 40px;
  float: left;
}
.box .pageWrap ul li {
  width: 60px;
  height: 40px;
  border: 1px solid #fff;
  background:#e6e6e6;
  line-height: 40px;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
}
.box .pageWrap ul .sel-page { color:#fff;
  background-color: #ff3200;
}
.box .jump-text {
  width: 60px;
  height: 40px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 5px;
  float: left;
}
.box .jump-button {
  margin: 0;
  float: left;
}
.box .total-pages,
.box .total-count {
  margin-left: 10px;nav
  float: left;
  font-size: 14px;
}
a .but1 { 
  float:right; 
  width:120px; 
  height:30px; 
  border-radius:20px; 
  background:#FFF; 
  font-size:14px; 
  text-align:center; 
  line-height:30px; 
  color:#333; 
}
a:hover .but1 { 
  background:#ff3200; 
  color:#fff;
}
.pagination li{
width:auto;
height:auto;
margin:0;
}
.pagination{

display: flex!important;
display:-webkit-flex;
 justify-content: center;
 -webkit-justify-content:center;

}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination li span{
color: #e61544;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 4px;
    vertical-align: middle;
}

.pagination li input{
color: #e61544;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 4px;
    vertical-align: middle;
}


/*大江视线*/
.djss-vio { width:1200px;  padding:10px 0 20px 9px; margin:0 auto; background:url(../images/sp.png) top center no-repeat;}
.djss-vio .nr { width:1060px; margin: auto;}
.djss-vio h1 {border-left:5px solid #666; font-size: 26px; font-weight: bold; padding-left: 10px; margin-bottom: 10px;}
.djss-vio p { width:100%; font-size: 16px; line-height: 32px; text-indent: 2em; padding-left: 10px; color: #666;}
.djss-vio span { font-size: 14px; color: #999; line-height: 40px; margin-left: 30px; margin-bottom: 20px;}
.djss-vio .line02 { width:100%; border-bottom: 1px dashed #999; margin: 20px 0;}



/*购买图片*/
.wrap_main {width:1200px;position:relative;margin:0 auto;}
.mytable2 { text-align:center;width:100%;padding: 0;margin: 0;background: #fff;color: #4f6b72;font-size:16px;}
.mytable2 a { color: #4f6b72;}
.mytable2 a:hover { color: #ff3200; text-decoration:underline;}
.mytable2 td {border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding:8px 5px; font-size:16px;}
.mytable2 td img { width:140px; height:90px; object-fit:cover; overflow:hidden;}
.mytable2 tr { height: 50px}

a.a4 {padding:8px; background: #646464; color: #fff;}
a:hover.a4 {background: #333; color: #fff; text-decoration: none;}


.czbut { height:40px; background: #ebebeb; margin-top: 30px; padding: 10px 30px; line-height: 40px;font-size: 16px;}
.qx { margin-right:10px; }
.mr10 { margin-right:20px; float: left;}

.wrap_main h1 {font-size: 30px; line-height: 50px; margin-bottom: 20px;}
.wrap_main h2 {font-size: 24px; margin:0 auto; text-align: center; width: 580px; font-weight: bold;}
.wrap_main h2 img { margin-right:10px; float: left;}
.wrap_main h2 span {display:block; float: right; line-height: 35px;}

.mytable3 { text-align:center;width:100%;padding: 0;margin: 0 0 40px;background: #fff9f7;color: #4f6b72;font-size:16px; }
.mytable3 a { color: #4f6b72;}
.mytable3 a:hover { color: #ff3200; text-decoration:underline;}
.mytable3 td,.mytable3 th {border-right: 3px solid #fff;border-bottom: 3px solid #fff;padding:8px 5px; font-size:16px;}
.mytable3 td img { width:140px; height:90px; object-fit:cover; overflow:hidden;}
.mytable3 tr { height: 50px}

.tjbut {float:right; margin-bottom: 14px;}
.tjbut .sfk {padding:10px 40px; border:1px solid #ff3200; text-align: center; font-size: 18px;color: #333;}
.tjbut .sfk .s1 { margin:0 5px; font-size: 22px; color: #747474;}
.tjbut .sfk .s2 { font-size: 26px; color: #ff3200; font-weight: bold;}

.a5 {float:right;}
.a5 a {padding:15px 50px; background: #ff3200; color: #fff; font-size: 20px;}
.a5 a:hover {background: #CD0000; color: #fff; text-decoration: none;}


.line03 { width:100%; margin: 50px auto; height: 1px; background: #e0e0e0}


.wrap_main h3 { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 40px;}
.wrap_main h3 .s3 { color:#e23107; margin-left: 20px; font-size: 28px;}

.a6 {width:300px; height: 60px; line-height: 60px; text-align: center; overflow: hidden; margin-bottom: 50px; letter-spacing:10px;}
a .a6 {width:300px; height: 60px;  background: #ff3200; color: #fff; font-size: 24px; border-radius:5px; font-weight: bold;overflow: hidden;}
a:hover .a6  {background: #CD0000; color: #fff; text-decoration: none;}


.mytable4 { text-align:center;width:100%;padding: 0;margin: 0 0 40px;background: #fff;color: #4f6b72;font-size:16px; }
.mytable4 td,.mytable3 th {border-right: 3px solid #fff;border-top: 1px solid #f1f1f1;padding:20px 5px; font-size:16px;}
.mytable4 td img { width:140px; height:90px; object-fit:cover; overflow:hidden;}
.mytable4 tr { height: 50px}

.price { color:#e23107;font-weight: bold; font-size: 22px !important;}


.fkwz {font-size: 18px; margin-bottom: 40px;}
.fkwz .ri {font-size: 20px;}
.fkwz .ri span { color:#e23107;font-weight: bold;}

.payment {background-color: #fff;padding: 30px 50px 50px 80px ;box-shadow: 0 6px 32px rgba(0,0,0,.13)}

.payment .code { margin: 20px 0;}
.payment .code img { width:300px; height: auto;}
.payment .codewz {width:300px; background: #ec6c4d; color: #fff; text-align: center; line-height: 26px;font-size: 16px; padding: 5px 0;}

/*大江映像*/

.zplb1{ width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.zplb1 ul{ width:100%; padding:0;}
.zplb1 li{ list-style:none; width:275px; height:510px; float:left;  margin:0 25px 30px 0; position:relative; text-align:center}
.zplb1 li a img{ width:100%; height:510px; margin:0; padding:0; object-fit: cover;}
.zplb1 li a h2 { padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.zplb1 li a:hover h2 { background:#ff3200; color:#fff;}
.zplb1 li a .ico {width: 64px; height: 64px; background: url(../images/vio_ico.png) top center no-repeat; position:absolute; top: 200px; left: 50%; margin-left: -32px;}
.zplb1 li a:hover .ico {background: url(../images/vio_ico1.png) top center no-repeat;}


.djyx-vio { width:1200px;  margin:0 auto; }
.djyx-vio .dsyxsp {width:345px; height:750px;  padding: 15px 16px 12px 15px; background:url(../images/djss_viobg.png) top center no-repeat #000; margin:0 0 40px 412px; border-radius: 40px;}
.djyx-vio .nr { width:900px; margin: auto;}
.djyx-vio h1 {border-left:5px solid #666; font-size: 26px; font-weight: bold; padding-left: 10px; margin-bottom: 10px;}
.djyx-vio p { width:100%; font-size: 16px; line-height: 32px; text-indent: 2em; padding-left: 10px; color: #666;}
.djyx-vio span { font-size: 14px; color: #999; line-height: 40px; margin-left: 30px; margin-bottom: 20px;}



.djyx{ width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; }
.djyx ul{ width:100%; padding:0;}
.djyx li{ list-style:none; width:275px; height:510px; float:left;  margin:0 25px 30px 0; position:relative; text-align:center}
.djyx li a img{ width:100%; height:510px; margin:0; padding:0; object-fit: cover;}
.djyx li a h2 { padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.djyx li a:hover h2 { background:#ff3200; color:#fff;}
.djyx li a .ico {width: 64px; height: 64px; background: url(../images/vio_ico.png) top center no-repeat; position:absolute; top: 200px; left: 50%; margin-left: -32px;}
.djyx li a:hover .ico {background: url(../images/vio_ico1.png) top center no-repeat;}


.jxtj { 
	width:100%; 
	padding:0; 
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content:space-between;
}
.jxtj li { list-style:none; width:275px; height:550px; float:left;  margin:20px 0 10px 0; position:relative;text-align:center; }
.jxtj li img { width:275px; height:550px; margin: 0;padding: 0;object-fit: cover;}
.jxtj li a:hover img { width:273px; height:548px; border:1px solid #ff3200;}
.jxtj li h2 { 
	position:absolute; 
	bottom:0; 
	background:#000; 
	text-align:left; 
	font-size:16px; 
	overflow:hidden; 
	ilter:alpha(opacity:80); 
	opacity:0.8;  
	-moz-opacity:0.8;
	-khtml-opacity: 0.8; 
	padding:0 10px;
	width:255px; 
	height:40px; 
	line-height:40px; 
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.jxtj li a:hover h2 { background:#ff3200; color:#fff; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; }

.zplb1 { width:100%; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.zplb1 ul{ width:100%; padding:0;}
.zplb1 li{ list-style:none; width:275px; height:550px; float:left;  margin:0 25px 30px 0; position:relative; text-align:center}
.zplb1 li a img{ width:100%; height:550px; margin:0; padding:0; object-fit: cover;}
.zplb1 li a span { padding:0 10px; display:block; position:absolute; bottom:0; background:#000; text-align:left; font-size:14px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:255px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.zplb1 li a:hover span { background:#ff3200; color:#fff;}