.salc100{ width: 100%; }



*{
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.blank15{ height: 15px; background-color: #fff; position: relative; z-index: 5555; }
.blank100{ height: 100px; clear: both; }
a:hover{ color: #FF0000;}

.clrwht{ color: #fff; }
div,a,button{outline:none;}
   
body{ overflow-x: hidden;  font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }
.header{ height: 100px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: fixed; z-index: 9900; background-color: #fff; width: 100%; }
.logo{ line-height: 100px; display: inline-block; }
.nav_box{ float: right; padding-right: 160px; }
.top_nav{ display: inline-block; padding:0 20px; }
.top_nav a{ color: #333; font-size: 16px; }
.top_nav li{ display: inline-block; line-height: 100px; padding:0 20px; position: relative; }
.top_nav li:after{ content: ""; width: 29px; height: 2px;  background-color: #fa2b04; position: absolute; right: 0; left: 0; bottom: 22%; margin: 0 auto; display: none; }
.top_nav li.active a,.top_nav li:hover a{ color: #e26a04; }
.top_nav li.active:after{display: block;}


.header .san{ position: absolute; right: 20px; top: 23px; width:24px;height:16px; box-sizing:border-box;cursor:pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span{
    width:100%;
    position:absolute;;
    height:2px;background:#333;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span:nth-child(1){top:0;}
.header .san span:nth-child(2){top:7px;}
.header .san span:nth-child(3){bottom:0;}

.header .san.cur{width:28px;height:22px;  background-color: #fff; top: 20px;  padding:10px 0px;  z-index: 212; display: flex; }
.header .san.cur span:nth-child(1){ background-color: #f00;
    top: 50%;margin-top:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .san.cur span:nth-child(2){ display: none; }
.header .san.cur span:nth-child(3){background-color: #f00;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom:50%;margin-bottom:-1px;
}
.header .san.cur{ transform: scale(0.9); }
.search{ position: absolute; right: 80px; top: 40px;}
.search .searchbox{ display: inline-block; margin-right: 50px;}
.mc_search_xl {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    height: 160px;
    border-top: 1px solid #dfdede;
    z-index: 9999;
    background: #fff;
    display: none;
    transition: top 0.36s;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
		
}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}.mc_scm_form {
    width: 690px;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
		border:none
}
.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mc_msc_submit img {
    width: 100%;
}


.interna{ right: 0; top: 32px; position: absolute;}
.interna a{  display: block; border: 1px solid #333; padding:5px 8px 5px 32px; font-size: 14px; line-height: 20px; height: 20px; background: url(../images/public/inter_icon.png) no-repeat 10px center ;}


.banner{  z-index: 444;  position: relative;}
.banner img{ width: 100%;  }
.sinceits{position: absolute; width: 75%; margin:0 auto; left: 0; top: 20%; right: 0;}
.sinceits h2{}
.sinceits h2 p::before{content: ""; width: 68px; height: 4px;  background-color: #fa2b04; position: absolute;  left: 0; top: -20px; }
.sinceits h2 p{ position: relative; font-size: 80px; font-weight: bold; line-height: 100px;}
.sinceits h2 a{ margin-top: 30px; display: inline-block; padding:10px 30px; background-color: #f10909; color: #fff; font-size: 20px;}
.sinceits img{float: right; width: auto;}
.banner .swiper-pagination-bullet{ background-color: #fff; opacity:1 ;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 75%; margin:0 auto; left: 0; right: 0; bottom: 50px;}
.banner .swiper-pagination{ text-align: right; }
.banner .swiper-pagination-bullet{ width: 52px; height: 6px; border-radius: 1px;}
.banner .swiper-pagination-bullet-active{background: #e26a04;}
.downward{ width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 5556;}
.downward img{ width: auto;}


.footer{ background: #333; padding:65px 0 30px; }
.fotnaviga{}
.fotnavtxt .layui-row{}
.fotnavtxt .layui-row ul{padding-top: 20px;}
.fotnavtxt .layui-row h2{ color: #fff; font-size: 16px; font-weight:bold; }
.fotnavtxt .layui-row ul li{ color: #fff; font-size: 16px; line-height: 40px; 
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}
.fotnavtxt .layui-row ul li a{ font-size: 14px; color: #cccccc; }
.fotnavtxt .layui-row ul li a:hover{ color: #f10909;}
.fotnavtxt .layui-row ul li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fotnavtxt .layui-row ul li p a{ font-size: 14px; color: #cccccc; }
.fotnavtxt .layui-row ul li p a:hover{ color: #f10909;}

.fotcontact h2{ color: #fff; font-size: 16px; font-weight:bold; }
.fotcontact h3{ padding-top: 20px;}
.fotcontact h3 p{padding:5px 0; line-height: 40px; padding-left: 40px; color: #fff; font-weight: bold; }
.fotcontact h3 p:nth-child(1){ background: url(../images/public/iphone.png) no-repeat center left; }
.fotcontact h3 p:nth-child(2){ background: url(../images/public/fax.png) no-repeat center left; }
.fotcontact h3 p:nth-child(3){ background: url(../images/public/mail.png) no-repeat center left; }
.fotcode{ text-align: center;}
.fotcode p { line-height: 30px;  color: #fff; font-weight: bold; }

.links{padding:50px 0 20px;}
.links ul{position: relative; padding:0 0 0 90px; }
.links ul h2{position: absolute; left: 0; top: 12px; font-size: 16px; color: #fff;}
.links ul li{float: left; padding:5px; }

.copyright{ font-family: '黑体'; text-align: center; font-weight: bold; font-size: 16px; color: #fff; padding:30px 0; line-height: 20px; }




/*向下滑动的动画效果*/
@-webkit-keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
@keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
/*向上滑动的动画效果*/
@-webkit-keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
@keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
/*应用动画，添加按钮效果*/
.scroll-down {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-down span {
    position: relative;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.scroll-up {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-up span {
    position: relative;
    -webkit-animation-name: dropup;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: dropup;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}


.wrapper{ background-color: #f9f9f9; padding:30px 0; }

.modal-open {
    overflow: hidden;
}



.customer{position: fixed; transition: all 1s;transform: translateX(100%);   z-index: 4566;right: 0; top:20%;}
.customer .custrbox{ background-color: #bd1414; color:#fff; padding:10px 0 5px 20px;}
.customer .custrbox h3{ background: url(../images/public/telephone.png) no-repeat center left; border-bottom: 1px solid #fff; height:40px;line-height: 40px; padding:0 0 0 25px; font-size:18px;}
.customer .custrbox ul{ padding:10px 35px 10px 2px; font-size:14px;}
.customer .custrbox ul li{padding:8px 0;line-height: 22px;}
.custrbox .openbtn{position: absolute; top: 50%; right: 10px; margin-top: -20px; z-index: 456;}
.openbox{transform: translateX(0);}

.leaveone{ transition: all 1s; transform: translateX(0%);  position: fixed; top: 38%; right: 0px;margin-top: -40px; z-index: 9906;text-align:center;}
.leaveone.put{transform: translateX(100%);}
.leaveone ul li{margin:2px 0;}
.leaveone ul li a{background-color: #bd1414; display:block; width: 55px; height: 55px; display: table-cell; vertical-align: middle;text-align: center; }
.leaveone ul li .icontop{background-color: #a5a4a4;}
.leaveone ul li img{ width: 24px;vertical-align: middle; } 
.video_guard video{ object-fit:fill; width: 100%; } 
.vid_icon01{background:url(../images/icon.png) no-repeat center/cover; position: absolute; width: 110px; height: 110px; left: 50%;top: 50%; margin-top: -55px; margin-left: -55px; z-index: 222;}





.index-title {
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    color: #00498f;
    padding-bottom: 18px;
    background: url(../images/public/line-03.png) center bottom no-repeat;
    text-transform: uppercase;
    text-align:center;
}
.contact-mc{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9902;
    background: rgba(0,0,0,.6);
    display: none;
}
.contact-tc{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9905;
    padding: 52px 100px 60px;
    background: #fff;
    width: 1400px;
    max-width: 90%;
    max-height: calc(100% - 100px);
    overflow: auto;
    display: none;
}
.contact-tca{
    background: #fff;
    overflow: auto;
    display: block;
    position: relative;
    margin:10px auto 30px!important;
}
.contact-tc-close{
    position: fixed;
    right: 30px;
    top: 30px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.contact-tc-des{
    font-size: 16px;
    line-height: 26px;
    color: #888;
    text-align: center;
    margin-top: 22px;
}


.contact-tc-close{
    position: fixed;
    right: 30px;
    top: 30px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.contact-tc-des{
    font-size: 20px;
    line-height: 26px;
    color: #000;
    text-align: center;
    margin-top: 22px;
}
.contact-tc-form{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 24px;
    width: 100%;*/
}
.contact-tc-form  li{
       /* width: 50%;
        padding-left: 16px;
        padding-right: 16px;*/
    }
.contact-tc-form .div-01{
        padding-left: 123px;
        margin-top: 20px;
    }
.contact-tc-form .span-title{
        float: left;
        width: 123px;
        margin-left: -143px;
        font-size: 14px;
        line-height: 48px;
        color: #333;
        text-align: right;
        white-space: nowrap;
        padding-right: 10px;       
    }
.contact-tc-form .span-title bdo{
            color: #bd1414;
            font-weight: bold;
     }
.contact-tc-form .put-01{
        background: none;
        outline: none;
        width: 100%;
        height: 48px;
        border: 1px solid #e6e6e6;
        font-size: 14px;
        color: #888;
        line-height: 48px;
        display: block;
    }
.contact-tc-form .select-01{
        background: none;
        outline: none;
        display: block;
        width: 100%;
        height: 48px;
        border: solid 1px #e6e6e6;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        background: url("../images/public/icon-13.png") no-repeat scroll right 20px center transparent;
        padding-right: 46px;
        padding-left: 10px;
        color: #888;
        &::-ms-expand { display: none; }
    }
.contact-tc-form .text-01{
        resize: none;
        background: none;
        outline: none;
        width: 100%;
        height: 150px;
        line-height: 24px;
        border: solid 1px #e6e6e6;
    }
.contact-tc-form  .label-01{
        display: flex;
        align-items: center;
        font-weight: normal;
        font-size: 14px;
        color: #666;
        cursor: pointer;             
    }
.contact-tc-form  .label-01 input{
            display: none;
        }
.contact-tc-form  .label-01 span{
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url('../images/public/icon-14.png') center no-repeat;
            margin-right: 10px;
}
.contact-tc-form  .label-01 input:checked + span{
            background: url('../images/public/icon-14h.png') center no-repeat;
}
.contact-tc-form .but-01{
        border: none;
        background: none;
        outline: none;
        width: 180px;
        height: 50px;
        background: #bd1414;
        border-radius: 10px;
        font-size: 16px;
        color: #fff;
    }
.contact-tc-form .li1{
        width: 100%;
        
    }
.contact-tc-form .li1 .div-01 .span-title{         
          line-height: normal;
 }

/*==========================================设备分辨率 开始=============================================*/

.phone{display:none;}
.pc{ display: block; }
.mobile{ display: none!important; }
.iphone{ display: none!important; }
.pcside{ display: block!important; }
@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){
.phone{display:block;}
.pc{ display: none; }
.mobile{ display: block!important; }
.pcside{ display: none!important; }
.iphone{ display: block!important; }

.header{ height: 60px; z-index: 555; }

.logo{ line-height: 60px; }
.logo img{ width: 130px; }

.nav_box{ float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #c1141b;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
		left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}


.top_nav{ display:block; padding:20px 25px 20px;  }
.top_nav a{ color: #fff!important;  font-size: 16px; width: 100%; display: block; }
.top_nav li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav li.active a{font-weight: bold;}
.top_nav li:after{ display: inline-block; display: none!important;}
.top_nav li:last-child:after{display: none!important;}
.top_nav li a:hover{ color: #d10000; }
.blank100{ height: 60px; clear: both; }

.search{top:22px; right: 40px;}
.searchbox{ padding-right:10px}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px;   background: url(../images/public/inter_icon2.png) no-repeat 10px center ; color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }




.search .searchbox{ margin-right: 10px;}
.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;	width: 26px;}


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 18px;line-height:22px;}
.sinceits h2 a{ margin-top: 10px;  padding:5px 10px;  font-size: 12px;}
.sinceits img{float: right; width: 200px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 10px;}
.banner .swiper-pagination-bullet{ width: 22px; height: 3px; border-radius: 1px;}
.downward{ bottom: 5px;}
.downward img{ width: 10px;}




.footer{padding:35px 0 15px; }
.fotnavtxt .layui-row div{ padding:10px 0; }
.fotnavtxt .layui-row ul{padding-top: 10px;}
.fotnavtxt .layui-row h2{ font-size: 14px;}
.fotnavtxt .layui-row ul li{  line-height: 20px; padding:0 10px 0 0; }
.fotnavtxt .layui-row ul li a{ font-size: 14px; }
.fotnavtxt .layui-row ul li p a{ font-size: 12px; }
.fotnavcont{padding-top: 15px;}

.fotcontact h2{  font-size: 14px;  }
.fotcontact h3{ padding-top: 10px;}
.fotcontact h3 p{padding:5px 0; font-size: 14px; line-height: 28px; padding-left: 30px;  }
.fotcode{ padding-top: 25px; }
.fotcode p { line-height: 20px; font-size: 14px; padding-top:5px; }
.fotcode img{ width: 100px; }

.links{padding:20px 0 10px;}
.links ul{padding:0 0 0 0; }
.links ul h2{ left: auto; top: auto; font-size: 14px; position: relative; padding-bottom: 10px; font-weight: bold;}
.links ul li{padding:5px; }
.copyright{ font-size: 12px; font-weight: normal;  padding:20px 0; line-height: 18px; }



.customer{ top:10%; display:none}
.customer .custrbox{ padding:10px 0 10px 20px;}
.customer .custrbox h3{ height:30px;line-height: 30px; padding:0 0 0 22px; font-size:14px;}
.customer .custrbox ul{ padding:10px 15px 10px 2px; font-size:12px;}
.customer .custrbox ul li{padding:5px 0;line-height: 20px;}
.leaveone,.awaybtn{  }

.contact-tc{
    padding: 30px 20px 20px;
    max-width: 80%;
    width: 80%;
    max-height: calc(100% - 200px);
}
.index-title{ font-size: 24px; }
.contact-tc-form .div-01 {padding-left: 0; margin-top: 5px;}
.contact-tc-form .span-title{ text-align: left; float: initial;margin-left:0;    line-height: 30px;}
.contact-tc-form .text-01{margin-top: 10px;}
.contact-tc-form .but-01{width: 100%;}
.contact-tc-close{ width: 20px; top: 20px; right: 20px; }

}



/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1440px!important; }
}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1440px!important; }
	 
	 .sinceits{ width: 90%; top: 20%;}
	 .sinceits img{float: right; width: 800px;}


}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
    .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1400px!important; }

  .kindle01 img{ max-width: 100%;  }
  .top_nav li{padding:0 22px;}
	
	.sinceits{ width: 90%; top: 20%;}
	.sinceits h2 p{ font-size: 60px;line-height:80px;}
	.sinceits img{float: right; width: 700px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
	.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}
	.downward{ bottom: 5px;}
	.downward img{ width: 12px;}
}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 .layui-col-5ths {   width: 20%!important;   float: left;  }
 .layui-container{ width: 1200px!important; }
.top_nav li{    padding: 0 10px;}
.nav_box{padding-right: 150px;}

.sinceits{ width: 90%; top: 20%;}
.sinceits h2 p::before{width: 48px; height: 3px;  top: -10px; }
.sinceits h2 p{ font-size: 55px;line-height:60px;}
.sinceits h2 a{ margin-top: 20px;  padding:15px 30px;  font-size: 18px;}
.sinceits img{float: right; width: 650px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}
.downward{ bottom: 5px;}
.downward img{ width: 12px;}


.customer{ top:20%;}
.customer .custrbox{ padding:10px 0 10px 20px;}
.customer .custrbox h3{ height:30px;line-height: 30px; padding:0 0 0 22px; font-size:14px;}
.customer .custrbox ul{ padding:10px 15px 10px 2px; font-size:12px;}
.customer .custrbox ul li{padding:5px 0;line-height: 20px;}

.contact-tc{
    padding: 30px 20px 20px;
    max-width: 90%;
    width: 90%;
    max-height: calc(100% - 200px);
}


}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

.layui-container{ width: 960px!important; }
.nav_box{padding-right: 140px;}
.top_nav li{ padding:0 5px; }
.search { right: 70px;}
.search .searchbox{padding-right: 0px;}

.sinceits{ width: 88%; top: 20%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 40px;line-height:50px;}
.sinceits h2 a{ margin-top: 10px;  padding:15px 30px;  font-size: 18px;}
.sinceits img{float: right; width: 600px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}
.downward{ bottom: 5px;}
.downward img{ width: 12px;}
.fotcode img{ width: 120px;}
.fotcontact h3 p{padding-left: 30px;}


.customer{ top:15%;}
.customer .custrbox{ padding:10px 0 10px 20px;}
.customer .custrbox h3{ height:30px;line-height: 30px; padding:0 0 0 22px; font-size:14px;}
.customer .custrbox ul{ padding:10px 15px 10px 2px; font-size:12px;}
.customer .custrbox ul li{padding:5px 0;line-height: 20px;}

.contact-tc{
    padding: 30px 20px 20px;
    max-width: 90%;
    width: 90%;
    max-height: calc(100% - 200px);
}


}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.phone{display:block;}
.pc{ display: none; }

.header{ height: 60px; }
.logo{ line-height: 60px; }
.logo img{ width: 130px; }

.search .searchbox{ margin-right: 10px;}
.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;	width: 26px;}

.main_moblie{ display: block; }
.nursery,.gratuitously{ display: none; }
.pcside{ display: none!important; }
.blank_head{ height: 65px; }
.ginar_txt h1{ padding-top: 30px; }
.naviga{display: block;}

.iphone{display: block!important; }

.blank100{ height: 60px; clear: both; }

.nav_box{ float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #c1141b;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
		left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}

.top_nav{ display:block; padding:20px 25px 20px;  }
.top_nav a{ color: #fff!important;  font-size: 16px; width: 100%; display: block; }
.top_nav li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav li.active a{font-weight: bold;}
.top_nav li:after{ display: inline-block; display: none!important;}
.top_nav li:last-child:after{display: none!important;}
.top_nav li a:hover{ color: #d10000; }

.search{top:23px; right: 55px;}
.search .searchbox{ padding-right:10px}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px;   background: url(../images/public/inter_icon2.png) no-repeat 10px center ; color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 36px;line-height:45px;}
.sinceits h2 a{ margin-top: 10px;  padding:10px 20px;  font-size: 14px;}
.sinceits img{float: right; width: 450px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}
.downward{ bottom: 5px;}
.downward img{ width: 12px;}



.footer{padding:25px 0 15px; }
.fotnavtxt .layui-row div{ padding:15px 0; text-align: center;}
.fotnavtxt .layui-row ul{padding-top: 10px;}
.fotnavtxt .layui-row h2{ font-size: 16px;}
.fotnavtxt .layui-row ul li{  line-height: 30px;  }
.fotnavtxt .layui-row ul li a{ font-size: 16px; }
.fotnavcont{padding-top: 15px;}
.fotcontact{ padding-left: 20%;}
.fotcontact h2{  font-size: 16px;  }
.fotcontact h3{ padding-top: 10px;}
.fotcontact h3 p{padding:5px 0; font-size: 14px; line-height: 28px; padding-left: 30px;  }
.fotcode{ padding-top: 25px; padding-right: 20%; }
.fotcode p { line-height: 20px; font-size: 14px; padding-top:5px; }
.fotcode img{ width: 100px; }
.links{padding:20px 0 10px;}
.links ul{padding:0 0 0 0; }
.links ul h2{ left: auto; top: auto; font-size: 14px; position: relative; padding-bottom: 10px; font-weight: bold;}
.links ul li{padding:5px; }
.copyright{ font-size: 12px; font-weight: normal;  padding:20px 0; line-height: 18px; }


.customer{ top:10%; display:none}
.customer .custrbox{ padding:10px 0 10px 20px;}
.customer .custrbox h3{ height:30px;line-height: 30px; padding:0 0 0 22px; font-size:14px;}
.customer .custrbox ul{ padding:10px 15px 10px 2px; font-size:12px;}
.customer .custrbox ul li{padding:5px 0;line-height: 20px;}
.leaveone,.awaybtn{  }

.contact-tc{
    padding: 30px 20px 20px;
    max-width: 90%;
    width: 90%;
    max-height: calc(100% - 200px);
}


}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){

.kindle01 img{ max-width: 100%;  }


}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {

.kindle01 img{ max-width: 100%;  }




}
 /*内页宽1500*/

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
 @media screen and (min-width: 1160px){

 .layui-col-5ths {
        width: 20%;
        float: left;
    }
}