*{margin:0;padding:0}

body{color:#666;font:14px/1.14 Arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";font-weight:400;font-size:14px}

li{list-style:none}

a{color:#666;text-decoration:none}

.clear{clear:both}

img{margin:0;padding:0;border:none}

.head{width:100%;height:100px;background:url(/images/navbg.jpg) 0 0 repeat-x}

.headcon{margin:0 auto;width:1000px;height:94px}

.logo{float:left;margin-left:30px;line-height:94px}

.logo img{width:280px;vertical-align:middle}

.nav{float:right;margin-right:10px;line-height:94px}

.nav li{float:left;display:inline;margin-right:30px;height:100px;font-weight:700;font-size:16px}

.nav li a{color:#06c}

.gaoliang{background:url(/images/selectbg.jpg) 0 0 no-repeat}

.nav .gaoliang a{color:#c03}





.slide-main{ height: 560px; position: relative;width: 1440px;margin: 0 auto;}

.prev,.next{ display: block; width: 44px; height: 91px; position: absolute; z-index: 222; top: 220px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }

.prev{ left:70px; }

.next{ right: 70px; }

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 540px; left: 0; text-align: center; }

.item a{ display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }

.item a.cur{ background: #fff; }

.slide-box,.slide{ display: block; width: 100%; height: 560px; overflow: hidden; }

.slide-box{ position: relative;height: 560px;width: 1440px;margin: 0 auto;}

.slide{ /*display: none;*/ height: 560px; padding-top: 89px; background: #ff6900; position: relative; position: absolute; z-index: 8; }

#bgstylea{ background: url("/images/banner_i3.jpg") center 0 no-repeat; }

#bgstyleb{ background: url("/images/banner_i2.jpg") center 0 no-repeat; }

#bgstylec{ background: url("/images/banner_i1.jpg") center 0 no-repeat; }

#bgstyled{ background: url("/images/banner_i4.jpg") center 0 no-repeat; }

.slide a{ display: block;cursor: pointer; }

.obj-a,.obj-b{position: absolute;left:45%; text-align: center; z-index: 9}

.obj-a{position: absolute; display: block;top: 180px; z-index: 9}

.obj-c{position: absolute; display: block;top: 180px; left:45%; z-index: 9}

.obj-e{ position: absolute; left:45%; top: 180px; z-index: 12; z-index: 9}

.banAnimate .obj-a{ display: block; animation-name: baoAni; -webkit-animation: baoAni 0.4s linear 0s normal none; -moz-animation: baoAni 0.4s linear 0s normal none; animation: baoAni 0.4s linear 0s normal none; }

@-webkit-keyframes baoAni { from { opacity: 0; left: 0; } to { opacity: 1; left: 45%; } }

@-moz-keyframes baoAni { from { opacity: 0; left: 0; } to { opacity: 1; left: 45% } }

@keyframes baoAni { from { opacity: 0; left: 0; } to { opacity: 1; left: 45%; } }

.watch-code.code-show{ display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }

@-webkit-keyframes scode { from { opacity: 0; -webkit-transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; -webkit-transform:scale(1,1);  transform-origin:  left bottom; } }

@-moz-keyframes scode { from { opacity: 0; -moz-transform:scale(1,0);  transform-origin: left bottom; } to { opacity: 1; -moz-transform:scale(1,1); transform-origin: bottom bottom; } }

@keyframes scode { from { opacity: 0; transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; transform:scale(1,1); transform-origin:  left bottom; } }

.banAnimate .obj-c,.banAnimate .obj-e{ display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s linear 0s normal none; }

@-webkit-keyframes saAnic { from { opacity: 0; left: 0; } to { opacity: 1; left: 45%; } }

@-moz-keyframes saAnic { from { opacity: 0; left: 0; } to { opacity: 1; left: 45%; } }

@keyframes saAnic { from { opacity: 0; left: 0; } to { opacity: 1; left: 45%; } }



.mainbox{margin:0 auto;margin-top:20px;width:1000px}

.xian{float:left;width:10px;height:1020px;background:url(/images/iborder.png) center no-repeat}

.left{float:left;width:270px}

.span1{display:block;margin:0 auto;width:250px;height:30px;border-radius:5px;background:#c03;vertical-align:middle;line-height:30px}

.span1 p{float:left;display:block;margin-left:35px;color:#fff;font-size:14px}

.span1 img{float:right;margin-top:12px;margin-right:13px}

.span2{display:block;margin:0 auto;width:405px;height:30px;border-radius:5px;background:#c03;vertical-align:middle;line-height:30px}

.span2 p{float:left;display:block;margin-left:35px;color:#fff;font-size:14px}

.ltoplist{margin:0 auto;width:215px}

.ltoplist li{padding-left:10px;height:46px;border-bottom:1px solid #ccc;line-height:46px}

.ltoplist li a{color:#666}

.lmiddle{margin-top:18px}

.lmidbox{margin:0 auto;margin-top:10px;width:223px;height:244px;background:#ccc}

.z1{float:left;margin-left:21px;padding-top:13px;width:82px;height:103px}

.z1 span{display:block;width:70px;text-align:center;font-size:12px}

.lbottom{margin-top:19px}

.l1{margin:0 auto;margin-top:16px;width:232px;height:103px}

.lxcon{margin-top:13px;margin-left:10px;font-size:12px;line-height:14px}

.lxcon p{display:block;margin:0;padding:0}

.center{float:left;margin-right:16px;margin-left:20px;width:405px}

.centoplist{margin-top:13px}

.centoplist li{height:400px;height:137px;background:url(/images/hotcbg.png) 0 0 no-repeat}

.pro{float:left;width:134px;height:130px;text-align:center;line-height:130px}

.pro img{margin:0 auto;vertical-align:middle;width: 128.9px;height: 103px;}

.prointro{float:left;margin-top:15px;width:270px;height:103px;border-left:1px dashed #959595}

.prointro span{display:block;margin-left:25px;font-size:12px}

.prointro span p{display:block;line-height:18px}

.cenbom{margin-top:12px}

.video{margin-top:13px;text-align:center;}
.video .vid{margin: 0 auto;background: url("/images/v1.jpg") center 0 0 no-repeat;}

.p1{display:block;margin-top:22px;font-size:12px;line-height:20px}

.right{float:right}

.rtopcon{margin:0 auto;margin-top:8px;width:223px;height:287px;background:#ccc}

.honerimg{padding-top:16px;text-align:center}

.honerimg span{display:block;margin-top:7px;font-size:12px}

.rtopcon p{display:block;margin:0 auto;margin-top:15px;width:180px;font-size:12px;line-height:20px}

.rtopcon p span{display:block}

.rtlianxi{margin-top:14px;text-align:center}

.rbottom{margin-top:18px}

.rbomcon{margin:0 auto;margin-top:13px;width:224px;height:450px;background:#ccc}

.rbomconlist{margin:0 auto;padding-top:23px;width:190px;height:410px}

.rbomconlist li{width:180px}

.rbanli{width:190px;height:110px}

.rbanli img{width:100%;height:100%}

.rbomconlist li span{padding-left:10px;height:24px;font-size:12px;line-height:24px}

.mainbottom{margin-bottom:10px;padding-top:10px;width:100%;height:192px;background:#ccc;overflow: hidden;padding-left: 10px;padding-right: 10px;}

/*.mainbottom li{float:left;margin-left:17px;width:227px;height:168px}

.mainbottom li img{width:100%;height:100%}*/

#scroller_roll3{width:100%;height:168px;box-shadow:0px 0px 5px #ddd;margin:0px auto;overflow:hidden;position:relative;}
.scroller_roll{
    padding: 0px;
    margin: 0px;
    height:168px;
    overflow: hidden;
}
.scroller_roll ul{
	width: 1160px;
    padding: 0px;
    margin: 0px;
    float: left;
    height:168px;
    overflow: hidden;
}
#scroller_roll2 ul{
	width: 843px;
}
.scroller_roll ul li{
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    text-align: center;
    display:inline;
    height:168px;
    overflow: hidden;
}
.scroller_roll ul li a{
    text-decoration: none;
}
.scroller_roll ul li a:hover{
    text-decoration: underline;
}
.scroller_roll ul li a img{
	height:168px;
    border: none;
}

.footer{width:100%;height:402px;background:url(/images/footerbg.jpg) 0 0 repeat-x}

.footernav{margin:0 auto;width:1000px;height:280px;color:#fff}

.footernav li{float:left;margin-left:25px}

.footernav li a{color:#fff}

.footernav li dt{display:block;margin-top:26px;width:111px;border-bottom:2px solid #fff;font-weight:700;line-height:20px}

.footernav li dd{font-size:12px;line-height:20px}

.footerbom{text-align:center;font-size:12px}

.footerbom p{display:block;margin-top:23px}

.footerbom span{display:block;margin-top:12px}

#pagelist{margin-left: 15px;margin-top: 20px;}

#pagelist li{float: left; margin-right: 10px;}