@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: "HelveticaNeueLTPro-Lt";
	src: url('../font/HelveticaNeueLTPro-Lt.otf') format('truetype');
}
@font-face{
	font-family: "HelveticaNeueLTPro-Roman";
	src: url('../font/HelveticaNeueLTPro-Roman.otf') format('truetype');
}

body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #080808; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; width: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉安卓点击时的蓝色框*/ }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #080808; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left; }
.fr { float: right; }
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff; }
div { outline: none; }
input { outline: none; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 34px; }
textarea { outline: none; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 22px; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: 1px solid #ccc; padding: 2px 3px; }
input:focus, textarea:focus { background: #f8f8f8; }

/*头部*/
.topdiv { display: none; height: 70px; }
#head { display: none; height: 50px; padding: 10px 0; position: fixed; z-index: 4; background: #fff; width: 100%; border: 1px solid #ddd; }
#head div { height: 38px; width: 215px; margin: 5px auto; background: url(../images/logo_ui.png) no-repeat center center; }
#head div a { display: block; width: 100%; height: 100%; }
#head .headbtn1 { position: absolute; left: 10px; top: 15px; width: 40px; height: 40px; background: url(../images/headbtn1.jpg) no-repeat center center; }
#head .headbtn2 { position: absolute; right: 10px; top: 15px; width: 40px; height: 40px; background: url(../images/headbtn2.jpg) no-repeat center center; }

.sui-nav > .sui-nav-wrapper > ul > li > a { text-transform: uppercase; }

#header { height: 120px; background: #686868; }
#header .logo { width: 25%; padding: 18px 0 19px; }
.headright { float: right; width: 73%; }

.toptop { height: 35px; width: 100%; text-align: right; background: #0e0e0e; }
a.ex1, a.ex2, a.ex3 { font-size: 14px; color: #868686; line-height: 24px; margin: 5px 0 6px 3%; padding-left: 22px; display: inline-block; }
a.ex1:hover, a.ex2:hover, a.ex3:hover { color: #868686; }
a.ex1 { background: url(../images/ex1.png) no-repeat left center; background-size: 16px 16px; }
a.ex2 { background: url(../images/ex2.png) no-repeat left center; background-size: 16px 16px; }
a.ex3 { background: url(../images/ex3.png) no-repeat left center; background-size: 16px 16px; position: relative; padding-right: 13px; margin-left: 0; }
a.ex3 i { position: absolute; width: 9px; height: 24px; top: 0; right: 0; background: url(../images/ico_7.png) no-repeat center 9px; }
.haslang { display: inline-block; margin-left: 3%; position: relative; }
.haslang:hover .lang { opacity: 1; top: 34px; z-index: 5; }
.lang { transition: all 0.5s; opacity: 0; width: 60px; position: absolute; right: 0; top: 19px; z-index: -1; padding: 2px 7px; background: #fff; border: 1px solid #0e0e0e; box-shadow: 1px 1px 2px #777; }
.lang a { display: block; text-align: left; color: #000; }
.lang a:hover { color: #ffcc00; }

#header .menu { float: right; width: 100%; }
#header.navFix { box-shadow: 0 0 5px #444; height: 65px; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; }
#header.navFix .toptop { display: none; }
#header.navFix .logo { padding: 8px 0 9px; }
#header.navFix .extra { display: none; }
#header.navFix .menu > li { line-height: 65px; }
#header.navFix .menu .menulist { top: 65px; }

/*导航*/
.menu > li { float: right; margin: 0 4%; text-align: center; line-height: 85px; position: relative; }
.menu > li:first-child { margin-right: 0; }
.menu > li > a { display: block; font-size: 16px; color: #fff; text-transform: uppercase; }
.menu > li > a:hover { color: #ffcc00; }
.menu > .first > a { color: #ffcc00; }

.menu .menulist { width: 200px; display: none; padding: 0; position: absolute; top: 85px; z-index: 50; left: -50px; text-align: left; }
.menu .menulist > li { line-height: 35px; font-size: 14px; color: #3c3c3c; margin: 0; background: rgba(255,255,255,0.7); }
.menu .menulist > li:hover { background: rgba(249,161,20,1); }
.menu .menulist > li > a { display: block; padding-left: 15px; }
.menu .menulist > li:hover > a { color: #fff; }
.menu .menulist > li > ul { width: 230px; min-height: 245px; display: none; position: absolute; top: 0; left: 200px; }
.menu .menulist > li > ul > li { padding-left: 15px; background: rgba(255,255,255,0.8); }
.menu .menulist > li > ul > li:hover { background: rgba(255,204,0,1); }
.menu .menulist > li > ul > li > a { display: block; }
.menu .menulist > li > ul > li:hover > a { color: #fff; }
.menu .menulist > li > ul > li > ul { width: 220px; min-height: 245px; display: none; position: absolute; top: 0; left: 230px; }
.menu .menulist > li > ul > li > ul > li { padding-left: 15px; background: rgba(255,255,255,0.9); }
.menu .menulist > li > ul > li > ul > li:hover { background: rgba(249,161,20,1); }
.menu .menulist > li > ul > li > ul > li > a { display: block; }
.menu .menulist > li > ul > li > ul > li:hover > a { color: #fff; }
.menu .subnav { display: block; }
.menu .menulist > li:hover > ul { display: block; }
.menu .menulist > li > ul > li:hover > ul { display: block; }

.menu .menulist > li.hscd { background-image: url(../images/ico_2.png); background-repeat: no-repeat; background-position: 180px center; }
.menu .menulist > li.hscd:hover { background-image: url(../images/ico_1.png); }
.menu .menulist > li > ul > li.hscd { background-image: url(../images/ico_2.png); background-repeat: no-repeat; background-position: 210px center; }
.menu .menulist > li > ul > li.hscd:hover { background-image: url(../images/ico_1.png); }

.menu .noico > li { background-image: none; }
.menu .noico > li:hover { background-image: none; }
.menu > li .noico { background-image: none; }
.menu > li .noico:hover { background-image: none; }

/*banner*/
#ban .banner { height: 550px; position: relative; overflow: hidden; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 550px; width: 100%; }
.pagelist { bottom: 25px; height: 13px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; display: none; }
.pagelist li { font-size: 0px; margin: 0 9px; background: url(../images/pagelist_2.png) no-repeat center center; cursor: pointer; display: inline-block; height: 13px; width: 13px; }
.pagelist li.on { background-image: url(../images/pagelist_1.png); }
.btn_left { position: absolute; width: 44px; height: 58px; background: url(../images/ico_left.png) no-repeat center center; top: 42%; left: 60px; }
.btn_right { position: absolute; width: 44px; height: 58px; background: url(../images/ico_right.png) no-repeat center center; top: 42%; right: 60px; }

/*首页主体*/
.maintitle { font-size: 32px; color: #0e0e0e; text-align: center; padding-top: 55px; }
.mainico { width: 135px; height: 22px; display: block; margin: 5px auto 0; }
.maindesc { font-size: 17px; color: #2c2c2c; text-align: center; opacity: 0.7; padding-bottom: 40px; max-width: 850px; margin: auto; }
.main1 .mainico { background: url(../images/tpt_1.png) no-repeat center center; }
.main2 .mainico { background: url(../images/tpt_2.png) no-repeat center center; }
.main3 .mainico { background: url(../images/tpt_3.png) no-repeat center center; }
.main4 .mainico { background: url(../images/tpt_4.png) no-repeat center center; }
.main5 .mainico { background: url(../images/tpt_5.png) no-repeat center center; }

.main1 { background: #fff; overflow: hidden; }
.main1m { overflow: hidden; background: url(../images/tpt_10.png) no-repeat center top; }
.main1m ul { overflow: hidden; margin: 50px 0 65px; width: 388px; }
.main1m li { height: 72px; margin-bottom: 50px; }
.main1m li a { display: block; height: 100%; }
.main1m li h3 { font-size: 24px; color: #0e0e0e; line-height: 26px; padding-top: 8px; }
.main1m li h4 { font-size: 14px; color: #2c2c2c; line-height: 20px; margin-top: 6px; }
.main1m .ul1 { float: left; }
.main1m .ul2 { float: right; }
.main1m .ul1 li a { text-align: right; padding-right: 88px; }
.main1m .ul2 li a { text-align: left; padding-left: 88px; }
.main1m .ul1 li:nth-child(1) { background: url(../images/tpt_6.png) no-repeat right center; }
.main1m .ul1 li:nth-child(2) { background: url(../images/tpt_8.png) no-repeat right center; }
.main1m .ul2 li:nth-child(1) { background: url(../images/tpt_7.png) no-repeat left center; }
.main1m .ul2 li:nth-child(2) { background: url(../images/tpt_9.png) no-repeat left center; }
.main1m .ul1 li:nth-child(1):hover { background-image: url(../images/tpt_6h.png); }
.main1m .ul1 li:nth-child(2):hover { background-image: url(../images/tpt_8h.png); }
.main1m .ul2 li:nth-child(1):hover { background-image: url(../images/tpt_7h.png); }
.main1m .ul2 li:nth-child(2):hover { background-image: url(../images/tpt_9h.png); }
.main1m li:hover h3 { color: #f9a114; }

.main2 { background: url(../images/tbg_1.jpg) no-repeat center center; overflow: hidden; }
.main2 .maintitle { color: #fff; }
.main2 .maindesc { color: #fff; }
.main2m { padding-bottom: 75px; }
.main2m > ul { overflow: hidden; width: 1200px; margin: 0 auto; background: #eee; }
.main2m > ul > li { float: left; width: 17%; overflow: hidden; height: 100%; position: relative; }
.main2m > ul > li:nth-child(2n+1) { background: #eee url(../images/tpt_11.png) no-repeat left top; }
.main2m > ul > li:nth-child(2n) { background: #d4d4d4 url(../images/tpt_11.png) no-repeat left top; }
.main2m > ul > li.curr { background-color: #fff; }
.main2m > ul > li h3 { font-size: 20px; color: #2c2c2c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 18px 25px 0; }
.main2m > ul > li h4 { font-size: 14px; color: #2c2c2c; opacity: 0.7; padding: 5px 25px 0; line-height: 18px; height: 54px; overflow: hidden; }
.main2m > ul > li img { float: right; padding: 30px 0 0 0; }
.main2m > ul > li ul { top: 120px; left: 25px; opacity: 0; position: absolute; transition: all 0.5s; }
.main2m > ul > li.curr ul { opacity: 1; }
.main2m > ul > li ul li { padding-left: 25px; background: url(../images/tpt_13.png) no-repeat left center; }
.main2m > ul > li ul li a { color: #2c2c2c; }
.main2m > ul > li ul li a:hover { font-weight: bold; }

.main3 { background: url(../images/tbg_2.jpg) no-repeat center center; }
.main3m { padding-bottom: 75px; }
.main3m ul { overflow: hidden; }
.main3m ul li { float: left; width: 340px; margin-right: 90px; }
.main3m ul li:last-child { margin-right: 0; }
.main3m ul li .nleft { float: left; width: 63px; height: 63px; background: #ffcc00; text-align: center; margin-right: 17px; }
.main3m ul li .nleft h3 { font-size: 32px; font-weight: bold; color: #3c3c3c; line-height: 30px; padding: 10px 0 0; }
.main3m ul li .nleft h4 { font-size: 12px; color: #3c3c3c; opacity: 0.7; }
.main3m ul li .nright { float: left; width: 260px; }
.main3m ul li .nright h3 { font-size: 18px; color: #0e0e0e; }
.main3m ul li .nright p { font-size: 14px; color: #2c2c2c; opacity: 0.8; margin: 10px 0 25px; height: 60px; line-height: 20px; overflow: hidden; }
.main3m ul li .nright a { font-size: 14px; color: #2c2c2c; width: 125px; height: 38px; border: 1px solid #dcdcdc; line-height: 38px; text-align: center; display: block; background: #fff; }
.main3m ul li .nright a:hover { background: #ffcc00; border: 1px solid #ffcc00; }

.main4 { background: url(../images/tbg_3.jpg) no-repeat center center; overflow: hidden; }
.main4 .maintitle { color: #fff; }
.main4 .maindesc { color: #fff; }
.main4m { overflow: hidden; padding-bottom: 75px; }
.main4l { float: left; }
.main4l { width: 450px; height: 305px; background: #ffcc00 url(../images/tpt_14.png) no-repeat left top; padding: 70px; position: relative; }
.main4l h3 { font-size: 24px; color: #0e0e0e; }
.main4l p { font-size: 18px; color: #2c2c2c; margin: 30px 0 0; }
.main4l a { background: url(../images/mainmore.png) no-repeat 9px center; border: 1px solid #000; border-radius: 2px; display: block; height: 33px; position: absolute; right: 70px; bottom: 70px; transition: all 0.5s ease 0s; width: 33px; }
.main4l a:hover { animation: rightandleft 1s;  }
@-webkit-keyframes rightandleft {
0% { background-position: 9px center; }
50% { background-position: 12px center; }
100% { background-position: 9px center; }
}
@-moz-keyframes rightandleft {
0% { background-position: 9px center; }
50% { background-position: 12px center; }
100% { background-position: 9px center; }
}
.main4r { float: right; width: 610px; height: 445px; overflow: hidden; }
.main4r li { float: left; margin: 0 0 25px 25px; width: 280px; height: 210px; overflow: hidden; }
.main4r li img { display: block; transition: all 1s; }
.main4r li:hover img { transform: scale(1.2); }

.main5 { background: #fff; overflow: hidden; }
.main5m { overflow: hidden; padding-bottom: 75px; }
.main5l { float: left; width: 444px; }
.main5l li { float: left; width: 220px; height: 185px; border: 1px dashed #fff; text-align: center; }
.main5l li h3 { font-size: 30px; color: #0e0e0e; margin-top: 10px; }
.main5l li h4 { font-size: 14px; color: #2c2c2c; margin: 5px auto 10px; line-height: 18px; }
.main5l li:nth-child(1) { border-bottom-color: #e0e0e0; border-right-color: #e0e0e0; }
.main5l li:nth-child(2) { border-bottom-color: #e0e0e0; }
.main5l li:nth-child(3) { border-right-color: #e0e0e0; }
.main5l li i { display: block; height: 60px; width: 70px; margin: 0 auto; }
.main5l li:nth-child(1) i { background: url(../images/tpt_15.png) no-repeat center center; }
.main5l li:nth-child(2) i { background: url(../images/tpt_16.png) no-repeat center center; }
.main5l li:nth-child(3) i { background: url(../images/tpt_17.png) no-repeat center center; }
.main5l li:nth-child(4) i { background: url(../images/tpt_18.png) no-repeat center center; }
.main5r { float: right; padding: 15px 0; }
.main5l li:hover h3 { color: #f9a114; }
.main5l li:hover h4 { color: #f9a114; }
.main5l li:nth-child(1):hover i { background-image: url(../images/tpt_15h.png); }
.main5l li:nth-child(2):hover i { background-image: url(../images/tpt_16h.png); }
.main5l li:nth-child(3):hover i { background-image: url(../images/tpt_17h.png); }
.main5l li:nth-child(4):hover i { background-image: url(../images/tpt_18h.png); }

/*底部*/
#footer { background: #181818; overflow: hidden; }
#footer > .wrap > div > h3 { font-size: 24px; color: #ffcc00; margin: 35px 0 15px; } 
.footerl { float: left; width: 795px; padding-bottom: 50px; }
.footlist { float: left; overflow: hidden; }
.footlist h4 { color: #ffcc00; }
.footlist ul li { float: left; width: 100%; line-height: 24px; }
.footlist ul li a { color: #fff; display: block; }
.footlist ul li ul { font-size: 12px; }
.footlist ul li ul li { line-height: 18px; padding-left: 9px; }
.footerr { float: left; width: 305px; padding-bottom: 50px; }
.footerr p { line-height: 24px; color: #fff; }
.footerr span { color: #ffcc00; }
.footerr p a { color: #fff; }
.ct  { margin-top: 35px; overflow: hidden; }
.ct a { float: left; width: 29px; height: 29px; margin-right: 15px; margin-bottom: 15px; }
.ct1 { background: url(../images/ct_1.png) no-repeat center center; display: block; }
.ct1_1 { background: url(../images/ct_1.png) no-repeat center center; display: none; }
.ct2 { background: url(../images/ct_2.png) no-repeat center center; display: block; }
.ct3 { background: url(../images/ct_3.png) no-repeat center center; display: block; }
.ct3_1 { background: url(../images/ct_3.png) no-repeat center center; display: none; }
.ct4 { background: url(../images/ct_4.png) no-repeat center center; display: block; }

#foot { height: 50px; line-height: 50px; background: #000; font-size: 12px; }
#foot .fl { color: #fff; opacity: 0.5; }
#foot .fr { color: #fff; opacity: 0.3; }
#foot .fr a { color: #fff; }

/*动效*/
.tsh { transition: transform 0.8s linear 0s; }
.tsh:hover { transform: scale(1.2); }
.btn { position: relative; }
.btn div { z-index: 1; position: relative; }
.btn span { position: absolute; left: 0; top: 0; background: transparent;width: 100%; height: 100%; transition:background ease 0.2s  }
.btn:hover span { width: 100%; background: #ed7801; z-index: 0; }
.btn:hover { animation: none; }
.btn-animate {animation: fadeLeftRight 2.5s infinite ease-in both; }
@-webkit-keyframes fadeLeftRight {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
@-moz-keyframes fadeLeftRight {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}

/*内页通用*/
.ban1 { background: url(../images/inbanner1.jpg) no-repeat center center; height: 300px; }
.ban2 { background-image: url(../images/inbanner2.jpg); }
.ban3 { background-image: url(../images/inbanner3.jpg); }
.ban4 { background-image: url(../images/inbanner4.jpg); }
.ban5 { background-image: url(../images/inbanner5.jpg); }

.inmain { overflow: hidden; }
.intop { height: 65px; line-height: 65px; border-bottom: 1px solid #bababa; }
.intop .intopmenu { float: right; font-size: 14px; padding-left: 5px; }
.intop .intopmenu a { color: #3c3c3c; padding: 0 10px; }
.intop .intopmenu a:last-child { padding-right: 0px; }
.intop h3 { float: left; font-size: 26px; color: #ffcc00; line-height: 65px; text-transform: uppercase;/* font-weight: bold;*/ }

.incontent { padding: 30px 0 60px; overflow: hidden; }
.norecoder { display: block; font-size: 20px; text-align: center; }

.aboutlist { margin-top: 20px; background: #f0f0f0; border-radius: 5px; padding: 10px 60px 15px; position: relative; }
.aboutlist h3 { font-size: 18px; margin: 0 0 5px 0; }
.aboutlist div { width: 100%; overflow: hidden; }
.aboutlist ul { overflow: hidden; }
.aboutlist ul li { float: left; width: 25%; text-align: center; }
.aboutlist ul li img { width: 95%; }
.aboutlist ul li h4 { width: 95%; margin: auto; line-height: 16px; padding: 3px 0; }
.aboutlist .btnleft { width: 30px; height: 30px; display: block; position: absolute; background: url(../images/img_left.png) no-repeat center center; background-size: 30px 30px; transition: all 0.5s; left: 15px; top: 40%; }
.aboutlist .btnright { width: 30px; height: 30px; display: block; position: absolute; background: url(../images/img_right.png) no-repeat center center; background-size: 30px 30px; transition: all 0.5s; right: 15px; top: 40%; }
.aboutlist .btnleft:hover { background-image: url(../images/img_lefth.png); }
.aboutlist .btnright:hover { background-image: url(../images/img_righth.png); }
/*产品*/
.proleft { float: left; margin: 20px 20px 60px 0; width: 230px; }
.proleft .promenu { overflow: hidden; }
.proleft .promenu > ul > li > a { background: url(../images/ico_2.png) no-repeat left 14px; display: block; padding: 7px 0 7px 20px; font-size: 16px; color: #3c3c3c; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.proleft .promenu > ul > li > a:hover { color: #ffcc00; background-image: url(../images/ico_0.png); }
.proleft .promenu > ul > li > ul { display: none; }
.proleft .promenu > ul > li > ul > li > a { margin-left: 20px; background: url(../images/ico_5b.png) no-repeat 15px 12px; display: block; font-size: 14px; line-height: 20px; padding: 5px 10px 5px 27px; color: #6b6a6a; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.proleft .promenu > ul > li > ul > li > a:hover { color: #fff; background-image: url(../images/ico_6.png); background-color: #ffcc00; }
.proleft .promenu > ul > li.cur > a { color: #ffcc00; background-image: url(../images/ico_0.png); }
.proleft .promenu > ul > li > ul > li.cur > a { color: #fff; background-image: url(../images/ico_6.png); background-color: #ffcc00; }

.proleft .promenu > ul > li > ul > li > ul { display: none; }
.proleft .promenu > ul > li > ul > li > ul > li > a { margin-left: 30px; background: url(../images/ico_5b.png) no-repeat 15px 12px; display: block; font-size: 14px; line-height: 20px; padding: 5px 10px 5px 27px; color: #6b6a6a; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.proleft .promenu > ul > li > ul > li > ul > li > a:hover { color: #ffcc00; background-image: url(../images/ico_5.png); }
.proleft .promenu > ul > li > ul > li > ul > li.cur > a { color: #ffcc00; background-image: url(../images/ico_5.png); }


.proright { float: right; width: 950px; padding-bottom: 60px; }
.productlist { margin-top: 30px; }
.productlist li { overflow: hidden; margin: 0 0 30px 30px; float: left; background: url(../images/pro_bg.jpg) no-repeat center center; background-size: 100% 100%; }
.productlist li img { float: left; width: 285px; height: 285px; }
.productlist li h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #080808; line-height: 2; padding: 0 5%; text-align: center; width: 90%; border-top: 1px solid #fff; }
.appbtn { margin: 20px 0 0; display: block; width: 125px; height: 35px; line-height: 35px; font-size: 14px; color: #000; padding-left: 20px; border-radius: 2px; background: #ffcc00 url(../images/more.png) no-repeat 105px center; }
.appbtn:hover { background-color: #ffcc00; }

/*产品详情页*/
.proimg { width: 380px; margin-top: 30px; float: left; position: relative; }
.proimg > img { width: 378px; height: 378px; border: 1px solid #bababa; background: url(../images/pro_bg.jpg) no-repeat center center; background-size: 100% 100%; }
.proimglist { overflow: hidden; width: 380px; height: 100px; margin-top: 4px; }
.proimglist div { width: 380px; overflow: hidden; }
.proimglist ul { width: 388px; }
.proimglist li { float: left; width: 89px; height: 89px; margin-right: 8px; cursor: pointer; padding-top: 11px; }
.proimglist li img { width: 87px; height: 87px; border: 1px solid #bababa; background: url(../images/pro_bg.jpg) no-repeat center center; background-size: 100% 100%; }
.proimglist li.sel { background: url(../images/img_sel.png) no-repeat center top; }
.proimglist li.sel img { border: 1px solid #ffcc00; }
.proimg:hover a { opacity: 1; }
.prev { position: absolute; width: 40px; height: 40px; left: 15px; top: 169px; display: block; opacity: 0; transition: all 0.5s; }
.next { position: absolute; width: 40px; height: 40px; right: 15px; top: 169px; display: block; opacity: 0; transition: all 0.5s; }

.prointro { margin: 30px 0 0 33px; width: 537px; float: left; position: relative; height: 380px; }
.prointro h3 { font-size: 28px; color: #ffcc00; line-height: 1; margin-bottom: 20px; }
.prointro p { color: #080808; opacity: 0.8; }
.prointro a { display: block; width: 90px; line-height: 36px; background: #ffcc00; border-radius: 2px; padding-left: 57px; color: #fff; margin-top: 15px; }
.prointro a:hover { color: #fff; background-color: #ffcc00; }
.prointro .twobtn { overflow: hidden; position: absolute; left: 0; bottom: 0; }
.prointro .btn1 { background: #ffcc00 url(../images/ico_3.png) no-repeat 22px center; }
.prointro .btn2 { background: #ffcc00 url(../images/ico_4.png) no-repeat 22px center; }

.prodetail { float: left; width: 950px; margin-top: 40px; }
.protitle { height: 34px; }
.protitle li { line-height: 34px; font-size: 17px; float: left; border: 1px solid #ffcc00; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom: none; padding: 0 25px; margin-right: 10px; cursor: pointer; background: #ffcc00; color: #fff; position: relative; }
.protitle li:hover { background: #fff; color: #3c3c3c; }
.protitle li.sel { background: #fff; color: #3c3c3c; }

.proinf { border: 1px solid #ffcc00; padding: 20px 25px; }
.proin { display: none; }
.protable table { border: none; width: 100%; }
.protable td { border: 1px solid #ccc; color: #3c3c3c; line-height: 18px; padding: 5px 15px; text-align: center; }
.protable tr td:nth-child(odd) { background: rgba(245,245,245,0.7); }
.protable tr:nth-child(odd) { background: rgba(235,235,235,0.5); }
.protable tr:nth-child(odd) td { background: rgba(235,235,235,0.5); }
.protable tr td:first-child { text-align: left; }

.biaoge { border: none; width: 100%; }
.biaoge td { border: 1px solid #ccc; color: #3c3c3c; line-height: 18px; padding: 5px 15px; text-align: center; }
.biaoge tr td:nth-child(odd) { background: rgba(245,245,245,0.7); }
.biaoge tr:nth-child(odd) { background: rgba(235,235,235,0.5); }
.biaoge tr:nth-child(odd) td { background: rgba(235,235,235,0.5); }
.biaoge tr td:first-child { text-align: left; }

.relpro { margin-top: 30px; }
.relpro h3 { background: #ffcc00; float: left; color: #fff; font-size: 17px; padding: 0 25px; line-height: 34px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.relpro > div { width: 90%; padding: 2% 5% 0; float: left; border-top: 1px solid #ffcc00; position: relative; }
.relpro .btl { position: absolute; width: 4%; margin-top: 2%; height: 90%; left: 0; top: 0; background: #f3f3f3 url(../images/b_left.png) no-repeat center center; }
.relpro .btr { position: absolute; width: 4%; margin-top: 2%; height: 90%; right: 0; top: 0; background: #f3f3f3 url(../images/b_right.png) no-repeat center center; }
.relpro .btl:hover { background-color: #f4eddb; }
.relpro .btr:hover { background-color: #f4eddb; }
.relpro div div { margin: auto; width: 100%; }
.relpro ul { overflow: hidden; }
.relpro ul li { width: 20%; float: left; background: url(../images/main2_bg.jpg) no-repeat center center; background-size: 95% 100%; }
.relpro ul li img { width: 90%; padding: 0 2.5%; margin: 0 2.5%; display: block; }
.relpro ul li h4 { color: #080808; margin: 0 2.5%; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 2; }

/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 5px auto 0; }
#pageNav a { color: #3b3b3b; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; margin-bottom: 3px; }
.pageNum, .cPageNum, listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #ffcc00; }
#pageNav .pageNum:hover { color: #fff; background: #ffcc00; }
#pageNav a.listnumber { border: none; padding: 0; }

/*联系*/
.contactl { width: 580px; float: left; }
.contactr { width: 580px; float: right; }

/*留言*/
.msgform { margin-top: 35px; overflow: hidden; }
.msgform .tr { margin-bottom: 15px; display: block; overflow: hidden; }
.msgform .tr:last-child { margin-bottom: 0; }
.msgform input { height: 34px; line-height: 34px; vertical-align: middle; margin: 0; border: 1px solid #b5b5b5; border-radius: 2px; padding: 0 0 0 10px; width: 473px; }
.msgform textarea { border: 1px solid #b5b5b5; border-radius: 2px; padding: 6px 0 6px 10px; margin: 0; height: 115px; min-height: 34px; width: 473px; resize: vertical; }
.msgform input:focus, .msgform textarea:focus { border-color: #666; }
.msgform span.error { color: red; background: #fff; display: inline-block; }
.msgform input.error, .msgform textarea.error { border-color: red; }
.msgform .td { float: left; }
.msgform .inputh { text-align:left; width: 95px; height: 36px; font-weight: normal; position: relative; font-size: 16px; color: #555; float: left; }
.msgform .inputh p { width: 95px; line-height: 36px; position:absolute; top: 0; }
.msgform .inputh span { color: red; }
.msgform .btn_default { padding: 0; width: 150px; font-size: 18px; color: #fff; height: 40px; line-height:40px; background: #ffcc00; transition: all 0.5s ease 0s; cursor: pointer; border: none; }
.msgform .btn_default:hover { background: #ffcc00; }

.faql { width: 400px; margin-left: 50px; }
.faqr { float: left; margin-left: 50px; }

/*媒体中心*/
.newslist { overflow: hidden; }
.newslist li { margin-bottom: 30px; overflow: hidden; }
.newslist li .newsl { width: 384px; height: 236px; overflow: hidden; float: left; }
.newslist li img { float: left; width: 384px; height: 236px; }
.newslist li .newsr { float: left; margin-left: 70px; width: 746px; }
.newslist li .newsr h3 { font-size: 20px; color: #3c3c3c; float: left; line-height: 20px; margin: 37px 0 17px; transition: all 0.3s; width: 660px; }
.newslist li .newsr span { font-size: 12px; color: #8d8d8d; float: right; line-height: 20px; margin: 37px 0 17px; }
.newslist li .newsr p { float: left; color: #080808; line-height: 22px; height: 44px; overflow: hidden; width: 100%; }
.newslist li .newsr div { float: left; color: #3c3c3c; margin-top: 30px; padding-right: 22px; background: url(../images/more.png) no-repeat 50px center; }
.newslist li:hover .newsr h3 { color: #ffcc00; }

/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 21px; }
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; }
.time .date { padding-left: 20px; background: url(../images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(../images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; }
.return { padding-left: 20px; padding-left: 20px; background: url(../images/return.png) no-repeat left center; }

/*单页*/
.appimg { display: inline-block; width: 50%; overflow: hidden; }
.appimg img { width: 100%; }
.apptxt { display: inline-block; width:50%; }
.apptxt > div { padding: 35px; }

.devel { float: left; width: 48%; text-align: justify; margin-right: 4%; }
.dever { float: left; width: 48%; text-align: justify; }

.inno { float: left; width: 24%; overflow: hidden; margin: 0 0.5%; }
.inno img { width: 100%; }

.miss { float: left; width: 45%; margin-right: 5%; }

.partimg { display: inline-block; width: 30%; overflow: hidden; }
.partimg img { width: 100%; }
.parttxt { display: inline-block; width:70%; }
.parttxt > div { padding: 75px; }

.choose { width: 55%; margin: auto; }

.threeone { width: 35%; margin-right: 5%; float: left; }
.threetwo { width: 20%; float: left; }
/*招聘*/
.jobtitle { cursor: pointer; background: #fbfbfb; border-bottom: 1px solid #e3e3e3; }
.jobtitle:hover { background: #ffcc00; color: #fff; }
.sub3 { display: none; }
.sub4 { display: none; }
.jobtitle:hover .subgif2 { display: none; }
.jobtitle:hover .sub3 { display: block; }
.jobtitle.currr:hover .sub3 { display: none; }
.jobtitle.currr:hover .sub4 { display: block; }
.currr { background: #ffcc00; color: #fff; }
.jobtitle td { line-height: 14px; padding-top: 10px; padding-bottom: 10px; }
.jobsub { background: #f0f0f0; display: none; overflow: hidden; padding: 10px 60px; }
#job .th { background: #eff; margin: 10px 0 3px 0; padding: 5px 3px; font-weight: bold; }
.JobList-J1 { margin-top: 30px; }
.JobList-J1 li.first { background: #f0f0f0; height: 48px; line-height: 48px; }
.JobList-J1 li.first ._ut { float: left; font-size: 18px; text-align: center; }
.tr_un { float: left; height: 40px; line-height: 40px; padding-top: 10px ;width: 100%; }
._t1 { padding-left: 60px; text-align: left !important; width: 312px; }
._t3 { width: 204px; }
._t4 { width: 372px; }
._t5 { width: 204px; }
._t6 { width: 48px; }
.td_un { overflow: hidden; text-align: center; }
.JobList-J1 li:hover { background: #f0f0f0; }

/*零售商*/
.dealer { width: 50%; float: left; }
.dealerform { margin-top: 35px; overflow: hidden; }
.dealerform .tr { margin-bottom: 15px; display: block; overflow: hidden; }
.dealerform .tr:last-child { margin-bottom: 0; }
.dealerform input { height: 34px; line-height: 34px; vertical-align: middle; margin: 0; border: 1px solid #b5b5b5; border-radius: 2px; padding: 0 0 0 10px; width: 430px; }
.dealerform textarea { border: 1px solid #b5b5b5; border-radius: 2px; padding: 6px 0 6px 10px; margin: 0; height: 115px; min-height: 34px; width: 430px; resize: vertical; }
.dealerform input:focus, .dealerform textarea:focus { border-color: #666; }
.dealerform span.error { color: red; background: #fff; display: inline-block; }
.dealerform input.error, .dealerform textarea.error { border-color: red; }
.dealerform .td { float: left; }
.dealerform .tdbox { width: 440px; }
.dealerform .inputh { text-align:left; width: 95px; height: 36px; font-weight: normal; position: relative; font-size: 16px; color: #555; float: left; }
.dealerform .inputh p { width: 95px; line-height: 36px; position:absolute; top: 0; }
.dealerform .inputh span { color: red; }
.dealerform .btn_default { margin: 0 0 0 auto; padding: 0; width: 150px; font-size: 18px; color: #fff; height: 40px; line-height:40px; background: #ffcc00; transition: all 0.5s ease 0s; cursor: pointer; border: none; }
.dealerform .btn_default:hover { background: #ffcc00; }
.dealerform label { display: inline-block; width: 215px; }
.dealerform label input { width: 15px; height: 28px; line-height: 28px; margin-right: 5px; }

#picShow{
	position:absolute;
	background:#FFF;
	padding:2px;
	display:none;
	color:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	-o-border-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	z-index:9999999999
}

#picShow2{
	position:absolute;
	background:#FFF;
	padding:2px;
	display:none;
	color:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	-o-border-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	z-index:9999999999
}

#picShow3{
	position:absolute;
	background:#FFF;
	padding:2px;
	display:none;
	color:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	-o-border-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	z-index:9999999999
}