@charset "utf-8";
@import url('../fonts/font-awesome/css/font-awesome.min.css');
@import url('../fonts/BrutGothic-Regular.css');
@import url('../fonts/DIN-Bold.css');
@import url('../fonts/DIN-Regular.css');
@import url('../fonts/SourceHanSansCN-Bold.css');
@import url('../fonts/Yahei-Bold.css');
@import url('../fonts/Yahei-Regular.css');
@import url('../fonts/iconfont/iconfont.css');


/**********样式重置**********/
html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
}
@media (min-width:1px) and (max-width:767px) {
    html{font-size:14px;}
}

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}
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;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:hover{color:#c5aba4;}
img,li{border:0;vertical-align:top;}
img{max-width:100%;height:auto;}
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:"Yahei-Regular",Verdana,Tahoma, Geneva,sans-serif;color:#333;line-height:1.5;font-size:16px;}
h1,h2,h3,h4,dt{font-family:"Yahei-Bold",Verdana, Tahoma, Geneva,  sans-serif;font-weight:normal}
.hidden{display:none!important;}
.noinfo{font-size:1rem;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);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1.05);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;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%);}
.container{max-width:1380px;padding:0 15px;width:100%;}
.text-center{text-align:center;}
.ValidationError{border:1px solid red!important;}
.whatsapptel{ position:fixed; left:15px; bottom:60px; z-index:10;}
.whatsapptel img{ width:50px;}
/**********样式重置**********/

/**********公用样式**********/
.frame{padding-top:70px;padding-bottom:70px;}
.container{max-width:calc(1340px + 15px * 2);padding-left:15px;padding-right:15px;}
@media (min-width:768px) and (max-width:991px) {
    .frame{padding-top:40px;padding-bottom:40px;}

}
@media (min-width:1px) and (max-width:767px) {
    .frame{padding-top:30px;padding-bottom:30px;}
}

.titlestyle1{margin-bottom: 40px;line-height: 48px;}
.titlestyle1 h2{display: inline;padding-left:calc(80px + 30px);font-size: 48px;position: relative;}
.titlestyle1 h2 span{font-family:"Yahei-Regular",Verdana,Tahoma, Geneva,sans-serif;}
.titlestyle1 h2::before{display:inline-block;content:" ";width: 80px;height: 2px;background-color: rgb(0, 93, 171);position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.titlestyle1 h3{display: inline;padding-left:calc(80px + 30px);font-size: 48px;position: relative;}
.titlestyle1 h3 span{font-family:"Yahei-Regular",Verdana,Tahoma, Geneva,sans-serif;}
.titlestyle1 h3::before{display:inline-block;content:" ";width: 80px;height: 2px;background-color: rgb(0, 93, 171);position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.titlestyle1 p{color:rgb(153,153,153);}
@media (min-width:1230px) and (max-width:1339px) {
     .titlestyle1 h2{font-size: 40px;}
     .titlestyle1 h3{font-size: 40px;}
}
@media (min-width:992px) and (max-width:1229px) {
     .titlestyle1{margin-bottom: 20px;}
     .titlestyle1 h2{font-size: 30px;}
     .titlestyle1 h3{font-size: 30px;}
}
@media (min-width:768px) and (max-width:991px) {
     .titlestyle1{margin-bottom: 15px;}
     .titlestyle1 h2{font-size: 24px;}
     .titlestyle1 h3{font-size: 24px;}
}
@media (min-width:1px) and (max-width:767px) {
    .titlestyle1{margin-bottom: 10px;}
    .titlestyle1 h2::before{display: none;}
    .titlestyle1 h3::before{display: none;}
    .titlestyle1 h2{padding-left: 0;font-size: 18px;}
    .titlestyle1 h3{padding-left: 0;font-size: 18px;}
}

.titlestyle2{margin-bottom: 30px;line-height: 36px;}
.titlestyle2 h2{display: inline;padding-left:calc(80px + 30px);font-size: 36px;position: relative;}
.titlestyle2 h2 span{font-family:"Yahei-Regular",Verdana,Tahoma, Geneva,sans-serif;}
.titlestyle2 h2::before{display:inline-block;content:" ";width: 80px;height: 2px;background-color: rgb(0, 93, 171);position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.titlestyle2 h3{display: inline;padding-left:calc(80px + 30px);font-size: 36px;position: relative;}
.titlestyle2 h3 span{font-family:"Yahei-Regular",Verdana,Tahoma, Geneva,sans-serif;}
.titlestyle2 h3::before{display:inline-block;content:" ";width: 80px;height: 2px;background-color: rgb(0, 93, 171);position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.titlestyle2 p{color:rgb(153,153,153);}
@media (min-width:1230px) and (max-width:1339px) {
     .titlestyle2 h2{font-size: 32px;}
     .titlestyle2 h3{font-size: 32px;}
}
@media (min-width:992px) and (max-width:1229px) {
     .titlestyle2{margin-bottom: 20px;}
     .titlestyle2 h2{font-size: 24px;}
     .titlestyle2 h3{font-size: 24px;}
}
@media (min-width:768px) and (max-width:991px) {
     .titlestyle2{margin-bottom: 15px;}
     .titlestyle2 h2{font-size: 21px;}
     .titlestyle2 h3{font-size: 21px;}
}
@media (min-width:1px) and (max-width:767px) {
    .titlestyle2{margin-bottom: 10px;}
    .titlestyle2 h2::before{display: none;}
    .titlestyle2 h3::before{display: none;}
    .titlestyle2 h2{padding-left: 0;font-size: 18px;}
    .titlestyle2 h3{padding-left: 0;font-size: 18px;}
}

.buttonstyle1{display:inline-block;width: 35px;height:35px;line-height: 35px;border: none;margin-right: 10px;background-color: white;text-align: center;position: relative;clip-path: polygon(0 15px,10px 0,35px 0,35px 35px,0 35px);}
/* .buttonstyle1::after{display: block;content:" ";border-width:10px;border-style: solid;border-color: transparent rgb(0, 104, 181) transparent transparent;position: absolute;top: 0;left: 0;transform:translate(-11px,-50%) rotate(45deg);} */
.buttonstyle1 i{font-size: 20px;}

.buttonstyle1-reverse{background-color: rgb(0, 104, 181);}
/* .buttonstyle1-reverse::after{border-right-color:transparent ;} */
.buttonstyle1-reverse i{color: white;}

.linkstyle1{width:45px;height: 45px;line-height: 45px;text-align: center;transition:all .5s ease;}
.linkstyle1:hover{background-color: rgb(0, 104, 181);}
.linkstyle1 i{color:rgb(0, 104, 181);font-size: 45px;transition:all .5s ease;}
.linkstyle1:hover i{color: white;}
@media (min-width:768px) and (max-width:991px) {
    .linkstyle1{width:30px;height: 30px;line-height: 30px;}
    .linkstyle1 i{font-size: 30px;}
}
@media (min-width:1px) and (max-width:767px) {
    .linkstyle1{width:24px;height: 24px;line-height: 24px;}
    .linkstyle1 i{font-size: 24px;}
}

.linkstyle2{width:40px;height: 40px;line-height:calc(40px - 2px * 2 - 4px);border:2px solid rgb(0, 104, 181);text-align: center;}
.linkstyle2:hover{border-color:black;}
.linkstyle2 i{display:inline-block;color:rgb(0, 104, 181);font-size: 25px;vertical-align:middle;transition:all .5s ease;}
.linkstyle2:hover i{color: black;}
@media (min-width:768px) and (max-width:991px) {
    .linkstyle2{width:30px;height: 30px;line-height:calc( 30px - 2px * 2 - 3px);}
    .linkstyle2 i{font-size: 18px;}
}
@media (min-width:1px) and (max-width:767px) {
    .linkstyle2{width:24px;height: 24px;line-height:calc( 24px - 2px * 2 - 3px);}
    .linkstyle2 i{font-size: 14px;}
}

.swiper-container .swiperbuttonstyle1{}
.swiper-container .swiperbuttonstyle1 a.swbtn{display:block;width:35px;height:35px;line-height:35px;border:2px solid white;border-radius:50%;color:black;position:absolute;z-index:1;text-align:center;}
.swiper-container .swiperbuttonstyle1 a.swbtn.btn-prev{top:50%;left:10px;transform:translate(0,-50%);}
.swiper-container .swiperbuttonstyle1 a.swbtn.btn-next{top:50%;right:10px;transform:translate(0,-50%);}
.swiper-container .swiperbuttonstyle1 a.swbtn i{color:white;font-size:25px;text-align:center;}

.swiper-container .swiperbuttonstyle1-reverse a.swbtn{border-color:rgb(0, 93, 171);}
.swiper-container .swiperbuttonstyle1-reverse a.swbtn i{color:rgb(0, 93, 171);}

.btn-3{display:inline-block;position:relative;z-index:1;overflow:hidden;color:white;background-color:rgb(0, 93, 171);transition:all .3s ease;}
.btn-3:before{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent rgb(0, 53, 142);position:absolute;bottom:-5px;left:-5px;transition:all .5s;z-index:-1}
.btn-3:after{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent rgb(0, 53, 142) transparent transparent;position:absolute;top:-5px;right:-5px;transition:all .5s;z-index:-1}
a:hover .btn-3:before,.btn-3:hover:before{border-width:300px 0 0 300px}
a:hover .btn-3:after,.btn-3:hover:after{border-width:0 300px 300px 0}

a:hover .btn-3-reverse,.btn-3-reverse:hover{color:rgb(0, 93, 171);}
.btn-3-reverse:before{border-color:transparent transparent transparent white;}
.btn-3-reverse:after{border-color:transparent white transparent transparent;}

.morelink{display:inline-block;padding:15px 40px;color:#fff;background-color:rgb(0, 93, 171);position:relative;font-size:18px;line-height:30px;min-width:100px;border:1px solid #093b94;}
.morelink>i{display:inline-block;vertical-align:top;margin-left:1rem;font-size:30px;}
.morelink:hover{color:#093b94;}
@media (min-width:992px) and (max-width:1229px) {
    .morelink{padding:5px 25px;font-size:16px;}
}
@media (min-width:768px) and (max-width:991px) {
    .morelink{padding:5px 25px;font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    .morelink{padding:5px 15px;font-size:13px;}
}
/**********公用样式**********/
body {
    background-color: white;
}

#menu {}
#menu .top{}
#menu .top .leftline{width:35%;height:13px;background-color:rgb(0, 104, 181);}
#menu .top .rightline{width:65%;height:40px;background-color:rgb(47, 47, 47);position: relative;}
#menu .top .rightline .triangle{border-width:40px;border-style:solid;border-color:transparent rgb(47, 47, 47) transparent transparent;position: absolute;left: 0;top: 0;transform: translate(-100%,-50%); }
#menu .top .rightline .box.flex_between{max-width:966px;margin-left: 0;}
#menu .top .rightline .box.flex_between .left{margin-left: 20px;}
#menu .top .rightline .box.flex_between .left .contactway{margin-right:45px;height:40px;line-height:40px;}
#menu .top .rightline .box.flex_between .left .contactway i{color:white;font-size: 15px;}
#menu .top .rightline .box.flex_between .left .contactway span{color:white;font-size: 15px;}
#menu .top .rightline .box.flex_between .right{margin-right:0;}
#menu .top .rightline .box.flex_between .right .contactsoftware{margin-right:0;margin-right: 10px;}
#menu .top .rightline .box.flex_between .right .contactsoftware a{display: block;width: 40px;height:40px;line-height:40px;text-align: center;}
#menu .top .rightline .box.flex_between .right .contactsoftware a i{color: white;font-size: 20px;}
#menu .top .rightline .box.flex_between .right .contactsoftware a:hover i{color: rgb(0, 104, 181);}
#menu .top .rightline .box.flex_between .right .language{height:40px;line-height:40px;position: relative;z-index: 2;}
#menu .top .rightline .box.flex_between .right .language:hover{background-color: rgb(0, 104, 181);}
#menu .top .rightline .box.flex_between .right .language i.global{color: white;margin-right: 5px;font-size:24px;position: relative;}
#menu .top .rightline .box.flex_between .right .language span{display: block;color: white;margin-right:2px;font-size: 14px;}
#menu .top .rightline .box.flex_between .right .language i.angle_down{color: white;font-size:12px;padding-top: 2px;}
#menu .top .rightline .box.flex_between .right .language ul.languagelist{display: none;position: absolute;bottom: 0;right: 0;transform: translate(0,100%);}
#menu .top .rightline .box.flex_between .right .language:hover ul.languagelist{display: block;}
#menu .top .rightline .box.flex_between .right .language ul.languagelist li{}
#menu .top .rightline .box.flex_between .right .language ul.languagelist li a{display: block;padding: 10px;color: white;background-color: rgb(0, 104, 181);}
#menu .top .rightline .box.flex_between .right .language ul.languagelist li a:hover{color: rgb(0, 104, 181);background-color: rgb(47, 47, 47);}
@media (min-width:1px) and (max-width:1339px) {
    /* #menu .top .rightline .box.flex_between .left .contactway{display:none;} */
    #menu .top .rightline .box.flex_between .left .contactway span{font-size: 14px;}
    #menu .top .rightline .box.flex_between .right .contactway i{font-size: 14px;}
    #menu .top .rightline .box.flex_between .right .contactsoftware a{width:30px;}
}
@media (min-width:1px) and (max-width:1229px) {
    #menu .top .rightline .box.flex_between .left .contactway.thecontactway_email{display: none;}
}
@media (min-width:1px) and (max-width:767px) {
    /*#menu .top{display:none;}*/
    #menu .top .rightline{height:25px;}
    #menu .top .rightline .triangle{border-width:25px; }
    #menu .top .rightline .box.flex_between .left .contactway.thecontactway_tel{display: none;}
    #menu .top .rightline .box.flex_between .right .contactsoftware a{height:25px;line-height:25px;}
    #menu .top .rightline .box.flex_between .right .language{height:25px;line-height:25px;}
}

/*搜索框*/
#SearchBox{position:fixed;top:-100%;right:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,1);  padding:0;transition:all .5s;text-align:right;z-index:9999;}
#SearchBox .searchclose{display:inline-block;width:80px;height:80px;text-align:center;line-height:80px;font-size:50px;color:rgb(255, 255, 255);cursor:pointer;transition:all .2s;}
#SearchBox .searchclose i{font-size:35px;}
#SearchBox.show{left:0;top:0;padding:30px;}

#SearchBox #sform{width:80%;margin:0 auto;}
#SearchBox #sform{position:relative;margin-top:50px;border-bottom:1px solid rgb(255, 255, 255);overflow:hidden;}
#SearchBox #sform #stext{float:left;width:calc(100% - 160px);height:160px;line-height:160px;font-weight:700;border:none;background:transparent;font-size:64px;color:rgb(255, 255, 255);}
#SearchBox #sform #sbut{float:right;width:160px;height:160px;line-height:160px;background:transparent;border:none;}
#SearchBox #sform #sbut>i{display:inline-block;font-size:80px;color:rgb(255, 255, 255);}
#SearchBox .searchclose{display:inline-block;width:80px;height:80px;text-align:center;line-height:80px;font-size:50px;color:rgb(255, 255, 255);cursor:pointer;transition:all .2s;}
#SearchBox .searchclose i{font-size:35px;color:white}
@media (min-width:1230px) and (max-width:1339px) {
    #SearchBox #sform{width:100%;}
    #SearchBox #sform #stext{font-size:48px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #SearchBox #sform{width:100%;}
    #SearchBox #sform #stext{font-size:36px;width:calc(100% - 100px);height:100px;line-height:100px;}
    #SearchBox #sform #sbut{width:100px;height:100px;line-height:100px;}
    #SearchBox #sform #sbut>i{font-size:60px;}
}

header{width:100%;background-color:#fff;}
.fixed{position:fixed; width:100%; height:auto; z-index:999;}
.top_frame{background:#1e1e1e; }
.top_frame .content .left{float:left; width:50%;}
.top_frame .content .left p{color:#fff; font-size:14px; line-height:36px;}
.top_frame .content .right{float:left; width:50%; text-align:right;}
.top_frame .content .right ul{float:right;}
.top_frame .content .right ul li{float:right; }
.top_frame .content .right ul li a{float:right;padding:0px 10px; text-align:center;}
.top_frame .content .right ul li a i{color:#fff; font-size:18px;line-height:36px;}
#logo{display:none;}

#Menu{display:flex;justify-content:space-between;transition:all 0.3s;position:relative;width:100%;}
#Menu .logo{margin-left:0;padding-bottom:20px;}
#Menu .logo>a{display:block;}
#Menu .logo img{position:relative;top:-5px;}
#Menu ul.menunav{transition:all .3s;text-align:left;margin:0;}
#Menu ul.menunav>li{display:inline-block;}
#Menu ul.menunav>li>a{position:relative;display:block;  font-size:18px;line-height:70px; color:#4f4f4f;}
#Menu ul.menunav>li:not(:last-child)>a{margin-left:15px;margin-right:15px;}
#Menu ul.menunav>li>a>i{ font-size:12px;}
#Menu ul>li.open>a,#Menu ul>li.open>a:focus,#Menu ul>li.open>a:hover,#Menu ul>li.active>a,#Menu ul>li:hover>a{color:#1c1c1c;}
#Menu ul.menunav>li.open>a:before,#Menu ul.menunav>li.active>a:before,#Menu ul.menunav>li:hover>a:before{content:"";width:68px;height:4px;background-color:#1e1e1e;position:absolute;bottom:-6px;left:calc(50% - 34px);display:none;}
#Menu ul.menunav>li>a:hover{color:#466ca5;}
/*#Menu ul.menunav>li.dropdown>a::after{content:"\e62d";font-family:iconfont;display:inline-block;margin-left:5px;vertical-align:top;font-size:14px;display:none;}*/
#Menu ul.menunav>li:not(:last-child){}
#Menu ul.menunav>li:nth-child(2){border-left:none;}
#Menu ul.menunav>li.active>a:after{content:" ";width:calc(100% + 20px);height:2px;background-color:#466ca5;position:absolute;left:0;bottom:50%;transform:translate(-6px,calc(-50% + 25px));}

#Menu ul.menunav>li#search{padding:0px;}
/* #Menu ul.menunav>li#search>a.btnSearch{padding:0px 15px;} */
#Menu ul.menunav>li#search>a.btnSearch>i{font-size:20px;}
#Menu ul.menunav>li#search>#sform{ border:solid 1px #eaeaea; height:40px; width:280px; }
#Menu ul.menunav>li#search>#sform input{float:left; width:80%;line-height:38px; height:38px; color:#999999;}
#Menu ul.menunav > li#search > #sform button{float:left; width:20%; cursor:pointer;text-align:center; border:none; background:#000000; border-radius:0px; line-height:38px; height:38px;}
#Menu ul.menunav > li#search > #sform button i{font-size:24px; color:#fff;}
#Menu ul.menunav>li#lang>a{padding:21px 15px;}
#Menu ul.menunav>li#lang>a>i{font-size:20px;}
#Menu ul.menunav>li#lang .droplang{padding:15px; left:auto;right:0px;}



 #search input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
        color: #fff;
    }
#search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #fff;
}
#search input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #fff;
}
#search input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/
    color: #fff;
}


#Menu ul>li{position:relative;}
#Menu ul>li ul.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;display:none;z-index:999;min-width:100%;box-shadow:0 10px 15px rgba(0,0,0,0.17);border-bottom:2px solid #171465;}
#Menu ul>li ul.dropdown-menu>li{display:block;}
#Menu ul>li ul.dropdown-menu>li>a{line-height:24px; font-size:16px; padding:10px 30px 10px 20px;display:block;white-space: nowrap;text-align:left;}
#Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #e5e5e5;}
#Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;line-height:24px;position:absolute;right:10px;}
#Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#466ca5;color:#fff;}
#Menu ul>li:hover ul.dropdown-menu{display:block;}

#Menu ul>li ul.dropdown-menu ul.catemenu{left:100%;top:0;border-left:1px solid #fff;display:none;}
#Menu ul>li ul.dropdown-menu>li:hover ul.catemenu{display:block;}

/*手机导航*/
header #menu_btn{ width:28px; height:28px;margin-top:15px; cursor:pointer; position: absolute;right:15px;top:10px; display:none;}
header #menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#000; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_med{ position:absolute; top:15px; left:17px; width:20px; height:3px; border-radius:1.5px; background:#000; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#000; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn.show>.menu_btn_top{ top:50%; background:#000; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
header #menu_btn.show>.menu_btn_med{ top:50%; background:#000; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);display:none;}
header #menu_btn.show>.menu_btn_bot{ top:50%; background:#000; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
@media (min-width:1441px) and (max-width:1600px) {
    #Menu .logo img{max-width:300px;}
    /*#Menu ul.menunav>li>a{padding:21px 15px;}*/
}
@media (min-width:1230px) and (max-width:1440px) {
#Menu .logo img{max-width:270px;}
/*#Menu ul.menunav>li>a{padding:21px 10px;}*/
}
@media (min-width:992px) and (max-width:1229px) {
   #Menu .logo img{max-width:200px;}
    #Menu ul.menunav>li>a{/*padding:21px 10px;*/ font-size:14px;}
    #Menu ul.menunav>li:not(:last-child)>a{margin:0 25px;}
    #Menu ul.menunav>li#search>a.btnSearch{/*padding:21px 5px;*/}
    #Menu ul.menunav>li#lang>a{/*padding:21px 5px;*/}
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
    #Menu ul.menunav>li.logo{background-color:#fff;}
    /*#Menu ul.menunav>li.logo>a{padding:5px 15px;}*/
    #Menu ul.menunav>li.logo img{margin:0 auto;display:block;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{border-bottom:none;}
}
@media (min-width:1px) and (max-width:991px) {
    header{position:relative;top:0;}
    header.iheader{position:relative;padding-top:0px;padding-bottom:0px; }
    header #menu_btn{ display: block;top:10px;}
    #Menu ul.menunav>li#lang .droplang{padding:0px;}
    #Menu ul.menunav>li#lang .droplang>li>a{color:#fff;}
    #Menu>.container{padding:0;}
    #Menu ul.menunav>li>a>i {display:none;}
    #Menu ul.menunav>li#lang>a{display:none;}
    #SearchBox{position:relative;}
    #SearchBox .searchclose{display:none;}

    #logo {
        display: block;
        position: relative;
    }
    #logo .logo{padding-top:10px;padding-bottom:10px;display:inline-block;height:auto;vertical-align:top;}
    #logo .logo img{display:block;margin:0;width:auto;max-width:100%;position:relative;top:0px;transform:translate(0,0%);height:28px;}

    #Menu ul.menunav>li:nth-child(2)>a{padding-left:0;}
    #Menu ul.menunav>li.active>a:after{display:none;}

    #Menu #Toplogo{display:none;}
    #Menu ul.menunav>li:not(:first-child){margin-left:0;}

    #Menu .logo>a{height:auto;padding:15px 10px;background-color:#fff; text-align:center;}
    #Menu .logo img{width:auto; height:auto; margin:0 auto; top: 0;transform: inherit;}

    header{position:relative;}
    header .navbar-brand img{margin:0;width:200px;}
    #Menu{width:220px;position:fixed;left:-220px;top: 0px; bottom: 0px; background: #00358e; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;}
    #Menu.show{left:0;display: initial;padding:0;}
    #Menu .topbox{padding:15px 15px 0;}
    #Menu .topbox>.lang{color:#fff;}
    #Menu .topbox>.lang>a{color:#fff;}
    #Menu .topbox>.share>a{margin-left:20px;color:#fff;}




    #Menu ul.menunav>li.logo{margin-top:0;margin-bottom:0;padding:0;display:block;background:none;background-color:#fff;}
    #Menu ul.menunav>li.logo>a{padding:5px;text-align:center;}
    #Menu ul.menunav>li.logo img{}
    #Menu ul.menunav{display: block; padding: 0px 0 15px; text-align: left;overflow:hidden;}
    #Menu ul.menunav>li{width:100%; padding:8px 15px; }
    /*#Menu ul.menunav>li:nth-child(1){width:100%; padding:15px 15px; text-align: center;border-bottom:1px solid #fff;margin:0;}*/
    /*#Menu ul.menunav>li:nth-child(1)>a{padding: 0;line-height:1;}
    #Menu ul.menunav>li:nth-child(1)>a>img{height:auto;}*/
    #Menu ul.menunav>li>a{margin-bottom:5px;font-size:18px;line-height:24px;padding:0px;color: #f5f5f5 !important;text-align:left;border-bottom:none;}
    #Menu ul.menunav>li>a:hover:after,#Menu ul>.open>a:after{}
    #Menu ul>li>a,#Menu ul>li:hover>a,#Menu ul>li.active:hover>a{border:none;}
    #Menu ul>li.open>a,#Menu ul>li.open>a:focus,#Menu ul>li.open>a:hover,#Menu ul>li.active>a,#Menu ul>li:hover>a:hover{border-bottom:none;}
    #Menu ul>li ul.dropdown{position:relative;}
    #Menu ul>li ul.dropdown-menu{width:100%;position:relative;display:block;background-color:transparent!important;box-shadow:none;border:none;overflow:hidden;min-width: inherit; margin-top:0;padding-right:0;padding-left:10px;}
    #Menu ul>li ul.dropdown-menu>li{ width:100%;height:auto;line-height:24px;background:none;text-align:left;margin: 0px;}
    #Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border:none;}
    #Menu ul>li ul.dropdown-menu>li>a{ position:inherit;color:#fff; font-size:13px;line-height:18px;padding:3px 0;white-space:initial;border:none;background-color:transparent;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#466ca5;color:#fff;}
    #Menu ul>li ul.dropdown-menu>li>a>i{display:none;}
    #Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#466ca5;color:#fff;}
    
    #Menu ul>li ul.dropdown-menu ul.catemenu{display:block;left:0;border-left:none;padding-left:20px;}

    #Menu ul.menunav>li#search{background-color:transparent;padding:8px 15px; margin:0px;}
    #Menu ul.menunav>li#search #stext{width:calc(100% - 36px);height:36px;}
    #Menu ul.menunav>li#search #sbut{width:36px;height:36px;padding:0;line-height:36px;}
    #Menu ul.menunav>li#search>a{display:none;}

    #Menu ul.menunav>li#search #sform{display:block;background-color:#fff;width:100%;border:1px solid #eaeaea;margin:0;}
    #Menu ul.menunav>li#search #stext{width:80%;background-color:#fff;height:40px;line-height:40px;color:#333;font-size:14px;font-weight:normal;padding-left:8px;}
    #Menu ul.menunav>li#search #sbut{width:20%;height:40px;line-height:40px;background-color:#1c1c1c;}
    #Menu ul.menunav>li#search #sbut>i{height:40px;line-height:40px;width:40px;font-size:18px;vertical-align:top;}

    #Menu ul.menunav>li.lang{float:left; width:50%;}
    #Menu ul.menunav>li.lang img{width:50px; height:auto;}
   #Menu ul.menunav>li.langjg{display:none;}
}
@media (min-width:1px) and (max-width:767px){
    .top_frame{display:none;}
    /* header{padding:10px 0px!important; height:auto!important;} */
    #logo .logo img{top:0px; width:auto; height:auto; height:40px;}
    header #menu_btn{top:0px;right:0px;}
}



#frame1{}
#frame1 .title{}
#frame1 .title h2{}
#frame1 .title h2 span{}
#frame1 .productcatelist{}
#frame1 .productcatelist .productcate{}
#frame1 .productcatelist .productcate.item{width:calc((100% - 20px * 2) / 3);margin-left:0;margin-right:20px;margin-bottom:90px;}
#frame1 .productcatelist .productcate.item:nth-child(3n+3){margin-right:0;}
#frame1 .productcatelist .productcate.item:nth-last-child(-n+3){margin-bottom:30px;}
#frame1 .productcatelist .productcate .productcatelink{display: block;position: relative;}
#frame1 .productcatelist .productcate .productcatelink .img{}
#frame1 .productcatelist .productcate .productcatelink .img img{}
#frame1 .productcatelist .productcate .productcatelink .productcatetally{width: calc(100% - 20px * 2);height: 60px;align-items: center;background-color:rgb(0, 104, 181,.9);position:absolute;left: 50%;bottom: 0;transform: translate(-50%,50%);}
#frame1 .productcatelist .productcate .productcatelink .productcatetally p{width: calc(100% - 35px - 30px);margin-left: 20px;overflow: hidden;color: white;font-size:18px;text-overflow: ellipsis;white-space:nowrap;transition: all .5s ease;}
/*#frame1 .productcatelist .productcate .productcatelink:hover .productcatetally p{color: black;}*/
#frame1 .productcatelist .productcate .productcatelink .productcatetally span{}
#frame1 .productcatelist .productcate .productcatelink:hover .productcatetally span{background-color: rgb(228, 239, 255);}
#frame1 .productcatelist .productcate .productcatelink .productcatetally span i{transition: all .5s ease;}
#frame1 .productcatelist .productcate .productcatelink:hover .productcatetally span i{color: white;}

@media (min-width:768px) and (max-width:991px){
    #frame1 .productcatelist .productcate.item{width: calc((100% - 20px) / 2);margin-bottom: 70px;}
    #frame1 .productcatelist .productcate.item:nth-child(3n+3){margin-right:20px;}
    #frame1 .productcatelist .productcate.item:nth-child(2n+2){margin-right:0px;}
    #frame1 .productcatelist .productcate.item:nth-last-child(-n+3){margin-bottom:70px;}
    #frame1 .productcatelist .productcate.item:nth-last-child(-n+2){margin-bottom:30px;}
}
@media (min-width:1px) and (max-width:767px){
    #frame1 .productcatelist .productcate.item{width:100%;margin-left:0;margin-right: 0;margin-bottom: 50px;}
    #frame1 .productcatelist .productcate.item:nth-last-child(-n+3){margin-bottom:50px;}
    #frame1 .productcatelist .productcate.item:last-child{margin-bottom:30px;}
}



#frame2{padding-top:0;}
#frame2 .title{}
#frame2 .title h2{}
#frame2 .title h2 span{}
#frame2 .title a.morelink{}
#frame2 .title a.morelink i{}
#frame2 .content{margin-bottom: 50px;}
#frame2 .content h3{line-height: 32px;margin-bottom: 5px;font-family:"Yahei-Regular";font-size: 24px;}
#frame2 .content p{line-height: 32px;font-size: 16px;color: rgb(102, 102, 102);}
#frame2 .workshoplist{}
#frame2 .workshoplist .workshop{overflow:hidden;position: relative;}
#frame2 .workshoplist .workshop.item{width:calc((100% - 20px * 2) / 3);margin-left:0;margin-right: 20px;}
#frame2 .workshoplist .workshop.item:nth-child(3n+3){margin-right:0;}
#frame2 .workshoplist .workshop .img{}
#frame2 .workshoplist .workshop .img span.mask{display: block;width: 100%;height: 100%;background-color: transparent;position:absolute;left: 0;top: 0;z-index: 1;transition: all .5s ease;}
#frame2 .workshoplist .workshop:hover .img span.mask{background-color: rgba(0, 104, 181,.3);}
#frame2 .workshoplist .workshop .img img{width:100%;}
#frame2 .workshoplist .workshop .workshopbox{}
#frame2 .workshoplist .workshop .workshopbox h3.workshopname{font-size: 18px;color:white;position: absolute;left: 0px;bottom: 40px;transform:translate(-100%,0);z-index: 2;transition:all .5s ease;}
#frame2 .workshoplist .workshop:hover .workshopbox h3.workshopname{left:20px;transform:translate(0,0);}
#frame2 .workshoplist .workshop .workshopbox span{;position: absolute;left: 20px;top: 0px;transform:translate(0,-100%);transition:all .5s ease;}
#frame2 .workshoplist .workshop:hover .workshopbox span{top:40px;transform:translate(0,0);}
#frame2 .workshoplist .workshop .workshopbox button i{}

@media (min-width:768px) and (max-width:991px){
    #frame2 .content h3{font-size:20px;line-height:24px;}
    #frame2 .workshoplist .workshop.item{width:calc((100% - 20px) / 2);}
    #frame2 .workshoplist .workshop.item:nth-child(3n+3){margin-right:20px;}
    #frame2 .workshoplist .workshop.item:nth-child(2n+2){margin-right:0px;}
    #frame2 .workshoplist .workshop.item:last-child{display: none;}
    #frame2 .workshoplist .workshop .workshopbox h3.workshopname{bottom:20px;}
}
@media (min-width:1px) and (max-width:767px){
    #frame2 .content{margin-bottom: 20px;}
    #frame2 .content h3{font-size:16px;line-height:24px;}
    #frame2 .content p{font-size: 14px;line-height: 21px;}
    #frame2 .workshoplist .workshop.item{width:100%;margin-left: 0;margin-right: 0;margin-bottom: 20px;}
    #frame2 .workshoplist .workshop.item:last-child{margin-bottom:0}
    #frame2 .workshoplist .workshop .img{display:none;}
    #frame2 .workshoplist .workshop .workshopbox h3.workshopname{bottom:20px;}
}



#frame3{height:60vh;position: relative;}
#frame3 .mask{width:100%;height:100%;background-color:rgba(0,0,0,0.26);position:absolute;}
#frame3 .playbutton{display:block;}
#frame3 .playbutton button.buttonposition{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
#frame3 .playbutton button#btnCircle{cursor:pointer;padding: 60px;border:none;border-radius: 50%;background-color: rgba(255, 255, 255,.5);transition:all ease 0.5s;}
#frame3 .playbutton:hover button#btnCircle{padding:57px;}
#frame3 .playbutton button#btnPlayVideo{cursor:pointer;padding: 30px;border-radius: 50%;background-color: rgb(255, 255, 255);border: none;transition:all ease 0.5s;}
#frame3 .playbutton:hover button#btnPlayVideo{padding:33px;}
#frame3 .playbutton button#btnPlayVideo i{font-size:2rem;width:2rem;height:2rem;line-height:2rem;text-align:center;color: rgb(22, 119, 255);}
#frame3 .video{display: none;overflow:hidden;width: 100%;height: 100%;position: absolute;top: 0;left: 0; z-index: 9;position:relative}
#frame3 .video.show{display: block;}
#frame3 .video video{object-fit: fill;width:100%;height:100%;}
#frame3 .video a.videoclose{position:absolute;left:100%;top:10px;z-index:10;transition:all .3s ease;}
#frame3 .video a.videoclose i{font-size:35px;color:white;}
#frame3 .video:hover a.videoclose{left:calc(100% - 50px);} 
#frame3 .video:hover a.videoclose i{}

#frame4{padding-top: 0;position: relative;}
#frame4 .container{position: relative;}
#frame4 .container .numbox{width: calc(100% - 15px * 2);position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);z-index:5}
#frame4 .container .numbox .thenum{width: calc(100% / 4);text-align: center;}
#frame4 .container .numbox .thenum i{display:block;line-height: 60px;padding: 50px 0 20px 0;color: white;font-size: 60px;}
#frame4 .container .numbox .thenum h4.num{padding-bottom:10px ;line-height:60px;color: white;font-size: 60px;}
#frame4 .container .numbox .thenum h5.unit{display: block;color: white;font-size: 16px;margin-bottom: 30px;}

@media (min-width:1px) and (max-width:991px){
    #frame4 .container .numbox{}
    #frame4 .container .numbox .thenum i{display:block;line-height: 40px;padding: 20px 0 10px 0;color: white;font-size: 40px;}
    #frame4 .container .numbox .thenum h4.num{padding-bottom:10px ;line-height:36px;color: white;font-size: 36px;}
    #frame4 .container .numbox .thenum span.unit{color: white;font-size: 16px;margin-bottom: 10px;}
}
@media (min-width:1px) and (max-width:767px){
    #frame4 .container{position: relative;padding: 0;}
    #frame4 .container .numbox{width: 100%;position: initial;transform: translate(0,0);}
    #frame4 .container .numbox .thenum{width: calc(100% / 2);}
}

#frame5{padding-top: 190px;}
#frame5 .title{}
#frame5 .title h2{}
#frame5 .title h2 span{}
#frame5 .title a{}
#frame5 .title a i{}
#frame5 .servicelist{}
#frame5 .servicelist .service{border-bottom: 3px solid rgb(0, 93, 171);box-shadow: 0px 0px 5px 1px rgb(0,0,0,0.1);}
#frame5 .servicelist .service:hover{transition: all .3s ease;}
#frame5 .servicelist .service.item{width: calc((100% - 20px * 2) / 3);margin-left:0;margin-right: 20px;}
#frame5 .servicelist .service.item:nth-child(3n+3){margin-right: 0px;}
#frame5 .servicelist .service .servicelink{display: block;margin-bottom:55px;}
#frame5 .servicelist .service .servicelink i{display:block ;width: 100px;height: 100px;line-height: 100px;border-radius: 50%;margin:40px auto 30px;color: white;background-color: rgb(0, 93, 171);font-size: 50px;text-align: center;transition:all .5s ease;}
#frame5 .servicelist .service .servicelink:hover i{font-size:60px;}
#frame5 .servicelist .service .servicelink p{padding-left:30px;padding-right:10px;margin-bottom: 10px;color: rgb(102, 102, 102);position: relative;}
#frame5 .servicelist .service .servicelink p::before{display: inline-block;content: " ";width: 5px;height:5px;margin-right: 10px;border-radius: 50%;background-color:rgb(1, 65, 144);position: absolute;left:15px;top: 12px;transform: translate(0,-50%);}

@media (min-width:768px) and (max-width:991px){
    #frame5{padding-top: 130px;}
    #frame5 .servicelist .service.item{width: calc((100% - 20px) / 2);margin-left:0;margin-right: 20px;}
    #frame5 .servicelist .service.item:nth-child(3n+3){margin-right: 20px;}
    #frame5 .servicelist .service.item:nth-child(2n+2){margin-right: 0;}
    #frame5 .servicelist .service.item:last-child{display: none;}
}
@media (min-width:1px) and (max-width:767px){
    #frame5{padding-top: 30px;}
    #frame5 .servicelist .service.item{width:100%;margin-left:0;margin-right:0;margin-bottom: 10px;}
    #frame5 .servicelist .service.item:last-child{margin-bottom:0;}
}



#frame6{}
#frame6 .finalproductlist{}
#frame6 .finalproductlist .finalproduct{}
#frame6 .finalproductlist .finalproduct.item{width: calc((100% - 10px * 3) / 4);margin-left: 0;margin-right: 10px;margin-bottom:10px;}
#frame6 .finalproductlist .finalproduct.item:nth-child(4n+4){margin-right:0;}
#frame6 .finalproductlist .finalproduct.item:nth-last-child(-n+4){margin-bottom:0;}
#frame6 .finalproductlist .finalproduct{}
#frame6 .finalproductlist .finalproduct .finalproductimg{}
#frame6 .finalproductlist .finalproduct .finalproductimg img{}

@media (min-width:1px) and (max-width:767px){
    #frame6 .finalproductlist .finalproduct.item{width: calc((100% - 10px) / 2);}
    #frame6 .finalproductlist .finalproduct.item:nth-child(4n+4){margin-right:10px;}
    #frame6 .finalproductlist .finalproduct.item:nth-child(2n+2){margin-right:0;}
    #frame6 .finalproductlist .finalproduct.item:nth-last-child(-n+2){margin-bottom: 0;}
}



#frmae7{}
#frame7 .title{}
#frame7 .title h2{}
#frame7 .title h2 span{}
#frame7 .title a{}
#frame7 .title a i{}
#frame7 .partnerlist{}
#frame7 .partnerlist .partner{}
#frame7 .partnerlist .partner.item{width: calc((100% - 20px * 2) / 3);padding: 10px;margin-left:0;margin-right: 20px;margin-bottom: 40px;box-shadow: 0px 0px 5px 2px rgb(0,0,0,0.1);transition: all .3s ease;}
#frame7 .partnerlist .partner.item:hover{}
#frame7 .partnerlist .partner.item:nth-child(3n+3){margin-right:0;}
#frame7 .partnerlist .partner.item:nth-last-child(-n+3){margin-bottom: 0;}
#frame7 .partnerlist .partner
#frame7 .partnerlist .partner.item .img{}
#frame7 .partnerlist .partner.item .img img{}

@media (min-width:768px) and (max-width:991px){
    #frame7 .partnerlist .partner.item{width: calc((100% - 20px) / 2);}
    #frame7 .partnerlist .partner.item:nth-child(3n+3){margin-right:20px;}
    #frame7 .partnerlist .partner.item:nth-child(2n+2){margin-right:0;}
    #frame7 .partnerlist .partner.item:nth-last-child(-n+3){margin-bottom: 40px;}
    #frame7 .partnerlist .partner.item:nth-last-child(-n+2){margin-bottom: 0;}
}
@media (min-width:1px) and (max-width:767px){
    #frame7 .partnerlist .partner.item{width:100%;margin-right: 0;margin-bottom: 20px;}
    #frame7 .partnerlist .partner.item:nth-last-child(-n+3){margin-bottom: 20px;}
    #frame7 .partnerlist .partner.item:last-child{margin-bottom: 0;}
}



#frame8{background-color:rgb(246, 250, 253);}
#frame8 .title .title_top{}
#frame8 .title .title_top h2{}
#frame8 .title .title_top h2 span{}
#frame8 .title .title_top a{}
#frame8 .title .title_top a i{}
#frame8 .title .title_bottom{}
#frame8 .title .title_bottom p{}
#frame8 .newslist .news{border-bottom: 3px solid rgb(0, 93, 171);box-shadow: 0px 0px 5px 2px rgb(0,0,0,0.1);}
#frame8 .newslist .news:hover{transition: all .3s ease;}
#frame8 .newslist .news.item{width: calc((100% - 20px * 2) / 3);margin-left:0;margin-right: 20px;}
#frame8 .newslist .news.item:nth-child(3n+3){margin-right: 0px;}
#frame8 .newslist .news .newslink{}
#frame8 .newslist .news .newslink .img{position: relative}
#frame8 .newslist .news .newslink .img img{}
#frame8 .newslist .news .newslink .img .updatetime{padding:5px 15px;background-color: rgb(0, 93, 171);position: absolute;bottom: 0;right: 0;}
#frame8 .newslist .news .newslink .img .updatetime p{color: white;}
#frame8 .newslist .news .newslink .content{padding:30px 10px;background-color:white;}
#frame8 .newslist .news .newslink .content h3.title{overflow:hidden;font-size: 24px;margin-bottom: 10px;text-overflow:ellipsis;white-space:nowrap;}
#frame8 .newslist .news .newslink .content p.Intro{}

@media (min-width:768px) and (max-width:991px){
    #frame8 .newslist .news.item{width: calc((100% - 20px) / 2);margin-left:0;margin-right: 20px;}
    #frame8 .newslist .news.item:nth-child(3n+3){margin-right: 20px;}
    #frame8 .newslist .news.item:nth-child(2n+2){margin-right: 0;}
    #frame8 .newslist .news.item:last-child{display: none;}
}
@media (min-width:1px) and (max-width:767px){
    #frame8{padding-top: 30px;}
    #frame8 .newslist .news.item{width:100%;margin-left:0;margin-right:0;margin-bottom: 10px;}
    #frame8 .newslist .news.item:last-child{margin-bottom:0;}
}



#foot{background-color: rgb(51,51,51);}
#foot .foot_top{height: 150px;border-bottom: 1px solid rgb(93, 93, 93);margin-bottom:50px;}
#foot .foot_top .topitem{width:calc(100% / 3);height: 150px;line-height: 150px;text-align: center;}
#foot .foot_top .topitem:not(:last-child){border-right: 1px solid rgb(93, 93, 93);}
#foot .foot_top .topitem i{font-size: 32px;color:rgb(0, 93, 171);vertical-align: middle;}
#foot .foot_top .topitem p{display: inline-block;color: white;font-size: 18px;vertical-align: middle;}
#foot .foot_top .logo{position: relative;text-align:left;}
#foot .foot_top .logo img{position: relative;top: 50%;transform: translate(0,-50%);}

#foot .foot_middle{border-bottom: 1px solid rgb(93, 93, 93);padding-bottom: 30px;}
#foot .foot_middle .middlebox1{width: 40%;margin-left: 0;padding-right:100px}
#foot .foot_middle .middlebox1 h3{font-size: 28px;color: white;margin-bottom:20px;}
#foot .foot_middle .middlebox1 p{color: rgb(217, 217, 217);margin-bottom:30px;}
#foot .foot_middle .middlebox1 .softwarelinks{}
#foot .foot_middle .middlebox1 .softwarelinks a.softwarelink{display:inline-block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;margin-right: 20px;background-color: rgb(0, 93, 171);text-align: center;}
#foot .foot_middle .middlebox1 .softwarelinks a.softwarelink i{color: white;transition: all .3s ease;}
#foot .foot_middle .middlebox1 .softwarelinks a.softwarelink:hover i{color: black;}
#foot .foot_middle .middlebox2{width: 22%;margin-right: 0;}
#foot .foot_middle .middlebox2 h3{display:block;color: white;font-size: 28px;}
#foot .foot_middle .middlebox2 a{display: block;margin: 10px 0;color: rgb(217, 217, 217);}
#foot .foot_middle .middlebox2 a:hover{display: block;color: rgb(0, 93, 171);}
#foot .foot_middle .middlebox3{width: 38%;}
#foot .foot_middle .middlebox3 ul{width: 80%;margin:0 auto;display:block;}
#foot .foot_middle .middlebox3 ul li h3{display:block; font-size:28px; color:#ffffff; font-weight:bolder; margin-bottom:15px; }
#foot .foot_middle .middlebox3 ul li.FootFeedLeft{width:48%; display:inline-block; box-sizing:border-box;}
#foot .foot_middle .middlebox3 ul li.FootFeedRight{width:48%;display:inline-block; float:right; box-sizing:border-box;}
#foot .foot_middle .middlebox3 ul li input{background:white;display:block; width:100%; height:45px; line-height:45px;padding:0px 15px;border-radius: 10px; font-size:16px;color:black; }
#foot .foot_middle .middlebox3 ul li input::placeholder{color:rgb(153, 153, 153);}
#foot .foot_middle .middlebox3 ul li.FootFeedAll{}
#foot .foot_middle .middlebox3 ul li textarea{background:white;display:block; width:100%;  line-height:45px; padding:0px 15px;border-radius: 10px;margin-top:10px;margin-bottom: 10px;font-size:16px;color:black;}
#foot .foot_middle .middlebox3 ul li textarea::placeholder{color:rgb(153, 153, 153);}
#foot .foot_middle .middlebox3 ul li button{padding:5px 35px;color:white; background:rgb(0, 93, 171); line-height:2em; border:none;border-radius: 10px; font-size:18px; text-transform:capitalize; cursor:pointer;transition:all .3s ease;}
#foot .foot_middle .middlebox3 ul li button:hover{color:black;}

#foot .foot_bottom{}
#foot .foot_bottom .footerby{ margin-top:20px; padding-bottom:25px; padding-top:10px;}
#foot .foot_bottom .footerby .left{float:left; width:50%;}
#foot .foot_bottom .footerby .left p{font-size:16px; line-height:2em; color:rgb(219, 219, 219);}
#foot .foot_bottom .footerby .right{float:left; width:50%; text-align:right;color: rgb(219, 219, 219);}
#foot .foot_bottom .footerby .right a{display:inline-block; font-size:16px; color:rgb(219, 219, 219);line-height:2em;}
#foot .foot_bottom .footerby .right a:hover{color:rgb(0, 104, 181);}
@media (min-width:1px) and (max-width:767px) {
    #foot{margin-bottom:50px;}
}

@media (min-width:768px) and (max-width:991px){
    #foot .foot_top .topitem i{font-size: 32px;color:rgb(0, 93, 171);vertical-align: middle;}
    #foot .foot_top .topitem p{display: inline-block;color: white;font-size: 16px;vertical-align: middle;}
}
@media (min-width:1px) and (max-width:767px){
    #foot .foot_top{height:initial;margin-bottom:20px}
    #foot .foot_top .container{padding: 0;}
    #foot .foot_top .topitem{width:100%;height: initial;padding:10px 15px;text-align: left;line-height: initial;}
    #foot .foot_top .topitem:not(:last-child){border-right: none;border-bottom:1px solid rgb(93, 93, 93);}
}

@media (min-width:1px) and (max-width:1339px){
    #foot .foot_middle .middlebox2{display: none;}
}
@media (min-width:768px) and (max-width:1339px){
    #foot .foot_middle .middlebox1{width: 50%;padding-right:30px;}
    #foot .foot_middle .middlebox3{width: 50%;}
}
@media (min-width:1px) and (max-width:767px){
    #foot .foot_middle .middlebox1{width: 100%;margin-bottom:20px;padding-right:0;}
    #foot .foot_middle .middlebox1 h3{margin-bottom:10px;}
    #foot .foot_middle .middlebox1 p{margin-bottom:10px;}
    #foot .foot_middle .middlebox3{width: 100%;}
    #foot .foot_middle .middlebox3 ul.feedbackbox{width: 100%;}
    /*#foot .foot_middle .middlebox3 ul.feedbackbox li.submitbox{text-align: center;}*/
}

@media (min-width:1px) and (max-width:991px){
    #foot .foot_bottom .footerby .left{float: initial; width:100%;text-align: center;}
    #foot .foot_bottom .footerby .right{float:initial; width:100%;text-align: center;}
}

#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;z-index:9;display:none; background-color:#fff;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
@media (min-width:1px) and (max-width:767px) {
    #mobMenu{display:block;}
}

/***其他分页共用***/
#bframe{display:none;}
#Location{padding:10px 0;background-color:rgb(238, 238, 238);}
#Location .location{text-align:right;}
#Location .location:before{content:"\e624";line-height:16px;margin-right:5px;font-family:iconfont;font-size:16px;}
#Location .location a{color:rgb(153,153,153);}
#Location .location a:hover{color:rgb(0, 93, 171);}
#Location .location span.active{color:rgb(0, 93, 171);font-weight:bold;}
#Location .location a:first-child:before{content:"You are here:";font-family:Yahei-Regular;}
#Location .location a:not(:last-child):after,#Location .location span:not(:last-child):after{content:"\f101";line-height:16px;font-family:FontAwesome;font-size:12px;margin:0 3px;}

/*分页*/
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:4px 10px;border:1px solid #ddd;background-color:#fff;color:#337ab7;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;border-color:#ddd;background-color:#eee;color:#23527c;}
ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;}
ul.pagination li {margin-left:5px;display:inline-block;margin-bottom:5px;}
ul.pagination li a{background-color:#fff;border-color:rgb(0, 93, 171);border-radius:0;color:rgb(0, 93, 171);font-size:14px;}
ul.pagination li.active span{background-color:rgb(0, 93, 171);border-color:rgb(0, 93, 171);border-radius:0;color:#fff;font-size:14px;}
ul.pagination li:first-child a{border-radius:0;}
ul.pagination li:last-child a{border-radius:0;}
ul.pagination li:hover a,ul.pagination li.active:hover>span{background-color:rgb(0, 93, 171);color:#fff;}

.feedbackbox{}
.feedbackbox li{width:100%;overflow:hidden;display:flex;margin:0 0 25px;}
.feedbackbox li.border{border:2px solid #f4f4f4;}
.feedbackbox .half{width:48.5%;}
.feedbackbox .input{flex:1;background-color:#eee;padding:5px 10px;height:50px;margin:0;font-size:16px;}
.feedbackbox .input:focus{box-shadow:none;}
.feedbackbox textarea.input{height:160px;resize:none;}
.feedbackbox .btnli{display:block;width:100%;margin-bottom:0;}
.feedbackbox .btnli .morelink{text-transform:uppercase;color:#fff;min-width:160px;text-align:center;}
.feedbackbox .btnli .morelink:hover{}
@media (min-width:992px) and (max-width:1229px){
    .feedbackbox .btnli{margin-top:0;}
}
@media (min-width:768px) and (max-width:991px){
    .feedbackbox .btnli{margin-top:0;}
    .feedbackbox .input{height:45px;}
}
@media (min-width:1px) and (max-width:767px){
    .feedbackbox .half{width:100%;margin:0 0 15px;}
    .feedbackbox .input{height:40px;}
    .feedbackbox .btnli{margin-top:0;}
}
/*左侧菜单*/
#left_nav{width:300px;position:sticky;top:150px;}
#left_nav dl{overflow:hidden;margin-bottom:30px;}
#left_nav dl>dt{padding:15px 30px;font-size:20px;line-height:24px;position:relative;border:1px solid #093b94;background-color:#fff;color:#093b94;}
#left_nav dl>dd{position:relative;cursor:pointer;}
#left_nav dl>dd>a{display:block;font-size:16px;line-height:24px;padding:15px 30px;position:relative;border-bottom:1px solid #ddd;}
#left_nav dl>dd>a:before{content:"";width:4px;height:4px;background-color:#ddd;position:absolute;left:15px;top:calc(50% - 2px);}
#left_nav dl>dd>i{position:absolute;right:5px;top:10px;display:inline-block;width:30px;height:30px;text-align:center;display:none;}
#left_nav dl>dd>i:before{content:"\e7f9";font-size:16px;line-height:30px;width:30px;height:30px;display:block;}
#left_nav dl>dd.active:before,#left_nav dl>dd:hover:before{content:"";border-style:solid;border-width:6px 10px;border-color:transparent transparent transparent #093b94;position:absolute;left:-15px;top:17px;}
#left_nav dl>dd.active>i:before{}
#left_nav dl>dd.active>a,#left_nav dl>dd:hover>a{color:#093b94;}
#left_nav dl>dd.active>a:before,#left_nav dl>dd:hover>a:before{background-color:#093b94;}
#left_nav dl>dd.active>i,#left_nav dl>dd:hover>i{content:"";color:#fff;}
#left_nav dl>dd ul{transition:all 0s;margin-top:8px;display:none;}
#left_nav dl>dd.active ul{display:block;}
#left_nav dl>dd ul>li{}
#left_nav dl>dd ul>li>a{display:block;font-size:15px;line-height:24px;position:relative;padding:8px 0 8px 20px;text-transform:uppercase;border-bottom:1px solid #dedede;color:#666;}
#left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{color:#093b94;}
#left_nav dl>dd ul>li.active>ul{display:block;}
#left_nav dl>dd ul>li>ul.catelist{padding:0 20px 0 ;}
#left_nav dl>dd ul>li>ul.catelist>li>a{display:block;border-bottom:1px solid #d5d5d5;padding-left:8px;font-size:14px;}
@media (min-width:992px) and (max-width:1229px) {
    .left_box{width:30%;padding-right:20px;}
    #left_nav{width:100%;}
    #left_nav dl{}
    #left_nav dl>dt{}
    #left_nav dl>dd{}
    #left_nav dl>dd>a{font-size:14px;padding:10px 10px 10px 30px}
    #left_nav dl>dd ul>li>a{font-size:13px;}
}
@media (min-width:768px) and (max-width:991px) {
    .left_box{width:100%;}
    #left_nav{width:100%;padding-right:0;padding-left:0;margin-bottom:20px;}
    #left_nav dl{padding:0;border-left:none;margin-bottom:0;}
    #left_nav dl::before{}
    #left_nav dl>dt{padding:5px 10px 5px 15px;font-size:18px;line-height:40px;display:block;}
    #left_nav dl>dt:after{content:"\e88e";font-family:iconfont;float:right;position:absolute;border:none;top:5px;width:40px;height:40px;line-height:40px;right:0;text-align:center;transform:rotate(90deg)}
    #left_nav dl>dd{display:none;}
    #left_nav dl>dd:before{}
    #left_nav dl>dd:last-child{border-radius:0;}
    #left_nav dl>dd>i{top:5px;}
    #left_nav dl>dd>a{font-size:14px;padding:10px 15px 10px 30px;}
    #left_nav dl>dd ul{margin-top:0;margin-left:20px;}
    #left_nav dl>dd ul>li>a{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {   
    .left_box{width:100%;}
    #left_nav{width:100%;padding-right:0;padding-left:0;margin-bottom:20px;}
    #left_nav dl{padding:0;border-left:none;margin-bottom:0;}
    #left_nav dl::before{}
    #left_nav dl>dt{padding:5px 10px 5px 15px;font-size:18px;line-height:40px;display:block;}
    #left_nav dl>dt:after{content:"\e88e";font-family:iconfont;float:right;position:relative;border:none;top:0;width:40px;height:40px;line-height:40px;right:0;text-align:center;transform:rotate(90deg)}
    #left_nav dl>dd{display:none;}
    #left_nav dl>dd:before{}
    #left_nav dl>dd>i{top:5px;}
    #left_nav dl>dd>a{font-size:14px;padding:10px 15px 10px 30px;}
    #left_nav dl>dd ul>li>a{font-size:12px;}
    #left_nav dl>dd.contactus{margin-top:30px;padding-bottom:15px;}
}
#LeftSearch{padding-top:30px;padding-bottom:30px;background-color:#eef3e9;}
#LeftSearch #sform3{display:block;background-color:#fff;width:100%;overflow:hidden;border-radius:50px;}
#LeftSearch #stext3{width:calc(100% - 64px);background-color:#fff;height:44px;line-height:44px;font-size:16px;font-weight:normal;padding-left:25px;float:left;color:#333;}
#LeftSearch #sbut3{width:64px;height:44px;line-height:44px;background-color:#fff;border:none;cursor:pointer;text-align:center;}
#LeftSearch #sbut3>i{height:44px;line-height:44px;width:44px;font-size:24px;display:block;margin:0 auto;}
@media (min-width:992px) and (max-width:1229px) {
    #LeftSearch{padding-top:20px;padding-bottom:20px;}
}
@media (min-width:768px) and (max-width:991px) {
    #LeftSearch{padding-top:15px;padding-bottom:15px;}
}
@media (min-width:1px) and (max-width:767px) {
    #LeftSearch{padding-top:10px;padding-bottom:10px;}
}

#left_nav .LeftProduct{}
#left_nav .LeftProduct h2{padding:10px 10px 10px 60px;font-size:20px;line-height:40px;position:relative;background-color:#f5f5f5;text-transform:uppercase;margin-bottom:25px;}
#left_nav .LeftProduct h2:before{content:"\e63d";font-family:iconfont;position:absolute;left:10px;top:10px;width:40px;height:40px;line-height:40px;font-size:30px;text-align:center;}
#left_nav .LeftProduct .list{padding:0 30px;position:relative;}
#left_nav .LeftProduct .item .pic{border:1px solid #e9e9e9;}
#left_nav .LeftProduct .item .txt{padding:12px 0;}
#left_nav .LeftProduct .item .txt h3{font-size:18px;line-height:24px;text-align:center;color:#666;}
#left_nav .LeftProduct .swbtn{position:absolute;width:23px;height:56px;line-height:56px;box-sizing:border-box;top:calc(50% - 24px);transform:translate(0,-50%);text-align:center;background-color:#c9c9c9;z-index:1;}
#left_nav .LeftProduct .swbtn>i{font-size:20px;color:#fff;display:block;}
#left_nav .LeftProduct .swbtn.btn-next{right:0;}
#left_nav .LeftProduct .swbtn.btn-prev{left:0;}
#left_nav .LeftProduct .swbtn.btn-next>i{transform:rotateY(180deg);}
#left_nav .LeftProduct .swbtn:hover{background-color:#093b94;}
@media (min-width:1px) and (max-width:991px) {
    #left_nav .LeftProduct{display:none;}
}

#left_nav .leftContact{overflow:hidden;background-color:#f9f9f9;}
#left_nav .leftContact h3{padding:15px;font-size:20px;line-height:22px;position:relative;color:#fff;background-color:#d8aa42;}
#left_nav .leftContact .contacts{padding:15px;}
#left_nav .leftContact p{display:block;font-size:16px;line-height:28px;}
#left_nav .leftContact p i{color:#444;margin-right:8px;display:inline-block;vertical-align:top;font-size:18px;}
#left_nav .leftContact img{width:100%;}
@media (min-width:992px) and (max-width:1229px) {
    #left_nav .leftContact p{font-size:14px;}
}
@media (min-width:1px) and (max-width:991px) {
    #left_nav .leftContact{display:none;}
}
/***其他分页共用***/

/*关于我们*/
#ab_info{}
#ab_info .flex_between{margin-bottom:70px;}
#ab_info .flex_between .left{width:50%;}
#ab_info .flex_between .left .title{}
#ab_info .flex_between .left .title h2{}
#ab_info .flex_between .content{}
#ab_info .flex_between .content h3{font-size:20px;line-height:36px;}
#ab_info .flex_between .content p{font-size:16px;line-height:36px;}
#ab_info .flex_between .right{width:50%;padding-left:40px;}
#ab_info .flex_between .right .swiper-workshop{position:relative;border-radius:20px;background-color:black;}
#ab_info .flex_between .right .swiper-workshop .swiper-wrapper{}
#ab_info .flex_between .right .swiper-workshop .swiper-wrapper .swiper-slide{}
/*#ab_info .flex_between .right .swiper-workshop .btnlist{}
#ab_info .flex_between .right .swiper-workshop .btnlist a.swbtn{display:block;width:35px;height:35px;line-height:35px;border:2px solid white;border-radius:50%;color:black;position:absolute;z-index:1;text-align:center;}
#ab_info .flex_between .right .swiper-workshop .btnlist a.swbtn.btn-prev{top:50%;left:10px;transform:translate(0,-50%);}
#ab_info .flex_between .right .swiper-workshop .btnlist a.swbtn.btn-next{top:50%;right:10px;transform:translate(0,-50%);}
#ab_info .flex_between .right .swiper-workshop .btnlist a.swbtn i{color:white;font-size:25px;text-align:center;}*/

#ab_info .numbox{}
#ab_info .numbox .thenum{width:calc(100% / 4);align-items:center;}
#ab_info .numbox .thenum .left{width:72px;height:72px;line-height:72px;margin:0;margin-right:10px;text-align:center;}
#ab_info .numbox .thenum .left i{font-size:72px;color:rgb(0, 93, 171);}
#ab_info .numbox .thenum .right{margin-left:0;}
#ab_info .numbox .thenum .right h4{font-size:60px;line-height:80px;color:rgb(85,85,85);}
#ab_info .numbox .thenum .right h5{font-size:16px;color:rgb(153,153,153);}

@media (min-width:1230px) and (max-width:1339px) {
    #ab_info .flex_between .content h3, #ab_info .flex_between .content p{line-height:30px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #ab_info .flex_between .left .title{margin-bottom:0;}
    #ab_info .flex_between .content h3, #ab_info .flex_between .content p{line-height:24px;}
}
@media (min-width:1px) and (max-width:991px) {
    #ab_info .flex_between .left{width:100%;}
    #ab_info .flex_between .right{width:100%;padding-left: 0px;}
}

@media (min-width:768px) and (max-width:991px) {
    #ab_info .flex_between{margin-bottom:40px;}
    #ab_info .flex_between .content p{font-size:16px;line-height:24px;}
    #ab_info .numbox .thenum{width:calc(100% / 2);margin-bottom:20px;}
    #ab_info .numbox .thenum:nth-last-child(-n+2){margin-bottom:0;}
    #ab_info .numbox .thenum .left {width: calc(100% / 2);text-align:right;}
    #ab_info .numbox .thenum .right {width: calc(100% / 2);text-align:left;}
}

@media (min-width:1px) and (max-width:768px) {
    #ab_info .flex_between{margin-bottom:20px;}
    #ab_info .flex_between .content p{font-size:14px;line-height:20px;}
    #ab_info .numbox .thenum{width:calc(100% / 2);margin-bottom:20px;}
    #ab_info .numbox .thenum:nth-last-child(-n+2){margin-bottom:0;}
    #ab_info .numbox .thenum .left{width:100%;height:40px;text-align:center;}
    #ab_info .numbox .thenum .left i{font-size:30px;}
    #ab_info .numbox .thenum .right{width:100%;}
    #ab_info .numbox .thenum .right h4{font-size:48px;line-height:60px;text-align:center;}
    #ab_info .numbox .thenum .right h5{text-align:center;}
}



#ab_hotproductcate{}
#ab_hotproductcate .title{}
#ab_hotproductcate .hotproductcatelist{}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory{position:relative;}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper{}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate{}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate a.hotproductcatelink{}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate a.hotproductcatelink .img{}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate a.hotproductcatelink .img img{height:171px;}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate a.hotproductcatelink p{padding:10px;overflow:hidden;color:white;background-color:rgb(0, 93, 171);font-size:16px;white-space:nowrap;text-overflow:ellipsis;text-align:center;}

/*#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .btnlist{}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .btnlist a.swbtn{display:block;width:35px;height:35px;line-height:35px;border:2px solid white;border-radius:50%;color:black;position:absolute;z-index:1;text-align:center;}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .btnlist a.swbtn.btn-prev{top:50%;left:10px;transform:translate(0,-50%);}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .btnlist a.swbtn.btn-next{top:50%;right:10px;transform:translate(0,-50%);}
#ab_hotproductcate .hotproductcatelist .swiper-hotcategory .btnlist a.swbtn i{color:white;font-size:25px;text-align:center;}
*/

@media (min-width:1px) and (max-width:991px) {
/*    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate{width:calc((100% - 20px) / 2);margin-bottom:20px;}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:nth-child(5n+5){margin-right:20px;}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:nth-child(2n+2){margin-right:0;}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:last-child{display:none;}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:nth-last-child(-n+3){margin-bottom:0;}*/
}
@media (min-width:1px) and (max-width:767px) {
/*    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate{margin-right:10px;margin-bottom:10px}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:nth-child(5n+5){margin-right:10px;}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:nth-child(2n+2){margin-right:0;}
    #ab_hotproductcate .hotproductcatelist .swiper-hotcategory .swiper-wrapper .swiper-slide.hotproductcate:nth-last-child(-n+3){margin-bottom:0;}*/
}



#ab_advantage{}
#ab_advantage .advantagelist{}
#ab_advantage .advantagelist .advantage{}
#ab_advantage .advantagelist .advantage.item{width:calc((100% - 20px * 2) / 3);margin-left:0;margin-right:20px;}
#ab_advantage .advantagelist .advantage.item:nth-child(3n+3){margin-right:0px;}
#ab_advantage .advantagelist .advantage .img{position:relative;}
#ab_advantage .advantagelist .advantage .img::after{display:block;content:" ";width:calc(100% - 10px * 2);height:20px;background-color:white;position:absolute;left:10px;bottom:0;}
#ab_advantage .advantagelist .advantage .img img{width:100%;}
#ab_advantage .advantagelist .advantage .txt{width:100%;padding:0 20px 30px;z-index:1;}
#ab_advantage .advantagelist .advantage:hover .txt{box-shadow:0 0 13px 5px rgb(0,0,0,.2);}
#ab_advantage .advantagelist .advantage .txt .title{}
#ab_advantage .advantagelist .advantage .txt .title:after{display:block;content:" ";width:30px;height:2px;margin-left:5px;margin-bottom:20px;background-color:rgb(0, 93, 171);}
#ab_advantage .advantagelist .advantage .txt .title p{margin-bottom:10px;font-size:18px;line-height:32px;}
#ab_advantage .advantagelist .advantage .txt .content{}
#ab_advantage .advantagelist .advantage .txt .content p{color:rgb(102,102,102);font-size:14px;line-height:26px; background:url(../images/yuandian.png) no-repeat left 10px; padding-left:15px;}

@media (min-width:768px) and (max-width:1229px) {
    #ab_advantage .advantagelist .advantage.item{width:calc((100% - 20px) / 2);}
    #ab_advantage .advantagelist .advantage.item:nth-child(3n+3){margin-right:20px;}
    #ab_advantage .advantagelist .advantage.item:nth-child(2n+2){margin-right:0;}
    #ab_advantage .advantagelist .advantage.item:last-child{display:none;}
}
@media (min-width:1px) and (max-width:767px) {
    #ab_advantage .advantagelist .advantage.item{width:100%;}
    #ab_advantage .advantagelist .advantage .txt .title p{margin-bottom:5px;font-size:16px;}
    #ab_advantage .advantagelist .advantage .txt .title:after{margin-bottom:5px;}
    #ab_advantage .advantagelist .advantage .txt .content p{font-size:13px;}
}



#ab_certification{background-color:rgb(243, 243, 243);}
#ab_certification .title{}
#ab_certification .title h2{}
#ab_certification .certificationlist{}
#ab_certification .certificationlist .swiper-certification {}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper{}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification{}
/*#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification.item{width:calc((100% - 20px * 3) / 4);margin-left:0;margin-right:20px;}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification.item:nth-child(4n+4){margin-right:0px;}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification a.certificationlink{}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification a.certificationlink .img{}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification a.certificationlink .img img{}*/
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification a.certificationlink p{padding:10px 0;text-align:center;}
#ab_certification .certificationlist .swiper-certification .swiper-wrapper  .swiper-slide.certification a.certificationlink:hover p{color:rgb(0, 93, 171);}
/*#ab_certification .certificationlist .swiper-certification .btnlist{}
#ab_certification .certificationlist .swiper-certification .btnlist a.swbtn{display:block;width:35px;height:35px;line-height:35px;border:2px solid white;border-radius:50%;color:black;position:absolute;z-index:1;text-align:center;}
#ab_certification .certificationlist .swiper-certification .btnlist a.swbtn.btn-prev{top:50%;left:10px;transform:translate(0,-50%);}
#ab_certification .certificationlist .swiper-certification .btnlist a.swbtn.btn-next{top:50%;right:10px;transform:translate(0,-50%);}
#ab_certification .certificationlist .swiper-certification .btnlist a.swbtn i{color:white;font-size:25px;text-align:center;}*/
/*@media (min-width:1px) and (max-width:767px){
    #ab_certification .certificationlist .certification.item{width: calc((100% - 10px) / 2);margin-right:10px;margin-bottom:10px;}
    #ab_certification .certificationlist .certification.item:nth-child(4n+4){margin-right:10px;}
    #ab_certification .certificationlist .certification.item:nth-child(2n+2){margin-right:0;}
    #ab_certification .certificationlist .certification.item:nth-last-child(-n+2){margin-bottom: 0;}
}*/



#ab_partner{}
#ab_partner .title{}
#ab_partner .title h2{}
#ab_partner .partnerlist{}
#ab_partner .partnerlist .swiper-partner{}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper{}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner{}
/*#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner.item{width:calc((100% - 20px * 3) / 4);margin-left:0;margin-right:20px;}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner.item:nth-child(4n+4){margin-right:0px;}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner a.partnerlink{}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner a.partnerlink .img{}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner a.partnerlink .img img{}
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner a.partnerlink p{padding:10px 0;text-align:center;}*/
#ab_partner .partnerlist .swiper-partner .swiper-wrapper .swiper-slide.partner a.partnerlink:hover p{color:rgb(0, 93, 171);}
/*#ab_partner .partnerlist .swiper-partner .btnlist{}
#ab_partner .partnerlist .swiper-partner .btnlist a.swbtn{display:block;width:35px;height:35px;line-height:35px;border:2px solid white;border-radius:50%;color:black;position:absolute;z-index:1;text-align:center;}
#ab_partner .partnerlist .swiper-partner .btnlist a.swbtn.btn-prev{top:50%;left:10px;transform:translate(0,-50%);}
#ab_partner .partnerlist .swiper-partner .btnlist a.swbtn.btn-next{top:50%;right:10px;transform:translate(0,-50%);}
#ab_partner .partnerlist .swiper-partner .btnlist a.swbtn i{color:white;font-size:25px;text-align:center;}*/
/*@media (min-width:1px) and (max-width:767px){
    #ab_partner .partnerlist .partner.item{width: calc((100% - 10px) / 2);margin-right:10px;margin-bottom:10px;}
    #ab_partner .partnerlist .partner.item:nth-child(4n+4){margin-right:10px;}
    #ab_partner .partnerlist .partner.item:nth-child(2n+2){margin-right:0;}
    #ab_partner .partnerlist .partner.item:nth-last-child(-n+2){margin-bottom: 0;}
}*/

/*产品中心*/
#ProPage{background-color:white;}
#ProCate{padding-bottom:30px;position:relative;z-index:2;}
#ProCate .tit{padding:10px 0;margin-bottom:10px;}
#ProCate .tit h2{font-size:36px;display:inline-block;line-height:40px;text-transform:uppercase;position:relative;}
#ProCate .tit h2 i{font-size:30px;color:#093b94;vertical-align:top;line-height:40px;margin-right:8px;}
#ProCate .tit span{font-size:16px;line-height:30px;display:inline-block;margin-left:8px;color:#999;}
#ProCate .CateList dl{background-color:#1b4a9c;display:none;margin:0;position:absolute;width:100%;max-height:180px;overflow-y:auto;z-index:1;border-top:1px solid #fff;border-bottom:1px solid #324256;transition:all 0s;}
#ProCate .CateList dl>dd{}
#ProCate .CateList dl>dd>a{color:#fff;display:block;padding:10px;line-height:24px;font-size:15px;}
#ProCate .CateList dl>dd:hover>a{color:#1b4a9c;background-color:#fff;}
#ProCate .CateList .select{display:inline-block;width:365px;position:relative;background-color:#1b4a9c;}
#ProCate .CateList .select{margin-right:15px;}
#ProCate .CateList .select>span{display:block;padding:15px;cursor:pointer;color:#fff;line-height:24px;font-size:18px;}
#ProCate .CateList .select>span:before{content:"\e654";position:absolute;font-family:iconfont;right:10px;font-size:16px;}
@media (min-width:1230px) and (max-width:1585px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
    #ProCate .left{width:100%;float:none;}
    #ProCate .right{width:100%;float:none;margin-top:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #ProCate{padding-bottom:20px;}
    #ProCate .tit{margin-bottom:10px;padding:0;}
    #ProCate .tit h2{font-size:30px;}
    #ProCate .tit span{display:block;margin-left:0;margin-top:5px;line-height:20px;}

    #ProCate .CateList .select{margin-bottom:10px;width:100%;position:relative;z-index:10;}
    #ProCate .CateList .select:nth-child(2){z-index:9;}
    #ProCate .CateList .select:nth-child(3){z-index:8;}
    #ProCate .CateList .select:nth-child(4){z-index:7;}
    #ProCate .CateList .select:not(:last-child){margin-right:0;}
    #ProCate .CateList .select>span{padding:10px 15px;}

    #ProCate .CateList dl>dd>a{font-size:14px;padding:5px 10px;}
}

#ProPage .ProCateList{}
#ProPage .ProCateList .procate{padding:35px 0;border-top:1px solid rgb(230, 230, 230);}
#ProPage .ProCateList .procate:last-child{border-bottom:1px solid rgb(230, 230, 230);}
#ProPage .ProCateList .procate.item{}
#ProPage .ProCateList .procate.item a.procatelink{}
#ProPage .ProCateList .procate.item a.procatelink .procateimg{display:inline-block;width:50%;}
#ProPage .ProCateList .procate.item a.procatelink .procateimg img{}
#ProPage .ProCateList .procate.item a.procatelink .txt{width:50%;padding:30px 0 0 40px;}
#ProPage .ProCateList .procate.item a.procatelink .txt h3{margin-bottom:30px;font-size:36px;}
#ProPage .ProCateList .procate.item:hover a.procatelink .txt h3{color:rgb(0, 93, 171);}
#ProPage .ProCateList .procate.item a.procatelink .txt p{margin-bottom:40px;line-height:30px;color:rgb(68,68,68);}
#ProPage .ProCateList .procate.item a.procatelink .txt span{display:inline-block;padding:10px 20px;background-color:rgb(0, 93, 171);font-size:18px;}
#ProPage .ProCateList .procate.item a.procatelink .txt span i{height:24px;line-height:24px;margin-left:10px;font-size:24px;vertical-align:top;}
@media (min-width:992px) and (max-width:1229px) {
    #ProPage .ProCateList .procate.item a.procatelink .txt{padding:0 0 0 10px;}
    #ProPage .ProCateList .procate.item a.procatelink .txt h3{margin-bottom:10px;}
    #ProPage .ProCateList .procate.item a.procatelink .txt p{margin-bottom:10px;line-height:1.4;}
}
@media (min-width:768px) and (max-width:991px) {
    #ProPage .ProCateList .procate.item a.procatelink .txt{padding:0 0 0 10px;}
    #ProPage .ProCateList .procate.item a.procatelink .txt p{display:none;}
}
@media (min-width:1px) and (max-width:767px) {
    #ProPage .ProCateList .procate.item a.procatelink .txt{padding:0;}
    #ProPage .ProCateList .procate.item a.procatelink .procateimg{width:100%;margin-bottom:20px;}
    #ProPage .ProCateList .procate.item a.procatelink .txt{width:100%;}
    #ProPage .ProCateList .procate.item a.procatelink .txt p{display:none;}
    #ProPage .ProCateList .procate.item a.procatelink .txt h3{font-size:24px;}
}


#ProPage .ProList{overflow:hidden;}
#ProPage .ProList .item{width:100%;background-color:#fff;padding:20px;}
#ProPage .ProList .item{border:1px solid rgb(228,228,228);margin-bottom:40px;}
#ProPage .ProList .item .proimg{overflow:hidden;width:50%;}
#ProPage .ProList .item .proimg img{width:100%;}
#ProPage .ProList .item .txt{width:50%;height: calc(100% - 40px * 2);margin:40px 0;}
#ProPage .ProList .item .txt h3{font-size:36px;line-height:42px;margin-bottom:30px;text-align:left;}
#ProPage .ProList .item .txt p{line-height:30px;margin-bottom:30px;color:rgb(68,68,68);display:-webkit-box;-webkit-box-orient:vertical;/*-webkit-line-clamp:2;*/overflow:hidden;font-size:16px;}
#ProPage .ProList .item .txt span{display:inline-block;padding:10px 20px;}
#ProPage .ProList .item .txt span i{height:24px;line-height:24px;margin-left:10px;font-size:24px;vertical-align:top;}
#ProPage .ProList .item:hover .txt h3 {
    color: #093b94;
}

#ProPage .ProList .item:nth-child(2n+1) .proimg{float:left;}
#ProPage .ProList .item:nth-child(2n+2) .proimg{float:right;}
#ProPage .ProList .item:nth-child(2n+1) .txt{float:right;padding:0 20px 0 50px;border-left:1px solid rgb(228,228,228);}
#ProPage .ProList .item:nth-child(2n+2) .txt{float:left;padding:0 50px 0 20px;border-right:1px solid rgb(228,228,228);}
@media (min-width:992px) and (max-width:1229px) {
    #ProPage .ProList .item .txt{height: calc(100% - 20px * 2);padding:0 10px 0 10px;margin:20px 0;}
    #ProPage .ProList .item .txt h3{margin-bottom:10px;}
    #ProPage .ProList .item .txt p{line-height:1.5;margin-bottom:10px;}
}
@media (min-width:768px) and (max-width:991px) {
    #ProPage .ProList .item .txt h3{font-size:30px;}
    #ProPage .ProList .item .txt{height: calc(100% - 20px * 2);padding:0 10px 0 10px;margin:20px 0;}
    #ProPage .ProList .item .txt p{display:none;}
}
@media (min-width:1px) and (max-width:767px) {
    #ProPage .ProList .item{padding:10px;}
    #ProPage .ProList .item .proimg{width:100%;float:initial;margin-bottom:10px;}
    #ProPage .ProList .item .txt{width:100%;height:initial;border:none !important;padding:0 !important;margin:0;float:initial;}
    #ProPage .ProList .item .txt h3{font-size:24px;margin-bottom:10px;}
    #ProPage .ProList .item .txt p{display:none;}
}



/*产品详情*/
#ProDetailPage .frame{padding-top:45px;padding-bottom:50px;}
@media (min-width:992px) and (max-width:1229px) {
    #ProDetailPage .frame{padding-top:35px;padding-bottom:35px;}
}
@media (min-width:768px) and (max-width:991px) {
    #ProDetailPage .frame{padding-top:30px;padding-bottom:30px;}
}
@media (min-width:1px) and (max-width:767px) {
    #ProDetailPage .frame{padding-top:0px;padding-bottom:20px;}
}
#ProDetailPage .container{max-width:calc(1200px + 15px * 2);}

#ProDetailPage{background-color:white;}
#ProDetailPage .title{margin-bottom:20px;position:relative;text-align:left;}
#ProDetailPage .title h2{font-size:16px;line-height:36px;}
#ProDetailPage .title h2>svg{width:36px;height:36px;float:left;margin-right:15px;}
#ProDetailPage .title h2 a.back{float:right;color:#093b94;}
#ProDetailPage .title h2 a.back:hover{text-decoration:underline;}
#ProDetailPage .panelbox{padding-top:0;/*margin-bottom:10px;*/}
/*#ProDetailPage .panelbox:before{display:inline-block;content:" ";width:8px;height:8px;margin-right:10px;border-radius:50%;background-color:rgb(102,102,102);vertical-align:middle;}
#ProDetailPage .panelbox .cont{display:inline-block;}*/
#ProDetailPage .panelbox table{width:100%;margin-top:20px;border:none;}
#ProDetailPage .panelbox table tr th{text-align:center;line-height:41px;}
#ProDetailPage .panelbox table tr td{text-align:center;line-height:20px;border:none;width:25%;padding:10px; }
#ProDetailPage .panelbox table tr:nth-child(2n+2){background-color:rgb(240,240,240);}
#ProDetailPage .panelbox table tr:nth-child(2n+1){background-color:rgb(169,169,169);}
#ProDetailPage .panelbox table tr:nth-child(2n+1) td{color:white;}
#ProDetailPage .panelbox table tr:first-child{background-color:rgb(0, 93, 171);color:white;}

#ProDetailPage .panelbox:not(:first-child){display:none;}
#ProDetailPage #ProCate{background-color:rgb(246,246,246);}
#slider{background-color:rgb(246,246,246);}
#slider .box{background-color:white;box-shadow:0 0 9px 3px rgb(0,0,0,.2);}
#picView{width:50%;padding:20px 5px 70px 30px;background-color:white;float:left;position:relative;}
#BigImg{border:1px solid #ebebeb;margin-bottom:20px;padding-bottom:1px;position:relative;}
#BigImg .swbtn{padding:0 5px;}
#BigImg .swbtn:hover{background-color:rgb(0, 93, 171);}
#BigImg .swbtn.btn-prev{position:absolute;left:5px;top:50%;transform:translate(0,-50%);}
#BigImg .swbtn.btn-next{position:absolute;right:5px;top:50%;transform:translate(0,-50%);}
#BigImg .swbtn i{color:rgb(0, 93, 171);font-size:36px;}
#BigImg .swbtn:hover i{color:white;}

#smallImg{width:100%;position:relative;}
#smallImg .swbtn{position:absolute;width:30px;text-align:center;z-index:1;top:0;bottom:0;background-color:#ccc;text-align:center;opacity:0;transition:all 0.3s;}
#smallImg .swbtn>i{font-size:18px;color:#093b94;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#smallImg .swbtn.btn-prev>i{transform:translate(-50%,-50%) rotateY(180deg);display:block;}
#smallImg .swbtn:hover{background-color:#093b94;border-color:#093b94;opacity:1;}
#smallImg .swbtn:hover>i{color:#fff;}
#smallImg .btn-next{right:0;}
#smallImg .btn-prev{left:0px;}

#picView .gallery-thumbs{width:100%;}
#picView .gallery-thumbs img{}
#picView .gallery-thumbs .swiper-wrapper{padding-bottom:1px;}
#picView .gallery-thumbs .swiper-slide{overflow:hidden;text-align:center;border-radius:0;margin:0;}
#picView .gallery-thumbs .swiper-slide a{display:block;position:relative;border:1px solid #ddd;}
#picView .gallery-thumbs .swiper-slide-active{position:relative;background-color:#fff;}
#picView .gallery-thumbs .swiper-slide.active>a{border:1px solid rgb(0, 93, 171);}
#picView .btnlist{}
#picView .swiper-button-next.swiper-button-disabled,#picView1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#ccc;}
#picView .boxer{display:block;}
#picView img{width:100%;}
#picView .swiper-pagination{position:relative;top:10px;}
#picView .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;}
#picView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#093b94;}
#protitle{width:50%;padding:80px 30px 0 40px;float:right;}
#protitle .title{border-bottom:1px solid #e7e7e7;padding-bottom:20px;margin-bottom:30px;position:relative;}
#protitle .title:after{display:block;content:" ";width:40%;height:3px;background-color:rgb(0, 93, 171);position:absolute;left:0;bottom:0;transform:translate(0,2px);}
#protitle h1{font-size:36px;line-height:41px;position:relative;margin-top:0;}
#protitle h4{font-size:20px;line-height:1.8;margin-bottom:20px;}
/*#protitle .remark{display:flex;}
#protitle .remark p{font-size:16px;line-height:30px;padding:5px 20px 5px 0;width:33.33%;border-bottom:1px solid #e7e7e7;color:#666;}
#protitle .remark p>b{display:block;}*/

#ProDetailPage .remark{}
#ProDetailPage .remark .panelbox {margin-bottom:15px; background:url(../images/yuandian2.png) no-repeat left 10px; padding-left:15px;}
#ProDetailPage .remark .panelbox .cont{display:inline-block;font-size:16px;}
#ProDetailPage .remark .panelbox .cont p{display: inline;font-size:16px;}
#ProDetailPage .remark .panelbox .cont span{display: inline;font-size:16px;}
#ProDetailPage .remark .panelbox .cont>span{display: inline;font-size:16px;}
#ProDetailPage .remark .panelbox:not(:first-child){display:block;}

#protitle #sharelist>a:hover{color:#093b94;}

#protitle .btnlist{overflow:hidden;margin-top:60px;}
#protitle .btnlist>a.btnlink{margin-bottom:10px;line-height:30px;font-size:16px;padding:10px 20px;position:relative;background-color:rgb(0, 93, 171);color:white;float:left;border-radius:50px;margin-right:20px;text-align:center;}
#protitle .btnlist>a.btnlink.btncontact{display:none;}
#protitle .btnlist>a>i{margin-right:5px;font-size:24px;line-height:30px;vertical-align:top;}
#protitle .btnlist>a.btnlink:hover{color:#fff;}
#protitle .btnlist>a:hover>i{color:#fff;}

#slider .inquiryline{width:100%;height:5px;background-color:#093b94;margin:50px 0;position:relative;}
#slider .inquiryline i{width:75px;height:75px;line-height:75px;font-size:48px;color:#fff;background-color:#093b94;border-radius:50%;position:absolute;left:calc(50% - 38px);top:-35px;text-align:center;}

#ProDetailPage .pro_detail .title{margin-bottom:0;border-bottom:2px solid #f5f7f9;}
#ProDetailPage .pro_detail .title h3{font-size:16px;line-height:30px;padding:0 30px;margin:0;}
#ProDetailPage .pro_detail .title a{display:inline-block;padding:10px 0;position:relative;}
#ProDetailPage .pro_detail .title a:not(:first-child) h3{border-left:2px solid #f5f7f9;}
#ProDetailPage .pro_detail .title a.active:before,#ProDetailPage .pro_detail .title a:hover:before{content:"";border-bottom:2px solid #093b94;position:absolute;bottom:-2px;width:100%;}

#ProductVideo{}
#ProductVideo .container{position:relative;}
#ProductVideo .playbutton{}
#ProductVideo .playbutton button.buttonposition{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
#ProductVideo .playbutton button#btnCircle{cursor:pointer;padding: 58px;border:none;border-radius: 50%;background-color: rgba(255, 255, 255,.3);transition:all ease 0.5s;}
#ProductVideo .playbutton:hover button#btnCircle{padding:55px;}
#ProductVideo .playbutton button#btnPlayVideo{cursor:pointer;padding: 30px;border-radius: 50%;background-color: rgb(255, 255, 255);border: none;transition:all ease 0.5s;}
#ProductVideo .playbutton:hover button#btnPlayVideo{padding:33px;}
#ProductVideo .playbutton button#btnPlayVideo i{font-size:2rem;width:2rem;height:2rem;line-height:2rem;text-align:center;color: rgb(22, 119, 255);}
#ProductVideo .video{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0; z-index: 9;}
#ProductVideo .video.show{display: block;}
#ProductVideo .video video{object-fit: fill;width:100%;height:100%;}

.prosection{margin-bottom:47px;}
.prosection .tit{margin-bottom:40px;border-bottom:none;position:relative;}
.prosection .tit:after{content:"";width:1000vw;height:1px;background-color:rgb(227, 227, 227);position:absolute;left:-100vw;bottom:0;}
.prosection .tit a{display:inline-block;float:left;width:calc(100% / 3);border:1px solid rgb(227, 227, 227);}
.prosection .tit a.active{border-color:#093b94;}
.prosection .tit a h3{padding:10px 0;color:rgb(84, 84, 84);font-size:20px;line-height:36px;position:relative;font-family:YaHei-Regular;font-size:17px;text-align:center;}
.prosection .tit a.active{background-color:#093b94;color:#fff;}
.prosection .tit a.active h3{color:#fff;}
@media (min-width:992px) and (max-width:1229px) {
    .prosection{margin-bottom:35px;}
}
@media (min-width:768px) and (max-width:991px) {
    .prosection{margin-bottom:30px;}
}
@media (min-width:1px) and (max-width:767px) {
    .prosection{margin-bottom:20px;}
}

#ProductDetail{overflow:hidden;}
#ProductDetail .content{}
#protitle .prevnext{margin-top:20px;}
#protitle .prevnext>a{display:block;font-size:16px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
#protitle .prevnext>a:before{content:"[";margin-right:1px;}
#protitle .prevnext>a:after{content:"]";margin-left:1px;}
#protitle .prevnext>a>b{margin-right:5px;}
#protitle .prevnext>a:hover{text-decoration:underline;}

#ProductPicture{background-color:rgb(246,246,246);}
#ProductPicture .machine{border:1px solid rgb(233, 233, 233);margin-bottom:30px;}
#ProductPicture .machineimg{}
#ProductPicture .machineimg img{}
#ProductPicture .samples{}
#ProductPicture .samples .title{}
#ProductPicture .samples .title h3{font-size:36px;text-align:center;}
#ProductPicture .samples .SampleList{}
#ProductPicture .samples .SampleList .sample{}
#ProductPicture .samples .SampleList .sample.item{width:calc((100% - 15px * 2) / 3);margin-right:15px;margin-left:0;}
#ProductPicture .samples .SampleList .sample.item:nth-child(3n+3){margin-right:0;}
#ProductPicture .samples .SampleList .sample .sampleimg{}
#ProductPicture .samples .SampleList .sample .sampleimg img{}
@media (min-width:1px) and (max-width:767px){
    #ProductPicture .samples .title h3{font-size:24px;}
    #ProductPicture .samples .SampleList .sample.item{width:100%;margin-right:0;margin-left:0;margin-bottom:10px;text-align:center;}
    #ProductPicture .samples .SampleList .sample.item:last-child{margin-bottom:0;}
}

#RelatedProduct{border-bottom:1px solid rgb(224,224,224);}
#RelatedProduct .title{}
#RelatedProduct .title h3{font-size:36px;text-align:center;}
#RelatedProduct #ProPage2{padding-top:0;}
#RelatedProduct #ProPage2 .ProList{}
#RelatedProduct #ProPage2 .ProList .item{width:calc((100% - 20px * 3) / 4);margin-left:0;margin-right:20px;}
#RelatedProduct #ProPage2 .ProList .item:nth-child(4n+4){margin-right:0;}
#RelatedProduct #ProPage2 .ProList .item a{}
#RelatedProduct #ProPage2 .ProList .item a .proimg{border:1px solid rgb(224,224,224);}
#RelatedProduct #ProPage2 .ProList .item a .proimg img{transform:scale(0.95);}
#RelatedProduct #ProPage2 .ProList .item:hover a .proimg img{transform:scale(1);}
#RelatedProduct #ProPage2 .ProList .item a .txt{}
#RelatedProduct #ProPage2 .ProList .item a .txt h3{padding:5px 20px;color:rgb(102,102,102);font-family:Yahei-Regular;font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align:center;}
@media (min-width:768px) and (max-width:991px){
    #RelatedProduct #ProPage2 .ProList .item{width:calc((100% - 20px) / 2);margin-bottom:20px;}
    #RelatedProduct #ProPage2 .ProList .item:nth-child(4n+4){margin-right:20px;}
    #RelatedProduct #ProPage2 .ProList .item:nth-child(2n+2){margin-right:0px;}
}
@media (min-width:1px) and (max-width:767px) {
    #RelatedProduct .title h3{font-size:24px;}
    #RelatedProduct #ProPage2 .ProList .item{width:100%;margin-right:0;margin-bottom:10px;}
}


#inquiry{}
#inquiry .container>h3{font-size:36px;line-height:40px;}
#inquiry .faq{width:calc(60% - 50px);margin-right:50px;}
#inquiry .faq .tit{}
#inquiry .faq>p{line-height:30px;padding-top:35px;margin-bottom:52px;color:rgb(102,102,102);}
#inquiry .faq .FaqList{}
#inquiry .faq .FaqList .faq{padding:25px 30px 20px 10px;border:1px solid rgb(232,232,232);border-left:5px solid rgb(0, 93, 171);background-color:rgb(243,243,243);}
#inquiry .faq .FaqList .faq.item{width:100%;min-height:80px;line-height:80px;margin-bottom:10px;}
#inquiry .faq .FaqList .faq.item.active{min-height:111px;line-height:111px;}
#inquiry .faq .FaqList .faq.item:last-child{margin-bottom:0px;}
#inquiry .faq .FaqList .faq .left{margin-left:0;max-width:calc(100% - 20px);}
#inquiry .faq .FaqList .faq .left h4{margin-bottom:5px;color:rgb(0, 93, 171);font-size:18px;line-height:30px;/*font-family:Yahei-Regular;*/}
#inquiry .faq .FaqList .faq .left h4:before{margin-right:15px;color:rgb(51,51,51);display:inline-block;content:"Q";font-family:Yahei-Regular;}
#inquiry .faq .FaqList .faq .left p{color:rgb(51,51,51);overflow:hidden;max-height:0;transform:translate(0,-20px);transition:transform .5s ease;}
#inquiry .faq .FaqList .faq .left p:before{margin-right:15px;display:inline-block;content:"A";font-family:Yahei-Regular;}
#inquiry .faq .FaqList .faq.active .left p{max-height:50px;transform:translate(0,0px);}
#inquiry .faq .FaqList .faq .right{margin-right:0;min-width:20px;}
#inquiry .faq .FaqList .faq .right button{width:20px;height:20px;border-radius:50%;border:none;background-color:rgb(51,51,51);position:relative;}
#inquiry .faq .FaqList .faq.active .right button{background-color:rgb(0, 93, 171);}
#inquiry .faq .FaqList .faq .right button span{background-color:white;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#inquiry .faq .FaqList .faq .right button span.horizontal{width:15px; height:2px;}
#inquiry .faq .FaqList .faq .right button span.vertical{width:15px;height:2px;transform:translate(-50%,-50%) rotate(90deg);transition:all .3s ease;}
#inquiry .faq .FaqList .faq.active .right button span.vertical{width:15px;height:2px;transform:translate(-50%,-50%) rotate(180deg);}
@media (min-width:1px) and (max-width:991px){
    #inquiry .faq{width:100%;margin-right:0px;margin-bottom:20px;}
}
@media (min-width:1px) and (max-width:767px){
    #inquiry .faq .tit h3{margin-bottom:0;font-size:24px}
    #inquiry .faq .tit p{margin-bottom:10px;}
    #inquiry .faq .FaqList .faq{padding:20px 20px 25px 10px;}
    #inquiry .faq .FaqList .faq .left h4:before{margin-right:10px;}
    #inquiry .faq .FaqList .faq .left p:before{margin-right:10px;}
}

#inquiry .contact{width:40%;padding:50px 30px 0 30px;box-shadow:0 0 15px 3px rgb(0,0,0,.2);}
#inquiry .contact .tit{}
#inquiry .contact .tit h3{font-size:36px;margin-bottom:30px;line-height:30px;}
/*#inquiry .contact p{line-height:2;margin-bottom:15px;}
#inquiry .contact p .email{color:#f00;}*/
#inquiry .contact .feedbackbox li{display:initial;margin:0 0 20px;}
/*#inquiry .contact .feedbackbox li:last-child{display:initial;margin:0;}*/
#inquiry .contact .feedbackbox li label{display:block;color:rgb(102,102,102);margin-bottom:5px;line-height:30px;}
#inquiry .contact .feedbackbox li label.necessary:before{content:"*";color:red;}
#inquiry .contact .feedbackbox li .input{display:block;height:35px;width:100%;padding:0 10px;border:1px solid rgb(204,204,204);border-radius:10px;background-color:#FFF;}
#inquiry .contact .feedbackbox li.textarea .input{height:113px;}
#inquiry .contact .feedbackbox li.btnli{}
#inquiry .contact .feedbackbox li.btnli a{display:inline-block;padding:10px 20px;border-radius:5px;font-size:18px;}
#inquiry .contact .feedbackbox li.btnli a:hover{color:white;}
@media (min-width:992px) and (max-width:1229px){
    #inquiry .feedbackbox{width:100%;}
}
@media (min-width:1px) and (max-width:991px) {
    #inquiry .contact{width:100%;}
}
@media (min-width:768px) and (max-width:991px){
    #inquiry .feedbackbox{width:100%;}
    #inquiry .title h2{margin-bottom:10px;}
}
@media (min-width:1px) and (max-width:767px){
    #inquiry .contact .tit h3{font-size:24px;}
    #inquiry .feedbackbox{width:100%;}
    #inquiry .title h2{margin-bottom:10px;}
    #inquiry .contact .feedbackbox li{margin-bottom:15px;}
}

@media (min-width:992px) and (max-width:1229px) {
    .prosection{margin-bottom:30px;}
    .prosection .tit{margin-bottom:20px;}
    .prosection .tit a h3{font-size:20px;}
    #slider{margin-bottom:30px;}

    #protitle{padding-left:30px;width:60%;}
    #protitle h1{font-size:20px;line-height:28px;}

    #picView{width:40%;}
    #BigImg{margin-bottom:10px;}
    #protitle h3{font-size:16px;}
    #protitle .remark{}
    #protitle .remark p{width:50%;font-size:15px;margin:0;}
    #protitle .btnlist{margin-top:30px;}
    #protitle .btnlist>a.btnlink{padding:5px 30px;}
    
}
@media (min-width:768px) and (max-width:991px) {
    .prosection{margin-bottom:25px;}
    .prosection .tit{margin-bottom:20px;}
    .prosection .tit a h3{font-size:18px;}

    #ProDetailPage{padding-top:25px;}

    #slider{}
    #picView{width:45%;padding:20px 10px 40px 15px;}
    #BigImg{margin-bottom:10px;}
    #picView .gallery-thumbs{}
    #protitle{padding-left:20px;width:55%;padding:30px 20px 0 20px;}
    #protitle .title{padding:10px 0;}
    #protitle h1{font-size:18px;line-height:24px;}
    #protitle h4{font-size:15px;line-height:20px;}
    #protitle .remark p{width:50%;font-size:14px;margin:0;padding:3px 10px 3px 0}
    #protitle .btnlist{margin-top:15px;}
    #protitle .btnlist>a.btnlink{font-size:14px;margin-bottom:0;}
    #protitle .btnlist>a:not(:last-child){margin-right:2%;}
    #protitle .share{margin-top:10px;margin-bottom:10px;}
    
    #slider .inquiryline i{width:50px;height:50px;line-height:50px;top:-20px;font-size:30px;left:calc(50% - 25px);}
    
    #inquiry p{font-size:14px;line-height:1.8;}

    #ProDetailPage .title a{}
    #ProDetailPage .title a h3{font-size:16px;padding:5px 30px;line-height:24px;}

    
}
@media (min-width:1px) and (max-width:767px) {
    .prosection{margin-bottom:25px;}
    .prosection .tit{margin-bottom:15px;}
    .prosection .tit a h3{font-size:14px;padding:5px 0px;}
    
    #BigImg{margin-bottom:10px;}

    #ProDetailPage{padding-top:20px;}
    #slider{margin-bottom:25px;}
    #picView{width:100%;padding:0;float:initial;border-right:0;}
    #picView .gallery-thumbs{}
    #protitle{width:100%;float:initial;padding:30px 20px 0 20px;}
    #protitle p{font-size:12px;line-height:18px;}
    #protitle h1{font-size:18px;line-height:24px;}
    #protitle h4{font-size:15px;line-height:1.5;margin-bottom:10px;}
    #protitle .remark p{width:100%;font-size:14px;margin:0;padding:3px 0}
    #protitle .btnlist{margin-top:15px;}
    #protitle .btnlist>a.btnlink{font-size:13px;margin-bottom:20px;padding:3px 10px;}
    #protitle .btnlist>a:not(:last-child){margin-right:2%;}
    
    #inquiry p{font-size:14px;line-height:1.5;}
    #pro_feed_show .form-group.btngroup{padding-top:0;margin-top:0;}
    
    #RelatedProduct{padding-bottom:0;}
}

.ColumnsBox{border-bottom:1px solid #dfdfdf;}
#Columns>a{padding:18px 20px;font-size:20px;line-height:1.8;display:inline-block;margin-right:20px;}
#Columns>a.active{border-bottom:2px solid #093b94;color:#093b94;}
#Columns .title{margin-bottom:0;}
#Columns .title a{font-size:20px;line-height:30px;padding:8px 30px;background-color:#eee;display:inline-block;margin:0 20px;}
#Columns .title a:hover,#Columns .title a.active{background:#093b94;color:#fff;}
#Columns.proColumns{background-color:#fff;border-radius:10px;overflow:hidden;}
#Columns.proColumns .title{display:flex;justify-content:space-between;}
#Columns.proColumns .title a{width:calc((100% - 10px)/5);margin:0;}
#Columns .smallcate{padding:20px 30px;display:none;}
#Columns .smallcate.active{display:block;}
#Columns .smallcate>a{position:relative;font-size:0.875rem;line-height:1.5rem;margin-right:3rem;color:#666;display:inline-block;}
#Columns .smallcate>a:before{content:"\e9e2";font-family:iconfont;transform:rotate(-90deg);display:inline-block;font-size:0.75rem;vertical-align:top;margin-right:3px;}
#Columns .smallcate>a:hover,#Columns .smallcate>a.active{color:#093b94;}
#Columns.seColumns{box-shadow:0 0 10px #eee;border-radius:10px;overflow:hidden;}
@media (min-width:992px) and (max-width:1229px) {
    #Columns .title a{min-width:initial;}
    #Columns.proColumns .title a{width:auto;padding:10px 15px;}
}
@media (min-width:768px) and (max-width:991px) {
    #Columns .title a{min-width:initial;font-size:1rem;line-height:1.5}
    #Columns.proColumns .title a{width:auto;padding:10px 15px;}
}
@media (min-width:1px) and (max-width:767px) {
    #Columns>a{padding:10px 20px;font-size:16px;}

    #Columns .title{}
    #Columns .title a{min-width:initial;font-size:1rem;line-height:1.5;padding:10px 15px;width:100%;margin-bottom:10px;margin-left:0;}
    #Columns.proColumns .title a{width:auto;}
    #Columns .smallcate{padding:10px;}
    #Columns .smallcate>a{line-height:2;}
}



/*优势列表*/
#advantagelist{padding:20px 10px;max-width: 1200px;}
#advantagelist .advantage{text-align: center;padding:45px 0;box-shadow: 0 0 20px 1px rgba(0, 0, 0, .15);transition: all .3s ease;}
#advantagelist .advantage:hover{box-shadow: 0 0 20px 1px rgba(0, 0, 0, .4);}
#advantagelist .advantage.item{width: calc((100% - 20px * 2) / 3);margin-left: 0;margin-right: 20px;margin-bottom: 20px;}
#advantagelist .advantage.item:nth-child(3n+3){margin-right:0;}
#advantagelist .advantage.item:nth-last-child(-n+3){margin-bottom: 0;}
#advantagelist .advantage i{display: inline-block;width:80px;height: 80px;line-height: 80px;border-radius: 50%;margin-bottom:10px;color: white;background-color: rgb(0,121,195);font-size:36px;text-align: center;}
#advantagelist .advantage p{color:rgb(102,102,102);}
@media (min-width:1px) and (max-width:767px){
    #advantagelist .advantage.item{width: calc((100% - 10px) / 2);padding:20px 0;margin-right: 10px;margin-bottom: 10px;}
    #advantagelist .advantage.item:nth-child(3n+3){margin-right:10px;}
    #advantagelist .advantage.item:nth-child(2n+2){margin-right:0;}
    #advantagelist .advantage.item:nth-last-child(-n+3){margin-bottom: 10px;}
    #advantagelist .advantage.item:nth-last-child(-n+2){margin-bottom: 0px;}
}



/*产品包装和运送*/
#package_and_delivery{max-width: 1200px;}
#package_and_delivery .package{margin-bottom: 40px;}
#package_and_delivery .package .left{width: 60%;}
#package_and_delivery .package .left .img{width: calc((100% - 20px * 2) / 3);margin-left: 0;margin-right: 20px;}
#package_and_delivery .package .left .img:nth-child(3n+3){margin-right: 0;}
#package_and_delivery .package .left .img img{}
#package_and_delivery .package .left p{width: 100%;font-size: 30px;text-align: center;}
#package_and_delivery .package .right{width: 40%;padding-left:20px;}
#package_and_delivery .package .right .img{}
#package_and_delivery .package .right .img img{}
#package_and_delivery .delivery{align-items: center;}
#package_and_delivery .delivery .left{width: 57%;padding-left:20px;}
#package_and_delivery .delivery .left .img{width: 100%;}
#package_and_delivery .delivery .left .img img{width: 100%;}
#package_and_delivery .delivery .right{width: 43%;}
#package_and_delivery .delivery .right p{padding-left: 80px;font-size: 30px;}
@media (min-width:1px) and (max-width:320px){
    #package_and_delivery .package{margin-bottom: 10px;}
    #package_and_delivery .package .left .img{width: calc((100% - 5px * 2) / 3);margin-left: 0;margin-right: 5px;}
    #package_and_delivery .delivery .left{padding-left:0;width: 57%;}
    #package_and_delivery .package .left p{font-size:16px;}
    #package_and_delivery .delivery .right{width: 43%;}
    #package_and_delivery .delivery .right p{padding-left: 10px;font-size: 16px;}
}


/*新闻中心*/
#NewsPage{}
#NewsPage .container{max-width:calc(1340px + 15px * 2);padding:0 15px;}
#NewsPage #NewestNews{background-color:rgb(246,250,253);}
#NewsPage #NewestNews .container{}
#NewsPage #NewestNews .container .title{}
#NewsPage #NewestNews .container .title h2{}
#NewsPage #NewestNews .container .title p{}
#NewsPage #NewestNews .container .item{background-color:white;}
#NewsPage #NewestNews .container .item a{}
#NewsPage #NewestNews .container .item a .artimg{width:50%;}
#NewsPage #NewestNews .container .item a .artimg .img{}
#NewsPage #NewestNews .container .item a .artimg .img img{}
#NewsPage #NewestNews .container .item a .txt{width:50%;padding:50px 40px;}
#NewsPage #NewestNews .container .item a .txt h3{font-size:24px;margin-bottom:10px;}
#NewsPage #NewestNews .container .item a .txt .datetime{margin-bottom:30px;position:relative;}
#NewsPage #NewestNews .container .item a .txt .datetime:after{content:" ";width:30px;height:2px;background-color:rgb(0, 93, 171);position:absolute;}
#NewsPage #NewestNews .container .item a .txt .datetime span.date{display:block;margin-bottom:10px;color:rgb(153,153,153);}
#NewsPage #NewestNews .container .item a .txt p{color:rgb(102,102,102);margin-bottom:60px;}
#NewsPage #NewestNews .container .item a .txt>span{padding:5px 20px;}
@media (min-width:768px) and (max-width:1229px) {
    #NewsPage #NewestNews .container .item a .txt{padding:0 0 0 10px;}
    #NewsPage #NewestNews .container .item a .txt p{margin-bottom:10px;}
}
@media (min-width:768px) and (max-width:991px) {
    #NewsPage #NewestNews .container .item a .txt .datetime{margin-bottom:15px;}
    #NewsPage #NewestNews .container .item a .txt .datetime span.date{margin-bottom:5px;}
    #NewsPage #NewestNews .container .item a .txt h3{font-size:21px;margin-bottom:5px}
    #NewsPage #NewestNews .container .item a .txt>span{padding:5px 10px;}
}
@media (min-width:1px) and (max-width:767px) {
    #NewsPage #NewestNews .container .item a .artimg{width:100%;}
    #NewsPage #NewestNews .container .item a .txt{width:100%;padding:10px 20px;}
    #NewsPage #NewestNews .container .item a .txt .datetime{margin-bottom:20px;}
    #NewsPage #NewestNews .container .item a .txt .datetime span.date{margin-bottom:10px;}
    #NewsPage #NewestNews .container .item a .txt p{margin-bottom:10px;}
}



#NewsList{margin-bottom:80px;}
#NewsList .item{background-color:white;border-bottom:1px solid rgb(230, 230, 230);}
#NewsList .item:hover{background-color:rgb(0, 93, 171);}
#NewsList .item .txt{padding-top:70px;padding-bottom:70px;align-items:center;}
#NewsList .item .txt .date{width:10%;}
#NewsList .item .txt .date span.mouth{display:inline-block;font-size:60px;color:rgb(0, 93, 171);}
#NewsList .item:hover .txt .date span.mouth{color:white;}
#NewsList .item .txt .date span.day{display:inline-block;line-height:70px;font-family:Poppins-Bold;font-size:24px;position:relative;top:-24px}
#NewsList .item:hover .txt .date span.day{color:white}
#NewsList .item .txt .content{width:calc(90% - 70px);padding-right:100px;}
#NewsList .item .txt .content p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#NewsList .item:hover .txt .content p{color:white;}
#NewsList .item .txt span.viewmore{display:block;width:50px;height:50px;line-height:50px;border:1px solid rgb(208,208,208);border-radius:50%;color:#466ca5;background-color:white;font-size:18px;text-align:center;}
#NewsList .item .txt span.viewmore i{color:rgb(85,85,85);font-size:24px;}
#NewsList .item:hover .txt span.viewmore i{color:rgb(0, 93, 171);}

@media (min-width:768px) and (max-width:1229px) {
    #NewsList div .item .txt .date{width:15%;}
    #NewsList div .item .txt .content{width:80%;}
    #NewsList div .item .txt .viewmore{display:none;}
}
@media (min-width:992px) and (max-width:1229px) {
    #NewsList{margin-bottom:60px;}
    #NewsList .item .txt{padding-top:50px;padding-bottom:50px;}
}
@media (min-width:768px) and (max-width:991px) {
    #NewsList{margin-bottom:40px;}
    #NewsList .item .txt{padding-top:30px;padding-bottom:30px;}
}
@media (min-width:1px) and (max-width:767px) {
    #NewsList{margin-bottom:20px;}
    #NewsList .item .txt{padding-top:20px;padding-bottom:20px;}
    #NewsList div .item .txt .date{width:30%;}
    #NewsList .item .txt .date span.mouth{font-size:36px;}
    #NewsList .item .txt .date span.day{font-size:24px;line-height:36px;top:-8px;}
    #NewsList div .item .txt .content{width:70%;padding-right:0;}
    #NewsList div .item .txt .viewmore{display:none;}
}



/*新闻详情*/
#NewsPage{}
#NewsPage .title{margin-bottom:20px;}
#NewsPage .title h1{text-align:center;}
#NewsPage #sharelist{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:8px 0;text-align:right;margin-bottom:30px;width:100%;overflow:hidden;}
#NewsPage #sharelist>p{float:left;line-height:24px;font-size:14px;color:#868686;margin:0;}
#NewsPage #sharelist span{display:inline-block;font-size:14px;color:#868686;margin-right:10px;line-height:30px;}
#NewsPage #sharelist>a{display:inline-block;color:#868686;font-size:20px;margin:0 0 0 5px;border:1px solid #999;width:30px;height:30px;line-height:28px;text-align:center;border-radius:50%;}
#NewsPage #sharelist>a:hover{color:rgb(0, 93, 171);border:1px solid rgb(0, 93, 171);}
#NewsPage #sharelist>a>i{width:28px;height:28px;line-height:28px;font-size:18px;}
#NewsPage #sharelist .bdsharebuttonbox{float:right;}
#NewsPage #sharelist .bdsharebuttonbox>span{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a{display:inline-block;vertical-align:middle;float:none;width:30px;height:30px;color:#666;border:1px solid #666;}
#NewsPage #sharelist .bdsharebuttonbox>a:before{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a:hover{color:#093b94;border:1px solid #093b94;}
#NewsPage .context{margin-bottom:30px;}
#NewsPage .btnList{background-color:#f0f0f0;padding:20px 25px;}
#NewsPage .btnList>a.link{font-size:18px;line-height:30px;display:block;}
#NewsPage .btnList>a.link:hover{color:rgb(0, 93, 171);}
#NewsPage .btnList>a.link:nth-child(1){margin-bottom:5px;}
#NewsPage .btnList>a.link span{color:#999;display:inline-block;vertical-align:top;margin-right:5px;}
/*#NewsPage .btnList>a.link>i.iconfont{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;border-radius:50%;border:2px solid #dedede;color:#dedede;vertical-align:top;margin:0 6px;}
#NewsPage .btnList>a.link:hover>i.iconfont{border:2px solid #093b94;color:#093b94;}*/
#NewsPage #RelatedNews{}
#NewsPage #RelatedNews .title{}
#NewsPage #RelatedNews .title h2{font-size:1.4rem;text-align:center;}
#NewsPage #RelatedNews .relate_list{}
#NewsPage #RelatedNews .relate_list .item{width:45%;margin:0 0 10px;}
#NewsPage #RelatedNews .relate_list .item .txt{}
#NewsPage #RelatedNews .relate_list .item .txt a{}
#NewsPage #RelatedNews .relate_list .item .txt a h3{line-height:2rem;font-family:"arial-Regular";}
#NewsPage #RelatedNews .relate_list .item .txt a:hover h3{color:rgb(0, 93, 171);}
#NewsPage #RelatedNews .relate_list .item .txt a h3:before {content: "\f105";font-size: 24px;font-family: "FontAwesome";margin-right:5px;}

@media (min-width:992px ) and (max-width:1229px) {
}
@media (min-width:1px) and (max-width:991px) {
    #NewsPage #RelatedNews .relate_list .item{width:100%;}
}
@media (min-width:768px) and (max-width:991px) {
    #NewsPage .title h1{font-size:30px;}
}
@media (max-width:767px){
    #NewsPage .title h1{font-size:24px;}
    #NewsPage #sharelist{ text-align:center;}
    #NewsPage #sharelist>p{width:100%;margin-bottom:5px;font-size:12px;}
    #NewsPage #sharelist span{font-size:12px;line-height:20px; }
    #NewsPage #sharelist .bdsharebuttonbox{float:unset;}
    #NewsPage .btnList{padding:10px 15px;}
    #NewsPage .btnList>a.link{font-size:12px;line-height:18px;display:block;margin-bottom:5px;}
}



/*视频中心*/
#VideoPage{}
#VideoPage #left_nav{width:22%;margin-left:0;position:initial;top:0;}
#VideoPage #left_nav dl{overflow:hidden;margin-bottom:30px;background-color:rgb(238,238,238)}
#VideoPage #left_nav dl>dt{padding:30px;font-family:Yahei-Regular;font-size:24px;line-height:initial;position:relative;border:none;background-color:rgb(0, 93, 171);color:white;}
#VideoPage #left_nav dl>dd{position:relative;cursor:pointer;}
#VideoPage #left_nav dl>dd>a{display:block;font-size:16px;line-height:24px;padding:15px 30px 15px 10px;margin:0 10px;position:relative;border-bottom:1px solid #ddd;}
#VideoPage #left_nav dl>dd:last-child>a{border-bottom:none;}
#VideoPage #left_nav dl>dd>a:before{display:none;content:"";width:4px;height:4px;background-color:#ddd;position:absolute;left:15px;top:calc(50% - 2px);}
/*#VideoPage #left_nav dl>dd>i{position:absolute;right:5px;top:10px;display:inline-block;width:30px;height:30px;text-align:center;display:block;}*/
/*#VideoPage #left_nav dl>dd>i:before{content:"\e7f9";font-size:16px;line-height:30px;width:30px;height:30px;display:none;}*/
#VideoPage #left_nav dl>dd>a:after{content:"\f105";font-family:FontAwesome;font-size:24px;position:absolute;right:10px;top:50%;transform:translate(0,-50%);}
/*#VideoPage #left_nav dl>dd.active:before,#left_nav dl>dd:hover:before{content:"";border-style:solid;border-width:6px 10px;border-color:transparent transparent transparent rgb(0, 93, 171);position:absolute;left:-15px;top:17px;}*/
#VideoPage #left_nav dl>dd.active>i:before{}
#VideoPage #left_nav dl>dd.active>a,#left_nav dl>dd:hover>a{color:rgb(0, 93, 171);}
#VideoPage #left_nav dl>dd.active>a:before,#left_nav dl>dd:hover>a:before{background-color:rgb(0, 93, 171);}
#VideoPage #left_nav dl>dd.active>i,#left_nav dl>dd:hover>i{content:"";color:#fff;}
@media (min-width:992px) and (max-width:1229px) {
    #VideoPage #left_nav{width:100%;}
    #VideoPage #left_nav dl{}
    #VideoPage #left_nav dl>dt{}
    #VideoPage #left_nav dl>dd{}
    #VideoPage #left_nav dl>dd>a{font-size:14px;padding:10px 10px 10px 30px}
    #VideoPage #left_nav dl>dd ul>li>a{font-size:13px;}
}
@media (min-width:768px) and (max-width:991px) {
    #VideoPage #left_nav{width:100%;padding-right:0;padding-left:0;margin-bottom:20px;}
    #VideoPage #left_nav dl{padding:0;border-left:none;margin-bottom:0;}
    #VideoPage #left_nav dl::before{}
    #VideoPage #left_nav dl>dt{padding:5px 10px 5px 15px;font-size:18px;line-height:40px;display:block;}
    #VideoPage #left_nav dl>dt:after{content:"\f106";font-family:FontAwesome;float:right;position:absolute;border:none;top:5px;width:40px;height:40px;line-height:40px;right:0;text-align:center;font-size:24px;}
    #VideoPage #left_nav dl.active>dt:after{content:"\f105";font-family:FontAwesome;float:right;position:absolute;border:none;top:5px;width:40px;height:40px;line-height:40px;right:0;text-align:center;font-size:24px;}
    #VideoPage #left_nav dl>dd{display:none;}
    #VideoPage #left_nav dl>dd:before{}
    #VideoPage #left_nav dl>dd:last-child{border-radius:0;}
    #VideoPage #left_nav dl>dd>i{top:5px;}
    #VideoPage #left_nav dl>dd>a{font-size:14px;padding:10px 15px 10px 30px;}
    #VideoPage #left_nav dl>dd ul{margin-top:0;margin-left:20px;}
    #VideoPage #left_nav dl>dd ul>li>a{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {   
    #VideoPage #left_nav{width:100%;padding-right:0;padding-left:0;margin-bottom:20px;}
    #VideoPage #left_nav dl{padding:0;border-left:none;margin-bottom:0;}
    #VideoPage #left_nav dl::before{}
    #VideoPage #left_nav dl>dt{padding:5px 10px 5px 15px;font-size:18px;line-height:40px;display:block;}
    #VideoPage #left_nav dl>dt:after{content:"\f106";font-family:FontAwesome;float:right;position:relative;border:none;top:0;width:40px;height:40px;line-height:40px;right:0;text-align:center;font-size:24px;}
    #VideoPage #left_nav dl.active>dt:after{content:"\f105";font-family:FontAwesome;float:right;position:absolute;border:none;top:5px;width:40px;height:40px;line-height:40px;right:0;text-align:center;font-size:24px;}
    #VideoPage #left_nav dl>dd{display:none;}
    #VideoPage #left_nav dl>dd:before{}
    #VideoPage #left_nav dl>dd>i{top:5px;}
    #VideoPage #left_nav dl>dd>a{font-size:14px;padding:10px 15px 10px 30px;}
    #VideoPage #left_nav dl>dd ul>li>a{font-size:12px;}
    #VideoPage #left_nav dl>dd.contactus{margin-top:30px;padding-bottom:15px;}
}

#VideoPage #VideoBox{width:calc(78% - 50px);margin-right:0;}
#VideoPage #VideoBox .VideoList{}
#VideoPage #VideoBox .VideoList .item{width:calc((100% - 20px * 2) / 3);margin-left:0;margin-right:20px;margin-bottom:30px;}
#VideoPage #VideoBox .VideoList .item:nth-child(3n+3){margin-right:0;}
/*#VideoPage #VideoBox .VideoList .item:nth-last-child(-n+3){margin-bottom:0;}*/
#VideoPage #VideoBox .VideoList .item a{}
#VideoPage #VideoBox .VideoList .item a .img{ width:100%; height:200px; background-position:center center; background-size:cover;}
#VideoPage #VideoBox .VideoList .item a .img img{min-height:200px;}
#VideoPage #VideoBox .VideoList .item a .img .playbutton{}
#VideoPage #VideoBox .VideoList .item a .img .playbutton button.buttonposition{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
/*#VideoPage #VideoBox .VideoList .item a .img .playbutton button#btnCircle{cursor:pointer;padding: 60px;border:none;border-radius: 50%;background-color: rgba(255, 255, 255,.5);transition:all ease 0.5s;}
#VideoPage #VideoBox .VideoList .item:hover a .img .playbutton button#btnCircle{padding:57px;}*/
#VideoPage #VideoBox .VideoList .item a .img .playbutton button#btnPlayVideo{cursor:pointer;padding: 15px;border-radius: 50%;background-color: rgba(255, 255, 255,.74);border: none;transition:all ease 0.5s;}
#VideoPage #VideoBox .VideoList .item:hover a .img .playbutton button#btnPlayVideo{padding:20px;}
#VideoPage #VideoBox .VideoList .item a .img .playbutton button#btnPlayVideo i{font-size:24px;width:24px;height:24px;line-height:24px;text-align:center;color: rgb(22, 119, 255);}
#VideoPage #VideoBox .VideoList .item a .txt{}
#VideoPage #VideoBox .VideoList .item a .txt p{overflow:hidden;padding:15px 40px;color:white;background-color:rgb(0, 93, 171);text-overflow:ellipsis;white-space:nowrap;}

@media (min-width:992px) and (max-width:1229px) {
    #VideoPage #VideoBox{width:100%;}
}
@media (min-width:768px) and (max-width:991px) {
    #VideoPage #VideoBox{width:100%;}
    #VideoPage #VideoBox .VideoList .item{width:calc((100% - 20px) / 2);margin-right:20px;}
    #VideoPage #VideoBox .VideoList .item:nth-child(3n+3){margin-right:20px;}
    #VideoPage #VideoBox .VideoList .item:nth-child(2n+2){margin-right:0px;}
/*    #VideoPage #VideoBox .VideoList .item:nth-last-child(-n+3){margin-bottom:20px;}
    #VideoPage #VideoBox .VideoList .item:nth-last-child(-n+2){margin-bottom:0px;}*/
}
@media (min-width:1px) and (max-width:767px) {
    #VideoPage #VideoBox{width:100%;}
    #VideoPage #VideoBox .VideoList .item{width:100%;margin-right:0;}
    #VideoPage #VideoBox .VideoList .item:nth-child(3n+3){margin-right:0px;}
/*    #VideoPage #VideoBox .VideoList .item:nth-last-child(-n+3){margin-bottom:20px;}
    #VideoPage #VideoBox .VideoList .item:nth-last-child(-n+1){margin-bottom:0px;}*/
}



/*视频详情*/
#NewsPage.videodetail{}
#NewsPage.videodetail .vcontent{ text-align:center;}
#NewsPage.videodetail .vcontent #divVideo{margin-bottom:10px;}
#NewsPage.videodetail .vcontent #divVideo video{width:100%;min-height:320px;object-fit:fill;}



/*服务中心*/
#ServicePage{}
#ServicePage .container{max-width:calc(1340px + 15px * 2);padding:0 15px;}
#ServicePage #OurService{}
#ServicePage #OurService .title{}
#ServicePage #OurService .title h2{}
#ServicePage #OurService ul.steps{}
#ServicePage #OurService ul.steps li.step{align-items:center;height:218px;position:relative;}
#ServicePage #OurService ul.steps li.step:nth-child(2n+1){background-color:rgb(238,238,238);}
#ServicePage #OurService ul.steps li.step:nth-child(2n+2){background-color:white;}
#ServicePage #OurService ul.steps li.step .left{width:210px;}
#ServicePage #OurService ul.steps li.step .left span{display:block;width:90px;height:100px;margin-left:74px;clip-path: polygon(0px 30px,45px 0px,90px 30px,90px 70px,45px 100px,0px 70px);text-align:center;}
#ServicePage #OurService ul.steps li.step:nth-child(2n+1) .left{filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.05));}
#ServicePage #OurService ul.steps li.step:nth-child(2n+1) .left span{background-color:white;}
#ServicePage #OurService ul.steps li.step:nth-child(2n+2) .left span{background-image: linear-gradient(to bottom right, rgb(57, 158, 233) , rgb(4, 104, 187));}
#ServicePage #OurService ul.steps li.step .left span i{line-height:100px;font-size:36px;}
#ServicePage #OurService ul.steps li.step:nth-child(2n+1) .left span i{color:rgb(0, 93, 171);}
#ServicePage #OurService ul.steps li.step:nth-child(2n+2) .left span i{color:white;}

#ServicePage #OurService ul.steps li.step .right{width:calc(100% - 210px);}
#ServicePage #OurService ul.steps li.step .right h3{font-size:22px;line-height:58.93px;font-family:Yahei-Regular;font-weight:bold;}
#ServicePage #OurService ul.steps li.step .right p{line-height:26px;position:relative;color:rgb(102,102,102);}
#ServicePage #OurService ul.steps li.step .right p:before{display:inline-block;content:' ';width:3px;height:3px;margin-right:10px;border-radius:50%;background-color:rgb(234, 19, 14);vertical-align:middle;position:relative;transform:translate(0,-50%);}

#ServicePage #OurService ul.steps li.step .linkline{position:absolute;left:106px;bottom:0;transform:translate(0,50%);z-index:1;}
#ServicePage #OurService ul.steps li.step:last-child .linkline{display:none;}
#ServicePage #OurService ul.steps li.step .linkline span.point {display:block;width:0px;height:49px;margin-top:14px;padding-left:10px;border-right:5px dotted rgb(0, 93, 171);}
#ServicePage #OurService ul.steps li.step .linkline i{font-size:36px;line-height:16px;color:rgb(0, 93, 171);}

/*@media (min-width:1px) and (max-width:767px) {
    #ServicePage #OurService ul.steps li.step .left{width:calc(10px + 70px + 20px);}
    #ServicePage #OurService ul.steps li.step{padding:10px 0 20px;}
    #ServicePage #OurService ul.steps li.step .left span{margin-left:20px;}
    #ServicePage #OurService ul.steps li.step .right{width:calc(100% - 10px - 70px - 20px);}
    #ServicePage #OurService ul.steps li.step .linkline{position:absolute;left:45px;bottom:0;transform:translate(0,50%);z-index:1;}
    #ServicePage #OurService ul.steps li.step .linkline span.point {display:block;width:0px;height:25px;padding-left:8px;border-right:5px dotted rgb(0, 93, 171);}
    #ServicePage #OurService ul.steps li.step .linkline i{font-size:30px;line-height:16px;color:rgb(0, 93, 171);}
}*/
@media (min-width:1px) and (max-width:767px) {
    #ServicePage #OurService ul.steps li.step .left{width:100%;}
    #ServicePage #OurService ul.steps li.step .left span{margin:0 auto;}
    #ServicePage #OurService ul.steps li.step .right{width:100%;padding:0 10px;}
    #ServicePage #OurService ul.steps li.step .linkline{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:1;}
}

#ServicePage #SpecialService{padding-top:0;}
#ServicePage #SpecialService .title{}
#ServicePage #SpecialService .title h2{}
#ServicePage #SpecialService .SpecialServiceList{}
#ServicePage #SpecialService .SpecialServiceList .item{border:1px solid rgb(228,228,228);}
#ServicePage #SpecialService .SpecialServiceList .item a{align-items:center;}
#ServicePage #SpecialService .SpecialServiceList .item a .left{width:435px;margin-left:0;}
#ServicePage #SpecialService .SpecialServiceList .item a .left .serviceimg{}
#ServicePage #SpecialService .SpecialServiceList .item a .left .serviceimg img{width:100%;}
#ServicePage #SpecialService .SpecialServiceList .item a .right{width:calc(100% - 435px);padding:50px;margin-right:0;}
#ServicePage #SpecialService .SpecialServiceList .item a .right h3{line-height:28px;font-size:36px;color:rgb(0, 93, 171);margin-bottom:30px;}
#ServicePage #SpecialService .SpecialServiceList .item a .right p{font-size:18px;}

@media (min-width:1230px) and (max-width:1339px) {
    #ServicePage #SpecialService .SpecialServiceList .item a .right{padding:30px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #ServicePage #SpecialService .SpecialServiceList .item a .right{padding:20px;}
}
@media (min-width:767px) and (max-width:991px) {
    #ServicePage #SpecialService .SpecialServiceList .item a .right{padding:15px;}
    #ServicePage #SpecialService .SpecialServiceList .item a .right h3{font-size:24px;}
}
@media (min-width:1px) and (max-width:767px) {
    #ServicePage #SpecialService .SpecialServiceList .item a .left{width:100%;}
    #ServicePage #SpecialService .SpecialServiceList .item a .right{width:100%;padding:10px;}
}



/*联系我们*/
#contPage{}
#contPage #contact_topframe{height:45vh;position:relative;}
#contPage #contact_topframe .company{position:absolute;top:50%;transform:translate(0,-50%);}
#contPage #contact_topframe .company h3{color:white;font-size:30px;}
#contPage #contact_topframe .company #Location{padding:0;background-color:transparent;}
#contPage #contact_topframe .company #Location .container{max-width:initial;padding:0;}
#contPage #contact_topframe .company #Location .location{text-align:left;}
#contPage #contact_topframe .company #Location .location:before{color:white;font-size:22px;position:relative;bottom:-4px;}
#contPage #contact_topframe .company #Location .location a{color:white;font-weight:bold;}
#contPage #contact_topframe .company #Location .location a:before{font-weight:initial;}
#contPage #contact_topframe .company #Location .location a:hover{color:rgb(0, 93, 171);}
#contPage #contact_topframe .company #Location .location span.active{color:white;font-weight:initial;}

#contPage #contact_contactway{}
#contPage #contact_contactway .title{}
#contPage #contact_contactway .title h2{}
#contPage #contact_contactway .contactwaycards{}
#contPage #contact_contactway .contactwaycards .contactwaycard{width:25%;padding:60px 0;text-align:center;transition:all .5s ease;}
#contPage #contact_contactway .contactwaycards .contactwaycard:first-child{border-top-left-radius:20px;}
#contPage #contact_contactway .contactwaycards .contactwaycard.active{background-image: linear-gradient(to bottom right, rgb(57, 158, 233) , rgb(4, 104, 187));}
#contPage #contact_contactway .contactwaycards .contactwaycard:nth-child(2n+1){background-color:rgb(248,248,248);}
#contPage #contact_contactway .contactwaycards .contactwaycard:nth-child(2n+2){background-color:rgb(241,241,241);}
#contPage #contact_contactway .contactwaycards .contactwaycard .iconbox{position:relative;padding:10px 0 10px;}
#contPage #contact_contactway .contactwaycards .contactwaycard .iconbox i{display:inline-block;font-size:36px;}
#contPage #contact_contactway .contactwaycards .contactwaycard .iconbox i.front{color:rgb(0, 93, 171);position:relative;z-index:2;}
#contPage #contact_contactway .contactwaycards .contactwaycard .iconbox i.back{color:rgb(231, 231, 231);position:absolute;left:50%;transform:translate(calc(-50% - 10px),-5px);z-index:1;transition:all .7s ease;}
#contPage #contact_contactway .contactwaycards .contactwaycard .iconbox i.circle.back{width:36px;height:36px;border-radius:50%;background-color:rgb(231, 231, 231);transform:translate(calc(-50% + 4px),5px);}
#contPage #contact_contactway .contactwaycards .contactwaycard.active .iconbox i.front{color:white;}
#contPage #contact_contactway .contactwaycards .contactwaycard.active .iconbox i.back{color:rgb(110, 170, 215);transform:translate(calc(-50% - 10px),0)}
#contPage #contact_contactway .contactwaycards .contactwaycard.active .iconbox i.circle.back{background-color:rgba(231, 231, 231,.6);transform:translate(calc(-50% + 4px),5px);}
#contPage #contact_contactway .contactwaycards .contactwaycard h3{margin-bottom:30px;font-size:24px;}
#contPage #contact_contactway .contactwaycards .contactwaycard.active h3{color:white;}
#contPage #contact_contactway .contactwaycards .contactwaycard p{padding:0 20px;color:rgb(85, 85, 85);}
#contPage #contact_contactway .contactwaycards .contactwaycard.active p{color:white;}

@media (min-width:768px) and (max-width:991px) {
    #contPage #contact_contactway .contactwaycards .contactwaycard.item{width:10%;}
    #contPage #contact_contactway .contactwaycards .contactwaycard.active{width:70%;}
    #contPage #contact_contactway .contactwaycards .contactwaycard h3{display:none;}
    #contPage #contact_contactway .contactwaycards .contactwaycard.active h3{display:block}
    #contPage #contact_contactway .contactwaycards .contactwaycard p{display:none;overflow:hidden;max-height:100px;}
    #contPage #contact_contactway .contactwaycards .contactwaycard.active p{display:block;}
}
@media (min-width:1px) and (max-width:767px) {
    #contPage #contact_contactway .contactwaycards .contactwaycard{width:100%;padding:20px 0;}
    #contPage #contact_contactway .contactwaycards .contactwaycard.active{width:100%;}
    #contPage #contact_contactway .contactwaycards .contactwaycard h3{margin-bottom:10px;font-size:24px;}
}

#contPage #feedback{background-color:rgb(245, 245, 245);}
#contPage #feedback .title{}
#contPage #feedback .title h2{}
#contPage #feedback .title p{color:black;}
#contPage #feedback .feedbackbox{}
#contPage #feedback .feedbackbox ul{}
#contPage #feedback .feedbackbox ul li{display:initial;}
#contPage #feedback .feedbackbox ul li label{display:inline-block;color:rgb(102,102,102);margin-bottom:10px;}
#contPage #feedback .feedbackbox ul li label.necessary:after{content:"*";color:black;}
#contPage #feedback .feedbackbox ul li .input{display:block;width:100%;border:1px solid rgb(204,204,204);border-radius:10px;background-color:transparent;}
#contPage #feedback .feedbackbox ul li.btnli{text-align:center;}
#contPage #feedback .feedbackbox ul li.btnli a{display:inline-block;padding:10px 50px;border-radius:25px;font-size:18px;}
#contPage #feedback .feedbackbox ul li.btnli a:hover{color:white;}
@media (min-width:992px) and (max-width:1229px){
    #contPage #feedback .feedbackbox{width:100%;}
}
@media (min-width:768px) and (max-width:991px){
    #contPage #feedback .feedbackbox{width:100%;}
}
@media (min-width:1px) and (max-width:767px){
    #contPage #feedback .feedbackbox{width:100%;}
    #contPage #feedback .feedbackbox li{margin-bottom:15px;}
}
/*感谢页面*/
#thk_nav{text-align:center;}
#thk_nav h2{margin-bottom:20px;text-align:center;}
#thk_nav>p{line-height:28px;font-size:14px;}
.btnthank{padding:5px 10px;margin-top:15px;display:inline-block;border:1px solid rgb(0, 93, 171);color:#ffffff;background-color:rgb(0, 93, 171);}
.btnthank:hover{background-color:#ffffff;color:rgb(0, 93, 171);}
@media (max-width:767px) {
    #thk_nav>p{line-height:20px;font-size:13px;}
}
/*网站地图*/
#sitemapnav { width:100%; position:relative;overflow:hidden;}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#333; }
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;}
#sitemapnav .bigli a:hover {text-decoration:underline;}
.jiange{ width:100%;height:2px; border-bottom:solid 1px #d2d2d2; margin-top:8px;margin-bottom:8px;}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { width:100%;padding-left:3%; font-size:16px; line-height:30px; font-weight:bold; }
#sitemapnav .PROclass_02 { width:100%;padding-left:6%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666;}
#sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_03 { width:100%;padding-left:9%;color:#666666;font-size:14px;line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_04 {width:100%; padding-left:12%;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:100%;height:auto;}
    #sitemapnav .bigli{font-size:16px;}
    #sitemapnav .abli_02{font-size:14px;line-height:20px;}
    #sitemapnav .PROclass_01{font-size:14px;}
    #sitemapnav .PROclass_02{font-size:13px;}
    #sitemapnav .PROclass_03{font-size:12px;width:100%;}
    #sitemapnav .PROclass_04{width:100%;}
}



/*************图库*************/
#GalleryList{overflow:hidden;}
#GalleryList .item{width:calc((100% - 90px)/6);margin:0 15px 15px 0;}
#GalleryList .item:nth-child(6n+6){margin-right:0;}
#GalleryList .item .img{border:1px solid #eee;}
#GalleryList .item h3{font-size:16px;line-height:1.5;text-align:center;padding:10px 40px;color:#555;}
#GalleryList .item:hover h3{color:#1c1c1c;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #GalleryList .item{width:calc((100% - 45px)/4);margin:0 15px 15px 0;}
    #GalleryList .item:nth-child(6n+6){margin-right:15px;}
    #GalleryList .item:nth-child(4n+4){margin-right:0px;}
    #GalleryList .item h3{padding:10px;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #GalleryList .item{width:calc((100% - 45px)/4);margin:0 15px 15px 0;}
        #GalleryList .item:nth-child(6n+6){margin-right:15px;}
    #GalleryList .item:nth-child(4n+4){margin-right:0px;}
    #GalleryList .item h3{padding:10px 0;font-size:14px;line-height:1.5;}
}
@media (max-width:767px) {
    #GalleryList .item{width:calc((100% - 15px)/2);margin:0 15px 15px 0;}
        #GalleryList .item:nth-child(6n+6){margin-right:15px;}
    #GalleryList .item:nth-child(2n){margin-right:0;}
    #GalleryList .item h3{padding:10px 0;font-size:14px;line-height:1.5;}
}


/*图库样式*/
.imghvr-zoom-in figcaption {
 opacity:0;
 -webkit-transform:scale(.5);
 transform:scale(.5)
}
.imghvr-zoom-in:hover figcaption {
 -webkit-transform:scale(1);
 transform:scale(1);
 opacity:1
}
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  margin: 0px;
  max-width: 100%;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: inherit;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 0;
  padding: 0;
  color: #fff;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-zoom-in
   ----------------------------- */
.imghvr-zoom-in figcaption {
  text-align:center;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  background-color:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
}
.imghvr-zoom-in figcaption h3{text-align:center;transform:translateY(-50%);top:50%;position:relative;}
.imghvr-zoom-in:hover figcaption {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* imghvr-shutter-out-diag-1
   ----------------------------- */
[class^='imghvr-shutter-out-']:before,
[class*=' imghvr-shutter-out-']:before {
  background: inherit;
  position: absolute;
  content: '';
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
[class^='imghvr-shutter-out-'] figcaption,
[class*=' imghvr-shutter-out-'] figcaption {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before,
[class*=' imghvr-shutter-out-']:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption,
[class*=' imghvr-shutter-out-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.imghvr-shutter-out-diag-1:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
  top: -35%;
  bottom: -35%;
}
@media (min-width:1px) and (max-width:767px) {
    .imghvr-zoom-in figcaption{opacity:1;transform:scale(1);position:relative;padding:5px 10px;}
    .imghvr-zoom-in figcaption h3{transform:inherit;}
}



.video_icon{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:60px;height:60px;line-height:60px;text-align:center;}
.video_icon i.iconfont{display:block;font-size:24px;width:60px;height:60px;line-height:60px;background-color:rgba(255,255,255,0.8);border-radius:50%;color:#1c1c1c;}
.video_icon .play,
.video_icon .play:before,
.video_icon .play:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    -webkit-animation: play 3s infinite;
    animation: play 3s infinite;
}

.video_icon .play:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.video_icon .play:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes play {
    70% {
        box-shadow: 0 0 0 20px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}

@keyframes play {
    70% {
        box-shadow: 0 0 0 20px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}


a.btnvideo{position:relative;  display:block;}
a.btnvideo img{display:block; width:100%; height:auto;}
a.btnvideo i{position:absolute; width:66px; height:66px; left:50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); color:#fff; background:rgb(0, 93, 171); padding:25px; border-radius:50%;}


#float{position:fixed;right:0;top:50%;margin-top:-60px;z-index:55;}
#float .ico{display:flex;width:150px;background:rgb(0, 104, 181);position:relative;cursor:pointer;margin-bottom:15px;box-shadow:0 0 10px #666;color: #fff;border-radius: 30px 0 0 30px;padding:5.5px 20px;}
#float .ico>i{font-size:26px;display:inline-block;color:#fff;margin-right: 10px;}
#float .ico>.img{position:absolute;right:0px;width:140px;top:50px;display:none;background-color:#fff;box-shadow:0 0 5px #b0b0b0;z-index:999;}
#float .ico>.img>img{width:100%;}
#float .ico>span{display: inline-block;margin: auto 0;}
#float .ico:hover>.img{display:block;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:50px;padding: 5px 15px;}
    #float .ico>i{font-size:25px;}
    #float .ico span{display: none;}
    #float .ico>.img{right:60px;}
}