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

/* 全局 */
*{ margin: 0; padding:0; outline: none; box-sizing:border-box;}
body{ font-size:100%; color:#333; background-color:#f5f5f5; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif";}
ul,ol,li{ list-style-type: none;}
a{ text-decoration: none;}
input{ font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif";}
.clearfix:after{ content: "."; clear: both; display: block; height: 0; visibility: hidden;}

/* header */
.webHead{ width: 100%; height: 90px; background-color:#fff;}
.headScope{ width: 1170px; height: 100%; margin: 0 auto;}
.headScope img[src$="logo.png"]{ width: 173px; margin-top: 20px; display: block; float: left;}
.headScope nav{ width:43em; height: 100%; float: left; margin:0 50px;}
.headScope nav ul li{ width: 6em; height: 100%; line-height: 90px; margin:0 .5em; text-align: center; float:left;}
.headScope nav a{ width:100%; height: 90px; color:#333; display: block;}
.headScope nav a:hover{ color:#e4392a; border-bottom: #e4392a 3px solid;}
.headTel{ height: 100%; line-height: 90px; font-size: 1.25em; color:#e4392a; float: right;}


/* content */
.homeBanner{ width: 100%; display: block;}

.content{ background-color: #fff;}
.secHome{ width: 100%; margin:0 auto; padding:40px 0;}
.secHome>article{ width: 1170px; margin:0 auto;}
.secHome>article>h1{ font-size: 1.875em; text-align: center; font-weight: 500; color: #002;}
.secHome>article>h1+h4{ line-height: 2em; font-size: 1.25em; text-align: center; font-weight: 400; color:#cacace;}
.secHome>article>h1+h4 em{ color:#e4392a; font-style: normal;}

.serviceList{ width: 100%; padding:30px 0;}
.serviceList li{ width: 25%; float: left;}
.serviceList li img{ margin:0 auto; display: block;}
.serviceList li h3{ height: 5em; line-height: 5em; text-align: center; font-size: 1em; font-weight: 500;}
.serviceList li p{ width: 64%; font-size: .875em; line-height: 1.5em; display: block; margin:0 auto;}

.secCase{ background-color: #f5f6fa;}
.caseList{ width: 100%; padding:30px 0;}
.caseList li{ width: 25%; padding:12px; float: left;}
.caseList li img{ width: 100%; height: 200px;}
.caseMore{ width: 65px; height: 65px; line-height: 65px; text-align: center; color:#fff; font-size: 1em; margin:0 auto; background-color:#000; border-radius: 50%; display: block; cursor: pointer;}

.secNews{ background-image: url(../images/bg_2.png); background-repeat: no-repeat; background-position: center top;}
.secNews>article>h1{ color:#fff; margin-top:30px;}
.newsList{ width: 100%; padding:30px 0;}
.newsList li{ width: 25%; padding:12px; float: left;}
.newsList li img{ width: 100%; height: 154px; display: block;}
.newsList li img+article{ width: 100%; height: 154px; background-color: #002; color:#fff; padding:10px 20px;}
.newsList li img+article h5{ font-size: .875em; line-height: 3em; font-weight: 400;}
.newsList li img+article p{ font-size: .875em; color:#bbbbbe;}
.newsMore{ width:178px; height: 2.5em; line-height: 2.5em; color:#fff; margin:0 auto; border:#fff 1px solid; text-align: center; font-size: 1.125em; display: block; border-radius: 4px;}

.contactLeft{ width: 38%; float: left; margin-top:30px;}
.contactLeft p{ height: 2em; line-height: 2em;}
.contactLeft ul{ margin:20px 0;}
.contactLeft ul li{ height: 2em; line-height: 2em;}
.contactRight{ width: 62%; float: right; margin-top:30px;}
.contactRight input[type="text"]{ width: 48%; height: 2.5em; line-height: 2.5em; text-indent: 1em; margin:0 1% 16px 1%; float: left; border:#63637f 1px solid; font-size: 1em; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif";}
.contactRight textarea{ width: 98%; height:120px; line-height: 1.5em; font-size: 1em; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif"; padding:1em; display: block; margin:0 auto 35px auto; border:#63637f 1px solid; box-sizing:border-box;}
.contactRight button{ width: 98%; height: 2.5em; line-height: 2.5em; margin:0 auto; color:#fff; background-color: #63637f; display: block; border:0; font-size: 1em; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif"; cursor: pointer;}

.aboutXinhui p{ line-height: 1.8em; margin:20px 0; text-align: center; color: #666; font-size: .875em;}

.productList li{ width: 33%; padding:20px; float: left;}
.productList li img{ width: 100%;}

.newsPageList li{ width: 25%; padding:15px; float: left;}
.newsPageList li img{ width: 100%; display: block;}
.newsPageList li h5{ height: 2.5em; line-height: 2.5em; text-align: left; font-weight: 500; font-size: 1em; border-left:#e2e3e8 1px solid; border-top:#e2e3e8 1px solid; border-right:#e2e3e8 1px solid; color:#333; padding:0 10px; display: block;}
.newsPageList li p{ line-height: 1.5em; text-align: left; border-left:#e2e3e8 1px solid; border-bottom:#e2e3e8 1px solid; border-right:#e2e3e8 1px solid; font-size: .75em; padding:5px 10px 10px 10px; color:#666; display: block;}

/* footer */
.webFoot{ background-color: #191938; color:#fff;}
.footScope{ width: 1170px; height: 180px; margin:0 auto; padding:30px 0;}
.footScope p{ text-align: center;}

.beian{ height: 2.2em; line-height: 2.2em; background-color: #000020; color:#ccc; text-align: center; font-size: .875em;}