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

*{ padding:0px; margin:0px}
body{ font-family: 'PingFang SC ',Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;
    -webkit-font-smoothing: antialiased;}
p {display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
ul, ol, li {list-style: none;}
a{ text-decoration: none; color: #6d6d6d;}
.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
}
img{margin: 0; padding: 0; resize: none; border: none; outline: none;} 
.clearfix { display: inline-table; } 

.header{ width:980px; height:100px; margin:0px auto}
.logo{ background: url(image/logo.jpg) no-repeat left 20px;width: 232px; height: 105px;float: left;}
.nav { font-size:18px; color:#000; position:relative; float: right;}
.nav a{ height: 105px; color: #40525a; display: inline-block; line-height: 105px; margin-left: 40px;}
.nav .selected{ color:#036cd8}
.nav span{ position:absolute; bottom:5px; }
.triangle-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #036cd8;
}
.banner{ width:100%; height:500px; background:#036cd8}

.feature{ width:100%; text-align: center;}
.feature .wrapper{ width:980px; margin:80px auto; padding-bottom:80px; border-bottom:1px solid #ccc}
.wrapper li{ height: 200px; width: 24.5%; font-size: 22px; color: #4d5058; vertical-align: top; display: inline-block;}
.wrapper li span { width: 80px; height: 80px; display: block; margin: 0 auto; background-image: url(image/icon.png);margin-bottom: 30px;
}
.power1 { background-position: 0px 0px;}
.power2 { background-position: 0px -80px;}
.power3 { background-position: 0px -160px;}
.power4 { background-position: 0px -240px;}
.wrapper li p{ width: 204px; margin: 20px auto 0 auto; font-size: 16px; color: #888d9b; line-height: 24px;  }

.introduce{ width:100%; text-align: center; color:#798189; margin:80px auto}
.introduce h4{ width:980px; margin:25px auto; font-size:24px; color:#40525a;}
.introduce p{ width:980px; margin:0px auto; font-size:16px; line-height:30px; text-align:left}
#wrapper { max-width: 980px; min-width: 980px;  width: 100%; margin: 0 auto; padding-top: 50px; position: relative; overflow: hidden;}
#page1{ height:255px; margin-bottom:80px;}
#page1 .pic{ width:255px; height:255px; background:url(image/icon_01.png) no-repeat; display:block; position:absolute; left:0px}
#page1 .txt { width: 700px; margin-top: 90px; font-size: 22px; color: #4d5058; position:absolute; right:0px }
#page1 .txt span { font-size: 16px; color: #798189; display: block; line-height: 24px; margin-top: 20px;}

#page2{ height:255px; margin-bottom:80px;}
#page2 .pic{ width:255px; height:255px; background:url(image/icon_02.png) no-repeat; display:block;  position:absolute; right:0px}
#page2 .txt { width: 700px; margin-top: 90px; font-size: 22px; color: #4d5058; position:absolute; left:0px}
#page2 .txt span { font-size: 16px; color: #798189; display: block; line-height: 24px; margin-top: 20px;}

#page3{ height:255px; margin-bottom:80px;}
#page3 .pic{ width:255px; height:255px; background:url(image/icon_03.png) no-repeat; display:block;  position:absolute; left:0px}
#page3 .txt { width: 700px; margin-top: 90px; font-size: 22px; color: #4d5058; position:absolute; right:0px}
#page3 .txt span { font-size: 16px; color: #798189; display: block; line-height: 24px; margin-top: 20px;}

.cooperation{ width:980px;}

.footer{ width:100%; background:#e9eaeb; font-size:16px; color:#40525a; line-height:30px; text-align:center; padding:30px 0px}
.footer a{ color:#40525a; line-height:30px; text-align:center}

/*公司简介*/
.banner1{ width:100%; height:604px; background:#036cd8}
.what{ width:100%; padding:80px 0px; text-align:center}
.what h4{ width:980px; margin:0px auto; font-size:24px; color:#40525a; line-height:60px;}
.what p{ width:980px; margin:0px auto; line-height:30px; font-size:16px; color:#798189;text-indent: 2em; }
.what .wrapper{ width:980px; margin:50px auto 0px auto; color:#798189;}
.what .wrapper li{ width:32.3%; height:180px; margin-right:10px; float: left}

.customer{ width:100%; padding:80px 0px; text-align:center; background:#e1eefb}
.customer .wrapper{ width:980px; margin:50px auto 0px auto; color:#798189;}
.customer h4{ width:980px; margin:0px auto; font-size:24px; color:#40525a;}
.customer .wrapper li{ width: 24.5%; height: 200px; font-size: 22px; color: #4d5058; vertical-align: top; display: inline-block;}
.customer  .wrapper li span { width: 60px; height: 60px; display: block; margin: 0 auto; background-image: url(image/customer.png); background-repeat:no-repeat; margin-bottom: 30px;
}
.customer1 { background-position: 0px 0px;}
.customer2 { background-position: 0px -60px;}
.customer3 { background-position: 0px -120px;}
.customer4 { background-position: 0px -180px;}

.solution{ width:100%; padding:80px 0px; text-align:center;}
.solution .wrapper{ width:980px; text-align:center; color:#798189; margin:50px auto 0px auto}
.solution h4{ width:980px; margin:0px auto; font-size:24px; color:#40525a;}
.solution .wrapper li{ width:32.3%; height:300px; margin-right:10px; background:#efefef; padding:40px 0px 30px 0px; position:relative; float: left}
.solution .wrapper p{ width:80%;}
.solution .wrapper li .s{ width:230px; height:130px; margin:0px auto; background-image: url(image/s.png);  position: absolute; bottom:35px; left:45px; }
.solution .wrapper li .s1{ width:230px; height:130px; margin:0px auto; background-image: url(image/s1.png);  position: absolute; bottom:35px; left:45px; }

/*联系我们*/
.banner2{ width:100%; height:200px; color:#fff; font-size:22px; text-align:center; background:#036cd8}
.contact{ width:980px; margin:60px auto}
.contact h4{ width:980px; margin:0px auto 30px auto; font-size:24px; color:#40525a; line-height:40px; border-bottom:2px solid #a2a9b0}
.contact ul{ margin-top:10px;}
.contact li{ color:#798189; line-height:40px; font-size:16px;}
.contact li i{ margin-right:20px;}

/*后来增加*/
.what{ width:100%; padding:80px 0px; text-align:center}
.about p{ width:980px; margin:0px auto; line-height:30px; font-size:16px; color:#798189;text-indent: 2em;}