@charset "utf-8";


#header{
    height:90px;
    width: 100%;
    z-index: 999;
    transition:all .3s;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.header_flex{
    height:90px;
    align-items: center;
    padding-left: 3%;
}
.header_flex .lang{
    padding-right: 30px;
    display: none;
}
.header_flex .lang a{
    font-size:16px;
    margin-left: 10px;
    color:#222;
}
#header.header_on{
    position: fixed;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.08);
}

.logo{
    flex: 1;
    height: 54px;
}
.logo img{
    height: 100%;
    width: auto;
}
.logo .logo1{
    display: none;
}
.top_right_btn{
    flex: 1;
    justify-content:flex-end;
}
.top_right_btn>div{
    color:#898989;
}
.weixin_code{
    line-height: 80px;
    font-size: 14px;
}
.nav_pc{
    
}
.nav_pc_on{
    position: fixed;
    width:100%;
    top: 0;
    left: 0;
    background: #2a343d;
    z-index: 999;
}
.nav_pc ul{
    flex:1;
    display: flex;
}
.nav_pc li{
    position: relative;
    padding:0 50px;
}
.nav_pc li>a{
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
    color:#fff;
    line-height: 90px;
}
.nav_pc li>a:after{
    content:'';
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    height: 3px;
    transition:all .3s;
}
.nav_pc li.cur>a:after,.nav_pc li a:hover:after{
   width: 100%;
}
.nav_pc li .sub_nav{
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    transition: all 300ms;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}
.nav_pc li:hover .sub_nav{
    top:56px;
    opacity: 1;
    visibility: visible;
}
.nav_pc li .sub_nav a{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#151515;
    padding: 12px 20px;
    border-bottom:1px solid #e1e1e1;
}
.nav_pc li .sub_nav a:hover{
    color:#fff;
}
.topshare{
    line-height:65px;
}
.topshare a{
    color:#fff;
}
.topshare a i{
    font-size:18px;
    margin:0 7px;
}
.language_btn{
    margin: 0 0 0 30px;
    position: relative;
}
.language_btn .tit{
    font-size:14px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color:#fff;
}
.language_btn .tit i{
    margin-right: 8px;
    color:#fff;
    font-size:20px;
    vertical-align: middle;
}
.language_btn ul{
    z-index: 10;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.1);
    padding: 10px;
    position: absolute;
    width: 100px;
    left: 0;
    top: 55px;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    transition:all .3s;
}
.language_btn:hover ul{
    top:40px;
    opacity: 1;
    visibility: visible;
}
.language_btn ul li{
    text-align: center;
    margin-bottom: 10px;
}
.language_btn ul li:last-child{
    margin-bottom: 0;
}
.language_btn ul li a{
    display: block;
    font-size:14px;
    color:#333;
    line-height:28px;
    background: #eee;
    border-radius: 6px;
}
.language_btn ul li a:hover{
    background: var(--theme-color);
    color:#fff;
}

.multifunctional_btn{
    width: 90px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(255,255,255,.1);
    margin-left: 100px;
    cursor: pointer;
}
.multifunctional_btn i{
    font-size:18px;
    color:#fff;
}

.header_on .logo .logo1{
    display: block;
}
.header_on .logo .logo2{
    display: none;
}
.header_on .nav_pc li>a{
    color:#333;
}
.header_on .nav_pc li.cur>a,.header_on .nav_pc li>a:hover{
    color:var(--theme-color);
}
.header_on .nav_pc li>a:after,.header_on .nav_pc li>a:hover:after{
    background: var(--theme-color);
}
.header_on .language_btn .tit{
    color:#333;
}
.header_on .language_btn .tit i{
    color:#333;
}
.header_on .multifunctional_btn{
    border-left-color: rgba(0,0,0,.1);
}
.header_on .multifunctional_btn i{
    color:#333;
}

.camp_menu{ width: 100%; position: fixed; background: #fff; padding: 80px 0;z-index: 1000; top: 0; display: none; }
.camp_menu .c-flex{ align-items: flex-start;}
.menu_item h3{ font-size: 26px; margin-bottom: 30px;font-weight:bold;color:#333;}
.menu_item a{ display: block; line-height: 40px; font-size: 16px;}
.menu_item a:hover{ color:var(--theme-color);}
.menu_item1{ width: 50%;}
.menu_item1 ul{ display: flex;}
.menu_item1 ul .line{ width: 1px; height: 200px; background: #ddd; margin: 0 auto;}
.menu_item1 ul li{ margin-right: auto;margin-left:30px;}
.menu_item1 ul li .fircol{ font-size: 18px; color: #333; font-weight: bold;line-height:1.4;margin-bottom:20px;}
.menu_item2,.menu_item3{ margin-left: auto;}
.menu_item3{
    width: 20%;
}
.menu_item3 p{ line-height: 40px;font-size:16px;}
.menu_item3 p b{ color: #333;}
.menu_item3 p.qr{ font-size: 14px;}
.menu_item3 .qr img{
    width: 90px;
    border:1px solid #ddd;
}
.camp_menu .close_btn{ 
    position: absolute; 
    top: 40px; 
    right: 40px; 
    color: #666; 
    font-size: 30px; 
    cursor: pointer;
    border:2px solid #333;
    border-radius:50%;
    width:30px;
    height:30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.camp_menu .close_btn i{ 
    font-size:13px;
    color:#333;
}




.mobile_banner{
    display: none!important;
}

.phone_top_nav{
    display: none;
}
.phone_top_nav .sub_nav_phone{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.phone_top_nav .sub_nav_phone a{
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    color: #333;
}
.header_icon{
    justify-content: flex-end;
}
.header_icon .ico{
    font-size: 14px;
    color:#000;
    line-height: 85px;
    margin-right: 15px;
}
.header_icon .ico a{
    color: #000;
}
.header_icon .ico i{
    background: #114c97;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 7px;
}
.phone_menu_btn{
    font-size: 16px;
    color: #000;
    padding-top:18px;
    display: none;
}
.phone_menu_btn .line{
    position: relative;
    display: block;
    width:19px;
    height: 2px;
    margin: 4px 0;
    background: #373f4a;
    -webkit-transition: .3s;
    transition: .3s;
}
.phone_menu_btn span{
    position: absolute;
    left: 32px;
    top: 2px;
}
.phone_top_nav{
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
    height: 100%;
    border-top:1px solid #ccc;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    padding: 60px 30px 30px;
    transition: .5s;
    transform: translateY(-100%);
}

.phone_top_nav li>a{
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #5a5657;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}
.phone_top_nav .sub_nav{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.phone_top_nav .sub_nav a{
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    color: #333;
}
.header_active .line:nth-of-type(1){
    -webkit-transform: translateY(5.5px) rotate(-45deg);
    -ms-transform: translateY(5.5px) rotate(-45deg);
    transform: translateY(5.5px) rotate(-45deg);
}
.header_active .line:nth-of-type(2){
    opacity:0;
}
.header_active .line:nth-of-type(3){
    -webkit-transform: translateY(-6.5px) rotate(45deg);
    -ms-transform: translateY(-6.5px) rotate(45deg);
    transform: translateY(-6.5px) rotate(45deg);
}
.header_active .phone_top_nav{
    transform: translateY(0);
}

/* banner */


.m{
    width: 100%;
    padding: 0 5%;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
}

/*首页banner*/

#banner{ 
    position: relative;
}

#banner .swiper-container { 
    height:100vh;  
}

#banner .swiper-slide { 
    overflow: hidden;
}

#banner .slide-inner { 
    position: absolute;  
    width: 100%;
    height: 100%;
    left: 0; 
    top: 0;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat !important;
}

#banner .txt{ 
    color: #fff;
    height: 100%; 
    display: flex; 
    align-items: flex-start; 
    flex-direction: column; 
    justify-content: center; 
}

#banner .txt h3{ 
    opacity: 0; 
    font-size: 48px; 
    line-height:1.8;
    color: #fff; 
    font-weight: bold;
}

#banner .txt p{ 
    opacity: 0; 
    font-size: 18px; 
    line-height: 1.5;
    text-transform: uppercase;
    display: block;
}

#banner .txt .jy_morebtn{
    opacity: 0;
}

#banner .swiper-slide.swiper-slide-active .txt h3{ 
    animation: enter 1.2s forwards .3s;
    
}

#banner .swiper-slide.swiper-slide-active .txt p{ 
    animation: enter 1.2s forwards .4s;
}

#banner .swiper-slide.swiper-slide-active .txt .jy_morebtn{ 
    animation: enter 1.2s forwards .6s;
}

#banner .swiper-pagination{ 
    position: relative; 
    text-align: left;
}

.dotbox{ 
    position: absolute; 
    left: 0; 
    top: 50%;
    margin-top: 15%; 
    width: 100%; 
    z-index: 111;
}

.dotbox .dots{ 
    width: 32px !important; 
    height: 32px !important; 
    display: inline-block;
    background: none; 
    opacity: 1;
    margin-right: 7px; 
    position:relative;
}

.dotbox .dots:before{ 
    border: 0; 
    background: #fff;
}

.dotbox .dots svg path {
	fill: none; box-sizing:border-box;
	stroke-width: 2;    
	stroke-dasharray: 0 , 85;
	stroke-dashoffset:85;
}

.dots.swiper-pagination-bullet-active svg path { 
    animation: svgrotate 6.2s forwards;
}

@-webkit-keyframes svgrotate {
    0% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray: 0 , 85;
        stroke-dashoffset:85;}
    100% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray:85 , 0;
        stroke-dashoffset:85; }
 }
@keyframes enter {

 }
@-webkit-keyframes enter {

    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

}

@keyframes enter {

    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

}

.draw_h:before{ content:""; display:block; width:6px; height:6px; position:absolute; left:13px; top:13px;border-radius: 50%;}

.draw_h svg{position:absolute;top:-1px;left:-2px;overflow: inherit;display: block;pointer-events: none; opacity: .7;}

.draw_h svg path {
	fill: none;
	box-sizing:border-box;
	stroke-width: 3;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}

svg{ display: block;} 

.banner .view_down{
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateX(-50%);
    animation:moveUpDown 3s infinite;
}
.banner .view_down .tit{
    font-size:14px;
    color:rgba(255,255,255,.7);
    margin-top: 6px;
}
@keyframes moveUpDown {
    0% {transform: translateY(0);}
    50%{transform: translateY(-30px);}
    100% {transform: translateY(0);}
}



/*首页css__start*/


/*公用头部*/

.tit_box1 {
    padding:80px 0 50px;
    display: flex;
    position: relative;
    z-index: 99;
}
.tit_box1 .tit{
    flex:1;
}
.tit_box1 .tit h4{
    color:#333;
    font-size:48px;
    text-transform: uppercase;
}
.tit_box1 .tit .line{
    width: 235px;
    height: 2px;
    background: rgba(73,180,214,.2);
    position: relative;
    margin-top: 25px;
}
.tit_box1 .tit .line:before{
    content:'';
    width: 76px;
    background: var(--theme-color);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.tit_box1 .tit p{
    max-width: 700px;
    margin:15px 0 0;
    font-size:16px;
}
.tit_box1_modify .tit h4,.tit_box1_modify .tit p{
    color:#fff;
}




.tit_box2{
    text-align: center;
    padding:70px 0 ;
}
.tit_box2 .tit{
    font-size:48px;
    color:#fff;
    position: relative;
    padding-bottom: 6px;
}
.tit_box2 .tit:before,.tit_box2 .tit:after{
    content:'';
    height: 2px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.tit_box2 .tit:after{
    width: 300px;
    background: rgba(73,180,214,.2);
}
.tit_box2 .tit:before{
    width: 100px;
    background: var(--theme-color);
}
.tit_box2 .desc{
    font-size:16px;
    color:#fff;
    text-align: center;
    max-width: 74%;
    margin:20px auto 0;
}
.tit_box2 .more{
    margin-top: 20px;
}

.tit_box2.tit_box2_modify .tit,.tit_box2.tit_box2_modify .desc{
    color:#333;
}


.tit_box3{
    padding:70px 0 40px;
    text-align: center;
}
.tit_box3 .tit h4{
    font-size:48px;
    color:#333;
    padding-bottom: 10px;
}
.tit_box3 .tit p{
    font-size:18px;
    color:#333;
    max-width: 60vw;
    text-align: center;
    margin:auto;
}


/* bg */

.bg1{
    background: #e5ecf1;
}
.bg2{
    background: url("../images/bg2.jpg") no-repeat center;
}
.bg3{
    background: url("../images/bg3.jpg") no-repeat center bottom #e5e8ed;
}
.bg4{
    background: url("../images/bg4.jpg") no-repeat center;
    position: relative;
}
.bg4_starball{
    position: absolute;
    left: -50px;
    top: 80px;
    animation:moveRandomUpDown 10s infinite;
}

@keyframes moveRandomUpDown {
    0% {transform: translateY(0);}
    25%{transform: translateY(20px);}
    50%{transform: translateX(30px);}
    75%{transform: translateY(-10px);}
    100% {transform: translateY(0);}
}




/* product_con */

.product_con{
    margin:0 -15px;
    padding-bottom: 90px;
}

.product_con_item{
    padding:0 15px;
}
.product_con_left_item{
    width:58%;
}
.product_con_right_item{
    flex:1;
}
.product_con_left{
    background: #fff;
    border-radius: 20px;
    padding:70px;
}

.product_con_right{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.product_con_right .item{
    background: #fff;
    border-radius: 20px;
    padding:50px;
    display: flex;
    height: calc(50% - 15px);
}
.product_con_right .item .item_con{
    flex:1;
}
.product_con_right .item .item_img{
    width: 55%;
    padding-left: 20px;
}
.product_con .product_con_right .item .item_con .tit{
    font-size:22px;
}


/* product_con public */
.product_con .item .item_con .tit{
    position: relative;
    display: inline-block;
    font-size:28px;
    color:#333;
    padding-bottom: 5px;
}
.product_con .item .item_con .tit:after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dbf0f7;
    height: 2px;
    
}
.product_con .item .item_con .tit:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 80px;
    background: var(--theme-color);
    display:block;
    content: '';
    z-index: 9;
}
.product_con .item .item_con .desc{
    position: relative;
    padding-left: 15px;
    font-size:16px;
    color:#333;
    margin-top: 15px;
}
.product_con .item .item_con .desc:before{
    width: 5px;
    height: 5px;
    background: var(--theme-color);
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}
.product_con .item .item_img{
    margin-top: 20px;
}
.product_con .item .item_img img{
    width: 100%;
    transition:all .4s;
}
.product_con .product_con_item .item,.product_con .product_con_left{
    transition:all .4s;
}
.product_con .product_con_item .product_con_right .item:hover,.product_con .product_con_left:hover{
    box-shadow: 0 3px 20px rgba(0,0,0,.15);
}
.product_con .product_con_left:hover .item_img img,.product_con .product_con_right .item:hover .item_img img{
    transform: scale(1.1);
}

/* about */

.about_info_list{
    padding-bottom: 135px;
}
.about_info_list .item{
    flex:1;
    margin:0 12px;
    border-radius: 10px;
    border:1px solid var(--theme-color);
    padding:50px 20px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition:all .36s;
    cursor: pointer;
}
.about_info_list .item .img .img2{
    display: none;
}
.about_info_list .item .con{
    color:var(--theme-color);
}
.about_info_list .item .con h4{
    font-size:16px;
    margin-top: 15px;
}
.about_info_list .item .con p{
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
}
.about_info_list .item:hover{
    background: rgba(73,180,214,.6);
}
.about_info_list .item:hover .con{
    color:#fff;
}
.about_info_list .item:hover .img .img1{
    display: none;
}
.about_info_list .item:hover .img .img2{
    display: block;
}


/* advantage_list */

.advantage_list{
    display: flex;
    padding-bottom: 80px;
}
.advantage_list .item{
    flex:1;
    padding:0 15px;
}
.advantage_list .item .item_img img{
    width: 100%;
    border-radius: 15px;
}
.advantage_list .item .item_con{
    color:#fff;
    text-align: center;
    padding-top: 30px;
}
.advantage_list .item .item_con .tit{
    font-size:24px;
}
.advantage_list .item .item_con .desc{
    font-size:16px;
}

/* news */

.news .tit_box1 .more .jy_morebtn a{
    color:#49b4d6;
}
.news .tit_box1 .more .jy_morebtn svg path{
    stroke:#49b4d6;
}
.news .tit_box1 .more .jy_morebtn::before{
    border-color:rgba(73,180,214,.2);
}

.news_list{
    padding-bottom: 90px;
}
.news_list_left{
    width: 66.66%;
    display: flex;
}
.news_list_left .item{
    flex:1;
    margin-right: 30px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: block;
}
.news_list_left .item .item_img{
    position: relative;
    height: 320px;
    overflow: hidden;
}
.news_list_left .item .item_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition:all .3s;
}
.news_list_left .item .item_img .date{
    height: 45px;
    background: var(--theme-color);
    position: absolute;
    left: 30px;
    bottom: 25px;
    color:#fff;
    padding:0 22px;
    border-radius: 10px;
    font-size:16px;
    line-height: 45px;
}
.news_list_left .item .item_con{
    padding:30px;
}
.news_list_left .item .item_con .tit{
    font-size:20px;
    color:#000;
    font-weight: bold;
}
.news_list_left .item .item_con .desc{
    color:#717171;
    font-size:16px;
    margin:20px 0 30px;
}

.news_list_right{
    flex:1;
    margin:-10px 0;
    min-width: 0;
}
.news_list_right .item{
    height: 50%;
    display: flex;
    flex-direction: column;
    padding:10px 0;    
}
.news_list_right .item .item_con{
    background: #fff;
    border-radius: 20px;
    height: 100%;
    padding:40px 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news_list_right .item .item_con .info{
    
}
.news_list_right .item .item_con .date{
    font-size:14px;
}
.news_list_right .item .item_con .tit{
    font-size:18px;
    color:#333;
    font-weight: bold;
}
.news_list_right .item .item_con .desc{
    font-size:16px;
    color:#333;
    margin:6px 0 0;
}

.news_list .item .item_con .tit{
    transition:all .3s;
}
.news_list .item:hover .item_con .tit{
    color:var(--theme-color);
}

.news_more_column{
    font-size:14px;
    color:#333;
}
.news_more_column .more{
    position: relative;
    transition:all .3s;
}
.news_more_column .more:after,.news_more_column .more:before{
    content:'';
    display: block;
    height: 2px;
    width: 100%;
    background: #999;
    position: absolute;
    left: 0;
    bottom: 0;
    transition:all .6s;
}
.news_more_column .more:after{
    width: 0;
    z-index: 2;
    background: var(--theme-color);
}
.news_list .item:hover .news_more_column .more:after{
    width: 100%;
}
.news_list .item:hover .more{
    color:var(--theme-color);
}

.news_list_left .item:hover .item_img img{
    transform: scale(1.15);
}
.news_more_column .column{
    flex:1;
    display: flex;
    justify-content: flex-end;
}



/*页底css*/

.footer{
    padding:70px 0 0;
}
.footer_contact{
    justify-content: space-between;
}
.footer_contact .item{
    display: flex;
    align-items: center;
}
.footer_contact .item .icon{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border:1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_contact .item .icon i{
    font-size:40px;
    color:#333;
}
.footer_contact .item .con{
    margin-left: 30px;
}
.footer_contact .item .con h4{
    font-size:20px;
    color:#333;
}
.footer_contact .item .con p{
    font-size:16px;
    color:#666;
    margin-top: 10px;
}
.footer_contact .item .img{
    width: 120px;
    height: 120px;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
}
.footer_contact .item .img img{
    width: 100px;
    height: 100px;
}

.footer_copyright{
    border-top: 1px solid #ebebeb;
    margin-top: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    font-size:14px;
}
.footer_copyright .copyright{
    flex:1;
}
.footer_copyright .icp{
    display: flex;
    align-items: center;
}
.footer_copyright .icp img{
    margin-right: 6px;
}



/*首页css__end*/


/*内页*/


.ibanner{
    height:420px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.ibanner .con{
    position: absolute;
    color:#fff;
    display: flex;
    align-items:center;
    height: 100%;
    padding-top: 90px;
}
.ibanner .con h4{
    font-size:48px;
    line-height: 1.5;
    font-weight: bold;
}
.ibanner .con p{
    font-size:14px;
    font-family: Arial;
    text-transform: uppercase;
}
.ibanner .con p span{
    padding:0 6px;
}

/* bg */

.bg_fff{
    background: #fff;
}
.bg_lightGray{
    background: #f8f8f8;
}


/* 内页分类 */


.pos_menu{
    height: 58px;
    align-items: center;
}
.pos_menu .pos{
    flex:1;
    align-items: center;
    font-size:14px;
}
.pos_menu .pos i{
    color:var(--theme-color);
}
.pos_menu .pos a{
    padding:0 3px;
}
.pos_menu .menu{
    
}
.pos_menu .menu a{
    margin-left: 5vw;
    font-size:16px;
    position: relative;
}
.pos_menu .menu a:after{
    content:'';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -15px;
    position: absolute;
    transition:all .3s;
}
.pos_menu .menu a.cur,.pos_menu .menu a:hover{
    color:var(--theme-color);
}
.pos_menu .menu a.cur:after,.pos_menu .menu a:hover:after{
    background: var(--theme-color);
    width: 100%;
}



.publeftcon{
    margin:15px 0 0;
}
.publeftcon .tit{
    font-size:18px;
    height:44px;
    line-height: 44px;
    padding: 0 20px;
    color:#151515;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    position: relative;
    margin-bottom: 10px;
}
.publeftcon .tit:before{
    width:4px;
    height:18px;
    background: #8e7e63;
    content:'';
    display: block;
    position: absolute;
    left: 6px;
    top: 12px;
}
.publeftcon ul li{
    margin-bottom: 10px;
    position:relative;
}
.publeftcon .con{
    font-size:14px;
    padding:10px 16px;
    color:#151515;
    background: #fff;
}
.publeftcon .con p{
    border-bottom: 1px solid #f7f7f7;
    line-height: 2.2;
}
.publeftcon ul li p{
    background:rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:40px;
    line-height: 40px;
    font-size:14px;
    color:#fff;
    text-align: center;
}



/* 内页二级分类显示 */

.inner_sublist{
    transition: all .3s;
    padding: 0 20px;
    background:rgba(0,0,0,.02);
}
.inner_sublist li{
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.inner_sublist li a{
    color:#151515;
    font-size:14px;
    display: block;
    line-height: 3;
}
.inner_sublist li a i{
    font-size:12px;
    margin-right: 5px;
}

.page_index{
    min-height:300px;
    padding:20px 25px 30px;
    background: #fff;
    margin-top: 15px;
}
.page_index label{
    font-size:14px;
}
.page_index p{
    text-indent: 2em;
    font-size:14px;
    line-height:1.9;
    margin-bottom: 15px;
}
.page_index img{
    margin:auto;
    margin-bottom: 15px;
}
/* 单页内容 */


.page_index .tit h1{
    color:#444;
    font-size:30px;
    font-weight: bold;
}
.page_index .tit p{
    font-size:14px;
    border-bottom: 1px solid #f8f8f8;
    padding:6px 0 20px;
    margin:0;
    text-indent: 0;
}
.page_index .tit p span{
    margin-right:20px;
}
.page_index .tit p span i{
    margin-right:5px;
}
.page_index .desc{
    font-size:14px;
    background: #f8f8f8;
    padding:15px 20px;
    color:#888;
}
.page_index .desc span{
    font-weight: bold;
    color:#f04c36;
}
.page_index .con{
    padding:20px 0;
}
.xg_news{
    margin:20px 0 0;
}
.xg_news h3{
    font-size:16px;
    border-bottom: 1px solid #eee;
    line-height:2;
    color:#333;
    font-weight: bold;
}
.xg_news ul{
    margin-bottom: 20px;
}
.xg_news ul li {
    padding:15px 0 0;
}
.xg_news ul li .img{
    width:80px;
}
.xg_news ul li .con{
    flex:1;
    margin-left: 20px;
}
.xg_news ul li .con a{
    font-size:14px;
    display: block;
    line-height: 1.2;
    color:#555;
    margin-bottom: 3px;
}
.xg_news ul li .con span{
    color:#999;
}
.xg_news .tags{
    padding: 10px 0 20px;
}
.xg_news .tags a{
    display: inline-block;
    padding: 3px 10px;
    background: #e7b20e;
    margin:0 5px 5px 0;
    color:#fff;
    font-size:14px;
    border-radius:3px;
}
.xg_news dl{
    margin:15px 0 0;
    border:1px solid #eee;
}
.xg_news dl dt{
    width: 100%;
}
.xg_news dl dd{
    font-size:16px;
    text-align: center;
    font-weight: bold;
    color:#151515;
    line-height: 2;
}

/* 产品列表 */

.page_picList{
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    margin:0 -15px;
    padding:80px 0 30px;
}
.page_picList .item_wrap{
    width:50%;
    padding:0 15px 30px;
}
.page_picList .item{
    background: #fff;
    border-radius: 20px;
    padding:50px;
    display: flex;
    transition:all .4s;
    width: 100%;
}
.page_picList .item .item_con{
    flex:1;
}
.page_picList .item .item_img{
    width: 55%;
    padding-left: 20px;
}
.page_picList .item .item_con .tit{
    position: relative;
    display: inline-block;
    color:#333;
    padding-bottom: 5px;
    font-size:22px;
}
.page_picList .item .item_con .tit:after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dbf0f7;
    height: 2px;
    
}
.page_picList .item .item_con .tit:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 80px;
    background: var(--theme-color);
    display:block;
    content: '';
    z-index: 9;
}
.page_picList .item .item_con .desc{
    position: relative;
    padding-left: 15px;
    font-size:16px;
    color:#333;
    margin-top: 15px;
}
.page_picList .item .item_con .desc:before{
    width: 5px;
    height: 5px;
    background: var(--theme-color);
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}
.page_picList .item .item_img{
    margin-top: 20px;
}
.page_picList .item .item_img img{
    width: 100%;
    transition:all .4s;
}
.page_picList .product_con_item .item{
    transition:all .4s;
}
.page_picList .item:hover{
    box-shadow: 0 3px 20px rgba(0,0,0,.15);
}
.page_picList .item:hover .item_img img{
    transform: scale(1.1);
}


/* 单页联系我们 */
.page_contact_index {
    padding:10px 0;
}
.page_contact_index .tit{
    font-size:14px;
    background: #fff;
    padding:10px 20px;
    margin-bottom: 20px;
    color:#333;
}
.page_contact_index .con{
    background: #fff;
    padding: 10px 30px 30px;
}


.page_contact_index p{
    font-size:16px;
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.page_contact_index p i{
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
}

.page_contact_index .code img{
    border:1px solid #ddd;
}
.page_contact_index .code{
    max-width: 280px;
}
.page_contact_index .code span{
    text-align: center;
    display: block;
    font-size:16px;
    line-height:2;
}



/*新闻列表*/


.page_newsList{
    display: flex;
    flex-wrap: wrap;
    padding:80px 0 30px;
    margin:0 -15px;
}
.page_newsList .item_wrap{
    width: 33.333%;
    padding:0 15px 30px;
}

.page_newsList .item{
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    transition:all .4s;
}
.page_newsList .item .item_img{
    position: relative;
    height: 320px;
    overflow: hidden;
}
.page_newsList .item .item_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition:all .4s;
}
.page_newsList .item .item_img .date{
    height: 45px;
    background: var(--theme-color);
    position: absolute;
    left: 30px;
    bottom: 25px;
    color:#fff;
    padding:0 22px;
    border-radius: 10px;
    font-size:16px;
    line-height: 45px;
}
.page_newsList .item .item_con{
    padding:30px;
}
.page_newsList .item .item_con .tit{
    font-size:20px;
    color:#000;
    font-weight: bold;
    transition:all .4s;
}
.page_newsList .item .item_con .desc{
    color:#717171;
    font-size:16px;
    margin:20px 0 30px;
    min-height: 55px;
}
.page_newsList .item:hover{
    box-shadow: 0 3px 20px rgba(0,0,0,.15);
}
.page_newsList .item:hover .news_more_column .more:after{
    width: 100%;
}
.page_newsList .item:hover .more{
    color:var(--theme-color);
}
.page_newsList .item:hover .item_con .tit{
    color:var(--theme-color);
}
.page_newsList .item:hover .item_img img{
    transform: scale(1.15);
}


/* 新闻详情 */




/* 产品详情页 */

.page_picdetails{
    padding:90px 0 0;
}
.page_picdetails_pos{
    padding:30px 0 50px;
    font-size:14px;
}
.page_picdetails_pos i{
    color:var(--theme-color);
}

.page_picdetails .panel1{
    padding:70px 60px;
    border-radius: 20px;
}
.page_picdetails .panel1_scroll{
    width: 40%;
    border:1px solid #e6e6e6;
    padding:40px;
    height: 450px;
}
.page_picdetails .panel1_scroll .swiper{
    height: 100%;
}
.page_picdetails .panel1_scroll .img{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_picdetails .panel1_scroll .swiper-pagination-bullet{
    width: 40px;
    height: 2px;
    border-radius: 0;
    margin:0 6px;
}
.page_picdetails .panel1_scroll .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--theme-color);
}

.page_picdetails .panel1_con{
    padding-left: 70px;
    flex:1;
}
.page_picdetails .j_tit{
    font-size:32px;
    color:#333;
    position: relative;
    padding-bottom: 10px;
}
.page_picdetails .j_tit:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 160px;
    background: var(--theme-color);
    display: block;
    content: '';
    z-index: 9;
}
.page_picdetails .j_tit:after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dbf0f7;
    height: 2px;
}

.page_picdetails .panel1_con .desc{
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    margin-top: 15px;
}
.page_picdetails .panel1_con .desc:before{
    width: 5px;
    height: 5px;
    background: var(--theme-color);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}
.page_picdetails .panel1_con .tel{
    font-size:32px;
    color:var(--theme-color);
    margin-top: 40px;
    display: flex;
    align-items: center;
    font-family: initial;
}
.page_picdetails .panel1_con .tel i{
    font-size:24px;
    width: 56px;
    height: 56px;
    background: var(--theme-color);
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
}
.page_picdetails .panel1_con .btns{
    margin-top: 60px;
    display: flex;
}
.page_picdetails .panel1_con .btns .j_btn{
    width: 184px;
    height: 54px;
    border-radius: 6px;
    border:1px solid var(--theme-color);
    margin-right: 16px;
    font-size:16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--theme-color);
}
.page_picdetails .panel1_con .btns .j_btn i{
    margin-right: 6px;
    color:var(--theme-color);
}
.page_picdetails .panel1_con .btns .j_btn1{
    background: var(--theme-color);
    color:#fff;
}
.page_picdetails .panel1_con .btns .j_btn1 i{
    color:#fff;
}

.page_picdetails .panel2{
    padding:70px 60px;
    border-radius: 20px;
    margin-top: 65px;
}
.page_picdetails .panel2 .j_tit{
    font-size:30px;
    font-weight: bold;
}
.page_picdetails .panel2 .content{
    color:#2d2d2d;
    font-size:16px;
    padding:30px 0 60px;
}

.page_picdetails .panel3{
    padding: 80px 0 40px;
}
.page_picdetails .panel3 .panel3_tit{
    font-size:40px;
    color:#2d2d2d;
    text-align: center;
}

.page_picdetails .panel3 .page_picList{
    padding-top: 30px;
}

/* page_about */

.page_about .panel1{
    padding:80px 0 40px;
}
.page_about .panel1 .panel1_tit{
    width: 30vw;    
    color:#333;
}
.page_about .panel1 .panel1_tit .tit{
    font-size:48px;
    line-height: 1;
    padding-bottom: 10px;
}
.page_about .panel1 .panel1_tit .desc{
    font-size:18px;
}
.page_about .panel1 .panel1_con{
    flex:1;
    font-size:16px;
    color:#333;
}
.page_about .panel1 .panel1_con p{
    margin-bottom:10px;
}

.page_about .panel2 .about_info_list{
    padding:75px 0;
}

.page_about .panel3{
    padding-bottom:60px;
}
.page_about .panel3 .panel3_con .swiper{
    padding-bottom: 80px;
}

.page_about .panel3 .panel3_con .item{
    background: #f6f6f6;
    border-radius: 20px;
    border:1px solid #f6f6f6;
    transition:all .4s;
}

.page_about .panel3 .panel3_con .item .item_img{
    padding:30px;
    height: 425px;
    text-align: center;
}
.page_about .panel3 .panel3_con .item .item_img img{
    height: 100%;
    margin:auto;
}
.page_about .panel3 .panel3_con .item .item_tit{
    height: 60px;
    line-height: 60px;
    padding:0 20px;
    text-align: center;
    background: #aaa;
    font-size:18px;
    color:#fff;
    border-radius: 0 0 20px 20px;
}
.page_about .panel3 .panel3_con .item:hover{
    border-color:var(--theme-color);
}
.page_about .panel3 .panel3_con .item:hover .item_tit{
    background: var(--theme-color);
}
.page_about .panel3 .panel3_con .swiper-pagination-bullet-active{
    background: var(--theme-color);
}

.page_about .panel4_list{
    margin:0 -8px;
    padding-bottom: 80px;
}
.page_about .panel4_list .item_wrap{
    flex:1;
    padding:0 8px;
}
.page_about .panel4_list .item_wrap .item{
    background: #fff;
    border-radius: 16px;
    padding:40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page_about .panel4_list .item_wrap .item .tit{
    font-size:22px;
    font-weight: bold;
    color:#333;
    padding:10px 0 0;
}
.page_about .panel4_list .item_wrap .item .tit:after{
    content:'';
    display: block;
    margin:15px auto 0;
    height: 4px;
    background: var(--theme-color);
    width: 40px;
}
.page_about .panel4_list .item_wrap .item .desc{
    font-size: 16px;
    color:#666;
    margin-top: 20px;
    text-align: center;
    height: 130px;
}
.page_about .panel4_list .item_wrap .item .num{
    font-size:22px;
    color:#333;
    font-family: inherit;
}

/* page_join */


.page_join .panel1{
    
}
.page_join .panel1 .panel1_con{
    flex:1;
    padding:20px 50px 20px 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page_join .panel1 .panel1_con .tit{
    margin-bottom: 20px;
}
.page_join .panel1 .panel1_con .tit h4{
    font-size:40px;
    color:#333;
    margin-bottom: 6px;
    font-weight: bold;
}
.page_join .panel1 .panel1_con .tit p{
    font-size:16px;
    color:#666;
}
.page_join .panel1 .panel1_con .desc p{
    color:#5b5b5b;
    font-size:16px;
    margin:10px 0;
    padding-left: 16px;
    position: relative;
}
.page_join .panel1 .panel1_con .desc p:before{
    content:'';
    display: block;
    width: 6px;
    height: 6px;
    background: #f94b18;
    left: 0;
    position: absolute;
    top:10px;
    border-radius: 50%;
}

.page_join .panel1 .panel1_img{
    width: 50vw;
}
.page_join .panel2{
    padding:80px 100px;
}

.page_join .panel2_form .list{
    display: flex;
    margin:0 -6px;
}
.page_join .panel2_form .list .item{
    width: 50%;
    margin-bottom: 12px;
    padding:0 6px;
}
.page_join .panel2_form .list .item.item_textarea{
    width: 100%;
}
.page_join .panel2_form .item input,.page_join .panel2_form .item textarea{
    width: 100%;
    height: 70px;
    border:none;
    outline: none;
    padding:0 20px;
    font-size:16px;
}
.page_join .panel2_form .item textarea{
    padding-top: 10px;
    height: 160px;
}
.page_join .panel2_form .tip{
    font-size:14px;
    color:#888;
    margin:10px 0 20px;
}
.page_join .panel2_form .btns{
    height: 70px;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}
.page_join .panel2_form .btns .j_btn{
    width: 50%;
    border:none;
    outline: none;
    background: #e8e8e8;
    line-height: 70px;
    font-size:18px;
}
.page_join .panel2_form .btns .j_btn button{
    border: none;
    width: 100%;
    outline: none;
    background: transparent;
}
.page_join .panel2_form .btns .j_btn1{
    background: var(--theme-color);
    color:#fff;
}
.page_join .panel2_form .btns .j_btn:hover{
    background: #ddd;
}
.page_join .panel2_form .btns .j_btn1:hover{
    background: #209dc5;
}

.page_news_detail{
    padding:50px 0;
}
.page_news_detail .page_index{
    margin-top: 0;
    padding:50px;
    border-radius:15px;
}

/* page_contact */

.page_contact{
    padding-bottom: 80px;
}

.page_contact .panel1_list{
    display: flex;
    margin:0 -15px;
}
.page_contact .panel1_list .item_wrap{
    flex:1;
    padding:0 15px;
}
.page_contact .panel1_list .item{
    background: #fff;
    border-radius: 20px;
    padding:50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.page_contact .panel1_list .item .ico{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border:1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_contact .panel1_list .item .ico i{
    font-size:48px;
    color:#666;
}
.page_contact .panel1_list .item .tit{
    font-size:24px;
    font-weight: bold;
    color:#333;
    padding-top: 30px;
}
.page_contact .panel1_list .item .tit:after{
    content:'';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--theme-color);
    margin:10px auto 0;
}
.page_contact .panel1_list .item .info1{
    font-size:18px;
    color:#333;
    line-height: 1.5;
    margin-top: 30px;
    text-align: center;
}
.page_contact .panel1_list .item .code{
    margin-top: 20px;
}
.page_contact .panel1_list .item .code img{
    width: 130px;
}
.page_contact .panel_map{
    padding:50px;
    background: #fff;
    margin-top: 50px;
    border-radius: 20px;
}
.page_contact .mcontainer{
    height: 500px;
}




/* 案例列表 */

.page_caseList{
    padding: 20px 0 0;
}
.page_caseList li{
    margin-bottom:20px;
}
.page_caseList li a{
    display: block;
    background: #fff;
    overflow: hidden;
}
.page_caseList li .con{
    padding: 50px 15px 0 0;
}
.page_caseList li .con h4{
    font-size:20px;
    color:#151515;
    font-weight: bold;
}
.page_caseList li .con p{
    font-size:14px;
    margin:10px 0 20px;
    color:#777;
}
.page_caseList li .con span{
    display: block;
    background: #bba681;
    color:#fff;
    display: inline-block;
    padding: 5px 20px;
    font-size:14px;
    transition:all .3s;
}
.page_caseList li .con span:hover{
    background: #8e7e63;
    color:#fff;
}


.page_hotpic .tit{
    font-size:18px;
    text-align: center;
    position: relative;
    margin-bottom: 7px;
}
.page_hotpic .tit::before,.page_hotpic .tit::after{
    width:50px;
    height:1px;
    background: #eee;
    content:'';
    display:block;
    position: absolute;
    top:15px;
    left:0;
}
.page_hotpic .tit::after{
    left:auto;
    right:0;
}
.page_hotpic li{
    margin-bottom: 10px;
}
.page_hotpic li h4{
    font-weight: normal;
    text-align: center;
    font-size:14px;
    padding: 10px 0 5px;
}


.page_privacy_policy{
    padding: 60px;
    font-size: 16px;
    color:#333;
    margin: 30px 0;
}

/*翻页*/
.return_page{
    background: #f7f7f7;
    padding: 15px 20px;
    line-height: 30px;
    color: #666;
    position: relative;
    font-size:16px;
}
.return_page p{
    margin-bottom: 0;
    text-indent: 0;
    line-height:2;
}
.return_page p a{
    color: #333;
}
.return_page p a:hover{
    color:var(--theme-color);
}


/* 页码 */

.pagination{
    text-align: center;
    display: block;
    padding-bottom: 40px;
}
.pagination li{
    display: inline-block;
    margin:0 1px;
}
.pagination li span,.pagination li a{
    display: block;
    padding:0 10px;
    line-height:28px;
    background: #eee;
}
.pagination li.active a{
    background: #53c1e5;
    color:#fff;
    border-color: #53c1e5;
}

.taobao{
    width: 38px;
    position: fixed;
    z-index: 999;
    right: 10px;
    top: 30%;
}
.taobao .img1{
    background: #fff;
    border: 1px solid #8e7e63;
}
.taobao .img2{
    display: none;
}
.taobao:hover{
    width: 120px;
}
.taobao:hover .img2{
    display: block;
}
.taobao:hover .img1{
    display: none;
}

/*在线留言*/
/*#my_form{*/
/*    padding: 30px 0 0;*/
/*}*/
/*#my_form table{*/
/*    width: 100%;*/
/*}*/
/*#my_form tr{*/
/*    display: inline-flex;*/
/*    width: 48%;*/
/*    margin-bottom: 15px;*/
/*}*/
/*#my_form tr:nth-child(2n){*/
/*    margin-left:4%;*/
/*}*/
/*#my_form tr.content{*/
/*    width: 100%!important;*/
/*    display: flex;*/
/*    margin-left:0;*/
/*}*/
/*#my_form tr td:first-child{*/
/*    line-height: 34px;*/
/*    color: #333;*/
/*}*/
/*#my_form tr td:last-child{*/
/*    flex: 1;*/
/*}*/
/*#my_form tr input,#my_form tr textarea{*/
/*    height:34px;*/
/*    width: 100%!important;*/
/*    border: 1px solid #ccc;*/
/*    padding: 0 10px;*/
/*    color: #333;*/
/*    outline: none;*/
/*    border-radius: 4px;*/
/*    font-size: 14px;*/
/*    font-family: 微软雅黑;*/
/*    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
/*    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
/*}*/
/*#my_form tr input:focus,#my_form tr textarea:focus{*/
/*    border-color: #66afe9;*/
/*    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
/*}*/
/*#my_form tr ::placeholder{*/
/*    color: #999;*/
/*    font-family: 微软雅黑;*/
/*    font-size: 14px;*/
/*}*/
/*#my_form tr textarea{*/
/*    height:100px;*/
/*    padding-top: 6px;*/
/*}*/
/*#my_form .btn{*/
/*    margin-left:30px;*/
/*}*/
/*#my_form .btn input{*/
/*    display: inline-block;*/
/*    padding: 6px 12px;*/
/*    margin-bottom: 0;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    line-height: 1.42857143;*/
/*    text-align: center;*/
/*    white-space: nowrap;*/
/*    vertical-align: middle;*/
/*    -ms-touch-action: manipulation;*/
/*    touch-action: manipulation;*/
/*    cursor: pointer;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*    background-image: none;*/
/*    border: 1px solid transparent;*/
/*    border-top-color: transparent;*/
/*    border-right-color: transparent;*/
/*    border-bottom-color: transparent;*/
/*    border-left-color: transparent;*/
/*    border-radius: 4px;*/
/*}*/
/*#my_form .btn input:first-child{*/
/*    color: #fff;*/
/*    background-color: #337ab7;*/
/*    border-color: #2e6da4;*/
/*}*/
/*#my_form .btn input:first-child:focus{*/
/*    color: #fff;*/
/*    background-color: #286090;*/
/*    border-color: #122b40;*/
/*}*/

/*.bdsharebuttonbox span{*/
/*    line-height:30px;*/
/*}*/