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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; }
html { height: 100%; }
body { height: 100%; font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
a, button, input { -webkit-tap-highlight-color: rgba(255,0,0,0); }
input, textarea, select, button { -webkit-border-radius: 0; -webkit-appearance: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
a { text-decoration: none; cursor: pointer; color:#f30000 }

.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }


/*定义输入框文字颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
 color:   #e3e3e3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:   #e3e3e3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:   #e3e3e3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:   #e3e3e3;
}
.right { float: right }
.left { float: left }
.clr { clear: both; }
.green { font-size: 16px; color: #F30000; }
.top_h { background-color: rgba(0, 0, 0, 0.7); position: relative; height: 70px; }
.header01logo { width: 130px; height: 50px; position: absolute; top: 12px; }
.header { height: 500px; background: #524273 url(../images/banner.jpg?3233) no-repeat center; }
.header_about { height: 400px; background: #524273 url(../images/about_banner.jpg?32) no-repeat center; }
.header_job { height: 400px; background: #524273 url(../images/job_banner.jpg?32) no-repeat center; }
.header_contact { height: 400px; background: #524273 url(../images/contact_banner.jpg) no-repeat center; }
.header_pro { height: 400px; background: #524273 url(../images/pro_banner.jpg?323) no-repeat center; }
.menu { position: absolute; right: 0; top: 20px; }
.menu ul li { display: block; float: left; color: #fff; text-align: center; width: 90px; font-size: 14px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 30px; line-height: 28px; margin: 0 5px; }
.menu ul li a { display: block; color: #fff; }
.menu ul li a:hover { background-color: rgba(255, 255, 255, 1); border-radius: 30px; display: block; color: #000 }
.menu ul li a.active  { background-color: rgba(255, 255, 255, 1);border-radius: 30px;  color: #000 }
.container { margin: 0 auto; width: 1004px; position: relative;  }
.products { background-color: #f7f7f7; }
.container .title { font-size: 15px; color: #000; padding: 20px 7px; }
.no1 { width: 230px; height: 415px; background-color: #17ac75; margin: 0 7px; float: left; color: #fff; }
.no1 .logo { width: 55px; height: 55px; margin: 30px auto 0 auto; text-align: center; }
.no1 h1 { text-align: center; font-size: 18px; margin: 10px 0; }
.no1 h2 { text-align: center; font-size: 12px; letter-spacing: 2px; line-height: 18px; margin-bottom: 23px; }
.no1 .pic { width: 162px; height: 227px; margin: 0 auto; }
.no2 { background-color: #ffad15; }
.no3 { background-color: #fa612e }
.no4 { background-color: #8f4aa3 }
.no1 a { color: #fff; }
.no1:hover { background-color: #333; cursor: pointer; }
.cooperation ul { padding: 15px 0 25px 7px; }
.cooperation ul li { border: 1px solid #ececec; width: 143px; height: 45px; float: left; margin-right: 19px; margin-bottom: 20px }
.contact { background-color: #000; color: #c7c7c7; padding: 35px 0 50px 0; }
.contact ul li{ float: left; margin-right: 40px; position: relative; }
.contact ul li:nth-child(1){ width:400px;}
.contact ul li:nth-child(2){ width:250px;}
.contact ul li:nth-child(3){ width:250px;}
.contact ul li:last-of-type{margin-right: 0; }
.contact ul li h1 { font-size: 16px; border-bottom: 1px #383838 solid; line-height: 50px; margin-bottom: 15px; }
.contact ul li.sub01 { width: 240px; }
.contact ul li p { font-size: 14px; line-height: 28px; }
.contact ul li.sub  p { padding-left: 45px;}
.contact ul li p.add { line-height: 22px; }
.contact ul li p.coop { margin-top: 20px; margin-bottom: 5px; }
.contact .sub .icon { width: 25px; height: 25px; position: absolute; left: 5px; }
.contact .sub .icon img { width: 25px; height: 25px; }
.contact .sub .icon1 { left: 5px; top: 215px; }
.contact ul li a { color: #c7c7c7; }
.contact ul li a:hover { color:#f30000  }
.contact ul li p img { vertical-align: middle }
.contact ul li.ma { width: 97px; float: left; }
.contact ul li.ma p { padding-left: 0; margin-bottom: 20px; font-size: 13px; text-align: center }
footer { background-color: #1d1d1d; color: #6c6c6c; font-size: 13px; padding: 25px 0; }
.sub_products { width: 960px; margin: 0 auto; padding-top: 50px; }
.pro_img { width: 267px; height: 418px; }
.pro_text { width: 486px; color: #5f5653; font-size: 13px; padding-top: 70px; line-height: 22px; }
.pro_text h1 { letter-spacing: 2px; font-size: 15px; margin: 15px 0; }
.pro_text h1 span { font-size: 18px }
.pro_text a { color: #5f5653; }
.pro_text a:hover { color: #25be07; }
.pro_button a{ width:120px; height:30px;color: #5B5B5B;background-color: #EFEFEF;border: 1px #E6E6E6 solid; border-radius:30px; text-align:center; line-height:30px; margin-top:25px; display:block}
.pro_button a:hover{ background-color:#F30000; color:#fff;border: 1px #df2d2d solid;}
.about { font-size: 14px; line-height: 25px; padding-bottom: 35px; }
.about .line { width: 100%; height: 1px; background-color: #fcfcfc; margin: 35px auto; }
.about h3 { font-size: 18px; line-height: 30px; letter-spacing: 1px; color: #F30000; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; }
.about span { color: #000000; }
.about .ml { margin-left: 15px; }
.job-bg { background-position: -1263px top; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.bordright h2 { }
.job ul { padding-bottom: 30px }
.job ul li { font-size: 14px }
.job span { float: left; position: absolute; font-size: 16px; }
.job ul li > p { padding-left: 90px; color: #888; font-size: 16px; margin-bottom:10px; }
.job .green { font-size: 18px }
.job h3 { line-height: 32px; }
.section { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #eee; overflow: hidden; }
.lastSection { border: none; margin-bottom: 0px; }
.section h2 { font-size: 16px; }
.section p { margin-top: 6px; line-height: 24px; }
.contactus-box { background-position: -3744px top; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.left-contactus { float: left; margin-left: 0; padding: 10px 0; width: 590px; margin-right: 40px; }
.right-contactus { font-size: 14px; margin-top: 10px; }
.right-contactus ul { margin-bottom: 30px }
.right-contactus p { line-height: 30px }
.title_icon { background-color: transparent; border: 3px solid #F30000; width: 10px; height: 10px; border-radius: 30px; margin-right: 10px; margin-top: 8px; float: left; }