@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }
.online{ width: 80px; height: auto; padding:20px 0; box-sizing: border-box; background-color: #ed1f24; box-sizing: border-box; position: fixed; right:10px; top:50%; margin-top: -100px; border-radius: 5px; background-image: url(../images/online.png); background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: 800; }
.online > .online-btn{ width:100%; height: auto; display: block; line-height: 40px; text-align: center; color: #FFF; position: relative; }
.online > .online-btn::after{content: ' '; width:30px; height: 2px; background-color: #FFF; position: absolute; left:50%; bottom:0; margin-left:-15px; display: none;}
.online > .online-btn:nth-of-type(1)::after{display: block;}
.online > .online-btn:nth-of-type(1){ margin-bottom: 10px; padding-bottom:5px; }
.online > .online-btn > p{ width:30px; height: 30px; line-height: 30px; text-align: center; margin:0 auto;  }
.online > .online-btn > p > i{ font-size: 30px; color: #FFF; }
.online > .online-btn > h3{ width: 100%; font-size: 14px; font-weight: normal;  }
.online > .online-btn:hover{color: #FFF !important; }
.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}
/**/


.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); position:fixed; left:0; top:0;  z-index:100;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; }
.logo{ display:block; width:200px; padding-top:5px; padding-bottom:5px; }
.logo img{ width:100%;}
.hd-right{ flex:1; box-sizing: border-box; text-align: right; position: relative; /*display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-end; align-items:center;*/ position: relative;}
.hd-right > .search{ width:50px; height: 90px; text-align: center; position: relative; float: right;}
.hd-right > .search > a{ width:100%; text-align: center; line-height: 90px; }
.hd-right > .search > a > i{ font-size: 18px; }
.hd-right > .search > p{border-top:1px solid #ed1f24; width:200px; height: 36px; background-color: rgba(255,255,255,0.8); position: absolute; right:0; top:90px; overflow: hidden; z-index: 600; display: none; }
.hd-right > .search > p > input{ width:100%; box-sizing: border-box; border:0; padding:0 10px; color: #333; height: 36px; line-height: 36px; position: absolute; left:0; top:0; background-color: transparent;}
.hd-right > .search:hover > p{display: block;}
.hd-right > .nav{flex:1; align-self: flex-end; box-sizing: border-box; font-size: 0;}
.hd-right > .nav > ul > li{  display: inline-block; height: 90px; line-height: 90px; text-align: center;font-size: 16px; position: relative; }

.hd-right > .nav > ul > li:nth-of-type(1)::after{ display: none; }
.hd-right > .nav > ul > li > a{ width:100%; height: 90px; line-height: 90px; display: block; text-align: center; padding:0 14px; box-sizing: border-box; border-bottom: 1px solid transparent;}
.hd-right > .nav > ul > li.on > a,.hd-right > .nav > ul > li:hover > a{ border-bottom:1px solid #ed1f24; color: #ed1f24 !important;}
.hd-right > .nav > ul > li > p{ width:100%; height: auto; position: absolute; left:0; top:90px;background-color: rgba(255,255,255,0.8); z-index: 200; display: none;}
.hd-right > .nav > ul > li > p > a{ width:100%; height: 36px; line-height: 36px; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px;  }
.hd-right > .nav > ul > li > p > a + a{ border-top: 1px solid rgba(100,100,100,0.1); }
.hd-right > .nav > ul > li:hover > p{ display: block; }

.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #013686; }
.menu > h3 > i{ font-size:20px;}

.header-blank{ background-color:transparent; height:90px;}


/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(120,120,120,1);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto;   }
/*底部*/
.foot-blank{ height:auto; width:100%; }
.footer{ box-sizing:border-box; background-color: #2d2d2d; padding-bottom: 10px;  }
.footer > .c-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:flex-start; padding-top:3%; padding-bottom: 0; }
.footer > .c-con > .footer-logo{ display: block; width: 180px; box-sizing: border-box; padding:20px; padding-top: 0 }
.footer > .c-con > .footer-logo > img{ width:100%; }
.footer > .c-con > .footer-main{ flex:1; box-sizing: border-box; padding-left:2%; align-self: flex-start; }
.fm-col{ width:100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.fmc-left{ flex: 1;  }
.fmc-left > h2{ font-size: 16px; width:100%; padding-bottom:10px;color: rgba(255,255,255,0.8); }
.fmcl-links,.copyright{width:100%; line-height: 24px; color: rgba(255,255,255,0.8); font-size: 12px;}
.copyright{ margin-top: 2%; }
.fmcl-links > a,.copyright > a{color: rgba(255,255,255,0.8);}
.fmc-ewm{width:50%; }
.fmc-ewm > h2{ font-size: 16px; width:100%; padding-bottom:10px;color: rgba(255,255,255,0.8); }
.fmc-ewm > ul > li{ width:50%; float: left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.fmc-ewm > ul > li > p{width:45%; overflow: hidden; }
.fmc-ewm > ul > li > p img{ width:100%; }
.fmc-ewm > ul > li > h3{ flex:1; font-weight: normal; font-size: 14px; line-height: 20px; box-sizing: border-box; padding-left:4%; color: rgba(255,255,255,0.8);}
.fm-link{ width:100%; border-top: 1px solid rgba(255,255,255,0.8); padding-top: 1%; margin-top: 1%; line-height: 24px; font-size: 12px; color: rgba(255,255,255,0.8); padding-right:120px; box-sizing: border-box; position: relative;}
.fm-link > span{ float: right; background-color: #DDD; position: absolute; right:0; top:10px; height: 24px; line-height: 24px; display: block; }
.fm-link a{ color: rgba(255,255,255,0.8); }
.fm-link a{ color: rgba(255,255,255,1) !important; }




/*首页*/
/*焦点图*/
.flash{ width:100%; position: relative; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display:none;}
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #3d5c9d; }
.swiper1 .swiper-pagination-bullet-active{background-color:#fcd500;}
.swiper1 .swiper-slide{ position:relative;}
.swiper1 .swiper-slide > img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box;  } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }
.yewu{ width:1200px; background-color: rgba(255,255,255,0.5); position: absolute; left:50%; bottom:0; margin-left:-600px; z-index: 300; }
.yewu > ul > li{ float: left; width:16.66%; box-sizing: border-box; padding-top:10px; padding-bottom:10px; border-left: 1px solid #aeb0b3;}
.yewu > li > li:nth-of-type(1){ border-left:0;  }
.yewu > ul > li > p{ width:60px; margin:0 auto; }
.yewu > ul > li > p img{ width:100%; }
.yewu > ul > li > p img:nth-of-type(1){ display: block; }
.yewu > ul > li > p img:nth-of-type(2){ display: none; }
.yewu > ul > li > h3{ width:100%; font-weight: normal; text-align: center; font-size: 16px;  }
.yewu > ul > li.on,.yewu > ul > li:hover{ background-color: rgba(255,255,255,0.9); }
.yewu > ul > li.on > p img:nth-of-type(1),.yewu > ul > li:hover > p img:nth-of-type(1){ display: none; }
.yewu > ul > li.on > p img:nth-of-type(2),.yewu > ul > li:hover > p img:nth-of-type(2){ display: block; }
.yewu > ul > li.on > h3,.yewu > ul > li:hover > h3{ color: #1e489f !important; text-decoration: underline; }
.yewu > ul > li > .yw-sub{ display: none; width:100%; box-sizing: border-box; padding:2%; border-left: 1px solid #EEE; box-shadow: 0 2px 3px rgba(100,100,100,0.1); background-color: #FFF; position:absolute; left:0; top:101px;  flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.yewu > ul > li:hover > .yw-sub{ display: flex;}
.yewu > ul > li > .yw-sub > .ywsub-about{ flex:1; box-sizing: border-box; padding-right:5%;}
.yewu > ul > li > .yw-sub > .ywsub-about > h3{ text-indent: 1.6rem; width:100%; font-weight: normal; font-size: 16px; padding-bottom: 2%; border-bottom:1px solid #EEE; }
.yewu > ul > li > .yw-sub > .ywsub-about > p{ text-indent: 1.6rem; width:100%; font-size: 12px; line-height: 24px; margin-top: 2%; }
.yewu > ul > li > .yw-sub > .ywsub-img{display: block; width:25%; overflow: hidden; }
.yewu > ul > li > .yw-sub > .ywsub-img img{ width:100%; }

.notic{ width:100%; border-top: 2px solid #ed1f24; background-color: #f2f2f2; }
.notic > .c-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding-top: 10px; padding-bottom:10px; padding-left:10px; padding-right:10px; }
.notic > .c-con > header{ font-size: 14px; color: #1e489f}
.notic > .c-con > header > i{ font-size: 16px; color: #ed1f24;}
.notic > .c-con > div{ flex: 1; height: 30px;  box-sizing: border-box; padding-left:2%; padding-right:2%; overflow: hidden; }
.swiper3{ height:30px;}
.swiper3 .swiper-pagination {right:0; display:inline-block; width:98px; padding-top:2%; padding-bottom:2%; bottom:0; left:auto; text-align:right; padding-right:10px; box-sizing:border-box; display:none;}
.swiper3 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,0.6); margin:0 3px!important;width:12px; height:12px; border-radius:50%;}
.swiper3 .swiper-pagination-bullet-active{background:rgba(221,56,74,0.8);}
.swiper3 .swiper-slide{ margin-bottom:0 !important; position:relative; height:30px; line-height:30px; font-size:12px; overflow:hidden;}
.swiper3 .swiper-slide > span{ display:inline-block; box-sizing:border-box; height:24px; line-height:22px; width:auto; padding-left:0; color:#999; margin-top:3px; margin-right:10px; border-radius:6px; float: right;}
.swiper3 .swiper-button-next,.swiper3 .swiper-button-prev{ color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2); border-radius:3px; height:50px; width:30px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-25px;  } 
.swiper3 .swiper-button-next:hover,.swiper3 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0.5);color:rgba(221,56,74,0.8)} 
.swiper3 .swiper-button-next i,.swiper3 .swiper-button-prev i{ font-size:24px; text-align:center; /*color:rgba(0,0,0,0.64);*/ line-height:50px;}
.notic > .c-con > footer{font-size: 12px;}
.notic > .c-con > footer > a{color:#1e489f;}
.notic > .c-con > footer i{ font-size: 12px; }

.home-col{ width:100%; }
.home-col > header{ width: 100%;  padding-top: 3%; padding-bottom: 3%;}
.home-col > header > h3,.home-col > header > h4,.home-col > header > p{ width:100%; font-weight: normal; text-align: center; box-sizing: border-box; padding-left:10%; padding-right:10%; color: #999; }
.home-col > header > h3{ font-weight: normal; font-size: 30px; color: #333; }
.home-col > header > h4{ position: relative; font-size: 20px; text-transform: uppercase; padding-top: 1%; padding-bottom:1%; }
.home-col > header > h4::after{ content: ' '; width:100%; height: 1px; background-color: #f1f1f1; position: absolute; left:0; top:50%; z-index: 20;  }
.home-col > header > h4 > p{  display: inline-block; padding-left:5%; padding-right:5%; background-color: #FFF; position: relative; z-index: 22;}
.home-col > header > p{ width:auto; font-size: 14px; line-height: 24px; text-align: center; color: #999; }

.about{ width: 100%; display: flex;flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-bottom:5%; }
.about > .about-left{ flex:1;  padding-right:5%; box-sizing: border-box; position: relative;}
.about > .about-left > .al-title{ display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.about > .about-left > .al-title > p{ width:100px; overflow: hidden;  }
.about > .about-left > .al-title > p > img{ width:100%; }
.about > .about-left > .al-title > h3{ flex: 1; font-weight: bold; font-size: 20px; color:#1e489f; box-sizing: border-box; padding-left:2%; }
.about > .about-left > div{ text-indent: 1.6rem; line-height: 30px; font-size: 14px; margin-top: 2%; }
.about > .about-left > .al-btn{width:100px; text-align: center; display: block; padding: 5px 10px; font-size: 14px; box-sizing: border-box; border:1px solid #EEE; position: absolute; left:0; bottom:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.about > .about-left > .al-btn:hover{ background-color: #ed1f24; color: #FFF !important; }
.about > .about-right{ display: block; width:40%; overflow: hidden; }
.about > .about-right > p{ width:100%; overflow: hidden; }
.about > .about-right > p > img{width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.about > .about-right:hover p > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); }
.about > .about-right > h3{ width:100%; box-sizing: border-box; padding:3% 5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; font-size: 14px; text-align: center;  background-color: #ed1f24; color: #FFF; }
.about > .about-right > h3 > span{ font-weight: bold; font-size: 18px; }

.cases{ background-image: url(../images/case.png); padding-bottom:2%; background-repeat: no-repeat; background-position: center bottom; background-color:#f1f1f1 ;
 }
.swiper4{ padding-bottom:50px; }
.swiper4 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:10px; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;}
.swiper4 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:20px; height:20px; border-radius:50%; box-sizing:border-box;  background-image: url(../images/cases-btn2.png); background-repeat: no-repeat; background-position: left top; background-color: transparent; background-size: 100%;
}
.swiper4 .swiper-pagination-bullet-active{background-image: url(../images/cases-btn.png);}
.swiper4 .swiper-slide{ position:relative; background-color: #f4f4f4; box-shadow: 0 0 5px rgba(100,100,100,0.3);}
.swiper4 .swiper-slide > a > p{ width:100%; overflow: hidden;}
.swiper4 .swiper-slide > a > p > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper4 .swiper-slide:hover > a > p > img{transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02);}
.swiper4 .swiper-slide > a > h3,.swiper4 .swiper-slide > a > h4{ width:100%; font-size: 16px; text-align: center; font-weight: normal; height: 40px; line-height: 40px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.swiper4 .swiper-slide > a > h4{ height: 24px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:3%; }
.swiper4 .swiper-slide > a > h5{ height: 40px; width:100%;  background-color: #FFF; box-sizing: border-box; padding:19px 30%; /* transition: all 0.5s linear; -webkit-transition: all 0.5s linear;*/}
.swiper4 .swiper-slide > a > h5 > p{ width:100%; height: 2px; background-color: #FFF; position: relative; }
.swiper4 .swiper-slide > a > h5 > p::after{ content: '\e625'; width:20px; height: 24px; line-height: 24px;  position:absolute; right:-10px; top:50%; margin-top: -12px;font-family:"iconfont" !important;  font-size:14px; color: #FFF; transition: all 0.5s linear; transform: translateX(-200px); -webkit-transform: translateX(-200px); -webkit-transition: all 0.5s linear; opacity: 0}
.swiper4 .swiper-slide:hover > a > h5{  background-color: #ed1f24;}
.swiper4 .swiper-slide:hover > a > h5 > p::after{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }

.swiper4 .swiper-button-next,.swiper4 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box;  display:none; } 
.swiper4 .swiper-button-next:hover,.swiper4 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper4 .swiper-button-next i,.swiper4 .swiper-button-prev i{ font-size:1.0rem; }
.cases-more{width:100px; text-align: center; display: block; padding: 5px 10px; font-size: 14px; box-sizing: border-box; border:1px solid #EEE; margin:0 auto; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background-color: #FFF;}
.cases-more:hover{ background-color: #ed1f24; color: #FFF !important; }

.honor{ padding-bottom:2%; background-color: #FFF; }
.box5{ width:1200px; height:auto; margin:0 auto; position:relative; padding-left:70px; padding-right:70px;  box-sizing:border-box; margin-bottom:2%;}
.swiper5 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display:none;}
.swiper5 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; background-color: #3d5c9d; }
.swiper5 .swiper-pagination-bullet-active{background-color:#fcd500;}
.swiper5 .swiper-slide{ position:relative; box-sizing: border-box; background-color: #FFF; border:1px solid #EEE;}
.swiper5 .swiper-slide > a > p{ width:100%; overflow: hidden; }
.swiper5 .swiper-slide > a > p > img{ width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper5 .swiper-slide:hover > a > p > img{transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02);}
.swiper5 .swiper-slide > a > h3{ width:100%; text-align: center; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 40px; line-height: 40px; font-weight: normal; padding:0 10px;box-sizing: border-box; }
.box5 .swiper-button-next,.box5 .swiper-button-prev{ color:rgba(0,0,0,0.8); background-color:rgba(255,255,255,0.9); border-radius:50%; height:40px; width:40px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-40px; box-sizing:border-box; border:1px solid #c7c7c7; } 
.box5 .swiper-button-next:hover,.box5 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.box5 .swiper-button-next i,.box5 .swiper-button-prev i{ font-size:1.0rem; }

.tools{ border-bottom:2px solid #EEE; }
.home-tools{ }
.home-tools > ul > li{ width: 32%; float: left;  margin-right:2%; position: relative;  box-sizing: border-box; padding:2%; cursor: pointer;}
.home-tools > ul > li::before{ content: ' '; display: block; width:20%; height: 2px; background-color: #ed1f24; position: absolute; left:0; bottom:0; }
.home-tools > ul > li:hover::before{ display: block; }
.home-tools > ul > li::after{ content: ' '; width:2px; height: 30px; background-color: #c7c7c7; position: absolute; left:0; top:50%; margin-top: -15px; }
.home-tools > ul > li:nth-of-type(1){ padding-left:0; }
.home-tools > ul > li:nth-of-type(1)::after{ display: none; }
.home-tools > ul > li:nth-of-type(3n){ margin-right:0; }
.home-tools > ul > li > h3,.home-tools > ul > li > p{ width:100%; font-weight: normal; font-size: 18px; text-align: left; color: #673a18; }
.home-tools > ul > li > p{ font-size: 14px; line-height: 20px; margin-top: 10px; color: #999;}
.home-tools > ul > li > span{ display: block; width:32px; height: 32px; position: absolute; right:0; top:50%; margin-top: -30px; }
.home-tools > ul > li > span > i{ font-size: 24px; color: #673a18; font-weight: bold; }

.home-blank{  height: 60px; }

.cotnact{ background-image: url(../images/contact.png); background-position: center top; background-repeat: no-repeat; padding-bottom: 2%; }
.cotnact > header > h3{ color: #FFF; }
.cotnact > header > h4::after{ display: none; }
.cotnact > header > h4 > p{ background-color: transparent;  }
.conactForm{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;display:none; }
.cf-left{ width:40%;  }
.cf-left > p{ width:100%; }
.cf-left > p + p{ margin-top: 20px; }
.cf-left > p > input{ width:100%; height: 40px;line-height: 40px; font-size: 14px; border:0; background-color: transparent; box-sizing: border-box; padding:0 10px; }
.cf-right{ flex:1; box-sizing: border-box; padding-left:3%; }
.cf-right > p{ width:100%; }
.cf-right > p > textarea{ width:100%; height: 120px; background-color: transparent; border:0; box-sizing: border-box; padding:10px; }

.contactForm-submit{ width:120px; height: 40px; margin:0 auto;display:none; }
.contactForm-submit > input{ width:100%; height: 40px; background-color: transparent; border:0; text-decoration: underline; color: #FFF; font-size: 16px; }








