* { margin: 0; padding: 0; list-style: none; outline: none;}
input, textarea, select, button { font: 14px Verdana,helvetica,arial,sans-serif; outline: none;}
body { background-color: #fff; font-size: 12px; font-family: "微软雅黑"; min-width: 1200px;}
a { text-decoration: none; color: #000;}
a:hover { text-decoration: none;}
img { border: none;}
ul,ol { list-style: none;}
table { border-collapse: collapse;}
.clear { clear: both;}
.clearfix::after { content: ""; display: table; clear: both;}
.clearfix { zoom: 1;}
.content { width: 1200px; margin: 0px auto;}

/* header */
.header { height: 100px;}
.header .logo { float: left; margin-top: 25px;}
.header .logo img { width: 350px; height: 50px;}
.header .menu { float: right;}
.header .menu li { float: left; margin-left: 29px; position: relative; height: 100px; position: relative;}
.header .menu li a { display: block; line-height: 100px; font-size: 16px; color: #000;}
.header .menu li p { display: none; width: 100px; background: #0054a3; position: absolute; top: 80px; left: -15px; z-index: 99;}
.header .menu li p a { width: 100%; line-height: 30px; font-size: 14px; color: #fff; text-align: center;}
.header .menu li:hover p { display: block;}

/* banner */
.banner { width: 100%; margin: 0px auto; overflow: hidden; position: relative;}
.banner a { display: block;}
.banner img { display: block; width: 100%;}
.banner .swiper-pagination { }
.banner .swiper-pagination span { width: 15px; height: 15px; margin: 0 5px !important; filter: alpha(opacity=100); opacity: 1; background: #fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background: #f08519;}

/* 产品轮播 */
.product { margin: 30px auto;}
.product .swiper-slide { background: #fff;}
.product .swiper-slide a { display: block; border: 1px solid #ddd; overflow: hidden;}
.product .swiper-slide .img { width: 100%; height: 185px; overflow: hidden;}
.product .swiper-slide .img img { display: block; width: 100%; min-height: 100%;}
.product .swiper-slide p { width: 100%; height: 40px; line-height: 40px; font-size: 12px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product .swiper-button-prev,
.product .swiper-button-next { display: block; width: 38px; height: 56px; background-repeat: no-repeat; background-position: 0 0;}
.product .swiper-button-prev::after,
.product .swiper-button-next::after { display: none;}
.product .swiper-button-prev { background-image: url(../images/l.png); left: 0;}
.product .swiper-button-prev:hover { background-image: url(../images/l-h.png);}
.product .swiper-button-next { background-image: url(../images/r.png); right: 0;}
.product .swiper-button-next:hover { background-image: url(../images/r-h.png);}

/* 新闻 */
.about-us { margin-top: 30px; margin-bottom: 27px;}
.about-us .about { float: left; width: 334px; margin-right: 30px;}
.about-us .about .about-title { width: 344px; border-bottom: 2px solid #0054a3; margin-bottom: 20px; padding-bottom: 12px; font-size: 16px;}
.about-us .about .about-title .col { display: inline-block; height: 20px; border-left: 2px solid #0054a3; vertical-align: middle; margin-right: 10px;}
.about-us .about .about-title .jieshao { color: #0054a3;}
.about-us .about .about-title .jieshao i { font-size: 12px; color: #999; font-style: normal;}
.about-us .about .about-title .more { float: right; font-size: 12px; color: #999;}
.about-us .about .pic { display: inline-block; border: 1px solid #ddd; padding: 2px;}
.about-us .about .pic img { width: 336px; height: 118px; vertical-align: middle;}
.about-us .about .text { text-indent: 2em; width: 346px;}
.about-us .about .text a { font-size: 12px; color: #333; line-height: 30px;}
.about-us .about .text .xq { color: #f08519; line-height: 24px;}

.about-us .news { float: left; width: 447px;}
.about-us .news .tabs { width: 431px; height: 34px; border-bottom: 2px solid #0054a3; margin-bottom: 20px; font-size: 16px; padding-left: 15px;}
.about-us .news .tabs span { display: block; float: left; width: 100px; height: 32px; line-height: 32px; font-size: 15px; color: #000; cursor: pointer; text-align: center; border: 2px solid #fff; border-bottom: none; position: relative;}
.about-us .news .tabs span::after { display: block; content: ""; width: 0%; height: 2px; background: #fff; position: absolute; left: 0; bottom: -2px;}
.about-us .news .tabs span.on { border-color: #0054a3; color: #0054a3;}
.about-us .news .tabs span.on::after { width: 100%;}
.about-us .news .tabs a { float: right; font-size: 12px; color: #999; line-height: 36px;}
.about-us .news .swiper-slide { width: 100%; background: #fff;}
.about-us .news .swiper-slide .top { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.about-us .news .swiper-slide .top .img { float: left; width: 130px; height: 90px; padding: 2px; border: 1px solid #ddd; overflow: hidden;}
.about-us .news .swiper-slide .top .img img { display: block; width: 130px; height: 90px;}
.about-us .news .swiper-slide .top .msg { float: right; width: calc(100% - 150px);}
.about-us .news .swiper-slide .top .msg .nm { width: 100%; height: 30px; line-height: 30px; margin-bottom: 15px;}
.about-us .news .swiper-slide .top .msg .nm h3 { float: left; width: calc(100% - 85px); font-weight: 500; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.about-us .news .swiper-slide .top .msg .nm span { display: block; float: right; width: 75px; font-size: 12px; color: #999; text-align: right;}
.about-us .news .swiper-slide .top .msg p { width: 100%; height: 45px; line-height: 22px; font-size: 12px; color: #666; text-indent: 2em; overflow: hidden;}
.about-us .news .swiper-slide .top .msg p i { display: inline-block; font-style: normal; color: #f08519; margin-left: 5px;}
.about-us .news .swiper-slide li { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd;}
.about-us .news .swiper-slide li p { float: left; width: calc(100% - 95px); font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.about-us .news .swiper-slide li span { float: right; width: 75px; font-size: 12px; color: #999;}

.about-us .video { float: right; width: 352px;}
.about-us .video .video-title { width: 352px; border-bottom: 2px solid #0054a3; margin-bottom: 20px; padding-bottom: 12px; font-size: 16px;}
.about-us .video .video-title .col { display: inline-block; height: 20px; border-left: 2px solid #0054a3; vertical-align: middle; margin-right: 10px;}
.about-us .video .video-title .title { font-size: 16px; color: #0054a3;}
.about-us .video .video-title .title i { font-size: 12px; color: #999; font-style: normal;}

/* footer */
.footer { padding: 30px 0; background-color: #0054a3;}
.footer .footer-left { float: left; border-right: 1px solid #0476e0;}
.footer .footer-left dl { float: left; margin-right: 65px;}
.footer .footer-left dl dt { line-height: 25px; margin-bottom: 10px;}
.footer .footer-left dl dd { margin-bottom: 10px;}
.footer .footer-left dl dd a { font-size: 12px; color: #c4e2ff}
.footer .footer-left dl dt a { font-size: 16px; color: #fff;}
.footer .footer-middle { float: left; margin-left: 90px; color: #c4e2ff; font-size: 12px;}
.footer .footer-middle p { line-height: 25px;}
.footer .footer-middle .lx { font-size: 16px; color: #fff; margin-bottom: 10px;}
.footer .footer-right { float: right;}
.footer .footer-right img { display: block; width: 120px; height: 120px;}
.footer .footer-right p { line-height: 25px; font-size: 12px; color: #c4e2ff; text-align: center; margin-top: 10px;}
.footer-bottom { height: 40px; line-height: 40px; font-size: 12px; color: #fff; text-align: center; background-color: #000;}
.footer-bottom a { color: #fff;}

/* 二级页面的banner */
.banner-wz { width: 100%; margin-bottom: 20px; position: relative;}
.banner-wz img { display: block; width: 100%;}
.banner-wz .posit { height: 70px; line-height: 70px; font-size: 14px; color: #fff; text-align: right; margin: auto; background: rgba(0,0,0,0.5); position: absolute; right: 0; bottom: 0; left: 0; z-index: 2;}
.banner-wz .posit a { color: #fff;}

.w_space { float: left; width: 5px; height: 3px; overflow: hidden;}
.warp { width: 1100px; margin: 0 auto; clear: both; overflow: hidden;}
.warp1 { background: #fff; margin: 0 auto; clear: both;}
.error { color: red;}
.line200 { line-height: 200%;}
.inp_one { width: 200px; height: 25px; line-height: 25px;}
.inp_small { width: 100px; height: 25px; line-height: 25px;}
#Vcode { cursor: pointer;}

/*top*/
#weixiu { padding-top: 15px}
#herd { height: auto; position: relative; overflow: hidden;}
.head_top { background: url(../images/fz_01.jpg) repeat-x; height: 30px;}
.head_top_r { width: 1100px; margin: 0 auto; height: 30px; line-height: 30px;}
.head_top_r li { float: right; list-style: none; margin-left: 30px;}
.head_top_r li.swsy { background: url(../images/fz_06.png) left center no-repeat; padding-left: 20px;}
.head_top_r li.zjl { background: url(../images/fz_04.png) left center no-repeat; padding-left: 20px;}
.head_top_r li.qyyx { background: url(../images/fz_09.png) left center no-repeat; padding-left: 20px;}
.head { width: 1100px; height: 100px; margin: 0 auto;}
.head_right { background: url(../images/jinlu_1.jpg) no-repeat 0 0; width: 286px; height: 70px; float: right; margin-top: 15px;}
#top_member { width: auto; _width: 430px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #247fd2; color: #fff; position: absolute; right: 8px; bottom: 0px; z-index: 100; overflow: hidden;}
#top_member span { word-break: break-all; float: left; overflow: hidden;}
#top_member a { float: right; width: 70px; height: 18px; line-height: 18px; color: #fff; text-align: center; margin: 5px 3px 0px; border: 1px solid #fff; background: #247fd2;}
#top_member a:hover { text-decoration: none; background: #ff6600;}

#top_logo { height: 129px; width: 507px; margin: 20px 0 0 20px;}
#top_logo a { display: block;}

.menu_w { width: auto; background: url(../images/navbg.jpg) repeat-x 0 0; height: 40px;}
#menu { width: 1100px; margin: 0 auto; height: 40px; position: relative; z-index: 999; line-height: 40px;}
.nav { display: block; width: 1100px; height: 40px; line-height: 40px; overflow: hidden;}

#menu li { width: 136.6px; float: left; text-align: center; font-size: 14px; /*font-weight: bold; */}
#menu .line { width: 1px; height: 40px; background: url(../images/line.jpg) no-repeat center center;}
#menu .line:last-child { background: none;}

#menu li a { height: 40px; display: block; color: #fff;}
#menu li a:hover { text-decoration: none;}

#menu li ul { display: none;}
#menu li:hover ul { display: block; height: auto; line-height: normal; position: absolute; top: 40px; background: #063a81; z-index: 9999; box-shadow: 0 2px 3px rgba(0,0,0,0.7);}
#menu li:hover li { width: 136.6px; float: none; height: 35px; line-height: 35px; border-bottom: 1px solid #1053ae; font-size: 12px; font-weight: 100;}
#menu li:hover li:last-child { border-bottom: none;}
#menu li:hover li a { color: #fff;}
#menu li:hover li a:hover { height: 35px; line-height: 35px; color: #fff;}
.main_zt { width: 1100px; margin: 0 auto;}
.ban_gg { background: #e6e6e6; height: 50px; line-height: 50px;}
.ban_gg_li { width: 1100px; margin: 0 auto;}
.ban_gg_left { float: left; overflow: hidden; background: url(../images/fz_26.gif)  10px center no-repeat; width: 500px; height: 50px; padding-left: 80px;}
.ban_gg_left li { background: url(../images/jt.jpg) no-repeat scroll 0 center; line-height: 50px; padding-left: 20px; width: 80%;}
.ban_gg_left a { float: left; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%;}
.ban_gg_left span { color: #999; float: right;}

.gg_title { float: left; background: url(../images/dian.jpg) no-repeat left center; padding-left: 10px;}
.gg_time { float: right;}
.ban_gg_right { float: right;}
.ban_gg_right li { list-style: none; float: right; margin-left: 15px;}
.zlxz { background: url(../images/fz_28.png) left bottom no-repeat; width: 105px; height: 50px;}
.zlxz:hover { background: url(../images/fz_281.png) left bottom no-repeat;}
.zlxz a,
.jyxc a { line-height: 67px; text-align: center; padding-left: 20px; display: block; width: 85px;}
.zlxz:hover a,
.jyxc:hover a { color: #d30020;}
.jyxc { background: url(../images/fz_30.png) left bottom no-repeat; width: 105px; height: 50px;}
.jyxc:hover { background: url(../images/fz_301.png) left bottom no-repeat;}

.main_dh { margin: 40px auto; width: 1100px; /*overflow: hidden; */}
.main_dh li { width: 243px; height: 108px; float: left; list-style: none; margin-right: 9px;}
#ggao { background: url(../images/gg.gif) no-repeat left center; padding-left: 20px; line-height: 16px; height: 16px; overflow: hidden;}
#ggao b { width: 75px; float: left; font-size: 14px; color: #fa6b00;}
#ggao span { width: 880px; float: left; height: 16px;}
.gxq { height: auto; overflow: hidden; padding: 15px 0;}


.r_bt { height: 40px; line-height: 40px; background: #022a61; width: 100%; border-bottom: 1px solid #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);}
.r_bt span { height: 40px; padding-left: 10px; line-height: 40px; display: block; float: left; text-align: left; color: #fff; margin-right: 10px;}
.r_bt i { font-size: 12px; color: #d30020; font-weight: 100; font-family: "microsoft Yahei"}
.r_bt a img { float: right; margin: 21px 10px 0 0;}

.r_bg { background: #0054a3; border-bottom: none; height: 50px;}
.r_bg span { color: #fff; padding-left: 30px; margin-top: 5px;}
.r_bg a { color: #fff; font-size: 12px; font-weight: 100; float: right; padding-right: 5px; margin-top: 5px;}


#syxw { width: 330px; height: 265px;}
#syxw p { line-height: 24.5px; text-indent: 2em;}
#syxw p a { color: #d00000;}
#syxw p img { float: left; margin: 5px 15px 0px 0; padding: 0; display: block; width: 140px; height: 85px; border: 1px solid #1284c6;}


#banner { height: 438px; overflow: hidden; position: relative;}
#bannumid { position: absolute; bottom: 5px; right: 5px;}
#bannumid li { list-style: none; float: left; width: 18px; height: 16px; filter: alpha(opacity=80); opacity: 0.8; border: 1px solid #d00000; background-color: #fff; color: #d00000; text-align: center; cursor: pointer; margin-right: 4px; padding-top: 2px; overflow: hidden;}
#bannumid li:hover,
#bannumid li.active { border: 1px solid #d00000; background-color: #f00; color: #fff; width: 22px; height: 18px; font-weight: bold; font-size: 13px;}

#imgtitle { filter: alpha(opacity=100); left: 0px; overflow: hidden; position: relative; text-align: left}
#imgtitle_up { left: 0px; height: 1px; text-align: left}
#imgtitle_down { left: 0px; text-align: right; padding-right: 5px;}
.imgclass { border-right: #000 0px solid; border-top: #000 0px solid; border-left: #000 0px solid; border-bottom: #000 0px solid}
#txtfrom { vertical-align: middle; text-align: center}

.left { width: 244px; overflow: hidden;}
.left_bt { background: url(../images/left_bt.jpg) no-repeat; height: 36px; line-height: 36px; overflow: hidden; padding: 0 12px; color: #fff;}
.left_bt a { font-size: 12px; font-family: ""; font-weight: normal; color: #fff; float: right;}
.left_bt a:hover { color: #84ffff;}
.xbox { padding: 5px; border-top: none; line-height: 21px;}
.left_box { width: 242px; overflow: hidden; line-height: 21px;}
.left_contactbox { width: 242px; overflow: hidden;}
.left_contactbox img { width: 158px; height: 158px; margin-left: 20px;}

.left_contactbox p { line-height: 21px; padding: 10px 0; font-size: 14px; overflow: hidden;}
#abt img { width: 107px; height: 75px; float: left; clear: right; margin: 4px 8px 0 0;}

.sywz { padding-top: 5px;}
.sywz li { height: 30px; line-height: 30px; background: url(../images/jt.jpg) no-repeat left center; padding-left: 12px; border-bottom: 1px dashed #ccc;}
.sywz li span { float: right; color: #888;}
.sywz li a { display: block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic_art { padding: 5px; height: 120px; line-height: 20px; overflow: hidden;}
.pic_art .pic_art_img { float: left; padding: 5px; width: 150px; height: 110px;}
.pic_art .pic_art_img img { width: 150px; height: 110px;}
.pic_art pic_art_title { float: right; height: 30px; line-height: 30px; font-weight: bold; text-align: center;}
.pic_art pic_art_content { float: right; height: 30px; line-height: 30px; font-weight: bold; text-align: center;}

.right { width: 916px; overflow: hidden;}
.rbox { width: 355px; overflow: hidden;}

#zz li { margin: 5px; width: 118px; padding: 5px 0;}
#zz li a img { width: 118px; height: 79px;}
#szll { background: url(../images/szbg.gif) repeat-x; height: 183px; overflow: hidden;}
#szll_r { background: url(../images/szr.gif) no-repeat; width: 9px; overflow: hidden; height: 183px; float: right;}
#szll_l { width: 59px; float: left; overflow: hidden;}

#demco { height: 147px; overflow: hidden; width: 653px; padding: 18px 0;}
#mybox { float: left; width: 800%;}
.ZZimg ul li { width: 118px; margin-right: 13px; float: left; display: inline;}
.ZZimg ul li span { display: block; text-align: center; height: 12px; line-height: 12px; margin-top: 4px;}
.ZZimg ul li a img { width: 110px; height: 123px; border: 1px solid #ccc; padding: 3px; background: #fff;}

#demc { overflow: hidden; width: 1100px; padding: 0; margin: 0 auto;}
.jdimg ul li { text-align: center; margin-right: 20px; float: left; display: inline; width: 350px; height: 240px; position: relative;}
.jdimg ul li img { display: block; width: 350px; height: 240px;}
.jdimg ul li p { display: block; width: 100%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; position: absolute; bottom: 0px; left: 0; background: #022a61; filter: alpha(opacity=80); opacity: 0.8;}
.jdimg ul li a { color: #fff;}

#yqlj a { margin: 0 25px 15px 25px; float: left; white-space: nowrap; word-break: break-all; line-height: 25px; color: #2280d4;}

#bottom { background: url(../images/jinlu_2.jpg) repeat-x 0 0; height: 206px; text-align: center; line-height: 30px; color: #fff;}
#bottom p { padding-top: 25px;}
#bottom a { color: #fff;}
.foot { text-align: center; line-height: 65px; width: 1100px; margin: 0 auto;}
.foot a { font-size: 14px; margin: 0 20px;}

.youq { width: 160px; height: 35px; float: right;}
.youq select { width: 100%; margin-top: 10px;}

.nybt { background: #0054a3; height: 50px; line-height: 50px; width: 100%;}
.nybt span { color: #fff; display: block; float: left; height: 40px; line-height: 38px; padding: 0 20px 0 10px; text-align: left; font-size: 14px; margin-top: 5px;}
.nybt i { font-style: normal; font-size: 12px; font-weight: normal; float: right; color: #fff; padding-right: 15px;}
.nybt i a { color: #fff;}

/*guestbook*/
.guestbook_title { background: #c8edfb; padding: 5px; margin-top: 5px; font-size: 14px;}
.guestbook_msg { border: 1px solid #c8edfb; padding: 5px; line-height: 160%; font-size: 14px;}
.guestbook_reply { padding: 5px; color: red; border-top: 1px dotted #ccc;}

.flbt { background: url(../images/flbg.jpg) no-repeat; height: 37px; line-height: 37px; font-size: 16px; color: #fff; padding-left: 57px;}
.fllb { width: 100%; margin: 0 auto; margin-bottom: 15px;}
.fllb li { border-bottom: 1px solid #eee;}
.fllb .jy-list { background: #fff; height: 50px; text-align: left; line-height: 50px; color: #333; padding-left: 30px; cursor: pointer;}
.fllb .jy-list a { width: 90%; height: 50px; display: block; color: #333; text-decoration: none; float: left; font-size: 14px;}
.fllb .jy-list span {  float: right; padding-right: 10px; line-height: 50px; color: #333;}
.fllb .jy-list .ej { display: none; width: 244px; margin-left: -30px;}
.fllb .jy-list .ej .ej-list { border-bottom: 1px solid #eee; width: 100%; height: 50px; line-height: 50px;}
.fllb .jy-list .ej .ej-list a { padding-left: 60px;}
.wzli { padding: 0 10px;}
.wzli li { line-height: 39px; border-bottom: 1px dashed #cacaca; background: url(../images/jt.jpg) no-repeat left center; padding-left: 14px;}
.wzli li span { float: right; color: #999; margin-left: 15px;}
.wzli li a { display: inline-block; width: 720px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size: 14px;}
.wzli li a:hover { color: #0054a3;}
.wzli .hot a b { color: #f00;}
.wzli li a i { color: #ff4603; font-weight: normal; font-style: normal;}

.biaoti { color: #333; font-size: 20px; font-weight: bold; line-height: 50px; margin-bottom: 15px; text-align: center;}
.pro_h3 { padding: 5px 10px; font-size: 14px; font-weight: bold; background: #eee;}
.nrxx { background: url(../images/jt.jpg) no-repeat left #efeae6; border: 1px solid #e3ddd7; background-position: 5px; padding-left: 15px; height: 24px; line-height: 24px; overflow: hidden;}
.xlbt1 { font-size: 14px; line-height: 30px; border-bottom: 1px #fff solid; font-weight: bold; background: #b9ddf7; text-align: center; color: #000;}

.picli { width: 100%;}
.picli li { float: left; width: calc(100% / 3 - 13.5px); text-align: center; margin: 0 20px 20px 0;}
.picli li:nth-child(3n) { margin-right: 0;}
.picli li .img { height: 200px; border: 1px solid #ccc; padding: 3px;}
.picli li .img img { display: block; max-width: 100%; height: 100%; margin: 0 auto;}
.picli li p { width: 100%; height: 25px; line-height: 25px; font-size: 15px; color: #333; text-align: center; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*spec*/
.speli li { width: 100%; overflow: hidden; clear: both; padding: 12px 0px; border-bottom: 1px solid #eee; color: #aaa;}
.speli li a.preview { width: 84px; float: left; margin-right: 7px; margin-bottom: 3px; margin-left: 10px; display: inline;}
.speli li a.preview img { width: 80px; /*height: 60px; */display: block; padding: 1px; border: 1px solid #eee;}
.speli li a.title { overflow: hidden; line-height: 25px; font-weight: bold; font-size: 14px; margin-left: 2px;}
.speli span.info { display: block; line-height: 23px; color: #555; padding-left: 12px;}
.speli span.info small { color: #aaa; font-size: 12px; margin-left: 3px;}
.speli p.intro { color: #777; line-height: 20px; margin-left: 5px; padding-left: 10px; padding-right: 10px;}

/**/
.spelia { width: 100%}
.spelia li { width: 166px; margin: 5px 10px 10px 4px; padding: 5px; float: left; display: inline; line-height: 21px; border: 1px dashed #ccc;}
.spelia li a { display: block; font-size: 14px;}
.spelia li a:hover { text-decoration: none; background-color: #fefbc5;}
.spelia li .title { display: block; text-align: center; padding: 0px 0px 5px 0px; border-bottom: 1px dashed #ccc;}
li.b1 { background: #9afb90;}
li.b2 { background: #ffdeb6;}
li.b3 { background: #fff38f;}
li.b4 { background: #d9ff8f;}
li.b5 { background: #fff;}

.team { width: 710px;}
.team li { width: 160px; background: #b0ddff; float: left; margin: 5px 40px 18px 33px; display: inline; height: 230px; overflow: hidden}
.team li img { width: 160px; height: 180px; border: none;}
.team li span { line-height: 27px; color: #000; background: url(../images/jt2.gif) no-repeat; background-position: 7px 9px; display: block; padding-left: 17px; margin-top: 3px;}
.team li span b { font-size: 14px;}
.team li i { line-height: 18px; text-align: right; padding-right: 8px; font-style: normal; display: block;}
.team li i a { color: #0562b9;}

.scott { text-align: center; padding: 10px 0; overflow: hidden; background: #eee;}
.scott li { display: inline-block; height: 25px; line-height: 25px; margin-right: 5px; border: 1px solid #58affe; background: #fff;}
.scott li a { display: block; font-size: 14px; text-align: center; text-decoration: none; padding: 0 10px;}
.scott li span { display: block; font-size: 14px; text-align: center; padding: 0 10px;}
.scott li:hover { background: #58affe;}
.scott li:hover a { color: #fff;}
.scott li.active { background: #58affe !important;}
.scott li.active span { color: #fff !important;}
.scott li.disabled { border-color: #bbb !important; background: #fff !important;}
.scott li.disabled span { color: #999 !important;}
.fenye1 { text-align: center; clear: both; font-size: 12px; line-height: 28px; height: 56px; background: #eee; padding: 0 5px; margin-top: 5px;}

.wzzw { padding: 10px 0;}

.f_l { float: left;}
.f_r { float: right;}
.m_l { margin-left: 10px;}
.pt { padding-top: 10px;}
.jl { margin-bottom: 20px; margin-top: 3px;}
.mb { margin-bottom: 10px;}
.red { color: #ff6600;}
.blue { color: #0037ff;}
.lh { font-size: 14px; line-height: 28px;}

/**************from表单**********************/
.form { padding: 10px;}
.listtop,.listbottom {  margin-left: 10px;}
.listtop { margin-top: 10px; border: 1px  solid #ccc; border-bottom: none; padding-left: 10px; padding-bottom: 15px; width: 710px; background: #f5f5f5;}
.con_edit { margin: 10px;}
.form_top { padding-left: 10px; padding-bottom: 15px;}
.form dl { overflow: hidden; zoom: 1; padding-top: 15px;}
.form dt { float: left; width: 15%; font-size: 14px; padding: 3px 0 0 0; color: #666;}
.form dd { float: left; line-height: 22px;}
.form dd select, .form dd input { vertical-align: middle;}
.form dd .logo { border: 1px solid #d4d4d4;}
.form dd .wxqrcode { width: 80px; height: 80px; border: 1px solid #d4d4d4;}
.form dd p { clear: both; color: #a0a0a0; padding: 4px 0 0 0; line-height: 16px;}
.form_b { text-align: left; padding: 20px 0 45px 145px;}
.form .btn7 { margin-left: 10px;}

/**/
.personinfo { padding: 5px; font-size: 14px;}
.personinfo li { line-height: 160%;}

.h3 { padding: 5px; background: #c5e3fa; font-size: 14px; font-weight: bold;}

.disable { color: #a7a7a7;}

.btn_blue,
.btn_orange, .btn_green { background: #0d9ae4; height: 26px; line-height: 1.8em; padding: 0px 15px; margin: 2px; border: 0px; color: #fff; font-size: 14px; cursor: pointer;}
.btn_blue:hover { background-color: #0084c9;}
.btn_orange { background-color: #e4570d;}
.btn_orange:hover { background-color: #c13b00;}
.btn_green { background-color: #04be00;}
.btn_green:hover { background-color: #079b04;}

/**/
.searchformdiv { padding: 10px;}
.searchformdiv li { padding-top: 10px;}
.searchformdiv input { width: 100%; height: 30px; line-height: 30px; vertical-align: middle;}
.searchformdiv  select { width: 100%; height: 30px; line-height: 20px; padding: 5px 0px; vertical-align: middle;}
.search_title { padding: 5px; margin-bottom: 5px; color: #666; font-size: 14px; border-bottom: 1px solid #ccc;}

/*评论*/
.avatar { width: 44px; height: 44px; line-height: 44px; display: block; position: absolute; top: 3px; left: 0; padding: 1px; text-align: center; overflow: hidden; border: 1px solid #d4d4d4;}
.avatar img { width: 44px;}

/* 评论(公共) */
.comment-box { padding: 10px 0 20px; font-size: 16px;}
.comment-box .comment-item { position: relative; margin-bottom: 10px; padding-left: 53px; min-height: 53px; line-height: 1.6; color: #323232; border-bottom: 1px solid #d4d4d4;}
.comment-box form.comment-item { border-bottom: 0;}
.comment-box .comment-item:last-child { border-bottom: 0;}
.comment-box .comment-item .comment-bd,
.comment-box .comment-item .comment-ft { margin-bottom: 10px; word-wrap: break-word; font-size: 16px;}
.comment-box .comment-item .comment-hd { word-wrap: break-word;}
.comment-box .avatar { top: 0;}
.comment-box .username { margin-right: 10px;}
.comment-box .cmt-txt a { color: #72b939;}
.comment-box .commment-time { color: #999;}

/* 评论发布表单 */
.comment-textarea { padding: 5px; border: 1px solid #72b939;}
.comment-textarea textarea { width: 100%; height: 35px; overflow: hidden; border: 0;}
.comment-vcode { padding: 5px 0px;}

/* 详情页-评论 */
.comment-box .username { color: #04489d; font-size: 14px;}
.comment-box .commment-time { color: #888; font-size: 14px;}
.comment-box .reply-btn { float: right; color: #72b939;}
.comment-box .reply-btn i { display: inline-block; margin-left: 3px; width: 0; height: 0; vertical-align: middle; border: 5px solid #fff; 
	border-top-color: #72b939; border-bottom-width: 0;}
.comment-box .cmt-txt { line-height: 1.6;}
.comment-box .reply-item { padding-top: 10px; border-top: 1px dotted #d4d4d4; border-bottom-style: none;}
.comment-box .reply-item .avatar { top: 10px;}
.comment-box .more-comment { margin-bottom: 10px;}
.comment-box a { color: #d00000;}

/*******2015-02-09*******/
.dbty { width: 100%; height: 10px; margin: 0 auto; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
.zjgx { width: 1px; margin: 0 19px; height: 300px; background: url(../images/yishu_15.jpg) no-repeat 0 center;}
.gywm { background: url(../images/yishu_3.jpg) no-repeat 10px center;}
.tgbg { background: url(../images/yishu_4.jpg) no-repeat 10px center;}
.kjda { background: url(../images/yishu_5.jpg) no-repeat 10px center;}
.news { background: url(../images/yishu_6.jpg) no-repeat 10px center;}
.yxxs { background: url(../images/yishu_7.jpg) no-repeat 10px center;}
.zxsp { background: url(../images/yishu_8.jpg) no-repeat 10px center;}
.kjjc { background: url(../images/yishu_9.jpg) no-repeat 10px center;}
.yxyd { background: url(../images/yishu_10.jpg) no-repeat 10px center;}
.zjzs { background: url(../images/yishu_11.jpg) no-repeat 10px center;}

.tzgg { width: 330px; float: left;}
.tzgg_g { width: 290px; float: right;}
.tzgg_k { width: 290px;}

.xinwen { width: 350px; float: left; margin-left: 25px;}
.xwul1 { display: block; width: 100%; border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
.xwul1 img {  margin: 0px 15px 0px 0; padding: 0; width: 110px; height: 70px;}
.yishu_c { float: right; width: 200px; margin-top: 3px;}
.yishu_c h3 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 10px;}
.yishu_c p { line-height: 22px; text-indent: 2em; width: 100%;}
.yishu_c p b a { color: #d00000; font-weight: 100;}

.xwul2 { margin-top: 10px;}
.xwul2 li { background: url(../images/jt.jpg) no-repeat left center; border-bottom: 1px dashed #ccc; height: 28px; line-height: 28px; padding-left: 12px;}
.xwul2 li span { float: right; color: #888;}
.xwul2 li a { display: block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tup { margin: 15px auto 0 auto; width: 1100px;}
.tupian { padding: 15px 0px 0 0;}

.yqlj { padding: 15px 0;}
.yqlj img { border: 1px solid #ccc;}

.toy { width: 350px;}
.toysp { width: 330px; height: 215px; box-shadow: 0 2px 3px rgba(0,0,0,0.3); padding: 15px 10px;}

.art { color: #d00000; font-size: 14px; font-weight: bold; height: auto; border: 1px solid #d00000; border-top: none; line-height: 45px; text-align: center; background: #eee;}
.art a { margin: 0 15px;}

/*********大赛报名*********/
.login_reg h1 { color: #f00; font-size: 20px; font-weight: bold; line-height: 50px; text-align: center;}
.login_reg h2 { color: #006699; font-size: 14px; font-weight: bold; line-height: 50px; text-align: center;}

.login_reg ul { line-height: 40px; margin: 0 auto; padding: 0 20px 20px; width: 100%;}
.login_reg ul li { display: block; font-size: 14px;}
.login_reg ul li select { height: 25px; margin: 0 5px; vertical-align: middle;}
.login_reg ul li input { height: 25px; margin: 0 5px; vertical-align: middle;}
.input_public { border: 1px solid #c1c1c1; font-size: 14px; height: 26px; line-height: 20px; padding-left: 4px;}
.login_reg ul li span { color: #cc0000; font-size: 14px; font-weight: bold; padding-right: 15px;}
.login_reg ul li textarea { height: 65px; margin: 10px 5px 5px; vertical-align: middle;}

.btnn { background: #d00000; border: medium none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 0; width: 100px;}
.cjcx table { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; line-height: 40px;}
.cjcx table td { border: 1px solid #ccc; border-bottom: none; border-right: none; padding: 3px 10px;}
.cjcx table input { line-height: 25px; margin-right: 10px;}

.staff { width: 100%;}
.staff h3 { font-size: 16px;}
.staff h3 a { color: #f30; float: right; font-size: 12px; font-weight: 100; padding-right: 5px;}
.staff li { width: 335px; float: left; margin: 20px 30px 0 0; padding-bottom: 20px}
.staff li img { margin: 0;}
.staff li span { font-size: 14px; text-align: left; display: block; margin: 0; font-weight: bold; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.staff li p { text-align: left;}

.pag1 { width: 100%;}
.pag1_l { float: left; width: 420px;}
.pag1_r { width: 250px; float: right;}
.pag1_r h3 { font-size: 16px; line-height: 40px;}
.pag1_r p { margin: 5px 0; font-size: 12px;}
.pag1_r p strong { color: #f40;}
.pag1_r a { background: #d00000; display: block; text-align: center; border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; padding: 0; width: 100px; line-height: 30px; margin-top: 20px;}

.new { background: url(../images/new.gif) no-repeat 85px top;}

.ship { position: relative;}
.ship span { display: block; position: absolute; top: 20px; left: 10px; width: 330px; height: 218px;}
.ship span img { width: 330px; height: 218px;}

/* 联系我们 */
.hide { display: none;}
#leftsead { width: 52px; position: fixed; top: 50%; right: 0; z-index: 99999;}
#leftsead li { width: 50px; height: 50px; border: 1px solid #eee; background-repeat: no-repeat; background-position: 0 0; position: absolute; right: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
#leftsead .wx { border-color: #14d112; background-color: #14d112; background-image: url(../images/online/kf01.jpg); top: 0;}
#leftsead .wx img { display: block; width: 0; height: 0; padding: 5px; filter: alpha(opacity=0); opacity: 0; border: 1px dashed #14d112; background: #fff; position: absolute; right: 0; bottom: 0; z-index: -1; -webkit-transition: all .5s ease; transition: all .5s ease;}
#leftsead .qq { border-color: #09a4dc; background-color: #09a4dc; background-image: url(../images/online/kf02.jpg); top: 54px;}
#leftsead .qq a { display: block; height: 50px; line-height: 50px; font-size: 0; color: #fff; text-align: center; padding-left: 50px; overflow: hidden;}
#leftsead .tel { line-height: 50px; font-size: 0; color: #fff; text-align: center; border-color: #ff7d01; background-color: #ff7d01; background-image: url(../images/online/kf03.jpg); top: 108px;}
#leftsead .uptop { border-color: #f4f2f3; background-color: #f4f2f3; background-image: url(../images/online/kf04.jpg); top: 162px;}
#leftsead .wx:hover { width: 70px;}
#leftsead .wx:hover img { display: block; width: 90px; height: 90px; filter: alpha(opacity=100); opacity: 1; right: 70px;}
#leftsead .qq:hover { width: 160px; border-color: #8bc48d; background-color: #8bc48d; background-image: url(../images/online/kf02h.jpg);}
#leftsead .qq:hover a { font-size: 14px;}
#leftsead .tel:hover { width: 140px; font-size: 14px; padding-left: 50px; border-color: #e6776c; background-color: #e6776c; background-image: url(../images/online/kf03h.jpg);}
#leftsead .uptop:hover { width: 160px; border-color: #bc3f61; background-color: #bc3f61; background-image: url(../images/online/kf04h.jpg);}


#p2 { width: 112px; background-color: #a7d2a9; height: 47px; margin-left: 47px; border: 1px solid #8bc48d; text-align: center; line-height: 47px}
#p3 { width: 112px; background-color: #ec9890; height: 47px; margin-left: 47px; border: 1px solid #e6776c; text-align: center; line-height: 47px}
#p1 { width: 47px; height: 49px; float: left}

/*产品模型详情*/
.show_proimg { width: 680px; height: 480px; overflow: hidden; position: relative; margin: 0 auto 20px;}
.show_proimg .hd { display: none;}
.show_proimg .bd { position: relative; height: 100%; z-index: 0;}
.show_proimg .bd li { zoom: 1; vertical-align: middle;}
.show_proimg .bd img { width: 680px; height: 480px; display: block;}
.show_proimg .prev,
.show_proimg .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5;}
.show_proimg .next { left: auto; right: 3%; background-position: 8px 5px;}
.show_proimg .prev:hover,
.show_proimg .next:hover { filter: alpha(opacity=100); opacity: 1;}
.show_proimg .prevstop { display: none;}
.show_proimg .nextstop { display: none;}

.show_procs { width: 460px; float: right; margin-top: 40px;}
.show_procs dl { width: 100%; line-height: 40px; font-size: 14px; clear: both;}
.show_procs dl:nth-child(5) { color: #e00;}
.show_procs dl dd { float: left; width: 80px; text-align: right; margin-right: 10px; font-weight: bold;}
.show_procs dl dt { float: left; width: 350px; line-height: 25px; margin-top: 8px;}
.show_procs p { width: 100%; line-height: 25px; margin-bottom: 5px; font-size: 14px;}
.pro_h3 { line-height: 35px; padding: 0 10px; font-size: 14px; font-weight: bold; background: #eee; margin: 30px auto 20px auto;}