/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    text-shadow:none;
}
a{
    text-decoration:none;
    text-shadow:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

.section{
    overflow: hidden;
}

/* Reset CSS
 * --------------------------------------- */
.ui-content {
padding:0;
background: #ffffff !important;
}
#zxDialog .ui-content {
    padding: 1em;
}
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    text-shadow:none;
    font-weight:normal;
}

.ui-shadow-inset {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 rgba(0,0,0,.2);
}
.ui-mini {
    margin: .446em 0;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #000;
}

/* Custom animation CSS
 * --------------------------------------- */


/* Custom CSS
 * --------------------------------------- */
body{
    font-family: Tahoma, Verdana, Segoe;
    color: #000;
}
.wrap{
    width: 100%;
    height:100%;
    position: relative;
}
.midwrap{margin:0 auto;width:1208px;}

.backgroud_video {
    position: absolute;
    left:0;top:0;
    width:100%;
    height: 100%;
    z-index: 1;
    filter: Alpha(Opacity=100); /*IE*/
    -moz-opacity: 1; /*FF*/
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;

}
.headerwarp{border:none;}
.header{
    position: fixed;
    width:100%;
    z-index: 100;
    padding: 0;
    margin:0;
    background-color: rgba(255, 255, 255, 1);
    border-bottom:1px solid #f5f5f5;
}




.headerbox{width:100%;height:60px;margin:0 auto;}
.header .logo{float:left;margin:0 10px;width:130px;margin-top:10px;}
.header .logo img{width:120px;}
@media (min-width: 960px) {
    .headerbox{width:95%;height:80px;}
    .header .logo{margin-left:0;margin-top:15px;}
    .header .logo img{width:140px;}
}

.header .menulist{display:none;float:left;
position: absolute;left:230px;top:10px;
}
.header .menulist ul li {width:130px;padding:10px 0;float:left;position: relative}
.header .menulist ul li a{
    width:80%;
    margin:0 auto;
    display:block;
    text-align:center;
    color:#000;
    font-family: 'Microsoft YaHei light';
    font-size:16px;
    font-weight:normal;
    padding:10px 0;
}
.header .menulist .menuhover{padding-bottom:30px;}
.header .menulist ul li a:hover{color:#000; }
.header .menulist ul li a.activelink{}
.header .menuwhite{color:#fff !important;}

.header .menulist .submenu{
    position: absolute;
    width:130px;
    padding-top:15px;
    background:#fff;
    display:none;}
.header .menulist .submenu  li a:hover{border-bottom:1px solid #3c3c3c}

.header .menulist .submenuinner{

   border:1px solid #f5f5f5;
    border-top:none;
}

.header .qqbtn{
    display:none;
    float:right;margin-top:18px;margin-right:15px;
    position:relative;}
.header .qqbtn a{
    text-shadow:none;
    display:block;
    padding:5px 36px;
    background: #00ba00;
    color:#fff;
    border-radius: 99em;
    font-size:18px;
    font: normal normal normal 20px/1.4em helveticaneuew01-55roma,sans-serif;
    letter-spacing: 5px;
    transition: background-color 0.25s ease-out;

}
.wxpop{position: absolute;
    background: #fff;
    top:80px;right:0px;
    z-index: 1;display:none;}

.wxinnerborder{
    border:1px solid #f5f5f5;
    border-top:none;
}
.wxpop img{width:420px;}
.header .qqbtn a:hover {
    background-color: #008600;
}
.wxpop .wxinner{position: relative}
.wxpop .qqlink{position: absolute;bottom:20px;right:40px;z-index: 2}
.wxpop .wxtel{position: absolute;top:40px;left:40px;z-index: 2;
    font-size:12px;
    font-family: "Microsoft YaHei Light" ;
}
.wxpop .qqlink a{
    display:block;
    text-align: center;
    letter-spacing:0;
    padding:0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
}



.headeradv{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding:100px;
    padding-top:190px;
    background: #fff;
    font-family: "Microsoft YaHei Light", serif;
}
.headeradv .intro{
    font-style:italic;
    color:#00ba00;
    font-size:16px;
    font-weight:bold;
    letter-spacing: 2px;
}
.headeradv .title{
    color:#000;
    padding:0;
    font-size:72px;
    font-family: "Microsoft YaHei", serif;
}
.headeradv .content{
    width:260px;
    text-align: center;
    font-weight:bold;
    font-size:12px;
    letter-spacing: 2px;
}
.headeradv .content p{
    padding:10px;
    line-height:26px;
}
.headeradv .content p.title{
    font-size:18px;
}


.innerpage{
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}
.innerpage .innerbox{
    width:80%;
    padding:30px;
    margin-bottom:100px;
    background: #f8f8f8;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    /*border-radius:5px;*/
}
.innerpage .innerbox.whitebg{
    background: #fff;
}

.innerpage .innerbox .companyintro{
    display: -webkit-flex;
    display: flex;
}
.innerpage .innerbox .companyintro .subitem{
    flex:1
}
.innerpage .innerbox .companytitle{
    margin-bottom:26px;
    font-family: "Microsoft YaHei Light", serif;
    font-size:32px;
}
.innerpage .innerbox .companytitle span{
    position: relative;
    font-size:14px;padding:0 15px;
    color: #797a78;
}
.innerpage .innerbox .companytitle span:after {
    position: absolute;
    right: -50px;
    bottom: 8px;
    content: '.';
    display: block;
    border-top: 1px solid #c4c5c3;
    width: 50px;
    height: 0;
    overflow: hidden;
}

.innerpage .innerbox .subitem{
    padding-left:50px;
}
.innerpage .innerbox .companyintro{
    padding-top:10px;
    line-height:46px;
    font-family: "Microsoft YaHei Light", serif;
    font-size:14px;

}
.innerpage .innerbox .companyintro.history{
    line-height:26px;
}

.innerpage .innerbox .companyintroduction{
    padding-top:10px;
    line-height:26px;
    font-family: "Microsoft YaHei Light", serif;
    font-size:14px;

}
.innerpage .innerbox .companyintro .ctitle{
    display:block;
    float:left;
    width:80px;
    padding-right:30px;
}
.innerpage .innerbox .companyintro .cintro{
    display:block;
    float:left;
}

.innerpage .innerbox .toptipmsg{
    font-family: "Microsoft YaHei Light", serif;
    text-align: center;
}
.innerpage .innerbox .toptipmsg .title{
    font-size: 4rem;
    font-weight:bold;
    padding:10px 0;
}
.innerpage .innerbox .toptipmsg .intro{
    font-size:14px;
    line-height:26px;
    padding-bottom:60px;

}

.innerpage .innerbox .toptipmsg .pic.ceobox{position: relative}
.innerpage .innerbox .toptipmsg .pic.ceobox .ceoinfo{
    position:absolute;
    left:370px;bottom:150px;
    color:#fff;
    font-family: "Microsoft YaHei Light", serif;
    text-align: center;
}
.innerpage .innerbox .toptipmsg .pic.ceobox .ceoinfo .ceotitle{
    font-size: 32px;
    padding:10px 0;

}
.innerpage .innerbox .toptipmsg .pic.ceobox .ceoinfo .company{
    font-size: 14px;
    padding:10px 0;

}
.innerpage .innerbox .toptipmsg .pic.ceobox .ceoinfo .ceojob{
    font-size: 14px;
    padding:10px 0;

}


.innerpage .innerbox.contactus .companytitle{
    margin-bottom:0;
}

.innerpage .innerbox.contactus .companyintroduction #table-column-toggle{}
.innerpage .innerbox.contactus .companyintroduction th,.innerpage .innerbox.contactus .companyintroduction td{
    padding:25px 0;
}
.teams .teamsbox{margin-bottom:30px;}
.teams .teamspic {padding:0 60px;}
.teams .teamspic img{width:100%;border-radius: 50%;}
.teams .teamsjob,.teams .teamsname{text-align: center}

.cases{
    display: -webkit-flex;
    display: flex;
    justify-content:flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

}
.cases .casebox{width:25%;margin-bottom:50px;}
.cases .casepic {padding:26px;}
.cases .casepic img{width:100%;border:1px solid #949494 !important;}
.cases .casesname{padding:0 26px;text-align: left;font-size:16px;}



/* PAGE BACKGROUND
* ---------------------------------------

*/


/* 页脚导航列表 */

.navi_bar {
    margin: 30px;margin-left:0;
}


.navi_bar .ui-link {
    margin: 5px !important; padding: 4px 8px; border: 1px solid #ccc; background-color: #fff;
    color: #1fae66 !important;text-decoration: none;
}

.navi_bar strong{
    margin: 5px !important; padding: 4px 8px; border: 1px solid #ccc; background-color: #fff;
    color: #0d4e2d !important;text-decoration: none;
}


/* PAGE HOME
* ---------------------------------------

*/
.innerhomepage{
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}


.header .quickmenubtn .qicon{cursor: pointer}
.header .quickmenubtn .qicon i{font-size:20px;}
.header .quickmenubtn{float:right;margin:20px 30px 0 0;}
.header .qlistview li a{padding:20px;background: #ffffff !important;}
.header .qlistview  li .ui-btn-icon-right:after{right:30px;width: 10px;height: 10px;top:60%}
.header .qmenu{display:none}
@media (min-width: 960px) {
    .header .quickmenubtn{display:none}
}


.homebannerbox{position: relative}
.homebannerbox .txtarea{position: absolute;top:25%;width:100%;text-align: center}
.homebannerbox .txtarea .txtinfo{font-size:24px;text-shadow:none;color:#fff}
.homebannerbox .txtarea .btn .btnstart{
    font-size:18px;
    font: normal normal normal 20px/1.4em helveticaneuew01-55roma,sans-serif;
    border-radius: 28px;
    padding: 15px 35px;
}
.homebannerbox .txtarea .btn{margin-top:25px;}
@media (min-width: 960px) {
    .homebannerbox .txtarea .txtinfo{font-size:54px;}
}



.pagebox{
    display: -webkit-flex;
    display: flex;
    justify-content:flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height:320px
}

.pagebox .page_title_a,
.pagebox .page_content{
    width:100%;
}


.pagebox .page_title_a p{
    padding-top:27px;
    font-size:24px;
    line-height: 24px;
    text-align: center;
}
.pagebox .page_content .titletxt{
    margin:0 auto;padding-top:15px;
    font-size:14px;width:80%;line-height: 1.8em;
}
.pagebox .page_content .btn{margin-top:15px;}
.pagebox .page_content .btn a{
    color: rgb(0, 0, 0);
    font-family: helveticaneuew01-55roma,sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
}
.pagebox .page_content .btn{margin-top:25px;text-align: center}
@media (min-width: 960px) {
    .pagebox{ height:537px}
    .pagebox .page_title_a,
    .pagebox .page_content{
        width:50%;
        padding-top:127px;
    }
    .pagebox .page_title_a p{font-size:54px;text-align: center;}
    .pagebox .page_content .titletxt{margin:0;width:70%;font-size:20px;}
    .pagebox .page_content .btn{text-align: left}

}


.cubebox{
    display: -webkit-flex;
    display: flex;
    justify-content : center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height:1546px
}

.cubebox_a{
    width:100%;
    border:2px solid #000;
    border-bottom:none;
    overflow: hidden;
}

.cubebox_a p{
    padding-top:27px;
    font-size:24px;
    line-height: 24px;
    text-align: center;
}
.cubebox_a .titletxt{
    margin:0 auto;padding-top:15px;
    font-size:14px;width:80%;line-height: 1.8em;
}
.cubebox_a .btn{margin-top:15px;}
.cubebox_a .btn a{
    color: rgb(0, 0, 0);
    font-family: helveticaneuew01-55roma,sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
}
.cubebox_a .btn{margin-top:25px;text-align: center}
@media (min-width: 960px) {
    .cubebox{ height:1546px}
    .cubebox_a{
        width:44%;
        height:512px;
    }
    .cubebox_a .wrap{margin-top:65px;padding-left:95px;width:90%;}
    .cubebox_a  .title{font-size:35px;}
    .cubebox_a  .titletxt{font-size:20px;margin:0;}
    .cubebox_a  .btn{text-align: left}
}

.page_title_midbox{width:100%;height:200px;}
.page_title_mid p{
    padding-top:127px;
    font-size:54px;
    line-height: 24px;
    text-align: center;
}


.pagebox2{margin:0 auto;margin-top:0;width:80%;padding-top:0}
.pagebox2 .page_title_a{padding-top:50px;}
.pagebox2 .page_innerpic{margin:0 auto;}
.wrap{}
.pagebox2 .page_innerpic .pic{text-align: center}
.pagebox2 .page_innerpic .title{
    font-size:22px;
    padding-top:25px;

}
.pagebox2 .page_innerpic .info{padding-top:15px;}


.pagebox3{height:688px;}
.wrappage3{width:90%;margin:0 auto;background: #1d62e5}


@media (max-width: 960px) {
    .pagebox2,.cubebox,.page_title_midbox,pagebox3{display:none}
}





.footertxt{
    padding-top:35px;
    background: #fff;
    padding-bottom:100px;
    border:none;
}

.footerlogo{ text-align: center;border-bottom:1px solid #c7c7c7;padding-bottom:50px;}
.footerlogo .logo img{height:35px;}
.footerlogo .logotxt{
    font-size:16px;
    font-weight: 400;
    color:#000;
    font-family: helveticaneuew01-45ligh,sans-serif;
}


.footerlink{
    width:85%;
    margin:0 auto;
    padding-top:107px;
    display: -webkit-flex;
    display: flex;
    justify-content : space-around;

}
.linkbox{width:110px;}
.linkboxlogo{width:200px;}
.linkbox .title{color:#000;font-size:16px;font-weight:normal;}
.linkbox .link{padding-top:15px;}
.linkbox .link a{
    display:block;
    padding:10px 0;
    color:#000 !important;
    font-family: "Microsoft YaHei Light", serif;
    font-size:14px;
    font-weight:normal;
}


.linkboxlogo .logo img{height:25px;}
.linkboxlogo .txt{
    padding-top:15px;
    color:#000;
    line-height:28px;
    font-family: "Microsoft YaHei Light", serif;
    font-size:14px;
    font-weight:normal;
}




/* PAGE 响应重置
* ---------------------------------------

*/

/* media 宽屏1024px以外 */
@media (min-width: 960px) {

    .header .qqbtn{display:block}
    .header .menulist{display:block}


}

/* media 宽屏1152px以外 */
@media (min-width: 1152px) {

}

/* media 宽屏1024px以外 */
@media (min-width: 1280px) {

}

/* media 宽屏1440px以外 */
@media (min-width: 1440px) {

}