@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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-style:inherit;font-family:inherit;}
body {
margin:0px;
font-size:14px;
padding:0px;
font-family: Arial, sans-serif;
color:#333;
min-width:1200px;
}
li{ list-style-type: none;}
p{text-indent:2em;}
label{vertical-align:middle}
img{  -ms-interpolation-mode: bicubic; border:0px;}
a{text-decoration:none ;color :#333; cursor: pointer}
a:link{text-decoration:none ;color :#333;}
a:visited {text-decoration :none;color :#333 ;}
a:hover {text-decoration:none ;color :#FF6A3D;}
a:active {text-decoration : none ;color : #FF6A3D ;}
.colorOrange{color: #FF6700}

.topBox{height: 90px}
.topBox .top{width: 1200px; height: 100%; margin: 0 auto}
.topBox .top .logo{float: left; height: 100%;}
.topBox .top .logo img{ display: block; margin-top: 14px}
.topBox .top ul.menu{float: left; height: 100%; margin: 0 0 0 100px}
.topBox .top ul.menu li{float: left; height: 100%; line-height: 90px; margin:0 70px 0 0;font-size: 20px}
.topBox .top ul.menu li:last-child{margin:0 ;}
.topBox .top ul.menu li.active{color: #FF6A3D; font-weight: bold}
.topBox .top .telBox{float: right; padding: 18px 0 0 0}
.topBox .top .telBox img{float: left; display: block}
.topBox .top .telBox .info{float: left;padding: 5px 0 0 10px}
.topBox .top .telBox .info .numb{color: #FF6A3D; font-size: 20px}

.bannerBox{overflow: hidden}
.bannerBox .banner{margin: 0 auto;height: 600px; text-align: center; line-height: 600px; color: #fff; font-size: 40px; font-weight: bold}
.bannerBox .bannerHome{background: url("../images/banner.png") no-repeat center #5e45e1;}
.bannerBox .bannerCpal{ background: url("../images/banner-cpal.png") no-repeat center #080915}
.bannerBox .bannerLxwm{ background: url("../images/banner-lxwm.png") no-repeat center #231e28}
.bannerBox .bannerCpxz{background: url("../images/banner-cpxz.png") no-repeat center #3f4558}

.whiteBox{ overflow: hidden;background: #fff}
.grayBox{ overflow: hidden;background: #F3F5F7}
.introduceOne{height: 424px;width: 1200px; margin: 0 auto;}
.bigTitle{text-align: center;font-size: 36px;font-weight: bold; padding: 100px 0 0; color: #111}
.smallTitle{text-align: center;font-size: 18px; padding: 12px 0 0; color: #666; letter-spacing: 3px}
.introduceOne ul.statistics{ display: flex; justify-content: space-between; padding: 70px 0 0 0}
.introduceOne ul.statistics li{text-align: center}
.introduceOne ul.statistics li .count{ font-size:36px;}
.introduceOne ul.statistics li .text{ font-size:18px; color: #666}
.introduceTwo{height: 550px;width: 1200px; margin: 0 auto;}

ul.explain{ display: flex; justify-content: space-between; padding: 60px 0 0}
ul.explain li{text-align: center}
ul.explain li .title{font-size: 24px; font-weight: bold; padding: 30px 0 0}
ul.explain li .text{font-size: 18px;  padding: 12px 0 0; color: #666; width: 270px}

.aboutBox{width: 1200px; margin: 0 auto;padding: 100px 0; display: flex;}
.aboutBox img{ display: block; margin: 0 42px 0 0}
.infoBox{}
.infoBox .title{font-size: 36px; height: 60px; position: relative; font-weight: bold}
.infoBox .title::before{content: ''; position: absolute; width: 75px; height: 6px; background: #FF6A3D;bottom: 0px}
.infoBox .content{padding: 30px 0 0 0; font-weight: 400;font-size: 18px;color: #666666;line-height: 32px;letter-spacing: 3px;}

.cultureBox{width: 1200px; height: 360px; margin: 0 auto;padding: 100px 0;}

.caseBox{width: 1200px; margin: 0 auto; padding: 0 0 100px; overflow: hidden}
.caseCenterBox{width: 1200px;  padding: 50px; box-sizing: border-box; background: #F3F5F7;border-radius: 10px 10px 10px 10px; margin: 0 auto; display: flex}
.caseCenterBox img{display:block;}
.caseCenterBox .info{ flex: 1; padding:0 0 0 25px;}
.caseCenterBox .info .title{font-size: 24px;color: #333333;letter-spacing: 4px;}
.caseCenterBox .info .content{padding:10px 0 0 ; font-size: 18px;color: #666666;letter-spacing: 3px;}

.bottombanner{ margin: 0 auto; height: 400px; color: #fff; background: url("../images/bottom-bg.png") no-repeat center #160906; text-align: center; font-weight:bold; overflow: hidden}
.bottombanner .textOne{font-size: 96px; height: 116px; line-height: 116px; margin-top: 60px}
.bottombanner .textTwo{font-size: 36px; height: 44px; line-height: 44px; margin-top: 35px}
.bottombanner .textThree{font-size: 36px; height: 44px; line-height: 44px; margin-top: 35px}

.bottomBox{ height: 90px; line-height: 90px; color: #fff; text-align: center; background: #FF673A}
.bottomBox span{ display: inline-block; margin: 0 10px; font-size: 18px;}

.telIconBox{width: 120px; height: 120px; border-radius: 50%; background: #fff;}
.telIconBox img{display: block; margin: 10px auto 0;}