@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 Tahoma,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:bottom;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}table{border-collapse:collapse;border-spacing:0;}.hidden{display:none;}.invisible{visibility:hidden;}.noBg{background:none !important;}.noBd{border:none !important;}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook.eot');
    src: url('../fonts/gothambook.eot') format('embedded-opentype'),
         url('../fonts/gothambook.woff2') format('woff2'),
         url('../fonts/gothambook.woff') format('woff'),
         url('../fonts/gothambook.ttf') format('truetype'),
         url('../fonts/gothambook.svg#gothambook') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/GothamBold.eot');
    src: url('../fonts/GothamBold.eot') format('embedded-opentype'),
         url('../fonts/GothamBold.woff2') format('woff2'),
         url('../fonts/GothamBold.woff') format('woff'),
         url('../fonts/GothamBold.ttf') format('truetype'),
         url('../fonts/GothamBold.svg#GothamBold') format('svg');
}



body { font-family:"RobotoRegular","gothambook","Microsoft YaHei"; color:#666; font-size:13px; background:#E9E6E6; }
input, textarea, select, button { font-family:"RobotoRegular","gothambook","Microsoft YaHei"; color:#666; }
a { color:#666; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; }
a:hover { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; }
ul { font-size:0px; }
li { font-size:13px; }
img { vertical-align:bottom; }

.wrapper { width:982px; padding:0 13px; margin:0 auto; background:#fff; box-shadow:0 0 10px 1px #999; }

.header { position:relative; z-index:9; }
.header .wrap { background:url(header.jpg) no-repeat center top; }
.topArea { padding:25px 15px 15px; }
.ctArea { padding:0 0 15px; }
.topArea .logo { float:left; line-height:80px; }
.topArea .logo img { vertical-align:middle; }
.topArea .set { float:right; }
.topArea .set-lang { line-height:27px; }
.topArea .set-lang span { float:right; height:27px; background:url(lang_ico.jpg) repeat-x center; overflow:hidden; border-radius:3px; }
.topArea .set-lang a { float:left; height:27px; line-height:27px; color:#fff; background:url(lang_ico.jpg) repeat-x center; padding:0 10px; }
.topArea .set-lang a:hover, .topArea .set-lang a.current { text-decoration:none; background:#15A815; }
.topArea .set-lang i { float:left; width:2px; height:27px; background:url(lang_split.jpg) no-repeat left center; }
.topArea .set-lang em { float:right; font-family:"gothambook"; color:#585858; margin-right:10px; }
.topArea .set-tel { padding-top:10px; }
.topArea .set-tel .tel { float:left; text-align:right; }
.topArea .set-tel .tel span { display:block; height:24px; line-height:24px; font-size:22px; color:#252525; font-family:"RobotoBold"; padding-left:25px; background:url(ico_01.png) no-repeat left center; }
.topArea .set-tel .tel p { line-height:20px; font-family:"gothambook"; color:#203e70; font-size:12px; }
.topArea .set-tel .search { float:right; margin-top:5px; padding-left:40px; }
.topArea .set-tel .search form { position:relative; }
.topArea .set-tel .search input { width:132xpx; height:27px; border:1px solid #C6C6C6; padding:0 40px 0 10px; border-radius:7px; }
.topArea .set-tel .search button { position:absolute; top:1px; right:1px; height:27px; width:30px; overflow:hidden; border:0; cursor:pointer; display:block; text-indent:-999em; background:url(ico_02.png) no-repeat center; }

.nav { height:39px; background:url(nav.jpg) repeat-x center; border-radius:4px; }
.nav ul {}
.nav li { position:relative; float:left; padding-right:2px; background:url(nav_split.jpg) no-repeat right center; }
.nav li span a { float:left; height:39px; line-height:39px; padding:0 15px; color:#fff; }
.nav li span a:hover, .nav li span a.current, .nav li span a.cur { text-decoration:none; background:#3E3E3E; }

.subNav { position:absolute; left:0; top:39px; width:230px; padding:10px 0; z-index:4; background:#343434; display:none; }
.subNav dt { margin:0 10px; padding-bottom:1px; background:url(line_03.png) no-repeat left bottom; }
.subNav dt a { position:relative; display:block; line-height:28px; color:#fff; padding:0 20px 0 5px; transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; }
.subNav dt a i { position:absolute; right:-10px; width:18px; height:100%; background:url(ico_12.png) no-repeat left center; }
.subNav dt a:hover, .subNav dt a.current, .subNav dt a.cur { background:#545454; text-decoration:none; transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; }
.subNav dt a:hover i, .subNav dt a.current i, .subNav dt a.cur i { background:#545454; }
.subNav .dd2 { position:absolute; left:230px; top:0; width:230px; min-height:300px; padding:10px 0; z-index:4; background:#343434; }.subNav .dd2 div { margin:0 10px; padding-bottom:1px; background:url(line_03.png) no-repeat left bottom; }.subNav .dd2 a { position:relative; display:block; line-height:28px; color:#fff; padding:0 20px 0 5px; transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; }.subNav .dd2 a i { position:absolute; right:-10px; width:18px; height:100%; background:url(ico_12.png) no-repeat left center; }.subNav .dd2 a:hover, .subNav .dd2 a.current, .subNav .dd2 a.cur { background:#545454; text-decoration:none; transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; }.subNav .dd2 a:hover i, .subNav .dd2 a.current i, .subNav .dd2 a.cur i { background:#545454; }.subNav .dd3 { position:absolute; left:230px; top:0; background:url(_blank); display:block; }.subNav .dd3.left { position:absolute; left:auto; right:-10px; top:0; z-index:6; }

.subPic { background:#545454; }
.subPic .pic-txt-list { width:510px; padding:10px; display:none; }.subNav .dd3.left .subPic .pic-txt-list { width:450px; padding:10px; display:none; }
.subPic .pic-txt { float:left; width:150px; padding:10px 5px; }
.subPic .pic-txt .pic { float:left; width:53px; height:53px; overflow:hidden; }
.subPic .pic-txt .txt { float:right; width:87px; height:32px; line-height:16px; padding:10px 0 0; overflow:hidden; }
.subPic .pic-txt .txt a { color:#a7ffa7; }

.banner { position:relative; width:977px; height:314px; border:1px solid #fff; box-shadow:0 0 10px 1px #bbb, 0 0 20px 1px #bbb inset; border-radius:5px; overflow:hidden; }
.banner .int { position:absolute; left:260px; bottom:54px; z-index:8; }
.banner .int ul { float:left; }
.banner .int li { float:left; width:14px; height:14px; background:#93CB92; margin-right:6px; color:#93CB92; text-indent:-999em; cursor:pointer; border-radius:14px; overflow:hidden; display:inline; }
.banner .int li.on { background:#279726; color:#279726; }
.banner .bd {}
.banner .bd li { position:relative; }
.banner .bd li a { position:absolute; left:36px; bottom:40px; width:190px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#fff; border-radius:4px; overflow:hidden; background:url(btn.jpg) repeat-x center; display:block; }
.banner .bd li a:hover { text-decoration:none; text-shadow:0 0 10px #fff; }
.iBanner { height:227px; }

.footer {}
.ftContact { padding:20px 0; }
.ftContact dl { float:left; width:314px; height:60px; padding:15px 0; background:#2FA12E; border-radius:10px; overflow:hidden; margin-right:20px; display:inline; color:#fff; }
.ftContact dl:nth-child(3n) { margin-right:0; }
.ftContact dt { float:left; width:54px; padding:0 15px 0 26px; }
.ftContact dd { padding:0 25px 0 95px; }
.ftContact dd h2 { line-height:26px; font-size:17px; color:#fff; font-family:"GothamBold"; background:url(line_01.png) repeat-x center bottom; margin-bottom:2px; }
.ftContact dd h2 a { color:#fff; }
.ftContact dd p { line-height:16px; }
.ftContactShadow { padding:1px 0 0; }
.ftContactShadow dl { height:16px; padding:0; background:url(shadow_01.png) no-repeat center top; }

.ftInfo { background:#2A2A2A; color:#fff; border-radius:3px 3px 0 0; padding:0 15px; }
.ftInfo .ftNav { line-height:20px; font-size:11px; }
.ftInfo .ftNav a { color:#afffae; margin-right:6px; }
.ftInfo .ftNav .l { float:left; width:624px; padding:12px 0; background:url(line_01.png) repeat-x center bottom; }
.ftInfo .ftNav .r { float:right; width:300px; padding:12px 0; background:url(line_01.png) repeat-x center bottom; text-align:center; }
.ftInfo .copyright { padding:14px 0; font-size:11px; }
.ftInfo .copyright .l { float:left; width:560px; }
.ftInfo .copyright .l a { color:#FFF; }
.ftInfo .copyright .r { float:right; width:350px; }
.ftInfo .copyright .r span { float:left; }
.ftInfo .copyright .r a { float:left; width:38px; height:38px; border-radius:3px; margin-left:10px; margin-top:4px; }
.ftInfo .copyright .r a:hover { background-color:#000; }
.ftInfo .copyright .r .twitter { background:#575757 url(share_ico_01.png) no-repeat center; }
.ftInfo .copyright .r .facebook { background:#575757 url(share_ico_02.png) no-repeat center; }
.ftInfo .copyright .r .youtube { background:#575757 url(share_ico_03.png) no-repeat center; }
.ftInfo .copyright .r .email { background:#575757 url(share_ico_04.png) no-repeat center; }


.container {}
.container .wrap {}
.container .insWrap { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.container .side { float:left; width:230px; font-family:"gothambook"; }
.container .main { float:right; width:710px; font-family:"gothambook"; min-height:500px; border-left:1px solid #ccc; padding:0 6px 0 30px; }
.colPicTitle { position:relative; height:10px; padding-bottom:10px; }
.colPicTitle h2 { position:absolute; bottom:0; left:0; width:100%; height:51px; background:url(colPicTitle.png) no-repeat center; line-height:41px; font-size:20px; font-weight:normal; color:#fff; }
.colPicTitle h2 em { display:block; width:300px; margin:0 0 0 60px; text-align:center; }
.colCurTit { height:50px; line-height:50px; font-size:20px; font-family:"GothamBold"; color:#585858; background:url(line_02.png) no-repeat center bottom; }
.colCurTit2 { height:40px; line-height:40px; font-size:20px; color:#585858; background:url(line_02.png) no-repeat center bottom; }
.location { height:45px; line-height:45px; padding:5px 0; }
.location p { float:left; font-family:"gothambook"; }
.location p a { float:left; color:#279726; }
.location p em { float:left; width:1px; margin:0 8px; }
.location p a.current { color:#393939; }
.insTitle { font-size:18px; padding-bottom:20px; }

.proSearch { position:relative; float:right; height:100%; border-radius:0 5px 5px 0; }
.proSearch:after { position:absolute; left:-8px; top:50%;  width:17px; height:17px; margin-top:-8px; background:url(ico_10.png) no-repeat center; display:none; }
.proSearch select { width:268px; }
.proSearch button { float:left; width:; height:29px; background:url(btn.jpg) repeat-x center; border-radius:0 3px 3px 0; border:0; color:#fff; padding:0 15px; margin-top:8px; cursor:pointer; }
.proSearch button:hover { background:#000; }
.proSearch .droplist { position:relative; float:left; margin-top:8px; margin-left:15px; display:inline; font-family:"gothambook"; z-index:3; }
.proSearch .droplist-default-text { position:relative; height:27px; line-height:27px; border:1px solid #C6C6C6; background:#fff; display:block; border-radius:3px 0 0 3px; overflow:hidden; }
.proSearch .droplist-default-text b { position:absolute; right:0; top:1px; width:22px; height:24px; border-left:1px solid #AFAFAF; background:url(ico_06.png) no-repeat center; display:block; cursor:pointer; }
.proSearch .droplist-default-text span { display:block; padding:0 30px 0 15px; }
.proSearch .droplist-default-text input { display:none; }
.proSearch .droplist-list { position:absolute; left:0; top:28px; display:none; border:1px solid #C6C6C6; }
.proSearch .droplist-list dt {}
.proSearch .droplist-list dt a { display:block; line-height:20px; padding:2px 15px; border-bottom:1px solid #C6C6C6; background:#fff; }
.proSearch .droplist-list dt a:hover { background:#bbb; color:#fff; text-decoration:none; }

.menu { padding:30px 10px; }
.menu dt { line-height:20px; padding-bottom:10px; }
.menu dt a { position:relative; padding-left:12px; color:#52AC51; display:block; }
.menu dt a i { position:absolute; top:7px; left:0; width:6px; height:6px; background:#52AC51; display:block; border-radius:6px; }
.menu dt a:hover, .menu dt a.current { color:#343434; }
.menu dt a:hover i, .menu dt a.current i { background:#343434; }

.pic-item-list {}
.pic-item-list .pic-item { float:left; width:170px; border:1px solid #AFAFAF; border-radius:5px; margin-bottom:16px; margin-right:28px; }
.pic-item-list .pic-item:nth-child(5n) { margin-right:0; }
.pic-item-list .pic { text-align:center; height:125px; padding:15px 0 10px; }
.pic-item-list .txt { text-align:center; padding:0 0 15px; }
.pic-item-list .txt p { height:20px; line-height:20px; overflow:hidden; font-family:"gothambook"; color:#585858; padding-bottom:5px; }
.pic-item-list .txt a { display:inline-block; height:25px; line-height:25px; padding:0 15px; margin:0 auto; background:url(btn.jpg) repeat-x center; border-radius:3px; color:#fff; }
.pic-item-list .txt a:hover { text-decoration:none; text-shadow:0 0 10px #fff; }


.indAbout { padding:20px 0; }
.indAbout .l { float:left; width:655px; }
.indAbout .r { float:right; width:268px; }
.indAbout .l h2 { line-height:24px; font-size:18px; color:#252525; font-weight:normal; padding-bottom:5px; }
.indAbout .l .cont { line-height:20px; font-size:15px; font-family:"gothambook"; padding-bottom:10px; }
.indAbout .l .more { line-height:20px; font-family:"gothambook"; }
.indAbout .l .more a { float:left; color:#279726; background:url(); }
.indAbout .l .more i { float:left; width:20px; height:20px; background:#279726 url(ico_04.png) no-repeat center; border-radius:20px; overflow:hidden; margin-right:10px; }
.indAbout .r .picSlide { position:relative; }
.indAbout .r .picSlide .bd { position:relative; width:248px; height:125px; margin:0 auto; padding:10px; background:#2C2C2C; overflow:hidden; border-radius:10px; }
.indAbout .r .picSlide .arrow {}
.indAbout .r .picSlide .arrow a { position:absolute; top:50%; width:16px; height:20px; margin-top:-10px; background-color:#2C2C2C; background-position:center; background-repeat:no-repeat; z-index:3; display:block; }
.indAbout .r .picSlide .arrow a.prev { left:10px; border-radius:0 3px 3px 0; background-image:url(ico_05.png); }
.indAbout .r .picSlide .arrow a.next { right:10px; border-radius:3px 0 0 3px; background-image:url(ico_04.png); }
.indAbout .r .picSlide .arrow a:hover { width:30px; }
.indAbout .r .picSlide .hd { position:absolute; bottom:-10px; left:0; width:100%; height:36px; line-height:36px; text-align:center; color:#fff; background:url(txt_bg.png) no-repeat center; overflow:hidden; }
.indAbout .r .picSlide .hd a { color:#fff; }
.indAbout .r .picSlide .hd a:hover { text-decoration:none; }

.indProduct {}
.indProduct .bd { padding-top:20px; }
.indProduct .hd { height:45px; line-height:45px; background:url(hd.jpg) repeat-x center; border-radius:5px 6px 6px 5px; padding:0 0 0 15px; }
.indProduct .hd h2 { float:left; font-size:17px; font-weight:normal; color:#fff; }
.indProduct .proSearch { width:378px; background:#E8E8E8; }
.indProduct .proSearch:after { display:block; }

.article { padding:20px 0; line-height:20px; font-family:"gothambook"; color:#585858; }
.map { padding:20px; border:1px solid #ccc; display:inline-block; }

.detail { position:relative; padding:20px 0; }
.detail .pic { float:left; width:302px; height:291px; border:1px solid #ccc; border-radius:10px;/* overflow:hidden;*/ }
.detail .txt { float:right; width:385px; padding-bottom:20px; }
.detail .txt .title { background:url(line_02.png) no-repeat center top; margin-top:10px; line-height:20px; padding:10px; }
.detail .txt .title h2 { font-size:20px; font-family:"GothamBold"; }
.detail .txt .title p { font-family:"gothambook"; }
.detail .txt .cont { background:url(line_02.png) no-repeat center top; line-height:20px; padding:10px; }
.detail .ebook { position:absolute; left:330px; bottom:20px; font-size:16px; }
.detail .ebook a { color:green; text-decoration:underline; }
.detail .ebook a:hover { color:#000; }

.download { padding-bottom:20px; }
.download a { display:inline-block; background:url(btn.jpg) repeat-x center; height:35px; line-height:35px; padding:0 20px; font-size:; color:#fff; border-radius:5px; }
.download a i { float:left; height:100%; width:10px; background:url(ico_11.png) no-repeat left center; display:block; margin-right:10px; }
.download a:hover { text-shadow:0 0 10px #fff; text-decoration:none; }

.list { padding:20px 0; }
.list li { padding:5px 0; }
.list li .date { float:right; padding-left:10px; }
.list li a { color:#52AC51; }
.list li a span { display:inline-block; width:3px; height:3px; vertical-align:middle; margin-right:5px; background:#52AC51; border-radius:3px; overflow:hidden; }
.list li a:hover { color:#343434; }
.list li a:hover span { background:#343434; }

.pager { text-align:center; padding:20px 0; }
.pager a { margin:0 5px; color:#343434; }
.pager a.current, .pager a:hover { color:#52AC51; }

.artbox { padding:20px 0 0; }
.artbox h1 { font-size:18px; }
.artbox div { padding:5px 0 10px; }

.pic-item-list2 .pic-item { display:inline; width:162px; margin:15px 0 0 15px; }