/*all style*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0;}
body{ background:#fff; color:#000; font-family: "Microsoft YaHei", "微软雅黑";}
body,html{ width: 100%; height: 100%; margin: auto; min-width: 992px;}
ul,ol{ list-style: none;}
img{ border: none;}
em,i{ font-style: normal;}
.clearfix{ clear:both;}
a{
    color: #000;
    text-decoration: none;
    cursor:pointer;
    background: transparent;
    outline:none;
    blr:expression(this.onFocus=this.blur());
}
a:link { text-decoration: none;}
a:visited{ text-decoration: none;}
a:active { text-decoration: none;}
a:hover{ color: #666;}
a:focus{ color: #666;}

/*--------------------------------------*/

@-webkit-keyframes beacon{
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
        box-shadow: 0 0 0 0 rgba(230, 0, 18, 0.35);
    }
    100% {
        -webkit-box-shadow: 0 0 0 1rem transparent;
        -moz-box-shadow: 0 0 0 1rem transparent;
        box-shadow: 0 0 0 1rem transparent;
    }
}
@-webkit-keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@-moz-keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@-o-keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}


/*框架*/
#superContainer { height: 100%; position: relative;}
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.slide { float: left;}
.slide, .slidesContainer { height: 100%; display: block;}
.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.section.table, .slide.table { display: table; width: 100%;}
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.slidesContainer { float: left; position: relative;}
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px;}
.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}
.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}
.scrollable { overflow: scroll;}
.easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}
#fullPage-nav.right { right: 17px;}
#fullPage-nav.left { left: 17px;}
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1;}
.fullPage-slidesNav.bottom { bottom: 17px;}
.fullPage-slidesNav.top { top: 17px;}
#fullPage-nav ul,
.fullPage-slidesNav ul { margin: 0; padding: 0;}
#fullPage-nav li,
.fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position:relative;}
.fullPage-slidesNav li { display: inline-block;}
#fullPage-nav li a,
.fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span { background: #333;}
#fullPage-nav span,
.fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1;}
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px;}
.fullPage-tooltip.right { right: 20px;}
.fullPage-tooltip.left { left: 20px;}
/*end 框架*/

/*---------------------------------------------*/
.frameAll{ width: 100%; height: 100%;}
.banner { width: 100%; height: 100%;}
.releat{ width: 1200px; height: auto; zoom: 1; margin: auto; position: relative;}
.page1{ position: relative;}
.page2{ background: url("../images/bg2.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover;}
.page3{ background: url("../images/bg3.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover;}
.page4{ background: url("../images/bg4.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover;}
.page5{ background: url("../images/bg5.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover;}

.linkMore{ width: 100%; height: auto; overflow: hidden; zoom: 1; position: absolute; top: 90%;}
.linkMore a{ display: block; width: 116px; height: 36px; margin: auto; line-height: 36px; border: 2px solid #FFFFFF; text-align: center; font-size: 16px; color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
/


/* 首页关于 */



.pstory{
	position: absolute;
	top: 30%;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-transition: 2s;
	-moz-transition: 2s;
	-ms-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
	opacity: 0;
}

.pstory_rel{
 opacity:1;
	    transform: translateY(0);
}

@media screen and (max-width: 1598px) and (min-width: 1351px){
	.pstory{
	    top: 20%;
	}
}

@media screen and (max-width: 1919px) and (min-width: 1599px){
	.pstory {
	    top: 27%;
	}
	
}


.pstory .text {
    float: left;
    width: 500px;
    padding-right: 80px;
}

.pstory  .words {
    font-size: 16px;
    color: #ffffff;
    line-height: 37px;
    height: 445px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11;
    overflow: hidden;
}

.pstory .link {
    font-size: 0;
    margin-top: 40px;
}
.pstory .link a {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 0 45px;
    position: relative;
}
.pstory .icon img {
    display: block;
    margin: 0 auto;
}
.pstory .video-box {
    float: left;
    width: 620px;
    height: 428px;
    margin-top: 8px;
}

.pstory .video-box img {
    width: 100%;
    height: 100%;
}


/*------------------------1---------------------*/
/*banner*/
.main_visual{width:100%; height: 100%; overflow:hidden}
.main_image {width:100%; height:100%; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:100%;}
.main_image li span {display:block; width:100%; height:100%; -webkit-background-size: cover !important; background-size: 100% 100% !important;}
.main_image li a {display:block; width:100%; height:422px}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:360px; left:90px; z-index:999; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.header_nav{ width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 9;}
.container_cnt{ width: 1180px; height: auto; margin: auto;}
.hdnav{ height: 76px; float: left;}
.hdnav ul{}
.hdnav ul li{ float: left; height: 76px; margin-right:20px;}
.hdnav ul li a{ display: block; height: 30px; line-height: 30px; border: 2px solid #ffffff; padding: 0 16px; margin-top: 19px; font-size: 16px; color: #ffffff; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.hdnav ul li a:hover{ -webkit-animation:  beacon .8s infinite linear; -o-animation:  beacon .8s infinite linear; animation:  beacon .8s infinite linear; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; background: #4d8e1e; color: #fff;}
.phonre{ height: 76px; line-height: 76px; color: #ffffff; font-size: 18px; float: right;}

/*-----------------------2----------------------*/
.kertp{ width: 100%; height: auto; overflow: hidden; zoom: 1; margin: 50px auto; position: absolute; top: 0; opacity: 0;}
.kertp span{ display: block; width: 234px; height: 74px; margin: auto; border: 3px solid #FFFFFF; color: #FFFFFF; font-size: 30px; text-align: center; line-height: 74px;}
.pstory{ position: absolute; top: 30%; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.pstory ul{ width: 1300px;}
.pstory ul li{ width: 540px; height: 220px; overflow: hidden; float: left; border: 2px solid #fff; margin-right: 92px; margin-bottom: 40px;}
.remt_lf{ width: 320px; height: 220px; float: left; overflow: hidden;}
.remt_lf img{ width: 320px; height: 220px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.remt_rt{ width: 220px; height: 220px; float: right; background: #000;}
.remt_rt h2{ font-size: 18px; border: 3px solid #e60012; width: 144px; height: 50px; margin: 20px auto; text-align: center; line-height: 50px; color: #e60012; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.remt_rt h2 a{ color: #e60012; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.remt_rt p{ padding: 0 20px; font-size: 15px; color: #fff; line-height: 26px; text-align: justify;}
.pstory_rel{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.pstory ul li .remt_lf:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.remt_rt h2:hover{ background: #e60012;}
.remt_rt h2:hover a{ color: #fff;}


/*---------------------3------------------------*/
.xinzh{ width: 100%; position: absolute; top: 20%;height: 600px;}
.xinzh ul{ width: 1200px; 	overflow: hidden;
    height: 100%;}
.xinzh ul li{ width: 540px;   float: left;  opacity: 0;}
.xinzh ul li .zztit{ width: 56%; height:40px; line-height: 40px; border-bottom: 2px solid #fff; font-size: 18px; color: #fff; margin-bottom: 20px;}
/* .xinzh ul li .zztitoo{ float: right; text-align: right; } */
.xinzh ul li a{ display: block; width: 450px; height: 200px; border: 2px solid #fff; overflow: hidden; position: relative;}

/* .xinzh_two>a{
	float: right;
} */
.xinzh ul .xinzh_two{
		float: right;
		overflow: hidden;
}

.zztitoo{
	float: right;
	    text-align: right;
}
.xinzh ul .xinzh_two a{
	float: right;
}

.video-box iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.xinzh ul li a img{ width: 100%; height:100%}
.xinzh ul li .cleafd{ width: 44%; height: 100%; position: absolute; top: 0; right: 0; background: #fff; background: rgba(0,0,0,.4); color: #fff;}
.xinzh ul li .cleafd p{ font-size: 16px; color: #fff; line-height: 30px; padding: 0 8%; margin-top: 8px;}
/* .xinzh ul li .cleafd p.p1{ margin-top: 20%;}
.xinzh ul li .cleafd p.p2{ margin-top: 40%;} */
.xinzh ul li:nth-of-type(1){ -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s;}
.xinzh ul li:nth-of-type(2){ -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s;}
.xinzh ul li:nth-of-type(3){ -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s;}
.xinzh ul li:nth-of-type(4){ -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s;}
.xinzh ul li.xinzh_one{ opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);}
.xinzh ul li.xinzh_two{ opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);}

/*-------------------4--------------------------*/
.listall{ width: 100%; position: absolute; top: 30%;}
.newind{ width: 376px; float: left; margin-right: 25px;}
.newindtoo{ width: 378px; float: right; margin-right: 0;}
.kertp_one span{ border: 3px solid #000; color: #000;}
.tl_tit{ color: #000; font-size: 26px; height: 26px; line-height: 26px; border-left: 2px solid #e60012; padding-left: 14px; margin-bottom: 32px;}
.list_new{}
.list_new ul{}
.list_new ul li{ height: auto; overflow: hidden; zoom: 1; border-bottom: 1px dashed #000; padding: 13px 0; color: #000;}
.list_new ul li a{ display: block; float: left; width: 70%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -moz-line-clamp:1; -ms-line-clamp:1; -o-line-clamp:1; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; o-box-orient:vertical; overflow:hidden; color: #000;}
.list_new ul li span{ display: block; float: right; width: 24%;}
.viodes{ width: 378px; height: 300px;}
.viodes img{ width: 378px; height: 385px;}
.listall .newind:nth-of-type(1){ -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-transition: 2s .4s; -moz-transition: 2s .4s; -ms-transition: 2s .4s; -o-transition: 2s .4s; transition: 2s .4s; opacity: 0;}
.listall .newind:nth-of-type(2){ -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-transition: 2s .8s; -moz-transition: 2s .8s; -ms-transition: 2s .8s; -o-transition: 2s .8s; transition: 2s .8s; opacity: 0;}
.listall .newind:nth-of-type(3){ -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-transition: 2s 1.2s; -moz-transition: 2s 1.2s; -ms-transition: 2s 1.2s; -o-transition: 2s 1.2s; transition: 2s 1.2s; opacity: 0;}
.listall .newind.newindanimat{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

/*--------------------5-------------------------*/
.releat_too{ width: 1200px; height: auto; margin: auto; position: relative;}
.hezuo{ width: 100%; position: absolute; top: 30%;}
.ouhte{ width: 404px; float: left;}
.ouhteright{ float: right;}
.kertp_two span{ border: 3px solid #fff;}
.worpkan{ height: auto; background: #000; border: 2px solid #448903; padding: 24px 0; margin-bottom: 30px;}
.worpkan p{ width: 100%; height: 100px; margin: auto;}
.worpkan p.icon1{ background: url("../images/incon1.png") no-repeat center;}
.worpkan p.icon2{ background: url("../images/incon2.png") no-repeat center;}
.worpkan p.icon3{ background: url("../images/incon3.png") no-repeat center;}
.worpkan p.icon4{ background: url("../images/incon4.png") no-repeat center;}
.worpkan span{ display: block; text-align: center; font-size: 36px; color: #fff; margin-top: 20px;}
.cental{ width: 158px; height: 158px; position: absolute; left: 50%; margin-left: -79px; top: 30%; opacity: 0;}
.cental img{ width: 158px; height: 158px;}
.index_footer{ width: 100%; height: 150px; background: #000;}
.conater{ width: 1180px; margin: auto;}
.ft_logo{ width: 350px; height: 150px; float: left;}
.ft_logo:after{ content: ""; display: inline-block; vertical-align: middle; height: 150px;}
.ft_logo img{    width: 90px;
    margin-top: 10px;}
.ft_cnt{ height: 150px; float: left; margin-left: 40px;    padding-top: 10px;}
.ft_cnt p{ color: #fff; line-height: 24px; font-size: 14px;}
.ft_dh{ height: 150px; float: right; line-height: 150px;}
.ft_dh a{ color: #fff; margin-left: 20px; font-size: 14px;}
#tvoids{ width: 510px; height: 376px; }


.surou{ width: 100%; position: absolute; top: 18%;}
.souhte{ width: 400px; float: left;}

.ewm{
	width: 80px;
	height: 100px;
	margin-top: 10px;
}
.ewm img{
	display: block;
	width: 100%;
	height: 80px;
}
.ewm p{
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
font-size: 13px;
}
.souhte:nth-child(3){
	margin-right: 0;
}

.souhtelecen{
	float: left;
}
/* .slideInLeft {
	visibility:none !m
    -webkit-animation-name: slideInLeft !important;
    animation-name: slideInLeft  !important;
}

 */
.souhteright{ float: right;}
.skertp_two span{ border: 3px solid #fff;}
.sworpkan{ height: auto;/* background: #000; border: 2px solid #e60012;*/ /* padding: 24px 0; */margin-bottom: 30px;}

.souhteleft .sworpkan:nth-of-type(1){ -webkit-transform: translateX(-200px) translateY(-200px); -moz-transform: translateX(-200px) translateY(-200px); -ms-transform: translateX(-200px) translateY(-200px); -o-transform: translateX(-200px) translateY(-200px); transform: translateX(-200px) translateY(-200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.souhteleft .sworpkan:nth-of-type(2){ -webkit-transform: translateY(200px) translateX(-200px); -moz-transform: translateY(200px) translateX(-200px); -ms-transform: translateY(200px) translateX(-200px); -o-transform: translateY(200px) translateX(-200px); transform: translateY(200px) translateX(-200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.souhteright .sworpkan:nth-of-type(2){ -webkit-transform: translateY(-200px) translateX(200px); -moz-transform: translateY(-200px) translateX(200px); -ms-transform: translateY(-200px) translateX(200px); -o-transform: translateY(-200px) translateX(200px); transform: translateY(-200px) translateX(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.souhteright .sworpkan:nth-of-type(2){ -webkit-transform: translateX(200px) translateY(200px); -moz-transform: translateX(200px) translateY(200px); -ms-transform: translateX(200px) translateY(200px); -o-transform: translateX(200px) translateY(200px); transform: translateX(200px) translateY(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.souhteleft .worpkan_1{ -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; opacity: 1 !important;}
.souhteleft .worpkan_2{ -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important;}
.souhteright .worpkan_3{ -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important;}
.souhteright .worpkan_4{ -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; opacity: 1 !important;}




@media screen and (min-width:1200px) and (max-width:1350px){
    .duan20171{ width: 400px !important; margin-top: 5px !important; }
  #tvoids{ width: 100%; height: 376px; }
    .section,.tableCell{ height: 100% !important; }
    .cental{ top:10%; }
    .kertp span{ height: 50px; font-size: 25px; line-height: 50px; }
   .kerp_two span{ height: 50px !important; line-height: 50px; font-size: 25px; }
   .xinzh ul li a{width: 75%; height: 220px;}
   .xinzh ul li a img{ width: 100%; height: 100%; }
   #index_3_a1-{ float: left; }
   #index_3_a2{ float: right; }
   .pstory{ top:20%; }
   .pstory ul li{ height: 217px; margin-bottom: 30px; width: 520px; margin-bottom: 30px; }
   .pstory ul li:nth-child(1){ float:left; }
   .pstory ul li:nth-child(2){ float:right; }
   .pstory ul li:nth-child(3){ float:left; }
   .pstory ul li:nth-child(4){ float:right; }
   .remt_lf{ width: 299px; }
   .worpkan{ padding:10px 0; }

   .kertp{ width: 100% !important; height: auto !important; overflow: hidden !important; zoom: 1 !important; margin: 3% auto !important; position: absolute !important; top: 0 !important; }
   .hezuo{top:25% !important; width: 100% !important; position: absolute !important;}
   .surou{top:17% !important; width: 100% !important; position: absolute !important;}
   .worpkan p.icon1{ background: url("../images/incon1.png") no-repeat center; background-size: 50px 50px !important;}
.worpkan p.icon2{ background: url("../images/incon2.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p.icon3{ background: url("../images/incon3.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p.icon4{ background: url("../images/incon4.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p{width: 100% !important;height: 50px; margin: auto !important;}
.worpkan span{ font-size: 20px; margin-top: 10px; }
.ouhte {width: 20%;}
.souhte {width: 33%;}
.linkMore{ width: 100% !important; height: auto !important;overflow: hidden !important; zoom: 1 !important; position: absolute !important;top: 87% !important;}
}

@media screen and (min-width:1351px) and (max-width:1598px){
    .duan20171{ width: 400px !important; margin-top: 10px !important; }
  #tvoids{ width: 100%; height: 100%; }
     .section,.tableCell{ height: 100% !important; }
    .cental{ top:10%; }
    .kertp span{ height: 50px; font-size: 25px; line-height: 50px; }
   .kerp_two span{ height: 50px !important; line-height: 50px; font-size: 25px; }
   .xinzh ul li a{width: 75%; height: 220px;}
   .xinzh ul li a img{ width: 100%; height: 100%; }
   .xinzh ul li .cleafd p{ font-size: 15px; margin-top:8px; }
/*   #index_3_a1{ float: left; }
   #index_3_a2{ float: right; } */
   .pstory{ top:26%; }
   .pstory ul li{ height: 217px; margin-bottom: 30px; width: 520px; margin-bottom: 30px; }
   .pstory ul li:nth-child(1){ float:left; }
   .pstory ul li:nth-child(2){ float:right; }
   .pstory ul li:nth-child(3){ float:left; }
   .pstory ul li:nth-child(4){ float:right; }
   .remt_lf{ width: 299px; }
   .worpkan{ padding:10px 0; }
   .remt_rt h2{ margin: 25px auto; }
    .remt_rt p{ font-size: 15px; }

   .kertp{ width: 100% !important; height: auto !important; overflow: hidden !important; zoom: 1 !important; margin: 7% auto !important; position: absolute !important; top: 0 !important; }
   .suroukertp{margin: -3% auto !important;}
   .hezuo{top:25% !important; width: 100% !important; position: absolute !important;}
   .surou{top:20% !important; width: 100% !important; position: absolute !important;}
   .worpkan p.icon1{ background: url("../images/incon1.png") no-repeat center; background-size: 50px 50px !important;}
.worpkan p.icon2{ background: url("../images/incon2.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p.icon3{ background: url("../images/incon3.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p.icon4{ background: url("../images/incon4.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p{width: 100% !important;height: 55px !important; margin: auto !important;}
.worpkan span{ font-size: 25px !important; }
.ouhte {width: 28% !important;}
.souhte {width: 33% !important;}
.linkMore{ width: 100% !important; height: auto !important;overflow: hidden !important; zoom: 1 !important; position: absolute !important;top: 87% !important;}
.souhte .sworpkan{ padding: 0px !important; }
.linkMores{ top: 99% !important }
}

@media screen and (min-width:1599px) and (max-width:1919px){
    .duan20171{ width: 500px !important; }
    .pstory{ top:26%; }
   .kertp{ width: 100% !important; height: auto !important; overflow: hidden !important; zoom: 1 !important; margin: 9% auto !important; position: absolute !important; top: 0 !important; }
   .suroukertp{    margin: 0% auto !important;}
   .hezuo{top:25% !important; width: 100% !important; position: absolute !important;}
   .surou{top:20% !important; width: 100% !important; position: absolute !important;}
   .worpkan p.icon1{ background: url("../images/incon1.png") no-repeat center; background-size: 50px 50px !important;}
.worpkan p.icon2{ background: url("../images/incon2.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p.icon3{ background: url("../images/incon3.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p.icon4{ background: url("../images/incon4.png") no-repeat center;background-size: 50px 50px !important;}
.worpkan p{width: 100% !important;height: 55px !important; margin: auto !important;}
.worpkan span{ font-size: 25px !important; }
.ouhte {width: 28% !important;}
.souhte {width: 33% !important;}
.linkMore{ width: 100% !important; height: auto !important;overflow: hidden !important; zoom: 1 !important; position: absolute !important;top: 87% !important;}
.souhte .sworpkan{ padding: 0px !important; }
.linkMores{ top: 93% !important }
} 

@media screen and (min-width:1920px) and (max-width:2000px){
    .duan20171{ width: 600px !important; }
    .linkMore{ top:85%; }
    .page5 .kertp{ top: 5% !important; }
    .hezuo{ top: 25%; }
    .surou{ top: 24%; }
    .worpkan p{ height: 90px; }
    .worpkan p.icon1{ background: url("../images/incon1.png") no-repeat center; background-size: 90px 90px !important;}
.worpkan p.icon2{ background: url("../images/incon2.png") no-repeat center;background-size: 90px 90px !important;}
.worpkan p.icon3{ background: url("../images/incon3.png") no-repeat center;background-size: 90px 90px !important;}
.worpkan p.icon4{ background: url("../images/incon4.png") no-repeat center;background-size: 90px 90px !important;}
}

@media screen and (min-width:1920px){
    .duan20171{ width: 600px !important; }
}



.ouhteleft .worpkan:nth-of-type(1){ -webkit-transform: translateX(-200px) translateY(-200px); -moz-transform: translateX(-200px) translateY(-200px); -ms-transform: translateX(-200px) translateY(-200px); -o-transform: translateX(-200px) translateY(-200px); transform: translateX(-200px) translateY(-200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.ouhteleft .worpkan:nth-of-type(2){ -webkit-transform: translateY(200px) translateX(-200px); -moz-transform: translateY(200px) translateX(-200px); -ms-transform: translateY(200px) translateX(-200px); -o-transform: translateY(200px) translateX(-200px); transform: translateY(200px) translateX(-200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.ouhteright .worpkan:nth-of-type(1){ -webkit-transform: translateY(-200px) translateX(200px); -moz-transform: translateY(-200px) translateX(200px); -ms-transform: translateY(-200px) translateX(200px); -o-transform: translateY(-200px) translateX(200px); transform: translateY(-200px) translateX(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.ouhteright .worpkan:nth-of-type(2){ -webkit-transform: translateX(200px) translateY(200px); -moz-transform: translateX(200px) translateY(200px); -ms-transform: translateX(200px) translateY(200px); -o-transform: translateX(200px) translateY(200px); transform: translateX(200px) translateY(200px); -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 0;}
.ouhteleft .worpkan_1{ -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; opacity: 1 !important;}
.ouhteleft .worpkan_2{ -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important;}
.ouhteright .worpkan_3{ -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important;}
.ouhteright .worpkan_4{ -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; opacity: 1 !important;}
.cental_str{ -webkit-animation: trans 1.4s ease 180ms alternate none 1; -moz-animation: trans 1.4s ease 180ms alternate none 1; -o-animation: trans 1.4s ease 180ms alternate none 1; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s;}


.sworpkan{width: 354px;
height: 236px;
border: 2px solid #ffffff;
}

.sworpkan img{
	width: 100%;
	height: 100%;
}


.releat_too {
	height: 783px !important;
}





.nit-img{
	width: 100%;
	height: 125px;
}


.nit-img img{
	width:100%;
	height: 100%;
}

/* 单页面 */
.row{ width:100%;  }
.w1100{ width:1100px; margin:0 auto;}
.title{text-align: center; margin-top: 50px;}
.title span{    font-size: 30px; color: red; border: 2px solid white;padding: 10px 50px;  background-color: rgba(0, 0, 0, 0.1);}
.onecountent{    margin-top: 50px;}
.onecountent img { max-width:90%;}
.onecountent p{background-color: rgba(255, 255, 255, 0) !important;}
.onecountent p span{background-color: rgba(255, 255, 255, 0) !important;}
.onecountent table{ background:#A9A9A9}
.onecountent table td{ background:#FFF}

/* 新闻页 */
.cleft{width: 20%; float: left; border: 2px solid white;}
.newstitle{color: white;  font-size: 25px; background-color: #4d8e1e;    height: 60px;text-align: center;line-height: 60px;}
.newstitle p{}
.newstype{}
.newstype>ul{margin: 10px 0px;}
.newstype>ul>a>li{line-height: 28px; border-bottom: 1px dashed white; text-align: center;;  background-color: #8fdc57; color:white;}
.dherji{ padding-left:60px; }

.cright{width: 75%; float: right; display: block !important;}
.crighttitle{border-bottom: 2px solid white;}
.crighttitle span{float: right;}
.newscount{ overflow:hidden; margin-top:35px;}
.newscount h2{ text-align:center;}
.newscount p{ text-align:center;}
.newsnr{ overflow:hidden; margin-top:30px;}
.newsnr>p{ text-align: left; }
.newsnr img{ max-width:92%;}

.newul{}
.newul li{line-height: 35px; border-bottom: 1px solid;}
.ntime{float: right;}

/* 产品页 */
.proul{}
.proul li{    width: 32%; float: left;margin-left: 1%;  margin-top: 20px;}
.proul li:hover .proimgbox img{transform: scale(1.4); }
.proimgbox{ height:160px; overflow:hidden;}
.proimgbox img{ max-height:160px; width:100%;transition: all 1s; } 
.proul li p{}



/* 清除浮动 */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}


    .lftellm{position: fixed;left: 0; z-index: 999; top: 76px;border: 1px solid black; }
    .lftellm-1{text-align: center; font-size: 18px;  padding: 10px; background-color: #E6000E;color: white;}
    .lftellm-2{    background-color: white;color: black;padding: 10px;}
    .lftellm-2 p{margin-top: 7px; color: #000000;}
    .lftellm-2 p a{ color:#000000; }
    .lftellm-3{background-color: #E6000E; color: white; text-align: center;padding: 5px;cursor: pointer;}
    .lftellm2{position: fixed;left: 0; z-index: 999; top: 76px;border: 1px solid #E40011;    background-color: #E40011; color: white; padding: 20px 10px;cursor: pointer;display: none;}
.dheadernav{    position: fixed;  z-index: 999; top: 0; width: 100%;  background-color: black; height: 76px;}
.onepagecount img{ max-width: 95%; }
.crighttitle p{    display: -webkit-inline-box;}
.ltypon{ background-color: #4d8e1e !important; color: black !important; }
.onepagecount p,.onepagecount span{    background: rgba(255, 255, 255, 0) !important;}

.page { padding: 20px 0; text-align: center; font-size: 14px; font-family: '\5b8b\4f53'; }
.page a { display: inline-block; margin: 0 5px; height: 30px; line-height: 30px; padding: 0 12px; border: #bcbcbc solid 1px; border-radius: 2px; color: #666; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 10px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #999 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #999; right: 5px; }
.page a:hover { border: #004a9c solid 1px; text-decoration: none; color: #004a9c; }
.page .on { color: #FFF !important; border: #004a9c solid 1px; background: #004a9c; }

.onepagecount{
	margin-top: 30px;
}

	.video-box {
		position: relative;
	}
.pstory .video-box img{
		position: absolute;
		width: 70px;
		    height: 83px;
		display: block;
		top: 0 ;
		left: 0;
	}

.proul li{
     position: relative;	
}
.proul .spxq{
	position: absolute;
	top: 0;
	left: 0;
	width: 264px;
	height: 160px;
	background-color: rgba(0,0,0,0.5);
	display: none;
}


.proul li:hover .spxq{
	display: block;
}
.spxq p{
	color: #ffffff;
	font-size: 16px;
	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 6;
	    overflow: hidden;
	
}

.spxqtext{

width: 90%;
    height: 80%;
    /* margin: auto; */
    margin: auto;
    margin-top: 7%;
    overflow: hidden;
}