@charset "utf-8";
body{font-family: '宋体';font-size: 12px;}
.en{font-family:'Arial'}
.ch{font-family:'微软雅黑';}

.top{padding-bottom: 20px;}
.header{padding-bottom: 20px;}
.logo{float: left;margin-top: 25px;}
.name{float: left;margin-top: 35px;margin-left: 20px;}
.name h3{font-family: '微软雅黑';color:#fff;font-size: 30px;font-weight: normal;}
.name p{color:#fff;font-size: 24px;font-weight: bold;margin-top: 5px;}
.nav{float: left;width: 147px;}
.nav ul{margin-top: 4px;}
.nav li{height: 58px;margin-top: 6px;}
.nav li a{display: block;height: 45px;padding-top: 11px;}
.nav li a span{display: block;color:#fff;text-align: center;font-size: 14px;}
.nav li a .en{margin-top: 5px;}

.right-area{width: 859px;float:left;margin-left: 14px;}
.notice{margin-top: 15px;margin-left: 20px;height: 36px;overflow: hidden;}
.notice ul{height: 99999px;overflow: hidden;}
.notice li{height: 36px;white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.notice li a{font-size: 16px;display: block;height: 36px;line-height: 36px;}
.banner{width: 505px;height: 378px;float: left;margin-top: 20px;position: relative;}
.banner .mask{width: 505px;height: 353px;position: absolute;top:0px;left:0}
.banner .slides{width: 505px;height: 354px;}
.banner .slides li{display: none;}
.banner .slide{width: 505px;height: 354px;display: table-cell;text-align: center;vertical-align:middle;overflow: hidden;*display:block;*font-size:354px;}
.banner .slides img{max-width: 505px;max-height: 354px;text-align: center;vertical-align: middle;}
.banner .flex-control-nav{height: 20px;text-align: center;margin-top: 10px;}
.banner .flex-control-nav li{display: inline-block;*zoom: 1;*display: inline;width: 8px;height: 8px;margin-left: 6px;}
.banner .flex-control-nav li a{display: block;width: 8px;height: 8px;border-radius: 50px;text-indent: -9999em;}
.banner .flex-control-nav li a.active,.banner .flex-control-nav li a:hover{background: #fff;}
.bannerLists{width: 353px;float: left;}
.bannerLists ul{margin-top: 12px;}
.bannerLists li{float: left;width: 110px;height: 110px;margin: 9px 0 0 7px;}
.bannerLists li a{display: block;width: 110px;height: 110px;position: relative;}
.bannerLists li .mask{display:block;position: absolute;width:110px;height:110px;top:0;left:0;z-index: 10;}
.bannerLists li img{width: 110px;height: 110px;}

.wrap{padding: 35px 0;}
.commend-wrap{width: 724px;float: left;padding-bottom: 10px;}
.commend-wrap .commends{position: relative;width: 717px;overflow: hidden;}
.commend-wrap ul{width: 9999px;}
.commend-wrap li{float: left;width: 180px;height: 108px;margin-top: 13px;}
.commend-wrap li a{position:relative;display: table-cell;width: 160px;height: 106px;text-align: center;vertical-align: middle;*display:block;*font-size:90px;overflow: hidden;}
.commend-wrap li a img{max-width: 160px;max-height: 106px;text-align: center;vertical-align: middle;}
.commend-wrap li a .mask{display:block;font-size:12px;background: url("../images/chover.png") repeat;width: 160px;height: 25px;line-height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: absolute;left:0px;bottom:0px;color:#fff;display:none;}
.commend-wrap li a:hover .mask{display: block;}
.wrap .title .ch{font-size: 18px;}
.wrap .title .en{font-size: 12px;}
.wrap .title a{float: right;font-size: 12px;margin-right: 25px;margin-top: 5px;}
.contact-wrap{width: 271px;float: left;padding-left: 27px;}
.contact-wrap .title{;padding-bottom: 10px;}
.contact-wrap .title a{margin-right: 0;}
.contact-wrap .infor{margin-top:10px;background: url("../images/mail.png") no-repeat right bottom;font-family: '宋体';line-height: 22px;}

.main{padding: 15px 0 25px 0;}
.main-right{width: 855px;float: left;margin-left: 22px;overflow: hidden;}
.main-right .title{color:#fff;text-align: center;padding-bottom: 10px;position: relative;}
.main-right .title .ch{font-size: 30px;}
.main-right .title .en{font-size: 24px;}
.main-right .title .J_pos{color:#fff;position: absolute;right: 0;top:25px;}
.main-right .title .J_pos a{color:#fff;}

.protype{margin: 0 auto;}
.protype li{float: left;width: 95px;position: relative;z-index: 100;}
.protype li a{display: block;width:93px;line-height: 30px;color:#fff;text-align: center;}
.protype li ul{position: absolute;left:0;top:32px;z-index: 100;display: none;}
.protype li.cur li a{color:#fff;}

.product{width: 868px;position:relative;overflow: hidden;}
.product .lists{margin-top: 3px;width: 9999px;overflow: hidden;}
.product .lists ul{width: 868px;height:452px;float: left;}
.product .lists li{width: 217px;float: left;margin-top: 16px;}
.product .lists li a{display: block;width:200px;text-align: center;position: relative;}
.product .lists li a:hover i{display: block;}
.product .lists li .img{display: table-cell;width: 180px;height: 150px;padding:10px;text-align: center;vertical-align: middle;*font-size:150px;*display:inline;overflow: hidden;}
.product .lists li .img img{max-width: 180px;max-height: 150px;text-align: center;vertical-align: middle;}
.product .lists li .text{display:block;color:#fff;height: 30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .lists li i{display: block;background: url("../images/search.png") no-repeat;width: 34px;height: 35px;position: absolute;z-index: 10;left:50%;margin-left: -13px;top:55px;display: none;}
.product dl{margin-top: 20px;}
.product dl dt{width:510px; margin:0 auto;}
.product dl dt .prbk{width:508px; height:408px;display:table-cell; border:1px solid #fff;*font-size:408px; *display:block; text-align:center; vertical-align:middle; overflow:hidden;}
.product dl dt .prbk img{text-align:center; vertical-align:middle; max-height:500px; max-width:600px;}
.product dl dd{ margin:10px 0;}
.product dl dd .pr_h1{font-size:16px; text-align:center; font-weight:bolder; line-height:30px;color: #fff;}
.product dl dd .pr_p{line-height:24px; padding:10px;color: #fff;}

.page{width: 260px;height: 24px;margin: 5px 390px auto;position: relative;top:0;z-index: 10;}
.page a{width:129px;height:22px;border: 1px solid #fff;color:#fff;line-height: 22px;font-weight: bold;font-size: 16px;}
.page a.prev{float:left;border-radius: 100px 0 0 100px;border-right: none;text-indent:0.5em;}
.page a.next{float:right;border-radius: 0px  100px 100px 0 ;border-left: none;text-indent:7em;*text-indent:9.5em;}


.profile{margin-top: 20px;}
.profile p{color:#fff;line-height: 22px;}

.news{padding-top: 10px;overflow:hidden;position: relative;}
.news .lists{width: 99999px;height: 426px;}
.news .date{float: left;width: 80px;height: 65px;text-align: center;font-size: 14px;}
.news .date em{display: block;font-size: 26px;margin-top: 10px;}
.news ul{min-height: 425px;float: left;}
.news li{margin-top: 10px;width: 855px;}
.news li a{width: 762px;height:75px;line-height:22px;float: right;color:#fff;padding: 6px 5px 0px 8px;overflow: hidden;}
.news li a b{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;}
.news li a:hover{color:#000;}
.newstextcen{padding-top: 20px;text-align: center;}
.newstextcen h4{color:#fff;font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom:10px;}
.newstextcen .fbtime{text-align: center;color:#fff;padding-bottom:10px;margin-bottom: 20px;}
.newstextcen p{color:#fff;line-height: 22px;text-align: left;}
.newstextcen img{max-width: 500px;max-height: 600px;vertical-align: middle;text-align: center;}
.back{display: block;border:1px solid #fff;width: 80px;height: 30px;line-height:30px;border-radius:50px;margin: 20px auto;color:#fff;text-align: center;}
.back:hover{color:#fff;}

.contact{color:#fff;line-height: 22px;padding: 20px;background: url("../images/ct.png") no-repeat right bottom;padding-bottom: 200px;}
.contact h3{font-size: 16px;}

/*commened*/
/*常用样式 Start*/
div#Container{margin:15px auto 0 auto;width: 660px;position: relative;}
.Hidden {display:none;}
.FlLeft{float:left; }
.FlRight{float:right;}
#btnNext,#btnPrev{cursor:pointer;margin-top:15px;}
#btnNext{margin-left: 5px;}
/*常用样式 End*/
/*大图展示区域*/
.OriginalPicBorder {width:660px;padding:15px 0px 0px 0px;margin:0px auto;}
#OriginalPic {width:660px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img {display:block; margin:0 auto;max-width: 500px;max-height: 600px;}
/*鼠标手势*/
.CursorL {position:absolute;z-index:999;width:50%;height:75%;_height:400px;color:#FFF;left:0px;cursor:url(../images/CurL.cur), auto;background:url(../images/space.png) no-repeat;}
.CursorR {position:absolute;z-index:999;width:50%;height:75%;_height:400px;color:#FFF;right:0px;cursor:url(../images/CurR.cur), auto;background:url(../images/space.png) no-repeat;}
/*小图预览和滑动*/
.SliderPicBorder{width:800px;height:500px;overflow:hidden;margin:0px auto; }
.Summary{line-height:20px;display:block;width:640px;color:#fff;overflow:hidden;padding:10px;font-size:12px;}
.Summary strong{display:block;font-size:14px;text-align:center;font-weight:normal;}
.ThumbPicBorder{display:inline-block;*display:inline;zoom:1;}
#ThumbPic li{margin-left: 5px;}
#ThumbPic li a{display: table-cell;border:3px solid #666;width: 88px;height: 80px;vertical-align: middle;text-align: center;*display:block;*font-size:80px;overflow: hidden;}
#ThumbPic img{cursor:pointer;margin:0 4px;max-width:80px;max-height:80px;vertical-align: middle;text-align: center;}
#ThumbPic li a.active{border:3px solid #FF9900;}
/*滚动条*/
.clearfix{ZOOM:1}
.clearfix:after{DISPLAY:block;HEIGHT:0px;VISIBILITY:hidden;CLEAR:both;OVERFLOW:hidden;CONTENT: "."}
.nph_scrl_lt{WIDTH:3px;/*BACKGROUND:url(../images/bg09.png) no-repeat 0px 0px;*/FLOAT:left;HEIGHT:20px;MARGIN-RIGHT:-3px}
.nph_scrl_rt{WIDTH:3px;/*BACKGROUND:url(../images/bg10.png) no-repeat 0px 0px;*/ FLOAT:right;HEIGHT:20px;MARGIN-LEFT:-3px}
.nph_scrl_bd{MIN-HEIGHT: 1px; WIDTH: 100%; FLOAT: left}
.nph_scrl_ct{POSITION: relative; MARGIN: 0px; /*BACKGROUND: url(../images/bg08.png) repeat-x 0px 0px;*/ HEIGHT: 20px; PADDING-TOP: 4px}
.nph_btn_scrl{POSITION: absolute; OUTLINE-STYLE: none; WIDTH: 36px; DISPLAY: block; CURSOR: default}
.nph_btn_scrl .nph_btn_lt{WIDTH: 10px; FLOAT: left; HEIGHT: 15px; MARGIN-RIGHT: -10px}
.nph_btn_scrl .nph_btn_rt{WIDTH: 10px; FLOAT: right; HEIGHT: 15px; MARGIN-LEFT: -10px}
.nph_btn_scrl .nph_btn_bd{MIN-HEIGHT: 1px; WIDTH: 100%; FLOAT: left}
.nph_btn_scrl .nph_btn_bd SPAN{MARGIN: 0px 10px; DISPLAY: block; HEIGHT: 15px}
.nph_btn_scrl .nph_btn_ct{MARGIN: auto; WIDTH: 14px; DISPLAY: block; HEIGHT: 15px}
.nph_btn_scrl .nph_btn_lt{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_rt{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_bd SPAN{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_ct{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_lt{BACKGROUND-POSITION: 0px 0px}
.nph_btn_scrl .nph_btn_rt{BACKGROUND-POSITION: -26px 0px}
.nph_btn_scrl .nph_btn_ct{BACKGROUND-POSITION: -11px 0px}
.nph_btn_scrl:hover .nph_btn_lt{BACKGROUND-POSITION: 0px -16px}
.nph_btn_scrl:hover .nph_btn_rt{BACKGROUND-POSITION: -26px -16px}
.nph_btn_scrl:hover .nph_btn_ct{BACKGROUND-POSITION: -11px -16px}
.nph_btn_scrl .nph_btn_bd SPAN{BACKGROUND:url(../images/bg07.png) repeat-x 0px -32px}
.nph_btn_scrl:hover .nph_btn_bd SPAN {BACKGROUND-POSITION: 0px -48px}


.footer{text-align: center;color:#fff;font-family:'微软雅黑';padding: 20px 0;}
.footer a{color:#fff;}