@charset "utf-8";
/* CSS Document */
.divBox{ width: 1200px; margin: 0 auto; }
header{ width: 100%; height: 80px; position:  fixed; left: 0; top:0; z-index: 999; transition: 0.5s; }
header:hover{ background: rgba(0,0,0,.7); }
header.active{background: rgba(0,0,0,.7);}
.logo{  float: left; margin-top: 16px; }
.logo img{ display: block; height: 48px; }
.mobile{display: none;}
nav{ float: right; overflow: hidden; }
nav ul{ float: right; overflow: hidden; position: relative; }
nav ul li{ float: left;margin-left: 40px; }
nav ul li:nth-child(1) a:after{content: "\e617"; font-size: 18px;}
nav ul li a{ color: #fff; display: inline-block; line-height: 80px;  font-size: 14px;  position: relative; }
nav ul li a:before{ content: ""; display: block;  height: 4px; background: #fff;  position: absolute; left: 0; top:0;  overflow: hidden;}
nav ul li a:hover:before{ animation:navline 0.3s linear;animation-fill-mode:forwards; }
.navon{  height: 4px; background: #fff;  position: absolute; left: 0; top:0;  overflow: hidden; animation:navline 0.3s linear;animation-fill-mode:forwards;}
.navon.active{  display: none;}
@keyframes navline{
  from { width: 0;}
  to { width: 100%;}
}


.banner{ width: 100%; overflow: hidden; position: relative; background: #000;  }
.banner em{ width: 100%; display: block; }
.banner em img{width: 100%; display: block;animation:banrun 6s linear infinite;}
@keyframes banrun{
  0%{transform: scale(1)}
  50%{transform: scale(1.1)}
  100%{transform: scale(1)}
}
.banner i{ display: block; width:100%; position:  absolute; z-index: 2; left: 0; top:50%; transform: translateY(-50%); }
.banner i img{height: 170px; display: block; margin: 0 auto;}

.quickmenu{ width: 100%; overflow: hidden; }
.quickmenu li{ width: 25%; float: left; height: 226px; text-align: center; }
.quickmenu li a{ display: block; overflow: hidden; width: 100%; height: 100%; color: #fff; position: relative; }
.quickmenu li:nth-child(odd){ background: #222; }
.quickmenu li:nth-child(even){ background: #ca2b2f; }
.quickmenu li span{ display: block; width: 100%; position:  absolute; left: 0; top:50%; transform: translateY(-50%);}
.quickmenu li span h1{font-size: 18px; font-weight: bold;}
.quickmenu li span h2{font-size: 14px;}
.quickmenu li a h1:before{ font-size:38px; display: block;font-weight: normal; margin-bottom: 6px; transition: 0.3s;}
.quickmenu li.jiage-icon h1:before{content: "\e600";}
.quickmenu li.shangchuan-icon h1:before{content: "\e618";}
.quickmenu li.zhibao-icon h1:before{content: "\e605";}
.quickmenu li.mendian-icon h1:before{content: "\e628";}
.quickmenu li:hover h1:before{ margin-bottom: 30px; }


.indextitle{ width: 100%; overflow: hidden; margin-top:60px; text-align: center;  }
.indextitle h1{font-size: 28px; text-transform: uppercase; color: #ca2b2f;}
.indextitle h2{ font-size: 20px; font-weight: bold; position: relative; }
.indextitle h2:before{content: ""; display: block; width: 50px; height: 1px; background-image: linear-gradient(to right, #fff , #999); position:  absolute; left: 50%; top:50%; margin-left: -100px;}
.indextitle h2:after{content: ""; display: block; width: 50px; height: 1px; background-image: linear-gradient(to left, #fff , #999); position:  absolute; right: 50%; top:50%; margin-right: -100px;}

.index_gushi{ width: 100%; overflow: hidden; background: #f5f5f5; padding-bottom: 60px; }
.gushitx{ width: 100%; overflow: hidden; margin-top: 30px; }
.gushitx i{ display: block; width: 200px; margin: 0 auto; }
.gushitx i img{ display: block; width: 100%; }
.gushitx em{ display: block; overflow: hidden; text-align: justify; width: 70%; margin: 0 auto; text-align-last: center; line-height: 1.8; color: #888; margin-top: 30px; }


.gongneng{ width: 100%; overflow: hidden; }
.gongneng li{ width: 25%; float: left; text-align: center; color: #000; margin-top: 50px;font-size: 14px;font-weight: bold; }
.gongneng li:before{content: "";display: block; width: 52px; height: 52px; border:1px #000 solid; border-radius: 50%; overflow: hidden; text-align: center; line-height: 52px; margin: 0 auto; margin-bottom: 6px; font-size: 28px;}
.gongneng li:nth-child(1):before{content: "\e603"; }
.gongneng li:nth-child(2):before{content: "\e604"; }
.gongneng li:nth-child(3):before{content: "\e6f0"; }
.gongneng li:nth-child(4):before{content: "\e752"; }
.gongneng li:nth-child(5):before{content: "\e602"; }
.gongneng li:nth-child(6):before{content: "\e601"; }
.gongneng li:nth-child(7):before{content: "\e606"; }
.gongneng li:nth-child(8):before{content: "\e66c"; }
.gongneng li:hover{ color: #ca2b2f; }
.gongneng li:hover:before{ border:1px #ca2b2f solid}

.more{ margin-top: 50px; }
.more a{ display: block; width: 120px; margin: 0 auto; text-align: center; border:1px #000 solid; box-sizing: border-box; height: 36px; line-height: 34px; color: #000; border-radius: 0px 10px 0px 10px; overflow:hidden; transition: 0.3s; }
.more a:hover{border:1px #ca2b2f solid; background: #ca2b2f; color: #fff;}

.case{ width: 100%; overflow: hidden; margin-top: 50px; }
.case li{ width: 33.33333%; float: left; overflow: hidden;  font-size: 14px;background: #fff;}
.case li a{ display: block; width: 100%; overflow: hidden;position: relative; }
.case li em{ display: block; width: 100%; overflow: hidden; }
.case li em img{display: block; width: 100%;}

.case li span{ display: block; width: 100%; height: 36px; background: rgba(0,0,0,.7); color: #fff;text-align: center; position:  absolute; left: 0; bottom:0; z-index: 1;transition: 0.5s;}
.case li:hover span{ left: 0; height: 100%; background: #ca2b2f; }
.case li span dl{width: 100%;padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.case li span dl dt{  margin-top:8px; transition: 0.3s;  }
.case li span dl dd{ margin-top: 30px;font-size: 12px; transition: 0.3s;  }
.case li span:after{content: "\e61f"; font-size: 18px; position:  absolute; bottom:-100%;  right: 20px; transition: 0.5s ease-in-out; }
.case li:hover span dl{ position:  absolute; left: 0;  top:50%; transform: translateY(-50%); }
.case li:hover span dl dt{ margin-top: 0px; }
.case li:hover span dl dd{ margin-top: 10px; }
.case li:hover span:after{ bottom:20px;  right: 20px; }

.index_news{ width: 100%; overflow: hidden; background: #f5f5f5; padding-bottom: 60px; margin-top: 60px; }
.news{ width: 100%; overflow: hidden; margin-top: 50px; }
.news li{ width:calc(25% - 24px); float: left; margin-right: 32px; background: #fff;padding: 20px; box-sizing: border-box; transition: 0.3s; }
.news li:last-child{ margin-right: 0px; }
.news li h1{ color: #999; margin-top: 10px; font-size: 12px; }
.news li h2{ width: 100%; margin-top: 20px; text-align: justify; height: 100px;  }
.news li em{ display: block; width: 100%; overflow: hidden; }
.news li em img{ width: 100%; display: block;  transition: 0.3s; }
.news li:hover{ background: #222; }
.news li:hover img{ transform: scale(1.1); }
.news li:hover h1{ color: #ccc; }
.news li:hover h2{ color: #fff; }


footer{ width: 100%; background: #111; padding-top: 60px;  overflow: hidden; }
.foot-t{ width: 100%; overflow: hidden;}
.foot-t-1{ width: 184px; float: left; }
.foot-t-1 em{ width: 184px; overflow: hidden;display: block; }
.foot-t-1 em img{ width: 100%; display: block; }
.foot-t-1 dl{ width: 100%; margin-top: 20px; }
.foot-t-1 dl dt{font-size: 12px; color: #999;}
.foot-t-1 dl dd{ font-size: 16px; color: #ca2b2f; }

.foot-t-2{ float: left; margin-left: 100px; }
.foot-t-2 h1{overflow:hidden; display: block; margin-bottom: 20px; color: #fff; font-size: 18px;}
.foot-t-2 p{font-size: 12px;  color: #999; line-height: 2.2;overflow:hidden;}

.foot-t-3{ float: right; margin-left: 80px; font-size: 0; margin-top: 40px; margin-right: 50px; }
.foot-t-3 a{display:inline-block; width: 42px; height: 42px; border:1px #fff solid; border-radius: 50%;margin-right: 14px; text-align: center; line-height: 42px; color: #fff; font-size: 20px; transition: 0.3s;}
.foot-t-3 a.qq:before{content: "\e663";}
.foot-t-3 a.weibo:before{content: "\e9ca";}
.foot-t-3 a:hover{ color: #ca2b2f;border:1px #ca2b2f solid; }

.foot-t-4{ float: right; overflow: hidden; }
.foot-t-4 em{ display: block; width: 100px ;height: 100px; border:1px #fff dashed; box-sizing: border-box;padding: 6px;}
.foot-t-4 em img{ display: block; width: 100%; height: 100%;  }
.foot-t-4  p{ text-align: center; font-size: 12px; color: #888; margin-top: 6px; }

.foot-b{ width: 100%; padding-top: 20px; padding-bottom: 20px; border-top: 1px #363636 solid; text-align: right; font-size: 12px; margin-top: 50px; color: #888; }
.foot-b a{ color: #999; }
.foot-b a:hover{ color: #fff; }

.fybanner{ width: 100%; position: relative; background: #f5f5f5; position: relative; }
.fybanner img{ width: 100%; display: block; }
.btx{ display: block; background: #ca2b2f; width:30%; height: 110px; position:  absolute; left: 0; bottom:-55px; color: #fff; }
.btx span{ position: absolute; right: 30px; top:50%; transform: translateY(-50%); display: block; }
.btx span h1{ text-transform: uppercase; font-size: 28px; font-weight: 900; line-height: 28px; }
.btx span h2{  font-size: 20px; line-height: 20px;  }
.weizhi{font-size: 14px!important;  height: 55px; width: 100%; border-bottom: 1px #ddd solid; box-sizing: border-box; text-align: right; line-height: 54px; }
.weizhi a{font-size: 14px; color: #666;}
.weizhi a:after{content: "\e607"; color: #666;}
.weizhi a:hover{ color: #ca2b2f; }
.weizhi a:last-child:after{display: none;}

.fytitle{ text-align: center; margin-top: 50px;  overflow: hidden;}
.fytitle h1{font-size: 22px; font-weight: bold;}
.fytitle h2{ color: #ccc;font-weight: bold; text-transform: uppercase; }
.fytitle:after{ content: ""; display: block; width: 40px ;height: 1px; background: #ca2b2f; margin: 0 auto; margin-top: 14px; }


.about-pinpai{ width: 100%; overflow: hidden; }
.pinpai{ overflow: hidden; margin-top: 50px; position: relative; }
.pinpai-pic{ width: 460px; float: left; }
.pinpai-pic img{ width: 100%; display: block; }
.pinpai-miaoshu{ width: calc(100% - 520px);   float: right; overflow: hidden; }
.p-m-logo{ width: 200px; overflow: hidden; }
.p-m-logo img{ width: 100%; display: block; }
.p-m-tx{text-align: justify; color: #888;line-height: 2;  width: 100%; overflow: hidden; margin-top: 20px;}

.about-youshi{ width: 100%; background: #f5f5f5; margin-top: 50px; padding-top: 50px; padding-bottom: 50px; }
.youshititle{ text-align: center; font-size: 26px; font-weight: bold; }

.jianjie{ overflow: hidden; margin-top: 50px; position: relative; }
.jianjie-pic{ width: 460px; float: right; }
.jianjie-pic img{width: 100%; display: block;}
.jianjie-miaoshu{ width: calc(100% - 520px);   float: left; text-align: justify; color: #888;line-height: 2; overflow: hidden;}
.svo{ width: 100%; overflow: hidden; margin-top: 80px; }
.svo img{width: 100%; display: block;}



.casebox{ width: 100%; overflow: hidden; margin-bottom: 50px; margin-top: 30px; }
.case-list{  overflow: hidden;   }
.case-list li{ width:calc(33.33333% - 14px); float: left; margin-right: 21px; overflow: hidden; margin-top: 21px; }
.case-list li:nth-child(3n){ margin-right: 0px; }
.case-list li a{display: block; overflow: hidden; background: #fff; border:1px #ddd solid; box-sizing: border-box;padding: 16px; transition: 0.3s;}
.case-list li em{ display: block; width: 100%; overflow: hidden;position: relative;}
.case-list li em img{display: block; width: 100%; transition: 0.3s;}
.case-list li em i{ position: absolute; width: 10px; height: 10px; background: rgba(0,0,0,.3);left:50%; margin-left: -5px; top:50%; margin-top: -5px; z-index: 1; text-align: center; color: #fff; display: block; transition: 0.3s; opacity: 0; }
.case-list li em i:before{content: "\e61f"; font-size: 0px; display: block;width: 100%; position:  absolute; left: 0; top:50%; transform: translateY(-50%);transition: 0.3s;}
.case-list li span{ display: block; width: 100%;   overflow: hidden; position: relative; background: #eee; margin-top: 10px; padding: 10px;box-sizing: border-box;font-size: 14px;text-align: center; }

.case-list li:hover a{ color: #fff; background:#ca2b2f;border:1px #ca2b2f solid; }
.case-list li:hover span{ background: none;color: #fff; }
.case-list li:hover em img{ transform: scale(1.1); }
.case-list li:hover em i{ width: 100%; height: 100%; left: 0; top:0; margin-left: 0px; margin-top: 0px;opacity: 1; }
.case-list li:hover em i:before{font-size: 42px;}
.pages{ width: 100%; margin-top: 50px; text-align: center; }


.newsbox{ width: 100%; overflow: hidden; margin-bottom: 50px; margin-top: 30px; }
.news-list{  overflow: hidden; }
.news-list li{ width: 100%; float: left; overflow: hidden;position: relative; border-bottom: 1px #ddd solid;}
.news-list li a:after{content: "\e61f"; position:  absolute; right: 0;top:50%;transform: translateY(-50%); width: 36px;height: 36px; border:1px #ddd solid; text-align: center; line-height: 36px; color: #999; font-size: 14px;border-radius:4px; }
.news-list li a{ width: 100%; overflow: hidden; padding-top:40px; padding-bottom: 40px; display: block;  }

.news-l{ float: left; overflow: hidden; width: 360px; position: relative; border-right: 1px #ddd solid;box-sizing: border-box;}
.news-l em{ width: 240px; display: block; float: left; overflow: hidden; }
.news-l em img{display: block; width: 100%; transition: 0.5s;}
.news-l dl{ width: 120px; text-align: center; position: absolute; right: 0; top:50%; transform: translateY(-50%); }
.news-l dl dt{font-size: 38px; color: #000; line-height: 38px; font-weight: bold;}
.news-l dl dd{ font-size: 12px; line-height: 12px; }

.news-r{ width: calc(100% - 460px); position:  absolute; right: 60px;  top:50%;transform: translateY(-50%); }
.news-r h1{font-size: 18px; color: #000;}
.news-r h2{color: #999; margin-top: 14px; line-height: 1.6; font-size: 14px;}

.line{ position:  absolute; left:50%; margin-left: -5px; bottom:0; width:10px; height:4px; background: #ca2b2f;opacity: 0; transition: 0.5s; }
.news-list li:hover .line{ width: 100%; opacity: 1; left: 0; margin-left: 0; }
.news-list li:hover .news-r h1{ color: #000; font-weight: bold;}
.news-list li:hover em img{transform: scale(1.2);}
.news-list li:hover a:after{border:1px #ca2b2f solid; color: #ca2b2f;}

.contact-box{width: 100%; overflow: hidden; }
.contact{ overflow: hidden; margin-top: 10px; }
.contact li{ width: calc(50% - 15px); float: left; background: #666; margin-top: 30px; color: #fff; box-sizing: border-box; font-size: 14px; position: relative; margin-right: 30px; height: 120px; }
.contact li:nth-child(2n){  margin-right: 0px; }
.contact li:before{display: block;  font-size: 36px; position:  absolute; left:20px; top:50%; transform: translateY(-50%); z-index: 1; width: 50px; text-align: center;}
.contact li span{ display: block;  position:  absolute; width: calc(100% - 100px); left:80px; top:50%; transform: translateY(-50%); z-index: 1;}
.contact li.icon-tel:before{content: "\e61a";}
.contact li.icon-add:before{content: "\e613";}
.contact li.icon-email:before{content: "\e63e";}
.contact li.icon-fox:before{content: "\e6a7";}
.contact li em{ display: block; width: 6px; height: 100%; position:  absolute; left: 0; top:0; background:#ca2b2f; transition: 0.5s; z-index: 0; }
.contact li:hover em{ width: 100%; }

.join-box{width: 100%; overflow: hidden; margin-bottom: 50px; }
.join{  width: 100%; overflow: hidden; margin-top: 50px; }
.join span{ width: 100%; display: block; overflow: hidden; }
.join span input:nth-child(1){ float: left; }
.join span input:nth-child(2){ float: right; }
.join span input{background: none;padding: 0px; border:none; width: calc(50% - 10px); display: block;box-sizing: border-box; border:1px #ddd solid;  padding: 20px;  }
.join textarea{background: none;padding: 0px; border:none; width: 100%; display: block;box-sizing: border-box; border:1px #ddd solid;  padding: 20px; margin-top: 20px;}
.join input[type=submit]{background: none;padding: 0px; border:none; width: 150px; margin: 0 auto; display: block;box-sizing: border-box; background: #666; color: #fff; height: 46px; font-size: 16px; margin-top: 20px;cursor: pointer; transition: 0.3s; border-radius: 0px 6px 0px 6px;}
.join input[type=submit]:hover{ background: #ca2b2f; }

.xqbox{ width: 100%; overflow: hidden; margin-bottom: 50px; }

.biaotibox{ width: 100%;  overflow: hidden; margin-top: 50px; text-align: center; border-bottom: 1px #ccc solid; padding-bottom: 20px; }
.biaotibox h1{ font-size: 18px; font-weight: bold; }
.biaotibox h2{ color: #999; margin-top: 8px; }
.biaotibox h2 i{display: inline-block;margin-left: 6px; margin-right: 6px;}
.neirong{width: 100%;  overflow: hidden; margin-top: 20px; line-height: 1.8; text-align: justify; }
.neirong img{max-width: 100%!important;height: auto!important;}

.toolbar{ text-align: center; margin-top: 40px; border-top: 1px #ddd solid; padding-top: 30px; font-size: 0!important; }
.toolbar a{ display: inline-block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; background: #ddd; line-height: 50px; text-align: center; font-size: 18px;margin-left: 6px; margin-right: 6px;}
.toolbar a:hover{ background: #ca2b2f; color: #fff; }
.toolbar a:nth-child(1):before{content: "\e615";}
.toolbar a:nth-child(2):before{content: "\e608";}
.toolbar a:nth-child(3):before{content: "\e7d5";}


.chaxunbox{ width:100%;  overflow: hidden; min-height: 600px; background: url(../img/bg_cahxun.jpg) no-repeat center #666; background-size: cover; padding-bottom: 60px; }
.chaxuntitle{ width: 100%; overflow: hidden; margin-top: 150px; text-align: center; }
.chaxuntitle h1{font-size: 24px; font-weight: bold; color: #000;}
.chaxuntitle h2{ text-transform: uppercase;}
.chaxuntitle:before{content: ""; display: block; margin: 0 auto; width: 40px; height: 2px; background: #ca2b2f; margin-bottom: 10px;}
.jiage{  width: 600px;margin: 0 auto; margin-top: 60px; overflow: hidden;  }
.jiageselect{  background:#fff;  height:42px; line-height: 42px;  width:400px; padding:0px 10px 0px 10px; box-sizing: border-box;   border:1px solid #000;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-appearance: none;
    float: left;
}
.jiage input[type="submit"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; float: right;  width: 180px; height: 42px; background: #000; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s;}
.jiage input[type="submit"]:hover{ background: #ca2b2f; }

.jieguobox{ width: 100%;  background: rgba(255,255,255,1); margin-top: 70px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); box-sizing: border-box; padding: 30px; position: relative; }
.jieguobox:before{content: "\e684"; display: block; width: 40px ;height: 40px; background: #fff; border-radius: 50%; margin: 0 auto; position:  absolute; top:-20px; left: 50%; margin-left: -20px; box-shadow: 0px -10px 10px rgba(0,0,0,.2); text-align: center; line-height: 40px; color: #ca2b2f;}
.jieguo{ width: 100%; text-align: center; font-size: 22px; font-weight: bold; color: #000; border-bottom: 1px #000 solid; padding-bottom: 16px; margin-top: 10px; }
.zhengche{ width: 100%; height: 52px; background: #000;   color: #fff; line-height: 52px; text-align: center; margin-top: 20px; font-size: 24px; font-weight: bold; }
.biao{ width: 100%; overflow: hidden; margin-top: 30px; }
.biao p{ text-align: center; font-size: 18px; border-bottom: 1px #ddd solid; padding-bottom: 12px; }
.biaotitle{ width: 100%; overflow: hidden; margin-top: 20px; box-sizing: border-box; border:1px #ccc solid; }
.biaotitle li{ width: 33.333333%; float: left; text-align: center; background: #f5f5f5; border-right: 1px #ddd solid; box-sizing: border-box;height: 40px; line-height: 40px;  color: #000; font-weight: bold; font-size: 16px; }
.biaotitle li:last-child{ border-right: 0px; }

.biaozhi{ width: 100%; overflow: hidden; }
.biaozhi li{ width: 100%; float: left;box-sizing: border-box; border:1px #ccc solid;height: 40px; line-height: 40px; margin-top: -1px; overflow: hidden; }
.biaozhi li em{ display: block; width: 33.333333%; float: left; text-align: center; height: 100%;border-right: 1px #ddd solid; box-sizing: border-box; color: #666; font-size: 16px;}
.biaozhi li em:first-child{ background: #f5f5f5; }
.biaozhi li em:last-child{ border-right: 0px; }

.shuoming-1{ width: 100%; overflow: hidden; margin-top: 20px; font-size: 24px; font-weight: bold; color: #ca2b2f; }
.shuoming-2{ width: 100%; overflow: hidden; margin-top: 20px;font-weight: bold; font-size: 18px; color: #000;}
.shuoming-3{width: 100%; overflow: hidden; font-size: 14px; margin-top: 4px;}


.denglu{  width: 820px;margin: 0 auto; margin-top: 60px; overflow: hidden;  }
.denglu input[type="text"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; width: 300px; height: 42px;padding:0px 10px 0px 10px; box-sizing: border-box;   border:1px solid #000; -moz-border-radius:2px;   -webkit-border-radius:2px;  border-radius:2px; float: left; font-size: 14px; background: #fff; }
.denglu input[type="text"]::-webkit-input-placeholder{ color: #333; }
.denglu input[type="password"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; width: 300px; height: 42px;padding:0px 10px 0px 10px; box-sizing: border-box;   border:1px solid #000; -moz-border-radius:2px;   -webkit-border-radius:2px;  border-radius:2px; float: left; font-size: 14px; background: #fff;margin-left: 20px; }
.denglu input[type="password"]::-webkit-input-placeholder{ color: #333; }

.denglu input[type="submit"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; float: right;  width: 180px; height: 42px; background: #000; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s;}
.denglu input[type="submit"]:hover{ background: #ca2b2f; }

.upload{ width: 600px; margin: 0 auto; overflow: hidden; margin-top: 40px;}

.form_data {
    -webkit-appearance: none;
    background: none;
    margin: 0;
    display: block;
    width: 100%;
    min-height: 42px;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    border: 1px solid #666;
    box-shadow: 0 0 5px #888888;
    border-radius: 10px!important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 14px;
    background: #fff;
    margin-top: 10px;
    float: left;
}

.form_data text{
    line-height: 42px;
    color: #bbb;
}

.clr_gray{
    border-color: #ccc;
}

.form_data::-webkit-input-placeholder {
    color: #bbb !important;
}

.upload input[type="text"]::-webkit-input-placeholder{ color: #333; }
.upload span{ display: block; overflow: hidden; width: 100%; margin-top: 20px;float: left; }
.upload span input[type="submit"]:nth-child(1){-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block;   width: 180px; height: 42px; background: #000; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s; float: left; border:1px #fff solid;box-sizing: border-box;}
.upload span input[type="submit"]:nth-child(2){-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block;   width: 180px; height: 42px; background: #ca2b2f; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s; float: right;border:1px #fff solid; box-sizing: border-box;}
.upload span input[type="button"]:nth-child(1){-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block;   width: 180px; height: 42px; background: #000; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s; float: left; border:1px #fff solid;box-sizing: border-box;}

.tishi{ width: 560px;margin: 0 auto; margin-top: 60px; overflow: hidden;  text-align: center; }
.tishi i{ color: #ca2b2f; }
.chazhibao{  width: 600px;margin: 0 auto; margin-top: 30px; overflow: hidden;  }
.chazhibao input[type="text"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; width:400px; height: 42px;padding:0px 10px 0px 10px; box-sizing: border-box;   border:1px solid #000; -moz-border-radius:2px;   -webkit-border-radius:2px;  border-radius:2px;  font-size: 14px; background: #fff;  float: left;}
.chazhibao input[type="text"]::-webkit-input-placeholder{ color: #333; }
.chazhibao input[type="submit"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; float: right;  width: 180px; height: 42px; background: #000; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s;}
.chazhibao input[type="submit"]:hover{ background: #ca2b2f; }

.zhibaojieguo{ width: 100%; overflow: hidden; }
.zhibaojieguo li{width: 100%; overflow: hidden;  float: left; margin-top: 20px;}
.zhibaojieguo li h1{ font-size: 14px; font-weight: bold; float: left; }
.zhibaojieguo li h2{ float: left; font-size: 14px; }

.mendian{width: 100%;margin: 0 auto; margin-top: 60px; overflow: hidden; }
.mendianselect{  background:#fff;  height:42px; line-height: 42px;  width:320px; padding:0px 10px 0px 10px; box-sizing: border-box;   border:1px solid #000; margin-right: 10px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-appearance: none;
    float: left;
}
.mendian input[type="submit"]{-webkit-appearance: none; background: none;border:none;margin: 0;padding: 0; display: block; float: right;  width: 180px; height: 42px; background: #000; border-radius: 2px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s;}
.mendian input[type="submit"]:hover{ background: #ca2b2f; }

.mendianjieguo{width: 100%; overflow: hidden;}
.mendianjieguo li{ width: 100%; float: left; overflow: hidden; border-bottom: 1px #ccc solid; padding-top: 30px; padding-bottom: 30px;  }
.mendianjieguo li:last-child{ border-bottom: 0px; }
.mendianjieguo li em{ display: block; width: 180px; float: left; }
.mendianjieguo li em img{ width: 100%; display: block; }
.mendianjieguo li span{ display: block; width: calc(100% - 220px); float: right; }
.mendianjieguo li span h1{ font-size: 20px; font-weight: bold; }
.mendianjieguo li span h2{ font-size: 14px; margin-top: 16px; }
.mendianjieguo li span h2 i{ font-weight: bold; }
.mendianjieguo li span h3{ font-size: 14px; margin-top: 8px; }
.mendianjieguo li span h3 i{ font-weight: bold; }

.pages li{

    display: inline-block;
    white-space:nowrap;
    border:1px solid #ca2b2f;
    margin-left: 11px;
    width: 50px;
  }
  .thisclass{
    background: #ca2b2f;
  }