body{ margin:0 auto; padding:0; background:#000; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

@font-face
{
font-family: myFirstFont;
src: url('../images/FZFYSJW.TTF');
}

@font-face
{
font-family: myFirstFont2;
src: url('../images/FZLTXHJW.TTF');
}

.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;s}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}



.top{ width:100%; height:auto; box-shadow:0 2px 2px #333; background:#1b1b1b;}
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{ background:#fff; color:#000; text-decoration:none;}




/**头条**/
.TT{ width: 100%; height: 150px; background: url(../images/ttrbg.jpg) repeat-x;  }
.TT .TTin{ width:1340px; height: 150px; margin: 0 auto;   background: url(../images/ttbg.png) top center no-repeat ; }
.TT .TTin .tl{ width: 1140px; height: 150px; float: left; box-sizing:border-box; padding:20px 30px 20px 270px; }
.TT .TTin .tr{ width: 199px; border-left:1px solid #323232 ; height: 150px; float: right; box-sizing: border-box; padding:35px; }
.TT .TTin .tl .tt1{ text-align: left; color: #fff; font-size: 36px; font-weight: 800;  }
.TT .TTin .tl p{ color: #b9b9b9; font-size: 16px; text-align:justify; line-height: 24px; margin-top:10px;}
.TT .TTin .tl p a{ color: #e31612; }
.TT .TTin .tr p{ color:#b9b9b9; font-family:'宋体'; font-weight: 800; }
.TT .TTin .tr .p1{ font-size:30px;   }
.TT .TTin .tr .p2{ font-size:18px; margin-top: 5px;  }


/**盛典直击**/
.boxtit{ width: 1200px; height:150px; background: url(../images/sdzj-tit.png) no-repeat;  }
.SD{ width: 1200px; height:auto; margin:0 auto; }
.SD .boxcon{ width: 1150px; overflow:visible; margin:0 auto; height:600px; border:10px solid #505050; position: relative; margin-top:50px; overflow:visible;   }
.SD .boxcon .boxin{ width: 1100px; height: 600px; background: #efefef; position: absolute; left: 25px; top: -50px; overflow:visible; }


.nbox{  float: left; width: 600px; height:140px; box-sizing: border-box; padding:30px 30px 30px 110px; position: relative; }
.nbox .nbt{ font-size: 18px; color: #fff; text-align:left;  font-weight: 800;}
.nbox .ndes{ font-size:14px; color: #ababab; margin-top:10px; line-height: 24px;  }
.nbox .ndes a{ color: #d01411;	 }
.nbox .date{ position: absolute; width:80px; height: 24px; top: 30px; overflow:visible; left: 10px; border-right: 2px solid #323232;  }
.nbox .date p{ color: #a0a9a6; line-height: 20px; margin-bottom:10px; font-family: '宋体'; font-weight: 800; }



/**嘉宾演讲**/
.boxtit2{ width: 1200px; height:150px; background: url(../images/jbyj-tit.png) no-repeat;  }
.JB{ width: 100%; background: #1b1b1b; height:auto; background: url(../images/gbg.jpg) top 385px left 470px no-repeat #1b1b1b;  }
.JB .JBin{ width: 1200px; height: auto; }
.circleline{ clear: both; padding:0 30px 0 30px; }
.circleline .cc{ float: left; margin: 0 10px; width:200px; height: 200px; border-radius: 200px; background: #dedddb; border:4px solid #dedddb; position: relative; cursor: pointer;  }
.circleline .cc img{ display: block; width: 200px; height: 200px; background: #333; }
.circleline .cc .ccdes{ position: absolute; bottom: 0; padding:5px 0 10px 0; background: #dedddb; width: 100%; text-align: center; box-sizing: border-box;}
.circleline .cc .ccdes:hover p{ color: #e31612; }
.circleline .cc .ccdes .mz{ font-size: 22px; font-family:myFirstFont; }
.circleline .cc .ccdes .tx{ font-size: 10px; }
.circleline .act{ color: #e31612; }
.jbbox{  position: relative; width: 100%; height:600px;  }
.jbin{ background: none; display: block; overflow: hidden; }
.jbbox .jbpic{ width: 420px; height: 328px; display: block; background: #efefef; position: absolute; top: 60px; left: 80px;  }
.jbbox .jbpic img{ display: block; width: 420px; height: 328px; }
.jbbox .jbname{ height:0;width:420px;border-bottom:120px solid #dedddb;border-left:60px solid transparent; overflow: visible; border-right:60px solid transparent; position: absolute; top: 388px; left:20px;   }
.jbbox .jbname p{ position: absolute; top: 15px; left: 10px; width:400px; padding: 10px 0 0 0;  text-align: center; line-height:26px; color: #e31612; font-size: 30px; font-family:myFirstFont;    line-height: 30px;}
.jbbox .jbname p font{ font-size: 20px; font-family:myFirstFont2; }
.jbbox .jbtxt{ width: 570px; height: 340px; position: absolute; top: 100px; right: 70px; }
.jbbox .jbtxt .t1{ margin: 0; padding:0; font-size:36px; color: #000;  margin-bottom:70px; font-family:myFirstFont; }
.jbbox  .ll{ position: absolute; }
.jbbox  .l1{ width: 200px; border-bottom:2px solid #323232; top: 80px; }
.jbbox  .l2{ width: 200px; border-bottom:2px solid #323232; top: 85px; left:60px;  }
.jbbox .jbtxt p{ text-align: justify; font-size: 14px; color: #323232; line-height: 28px; margin: 10px 0; }
.jbbox .jbtxt p a{ color: #d01411; }



/**红顶公益**/
.boxtit3{ width: 1200px; height:150px; background: url(../images/hdgy-tit.png) no-repeat;  }
.gybox{ width: 1200px; height:auto; padding:40px 0;}
.gybox .vv{ float: left; width:540px; height: 320px; background: #efefef; margin:30px 0 0 80px  }
.gybox .gypic{ float: right; width:500px; height: 340px; background: #efefef; margin: 20px 60px  0 0;  }


/**趋势发布**/
.boxtit4{ width: 1200px; height:150px; background: url(../images/qsfb-tit.png) no-repeat;  }
.QS{ width: 100%; height: auto; background: #1b1b1b; padding:0 0 100px 0; }
.QS .QScon{ width: 1150px; overflow:visible; margin:0 auto; height:500px; border:10px solid #505050; position: relative; margin-top:50px; overflow:visible;   }
.QS .QScon .QSin{ width: 1100px; height: 500px; background: #efefef; position: absolute; left: 25px; top: -50px; overflow:visible; }


/**参与品牌**/
.boxtit5{ width: 1200px; height:150px; background: url(../images/cypp-tit.png) no-repeat;  }
.PP{ width: 100%; padding-bottom: 50px; }



/**荣誉盛典**/
.boxtit6{ width: 1200px; height:150px; background: url(../images/rysd-tit.png) no-repeat;  }
.RY{ width: 100%; background: #1b1b1b; }
.RY{ width: 100%; height: auto; background: #1b1b1b; padding:0 0 100px 0; height: 1330px; }
.RY .RYcon{ width: 1150px; overflow:visible; margin:0 auto; height:500px; border:10px solid #505050; position: relative; margin-top:50px; overflow:visible;   }
.RY .RYcon .RYin{ width: 1100px; height: 800px; background: #efefef; position: absolute; left: 25px; top: -50px; overflow:visible; background: none; }

.jp{ clear: both; margin:60px 0 0 0; }
.jp .jptit{ text-align: center; font-size: 30px; color: #f4cc8a; font-family:myFirstFont; margin: 10px 0; }
.jp .jplist{ width:1100px; height: auto; box-sizing: border-box; padding: 0 50px; }
.jp .jplist .jpp{ width:500px; height: 30px; float: left; text-align: left; color: #ababab; font-size:14px;  line-height: 30px;  }

.BM{ width: 1200px; height: auto; position: relative; margin-top: 300px; }
.BM .bmtit{ width:90px; height: 50px; border:1px solid #d00022; text-align: center; line-height: 50px; color: #f4cc8a; font-size: 18px; position: absolute; font-family:myFirstFont;   }


/**现场产品展示**/
.boxtit10{ width: 1200px; height:150px; background: url(../images/xctit.png) no-repeat;  }
.ZS{ width: 100%; height: auto; background: #000; padding:0 0 100px 0; }
.ZS .ZScon{ width: 1150px; overflow:visible; margin:0 auto; height:500px; border:10px solid #505050; position: relative; margin-top:50px; overflow:visible;   }
.ZS .ZScon .ZSin{ width: 1100px; height: 500px; background: #efefef; position: absolute; left: 25px; top: -50px; overflow:visible; }




/**高峰论坛**/
.boxtit7{ width: 1200px; height:150px; background: url(../images/gflt-tit.png) no-repeat;  }
.GF{ width: 1200px; height:auto; padding-bottom: 50px; }
.GF .GFin{ width: 1120px; height: auto; background:#1b1b1b; overflow: visible; box-sizing: border-box; padding:12px   }
.GF .GFin .gfpic{ width:550px; height: 300px; float: left;  }
.GF .GFin .gfpic img{ display: block; width: 550px; height: 300px; background: #efefef; }
.GF .GFin .gftxt{ float: right; width: 500px;  padding:20px; box-sizing: border-box; position: relative; }
.GF .GFin .gftxt hr{ position: absolute; width: 58px; height: 1px; background: #e40e12; top: 0; left: 0; border:0 none; }
.GF .GFin .gftxt .hr1{ top: 40px; left: 45px; }
.GF .GFin .gftxt .hr2{ top: 40px; right: 45px; left: auto; }
.GF .GFin .gftxt .gfbt{ font-size: 30px; color: #fff; text-align: center; margin-bottom:30px; font-family:myFirstFont;}
.GF .GFin .gftxt ul li{ width: 100%; height: auto; position: relative; color: #ababab; font-size:14px; padding:0 0 0 40px; box-sizing: border-box; line-height: 24px; margin: 20px 0;  }
.GF .GFin .gftxt ul li a{ color:#fff;}
.GF .GFin .gftxt ul li em{ display: block; position: absolute; top: 0; left: 0; font-size:16px; color: #e31612; font-style: italic; font-weight: 800; width: 40px; padding:0 5px 0 0;  }
.GF .GFin .gftxt ul li em font{ color: #ababab; font-style: normal; font-size: 24px; font-weight:normal; }
.ltbox{ width: 1120px; height: 500px; overflow: visible; box-sizing: border-box; padding:20px; background: #8d8d8d; }
.ltbox ul{ margin-top:-180px;  }
.ltbox ul li{ float: left; margin: 10px; width: 160px; height: 300px; }
.ltbox ul li img{ display: block; width:160px; height: 240px; background: #efefef;  }
.ltbox ul li p{ font-size:14px; color: #000; text-align: center; line-height:20px; margin-top: 10px; width: 184px; margin-left:-14px;   }
.ltbox ul li p b{ font-size:18px; font-family:myFirstFont;  }



/**红顶十年**/
.boxtit11{ width: 1200px; height:150px; background: url(../images/sntit.png) no-repeat;  }
.SN{ width: 100%; height: auto; background: #1b1b1b; padding:0 0 100px 0; }
.SN .SNcon{ width: 1200px; overflow:visible; margin:0 auto;  position: relative; margin-top:50px; overflow:visible;   }




/**相关报道**/
.boxtit8{ width: 1200px; height:150px; background: url(../images/xgtit.png) top center  no-repeat;  }
.XG{width: 1200px; height:auto;  margin-top: 30px; }
.XG .xv{ width: 1200px; box-sizing: border-box; padding:0 30px; }
.XG .xv .xvv{ width:540px;  float: left; margin: 0 15px; }
.XG .xv .xvv p{ color: #fff; font-size:20px; text-align: center; padding: 10px 0 0 0;  }

.XG ul{ display:block; width: 1120px; height: auto; border:1px solid #2a2a2a; overflow: hidden; margin: 0 auto; margin-top: 50px; box-sizing: border-box; padding:30px 50px; }
.XG ul li{ float: left; height: 30px; line-height: 30px; width: 430px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 0 0 20px; box-sizing: border-box; background: url(../images/ee.gif) 5px no-repeat; margin:0 39px;}
.XG ul li a{ color: #fff; font-weight: 800; font-size:16px; text-align: left;  }






/**往届回顾**/
.boxtit9{ width: 1200px; height:150px; background: url(../images/wjtit.png) top center  no-repeat;  }
.WJ{width: 1200px; height:auto;  margin-top: 30px; }
.wjpic{ width: 100%; height: auto; }
.wjpic img{ float: left; }


.zsad{ width: 1200px; height: 120px; margin:0 auto; background: #efefef; margin-top: 40px; background: url(../images/jdad.jpg); }


















.footer{ width:100%; height:auto; padding:40px 0; background:#1b1b1b; position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#ababab; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#ababab; font-size:14px; margin:0 5px;}




.slideBox0{ width:1100px; height:600px; overflow:visible; position:relative; }
.slideBox0 .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox0 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox0 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center;  cursor:pointer; border:1px solid #fff;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox0 .hd ul li.on{ background:#e40e12; border:1px solid #e40e12; }
.slideBox0 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox0 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox0 .bd li p{ position:absolute; bottom:0; height: 78px; left:0; box-sizing:border-box; padding:13px 0 0 50px ; width:100%; font-size:36px; color:#c6b395; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox0 .bd img{ width:1100px; height:600px; display:block; background:#efefef;  }
.slideBox0  .prev{ display:block;  width:50px; height:85px; position: absolute; left: -50px; top: 250px; box-shadow: -5px 0px 5px 3px;  cursor:pointer; background: url(../images/sbl.jpg) no-repeat; z-index: 99999999; }
.slideBox0  .next{ display:block;  width:50px; height:85px; position: absolute; right:-50px; top: 250px;  box-shadow: 5px 0px 5px 3px;  cursor:pointer;   background: url(../images/sbr.jpg) no-repeat;z-index: 99999999;  }

.slideBox0  .prev:hover{ opacity: 0.9; }
.slideBox0  .next:hover{ opacity: 0.9; }


.slideBox1{ width:1100px; height:500px; overflow:visible; position:relative; }
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center;  cursor:pointer; border:1px solid #fff;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox1 .hd ul li.on{ background:#e40e12; border:1px solid #e40e12; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox1 .bd li p{ position:absolute; bottom:0; height: 78px; left:0; box-sizing:border-box; padding:13px 0 0 50px ; width:100%; font-size:36px; color:#c6b395; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox1 .bd img{ width:1100px; height:500px; display:block; background:#efefef;  }
.slideBox1  .prev{ display:block;  width:50px; height:85px; position: absolute; left: -50px; top: 250px; box-shadow: -5px 0px 5px 3px;  cursor:pointer; background: url(../images/sbl.jpg) no-repeat; z-index: 99999999; }
.slideBox1  .next{ display:block;  width:50px; height:85px; position: absolute; right:-50px; top: 250px;  box-shadow: 5px 0px 5px 3px;  cursor:pointer;   background: url(../images/sbr.jpg) no-repeat;z-index: 99999999;  }

.slideBox1  .prev:hover{ opacity: 0.9; }
.slideBox1  .next:hover{ opacity: 0.9; }


.picScroll-left{ position:relative; overflow:visible; width: 1200px; margin:0 auto;}
.picScroll-left .bd{ padding:10px; overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 1px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:280px; height:500px; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:0px; top:250px; cursor:pointer; width:26px; height:37px; background:url(../images/al.png) no-repeat;}
.next{ position:absolute; right:0px; top:250px; cursor:pointer; width:26px; height:37px; background:url(../images/ar.png) no-repeat;}



.slideBox2{ width:1100px; height:800px; overflow:visible; position:relative; }
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:550px; bottom:5px; z-index:1;  }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center;  cursor:pointer; border:1px solid #fff;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox2 .hd ul li.on{ background:#e40e12; border:1px solid #e40e12; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative; height: 800px;}
.slideBox2 .bd li p{ position:absolute; bottom:0; height: 78px; left:0; box-sizing:border-box; padding:13px 0 0 50px ; width:100%; font-size:36px; color:#c6b395; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox2 .bd img{ width:1100px; height:500px; display:block; background:#efefef;  }
.slideBox2  .prev{ display:block;  width:50px; height:85px; position: absolute; left: -50px; top: 250px; box-shadow: -5px 0px 5px 3px;  cursor:pointer; background: url(../images/sbl.jpg) no-repeat; z-index: 99999999; }
.slideBox2  .next{ display:block;  width:50px; height:85px; position: absolute; right:-50px; top: 250px;  box-shadow: 5px 0px 5px 3px;  cursor:pointer;   background: url(../images/sbr.jpg) no-repeat;z-index: 99999999;  }

.slideBox2  .prev:hover{ opacity: 0.9; }
.slideBox2  .next:hover{ opacity: 0.9; }




.slideBox3{ width:1000px; height:300px; overflow:visible; position:relative; background: none; float: right; margin-right: 50px; }
.slideBox3 .hd{ height:15px; overflow:hidden; position:absolute; right:550px; bottom:5px; z-index:1; display: none; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center;  cursor:pointer; border:1px solid #fff;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox3 .hd ul li.on{ background:#e40e12; border:1px solid #e40e12; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0; background:none;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; position:relative; background:none; }
.slideBox3 .bd li p{ position:absolute; bottom:0; height: 78px; left:0; box-sizing:border-box; padding:13px 0 0 50px ; width:100%; font-size:36px; color:#c6b395; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox3 .bd img{ width:500px; height:300px; display:block; background:none;   }
.slideBox3  .prev{ display:block;  width:30px; height:45px; position: absolute; left: -50px; top: 130px;   cursor:pointer; background: url(../images/bmbtnl1.png) no-repeat; z-index: 99999999; }
.slideBox3  .next{ display:block;  width:30px; height:45px; position: absolute; right:-50px; top: 130px;   cursor:pointer;   background: url(../images/bmbtnr1.png) no-repeat;z-index: 99999999;  }
.slideBox3  .prev:hover{ background: url(../images/bmbtnl2.png) no-repeat; }
.slideBox3  .next:hover{ background: url(../images/bmbtnr2.png) no-repeat; }
.bmpicbox{ width: 500px; height: 300px; float: left; position:relative; background:none; }
.bmpicbox img{ display: block;  width: 500px; height: 300px; }
.bmpicbox .ms{ bottom: 0; width: 100%; height:40px; line-height: 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color: #fff; text-align: center; background-color: rgba(0 ,0,0,0.6); position: absolute;  }
.bmpicbox .ms a{ color:#fff;}


.slideBox3  .prev:hover{ opacity: 0.9; }
.slideBox3  .next:hover{ opacity: 0.9; }




.slideBox4{ width:1100px; height:500px; overflow:visible; position:relative; }
.slideBox4 .hd{ height:15px; overflow:hidden; position:absolute; right:520px; bottom:-30px; z-index:1; }
.slideBox4 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox4 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center;  cursor:pointer; border:1px solid #fff;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox4 .hd ul li.on{ background:#e40e12; border:1px solid #e40e12; }
.slideBox4 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox4 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox4 .bd li p{ position:absolute; bottom:0; height: 78px; left:0; box-sizing:border-box; padding:13px 0 0 50px ; width:100%; font-size:36px; color:#c6b395; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox4 .bd img{ width:1100px; height:500px; display:block; background:#efefef;  }
.slideBox4  .prev{ display:block;  width:50px; height:85px; position: absolute; left: -50px; top: 200px; box-shadow: -5px 0px 5px 3px;  cursor:pointer; background: url(../images/sbl.jpg) no-repeat; z-index: 99999999; }
.slideBox4  .next{ display:block;  width:50px; height:85px; position: absolute; right:-50px; top: 200px;  box-shadow: 5px 0px 5px 3px;  cursor:pointer;   background: url(../images/sbr.jpg) no-repeat;z-index: 99999999;  }

.slideBox4  .prev:hover{ opacity: 0.9; }
.slideBox4  .next:hover{ opacity: 0.9; }





/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #018EE8;  
}  


.portfolio-items {

  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin-bottom: 30px;
  position: relative;

}

.portfolio-items > li {
  display: inline-block;
  vertical-align: top
}

.item {
  width: 5888px;
  height: 900px;
  background-color: white;
  opacity: 0;
  position: relative;
  top: -300px;
}





.falldown {
  top: 0;
  opacity: 1;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0)
}


.view {
  overflow: hidden;
  width: 100%;
  height: 190px;
  position: relative
}

.view img {
  width: 300px;
  height: 190px;
  -webkit-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
  position: absolute
}

.date {
  z-index: 1;
  width: 50px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 1px;
  background-color: #CC320F;
  position: absolute;
  bottom: 30px;
  left: 15px;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 1.6, 0.91, 0.92);
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 1.6, 0.91, 0.92);
  transition: -webkit-transform 0.5s cubic-bezier(0.12, 1.6, 0.91, 0.92);
  transition: -ms-transform 0.5s cubic-bezier(0.12, 1.6, 0.91, 0.92);
  transition: -o-transform 0.5s cubic-bezier(0.12, 1.6, 0.91, 0.92);
  transition: transform 0.5s cubic-bezier(0.12, 1.6, 0.91, 0.92)
}




#menu{position:fixed; right:0; margin-right:200px; display:inline; top:10px; z-index:9999999; overflow: visible;}
#menu ul{ overflow: visible; }
#menu ul li{ width:90px; height:35px; background:url(../images/ss1.png) top left no-repeat;  }
#menu ul li a{
    display:block;
	margin:0 auto;
    font-size:14px;
    color:#b9b9b9;
   	width:90px; 
    height:35px;
    line-height:35px;
    text-decoration:none;
    text-align:right;
	box-sizing:border-box;
	display: none;
}
#menu ul li a:hover{ background:url(../images/ss2.png)  top left no-repeat; color: #fff;}
#menu ul li a.current{ background:url(../images/ss2.png)  top left  no-repeat;  color: #fff; display: block;}




.portfolio-items::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.portfolio-items::-webkit-scrollbar-track{
	background: #e7e7e7;
	border-radius:2px;
}
.portfolio-items::-webkit-scrollbar-thumb{
	background: #1e8ad2;
	border-radius:2px;
}
.portfolio-items::-webkit-scrollbar-thumb:hover{
	background: #1e8ad2;
}
.portfolio-items::-webkit-scrollbar-corner{
	background: #000;

}