@charset "UTF-8";
a, a:before, a:after, .proPic, #goTop,  .toolMask, #chatToolBox, .container, .showBot .contWrap, .history > li, .asideList > li, .procon > a:after, #tags li { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }
.asideTitle span, #proDes #tags li span, .proTab #tags li span, .proTop .divLeft, .showPro .box img, .inner, img, input, textarea, select, button, table, label, .center, #location, .searchForm, .formStyle li, #footerToolBar li, #footerToolBar li a, .toolMask .toolTop, .fofContainer img, .fofContainer input, .fofContainer textarea, .fofContainer select, .fofContainer button, .fofContainer table, .fofCenter, .fofWrap input, .fofSearch, .fofLeft img, .asideWrap, .procon > a, #proDes #tags li, .related .title, .proTab #tags li, .formtitle strong, #quotation label { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#nav li, .navSub, .navSub dl, .showPro .box, .showMid > div, .showBot .box, .showBot .contWrap, .mapWrap, .history > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.sitemap dt, #nav li > a, .navSub dt, .footTop li, #location, .menuSub, .asideTitle, .asideList, .newsDisplay a, .procon > a, .related .title, .proDisplay .box { text-transform: capitalize; }
.clearfix:before, #proDes #tags:before, .tagContent:before, .proTab #tags:before, .clearfix:after, #proDes #tags:after, .tagContent:after, .proTab #tags:after { content: ""; display: table; }
.clearfix:after, #proDes #tags:after, .tagContent:after, .proTab #tags:after { clear: both; }
.justify, .fofCenter, .fofCenter .fofRight > dl { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after, .fofCenter:after, .fofCenter .fofRight > dl:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line, .fofCenter .line, .fofCenter .fofRight > dl .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > *, .fofCenter > *, .fofCenter .fofRight > dl > * { text-align: left; font-size: 14px; }
.justify .box, .fofCenter .box, .fofCenter .fofRight > dl .box { display: inline-block; vertical-align: top; }
.box.justify, .box.fofCenter, .fofCenter .fofRight > dl.box { text-align: justify; }
#pageNum, .navSub dt, .contactRight label, .contactRight input, .contactRight textarea , .navSub5{ font-family: Montserrat }
#nav li > a, .newsDisplay a span, .newsTitle, .proDes > .title, .contactInfo strong,.contactLeft strong, .contTitle {font-family: Montserrat font-style: normal; }
.proTop .divLeft { float: left; }
.proTop, .proTop .listText { overflow: hidden; zoom: 1; }
.showPro .box img { float: left; max-width: 100%; }
.showPro .box, .showPro .box .listText { overflow: hidden; zoom: 1; }
/*.mainTitle, .proDisplay .box a, .contactInfo strong,.contactLeft strong { font-size: 20px; line-height: 1.2; }*/
/**:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }
.center, #location { width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; }
#menuBtn { width: 42px; height: 42px; line-height: 42px; text-align: center; top: 0; cursor: pointer; z-index: 99; border: 1px solid #fff; display: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
#menuBtn:before { font-family: icomoon; color: #fff; }
/*#menuBtn.active:before { content: '\e60b'; font-size: 28px; }*/
#menuBtn { position: fixed; right: 5px; top: 25px; background: #1276c7; z-index: 1012; }
/*#menuBtn:before {content: '\e637';font-size: 28px;}*/

@media screen and (max-width: 880px) {
.mainTitle, .proDisplay .box a, .contactInfo strong,.contactLeft strong { font-size: 18px; }}
#proDes > .title, .proDes > .title ,.contTitle { font-size: 22px; line-height: 1.2; }
@media screen and (max-width: 880px) {
#proDes > .title, .proDes > .title ,.contTitle { font-size: 20px; }}
.newsTitle { font-size: 26px; line-height: 1.2; }



@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v16/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html { font-size: 16px; }
body { color: #444444; line-height: 1.5714; background: #f5f5f5; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }

::-webkit-input-placeholder {
color: #aaa;
}

:-moz-placeholder {
color: #aaa;
}

::-moz-placeholder {
color: #aaa;
}

:-ms-input-placeholder {
color: #aaa;
}
/*a { text-decoration: none; color: #6cb43f; }*/
a:hover { color: #5a9634; }
*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


@media screen and (max-width: 870px) {
#goTop { margin-bottom: 50px; }}

body.clear { overflow: hidden; }

/*FooTable*/


@media screen and (max-width: 500px) {
.fofCenter .fofRight > dl dd { width: 100%; }
.fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; }}

.container { overflow: hidden; width: 100%; max-width: 1920px; }
#header {
    padding-bottom: 0;
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /*background: rgba(245, 245, 245, 0.9);*/
    z-index: 992;
    border-bottom: 1px solid #eee;
    /*box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); */
}
.lang { padding-top: 9px; min-height: 30px; padding-right: 60px; background: url(../img/bg-map.png) no-repeat right top; padding-top: 3px; display: inline-block; vertical-align: middle; font-size: 12px; }
.lang a { display: inline-block; margin-right: 18px; color: #555; }
.lang a:hover { color: #6cb43f; }
#nav {width: 84%;margin: 0 auto;}
#nav ul,#nav ul li{float: none;}
#nav li.hide { display: none; }
#nav li { 
   
    width: auto;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    position: relative;
    /*background: url(../img/pr.png) right no-repeat;*/
     }

#nav li > a {display: block;padding: 5px 18px;line-height: 35px;text-align: center;color: #fff;}
#nav li:last-child { margin-right: 0; }
#nav li:hover > a, #nav li.selected > a {background: #eb6100;color: #fff;}

#nav li:hover>div { display: block; }
@media screen and (max-width: 1366px) {
#nav li > a { padding:0 10px; }}
#nav li>div{position: absolute;z-index: 995;top: 100%;left: 0;border-top: 3px solid #eb6100;background: #fff;padding:25px 20px 25px 20px;display: none;box-shadow: 0px 2px 3px rgba(0,0,0,0.3);}
.navSub{ width:570px;}
.navSub .navimg{ float: right; width: 335px;}
.navSub .navimg p{ margin-top: 10px; font-size: 13px;}
.navSub dl{float: left;line-height: 1.3;width: 180px;position: relative;z-index:997;}
.navSub:before{content:''; position: absolute; left: 0; top:0; bottom: 0; width: 200px; background: #ededed; display: block; }
.navSub dl a{ display: block; color:#555; }
.navSub dt { font-size: 15px; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 10px; font-weight: bold;  }
.navSub dd { padding-bottom: 6px; margin-bottom: 8px; border-bottom: 1px solid #ccc; font-size: 15px; }
.navSub5 .justify:before , .navSub5 dl:first-child:before , .navSub5 dl:first-child:after{ content:''; position: absolute; width: 1px; overflow: hidden; background: #ddd;}
.navSub dl a , .navSub5 dd a{ color: #555;}
.navSub dl a:hover , .navSub5 dd a:hover{ color: #3b3663;}
/* .navSub dt a:before , .navSub dd a:before{ content:'\e650'; padding-right: 5px; font-family: icomoon; font-size: 14px;} */
.navSub5{width: 1015px;}
.navSub5 dl{margin-left: 13px;}
.navSub5 dl:first-child{margin-left: 0;}
.subGray{ float: left;}
.navSub.navSub5:before{width: 640px;}
.navSub2{width: 350px;padding: 10px 15px !important;}
.navSub2 p{margin:0;}
.navSub2 p>a{color: #000}
.navSub2 p>a:hover{color: #1276c7;}


 @media screen and (max-width: 1150px) {
#header { border-bottom: 0px none; box-shadow: none; }
#header, #header .center { position: static; }
#nav { position: static; width: auto; left:auto; left: initial; bottom: auto; bottom: initial; text-align: center;}
#nav li.nav5 , #nav li.nav2{ position: relative;}
.nav2 .navSub{margin-left:-200px;}
.topRight { width: 100%; text-align: center; }
.topRight .searchForm { width: 380px; max-width: 90%; display: inline-block; margin-top: 0; }
.lang { text-align: center; display: inline-block; margin: 10px 25px 0 0; }

#nav { margin-top: 6px; }
#nav li { margin-right: 0; float: none; display: inline-block;}
#nav li > a { padding:0 10px; }
#nav .navimg , .navSub dl:after,.navSub5 dt img{ display: none;}
#nav .navSub{ width: auto; text-align: left;}
#nav .navSub5{ width: 655px;}
.sub5 { width: 800%; }
.sub5 .subimg { display: none; }
.sub5 dl { width: 24%; }
.navSub.sub5 { padding-left: 30px; }}
.c_box1{
    color: #fff;
    background: #66c5cb;
    padding: 80px 0;
    }
.pro-bt{    
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;}
.c_text2{text-align: center;font-size: 18px;margin-bottom: 50px;}
@media screen and (max-width: 1000px) {
#nav li { margin-right: 0; }
}
@media screen and (max-width: 720px) {
.lang { background: none; margin-right: 0; min-height: auto; min-height: initial; padding: 0; margin-bottom: 8px; width: 100%; }
.lang a:last-child { margin-right: 0; }
.lang a { padding: 4px; margin-right: 14px; }
#logo { margin-bottom: 0; }
.searchForm { margin-bottom: 3px; }}

@media screen and (max-width: 767px) {  
#logo { width: 100%; text-align: center; }
#logo img { float: none; margin-right: 0; width: auto; }
#logo .l1 { max-width: 45%; }
#logo .l2 img { max-width: 70%; }
#menuBtn { display: block; }
.head-hidden{display: none!important;}
#nav { padding: 0; }
#nav ul { padding: 0; }
#nav ul, #nav li{ display: block; width: 100%; float: none; margin-right: 0; }
#nav li > a { padding: 10px; font-weight: normal; color: #fff; text-align: center; line-height: 1.3; }
#nav li { font-size: 16px; border-bottom: 1px solid #5a9634; border-top: 1px solid #71bc42; }
#nav li a {height: auto;padding: 5px;}
#nav li:hover>div{display: none;}
#nav .navSub { padding: 0 10px; width: 100%; position: static; white-space: normal; border-top: 0px none; }
#nav .navSub dl { width: 100%; margin: 0; }
#nav .navSub dd { display: none; }
#nav .navSub dt { margin: 0; font-size: 14px; border-bottom: 1px solid #e5e5e5; }
#nav .navSub dt a { display: block; padding: 10px 0; }
#nav li:hover .navSub { display: none; }
#nav {position: fixed;width: 300px;right: 6px;max-width: 95%;top: 69px;background: #1276c7;z-index: 999;display: none;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);margin: 0;}
#nav li.selected > a, #nav li > a:hover { color: #fff; }
}
@media screen and (max-width: 550px) {
#logo .l2 img { max-width: 84%; }}


@media screen and (max-width: 1150px) {
#banner { margin-top: 0; }}
.showPro { margin-top: -22px; }
.showPro .box { background: -webkit-linear-gradient(top, #4f4f4f, #2f2f2f); background: -moz-linear-gradient(top, #4f4f4f, #2f2f2f); background: -o-linear-gradient(top, #4f4f4f, #2f2f2f); background: -ms-linear-gradient(top, #4f4f4f, #2f2f2f); background: linear-gradient(top, #4f4f4f, #2f2f2f); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF4F4F4F', endColorStr='#FF2F2F2F', gradientType='0');
}
.showPro .box:hover { background: -webkit-linear-gradient(top, #323232, #747474); background: -moz-linear-gradient(top, #323232, #747474); background: -o-linear-gradient(top, #323232, #747474); background: -ms-linear-gradient(top, #323232, #747474); background: linear-gradient(top, #323232, #747474); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF323232', endColorStr='#FF747474', gradientType='0');
}
.showPro img { border: 1px solid #adadad; }
.showPro, .showPro a { color: #fff; }
.showPro .box { width: 33.3333%; float: left; padding: 1.91667% 12px 3px 1.91667%; position: relative; z-index: 990; line-height: 20px; margin-top: -9.3%; }
.showPro .box img { width: 35.83333%; min-width: 110px; margin-right: 5.55556%; margin-bottom: 5.55556%; }
.showPro .box span:first-child { font-size: 14px; font-weight: bold; margin-bottom: 2px; }
.showPro .box span { display: block; font-size: 12px; max-height: 40px; overflow: hidden; }
@media screen and (max-width: 1366px) {
.showPro { margin-top: -20px; }}
@media screen and (max-width: 1000px) {
.showPro { margin-top: 1%; }
.showPro .box { margin-top: 10px; }}
@media screen and (max-width: 750px) {
.showPro .box { width: 100%; padding: 15px 12px 3px 15px; }
.showPro .box img { width: 120px; margin-bottom: 12px; max-width: 40%; }}




.showVideo .videoWrap a.playbtn { background: none; }
.showNews ul, .showMid .contWrap .ptitle , .showMid .contWrap .ptext { margin-left: 5.43478%; margin-right: 4.8913%; }
.showMid .lm { line-height: 1.5; padding: 14px 5.43478%; border-top: 1px solid #e8e8e8; margin-top: 18px; }
.showVideo .videoWrap { margin: 0 5.16304%; }

@media screen and (max-width: 600px) {
.showMid .showAbout, .showMid .showVideo { width: 100%; }
.showMid > div{ padding-top:12px;}
.showAbout .contWrap { text-align: center; }
.showAbout .contWrap > div, .showAbout .contWrap > p { text-align: left; }}
.proSlider .slick-prev, .proSlider .slick-next{ font-size: 48px; margin-top:-80px;}
.proSlider .slick-prev{ left: 0;}
.proSlider .slick-next{ right: 0;}
.showBot { background-color: #e7e7e7; margin-top: 20px; padding: 8px 0 30px 0;}
.showBot .box { background: #fff; margin-top: 20px; width: 267px; max-width: 23.16667%; position: relative; overflow: hidden; }
.showBot span{display:block;}
.showBot .title { font-size: 18px; line-height: 1.2; padding-top: 7px; margin-bottom: 8px; text-align: center; }
.showBot .text { line-height: 20px; max-height: 80px; overflow: hidden; padding: 0 12px; font-size: 12px; }
.showBot img { width: 100%; }
.showBot .contWrap { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: url(../img/black70.png); background: rgba(0, 0, 0, 0.7); margin-top: -40px; display:block;}
.showBot .contWrap, .showBot .contWrap a { color: #fff; }
.showBot .contWrap span.lm { position: absolute; bottom: 0; right: 0; background: #6cb43f; width: 30px; height: 28px; text-align: center; line-height: 28px; font-size: 16px; }
.showBot .contWrap span.lm, .showBot .contWrap .text { display: none; }
.showBot .box:hover .title { padding-top: 15px; }
.showBot .box:hover .contWrap { top: 0; top: 0; margin-top: 0; }
.showBot .box:hover .contWrap span.lm, .showBot .box:hover .contWrap .text { display: block; }
@media screen and (max-width: 1366px) {
.showBot .title { font-size: 16px; }}
@media screen and (max-width: 1000px) {
.showBot .box { width: 47.5%; max-width: none; }}
@media screen and (max-width: 480px) {
.showBot .box { width: 100%; }}

@media screen and (max-width: 870px) {
#main { position: relative; }
.right { padding-top: 5px; margin-top: 2.5%; }
#aside { display: none; background:#f5f5f5;}
.mainTop { border-bottom: 1px solid #dcdcdc; text-align: center; }
.mainTitle { line-height: 1.2; font-weight: bold; padding-bottom: 12px; display:none;}
}
#location { line-height: 1.3; font-size: 18px; padding-top: 10px; margin-top: 0.67708%; 
    padding-bottom: 6px; margin-bottom: 0.41667%; text-align: left; }
#location a { color: #555; }
#location a:hover { color: #6cb43f; }
#location a { display: inline-block; }

@media screen and (max-width: 1200px) {
#location { margin-bottom: 0.41667%; }}
.menuSub { padding-top: 10px; margin-top: 2.91667%; }
.menuSub { padding-bottom: 13px; border-bottom: 1px solid #ccc; }
.menuSub a { color: #555; }
.menuSub a:hover, .menuSub a.selected { color: #6cb43f; }
.menuSub li { display: inline-block; margin-right: 16px; margin-bottom: 5px; font-size: 20px; line-height: 1.2; }
.menuSub li:after { content: '|'; padding-left: 18px; }
.menuSub li:last-child, .menuSub li.noAfter { margin-right: 0; }
.menuSub li:last-child:after, .menuSub li.noAfter:after { display: none; }
@media screen and (max-width: 1100px) {
.menuSub li { font-size: 18px; }}
@media screen and (max-width: 950px) {
.menuSub li { font-size: 16px; }}



.tab{
  width: 100%;
  margin:  0 auto;
}
.tab ul{
  width: 100%;
}
.tab ul li{
  width: 18%;
  margin: 1%;
  background: #eee;  
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
}
.tab ul li.active{
  background: #f89d11;
}
.tab ul li a{
    color: #3b3663;
    width: 100%;
    padding: 15px 0;
    display: inline-block;
}
.tab ul li:hover{
  background: #f89d11;
}
.team {
    background: #eee;
}

.team-grids {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 885px) {
  .tab ul li{
    width: 31%;
  }
}
@media screen and (max-width: 480px) {
  .tab ul li{
    width: 48%;
  }
  .tab ul li a{
    padding: 8px 0;
    font-size: 15px;
  }
}
/*-- //products --*/
/*-- team --*/  
.ch-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ch-info {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden; 
}
.ch-info h3 {
    color: #fff;
    position: relative;
    letter-spacing: 1px;
    padding: 55px 0 0 0;
    font-family: 'Roboto';
}
.ch-info p {
    color: #fff;
    padding: 10px 5px 0;
    font-style: italic;
    margin: 15px 30px 0;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.ch-item:hover {
    -webkit-box-shadow: inset 0 0 0 180px rgba(0, 173, 166, 0.75), inset 0 0 0 20px #607d8b, 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 0 0 180px rgba(0, 173, 166, 0.75), inset 0 0 0 20px #607d8b, 0 1px 2px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 0 0 180px rgba(0, 173, 166, 0.75), inset 0 0 0 20px #607d8b, 0 1px 2px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 0 0 180px rgba(0, 173, 166, 0.75), inset 0 0 0 20px #607d8b, 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 180px rgba(0, 173, 166, 0.75), inset 0 0 0 20px #607d8b, 0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);   
    margin-top: 20%; 
}
.ch-grid {
    margin:0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
.ch-grid:after {
    clear: both;
}
.ch-grid li.ch-grid-item {
    width: 23%;
    float: left;
    margin: 1%;
    position: relative;
    background: #fff;
}
.ch-grid li.ch-grid-item h5{
    font-weight: bold;
    padding: 5px;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
}
.ch-grid li.ch-grid-item:hover .ch-item{
    display: block;
}
.team ul.social-icons {
    margin-top: 1em;
}
.team ul.social-icons li {
    display: inline-block;
} 
.team ul.social-icons li a.fa {
    font-size: 1em;
    color: #fff;  
    margin: 0 0.5em;
}
.team ul.social-icons li a.fa:hover {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/*-- //team --*/

/*project case*/
.btn-inverse {
    background-color: #49b949!important;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 18px;
    color: #fff;
}
.dark-title {
    border-left: 4px solid #00be00;
    padding-left: 5px;
    font-size: 30px!important;
    color: white;
    font-weight: 600;
}
.send{padding: 2.5%}

.title-big {
  font-size: 30px;
  line-height: 46px;
  font-weight: 600;
  position: relative;
  color: #3b3663;
   }

.title-big span {
  font-family: 'Playfair Display',serif;
  font-weight: 700;
  font-style: italic;
  color: #fe5a0e; }

.title-small {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 1px;
  color: #7e7d7d;
  display: block; }

.header-section {
  max-width: 750px; 
  margin:  0 auto;
}


.pt-3 .col-sm-3{
  margin-bottom: 25px;
}
.mt-3 {
    margin-top: 1rem !important;
}
.my-3{
  margin: 0.5rem 0;
}
.mt-4{
  margin-top: 1.5rem;
}
.pt-3{
  margin-bottom: 4rem;
}
.py-5{padding: 3rem 0;}
.p-5{margin-top: 3rem;}
p.mt-3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 26px;
    color: #696687;
    letter-spacing: .5px;
}
.radius-image {
    border-radius: 6px;
}

#faq{padding: 2.5rem 0}
.w3l-faq-block .w3l-faq .transition,
.w3l-faq-block .w3l-faq p,
.w3l-faq-block .w3l-faq ul li i:before,
.w3l-faq-block .w3l-faq ul li i:after {
  transition: all 0.25s ease-in-out; }

.w3l-faq-block .w3l-faq .flipIn,
.w3l-faq-block .w3l-faq h1,
.w3l-faq-block .w3l-faq ul li {
  -webkit-animation: flipdown 0.5s ease both;
  animation: flipdown 0.5s ease both; }

.w3l-faq-block .w3l-faq .no-select,
.w3l-faq-block .w3l-faq h2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.w3l-faq-block .w3l-faq h2 {
  font-size: 18px;
  line-height: 26px;
  display: block;
  margin: 0;
  cursor: pointer;
  color: #3b3663;
  font-weight: 600;
  padding: 0 10px 0 0;
  }

.w3l-faq-block .w3l-faq p {
  color: #696687;
  font-size: 16px;
  line-height: 26px;
  padding: 0;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 15px;
  }
.w3l-faq-block .w3l-faq p a{
  color: #696687
}
.w3l-faq-block .w3l-faq p a:hover{
  color: #000;
}
.w3l-faq-block .w3l-faq p a.btn{
  color: #fff;
}
.w3l-faq-block .w3l-faq ul {
  list-style: none;
  padding: 0; }

.w3l-faq-block .faq-page {
  border-radius: 6px;
  background: #f8f9fa;
  padding: 20px 35px; }

.w3l-faq-block .w3l-faq ul li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
  }

.w3l-faq-block .w3l-faq ul li:last-child {
  border-bottom: 1px solid transparent; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(4) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(5) {
  -webkit-animation-delay: 1.50s;
  animation-delay: 1.50s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(6) {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s; }

.w3l-faq-block .w3l-faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 0px;
  top: 9px;
  }

.w3l-faq-block .w3l-faq ul li i:before,
.w3l-faq-block .w3l-faq ul li i:after {
  content: "";
  position: absolute;
  background-color: #3b3663;
  width: 3px;
  height: 9px; }

.w3l-faq-block .w3l-faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg); }

.w3l-faq-block .w3l-faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg); }

.w3l-faq-block .w3l-faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  -webkit-appearance: none; }

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%); }

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg); }

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg); }



.w3l-faq-block .banner-form-w3 .title-big {
  color: #fff;
  font-size: 32px; }

.w3l-faq-block .banner-form-w3 p {
  color: #ccc; }

.w3l-faq-block .banner-form-w3 {
  padding: 2.5em;
  background: #3B3663;
  border-radius: 6px;
  /*max-width: 400px;*/
  margin-left: auto;
  border: 1px solid transparent; }

.w3l-faq-block ::-webkit-input-placeholder {
  color: #aaa; }

.w3l-faq-block ::-moz-placeholder {
  color: #aaa; }

.w3l-faq-block :-ms-input-placeholder {
  color: #aaa; }

.w3l-faq-block :-moz-placeholder {
  color: #aaa; }

@media screen and (max-width: 1080px) {
  .w3l-faq-block .banner-form-w3 {
    padding: 2em;
    margin: 0 auto; } }

@media screen and (max-width: 568px) {
  .w3l-faq-block .w3l-faq ul li {
    padding-right: 30px; } }

@media screen and (max-width: 480px) {
  .w3l-faq-block .w3l-faq h2 {
    font-size: 18px;
    line-height: 30px; }
  .w3l-faq-block .faq-page {
    padding: 10px 25px; }
  .w3l-faq-block .w3l-faq ul li {
    padding: 15px 0;
    padding-right: 15px; }
  .w3l-faq-block .banner-form-w3 {
    padding: 2em 1.5em; }
  .w3l-faq-block .w3l-faq h2 {
    font-size: 16px;
    line-height: 26px; } }
/*  ourproducts section */


.w3l-products .products-content h3 {
  color: var(--title-color);
  margin-bottom: 16px;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700; }

.w3l-products .products-content p {
  color: var(--text-color);
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24.5px; }

.w3l-products .products-content .content .content-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  border-radius: 6px; }

.w3l-products .products-content .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out 0s; }

.w3l-products .products-content .fadeIn-bottom {
  top: 80%; }

.w3l-products .products-content .content-details h5 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px; }

.w3l-products .products-content .content-details span.fa {
  color: #eee;
  font-size: 16px; }

.w3l-products .products-content .content:hover .content-overlay {
  opacity: 1; }

.w3l-products .products-content .content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1; }

.w3l-products .products-content .content {
  position: relative; }

@media screen and (max-width: 992px) {
  .w3l-products .products-content h3 {
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 33px; } }

@media screen and (max-width: 480px) {
  .w3l-products .products-content {
    margin-bottom: 30px; }
  .w3l-products .products-content h3 {
    font-size: 24px;
    line-height: 30px; } }

/*  /ourproducts section */
ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px; 
float: none;}

.resp-tabs-list li {
  font-weight: 700;
  font-size: 20px;
  padding: 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  width: 33%;
  text-align: center;
  color: #3b3663;
  background: #fff !important;
  border-top: 1px solid #ebebeb; }

.resp-tabs-list li img {
  margin-right: 30px; }

.resp-tabs-container {
  padding: 0px;
  clear: left; }

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none; }

.resp-tab-content {
  display: none;
  padding: 15px 0; }

.resp-tab-active {
  border-bottom: none;
  margin-top: -1px !important;
  border-top: 2px #fe5a0e solid !important;
  color: #fe5a0e !important; }

.resp-tab-active {
  border-bottom: none;
  background-color: #fff; }

.resp-content-active,
.resp-accordion-active {
  display: block; }

.resp-tab-content {
  border-top-color: #5AB1D0; }

h2.resp-accordion {
  font-size: 20px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
  font-weight: 700; }

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important; }

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%; }

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none; }

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none; }

.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word; }

.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
  border-top: 1px solid;
  border: 1px solid #5AB1D0 !important;
  border-left: 4px solid #5AB1D0 !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important; }

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1; }

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797; }



/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {
    display: none; }
  .w3l-products .products-content {
    margin: 10px 20px; }
  h2.resp-accordion {
    border: none;
    border: 1px solid #ebebeb !important;
    display: block;
    background: #f8f9fa !important; }
  h2.resp-accordion:first-child {
    border-top: none; }
  .resp-tabs-container {
    border: 1px solid #ebebeb; }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }
  .resp-accordion-closed {
    display: none !important; }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; } }

@media screen and (max-width: 480px) {
  .resp-tab-content {
    padding: 0 15px; }
  .resp-arrow {
    margin-top: 3px; }
  .w3l-products .products-content {
    margin: 20px 0px; }
  h2.resp-accordion {
    font-size: 18px;
    font-weight: 700; } }

  @media (max-width: 1080px) {
  .title-big {
    font-size: 36px !important;
    line-height: 46px;
    margin: 0;
    max-width: 100%; } }

@media (max-width: 768px) {
  .category-title {
    font-size: 32px !important;
    line-height: 42px; }
  .title-big {
    font-size: 34px !important;
    line-height: 42px; } }
@media (max-width: 760px) {
  .ch-grid li.ch-grid-item {
    width: 48%;
    margin: 1%;
}

}
@media (max-width: 568px) {
  .py-5{padding: 1rem 0;}
  .title-big {
    font-size: 30px !important;
    line-height: 40px; } }

@media (max-width: 415px) {
  .gallery-grid.gallery-text, .gallery-grid.gallery-text2, .gallery-grid.gallery-text3 {
    padding: 3em 1.5em;
}
.ch-grid li.ch-grid-item{
    width: 98%;
}
  #faq{padding: 1rem 0}
  .title-big {
    font-size: 28px !important;
    line-height: 34px; }
  .category-title {
    font-size: 28px !important;
    line-height: 38px; }
  .section-title-left {
    font-size: 24px !important; } }

@media (max-width: 384px) {
  .btn-white,
  .btn-style {
    padding: 12px 26px; }
  .title-big {
    font-size: 26px !important;
    line-height: 34px; } }

@media (max-width: 365px) {
  .title-big {
    font-size: 22px !important;
    line-height: 34px; } }


    /*footer*/


.footer-2 {
    background: url(../img/footer-bg-2.jpg) center center no-repeat;
    background-size: cover
}
.main-footer{
  width: 92%;
  margin: 0 auto;
}
.footer-2 .main-footer .row{
 /* max-width: 1200px;
  margin: 0 auto;*/
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between!important;

}

.footer-2 .main-footer h3.title {
    font-size: 25px;
    line-height: 100%;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
    padding-bottom: 46px;
    position: relative;
    text-align: left;
}

.footer-2 .main-footer h3.title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 5px;
    background: #f45905;
    border-radius: 3px
}

.footer-2 .main-footer .footer-contact {
    padding: 110px 0
}

.footer-2 .main-footer .footer-contact ul {
    padding: 0;
    margin-top: -9px;
    margin-bottom: -9px
}

.footer-2 .main-footer .footer-contact ul li {
    list-style: none;
    color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 8px;
}

.footer-2 .main-footer .footer-contact ul li:last-child {
    margin-bottom: 0
}

.footer-2 .main-footer .footer-contact ul li span {
    font-size: 17px;
    color: #f45905;
    margin-right: 20px;
    display: inline-block;
}

.footer-2 .main-footer .site-info {
    background: rgba(244, 89, 5, .18);
    text-align: center;
    position: relative;
    padding: 110px 90px
}

.footer-2 .main-footer .site-info:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 3px;
    height: 300px;
    background: #f45905;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-2 .main-footer .site-info:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 3px;
    height: 300px;
    background: #f45905;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-2 .main-footer .site-info .logo {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 50px
}

.footer-2 .main-footer .site-info p {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    margin-top: -9px;
    margin-bottom: 38px
}

.footer-2 .main-footer .site-info .social a {
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 43px;
    font-size: 20px;
    color: #00215b;
    background: #fff;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
}

.footer-2 .main-footer .site-info .social a:last-child {
    margin-right: 0
}

.footer-2 .main-footer .site-info .social a:hover {
    color: #fff;
    background: #f45905
}

.footer-2 .main-footer .footer-service {
    padding: 110px 0
}

.footer-2 .main-footer .footer-service ul {
    padding: 0;
    margin-top: -13px;
    margin-bottom: -14px
}

.footer-2 .main-footer .footer-service ul li {
    list-style: none;
    font-size: 16px;
    line-height: 41px;
    width: 100%;
}

.footer-2 .main-footer .footer-service ul li a {
    color: #fff
}

.footer-2 .main-footer .footer-service ul li a span {
    margin-right: 16px
}

.footer-2 .main-footer .footer-service ul li a:hover {
    color: #f45905
}
.footer-2 .zq-footer{
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}
.footer-2 .zq-footer p{
  text-align: center;
  font-size: 14px;
}
.footer-2 .zq-footer p a{
  color: #3d3679;
}
.footer-2 .zq-footer p a:hover{
  color: #777;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .footer-2 .main-footer .footer-contact {
      padding-right: 40px
  }

  .footer-2 .main-footer .site-info {
      padding: 120px 30px;
      margin: 0 -10px
  }

  .footer-2 .main-footer .site-info .logo {
      width: 100px;
      height: 100px;
      padding: 15px
  }

  .footer-2 .main-footer .footer-service {
      padding-left: 40px
  }
}



@media only screen and (max-width:991px) {
    .footer-2 .main-footer {
        padding-top: 60px
    }
    .footer-2 .main-footer .two {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .footer-2 .main-footer .one {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .footer-2 .main-footer .three {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .footer-2 .main-footer h3.title {
        font-size: 25px;
        padding-bottom: 17px;
        margin-top: 0;
        margin-bottom: 25px
    }

    .footer-2 .main-footer h3.title:after {
        height: 4px
    }
    .footer-2 .main-footer .footer-contact {
        padding: 60px 0 60px 60px
    }

    .footer-2 .main-footer .footer-contact ul {
        margin-bottom: 0
    }
    .footer-2 .main-footer .footer-contact ul li {
        font-size: 14px;
        margin-bottom: 3px;
        line-height: 1.8;
    }
    .footer-2 .main-footer .footer-contact ul li span {
        font-size: 14px
    }
    .footer-2 .main-footer .site-info {
        padding: 60px 80px
    }
    .footer-2 .main-footer .site-info .logo {
        width: 80px;
        height: 80px;
        padding: 15px;
        margin-bottom: 30px
    }
    .footer-2 .main-footer .site-info p {
        font-size: 14px;
        line-height: 22px;
        margin-top: -4px;
        margin-bottom: 22px
    }
    .footer-2 .main-footer .site-info .social a {
        width: 35px;
        height: 35px;
        line-height: 38px
    }
    .footer-2 .main-footer .footer-service ul {
        margin-top: -14px;
        margin-bottom: -6px
    }
    .footer-2 .main-footer .footer-service ul li {
        font-size: 14px;
        height: 30px
    }
    
    .footer-2 .main-footer .footer-service {
        padding: 60px 0 60px 60px
    }
}


@media only screen and (max-width:767px) {
  .footer-2 .main-footer .footer-contact {
        padding: 60px 0
    }
  .footer-2 .main-footer .site-info {
        padding: 50px 25px
    }
    .footer-2 .main-footer .footer-service {
        padding: 60px 0
    }
    .footer-2 .main-footer .footer-service ul {
        margin-top: -14px;
        margin-bottom: 10px;
    }
    .footer-2 .main-footer{
      padding-top: 40px;
    }

}

  @media only screen and (min-width:480px) and (max-width:575px) {

    .footer-2 .main-footer .footer-service {
        padding: 30px 0 60px
    }
    
  }


  @media only screen and (min-width:320px) and (max-width:479px) {

    .footer-2 .main-footer .footer-contact {
        padding-top: 40px;
        padding-bottom: 0
    }
    .footer-2 .main-footer .footer-contact ul li span {
        font-size: 14px
    }
    .footer-2 .main-footer .footer-service {
        padding: 30px 0 60px
    }

  }
  .ecer-flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ecer-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.main-tab {
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #111;
}

.main-tab .p_detail_info_item {
    padding: 6px 20px;
    background: #fff;
    width: 100%;
    margin-bottom: 20px
}

.main-tab .p_double .item:nth-last-child(1),.main-tab .p_double .item:nth-last-child(2) {
    border: 0
}

.main-tab .p_single .item:last-child {
    border: 0
}

.main-tab .p_detail_info_item .item {
    border-bottom: 1px solid #dcdcdc;
    width: 50%;
    padding-bottom: 14px;
    padding-top: 14px;
    flex-shrink: 0;
    align-items: center
}

.main-tab .itemTitle {
    width: 200px;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: bold;
    color: #505050;
    height: fit-content
}

.main-tab .itemValue {
    font-size: 16px;
    font-weight: 400;
    color: #1f1f1f;
    line-height: 26px;
    height: fit-content
}