/*banner*/
.bannervideo{ position:relative}
.bannervideo .txt{ position:absolute; z-index:3; left:0; right:0; text-align:center; color:#fff;top:50%; transform:translateY(-50%)}
.bannervideo .txt h3{ font-size:72px;}
.bannervideo .txt .eng{ font-size:36px; font-weight:lighter; font-family:Arial, Helvetica, sans-serif}
.bannervideo .video{ height:100vh; min-height:500px; position:relative; overflow:hidden; background:url(../images/videobg.png) no-repeat center; background-size:cover}
.bannervideo .video video{ position:absolute; z-index:1;     min-width: 100%;min-height: 100%;height: auto;width: auto; left:0;top:0;}
.bannervideo .video:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.5)}

.index01{ padding-top:55px; padding-bottom:50px}
.plo{ line-height:1.2; text-align:center; margin-bottom:35px}
.plo h3{ font-size:32px; font-weight:normal;}
.plo .p{ font-size:16px; color:#666666; margin-top:25px}
.plo .p a{font-size:16px; color:#666666}
.plo .p a:hover{ color:#0052a4}
.case_com ul{ margin:0 -2px}
.case_com li{ float:left; width:33.33%; margin-bottom:15px}
.case_com li .a{ display:block; margin:0 2px;}
.case_com li .img{ height:230px; overflow:hidden; }
.case_com li .img a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.case_com li .img a:hover{ transform:scale(1.1)}
.case_com li .txt{ padding:10px 0}
.case_com li h1{ font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_com li h1 a{ font-size:16px}
.case_com li .p{ font-size:12px; color:#666; margin-top:5px;}

.index02{ padding:50px 0}
.common_01 .bd ul{ margin:0 -10px}
.common_01 .bd li{ width:33.33%; float:left}
.common_01 .bd li .a{ margin:0 10px;}
.common_01 .bd li .imga{ display:block; height:240px; background-repeat:no-repeat; background-position:center; background-size:cover}
.common_01 .bd li .img{ overflow:hidden; margin-bottom:15px}
.common_01 .bd li .img img{ display:block; width:100%}
.common_01 .bd li .txt{ text-align:center}
.common_01 .bd li .txt h3{ font-size:22px; font-weight:normal; margin-bottom:10px}
.common_01 .bd li .p{ overflow:hidden; font-size:16px; color:#666666}
.common_01 .bd li .p span{ display:block; width:47%; float:left; text-align:right}
.common_01 .bd li .p span:nth-child(even){ float:right; text-align:left}

.index03{ padding-top:50px; padding-bottom:100px}
.common_02 .bd{ text-align:center;}
.common_02 .p1{ margin-bottom:15px}
.common_02 .p1 a{ display:inline-block; padding:0 30px; height:54px; line-height:54px; font-size:28px; color:#fff; background-color:#ff9000; border-radius:5px}
.common_02 .p1 a:hover{ opacity:.8}
.common_02 .p2{ font-size:26px; color:#ff9000}

.index04{
    background: url(../images/index04bg.jpg) no-repeat center top #163e59;
    background-attachment: fixed;
    width: 100%;
    min-height: 600px;
    background-size: cover;
    text-align: center;
    color: #fff;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 135px;
}
.index04 .hd{
    margin-bottom: 35px;
    text-align: center;
}
.index04 .hd h3{ width:410px; margin:0 auto; max-width:100%; font-size:28px; font-weight:normal; line-height:1.5}	
.index04 .bd{width:850px; margin:0 auto; max-width:100%; text-align:left; line-height:2; margin-bottom:40px }
.index04 .as a{ display:inline-block; width:150px; height:45px; background-color:#0052a4; color:#fff; line-height:45px; border-radius:5px; margin:0 8px}

.index05{ padding-top:100px; padding-bottom:50px;}
.common_03 .bd ul{ margin:0 -20px}
.common_03 .bd li{ float:left; width:16.66%; text-align:center; margin-bottom:40px;}
.common_03 .bd li .a{ margin:0 20px; height:100px; text-align:center}
.common_03 .bd li .a img{ width:157px; max-width:100%; max-height:100%; position:relative; display:inline-block;top:50%; transform:translateY(-50%)}

.index06{ padding-bottom:50px;}
.news_com li{ float:left; width:33.33%; margin-bottom:40px}
.news_com ul{ margin:0 -2px;}
.news_com li .a{ margin:0 2px;}
.news_com li .img{ overflow:hidden;height:230px;}
.news_com li .img a:hover{ transform:scale(1.1)}
.news_com li .img a{ display:block; height:100%;  background-repeat:no-repeat; background-position:center; background-size:cover}
.news_com li .txt{ background-color:#f8f8f8; padding:15px;}
.news_com li .txt h3,.index06 .bd li .txt h3 a{ font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_com li .txt h3{ margin-bottom:5px}
.news_com li .txt .date{ font-size:13px; color:#666; margin-bottom:5px}
.news_com li .txt .p{ font-size:13px; color:#666; line-height:1.8; height:70px; overflow:hidden}

.form01{ background:url(../images/form01bg.png) ; padding-top:70px; padding-bottom:50px; line-height:1.1}
.form01 .p1{ font-size:25px; color:#666666; margin-bottom:15px}
.form01 .p2{ font-size:40px; color:#333; margin-bottom:40px}
.form01 .p3 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.form01 .p3 ul li{ margin-right:12px; width:220px;flex:0 0 220px;}
.form01 .p3 ul li:nth-child(3){-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; width:auto}
.form01 .p3 ul .intxt{ width:100%; height:60px; padding:0 12px; border:none; background-color:#fff; line-height:60px; font-size:16px}
.form01 .p3 ul li:last-child{ margin-right:0; width:200px; flex:0 0 200px;}
.form01 .p3 ul li .inbtn{ width:100%; height:60px; line-height:60px; border:none; background-color:#0052a4; color:#fff; font-size:16px; cursor:pointer}
.form01 .p4{ margin-top:50px; color:#999}

.nbanner .img{ display:block ; height:600px; background-repeat:no-repeat; background-position:center; background-size:cover}
.lanmunav { border-bottom:1px solid #e9e9e9; text-align:center; font-size:0; height:65px}
.lanmunav ul{ height:65px;}
.lanmunav li{ display:inline-block; vertical-align:top; font-size:16px; margin:0 18px}
.lanmunav li a{ font-size:16px; line-height:63px; display:block; padding:0 15px;border-bottom:2px solid transparent}
.lanmunav li.on a,.lanmunav li a:hover{ border-bottom:2px solid #ef4531; color:#ef4531}
.navbg.flex{ position:fixed; z-index:9999; left:0; right:0;top:0; background-color:#fff}
.lanmunav .navbg.flex li.on a{ border-bottom:none; color:#333}
.lanmunav .navbg.flex  li a{ line-height:78px}
.lanmunav .navbg.flex li a.on{    border-bottom: 2px solid #ef4531; color: #ef4531;}

.newbanner{ display:block ;  background-repeat:no-repeat; background-position:center; background-size:cover}
.newbanner .weap{ height:600px;}
.newbanner .txt{ text-align:center; color:#fff; position:relative;top:50%; transform:translateY(-50%)}
.newbanner .txt h1{ font-size:67px; line-height:1.1; font-weight:normal; margin-bottom:40px}
.newbanner .txt .info{ font-size:22px;}
.newbanner .txt .info span{ margin:0 15px}

.main_newpage .conn{ overflow:hidden; width:950px; margin:0 auto; max-width:100%; line-height:1.8}
.main_newpage .conn img{ max-width:100%; height:auto !important}

.common_04{ padding-top:70px; padding-bottom:50px; border-top:1px solid #bbb}
.common_04 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.common_04 .l1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; margin-right:55px; border-right:1px solid #bbbbbb; padding-right:10px}
.common_04 .l1 img{ max-width:100%}
.common_04 .l1 .p{ font-size:23px; color:#666; margin-top:10px}
.common_04 .l2{ text-align:center; width:434px;flex:0 0 434px}
.common_04 .l2 img{ width:120px; max-width:100%}
.common_04 .l2 .p{ font-size:18px; color:#666666; margin-top:10px}
.common_04 .l3{ text-align:center; width:235px;flex:0 0 235px}
.common_04 .l3>div{ margin-bottom:15px}
.common_04 .l3 .p1 a{ font-size:26px; font-weight:bold; border-bottom:2px solid #333; letter-spacing:2px}
.common_04 .l3 .p1 i{ display:inline-block; width:38px; height:38px; margin-right:10px; background:url(../images/ico-qq.png) no-repeat center; background-size:100%; vertical-align:middle; position:relative;top:-2px}
.common_04 .l3 .p2 i{ display:inline-block; width:38px; height:38px; margin-right:10px; background:url(../images/ico-tel01.png) no-repeat center; background-size:100%; vertical-align:middle; position:relative;top:-2px}
.common_04 .l3 .p2 a{ font-size:26px; font-weight:bold}
.common_04 .l3 .p3{ margin-bottom:0}
.common_04 .l3 .p3 a{ display:inline-block; width:160px; height:40px; line-height:40px; background-color:#ef4531; color:#fff; border-radius:5px; font-size:16px}
.common_04 .tis{ margin-top:70px}

.attributenav{ text-align:center}
.attributenav li{ display:inline-block; vertical-align:middle; margin-top:20px}
.attributenav li a{ display:block; font-size:16px; color:#666; line-height:18px; padding:0 18px; height:32px; line-height:32px}
.attributenav li.on a,.attributenav li a:hover{ background-color:#ef4531; color:#fff}

.casebanner{ display:block ;  background-repeat:no-repeat; background-position:center; background-size:cover}
.casebanner .weap{ height:730px}
.casebanner .txt{  color:#fff; position:relative;top:50%; transform:translateY(-50%)}
.casebanner .txt h1{ font-size:67px; line-height:1.1; font-weight:normal; margin-bottom:20px}
.casebanner .txt .info{ font-size:22px;} 

.main_casepage{ background-color:#f5f5f5; padding-top:1px}

.main_casepage .conn{ overflow:hidden; background-color:#fff; padding:90px; margin-top:-90px; box-shadow:0 0 20px rgba(0,0,0,.2); line-height:1.8}
.main_casepage .conn img{ max-width:100%; height:auto !important}
.common_04.brtopnone{ border-top:none}

.morecase{ padding-top:50px; padding-bottom:100px;}
.morecase .hd{ margin-bottom:25px}
.morecase .hd h3{ font-size:23px; font-weight:normal}

.main_template{ background-color:#f5f5f5}
.classfiy_fenlei{ margin-bottom:20px}
.classfiy_fenlei li{ float:left; width:25%; margin-bottom:10px}
.classfiy_fenlei li.on a{ color:#0052a4}

.templatelist ul{ margin:0 -7px}
.templatelist li{ float:left; width:33.33%; margin-bottom:20px}
.templatelist li .a{ display:block; background-color:#fff; margin:0 7px; box-shadow:0 0 10px rgba(0,0,0,.1)}
.templatelist li .img{ height:350px; overflow:hidden}
.templatelist li .img a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover} 
.templatelist li .txt{ padding:15px;}
.templatelist li .txt h1 a{ display:block; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:18px}

.main_service{ padding-top:0; padding-bottom:0}
.service01{ padding-top:70px; padding-bottom:50px}

.service02{ padding-top:50px; padding-bottom:50px}
.service03{ background-color:#f6f6f6; padding-top:65px; padding-bottom:70px}
.service03 ul{ margin:0 -15px}
.service03 li{ float:left; width:33.33%;}
.service03 li .a{ margin:0 15px;}
.service03 li .img{ height:240px; overflow:hidden; margin-bottom:10px;transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: alll 0.3s ease-in;}
.service03 li .img:hover{ box-shadow:0 0 20px rgba(0,0,0,.5)}
.service03 li .img a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}

.service04{ background-color:#f6f6f6; padding-top:55px; padding-bottom:70px; text-align:center}
.service04 img{ max-width:100%}

.service05{ padding-top:100px; padding-bottom:40px}
.service05.common_03 .bd li{ margin-bottom:10px}

.main_about{ padding-top:0; padding-bottom:0}
.about01{ padding-top:50px; padding-bottom:50px}
.about01 .bd{ max-width:1000px; margin:0 auto; line-height:2; margin-bottom:60px}
.about01 .bd p{ text-indent:28px}
.about01 li{ float:left; width:33.33%; text-align:center}
.about01 li .img{ margin-bottom:20px}
.about01 li .img img{ max-width:90%}
.about01 .txt span{ display:block; font-size:18px; line-height:1.8}

.about02{ padding-top:50px; padding-bottom:50px}
.about02 .bd{ max-width:1000px; margin:0 auto; margin-bottom:50px;}
.about02 ul{ padding-right:33.33%; position:relative; margin:0 -2px}
.about02 ul li .img{ height:215px;margin:0 2px; background-position:center; background-repeat:no-repeat; background-size:cover}
.about02 ul li{ width:50%; float:left; margin-bottom:4px}
.about02 ul li:last-child {width:33.33%;  position:absolute; z-index:2; right:0;top:0; bottom:0;}
.about02 ul li:last-child .img{ height:100%; margin-left:4px}

.about03{ padding-bottom:110px; padding-top:50px}
.plo .line{ width:40px; height:2px; background-color:#cccccc; margin:0 auto; margin-top:40px}
.about03 .uls{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.about03 .uls .ewm{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:center}
.about03 .uls .ewm img{width:120px; max-width:100%}
.about03 .uls .ewm .p{ margin-top:10px; font-size:18px; color:#666666}
.about03 .uls ul{ font-size:18px}
.about03 .uls ul a{ font-size:18px}
.about03 .uls ul .zx{ color:#ef4531; margin-left:10px}
.about03 .uls ul .zx .qq{display: inline-block; width: 17px; height: 17px; background: url(../images/ico-qq.png) no-repeat center; background-size: 100%; vertical-align: middle; position: relative; top: -2px; margin-right:5px;}
.about03 .bd{ text-align:center; margin-bottom:65px}
.about03 .bd .p1{ color:#999999; font-size:24px; margin-bottom:20px}
.about03 .kefu>div{ margin-bottom:15px;}
.about03 .kefu .p1 a{ font-size:26px; font-weight:bold; border-bottom:2px solid #333; letter-spacing:2px}
.about03 .kefu .p1 i{ display:inline-block; width:38px; height:38px; margin-right:10px; background:url(../images/ico-qq.png) no-repeat center; background-size:100%; vertical-align:middle; position:relative;top:-2px}
.about03 .kefu .p2 i{ display:inline-block; width:38px; height:38px; margin-right:10px; background:url(../images/ico-tel01.png) no-repeat center; background-size:100%; vertical-align:middle; position:relative;top:-2px}
.about03 .kefu .p2 a{ font-size:26px; font-weight:bold}
.about03 .kefu .p3{ margin-bottom:0; text-align:center}
.about03 .kefu .p3 a{ display:inline-block; width:160px; height:40px; line-height:40px; background-color:#ef4531; color:#fff; border-radius:5px; font-size:16px}
 
@media(max-width:1220px){
.bannervideo .txt h3{ font-size:5.9vw;}
.bannervideo .txt .eng{ font-size:2.9vw}
.nbanner .img{ height:50vw}
.newbanner .weap{ height:50vw;  }

.common_04 .l2{ width:300px;flex:0 0 300px}
.casebanner .weap{ height:60vw; }
.casebanner .txt h1{ font-size:34px}
}
@media(max-width:1000px){
.plo h3{ font-size:28px} 
.plo .p{ font-size:16px; margin-top:15px}
.plo .p a{ font-size:16px}
.common_01 .bd li .txt h3{ font-size:18px}
.common_01 .bd li .p{ font-size:13px}
.common_02 .p1 a{ height:46px; line-height:46px; font-size:20px}
.common_02 .p2{ font-size:23px}
.common_03 .bd li .a{ margin:0 10px;}
.common_03 .bd ul{ margin:0 -10px}
.form01 .p3 ul .intxt{ height:46px; line-height:46px; font-size:14px}
.form01 .p3 ul li .inbtn{height:46px; line-height:46px; font-size:14px}
.form01 .p3 ul li:last-child{ width:150px; flex:0 0 150px}
.form01 .p3 ul li{width:120px; flex:0 0 120px}

.form01 .p1{ font-size:20px}
.form01 .p2{ font-size:32px; margin-bottom:20px}
.newbanner .txt h1{ font-size:34px}
.common_04 .l1{ display:none}
.common_04 .l2{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.newbanner .weap{ padding-top:50px}

.main_casepage .conn{ padding:30px}
.casebanner .weap{ padding-top:50px}

.classfiy_fenlei li{ width:33.33%}
.mnone{ display:none}
}
@media(max-width:768px){
.bannervideo .video{ height:auto; min-height:0px;}
.bannervideo .txt{ padding-top:40px}
.bannervideo .video video{min-width: 1px; min-height:1px; width:100%; position:static; display:block}

.templatelist li{ width:50%}
}
@media(max-width:760px){
.plo{ margin-bottom:25px}	
.plo h3{ font-size:23px}
.plo .p{ margin-top:10px}
.index01{ padding-top:40px; padding-bottom:20px}
.case_com li{ width:100%; float:none; margin-bottom:10px}
.case_com ul{ margin:0}
.case_com li .a{ margin:0}
.case_com li .img{ height:60vw}
.case_com li .p{ margin-top:0} 
.index02{ padding-top:20px; padding-bottom:20px}
.common_01 .bd ul{ margin:0}
.common_01 .bd li{ float:none; width:auto; margin-bottom:15px}
.common_01 .bd li .imga{ height:60vw}
.common_01 .bd li .a{ margin:0}
.common_01 .bd li .txt h3{ margin-bottom:5px}
.common_01 .bd li .img{ margin-bottom:10px}
.index03{ padding-top:20px; padding-bottom:40px}
.common_02 .p1 a{ font-size:16px}
.common_02 .p2{ font-size:19px}
.index04 .hd h3{ font-size:24px}
.index04 .hd{ margin-bottom:25px}
.index04 .as a{ width:120px; height:36px; line-height:36px}
.index04{ padding:40px 0}
.index05{ padding-top:40px; padding-bottom:20px}
.common_03 .bd li{ width:33.33%; margin-bottom:10px}
.common_03 .bd li .a{ height:50px}
.index06{ padding-top:20px; padding-bottom:40px}
.news_com li{ float:none; width:auto; margin-bottom:15px}
.news_com ul{ margin:0}
.news_com li .a{ margin:0}
.news_com li .img{ height:60vw}
.form01{ padding:40px 0}
.form01 .p1{ font-size:18px; line-height:1.4}
.form01 .p2{ font-size:24px}
.form01 .p3 ul{ display:block}
.form01 .p3 ul li{ width:auto; margin-bottom:10px; margin-right:0}
.form01 .p3 ul li:last-child{ width:auto}
.form01 .p4{ margin-top:25px}

.lanmunav ul{ height:auto; overflow:hidden; margin:0 -5px; padding-top:10px;}
.lanmunav li{ width:50%; display:block; float:left; margin:0; margin-bottom:10px}
.lanmunav li a{ display:block; font-size:15px; height:36px; line-height:36px; border:1px solid #dadada; border-radius:5px; margin:0 5px;}
.lanmunav li.on a, .lanmunav li a:hover{border:1px solid #ef4531; background:#ef4531; color:#fff }
.main{ padding-top:20px;}
.newbanner .txt h1{ font-size:24px; margin-bottom:10px}
.newbanner .txt .info{ font-size:14px}
.newbanner .weap{ height:60vw}
.common_04{ padding-top:40px; padding-bottom:40px}
.common_04 .l2 .p{ font-size:14px; line-height:1.4; margin-top:5px}
.common_04 .l2 img{ width:110px}
.common_04 .l3 .p1 a{ font-size:22px}
.common_04 .l3 .p2 a{ font-size:22px;}
.common_04 .l3 .p3 a{ height:36px; line-height:36px; width:140px}
.common_04 .l3 .p1 i{ width:32px; height:32px}
.common_04 .l3 .p2 i{ width:32px; height:32px}
.common_04 .tis{ margin-top:35px}

.attributenav ul{ overflow:hidden}
.attributenav li a{ font-size:14px; padding:0 10px; height:28px; line-height:28px}
.attributenav li{ margin-top:10px;}
.attributenav li.on a, .attributenav li a:hover{ background:none; font-weight:bold; color:#ef4531}
.main_casepage .conn{ padding:10px; margin-top:-10vw;    box-shadow: 0 0 10px rgba(0,0,0,.2);}
.casebanner .txt h1{ font-size:24px; margin-bottom:10px}
.casebanner .txt .info{ font-size:14px}
.morecase{ padding-top:20px; padding-bottom:40px}
.morecase .hd{ margin-bottom:15px}

.classfiy_fenlei li{ width:50%; margin-bottom:5px}
.classfiy_fenlei li span{ display:none}
.templatelist li{ width:auto; float:none; margin-bottom:15px}
.templatelist li .txt h1 a{ font-size:16px}

.service01{ padding-top:40px; padding-bottom:20px}
.service02{ padding-top:20px; padding-bottom:40px}
.service03{ padding:40px 0}
.service03 li{ float:none; width:auto; margin-bottom:15px}
.service03 li .img{ height:60vw}
.service03 ul{ margin:0}
.service03 li .a{ margin:0}
.service04{ padding-top:20px; padding-bottom:40px}
.service05{ padding:40px 0}

.about01{ padding-top:40px; padding-bottom:20px}
.about01 li{ float:none; width:auto; margin-bottom:15px;}
.about01 li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about01 li .img{  width:100px; flex:0 0 100px; margin-bottom:0;}
.about01 li .img img{ max-width:80%}
.about01 .bd{ margin-bottom:30px}
.about01 .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.about01 .txt span{ font-size:16px; text-align:left}
.about02{ padding-top:20px; padding-bottom:20px}
.about02 ul li{ float:none; width:auto}
.about02 ul{ padding-right:0}
.about02 ul li:last-child{ position:static; width:100%}
.about02 ul li:last-child .img{ height:215px}
.about03{ padding-top:20px; padding-bottom:40px}
.plo .line{ margin-top:10px}
.about03 .bd .p1{ font-size:18px; margin-bottom:10px}
.about03 .uls{ display:block}
.about03 .uls ul{ font-size:16px; margin-bottom:20px}
.about03 .uls ul a{ font-size:16px}
.about03 .uls .ewm{ float:left}
.about03 .uls .kefu{ float:left}
.about03 .uls .ewm{ width:120px; margin-right:10px}
.about03 .uls .ewm .p{ font-size:14px; line-height:1.4; margin-top:0}
.about03 .kefu .p1 i,.about03 .kefu .p2 i{ width:34px; height:34px}
.about03 .kefu .p1 a{ font-size:20px}
.about03 .kefu .p3 a{ width:140px; height:36px; line-height:36px; font-size:16px}
.about03 .kefu>div{ margin-bottom:10px}
}