@media only screen and (max-width:639px){

  html{font-size:15px;}

}



@media only screen and (max-width:519px){

  html{font-size:13px;}

}



@media only screen and (max-width:449px){

  html{font-size:12px;}

}



@media only screen and (max-width:379px){

  html{font-size:10px;}

}

*{margin:0; padding:0; font-family:"Microsoft Yahei", "黑体";}

a{text-decoration:none;}

li{list-style:none;}



body{max-width:640px; margin:auto;}



header{overflow:hidden;}

header .logo{padding:1rem;}

header .logo img{max-width:215px; width:45%;}

header .contact{float:right;}

header .contact p{padding-left:2rem; background:no-repeat left center/auto 100%; margin:0.5rem 0;}

header .contact p:nth-child(1){background-image:url(../image/icon-tel.png);}

header .contact p:nth-child(2){background-image:url(../image/icon-mo.png);}

header .contact p a{font-size:1.5rem;}

header .contact p:nth-child(1) a{color:#ce312c;}

header .contact p:nth-child(2) a{color:#333;}

ul.nav{background:#ce312c; overflow:hidden; width: 100%;}

ul.nav li{width:24%; float:left; border-right:1px solid #fff;}

ul.nav li:nth-last-child(1){border:none;}

ul.nav li a{display:block; color:#fff; font-size:1.5rem; font-weight:lighter; text-align:center; line-height:5rem;}





.banner {

    overflow: hidden;

    position: relative;

}

.w-wrap {

    width: 100%;

    height: 165px;

    margin: 0 auto;

}

.dian {

    position: absolute;

    bottom: 20px;

    text-align: center;

    width: 100%;

}

.dian li {

    background: rgba(0,150,255,0.5);

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 5px;

    margin: 0 5px;

    cursor: pointer;

}

.dian .active{

  background:#f00;

}



.project{width:calc(100% - 1px); overflow:hidden; border-top:1px solid #454545; border-left:1px solid #454545; margin:1rem 0;}

.project li{width:calc(25% - 1px); border-bottom:1px solid #454545; border-right:1px solid #454545; float:left;}

.project li a{display:block; text-align:center; padding:5.5rem 0 1.4rem; font-size:1.45rem; color:#454545; background:no-repeat center 1.4rem/auto 50%;}

.project li:nth-child(1) a{background-image:url(../image/nav-weisj.png);}

.project li:nth-child(2) a{background-image:url(../image/nav-weisj2.png);}

.project li:nth-child(3) a{background-image:url(../image/nav-yangtai.png);}

.project li:nth-child(4) a{background-image:url(../image/nav-chuanghu.png);}

.project li:nth-child(5) a{background-image:url(../image/nav-waiqiang.png);}

.project li:nth-child(6) a{background-image:url(../image/nav-wumian.png);}

.project li:nth-child(7) a{background-image:url(../image/nav-fanxin.png);}

.project li:nth-child(8) a{background-image:url(../image/nav-fenshua.png);}



.procedure{background:#454545;}

.procedure h2{color:#fff; text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0;}

.procedure ul{overflow:hidden; padding:2rem 1rem;}

.procedure li{width:11.4%; color:#fff; font-size:1.1rem; text-align:center; float:left; background:no-repeat center top/100% auto; margin-right:6.3%; white-space:nowrap; position:relative;}

.procedure li:nth-last-child(1){background-image:url(../image/pro-6.png); margin:0;}

.procedure li::after{content:""; width:30%; height:75%; position:absolute; top:0; right:-40%; background:url(../image/arrow-r.png) no-repeat center/60% auto;}

.procedure li:nth-last-child(1)::after{display:none;}

.procedure li img{width:100%;}



.youshi{width:calc(100% - 1px); overflow:hidden; margin-bottom: 2rem;}

.youshi h2{text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0;}

.youshi ul{overflow:hidden; padding:0 2rem;}

.youshi li{width:calc(50% - 1.2rem);  height:18rem; float:left; border:1px solid #dedede; margin-top: 2rem;text-align:center;}

.youshi li:nth-child(2n){margin-left:2rem;}

.youshi li img{margin:0.5rem auto; display: block; width:6rem; height:6rem;}

.youshi li h3{text-align:center; font-size:1.7rem; font-weight:normal; border-bottom: 1px solid #ce312c; width: 5rem; margin:0.5rem auto; padding-bottom: 0.2rem;}

.youshi li p{ font-size: 1.4rem; }



.zhanshi{width:calc(100% - 1px); overflow:hidden; background: #f7f7f7; text-align: center;}

.zhanshi h2{text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0;}

.zhanshi img{ width:30rem; height: 30rem;}



.zcbkf{width:calc(100% - 1px); overflow:hidden; margin-bottom:1.5rem;}

.zcbkf li{ width: 95%; margin:auto; height: 6rem;  border: 1px solid #dedede; border-radius: 0.1rem; margin-top:1rem;}

.zcbkf li span{ display: block; float: left; }

.zcbkf li .li-left{ width: 15%; height:6rem;margin-left: 15%; font-size: 1.7rem; line-height: 6rem;text-align:center;  }

.zcbkf li .li-right{ width: 68%; height:6rem; font-size: 1.5rem; line-height: 2rem; padding-top:0.8rem;}

.zcbkf .li1{background:url(../image/zc-1.png) left no-repeat}

.zcbkf .li2{background:url(../image/zc-2.png) left no-repeat}

.zcbkf .li3{background:url(../image/zc-3.png) left no-repeat}

.zcbkf .li4{background:url(../image/zc-4.png) left no-repeat}

.zcbkf .li5{background:url(../image/zc-5.png) left no-repeat}



/***xm*****/

.zcbkf h2{text-align:center; font-size:1.7rem; font-weight:normal;  background: #ce312c; height: 3rem; line-height: 3rem; color: #fff; text-align: left; padding-left:;}

.zcbkf h2 span{display: block; width: 0.5rem;height: 1.6rem; float:left; margin:0.7rem 0.4rem; background: #fff;}

.zcbkf img{width:98%; height: 13rem; display: block; margin: 0.5rem auto;}

.procedure a{ display: block; width: 40%; height: 3rem; text-align: center;color: #fff; background: #ce312c; line-height: 3rem; font-size: 1.7rem; margin: 0rem auto; border-radius: 0.5rem; }

.xmpro{ padding-bottom: 1.5rem; }

.zcbkf .pt{ display: block; width: 92%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.7rem; border-bottom: 1px solid #333; margin:auto; padding: 1.5rem auto;}

.zcbkf .pcon li{ display: block; width: 92%; height: 6rem; font-size: 1.3rem; border:none; font-weight: 400; padding-left: 0.5rem;}

.zcbkf .pcon li span{display: block; width: 1rem; height: 99%; float:left; margin:0.2rem 0.5rem; }

.zcbkf .pcon li span p{display: block; width: 1rem; height: 1.8rem;background: #ce312c;}



.rongyi{width:calc(100% - 1px); overflow:hidden; margin-bottom: 2rem;}

.rongyi h2{text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0;}

.rongyi ul{overflow:hidden; padding:0 2.5rem;}

.rongyi li{width:calc(50% - 1.1rem);  height:9rem; float:left;  margin-top: 2rem;text-align:center;}

.rongyi li:nth-child(2n){margin-left:1rem;}

.rongyi li img{display: block; width:12.5rem; height:9rem;}





.news h2.tit{text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0; border-bottom:1px solid #dedede; margin:0 1rem; padding-bottom:1.5rem;}

.news ul{padding:1.5rem 0 0.1rem;}

.news li{overflow:hidden; margin-bottom:1.5rem;}

.news li .day{float:left; background:#9f9f9f; text-align:center; color:#fff; width:16%;}

.news li .day h3{font-size:3rem; border-bottom:1px solid #fff; font-weight:lighter;}

.news li .day p{padding:0.3rem 0;}

.news li .info{float:right; width:80%;}

.news li .info h2{font-weight:lighter; padding:0.6rem 0;}

.news li .info h2 a{font-size:1.3rem;  color:#333; font-weight: normal;}

.news li .info h2 span{float:right; color:#666;}

.news li .info p{color:#666;}

.news li .picday{float:left; background:#9f9f9f; text-align:center; color:#fff; width:28%;}

.news li .picday a img{display: block; width:10rem; height:5rem;}

.news li .picinfo{float:right; width:70%;}

.news li .picinfo h2{font-weight:lighter; padding:0.2rem 0;}

.news li .picinfo h2 a{font-size:1.3rem;  color:#333; font-weight: normal;}

.news li .picinfo h2 span{float:right; color:#666;}

.news li .picinfo p{color:#666; text-indent: 1rem;}



/***art****/

.artcon{width:calc(100% - 1px); overflow:hidden; margin-bottom: 2rem;}

.artcon h1{text-align:center; font-size:2rem; font-weight:normal; padding:1rem 0 0; line-height: 3rem;}

.artcon p{ text-align: center; font-size: 1.5rem; line-height: 2rem; }

#gsart{width:95%; overflow:hidden; margin-bottom: 2rem; padding: 1rem 0.5rem; margin: auto;}

#gsart p,#gsart div{text-align: left; color: #333;}

.gswx{width:calc(100% - 1px); overflow:hidden; margin-bottom: 2rem;}

.gswx h2.tit{text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0; border-bottom:1px solid #dedede; margin:0 1rem; padding-bottom:1.5rem;}

.gswx ul li{width:calc(50% - 1.1rem); float: left; display: block; margin-top: 2rem;text-align:center; height: 9rem;}

.gswx ul li img{ width: 7.8rem;height: 7.8rem;  display: block;float: right;}

.gswx ul li p{ font-size: 1.5rem; }

.gswx ul li span{ font-size: 2.5rem; font-weight: bold; line-height: 4.5rem;}

.artcon .t-art{ font-size: 1.5rem; margin-left: 1rem; margin-bottom: 1rem; background:url(../image/art.png) left no-repeat; background-size:1.7rem 1.7rem; padding-left: 1.8rem; }

.artcon ul{ margin-left: 1.5rem; }

.artcon .t-li li{ color: #333; font-size: 1.5rem;  line-height: 2rem;}

.artcon .t-li li span{ color: #ce312c; }



.flink h2.tit{text-align:center; font-size:1.7rem; font-weight:normal; padding:1rem 0 0; border-bottom:1px solid #dedede; margin:0 1rem; padding-bottom:1.5rem;}

.flink div{padding:1.5rem 0.5rem;}

.flink div a{font-size:1.3rem; color:#444; margin:0 1rem;}



footer{background:#3f3f3f; padding:2px;}

footer .footnav{overflow:hidden; background:#fff; border-top:1px solid #efefef; border-left:1px solid #efefef;}

footer .footnav li{width:calc(20% - 1px);float:left; border-bottom:1px solid #efefef; border-right:1px solid #b6b6b6;}

footer .footnav a{display:block; text-align:center; font-size:1.4rem; color:#3f3f3f; padding:0.6rem 0;}

footer .info{padding:2rem 2rem 1rem;}

footer .info p{color:#fff; font-size:1.2rem; line-height:1.8rem;}

footer h4{color:#fff; font-size:0.9rem; font-weight:lighter; text-align:center; margin:1rem;}

/**分页***/

.paged{

  height: 4rem;

  text-align: center;

  margin-bottom:10px;

}

.paged li {

    border-radius: 3px;

    color: #8b8b8b;

    display: inline-block;

    font-size: 1.3em;

    margin: 0 5px;

    padding: 8px 13px;

    text-align: center;

}

.paged li a{

  color: #333;

}
.ft_nav{
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    z-index: 99;
}
.ft_nav a{
  display: block;
  width:100%;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #fff;
  border-radius: 2rem;
  background: #ce312c;
  font-size:1.8rem;
}


#m_message tr td{ font-size:14px; padding:10px 5px; }
#m_message tr td font{ color:#000; font-size:16px; }
#m_message td{display:table-cell; vertical-align:middle}
#m_message .layui-input{width:90% !important;line-height:14px;padding:10px 5px;border:1px solid #CACACA;background:none;}
#m_message textarea{width:90% !important;height:80px;line-height:14px;padding:10px 5px;border:1px solid #CACACA;background:none;}
.btn123{    text-align: center; margin:0.2rem 0;}
.btn123 .coolbg{background-color:#fe0404; border-radius:0.5rem; display:block; width:100%; padding:0 20%;height:42px;border:0 none;font-size:16px;color:#fff;  font-family:'Microsoft Yahei'; cursor:pointer;  } 
#m_message .coolbg.coolbg1{background-color:#fe0404; color:#000}
#m_message .coolbg:hover{ background-color:#fe0404; color:#fff}
.m_message{margin-left:0%; margin:0% 0;}

input::placeholder {
    font-size: 12px;
    
    color: #999; font-family:'微软雅黑';;
  }

 @media (max-width: 768px) {
  #m_message .coolbg {
    padding:0 1rem;
  }
}
 .orderlist{ line-height:35px; background:#fdefee; margin:0.4rem 0.4rem;text-align: center;}
 .orderlist{  border-radius:0.3rem;;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);color:#ef7e7c}
 .orderlist li{   padding-left:15px;}
 .orderlist span{ display:inline-block; width:32%;}
 .orderlist span.bsml-username{ width:30%;}
 .bsml-scroll-bar-item{ margin:0 5%}
 
.pfzx{ position:fixed; right:1%; top:30%; text-align:center;}
.pfzxtxt{ font-weight:900; color:#f85959; font-size:0.3rem; line-height:2.4}