@charset "utf-8";

/*关于我们*/
.about-banner{ width:100%; height:450px;}
.about-banner img{ width:100%;}
.profile-box{ width:1170px; margin:0 auto; margin-top:50px;}
.profile-box div{ width:560px; display: inline-block;}
.profile-box div em{ width:220px; height:74px; background:url(../images/logo-2.png) no-repeat; display:block;}
.profile-box div p{ width:560px; font-size:18px; line-height:40px; color:#444; display:block; margin-top:40px;}
.profile-box div.picture{ width:580px; float:right;}
.profile-box div.picture img{ width:580px; height:400px;}

.product-box{ width:100%; height:500px; background:url(../images/pt-2.png) center center no-repeat; margin-top:90px; margin-bottom:160px;}
.pro-pf{ width:540px; height:280px; padding:20px 20px; background:#1278c7; display:inline-block; margin-top:-90px;}
.pro-pf p{ width:540px; font-size:18px; line-height:40px; color:#fff;}
.pro-pf p b{ display:block; width:540px; line-height:40px; font-size:30px; font-weight:normal; margin-bottom:30px;}
.pro-pf p b em{ width:24px; height:30px; float:right; background:url(../images/ico-jt-w.png) no-repeat;}

.product-t{ float:right; text-align:right; color:#1278c7; margin-top:50px;line-height:40px;}
.product-t p{ font-size:30px;}
.product-t em{ width:60px; height:6px; background:#1278c7; display:inline-block;}
.product-t font{ display:block; font-size:25px;}
.pro-list{ width:1170px; margin-top:50px; display:flex; justify-content:space-between; flex-direction: row; }
.pro-list div.pro-con{ width:370px; height:370px; background:#fff; box-shadow:0px 3px 8px #dceaf4; text-align:center; position:relative;}
.pro-list-t{ width:100%; height:80px; line-height:80px; text-align:center; color:#1278c7; font-size:24px;}
.pro-list-t em{ width:40px; height:5px; background:#1278c7; border-radius:3px; display:inline-block; margin:0 20px; vertical-align:middle;}
.pro-list div.pro-con p{ background:url(../images/ico-cp.png) 20px center no-repeat; line-height:40px;  width:350px; display:block; font-size:16px; color:#444; text-align:left; text-indent:40px;}
.pro-list div.pro-con i{ position:absolute; right:10px; bottom:10px; width:50px; height:40px;}
.pro-list div.pro-con i.i-1{ background:url(../images/yh-1.png) no-repeat;}
.pro-list div.pro-con i.i-2{ background:url(../images/yh-2.png) no-repeat;}
.pro-list div.pro-con i.i-3{ background:url(../images/yh-3.png) no-repeat;}
.service-kh{ width:100%; line-height:120px; height:120px; font-size:30px; color:#1278c7; font-style:italic; text-align:center; margin-bottom:50px;}
.service-kh em{ width:13px; height:38px; background:url(../images/ico-tzs.png) no-repeat; display:inline-block; margin:0 10px; vertical-align:middle;}
.idea-box{ width:1170px; margin:0 auto; display:flex; justify-content:space-between; flex-direction: row; margin-bottom:50px;}
.idea-box div.idea-con{ width:210px; height:240px; padding:30px 30px;}
.idea-box div.idea-con:nth-child(1){ background:url(../images/pt-3.png) no-repeat;}
.idea-box div.idea-con:nth-child(2){ background:url(../images/pt-4.png) no-repeat;}
.idea-box div.idea-con:nth-child(3){ background:url(../images/pt-5.png) no-repeat;}
.idea-box div.idea-con:nth-child(4){ background:url(../images/pt-6.png) no-repeat;}
.idea-box div.idea-con:nth-child(1) span{ height:62px; width:210px; display:block; background:url(../images/xh-1-1.png) no-repeat; padding-left:80px; line-height:30px; font-size:24px; color:#1278c7;}
.idea-box div.idea-con:nth-child(2) span{ height:62px; width:210px; display:block; background:url(../images/xh-2.png) no-repeat; padding-left:80px; line-height:30px; font-size:24px; color:#1278c7;}
.idea-box div.idea-con:nth-child(3) span{ height:62px; width:210px; display:block; background:url(../images/xh-3.png) no-repeat; padding-left:80px; line-height:30px; font-size:24px; color:#1278c7;}
.idea-box div.idea-con:nth-child(4) span{ height:62px; width:210px; display:block; background:url(../images/xh-1.png) no-repeat; padding-left:80px; line-height:30px; font-size:24px; color:#1278c7;}
.idea-box div.idea-con span b{ font-weight:normal;}
.idea-box div.idea-con span b font{ display:block; color:#444;}
.idea-box div.idea-con p{ font-size:18px; line-height:35px; color:#444; margin-top:50px;}

.exp-left{ width:580px; display:inline-block; height:380px; position:relative;}
.exp-left img:last-child{ position:absolute; right:0px; bottom:0;}
.exp-right{ float:right; width:560px; margin-top:20px;}
.exp-right span{ width:560px; height:60px; font-size:24px; color:#1278c7; text-align:right; display:block;}
.exp-right span em{ width:24px; height:30px; background:url(../images/ico-jt-b.png) no-repeat; float:left; margin-top:15px;}
.exp-right p{ width:560px; font-size:18px; line-height:40px; color:#444;}


.range{ width:100%; height:380px; background:url(../images/pt-9.png) center center no-repeat; margin-top:50px;}
.range p{ width:560px; display:inline-block; margin-top:50px; color:#444; font-size:18px; line-height:40px;}
.range img{ float:right; margin-top:30px;}


@media screen and (max-width:1200px) {
    .about-banner{display: none; width:100%; height:450px;}
.about-banner img{ width:100%;}

.profile-box{ width:90%; margin:0 auto; margin-top:.2778rem;}
.profile-box div{ width:100%; display: inline-block;}
.profile-box div em{display: none; width:220px; height:74px; background:url(../images/logo-2.png) no-repeat; }
.profile-box div p{ width:100%; font-size:.3704rem; line-height:.5093rem;; color:#444444; display:block; margin-top:0px;}
.profile-box div.picture{display: none; width:580px; float:right;}
.profile-box div.picture img{ width:580px; height:400px;}
.blank50{clear: both;
height: .2778rem !important;
overflow: hidden;
display: block;}

.product-box{ width:100%; height:auto; background:#F8F8F8 ; margin-top:0px; margin-bottom:0px;}
.pro-pf{ width:90%; height:auto; margin: 0 auto; padding:.1852rem; background:#1278c7; display:block; margin-top:0px;}
.pro-pf p{ width:100%; font-size:.3704rem; line-height:.5093rem; color:#fff;}
.pro-pf p strong{ display:block; width:100%; line-height:.5093rem; font-size:.4167rem; font-weight:normal; margin-bottom:.1852rem;}
.pro-pf p strong em{display: none; width:24px; height:30px; float:right; background:url(../images/ico-jt-w.png) no-repeat;}

.product-t{ float:none; text-align:left;width: 90%; margin: 0 auto; color:#1278c7; margin-top:.2778rem;line-height:.7093rem;font-size: .3704rem;}
.product-t p{ font-size:.4167rem;}
.product-t em{display: block; width:.7407rem; height:.0741rem; background:#1278c7;}
.product-t font{ display:block; font-size:.4167rem;}

.pro-list{ width:100%; margin: 0 auto; margin-top:.1389rem; display:flex; justify-content:space-between; flex-direction: column;  }
.pro-list div.pro-con{ width:100%; height:auto; background:#F8F8F8; box-shadow:0px 0px 0px #fff; text-align:center; position:relative;}
.pro-list-t{ width:100%; height:.7407rem; line-height:.7407rem; text-align:center; color:#1278c7; font-size:.3704rem;}
.pro-list-t em{ width:.3704rem; height:.1056rem; background:#1278c7; border-radius:.0463rem; display:inline-block; margin:0 .1852rem; vertical-align:middle;}
.pro-list-nr{display: flex; flex-wrap: wrap;}
.pro-list div.pro-con p{ background:url(../images/ico-cp.png)  .1852rem center no-repeat; background-size: .2778rem .2778rem; line-height:.7407rem;  width:48%; overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis; display:block; font-size:.3241rem; color:#444; text-align:left; text-indent:.4104rem;}

.pro-list div.pro-con i{ position:absolute; right:10px; bottom:10px; width:50px; height:40px;}
.pro-list div.pro-con i.i-1{ background:url(../images/yh-1.png) no-repeat;}
.pro-list div.pro-con i.i-2{ background:url(../images/yh-2.png) no-repeat;}
.pro-list div.pro-con i.i-3{ background:url(../images/yh-3.png) no-repeat;}

.service-kh{ width:100%; line-height:1.1111rem; height:1.1111rem; font-size:.3889rem; color:#1278c7; font-style:italic; text-align:center; margin-bottom:.2778rem;}
.service-kh em{ width:.1204rem; height:.3519rem; background:url(../images/ico-tzs.png) no-repeat; background-size: 100% 100%; display:inline-block; margin:0 .0926rem; vertical-align:middle;}

.idea-box{ width:90%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap: wrap; flex-direction:row;  margin-bottom:.2778rem;}
.idea-box div.idea-con{ width:50%; height: 5.1389rem;; padding: .2778rem; box-sizing: border-box;}
.idea-box div.idea-con:nth-child(1){ background:url(../images/pt-3.png) no-repeat;background-size: 100% 100%;}
.idea-box div.idea-con:nth-child(2){ background:url(../images/pt-4.png) no-repeat;background-size: 100% 100%;}
.idea-box div.idea-con:nth-child(3){ background:url(../images/pt-5.png) no-repeat;background-size: 100% 100%;}
.idea-box div.idea-con:nth-child(4){ background:url(../images/pt-6.png) no-repeat;background-size: 100% 100%;}
.idea-box div.idea-con:nth-child(1) span{ width:1.9815rem; height: .9167rem; display:block; background:url(../images/xh-1-1.png) no-repeat; 
    background-size: .7778rem .9167rem;   padding-left:1.5926rem;    line-height:.9167rem; font-size:.4167rem; color:#1278c7;}
.idea-box div.idea-con:nth-child(2) span{  width:1.9815rem; height: .9167rem; display:block;background:url(../images/xh-2.png) no-repeat; 
     background-size: .7778rem .9167rem;   padding-left:1.5926rem;    line-height:.9167rem; font-size:.4167rem; color:#1278c7;}
.idea-box div.idea-con:nth-child(3) span{width: 1.9815rem;  height: .9167rem;  display: block;  background: url(../images/xh-3.png) no-repeat;
    background-size: .7778rem .9167rem;  padding-left: 1.5926rem; line-height: .9167rem;  font-size: .4167rem;  color: #1278c7;}
.idea-box div.idea-con:nth-child(4) span{width: 1.9815rem;  height: .9167rem;  display: block;  background: url(../images/xh-1.png) no-repeat;
    background-size: .7778rem .9167rem;  padding-left: 1.5926rem; line-height: .9167rem;  font-size: .4167rem;  color: #1278c7;}
.idea-box div.idea-con span b{ font-weight:normal;}
.idea-box div.idea-con span b font{ display:block; color:#444;}
.idea-box div.idea-con p{ font-size:.3704rem; line-height:.7407rem; color:#444; margin-top:.463rem;}

.exp-left{ width: 4.0463rem;
    height: 2.8796rem; display:block;  position:absolute;bottom:-3.1rem;left: 0.5rem; z-index: 12;}
        .exp-left img{width: 100%;height: 100%;}
.exp-left img:last-child{display: none; position:absolute; right:0px; bottom:0;}

.exp-right{ float:none; width:90%; margin: 0 auto; margin-top:.1852rem;}
.exp-right span{ width:100%; height:.7407rem; font-size:.4167rem; color:#1278c7; text-align:left; display:block;}
.exp-right span em{ width:.2222rem; height:.2778rem; background:url(../images/ico-jt-b.png) no-repeat; background-size: 100% 100%;float:left; margin-top:.1389rem;}
.exp-right p{ width:100%; font-size:.3704rem; line-height:.5093rem; color:#444;}


.range{ position: relative; width:90%; height:auto; background: #F8F8F8;margin: 0 auto; margin-top:2.7111rem;}
.range p{ width:100%; display:inline-block; margin-top:.463rem; color:#444; font-size:.3704rem; line-height:.5093rem;}
.range img{ position: absolute; width: 5.2222rem; height: 2.8796rem; float:none; margin-top:0px;top: -2.5rem; left: 3.7rem;}
}