@charset "utf-8";
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .3s ease
}

.header-in {
	width: 90%;
	margin: 10px auto;
	height: 30px;
	transition: all .3s ease
}
.header-in .logo img {
	transition: all .3s ease;
	margin: 0;
	padding: 0;
	height: 25px;
	margin-top: 3px;
}
.header-small .header-in {
	/*margin: 30px auto;*/
	transition: all .3s ease
}
.header-small .navbar-nav ul li a{
	color: #777;
}
.header .logo {
	float: left;
    line-height: .8em;
}
.header-small {
	/*background: #fff;*/
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	 /*-webkit-animation: fadeIn 1s linear 0s both; animation: fadeIn 1s linear 0s both;*/
}
.header .meun-off {
	float: right;
	margin-right: 10px;
	display: none;
	-webkit-transition: all  0.4s linear;
	transition: all 0.4s linear;
}
.header .meun-off.active{
	background-color: #ffdd04;
    color: #fff;
    padding: 0 8px;
	margin-right: 0px;
	-webkit-transition: all  0.4s linear;
	transition: all 0.4s linear;
}
.header .meun-off span {
	width: 23px;
	height: 2px;
	background-color: #000;
	display: block;
	margin: 6px auto;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.header .meun-on #span2 {
	opacity: 0
}

.header .meun-on #span1 {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	-o-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg)
}

.header .meun-on #span3 {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	-o-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg)
}

.nav {
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 0px;
	left: 0;
	background-color: #1a1a1a;
	display: none;
	z-index: -1;
}
.navbg{ width: 100%; height: 50px; background-color: #FFFFFF;}
.nav-in{
	width: 90%;
	background-color:#fff;
	padding: 15px 7%;
	overflow: hidden;
}
.nav ul {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.nav ul li {
	padding: 0 50px;
	-webkit-animation: DDInY .8s .3s ease both;
	-ms-animation: DDInY .8s .3s ease both;
	-moz-animation: DDInY .8s .3s ease both;
	animation: DDInY .8s .3s ease both;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav ul a {
	display: block;
	height: 50px;
	overflow: hidden; 
	color: #ccc;
}

.nav ul p {
	display: block;
	font-size: 14px;
	line-height: 50px;
	text-transform: uppercase;
	color: #e9e7e8;
	text-align: left;
}
.nav ul p span:first-child{
	/*margin-left: 40px;*/
}
.nav ul p span:last-child{
	float: right;
	color: #FFE000;
}

.nav .close {
	display: block;
	position: absolute;
	top: 15px;
	right: 7%;
	width: 2.4em;
}

.nav .close img {
	transition: all .5s ease;
	width: 100%;
}

.nav .close:hover img {
	transform: rotate(180deg)
}

.navbar-nav{
    float: right;
}
.navbar-nav ul li {
    float: left;
}
.navbar-nav ul>li>a{
    position: relative;
    display: block;
    padding: 0px 1.5em;
}
.navbar-nav ul li a{
	color: #fff;
	display: block;
	height: 30px;
    font-size: 1.085rem;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 30px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-align: center;
}
.navbar-nav ul li a.active{
	color:#FFDD04;
}

.navbar-nav ul li a:hover,
.navbar-nav ul li.active a{
    background-color: transparent;
}
.navbar-nav ul li a:focus{
	background-color: transparent;
}
.navbar-nav ul span {
	display: block;
	line-height: 30px;
	text-transform: uppercase
}
.navbar-nav ul li:first-child a{ padding-right: 2em;}
.navbar-nav ul li:last-child a{ padding-left: 2em;}


.banner {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.banner.mt{ margin-top: 70px;}
.banner .bd ul {
	width: 100% !important
}
.banner .bd li {
	width: 100% !important;
	background-position: center 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
/*.banner .bd li.position{background-position-y: 70px;}*/

.banner .bd li .licon {
	display: block;
	width: 90%;
	margin: 0 auto;
	height: 100%;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.fontDiv{
	overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	
}
.banner .bd li .licon p{
	font-size: 45px;
	text-align: center;
	line-height: 55px;
	font-weight: 400;
	text-transform: uppercase;
}
.banner .bd li .licon p:first-child{
	font-size: 70px;
	margin-top: 20%;/*  385*/
	line-height: 1.3em;
}
.banner .hd {
	position: fixed;
	left: 0;
	top: 10px;
	z-index: 1;
	width: 100%;
	overflow: hidden
}
.banner .hd ul {
	text-align: center
}
.banner .hd ul li {
	cursor: pointer;
	display: inline-block;
	/**display: inline;*/
	zoom: 1;
	width: 10px;
	height: 10px;
	margin: 5px;
	overflow: hidden;
	font-size: 0;
	background-color: #fff;
	border-radius: 50%
}
.banner .hd ul .on {
	background-color: #ffdd04
}
.warp1 {
	width: 90%;
	margin: 0 auto;
	padding: 75px 0 50px;
	position: relative;
	z-index: 9;
	background-color: #fff;
	line-height: 30px;
}
.warp1 p{
	margin-bottom:25px;
}
.warp1 p.ptitle{
	font-size: 14px;
	margin-bottom:40px;
}
.warp2 {
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	background-color: #fff
}
.warp-type {
	overflow: hidden; 
	position: relative;
}
.warp-type p {
	width: 100%;
	font-size: 50px;
	color: #FFDD04;
	line-height: 1em; 
	
}
.warp-type p.en{
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 15px;
}
.warp-type .line{
	background-color: #FFDD04;
	height: 5px;
	width: 4rem;
	float: left;
	margin-top: 40px;
	position: relative;
}
.warp-type p.news{
	font-size: 12px;
	line-height: 25px;
	text-align: right;
	color: #777777;
	position: absolute;
	bottom: 0;
	right: 0;
}

.warp2 .warp-type-list {
	width: 100%;
	line-height: 30px; 
	margin: 50px 0 10px;
	overflow: hidden;
}
.warp2 .warp-type-list.home{
	margin: 100px 0 10px;
}
.warp2 .warp-type-list .active {
	text-decoration: underline;
	color: #333;
}
.warp2 .warp-type-list a {
	margin-right: 25px;
	color: #777777;
	font-size: 12px;
	padding: 0 5px;
	overflow: hidden;
	float: left;
}
.warp2 .warp-type-list a:hover {
	color: #ffd502;
	 -webkit-transition: all  0.4s linear;
	transition: all 0.4s linear;
}
.warp2 ul li {
	width: 33.3333%;/*32.66%;*/
	float: left;
	position: relative;
	overflow: hidden;
	display: block;
	/*margin: 0px 2.5px 5px;*/
}
/*.warp2 ul li:nth-child(3n+0){
	margin-right: 0;
}*/
.warp2 ul li img {
	width: 100%;
	height: auto;
	display: block;
	transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.warp2 ul li:hover img {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
}
.warp2 ul li:hover  .case-summaryBg{
	opacity: 0.98;
}
.warp2 ul li:hover  .case-summary .case-summaryCon{
	opacity: 1;
}
.warp2 .case-summary {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.warp2 .case-summaryBg{
	background: rgba(254,221,14,1);
	opacity:0 ;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.warp2 .case-summary .case-summaryCon{
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
	
	color: #FFFFFF;
	text-align: center;
	width: 90%;
	height: 90%;
	opacity: 0;
	overflow: hidden;
	margin: 5% auto;
	position: relative;
}
.warp2 .case-summary .case-summaryCon .case-summaryConFont{
	overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/*.warp2 ul li:hover  .case-summary .case-summaryCon{
	transition: 0.15s;
}*/
.warp2 .case-summary .title {
	font-size: 30px;
	line-height: 30px; 
}
.warp2 .case-summary .caseline{
	background-color: #FFFFFF;
	height: 4px;
	width: 10%;
	margin: 10px auto 0;
}
.warp2 .case-summary .info {
	font-size: 24px;
	line-height: 30px;
	margin-top: 10px;
}
.warp2 .case-summary .type {
	font-size: 15px;
	line-height: 30px;
}
.warp2 .case-summary .view {
	width: auto;
	line-height: 50px;
	padding: 0 10px;
	background-color: #1a1311;
	color: #fdd330;
	font-size: 20px;
	overflow: hidden;
	margin: 4% auto 0;
	display:table;
}
.warp2 .case-more{
	height: 30px;
	font-size: 15px;
	margin: 40px auto; 
	text-align: center;
	line-height: 30px;
	color: #000;
	position: relative;
}
.warp2 .case-more:before{
	content: "\e6fe";
	position: absolute;
	top: 0;
	right: -30px;
	-webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out 0s;
       -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
         -o-transition: all 0.2s ease-in-out 0s;
    		transition: all 0.2s ease-in-out 0s;
    font-size: 18px;
    font-weight: 600;
}
.warp2 .case-more:hover{
	color: #707070;
}
.warp2 .case-more:hover:before {
    right: -40px;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    color: #000;
}
.warp2 .case-more i{
	color: #010101;
	font-size: 22px;
	margin-left: 15px;
}

.warp3,.warp5 {
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	background-color: #fff;
	overflow: hidden;
}
.warp3 .title{
	width: 100%;
	font-size: 50px;
	color: #777777;
	line-height: 1em; 
	text-transform:uppercase;
    margin-top: 100px;
    text-align: center;
}
.warp3 .title.cn{
	width: 100%;
	line-height: 50px; 
	margin: 15px 0 45px;
	overflow: hidden;
    text-align: center;
}
.warplist{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.warp3 a {
	color: #898989
}

.warp3 .warp3-list {
	width: 33.3%;
	margin-right: .2%;
	overflow: hidden;
	background-color: #F7F7F7;
}
.warp3 .warp3-list:nth-child(3){
	margin-right: 0;
}
/*.warp3 .warp3-list.home:hover .warp3-list-hover{
	-webkit-transition: all  0.4s linear; transition: all 0.4s linear;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
}*/
.warp3 .warp3-list ul li a:hover{
	color: #161616;
	 -webkit-transition: all  0.4s linear; transition: all 0.4s linear;
}
.warp3-list-con{
	width:80%;
	overflow: hidden;
	margin: 0 auto 40px;
}
.warp3-list-hover{
	transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.creativelist .warp3-list-con{
	width:90%;
	overflow: hidden;
	margin: 0 0 40px;
}
.warp3 .warp3-list .logoBox{
	width: 35%;
	text-align: center;
	overflow: hidden;
	margin: 40px 0 0;
	position: relative;
}
.warp3 .warp3-list .logoBox .logohei{
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	opacity: 1;
	-webkit-transition: all  0.2s linear; transition: all 0.2s linear;
}
.warp3 .warp3-list .logoBox .logohuang{
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all  0.2s linear; transition: all 0.2s linear;
}
.warp3 .warp3-list.home:hover .logoBox .logohei{
	opacity: 0;
	-webkit-transition: all  0.2s linear; transition: all 0.2s linear;
}
.warp3 .warp3-list.home:hover .logoBox .logohuang{
	opacity: 1;
	-webkit-transition: all  0.2s linear; transition: all 0.2s linear;
}

.warp3 .warp3-list .logoBoxcon{
	overflow: hidden;
}

.warp3 .warp3-list .logo{
	text-align: center;
	overflow: hidden;
	/*float: left;*/
}
.warp3 .warp3-list .logoBox img{
	width: 100%;
	display: block;
}

.warp3 .warp3-list .intro{
	font-size: 12px;
}
.warp3 .warp3-list .title{
	 width: 100%;
	 font-size: 16px;
	 text-align: left;
	 line-height: 20px;
	 color: #161616;
	 margin-top: 40px;
}
.warp3 .warp3-list .title-cn{
	 width: 100%;
	 font-size: 14px;
	 text-align: left; 
	 line-height: 20px;
	 color: #161616;
	 margin-top: 5px;
}
.warp3 .warp3-list .intro{
	margin: 30px 0 50px;
	line-height: 25px;
}

.warp3 .warp3-list ul li a {
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #898989;
	font-size: 14px;
	text-align: left;
	line-height: 35px;
}

.warp3 .warp3-list ul li a i{ font-size: 10px; color: #FFDD04; margin-right: 8px;}
.warp3 .warp3-list.defaultbgColor ul li a{ color: #161616;}
.warp3 .warp3-list ul.long li a {
	line-height: 30px;
}
.warp3 .warp3-list ul .libtn{
	display: block;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	margin: 20px 0;
}
.warp3 .warp3-list ul.long .libtn{
	margin-top: 24px;
}
.warp3 .warp3-list ul .libtn a{
	position: relative;
	margin-right: 36px;
}
.warp3 .warp3-list ul .libtn a:before{
	font-size: 18px;
	margin-left: 15px;
	font-weight: bold;
	vertical-align: middle;
    position: absolute;
    right: -36px;
    top: 0;
    height: 50px;
    width: 36px;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out 0s;
       -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
         -o-transition: all 0.2s ease-in-out 0s;
    		transition: all 0.2s ease-in-out 0s;
}

.warp3 .warp3-list ul .libtn a:hover:before {
    right: -50px;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}




.warp4 {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 10;
	background-color: #ffd302;
	margin-top: 120px;
	border-top:#c3a93d 1px solid;
}
.warp4 .warp4-list {
	width: 33.33%;
	padding: 30px 0;
}
.warp4 .warp4-list:nth-child(2){
	background-color: #f6c706;
}
.warp4 .warp4-title {
	color: #1a1311;
	font-size: 16px; 
	overflow: hidden;
	margin: 0 auto;
	display: table;
}
.warp4-font{
	float: left;
	line-height: 25px;
	background: url(../../images/icon_phone.png) no-repeat left center;
	background-size: 48px;
	padding:5px 0px 0px 4.8em;
	display: block;
}
.warp4-font.adres{ background: url(../../images/icon_adres.png) no-repeat left center; background-size: 48px;}
.warp4-font.mesg{ background: url(../../images/icon_masg.png) no-repeat left center; background-size: 45px; padding:5px 0px 10px 5em;line-height: 40px;}
.line-height50{
	line-height: 50px;
}
.warp4-icon{
	display: none;
	text-align: center;
	line-height: 25px;
}
.warp4-icon p:first-child{
	padding-bottom: 25px;
}
.warp4-icon p.m-t-20{
	margin-top: 20px;
}
.footer {
	background: #212121;
	padding: 50px 0;
	position: relative;
	z-index: 10
}
.footer-in {
	width: 90%;
	margin: 0 auto;
	color: #686868;
	overflow: hidden;
}
.footer-top{
	margin-bottom: 30px;
}
.fonter-logo{
	width: 88px;
	text-align: center;
}
.fonter-logo img{ width: 100%;}
.footer-center dl{ float: left; margin-right: 87.5px;}
.footer-center dl:first-child{ margin-right: 75px;}
.footer-center dl:nth-child(2){ margin-right: 81px;}
.footer-center dl dt{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }
.footer-center dl dd{ font-size: 12px; line-height: 25px; margin-bottom: 10px; }
.footer-center dl dd a,.footer-center dl dt a{ display: block; -webkit-transition: all  0.4s linear; transition: all 0.4s linear;}
.footer-center dl dd a:hover{ color: #CCCCCC;}
.footer-center dl dt a:hover{ color: #CCCCCC;}
.footer-center p{ line-height: 30px;}
.footer-center .code{ width: 100px; font-size: 12px; text-align: center; margin-top: 25px;}
.footer-bottom{ background-color:#161616; text-align: left; padding: 15px 0 15px;}
.footer-bottom span{ margin-right: 10px; font-size: 12px; line-height: 30px;}
.footer-bottom .icondiv a{ font-size: 22px; margin-left: 25px; }
.footer-bottom .icondiv a:hover{ color: #fff;}
.footer-bottom .icondiv a:first-child{ margin-left: 0;}
.backtop {
	display: block;
	width: 35px;
	height: 35px; 
	font-size: 30px;
	text-align: center;
	color: #5f6061; 
	position: fixed;
	right: 20px;
	bottom: 13%;
	opacity: .7;
	z-index: 99;
	display: none;
}
.backtop:hover {
	opacity: 1
}
.imgbig {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	display: block !important
}

.imgbig:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.imgbigout {
	display: block;
	overflow: hidden
}

.lazy {
	background: url("../../images/loading.gif") 50% 50% no-repeat
}

.tran {
	transition: all .3s ease
}
.creative-more{ width: 35px; height: 35px; text-align: center; margin: 40px auto 120px; overflow: hidden; display: block;}
.creative-more img{ width: 100%;}
.warp4.about{ margin-top: 50px; border: none; padding: 40px 0px 80px;}
.warp-in{ width: 90%; margin: 0 auto; overflow: hidden;}
.warp4.about p{ font-size: 12px; color: #777777; text-align: left; line-height: 35px; margin-bottom: 35px;}
.warp4.about p.title{ font-size: 30px; line-height: 40px;}
.warp4.about p.title.mt{ margin-top: 55px;}
.warp4.about p span{ color: #1a1311;}
.aboutform .left{ width: 40%; overflow: hidden; float: left; padding-top:30px;}
.aboutform .right{ width: 58%; overflow: hidden; float: right; padding-top: 35px;}
.aboutform{ overflow: hidden; border-top: none;}
.aboutform .title{ font-size: 20px; line-height: 35px;}
.aboutform .title.en{ font-size: 15px; line-height: 30px;}
.aboutform .list{ line-height: 25px; padding:0px 0px 0px 3em; margin-bottom: 35px; position: relative;}
.aboutform .list .linklist{ width: 60%;}
.aboutform .list.adres{ margin-bottom: 20px;}


.aboutform .list .ibox{ position: absolute; left: 0; top: 3px; width: 20px; overflow: hidden; text-align: left;}
.iboxcon{ width: 50px; overflow: hidden; display: block;}
.aboutform .list i{ font-size: 18px; display: inline-block;}

.aboutform .list i.fs20{ font-size: 18px;}
.aboutform .list i.fs25{ font-size: 20px;}
.aboutform .right p{ font-size: 18px;}
.aboutform .right .row{ overflow: hidden; font-size: 14px; line-height: 30px; border:#d7d8d8 1px solid; }
.aboutform .right .row input{ width: 100%; line-height: 30px; text-indent: 1em;}
.aboutform .right .row .rows{ width: 48.5%; float: left; border:#d7d8d8 1px solid; }
.aboutform .right .row textarea{ width: 100%; line-height: 30px; text-indent: 1em; border: none; display: block;}
.aboutform .right .row.btn{ background-color: #FFD902; color: #fff; font-size: 16px; text-align: center; border-color: #FFD902; cursor: pointer; }
.aboutform .right .row.btn:hover{ background-color: #707070; border-color: #777; -webkit-transition: all  0.4s linear; transition: all 0.4s linear;}

.warp2 .warp-left{ width: 38%; text-align: left; overflow: hidden; float: left;}
.warp2 .warp-right{ width: 62%; text-align: left; overflow: hidden; float: left;}
.warp2 .warp-left p{ font-size: 18px; color: #777777; line-height: 35px; margin-bottom: 20px;}
.warp2 .warp-left p.title{ font-size: 47px; line-height: 60px; margin-bottom: 40px;}
.warp2 .warp-right p{ font-size: 14px; line-height: 30px;}
.icondiv{ font-size: 14px; line-height: 22px; overflow: hidden; }
.icondiv.ab{ position: absolute; bottom: 30px;}
.icondiv a{ font-size: 20px; margin-left: 20px; }
.warp-content{ overflow: hidden; margin-top: 50px; text-align: center;}
.warp-content img{ width: 100%; display: block; margin-bottom: 5px;}

.newType.warp-type-list {
	width: 100%;
	line-height: 30px; 
	margin: 20px 0 10px;
	overflow: hidden;
}
.newType.warp-type-list .active {
	/*text-decoration: underline;*/
	color: #333;
}
.newType.warp-type-list a {
	margin-right: 25px;
	color: #777777;
	font-size: 12px;
	padding: 0 5px;
	overflow: hidden;
	float: left;
}
.newType.warp-type-list a:hover {
	color: #ffd502;
}
.newlist{ overflow: hidden; margin-top: 50px; }
.newlist ul li{ width: 100%; overflow: hidden; margin-bottom: 50px; display: inline-block; position: relative; border-top: #e8e8e8 1px solid; padding-top: 50px; }
.newlist ul li:first-child{ border-top: none; padding-top: 0;}
.newlist ul li .logo{ width: 50%; height: 300px; text-align: center; overflow: hidden; float: left; }
.newlist ul li .logo img{ width: 100%;}
.newlist ul li .newCon{ width: 45%; text-align: left; overflow: hidden; float: right;}
.newlist ul li .newTitle{ font-size: 20px; line-height: 30px; overflow: hidden; }
.newlist ul li p{ font-size: 12px; line-height: 25px;}
.newlist ul li .newbtn{ overflow: hidden; position: absolute; bottom: 30px;}
.newlist ul li .newbtn a{ font-size: 16px; line-height: 30px; padding: 0 10px; border: #808080 1px solid; float: left; }
.newlist ul li .newbtn a:after {
    width: 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    background-color: #ffe400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.newlist ul li .newbtn a:hover{
	color: #1a1a1a;
	 border: #FFDD04 1px solid;
}
.newlist ul li .newbtn a:hover:after {
    width: 100%;
}
.newlist ul li .newdate{ font-size: 12px; line-height: 25px; display: inline-block; position: absolute; bottom: 0px; }
.news-date{ font-size: 14px; text-align: left; line-height: 25px; margin-bottom: 20px;}
.news-title{ font-size: 25px; text-align: left; line-height: 40px; color: #333;}
.newDetail{ font-size: 14px; text-align: left; line-height: 20px;}
.newDetail img{ margin-bottom: 15px;}
.newDetail p{ margin-bottom: 20px; }

.warp3.map{ width: 100%; height: 820px;}
.mapLabel{ color: #ffdd04; background-color: #161616; padding: 20px 10px; position: relative;}
.mtitle{ font-size: 18px; line-height: 30px; display: block;}
.madres{ font-size: 14px; line-height: 20px; display: block;}
.mtel{ font-size: 12px; line-height: 20px; display: block; margin-top: 10px;}
.mtel a{ font-size: 18px; color: #ffdd04;}
.mdown{ width:0px; height:0; border-width:10px 10px 0; border-style:solid; border-color:#161616 transparent transparent; bottom: -10px; left: 30px; position:absolute;}
.proverb{ border-top: none;}
.proverb p{ font-size: 45px; text-align: center; line-height: 60px; overflow: hidden;}
.proverb p:last-child{ font-size: 40px;}
.proverb p span{ color: #ffdd04;}
.proverb .pad{ display: none;}

.creative-banner-text{color: #ffd302;}
.creative-small-title{font-size: 40px !important;margin-top: 30px;}
.warp-type p.creative-small-title{ line-height: 1.2em;}
.creative-tree{padding: 20px 0px;margin-bottom:120px;background: #F7F7F7;text-align: center;font-size: 0;}
.creative-tree img{max-width: 100%;}

.creative-fuwu{width:100%;padding: 50px 0;margin-bottom:120px;background: #F7F7F7;height: auto;overflow: hidden;display: table;}
.creative-fuwu .creative-fuwu-left{width: 46%;height: 100%;padding-right:4%;vertical-align: middle;display: table-cell;}
.creative-fuwu .creative-fuwu-left h2{font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.creative-fuwu .creative-fuwu-left p{line-height: 30px;}
.creative-fuwu .creative-fuwu-right{width: 40%;vertical-align: middle;text-align:right;display: table-cell;}
.creative-fuwu .creative-fuwu-right img{width: 100%;}
.creative-fuwu .creative-fuwu-cont{width:90%;margin:0 auto;}

.zhiye-content{width:100%;padding: 50px 0;margin-bottom:120px;background: #F7F7F7;height: auto;overflow: hidden;display: table;}
.zhiye-content .zhiye-content-cont{width:90%;margin:0 auto;}
.zhiye-content .zhiye-content-left{width: 38%;height: 100%;padding-right:5%;display: table-cell;border-right: 1px solid #fff;}
.zhiye-content .zhiye-content-left ul li{display: block;margin-bottom:40px;font-size: 18px; line-height: 35px;}
.zhiye-content .zhiye-content-right{width: 50%;padding-left:7%;display: table-cell;}
.zhiye-content .zhiye-content-right .zhiye-list{height: auto;overflow: hidden;}
.zhiye-content .zhiye-content-right .zhiye-list h3{font-size: 18px;margin-bottom: 10px;}
.zhiye-content .zhiye-content-right .zhiye-list h4{font-size: 16px;margin-bottom: 15px;}
.zhiye-content .zhiye-content-right .zhiye-list p{line-height: 30px;}

.right-kefu{position: fixed;right: 0;width:60px;bottom: 400px;z-index:33;}
.right-kefu ul li{display: block;height:60px;margin-bottom:2px;}
.right-kefu ul li a{display: block;height: 60px;background: #ffdd04;color:#000;font-size: 12px;font-weight: bold;text-align: center;}
.right-kefu ul li a:hover{ color: #fff; transition: all 0.4s linear;}
.right-kefu ul li a span{font-size: 25px;display: block;padding: 10px 0 2px 0;}



.shake{ animation-name: shake; animation-duration: 2s; animation-delay: 3s; animation-iteration-count: infinite; -webkit-animation-name: shake; -webkit-animation-duration: 2s; -webkit-animation-delay: 3s; -webkit-animation-iteration-count: infinite;}
.headerBg{ width: 100%; height: 50px; background-color: #fff; position: fixed; left: 0px; top:0px; z-index: -1; display: none;}

.newsUl li{ width: 32%; overflow: hidden; float: left; margin-right: 2%;}
.newsUl li a{ display: block;}
.newsUl li:nth-child(3){ margin-right: 0; }
.newsUl li .newsLogo{ width: 100%; text-align: center; overflow: hidden;}
.newsUl li .newsLogo img{ width: 100%;transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);}
.newsUl li .newsLogo:hover img{
	-webkit-transition: all  0.3s linear; transition: all 0.3s linear;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
}
.newsUl li .newsTitle{ font-size: 15px; line-height: 25px; text-align: left; overflow: hidden; margin: 20px 0;}
.newsUl li .newsIntro{ font-size: 12px; line-height: 25px; text-align: left; overflow: hidden; min-height: 125px; max-height: 125px;}
.newsUl li .newsDate{ font-size: 12px; line-height: 30px; text-align: left; overflow: hidden; margin: 30px 0 0;}
.newsUl li .newsBtn{ font-size: 14px; line-height: 24px; padding: 0 10px; border: #777 1px solid; overflow: hidden; float: left; -webkit-transition: all .25s; transition: all .25s;}
.newsUl li .newsBtn:hover{ background-color: #FFDD04; color: #FFFFFF; border: #FFDD04 1px solid;}
.newsUl li .newsBtn:hover a{ color: #FFFFFF;}
.caseDetails{ padding: 0 50px;}

.shadow{ width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.7); display: none; }
.shadowCon{ width: 325px; text-align: center; color: #000000; overflow: hidden; background-color: #FFDD04; position: absolute; left: 50%; top: 50%; margin-left: -185px; margin-top: -120px; }
.serverTel{ padding: 30px 20px; position: relative; text-align: left;}
.serverTel p{ font-size: 20px; text-indent: 1rem; line-height: 30px;}
.serverTel p.mt{ margin-top: 20px;}
.serverTel .row{ width: 100%; font-size: 32px; text-align: left; text-indent: 1rem; line-height: 35px; padding-top: 5px; background-color: #000000; color: #FFDD04;}
.serverTel .closeBtn{ font-size: 20px; color: #000000; position: absolute; top: 0; right: 0; padding: 21px 20px 15px 15px; overflow: hidden; cursor: pointer; }


.pWidth{ width: 70%;}
.pWidth2{ width: 81%;}