@charset "utf-8";

/* CSS Document */

/*公共*/

.w1400{width: 1403px;margin: 0 auto;}

.title{text-align: center;margin-bottom: 36px}

.title h6{font-family: ArcaMajora;text-align: center;font-size: 40px;color: #333;font-weight: bold;text-transform: uppercase}

.title span{color: #f41212;font-weight: bold;}

.title p{font-size: 16px;color: #666;margin-top: 8px}

.title_white h6{color: #fff}

.title_white p{color: #fff}

.updown{padding: 80px 0 106px}

/*header*/

.header{width:100%;position:absolute;z-index: 999;top: 0}

.top{padding: 24px 0;color: #fff;}

.top_logo{width: 118px;}

.nav{position: relative;}

.nav >ul{margin-top: 30px}

.nav >ul >li{position: relative;float: left;padding: 0 0 24px}

.nav >ul >li h6{ margin:0 46px;z-index: 9999;overflow: hidden;text-transform: uppercase;}

.nav >ul >li .mainav {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;font-size: 16px;}

.nav >ul >li>h6>a::before {position: absolute;top: 100%; content: attr(data-hover);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);text-transform: uppercase;}

.nav >ul >li.lic .mainav{color: #f41212;font-weight: bold}

.nav >ul >li h6:hover .mainav,.nav >ul >li:focus .mainav {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);color: #f41212;}

.subnav{display: none; position: absolute;top: 40px;left:0;z-index: 999;background-color: rgba(0,0,0,.6);padding: 30px;width: 340px;}

.subnav ul li{font-size: 16px;line-height: 36px;transition: all .5s}

.subnav ul li a{display: block;}

.subnav ul li:hover{color: #c30d23;padding-left:10px;font-weight: bold}

.subnav ul li:hover a{font-weight: bold}

.nav >ul >li:hover .subnav{display: block;}

.top_tel{background: url(../images/top_tel.png) no-repeat 0 center;margin-top: 18px}

.top_tel p{display: inline-block; padding-left: 20px; font-size: 18px;line-height: 46px;vertical-align: middle}

.top_tel span{font-size: 30px;font-weight: bold;line-height: 46px;vertical-align: middle;color: #f41212;}

.top1{background-color: rgba(0,0,0,.9);position: fixed;top: 0;z-index: 9999!important;width: 100%}

/*轮播图*/

.sban{position: relative;z-index:2;}

.sban .dots{position: absolute;z-index: 3;text-align: center;left: 50%;bottom:10%;transform: translate(-50%, -50%);width: 128px;border-bottom: 1px solid rgba(255,255,255,.43)}

.sban .dots li{position: relative;width: 24px; display: inline-block;font-size: 14px;margin-right: 28px;line-height: 24px}

.sban .dots li:nth-child(3){margin-right: 0;}

.sban .dots li.on{border-bottom: 1px solid rgba(255,255,255,1);color: #fff}

.show .move{white-space: nowrap;overflow: hidden;font-size: 0;line-height: 0;}

.show .move li{width: 100%;display: inline-block;position: relative;}

.show .move li a{display: block;}

.show .move li img{display: block;width: 100%;height: auto;}

.banner_txt{position: absolute;z-index: 999;color: #fff;left: 50%;top:40%;transform: translate(-50%, -50%);width: 1400px;text-align: center;}

.banner_txt h6{font-family: ArcaMajora;font-size: 54px;font-weight: bold;margin: 48px 0 24px;text-transform:uppercase;line-height: 80px;height: 180px;white-space:normal;}

.banner_txt p{width: 900px;margin: 0 auto; font-size:18px;height: 90px;white-space:normal; }

.bton_con a{position: relative;display: block; width: 234px;height: 62px;border-radius: 62px;border: 1px solid #fff;margin: 0 auto;font-size: 30px;line-height: 62px;overflow: hidden;z-index: 999;}

.bton_con a span{display: block;}

.bton_con a::before{content:attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f41212;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);border: none;}

.bton_con a::before,.bton_con a > span{-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);line-height: 62px;}

.bton_con a:hover{border: none}

.bton_con a:hover::before {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.bton_con a::hover span{opacity: 0;}

/*搜索*/
.search{box-shadow: 5px 5px 5px rgba(0,0,0,.1);}
.search_left{line-height: 56px}
.search_left span{font-size: 18px;font-weight: 600;padding-right: 10px;text-transform: uppercase;color: #c30d23}
.search_left a{padding-right: 20px;color: #333;font-size: 16px}
.search_right{margin-top: 10px;}
.search_in{height: 36px;text-indent: 18px;border: 1px solid #b3b3b3;border-radius:36px;width: 256px;float: left;line-height: 36px;color: #555;}
.seach_btn{ float: left;margin-top:1px;margin-left:-48px;width: 36px;height: 36px;border: 0; background: url(../images/search.png) no-repeat 0 center;}

/*产品*/

.product_titile h6{float: left;width: 80px;line-height: 40px;border-radius:17px;background-color: #c30d23;text-align: center;color: #fff;box-shadow: 4px 1px 8px rgba(36,36,36,.32);}

.product_titile ul{margin-left: 105px}

.product_titile ul li a{position: relative; float: left;display: block; font-size: 16px;line-height: 40px;border: 1px solid #333;border-radius:17px;margin: 0 0 44px 32px;overflow: hidden;height: 40px;transition: all .5s}

.product_titile ul li a span{display: block;padding: 0 12px;}

.product_titile ul li a::before{content:attr(data-text);position: absolute;top: 0;left: -1px;width: 100%;height: 100%;background: #c30d23;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);border: none;text-align: center;color: #fff;border-radius: 17px}

.product_titile ul li a::before,.product_titile ul li > a >span {-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);line-height: 40px;}

.product_titile ul li a:hover{border: none}

.product_titile ul li a:hover::before{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.product_titile ul li a:hover > span{opacity: 0;}

.product_list ul li{position: relative;width: 431px; float: left;margin-left: 55px;text-align: center;}

.product_list ul li:nth-child(3n+1){margin-left:0;}

.product_list ul li .product_list_img{width: 100%;overflow: hidden}

.product_list ul li .product_list_img img{width: 100%;transition: all linear .5s}

.product_list ul li h6{font-size: 18px;color: #333;margin: 24px  0 32px;transition: all linear .5s}

.product_list ul li:hover .product_list_img img{transform: scale(1.2)}

.product_list ul li:hover  h6{color: #c30d23;}

.product_list ul li .product_list_img{

    transform: rotateY(0);

    transition: all 0.50s ease-in-out 0s;

}

.product_list ul li:hover .product_list_img{

    transform: rotateY(-90deg);

}

.product_list ul li .product_list_img img{

    width: 100%;

    height: 311px;

}

.product_list ul li  .box-content{

    width: 100%;

    height: 311px;

    position: absolute;

    top: 0;

    left: 0;

    padding: 60px 20px;

    text-align: center;

    background: rgba(0,0,0,0.7);

    transform: rotateY(90deg);

    transition: all 0.50s ease-in-out 0s;

}

.product_list ul li:hover .box-content{

    transform: rotateY(0);

}

.product_list ul li h4{

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

}

.product_list ul li p{

    font-size: 16px;

    line-height: 24px;

    color: #fff;
	white-space: normal!important;
	overflow: hidden;
  text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;height: 96px;

}

.product_list ul li h4:after,

.product_list ul li p:after{

    content: "";

    width: 80%;

    display: block;

    border-bottom: 1px solid #fff;

    margin: 15px auto;

}

.product_more{position: relative; width: 94px;height: 35px;background-color: #c30d23;border-top-left-radius: 5px;border-bottom-right-radius: 5px;text-align: center;margin: 0 auto;box-shadow: 3px 1px 10px rgba(36,36,36,.25);-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;}

.product_more a{display: block;line-height: 35px;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: bold;margin:16px 0 0}

.product_more::before {content: '';position: absolute;top: -20px;left: -12px;bottom: -20px;right: -12px;background: inherit;border-top-left-radius: 10px;border-bottom-right-radius: 10px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}

.product_more:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

color: #fff1;background-color: #c30d23;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}

.product_more:hover {color: #fff;background-color: #c30d23;}

.product_more:hover::before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);

transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@-webkit-keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

/*关于我们*/

.about{background: url(../images/about_bg.jpg) no-repeat;padding-top: 100px}

.about_con{width:1403px;height: 645px;border:20px solid #fff;box-shadow: 0px 4px 13px rgba(36,36,36,.25);margin:52px 0 60px}

.about_num ul li{text-align: center;width:25%;display:inline-block;}

.about_num ul li span{font-family: impact;font-size: 48px;color: #c30d23;}

.about_num ul li i{font-family: impact;font-size: 48px;color: #c30d23;}

.about_num ul li em{display: block;font-size: 16px;color: #333;margin-top: 10px}

/*案例中心*/

.case_list{}

.case_list ul li{float:right;width: 640px;}

.case_list ul li .case_list_img{width: 255px;float: left;margin-bottom: 46px;overflow: hidden;

/*height: 184px*/
    
}

.case_list ul li .case_list_img img{width: 100%; transition: all .5s;overflow: hidden}

.case_list ul li .case_list_txt{margin-left: 313px}

.case_list ul li .case_list_txt h6{font-size: 24px;color: #333;font-weight: bold;line-height: 24px}

.case_list ul li .case_list_txt p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 10px 0 22px;line-height:30px}

.case_list ul li .case_list_txt span{position: relative; font-size: 18px;color: #333;text-transform: uppercase}

.case_list ul li .case_list_txt span:before{position: absolute;content: "";display: block;bottom:-16px;left:0;width: 80px;height:4px;background-color: #c30d23;z-index:10;transition: all linear .5s}

.case_list ul li:nth-child(1){float: left;width: 694px}

.case_list ul li:nth-child(1) .case_list_img{width: 100%;margin-bottom: 24px;height: 442px;}

.case_list ul li:nth-child(1) .case_list_txt{margin: 448px 0 0}

.case_list ul li:nth-child(1) .case_list_txt p{margin: 20px 0 32px;-webkit-line-clamp: 2;}


.case_list ul li:hover .case_list_txt span:before{width: 180px}

.case_list ul li:hover .case_list_img img{transform: scale(1.2)}

.case_list ul li:nth-child(2) .case_list_txt h6,.case_list ul li:nth-child(3) .case_list_txt h6,.case_list ul li:nth-child(4) .case_list_txt h6{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
/*合作工厂*/

.cooper{background: url(../images/cooper_bg.jpg) no-repeat;margin-top: 54px;padding-top: 70px;}

.cooper_list{height: 60px;overflow: hidden;width: 1403px!important;margin-bottom: 72px}

.cooper_list ul{width: 300%;}

.cooper_list ul li{width: 200px;overflow: hidden;margin: 0 38px;float: left}

.cooper_list ul li img{width:100%;margin: 0 auto}

.cooper_con{position: relative; width: 256px;height: 73px;margin: 0 auto;text-align: center;background-image: -moz-linear-gradient( 90deg, rgb(255,57,57) 0%, rgb(255,136,56) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(255,57,57) 0%, rgb(255,136,56) 100%);background-image: -ms-linear-gradient( 90deg, rgb(255,57,57) 0%, rgb(255,136,56) 100%);border-radius: 73px;}

.cooper_con a{display: block;font-size: 24px;font-weight: bold;color: #fff;line-height: 73px;text-transform: uppercase}

.cooper_xs{position: absolute;bottom: 0;left: 0;z-index: 2}

.cooper_con::before {content: '';position: absolute;top: -20px;left: -12px;bottom: -20px;right: -12px;background: inherit;border-top-left-radius: 10px;border-bottom-right-radius: 10px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}

.cooper_con:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

color: #fff1;background-color: #c30d23;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}

.cooper_con:hover {color: #fff;background-color: #c30d23;}

.cooper_con:hover::before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);

transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@-webkit-keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

/*新闻列表*/

.news_list1{width: 441px;height: 415px;position: relative}

.news_list1 .news_list1_img{width: 100%;overflow: hidden;}

.news_list1 .news_list1_img img{width: 100%;transition: all .5s}

.news_list1 p{font-size: 20px;height: 60px;background-color: rgba(0,0,0,0.4);width: 100%;line-height: 60px;bottom: 0;position: absolute;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}

.news_list2{width: 959px}

.news_list2 ul li{float: left;width: 411px;margin: 0 0 68px 65px;transition: all .4s}

.news_list2 ul li h6{font-size: 20px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .4s}

.news_list2 ul li  p{font-size: 16px;line-height: 30px;color: #666;margin: 12px 0 18px;transition: all .4s}

.news_list2 ul li  span{display: block; font-size: 16px;color: #333;font-weight:bold;transition: all .4s}

.news_list1:hover .news_list1_img img{transform: scale(1.2)}

.news_list2 ul li:hover h6{padding-left:10px;color: #c30d23}

.news_list2 ul li:hover p{color: #333}

.news_list2 ul li:hover span{color: #c30d23}

/*联系我们*/

.contact{padding-bottom: 120px;}

.contact_left{width: 703px;position: relative;}

.contact_left >h6{font-family: ArcaMajora;font-size: 36px;color: #333;margin-bottom: 20px}

.contact_mess p{display: inline-block;vertical-align: middle; font-size: 18px;color: #333;padding: 24px 0 0;}

.contact_mess .tel_1{line-height: 36px;margin-right: 104px}

.contact_mess .tel_1 span{font-family: impact;font-size: 36px;color: #c30d23;vertical-align: middle;}

.contact_mess .mail_1{}

.contact_mess .mail_1 span{font-weight: bold;text-decoration: underline;}

.contact_mess .adress_1 span{font-weight: bold}

.contact_form{margin: 50px 0 32px}

.contact_form form{width:674px}

.contact_form h6{font-size: 30px;color:#333;font-style:italic;font-weight: bold;text-transform: uppercase}

.contact_form ul li{margin-top: 40px;}

.contact_form ul li span{font-size: 18px;color: #333;font-style:italic;text-transform: uppercase}

.contact_form ul li input{display: inline-block;width: 220px;border-bottom: 1px solid rgba(0,0,0,.25);padding-left: 12px}

.contact_form ul li.needs{width: 703px;height: 112px;background: url(../images/input.png) no-repeat 0  46px;}

.contact_form ul li.needs textarea{width:78%;;display: inline-block;vertical-align: middle;line-height: 54px;padding-left: 13px;margin-top: 8px;border: none; font-family:Arial, Helvetica,"Microsoft Yahei",sans-serif;}
.contact_form ul li.needs textarea:focus {
    outline: none;
}
.contact_form ul li.needs span{display: inline-block;vertical-align: middle;margin-top: -40px}
.s_yzm img{margin-left: 426px;margin-top: -50px;height: 46px}

form p.submit{position: relative;z-index: 1;text-align: center;line-height: 36px;margin: 40px auto 52px;width: 163px;}

form p.submit input{position: absolute;z-index: 3;left: 0;top: 0;width: 100%; height: 100%;opacity: 0;}

form p.submit span{display: block;width: 163px;height: 52px;margin: 0 auto;font-size:24px;padding: 5px 15px;background: #fff;border: 2px transparent solid;border-radius: 30px;position: relative;font-weight: bold;color: #c30d23}

form p.submit span:before{content:attr(text);position: absolute;color:#fd9b4b;-webkit-mask:linear-gradient(to bottom,red,transparent);}

form p.submit span:after{ content:'';position: absolute;top: -5px; bottom: -5px;left: -5px; right: -5px;background: linear-gradient(0deg,#c81826, #fd9b4b);border-radius: 30px;z-index: -1;}

.contact_txt{width: 530px; color: #333;}

.contact_txt h6{font-size: 18px;font-weight: bold;margin-bottom: 12px}

.contact_txt p{font-size: 16px;line-height: 36px}

.contact_txt p.contact_txt_top{margin-top: 70px;}

.contact_img{position: absolute;top: -100px;right:-960px}

.contact_txt_top{margin-top: 790px}



p.submit::before {content: '';position: absolute;top: -20px;left: -12px;bottom: -20px;right: -12px;background: inherit;border-top-left-radius: 10px;border-bottom-right-radius: 10px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}

p.submit:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

color: #fff1;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}

p.submit:hover::before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);

transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@-webkit-keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

/*页脚*/

.footer{background-color: #1d1d1d}

.footer_con{color: #fff}

.footer_con >ul >li{padding: 80px 0 64px;float: left;border-left: 1px solid #3a3a3a;height: 373px}

.footer_con >ul >li >h6{font-weight: bold;font-size: 16px;padding-top: 20px}

.footer_con >ul >li >p{font-size: 16px; color: #bfbfbf;line-height: 30px;margin-top:16px;transition: all .5s}

.footer_con >ul >li >p >a{display: block;}

.footer_con >ul >li >p:hover{color: #fff;}

.footer_con >ul >li.footer_1{border: none}

.footer_con >ul >li.footer_1 p{width:466px;padding-right: 42px}

.footer_con >ul >li.footer_2{padding-left: 72px;padding-right: 52px}

.footer_con >ul >li.footer_3{padding-left: 72px;padding-right: 56px}

.footer_con >ul >li.footer_4{padding-left: 71px;color: #fff;width: 356px}

.footer_con >ul >li.footer_4 .p01{color: #fff143;font-weight: bold}

.footer_con >ul >li.footer_4 .p02{text-transform: uppercase;}

.footer_con >ul >li.footer_4 .p03{text-decoration: underline;font-weight: bold}

.footer-widget{padding-left: 1rem!important}
.footer-contable{ border:1px solid rgba(255,255,255,0.16); border-bottom: none;margin-top: 16px}
.footer-contable .contable_item{padding-bottom: 16px}
.contable_item h5{ background: #c30d23; color: #fff; font-size:14px; font-weight: normal; margin-bottom: 12px; width: 132px; height: 28px; line-height: 28px; text-align: center; }

.conta_ul li{ position: relative; height: 30px; }
.conta_ul li h6{ width: 30px; height: 30px; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 30px; background: #124d8f; color: #fff; font-size: 20px; text-align: center; line-height: 30px; }
.conta_ul li .icon_text{ margin-left:24px; padding-top: 2px; padding-bottom: 3px; line-height: 26px; }
.conta_ul li .icon_text p{ color: #fff;white-space: nowrap;}
.conta_ul li .icon_text a{ font-size: 14px; color: #fff; }
.conta_ul li .icon_text a:hover{ color: #c30d23; }

.footer-contable .contable_item:last-child{ border-bottom:none;}

.copy{border-top: 1px solid #3a3a3a;}

.copy p{color: #bfbfbf;line-height: 90px}

.copy .copy2 img{display: inline-block;padding-left: 14px;}



/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:30%; position:fixed; text-align:left;overflow: hidden;z-index:999;}

.right_nav li{background:#c30d23;margin:4px 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: 0;}

.right_nav li .iconBox{text-align:left;overflow: hidden;padding: 10px;}

.right_nav li img{width: 24px;height:24px;margin: 0 auto;}

.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;text-align: center;}

.right_nav li:hover{background:rgba(0,0,0,.6)}

.right_nav li .hideBox{display: none;position: absolute;right:80px;padding:12px 10px 8px;padding-right: 15px; top:-10px;z-index: 999;}

.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #c30d23;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #c30d23;font-size: 20px;font-weight: 400;display: block;white-space: nowrap;margin-bottom: 10px;}

.right_nav li .hideBox .hb p {white-space: nowrap;margin: 5px;}

.right_nav li .hideBox .hb p i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border:1px solid #e5e5e5;border-radius: 50%;margin-right: 10px;}
.right_nav li .hideBox .hb p i img{width: 100%;height: 100%}

.right_nav li .hideBox .hb p a{font-size: 16px;display: inline-block;vertical-align: middle;}


.right_nav li .hideBox:hover{display: block!important;opacity: 1!important}

.right_nav li .hideBox .hb p:hover a{color: #c30d23}