@media screen and (max-width: 2000px) {
.topNav{background:#fff;height:114px;left: 0;position: fixed;top:54px;width: 100%;z-index:999; border-top: #e2e2e2 solid 1px; border-bottom: #e2e2e2 solid 1px }

.topNav-width{ width:1010px; margin:0 auto; }
.topNav .logo_hami{ float: left; margin-top: 20px; }
.topNav .logo_silkroad{ float: right; margin-top: 28px; }
.topNav dl{ zoom:1; }
.topNav .tnLeft{ float:left; margin:0 0 0 38px;}
.topNav dd{ float:left; position:relative;  }
.topNav dd h3{ float:left;  }
.topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; height:114px; line-height:114px; padding:0 28px; color: #666; font-size: 20px;}
.topNav dd h3 a i{ display:inline-block; width:11px; height:7px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(../images/hami/icon.png) center center no-repeat;   }
.topNav dd h3 a.active{color:#fd6c34; }
.topNav dd h3 a:hover,
.topNav dd.on h3 a{ color:#fd6c34; }

.topNav dd ul{ display:none;  position:absolute; width:152px;  top:114px; left:0;  border:1px solid #e2e2e2; border-top:0;  background:#fff;}
.topNav dd ul li{ line-height: 56px;height: 56px; }
.topNav dd ul li a{ display: block; color: #333; padding: 0 30px;  }
.topNav dd ul li a:hover{ background:#e9e9e9; color:#fd6c34;    }

.hami_content{ position: relative; top:170px;background-color: #fff;color: #666; }
.hami_content .hami_works{ width: 1010px;margin: 0 auto; overflow: hidden;}
.hami_content .content_box{ width: 926px; margin: 0 auto; padding: 60px 42px;}
.content_box .headline{ width: 926px; margin-bottom: 20px;}
.content_box .headline h2{ font-size: 24px; color: #333; }
.content_box .headline h4{ font-size: 14px; color: #666; padding: 10px 0;}
.content_box .article_word{ font-size: 14px; line-height: 28px; }
.content_box .article_picture { width:926px; text-align:center; padding:35px 0;}
.content_box .article_picture .picture_caption{ font-size: 13px; line-height:20px;}

.hami_content .caifeng_box{}
.hami_content .caifeng_box h2{ font-size: 24px; color: #333; display: block; padding:38px 0; }
.hami_content .caifeng_box .picList_hm{width: 1010px; overflow: hidden; margin-bottom: 150px;}
.hami_content .caifeng_box .picList_hm li{ width: 336px; height: 224px; float: left; position: relative;overflow: hidden;}
.hami_content .caifeng_box .picList_hm li .photo{width:336px;height:224px;overflow:hidden;}
.hami_content .caifeng_box .picList_hm li .photo span{ position: absolute; bottom:0; left: 0; width: 336px; height: 40px; line-height: 40px; color: #fff; font-size: 18px;background: url(../images/hami/bg_s.png) repeat; text-align: center;}
.hami_content .caifeng_box .picList_hm li .rsp{width:336px;height:224px;overflow:hidden;position: absolute;background:#de0010;top:0px;left:0px;}
.hami_content .caifeng_box .text{position:absolute;width:336px;height:224px;left:-336px;top:0px;overflow:hidden;}
.hami_content .caifeng_box .text h3{width:336px;margin-top:20px;height:40px;line-height:40px;text-align:center;color:#FFF;font-size:30px;}
.hami_content .caifeng_box .text a{text-decoration:none;width:336px;height:224px;overflow:hidden;}
.hami_content .caifeng_box .text div{color:#FFF;font-size:18px; padding: 15px 35px; line-height: 24px;}
.hami_content .caifeng_box .text div span{display: block;background: url(../images/hami/more_icon.png) 110px center no-repeat; font-size: 24px; height: 25px; margin-top: 30px;}


/*弹框说明*/
.popup_hami{display:none;position:relative;width:1010px;background: #d9d9d9;color:#fff;font-size: 14px;}

.popup_hami .img_div{width:1010px;position: relative;height:400px; margin-top: 25px;}
.popup_hami .img_div ul{height: 100%;width:1010px;overflow: hidden;}
.popup_hami .img_div ul li{float: left;width:100%;text-align: center;height: 100%;}
.popup_hami .img_div img{display: inline-block;height:100%;}
.popup_hami .img_div span{position: absolute;cursor:pointer;width:25px;height:38px;top:50%;margin-top:-12px;}
.popup_hami .img_div span.prev{left:40px;background: url(../images/hami/next.png) no-repeat 0 0;}
.popup_hami .img_div span.next{right:40px;background: url(../images/hami/next.png) no-repeat -25px 0;}
.popup_hami .close{width:25px;height:25px;cursor:pointer;position: absolute;right:0;top:-28px;background: url(../images/hami/close_icon.png) no-repeat; z-index: 999;}
.popup_hami .simulation_scroll{padding:10px;width:990px;height: 150px;}
.popup_hami .all_inforamtion{width:990px;height: 150px}
.title_info{width:1010px;height:110px; position: absolute; top: -28px;}
.title_info p{line-height: 26px;}
.title_info .left{float: left;width:99px;}
.title_info .left img{display: block;width:99px;height:59px;}
.title_info .left p.p1{font-size: 16px;}
.title_info .right{float: right;width:80px; margin-top: 60px;text-align: right; line-height: 30px;}
.title_info .right p{font-size: 20px; color: #4f4f4f;}
.title_info .right span{font-size: 20px; color: #fff;}
.caifeng_com{ width: 760px; margin: 0 auto; }
.caifeng_com h3{ color: #333; font-size: 20px; line-height: 20px; display: block; margin: 12px 0; }
.caifeng_com p{ color: #666; font-size: 14px; line-height: 24px; }


}


@media screen and (max-width: 820px) { 

.topNav{background:#fff;height:114px;left: 0;position: fixed;top:54px;width: 100%;z-index:999; border-top: #e2e2e2 solid 1px; border-bottom: #e2e2e2 solid 1px }

.topNav-width{ width:100%; margin:0 auto; }
.topNav .logo_hami{ float: left; margin-top: 20px;margin-left: 10px; }
.topNav .logo_silkroad{ float: right; margin-top: 28px; display:none;}
.topNav dl{ zoom:1; }
.topNav .tnLeft{ float:left; margin:0 0 0 38px;}
.topNav dd{ float:left; position:relative;  }
.topNav dd h3{ float:left;  }
.topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; height:114px; line-height:114px; padding:0 24px; color: #666; font-size: 22px;}
.topNav dd h3 a i{ display:inline-block; width:11px; height:7px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(../images/hami/icon.png) center center no-repeat;   }
.topNav dd h3 a.active{color:#fd6c34; }
.topNav dd h3 a:hover,
.topNav dd.on h3 a{ color:#fd6c34; }

.topNav dd ul{ display:none;  position:absolute; width:152px;  top:114px; left:0;  border:1px solid #e2e2e2; border-top:0;  background:#fff;}
.topNav dd ul li{ line-height: 56px;height: 56px; }
.topNav dd ul li a{ display: block; color: #333; padding: 0 30px;  }
.topNav dd ul li a:hover{ background:#e9e9e9; color:#fd6c34;    }

.hami_content{ position: relative; top:170px;background-color: #fff;color: #666; }
.hami_content .hami_works{ width: 100%;margin: 0 auto; overflow: hidden;}
.hami_content .content_box{ width: 94%; margin: 0 auto; padding:40px 3%;}
.content_box .headline{ width: 100%; margin-bottom: 20px;}
.content_box .headline h2{ font-size: 24px; color: #333; }
.content_box .headline h4{ font-size: 14px; color: #666; padding: 10px 0;}
.content_box .article_word{ font-size: 14px; line-height: 28px; }
.content_box .article_picture { width:100%; text-align:center; padding:35px 0;}
.content_box .article_picture .picture_caption{ font-size: 13px; line-height:20px;}

.hami_content .caifeng_box{}
.hami_content .caifeng_box h2{ font-size: 24px; color: #333; display: block; padding:38px 0; }
.hami_content .caifeng_box .picList_hm{width: 100%; overflow: hidden; margin-bottom: 150px;}
.hami_content .caifeng_box .picList_hm li{ width: 50%; height: 224px; float: left; position: relative;overflow: hidden;}
.hami_content .caifeng_box .picList_hm li .photo{width:336px;height:224px;overflow:hidden;}
.hami_content .caifeng_box .picList_hm li .photo span{ position: absolute; bottom:0; left: 0; width: 336px; height: 40px; line-height: 40px; color: #fff; font-size:20px;background: url(../images/hami/bg_s.png) repeat; text-align: center;}
.hami_content .caifeng_box .picList_hm li .rsp{width:336px;height:224px;overflow:hidden;position: absolute;background:#de0010;top:0px;left:0px; display: none;}
.hami_content .caifeng_box .text{position:absolute;width:336px;height:224px;left:-336px;top:0px;overflow:hidden; display: none;}
.hami_content .caifeng_box .text h3{width:336px;margin-top:20px;height:40px;line-height:40px;text-align:center;color:#FFF;font-size:30px;}
.hami_content .caifeng_box .text a{text-decoration:none;width:336px;height:224px;overflow:hidden;}
.hami_content .caifeng_box .text div{color:#FFF;font-size:18px; padding: 15px 35px; line-height: 24px;}
.hami_content .caifeng_box .text div span{display: block;background: url(../images/hami/more_icon.png) 110px center no-repeat; font-size: 24px; height: 25px; margin-top: 30px;}


/*弹框说明*/
.popup_hami{display:none;position:relative;width:100%;background: #d9d9d9;color:#fff;font-size: 14px;}

.popup_hami .img_div{width:100%;position: relative;height:400px; margin-top: 25px;}
.popup_hami .img_div ul{height: 100%;width:80%;overflow: hidden; margin: 0 auto;}
.popup_hami .img_div ul li{float: left;width:100%;text-align: center;height: 100%;}
.popup_hami .img_div img{display: inline-block;height:100%;}
.popup_hami .img_div span{position: absolute;cursor:pointer;width:25px;height:38px;top:50%;margin-top:-12px;}
.popup_hami .img_div span.prev{left:20px;background: url(../images/hami/next.png) no-repeat 0 0;}
.popup_hami .img_div span.next{right:20px;background: url(../images/hami/next.png) no-repeat -25px 0;}
.popup_hami .close{width:25px;height:25px;cursor:pointer;position: absolute;right:10px;top:-58px;background: url(../images/hami/close_icon.png) no-repeat; z-index: 999;}
.popup_hami .simulation_scroll{padding:10px 5%;width:90%;height: 150px;}
.popup_hami .all_inforamtion{width:100%;height: 150px}
.title_info{width:100%;height:110px; position: absolute; top: -58px;}
.title_info p{line-height: 26px;}
.title_info .left{float: left;width:99px;margin-left: 10px;}
.title_info .left img{display: block;width:99px;height:59px;}
.title_info .left p.p1{font-size: 16px;}
.title_info .right{float: right;width:80px; margin-top: 60px;text-align: right; line-height: 30px; margin-right: 10px;}
.title_info .right p{font-size: 20px; color: #4f4f4f;}
.title_info .right span{font-size: 20px; color: #fff;}
.caifeng_com{ width: 100%; margin: 0 auto; }
.caifeng_com h3{ color: #333; font-size: 22px; line-height: 20px; display: block; margin: 12px 0; }
.caifeng_com p{ color: #666; font-size: 18px; line-height: 26px; }


}