@charset "utf-8";
/* CSS Document */

body, div,ul,li, h1, h2, h3,dl,dd,dt,tr,td{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif}
ul,li{ list-style:none}
img {border: 0;}
body{color:#626262;background:#fff; }
a{color:#626262;text-decoration:none} 
.l{float:left;}
*{padding:0; margin:0;}
#wrap{ width:100%; max-width:1920px; overflow:hidden; margin:0 auto;}
.wrap{ width:1200px; margin:0 auto;}
.top{ height:98px; background: url(../images/top_bg.jpg); background-position:center center;}
.logo{ float:left}
.nav{ float:left; margin-left:80px; }
.nav ul li{ float:left; line-height:98px; width:115px; text-align:center;position:relative; }
.nav ul li a{ color:#fff; font-size:16px; font-weight:bold;display: block; }

.nav ul li .sontype{ position:absolute; z-index:999; background:#00134b; left:-10px; display:none; }
.nav ul li .sontype a{ display:block; border-bottom:1px solid #fff; line-height:30px; height:30px; padding:0 30px;word-break:keep-all;white-space:nowrap; color:#fff}
.nav ul li .sontype a:hover{ color:#fff}
.nav ul li:hover .sontype{ display:block}





.work_row {
    width: 100%;
    float: left;
    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=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;
}
.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 h4 {
    width: 26px;
    height: 23px;
    display: block;
    float: left;
    margin: 0 9px 0 0;
    background: url(../images/cate.png)/*tpa=http://www.toprand.com/assets/images/skin/cate.png*/;
}
.item_sub h4:last-child {
    margin: 0; 
}

.work0 {
    width: 60%;
}
.work1 {
    width: 40%;
}

.item_sub h3 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 39%;
    left: 0;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.item_sub.small h3 {
    font-size: 24px;
    line-height: 10px;
	font-family:"微软雅黑"
}
.item_sub h3 span{ font-family:"微软雅黑"}
.honor{ width:40%; float:left; height:100%;}
.about1{ width:60%; float:left; height:100%;}
.vedio{ width:100%; background:#000000; min-height:300px; overflow:hidden;}
.vedio_tu{ float:right;}
.guanyu_nr{ width:69.5%; float:left; background:url(../images/about_bg.jpg) no-repeat; overflow:hidden; background-size:100% 100%;}

.about_nr{ width:100%;}
.about_z{ width:60%; margin-top:40px; line-height:35px; margin-left:40px;}

/*二级*/
.about_banner{ background:url(../images/about_banner.jpg); background-position:center center; height:300px;}
.center_center{ width:1200px; margin:0 auto;}
.dangqian{ width:230px; height:65px; background:#00408a; line-height:65px; color:#ffffff; font-family:"微软雅黑"; font-size:24px;}
.zuo{ width:230px; float:left;}
.zuo_nav{ margin-top:30px;}
.zuo_nav li{ line-height:44px; border-bottom:1px solid #f3f3f3;}
.zuo_nav li a{ display:block}
.zuo_nav li a.on{ background:url(../images/zuo_navhover.jpg) no-repeat; color:#e99205;}
.zuo_nav li a:hover{ background:url(../images/zuo_navhover.jpg) no-repeat; color:#e99205;}
.height{ height:30px;}
.you{ float:left; margin-left:30px; width:930px;}
.daohang{ border-bottom:1px solid #f3f3f3; height:30px}
.daohang_z{ float:left; color:#868686; font-size:18px; font-family:"微软雅黑";}
.daohang_y{ float:right;}
.daohang_y img{ vertical-align:middle;}
.nr{ min-height:500px; overflow:hidden; width:900px; margin:0 auto; line-height:35px; font-family:"微软雅黑"; color:#626262; margin-top:30px; font-size:14px;}
.center_center{ min-height:500px; overflow:hidden;}
.foot{ height:40px; line-height:40px; background:#222222;}
.foot_zi{ width:1000px; margin:0 auto; color:#ffffff; height:40px; line-height:40px;}

.news2 { padding:20px 0 0 18px;width:850px;}
.news2 li { height:45px; line-height:45px; background:url(../images/ej_dian.gif) repeat-x bottom;}
.news2 a{font-size:14px;color:#666;}
.news2 li .time{  padding-right:5px; color:#666;font-size:14px;}

.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;}

.pro_nr1{ margin-top:20px; margin-left:5px;}
.pro_nr li{ width:272px; height:249px; float:left; border:1px solid #dbdbdb; margin-right:20px;}
.pro_nr1 li{ width:272px; height:249px; float:left;  margin-right:25px;}
.pro_nr1 li .txt{ line-height:58px; text-align:center;}
.pro_nr1 li .txt a{ color:#626262; font-family:"微软雅黑"; font-size:15px;}

.hezuo_y{ width:460px; float:left; margin-left:10px;}
.hezuo_y li{ float:left; margin-right:8px;}
.huoban_z{ min-height:300px; width:100%;}
.huoban_nr{ width:35%; margin: 0 auto;}
.huoban{ min-height:300px; overflow:hidden; background: #333333;}
.map{ width:40%; float:left; height:100%;}
.hezuo_z{ float:left;}
.hezuo{ margin-top:30px; border-bottom:1px solid #999999; min-height:10px; overflow:hidden }
.address{ margin-top:20px; color:#999999; line-height:35px; font-family:"微软雅黑"; font-size:14px;}