.tras {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.trans-md {-webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.nav-header {position:fixed;top:0;right:0;z-index:50;width:100%;}
.nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden}
.nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible}
.nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}
#topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
#topnav .main{position:absolute;top:0;right:0;width:15%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc}
#topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
#topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}
#topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:15%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 20%;transform:translateY(-50%)}

#topnav .submenu a{position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;}

#topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
#topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%}
@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.m-t-lg {margin-top:60px}	
nav ul li {    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;}
#topnav nav ul li {margin:0}
#topnav nav ul li a{    position: relative;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;padding:0;font-size:16px;color:#2b2b2b}
#topnav nav ul li a:hover,#topnav nav ul li a:focus{background:none;color:#2c1d10}

.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#583afa}
.desktop .mini-header .toplogo:after{background:#583afa}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa}
.mini-header #qtranslate-chooser{color:#583afa}
.full {width:100%;height:100%;overflow:hidden;}
@media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:812px){.p-v-lg{padding-top:.8rem;padding-bottom:.8rem}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px}


@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul li{margin:0}
.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#2c1d10}
.desktop .mini-header .toplogo:after{background:#2c1d10}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10}
.mini-header #qtranslate-chooser{color:#2c1d10}
@media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px}
html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:70px;line-height:70px}
html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px}
.pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%}
#topnav .submenu{right:40%;width:50%;max-width:240px}}
@media (max-width:767px){.header-bg{height:60px;background:#000}
.toplogo{width:140px;height:60px;padding:20px}
.menu_btn{width:60px;height:60px;line-height:60px}
#qtranslate-chooser{width:60px;height:60px;line-height:60px}
#topnav .main{padding-top:.8rem}
#topnav .main nav{max-width:80%}
#topnav .submenu a .title{font-size:12px}}
@media (max-width:767px) and (orientation:portrait){#topnav .main{width:60%;padding-top:100px}
#topnav .submenu{right:40%;width:60%}
.nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}}
@media (orientation:landscape){.iphone_x .header-bg{display:none}
}



.header{position: fixed;width: 100%;z-index: 1000;padding-right:1.6rem;}
.header.is_header{background:white;box-shadow: 0 0 12px rgba(0,0,0,0.5)}

.header.is_header .pad160 .navs ul li a{color:black}
.header .pad160{display:flex;height:1.1rem;line-height:1.1rem}
.header .pad160 .index_btn{width:6.5%;position:relative;background:#e52d1c}
.header .pad160 .index_btn .menu_btn {position:absolute;top:50%;Left:50%;transform:translate(-50%,-50%);height:17px;cursor:pointer;}
.header .pad160 .index_btn .menu_btn span {display:block;width:23px;height:3px;background:white;margin:7px 0;}
.header .pad160 .index_btn .menu_btn:before,.header .pad160 .index_btn .menu_btn:after{content:'';width:23px;height:3px;background:white;display:block;transition:all .4s;position:absolute;top:0;left:0;}
.header .pad160 .index_btn .menu_btn:after {top:auto;bottom:0}
.header .pad160 .index_btn .menu_btn:hover span,.nav-open .header .pad160 .index_btn .menu_btn span{opacity:0;}
.header .pad160 .index_btn .menu_btn:hover:before,.nav-open .header .pad160 .index_btn .menu_btn:before {transform:rotate(45deg) translate(5px,5px) }
.header .pad160 .index_btn .menu_btn:hover:after,.nav-open .header .pad160 .index_btn .menu_btn:after{transform:rotate(-45deg) translate(5px,-5px)}
.header .pad160  .logo{width:12%;background:white}
.header .pad160  .navs {width:79.9%;padding-left:1.07rem}
.header .pad160  .navs ul{display:flex}
.header .pad160  .navs ul li{margin:0 .37rem}
.header .pad160  .navs ul li a{font-size:.17rem;color:white;position:relative}
.header .pad160  .navs ul li a:hover{color:#dc2e2e;transition:.3s}
.header .pad160  .navs ul li a:after{content:"";position:absolute;background:url(/public/common/images/icon1.png) no-repeat;width:.1rem;height:.1rem;left:50%;transform:translateX(-50%);top:70%;opacity:0;transition:.3s}
.header .pad160  .navs ul li a:hover:after{opacity:1;top:65%}
.header .pad160  .navs ul li.active a:after{opacity:1;top:65%}
.header .pad160  .navs ul li.active a{color:#dc2e2e}
.header .pad160 .contact{width:1.6%;display:flex;flex-direction: column;justify-content: center;align-content: center;}
.header .pad160 .contact a{background:url(/public/common/images/icon2.png) no-repeat;height:.3rem;width:.27rem;background-size:.27rem .3rem}
.header.is_header .pad160 .contact a{background:url(/public/common/images/icon2-2.png) no-repeat;height:.3rem;width:.27rem;background-size:.27rem .3rem}

.tem_banner .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_banner .fix_banner {position:fixed;width:100%;height:100%;top:0;left:0;transition:none}
.tem_banner  .label_text{position:absolute;left:50%;transform:translateX(-50%);bottom:24%;z-index:2}
.tem_banner  .label_text h1{font-size:.72rem;text-transform:uppercase;font-weight:bold;color:white;opacity:0;margin:0 0 .15rem;transform:translateY(100px);text-shadow:1px 1px 4px #494949;font-family:"BlackA"}
.tem_banner .swiper-slide-active .label_text h1{transition: 1s;transition-delay:.4s;transform:none;opacity:1;}
.tem_banner  .label_text p{font-size:.24rem;color:white;letter-spacing:2px;opacity:0;;transform:translateY(100px);text-shadow:1px 1px 4px #494949;}
.tem_banner .swiper-slide-active .label_text p{transition: 1s;transition-delay:.6s;transform:none;opacity:1;}
@keyframes dropdown2 {
	form{
		bottom:-1.2rem
	}
	to{
		bottom:-.8rem;
	}
}
.tem_banner .label_text:after{content:'';width:.47rem;height:.47rem;background:url(/public/common/images/icon23.png) 0 0 no-repeat;background-size:.47rem .47rem;position:absolute;left:50%;transform:translateX(-50%);bottom:-1.2rem;animation: dropdown2 .9s 0.2s linear infinite alternate;}
.common {position:relative;background:#FFF;z-index:1}
.index_about  .pad42{padding:.5rem .45rem 1.3rem}
.index_about .infos{height:3.9rem;display:flex;justify-content: center;flex-wrap: wrap;align-content: center;background-size:cover;background-repeat:no-repeat;}
.index_about .infos .left{margin:0 .52rem}
.index_about .infos .left h1{font-size:.16rem;color:white;padding:0 0 .2rem}
.index_about .infos .left p{font-size:.36rem;color:white;font-weight:bold}
.index_about .infos .right{margin:0 .52rem}
.index_about .infos .right p{font-size:.16rem;color:white;padding:.4rem 0 0;line-height:.23rem}
.index_info ul{display:flex;justify-content: space-between;padding:0 0 .9rem}
.index_info ul li{width:25%;display:flex;justify-content: space-between;}
.index_info ul li .img{width:22%}
.index_info ul li .txt{width:71%}
.index_info ul li .txt h1{font-size:.22rem;color:black;font-weight:bold;padding:0 0 .15rem}
.index_info ul li .txt p{font-size:.15rem;color:#323232;line-height:.22rem}
.index_product .pad42{padding:0 .45rem .95rem;display:flex;justify-content: space-between;}
.index_product .pad42 a{width:49.1%;position:relative}
.index_product .pad42 a .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;bottom:18%}
.index_product .pad42 a .txt h1{font-size:.36rem;color:white;font-weight:bold;padding:0 0 .2rem;position:relative}
.index_product .pad42 a .txt p{font-size:.24rem;color:rgba(255,255,255,.5);text-transform:uppercase;font-weight:bold;}
.index_product .pad42 a:first-child .txt h1:after{content:"";position:absolute;background:url(/public/common/images/icon24.png) no-repeat;width:.83rem;height:.79rem;background-size:100%;left:50%;top:-1.1rem;transform:translateX(-50%);transition:.6s}
.index_product .pad42 a:last-child .txt h1:after{content:"";position:absolute;background:url(/public/common/images/icon25.png) no-repeat;width:.73rem;height:.79rem;background-size:100%;left:50%;top:-1.1rem;transform:translateX(-50%);transition:.6s}
.index_product .pad42 a:hover img{transform:scale(1.1)}
.index_product .pad42 a:hover .txt h1:after{top:-1.5rem;transition:.6s}
.index_case{background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.index_case>div{height:7.2rem;display:flex;flex-direction: column;justify-content: center;}
.index_case .text{padding:0 2.25rem 0 1.6rem;display:flex;justify-content: space-between;align-items: center;}
.index_case .text .left{position:relative}
.index_case .text .left h2{font-size:.16rem;color:white;position:absolute;left:0;top:-.5rem}
.index_case .text .left h1{font-size:.36rem;color:white;border-bottom:3px solid white;font-weight:bold}
.index_case .text>h2{font-size:.16rem;color:white;line-height:.23rem}
.index_news{padding:1.2rem 0  1.12rem;}
.index_news .w1400{display:flex;justify-content: space-between;}
.index_news .w1400 .title{width:4%}
.index_news .w1400 .title h1{writing-mode:vertical-rl;font-size:.36rem;color:black;font-weight:bold;position:relative}
.index_news .w1400 .title h1:after{content:"";position:absolute;height:1.1rem;width:3px;background:#2c2c2c;bottom:-1.5rem;left:30%}
.index_news .w1400 .lists{width:94%;padding:0 1.4rem 0 0;position:relative}
.index_news .w1400 .lists .swiper-slide{display:flex;justify-content: space-between;}
.index_news .w1400 .lists .swiper-slide .items{width:49%}
.index_news .w1400 .lists .swiper-slide .items a h1{font-size:.2rem;color:black;font-weight:bold;margin:.3rem 0 .22rem}
.index_news .w1400 .lists .swiper-slide .items a p{color:#565656;font-size:.16rem;line-height:.24rem}
.index_news .w1400 .lists .swiper-slide .items a:hover img{transform:scale(1.1)}
.index_news .w1400 .lists .slide-pagination{position:absolute;right:0;top:0}
.index_news .w1400 .lists .slide-pagination span{width:1rem;height:auto;border-radius:0;background:none;display:inherit;font-size:.16rem;opacity:1;color:#777777;text-align:center;padding:.1rem 0;position:relative}
.index_news .w1400 .lists .slide-pagination span.swiper-pagination-bullet-active{font-size:.6rem;font-weight:bold;color:black}
.index_news .w1400 .lists .slide-pagination span:after{position:absolute;content:"";background:black;height:4px;width:0;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_news .w1400 .lists .slide-pagination span.swiper-pagination-bullet-active:after{width:100%;transition:.3s}
.index_news .more{text-align:center;padding:.6rem 0 0}
.index_news .more a{display:inline-block;padding:.15rem .72rem;background:#c2c2c2;font-size:.16rem;color:white;border-radius:25px}
.index_news .more a:hover{background:#e52d1c;}
.index_contact{padding:3rem  0 1.9rem;background-size:cover;background-repeat:no-repeat}
.index_contact .txt{text-align:center}
.index_contact .txt h1{font-size:.38rem;color:white;font-weight:bold;padding:0 0 .55rem}
.index_contact .txt a{display:inline-block;padding:.18rem .7rem;font-size:.16rem;color:white;border:1px solid white}
.index_contact .txt a:hover{background:#e52d1c;border:1px solid #e52d1c}
.fixed_menu {position:fixed;right:0;top:50%;z-index:3;width:4.8%;}
.fixed_menu  ul{border-radius:20px 0 0 20px;background:#e52d1c}
.fixed_menu  ul li{text-align:center;}
.fixed_menu  ul li a{padding:.65rem 0 .2rem;font-size:.16rem;color:white;border-bottom:2px solid #ab1103;position:relative}
.fixed_menu  ul li:nth-child(1) a:after{content:"";position:absolute;background:url(/public/common/images/icon26.png) no-repeat;width:.27rem;height:.27rem;background-size:100%;left:50%;top:28%;transform:translateX(-50%)}
.fixed_menu  ul li:nth-child(2) a:after{content:"";position:absolute;background:url(/public/common/images/icon27.png) no-repeat;width:.25rem;height:.25rem;background-size:100%;left:50%;top:28%;transform:translateX(-50%)}
.fixed_menu  ul li:nth-child(3) a:after{content:"";position:absolute;background:url(/public/common/images/icon28.png) no-repeat;width:.12rem;height:.25rem;background-size:100%;left:50%;top:28%;transform:translateX(-50%)}
.fixed_menu  ul li:last-child a{border:0}
/**/
.footer{background:#f0f0f0}
.footer>div{padding:.5rem 0  .66rem}
.footer .top{display:flex}
.footer .top .logo{width:14%}
.footer .top .logo a{display:inline-block}
.footer .top .fot_message{width:23%}
.footer .top .fot_message h1{font-size:.16rem;color:#3a3a3a;padding:0 0 .2rem}
.footer .top .fot_message input{padding:.18rem .4rem .18rem .1rem;width:100%;background:none;border:2px solid #d5d5d5}
.footer .top .fot_message  form{position:relative}
.footer .top .fot_message  form button{position:absolute;background:url(/public/common/images/icon15.png) no-repeat;width:.25rem;height:.14rem;border:0;background-size:.25rem .14rem;right:9%;top:50%;transform:translateY(-50%)}
.footer .top .shares{width:63%;padding:.27rem 0 0}
.footer .top .shares ul{display:flex;justify-content: flex-end;}
.footer .top .shares ul li{margin-left:.14rem}
.footer .top .shares ul li a{width:.3rem;height:.3rem;border-radius:100%;background:#6f6f6f;line-height:.3rem;text-align:center;color:white;font-size:.18rem}
.footer .top .shares ul li a:hover{background:#e52d1c;}
.footer .bot{display:flex;align-items: flex-end;padding:.4rem 0 0}
.footer .bot .left{width:14%}
.footer .bot .left h1{font-size:.14rem;color:#3a3a3a;padding:0 0 .15rem}
.footer .bot .left h2{font-size:.16rem;color:#3a3a3a}
.footer .bot  .middle {width:36%}
.footer .bot  .middle ul{display:flex;justify-content: space-between;}
.footer .bot  .middle ul li a{font-size:.16rem;color:#3a3a3a}
.footer .bot   .right{width:50%;text-align:right}
.footer .bot   .right p{font-size:.14rem;color:#868686;padding:0 0 .07rem}
.footer .bot   .right p:last-child{padding:0}
/**/
.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;left:50%;transform:translateX(-50%);width:32%;text-align:center;top:47%}
.tem_banner .flash .txt h1{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .53rem}
.tem_banner .flash .txt p{font-size:.16rem;color:white;line-height:.26rem}
.tem_banner .flash .banner_nav{position:absolute;bottom:0;left:0;background:#2d2d2d;padding:.3rem .38rem .3rem 1.6rem}
.tem_banner .flash .banner_nav ul{display:flex}
.tem_banner .flash .banner_nav ul li {padding:0 .24rem;border-right:2px solid white}
.tem_banner .flash .banner_nav ul li:first-child{padding-left:0}
.tem_banner .flash .banner_nav ul li:last-child{border-right:0}
.tem_banner .flash .banner_nav ul li.active a{color:#e52d1c}
.tem_banner .flash .banner_nav ul li a{font-size:.16rem;color:white}
.tem_banner .flash .banner_nav ul li a:hover{color:#e52d1c}
.about_box .about_company{background:url(/public/common/images/icon9.jpg) no-repeat;background-size:cover}
.about_box .about_company .title{text-align:center;padding:.95rem  0 .72rem}
.about_box .about_company .title h1{font-size:.6rem;color:#e52d1c;font-weight:bold}
.about_box .about_company .infos{padding:0 0 1.4rem}
.about_box .about_company .infos ul{display:flex;padding:0 .55rem;justify-content: space-between;}
.about_box .about_company .infos ul li{width:22%;background:white;box-shadow: 0  0 30px 1px rgba(0,0,0,0.1);padding:.5rem .4rem 0;height:3.4rem;position:relative;z-index:1;cursor:pointer; }
.about_box .about_company .infos ul li:after{content:"";position:absolute;background:#909090;width:.1rem;height:.1rem;border-radius:100%;right:10%;top:8%;transition:2s}
.about_box .about_company .infos ul li:before{content:"";position:absolute;background:#e52d1c;width:100%;height:0;left:50%;top:0;;transform:translateX(-50%);z-index:-1;transition: .6s}
.about_box .about_company .infos ul li:hover:before{height:100%}
.about_box .about_company .infos ul li:hover:after{background:white;transition:.3s}
.about_box .about_company .infos ul li h1{padding:1.1rem 0 .23rem;font-size:.3rem;color:#e52d1c;position:relative;}
.about_box .about_company .infos ul li h1 em{font-size:.48rem;font-weight:bold;margin-right:.05rem}
.about_box .about_company .infos ul li   p{font-size:.16rem;color:#504f4f;margin:0 0 .05rem}
.about_box .about_company .infos ul li:nth-child(1) h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) no-repeat;width:.55rem;height:.53rem;left:0;;top:0;background-size:100%;transition:1.2s}
.about_box .about_company .infos ul li:nth-child(2) h1:after{content:"";position:absolute;background:url(/public/common/images/icon4.png) no-repeat;width:.59rem;height:.49rem;left:0;;top:0;background-size:100%;transition:1.2s}
.about_box .about_company .infos ul li:nth-child(3) h1:after{content:"";position:absolute;background:url(/public/common/images/icon5.png) no-repeat;width:.52rem;height:.48rem;left:0;;top:0;background-size:100%;transition:1.2s}
.about_box .about_company .infos ul li:nth-child(4) h1:after{content:"";position:absolute;background:url(/public/common/images/icon6.png) no-repeat;width:.51rem;height:.49rem;left:0;;top:0;background-size:100%;transition:1.2s}
.about_box .about_company .infos ul li:hover:nth-child(1) h1:after{background:url(/public/common/images/icon3-3.png) no-repeat;width:.55rem;height:.53rem;transition:.3s;background-size:100%}
.about_box .about_company .infos ul li:hover:nth-child(2) h1:after{background:url(/public/common/images/icon4-4.png) no-repeat;width:.59rem;height:.49rem;transition:.3s;background-size:100%}
.about_box .about_company .infos ul li:hover:nth-child(3) h1:after{background:url(/public/common/images/icon5-5.png) no-repeat;width:.52rem;height:.48rem;transition:.3s;background-size:100%}
.about_box .about_company .infos ul li:hover:nth-child(4) h1:after{background:url(/public/common/images/icon6-6.png) no-repeat;width:.51rem;height:.49rem;transition:.3s;background-size:100%}
.about_box .about_company .infos ul li:hover h1{color:white;transition:.3s}
.about_box .about_company .infos ul li:hover h1 em{color:white;transition:.3s}
.about_box .about_company .infos ul li:hover  p{color:white}
.about_box .about_company .content .pad260{padding:0 0 0 2.6rem;display:flex}
.about_box .about_company .content  .img{width:47.5%}
.about_box .about_company .content  .text{width:52.5%;padding: 1.2rem 2.6rem 0 0.77rem;background:url(/public/common/images/icon8.jpg) no-repeat;background-size:cover;}
.about_box .about_company .content  .text h1{font-size:.2rem;color:white;font-weight:bold;padding:.7rem 0 .48rem;position:relative;line-height:.25rem}
.about_box .about_company .content  .text h1:after{content:"";position:absolute;background:url(/public/common/images/icon7.png) no-repeat;width:.39rem;height:.30rem;;left:0;top:0;background-size:100%}
.about_box  .about_honor {background:url(/public/common/images/icon10.png) no-repeat right 90%}
.about_box .about_company .content  .text p{font-size:.16rem;color:white;line-height:.25rem}
.about_box  .about_honor .title{text-align:center;padding:1rem  0 .4rem}
.about_box  .about_honor .title h1{font-size:.6rem;color:#e52d1c;font-weight:bold}
.about_box  .about_honor  .lists a{padding:.18rem;background:white;box-shadow: 0  0 20px 2px rgba(0,0,0,0.2);overflow:hidden}
.about_box  .about_honor  .lists a:hover img{transform:scale(1.1)}
.about_box  .about_honor  .lists .swiper-container{padding:.2rem  0}
.about_box  .about_honor  .lists p{text-align:center;font-size:.16rem;color:#4b4b4b;padding:.22rem 0 0}
.about_box  .about_honor  .lists .swiper-page{display:flex;justify-content: center;padding:.65rem 0 1.1rem;align-items: center;}
.about_box  .about_honor  .lists .swiper-page .slide-pagination{width:auto;font-size:.36rem;color:#484848}
.about_box  .about_honor  .lists .swiper-page .slide-pagination span{font-size:.36rem;color:#484848}
.about_box  .about_honor  .lists .swiper-page .slide-pagination .swiper-pagination-current{color:#e52d1c}
.about_box  .about_honor  .lists .swiper-page .slide-button-prev{width:.8rem;height:.8rem;border:1px solid #e52d1c;border-radius:100%;line-height:.8rem;text-align:center;font-size:.4rem;color:#e52d1c;margin-right:1.4rem}
.about_box  .about_honor  .lists .swiper-page .slide-button-next{width:.8rem;height:.8rem;border:1px solid #e52d1c;border-radius:100%;line-height:.8rem;text-align:center;font-size:.4rem;color:#e52d1c;margin-left:1.4rem}
.about_box  .about_honor  .lists .swiper-page .slide-button-prev:hover{background:#e52d1c;}
.about_box  .about_honor  .lists .swiper-page .slide-button-prev:hover i{color:white}
.about_box  .about_honor  .lists .swiper-page .slide-button-next:hover{background:#e52d1c}
.about_box  .about_honor  .lists .swiper-page .slide-button-next:hover i{color:white}
.about_culture {padding:0 2.6rem .9rem 0;position:relative}
.about_culture .title{position:absolute;left:50%;transform:translateX(-50%);top:10%;z-index:2}
.about_culture .title h1{font-size:.6rem;color:white;font-weight:bold}
.about_culture  .bg{padding: 3.34rem  0 3.1rem 2.6rem;background-size:cover;background-attachment:fixed;position:relative;}
.about_culture  .bg .infos{padding:0 0 0 }
.about_culture  .bg .infos ul {display:flex}
.about_culture  .bg .infos ul li{width:50%;padding:0 0 0 1.4rem;position:relative}
.about_culture  .bg .infos ul li:first-child:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) no-repeat;width:1.14rem;height:1.14rem;background-size:100%;left:0;top:0}
.about_culture  .bg .infos ul li:last-child:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) no-repeat;width:1.14rem;height:1.14rem;background-size:100%;left:0;top:0}
.about_culture  .bg .infos ul li:first-child:before{content:"";position:absolute;background:url(/public/common/images/icon13.png) no-repeat;width:3.344rem;height:0.02rem;right:4%;top:40%;background-size:100%}
.about_culture  .bg .infos ul li:last-child:before{content:"";position:absolute;background:url(/public/common/images/icon14.png) no-repeat;width:1.89rem;height:1.89rem;right:24%;top:40%;background-size:100%}
.about_culture  .bg .infos ul li h1{font-size:.24rem;color:white;padding:.3rem 0 .1rem}
.about_culture  .bg .infos ul li h2{font-size:.24rem;color:white;padding:0 0 .5rem}
.about_culture  .bg .infos ul li  p{font-size:.16rem;color:white}
.about_culture  .bg  a{position:absolute;padding:.15rem .46rem;background:white;font-size:.16rem;color:#555555;border-radius:10px;right:5.5%;bottom:19%}
.about_culture  .bg  a:hover{background:#e52d1c;color:white}

.culture {background:url(/public/common/images/icon18.jpg) no-repeat;background-size:cover}
.culture .title{text-align:center;padding:.9rem 0 .8rem}
.culture .title h1{font-size:.6rem;color:#e52d1c;font-weight:bold}
.culture  .culture_nav ul{display:flex}
.culture  .culture_nav ul li {width:27.5%;margin-right:.6rem;}
.culture  .culture_nav ul li a{background:#eaeaea;padding:.45rem  0 .35rem 1.95rem;border-radius:10px;position:relative;}
.culture  .culture_nav ul li a h1{font-size:.24rem;color:#e52d1c;padding:0 0 .12rem}
.culture  .culture_nav ul li a h2{font-size:.24rem;color:#e52d1c;}
.culture  .culture_nav ul li:first-child a:after{content:"";position:absolute;background:url(/public/common/images/icon16.png) no-repeat;width:1.14rem;height:1.14rem;background-size:100%;left:15%;top:50%;transform:translateY(-50%)}
.culture  .culture_nav ul li:last-child  a:after{content:"";position:absolute;background:url(/public/common/images/icon17.png) no-repeat;width:1.14rem;height:1.14rem;background-size:100%;left:15%;top:50%;transform:translateY(-50%)}
.culture  .culture_nav ul li.active a,.culture  .culture_nav ul li a:hover{background:#fbecea}
.culture   .content{padding:.73rem 0 2.77rem}
.culture   .content p{font-size:.16rem;line-height:.25rem;color:#504f4f}
.product_box{background:#f5f5f5;padding:0 0 1.9rem}
.product_box h1{text-align:center;padding:.9rem 0 .5rem;font-size:.48rem;font-weight:bold;color:#353535}
.product_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .lists:after{content:"";width:31%}
.product_box .lists .items{width:31%;padding:.15rem .2rem .35rem;background:white;margin:0 0 .52rem}
.product_box .lists .items a:hover img{transform:scale(1.1)}
.product_box .lists .items .txt{display:flex;padding:.3rem 0 0;align-items: center;justify-content: space-between;}
.product_box .lists .items .txt p{font-size:.16rem;color:#353535;font-weight:bold}
.product_box .lists .items .txt a{font-size:.14rem;color:#515151;font-weight:bold;padding:0 0 0 .27rem;position:relative}
.product_box .lists .items .txt a:after{content:"";position:absolute;background:url(/public/common/images/icon19.png) no-repeat;width:.18rem;height:.18rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.product_box .lists .items .txt a:hover{color:#e52d1c;}
.product_box .page>*{display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;background:#e5e5e5;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:5px}
.product_box .page .page-num-current{background:#d01723;color:white}
.product_box .page>*:hover{background:#d01723;color:white}
.product_box .page>*:hover i{color:white}
.case .case_school{text-align:center;padding:.9rem 0 1.25rem;background:#f5f5f5}
.case .case_school .imgs{position:relative;display:inline-block}
.case .case_school .imgs .items{position:absolute}
.case .case_school .imgs .items1{top:35%;left:-.2rem}
.case .case_school .imgs .items2{top:2%;left:16%}
.case .case_school .imgs .items3{top:-.3rem;left:55%}
.case .case_school .imgs .items4{top:17%;right:2%}
.case .case_school .imgs .items5{top:69%;right:2%}
.case .case_school .imgs .items6{bottom:-.4rem;right:38%}
.case .case_school .imgs .items7{top:75%;left:8%}
.case .case_school .imgs .items8{top:25%;left:18%}
.case .case_school .imgs .items9{top:12%;left:40%}
.case .case_school .imgs .items10{top:20%;left:62%}
.case .case_school .imgs .items11{top:42%;left:70%}
.case .case_school .imgs .items12{top:65%;left:59%}
.case .case_school .imgs .items13{top:68%;left:30%}
.case .case_school .imgs .items14{top:52%;left:15%}
.case .case_school .imgs a:hover img{transform:scale(1.1)}
.case .case_pics{background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.case .case_pics>div{height:7.2rem;display:flex;flex-direction: column;justify-content: center;}
.case .case_pics .text{padding:0 2.25rem 0 1.6rem;display:flex;justify-content: space-between;align-items: center;}
.case .case_pics .text  h1{font-size:.36rem;color:white;border-bottom:3px solid white;font-weight:bold}
.case .case_pics .text  h2{font-size:.16rem;color:white;line-height:.23rem}
.case .case_info{background:#f5f5f5}
.case .case_info>div{padding:1rem 0 2.4rem}
.case .case_info .swiper-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
.case .case_info .items{width:47.8%;margin:0 0 .7rem}
.case .case_info .items a{padding:.22rem .3rem .42rem;background:white}
.case .case_info .items a p{text-align:center;padding:.3rem 0 0;font-size:.16rem;color:black;font-weight:bold}
.case .case_info .items a:hover{background:#d01723;}
.case .case_info .items a:hover img{transform:scale(1.1)}
.case .case_info .items a:hover  p{color:white}
.case .case_info .slide-pagination{text-align:center}
.case .case_info .slide-pagination span{display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;background:#e5e5e5;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:5px}
.case .case_info .slide-pagination span.swiper-pagination-bullet-active{background:#d01723;color:white}
.news_box>div{padding:0 0 1.66rem}
.news_box .title{padding:.9rem  0 .7rem;text-align:center}
.news_box .title h1{font-size:.48rem;color:#353535;font-weight:bold}
.news_box  .top{display:flex;justify-content: space-between;}
.news_box  .top .zhiding{width:66%;position:relative}
.news_box  .top .zhiding  a {position:relative}
.news_box  .top .zhiding  a:hover img{transform:scale(1.1)}
.news_box  .top .zhiding  a p{position:absolute;bottom:0;width:100%;left:0;padding:.37rem .4rem .27rem;background:rgba(0,0,0,.5);font-size:.18rem;color:white}
.news_box  .top .zhiding  .slide-pagination{position:absolute;right:2%;bottom:5%;z-index:2}
.news_box  .top .zhiding  .slide-pagination span{width:.17rem;height:.17rem;opacity:1;background:none;border:2px solid white;margin:0 .08rem}
.news_box  .top .zhiding  .slide-pagination .swiper-pagination-bullet-active{background:#e52d1c;border:2px solid #e52d1c}
.news_box  .top .tuijian{width:31%;display:flex;flex-wrap: wrap;align-content: space-between;}
.news_box  .top .tuijian a {position:relative}
.news_box  .top .tuijian a .txt{position:absolute;bottom:0;width:100%;left:0;padding:.22rem .2rem .14rem;background:rgba(0,0,0,.5);font-size:.16rem;color:white}
.news_box  .top .tuijian a:hover img{transform:scale(1.1)}
.news_box  .lists {padding:.4rem 0}
.news_box  .lists .items{padding:.3rem 0;border-bottom:1px solid #e1e1e1 }
.news_box  .lists .items a{display:flex;padding:.25rem .2rem;justify-content: space-between;}
.news_box  .lists .items a .img{width:30%}
.news_box  .lists .items a:hover{background:#ececec}
.news_box  .lists .items a:hover img{transform:scale(1.1)}
.news_box  .lists .items a .text{width:65%}
.news_box  .lists .items a .text h1{font-size:.18rem;color:black;font-weight:bold;margin:.35rem 0 .22rem}
.news_box  .lists .items a .text p{font-size:.16rem;color:#555555;line-height:.22rem}
.news_box  .lists .items a .text span{display:inline-block;margin:.65rem 0 0;color:#616161;font-size:.16rem}
.news_box  .lists .slide-pagination{text-align:center;margin:.7rem 0 0}
.news_box  .lists .slide-pagination span{display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;background:#e5e5e5;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:5px}
.news_box  .lists .slide-pagination span.swiper-pagination-bullet-active{background:#d01723;color:white}
.contact_box .contact>div{}
.contact_box .contact .title{text-align:center;padding:.9rem 0 .65rem}
.contact_box .contact .title h1{color:#353535;font-size:.48rem;font-weight:bold}
.contact_box .contact .tit{padding:0 0 .55rem}
.contact_box .contact .tit h1{font-size:.24rem;position:relative;display:inline-block;padding:.15rem 0 0}
.contact_box .contact .tit h1:after{position:absolute;content:"";background:#e52d1c;left:0;top:0;width:.25rem;height:3px}
.contact_box .contact  .infos{display:flex;align-items: center;justify-content: space-between;padding:0  0 .3rem}
.contact_box .contact  .infos ul {display:flex;justify-content: space-between;width:82%}
.contact_box .contact  .infos ul li{width:30%;height:2.8rem;display:flex;flex-direction: column;justify-content: center;align-items: center;border:2px solid #656565;padding:0 .3rem;text-align:center}
.contact_box .contact  .infos ul li h1{font-size:.18rem;color:black;padding:.15rem 0 .35rem}
.contact_box .contact  .infos ul li p{font-size:.15rem;color:#656565;padding:0 0 .08rem}
.contact_box .contact  .infos .right{width:10%}
.contact_box .contact  .infos .right .img{border:2px solid black}
.contact_box .contact  .infos .right p{padding:.2rem 0 0;color:#5a5a5a;font-size:.15rem}
.contact_box .message>div{padding:.87rem 0 2.27rem}
.contact_box .message .title{padding:0 0 .7rem}
.contact_box .message .title h1{font-size:.48rem;position:relative;display:inline-block;padding:.15rem 0 0}
.contact_box .message .title h1:after{position:absolute;content:"";background:#e52d1c;left:0;top:0;width:.25rem;height:3px}
.contact_box .message  .form{}
.contact_box .message  .form .top{display:flex;justify-content: space-between;}
.contact_box .message  .form .top .input{width:31%}
.contact_box .message  .form  p{font-size:.16rem;padding: 0 0 .2rem;font-weight:bold}
.contact_box .message  .form .top .input input{width:100%;padding: .2rem;;border:1px solid black}
.contact_box .message  .form .bot {padding:.6rem 0 }
.contact_box .message  .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;border:1px solid black}

.contact_box .message  .form .button input{padding:.15rem .5rem;background:#e52d1c;border:0;color:white;font-size:.15rem}


/**/
/*会员登录*/
.login_box{padding:1.1rem 0 1.15rem;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
.login_box:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.28);position:absolute;top:0;left:0;z-index:1}
.login_box .mains{border-radius:10px;padding:.45rem .7rem 1.4rem;position:relative;z-index:2}
.login_box .mains>p{text-align:right;margin:0 0 .85rem}
.login_box .mains>p a{font-size:.14rem;color:#FFF}
.login_box .mains>p img {max-height:.1rem;transition:none;margin-left:.1rem;}
.login_box .mains h4 {font-size:.36rem;color:#FFF;text-align:center;margin:0 0 .8rem;}
.login_box .mains .lists {text-align:center;}
.login_box .mains .lists input{width:6.39rem;max-width:100%;border:1px solid #FFF;border-radius:6px;background:none;font-size:.16rem;color:#FFF;min-height:35px;padding:0 .25rem;height:.69rem}
.login_box .mains .lists .form-group{margin:0 0 .2rem;}
.login_box .mains .lists input::-webkit-input-placeholder{color:#FFF}
.login_box .mains .lists input:-moz-placeholder{color:#FFF}
.login_box .mains .lists input::-moz-placeholder{color:#FFF}
.login_box .mains .lists input:-ms-input-placeholder{color:#FFF}
.login_box .mains .lists button {width:6.39rem;max-width:100%;background:#e52d1c;border-radius:6px;text-align:center;border:0;height:.6rem;min-height:35px;font-size:.16rem;color:#FFF}
.login_box .mains .lists .form-group:last-child{margin:.7rem  0 0}
.login_box .mains .lists .form-group span.text-secondary{font-size:.14rem;color:#FFF;display:block;margin:.65rem 0 0}
.login_box .mains .lists .form-group span.text-secondary a{font-size:.14rem;color:#FFF;display:inline-block;}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
	.tem_banner .flash .txt{width:35%}
	.about_box .about_company .content .pad260{padding:0 0 0 1.6rem}
	.about_box .about_company .content .text{padding:.8rem 1.6rem 0 0.77rem}
	.about_culture{padding:0 1.6rem .9rem 0}
	.about_culture .bg{padding:3.34rem  0 3.1rem 1.4rem}
}
@media(max-width:1600px){
.header{padding-right:1rem;}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.header .pad160 .navs{display:none}
	.header .pad160 .index_btn{width:20%}
	.header{padding:0}
	.header .pad160 .logo{width:30%}
	.header .pad160 .index_btn .menu_btn{width:32%}
	.header .pad160 .contact{width:50%;display:flex;align-items: flex-end;padding:0 .5rem 0 0}
	.tem_banner .label_text{bottom:54%;}
	.fixed_menu{width:15%}
	.index_about .infos{display:inherit;padding:.5rem 0 0 }
	.index_about .infos .right p{line-height:.25rem}
	.index_info ul{display:inherit}
	.index_info ul li{width:100%}
	.index_info ul li .img{width:15%}
	.index_info ul li .txt{width:80%}
	.index_product .pad42{display:inherit}
	.index_product .pad42 a{width:100%;margin:0 0 .2rem}
	.index_case .text .left{margin:0 0 .2rem}
	.index_case .text .left h1{display:inline-block}
	.index_case .text{display:initial;padding:0;}
	.footer .top .fot_message{display:none}
	.footer .top .logo{width:37%}
	.footer .bot .middle{display:none}
	.footer .bot .left{width:37%}
	.footer .bot .right{width:63%}
	.tem_banner .flash .txt{display:none}
	.about_box .about_company .infos ul{display:flex;flex-wrap: wrap;padding:0 .2rem}
	.about_box .about_company .infos ul li{width:48%;margin:0 0 .2rem}
	.about_box .about_company .infos ul li h1{padding:.8rem 0 .23rem}
	.tem_banner .flash .banner_nav{padding:.3rem .38rem .3rem .6rem}
	.about_box .about_company .content .pad260{padding:0;display:inherit}
	.about_box .about_company .content .img{width:100%}
	.about_box .about_company .content .text{width:100%}
	.about_box .about_company .content .text{padding:.8rem  .5rem 0.77rem}
	.about_culture{padding:0}
	.about_culture .bg{padding:3.34rem  0 3.1rem 0}
	.about_culture .bg .infos ul li:first-child:before{display:none}
	.about_culture .bg .infos ul li:last-child:before{display:none}
	.culture .culture_nav ul li{width:100%;margin:0 0 .2rem}
	.culture .culture_nav ul{display:inherit}
	.culture  .culture_nav ul li:first-child a:after{left:5%;}
.culture  .culture_nav ul li:last-child  a:after{left:5%;}
.product_box .lists .items{width:48%}
.product_box .lists .items .txt{display:inherit}
.case .case_school .imgs .items{width:15%}
    .case .case_pics .text{display:initial;padding:0}
    .case .case_pics .text h1{display:inline-block;margin:0 0 .2rem}
    .news_box .lists .items a{display:flex;align-items: center;}
    .contact_box .contact .infos{display:inherit}
    .contact_box .contact .infos ul{width:100%;display:inherit}
    .contact_box .contact .infos ul li{width:100%;margin:0 0 .1rem}
    .contact_box .contact .infos .right{width:100%}
    .contact_box .contact .infos .right p{text-align:center}
    .contact_box .message .form .top{display:inherit}
    .contact_box .message .form .top .input{width:100%}


	
}
/********mobile*********/
@media(max-width:767px){
	

}