@charset "utf-8";

/*====================

原css和layout合并。

prototype的样式。

尽量以间隔和大小来到排版达到效果。





模板所有区块,在临时样式中使用黑色背景，白色字，蓝色超链接。

清除所有区块自定义颜色。待设计需要，再自行在区块设置

======================*/


.clearfix::after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
}

a:hover {
    color: #0078d7;
}








/*============翻页===============*/

#pages {
    /* margin:65px 1px 1px 1px; */
    /* padding:4px; */
    /* text-align:right; */
    /* overflow:hidden; */
    /* border-bottom: #999 1px solid; */
}



.product-function {
    clear: both;
}

.page-guide {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*设置display+margin属性，可以实现居中*/

.page-guide a {
    display: block;
    border: solid 1px #CCC;
    margin: 2px;
    color: #fff;
    background-color: #000;
}

.page-guide a:hover {
    background-color: #666 !important;
    color: #fff !important;
    border: none;
    text-decoration: none;
}

.page-guide span {
    border: 1px solid #CCC;
    margin: 2px;
    background-color: #aaa;
}



.page-guide span,

.page-guide a {
    float: left;
    margin: 0 10px 0 0;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: none;
    font-size: 13px;
    padding: 2px 8px 2px 8px;
    color: #fff;
    /* border-radius: 5px; */
    /* background-color: #000; */
}



.pages_num {
    float: left;
    overflow: hidden;
}

.page-guide .page-total {
    display: inline-block;
    font-size: 14px;
}

/*=========翻页==================*/











/*按钮部 开始 此段代码配合图片sprit.png使用*/

.submit,
.cancel,
.search,
.more,
.buy {
    background-image: url(../images/sprite.png) !important;
    display: block;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    cursor: pointer;
}



.submit {
    width: 85px;
    height: 26px;
    background-position: 0 0;
}

.submit:hover {
    background-position: -101px 0
}



.cancel {
    width: 85px;
    height: 26px;
    background-position: 0 -50px;
}

.cancel:hover {
    background-position: -101px -50px
}



.search {
    width: 71px;
    height: 21px;
    background-position: 0 -101px;
}

.search:hover {
    background-position: -101px -101px
}



.more {
    width: 52px;
    height: 16px;
    background-position: 0 -140px;
}

.more:hover {
    background-position: -101px -140px
}



.buy {
    width: 107px;
    height: 26px;
    background-position: 0 -174px;
}

.buy:hover {
    background-position: -144px -174px;
}



/*列表图标，包含圆形和正方形，未加上三角形。需要把样式添加至li以上的ul中，因为是直接对样式下的li全部控制*/



.circle li,
.square li,
.circle li:hover,
.square li:hover {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat
}



.circle li {
    background-position: -690px 9px;
}

.circle li:hover {
    background-position: -690px -41px;
}

.square li {
    background-position: -690px -91px;
}

.square li:hover {
    background-position: -690px -141px;
}















/*=================

智能云台

=================*/

#metro {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #222222;
    width: 100%;
    height: 0;
    padding: 0;
    z-index: 100000;
    float: left;
    overflow: hidden;
    color: #ffffff;
}


/*

===========================================================

                公共部分样式结束

===========================================================

*/

/*所有块的居中中间部分*/

/*每个板块的main用margin来到定位距离。

以首页为例，index-mark-product和main同级

.main:板块的盒子中间部分;默认1000居中，如果改变为全屏，需要在该板块例如index-mark中添加

.main h2:板块的标题

.main .function

*/



/*box=ul=index-mark-product里面的列表内容

.box           {overflow:hidden}



.box h5        {}

.box h6        {}

.box .image    {}

.box .content  {}

.box .function {}

*/



/* reset */
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}






/*顶部栏样式====================================================*/

#topbar {
box-sizing: border-box;

width: 100%;

padding: 0 10%;

z-index: 100;

color: #000000;

height: 82px;


background: #3a3a3a;

border-bottom: 1px solid #eee;
}

#topbar::after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
}



#topbar .content {

    padding: 0;

    margin: 0 auto;

    color: #fff;

    width: 100%;

    height: 100%;
}

#topbar .content .m-top-info {
    height: 82px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.m-top-info .c-item {
    margin-right: 16px;
    display: flex;
    align-items: center;
}

.m-top-info .left-item {
    display: flex;
    justify-content: space-around;
    justify-content: space-evenly;
    flex: 1;
}

.m-top-info .c-item .fa {
    color: #0078d7;
    margin-right: 10px;
}

.m-top-info .c-item>a {
    color: #fff;
}

.m-top-info .c-share {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 30%;
    height: 100%;
    justify-content: space-around;
    box-sizing: border-box;
    padding: 10px 0;
}

.m-top-info .c-share .external-links {
    position: relative;
    top: -4px;
    width: 100%;
}

.m-top-info .c-share .external-links a {
    padding-left: 24px;
}

.m-top-info .c-share .external-links a:hover{
    text-decoration: underline;
}

.m-top-info .c-share .external-links > ul{
    display: flex;
    justify-content: space-around;
}

.m-top-info .c-share .muti-lan{
    display: flex;
    align-items: center;
    position: relative;
}

.m-top-info .c-share .muti-lan >ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3px;
    padding: 0;
}

.m-top-info .c-share .u-item .fa {
    color: #fff;
    margin-right: 20px;
}

.m-top-info .c-share .u-item:hover .fa {
    color: #0078d7;
}

.m-top-info .phone-info div:first-child {
    display: none;
}

.m-top-info .email-info div:first-child {
    display: none;
}

.m-top-info .top-logo {
    display: none;
}

.c-share .tlanguage {
    position: absolute;
    right: 100%;
    margin-right: 25px;
    z-index: 99999;
    height: 82px;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;
}

.tlanguage a {
    display: block;
    white-space: nowrap;
    padding: 4px 0;
    color: #fff;
}

.tlanguage img {
    width: 24px;
    margin: 0 3px;
    vertical-align: middle;
    border-style: none;
}

.tlanguage a span {
    padding-left: 3px;
    color: #fff;
}

#topbar .content .c-item .muti-lan > ul li {

    color: #232323;

    float: left;

    /* height: 82px;

    line-height: 82px; */
}

#topbar a {
    color: #fff;
}



#topbar .layui-nav {

    display: none;

    float: right;

    background-color: transparent;

    padding-right: 5px;

}

#topbar .layui-nav li {
    line-height: 25px;
}

#topbar .layui-nav li a {
    padding-right: 5px;
    text-align: right;
}

/* 多语言下拉菜单样式 */
#xyz {
    position: relative;
    z-index: 99999;
    width: 120px;
    height: 25px;
}

.xyz12 {
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    width: 100%;
    padding: 0 4px;
    background: #FFF;
    line-height: 25px;
    position: absolute;
    box-sizing: border-box;
}

.xyz12 li {
    position: relative;
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
    padding: 0 4px;
    z-index: 1;
    text-align: left;
}

.xyz12 li a {
    color: #333 !important;
    font-size: 12px;
}

.xyz12 li img {
    vertical-align: middle;
    margin: -2px 7px 0 0;
    width: 16px;
}







/*顶部栏  功能按钮 样式*/

#topbar .function {
    padding: 0;
    margin: 0;
    list-style-position: inside;
    overflow: hidden;
    list-style-type: none;
}

#topbar .function li {
    padding: 5px 10px;
    float: right;
    margin: 0;
    height: 20px;
    line-height: 20px;
}

#topbar .function li:hover {
    background-color: #222
}



#topbar .function li a {
    padding: 0 8px 0 22px;
    margin: 0;
    color: #000;
    height: 20px;
    display: block;
    vertical-align: top;
    text-align: left;
    background: url(../images/sprite.png) no-repeat;
    border: solid 1px #cccccc;
    border-radius: 5px;
    background-color: #232323;
    color: #ffffff;
}



#topbar .function li:hover a {
    color: #09F;
    text-decoration: none
}

#topbar .function .contact a {
    background-position: 0 0;
}

#topbar .function .favorite a {
    background-position: 0 -100px;
}

#topbar .function .sethomepage a {
    background-position: 0 -150px;
}

#topbar .function .homepage a {
    background-position: 0 -50px;
}

#topbar .function .contact:hover a {
    background-position: -100px 0;
}

#topbar .function .favorite:hover a {
    background-position: -100px -100px;
}

#topbar .function .sethomepage:hover a {
    background-position: -100px -150px;
}

#topbar .function .homepage:hover a {
    background-position: -100px -50px;
}



/*顶部栏 语言选择 样式*/

.language {
    padding: 0;
    margin: 0;
    list-style: none inside;
    overflow: hidden;
    float: left
}

.language li {
    padding: 5px 8px;
    float: left;
    margin: 0 5px 0 0;
    height: 20px;
    line-height: 20px;
}

.language li:hover {
    background-color: #222
}

.language li a {
    padding: 0 7px 0 33px;
    margin: 0;
    color: #000;
    height: 20px;
    display: block;
    vertical-align: top;
    text-align: left;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    border: solid 1px #cccccc;
    border-radius: 5px;
    background-color: #232323;
    color: #ffffff;
    /* background-position: 5px 5px; */
}

.language li:hover a {
    color: #09F;
    text-decoration: none
}

.language .cn a {
    background-position: 4px -250px;
}

.language .en a {
    background-position: 4px -299px;
}

.language .cn:hover a {
    background-position: -100px -250px;
}

.language .en:hover a {
    background-position: -100px -300px;
}











/*header栏 样式 =================================================== */

/*模板样式的时候，这部分没有导入。直接在menu显示logo */

#header {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    overflow: hidden;
    /* position: fixed; */
    width: 100%;
    /* z-index: 99; */
    /* top: 33px; */
    /* float: left; */
    border-top: solid 2px #ffffff;
}

#header .main {
    /* margin :25px auto 0 auto; */
}

#header .image {
    float: left;
    overflow: hidden;
    margin: 15px auto 0 auto;
    height: 100px;
    /* border: solid 2px #ececec; */
    /* min-width: 80px; */
    width: 100px;
    /* background-color: #cccccc; */
    /* border-radius: 77px; */
}

#header .image img {
    height: 100%
}

#header .content {
    float: left;
    margin: 30px 0 0 0;
    color: #232323;
}

#header .content h2 {
    margin: 39px 0 15px 10px;
    font-size: 18px;
}

#header .content h3 {
    margin: 0 0 15px 0
}

#header .content div {
    margin: 0 0 15px 0
}













/*====================

搜索栏栏 样式

====================== */

#header .search_box {
    height: 32px;
    float: right;
    border: solid 1px #cccccc;
    border-radius: 5px;
    overflow: hidden;
}

#header .search_box input {
    float: left;
    border: none;
    color: #cbcbcb;
    margin: 0;
    padding: 0;
    height: 32px;
    font-size: 18px;
}

#header .search_box .function {
    width: 32px;
    height: 32px;
    background-color: #cccccc
}

#header .search_box .content {
    width: 280px;
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 14px;
}

#header .search_box .content:focus {
    outline: none
}









/*====================

导航栏 样式

====================== */

#menu {

    width: 100%;

    box-sizing: border-box;

    /* overflow: hidden; */

    background: #ffffff;

    z-index: 1;

    height: 62px;

    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);

    display: flex;

    align-items: center;

    position: relative;

    justify-content: center;
}



/* #menu::after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
} */

#menu ul {
    /* width: 1200px; */
    /* margin:0 auto;overflow: hidden; */
    /* float: right; */
    /* padding-left: 462px; */
    /* float: right; */
}

/* #menu ul li {float: left;margin: 0 15px;font-size: 18px;height: 52px;line-height: 55px;} */

/* #menu ul>li:hover {border-bottom: solid 3px #e9c37a;} */

#menu ul li a {
    /* line-height:36px; */
    /* font-size: 15px; */
    /* font-weight: 700; */
    /* letter-spacing: 2px; */
}

#menu nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

#menu nav .c-home {
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d6edff;
}

#menu nav .c-home>a {
    font-size: 20px;
    color: #0078d7;
}

#menu nav .nav {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

#menu nav .nav ul {
    display: none;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    padding-left: 0;
}

#menu nav .nav li {
    line-height: 62px;
    white-space: nowrap;
    position: relative;
    list-style: none;
}

#menu nav .nav li i.fa {
    /* margin-left: .5rem; */
    font-size: 14px;
}

#menu nav .nav li a {
    padding: 0 12px;
    font-size: 15px;
    color: #2f2f2f;
    text-transform: uppercase;
    white-space: nowrap;
}

.nav li a:after {
    content: " ";
    width: 0;
    height: 5px;
    position: absolute;
    background: #0078d7;
    bottom: 0;
    left: 0;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s;
}

.nav li a.inmenu_1:after,
.nav li:hover>a:after {
    width: 100%;
}

#menu nav .nav li ul li {
    line-height: 46px;
    position: relative;
}

#menu nav .nav li ul a {
    display: inline-block;
    white-space: nowrap;
    padding: 5px 10px;
}

#menu nav .navBar .bar-menu {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    float: right;
    margin: 24px;
    display: none;
}

#menu nav .navBar .bar-menu i {
    position: absolute;
    right: 0;
    display: block;
    width: 40px;
    height: 6px;
    overflow: hidden;
}

#menu nav .navBar .bar-menu i.bar-top {
    top: 6px;
}

#menu nav .navBar .bar-menu i.bar-cen {
    top: 20px;
}

#menu nav .navBar .bar-menu i.bar-bom {
    top: 37px;
}

#menu nav .navBar #menu-left {
    position: absolute;
    left: 100%;
    display: none;
    z-index: 10000000001;
    width: 100%;
    color: #fff;
    top: 182px;
    transition: all .5s ease;
}

#menu nav .navBar #menu-left .sm-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#menu nav .navBar #menu-left .sm-nav ul {
    display: none;
}

#menu nav .navBar #menu-left .sm-nav li {
    width: 100%;
    line-height: 60px;
    background: #3a3a3a;
    text-align: center;
}

#menu nav .navBar #menu-left .sm-nav li a {
    color: #fff;
}

.header {

    /* width: 79px; */

    height: 100%;

    overflow: hidden;

    /* border: solid; */

    /* float: left; */

    /* margin-left: 5px; */

    background: #fff;

    /* width: 20%; */

    height: 100%;

    display: flex;

    justify-content: flex-end;

    align-items: center;
}



.header .image {
    float: left;
    overflow: hidden;
    /* margin: 15px auto 0 auto; */
    height: 100%;
    /* border: solid 2px #ececec; */
    /* min-width: 80px; */
    /* width: 100px; */
    /* background-color: #cccccc; */
    /* border-radius: 77px; */
}

.header a img {

    max-height: 62px;

    width: auto;
}


.header .image img {
    height: 100%;
    /* width: 100px; */
}

.header .content {
    float: left;
    color: #232323;
}

.header .content h2 {
    margin: 0 0 15px 10px;
    font-size: 16px;
    line-height: 58px;
}

.header .content h3 {
    margin: 0 0 15px 0
}

.header .content div {
    margin: 0 0 15px 0
}

.c-search,
.subbtn {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: #0078d7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1%;
    cursor: pointer;
    position: relative;
}

.c-search img {
    width: auto;
}

.c-search-box {
    position: absolute;
    display: none;
    height: 50px;
    width: 300px;
    right: 0;
    top: calc(100% + 13px);
}

.c-search-box #txtSearch {
    width: 100%;
    border-radius: 0;
    border: none;
    background: rgba(0, 120, 215, .75);
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, .84), 0 3px 6px rgba(0, 0, 0, .05);
    font-size: 15px;
    padding: 1em 0;
    color: #fff;
    letter-spacing: 1.5px;
    position: absolute;
    text-indent: 15px;
    top: 0;
    z-index: 9999999999999999;
    outline: none;
}

.subbtn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-38%);
    z-index: 99999999999999999;
    background: 0 0;
}

.c-search-box img {
    width: auto;
}


/* 移动端菜单栏 */
#mobile-menu {
    display: none;
}

#mobile-menu .mobnav {
    height: 4rem;
    padding: 0 1rem;
    position: relative;
    z-index: 11;
}

#mobile-menu .mobtn {
    color: #fff;
    font-size: 2rem;
    padding: 1.4rem 0 0;
    display: block;
    float: left;
    cursor: pointer;
}

#mobile-menu .mobsearch {
    height: 100%;
    float: right;
}

#mobile-menu .mobtop:after,
.moblist:after,
.tsearch:after,
.mobmail:after,
.mobtel:after,
.mobnav:after {
    content: "";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}

#mobile-menu .mobsearch i {
    color: #fff;
    font-size: 2rem;
    padding: 1.4rem 0 0;
    display: block;
    cursor: pointer;
}

#mobile-menu .mbs {
    display: none;
    width: 100%;
    border-top: 1px solid #666;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99999;
    box-sizing: border-box;
}

#mobile-menu .mobstxt {
    resize: none;
    border: none;
    border-radius: 0;
    vertical-align: middle;
    font-size: 1.1rem;
    font-family: inherit;
    outline: 0;
    width: 80%;
    padding: 0;
    padding-left: 16px;
    color: #fff;
    border-bottom-left-radius: 5px;
}

#mobile-menu .mobsbtn {
    cursor: pointer;
    width: 20%;
    text-align: center;
    color: #fff;
    border-left: 1px solid #666;
    border-bottom-right-radius: 5px;
}

#mobile-menu .mbs input,
.mbs span {
    display: block;
    line-height: 3rem;
    height: 3rem;
    background: #1e1e1e;
}

#mobile-menu .moblist {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 99999;
    width: 100%;
    left: 0;
    top: 100%;
    text-align: center;
    background: rgba(30, 30, 30, 0.8);
}

#mobile-menu .moblist>li {
    position: relative;
}

#mobile-menu .moblist li a {
    padding: 0 1rem;
    color: #fff;
    line-height: 2.9rem;
    font-size: 1.28rem;
    display: block;
}

#mobile-menu .moblist li ul {
    background: rgba(30, 30, 30, 0.8);
    display: none;
    /* max-height: 14.5rem; */
    /* overflow-y: scroll; */
}

#mobile-menu .moblist li ul li a {
    line-height: 2.8rem;
    font-size: 1.2rem;
}

#mobile-menu .moblist li span {
    position: absolute;
    right: 1rem;
    top: 0;
    color: #fff;
    font-size: 1rem;
    height: 2.9rem;
    display: block;
    line-height: 2.9rem;
    width: 2.9rem;
}


/*========首页-banner============*/
#banner {
    clear: both;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#mobanner {
    display: none;
}

#mobanner img {
    width: 100%;
    height: auto;
}

.wmuSlider {
    height: 100% !important;
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.slider_img {
    display: block !important;
    text-align: center;
    height: 100%;
}

.slider_img img {
    width: 100%;
    margin: 0;
    border-style: none;
    border: 0;
}

.wmuSliderNext,
.wmuSliderPrev {
    width: 86px;
    height: 86px;
    line-height: 86px;
    overflow: hidden;
    margin: -43px 0 0;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: 122px;
    z-index: 999;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: all .3s ease;
    color: #373937;
    text-decoration: none;
}

.wmuSliderNext:after,
.wmuSliderPrev:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%) rotate(135deg);
}

.wmuSliderPrev {
    background: #3a3a3a;
    right: calc(13.65% + 102px);
}

.wmuSliderPrev:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.wmuSliderNext {
    background: #0078d7;
    right: 13.65%;
}

.wmuSlider:hover .wmuSliderNext,
.wmuSliderNext:hover {
    opacity: 1;
}

.wmuSlider:hover .wmuSliderPrev,
.wmuSliderPrev:hover {
    opacity: 1;
}

.bdbd {
    display: none;
}


/*========首页分类============*/

.m-feature {
    margin-top: -90px;
}

.m-feature .l-wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.m-feature .l-wrap .c-feature-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.m-feature .l-wrap .c-feature-con .feature-list {
    position: relative;
    width: 32.33%;
    margin-bottom: 1%;
}

.m-feature .l-wrap .c-feature-con .feature-list a {
    color: #373937;
    text-decoration: none;
}

.m-feature .l-wrap .c-feature-con .feature-list a .feature-pic {
    width: 100%;
    display: inherit;
    border-style: none;
}

.m-feature .l-wrap .c-feature-con .feature-list.even .feature-pic {
    opacity: 1;
}

.m-feature .l-wrap .c-feature-con .feature-list .fea-txt {
    position: absolute;
    left: 24px;
    font-size: 22px;
    margin-top: 6px;
    /* top: auto; */
    bottom: -14px;
    z-index: 99;
    color: #2b2b2b !important;
    font-weight: bold;
}

/*========首页-关于我们=========*/
.m-about {
    margin-top: 30px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.m-about .l-about-info,
.l-about-pic {
    box-sizing: border-box;
    width: 50%;
    height: 400px;
}

.m-about .l-about-pic img {
    width: 100%;
    display: block;
    max-height: 100%;
}

.m-about .l-about-info {
    background: #fff;
    padding: 0 2% 0 20px;
    position: absolute;
    top: 0;
    margin-left: 50%;
    color: #fff;
}

#iabout {
    display: none;
    padding: 7rem 0 4rem;
    background: url(/front/huanqiao2/images/about_us/aboutbg.jpg) fixed center center no-repeat;
    background-size: cover;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#iabout .icontainer {
    width: 94%;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    padding: 22% 44px 100px;
    box-sizing: border-box;
}

#iabout .iabtit {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -70px;
    transform: translateX(-50%);
    border: 10px solid rgba(0, 125, 195, .6);
    width: 140px;
    height: 140px;
    box-sizing: border-box;
}

#iabout .iabwor {
    color: #6b6b6b;
    max-width: 840px;
    text-align: center;
    margin: 0 auto 2rem;
    line-height: 2rem;
    font-size: 18px;
}

#iabout .iabsil {
    width: 100%;
    position: relative;
}

.iabtit span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #007dc3;
    text-align: center;
    color: #fff;
    font-family: Roboto-BoldCondensed;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sil {
    width: 100%;
    overflow: hidden;
}

#iabout .next,
#iabout .prev {
    display: block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 2.9rem;
    border: 3px solid #ddd;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
}

#iabout .prev {
    left: -1.5rem;
}

#iabout .next {
    right: -1.5rem;
}

#iabout .iablist li {
    margin-right: 30px;
    cursor: default;
    float: left;
    border: 3px solid #ededed;
    padding: 20px 26px;
    box-sizing: border-box;
    min-height: 180px;
}

#iabout .iablist li i {
    color: #007dc3;
    float: left;
    font-size: 60px;
    line-height: 4.2rem;
    height: 4.2rem;
}

#iabout .iabrg {
    padding-left: 70px;
}

#iabout .iablitit {
    font-family: Lato-Bold;
    font-size: 1.65rem;
    line-height: 2.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #222;
}

#iabout .iabliwor {
    margin-top: .3rem;
    color: #222;
    font-size: 16px;
}

#iabout .iablist li:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

#iabout .iablist:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

#iabout #iabout .next i,
#iabout .prev i {
    font-size: 1.3rem;
}



.l-about-info h4,
.l-about-info .h4 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}

.l-about-info .about-text {
    color: #000;
    margin-top: 0;
    margin-bottom: 48px;
    font-size: 22px;
    line-height: 35px;
    max-height: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l-about-info .u-about-more {
    padding: 10px 20px;
    border-radius: 5px;
    background: #082F51;
    border: 2px solid rgba(255, 255, 255, 1);
    font-size: 18px;
    text-align: center;
    width: 138px;
    position: relative;
}

.l-about-info .u-about-more .trans-effects {
    width: 100%;
}

.l-about-info .u-about-more .trans-effects:after {
    background-color: #f08300 !important;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s;
    z-index: 1;
}

div.u-about-more:hover div.trans-effects:after {
    width: 100%;
}

.u-about-more .more {
    color: #fff;
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;
    margin-left: 0;
    background-image: none !important;
}

/*========首页-马赛克轮播图=========*/
.spac {
    margin-top: 30px;
}

.spac .l-wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.spac .m-hot-pro {
    display: flex;
    justify-content: center;
}

.spac .m-hot-pro .hot-pro-des {
    margin-right: 2%;
    width: 32%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spac .hot-pro-des h3 {
    font-size: 37px;
    text-align: center;
    color: #2d2d2d;
    line-height: 1.8;
}

.mobile-recomm-pro {
    display: none;
}

.icontainer {
    width: 94%;
    margin: 0 auto;
}

.inewtit {
    text-transform: uppercase;
    color: #000;
    font-family: Roboto-BoldCondensed;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    padding: 40px 10px;
}

.ipout {
    width: 100%;
    overflow: hidden;
}

.ipout .pdone {
    float: left;
    box-sizing: border-box;
}

.ipbtn:after,
.pdone:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.ipbtn {
    text-align: center;
    margin-top: 2rem;
}

.ipbtn:after,
.pdone:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.ipbtn span {
    line-height: 2.9rem;
    width: 50%;
    float: left;
    display: inline-block;
}

.ipbtn span:first-child {
    text-align: right;
    box-sizing: border-box;
    padding-right: 1.5rem;
}

.ipbtn i {
    color: #007dc3;
    font-size: 2.9rem;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.ipbtn span i:nth-child(2) {
    color: #79b7da;
}

.ipbtn span:first-child i:nth-child(3) {
    -webkit-animation: movelef 1.6s infinite;
    animation: movelef 1.6s infinite;
    color: #a9cfe4;
}

.ipbtn span:first-child i:nth-child(3) {
    -webkit-animation: movelef 1.6s infinite;
    animation: movelef 1.6s infinite;
}

.ipbtn span:last-child i:nth-child(1) {
    -webkit-animation: moverig 1.6s infinite;
    animation: moverig 1.6s infinite;
}

.ipbtn span:last-child {
    text-align: left;
    /* padding-left: 1rem; */
}


.ipout .pdone>div {
    float: left;
    width: 50%;
    padding: .5rem;
    box-sizing: border-box;
}

.ihotcent {
    border-radius: 15px;
    border: 2px solid #efefef;
    padding: .7rem;
}

.ihpic {
    width: 1000px;
    display: table-cell;
    vertical-align: middle;
    height: 15rem;
}

.ihtit {
    text-align: center;
    font-family: Roboto-Medium;
    border-bottom: 1px solid #efefef;
    color: #000;
    line-height: 2.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.1rem;
}

.ihword {
    font-size: 1.1rem;
    color: #777;
    margin: .5rem 0 1rem;
    height: 4.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: center;
}

.ihbtn {
    font-family: Roboto-Medium;
    font-size: 16px;
    display: block;
    border-radius: 5px;
    color: #000;
    background: #efefef;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    cursor: pointer;
    width: 11rem;
    height: 3rem;
    line-height: 3rem;
}

.ihbtn i {
    color: #626262;
    vertical-align: top;
    margin-left: 3px;
}

.ihotlist:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}



.hot-pro-des .swiper-button-next,
.hot-pro-des .swiper-button-prev {
    width: 36px;
    height: 36px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 66px;
    background: 0 0;
    z-index: 10;
    cursor: pointer;
    border: 1px solid #bebebe;
    color: #bebebe;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hot-pro-des .swiper-button-next {
    right: 0;
    margin-left: 20px;
    border: 1px solid #0078d7;
    color: #0078d7;
}

.hot-pro {
    margin: 0;
    width: 66%;
}

.hot-pro .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide .c-hot-pro-box {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: inset 0 0 38px rgba(0, 0, 0, .08);
    padding: 0 20px;
    text-align: center;
    padding-bottom: 22px;
}

.swiper-slide .c-hot-pro-box:hover {
    box-shadow: -2px -4px 10px 8px rgba(242, 242, 242, .36);
}

.swiper-slide .c-hot-pro-box>a {
    display: block;
    width: 100%;
}

.swiper-slide .c-hot-pro-box:hover .pro-pic {
    transform: scale(.96);
    -webkit-transform: scale(.96);
    -moz-transform: scale(.96);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .2);
    border-radius: 5px;
}

.swiper-slide .c-hot-pro-box .pro-pic {
    max-width: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all ease-in .5s;
}

.c-hot-pro-box .pro-text,
h4.hot-pro-tit {
    text-align: center;
}

.c-hot-pro-box .pro-text {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 24px;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.hot-pro-tit {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
    font-size: 30px;
    color: #000;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hot-pro-tit a {
    color: #373937;
}

.hot-pro-tit a:hover {
    color: #0078d7;
}


.spac .u-more {
    padding: 10px 20px;
    background: #082F51;
    border-radius: 5px;
    text-align: center;
}

.spac .read-more {
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;
}

.spac .read-more .fa {
    margin-left: 10px;
}


/*========首页-推荐产品=========*/

.hot-sell-pro {
    margin-top: 76px;
    background: #fff !important;
}

.hot-sell-pro h4 {
    display: none;
}

.hot-sell-pro .l-wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.hot-sell-pro .recom-pro-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

.hot-sell-pro .recom-pro-box .recom-pro-item {
    margin-right: 2%;
    display: flex;
    flex: 31.33%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.hot-sell-pro .recom-pro-box .recom-pro-item>div {
    position: relative;
    width: 100%;
}

.hot-sell-pro .recom-pro-box .recom-pro-item>div a {
    color: #373937;
    text-decoration: none;
}

.recom-pro-item:hover .recom-pro-con {
    opacity: 1;
    transform: translateY(0);
}

.recom-pro-item .recom-pro-con {
    box-sizing: border-box;
    padding: 15% 12%;
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    z-index: 99;
    background: rgba(255, 255, 255, .9);
    transform: translateY(200%);
    transition: all .3s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.recom-pro-item h3 {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.recom-pro-item h3 a {
    color: #000;
}

.recom-pro-item p {
    width: 100%;
    /* padding: 0 15px; */
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.recom-pro-item .recom-pro-text {
    text-align: center;
    width: 90%;
    margin-top: auto;
}

.recom-pro-con p {
    text-align: center;
    width: 100%;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.recom-pro-con .spac .u-more {
    padding: 10px 20px;
    background: #082F51;
    border-radius: 5px;
    text-align: center;
}

.recom-pro-con .spac .u-more a.read-more {
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;
}

.recom-pro-con .spac .u-more .read-more .fa {
    margin-left: 10px;
}

/*========首页-搜索产品=========*/
.m-serach {
    height: 280px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.m-serach .search-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

.m-serach .search-box .tit-h4 {
    font-size: 30px;
    font-weight: 500;
    color: #333;
    line-height: 35px;
}

.m-serach .search-box .index-search {
    height: 50px;
    width: 25%;
    min-width: 320px;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(244, 244, 244, .75);
    text-indent: 24px;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    outline: 0;
    border: none;
}

.m-serach .search-box .u-more {
    padding: 10px 20px;
    background: #082F51;
    border-radius: 5px;
    text-align: center;
}

.m-serach .search-box .u-more .u-btn1 {
    background: #082F51;
    width: 166px;
    padding: 0;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    font-size: 15px;
	cursor:pointer
}


/*========首页-案例=========*/
.m-case .l-wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.m-case .case {
    padding-top: 74px;
    padding-bottom: 128px;
}

.c-case.swiper-button-next,
.c-case.swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0078d7;
    font-size: 36px;
    outline: none;
}

.m-case .c-case.swiper-button-prev {
    width: 50px;
    height: 100px;
    left: calc(46% - 50px);
    background: #fff;
    border: 1px solid #fff;
    border-radius: 100% 0 0 100%/50%;
    border-right: none;
}

.m-case .c-case.swiper-button-next {
    width: 50px;
    height: 100px;
    left: 46%;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 0 100% 100% 0/50%;
    border-right: none;
}

.case .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.case-pic {
    width: 46%;
}

.case-pic img {
    max-width: 100%;
}

.case-content {
    width: 46%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 7%;
}

.case-content .tit-h4 {
    font-size: 30px;
    font-weight: 500;
    color: #333;
    line-height: 35px;
}

.case-content .case-text {
    margin-top: 28px;
    margin-bottom: 72px;
    max-height: 300px;
    font-size: 18px;
    font-weight: 300;
    color: #171717;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.m-case .case-content .u-case-more {
    line-height: 42px;
    height: auto;
    border-radius: 5px;
    padding: 0;
    background: #082F51;
    border: none;
    width: 205px;
    color: #000;
    text-align: center;
}

.u-case-more .read-more {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

.u-case-more .read-more .fa {
    margin-left: 10px;
}

/* 移动端-首页-news模块 */
#inews {
    background: #f2f2f2;
    padding: 50px 0;
    order: 7;
    display: none;
}

#inews .icontainer {
    width: 94%;
    margin: 0 auto;
}

#inews .inewtit {
    /* margin-bottom: 1.8rem; */
    text-transform: uppercase;
    color: #000;
    font-family: Roboto-BoldCondensed;
    font-size: 2.2rem;
    line-height: 2.8rem;
    text-align: center;
}

#inews .ipout {
    width: 100%;
    overflow: hidden;
}

#inews .ipbtn {
    text-align: center;
    margin-top: 0;
    /* width: 80%; */
    margin: 0 auto;
}

#inews .ipout .pdone {
    float: left;
}

#inews .ipout .pdone>div {
    float: left;
    width: 50%;
    padding: .5rem;
}

#inews .ipbtn:after,
.pdone:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

#inews .ipbtn span {
    /* line-height: 2.9rem; */
    width: 50%;
    float: left;
    display: inline-block;
    margin-top: 48px;
    /* display: inline-flex; */
    /* justify-content: center; */
}

#inews .ipbtn span:first-child {
    text-align: right;
    padding-right: 21px;
    box-sizing: border-box;
}

#inews .ipbtn span:last-child {
    text-align: left;
    /* margin-left: -80px; */
    box-sizing: border-box;
}

#inews .ipbtn i {
    color: #007dc3;
    font-size: 42px;
    /* width: 1.1rem; */
    display: inline-block;
    vertical-align: middle;
}

#inews .ipbtn span i:nth-child(2) {
    color: #79b7da;
}

#inews .ipbtn span:first-child i:nth-child(3) {
    color: #a9cfe4;
}

#inews .ipbtn span:first-child i:nth-child(3) {
    -webkit-animation: movelef 1.6s infinite;
    animation: movelef 1.6s infinite;
}

#inews .ipbtn span:last-child i:nth-child(1) {
    color: #a9cfe4;
}

#inews .ipbtn span:last-child i:nth-child(1) {
    -webkit-animation: moverig 1.6s infinite;
    animation: moverig 1.6s infinite;
}

#inews .ipbtn span i:nth-child(2) {
    color: #79b7da;
}

.newtop {
    padding: 20px 30px;
    background: #fff;
    padding: 1.4rem 1.2rem;
}

.newtime {
    font-size: 1rem;
    color: #8a8a8a;
}

.newtime i {
    color: #787878;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 1rem;
}

.newstit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #000;
    font-size: 1.5rem;
    line-height: 1.9rem;
    height: 3.8rem;
    margin: .2rem 0 .8rem;
}


.newsline {
    height: 1px;
    background: #007dc3;
    display: block;
    width: 4rem;
}

.neword {
    color: #8a8a8a;
    font-size: 1.1rem;
    margin: 1rem 0 1.5rem;
    height: 4.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.newbtn {
    width: 78%;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    background: #007dc3;
    color: #fff;
    text-align: center;
    line-height: 2.6rem;
    margin-bottom: -2.6rem;
    font-size: 1rem;
}



/*========page-banner=========*/
.inner-banner {
    width: 100%;
}

.inner-banner img {
    width: 100%;
}

/*======== about 页面 =========*/
.container.about_us {
    max-width: 1366px;
    width: 100%;
    padding: 0 15px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.container.about_us .inner-title {
    margin: .67em 0;
    text-align: center;
    font-size: 2.5rem;
    margin-top: 60px;
    letter-spacing: 3px;
    font-weight: 600;
    color: #666;
}

.bPosition {
    width: 100%;
    margin: 20px auto;
    line-height: 44px;
    background: #f7f7f7;
    padding-left: 14px;
    max-width: 1366px;
    color: #222;
    cursor: default;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
}

.bPosition a {
    color: #222 !important;
}

.inner-about {
    color: #505050;
}

.inner-about img{
    width: inherit;
}

/*========产品页面=========*/
.inner-procate .sf-menu {
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    max-width: 1366px;
    margin: 40px auto;
}

.sf-menu,
.sf-menu li,
.sf-menu ul,
.sf-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu a:hover {
    color: #0078d7;
}

.sf-menu>li {
    position: relative;
    width: 25%;
    text-align: center;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.sf-menu li:hover ul {
    /*display: block;*/
}

.sf-menu>li>a {
    font-size: 1rem;
    display: block;
    transition: all .3s;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #ddd;
    color: #373937;
}

.sf-menu li ul,
.sub-menu {
    width: 100%;
    padding: 6px 16px;
    background: #fff;
    display: none;
    position: absolute;
    top: 50px;
    z-index: 1;
}

.sub-menu a {
    border-bottom: 1px dotted #ddd;
    color: #757575;
    font-size: .875rem;
    line-height: 22px;
    display: block;
    transition: all .3s;
}

.sf-menu ul li {
    background-color: #fff;
    padding: 6px 0 0;
}

.sf-menu:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.container.product-list {
    max-width: 1366px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.container.product-list a {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.procate-lsit1 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.procate-lsit1 li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-bottom: 80px;
    padding: 20px 15px;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #ddd;
}

.procate-lsit1 li:nth-child(4n+1) {
    border-left: 1px solid #ddd;
}

.procate-lsit1 li img {
    width: 100%;
    object-fit: contain;
}

.procate-lsit1 li .cate-text a {
    font-size: .875rem;
    color: #000;
    margin-bottom: 15px;
    max-width: 190px;
    display: inline-block;
    max-width: 80%;
    margin-top: 10px;
    background-color: #fff;
}

.procate-lsit1 li .cate-text+a {
    width: 100px;
    text-align: center;
    display: inline-block;
    line-height: 34px;
    color: #fff;
    font-size: .75rem;
    background-color: #000;
    transition: all .3s;
    margin-top: auto;
}

.procate-lsit1 li .cate-text+a:hover {
    background-color: #444;
}

.procate-lsit1 li .cate-text p {
    color: #757575;
    font-size: .875rem;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-word;
    margin: 0 auto 15px;
    max-width: 80%;
}

.content-ProTypeList {
    max-width: 1366px;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 30px auto;
    color: #555;
    font-size: 16px;
    line-height: 1.5;
}


/*========news list=========*/
.new-list-container {
    max-width: 1366px;
    width: 100%;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.new-list-container ul,
.new-list-container li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.new-list-container .newslist {
    margin-bottom: 160px;
}

.newslist li {
    border-bottom: 1px dashed #ddd;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 50px;
}

.newslist li.nwmor {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    position: relative;
    display: flex;
    align-items: center;
}

.wmpic {
    display: block;
    /* float: left; */
    width: 260px;
    height: 200px;
    border: none;
}

.wmpic img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: auto;
}

.newstxt {
    color: #696969;
    align-self: center;
    margin-left: 3%;
}

.newptit {
    position: relative;
}

.newstxt .newptit a {
    margin-bottom: 7px;
    width: 100%;
    font-size: 19px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 56px;
    color: #373937;
    text-decoration: none;
}

.newstxt .newptit a:hover {
    color: #0078d7;
}

.txtime {
    line-height: 28px;
    color: #999;
    font-size: 13px;
    display: block;
}

.newstxt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 22px;
    max-height: 88px;
}

.newslist li.nwmor:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.newslist .news-date {
    text-align: center;
    display: none;
    height: 50px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    background: #fff;
    /* padding: 1rem 0; */
}

.newslist .news-date .news-date-day {
    font-size: 20px;
    margin: 0;
}

.newslist .news-date .news-date-year {
    font-size: 12px;
    margin: 0;
}

.news-date>div:first-child {

    width: 48px;

    height: 48px;

    background: #007dc3;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    line-height: 20px;
}

.news-more {
    display: none;
    text-align: right;
    margin-left: auto;
}

.news-more a {
    display: inline-block;
    color: #fff;
    background: #007dc3;
    line-height: 30px;
    padding: 0 12px;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 14px;
}

.news-more i {
    margin-left: 7px;
    font-size: 14px;
    line-height: 14px;
}


/*========联系我们=========*/
.contact-info {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
}

.contact-info img {
    width: 26px;
    height: 26px;
    margin-right: 2px;
}

.contact-info .contact-wx-code {
    width: 150px;
    height: 150px;
    margin: 0;
}

.contact-info p {
    line-height: 26px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.contact-info a {
    color: #373937;
}

.contact-info a:hover {
    color: #0078d7;
}

/*========联系表单=========*/
.feedbackForm {
    margin-bottom: 3.25rem;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 20px;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
}

.feedbackForm table {
    width: 100%;
    box-sizing: border-box;
    max-width: unset;
    float: unset;
    /* width: unset; */
    padding: unset;
    margin: unset;
    border: unset;
    height: unset;
    font-size: unset;
    line-height: 1.5;
    color: #666;
    background: 0 0;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
}

.feedbackForm #feedbackForm tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-family: times new roman !important;
}

.feedbackForm #feedbackForm tr {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-sizing: border-box;
    margin-bottom: 22px;
    padding: 18px;
    font-size: .9375rem;
    color: #727272;
}

.feedbackForm #feedbackForm tr:nth-child(-n+3) {
    width: 32.5%;
    margin-right: 1.25%;
}

.feedbackForm .ftxt {
    width: initial;
    white-space: nowrap;
}

.feedbackForm #feedbackForm tr td:nth-child(1) .lable {
    white-space: nowrap;
    padding-right: 5px;
}

.feedbackForm #feedbackForm td {
    border: 0;
}

.feedbackForm #feedbackForm tr td:nth-child(2) {
    width: 100%;
}

.feedbackForm #feedbackForm tr td:nth-child(2) input {
    width: 100%;
}

#feedbackForm span.xh,
#msg {
    color: red;
}

#feedbackForm input,
.feedbackForm #feedbackForm #detail_content {
    border: 0;
    font-size: 14px;
    color: #000;
    box-sizing: border-box;
    outline: 0;
    resize: none;
}

.feedbackForm #feedbackForm #detail_content {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    box-sizing: border-box;
}

.feedbackForm #feedbackForm .submita {
    background: #1a1b1d;
    color: #fff;
    padding: 1.125rem 4.75rem;
    border: 0;
    font-size: 1rem;
    cursor: pointer;
    text-transform: uppercase;
}

.feedbackForm #feedbackForm tr:nth-child(4) {
    width: 49.375%;
    margin-right: 1.25%;
}

.feedbackForm #feedbackForm tr:nth-child(5) {
    width: 49.375%;
}

.feedbackForm #feedbackForm tr:nth-child(-n+3) {
    width: 32.5%;
    margin-right: 1.25%;
}

.feedbackForm #feedbackForm tr:nth-child(3) {
    margin-right: 0;
}

.feedbackForm #feedbackForm tr:nth-child(6) {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.feedbackForm #feedbackForm tr:nth-child(7) {
    border: 0;
    padding: 0;
}

/* m端联系表单 */
.form-m {
    display: none;
    box-sizing: border-box;
    padding: 0 20px;
}

.form-m .area2 input,
.form-m .area2 textarea {
    vertical-align: middle;
    font-size: 1.1rem;
    font-family: inherit;
    line-height: normal;
    outline: 0;
    font-size: 1.2rem;
    width: 100%;
    background-color: #FFF;
    border: 0px;
    color: #444;
    outline: none;
    height: 2.8rem;
    padding: 0 .3rem;
    border-bottom: 1px solid #c8c8c8;
}

.form-m .area2 textarea {
    height: 7.2rem;
    line-height: 1.6rem;
    padding: .4rem 0;
}

.form-m .button2 {
    display: block;
    color: #FFF;
    line-height: 2.8rem;
    font-size: 1.2rem;
    border: 0px;
    background: #007dc3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-transform: uppercase;
    padding: 0 2rem;
}



/*========leave message=========*/
.feedback-text {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    max-width: 1366px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
}

.feedback-text p {
    line-height: 30px;
    font-size: .9375rem;
    color: #757575;
    text-align: justify;
}

.feedback-text p a {
    color: #373937;
    text-decoration: none;
}

#feedbackForm2 {
    border: 1px solid #e1e1e1;
    display: none;
    box-sizing: border-box;
    padding: 2px;
    width: 94%;
    margin: 0 auto;
}

#feedbackForm2 .feedback {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9375rem;
    color: #8a8a8a;
}

#feedbackForm2 .feedback div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 20px;
}

#feedbackForm2 .feedback p {
    border-bottom: 1px solid #c8c8c8;
    padding: 5px;
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#feedbackForm2 .feedback input {
    width: 100%;
    border: 0;
    padding: 0px 10px;
    border-bottom: 1px solid #c8c8c8;
    vertical-align: middle;
    line-height: normal;
    outline: none;
}

#feedbackForm2 .feedback i {
    /* margin-right: 10px; */
}

#feedbackForm2 .feedback .content {
    width: 100%;
    flex-wrap: wrap;
}

#feedbackForm2 .feedback .content p {
    border: 0;
    width: 100%;
}

#feedbackForm2 .feedback .content textarea {
    border: 0;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 5px;
    width: 100%;
    height: 100px;
    color: #8a8a8a;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
}

#feedbackForm2 .feedback .feedback-submit {
    flex-direction: column;
    width: unset;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#feedbackForm2 .feedback-submit p {
    border: 0;
}

#feedbackForm2 .feedback-submit button {
    border: 0;
    outline: 0;
    background: #81a05d;
    border-radius: 3px;
    color: #fff;
    height: 52px;
    font-size: 0.9375rem;
    font-weight: 600;
    padding: 0 20px;
    background: #007dc3 !important;
    padding: 0 1rem !important;
    height: 3rem !important;
}

/*========languages=========*/
.muti-languages {
    line-height: 35px;
    color: #505050;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}

.muti-languages .table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.muti-languages .table tr:nth-child(even) {
    background-color: #fff;
}

.muti-languages .table tr:nth-child(odd) {
    background-color: #efede1;
}

.muti-languages .table tr:first-child {
    background-color: #8db3e3;
}

.muti-languages .table tr:nth-child(3) {
    background-color: #d7d7d7;
}

.muti-languages .table td,
.table th {
    border: 1px solid #cdcdcd;
    padding: 5px;
}

.muti-languages img {
    width: 64px;
    height: 64px;
}

/*========产品详情=========*/
.pro-info-box {
    max-width: 1366px;
    padding: 75px 15px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    justify-content: center;
}

.pro-info-box .spec-preview {
    width: 380px;
    height: 380px;
    border: 1px solid #ddd;
}

.pro-info-box video {
    object-fit: contain;
}

.jqzoom {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jqzoom img {
    max-width: 100%;
    max-height: 100%;
}

.spec-scroll {
    clear: both;
    margin: 5px 0;
    width: 382px;
    height: 54px;
}

.spec-scroll .next,
.spec-scroll .prev {
    display: block;
    text-align: center;
    width: 19px;
    height: 54px;
    cursor: pointer;
}

.spec-scroll .prev {
    float: left;
    margin-right: 10px;
    background: url(/front/huanqiao2/images/duo_left.gif) center no-repeat;
}

.spec-scroll .next {
    float: right;
    background: url(/front/huanqiao2/images/duo_right.gif) center no-repeat;
}

.spec-scroll .items {
    float: left;
    position: relative;
    width: 324px;
    height: 56px;
    overflow: hidden;
}

.spec-scroll .items ul {
    position: absolute;
    width: 640px;
    height: 56px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.spec-scroll .items ul li {
    float: left;
    width: 67px;
}

/* 移动端产品主图轮播 */
.m-product-pic {
    display: none;
    width: 100vw;
}

.m-product-pic img {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.m-product-pic .banner-page {
    position: absolute;
    right: 12%;
    bottom: 2%;
    z-index: 10;
    padding: 0 20px;
    background: rgba(0, 0, 0, .1);
    border-radius: 12px;
}

.pro-info-box .proinfo {
    text-align: center;
    margin-left: 4%;
    width: 40%;
}

.pro-info-box .proinfo h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 25px;
    margin: .67em 0;
}

.pro-info-box .proinfo p {
    font-size: 1.25rem;
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 22px;
    color: #757575;
}

.pro-info-box .proinfo .btns {
    display: flex;
    justify-content: center;
}

.pro-info-box .proinfo .btns a {
    background: #eee;
    font-size: 1.125rem;
    color: #000;
    text-align: center;
    display: block;
    transition: all .3s;
    line-height: 37px;
    white-space: nowrap;
    padding: 0 20px;
    margin: 0 5px;
}

.pro-info-box .proinfo .btns a:hover {
    background: #aaa;
}

.share-box {
    margin-top: 15px;
}


.m-share-box {
    display: none;
}


.pro-nextprev {
    display: none;
    box-sizing: border-box;
    padding: 0 15px;
    margin-bottom: 14px;
}

.pro-nextprev p {
    font-size: 18px;
    color: #444;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}



.spec-scroll .items ul li span {
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0px;
}

.spec-scroll .items ul li span.active,
.spec-scroll .items ul li span:hover {
    border: 2px solid #db241e;
    padding: 0px;
}

.spec-scroll .items ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    margin: 0 auto;
}

#tagSwitch {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#tagContent,
.proList-random {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    max-width: 1366px;
    padding: 0 15px 20px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 24px;
    padding-top: 20px;
}

.proList-random .ptit {
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #eee;
    color: #000;
    font-size: 18px;
}

.proList-random .m-ptit {
    display: none;
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background: #eee;
    color: #000;
    font-size: 18px;
}

.proList-random .rollPro1 {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    list-style: none;
}

.rollPro1 li {
    width: 32%;
    float: left;
    margin-right: 2%;
    text-align: center;
}

.rollPro1 li:nth-of-type(3n) {
    margin-right: 0;
}

.rollPro1 li p {
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin: 10px auto;
}

.rollPro1 li .pbox {
    border: 1px solid #e2e2e2;
    padding: 4px;
    height: 180px;
}

.rollPro1 li a {
    color: #333;
}

.rollPro1 li .pbox img {
    max-width: 100%;
    width: auto;
    max-height: 170px;
}

#tagSwitch {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/*========inspiration=========*/
.inspiration-list {
    max-width: 1366px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.inspiration-list .newslist {
    margin: 0 auto;
}

.inspiration-list .newslist li {
    border-bottom: 1px dashed #ddd;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 50px;
    margin: 0 auto;
    position: relative;
}

.inspiration-list .news-list-box {
    margin-bottom: 30px;
}

.inspiration-list .newslist li .news-date2 {
    text-align: center;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: unset;
    color: #7e7e7e;
}

.inspiration-list .newslist li .news-date2 .day {
    font-size: 20px;
    margin: 0;
    line-height: 1.5;
}

.inspiration-list .newslist li .news-date2 p {
    font-size: 14px;
    line-height: 14px;
    padding: 0;
    margin: 0;
}

.inspiration-list .newslist li .news-date2 .day span {
    font-size: 2.75rem;
}

.inspiration-list .newslist li .news-title {
    color: #373937;
    text-decoration: none;
    padding-right: 50px;
    width: 100%;
    /* font-size: 1.2rem; */
    font-size: 20px;
}

.inspiration-list .newslist li .newscont {
    flex: 1;
    position: relative;
}

.inspiration-list .newslist li .newscont .news-desc{
    overflow: hidden;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding-right: 6px;
    margin: 0;
    line-height: 1.5;
    color: #7e7e7e;
}

.inspiration-list .newslist li .news-title:hover{
    color: #0078d7;
}

.inspiration-list .newslist li .news-link {
    color: #373937;
    text-decoration: none;
    margin-left: auto;
    background-color: #ddd;
    font-size: .9375rem;
    line-height: 47px;
    padding: 0 20px;
    flex: 0 0 auto;
}

.inspiration-list .newsconlf {
    display: none;
    width: 5.6rem;
    height: 5.6rem;
    max-width: 5.6rem;
    max-height: 5.6rem;
    border-radius: 6px;
    text-align: center;
    background: #efefef;
    border: 1px solid #ccc;
}


.inspiration-list .newday {
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: bolder;
    padding-top: 1.3rem;
    position: relative;
}

.inspiration-list .newday:before {
    content: '';
    width: 10%;
    height: .15rem;
    background: #007dc3;
    position: absolute;
    top: 1.1rem;
}


.inspiration-list .newyear {
    font-size: 1.6rem;
    font-weight: bold;
    color: #007dc3;
    line-height: 2.1rem;
}


/*========面包屑:位置指示=========*/

.location {
    overflow: hidden;
    margin-bottom: 15px;
    background-color: #F7F7F7;
}

.location ul {
    margin: 0 auto;
}

.location li {
    float: left;
    font-size: 14px;
}

.location li a {
    color: #e9c37a;
    font-size: 14px;
}

/*---------面包屑:位置指示-------*/











/*========主体部分=========*/

#container {
    margin: 0;
    padding: 15px 0 0 0;
    overflow: hidden;
}



.main {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 15px;
    /* display: none; */
}

.main img{
    width: auto;
    max-width: 100%;
}







/*=============================侧边栏部分========================================*/
.sidebar {
    float: left;
    width: 280px;
    margin: 0px;
    padding: 0px;
    /* background-color:#666;*/
}

.sidebar h2 {
    padding: 5px 0px;
    margin: 15px 0px 5px 0px;
    /* background:#cccccc;*/
    font-size: 18px;
}

.sidebar ol {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    overflow: hidden
}

.sidebar>ul {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    /* padding-right:0px; */
    /* padding-bottom:0px; */
    /* padding-left:10px; */
    overflow: hidden;
    width: 250px;
    /* border-right: solid 1px #ececec; */
}

.sidebar>ul>li a {
    color: #333333;
}

.sidebar>ul>li:hover>a {
    color: #e9c37a;
}

.sidebar>ul>li {

    margin-bottom: 5px;

    line-height: 45px;

    /* background: #ebebeb; */

    color: #333;

    font-size: 14px;

    text-align: left;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-bottom-color: #eeeeee;

}

.sidebar>ul>li:hover {
    /* background: #ececec; */
}

.sidebar li h3 {
    height: 16px;
    padding: 2px 5px 5px 5px;
    font-size: 14px
}

.sidebar li h4 {
    height: 16px;
    padding: 2px 5px 5px 5px;
    font-size: 14px
}

.sidebar li label {
    margin: 0px 3px 0px 15px;
    font-weight: 700;
    color: #333;
}

.sidebar .title {
    overflow: hidden
}

.sidebar .title hr {

    font-size: 14px;

    width: 50px;

    border: solid 2px #e9c37a;

    /* margin-top: 25px; */

    float: left;

}

/*footer  样式 ===================================================*/

footer {
    background: #fff;
    color: #6a737b;
    font-size: 13px;
    padding: 0;
    transition: all 0s;
    border-top: 1px solid #ddd;
    width: 100%;
    margin: 20px 0 0;
}

footer ul,
footer li {
    list-style: none;
    padding: 0;
}

footer .l-wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

footer .bottom-link {
    padding-top: 60px;
    /* border-top: 1px solid rgba(106,115,123,.25); */
    display: flex;
    justify-content: space-between;
}

footer .bottom-link .footlogo {
    display: none;
}

footer .bottom-link .footlogo img {
    width: 127px;
    height: auto;
}

footer .fonrig {
    display: none;
    line-height: 2.6rem;
    color: #696969;
    font-size: 1.3rem;
}

footer .foshare a {
    color: #696969;
    display: inline-block;
    text-align: center;
    line-height: 3rem;
    background: #45b0e3;
    border: 2px solid #45b0e3;
    width: 3rem;
    height: 3rem;
}

.foshare a:nth-child(2) {
    background: #d97aa5;
    border-color: #d97aa5;
}

.foshare a:nth-child(3) {
    background: #39599f;
    border-color: #39599f;
}

.foshare a:nth-child(4) {
    background: #333;
    border-color: #333;
}

.foshare a:nth-child(5) {
    background: #e70031;
    border-color: #e70031;
}

footer .fonrig a i {
    color: #fff;
    font-size: 1.6rem;
}

footer .bottom-link .email-info {
    display: flex;
    justify-content: flex-start;
    width: 300px;
    flex: 0 0 auto;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
}

footer .bottom-link .email-info a {
    color: #373937;
}

footer .bottom-link .email-info .tit-h5 {
    color: #202020;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 26px;
    line-height: 53px;
}

footer .bottom-link .email-info .email-info-text {
    line-height: 2;
    font-size: 15px;
    margin-bottom: 20px;
}

footer .bottom-link .email-info .bt-email-box {
    height: unset;
    margin-bottom: 12px;
    width: 100%;
    color: #6a737b;
    border: 0;
    border-bottom: 1px solid rgba(106, 115, 123, .5);
    margin-top: 20px;
}

footer .bottom-link .email-info .bt-email-box .bt-email-input {
    width: 90%;
    color: #6a737b;
    padding: 0;
    height: 31px;
    overflow: visible;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    outline: 0;
    border: none;
    background: 0 0;
}

footer .bottom-link .email-info .bot-share-list {
    display: flex;
    font-size: 16px;
}


.bot-share-list a {
    font-size: 18px;
    margin-right: 8px;
}

#bot-nav h3,
#botvisitbox h3 {
    color: #202020;
    margin-bottom: 12px;
    font-weight: 400;
    font-family: times new roman;
    font-size: 26px;
    line-height: 2;
}

#bot-nav .nav-link {
    display: block;
    flex: unset;
    white-space: nowrap;
    flex-wrap: wrap;
    margin-right: 30px;
    justify-content: space-between;
}

.nav-link li {
    text-transform: capitalize;
    margin: 0;
    width: 50%;
}

.nav-link li a {
    color: #6a737b;
    padding: 4px 0;
    display: block;
}

.nav-link li a:hover {
    color: #0078d7;
}

#botvisitbox {
    width: 400px;
    line-height: 2;
    font-size: 13px;
}

#botvisitbox a {
    color: #373937;
}

#botvisitbox a:hover,
footer .bottom-link .email-info a:hover {
    color: #0078d7;
}

#botvisitbox ul {
    margin: 0;
}

#botvisitbox li {
    margin-bottom: 6px;
}

footer .copy {
    padding: 20px 0;
    border-top: 1px solid #e7e7e7;
    margin-top: 60px;
    font-size: 13px;
    letter-spacing: 2px;
    text-align: center;
    margin: 50px auto 0;
}

.back_to_top {
    display: block;
    cursor: pointer;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 46px;
    height: 46px;
    border: none;
    background: #333;
    border-radius: 50%;
    -webkit-animation: btnUpDown 1.5s infinite ease;
    animation: btnUpDown 1.5s infinite ease;
    transition: all ease-in .5s;
}

.back_to_top:hover {
    opacity: .8;
}

.back_to_top,
.trans-effects:after {
    background-color: #f08300;
}

.back_to_top .arrow-up {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.arrow-up:after,
.arrow-up:before {
    content: " ";
    top: 20px;
    left: 12px;
    width: 14px;
    height: 3px;
    background: #fff;
    position: absolute;
    transform: rotate(-45deg);
}

.arrow-up::after {
    top: 20px;
    left: 20px;
    transform: rotate(45deg);
}


/* 客服窗口 */
.floatwindow_fd_conct {
    position: fixed;
    z-index: 9999999999;
    top: 25%;
    right: 5px;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 14px;
}

.floatwindow_fd_img {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
}

.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.floatwindow_fd_main {
    position: absolute;
    top: 0;
    right: -170px;
    border: 1px #e5e5e5 solid;
    border-radius: 5px;
    background: #fff;
    opacity: 0;
}


.floatwindow_fd_main .floatwindow_admin {
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -39px;
}

.floatwindow_fd_main>span {
    text-align: center;
    font-size: 18px;
    color: #666;
    display: block;
    margin-top: 60px;
    margin-bottom: 15px;
}

.floatwindow_im-tel {
    padding: 0 10px;
    margin: 0;
    list-style: none;
}

.floatwindow_im-tel i {
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    background-position: 50%;
    margin-top: 7px;
    line-height: 35px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.floatwindow_im-tel li {
    text-align: center;
    height: 35px;
    margin: 0;
    margin-bottom: 7px;
    padding: 0;
    list-style: none;
}

.floatwindow_im-tel li:hover {
    border: none;
}

.floatwindow_im-tel li:hover a {
    background: #5996ff;
    color: #fff;
}

.floatwindow_im-tel li a {
    display: block;
    width: 100%;
    display: flex;
    background: linear-gradient(#eee, #fefefe);
    background: -webkit-linear-gradient(#eee, #fefefe);
    background: -o-linear-gradient(#eee, #fefefe);
    background: -moz-linear-gradient(#eee, #fefefe);
    border-radius: 5px;
    border: 1px #eee solid;
    color: #373937;
    text-decoration: none;
}

.floatwindow_im-tel span {
    line-height: 35px;
    padding: 0 5px 0 10px;
    font-size: 15px;
    white-space: nowrap;
}

.floatwindow_phone {
    text-align: center;
    margin-top: 15px;
    width: 100%;
}

.floatwindow_phone img {
    width: 24px;
    height: 24px;
}

.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.floatwindow_tel-num {
    text-align: center;
    font-size: 18px;
    color: #fd3939;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 5px;
}


/* page-banner 页面banner轮播图 */
.page-banner {
    width: 100%;
    max-width: 100%;
    height: 400px;
    z-index: 0 !important;
  }

  .page-banner .page-banner-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  @media (max-width: 768px) {
    .page-banner {
      max-width: 100%;
      height: 250px;
    }
  }

  @media (max-width: 576px) {
    .page-banner {
      max-width: 100%;
      height: 150px;
    }
  }



/*分享按钮  样式 ===================================================*/

/*

新浪微博(点击去到网页)

腾讯微博(点击去到网页)

微信(点击出现二维码)



电子邮件(点击直接发送邮件)



skype(点击是在线客服)

wangwang(点击是在线客服)

QQ(点击是在线客服)



留言板(点击进入留言页面)

*/



.share-links {
    /* margin-top:10px; */
    /* margin-bottom:35px; */
    overflow: hidden;
    margin: 10px auto 35px auto;
    width: fit-content;
}

.share-links a {
    width: 27px;
    height: 27px;
    display: block;
    float: left;
    margin-right: 25px;
    background-image: url(../images/footer-sprite.png);
}



.share-links #swb {
    background-position: 0 0;
}

.share-links #swb:hover {
    background-position: -50px 0;
}



.share-links #qq {
    background-position: 0 -50px;
}

.share-links #qq:hover {
    background-position: -50px -50px;
}



.share-links #wx {
    background-position: 0 -100px;
}

.share-links #wx:hover {
    background-position: -50px -100px;
}



.share-links #mail {
    background-position: 0 -150px;
}

.share-links #mail:hover {
    background-position: -50px -150px;
}



.share-links #twb {
    background-position: 0 -200px;
}

.share-links #twb:hover {
    background-position: -50px -200px;
}



.share-links #gbook {
    background-position: 0 -250px;
}

.share-links #gbook:hover {
    background-position: -50px -250px;
}



.share-links #sky {
    background-position: 0 -300px;
}

.share-links #sky:hover {
    background-position: -50px -300px;
}



.share-links #wangwang {
    background-position: 0 -350px;
}

.share-links #wangwang:hover {
    background-position: -50px -350px;
}





















/*------------首页部分 样式------------*/



.index-introduce {
    /* width:320px; */
    /* float:left; */
    height: 300px;
    margin: 0 8px 25px 8px;
    padding-top: 31px;
    overflow: hidden;
    position: static;
}

.index-introduce h2 {

    color: #E9C37A;

    font-size: 16px;

    font-weight: 700;

    /* float: left; */

    margin-bottom: 9px;

}



.index-introduce h6 {

    overflow-wrap: break-word;

    padding: 0px;

    border-color: transparent;

    border-width: 0px;

    height: 75px;

    width: 290px;

    display: block;

    font-size: 12px;

    line-height: 140%;

    overflow: hidden;

    color: rgb(67, 67, 67);

    font-family: 微软雅黑;

    font-size: 24px;

    text-align: justify;

    /* background-color: rgb(255, 255, 255); */

    letter-spacing: 6px;

    /* float: left; */

}





.index-introduce .content {

    width: 749px;

    float: right;

    height: 265px;

    margin: 28px 8px 0 8px;

    overflow-wrap: break-word;

    padding: 0px;

    border-color: transparent;

    border-width: 0px;

    /* height: 262px; */

    width: 780px;

    /* display: block; */

    /* font-family: 微软雅黑; */

    font-size: 14px;

    line-height: 30px;

    /* border: solid; */

}

.index-introduce .image {
    background-color: #cccccc;
    text-align: center;
    margin: 0 0 41px 0;
    /* float: left; */
    width: 290px;
}

.index-introduce .function {
    border-top: 3px solid #e9c37a;
    width: 150px;
    /* float: left; */
    /* position: absolute; */
    bottom: 0px;
    /* top: 100px; */
    /* right: 0px; */
}



hr.function {}



.index-contact {
    width: 320px;
    float: left;
    height: 300px;
    margin: 0 5px;
}

.index-contact .image {
    background-color: #ff9900;
    text-align: center;
    margin: 0 0 8px 0;
}



.index-product-term {
    width: 320px;
    float: left;
    height: 300px;
    margin: 0 5px;
}

.index-product-term .image {
    background-color: #ff9900;
    text-align: center;
    margin: 0 0 8px 0;
}







/*

首页标记显示的产品

.index_mark_product=main

*/



.index_mark_product {
    margin-top: 25px;
    padding: 0 0 15px 0
}

.index_mark_product h2 {
    margin: 15px 0;
    padding: 0;
    text-align: center;
    color: #E9C37A;
    font-size: 16px;
    font-weight: 700;
    /* float: left; */
    margin-bottom: 9px;
}

.index_mark_product .function {
    margin: 0;
    padding: 0;
    text-align: center
}





.index_mark_product ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 390px;
}



.index_mark_product ul li {
    float: left;
    /* border: dashed 1px #eeeeee; */
    margin: 15px 6px;
    padding: 0 0 15px 0;
    height: 350px;
    width: 24%;
    box-shadow: #cccccc 0px 0px 8px 0px;
    border-radius: 4px;
    overflow: hidden;
}

.index_mark_product ul li:hover {
    /* box-shadow: #edc37a 0px 0px 8px 0px; */
    /* background-color: #ececec; */
    /* color: #ffffff; */
}

.index_mark_product ul li h5 {
    margin: 15px 0;
    padding: 0 10px;
    color: #5a5a5a;
    height: 48px;
    line-height: 24px;
}

.index_mark_product ul li h6 {
    margin: 8px 0;
    padding: 0 10px;
}

.index_mark_product ul li .image {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.index_mark_product ul li img {
    width: 100%;
}

.index_mark_product ul li p {
    margin: 0;
    padding: 0 10px;
}



.index_mark_product .media .image-details {
    color: #e9c37a
}

.index_mark_product .media .image-details p {
    border-bottom: solid 2px #e9c37a;
    padding-bottom: 5px;
    padding: 0 14px 10px 10px;
}



/*

首页新增产品

.index_new_product=main

*/



.index_new_product {
    margin-top: 25px;
    padding: 0 0 15px 0
}

.index_new_product h2 {
    margin: 15px 0;
    padding: 0;
    text-align: center;
    color: #E9C37A;
    font-size: 16px;
    font-weight: 700;
    /* float: left; */
    margin-bottom: 9px;
}

.index_new_product .function {
    margin: 0;
    padding: 0;
    text-align: center
}





.index_new_product ul {
    margin: 0;
    padding: 0
}

.index_new_product ul li {
    float: left;
    border: dashed 1px #cccccc50;
    margin: 15px 6px;
    padding: 0 0 15px 0;
    height: 300px;
    width: 285px;
}

.index_new_product ul li h5 {
    margin: 15px 0;
    padding: 0;
    color: #5a5a5a;
}

.index_new_product ul li h6 {
    margin: 8px 0;
    padding: 0
}

.index_new_product ul li .image {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.index_new_product ul li .image img {
    width: 100%;
}

.index_new_product ul li p {
    margin: 0;
    padding: 0
}



.index_new_product .media .image-details {
    color: #e9c37a
}

.index_new_product .media .image-details p {
    border-bottom: solid 2px #e9c37a;
    padding-bottom: 5px;
    padding: 0 14px 10px 10px;
}











/*

首页标记显示的新闻

.index_mark_news=main

*/



.index_mark_news {
    margin-top: 15px;
    padding: 0;
}

.index_mark_news h2 {
    margin: 15px 0;
    padding: 0;
    text-align: center;
    color: #E9C37A;
    font-size: 16px;
    font-weight: 700;
    /* float: left; */
    margin-bottom: 9px;
}

.index_mark_news .function {
    margin: 0;
    padding: 0;
    text-align: center
}





.index_mark_news ul {
    margin: 0;
    padding: 0
}

.index_mark_news ul li {

    float: left;

    border: dashed 1px #cccccc50;

    margin: 15px 6px;

    padding: 0;

    overflow: hidden;

    width: 586px;

}



.index_mark_news ul li h5 {

    margin: 5px 0;

    padding: 0;

    height: 48px;

    line-height: 24px;

    color: #5a5a5a;

}

.index_mark_news ul li .image {
    margin: 0 15px 0 0;
    padding: 0;
    width: 200px;
    float: left;
    height: 100%;
    overflow: hidden;
}

.index_mark_news ul li img {
    width: 200px;
    height: 133px;
}

.index_mark_news ul li .data {
    margin: 0 0 0 160px;
    padding: 0;
    overflow: hidden
}

.index_mark_news ul li .data div {
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
    float: left
}

.index_mark_news ul li .data .view {}

.index_mark_news ul li .data .date {}

.index_mark_news ul li .content {
    margin: 15px 0 0 160px;
    padding: 0;
    color: #5a5a5a;
    line-height: 21px;
}





/*=========首页部分 样式=========*/















/*=========通用的样式=========*/

.container .head {
    margin-bottom: 25px;
    /* border: solid; */
    margin-top: 62px;
}

.container .head .bg {
    text-align: center;
    font-family: Arial Black;
    font-size: 120px;
    color: rgb(248, 248, 248);
}



.container .head .subtitle {

    color: rgb(233, 195, 122);

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

}



.container h1 {
    text-align: center;
    /* letter-spacing: 6px; */
    word-spacing: 6px;
    color: #1C1F2A;
    font-size: 24px;
}



.container .head hr {
    font-size: 14px;
    width: 90px;
    border: solid 2px #e9c37a;
    margin-top: 25px;
}



.container .head .content {
    width: 722px;
    margin: 15px auto 35px auto;
    text-align: center;
}



/*=========通用的样式=========*/

















/*=========公司简介 样式=========*/

/*.introduce-detail{}*/

.introduce-detail h1 {
    text-align: center
}

.introduce-detail .content {
    font-size: 14px;
}

/*=========公司简介 样式=========*/

















/*=========产品中心列表=========*/





.product-list .content {
    font-size: 14px;
    margin-top: 25px;
}





.product-list .list {
    /* border: dashed 1px #ececec; */
    width: 917px;
    float: left;
    margin-top: 25px;
}

.product-list .sidebar {
    margin-top: 25px;
}





.product-list .list ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* height: 390px; */
}



.product-list .list ul li {
    float: left;
    margin: 15px 14px;
    padding: 0 0 15px 0;
    box-shadow: #cccccc 0px 0px 8px 0px;
    width: 276px;
    border-radius: 4px;
}



.product-list .list ul li h5 {
    margin: 15px 0;
    padding: 0 10px;
    color: #5a5a5a;
    height: 48px;
    line-height: 24px;
}

.product-list .list ul li h6 {
    margin: 8px 0;
    padding: 0 10px;
}

.product-list .list ul li .image {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: 205px;
    /* background-color: #ececec; */
    /* border-radius: 4px; */
}

.product-list .list ul li img {
    width: 100%;
}

.product-list .list ul li p {
    margin: 0;
    padding: 0 10px;
}



.product-list .media .image-details {
    color: #e9c37a
}

.product-list .media .image-details p {
    border-bottom: solid 2px #e9c37a;
    padding-bottom: 5px;
    padding: 0 14px 10px 10px;
}





/*=========产品中心列表=========*/















/*=========新闻列表=========*/

.news-list {
    margin-top: 15px;
    padding: 0;
}

.news-list h1 {
    text-align: center;
}

.news-list .content {
    font-size: 14px;
}





.news-list .list {
    border: solid 1px #ffffff;
    width: 870px;
    float: left;
    margin-top: 25px;
}

.news-list .sidebar {
    margin-top: 25px;
}









.news-list .list ul {
    margin: 0;
    padding: 0
}

.news-list .list ul li {
    border: solid 1px #cccccc;
    margin: 15px 6px;
    padding: 0;
    overflow: hidden
}

.news-list .list ul li h5 {
    margin: 5px 0;
    padding: 0
}

.news-list .list ul li .image {
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

.news-list .list ul li .data {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.news-list .list ul li .data div {
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
    float: left
}

.news-list .list ul li .data .view {}

.news-list .list ul li .data .date {}

.news-list .list ul li .content {
    margin: 15px 0 0 0;
    padding: 0
}

.news-list .list ul li .function {
    float: right
}





/*=========新闻列表=========*/









/*=========新闻详情=========*/



.news-detail h1.news-detail-title {
    text-align: center;
    font-size: 22px;
    max-width: 1000px;
    margin: 50px auto 10px auto;
    line-height: 36px;
    letter-spacing: normal;
}

.news-detail .content {
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 55px;
}

.news-detail .content > .content-date{
    text-align: center;
    color: #757575;
    font-size: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

.news-detail .remark {
    background: url(../images/hr.png) repeat-x;
    padding-top: 20px;
    margin-bottom: 25px;
}

/*=========新闻详情=========*/

























/*=========案例列表=========*/

.project-list {
    margin-top: 15px;
    padding: 0;
}

.project-list h1 {
    text-align: center;
}

.project-list .content {
    font-size: 14px;
}



.project-list .list {
    border: solid 1px #ffffff;
    width: 750px;
    float: left;
    margin-top: 25px;
}

.project-list .sidebar {
    margin-top: 25px;
}











.project-list .list ul {
    margin: 0;
    padding: 0
}

.project-list .list ul li {
    border: solid 1px #cccccc;
    margin: 15px 6px;
    padding: 0;
    overflow: hidden
}

.project-list .list ul li h5 {
    margin: 5px 0;
    padding: 0
}

.project-list .list ul li .image {
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

.project-list .list ul li .data {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.project-list .list ul li .data div {
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
    float: left
}

.project-list .list ul li .content {
    margin: 15px 0 0 0;
    padding: 0
}

.project-list .list ul li .function {
    float: right
}





/*=========案例列表=========*/









/*=========案例详情=========*/



body .container{padding-left: 0px!important;
    padding-right: 0px!important;}

.project-detail{ padding-left: 0px!important;
    padding-right: 0px!important;}

.project-detail h1 {
    text-align: center
}

.project-detail .container {
    padding-left: 0px!important;
    padding-right: 0px!important;
}



.project-detail .news-detail-date{
    text-align: center;
    /* color: #757575; */
    color: #1C1F2A;
    font-size: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    margin-top: 12px;
}

.project-detail .content {
    margin-top: 25px;
    font-size: 16px;
}

.project-detail .content .table,.table1,table#ccyydyl,table#newspaper {width:100%;border-collapse:collapse}
.project-detail .content .table p,.table1 p,table#ccyydyl p,table#newspaper p {padding:0px;margin:0}
.project-detail .content .table td,.table th {border:1px solid #cdcdcd;padding:5px}
.project-detail .content .table tr:nth-child(odd){background-color:#efede1}
.project-detail .content .table tr:nth-child(even){background-color:#FFF}
.project-detail .content .table tr:first-child {background-color:#8db3e3}
.project-detail .content .table tr:nth-child(3){background-color:#d7d7d7}


#tagContent .table,.table1,table#ccyydyl,table#newspaper {width:100%;border-collapse:collapse}
#tagContent table {
    max-width: 100%;
    border-collapse: collapse;
}
#tagContent .table p,.table1 p,table#ccyydyl p,table#newspaper p {padding:0px;margin:0}
#tagContent .table td,.table th {border:1px solid #cdcdcd;padding:5px}
#tagContent .table tr:nth-child(odd){background-color:#efede1}
#tagContent .table tr:nth-child(even){background-color:#FFF}
#tagContent .table tr:first-child {background-color:#8db3e3}
#tagContent .table tr:nth-child(3){background-color:#d7d7d7}
#tagContent * {
    line-height: 1.6;
    color: #333;
    font-size: 16px;
}

#tagContent .table-dashed,#tagContent .table-dashed td,#tagContent .table-dashed th {
    border: 1px dashed #ccc;
    padding: 3px;
}

/*=========案例详情=========*/























/*=========下载列表=========*/

.download-list {
    margin-top: 15px;
    padding: 0;
}

.download-list h1 {
    text-align: center;
}

.download-list .content {
    font-size: 14px;
}



.download-list .list {
    border: solid 1px #ffffff;
    width: 750px;
    float: left;
    margin-top: 25px;
}

.download-list .sidebar {
    margin-top: 25px;
}











.download-list .list ul {
    margin: 0;
    padding: 0
}

.download-list .list ul li {
    border: solid 1px #cccccc;
    margin: 15px 6px;
    padding: 0;
    overflow: hidden
}

.download-list .list ul li h5 {
    margin: 5px 0;
    padding: 0
}

.download-list .list ul li .image {
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

.download-list .list ul li .data {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.download-list .list ul li .data div {
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
    float: left
}

.download-list .list ul li .content {
    margin: 15px 0 0 0;
    padding: 0
}

.download-list .list ul li .function {
    float: right
}





/*=========下载列表=========*/









/*=========案例详情=========*/



.download-list h1 {
    text-align: center
}

.download-list .content {
    margin-top: 25px;
    font-size: 14px;
}

/*=========案例详情=========*/

















/*=========常见问题=========*/

.faq-list {
    margin-top: 15px;
    padding: 0;
}

.faq-list h1 {
    text-align: center;
}

.faq-list .content {
    font-size: 14px;
}



.faq-list .list {
    border: solid 1px #ffffff;
    width: 750px;
    float: left;
    margin-top: 25px;
}

.faq-list .sidebar {
    margin-top: 25px;
}











.faq-list .list ul {
    margin: 0;
    padding: 0
}

.faq-list .list ul li {
    border: solid 1px #cccccc;
    margin: 15px 6px;
    padding: 0;
    overflow: hidden
}

.faq-list .list ul li h5 {
    margin: 5px 0;
    padding: 0
}

.faq-list .list ul li .image {
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

.faq-list .list ul li .data {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.faq-list .list ul li .data div {
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
    float: left
}

.faq-list .list ul li .content {
    margin: 15px 0 0 0;
    padding: 0
}

.faq-list .list ul li .function {
    float: right
}





/*=========下载列表=========*/























/*=========招聘=========*/

.recruitment-list {
    margin-top: 15px;
    padding: 0;
}

.recruitment-list h1 {
    text-align: center;
}

.recruitment-list .content {
    font-size: 14px;
}



.recruitment-list .list {
    border: solid 1px #ffffff;
    width: 750px;
    float: left;
    margin-top: 25px;
}

.recruitment-list .sidebar {
    margin-top: 25px;
}











.recruitment-list .list ul {
    margin: 0;
    padding: 0
}

.recruitment-list .list ul li {
    border: solid 1px #cccccc;
    margin: 15px 6px;
    padding: 0;
    overflow: hidden
}

.recruitment-list .list ul li h5 {
    margin: 5px 0;
    padding: 0
}

.recruitment-list .list ul li .image {
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

.recruitment-list .list ul li .data {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.recruitment-list .list ul li .data div {
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
    float: left
}

.recruitment-list .list ul li .content {
    margin: 15px 0 0 0;
    padding: 0
}

.recruitment-list .list ul li .function {
    float: right
}





/*=========招聘=========*/

















/*=========联系我们=========*/

.contact {
    /* margin-top:15px; */
    padding: 0;
}



.contact .content {
    font-size: 14px;
}







/*=========留言本=========*/



.gbook-add .detail-boxing {
    width: 960px;
    margin: 0 auto;
    display: flex;
}

.gbook-add .detail-boxing>.left {
    width: 35%;
    margin: 0px;
    overflow: hidden;
    /* float: left; */
    padding-inline-start: 0px;
}

.gbook-add .detail-boxing>.left li {
    margin: 5px 0px;
}

.gbook-add .detail-boxing>.left .yzm {
    display: flex;
}

.gbook-add .detail-boxing>.left .yzm>div:first-of-type {
    margin-right: 20px;
}



.gbook-add .detail-boxing>.right {
    width: 64%;
    padding-top: 4px;
    /* overflow: hidden; */
    /* float: left; */
}

.gbook-add .detail-boxing>div textarea {
    width: 100%;
    height: 180px;
}

.gbook-add .detail-boxing div input {
    width: 90%;
    padding-left: 5px;
    height: 36px;
}



.gbook-add form .function {



    clear: both;



    width: 960px;



    margin: 30px auto 0 auto;



    /* height: 47px; */



    overflow: hidden;

}







.gbook-add form .function div {
    width: 50%;
    float: left;
}





.gbook-add form .function input {

    width: 99%;

    background-color: #e9c37a;

    margin-top: 30px;

    border-style: solid;

    border-width: 0;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    text-align: center;

    color: #fff;

    margin-top: 5px;

    height: 40px;

}



.gbook-add form .function input:hover {
    background-color: #947c4d;
}





/*联系我们页面部分的分享区*/

.share_box li {
    float: left;
    width: 34px;
    height: 30px;
    margin: 0 15px;
}

.share_box li a {
    display: block;
    height: 100%;
}

.share_box li a.share_qq {
    background: url("../images/share_qq.jpg") no-repeat center;
}

.share_box li a.share_shouhu {
    background: url("../images/share_shouhu.jpg") no-repeat center;
}

.share_box li a.share_weixin {
    background: url("../images/share_weixin.jpg") no-repeat center;
}

.share_box li a.share_weibo {
    background: url("../images/share_weibo.jpg") no-repeat center;
}















/*详情页面留言区版面信息*/

.message_box {
    border: #ececec 1px solid;
    padding-left: 20px;
    /* background-color: #cccccc; */
}

.message_box textarea {
    padding: 10px;
    width: 100%;
    margin-left: -20px;
    border: none;
    border-bottom: #ddd 1px solid;
    border-top: #ddd 1px solid;
    height: 60px;
    font-size: 16px;
}

.message_sub {
    padding: 10px 0;
    overflow: hidden;
}

.message_btn {
    background: #faa61a;
    padding: 10px 30px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    color: #FFF;
    float: right;
    margin-right: 20px;
    cursor: pointer;
}

.message_list ul li {
    border-bottom: #ddd 1px solid;
    padding: 20px 20px 0;
}

.message_list ul li:first-child {
    color: #999;
    font-size: 16px;
    padding-bottom: 20px;
}

.message_list ul li:last-child {
    border-bottom: none;
}

.message_name {
    font-size: 14px;
    color: #faa61a;
}

.message_name span {
    margin-left: 15px;
    font-size: 12px;
    color: #bbb;
}

.message_content {
    margin: 10px 0 20px;
}

.message_content p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.message_name_box {
    margin: 10px 0;
    color: #999;
}

.message_name_box input {
    border: #ddd 1px solid;
    padding: 3px 5px;
}



/*user bar*/

.user_box {
    color: #FFF;
    overflow: hidden;
    background-color: #000066;
}

.user_box .main {
    margin: 0 auto;
}

.user_box a {
    color: #FFF;
    padding: 0 10px;
}

.user_box .user_area_1,

.user_box .user_area_2 {
    float: right;
}



#language-list {
    height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #000000
}

#language-list .icon {

    width: 1em;

    height: 1em;

    vertical-align: -0.15em;

    fill: currentColor;

    overflow: hidden;

}

.layui-nav .layui-nav-item a {

    color: #000000 !important;

}