/* CSS Document */
*,html,body,div,h1,h2,h3,h4,h5,p,b,span,font,i,img,a,ul,li,ol{margin:0;padding:0;border:none;}
body{font-family: Microsoft YaHei, Arial, sans-serif;font-size: 16px;line-height: 1.428571429;color: #333333;background:#f5f5f5;}
a,a:link,a:focus,a:hover,a:active{text-decoration:none;color:#333;}
li{list-style-type:none;}

.header{background:#fff;box-shadow: 0px 0px 5px 0px #999;}
.header .logo{padding:7.5px 0 0 0}
.header ul li{height:80px;width:11.111111%; position:relative;float:left;}
.header ul li a{display:block;line-height:80px;text-align:center;width:100%;color:#000;font-size:16px; overflow:hidden; position:relative;}
.header ul li a:hover{color:rgb(184,0,26);}
.header ul li a em{ position:absolute;bottom:0;height:2px;width:200px;background:rgb(184,0,26);left:-200px;transition:transform 0.6s;}
.header ul li:hover a em{transform:translate(150px,0);}
.header .nav{width:250px;padding:15px;position:absolute;left:0;top:80px;background:rgba(255,255,255,.6);box-shadow: 0px 0px 5px 0px #999;border-top:rgb(184,0,26) solid 1px;display:none;z-index:99;}
.header li.con1 .nav{width:320px;}
.header .nav a{width:50%;line-height:30px;float:left;font-size:15px;text-align:left;}
.header ul li:hover .nav{display:block;}
.header ul li .nav a{width:50%;float:left;height:30px;font-size:15px;line-height:30px;display:block;color:#333; background:url(../images/ico6.png) 0 13px no-repeat;padding-left:15px;text-align:left;}
.header ul li .nav a:hover{color:rgb(184,0,26);}
.sbanner{ overflow:hidden;}
.sbanner img{max-width:100%;}

.banner .carousel-inner .item em{ position:absolute;left:20%;top:27%;width:50px;height:3px;background:rgb(184,0,26);}
.banner .carousel-inner .item h3{ position:absolute;left:20%;top:34%;line-height:30px;color:#fff;font-size:22px;text-shadow:#000 2px 2px 3px}
.banner .carousel-inner .item h1{ position:absolute;left:20%;top:40%;line-height:50px;color:#fff;font-size:43px;text-shadow:#000 2px 2px 3px}
.banner .carousel-inner .item a{ position:absolute;left:20%;top:60%;width:160px;height:50px;display:block;border-radius:40px;background:rgb(184,0,26);color:#fff;font-size:16px;text-align:center;line-height:50px;}
.mbx{background:#f5f5f5;}
.mbx,.mbx i,.mbx a{font-size:16px; color:#999;}
.mbx a.cur{color:rgb(184,0,26);}
.mbx .col-lg-8 a{padding-left:15px;}
.mbx{padding:30px 50px;}
.banner .carousel-control{width:8%;}
.banner .carousel-indicators li{background-color:rgb(111,111,111);border:none;width:12px;height:12px;}
.banner .carousel-indicators li.active{background-color:rgba(111,111,111,0);border:4px solid rgb(184,0,26);height:12px;width:12px;}

.typename{margin:30px auto;text-align:center;}
.typename h1{position:relative;font-size:32px;color:#333;line-height:70px;}
.typename h1 em{width:50px;height:3px; position:absolute;bottom:0;left:50%;margin-left:-25px;background:rgb(184,0,26);}
.typename h4{line-height:30px; font-size:14px;color:#666; }

.typeclass{margin:10px auto;}
.typeclass a{padding:0px 20px 10px 0;font-size:16px;float:left;color:#444;}
.typeclass a:after{content:"  /"}
.typeclass li.active a{color:rgb(184,0,26);}
.typeclass a:last-child:after{content:"";}

#myTabContent{margin:10px 0 20px 0;}
#myTabContent .box{width:100%;background:#fff;display:block;margin-bottom: 20px;}
#myTabContent .box:hover{box-shadow: 0px 0px 10px 0px #999;}
#myTabContent .box .img{width:100%;height:400px; overflow:hidden;line-height:400px;border-bottom:1px solid #ccc;}
#myTabContent .box:hover .img{border-bottom:solid 1px rgb(184,0,26);}
#myTabContent .box .img img{width:100%;max-height:100%;}
#myTabContent .box .info{padding:15px; position:relative;}
#myTabContent .box .info h1{line-height:30px;font-size:16px;}
#myTabContent .box:hover .info h1{color:rgb(184,0,26);}
#myTabContent .box .info h3{line-height:30px;font-size:14px;color:#999;}
#myTabContent .box .info span{width:15px;height:30px; overflow:hidden; position:absolute;top:45px;right:15px;}
#myTabContent .box .info span .spani{width:30px;height:30px; position:absolute;left:-15px;transition:transform 0.6s;}
#myTabContent .box:hover .info span .spani{transform:translate(16px,0);}
#myTabContent .box .info span i{display:block;font-size:15px;line-height:30px;float:left;}

#myTabContent .box .info span i:first-child{color:rgb(184,0,26);}
#myTabContent .box .info span i:last-child{color:#999;}
.fade{display:none;}
.fade.in{display:block;}
.container{line-height:32px;}
.more{float:left;margin:20px 0;width:100%;}
.more a{display:block; position:relative;height:50px;width:180px;border-radius:10px; overflow:hidden;border:solid 1px #ccc;font-size:16px;color:#666;text-align:center;line-height:50px;margin:20px auto; background:rgba(255,255,255,0);}
.more a font{z-index:9;position: relative;}
.more a:hover{color:#fff;border:solid 1px rgb(184,0,26);}
.more a em{width:300px;height:200px;background:rgb(184,0,26); position:absolute;left:-300px;top:-135px;transition:transform 0.6s;border-radius:200px;z-index:1;}
.more a:hover em{transform:translate(250px,0);}

.case{background:#fff;padding:30px 0;}
.case .box{margin-bottom:20px; position:relative; overflow:hidden;height:450px;}
.case .box .img{width:100%; position:relative;top:0;left:0;height:450px;}
.case .box .img img{width:100%;height:auto;min-height:100%;}
.case .box .alink{display:block;top:450px;left:0;width:100%;height:450px;transition:transform 0.6s; background:rgba(184,0,26,.5);}
.case .box:hover .alink{transform:translate(0,-450px)}
.case .box .alink h1{padding:70px 50px 15px;line-height:30px;font-size:22px;color:#fff; position:relative;}
.case .box .alink h1 em{ position:absolute;left:50px;bottom:0;height:3px;width:90px;background:#fff;}
.case .box .alink h3{padding:15px 50px;line-height:30px;font-size:16px;color:#fff;}

.news{ background:url(../images/news_bg.jpg) center top no-repeat;}
.news .carousel-indicators li{background-color:rgb(255,255,255);width:50px;height:6px;border:none;}
.news .carousel-indicators li.active{background-color:rgba(184,0,26);}
.news .item a{transition:transform 0.6s;padding-top:15px;}
.news .item a:hover .box{box-shadow: 0px 0px 10px 0px #999;transform:translate(0,-5px);}
.news .item .img{width:100%;height:300px; overflow:hidden;background:#fff;}
.news .item .img img{width:100%; height:auto;min-height:100%;}
.news .item .info{padding:0 20px;background:#fff;}
.news .item .info h1{line-height:50px;font-size:18px; overflow:hidden;height:50px;}
.news .item .info p{line-height:26px;height:52px; overflow:hidden;font-size:15px;color:#999;}
.news .item .info h3{color:#666;font-size:16px;height:45px;}
.news .item a:hover .info h3,.news .item a:hover .info h1{color:rgb(184,0,26);}
.news .item .info h3 i{display:block;float:left;line-height:45px;}
.news .item .info h3 span{display:block;width:120px;float:left;line-height:45px;margin-left:10px;}
#myCarousel2{padding-bottom:30px;}
#myCarousel2 .carousel-indicators{bottom:0;}

.about{ background:url(../images/about_bg.png) center top no-repeat;}
.about .typename h1{color:#fff;}
.about .typename h1 em{background:#fff;}
.about .info{text-align:center;line-height:36px;font-size:16px;color:#fff;padding-bottom:30px;}
.about .zlimg{height:290px; width:100%;margin-bottom:20px;overflow:hidden;position:relative;}
.zlimg ul{height:290px;width:100000px;position:absolute;left:0;} 
.zlimg ul li{display:block;float:left;margin:5px;height:290px;width:205px; overflow:hidden;position:relative;}
.zlimg ul li a{display:inline-block;height:290px;} 
.zlimg ul li img{display:block;}
.zlimg ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.zlimg ul li a:hover span{height:290px;line-height:290px;font-size:16px;text-align:center;transition:all 0.7s;}

.footer{border-top:solid 18px rgb(184,0,26);background:rgb(245,245,245);height:600px;margin-left:-15px;margin-right:-15px;padding:50px 100px;}
.footer .type{padding-bottom:20px;}
.footer .type h1{line-height:80px;font-size:26px;color:#666;}
.footer .type a{line-height:35px;font-size:16px;width:100%;display:block;color:#666;}
.footer .type a:hover{color:rgb(184,0,26);}

.footer .type .img{width:100%;text-align:center;overflow:hidden;}
.footer .type .img img{width:140px;height:140px;}
.footer .type h2{color:rgb(184,0,26);font-size:33px;}
.footer .type h3{font-size:15px;color:#666;padding:10px 0 25px;}
.footer .type h4{color:#666;font-size:18px;}
.footer .type .img{padding:25px 0 15px;}
.footer .type .message{border-left:solid #ccc 1px;}
.footer .type .message h1{text-align:center;}
.footer .copyright{padding-top:20px; border-top:solid 1px #ccc;line-height:88px;font-size:16px;}
.footer .copyright .footerlogo{height:88px; overflow:hidden;}
.footer .copyright .footerlogo img{max-height:100%;}
.footer .copyright .sc a{padding:0 5px;}
.footer .copyright .sc a:hover{color:rgb(184,0,26);}
.footer .message .lab{width:100%;margin-bottom:15px;float:left;}
.footer .message .lab span{display:block;line-height:42px;float:left;width:20%;font-size:18px;text-align:right;color:#666;}
.footer .message .lab .inp{height:42px;width:80%;float:right;overflow:hidden;}
.footer .message .lab .inp input{height:40px;width:98%;background:#fff;line-height:40px;font-size:18px;border:1px solid #ccc;outline:none;padding-left:10px;color:#666;float:right;}
.footer .message .lab a{width:135px;line-height:55px;font-size:18px;color:#fff; text-align:center; background:rgb(184,0,26);display:block;float:right;}

.newsrow{background:#fff;}
.newsrow .box{margin:20px auto;height:400px;}
.newsrow .box .abox{width:100%;background:#f5f5f5;height:400px;display:block;transition:transform 0.6s;}
.newsrow .box .img{width:36%;height:400px; overflow:hidden;float:left;}
.newsrow .box .img img{min-height:400px;width:100%;}
.newsrow .box .abox:hover{box-shadow: 0px 0px 10px 0px #999;transform:translate(0,-5px);}
.newsrow .box .abox:hover .info h1,.newsrow .box .abox:hover h3{color:rgb(184,0,26);}
.newsrow .box .info{width:64%;padding:90px 100px;float:right;height:400px;}
.newsrow .box .info h1{line-height:30px;font-size:30px;padding-bottom:50px;}
.newsrow .box p{line-height:30px;height:60px;}
.newsrow .box h3{text-align:right;font-size:16px;color:#999;line-height:30px;padding-top:50px;}
.pagep{width:100%;float:left;margin:20px auto;}
.pagination{margin:20px 15px;float:right;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:rgb(184,0,26);border-color:rgb(184,0,26);}
.pagination>li>a, .pagination>li>span{color:rgb(184,0,26);}

@media screen and (min-width: 1920px) {
  .smenu{display:block !important;}
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .smenu{display:block !important;}
  .footer .message .lab span{width:25%;font-size:16px;line-height:36px;}
  .footer .message .lab .inp{width:75%;height:36px;}
   .header .nav.pro{width:230px;}
  .case .box{height:360px;}
.case .box .img{height:360px;}
.case .box .alink{top:360px;height:360px;}
.case .box:hover .alink{transform:translate(0,-360px)}
.case .box .alink h1{font-size:20px;}
.case .box .alink h1 em{ position:absolute;left:50px;bottom:0;height:3px;width:90px;background:#fff;}
.case .box .alink h3{padding:15px 50px;line-height:30px;font-size:16px;color:#fff;}
#myTabContent .box .img{height:340px;line-height:340px;}
  .footer .type h1{font-size:24px;}
  .footer .type a{font-size:15px;}
  .footer .type h4{font-size:16px;}
  .footer .type h3{font-size:14px;}
  .footer .type .img img{height:125px;width:125px;}
  .footer .message .lab .inp input{height:34px;line-height:34px;font-size:15px;}
  .footer{padding:50px 100px 20px;}
  .footer .copyright,.footer .copyright .footerlogo{height:70px;line-height:70px;}
  .footer .message .lab a{line-height:40px;font-size:16px;}
  .header .nav{width:230px;}
  .header li.con1 .nav{width:300px;}
  .banner .carousel-inner .item em{left:15%;}
  .banner .carousel-inner .item h3{left:15%;top:30.5%;font-size:20px;}
  .banner .carousel-inner .item h1{left:15%;top:36%;font-size:38px;}
  .banner .carousel-inner .item a{left:15%;}
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
#myTabContent .box .img{height:260px;line-height:260px;}
  .smenu{display:block !important;}
  .footer .message .lab span{width:25%;font-size:14px;}
  .footer .message .lab .inp{width:75%;}
  .footer .message .lab a{width:120px;line-height:32px;font-size:14px;}
   .footer .message .lab span{width:25%;font-size:14px;line-height:32px;}
  .footer .message .lab .inp{width:75%;height:32px;}
  .case .box{height:320px;}
.case .box .img{height:320px;}
.case .box .alink{top:320px;height:320px;}
.case .box:hover .alink{transform:translate(0,-320px)}
.case .box .alink h1{font-size:18px;padding:40px 50px 15px;}
.case .box .alink h1 em{ position:absolute;left:50px;bottom:0;height:3px;width:90px;background:#fff;}
.case .box .alink h3{padding:15px 50px;line-height:30px;font-size:15px;color:#fff;}
  .footer .type h1{font-size:20px;}
  .footer .type a{font-size:13px;line-height:28px;}
  .footer .type h2{font-size:28px;}
  .footer .type h4{font-size:14px;}
  .footer .type h3{font-size:12px;padding: 10px 0 15px;}
  .footer .type .img{padding:15px 0 10px;}
  .footer .type .img img{height:105px;width:105px;}
  .footer .message .lab .inp input{height:30px;line-height:30px;font-size:14px;}
  .footer{padding:50px 50px 20px;height:540px;}
  .header .nav{top:70px;}
  .footer .copyright,.footer .copyright .footerlogo{height:60px;line-height:60px;font-size:14px;}
  .header .nav{width:160px;}
.header ul li .nav a{width:100%;font-size:14px;line-height:26px;}
  .header li.con1 .nav{width:300px;}
  .header ul li.con1 .nav a{width:50%;}
  .banner .carousel-inner .item em{left:10%;}
  .banner .carousel-inner .item h3{left:10%;top:28%;font-size:18px;}
  .banner .carousel-inner .item h1{left:10%;top:33%;font-size:34px;}
  .banner .carousel-inner .item a{left:10%;height:45px;line-height:45px;}
  .header .logo{height:57px;}
  .header ul li{height:70px;}
  .header ul li a{line-height:70px;font-size:15px;}
  .more a{height:40px;width:160px;border-radius:8px;font-size:15px;line-height:40px;margin:15px auto; background:rgba(255,255,255,0);}
  .typename h1{line-height:65px;font-size:28px;}
  .typename h1 em{height:2px;}
  .typeclass a{font-size:15px;}
  .news .item .img{height:240px;}
  .news .item .info{padding:0 10px;}
  .news .item .info h1{font-size:16px;line-height:42px;}
  .news .item .info p{font-size:13px;line-height:23px;}
  .news .item .info h3{line-height:14px;}
  .about .info{font-size:15px;line-height:32px;}
  .about .zlimg,.zlimg ul,.zlimg ul li,.zlimg ul li a{height:260px;}
  .zlimg ul li{width:190px;}
  .zlimg ul li img{width:100%;height:100%;}
  .newsrow .box .info h1{font-size:23px;}
  .newsrow .box{height:350px;}
  .newsrow .box .abox,.newsrow .box .img,.newsrow .box .info{height:350px;}
  .newsrow .box p,.pagination-lg>li>a, .pagination-lg>li>span{font-size:14px;}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
 .header .logo{height:50px;}
  .header ul li{height:60px;}
  .smenu{display:block !important;}
  .header .logo{padding:5px 0 0 0;}
  .header ul li a{line-height:60px;font-size:13px;}
  
  #myTabContent .box .img{height:200px;line-height:200px;}
  .footer .message .lab span{width:25%;font-size:14px;}
  .footer .message .lab .inp{width:75%;}
  .footer .message .lab a{width:120px;line-height:32px;font-size:14px;}
   .footer .message .lab span{width:25%;font-size:14px;line-height:32px;}
  .footer .message .lab .inp{width:75%;height:32px;}
  .case .box{height:260px;}
.case .box .img{height:260px;}
.case .box .alink{top:260px;height:260px;}
.case .box:hover .alink{transform:translate(0,-260px)}
.case .box .alink h1{font-size:16px;padding:40px 40px 15px;line-height:26px;}
.case .box .alink h1 em{ position:absolute;left:40px;bottom:0;height:2px;width:60px;background:#fff;}
.case .box .alink h3{padding:15px 40px;line-height:26px;font-size:14px;color:#fff;}
  .footer .type h1{font-size:20px;line-height:60px;}
  .footer .type a{font-size:13px;line-height:28px;}
  .footer .type h2{font-size:28px;}
  .footer .type h4{font-size:14px;}
  .footer .type h3{font-size:12px;padding: 10px 0 15px;}
  .footer .type .img{padding:15px 0 10px;}
  .footer .type .img img{height:105px;width:105px;}
  .footer .message .lab .inp input{height:30px;line-height:30px;font-size:14px;}
  .footer{padding:50px 50px 0px;height:490px;}
  .header .nav{top:60px;}
  .footer .copyright,.footer .copyright .footerlogo{height:60px;line-height:60px;font-size:14px;}
  .header .nav{width:130px;}
.header ul li .nav a{width:100%;font-size:12px;line-height:22px;}
  .header li.con1 .nav{width:260px;}
  .header ul li.con1 .nav a{width:50%;}
  .banner .carousel-inner .item em{left:8%;top:24%;}
  .banner .carousel-inner .item h3{left:8%;top:26%;font-size:15px;}
  .banner .carousel-inner .item h1{left:8%;top:32%;font-size:30px;}
  .banner .carousel-inner .item a{left:8%;height:40px;line-height:40px;}
  .more a{height:40px;width:160px;border-radius:8px;font-size:15px;line-height:40px;margin:15px auto; background:rgba(255,255,255,0);}
  .typename h1{line-height:65px;font-size:28px;}
  .typename h1 em{height:2px;}
  .typeclass a{font-size:14px;}
  .news .item .img{height:180px;}
  .news .item .info{padding:0 10px;}
  .news .item .info h1{font-size:15px;line-height:32px;height:32px;}
  .news .item .info p{font-size:12px;line-height:20px;height:40px;}
  .news .item .info h3{line-height:13px;font-size:12px;}
  .about .info{font-size:13px;line-height:26px;}
  .about .zlimg,.zlimg ul,.zlimg ul li,.zlimg ul li a{height:260px;}
  .zlimg ul li{width:190px;}
  .zlimg ul li img{width:100%;height:100%;}
  .newsrow .box .info h1{font-size:18px;padding-bottom:30px;}
  .newsrow .box .img img{height:320px;}
  .newsrow .box .info{padding:50px 60px;}
  .newsrow .box h3{font-size:14px;}
  .newsrow .box{height:300px;}
  .newsrow .box .abox,.newsrow .box .img,.newsrow .box .info{height:300px;}
  .newsrow .box p,.pagination-lg>li>a, .pagination-lg>li>span{font-size:12px;}
  .footer .type .message{border-left:none;border-top:solid 1px #ccc;margin-top:15px;}
  .mbx{padding:20px 30px;}
  .mbx, .mbx i, .mbx a{font-size:14px;}
  .typeclass{margin:30px auto;}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
 .header .logo{height:50px;}
  .header ul li{height:60px;}
  .header .logo{padding:5px 0 0 0;}
  .header ul li a{line-height:60px;font-size:13px;}
  
  #myTabContent .box .img{height:230px;line-height:230px;}
  .footer .message .lab span{width:25%;font-size:14px;}
  .footer .message .lab .inp{width:75%;}
  .footer .message .lab a{width:120px;line-height:32px;font-size:14px;}
   .footer .message .lab span{width:25%;font-size:14px;line-height:32px;}
  .footer .message .lab .inp{width:75%;height:32px;}
  .case .box{height:260px;}
.case .box .img{height:260px;}
.case .box .alink{top:260px;height:260px;}
.case .box:hover .alink{transform:translate(0,-260px)}
.case .box .alink h1{font-size:16px;padding:40px 40px 15px;line-height:26px;}
.case .box .alink h1 em{ position:absolute;left:40px;bottom:0;height:2px;width:60px;background:#fff;}
.case .box .alink h3{padding:15px 40px;line-height:26px;font-size:14px;color:#fff;}
  .footer .type h1{font-size:20px;line-height:60px;}
  .footer .type a{font-size:13px;line-height:28px;}
  .footer .type h2{font-size:28px;}
  .footer .type h4{font-size:14px;}
  .footer .type h3{font-size:12px;padding: 10px 0 15px;}
  .footer .type .img{padding:15px 0 10px;}
  .footer .type .img img{height:105px;width:105px;}
  .footer .message .lab .inp input{height:30px;line-height:30px;font-size:14px;}
  .footer{padding:0;height:60px;overflow:hidden;}
  .header .nav{top:60px;}
  .footer .copyright,.footer .copyright .footerlogo{height:60px;line-height:60px;font-size:12px;padding-top:0;border:none;}
  .footer .copyright .copy{text-align:center;}
  .header .nav{width:110px;}
.header ul li .nav a{width:100%;font-size:11px;line-height:20px;}
  .header li.con1 .nav{width:250px;}
  .header ul li.con1 .nav a{width:50%;}
  .banner .carousel-inner .item em{left:5%;top:24%;}
  .banner .carousel-inner .item h3{left:5%;top:26%;font-size:14px;}
  .banner .carousel-inner .item h1{left:5%;top:32%;font-size:22px;}
  .banner .carousel-inner .item a{left:5%;height:30px;line-height:30px;font-size:14px;width:110px;}
  .more a{height:40px;width:160px;border-radius:8px;font-size:15px;line-height:40px;margin:15px auto; background:rgba(255,255,255,0);}
  .typename h1{line-height:45px;font-size:24px;}
  .typename h1 em{height:2px;}
  .typeclass a{font-size:12px;padding:0 10px 10px 0;}
  .typename h4{font-size:12px;}
  .news .item .img{height:180px;}
  .news .item .info{padding:0 10px;}
  .news .item .info h1{font-size:15px;line-height:32px;height:32px;}
  .news .item .info p{font-size:12px;line-height:20px;height:40px;}
  .news .item .info h3{line-height:13px;font-size:12px;}
  .about .info{font-size:10px;line-height:22px;padding:0 10px;}
  .about .zlimg,.zlimg ul,.zlimg ul li,.zlimg ul li a{height:170px;}
  .zlimg ul li a:hover span{line-height:170px;font-size:14px;height:170px;}
  .zlimg ul li{width:130px;}
  .zlimg ul li img{width:100%;height:100%;}
  .newsrow .box .info h1{font-size:16px;padding-bottom:20px;}
  .newsrow .box .img img{height:270px;}
  .newsrow .box .info{padding:40px 50px;}
  .newsrow .box h3{font-size:13px;}
  .newsrow .box{height:270px;}
  .newsrow .box .abox,.newsrow .box .img,.newsrow .box .info{height:270px;}
  .newsrow .box p,.pagination-lg>li>a, .pagination-lg>li>span{font-size:10px;}
  .footer .type .message{border-left:none;border-top:solid 1px #ccc;margin-top:15px;}
  .mbx{padding:15px 20px;}
  .mbx, .mbx i, .mbx a{font-size:12px;}
  .typeclass{margin:20px auto;}
  .typename{margin:20px auto;}
  .mbx .col-lg-8 a{font-size:12px;padding-left:5px;}
  body{font-size:14px;}

}

@media screen and (max-width: 767px) {
  .header ul li{width:100%;height:auto;border-top:solid 1px #eee;}
  .header ul li a{line-height:36px;font-size:15px;}
  .header ul li a em{display:none;}
  .header .nav{position: unset;width:100% !important;}
  .header .logo{height:48px;padding:0;}
  .header .logo .btnImg{float:right;padding-right:15px;width:48px;height:40px;padding-top:4px;}
  #myTabContent{float:left;}
  #myTabContent .box .img{height:360px;line-height:360px;}
  .footer .message .lab span{width:25%;font-size:14px;}
  .footer .message .lab .inp{width:75%;}
  .footer .message .lab a{width:120px;line-height:32px;font-size:14px;}
   .footer .message .lab span{width:25%;font-size:14px;line-height:32px;}
  .footer .message .lab .inp{width:75%;height:32px;}
  .case .box{height:260px;}
.case .box .img{height:260px;}
.case .box .alink{top:260px;height:260px;}
.case .box:hover .alink{transform:translate(0,-260px)}
.case .box .alink h1{font-size:16px;padding:40px 40px 15px;line-height:26px;}
.case .box .alink h1 em{ position:absolute;left:40px;bottom:0;height:2px;width:60px;background:#fff;}
.case .box .alink h3{padding:15px 40px;line-height:26px;font-size:14px;color:#fff;}
  .footer .type h1{font-size:20px;line-height:60px;}
  .footer .type a{font-size:13px;line-height:28px;}
  .footer .type h2{font-size:28px;}
  .footer .type h4{font-size:14px;}
  .footer .type h3{font-size:12px;padding: 10px 0 15px;}
  .footer .type .img{padding:15px 0 10px;}
  .footer .type .img img{height:105px;width:105px;}
  .footer .message .lab .inp input{height:30px;line-height:30px;font-size:14px;}
  .footer{padding:0;height:80px;overflow:hidden;}
  .sbanner{margin-top:60px;}
  .footer .copyright,.footer .copyright .footerlogo{height:80px;line-height:24px;font-size:12px;padding-top:0;border:none;}
  .footer .copyright .copy{text-align:center;}
  .header .nav{width:110px;}
  .header{position: fixed;width:100%;background:#fff;z-index:9999;padding:6px 0;}
.header ul li .nav a{width:50%;font-size:11px;line-height:20px;}
  .header li.con1 .nav{width:250px;}
  .header ul li.con1 .nav a{width:50%;}
  .banner .carousel-inner .item em{left:5%;top:24%;}
  .banner .carousel-inner .item h3{left:5%;top:26%;font-size:12px;}
  .banner .carousel-inner .item h1{left:5%;top:32%;font-size:18px;}
  .banner .carousel-inner .item a{left:5%;height:25px;line-height:25px;font-size:12px;width:80px;}
  .more a{height:40px;width:160px;border-radius:8px;font-size:15px;line-height:40px;margin:15px auto; background:rgba(255,255,255,0);}
  .typename h1{line-height:35px;font-size:18px;}
  .typename h1 em{height:2px;}
  .typeclass a{font-size:12px;padding:0 10px 10px 0;}
  .typename h4{font-size:12px;}
  .news .item .img{height:180px;}
  .news .item .info{padding:0 10px;}
  .news .item .info h1{font-size:15px;line-height:32px;height:32px;}
  .news .item .info p{font-size:12px;line-height:20px;height:40px;}
  .news .item .info h3{line-height:13px;font-size:12px;}
  .about .info{font-size:12px;line-height:20px;padding:0 10px;}
  .about .zlimg,.zlimg ul,.zlimg ul li,.zlimg ul li a{height:170px;}
  .zlimg ul li a:hover span{line-height:170px;font-size:14px;height:170px;}
  .zlimg ul li{width:130px;}
  .zlimg ul li img{width:100%;height:100%;}
  .newsrow .box .info h1{font-size:14px;padding-bottom:5px;height:35px;overflow:hidden;}
  .newsrow .box .img img{min-height:270px;}
  .newsrow .box .info{padding:20px 20px;width:100%;height:187px;}
  .newsrow .box h3{font-size:13px;padding-top:10px;}
  .newsrow .box{height:auto;}
  .newsrow .box .img{width:100%;height:270px;}
  .newsrow .box .abox{height:457px;}
  .newsrow .box p,.pagination-lg>li>a, .pagination-lg>li>span{font-size:10px;}
  .footer .type .message{border-left:none;border-top:solid 1px #ccc;margin-top:15px;}
  .mbx{padding:15px 20px;}
  .newsrow .box p{line-height:24px;height:72px;overflow:hidden;}
  .mbx, .mbx i, .mbx a{font-size:12px;}
  .mbx .text-right{margin-top:20px;text-align:left;}
  .typeclass{margin:20px auto;}
  .typename{margin:20px auto;}
  .mbx .col-lg-8 a{font-size:12px;padding:5px;display: inline-block;}
  body{font-size:14px;}
  .container table td{width:auto !important;}
  .container img, .container table{max-width:100% !important;height:auto !important;}
  .container table{width:100% !important;}
  
}