*{ margin:0px; padding:0px; box-sizing: border-box; }
body 
{ 
    font-family: Arial,sans-serif;
    line-height:1;
    
    min-width:1200px; 
}
a{ text-decoration:none;}
ul,li{ list-style:none; }

img{ max-width:100%; vertical-align:middle; }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.con{ max-width:1200px; margin:0 auto; }


.head{ padding:20px 0px 25px; }


.hflex{ display:flex; align-items: center; }
.head .nav ul{ display:flex; }

.head .nav ul li a{ font-size:24px; color:#000000; padding:10px 24px; display:block; }
.head .nav ul li.cur{ background:#ffc312; }
.head .nav ul li:hover{ background:#ffc312; }
.hflex .logo{ margin-right:40px; }


.foot{ background:#121416; color:#ffffff; padding:65px 0px 30px; }
.foot ul{ display:flex;     justify-content: space-between; padding:0px 35px;  }
.foot ul li { width:33.333%; }
.foot ul li h3{ font-size:27px; margin-bottom:25px; padding:18px 0px; position:relative;  }
.foot ul li h3:after{ content:''; position:absolute; width:112px; height:2px; background:#ffffff; bottom:0px; left:0px;  }
.foot ul li h3:before{ content:''; position:absolute; width:61px; height:4px; background:#f4a24c; bottom:-1px; left:0px; z-index:9999999;  }
.foot ul li a{ color:#ffffff; }
.foot ul li p{ margin-bottom:15px; font-size:16px; }
.foot ul li dl{ display:flex;  flex-wrap:wrap;   }
.foot ul li dl dd { margin-bottom:20px; width:50%; }
.foot ul li dl dd a{ font-size:16px; }
.foot ul li dl dd a span{ margin-right:10px;  }

.foot ul li dl dd a:hover{ color:#ffc312; }

.tit { text-align:center; margin-bottom:80px; }
.tit h2{ font-size:40px; color:#000192; text-transform: uppercase;  }
.tit p{ font-size:30px; color:#000004; margin-top:20px;  }
.sec1 { position:relative; }
.sec1 p{ position:absolute; width:100%; text-align:center; top:50%; color:#ffffff; font-size:60px; margin-top:-30px;   }
.sec2{ padding-top:85px; padding-bottom:35px; }
.sec3{ padding-top:60px; padding-bottom:60px; background:#f5f5f5; }
.sec4{ padding-top:60px; padding-bottom:50px; }
.sec5{ padding-top:70px; padding-bottom:60px; background:#f5f5f5; }
.sec6{ padding-top:80px; padding-bottom:0px; position:relative; }
.sec7{ padding-top:80px; padding-bottom:0px; }
.sec8{ padding-top:40px; padding-bottom:120px; }


.sec2 ul{display:flex;     justify-content: space-between; }
.sec2 ul li{ text-align:center; width:33.3333333333333333333333333333333%; cursor:pointer;  }
.sec2 ul li .img{ padding-bottom:30px; position:relative; margin-bottom:30px; }
.sec2 ul li .img img{ height:78px;}
.sec2 ul li .img:after{content:''; position:absolute; width:100%; height:2px; background:#444444; bottom:0px; left:0px; }



.sec2 ul li.cur .img:before,.sec2 ul li:hover .img:before{content:''; position:absolute; width:100%; height:4px; background:#ffc312; bottom:-1px; left:0px; z-index:999; }



.sec2 ul li h3{ font-size:25px; text-transform: uppercase; margin-bottom:25px; }
.sec2 ul li p{ font-size:16px; line-height:20px; padding:0px 20px; }










.sec3 .s3flex{display:flex;     justify-content: space-between;  }
.sec3 .s3flex .txt{ flex:1; }

.sec3 .s3flex .txt img{ margin-bottom:20px; }
.sec3 .s3flex .txt h3{ margin-bottom:20px; font-size:33px; }
.sec3 .s3flex .txt p{ margin-bottom:20px; font-size:16px; line-height:20px }


.buttons { display:flex;     align-items: center; }
.buttons a.b1{ background:#ffc412; display: block; font-size:21px; line-height:1; color:#000000; padding:20px 18px; border-radius:30px; margin-right:10px;
               
               
               
               transition: transform 0.4s;  }
               
               .buttons a.b1:hover{ -webkit-transform:scale(1.1)}
               
.buttons a.b2{ background:#ffc412; display: block; padding:20px 19px; border-radius:30px; transition: transform 0.4s; }

               .buttons a.b2:hover{-webkit-transform:scale(1.1) }
               
.buttons a.b2 img{ margin-bottom:0px !important;}

center .buttons { display:flex;     align-items: center;     justify-content: center;
 }

.cta{display:flex;     align-items: center;  }
.cta h3{ font-size:14px; margin-left:10px;   }

.sec6 ul li:last-child .buttons a.b1 {
    background: #ffffff; 
}

.sec6 ul li:last-child .buttons a.b2 {
    background: #ffffff; 
}
.sec3 .s3flex .img{ margin-right:90px; margin-top:20px; }


.sec4 .s4t{display:flex;     justify-content: space-between;  margin-bottom:50px;   }
.sec4 .s4t .txt{ flex:1; margin-right:20px; }

.sec4 .s4t .txt ul li{ border-top:2px solid #cccccd; padding-top:45px;  padding-bottom:20px; display:flex; }

.sec4 .s4t .txt ul li .icon p{ background:#ffc312; padding:12px 30px; border-top-right-radius:40px;  }
.sec4 .s4t .txt ul li .icon p img{ width:66px; }
.sec4 .s4t .txt ul li .text{ flex:1 ; margin-left:25px; }

.sec4 .s4t .txt ul li .text h4{ font-size:25px;  line-height:29px;  margin-bottom:20px; }
.sec4 .s4t .txt ul li .text p{ font-size:16px;  line-height:20px;  }

.sec4 .s4b{ text-align:center; }

.sec4 .s4b p{  font-size:18px;   margin-bottom:25px; line-height:20px; padding:0px 40px; }
.sec4 .s4b h4{  font-size:26px;   margin-bottom:30px; line-height:36px; color:#000192; }
.sec4 .s4t .img h2{ text-align:right; font-size:30px; color:#000192; line-height:36px;    text-transform: uppercase; margin-bottom:80px; }










.sec5 .s5c{display:flex;     justify-content: space-between;  }
.sec5 .s5c .txt{ flex:1; }



.sec5 .s5c .txt img{ margin-bottom:20px; }
.sec5 .s5c .txt h3{ margin-bottom:20px; font-size:33px; }
.sec5 .s5c .txt p{ margin-bottom:20px; font-size:16px; line-height:20px }

.sec5 .s5c .img{ margin-left:60px;  }

.sec5 .tit h2 {
    font-size: 36px; 
}
.sec5 .tit p {
    font-size: 40px; 
}


.sec6 ul{display:flex;     justify-content: space-between; background:#f5f5f5; }
.sec6 ul li{ width:50%; padding:50px; }

.sec6 ul li:last-child{ background:#ffc312; }

.sec6 ul li:hover{  box-shadow:5px 0 13px rgb(14,5,10,0.17); cursor:pointer; }


.sec6 ul li dt{display:flex; align-items: center; margin-bottom:20px; }

.sec6 ul li dt .icon{ margin-right:20px; }
.sec6 ul li dt h3{  font-size:33px; line-height:37px; }
.sec6 ul li dd { margin-bottom:10px; }
.sec6 ul li dd h4{  font-size:24px; margin-bottom:10px; }
.sec6 ul li dd p{ font-size:18px; line-height:26px;   }
.sec6 ul li dd p img{ margin-right:10px; }
.sec6 ul li dd h5{  font-size:20px; margin-top:20px;line-height:26px; font-weight:normal;  }

.sec7 ul{display:flex; justify-content: space-between; flex-wrap:wrap;    }
.sec7 ul li{ width:48%; text-align:center; box-shadow:5px 0 13px rgb(14,5,10,0.17); border-radius:12px; padding:24px 10px; margin-bottom:40px; position:relative; }

.sec7 ul li:hover{  box-shadow:5px 0 23px rgb(14,5,10,0.5); cursor:pointer;  }

.sec7 ul li:after{content:''; position:absolute; width:328px; height:6px; background:#ffc312; bottom:0px; left:0px; margin:0 auto; right:0px; }
.sec7 ul li .icon{ margin-bottom:30px; }

.sec7 ul li h3{ font-size:33px; margin-bottom:10px; line-height:40px; }
.sec7 ul li p{ font-size:20px;  line-height:28px; }





.sec8 .s8box{ display:flex;     justify-content: space-between; align-items: center; }
.sec8 .s8box .b1{ text-align:center; display:flex; flex-direction:column; width:25%; }
.sec8 .s8box .b1 .btxt{ text-align:center; display:flex; flex-direction:column; }
.sec8 .s8box .b2{ text-align:center; display:flex;  flex-direction:column-reverse; width:25%;  }
.sec8 .s8box .b2 .btxt{ text-align:center; display:flex; flex-direction:column-reverse; }
.sec8 .s8box h4{ font-size:24px; color:#000004; font-weight:normal; line-height:30px; margin-bottom:20px;  }
.sec8 .s8box p{ font-size:14px; color:#000000; font-weight:normal; line-height:20px;  }
.sec8 .s8box .b1 p{ margin-bottom:20px; }
.sec8 .s8box .b2 .bimg{ margin-bottom:20px; margin-top:20px; }
.sec8 .s8box .b1 .bimg{ margin-bottom:20px;  }
.sec8 .s8box .bnum{ font-size:75px; padding:40px 0px; background:#5a5a5a; width:80%; margin:0 auto;  }
.sec8 .s8box .b2 .bnum{ background:#ffc312; border-top-left-radius:20px;  border-top-right-radius:20px;}
.sec8 .s8box .b1 .bnum{ color:#ffffff; border-bottom-left-radius:20px;  border-bottom-right-radius:20px; }

.sec8 .s8box .b1:hover{ cursor:pointer; }
.sec8 .s8box .b1:hover .bnum{ background:#ffc312; color:#000000; }
.sec8 .s8box .b2:hover{ cursor:pointer; }
.sec8 .s8box .b2:hover .bnum{ background:#5a5a5a; color:#ffffff; }

.stflex     
{
    display: flex;
    justify-content: space-between; 
     position:relative;
     
    } 
.stflex .i15{ position:absolute ;    right: -53px;
    top: -62px; z-index:0;  }
.story{ padding-top:80px; padding-bottom:100px; }
.story .stflex .txt{ flex:1; }


.story .stflex .txt img{ margin-bottom:20px; }
.story .stflex .txt h3{ margin-bottom:20px; font-size:35px; color:#000192; }
.story .stflex .txt p{ margin-bottom:20px; font-size:16px; line-height:28px;   }
.story .stflex .txt p strong{font-size:27px; line-height:40px; }
.story .stflex .img{ margin-left:20px; position:relative; z-index:999;  }


.dedi{ padding-top:80px; padding-bottom:100px; }
.dflex     
{
    display: flex;
    justify-content: space-between; 
    }
    
    
    
.dedi .dflex .txt{ flex:1; text-align:right; }




.dedi .dflex .txt img{ margin-bottom:20px; }
.dedi .dflex .txt h3{ margin-bottom:20px; font-size:35px; color:#000192; }
.dedi .dflex .txt p{ margin-bottom:20px; font-size:16px; line-height:20px }



.dedi .dflex .img{ margin-right:20px;  }

.dedi .buttons {
    display: flex;
    align-items: center;    flex-direction: row-reverse;
}

.dedi .buttons a.b1 {
    background: #ffc412;
    display: block;
    font-size: 21px;
    line-height: 1;
    color: #000000;
    padding: 20px 18px;
    border-radius: 30px;
    margin-right: 0px;
    margin-left: 10px;
}
.cul{  padding-top:90px; padding-bottom:60px; background:#f5f5f5; }

.cul .tit h2 {
    font-size: 33px; 
}

.cul .tit p {
    font-size: 30px; 
    line-height:35px;
}

.cul ul{display:flex; justify-content: space-between; flex-wrap:wrap;    }
.cul ul li{ width:49%; background:#ffffff; border-radius:16px; padding:40px 20px; margin-bottom:40px; display:flex; }
.cul ul li .txt{ flex:1; margin-left:20px; }
.cul ul li .txt h3{ font-size:21px; margin-bottom:15px; }
.cul ul li .txt p{ font-size:15px; line-height:23px; }
.cul ul li:hover{ cursor:pointer;  box-shadow:5px 0 23px rgb(14,5,10,0.5); }

.how{  padding-top:120px; padding-bottom:60px;  }
.vision{  padding-top:60px; padding-bottom:60px;  }


.how .htop{display:flex; justify-content: space-between; margin-bottom:45px;     align-items: center; }


.how .htop .vtit{ font-size:40px; color:#000192;     text-transform: uppercase; font-weight:bolder;  position:relative; padding-bottom:35px; margin-bottom:0px;  }
.how .htop .vtit:after{
    content: '';
    position: absolute;
    width: 85px;
    height: 5px;
    background: #ffc312;
    bottom: 0px;
    left: 0px;  }
    
.how .htop .hmore{ position:relative; padding-right:34px; } 

.how .htop .hmore:after{
    content: '';
    position: absolute;
    width: 78px;
    height: 58px;
    background: #ffc312;
    bottom: -15px;
    right: 0px; border-top-left-radius:20px;  z-index:-1;   }

.how .htop .hmore a{ font-size:17px; line-height:26px; color:#000000;}

.how ul{display:flex; justify-content: space-between;  }

.how ul li{ width:48%; text-align:center; box-shadow:5px 0 13px rgb(14,5,10,0.17); position:relative;   }

.how ul li:hover{ cursor:pointer;  box-shadow:5px 0 23px rgb(14,5,10,0.5); }
.how ul li:after {
    content: '';
    position: absolute;
    width: 328px;
    height: 6px;
    background: #ffc312;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
}


.how ul li .txt{ padding:35px 40px 35px; }
.how ul li .txt h3{ font-size:22px; line-height:30px; color:#000000; padding:0px 50px; margin-bottom:30px; }
.how ul li .txt p{ font-size:16px; line-height:24px; color:#000000; }

.vision .vflex{     display: flex;
    justify-content: space-between;} 
    
.vision .vflex .txt{ flex:1; }


.vision .vflex .txt .vtit{ font-size:40px; color:#000192;     text-transform: uppercase; font-weight:bolder;  position:relative; padding-bottom:35px; margin-bottom:35px;  }
.vision .vflex .txt .vtit:after{
    content: '';
    position: absolute;
    width: 85px;
    height: 5px;
    background: #ffc312;
    bottom: 0px;
    left: 0px;  }

.vision .vflex .txt img{ margin-bottom:20px; }
.vision .vflex .txt h3{ margin-bottom:20px; font-size:28px; color:#000192; position:relative; padding-bottom: 35px;
    margin-bottom: 35px; }


.vision .vflex .txt h3:after {
    content: '';
    position: absolute;
    width: 85px;
    height: 5px;
    background: #ffc312;
    bottom: 0px;
    left: 0px;
}


.vision .vflex .txt p{ margin-bottom:20px; font-size:16px; line-height:24px;   }



.vision .vflex .img{ margin-left:30px;  }
.vision .vdd{ margin-top:60px; }
.vision .vdd p{ font-size:24px; line-height:33px; text-align:center; padding:0px 95px; margin-bottom:35px; }
.vision .vdd .vbg{ background:#ffc312 url("../images/vbg.jpg") no-repeat top right; text-align:center; font-size:32px; line-height:42px; padding:50px 30px; font-weight:bold;  }


.service1{ padding:90px 0px 70px;  } 
 
.service1 .tit h2 {
    font-size: 36px; 
    line-height:45px;
}

.service1.ser2{ background:#f5f5f5; }

.vv .tit h2 {
    font-size: 32px; 
    line-height:40px;
}


.service1 .ser1flex{display:flex;     justify-content: space-between;  }
.service1 .ser1flex .txt{ flex:1; }


.service1 .ser1flex .txt img{ margin-bottom:20px; }
.service1 .ser1flex .txt h3{ margin-bottom:20px; font-size:35px; color:#000192; }
.service1 .ser1flex .txt p{ margin-bottom:20px; font-size:16px; line-height:28px;   }


.service1 .ser1flex .img{ margin-right:60px; margin-top:20px; }



.service1.ser2 .ser1flex{display:flex; justify-content: space-between; flex-direction: row-reverse;  }


.service1.ser2 .ser1flex .img{ margin-right:0px;  margin-left:20px; margin-top:20px; }
.service1 ul.row2{display:flex;     justify-content: space-between; margin-top:80px;  }
.service1 ul.row2 li{ width:49%; text-align:center; background:#f5f5f5 url("../images/serbg.jpg") no-repeat top right; border-radius:12px;   position:relative; padding:12px 30px 45px; position:relative;  }


.service1 ul.row2 li:hover{cursor:pointer; transform: translateY(-10px);
                           transition: transform 0.4s;
 }
 
.service1 ul.row3 li:hover{cursor:pointer; transform: translateY(-10px);
                           transition: transform 0.4s;
 }

.service1 ul.row2 li .icon{ margin-bottom:20px; }
.service1 ul.row2 li h3{ margin-bottom:20px; font-size:28px; line-height:30px; }
.service1 ul.row2 li p{  font-size:16px; line-height:25px; }
.service1 ul.row2 li:after {
    content: '';
    position: absolute;
    width: 328px;
    height: 6px;
    background: #ffc312;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
}

.service1 ul.row3{display:flex;     justify-content: space-between; margin-top:50px;   }


.service1.ser2 ul.row3{ margin-top:80px;   }
.service1.ser2 ul.row2{ margin-top:50px;   }



.service1 ul.row3 li{position:relative;  padding:12px 10px 45px;  width:32.33%; text-align:center; background:#f5f5f5 url("../images/serbg.jpg") no-repeat top right; border-radius:12px;   position:relative;  }
.service1 ul.row3 li:after {
    content: '';
    position: absolute;
    width: 328px;
    height: 6px;
    background: #ffc312;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
}

.service1 ul.row3 li .icon{ margin-bottom:20px; }
.service1 ul.row3 li h3{ margin-bottom:20px; font-size:28px; line-height:30px; min-height:60px; }
.service1 ul.row3 li p{  font-size:16px; line-height:25px; }

.service1.ser2 ul.row2 li{ background:#ffffff; border-radius:0px; box-shadow:5px 0 13px rgb(14,5,10,0.09);     }
.service1.ser2 ul.row3 li{ background:#ffffff; border-radius:0px; box-shadow:5px 0 13px rgb(14,5,10,0.09);  }

.select{ background:#ffc312; padding:90px 0px 90px; position:relative;  }

.select .tit h2 {
    font-size: 33px; 
    line-height:45px;
    color:#000000; 
}
 
.select ul{display:flex; justify-content: space-between;  }

.select ul li{ padding:30px 0px; width:49%; border-radius:12px; text-align:center; background:#ffffff; box-shadow:5px 0 13px rgb(14,5,10,0.17); position:relative;   }
.select ul li:hover{ cursor:pointer;  box-shadow:5px 0 23px rgb(14,5,10,0.5); }

.select ul li h4{font-size: 26px;  line-height:40px; margin-bottom:20px;  }

.select ul li p{font-size: 18px;  line-height:30px; margin-bottom:20px; }
.select ul li a{font-size: 18px;  line-height:28px;  background:#ffc312; padding:20px 30px; display:inline-block;  color:#000000;  border-radius:30px; border-top-right-radius: 0px; }


.select .tit {
    text-align: center;
    margin-bottom: 65px;
}

.contact{ background:#f5f5f5; padding:80px 0px 40px; }
 
.contact .form{ background:#ffffff; padding:35px 45px; margin-bottom:45px; }
.contact .form input{ width:100%; margin-bottom:30px; border:1px solid #909090; border-radius:10px;
    font-size: 24px; padding:20px; }
.contact .form textarea{ width:100%; border:1px solid #909090; border-radius:10px;
    font-size: 24px; padding:20px; height:200px; }
.contact .form p{
    font-size: 32px; line-height:41px; margin-bottom:20px; color:#606060; }
.contact .tit {
    text-align: center;
    margin-bottom: 50px;
}

.contact .tit h2 {
    font-size: 57px;
    color: #000192;
    text-transform: capitalize;
} 

.pro{ padding:120px 0px 70px; }

.pro .title{ font-size:45px; text-align:center; text-transform: uppercase; margin-bottom:100px;  }

.pro ul{display:flex; justify-content: space-between; flex-wrap:wrap;   }

.pro ul li{ border-top-left-radius:16px; border-top-right-radius:16px; width:32.3333%; position:relative;  overflow:hidden; margin-bottom:50px;  }
             
.pro ul li img{ width:100%; }
.pro ul li .img{ margin-bottom:20px;  }
.pro ul li .txt h4{ font-size:25px; color:#000000; line-height:33px; text-transform: uppercase; margin-bottom:20px;  }

.pro ul li .txt .more{display:flex; justify-content: space-between;     align-items: center;   }

.pro ul li .txt .more p{ color:#f4a24c; font-size:18px; line-height:2;  }
.pro ul li .txt .more a{ color:#000000;   text-transform: uppercase;  font-size:15px; display:block; border:1px solid #000000; padding:10px 15px; border-radius:30px;  }
.pro ul li .txt .more a:hover{ color:#ffffff; background:#ffc312; border:1px solid #ffc312; }                      
.hot{ background:#efefef; padding:85px 0px; }   
                                                
                                                
.hot .title{ font-size:45px; text-align:center; text-transform: uppercase; margin-bottom:100px; position:relative;  }
.hot .title a{ position:absolute; right:0px; top:5px; background:#f4a24c; color:#ffffff; font-size:22px; padding:10px 35px; border-radius:30px; }







.ser1b{ margin-top:50px; }
.ser1b h4{ text-align:center; font-size:24px; line-height:33px; color:#000192; margin-bottom:75px;  }

.ser1b .cta{ display:flex;     justify-content: center;    align-items: center;  }

.ser1b .cta h3 {
    font-size: 25px; 
} 

.service1.ser2 .ser1b .cta h3 {
    font-size: 25px; 
    color:#000192;    margin-left: 50px;
} 
.swiper-pagination{
    width: 22%!important;
    bottom: 20px!important;
} 
.mySwiper{
    position: relative; 
}
.mySwiper,.swiper-wrapper{
    overflow: hidden;
  }
.swiper-slide img{
	width:100%;
	height:auto;
	min-height:100%;
	transition:1s linear 2s;
	transform:scale(1.1,1.1);
}
.swiper-slide-active img,.swiper-slide-duplicate-active img{
	transition:6s linear;
	transform:scale(1,1);
}

@media (max-width: 768px)  
{
    .swiper-pagination{width: 100%!important;left: 0!important;}
}


#flexiselDemo {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;  
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px ;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item  A{ padding:10px; display:block;  }
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}


.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:32px;
	height:32px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/img-sprite.png) no-repeat -44px 0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/img-sprite.png) no-repeat -77px 0px;
} 
img.fleximg{
	margin:0 auto;
	max-width: 100%;
} 
@media(max-width:1280px){
.nbs-flexisel-item{
	margin-right:8px;
} 
} 


.ctatt{ display:none; background:#fff; width:800px; position:absolute;  top:50%; 
    transform: translateY(-40%);  z-index:999;     box-shadow: 5px 0 13px rgb(14, 5, 10, 0.17);  left:0px; right:0px; margin:0 auto;   }

.ctatt .contact {
    background: #fff;
    padding: 80px 20px 0px;
    position:relative;
}

.ctatt .contact .tit h2 {
    font-size:30px;
    color: #000192;
    text-transform: capitalize;
}
.ctatt .contact .tit {
    text-align: center;
    margin-bottom: 20px;
}
.ctatt .contact .form {
    background: #ffffff;
    padding: 15px 25px;
    margin-bottom: 25px;
}
.ctatt .contact .form p {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
    color: #606060;
}
.ctatt .contact .form input {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #909090;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 20px;
}.ctatt .contact .form select {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #909090;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 20px;
}
.ctatt .contact .form textarea {
    width: 100%;
    border: 1px solid #909090;
    border-radius: 10px;
    font-size: 16px;
    padding:10px 20px;
    height: 100px;
}

.ctatt .contact .form .buttons {
    display: flex ;
    align-items: center;
    margin-top: 10px;
}

.close{ position:absolute; right:40px; top:40px;  font-size:40px; cursor:pointer; }

.pro .pflex
{
    display: flex ; 
    justify-content: space-between;
    flex-wrap: wrap; 
}
    
.pro .pflex .pleft{ width:300px; }
.pro .pflex .pright{ width:900px; }
    
    
.pro .pflex ul li {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 24%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.pro .banner{ margin-bottom:30px; }

.pro .pflex ul li .txt h4 {
    font-size: 14px; 
    line-height: 18px; 
    margin-bottom: 15px;
}
.pro .pflex  ul li .txt .more a { 
    text-transform: uppercase;
    font-size: 12px;
    display: block; 
    padding: 4px 15px;
    border-radius: 30px;
}
.pro .pflex .pleft dl{ margin-bottom:20px; }
.pro .pflex .pleft dl dt{ font-size:22px; color:#000000; margin-bottom:15px; }
.pro .pflex .pleft dl dd { margin-bottom:15px; }
.pro .pflex .pleft dl dd a{ font-size:18px; color:#6f6f6f;}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:16px}
.ab_pages ul a.page-num-current{ background:#ffc312; }
.ab_pages ul a:hover{ background:#ffc312}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}