@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
body {font-size: 14px;margin:0px;  font-family:"微软雅黑";}
a{ color:#333; text-decoration:none;}
a:active{ color: #333; text-decoration:none;}
a:hover{color: #c9c9c9;}
:focus{outline:0}
img { border-style: none;border:0px;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
input,button{ vertical-align:middle}
.clear{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}
p{    -webkit-margin-before: 0em; -webkit-margin-after: 0em;}

.wrap{ width:100%; margin:0 auto; overflow:hidden;}

.layout { height: 100%;}
.header {height: 112px;position: fixed;width: 100%;left: 0;top: 0;background: url(../images/top_bg.png) repeat;text-align: center;z-index: 99999;}
.naver { width: 1200px; margin: 0 auto;}
.header .naver .dk_top_left{ float:left; margin-left:14px; margin-top:19px;}
.nav {float: left;}
.nav li { float: left;line-height: 112px; height: 112px;    text-align: center; margin-left:52px;}
.nav li a{ font-family:"微软雅黑"; font-size:18px; color:#666666;}
.tel { margin-top: 42px; float: right;margin-right: 8px; margin-left:70px;font-family:'微软雅黑'; font-size:28px; color:#d90000;font-weight: bolder; height:28px; line-height:28px;}

.index_d{top:777px;
	 z-index:9999;
	 position:absolute;
	 width:100%;}
.work_row {
	    width: 100%;
    background: #fff;
    overflow: hidden;
}
.work_item,
.work_itemset {
    float: left;
    cursor: pointer;
    position: relative;
}
.work_item img,
.work_itemset img {
    width: 100%;
    float: left;
}
.item_sub {
    overflow: hidden;
    position: relative;
}
.item_sub i,
i.red_mask {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/redBg.png")/*tpa=images/redBg.png*/;
    opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:    all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.item_sub em {
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -19px; 
    background: url("../images/plus_icon_2.png")/*tpa=http://www.toprand.com/assets/images/skin/plus_icon_2.png*/;
    opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:    all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.item_sub .cate_box {
    width: 100px;
    height: 23px;
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 60%;
    margin: -50px; 
    opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    transition-delay:         .5s;
    -webkit-transition-delay: .5s;
    -ms-transition-delay:     .5s;
    -moz-transition-delay:    .5s;
    -o-transition-delay:      .5s;
}

.item_sub h3 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 39%;
    left: 0;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
   
}
.item_sub sup { font-size:20px;}


.item_sub span {
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    opacity: 0;
}
.item_sub span:first-child {
    transition-delay: 		  .2s;
    -webkit-transition-delay: .2s;
    -ms-transition-delay: 	  .2s;
    -moz-transition-delay: 	  .2s;
    -o-transition-delay:      .2s;
}
.item_sub span:nth-child(2) {
	display: block;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin: 12px 0 0 0; 
    font-weight: normal;
    transition-delay: 		  .4s;
    -webkit-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -moz-transition-delay:    .4s;
    -o-transition-delay: 	  .4s;
}
.item_sub.small span:nth-child(2) {
    font-size: 16px;
}
.portfolio .row1 .item_sub h3,
.portfolio .row2 .item_sub h3 {
    top: 41%;
}
.portfolio .row1 .item_sub.small h3,
.portfolio .row2 .item_sub.small h3 {
    top: 41%;
}
.portfolio .row1 .work_col1 .item_sub h3,
.portfolio .row1 .work_col3 .item_sub h3,
.portfolio .row1 .work_col5 .item_sub h3,
.portfolio .row2 .work_col6 .item_sub h3 {
    top: 41%;
}
.portfolio .row1 .work_col3 {
	float: right;
}
.portfolio .row1 .item_sub .cate_box,
.portfolio .row2 .item_sub .cate_box {
    top: 93%;
}
.portfolio .row1 .item_sub.small .cate_box,
.portfolio .row2 .item_sub.small .cate_box {
    top: 96%;
}
.portfolio .row1 .work_col1 .item_sub .cate_box,
.portfolio .row1 .work_col3 .item_sub .cate_box,
.portfolio .row2 .work_col4 .item_sub .cate_box,
.portfolio .row2 .work_col5 .item_sub .cate_box {
    top: 73%;
}
.item_sub:hover i,
.guy_wrapper:hover i {
	opacity: 1;
}
.item_sub:hover span,
.item_sub:hover em,
.item_sub:hover .cate_box {
    opacity: 1;
}
.item_sub:hover em {
	top: 25%;
}
.work0 {
    width: 52.85%;
}
.work1 {
    width: 47.15%;
}
.work_col2 {
	/* height: 340px; */
	background: #fff;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    position: relative;
}
.red_block {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	z-index: 0;
	opacity: 0;
	background: #b20d18;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.work_col2,
.work_col5 {
    width: 14.37%;
}
.special_card_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	margin: 20% 0 0 12%;
}

.partners{ width:100%; background:url(../images/hezuo_bg.jpg); background-position:center center; height:596px;}
.partners_nr ul li{ float:left; border:1px solid #bebebe; padding:4px; margin-right:13px; margin-bottom:17px;}
.partners_nr{ width:1119px; margin:0 auto; padding-top:79px;}
.partners_title{ font-family:"微软雅黑"; font-size:25px; color:#292929; text-align:center; line-height:25px; padding-top:59px;}
.partners_title1{ font-family:"微软雅黑"; font-size:21px; color:#989898; text-align:center; line-height:21px; padding-top:11px;}

.lb_pro{ width:100%; margin:0 auto; background-color:#ffffff; height:418px;}
.lb_pro ul li{      float: left; margin-top: 2px;margin-right: 2px;}
#demo {margin: 0 auto;overflow: hidden;  width:100%; height:349px; }

.sy_jj{ width:100%; margin:0 auto;}
.jj_tu{ width:52%; float:left;}
.jj_bg{ width:48%; float:left;}
.l{ width:188px; margin:0 auto;}
.jj_nr{ width:80%; margin:0 auto; font-family:"微软雅黑"; font-size:14px; color:#9f7c25; line-height: 26px;}
.jj_more a{ font-family:"宋体"; font-size:12px; color:#535353;}
.jj_more{ width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #bbbbbb; margin:0 auto; }




/* Head */
/*=============================================================*/
.head_full {
    top: 0px;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    transition-delay:         .2s;
    -webkit-transition-delay: .2s;
    -ms-transition-delay:     .2s;
    -moz-transition-delay:    .2s;
    -o-transition-delay:      .2s;
}
.head_full.down {
    top: 0;
}
.head_lite {
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 999;
    top: 55px;
}
.logo_lite {
    position: absolute;
    margin: 0 0 0 65px;
}
.nav_lite {
    position: absolute;
    right: 60px;
    margin: -6px 0 0 0;
}
.nav_lite li {
    float: left;
    padding: 8px 9px; 
}
.nav_lite a {
    display: block;
    color: #fff;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    font-weight: bold;
    margin-left: 8px;
    border-bottom: 2px solid transparent;
    transition:         all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition:     all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -o-transition:      all .2s ease-out;
}
.nav_lite a:hover {
    border-bottom: 2px solid #fff;
}
/* Slideshow */
/*=============================================================*/

.slideshow {
    position: fixed;
    z-index: -1;
    /* overflow: hidden; */
}
.slideshow_wrapper {
	position: relative;
	overflow: hidden;
}
.slideshow_list {
	overflow: hidden;
	webkit-transform: translate3d(0, 0, 0);
	-moz-transform:   translate3d(0, 0, 0);
	-ms-transform:    translate3d(0, 0, 0);
	-o-transform:     translate3d(0, 0, 0);
	transform:        translate3d(0, 0, 0);
	-webkit-transition: all .4s cubic-bezier(.165, .840, .44, 1);
	-ms-transition:     all .4s cubic-bezier(.165, .840, .44, 1);
	-moz-transition:    all .4s cubic-bezier(.165, .840, .44, 1);
	-o-transition: 		all .4s cubic-bezier(.165, .840, .44, 1);
	transition: 		all .4s cubic-bezier(.165, .840, .44, 1);
}
.show_text {
	position: absolute;
	left: 30%;
	top: 32%;
	opacity: 0;
	webkit-transform: translate3d(0, 0, 0);
	-moz-transform:   translate3d(0, 0, 0);
	-ms-transform:    translate3d(0, 0, 0);
	-o-transform:     translate3d(0, 0, 0);
	transform:        translate3d(0, 0, 0);
    transition:         all .4s cubic-bezier(.165, .840, .44, 1);
    -webkit-transition: all .4s cubic-bezier(.165, .840, .44, 1);
    -ms-transition:     all .4s cubic-bezier(.165, .840, .44, 1);
    -moz-transition:    all .4s cubic-bezier(.165, .840, .44, 1);
    -o-transition:      all .4s cubic-bezier(.165, .840, .44, 1);
    transition-delay:         260ms;
    -webkit-transition-delay: 260ms;
    -ms-transition-delay:     260ms;
    -moz-transition-delay:    260ms;
    -o-transition-delay:      260ms;
}
.slideshow_list li {
    float: left;
    position: relative;
    overflow: hidden;
}
.slideshow_list li a{display:block}
.slideshow_list li a img {
    margin-top: -100px;
}
.slideshow_pagination {
	position: absolute;
	left: 50%;
}
.slideshow_pagination li {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	float: left;
	margin: 0 9px; 
	cursor: pointer;
	position: relative;
}
.slideshow_pagination li em {
    width: 10px;
    height: 10px;
    display: block;
    background: #482100;
    opacity: .2;
    border-radius: 5px;
    position: absolute;
    left: 6px;
    top: 6px;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.slideshow_pagination li i {
    width: 22px;
    height: 22px;
    display: block;
    background: #fff;
    opacity: 0;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.slideshow_pagination li.active em,
.slideshow_pagination li:hover em {
    opacity: .6;    
}
.slideshow_pagination li.active i {
    opacity: .1;    
}
.downgo {
    width: 30px;
    height: 54px;
    position: absolute;
    right: 50%;
    bottom: -24px;
    margin-right: -15px; 
    z-index: 999;
    cursor: pointer;
    background: url("../images/menu_down.png")/*tpa=http://www.toprand.com/assets/images/skin/menu_down.png*/;
}
.downgo_bg {
    background-image:url("../images/menu_down_bg.png")/*tpa=http://www.toprand.com/assets/images/skin/menu_down_bg.png*/;
    background-position: 0 0;
    position: absolute;
    width: 16px;    
    height: 33px;
    left: 7px;
    top: 12px;
    transition: background-position .3s linear;
    -webkit-transition: background-position .3s linear;
    -ms-transition: background-position .3s linear;
    -moz-transition: background-position .3s linear;
    -o-transition: background-position .3s linear;
}

.downgo:hover .downgo_bg {
	-webkit-animation: top_bottom_over .3s linear infinite;
	-ms-animation: top_bottom_over .3s linear infinite;
	-moz-animation: top_bottom_over .3s linear infinite;
	-o-animation: top_bottom_over .3s linear infinite;
	animation: top_bottom_over .3s linear infinite;
}

@-webkit-keyframes top_bottom_over { 0% { background-position: 0 0; }  100% { background-position: 0 11px; } }
@-ms-keyframes top_bottom_over { 0% { background-position: 0 0; }  100% { background-position: 0 11px; } }
@-moz-keyframes top_bottom_over { 0% { background-position: 0 0; }  100% { background-position: 0 11px; } }
@-o-keyframes top_bottom_over { 0% { background-position: 0 0; }  100% { background-position: 0 11px; } }
@keyframes top_bottom_over { 0% { background-position: 0 0; }  100% { background-position: 0 11px; } }	

/* Slideshow end */

/* Portfolio */
/*=============================================================*/

.portfolio {
    width: 100%;
    padding: 886px 0 0 0;
}

.work_item,
.work_itemset {
    float: left;
    cursor: pointer;
    position: relative;
}
.work_item img,
.work_itemset img {
    width: 100%;
    float: left;
}
.item_sub {
    overflow: hidden;
    position: relative;
}
.item_sub i,
i.red_mask {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/redBg.png")/*tpa=images/redBg.png*/;
    opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:    all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}

.item_sub .cate_box {
    width: 100px;
    height: 23px;
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 60%;
    margin: -50px; 
    opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    transition-delay:         .5s;
    -webkit-transition-delay: .5s;
    -ms-transition-delay:     .5s;
    -moz-transition-delay:    .5s;
    -o-transition-delay:      .5s;
}
.item_sub h4 {
    width: 26px;
    height: 23px;

    display: block;
    float: left;
    margin: 0 9px 0 0;
    background: url("../images/skin/cate.png")/*tpa=http://www.toprand.com/assets/images/skin/cate.png*/;
}
.item_sub h4:last-child {
    margin: 0; 
}
h4.cate0 {
    background-position: 0 -20px;
}
h4.cate1 {
    background-position: -26px -20px;
}
h4.cate2 {
    background-position: -52px -20px;
}
h4.cate3 {
    background-position: -80px -20px;
}
h4.cate4 {
    background-position: -106px -20px;
}

.item_sub sup { font-size:20px;}



.item_sub.small h3 {
    font-size: 31px;
	font-family:"微软雅黑";
	color:#ffffff;
	font-weight:normal;
	line-height:10px;
}
.item_sub span {
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    opacity: 0;
}
.item_sub span:first-child {
    transition-delay: 		  .2s;
    -webkit-transition-delay: .2s;
    -ms-transition-delay: 	  .2s;
    -moz-transition-delay: 	  .2s;
    -o-transition-delay:      .2s;
}
.item_sub span:nth-child(2) {
	display: block;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin: 12px 0 0 0; 
    font-weight: normal;
    transition-delay: 		  .4s;
    -webkit-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -moz-transition-delay:    .4s;
    -o-transition-delay: 	  .4s;
}
.item_sub.small span:nth-child(2) {
    font-size: 14px;
}
.item_sub:hover i,
.guy_wrapper:hover i {
	opacity: 1;
}
.item_sub:hover span,
.item_sub:hover em,
.item_sub:hover .cate_box {
    opacity: 1;
}
.item_sub:hover em {
	top: 25%;
}

.work_col2 {
	/* height: 340px; */
	background: #fff;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    position: relative;
}
.red_block {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	z-index: 0;
	opacity: 0;
	background: #b20d18;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.work_col2,
.work_col5 {
    width: 14.37%;
}
.special_card_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	margin: 20% 0 0 12%;
}

.clients,
.news,
.contact {
	background-color: #fff;
	width: 100%;
	overflow:hidden;
}
.services .inner1024 {
	height: 730px;
}
.summary i {
	display: block;
	line-height: 60px;
}
.summary h2 {
	
	font-weight: bold;
	font-size: 50px;
	line-height: 72px;
	
	display: block;
}

.summary h3 {
	font-weight: bold;
	font-size: 35px;
	line-height: 20px;
	color: #0f0f0f;
	display: block;
	padding: 10px 0 10px 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.summary h4 {
	width: 595px;
	color: #666;
	display: block;
	padding: 0 0 24px 0;
}
.services .summary h4 {
	width: 655px;
}
.summary h5 {
	width: 170px;
	height: 4px;
	display: block;
	background: #000;
	margin: 0 0 40px 0; 
}
.summary .hong{ background:#000000;}
.services_col {
	overflow: hidden;
	padding: 0 0 100px 0;
}
.services_col div {
	width: 175px;
	padding: 110px 0 0 0;
	float: left;
	overflow: hidden;
	position: relative;
}
.services_col i {
	width: 97px;
	height: 97px;
	
	display: block;
	position: absolute;
	left: 0;
	top: 0;

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: 	all 600ms ease-in-out;
    -ms-transition: 	all 600ms ease-in-out;
    -o-transition: 		all 600ms ease-in-out;
    transition: 		all 600ms ease-in-out;

    -webkit-backface-visibility: hidden; 
    -ms-backface-visibility: hidden; 
    -moz-backface-visibility: hidden; 
    -o-backface-visibility: hidden; 
    backface-visibility: hidden; 
}

.services_col i.lower {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.services_col i.upper {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.services_col div:hover i.lower {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}
.services_col div:hover i.upper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.services_col .col0 i.upper {
	background: url("../images/skin/servicesIcon.png");
}
.services_col .col1 i.upper {
	background: url("../images/skin/servicesIcon.png") -97px 0;
}
.services_col .col2 i.upper {
	background: url("../images/skin/servicesIcon.png") -194px 0;
}
.services_col .col3 i.upper {
	background: url("../images/skin/servicesIcon.png") -291px 0;
}
.services_col .col4 i.upper {
	background: url("../images/skin/servicesIcon.png") -388px 0;
}
.services_col .col0 i.lower {
	background: url("../images/skin/servicesIcon.png") 0 bottom;
}
.services_col .col1 i.lower {
	background: url("../images/skin/servicesIcon.png") -97px bottom;
}
.services_col .col2 i.lower {
	background: url("../images/skin/servicesIcon.png") -194px bottom;
}
.services_col .col3 i.lower {
	background: url("../images/skin/servicesIcon.png") -291px bottom;
}
.services_col .col4 i.lower {
	background: url("../images/skin/servicesIcon.png") -388px bottom;
}
.services_col em {
	font-weight: bold;
	font-size: 22px;
	color: #00581B;
	display: block;
	padding: 24px 0;
}
.services_col li {
	font-size: 14px;
	line-height: 22px;
	color: #494949;
}

.services_col .col0,
.services_col .col1,
.services_col .col2,
.services_col .col3 {
	
	margin-right: 37px;
}

/* Services end */

/* About */
/*=============================================================*/

.about {
	width: 100%;
	overflow: hidden;
}
.guys {
	width: 100%;
	overflow: hidden;
}
.guys li {
	width: 28.5%;
	float: left;
}
.guy_wrapper {

	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 3px solid #fff;
	border-right: 2px solid #fff;
	position: relative;
	overflow: hidden;
}
.guy_wrapper img {
	width: 100%;
	float: left;
}
.guy_name {
	font-size: 34px;
	line-height: 48px;
	padding-top: 60px;
	margin: 0 0 10px 0;
}
.guy_title {
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 10px 0;
}
.guy_info span {
	font-size: 18px;
	line-height: 29px;
	margin: 0 0 10px 0;
}
.guy_info {
	width: 80%;
	position: absolute;
	left: 10%;
	top: 35px;
	z-index: 99;
	opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
    transition-delay: 		  .2s;
    -webkit-transition-delay: .2s;
    -ms-transition-delay: 	  .2s;
    -moz-transition-delay: 	  .2s;
    -o-transition-delay:      .2s;
}
.guys_small .guy_info {
	top: 10px;
}
.guys_middle .guy_info {
	top: 35px;
}
.guys_large .guy_info {
	top: 60px;
}
.guy_wrapper a {
	width: 89px;
	height: 89px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -45px; 
	top: 85%;
	display: block;
	text-align: center;
	z-index: 995;
	opacity: 0;
	border: 1px solid #fff;
	border-radius: 45px;
    overflow: hidden;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.guy_wrapper a img {
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.guy_wrapper a img.active {
    margin-top: -89px;
}
.guy_info em,
.guy_info span {
	display: block;
	color: #fff;
}
.guy_wrapper:hover .guy_info,
.guy_wrapper:hover i.red_mask {
	opacity: 1;
}
.guy_wrapper:hover a {
    opacity: 1;
    top: 65%;
}
.guy_wrapper:hover a:hover {
    background: #fff;
}
.guy_wrapper a img:hover {
    /* -webkit-transform: scale(1.1, 1.1);
    -ms-transform:        scale(1.1, 1.1);
    -moz-transform:       scale(1.1, 1.1);
    -o-transform:         scale(1.1, 1.1);
    transform:            scale(1.1, 1.1); */
}
.guys_small .guy_wrapper:hover a {
	top: 66%;
}
.guys_middle .guy_wrapper:hover a,
.guys_large .guy_wrapper:hover a {
	top: 65%;
}
.about_extra {
	overflow: hidden;
	background: #e0e0e0;
    position: relative;
	margin-top:-2px;
}
.about_extra .summary {
    position: absolute;
    left: 50%;
    top: 66px;
    width: 1430px;
    margin-left: -715px;
}
.about_extra .inner1024 .summary {
    top: 26px;
    width: 1024px;
    margin-left: -512px;
}
.about_extra .inner1366 .summary {
    top: 46px;
    width: 1366px;
    margin-left: -683px;
}
.about_extra .inner1430 .summary {
    top: 66px;
    width: 1430px;
    margin-left: -715px;
}
.about_col0 {
	width: 40%;
	height: 100%;
	float: left;
	background: #e0e0e0;
}
.about_col1 {
	width: 60%;
	float: left;
	position: relative;
}
.about_row0 {
	width: 100%;
	color: #000;
	background: #fff;
	float: left;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.about_row1 {
	width: 100%;
	float: left;
	position: relative;
}
.about_row1 img {
	width: 80%;
	position: absolute;
	margin: 16% 0 0 10%;
}
h3.tiny_title {
	font-family: "微软雅黑", "黑体";
	font-size: 41px;
	line-height: 52px;
	font-weight: bold;
	color: #000;
}
span.tiny_link {
	font-family: Arial;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	padding: 0 0 26px 0;
	border-bottom: 4px solid #000;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.about_row0,
.about_row0_wrapper {
	cursor: pointer;
	/* margin: 8% 0 0 20%; */
}
.work_col2:hover .red_block {
	opacity: 1;
}
.about_row0:hover {
	background: url("../images/skin/redBg.png");
}
.work_col2:hover h3,
.work_col2:hover span,
.about_row0:hover h3,
.about_row0:hover span {
	color: #fff;
}
.work_col2:hover .tiny_link,
.about_row0:hover .tiny_link {
	border-bottom: 4px solid #fff;
}
.about_col1 img {
	width: 100%;
	float: left;
}
.about_context {
	width: 680px;
	height: 300px;
	position: absolute;
	left: 0;
	top: 120px;
	color: #fff;
}
.about_context i {
	width: 100%;
	height: 34px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../images/skin/about_corner.png")/*tpa=http://www.toprand.com/assets/images/skin/about_corner.png*/ right 0;
	opacity: .8;
	z-index: 0;
}
.about_context em {
	width: 679px;
	height: 250px;
	position: absolute;
	left: 0;
	
	background:url(../../images/index/30.png) no-repeat;
	opacity: .8;
	z-index: 0;
}
.about_context_sub {
	width: 600px;
	height: 34px;
	position: absolute;
	left: 36px;
	top: 34px;
	opacity: 1;
	z-index: 0;
}
.about_context h3 {
	font-size: 30px;
	line-height: 60px;
	font-weight: bold;
}
.about_context h4 {
	font-size: 14px;
}
.about_context h5 {
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
}
/* About end */

/* Clients */
/*=============================================================*/

.client_list {
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	margin-bottom: 100px; 
}
.client_list td {
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}
.client_list img {
	width: 100%;
}

/* Clients end */

/* News */
/*=============================================================*/

.news {
	background: url("../images/news_bg.png")/*tpa=http://www.toprand.com/assets/images/skin/news_bg.png*/;
	position: relative;
}
.news .summary h2 {
	width: 300px;
	line-height: 52px;
	color: #fff;
}
.news .summary h3 {
	width: 230px;
	font-size: 18;
	color: #fff;
	cursor: pointer;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition:    all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news .summary h5 {
	width: 125px;
	background: #fff;
	
	margin: 15px 0 40px 0;
}
.contact .summary h3 {
	width: 280px;
	cursor: pointer;
	font-family:"微软雅黑";
	font-size:29px;
	color:#000000;
}
.news .summary h3:hover,
.contact .summary h3:hover {
	color: #b52828;
}
.news_item {
	padding: 12px 20px 20px 20px;
	position: relative;
	cursor: pointer;
	/* border-left: 1px solid #ddd; 
	border-right: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; */
}
.news_more {
	background: url("../images/plus_icon.png") no-repeat 0 2px;
	height:25px;
}
.news_more em {
	padding: 0 0 0 20px; 
}
.news_list_wrapper {
	width: 100%;
	overflow: hidden;
}
.news_list ul {
	margin-left: -20px;
	/* webkit-transform: translate3d(0, 0, 0);
	-moz-transform:   translate3d(0, 0, 0);
	-ms-transform:    translate3d(0, 0, 0);
	-o-transform:     translate3d(0, 0, 0);
	transform:        translate3d(0, 0, 0); */
	webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .9s cubic-bezier(.165, .840, .44, 1);
	-ms-transition:    all .9s cubic-bezier(.165, .840, .44, 1);
	-moz-transition:    all .9s cubic-bezier(.165, .840, .44, 1);
	-o-transition: 		all .9s cubic-bezier(.165, .840, .44, 1);
	transition: 		all .9s cubic-bezier(.165, .840, .44, 1);
}
.news_list ul li {
	width: 25%;
	height: 540px;
	float: left;
    position: relative;
}
.news_item_wrapper {
	margin: 0 20px; 
	background: #fff;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: 	all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_list ul li .news_thumb {
	width: 100%;
	cursor: pointer;
}
.news_list .news_item_wrapper:hover {
	background: #c91521;
}
.news_list .news_item_wrapper:hover h5{
	color: #fff;
}
.news_list h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
    height: 60px;
	word-break:break-all;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition:     all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_list h5 {
	color: #858585;
	margin: 15px 0 25px 0; 
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_item_wrapper:hover h3 {
	color: #fff;
}
.news_list ul li a em {
	font-weight: bold;
	color: #6d6d6d;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_list .news_item_wrapper:hover .news_item a em{
	color: #fff;
}
.news_list .news_item_wrapper:hover .news_item a:hover em {
	color: #fff;
}
.news_list .news_item_wrapper:hover .news_item .news_more {
	background: url("../images/plus_icon.png")/*tpa=http://www.toprand.com/assets/images/skin/plus_icon.png*/ no-repeat 0 -51px;
}

.home_arrow,
.show_arrow {
    width: 54px;
    height: 59px;
    display: block;
    position: absolute;
    top: 350px;
    cursor: pointer;
    z-index: 991;
}
.home_arrow i,
.show_arrow i {
    background: #d5d5d5;
    opacity: .3;
    width: 54px;
    height: 59px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.home_arrow em,
.show_arrow em {
    background: url("../images/news_arrow2.png")/*tpa=http://www.toprand.com/assets/images/skin/news_arrow2.png*/;
    opacity: .3;
    width: 54px;
    height: 59px;
    display: block;
    position: absolute;
    left: -8px;
    top: 0;
    z-index: 10;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.home_arrow:hover i,
.show_arrow:hover i {
    background: #828282;
    opacity: 1;
}
.home_arrow:hover em,
.show_arrow:hover em {
    opacity: 1;
}
.home_arrow_left,
.show_arrow_left {
    left: 0;
    display: none;
}
.home_arrow_right,
.show_arrow_right {
    right: 0;
}
.home_arrow_right em,
.show_arrow_right em {
    left: 0;
    background-position: right 0;
}

.news_pagination {
	position: absolute;
	left: 50%;
	bottom: 60px;
	margin-left: -50px;
}
.news_pagination li {
	width: 22px;
	height: 22px;
    float: left;
    margin: 0 5px 0 5px; 
    cursor: pointer;
    position: relative;
}
.news_pagination li em {
    width: 10px;
    height: 10px;
    display: block;
    background: #fff;
    opacity: .2;
    border-radius: 5px;
    position: absolute;
    left: 6px;
    top: 6px;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.news_pagination li i {
    width: 22px;
    height: 22px;
    display: block;
    background: #fff;
    opacity: 0;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.news_pagination li.active em,
.news_pagination li:hover em {
    opacity: .6;    
}
.news_pagination li.active i {
    opacity: .1;    
}
a.share_icon {
    width: 29px;
    height: 29px;
    display: block;
    background: #fff;
    border-radius: 15px;
    position: absolute;
    bottom: 15px;
    border: 1px solid #b4b4b4;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
a.share_icon0 {
    right: 59px;
}
a.share_icon1 {
	right: 16px;
	z-index: 120;
}
a.share_icon i {
    width: 17px;
    height: 14px;
    margin: 7px 0 0 6px; 
    display: block;
}
.qr_code {
	width: 132px;
	height: 136px;
	padding: 40px 0 0 0; 
	position: absolute;
	right: 11px;
	bottom: -132px;
	z-index: 99;
	display: none;
}
.qr_code i {
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	left: 60px;
	top: 34px;
}
.qr_code em {
	width: 132px;
	height: 132px;
	display: block;
	border: 1px solid #b5b5b5;
}
.qr_code img {
	width: 112px;
	height: 112px;
	border: 10px solid #fff;
}

.news_item_wrapper:hover a.share_icon:hover {
    background: #fff;
    border: 1px solid #fff;
}
.news_item_wrapper:hover a.share_icon:hover i {
    background-position-y: bottom;
}

.contact_col0 {
	width: 52%;
	float: left;
	min-height:400px;
}
.contact_col1 {
	width: 48%;
	float:right;
	overflow:hidden;


	
}
.contact_col2{
float:left;
width:10%;
padding-top:90px;}
.contact h6 {
	font-size: 40px;
	line-height: 50px;
	color: #000;
	font-weight: bold;
}
.contact_map {
	position: relative;
}
.contact_map img {
	width: 100%;
}
.contact_col0 .summary {
    padding: 0 0 90px 50px;
} 
.contact_col0 .summary p {
    width: 40%;
    float: left;
    position: relative;
	margin-top:250px;
} 
.contact_col0 .summary p img{ margin-right:30px;}
.contact_col0 .summary p .dk_erweima_img{display:none; position:relative; left:18%;}
.contact_col0 .summary span {
    width: 100%;
    color: #666;
    font-size: 16px;
    display: block;
    float: left;
    margin: 10px 0; 
} 
.contact_col0 .summary input {
    width: 333px;
    height: 25px;
    line-height: 25px;
    padding: 10px 12px 10px 44px;
    color: #333;
    font-size: 18px;
    border: 0;
    display: block;
    float: left;
    font-family: "微软雅黑", "Microsoft YaHei";
    background: url("../images/skin/phone_icon.png")/*tpa=http://www.toprand.com/assets/images/skin/phone_icon.png*/ no-repeat 10px center #eaeaea;
} 
.contact_col0 .summary a {
    
    color: #fff;
   
    float: left;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    display: block;
    
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
} 
.contact_col0 .summary a:hover {
    
} 
.location_btns {
	position: absolute;
	left: 35px;
	top: 24px;
	width: 64px;
}
.location_btns a {
	width: 64px;
	height: 37px;
	border: 1px solid #d4d4d4;
}
.location_btns a {
	width: 64px;
	height: 37px;
	border: 1px solid #d4d4d4;
	margin: 0 0 1px 0; 
	float: left;
	display: block;
	position: relative;
}
.location_btns a.active {
	border: 0px solid #181818;
}
.location_btns em {
	width: 64px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 37px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.location_btns i {
	width: 100%;
	height: 100%;
	display: block;
	background: #D87E7D;
	opacity: .7;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.location_btns a.hover {
	color: #fff;
}
.location_btns a.active em {
	color: #fff;
}
.location_btns a.active i {
	background: #BB0102;
	opacity: 1;
}
.location_btns a:hover {
	border: 1px solid #b52828;
}
.location_btns a.active:hover {
	border: 1px solid #181818;
}
.location_info {
	position: absolute;
	left: 35px;
	bottom: 30px;
}
.location_info p {
	width: 100%;
	height: 52px;
	float: left;
}
.location_info p:nth-child(2),
.location_info p:nth-child(3),
.location_info p:nth-child(4),
.location_info p:nth-child(5) {
	height: 28px;
}
.location_info i {
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	background: #BB0102;
	margin-bottom: 9px;
	padding: 6px 8px 8px 8px;
	float: left;
}
.location_info span {
	padding: 0 3px;
}
.location_info em {
	color: #fff;
	background: #BB0102;
	margin-bottom: 2px;
	padding: 2px 8px 3px 8px;
	float: left;
}
.location_info a {
	color: #fff;
}
.location_info a:hover {
	color: #b52828;
}
.contact_feedback img {
	width: 100%;
}
.contact_feedback {
	position: relative;
}
.comment {
	width: 90%;
	position: absolute;
	right: 0;
	top: 0px;
}
.comment h3 {
	font-family: Arial;
	font-size: 72px;
	line-height: 72px;
	color: #fff;
}
.comment h5 {
	width: 80%;
	color: #fff;
}
.comment h3:first-child,
.comment h5 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.comment_main {
	width: 100%;
	height: 250px;
	margin-top: 17px; 
	position: relative;
}
.comment .comment_main h3,
.comment .comment_main h5 {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.comment_main i {
	width: 100%;
	height: 100%;
	display: block;
	background: #b00000;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .8;
	z-index: 0;
}
.comment_main .col0 {
	float: left;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 99;
}
.comment_middle .col0 {
	left: 35px;
	top: 35px;
}
.comment_large .col0 {
	left: 50px;
	top: 50px;
}
.comment_main .col1 {
	float: left;
	position: absolute;
	left: 320px;
	top: 20px;
	z-index: 99;
}
.comment_middle .col1 {
	left: 360px;
	top: 35px;
}
.comment_large .col1 {
	left: 470px;
	top: 50px;
}
.comment_main .col0 li {
	margin-bottom: 4px;
	position: relative;
}
.comment_large .col0 li {
	margin-bottom: 7px;
}
.callme em,
.comment_main .col0 span {
	position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    text-align: center;
	right: 10px;
	top: 4px;
	color: #c91521;
    border: 1px solid #c91521;
    border-radius: 8px;
    cursor: default;
}
.callme em {
    top: 14px;
    left: 360px;
    display: none;
}
.comment_small .col0 span {
    top: 4px;
}
.comment_middle .col0 span {
    top: 6px;
}
.comment_large .col0 span {
	top: 9px;
}
.comment_main input {
	width: 250px;
	height: 20px;
	padding: 2px 6px; 
	line-height: 20px;
	background: #fff;
	border: 1px solid #bfbfbf;
}
.comment_middle input {
	width: 271px;
	height: 20px;
	padding: 4px 7px; 
	line-height: 20px;
}
.comment_large input {
	width: 359px;
	height: 24px;
	padding: 6px 8px; 
	line-height: 24px;
}
.comment_main  textarea {
	font-size: 13px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
	line-height: 20px;
	background: #fff;
}
.comment_small textarea {
	width: 250px;
	height: 50px;
	max-width: 250px;
	max-height: 50px;
	padding: 2px 6px; 
	border: 1px solid #bfbfbf;
}
.comment_middle textarea {
	font-size: 13px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
	width: 273px;
	height: 90px;
	max-width: 273px;
	max-height: 90px;
	padding: 2px 6px; 
}
.comment_large textarea {
	width: 360px;
	height: 130px;
	max-width: 360px;
	max-height: 130px;
	padding: 6px 8px; 
}
.comment_main .col0 h5 {
	width: 105px;
	position: absolute;
	right: 3px;
	bottom: 6px;
	font-size: 12px;
	color: #b90000;
}
.comment_main .col1 h3 {
	font-size: 24px;
	line-height: 24px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
    font-weight: bold;
    padding: 0 0 10px 0;
}
.comment_main .col1 h5 {
	width: 100%;
	font-size: 36px;
	line-height: 36px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
    font-weight: bold;
    padding: 0 0 20px 0;
}
.comment_large .col1 h5 {
    padding: 0 0 40px 0;
}
.comment_main .col1 li {
	width: 29%;
	border: 1px solid #fff;
	float: left;
	text-align: center;
	color: #fff;
	margin: 0 8px 8px 0; 
	position: relative;
	cursor: pointer;
}
.comment_large .col1 li {
	width: 20%;
	margin: 0 14px 14px 0; 
}
.service_item div {
	width: 97%;
	height: 100%;
	padding: 6px 0; 
	border: 2px solid #fff;
	border-color: rgba(255, 255, 255, 0);
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.comment_large .service_item div {
	padding: 9px 0; 
}
.comment_main .col1 li:hover div {
	border-color: rgba(255, 255, 255, 1);
}
.service_item span {
	width: 75px;
	display: block;
	margin: 0 auto;
	line-height: 16px;
}
.comment_large .service_item span {
	line-height: 19px;
}
.service_item input {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 97%;
	height: 100%;
	display: block;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.service_item em {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 12px;
	display: block;
	z-index: 1;
	background: url("../images/skin/check.png")/*tpa=http://www.toprand.com/assets/images/skin/check.png*/ right bottom;
	display: none;
}
.send_btn a {
    width: 100px;
    height: 30px;
    line-height: 33px;
    display: block;
    background: #fff;
    color: #b22525;
    font-weight: bold;
    width: 100px;
    font-size: 18px;
    text-align: center;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.send_btn:hover a {
	background: #bcbcbc;
}
.contact_ask ul {
	width: 90%;
	margin: 0 auto; 
}
.contact_ask li {
	text-align: center;
	width: 20%;
	float: left;
	position: relative;
}
.contact_ask a {
	width: 89px;
	height: 89px;
	display: block;
	border: 1px solid #fff;
	border-radius: 45px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -45px 0 0 -45px;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.contact_ask span {
	width: 120px;
	height: 117px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
    overflow: hidden;
	margin: 0 0 0 -60px;
    background: url("../images/redBg.png")/*tpa=http://www.toprand.com/assets/images/skin/redBg.png*/;
    opacity: 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.contact_ask a img {
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: 	all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.contact_ask a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: 	   scale(1.1, 1.1);
    -moz-transform:    scale(1.1, 1.1);
    -o-transform: 	   scale(1.1, 1.1);
    transform: 		   scale(1.1, 1.1);
}
.contact_ask li:hover span {
    opacity: 1;
}
.ask_name {
	color: #000;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 6px; 
}
.ask_title {
	color: #000;
	font-size: 14px;
	line-height: 24px;
}

/* Contact end */

.bwWrapper {
    opacity: 0;
}
.preloader_logo i {
    margin: 8px 0 0 45px;
}


/**/
.summary1 h2,.summary1 h6{color: #7b3a07;}
.summary1 h3{ color:#000000;}

.naver{ width:1250px; margin:0 auto;}

.footer{ background:url(../images/bottom_bg.jpg); width:100%; background-position:center center; height:297px; overflow:hidden;}
.d_logo{ float:left; width:290px; height:78px; margin-right:70px; margin-top:78px;}
.d_nav{ float:left; margin-top:93px; height:58px; line-height:58px;}
.d_nav ul li{ float:left; text-align:center; width:120px;}
.d_nav ul li a{ font-family:"宋体"; font-size:14px; color:#c9c9c9; font-weight:bolder;}
.d_ewm{ width:124px; height:143px; float:right; margin-top:56px;}
.footer p{ font-family:"宋体"; font-size:12px; color:#797979; text-align:center; margin-top:60px;}
.footer1{ overflow:hidden; width:1162px; margin:0 auto;}

.jj_b{ position:absolute;}
.jj_b1{ position:relative;}

.lj_news_nflb {
        background:url(../../images/xwzx/2.png) no-repeat scroll 0 0 transparent;
        float: left;
        height: 76px;
        padding-top: 10px;
        width: 828px;
    }
	.lj_news_nflb1{ width:1100px; height:139px; background:url(../../images/gylp/20.png) no-repeat scroll 0 0 transparent;}

        .lj_news_nflb p {
            color: #3A3B35;
            
            line-height: 30px;
            padding-bottom: 5px;
            padding-left: 20px;
            text-align: left;
            width: 200px;
			font-size:16px;
			font-weight:bolder;
        }
		/**/

.dk_fy_fwwd {
width: 100%;
padding:40px 0 0 0;
border-top: 0px solid #fff;
overflow: hidden;
text-align:center;
}

.dk_fy_xwzx{width:80%; margin:0 auto;}
.dk_fy_xwzx .dk_fy_mb{float:right;}
.dk_fy_left{ float:left; width:20%;}
.dk_fy_left p{ margin-bottom:10px;}
.dk_fy_left p a{ color:#686868; font-size:14px; font-weight:bolder;}
.dk_fy_right{ float:left; width:80%;}
.dk_fy_xwzx_3ge{ width:864px; height:34px; margin-top:30px;}
.dk_fy_right .left{ width:140px; height:36px;float:left; text-align:center; line-height:34px; }
.dk_fy_right .left a{ width:140px; height:36px; display:block; background:url(../../images/sp/2.png) no-repeat;}
.dk_fy_right .left .a1{ background:url(../../images/sp/3.png) no-repeat;}
.dk_fy_right .left .a2{ background:none; width:241px; line-height:14px;}
.dk_fy_right .left1{ width:444px; float:left; border-bottom:#e5e5e5 1px solid; }
.dk_fy_right .list {
	width:1000px; margin:0 auto; margin-top:70px;
}
.dk_fy_right .list  .title{
	font-size:30px; text-align:center; line-height:1em;
}
.dk_fy_right .list  ul{
	 margin-bottom:35px;
}
.dk_fy_right .list  li{
	border-bottom:#d9d9d9 solid 1px; padding:40px 0; height:auto; overflow:hidden;
}
.dk_fy_right .list  li .img{
	width:350px; float:left; display:inline;
}
.dk_fy_right .list  li .text{
	width:700px; float:right; display:inline;
}
.dk_fy_right .list  li .text h2,
.dk_fy_right .list  li .text h4{
	margin-bottom:10px; 
}
.dk_fy_right .list  li .text h2{
	color:#007d4f; font-size:18px;
}
.dk_fy_right .list  li .text h2 a{
	color:#007d4f;
}
.dk_fy_right .list  li .text h4{
	color:#989898; font-size:14px;
}
.dk_fy_right .list  li .text p{
	color:#666666; font-size:14px; line-height:26px;
}
.dk_fy_right .list  li .text .view{
	margin-top:10px;
}
.dk_fy_right .list  li .text .view a{
	width:156px; height:36px; border:#007d4f solid 2px; display:inline-block; text-align:center; line-height:36px; color:#007d4f; font-weight:bold;
}
.dk_fy_right .list  li .text .view a:hover{
	background:#007d4f; color:#fff;
}





.dk_fy_right .list1{
	width:1000px; margin:0 auto; padding:60px 0 40px 0;
}
.dk_fy_right .list1 ul{
	height:auto; overflow:hidden; width:105%; margin-bottom:40px;
}
.dk_fy_right .list1 li{
	width:270px; height:270px; float:left; display:inline; margin-right:10px; margin-bottom:10px; position:relative;
}
.dk_fy_right .list1 li .date{
	background:url("../imgs/img34.png")/*tpa=http://hmu205315.my3w.com/imgs/img34.png*/ repeat; width:64px; height:64px; border:#fff solid 1px; position:absolute; right:-1px; bottom:-1px; text-align:center; color:#fff;
}
.dk_fy_right .list1 li .date h4{
	font-size:16px; line-height:2em;
}
.dk_fy_right .list1 li .date h2{
	font-size:30px;
}
.dk_fy_right .list1 li .tip{
	position:absolute; width:100%; height:100%; left:0; top:0; background:#007d4f; color:#fff; display:none;
}
.dk_fy_right .list1 li .tip h2,
.dk_fy_right .list1 li .tip p{
	padding:0 50px; font-size:14px;
}
.dk_fy_right .list1 li .tip h2{
	margin-top:40px; font-size:16px; margin-bottom:10px;
}
.dk_fy_right .list1 li .tip .down{
	margin-top:10px; padding-left:50px;
}
.dk_fy_right .list1 li .tip .down a{
	width:156px; height:36px; display:inline-block; line-height:36px; text-align:center; color:#fff; border:#fff solid 2px;
}
.dk_fy_right .list1 li .tip .down a:hover{
	background:#fff; color:#007d4f;
}
.dk_fy_right .list1 li.selected .tip{
	display:block;
}


.dk_fy_right .p_top{ font-size:18px; font-weight:bolder;}

.dk_fwzc_top p{ margin-top:15px;}
.dk_fwzc_top .p1{ font-size:24px; color:#5E4000; font-weight:bolder;}
.dk_fwzc_top .p2{ font-size:18px; color:#5E4000; }
.dk_fwzc_top .p3{ width:171px; height:4px; background:#5E4000;}
.papers .tab a{ float:right; line-height:31px; text-align:center;width:129px; height:31px; background:#666; margin-right:3px; color:#FFFFFF;}
.papers .tab .selected{background:#007E4F;}
#zlxz2{ display:block;}
.dk_fwzc_w{ width:1100px; margin:0 auto;}
.kuandu1100{ }
.kuandu1100 p{line-height:28px; color:#666464; font-size:16px; text-align:left;}
.dk_fwzc_top_h .p1{ color:#000000; }
.dk_fwzc_top_h .p2{ color:#000000; }
.dk_fwzc_top_h .p3{   background:#000000;}
.dk_fwzc_top_b .p1{ color:#fff; } 
.dk_fwzc_top_b .p2{ color:#fff; }
.dk_fwzc_top_b .p3{   background:#fff;}
.dk_fwzc_xczc1 .top{ font-size:16px; font-weight:bolder; color:#007C4F; margin-top:30px; margin-bottom:10px;}
.dk_fwzc_xczc1{ border-bottom:#007C4F 0px dashed; padding-bottom:20px;}
.dk_fwzc_xczc2 ul li{ float:left; margin-right:26px;}
.dk_fwzc_xczc3{ float:left; width:43%; margin-right:2%;}
.dk_fwzc_xczc4{ float:left; width:55%;}
.dk_fwzc_xczc6{ float:left; width:50%;}
.dk_fwzc_xczc7{ float:left; width:50%;}
.dk_fwzc_xczc5{ float:left; width:100%;}
.dk_fwzc_xczc8{ float:left; width:100%;}

.dk_fwzc_fwcx1 .top{ font-size:16px; font-weight:bolder;  margin-top:30px; margin-bottom:10px;}
.dk_fwzc_fwcx1{  padding-bottom:20px;}
.dk_fwzc_fwcx2{ width:57%; float:left;}
.dk_fwzc_fwcx3{ width:43%; float:left; border-top:#EEFF11 1px dashed;}
.dk_fwzc_fwcx4{ width:100%;border-right:#EEFF11 1px dashed;}
.dk_fwzc_fwcx5{ width:49.9%; float:left;border-top:#EEFF11 1px dashed;border-right:#EEFF11 1px dashed;}
.dk_fwzc_fwcx6{ width:49.9%; float:left;border-top:#EEFF11 1px dashed;}

.inner1004 .erweima{ padding-left:70px; background:url(../../images/erweima/3.png) no-repeat; min-height:284px; padding-top:63px;}
.inner1004 .erweima .p1{ color:#343434; font-size:14px; font-weight:bolder;}
.inner1004 .erweima .p2{ margin-top:20px;}
.inner1004 .erweima .p2 span{ float:left; margin-right:16px; text-align:center;}
.dk_fy_qydt{ margin-top:50px;}
.dk_fy_qydt .xw1{ width:750px; height:200px;  float:left; margin-left:35px; background:url(../../images/xwzx/8.png) no-repeat bottom;}
.dk_fy_qydt .xw1 .left{ margin:0px; width:241px; height:182px; float:left; text-align:center;}
.dk_fy_qydt .xw1 .left img{ margin-top:10px;}
.dk_fy_qydt .xw1 .right{ width:440px; height:182px; float:left; margin-left:30px;}
.dk_fy_qydt .xw1 .right p{ font-size:14px; font-weight:bolder;}
.dk_fy_qydt .xw1 .right ul li{ margin-top:3px;}
.dk_fy_qydt .xw1 .right ul li img{ float:left; margin-top:10px;}
.dk_fy_qydt .xw1 .right ul li a{ float:left; margin-left:5px;}
.dk_fy_qydt .xw2{ width:750px; float:left;}

.dk_fy_qydt .xw2 ul li{ margin-left:36px; width:750px; float:left; margin-top:3px;}
.dk_fy_qydt .xw2 ul .li0,.dk_fy_qydt .xw2 ul .li5{ margin-top:26px;}
.dk_fy_qydt .xw2  ul li img{ float:left; margin-top:10px;}
.dk_fy_qydt .xw2 ul li a{ float:left; margin-left:5px;}
.dk_fy_page{ clear:both; float:left; margin-top:20px;}
.dk_fy_page *{ float:left; margin-right:2px; margin-left:3px;}
.dk_fy_spbg{text-align: center; background:url(../../images/sp/1.png) no-repeat; width:544px; height:464px; padding-top:22px;}
#aa{ margin-right:30px; }
#aa img{ margin-top:-15px;}
#mcc{ margin-left:10px;}
.dk_fy_xwzx1{ width:1000px; float:left; height:355px; border-bottom:#b5b5b5 1px dashed; margin-top:40px;}
.dk_fy_xwzx2{ width:1000px; float:left; margin-bottom:60px;}
.dk_fy_xwzx1 .l{ height:350px; width:417px; float:left;}
.dk_fy_xwzx1 .r{ width:560px; height:305px; float:left; margin-left:22px;}
.dk_fy_xwzx1 .l .d1{ width:417px; height:175px;}
.dk_fy_xwzx1 .l .d1 p{ width:417px;word-wrap:break-word;}
.dk_fy_xwzx1 .l .d1 p .dk_a1{ font-size:18px; font-weight:bolder;}
.dk_fy_xwzx1 .l .d1 .p3 a{ text-decoration:underline;}
.dk_fy_xwzx2 ul{ float:left; margin-top:17px; width:309px; height:139px; border-right:#8C8C8C 1px dashed; margin-left:20px;}
.dk_fy_xwzx2 .ul1{ border-right:0px;}
.dk_fy_xwzx2 ul li{ margin-top:3px;}
.dk_fy_xwzx2 ul li img{ float:left; margin-top:10px;}
.dk_fy_xwzx2 ul li a{ float:left; margin-left:5px;}
 .dk_a2{ font-size:14px;}
.dk_fy_mtzx_ul li{ width:325px; height:299px;  float:left; margin-right:13px; margin-top:70px; margin-bottom:150px;}
.dk_fy_mtzx_ul li div a{ width:326px; height:48px;background:url(../../images/xwzx/14.png) no-repeat; display:block; line-height:58px; text-align:center; color:#FFFFFF; font-size:14px; font-weight:bolder;}
.dk_fy_mtzx_ul li div a:hover{background:url(../../images/xwzx/15.png) no-repeat; }
.dk_xz_p1{  width:250px;}
.dk_fy_bigbg1{ background:url(../../images/xwzx/11.png) no-repeat;}
.dk_fy_hdzx1{ height:111px;}
.dk_fy_hdzx1 ul li{ width:160px; height:33px; float:left; line-height:33px; text-align:center; margin-top:22px; margin-left:17px; font-size:14px; font-weight:bolder;}
.dk_fy_hdzx1 ul .li1{background:url(../../images/hdzx/2.png) no-repeat; margin-left:222px;  font-size:16px;}
.dk_fy_hdzx1 ul .li1 a{color:#007E4C;}
.dk_fy_hdzx1 ul .li2{background:url(../../images/hdzx/5.png) no-repeat;color:#FFF; font-size:16px;}
.dk_fy_hdzx1 ul .li2 a{color:#FFF;}
.dk_fy_hdzx1 ul .li3{background:url(../../images/hdzx/6.png) no-repeat;color:#007E4C; font-size:16px;}
.dk_fy_hdzx1 ul .li3 a{color:#007E4C;}
.dk_fy_hdzx1 ul .li4{background:url(../../images/hdzx/3.png) no-repeat; margin-left:222px;  font-size:16px;}
.dk_fy_hdzx1 ul .li4 a{color:#FFF;}
.dk_fy_hdzx1 ul .li5{background:url(../../images/hdzx/4.png) no-repeat;font-size:16px;}
.dk_fy_hdzx1 ul .li5 a{color:#007E4C; }
.dk_fy_hdzx1 ul .li6{background:url(../../images/hdzx/6.png) no-repeat; font-size:16px;}
.dk_fy_hdzx1 ul .li6 a{color:#007E4C;}
.dk_fy_hdzx1 ul .li7{background:url(../../images/hdzx/2.png) no-repeat; margin-left:222px;  font-size:16px;}
.dk_fy_hdzx1 ul .li7 a{color:#007E4C;}
.dk_fy_hdzx1 ul .li8{background:url(../../images/hdzx/4.png) no-repeat;font-size:16px;}
.dk_fy_hdzx1 ul .li8 a{color:#007E4C; }
.dk_fy_hdzx1 ul .li9{background:url(../../images/hdzx/5.png) no-repeat; font-size:16px;}
.dk_fy_hdzx1 ul .li9 a{color:#FFF;}
.dk_fy_hdzx2{ height:452px; margin-bottom:40px; color:#FFFFFF;}
.dk_fy_hdzx3{ height:257px; margin-bottom:40px;color:#FFFFFF;background:rgba(71,71,71,0.3);}
.dk_fy_hdzx4{ height:335px; margin-bottom:150px;color:#FFFFFF;background:rgba(71,71,71,0.3);}

.dk_fy_hdzx2 .div2{ margin-right:35px;}
.dk_fy_hdzx2 .div1{ width:468px; height:470px; float:left; background:rgba(71,71,71,0.3); padding-left:12px; }
.dk_fy_hdzx2 .div1 p{ width:456px; line-height:2;}
.dk_fy_hdzx2 .div1 .p1{background:rgba(105,105,105,0.3); text-align:center; padding-top:5px; margin-top:10px;}
.dk_fy_hdzx2 .div1 .p2{ margin-top:5px;}
.dk_fy_hdzx2 .div1 .p2 a{ color:#FFFFFF;}
.dk_fy_hdzx2 .div1 .p4{ width:78px; height:28px; line-height:28px; text-align:center; border:#FFFFFF 1px solid; margin-top:5px;}
.dk_fy_hdzx2 .div1 .p4 a{ color:#FFFFFF;}

.dk_fy_hdzx3 .div2{ margin-left:35px;}
.dk_fy_hdzx3 .div1{ width:480px; height:257px; float:left;}
.dk_fy_hdzx3 .div1 p{ width:456px; line-height:2;}
.dk_fy_hdzx3 .div1 .p1{ margin-top:35px;}
.dk_fy_hdzx3 .div1 .p4{ border-bottom:#FFFFFF 1px solid; width:70px;}
.dk_fy_hdzx4 ul li{ width:210px; height:272px; border:#fff 1px solid; float:left; margin-left:30px; margin-top:25px;}
.dk_fy_hdzx4 ul li img{ margin-top:1px; margin-left:1px;}
.dk_fy_hdzx4 ul li .d1{ position:relative; margin-top:-272px;width:210px; height:272px; display:none; background:rgba(71,71,71,0.7);}
.dk_fy_hdzx4 ul li .d1 p{ width:185px; margin-left:10px;}
.dk_fy_hdzx4 ul li .d1 p a{ color:#FFFFFF;}
.dk_fy_shzp_top{ text-align:right;}
.dk_fy_shzp ul li{  height:336px; float:left;}
.dk_fy_shzp ul li p{ width:300px;}
.dk_fy_shzp ul li .p1{ height:40px; line-height:40px; border-bottom:#666666 1px solid;}
.dk_fy_shzp ul li .p2{ margin-top:5px;}
.dk_fy_shzp ul li .p3{ margin-top:30px; cursor:pointer;}
.dk_fy_shzp_top1{ text-align:left; margin-top:20px;}
.dk_fy_fzlc{ margin-top:50px;}
.dk_fy_fzlc .dk_fy_fzlc_nr{ width:1000px; padding-left:100px; margin-top:20px;}
.dk_fy_fzlc .dk_fy_fzlc_nr .l{ float:left; width:165px; text-align:center; font-size:24px; font-weight:bolder;}
.dk_fy_fzlc .dk_fy_fzlc_nr .r{ float:left; width:800px; text-align:left; margin-bottom:30px;}
.dk_fy_fzlc .dk_fy_fzlc_nr .r p{ font-size:14px;}
.dk_fy_hdzx{background:url(../../images/news_bg.png);}
*{	font-family:"微软雅黑", "黑体";}
.dk_fwwd_0{ width:100%; float:left;}
.dk_fwwd_1{ width:70%; float:left;}
.dk_fwwd_2{ width:30%; float:left;}
.dk_fwwd_3{ width:100%; float:left;} 
.dk_fy_fwcx{background:url(../../images/news_bg.png); color:#FFFFFF;}
.dk_fy_gzzlp{background:url(../../images/news_bg.png);color:#FFFFFF; min-height:500px;}
.dk_fy_xyzp{background:url(../../images/rlzy/1.png) repeat-x; min-height:500px;}
.dk_fy_zlxz{background:url(../../images/fwzc/6.png) repeat-x;}
.dk_fwzc_xczc_yc{ display:none;}
#dk_fwzc_xczc_xs0{ display:block;}
.dk_fy_vi{ width:885px;}
.dk_fy_vi ul li{ margin-top:40px; padding-bottom:40px; border-bottom:#E5E5E5 1px solid; float:left;}
.dk_fy_vi ul li .span_left{ float:left; width:150px; margin-right:50px;}
.dk_fy_vi ul li .span_right{ float:left; width:626px;margin-right:50px;}
.dk_fenye_middle_xqy{ width:1000px; margin:0 auto;}
.dk_fenye_middle_xqy .p1{ width:1000px; text-align:center; margin-top:30px; font-size:24px; font-weight:bolder;} 
.dk_fenye_middle_xqy .p2{ width:1000px; text-align:center; margin-top:30px; font-size:16px;} 
.dk_fenye_middle_xqy .p3{ width:1000px; text-align:left; line-height:2;margin-top:30px;} 
.dk_fenye_middle_xqy .p4{ width:1000px; text-align:right; margin-top:30px; font-size:14px; font-weight:bolder; } 
.dk_fenye_middle_xqy .p4 a{color:#007D4E;}
.dk_fy_xyzp_1 ul li{ margin-top:40px; height:27px; float:left;}
.dk_fy_xyzp_1 ul li a{padding-left:20px; padding-right:20px;height:27px; display:block; line-height:27px; }
.dk_fy_xyzp_1 ul li a:hover{ background:#000000; color:#FFFFFF;}
.dk_fy_xyzp_yc{ display:none;}
#dk_xqzp_qh0{ display:block;}
.dk_fy_shzp_bg{ background:#E4E4E4;}
.dk_fy_shzp_top .shzp_img{ margin-right:10px;}
.kuandu1000{ width:1000px; margin:0 auto;}
.kuandu1100{ width:1100px; margin:0 auto;}
.ppcg {
	width:1014px;

	min-height:600px;
	＿height:600px;
	margin-top:50px; 
	margin-bottom:50px;
}
.ppwz {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:30px;
}
.pp-c {
	width:1014px;
	height:482px;
	margin-top:22px;
}
.pp-c-z {
	width:232px;
	height:482px;
	float:left;
}
.pp-c-y {
	width:748px;
	height:482px;
	background:url(../../images/06.png) bottom no-repeat;
	float:right;
}
.pp-sz {
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	text-indent:2em;
	line-height:30px;
}
.pp-sx {
	color:#e9c47c;
	margin-top:25px;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
}
.p-s {
	margin-top:25px;
	color:#e9c47c;
	line-height:30px;
	font-weight:bold;
	font-size:15px;
}
.dk_fy_fwwd.dk_fy_ppgc {
    background: url(../images/news_bg.png) repeat;
}
.kuandu1100 {
    line-height: 28px;
    color: #666464;
    font-size: 14px;
	text-align:center;
}
#ztbox #conter {
    width: 1130px;
    height: 400px;
    float: left;
    display: inline;
    overflow: hidden;
    position: relative;
    margin: 0px 10px;
}
.wide_banner {
    position: relative;
    padding-top: 0px;
} 
.wide_banner1 {
    
    padding-top:120px;
}
.wide_banner2 {
	
}
.dao_bg{ background:#191919; height:64px; line-height:64px;}
.daohang{ width:1160px; margin:0 auto; font-family:"微软雅黑"; font-size:20px; color:#ca9122;}
.luotuo{ float:left; width:85%;}
.luotuoxing{ float:left; width:50%;}
.luotuo a{  font-size:15px; color:#bababa; margin-left:28px;}
.luotuoxing a{ font-size:15px; color:#bababa}
.work_list {
    padding: 100px 0 40px 0;
    
}
.inner1160 {
    width: 1160px;
    margin: 0 auto;
    position: relative;
}

.work_item, .work_itemset {
    float: left;
    cursor: pointer;
    position: relative;
}
.wrap1{ width:1200px; margin:0 auto;}
.new_water_list{ padding-top:30px; margin:0 auto; }
.new_water_list li{ width:50%; position:relative; left:1px; margin-left:-1px; float:left; height:auto; overflow:hidden; padding-bottom:66px;}
.new_water_list_l{ float:left; width:15%;}
.new_water_list_l img{ width:80%; height:auto;}
.new_water_list_r{ float:left; width:85%; position:relative; left:1px; margin-left:-1px;}
.new_water_list_r h4,.new_water_list_r h5,.new_water_list_r p{ width:90%;}
.new_water_list_r h4{ line-height:46px; color:#000000; font-size:24px; font-weight:normal;}
.new_water_list_r h5{ line-height:46px; color:#000; font-size:16px; font-weight:normal; line-height:34px;}
.new_water_list_r p{ color:#898989; line-height:28px; font-size:16px;}
.new_water_list_r p a{ color:#898989;}
.new_water_list_r p a:hover{ color:#005bac;}

.new_water_list_max{ width:80%; margin:0 auto; text-align:center;}
.new_water_list_max img{ margin:0 auto;}
.new_water_list_max h4{ line-height:42px; font-size:24px; color:#464646; font-weight:normal;}
.new_water_list_max p{ line-height:24px; color:#979797; height:48px; overflow:hidden;}

.chanpin{ margin-top:40px;}
.class-list{ width:1160px; margin:0 auto;}
.class-list li{ width:336px;  float:left;margin-left:45px;line-height:28px; font-size:14px;margin-bottom:30px; color:#3d3d3d; height:400px;}
.class-list li div{ width:336px; height:216px; margin:0 auto}
.class-list li h3{ font-size:18px; border-bottom:1px solid #cbcbcb; padding-bottom:13px; margin-bottom:8px; margin-top:15px; font-weight:normal; text-align:center;}
.class-list li p{ margin:0; text-align:center;}
.class-list li a{ color:#333}
.class-list li div img{transition: all 1s ease;-webkit-transition: all 1s ease;}
.class-list li:hover div img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.shou {
    cursor: pointer;
}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd; padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}

.contact_col0 a.erweima {
    position: relative;
	background:url(../images/wx.jpg);
	width:57px; height:47px; margin-right:30px;
}
.contact_col0 a.erweima img {
    display: none;
    position: absolute;
    left: -30px;
    top: -130px;
}
.contact_col0 .erweima:hover img {display: block;}

.slider {
    position: relative;
    clear: both;
    overflow: hidden;
}

.lx{ float:left; width:60%;}