/* CSS Document */

html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0; font-size:12px; color:#333;font-family: frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
a{font-size:12px; color:#333; text-decoration:none}
a:hover{color:#0068B7;  text-decoration:non}
img{border:none}
img:hover{filter:alpha(opacity=70);opacity:0.7;}
ul,li{list-style-type:none; text-transform:capitalize;}
.chl{ clear:both; width:0px; height:0px;}
.main{width:1170px; margin:auto;}


/* header */
.header{ width:100%; margin:auto; height:116px;}
.header .logo{ margin-top:36px; float:left;}
.header .hea{ float:right; width:776px; position:relative;}
.header .hea .list { padding-top:20px; float:right;}
#nav { float:left;width:100%; margin-top:10px;display:block; z-index:9998; position:relative;}
#nav .mainlevel {float:left;font-family:"Î¢ÈíÑÅºÚ";/*IE6 only*/}
#nav .mainlevel a {color:#333333; font-family:"Î¢ÈíÑÅºÚ"; font-size:18px;  text-decoration:none; line-height:40px; display:block;z-index:9999; padding-left:26px;  padding-right:25px; text-align:right;}
#nav .mainlevel a:hover {color:#0081CC; text-decoration:none; }
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {background:#0081CC; width:195px; text-align:left; color:#FFFFFF; line-height:50px;/*IE6 only*/}
#nav .mainlevel li a{color:#FFFFFF; text-align:left; line-height:50px;/*IE6 only*/}
#nav .mainlevel li a:hover{ background-color:#FFFFFF; color:#0081CC}

/* banner */
#full-screen-slider { width:100%; height:528px; float:left; position:relative;z-index:999;}
#slides {display:block; width:100%; height:528px; list-style:none; padding:0; margin:0; position:relative}
#slides li {display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a {display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {display:block; list-style:none; position:absolute; width:500px; left:47%; top:480px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li {display:block; list-style:none; width:50px; height:7px; line-height:16px; float:left; margin-left:5px; border-radius:5px; background-color:#FFFFFF}
#pagination li a {display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#0D62A8;}

/* products */
.products {padding-top:40px;}
.products .ss{margin:auto; text-align:center}
.slider {padding-top:20px;margin: 0 auto;width: 1170px}
.slider-container {height: 406px;margin: 0 auto 20px;overflow: hidden;position: relative;width: 1170px;}
.slider-container .slider-wrapper {left: 0;overflow: hidden;position: absolute;top: 0;width: 5000em; -webkit-transition: all 800ms ease;-moz-transition: all 800ms ease;-o-transition: all 800ms ease;transition: all 800ms ease;}
.slider-container .slide {float: left;height: 425px;overflow: hidden;position: relative;width: 1170px;}
.slider-nav {text-align: center;width: 1170px;}
.slider-nav li {display: inline;padding: 3px;}
.slider-nav .bullet {background-color: #cccccc;border-radius: 50%;display: inline-block;text-indent: -9000px;overflow: hidden;height: 16px;width: 16px; margin-top:30px;}
.slider-nav .active {background-color: #333333}
.slider-nav .prev, .slider-nav .next {background: url('/im/sprite.png') no-repeat;display: inline-block;text-indent: -9000px;overflow: hidden;height: 16px;width: 16px;}
.slider-nav .next {background-position: -15px top}

/* case */
.casebg{ background-color:#F6FAFD; overflow:hidden; margin-top:50px;}
.casebg .ss{margin:auto; text-align:center; padding-top:40px;}
.yScrollListIn{width:100%;height:484px;position:relative; margin-bottom:80px;}
.yScrollListInList{display:none;width:1200px;height:514px;position:absolute;padding:0px;left:0;top:0;overflow:hidden;}
.yScrollListInList .yScrollListbtn{cursor:pointer;position:absolute;width:15px;height:32px;top:196px;background:url(/im/btnys.png) no-repeat 0 0;}
.yScrollListInList .yScrollListbtnr{background-position:-14px 0;right:0px;}
.yScrollListInList .yScrollListbtnl{left:0px;}
.yScrollListInList ul{width:1068px; margin:auto;height:514px;position:absolute;top:0;left:30px; margin-top:40px;overflow:hidden;}
.yScrollListInList ul li{width:336px;height:514px;float:left;margin-right:24px;background-color:#FFFFFF;}
.yScrollListInList ul li img{width:336px;height:290px;display:block;}
.yScrollListInList ul li .ff{  height:194px;}
.yScrollListInList ul li p{text-align:center;font-size:20px;color:#0068B7; width:100%;overflow:hidden;}
.yScrollListInList ul li p:hover{color:#2982F7; text-decoration:none;}
.yScrollListInList ul li span{color:#999999; line-height:24px;font-size:12px;text-align:left; padding-left:20px; padding-right:20px;display:block;}
.yScrollListInList ul li .xx{ width:40px; height:2px; background-color:#5999ED;  margin:auto; margin-top:20px; margin-bottom:25px;}

/* about */
.about {padding-top:40px;}
.about .ss{margin:auto; text-align:center}
.about .bg{ width:1161px; background:url(/im/a1.jpg) no-repeat; height:118px;}
.about p{padding:20px 190px 0px 190px; font-size:14px; line-height:26px; color:#666666;}

/* neiye */
.cont{ width:970px;  float:right;  background-color:#ffffff; margin-top:400px; font-size:14px; line-height:180%;}
.cont .xx{ background-color:#ECECEC; height:4px; width:92%; margin:auto; margin-top:10px; margin-bottom:20px;}
.cont .co{ font-size:14px; line-height:180%; width:92%;  margin:auto; margin-bottom:70px;}
.cont_r{ width:180px; float:left; background-color:#E8E8E8; margin-top:430px; margin-bottom:70px;}
.cont_r .bt{ font-size:26px; color:#333333; line-height:50px;  padding:25px;}


/* neiye */
.cont1{ width:970px;  float:right;  background-color:#ffffff; font-size:14px; line-height:180%;}
.cont1 .xx{ background-color:#ECECEC; height:4px; width:92%; margin:auto; margin-top:10px; margin-bottom:20px;}
.cont1 .co{ font-size:14px; line-height:180%; width:92%;  margin:auto; margin-bottom:70px;}
.cont_r1{ width:180px; float:left; background-color:#E8E8E8;  margin-bottom:70px;}
.cont_r1 .bt{ font-size:26px; color:#333333; line-height:50px;  padding:25px;}



/* foot */
.foot{background-color:#F4F4F4; width:100%; overflow:hidden; margin-top:40px;}
.foot .caidan{margin-top:20px;}
.foot ul {width:20%; float:left;}
.foot .bt{font-size:18px; line-height:50px;}
.foot li{ line-height:24px; font-size:14px}
.foot li a{ font-size:14px;}
.foot h1{ font-size:26px; line-height:50px;}
.foot .link { width:100%; border-top:1px solid #AEAEAE; line-height:50px; text-align:right; margin-top:30px; font-size:14px}

/* ·ÖÒ³ */
.page{ font-family:Arial, Helvetica, sans-serif;clear:both;line-height:20px; margin:10px 0; padding:5px;}
.page a{color:#01458F;padding:3px;border:1px solid #01458F;text-decoration:none;margin-right:5px;}
.page a:link{color:#01458F}
.page a:visited {color:#01458F}
.page a:hover{background:#01458F;color:#fff;}
.page a:active{color:#01458F}
.page span{background:#01458F;color:#fff; padding:3px;border:1px solid #01458F;margin-right:3px;}
.page .cur{color:#fff;}
.page .cur a{ color:#fff;margin-right:0px;}
.page .cur a:link{color:#fff;}
.page .cur a:visited {color:#fff;}
.page .cur a:hover{color:#fff;}
.page .cur a:active{color:#fff;}

#left {margin:0;}
#left ul{list-style:none;padding:0;border:0;}
#left li {display: inline;}
#left li a:link,
#left li a:visited {float:left; text-decoration: none; background-color:#E8E8E8; color:#333333;line-height:50px; width:150px; font-size:16px; text-align:left; padding-left:30px; border-bottom:1px solid #ffffff;}
#left li a:hover {float:left; text-decoration: none;  background-color:#0081CC; color:#ffffff;}
#left ul .curr a{float:left; text-decoration: none; background-color:#0081CC; color:#ffffff;}
#left .zcd a{color:#666666; font-size:14px; line-height:30px;  padding-left:35px; padding-bottom:10px;}
#left .zcd a:hover{ color:#0081CC;}

<!--ºÄÊ±1751465116.2301Ãë-->