@charset "utf-8";
@import url('../fonts/iconfont/iconfont.css');
/*****  font-display: swap;  字体延迟加载*****/



/**********样式重置**********/
html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}
.clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";}
.clearfix:after,.container::after{clear:both;}
*{margin:0;padding:0;box-sizing:border-box;}
a{outline:none;color:#111;text-decoration:none;}
a:hover{color:#2a633a;}
img,li{border:0;vertical-align:top;}
img{max-width:100%;height:auto;display:block;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #717171;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #717171;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #717171;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #717171;
}
b,body,dd,div,form,h5,h6,img,input,textarea,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:Arial,Verdana,Tahoma, Geneva,sans-serif;color:#333;line-height:1.4;font-size:16px;}
h1,h2,h3,h4,dt{font-family:Arial,Verdana, Tahoma, Geneva,  sans-serif;}
.hidden{display:none!important;}
.noinfo{font-size:16px;text-align:center;margin-top:10px;padding-bottom:30px;}
.item .img{overflow:hidden;position:relative;}
.item .img img{max-width:100%;transition:all .4s;transform:scale(1.05);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_between>div{margin:0;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_end{display:flex;justify-content:flex-end;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:space-between;flex-wrap:wrap; flex-direction:column;}
.vcenter{position:absolute;top:50%;transform:translate(0,-50%);}
.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.text-center{text-align:center;}
.ValidationError{border:1px solid red!important;}
.proimg{position:relative;padding-top:100%;}
.proimg>.img,.proimg>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.proimg img{width:100%;}
.btn{display:inline-block;padding:5px 15px;font-size:16px;line-height:2;background-color:#77bd4a;color:#fff;border-radius:6px;}
.linkmore{display:inline-block;padding:5px 20px;font-size:16px;line-height:1.5;color:#fff;border:1px solid #fff;border-radius:50px;text-transform:uppercase;}
.linkmore:hover{color:#77bd4a;border:1px solid #77bd4a;}
.loading{padding:10px 0 20px;}
.container{width:1530px;padding:0 15px;}
@media screen and (min-width:1px ) and (max-width:1529px) {
    .container{width:100%;}
}
@media (min-width:1230px) and (max-width:1529px) {
    .btn{padding:5px 8px;}
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}
/**********样式重置**********/


header{position:sticky;top:0;z-index:3;}
header .top{padding-top:6px;padding-bottom:6px;background-color:#013e5c;}
header .top .left>a{color:#fff;display:inline-block;margin-right:10px;}
header .top .left>a>i{font-size:18px;line-height:24px;display:inline-block;vertical-align:top;}
header .top .left>a:hover{color:#65a63b;}
header .top .right{font-size:14px;line-height:24px;color:#fff;}
header .menu{padding-top:20px;padding-bottom:20px;background-color:#00334d;}
header .menu .logo{position:relative;padding-top:10px;padding-bottom:10px;}
header .menu .logo img{display:block;}
header .menu .search{}
header .menu .search .select{display:inline-block;height:42px;background-color:#fff;font-size:16px;padding:6px 10px 6px 10px;border:none;box-shadow:none;border-radius:6px 0 0 6px;vertical-align:top;position:relative;}
header .menu .search .select span{color:#666;line-height:30px;display:block;position:relative;padding-right:20px;cursor:pointer;}
header .menu .search .select span:before{content:"\e62d";font-family:iconfont;position:absolute;right:0;font-size:14px;}
header .menu .search .select:after{content:"";width:2px;height:36px;background-color:#ccc;position:absolute;right:0px;top:3px;}
header .menu .search .select dl{position:absolute;top:100%;left:0;background-color:#fff;min-width:100%;box-shadow:0 0 5px #eee;display:none;}
header .menu .search .select dl dd{cursor:pointer;padding:8px 10px;color:#666;}
header .menu .search .select dl dd:hover{background-color:#eee;color:#65a63b;}
header .menu .search input{height:42px;padding:6px 10px;background-color:#fff;margin:0;vertical-align:top;position:relative;width:290px;border-radius:0 6px 6px 0;}
header .menu .search .btn{vertical-align:top;margin-left:12px;font-weight:bold;}
header .menu .search .btn.btnSearch{color:#fff;}
header .menu .search .btn.btnSearch>i{margin-right:3px;vertical-align:top;display:inline-block;}
header .menu .search .btn.btnSearch:hover{color:#77bd4a;background-color:#fff;}
header .menu .search .btn.btnInquiry{color:#023e5c;background-color:#fff;}
header .menu .search .btn.btnInquiry:hover{color:#fff;background-color:#77bd4a;}
header .menu .menulist a{display:inline-block;text-align:center;vertical-align:top;margin-left:10px;}
header .menu .menulist a>i{font-size:20px;line-height:22px;color:#fff;display:block;}
header .menu .menulist a>span{display:block;font-size:16px;line-height:20px;color:#fff;}
header .menu .menulist a:hover>i{color:#77bd4a;}
header .menu .menulist a:hover>span{color:#77bd4a;}
@media (min-width:1230px) and (max-width:1529px) {
    header .menu .search .select{font-size:14px;}
    header .menu .search input{width:220px;}
    header .menu .search .btn{margin-left:5px;}
    header .menu .menulist a{margin-left:3px;}
    header .menu .menulist a>span{font-size:14px;}
}
@media (min-width:992px) and (max-width:1229px) {
    header .menu .menulist{display:none;}
}
@media (min-width:768px) and (max-width:991px){
    header .menu .logo img{max-width:180px;}
    header .menu .menulist{display:none;}
    header .menu .search .select{font-size:14px;padding:5px;}
    header .menu .search input{width:200px;padding:5px;}
    header .menu .search .btn{margin-left:2px;padding:5px 5px;}
}
@media (min-width:1px) and (max-width:767px) {
    header .menu{padding-top:10px;padding-bottom:10px;}
    header .menu .logo{width:100%;text-align:center;}
    header .menu .search{display:none;}
    header .menu .search .select{width:120px;font-size:13px;}
    header .menu .search input{width:calc(100% - 120px);}
    header .menu .menulist{display:none;}
    header .menu .search .btn{width:40%;margin-top:15px;}
}

#ibanner{background:url(/Template/Default/images/banner.jpg) no-repeat top center fixed;padding-top:8vw;padding-bottom:8vw;}
#ibanner .txt{text-align:center;}
#ibanner .txt h3{font-size:30px;line-height:1.5;font-weight:bold;color:#fff;margin-bottom:1vw;}
#ibanner .txt p{font-size:24px;line-height:1.8;color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    #ibanner .txt h3{font-size:24px;}
    #ibanner .txt p{font-size:18px;}
}
@media (min-width:1px) and (max-width:767px) {
    #ibanner .txt h3{font-size:20px;line-height:1.4;}
    #ibanner .txt p{font-size:14px;line-height:1.5;}
}

#probanner{background:url(/Template/Default/images/banner_1.jpg) no-repeat top center fixed;}
#compnybanner{background:url(/Template/Default/images/banner_2.jpg) no-repeat top center fixed;}
.nbanner{padding-top:75px;padding-bottom:450px;position:relative;}
.nbanner .txt h3{font-size:30px;line-height:40px;font-weight:bold;color:#fff;margin-bottom:1vw;text-transform:uppercase;}
.nbanner .txt h3 img{float:left;height:40px;margin-right:10px;}
.nbanner .txt p{font-size:24px;line-height:1.8;color:#fff;}
.nbanner .bannerbg{position:absolute;left:0;bottom:0;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}

.main{background-color:#f3f3f3;}
.frame{padding-top:60px;}
.frame .title{position:relative;margin-bottom:30px;}
.frame .title:before{content:"";width:100%;height:5px;background-color:#dcdee3;position:absolute;left:0;top:calc(50% - 2px);}
.frame .title .info{background-color:#f3f3f3;padding-right:20px;display:inline-block;position:relative;z-index:2;}
.frame .title .info i{display:inline-block;vertical-align:top;color:#00334d;font-size:24px;line-height:1.5;margin-right:3px;}
.frame .title .info h2{display:inline-block;font-size:24px;line-height:1.5;text-transform:uppercase;}
.frame .title .linkbox{background-color:#f3f3f3;padding-left:10px;position:relative;z-index:2;padding-top:6px;padding-bottom:6px;float:right;}
.frame .title .more{display:inline-block;font-size:16px;color:#00334d;line-height:24px;text-transform:uppercase;}
.frame .title .more:hover{color:#77bd4a;}
@media (min-width:1230px) and (max-width:1529px) {
    .frame{padding-top:30px;}
}
@media (min-width:992px) and (max-width:1229px) {
    .frame{padding-top:30px;}
}
@media (min-width:768px) and (max-width:991px){
    .frame{padding-top:30px;}
}
@media (min-width:1px) and (max-width:767px) {
    .frame{padding-top:30px;}
    .frame .title .info h2{font-size:18px;}
    .frame .title .info i{font-size:18px;}
    .frame .title .linkbox{display:none;}
}


#frame1 .box{border-radius:6px;overflow:hidden;background:url(/Template/Default/images/bg_1.jpg) no-repeat center center;padding:30px 40px;}
#frame1 .box>.tit{width:400px;padding-right:20px;}
#frame1 .box>.tit h3{font-size:28px;color:#fff;font-weight:bold;}
#frame1 .box>.tit p{font-size:16px;color:#fff;margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
#frame1 .box .list{flex:1;}
#frame1 .box .list .item{width:calc((100% - 72px)/4);margin:0 24px 0 0;border-radius:5px;overflow:hidden;}
#frame1 .box .list .item:last-child{margin-right:0;}
@media (min-width:1230px) and (max-width:1529px) {
    #frame1 .box{padding:30px;}
    #frame1 .box>.tit{width:380px;padding-right:20px;}
    #frame1 .box>.tit h3{font-size:24px;}
    #frame1 .box>.tit p{font-size:20px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #frame1 .box{padding:30px;}
    #frame1 .box>.tit{width:100%;padding-bottom:20px;}
    #frame1 .box>.tit h3{font-size:24px;}
    #frame1 .box>.tit p{font-size:20px;}
}
@media (min-width:768px) and (max-width:991px){
    #frame1 .box{padding:20px;}
    #frame1 .box>.tit{width:100%;padding-bottom:20px;}
    #frame1 .box>.tit h3{font-size:24px;}
    #frame1 .box>.tit p{font-size:20px;}
    #frame1 .box .list .item{width:calc((100% - 45px)/4);margin:0 15px 0 0;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame1 .box{padding:15px;}
    #frame1 .box>.tit{width:100%;padding-bottom:20px;}
    #frame1 .box>.tit h3{font-size:18px;}
    #frame1 .box .linkmore{font-size:13px;}
    #frame1 .box>.tit p{font-size:14px;}
    #frame1 .box .list .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
    #frame1 .box .list .item:nth-child(2n){margin-right:0;}
}

#frame2 .catelist{position:relative;margin-bottom:40px;}
#frame2 .catelist .swiper-slide{background-color:#fff;}
#frame2 .catelist .swiper-slide a{padding:15px;font-size:16px;line-height:2;text-align:center;display:block;}
#frame2 .catelist .swiper-slide a>i{display:inline-block;margin-right:5px;vertical-align:top;color:#77bd4a;}
#frame2 .catelist .swiper-slide a:hover{color:#77bd4a;}
#frame2 .catelist .swiper-slide.swiper-slide-active{background-color:#ebeaea;}
#frame2 .catelist .swbtn{position:absolute;top:0;height:100%;width:40px;background-color:#fff;}
#frame2 .catelist .swbtn>i{display:inline-block;position:absolute;top:calc(50% - 20px);width:40px;height:40px;line-height:40px;text-align:center;font-size:24px;color:#999;}
#frame2 .catelist .swbtn.btn-prev{left:0;border-radius:6px 0 0 6px;}
#frame2 .catelist .swbtn.btn-prev>i{display:block;transform:rotate(90deg);}
#frame2 .catelist .swbtn.btn-next{right:0;border-radius:0 6px 6px 0;}
#frame2 .catelist .swbtn.btn-next>i{display:block;transform:rotate(-90deg);}
#frame2 .catelist .swbtn:hover{background-color:#77bd4a;}
#frame2 .catelist .swbtn:hover>i{color:#fff;}
#frame2 .list .item{width:calc((100% - 30px)/2);margin:0 30px 30px 0;background-color:#fff;border-radius:6px;padding:15px;overflow:hidden;}
#frame2 .list .item:nth-child(2n){margin-right:0;}
#frame2 .list .item .box{overflow:hidden;margin-bottom:20px;}
#frame2 .list .item .box .companyimg{width:35%;float:left;}
#frame2 .list .item .box .companyimg .proimg{border-radius:6px;overflow:hidden;}
#frame2 .list .item .box .txt{width:63%;float:right;}
#frame2 .list .item .box .txt .companytit{padding-left:90px;position:relative;margin-bottom:10px;}
#frame2 .list .item .box .txt .companytit .logoimg{position:absolute;left:0;top:0;width:80px;height:80px;border:1px solid #eee;}
#frame2 .list .item .box .txt .companytit .logoimg .vccenter{width:100%;}
#frame2 .list .item .box .txt .companytit .logoimg img{max-width:100%;max-height:100%;}
#frame2 .list .item .box .txt .companytit h3{font-size:16px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:30px;}
#frame2 .list .item .box .txt .companytit h3 i{position:absolute;right:0;width:20px;height:20px;line-height:20px;font-size:14px;border-radius:50%;margin-top:5px;background-color:#00334d;color:#fff;text-align:center;transform:rotate(-90deg);}
#frame2 .list .item .box .txt .companytit span{display:block;font-size:14px;line-height:24px;}
#frame2 .list .item .box .txt .companytit span>i{float:left;font-size:20px;color:#58aef0;line-height:24px;margin-right:5px;}
#frame2 .list .item .box .txt .companytit p{font-size:14px;line-height:24px;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#frame2 .list .item .box .txt .imglist{overflow:hidden;padding:15px;background-color:#f7f7f7;border-radius:6px;}
#frame2 .list .item .box .txt .imglist .imgitem{width:calc((100% - 30px)/3);margin:0 15px 0 0;}
#frame2 .list .item .box .txt .imglist .imgitem:nth-child(3n){margin-right:0;}
#frame2 .list .item .btnlist .btn{width:24%;text-align:center;padding:2px 10px;border:1px solid #77bd4a;}
#frame2 .list .item .btnlist .btn>i{font-size:20px;margin-right:3px;height:30px;line-height:34px;vertical-align:top;display:inline-block;}
#frame2 .list .item .btnlist .btn.btn_1{background-color:#28628f;border:1px solid #28628f;}
#frame2 .list .item .btnlist .btn:hover{background-color:#fff;border:1px solid #77bd4a;color:#77bd4a;}
@media (min-width:1230px) and (max-width:1529px) {
    #frame2 .list .item .btnlist .btn{padding:2px 5px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #frame2 .list .item{width:100%;margin:0 0 20px 0;}
}
@media (min-width:768px) and (max-width:991px){
    #frame2 .catelist .swiper-slide a{padding:8px;}
    #frame2 .list .item{width:100%;margin:0 0 20px 0;}
    #frame2 .list .item .box .companyimg{display:none;}
    #frame2 .list .item .box .txt{width:100%;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame2 .catelist .swiper-slide a{padding:8px;font-size:13px;}
    #frame2 .catelist .swiper-slide a>i{font-size:13px;}
    #frame2 .list .item{width:100%;margin:0 0 20px 0;}
    #frame2 .list .item .box .companyimg{display:none;}
    #frame2 .list .item .box .txt{width:100%;}
    #frame2 .list .item .btnlist .btn{width:48%;}
    #frame2 .list .item .btnlist .btn.btn_1{margin-bottom:10px;}
}

#Industry.frame2{margin-top:-400px;min-height:400px;}
#Industry.frame2 .list .item{width:100%;margin:0;padding:0;border-radius:10px;background-color:#fff;position:relative;z-index:1;border-radius:6px;padding:15px;}
#Industry.frame2 .list .item .box{margin-bottom:0;}
#Industry.frame2 .list .item .box .companyimg{width:35%;float:left;}
#Industry.frame2 .list .item .box .companyimg .proimg{border-radius:0;overflow:hidden;}
#Industry.frame2 .list .item .box .txt{width:63%;float:right;padding:30px 30px 30px 0;}
#Industry.frame2 .list .item .box .txt .companytit{position:relative;padding-left:115px;margin-bottom:25px;}
#Industry.frame2 .list .item .box .txt .companytit .logoimg{position:absolute;left:0;top:0;border:1px solid #eee;width:100px;height:100px;}
#Industry.frame2 .list .item .box .txt .companytit .logoimg .vccenter{width:100%;}
#Industry.frame2 .list .item .box .txt .companytit .logoimg img{max-width:100%;max-height:100%;}
#Industry.frame2 .list .item .box .txt .companytit h3{font-size:16px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:30px;}
#Industry.frame2 .list .item .box .txt .companytit h3 i{position:absolute;right:0;width:20px;height:20px;line-height:20px;font-size:14px;border-radius:50%;margin-top:5px;background-color:#00334d;color:#fff;text-align:center;transform:rotate(-90deg);}
#Industry.frame2 .list .item .box .txt .companytit span{display:block;font-size:14px;line-height:24px;}
#Industry.frame2 .list .item .box .txt .companytit span>i{float:left;font-size:20px;color:#58aef0;line-height:24px;margin-right:5px;}
#Industry.frame2 .list .item .box .txt .companytit p{font-size:14px;line-height:24px;color:#555;height:48px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#Industry.frame2 .list .item .box .txt .imglist{overflow:hidden;padding:15px;background-color:#f7f7f7;border-radius:6px;margin-bottom:30px;}
#Industry.frame2 .list .item .box .txt .imglist .imgitem{width:calc((100% - 45px)/4);margin:0 15px 0 0;}
#Industry.frame2 .list .item .box .txt .imglist .imgitem:nth-child(4n){margin-right:0;}
#Industry.frame2 .list .item .btnlist .btn{width:24%;text-align:center;padding:2px 10px;border:1px solid #77bd4a;}
#Industry.frame2 .list .item .btnlist .btn>i{font-size:20px;margin-right:3px;height:30px;line-height:34px;vertical-align:top;display:inline-block;}
#Industry.frame2 .list .item .btnlist .btn.btn_1{background-color:#28628f;border:1px solid #28628f;}
#Industry.frame2 .list .item .btnlist .btn:hover{background-color:#fff;border:1px solid #77bd4a;color:#77bd4a;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    #Industry.frame2 .list .item .box .txt{padding:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #Industry.frame2 .list .item .box .txt{padding:15px;}
}

.catelist{position:relative;margin-bottom:40px;}
.catelist .catebox{margin:0;position:relative;}
.catelist .catebox a{padding:10px 15px;font-size:16px;line-height:2;text-align:center;display:block;background-color:#fff;min-width:200px;flex:auto;border:1px solid #eee;}
.catelist .catebox>a>i{color:#77bd4a;display:inline-block;margin-right:5px;vertical-align:top;}
.catelist .dropmenu{display:none;}
.catelist .catebox.dropdown:hover>.dropmenu{display:block;position:absolute;left:0;top:100%;z-index:9;} 
.catelist .catebox .dropdown:hover>.dropmenu{display:block;position:absolute;left:100%;top:0;z-index:9;border-left:2px solid #77bd4a;}
.catelist .catebox .dropmenu a{font-size:14px;padding:8px 15px;}
.catelist .catebox.dropdown a:hover{background-color:#ebeaea;}
.catelist .catebox.dropdown:hover>a{background-color:#ebeaea;}
.catelist .catebox .dropdown:hover>a{background-color:#ebeaea;}



#frame3 .list .item{width:calc((100% - 120px)/5);margin:0 30px 30px 0;border:1px solid #e7e7e7;background-color:#fff;border-radius:6px;overflow:hidden;}
#frame3 .list .item:nth-child(5n){margin-right:0;}
#frame3 .list .item .pd10{padding:10px;}
#frame3 .list .item .txt{padding:10px 5px 0;}
#frame3 .list .item h3{font-size:14px;line-height:20px;height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#frame3 .list .btnlist{padding:20px 15px;border-top:1px solid #e6e6e6;}
#frame3 .list .btnlist .btn{width:48%;font-size:14px;line-height:20px;padding:5px 5px;border-radius:50px;color:#333;text-align:center;}
#frame3 .list .btnlist .btn>i{display:inline-block;font-size:14px;margin-right:3px;}
#frame3 .list .btnlist .btn.btn_1{border:1px solid #77bd4a;background-color:#eef7e8;}
#frame3 .list .btnlist .btn.btn_1>i{color:#77bd4a;}
#frame3 .list .btnlist .btn.btn_1:hover{background-color:#77bd4a;color:#fff;}
#frame3 .list .btnlist .btn.btn_1:hover>i{color:#fff;}
#frame3 .list .btnlist .btn.btn_2{border:1px solid #2c6b9b;background-color:#f1f5f8;}
#frame3 .list .btnlist .btn.btn_2>i{color:#2c6b9b;}
#frame3 .list .btnlist .btn.btn_2:hover{background-color:#2c6b9b;color:#fff;}
#frame3 .list .btnlist .btn.btn_2:hover>i{color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
    #frame3 .list .item{width:calc((100% - 60px)/5);margin:0 15px 15px 0;}
    #frame3 .list .btnlist{padding:15px 15px;}
    #frame3 .list .btnlist .btn{width:100%;}
    #frame3 .list .btnlist .btn.btn_1{margin-bottom:10px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #frame3 .list .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;}
    #frame3 .list .item:nth-child(5n){margin-right:15px;}
    #frame3 .list .item:nth-child(3n){margin-right:0;}
}
@media (min-width:768px) and (max-width:991px){
    #frame3 .list .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;}
    #frame3 .list .item:nth-child(5n){margin-right:15px;}
    #frame3 .list .item:nth-child(3n){margin-right:0;}
    #frame3 .list .btnlist{padding:15px 15px;}
    #frame3 .list .btnlist .btn{width:100%;}
    #frame3 .list .btnlist .btn.btn_1{margin-bottom:10px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame3 .list .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
    #frame3 .list .item:nth-child(5n){margin-right:15px;}
    #frame3 .list .item:nth-child(2n){margin-right:0;}
    #frame3 .list .btnlist{padding:15px 15px;}
    #frame3 .list .btnlist .btn{width:100%;}
    #frame3 .list .btnlist .btn.btn_1{margin-bottom:10px;}
}


#frame4 .left{width:54%;background:url(/Template/Default/images/cont.jpg) no-repeat center center;padding:60px 30px 60px 40px;}
#frame4 .left h3{font-size:36px;font-weight:bold;color:#fff;margin-bottom:40px;}
#frame4 .left .list{width:500px;margin:0 0 15px;}
#frame4 .left .list .item{width:200px;margin:0 25px 25px 0;}
#frame4 .left .list .item span{font-size:24px;line-height:1.5;color:#fff;font-weight:bold;}
#frame4 .left .list .item p{font-size:16px;line-height:1.5;color:#fff;}
#frame4 .left .btnmore{font-size:16px;line-height:20px;padding:6px 15px;border-radius:50px;color:#333;text-align:center;border:1px solid #fff;color:#fff;}
#frame4 .left .btnmore:hover{border:1px solid #77bd4a;background-color:#77bd4a;}
#frame4 .right{width:44%;border:5px solid #dcdee3;background-color:#fff;padding:50px 30px;}
#frame4 .right h3{font-size:36px;font-weight:bold;margin-bottom:15px;}
#frame4 .right p{font-size:14px;line-height:2;color:#666;margin-bottom:30px;}
#frame4 .right .feedback{margin-bottom:30px;}
#frame4 .right .btnSubmit{border-radius:50px;background-color:#2c6b9b;color:#fff;padding:5px 25px;border:1px solid #2c6b9b;}
#frame4 .right .btnSubmit:hover{background-color:#fff;color:#2c6b9b;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
    #frame4 .left{padding:50px 30px;}
    #frame4 .right{padding:20px;}
    #frame4 .right h3{font-size:24px;}
    #frame4 .right .feedback{width:100%;margin-bottom:0;}
    #frame4 .right .feedback .input_div.half{width:100%;margin-bottom:20px;}
}
@media (min-width:768px) and (max-width:991px){
    #frame4 .left{padding:30px 30px;width:100%;}
    #frame4 .right{padding:20px;width:100%;margin-top:20px;}
    #frame4 .right .feedback{width:100%;margin-bottom:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame4 .left{padding:30px 30px;width:100%;}
    #frame4 .left h3{font-size:20px;}
    #frame4 .left .list{width:100%;}
    #frame4 .left .list .item{width:49%;margin-right:0;}
    #frame4 .right{padding:20px;width:100%;margin-top:20px;}
    #frame4 .right h3{font-size:20px;}
    #frame4 .right .feedback{width:100%;margin-bottom:0;}
    #frame4 .right .feedback .input_div.half{width:100%;margin-bottom:20px;}
}

.feedback{width:80%;margin:0;}
.feedback .input_div{width:100%;overflow: hidden; position:relative; margin-bottom:20px; box-sizing: border-box; display: flex; background: #fff; flex-wrap:wrap;}
.feedback .input_div.half{width:49%;margin:0;}
.feedback .input_div>label{ background: none; font-size:16px;line-height:32px;color: #000;width:110px;text-align:right;box-sizing: border-box;}
.feedback .input_div>label em{color:red;vertical-align:middle;display:inline-block;text-align:center;width:20px;font-style:normal;} 
.feedback .input_div>input{ flex: 1; background: none; border: 1px solid #ddd; box-sizing: border-box; height: 42px; color: #333;border-radius:5px;padding-left:10px;width:100%;}
.feedback .input_div>select{width:100%;}
.feedback .input_div.textarea{ display: block; border: 0; padding: 0;}
.feedback .input_div.textarea>label{ display: block; margin-bottom: 0.15rem; font-size: 0.18rem; color: #808080;}
.feedback .input_div>textarea{ background:none; border: 1px solid #e8e8e8; width:calc(100% - 110px); float: left; padding:10px; outline: none; resize: none; box-sizing: border-box; color: #333;border-radius:5px;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}

#frame5{background-color:#ecf1f5;padding-bottom:60px;}
#frame5 .title .info{background-color:#ecf1f5;}
#frame5 .list .item{width:calc((100% - 60px)/4);background-color:#fff;text-align:center;padding:45px 30px;}
#frame5 .list .item i{display:inline-block;width:90px;height:90px;line-height:90px;text-align:center;font-size:48px;color:#fff;background-color:#01354f;border-radius:50%;margin-bottom:20px;}
#frame5 .list .item h3{font-size:18px;line-height:2;}
#frame5 .list .item p{font-size:14px;line-height:20px;height:40px;margin-bottom:10px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#frame5 .list .item .btn{border-radius:50px;background-color:#fff;color:#2c6b9b;padding:5px 15px;border:1px solid #2c6b9b;line-height:24px;width:170px;}
#frame5 .list .item .btn:hover{background-color:#2c6b9b;color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
    #frame5 .list .item{padding:25px 15px;}
    #frame5 .list .item h3{font-size:16px;}
}
@media (min-width:768px) and (max-width:991px){
    #frame5{padding-bottom:25px;}
    #frame5 .list .item{width:calc((100% - 15px)/2);margin-bottom:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame5{padding-bottom:25px;}
    #frame5 .list .item{width:100%;margin-bottom:20px;}
}

footer{background-color:#003550;padding-top:60px;padding-bottom:30px;}
footer .subscribe{width:calc(100% - 360px);}
footer .subscribe h3{font-size:20px;color:#fff;margin-bottom:15px;}
footer .subscribe input{border:1px solid #f1f4f7;background-color:#27618e;padding:6px 15px;margin:0;line-height:30px;border-radius:6px;max-width:640px;width:100%;color:#fff;}
footer .subscribe input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */
    color: #fff;
}
footer .subscribe input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #fff;
}
footer .subscribe input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */
    color: #fff;
}
footer .subscribe input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/
    color: #fff;
}
footer .subscribe .btnsubmit{display:inline-block;border-radius:6px;color:#fff;padding:6px 15px;border:1px solid #fff;line-height:30px;margin-left:10px;}
footer .subscribe .btnsubmit:hover{background-color:#fff;color:#27618e;}
footer .subscribe p{font-size:14px;color:#a7a7a7;margin-top:10px;}
footer .sharelist{width:300px;text-align:right;position:relative;}
footer .sharelist .vcenter{right:0;}
footer .sharelist span{display:inline-block;font-size:16px;color:#fff;line-height:30px;}
footer .sharelist a{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px;background-color:#fff;color:#003550;margin-left:3px;}
footer .sharelist a>i{font-size:18px;}
footer .sharelist a:hover{background-color:#77bd4a;color:#fff;}
.footby{margin-top:40px;padding-top:25px;border-top:1px solid #02293d;}
.footby .left{color:#496d80;}
.footby .right{color:#496d80;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
    footer .subscribe .btnsubmit{margin-left:0;margin-top:10px;}
    .footby .left{width:100%;text-align:center;}
    .footby .right{width:100%;text-align:center;}
}
@media (min-width:768px) and (max-width:991px){
    footer{padding-top:30px;}
    footer .subscribe{width:100%;}
    footer .subscribe .btnsubmit{margin-left:0;margin-top:10px;}
    footer .sharelist{width:100%;text-align:left;margin-top:15px;}
    footer .sharelist .vcenter{position:relative;}
    .footby .left{width:100%;text-align:center;}
    .footby .right{width:100%;text-align:center;}
}
@media (min-width:1px) and (max-width:767px) {
    footer{padding-top:30px;}
    footer .subscribe{width:100%;}
    footer .subscribe .btnsubmit{margin-left:0;margin-top:10px;}
    footer .sharelist{width:100%;text-align:left;margin-top:15px;}
    footer .sharelist .vcenter{position:relative;}
    .footby .left{width:100%;text-align:center;}
    .footby .right{width:100%;text-align:center;}
}


#company .item{margin-bottom:30px;width:100%;border-radius:10px;overflow:hidden;background-color:#fff;padding:30px;}
#company .item .companytit{width:100%;padding:10px 0 10px 95px;margin-bottom:15px;position:relative;}
#company .item .companytit .logoimg{position:absolute;left:0;top:0;width:80px;height:80px;border:1px solid #eee;}
#company .item .companytit .logoimg .vccenter{width:100%;}
#company .item .companytit .logoimg img{max-width:100%;max-height:100%;}
#company .item .companytit h3{font-size:18px;line-height:30px;font-weight:bold;margin-bottom:5px;}
#company .item .companytit h3 i{display:inline-block;float:right;width:80px;height:36px;line-height:36px;font-size:24px;border-radius:50px;margin-top:12px;background-color:#1a517c;color:#fff;text-align:center;}
#company .item .companytit span{display:block;font-size:14px;line-height:24px;}
#company .item .companytit span>i{float:left;font-size:20px;color:#58aef0;line-height:24px;margin-right:5px;}
#company .item .intro{width:36%;}
#company .item .intro p{font-size:14px;line-height:20px;color:#555;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:30px;}
#company .item .intro .tag{margin-bottom:30px;}
#company .item .intro .tag span{display:inline-block;padding:5px 15px;border:1px solid #4580ae;color:#4580ae;border-radius:4px;margin-right:6px;margin-bottom:6px;}
#company .item .intro .btnlist .btn{font-size:18px;line-height:24px;padding:5px 15px;border-radius:50px;color:#333;text-align:center;margin-right:6px;}
#company .item .intro .btnlist .btn>i{display:inline-block;vertical-align:top;font-size:18px;margin-right:5px;}
#company .item .intro .btnlist .btn.btn_1{border:1px solid #77bd4a;background-color:#eef7e8;}
#company .item .intro .btnlist .btn.btn_1>i{color:#77bd4a;}
#company .item .intro .btnlist .btn.btn_1:hover{background-color:#77bd4a;color:#fff;}
#company .item .intro .btnlist .btn.btn_1:hover>i{color:#fff;}
#company .item .intro .btnlist .btn.btn_2{border:1px solid #2c6b9b;background-color:#f1f5f8;}
#company .item .intro .btnlist .btn.btn_2>i{color:#2c6b9b;}
#company .item .intro .btnlist .btn.btn_2:hover{background-color:#2c6b9b;color:#fff;}
#company .item .intro .btnlist .btn.btn_2:hover>i{color:#fff;}
#company .item .right{width:62%;}
#company .item .right .imglist{width:60%;}
#company .item .right .imglist .imgitem{width:calc((100% - 30px)/3);margin-right:15px;}
#company .item .right .imglist .imgitem:nth-child(3n){margin-right:0;}
#company .item .right .imglist .imgitem img{border:1px solid #ddd;border-radius:5px;overflow:hidden;width:100%;}
#company .item .right .imglist .imgitem h3{font-size:14px;line-height:20px;text-align:center;margin-top:8px;}
#company .item .right .swiper-container{width:36%;}
#company .item .right .swiper-container .swiper-slide img{width:100%;position:absolute;top:50%;transform:translate(0,-50%);}
#company .item .right .swiper-container .swbtn{position:absolute;top:0;height:50px;width:30px;line-height:50px;text-align:center;background-color:rgba(0,0,0,0.5);top:calc(50% - 25px);z-index:1;}
#company .item .right .swiper-container .swbtn>i{display:block;font-size:24px;color:#999;}
#company .item .right .swiper-container .swbtn.btn-prev{left:0;}
#company .item .right .swiper-container .swbtn.btn-prev>i{transform:rotate(90deg);left:0;}
#company .item .right .swiper-container .swbtn.btn-next{right:0;}
#company .item .right .swiper-container .swbtn.btn-next>i{transform:rotate(-90deg);right:0;}
#company .item .right .swiper-container .swbtn:hover{background-color:#77bd4a;}
#company .item .right .swiper-container .swbtn:hover>i{color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    #company .item{padding:20px;}
    #company .item .intro{width:100%;margin-bottom:20px;}
    #company .item .right{width:100%;}
}
@media (min-width:1px) and (max-width:767px) {
    #company .item{padding:15px;}
    #company .item .companytit{padding-top:0;}
    #company .item .companytit h3{font-size:14px;line-height:1.5;}
    #company .item .companytit h3 i{width:60px;}
    #company .item .intro{width:100%;margin-bottom:20px;}
    #company .item .right{width:100%;display:none;}
}

#CompanyInfo{padding-top:35px;padding-bottom:50px;}
#CompanyInfo section{padding:25px;background-color:#fff;border-radius:10px;overflow:hidden;margin-bottom:30px;}
#CompanyInfo .companytit{width:100%;position:relative;}
#CompanyInfo .companytit .logoimg{width:150px;height:150px;border:1px solid #eee;position:relative;}
#CompanyInfo .companytit .logoimg .vcenter{width:100%;}
#CompanyInfo .companytit .logoimg img{max-width:100%;max-height:100%;}
#CompanyInfo .companytit .title{flex:1;padding:15px 20px;}
#CompanyInfo .companytit h3{font-size:24px;line-height:30px;font-weight:bold;margin-bottom:15px;}
#CompanyInfo .companytit span{display:block;font-size:14px;line-height:24px;margin-bottom:15px;}
#CompanyInfo .companytit span>i{float:left;font-size:20px;color:#58aef0;line-height:24px;margin-right:5px;}
#CompanyInfo .companytit p{font-size:16px;line-height:24px;}
#CompanyInfo .btnlist1{width:210px;}
#CompanyInfo .btnlist1 .btn{width:100%;border-radius:50px;display:block;font-size:16px;line-height:24px;padding:5px 15px;text-align:center;}
#CompanyInfo .btnlist1 .btn>i{font-size:20px;margin-right:8px;vertical-align:top;}
#CompanyInfo .btnlist1 .btn_1{margin-bottom:15px;margin-top:24px;background-color:#3a7896;border:1px solid #3a7896;color:#fff;}
#CompanyInfo .btnlist1 .btn_1:hover{background-color:#fff;color:#3a7896;}
#CompanyInfo .btnlist1 .btn_2{background-color:#fff;border:1px solid #013e5c;color:#013e5c;}
#CompanyInfo .btnlist1 .btn_2:hover{background-color:#013e5c;color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}


#CompanyInfo .detail .title{margin-bottom:25px;}
#CompanyInfo .detail .title h3{font-size:24px;font-weight:bold;color:#222;margin-bottom:15px;}
#CompanyInfo .detail .title p{font-size:16px;color:#555;line-height:24px;}
#CompanyInfo .detail .title p span{display:inline-block;vertical-align:top;line-height:24px;margin-left:15px;color:#999;}
#CompanyInfo .detail .title p span>i{margin-right:3px;}
#CompanyInfo .detail .AlbumList{margin-bottom:30px;}
#CompanyInfo .detail .swiper-container .swiper-slide{border-radius:10px;overflow:hidden;border:1px solid #eee;}
#CompanyInfo .detail .swiper-container .swiper-slide img{width:100%;}
#CompanyInfo .detail .swiper-container .swbtn{position:absolute;top:0;height:70px;line-height:70px;width:35px;text-align:center;background-color:rgba(0,0,0,0.4);top:calc(50% - 35px);z-index:1;}
#CompanyInfo .detail .swiper-container .swbtn>i{color:#fff;display:block;}
#CompanyInfo .detail .swiper-container .swbtn.btn-prev{left:0;}
#CompanyInfo .detail .swiper-container .swbtn.btn-prev>i{transform:rotate(90deg);}
#CompanyInfo .detail .swiper-container .swbtn.btn-next{right:0;}
#CompanyInfo .detail .swiper-container .swbtn.btn-next>i{transform:rotate(-90deg);}
#CompanyInfo .detail .swiper-container .swbtn:hover{background-color:#77bd4a;}
#CompanyInfo .detail .swiper-container .swbtn:hover>i{color:#fff;}
#CompanyInfo .detail .videoitem{position:relative;}
#CompanyInfo .detail .videoitem i{font-size:50px;color:rgba(255,255,255,0.8);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#CompanyInfo .detail .intro{margin-bottom:30px;}
#CompanyInfo .detail .intro h4{font-size:16px;line-height:24px;color:#555;margin-bottom:30px;}
#CompanyInfo .detail .intro article{font-size:16px;line-height:30px;height:150px;overflow-y:auto;width:calc(100% - 300px);color:#777;}
#CompanyInfo .detail .intro .btnlist1 .btn_1{margin-top:15px;}
#CompanyInfo .infobox dl{width:100%;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;}
#CompanyInfo .infobox dl dt,#CompanyInfo .infobox dl dd{border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:16px 30px;line-height:30px;}
#CompanyInfo .infobox dl dt{width:20%;background-color:#fafafa;}
#CompanyInfo .infobox dl dd{width:30%;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
    #CompanyInfo .detail .intro article{width:100%;font-size:14px;line-height:1.5;}
    #CompanyInfo .infobox dl dt,#CompanyInfo .infobox dl dd{padding:5px;line-height:24px;font-size:13px;}
    #CompanyInfo .infobox dl dt{width:30%;}
    #CompanyInfo .infobox dl dd{width:70%;}
}


#CompanyInfo .workshop .title{margin-bottom:25px;}
#CompanyInfo .workshop .title h3{font-size:24px;font-weight:bold;color:#222;margin-bottom:15px;text-transform:uppercase;}
#CompanyInfo .workshop .workshoplist{padding-left:20px;padding-right:20px;position:relative;margin-bottom:20px;}
#CompanyInfo .workshop .swiper-container .img{border-radius:10px;overflow:hidden;border:1px solid #eee;}
#CompanyInfo .workshop .swiper-container .swiper-slide img{width:100%;}
#CompanyInfo .workshop .swiper-container .swiper-slide h4{font-size:14px;line-height:20px;text-align:center;margin-top:10px;}
#CompanyInfo .workshop .workshoplist .swbtn{position:absolute;top:0;height:70px;line-height:70px;width:35px;text-align:center;background-color:rgba(0,0,0,0.4);top:calc(50% - 35px);z-index:1;}
#CompanyInfo .workshop .workshoplist .swbtn>i{color:#fff;display:block;}
#CompanyInfo .workshop .swbtn.btn-prev{left:-30px;}
#CompanyInfo .workshop .swbtn.btn-prev>i{transform:rotate(90deg);}
#CompanyInfo .workshop .swbtn.btn-next{right:-30px;}
#CompanyInfo .workshop .swbtn.btn-next>i{transform:rotate(-90deg);}
#CompanyInfo .workshop .swbtn:hover{background-color:#77bd4a;}
#CompanyInfo .workshop .swbtn:hover>i{color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}

#CompanyInfo .feedbackbox{}
#CompanyInfo .feedbackbox .title{margin-bottom:25px;}
#CompanyInfo .feedbackbox .title h3{font-size:24px;font-weight:bold;color:#222;margin-bottom:15px;text-transform:uppercase;}
#CompanyInfo .feedback .input_div>label{padding-right:10px;}
#CompanyInfo .feedback .btnSubmit{min-width:110px;text-align:center;border:1px solid #77bd4a;}
#CompanyInfo .feedback .btnSubmit:hover{background-color:#fff;color:#77bd4a;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    #CompanyInfo .companytit .title{padding-top:0;}
    #CompanyInfo .feedback{width:100%;}
}
@media (min-width:1px) and (max-width:767px) {
    #CompanyInfo section{padding:15px;}
    #CompanyInfo .companytit .logoimg{width:60px;height:60px;}
    #CompanyInfo .companytit .title{padding:0 8px;}
    #CompanyInfo .companytit h3{font-size:15px;line-height:20px;margin-bottom:8px;}
    #CompanyInfo .companytit span{margin-bottom:5px;}
    #CompanyInfo .companytit p{font-size:13px;line-height:20px;}
    #CompanyInfo .feedbackbox .title h3{font-size:20px;}
    #CompanyInfo .feedback{width:100%;}
    #CompanyInfo .feedback .input_div>label{width:100%;text-align:left;}
    #CompanyInfo .feedback .input_div>textarea{width:100%;}
}


.abinfo{background:url(/Template/Default/images/abbg.jpg) no-repeat top center fixed;padding-top:75px;padding-bottom:75px;}
.abinfo .title{text-align:center;margin-bottom:30px;}
.abinfo .title h2{font-size:36px;color:#00334d;font-weight:bold;}
.abinfo .title h3{font-size:40px;color:#00334d;margin-bottom:10px;}
.abinfo .title p{font-size:24px;color:#01486d;}
.abinfo .list .item{width:300px;text-align:center;}
.abinfo .list .item span{display:block;font-size:48px;color:#01486d;margin-top:15px;line-height:1.1;}
.abinfo .list .item p{font-size:18px;line-height:2;color:#01486d;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    .abinfo{padding-bottom:50px;padding-top:50px;}
    .abinfo .title h2{font-size:24px;}
    .abinfo .title h3{font-size:30px;}
    .abinfo .title p{font-size:16px;}
    .abinfo .list .item{width:30%;text-align:center;padding:0 15px;}
    .abinfo .list .item span{font-size:30px;}
    .abinfo .list .item p{font-size:16px;}
}
@media (min-width:1px) and (max-width:767px) {
    .abinfo{padding-bottom:30px;padding-top:30px;}
    .abinfo .title h2{font-size:18px;}
    .abinfo .title h3{font-size:24px;line-height:1.4;}
    .abinfo .title p{font-size:14px;}
    .abinfo .list{display:none;}
}

.abintro .item{margin-bottom:50px;}
.abintro .item:nth-child(2n){flex-flow:row-reverse;}
.abintro .txt{width:44%;position:relative;}
.abintro .txt h3{font-size:36px;color:#01486d;margin-bottom:20px;}
.abintro .txt p{font-size:16px;line-height:2;color:#555;margin-bottom:30px;}
.abintro .txt .btnlist .btn{width:190px;text-align:center;color:#fff;background:linear-gradient(to bottom,#78be4b,#62a239);font-size:18px;line-height:30px;margin-right:5px;}
.abintro .txt .btnlist .btn>i{font-size:20px;margin-right:3px;vertical-align:top;}
.abintro .pic{width:49%;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
    .abintro .txt{width:48%;}
    .abintro .txt .vcenter{position:relative;}
    .abintro .txt h3{font-size:24px;line-height:1.2;}
}
@media (min-width:768px) and (max-width:991px){
    .abintro .txt{width:48%;}
    .abintro .txt .vcenter{position:relative;}
    .abintro .txt h3{font-size:20px;line-height:1.2;}
    .abintro .txt p{font-size:14px;line-height:1.5;}
    .abintro .txt .btnlist .btn{width:47%;}
}
@media (min-width:1px) and (max-width:767px) {
    .abintro .item{margin-bottom:30px;}
    .abintro .txt{width:100%;margin-bottom:15px;}
    .abintro .txt .vcenter{position:relative;}
    .abintro .txt h3{font-size:20px;line-height:1.2;}
    .abintro .txt p{font-size:14px;line-height:1.5;}
    .abintro .txt .btnlist .btn{width:47%;}
    .abintro .pic{width:100%;}
    .abintro .item:nth-child(2n){flex-flow:wrap;}
}

.evo{background-color:#ecf1f5;padding-bottom:40px;}
.evo .tit{margin-bottom:30px;}
.evo .tit h2{font-size:36px;color:#01486d;margin-bottom:20px;text-align:center;font-weight:bold;}
.evo .list .item{width:calc((100% - 75px)/4);margin:0 25px 25px 0;border:4px solid #6586bb;}
.evo .list .item:nth-child(4n){margin-right:0;}
.evo .list .item .img{}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    .evo .list .item{width:calc((100% - 45px)/4);margin:0 15px 15px 0;}
}
@media (min-width:1px) and (max-width:767px) {
    .evo .tit h2{font-size:22px;}
    .evo .list .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
    .evo .list .item:nth-child(4n){margin-right:15px;}
    .evo .list .item:nth-child(2n){margin-right:0;}
}

.contactuspage .left{width:540px;background:url(/Template/Default/images/contactbg.jpg) no-repeat center center;border-top:8px solid #77bd4a;}
.contactuspage .left .logo{text-align:center;margin-top:35px;margin-bottom:200px;}
.contactuspage .left .info{font-size:24px;line-height:2;color:#fff;padding-left:45px;padding-right:45px;margin-bottom:100px;position:relative;}
.contactuspage .left .info:before{content:'“';font-size:70px;height:40px;line-height:1;position:absolute;left:10px;top:0;color:#c9cdce;}
.contactuspage .left .info:after{content:'”';font-size:70px;height:40px;line-height:1;position:absolute;right:10px;bottom:0;color:#c9cdce;}
.contactuspage .right{flex:1;padding:90px 150px 150px;}
.contactuspage .title{text-align:center;margin-bottom:60px;}
.contactuspage .title h3{font-size:48px;line-height:1.2;color:#49b1e4;margin-bottom:30px;}
.contactuspage .title p{font-size:18px;line-height:2;}
.contactuspage .feedbackbox{background-color:#f8f8f8;padding:35px;width:90%;margin-bottom:30px;}
.contactuspage .feedback{width:100%;}
.contactuspage .feedback .input_div{background-color:transparent;margin-bottom:20px;}
.contactuspage .feedback .input_div label{width:100%;text-align:left;font-size:18px;}
.contactuspage .feedback .input_div>input{border-radius:0;background-color:#fff;}
.contactuspage .feedback .btnSubmit{background-color:#e28110;color:#fff;}
.contactuspage .feedback .btnSubmit:hover{background-color:#77bd4a;color:#fff;}
.contactuspage .right .tip{text-align:center;}
@media (min-width:1230px) and (max-width:1529px) {
    .contactuspage .right{padding:30px 50px;}
    .contactuspage .title h3{font-size:36px;}
    .contactuspage .title p{line-height:1.5;}
    .contactuspage .feedbackbox{width:100%;padding:25px;}
}
@media (min-width:992px) and (max-width:1229px) {
    .contactuspage .left{width:300px;}
    .contactuspage .left .info{font-size:18px;}
    .contactuspage .left .logo{margin-bottom:30px;}
    .contactuspage .right{padding:30px 50px;}
    .contactuspage .title h3{font-size:36px;}
    .contactuspage .title p{line-height:1.5;}
    .contactuspage .feedbackbox{width:100%;padding:25px;}
}
@media (min-width:768px) and (max-width:991px){
    .contactuspage .left{width:300px;}
    .contactuspage .left .info{font-size:16px;}
    .contactuspage .left .logo{margin-bottom:30px;}
    .contactuspage .right{padding:20px 20px;}
    .contactuspage .title{margin-bottom:30px;}
    .contactuspage .title h3{font-size:24px;}
    .contactuspage .title p{line-height:1.5;font-size:16px;}
    .contactuspage .feedbackbox{width:100%;padding:25px;}
}
@media (min-width:1px) and (max-width:767px) {
    .contactuspage .left{width:100%;}
    .contactuspage .left .info{font-size:16px;margin-bottom:30px;}
    .contactuspage .left .logo{margin-bottom:30px;}
    .contactuspage .right{padding:15px 15px;}
    .contactuspage .title{margin-bottom:30px;}
    .contactuspage .title h3{font-size:20px;margin-bottom:10px;}
    .contactuspage .title p{line-height:1.5;font-size:14px;}
    .contactuspage .feedbackbox{width:100%;padding:15px;}
    .contactuspage .feedbackbox .feedback .input_div.half{width:100%;}
}


#layerBox{position:absolute;z-index:9999;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;}
#layerBox .bg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.27);}
#layerBox .panel{max-width:1040px;width:90%;background-color:#fff;border-radius:10px;overflow:hidden;position:relative;top:100px;}
#layerBox .panel .panel_title{box-shadow:0 0 10px #ddd;padding:15px 20px;}
#layerBox .panel .panel_title .logo{width:50%;}
#layerBox .panel .panel_title .logo .logoimg{width:50px;height:50px;margin-right:15px;border:1px solid #ddd;float:left;position:relative;}
#layerBox .panel .panel_title .logo .logoimg img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#layerBox .panel .panel_title .logo h3{font-size:16px;line-height:24px;font-weight:bold;}
#layerBox .panel .panel_title .logo span{display:block;font-size:14px;line-height:24px;}
#layerBox .panel .panel_title .logo span>i{float:left;font-size:20px;color:#58aef0;line-height:24px;margin-right:5px;}
#layerBox .panel .btn{border-radius:50px;padding:5px 25px;margin:0 5px;}
#layerBox .panel .btn>i{font-size:20px;margin-right:3px;height:30px;line-height:34px;vertical-align:top;display:inline-block;}
#layerBox .panel .btn_1{border:1px solid #2c6b9b;color:#333;background-color:#fff;}
#layerBox .panel .btn_1:hover{background-color:#2c6b9b;color:#fff;}
#layerBox .panel .panel_title .btnClose{width:50px;height:42px;line-height:42px;display:inline-block;text-align:center;margin-top:3px;vertical-align:top;}
#layerBox .panel .panel_title .btnClose>i{font-size:24px;}
#layerBox .panel .panel_main{padding:20px;}
#layerBox .panel .panel_main .intro{font-size:14px;line-height:20px;margin-bottom:20px;}
#layerBox .panel .AlbumList{margin-bottom:30px;}
#layerBox .panel .swiper-container .swiper-slide{overflow:hidden;border:1px solid #eee;}
#layerBox .panel .swiper-container .swiper-slide img{width:100%;}
#layerBox .panel .videoitem{position:relative;}
#layerBox .panel .videoitem i{font-size:50px;color:rgba(255,255,255,0.8);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#layerBox .panel .swiper-container .swbtn{position:absolute;top:0;height:70px;line-height:70px;width:35px;text-align:center;background-color:rgba(0,0,0,0.4);top:calc(50% - 35px);z-index:1;}
#layerBox .panel .swiper-container .swbtn>i{color:#fff;display:block;}
#layerBox .panel .swiper-container .swbtn.btn-prev{left:0;}
#layerBox .panel .swiper-container .swbtn.btn-prev>i{transform:rotate(90deg);}
#layerBox .panel .swiper-container .swbtn.btn-next{right:0;}
#layerBox .panel .swiper-container .swbtn.btn-next>i{transform:rotate(-90deg);}
#layerBox .panel .swiper-container .swbtn:hover{background-color:#77bd4a;}
#layerBox .panel .swiper-container .swbtn:hover>i{color:#fff;}
#layerBox .panel .panel_main .probox h3{font-size:16px;font-weight:bold;margin-bottom:20px;}
#layerBox .panel .panel_main .prolist .item{width:calc((100% - 80px)/5);margin:0 20px 0 0;}
#layerBox .panel .panel_main .prolist .item:nth-child(5n){margin-right:0;}
#layerBox .panel .panel_main .prolist .item .img{border:1px solid #eee;border-radius:10px;overflow:hidden;margin-bottom:6px;}
#layerBox .panel .panel_main .prolist .item h4{text-align:center;font-size:14px;line-height:20px;}
#layerBox .panel .panel_foot{background:#424242;padding:15px;text-align:center;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
    #layerBox .panel .btn{padding:2px 10px;}
    #layerBox .panel .panel_main .prolist .item{width:calc((100% - 40px)/5);margin:0 10px 0 0;}
    #layerBox .panel .panel_title .btnClose{height:34px;width:34px;line-height:34px;}
}
@media (min-width:1px) and (max-width:767px) {
    #layerBox .panel .panel_title{padding:10px;}
    #layerBox .panel .panel_main{padding:10px;}
    #layerBox .panel .panel_foot{padding:10px;}
    #layerBox .panel .panel_title .btnClose{height:34px;width:34px;line-height:34px;}
    #layerBox .panel .panel_title .logo{width:80%;}
    #layerBox .panel .panel_title .logo span{display:none;}
    #layerBox .panel .btn{font-size:13px;padding:2px 10px;}
    #layerBox .panel .btn_1{display:none;}
    #layerBox .panel .btn_2{display:none;}
    #layerBox .panel .btn_3{width:100%;margin-bottom:10px;}
    #layerBox .panel .panel_main .prolist .item{width:calc((100% - 10px)/2);margin:0 10px 10px 0;}
    #layerBox .panel .panel_main .prolist .item:nth-child(5){display:none;}
    #layerBox .panel .panel_main .prolist .item:nth-child(2n){margin-right:0;}
}

#float{position:fixed;right:5px;top:50%;transform:translate(0,-50%);z-index:9;}
#float dl dd{width:48px;height:48px;line-height:48px;background-color:#73abe6;margin-bottom:5px;border-radius:5px;text-align:center;}
#float dl dd a{display:block;}
#float dl dd a>i{font-size:30px;color:#fff;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}

#floatForm{position:fixed;left:0;right:0;bottom:0;top:0;z-index:999;display:none;}
#floatForm .bg{width:100%;height:100%;background:rgba(0,0,0,0.5);}
#floatForm .left{width:160px;float:left;padding-top:60px;}
#floatForm .right{width:350px;float:right;padding-top:50px;}
#floatForm .right p{color:#fff;margin-bottom:10px;}
#floatForm .contactForm{width:100%;max-width:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;padding:50px 80px;background:url(/Template/Default/images/cardbg.jpg) no-repeat center/ 100% 100%;}
#floatForm .contactForm .btnclose{display:block;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;position:absolute;top:-15px;right:-15px;text-align:center;cursor:pointer;}
#floatForm .contactForm .btnclose>i{font-size:12px;line-height:24px;color:#fff;font-weight:bold;}
#floatForm .contactForm .quickQuoteTitle{font-size:22px;line-height:24px;color:#171717;font-weight:600;margin-bottom:20px;}
#floatForm .contactForm input,#floatForm .contactForm textarea{padding:10px 10px;width:100%;margin-bottom:10px;background-color:#fff;color:#000;font-size:14px;}
#floatForm .contactForm textarea{display:none;}
#floatForm .contactForm .submit{padding:8px 20px;min-width:120px;font-size:14px;line-height:20px;border:none;background-color:#77bd4a;text-align:center;color:#fff;border-radius:50px;display:inline-block;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
    #floatForm .contactForm{width:90%;padding:40px;}
    #floatForm .left{display:none;}
    #floatForm .right{width:100%;float:right;padding-top:50px;}
    #floatForm .right p{font-size:14px;line-height:1.4;}
}

#floatPrice{position:fixed;left:0;right:0;bottom:0;top:0;z-index:99999;display:none;}
#floatPrice .bg{width:100%;height:100%;background:rgba(0,0,0,0.5);}
#floatPrice .GetPriceBox{width:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border:5px solid #dcdee3;background-color:#fff;padding:30px 30px;}
#floatPrice .GetPriceBox .btnclose{display:block;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;position:absolute;top:-15px;right:-15px;text-align:center;cursor:pointer;}
#floatPrice .GetPriceBox .btnclose>i{font-size:12px;line-height:24px;color:#fff;font-weight:bold;}
#floatPrice .GetPriceBox h3{font-size:36px;font-weight:bold;margin-bottom:15px;}
#floatPrice .GetPriceBox p{font-size:14px;line-height:2;color:#666;margin-bottom:30px;}
#floatPrice .GetPriceBox .feedback{margin-bottom:30px;width:100%;}
#floatPrice .GetPriceBox .btnSubmit{border-radius:50px;background-color:#2c6b9b;color:#fff;padding:5px 25px;border:1px solid #2c6b9b;}
#floatPrice .GetPriceBox .btnSubmit:hover{background-color:#fff;color:#2c6b9b;}
@media (min-width:1230px) and (max-width:1529px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
}

.thankyou{padding-top:50px;padding-bottom:50px;}
.thankyou .title h2{font-size:30px;text-align:center;}
.thk_nav{ text-align:center; font-size: 16px; line-height: 2em; padding: 40px 0;}
.thk_nav .btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #77bd4a;color:#ffffff;background-color:#77bd4a;}
.thk_nav .btnthank:hover{background-color: #ffffff;color: #77bd4a;}
@media (min-width:1px) and (max-width:991px) {
.thk_nav .thk_nav{ padding: 3vw 0;}
}



#newspage1{padding-bottom:30px;}
#newspage1 .left{width:25%;max-width:360px;margin:0;}
#newspage1 .right{width:74%;margin:0;}
#newspage1 .left .NewsCateList{border:1px solid #ddd;background-color:#fff;position:sticky;top:130px;}
#newspage1 .left .NewsCateList dt{background-color:#77bd4a;padding:15px 25px;color:#fff;font-weight:bold;font-size:24px;}
#newspage1 .left .NewsCateList dd{border-top:1px solid #ddd;}
#newspage1 .left .NewsCateList dd a{display:block;padding:15px 25px;}
#newspage1 .left .NewsCateList dd.active a,#newspage1 .left .NewsCateList dd a:hover{background-color:#77bd4a;color:#fff;}

#NewsList .item{width:calc((100% - 60px)/3);margin:0 30px 30px 0;display:block;border:1px solid #d2d2d2;overflow:hidden;transition:all 0.3s;background-color:#fff;}
#NewsList .item:nth-child(3n){margin-right:0;}
#NewsList .item .txt{padding:15px 15px;}
#NewsList .item .txt h3{font-family:gilroy-regular,Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;}
#NewsList .item .txt span{display:block;color:#919191;font-size:15px;margin-top:10px;}
#NewsList .item:hover{box-shadow:0 0 5px #999;}
#NewsList .item:hover h3{color:#77bd4a;}
@media (min-width:992px) and (max-width:1229px) {
    #newspage1 .left{width:30%;max-width:280px;}
    #newspage1 .right{width:68%;}

    #NewsList .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;}
    #NewsList .item .img img{position:relative;}
    #NewsList .item .txt{padding:15px;}
    #NewsList .item .txt h3{}
}
@media (min-width:768px) and (max-width:991px) {
    #newspage1 .left{width:100%;max-width:100%;}
    #newspage1 .left .NewsCateList{border:none;background-color:transparent;}
    #newspage1 .left .NewsCateList dt{display:none;}
    #newspage1 .left .NewsCateList dd{display:inline-block;margin-right:10px;margin-bottom:10px;border:none;}
    #newspage1 .left .NewsCateList dd a{padding:8px 20px;}

    #newspage1 .right{width:100%;margin-top:20px;}

    #NewsList .item{width:calc((100% - 30px)/3);margin:0 15px 15px 0;}
    #NewsList .item .txt{padding:15px 10px;}
    #NewsList .item .txt h3{font-size:15px;}
    #NewsList .item .txt span{font-size:13px;}
    #NewsList .item .txt .link{margin-top:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #newspage1 .left{width:100%;max-width:100%;}
    #newspage1 .left .NewsCateList{border:none;background-color:transparent;}
    #newspage1 .left .NewsCateList dt{display:none;}
    #newspage1 .left .NewsCateList dd{display:inline-block;margin-right:10px;margin-bottom:10px;border:none;}
    #newspage1 .left .NewsCateList dd a{padding:8px 20px;}

    #newspage1 .right{width:100%;margin-top:20px;}

    #NewsList{}
    #NewsList .item{width:100%;padding:0;margin:0 0 15px;}
    #NewsList .item .info{margin-top:10px;}
    #NewsList .item .date{font-size:14px;line-height:24px;margin-top:10px;}
    #NewsList .item .img{display:none;}
    #NewsList .item .txt{width:100%;padding:15px;}
    #NewsList .item .txt h3{font-size:15px;line-height:22px;height:auto;}
    #NewsList .item .txt p{font-size:13px;line-height:20px;margin-top:6px;}
    #NewsList .item .txt .morelink{min-width:120px;padding:5px 10px;}
}

#NewsPage {padding-bottom:30px;}
#NewsPage .title{margin-bottom:30px;}
#NewsPage .title:before{display:none;}
#NewsPage .title h2{font-size:24px;font-weight:bold;margin-bottom:10px;}
#NewsPage .title p{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:8px 0;}
#NewsPage .title p span{display:inline-block;font-size:14px;color:#868686;margin-right:10px;line-height:30px;}