@charset "utf-8";


body{
  overflow-x: hidden;
  font-family: "微软雅黑";
}
ul li {
  list-style: none;
}
*{
  box-sizing: border-box;
  text-decoration: none !important;
  margin: 0px;
  padding: 0px;
}
a{
  color: #777;
  cursor: pointer !important;
}


input:focus, button:focus{
  outline: none;
}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}


.clearfix::after{
  content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{
  clear: both;
}



.header-top{
  background: #282828;
  height: 40px;
  width: 100%;
}
.header-top .container{
  height: 40px;
}
.header-top .left, .right{
  height: 100%;
}
.header-top .left{
  float: left;
}
.header-top .right{
  float: right;
}
.header-top .left p, .header-top .right p{
  display: inline-block;
  height: 100%;
  line-height: 40px;
  color: #fff;  
}
.header-top .right p a{
  margin-left: 15px;
  color: #fff;
}
.header-top .right p a:hover{
  color: #014DA2;
}
.header-top .right p a:hover i{
  color: #014DA2;
}

header{
  height: 135px;
  width: 1200px;
  margin: 0 auto;
  background: white;
  padding: 0 15px;
}
header .left{
  float: left;
}
header .left a{
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 999;
  float: left;
}
header .left .title{
  float: left;
}
header .left .title h1{
  font-size: 25px;
}
header .left .title p{
  font-size: 16px;
}
header .right{
  float: right;
}
header .right p{
  margin-top: 15px;
  font-size: 16px;
  color: #0e7823;
  line-height: 26px;
}
header .right p i{
  font-size: 20px;
}
header .right span{
  margin-top: 15px;
  font-size: 26px;
  color: #0e7823;
  line-height: 26px;
}


nav{
  background: #0657b2;
}
nav .navbar-brand{
  display: none;
}
.navbar{
  border: none;
  margin-bottom:0;
  min-height: 55px;
}
.nav > li > a{
  padding: 0px;
}
nav .menu{
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}
nav .menu li{
  width: 165px;
  height: 100%;
  float: left;
  position:relative;
}
nav .menu li.active::before{
  content:"";
  display: block;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background: #014DA2; 
}
nav .menu li::before{
  content:"";
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:0;
  background: #014DA2; 
  transition: all .15s;
}
nav .menu li:hover::before{
  height:100%;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: none;
}
.nav > li > a:hover, .nav > li > a:focus {
    background: none;
 }
nav .menu li>a{
  display: block;
  line-height: 55px;
  color: #fff;
  width: 100%;
  text-align: center;
}
nav .menu .menu2{
  overflow: hidden;
}
nav .menu .menu2 a{
  display: block;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  position: relative;
}
nav .menu .menu2 a::before{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width:0%;
  height:40px;
  background: #014DA2; 
  transition: all .15s;
  z-index: -1;
}
nav .menu .menu2 a:hover::before{
  width:100%;
}
.dropdown-menu{
  border:none;
  box-shadow: none;
  background:#0657b2;
  min-width: 165px;
  margin: 0;
  padding: 0;
}
.carousel-inner .item{
  height: 550px;
  background: url('../images/banner1.jpg') no-repeat top center;
}
.carousel-inner .item:nth-child(2){
  background: url('../images/banner2.jpg') no-repeat top center;
}
.carousel-inner .item:nth-child(3){
  background: url('../images/banner3.jpg') no-repeat top center;
}
.carousel-control.right , .carousel-control.left{
  background-image: none;
}
.carousel-indicators .active{
  background: #014DA2;
}


.section{
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 50px;
}
.section .section-box{
  margin: 10px auto;
}
.section .top h1{
  margin: 0;
  font-size: 26px;
  line-height: 35px;
}
.section .top span{
  position: relative;
  display: block;
  text-align: center;
  line-height:26px;
  font-size:14px;
  color: #777;
}
.section .top p {
  line-height:26px;
  font-size:14px;
  color: #777;
}
.section .top img{
  display: block;
  margin: 0 auto;
  max-width:100%;
}
/* 按钮动画 */
.section a.more{
  position:relative;
  width: 145px;
  height: 40px;
  color: #fff;
  text-align:center;
  line-height: 40px;
  font-size: 14px;
  display: block;
  margin: 0 auto;
  background: #014DA2;
  transition:all .3s;
  box-sizing:border-box;
  overflow:hidden;
}
.section a.more::before{
  content:"READ MORE →";
  opacity:0;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  line-heigth:40px;
  font-size:14px;
  background:red;
  transition:all .3s;
  background:#a51314;
  transform:translateX(-50%);
}
.section a.more:hover::before{
  opacity:8;
  transform:translateX(0);
}




.section1{
  background: url('../images/aboutbg.jpg');
}
.section1 img{
  width: 80%;
  display: block;
  margin:0 auto;
}
.section1 span{
  color:#333;
  font-size: 22px;
}
.section1 h1{
  margin: 10px 0; 
  color:#333;
  font-size: 25px;
}
.section1 p{
  line-height: 30px;
  color: #333;
  font-size: 14px;
  text-indent: 2em;
}





.section2 div[class|=col]{
  padding: 8px;
}
.section2 .pro{
  position: relative;
  width: 100%;
  height: 300px;
  border: 1px #ccc solid;
  transition: background .3s;
  background: rgba(48,133,163,.3);
  overflow:hidden;
}
.section2 .pro:hover{
  background: rgba(14,78,150,0.8);
}
.section2 .pro:hover img{
  transform:scale(1.1);
  left: -10px;
}
.section2 img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .5s;
}
.section2 .box{
  padding:40px 30px;
}
.section2 .pro h1{
  font-size: 18px;
  line-height: 45px;
  font-weight: bold;
  color:#fff;
  margin:0;
  margin-bottom: 15px;
  position: relative;
}
.section2 .pro h1::after{
  content:"";
  position: absolute;
  bottom:0;
  left: 0;
  width: 0%;
  height: 3px;
  background: #fff;
  transition: width .3s;
}
.section2 .pro:hover h1::after{
  width: 100%;
}
.section2 .pro a.menu{
  display: block;
  font-size: 13px;
  color:#fff;
  line-height: 30px;
  margin-bottom:0;
  transition: all .3s;
  opacity: 0;
  filter:alpha(opacity=0);
  transform:translateX(50%);
}
.section2 .pro a:hover{
  color: red;
}
.section2 .pro:hover a.menu{
  opacity: 1;
  filter:alpha(opacity=100);
  transform:translateX(0);
}



/* 图片轮播
*/
.Box .Box_con .conbox {
  position: relative;
  overflow: hidden;
}
.Box .Box_con .conbox ul {
  position: relative;
}
.Box .Box_con .conbox ul li {
  float: left;
  width:180px;
  margin-left: 20px;
}
.Box .Box_con .conbox ul li>div{
  width:180px;
  height: 190px;
  border:1px #ccc solid;
  background:#fff;
 }
.Box .Box_con .conbox ul li>div:hover{
  border:1px solid red;
}
 .Box .Box_con .conbox ul li:first-child {
  margin-left: 0;
} 
.Box .Box_con .conbox ul li img {
  display: inline-block;
  max-width: 98%;
  max-height: 98%;
  position: relative; 
  top: 50%;left:50%; 
  transform: translate(-50%, -50%);
  }
.Box .Box_con .conbox ul li p{
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color:black;
  width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  }





.section-news .row div[class|=col]{
  margin-bottom: 20px;
}
.section-news .row div[class|=col]:hover .time{
  border:1px #014DA2 solid;
}
.section-news .row .time{
  display: block;
  margin: 0 auto;
  padding:15px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border:1px #333 solid;
}
.section-news .row .time span{
  display: block;
  text-align: center;
  color: #333;
  font-size: 24px;
  line-height: 30px;
}
.section-news .row .time p{
  color: #777;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
}
.section-news .row a{
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  color: #333;
  line-height: 32px;
  height: 32px;
  display: block;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-news .row a:hover{
  color:#014DA2;
}
.section-news .row a::after{
  content: "";
  height: 1px;
  width:6%;
  display: block;
  background: #333;
  position: absolute;
  bottom:0;
  left: 0;
  transition:width .6s;
}
.section-news .row div[class|=col]:hover a::after{
  width:100%;
}
.section-news .row p{
  color: #6e6e6e;
  font-size: 14px;
  line-height: 26px;
  margin-bottom:0;
}





footer{
  background: #333;
}
/* 友情链接 */

footer .link{
  width: 1180px;
  margin: 0 auto;
  border-bottom:1px #555 solid;
}
footer .link img{
  float: left;
}
footer .link li{
  float: left;
} 
footer .link li span{
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-align: left;
  line-height: 35px;
} 
footer .link li a{
  display: inline-block;
  width: 100%;
  padding-right: 15px;
  color: #ccc;
  text-align: center;
  line-height: 35px;
} 
footer .link li a::before{
  content: '/';
  line-height: 35px;
  margin-right:15px;
  color: #999;
} 


footer .container{
  padding: 15px 0;
}
footer .container>.row{
  margin-top: 30px;
}
footer .col-md-4{
  padding-top: 8px;
}
footer .box{
  background: #fff;
  width: 130px;
}
footer .box p{
  text-align: center;
  line-height: 30px;
  margin-bottom: 0;
}
footer .box img{
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
footer .box span{
  text-align: center;
  line-height: 30px;
  display: block;
  background: #cacaca;
}
footer .nav-bottom li{
  width: 25%;
  float: left;
}
footer .nav-bottom li h1{
  margin: 0;
}
footer .nav-bottom li h1 a{
  display: block;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
}
footer .nav-bottom li a{
  display: block;
  line-height: 25px;
  color: #ccc;
  font-size: 14px;
}
footer .cont{
  color:#fff ;
  line-height: 27px;
}

.bottom {
  padding: 20px;
  border-top: 1px #777 solid;
  background: #282828;
}
.bottom p{
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 0;
}




    /* 固定侧边栏 */
  .footer-fixed{
      position: fixed;
      right: 15px;
      bottom: 200px;
      z-index: 999;
  }
  .footer-fixed #show i{
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/close_im.png') center center no-repeat;
    position: absolute;
    top: -10px;
    right: 10px;
    cursor: pointer;
  }
  .footer-fixed #show{
    display: none;
    background: #F9FAFB;
      border: 1px solid #dddddd;
      border-radius: 10px;
      background: #F9FAFB;
      width: 110px;
      padding-top: 15px;
  }
  .footer-fixed #show .qq-img{
    width: 70px;
    height: 75px;
    border-radius: 50%;
    border: 3px #fff solid;
    margin: 0 auto;
    overflow: hidden;
    background: url('../images/qq.png') top center;
    box-shadow: 0px 4px 5px #ccc; 
    transition: all .3s;
  }
  .footer-fixed #show .qq-img:hover{
    animation: swing 1s;
  }
  .footer-fixed #show a{
    text-align: center;
    display: block;
    color: #0484cd;
    line-height: 40px;
    border-bottom: 1px #ccc solid;
  }
  .footer-fixed #show .tel{
    border-bottom: 1px #ccc solid;
  }
  .footer-fixed #show .tel p{
    text-align: center;
    color: black;
    line-height: 25px;
    font-weight: bold ;
    margin-bottom: 0;
  }
  .footer-fixed #show .tel span{
    text-align: center;
    color: black;
    display: block;
    line-height: 25px;
    font-weight: bold;
    color: #ca2d2b;
    font-size: 13px;
  }
  .footer-fixed #show .bot div{
    
  }
  .footer-fixed #show .bot .wx-img{
    width: 50%;
    height: 45px;
    float: left;
    border-right: 1px #ccc solid;
    position: relative;
    background: url('../images/weixing-icon.png') center center no-repeat;
  }
  .footer-fixed #show .bot .back-img{
    width: 50%;
    float: right;
    height: 45px;
    cursor: pointer;
    background: url('../images/toTop-icon.png') center center no-repeat;
  }
  .footer-fixed #show .bot .wx-img:hover #wx-show{
    transform: scale(1);
  }
  .footer-fixed #wx-show{
    width: 110px;
    position: absolute;
    right: 63px;
    bottom: 0;
    padding: 10px;
    border: 1px #ccc solid;
    border-radius: 10px;
    transition: all .2s;
    transform: scale(0);
    background: #fff;
  }
  .footer-fixed #wx-show:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 20px;
    right: -14px;
    border-style:solid;
    border-color: transparent transparent transparent #fff;
    border-width: 8px;
  }
  .footer-fixed #wx-show p:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 20px;
    right: -16px;
    border-style:solid;
    border-color: transparent transparent transparent #ccc;
    border-width: 8px;
  }
  .footer-fixed #wx-show p{
    text-align: center;
    font-size: 13px;
    margin-bottom: 0;
  }




/* ---------------------------内页------------------------------- */
.top-nav{
  background: #fcfcfc;
  height: 50px;
  box-shadow: 0 0 3px #888;
}
.top-nav span{
  float: left;
  line-height: 25px;
  font-size: 18px;
  border-left: 5px #0657b2 solid;
  text-indent: 15px;
  margin-top: 13px;
}
.top-nav .breadcrumb{
  padding:0 15px;
  float: right;
  background:none;
  display: inline-block;
  line-height: 50px;
  font-size: 13px;
}

.inside{
  width: 100%;
  border-top: 1px #ccc solid;
  padding-top: 30px;
}

/* ---leftpage---*/

.leftPage .top{
  width: 88%;
  margin: 0 auto;
  height: 70px;
  background: #0657b2;
  border-radius: 10px 10px 0 0;
}
.leftPage .top span:first-letter{
  font-size: 1.6em;
  vertical-align: top;
  margin-right: 4px;
}
.leftPage .top span{
  display: block;
  height: 100%;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  line-height: 70px;
  color: #fff;
  font-size: 24px;
}


.panel-group{
  width: 88%;
  margin:0 auto;
  border:1px #e2e2e2 solid;
}
.panel-group .panel{
  border:none;
  border-bottom: 1px #e2e2e2 solid;
  background: none;
}
.panel-group .panel + .panel{
  margin-top: 0;
}
.panel-default > .panel-heading{
  background: none;
  border:none;
  padding: 8px 15px;
}
.panel-group .panel-title{
  position: relative;
}
.panel-group .panel-title a{
  background: url('../images/lefticon.gif') no-repeat left center;
  font-size: 13px;
  padding-left: 10px;
}
.leftPage i{
  position: absolute;
  display: inline-block;
  width: 50%;
  right: 0;
  top: 0;
  height: 30px;
  color: #333;
  text-align: right;
  font-size: 12px;
  cursor:pointer;
}
.leftPage i:hover{
  color:#0657b2;
}
.leftPage .panel-body{
  padding:0;
}
.leftPage .panel-body a{
  display: block;
  font-size: 13px;
  text-indent:2em;
  color:#333;
  line-height: 30px;
  background: #ececec;
  border-bottom: 1px solid #e2e2e2;
  transition:all .3s;
  width: 100%;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leftPage .panel-body a:hover{
  text-indent:3em;
}



.leftPage .leftPage-bottom {
  margin: 0 auto;
  margin-top: 1px;
  margin-bottom: 20px;
  width: 88%;
  background: #0657b2;
}
.leftPage .leftPage-bottom p{
  padding: 18px;
  text-align: left;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}




/* ---rightPage---*/
.rightPage{
  box-shadow: 0px 1px 2px #ccc;
}
.rightPage .top{
  width: 100%;
  background: #e8e8e8;
}
.rightPage .top .pageTitle{
  font-size: 20px;
  color: #333;
  text-indent: 15px;
  line-height: 50px;
  margin: 0;
}
.rightPage .top p{
  float: right;
  margin-right: 10px;
  font-size: 14px;
  text-align: right;
  color: #777;
  display: inline-block;
  height: 45px;
  line-height: 45px;
}
.rightPage .content{
  width: 100%;
  min-height: 500px;
  padding: 10px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.rightPage .content .news-page img{
  width: 100%;
}
.rightPage .content .news_title{
  margin: 5px 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
}
.rightPage .content .news_info{
  text-align: center;
    color: #999;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
    margin: 10px 0;
    padding: 5px 0;
    font-size: 14px;
}






/* ----------------上一条新闻-------- */
.page_pre{
  margin-top: 30px;
  color: black;
  font-size: 14px;
}
.page_pre a, .page_after a{
  font-size: 13px;
  color: #777;
  line-height: 28px;
}
.page_pre a:hover, .page_after a:hover{
  color: red;
}

/*------------分页样式---------*/
.List_page{
  display: block;
  margin:25px 0px;
  float: right;
}
.List_page a, .List_page span{
    cursor: pointer;
    border-color: #337ab7;
    float: left;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 3px;
}
.List_page span{
  background: #ddd;
}
.List_page a:hover, .List_page span:hover{
  color: #009ed4;
}

.List_page a:nth-child(1):hover, .List_page a:nth-last-child(1):hover{
  color: #666;
}
/*------------分页样式---------*/




/* -----------------------新闻------------- */
.inside .List .news{
  height: 45px;
  border-bottom: 1px #CCCCCC dashed;
}
.inside .List .news img{
  margin: 0 8px;
  margin-top: -3px;
  width: 12px;
  height: 12px;
}
.inside .List .news a{
  display: inline-block;
  width: 65%;
  color: #666;
  font-size: 13px;
  line-height: 45px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.inside .List .news:hover a{
  color: red;
}
.inside .List .news span{
  color: #666;
  font-size: 13px;
  float: right;
  line-height: 45px;
}


/* -----------------------产品------------ */
.inside .pros{
  width: 100%;
}
.inside .pros li{
  border:1px #ccc solid;
  position: relative;
  overflow: hidden;
  height: 220px;
}
.inside .pros li:hover{
  border:1px solid red;
}
.inside .pros li img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.inside .pros p{
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: black;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inside .col-md-4{
  margin-bottom: 15px;
}
.inside-pro .col-md-4 {
    padding: 0 6px;
}
/* -------------案例------------------ */
.inside-case .col-md-4{
  padding: 0 6px;
  
}
.inside-case .content a{
  display: block;
  width:100%;
  line-height: 50px;
}

/* 百度地图 */
.baiduMap{
  width: 100%;
  height: 300px;
  border: 1px #ccc solid;
}




@media only screen and (min-width: 100px) and (max-width: 640px) {
  .footer-fixed{
      right: 0;
  }
  .header-top{
    display: none;
  }
  header{
    display: none;
  }
  nav{
    background: #fff;
  }
  nav .menu {
    width: 100%;
    height: auto;
    background: #757879;
  }
  nav .menu li{
    width: 100%;
    float: none;
  }
  nav .menu li>a{
    line-height: 42px;
  }
  nav .navbar-brand{
    display: block;
  }
  nav .navbar-brand img{
    height: 45px;
  }
  .navbar-brand{
    padding: 3px 15px;
  }
  .navbar {
      border: 1px solid transparent; 
  }
  .col-xs-3, .col-xs-4 , .col-xs-12{
    margin-bottom: 15px;
  }
  .carousel .carousel-inner .item{
    height: 130px;
    background-size: 100% 100%;
  }
  textarea{
    width: 80%;
  }
  #div3 img{
    max-width: 100%;
  }
  .container{
    padding: 0;
  }
  .section{
    padding:0 10px;
  }
  .section .section-box .top i{
    left: -50px;
  }
  nav .menu .menu2{
    background:#fff;
  }
  nav .menu .menu2 a{
    background:#fff;
    color: #333;
  }

  footer{
    padding-top: 0;
  }
  .bottom{
    margin-top: 0;
  }
  .inside{
    padding-top: 0;
  }
  .rightPage .top .pageTitle{
    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;
  }
   nav .menu li:hover a span:nth-of-type(1){
      top: -45px;
   }
   nav .menu li:hover a span:nth-of-type(2){
      top: 0;
   }
   .row{
      margin-right: 0;
      margin-left: 0;
   }
   .col-xs-12, .col-md-9{
      padding-right: 0px;
      padding-left: 0px;
   }
  .navbar-toggle .icon-bar{
    background: #2f8abf;
    transform-origin: center left;
    transition: all .5s;
  }
  .section h1{
    font-size:30px;
  }
  .section1{
    padding-top:25px;
    background:none;
  }
  .section1 h1{
    color:#333;
    font-size:30px;
    text-align: center;
  }
  .section1 p{
    line-height: 30px;
    color: #666;
  }
  .section2{
    padding:0;
  }
  .section2 .pro p{
    line-height: 35px;
  }
  .section-news{
    padding-left:0;
  }
  .section-news .col-xs-3{
    padding:0;
  }
  .section-news .row .time{
    height: 70px;
    width: 70px;
    border-radius: 0;
    padding:5px;
  }
  footer .link{
    padding: 0 10px;
    width:100%;
  }
  .rightPage .content{
    padding:5px 0;
  }
  .rightPage .cont-text{
    padding: 10px;
  }
  .inside-pro .col-md-4 {
      padding: 0 2px;
  }
  nav .menu li{
    height:auto;
  }
  nav .menu li .menu2{
    padding-top:0;
    width:100%;
  }
  .section3 .row img{
    max-width:100%;
  }
  .section3 .row p{
    padding-left:0;
  }



}