@charset "utf-8";
html, body { width: 100%; height: 100%; margin: 0 auto; padding: 0; font: 13px Microsoft YaHei, "微软雅黑", Lucida, Verdana, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, Droid Sans Fallback, SimSun, sans-serif; color: #444; text-align: left; background: #fff; }
ul { padding: 0; margin: 0; list-style-type: none }
img { border: 0; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, form, p { padding: 0; margin: 0 }
h1, h2, h3, h4, h5, h6 { font-family: microsoft yahei, "微软雅黑", lucida, verdana, hiragino sans gb, stheiti, wenquanyi micro hei, droid sans fallback, simsun, sans-serif; }
.yh { font-family: microsoft yahei, "微软雅黑", lucida, verdana, hiragino sans gb, stheiti, wenquanyi micro hei, droid sans fallback, simsun, sans-serif; }
.right { float: right }
.left { float: left }
.clear { clear: both; }
a { color: #666; text-decoration: none; padding: 0; margin: 0; outline: none; }
a:hover { color: #396cd5; text-decoration: none; }
.disno { display: none }
.relative { position: relative; }
.absolute { position: absolute; }
.pointer { cursor: pointer; }
input, textarea, select, button { outline: none; resize: none; vertical-align: middle; font-size: 12px; line-height: normal; font-family: microsoft yahei, "微软雅黑", lucida, verdana, hiragino sans gb, stheiti, wenquanyi micro hei, droid sans fallback, simsun, sans-serif; }
.resize { width: 1200px; margin: 0 auto; }

/*分页样式*/
.pagination { text-align: center; margin: 50px 0; }
.pagination a { display: inline-block; width: 60px; background: #ffffff; height: 40px; vertical-align: middle; line-height: 40px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; }
.pagination a:hover { background: #f7f5f5; }
.pagination a.prev { border-radius: 6px 0 0 6px; width: 90px; }
.pagination a.next { border-radius: 0 6px 6px 0; width: 90px; }
.pagination a.active { background: #3b851c; color: #fff; border: 1px solid #3b851c; }
.pagination a.disabled { background: #eee; color: #aaa; }

/*focus*/
.focus { position: relative; overflow: hidden; }
.focus ul { overflow: hidden; position: relative; z-index: 10; }
.focus ul li { position: absolute; display: none; width: 100%; left: 0; top: 0; overflow: hidden; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.focus ul li a { display: block; width: 100%; height: 100%; }
.focus .focus-num { position: absolute; bottom: 20px; right: 10px; width: 100%; text-align: center; z-index: 999; }
.focus .focus-num span { z-index: 89; cursor: pointer; height: 2px; overflow: hidden; width: 50px; margin: 0 3px; background: #fff; display: inline-block; -moz-border-radius: 900px; -khtml-border-radius: 900px; -webkit-border-radius: 900px; border-radius: 900px; text-indent: -8000px; }
.focus .focus-num span:hover, .focus .focus-num span.active { background: #ff8400; }

/*focusf*/
.focus-main { width: 100%; height: 600px; }
.focus-main ul { height: 600px; }
.focus-main ul li { height: 600px; }

/**/

/* 顶部 */
.header { padding: 10px 0 }
.header .logo { display: block; width: 650px; height: 90px; background: url('../images/logo.png') no-repeat 0 center; }
.header .txt { width: 500px; height: 90px; display: block; text-indent: -8000px; background: url('../images/text.png') no-repeat center center; }

/* 导航 */
.main-navigate { background: #005ba1; height: 60px; }
.main-navigate ul { width: 1200px; margin: 0 auto; }
.main-navigate ul li { float: left; width: 150px; height: 60px; overflow: hidden; text-align: center; position: relative; }
.main-navigate ul li:before { display: block; position: absolute; left: 0; top: 0; bottom: 0; content: ''; width: 1px; background: #1a75bb }
.main-navigate ul li:first-of-type:before { display: none; }
.main-navigate ul li:after { display: block; position: absolute; right: 0; top: 0; bottom: 0; content: ''; width: 1px; background: #00477d }
.main-navigate ul li:last-of-type:after { display: none; }
.main-navigate ul li a { display: block; color: #fff; font-size: 16px; line-height: 60px; }
.main-navigate ul li a:hover { background-color: #444 }
.main-navigate ul li a.current { background-color: #fff;color: #005ba1 }


/**/
.code{
	background: #444
}

/*  */
.footer { text-align: center; padding: 20px 0; line-height: 22px; background: #444; color: #fff }
.footer a{color: #396cd5}

/*float-bar*/
.float-bar { position: fixed; right: 50px; top: 330px; width: 80px; z-index: 200; }
.float-bar ul li { display: block; width: 80px; height: 75px; padding-top: 5px; margin-bottom: 2px; cursor: pointer; position: relative; border-radius: 5px; }
.float-bar ul li i { display: block; width: 80px; height: 50px; }
.float-bar ul li span { display: block; width: 80px; height: 30px; color: #fff; text-align: center; }
.float-bar ul li.contact { background-color: #329322 }
.float-bar ul li.wx { background-color: #fc9011 }
.float-bar ul li.contact i { background: url('../images/t.png?') no-repeat center center; }
.float-bar ul li.wx i { background: url('../images/wx.png?') no-repeat center center; }
.float-bar ul li .sub { position: absolute; right: 83px; top: 0; padding: 6px; background: #fff; display: none; border: 1px solid #eee; }

/*section-title*/
.section-title { margin: 0 auto 30px; text-align: center; }
.section-title .img { width: 100%; margin: 0 auto; height: 200px; }
.section-title .sub span { padding: 0 10px; }
.section-title.about .img { background: url('../images/ab.png') no-repeat center center; }
.section-title.product .img { background: url('../images/st.png') no-repeat center center; }
.section-title.news .img { background: url('../images/nt.png') no-repeat center center; }

/**/
.about-us { padding: 0 0 100px; background: #f5f5f5; margin: 0 auto }
.about-us .content { }
.about-us .content .left-img { width: 400px; }
.about-us .content .right-text { width: 450px; font-size: 14px; line-height: 24px; }
.about-us .content .right-text a.more {margin-top: 20px; display: block; height: 40px; line-height: 40px; text-align: center; background: url(../images/img02.png?v=145) no-repeat center center; }

/*product-cates*/
.product-cates { margin: 0 auto; padding: 20px 0 50px }
.product-cates li { overflow: hidden; float: left; width: 275px; height: 380px; position: relative; margin-right: 30px; margin-bottom: 30px; border: 1px solid #eee; background-color: #f3f7ff;   }
.product-cates li.last { margin-right: 0; }
.product-cates li .mask { height: 220px; width: 380px; position: absolute; top: 0; left: 0; background: none; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.product-cates li .info { padding: 20px; font-size: 14px; }
.product-cates li a { display: block; color: #396cd5; text-align: center;}
.product-cates li .black-clear-box { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.product-cates li .black-clear { width: 0; height: 0; position: absolute; top: 50%; left: 50%; background: #fff; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

/**/
.home-news { padding: 0 0 100px; }
.home-news .resize { width: 1000px; }
.home-news ul { padding: 10px 0; overflow: hidden; }
.home-news ul li { float: left; width: 420px; margin: 20px 20px; padding: 15px 20px; background: #fff }
.home-news ul li .title { width: 418px; height: 22px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.home-news ul li .title a { font-size: 16px; color: #396cd5 }
.home-news ul li .title a:hover { color: #000 }
.home-news ul li .date { margin: 10px 0; color: #aaa }
.home-news ul li .brief { display: block; height: 60px; line-height: 20px; overflow: hidden; color: #888 }

/*banner*/
.banner { height: 150px; background: url('../images/banner.jpg') no-repeat center 0;/* background-attachment:fixed; */ }
.____more { height: 40px; line-height: 40px; text-align: center; margin-top: 50px; background: url(../images/img02.png?v=145) no-repeat center center; }

/*sub-mneu*/
.sub-mneu { text-align: center; margin: 40px auto; border-left: 1px solid #eee; }
.sub-mneu a { display: inline-block; background: #ffffff; height: 40px; vertical-align: middle; line-height: 40px; border-bottom: 1px solid #e5e5e5; margin: 0 3px; padding: 0 20px;  }
.sub-mneu a:hover { color: #000; }
.sub-mneu a.active { border-bottom: 4px solid #396cd5; color: #396cd5; font-weight: bold; }

/*page-floats*/
.page-floats { position: absolute; z-index: 1000; width: 100%; }
.x-w { background: #fff; padding: 0 0 50px; }

/*post-wrap*/
.post-wrap { margin: 0 auto 50px; }

/*post-title*/
.post-title { margin: 40px 10%; text-align: center; background: url('../images/l.gif') repeat-x center center #fff; }
.post-title h3 { width: 200px; margin: 0 auto; font-size: 30px; color: #000; background: #fff }
.post-title .bread { padding-top: 5px; }
.post-title .bread span { padding: 0 5px; }

/*post-content*/
.post-content { padding: 50px 100px; font-size: 15px; line-height: 1.8; color: #555; font-family: microsoft yahei, "微软雅黑", lucida, verdana, hiragino sans gb, stheiti, wenquanyi micro hei, droid sans fallback, simsun, sans-serif; }

/*product-list*/
.product-list { margin: 40px auto }
.product-list li { float: left; width: 300px; margin-right: 98px; height: 370px; margin-bottom: 50px; border: 1px solid #eee }
.product-list li.last { margin-right: 0; }
.product-list li .img { padding: 20px; }
.product-list li .name { text-align: center; height: 60px; line-height: 30px; overflow: hidden; }
.product-list li a { display: block; border-bottom: 3px solid #fff }
.product-list li a:hover { border-bottom: 3px solid #396cd5 }

/*product-show*/
.product-show { }
.product-show .name { font-size: 25px; color: #333; }
.product-content { width: 60%; text-align: right; background: #fff; }
.product-content .content { padding: 20px; }
.product-infos { width: 40%; }
.product-infos .info { padding: 20px; }
.product-infos .info .prev-next { overflow: hidden; margin-top: 10px; }
.product-infos .info .prev-next a { float: left; display: block; width: 80px; height: 35px; border: 1px solid #ccc; text-align: center; line-height: 35px; margin-right: 5px; }
.product-infos .info .prev-next a:hover { background: #3b851c; color: #fff; border: 1px solid #3b851c }

/*news-list*/
.news-list { margin: 40px auto; }
.news-list li { padding: 0 100px; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.news-list li .info { width: 680px; margin-left: 70px; }
.news-list li.full .info { width: 1000px; margin-left: 0; }
.news-list li .info a.title { font-size: 25px; color: #396cd5}
.news-list li .info .brief { color: #999; padding: 10px 0; line-height: 22px; }

/*article-info*/
.article-info { text-align: center; border-bottom: 1px solid #eee; padding: 20px 0; color: #999 }
.article-info .article-title { font-size: 20px; color: #333 }

/*article-prev-next*/
.article-prev-next { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px 0 50px; padding: 10px 100px; line-height: 40px; }

/*job-list*/
.job-list { margin: 40px auto; }

/*
	表格样式
*/
.table th { font-size: 12px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 5px; font-weight: bold }
.table td { border-bottom: 1px solid #eee; padding: 8px 5px; color: #444; }
.table td.date { color: #888; }
.table tr.hover td { background: #FFFEEF }

/*job-attrs*/
.job-attrs { margin-bottom: 30px; padding: 0 100px; border-bottom: 1px solid #eee; }
.job-attrs h3 { font-size: 16px; font-weight: normal; }
.job-attrs ul, .job-attrs .txt { padding: 10px 2em; overflow: hidden; }
.job-attrs ul { width: 400px; }
.job-attrs ul li { float: left; width: 200px; padding: 3px 0; }
.job-attrs .txt { line-height: 22px; }

/*留言界面*/
.message { position: relative; width: 760px; margin: 40px auto; }
.message .success { display: none; background: url('../images/success.gif') no-repeat center 40px #fff; position: absolute; font-size: 20px; color: #555; left: 0; top: 0; width: 800px; height: 100px; padding: 190px 0 20px; text-align: center; }
.message .row { margin-bottom: 5px; padding: 0 0; }
.message .row .title { font-size: 14px; color: #555; padding: 5px 0; }
.message .row .title span.tip { color: #f00; padding-left: 10px; font-size: 12px; }
.message .row .title span.formtips { padding-left: 10px; font-size: 12px; }
.message .row .title span.formtips.err { color: #f00; }
.message .row .title span.formtips.ok { color: #298A16; }
.message .row .input { font-size: 14px; color: #555; border: 1px solid #ddd; height: 23px; line-height: 23px; padding: 5px 5px; width: 740px; background: #fff; }
.message .row .input:focus { border: 1px solid #aaa; }
.message .row .submit { border-radius: 5px; background: #B60F0F; border: none; color: #fff; display: block; width: 113px; height: 32px; cursor: pointer; }
.message .row .submit:hover { background: #910202; }
.message .row .submit:disabled, .message .row .submit.disabled { cursor: crosshair; background-color: #999; color: #ddd; }