@charset "utf-8";
/* CSS Document */
*{ font-family:微软雅黑; color:#333333;}
 h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-style: normal;
    font: 12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif;
    font-family: "微软雅黑";
}
body{ margin:0px; padding:0px;}
.top{position: fixed; width:100%; z-index:90000; background:#fff;}
.main{ width:1205px; margin:0 auto;}
.nav{ margin:0px; padding:0px;}
.nav li{ list-style:none; float:left; line-height:81px;color:#7f7f7f}
.nav li a{ display:inline-block; line-height:81px; text-decoration:none; padding:0 38px; color:#7f7f7f}
.protitle{ text-align:center;}
.full-screen-slider{ background:#fff;}
.protitle{ text-align:center; font-size:26px; color:#292929;}
.protitle span{ display:block; font-size:21px; color:#989898}
.hei20{ height:20px; width:100%; overflow:hidden; clear:both}
.hei10{ height:20px; width:100%; overflow:hidden; clear:both}
.hei30{ height:20px; width:100%; overflow:hidden; clear:both}
.yflist{ float:left; width:301px; height:221px;}
.lipadd3{ padding:0 20px; width:261px; padding-top:40px; height:181px;}
.lipadd3 span{ font-size:12px; text-align:left; line-height:22px;}
.box{ width:1205px; margin:0 auto}
.oh{ overflow:hidden}

.news-left{ width:817px; height:370px; float:left; padding:20px; border:1px solid #eee; background:url(../images/news_bg.jpg) no-repeat 20px 20px}
.news-box{ width:415px; height:220px; margin-left:380px;}
.news-item{ margin-top:15px; overflow:hidden}
.news-item h3{ color:#b2812b; font-size:19px;}
.news-item h3 a{  color: #626262;color:inherit}
.news-item p{ color: #626262;font-size:14px; line-height:26px;}

.news-right{ width:290px; height:370px; float:right; padding:20px; border:1px solid #eee}
.news-right h3{ font-size:18px; height:18px; line-height:18px; border-left:2px solid #f39800; text-indent:10px; color:#292929}
.news-right ul{ margin:0px; padding:0px; margin-top:15px}
.news-right li{ height:42px; line-height:42px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dashed #ccc; font-size:14px;}
.news-right li a{    color: #626262;}
a {
    color: #626262;
    text-decoration: none;
}

.footer{ width:100%; overflow:hidden; color: #626262; clear:both}
.footer1{ height:340px; background:#e9e9e9}
.foot1-left{ width:787px; height:340px; float:left; background:url(../images/foot_bg1.png) no-repeat center}
.foot1-right{ width:360px; float:right; margin-top:30px; font-size:16px;}
.foot1-right .foot-text{ border:none; width:235px; height:30px; margin-right:20px; border-radius:5px; padding:0 10px}
.foot1-right .foot-area{ border:none; width:335px; height:80px;border-radius:5px; padding:10px}
.foot1-right .foot-sub{ width:120px; height:32px; border:none; background:#505050; margin-left:30px; color:#fff; font-size:16px; cursor:pointer;border-radius:5px}

.footer2{ height:222px; background:url(../images/foobg.jpg) repeat}
.foot2-bg{ height:222px;background:url(../images/foot_bg2.png) no-repeat center}
.foot2-nr{ width:390px; height:130px; float:left; margin-top:50px; margin-left:600px; text-align:right}
.foot2-nr h3{ color:#fff; font-size:46px;}
.foot2-nr span{ display:block; color:#fff; font-size:14px; margin-top:15px; margin-bottom:15px}
.foot2-nr a{ font-size:14px; color:#fff; background:#940b10; padding:5px 35px 8px;}

.footer3{height:80px; background:#212121}
.foot3-bg{ height:80px; background:#212121; line-height:80px; font-size:14px;}
.footer3 p{ float:left; margin:0}
.footer3 p a{ padding:0 20px;}
.footer3 span{ float:right}

.title{ margin-top:50px; margin-bottom:50px; text-align:center}
.title h3{ color:#292929; font-size:25px;}
.title p{ margin:0; margin-top:10px;color:#989898; font-size:20px}
.title .more{ width:100px; height:30px; line-height:30px; border:1px solid #bbbbbb; margin:15px auto}
.title .more a{ color:#707070; display:block}
.neibanner{ background:url(../images/neibanner.jpg) center; height:469px; width:100%;}

/* ============================= */
.work_list {
    padding: 100px 0 40px 0;
    
}
.work_thumb {
    width: 320px;
    height: 200px;
    overflow: hidden;
}
.work_thumb img {
    width: 320px;
    height: 200px;
    transition:         all 2s ease;
    -webkit-transition: all 2s ease;
    -ms-transition:     all 2s ease;
    -moz-transition:    all 2s ease;
    -o-transition:      all 2s ease;
}
.work_thumb img.active {
    -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);
}
.work_item {
    width: 320px;
    height: 340px;
    float: left;
    margin: 0 27px;
    position: relative;
}
.work_item h3 {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #484848;
    border-bottom: 1px solid #cbcbcb;
    margin: 0 0 12px 0;
    cursor: pointer;
}
.work_thumb {
    cursor: pointer;
}
.work_item p {
    line-height: 18px;
}
.work_item i {
    position: absolute;
    width: 90px;
    height: 22px;
    right: 0;
    top: 263px;
    display: block;
}
.work_item h5 {
    float: right;
    width: 21px;
    height: 16px;
    margin-left: 4px;
    display: block;
    background: url("../images/skin/cate.png")/*tpa=http://www.toprand.com/assets/images/skin/cate.png*/;
}
h5.cate0 {
    width: 18px;
    background-position: 0 0;
}
h5.cate1 {
    width: 15px;
    background-position: -18px 0;
}
h5.cate2 {
    width: 18px;
    background-position: -33px 0;
}
h5.cate3 {
    width: 18px;
    background-position: -51px 0;
}
h5.cate4 {
    width: 19px;
    background-position: -70px 0;
}

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

.neinav{ background:url(../images/red.jpg) center no-repeat; height:58px; width:100%; line-height:58px; color:#2e2e2e; font-size:20px;}
.neinav span{ background:#e50112; height:58px; display:inline-block; color:#fff; padding:0 30px; width:120px;}
.neinav a{ display:inline-block; padding:0 20px; line-height:58px; height:58px;color:#2e2e2e;}
.fre1{ background:url(../images/geeng.jpg) center no-repeat; margin-top:3px;}
.fre1 span{ background:#009944}
.about-box{}
.about-left{ width:219px; height:299px; background:url(../images/about_t.png) no-repeat center; float:left}
.about-right{ width:895px; height:209px; background:#fff; float:right; background-color:rgba(255,255,255,.8); font-size:13px; color:#737373; line-height:24px; padding:45px;}

.ej-position{ background:#fff;}

.contact-ul{ margin:0px; padding:0px;}
.contact-ul li{ float:left; width:400px; height:260px; line-height:40px; color:#3d3d3d; font-size:16px; padding-left:100px; background:url(../images/c1.jpg) no-repeat left top; margin-left:50px; list-style:none;}
.contact-ul li h3{ color:#3d3d3d; font-size:24px; margin-top:20px}
.contact-ul li.c2{ background:url(../images/c2.jpg) no-repeat left top}
.contact-ul li.c3{ background:url(../images/c3.jpg) no-repeat left top}
.contact-ul li.c4{ background:url(../images/c4.jpg) no-repeat left top}

.newslist{ width:273px; float:left; background:#f1f1f1; margin:0 14px; margin-bottom:30px; height:275px;}
.newslist span{ color:#3a3a3a; font-size:22px; padding:5px 15px; display:block; }
.newslist div{ padding:0px 15px; padding-bottom:15px; font-size:14px;}


.ab_bg{ background:url("../images/about_bg.jpg") no-repeat center ; height:auto; font-size: 0; padding:0px 0 30px 0px; width:1070px; margin:0 auto;}
.ling_t{ background:url("../images/fenl_line01.png") no-repeat center;width: 720px;text-align: center; margin:0 auto;height: 80px;overflow: hidden;}
.ling_t a{font-size: 28px;color: #B2812B;}
.ling_t span{font-size: 28px;color: #333;display: block;font-weight: normal; padding:5px 0 0;}
.ling_t em{font-size: 14px;color: #b6b6b6;text-transform: uppercase; padding:0 10px 0 0;}
.about .ling_t{overflow: hidden; padding-top:30px;}
.about dl dt{ width:422px; padding:7px 7px 44px 7px; height:250px; float:left; background:url(../images/shiping.png) no-repeat center; overflow:hidden}
.about dl dd{ width:500px; float:left; padding:10px 0 0 30px;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{ font-size:18px; color:#3487dc;}
.about dl dd h5 i{ display:block; font-size:12px; color:#343434;}
.about dl dd p{ font-size:16px; color:#333;  line-height:24px; padding:10px 0 0; overflow:hidden;}
.about dl dd span,.news dd span{display: block;float: right; padding:15px 0 0;}
.about dl dd span img,.fengc_l span img,.news dd span img{width: 152px;height: 38px;}
.about .ab_btn{ padding:20px 0 0 250px; display:inline-block;width: 750px;}
.about .ab_btn a{font-size: 16px;color: #666;font-weight: bold; background:url("../images/ys_btn01.png") no-repeat;display: block;float: left;width: 152px;height: 38px;text-align: center;line-height: 38px;overflow: hidden; margin:0 0 0 25px;}
.about .ab_btn a:hover{ background:url("../images/ys_btn02.png") no-repeat;color:#3487dc; text-decoration:none;}

.product{ width:1070px}
.product ul{ width:1100px; margin-top:20px; margin:0px; padding:0px;}
.product li{ float:left; margin-right:15px; height:207px; list-style:none}
.product li img{ margin-top:20px;transition:all .4s;}
.product li img:hover{ margin-top:15px;}

.kc-t{}
.kc-t li{ float:left; margin:0 4.4px; cursor:pointer}
.kc-t li img{ display:block}
.kc-t li p{ margin:0; margin-top:1px; background:#595047; text-align:center; color:#fff; font-size:14px; height:26px; line-height:25px;}
.kc-t li.cur p{ color:#f4f244}

.kc-nr{ background:#fff; background:rgba(255,255,255,.9); margin-top:30px; padding:20px; font-size:14px; line-height:26px;}
.zizhi-nr{ width:1160px; height:305px;}
.zizhi-nr li{ float:left; height:299px; margin-left:10px; border:2px solid #5e4000; border-radius:3px}

.kc-title{ border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:20px}
.kc-title h3{ color:#404040; font-size:17px; line-height:22px}
.kc-title h3 a{ color:#181818; margin:0 20px;}
.kc-title h3 a:hover,.kc-title h3 a.active{ color:#dc3428}

.nav li .sontype{ position:absolute; z-index:999; background:#A00000; display:none; min-width:144px;}
.nav li .sontype a{ text-align:center; display:block; border-bottom:1px solid #fff; line-height:29px; height:29px; padding:0 29px;word-break:keep-all;white-space:nowrap; color:#fff}
.nav li .sontype a:hover{ color:#fff}
.nav li:hover .sontype{ display:block}
.nav li .sontype.pods2{}

/*首页视频*/
.video{ position: absolute; width:280px; height:200px; z-index:999; top:60%; margin-top:30px; right:20px;}
/*首页视频*/