@charset "utf-8";
/* CSS Document */
body{ font-size:14px; overflow-x:hidden; }
ul{list-style-type:none;padding:0px; margin:0px;}
li{list-style-type:none;padding:0px; margin:0px;}
.am-gotop-fixed{ width:40px;}
a{ color:#000;}
a:hover{ color:#c7000b; text-decoration:none}
hr{ border-top:1px solid #000;}
.navbar-default{ background:none; border:none;}
.navbar{ margin-bottom:0px; min-height:100px;}
.navbar-brand{ padding:0px; height:100px;}
.navbar-nav > li > a{ padding-top:40px; padding-bottom:40px; font-size:16px; padding-left:30px; padding-right:30px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background-color:#c7000b; color:#fff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#c7000b; color:#fff;}
.carousel-control.left{ background-image:none;}
.carousel-control.right{ background-image:none;}
.banner img{ max-width: 100%; }
.m1{ padding:70px 0px;}
.m1 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; }
.m1 h1::after{position:absolute;left:48%; bottom:-30px; height: 2px; width: 45px; background:rgba(199, 0, 11, 1); content: "";}
.m1 h2{ font-size:24px; color:#000; font-weight:normal; margin-top:55px;}
.m1_n p{width:73%; margin:0px auto; text-indent:3rem; font-weight:bold; font-size:14px; line-height:32px; }

.more{ text-align:center; margin-top:20px;}
.more>.btn{ padding:15px 55px; border-radius:0px;}
.more>.btn-danger{ background-color:transparent;color:#c7000b; background-image:url(../images/icon1.png); background-position:160px center; background-repeat:no-repeat; }
.more > .btn-danger:hover{background-color:#d43f3a;color:#fff; background-image:url(../images/icon1_b.png); background-position:160px center; background-repeat:no-repeat;}
.m2{ padding:70px 0px;}
.m2 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; }
.m2 h1::after{position:absolute;left:48%; bottom:-30px; height: 2px; width: 45px; background:rgba(199, 0, 11, 1); content: "";}
.m2 h2{ font-size:24px; color:#000; font-weight:normal; margin-top:55px;}

.m2_n{ width:100%; position:relative; overflow:hidden; margin-top:30px;}
.m2_n>a>.m2_nn{ width:100%; height:100%; position:absolute;left:0; top:0; opacity:0}
.m2_n a:hover .m2_nn{display: block; position:absolute; top:0; background-color: rgba(199,0,11,0.9); width: 100%; height:100%; color:#fff; opacity:1; text-align:center}

.m2_nn h3{ font-size:22px; margin-top:20%} 
.m2_n img { max-width:100%;}
.m2>.container>.more{ text-align:center; margin-top:80px;}


.m3{ padding:70px 0px;}
.m3 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; }
.m3 h1::after{position:absolute;left:48%; bottom:-30px; height: 2px; width: 45px; background:rgba(0, 0, 0, 1); content: "";}
.m3 h2{ font-size:24px; color:#000; font-weight:normal; margin-top:55px;}

.m3_n{/* background-image:url(../images/m3_bg.png); background-position:center center; background-repeat:no-repeat; position:relative; height:604px;*/}
.m3_n1{ position:absolute; left:40%; top:0; background-color:#c7000b; color:#fff; padding:55px ; border-radius:50%; text-align:center;}
.m3_n1 p{ font-size:30px; margin:0px; line-height:30px; margin-bottom:10px;}
.m3_n1 h3{ font-size:28px;margin:0px;}
.m3_n2{ position:absolute; left:0; top:0;}
.m3_n3{ position:absolute; left:0; top:0;}



.m3_n2{ position:absolute; left:20%; top:45%; background-color:#c7000b; color:#fff; padding:55px; border-radius:50%; text-align:center;}
.m3_n2 p{ font-size:30px; margin:0px; line-height:30px; margin-bottom:10px;}
.m3_n2 h3{ font-size:28px;margin:0px;}


.m3_n3{ position:absolute; left:60%; top:45%; background-color:#c7000b; color:#fff; padding:55px 25px; border-radius:50%; text-align:center;}
.m3_n3 p{ font-size:30px; margin:0px; line-height:30px; margin-bottom:10px;}
.m3_n3 h3{ font-size:28px;margin:0px;}
.m3_nwap{ display:none}

.foot{ background-color:#3e3a39; padding:60px 0px; color:#fff;}
.foot_z{ font-size:16px;}



/*关于*/
.about{ padding:80px 0px; }
.about>.container>.row>.col-md-3>h1{ color:#262626; font-size:36px;margin-bottom: 20px; position:relative; font-weight: normal; }
.about>.container>.row>.col-md-3>h1::after{position:absolute;left:0; bottom:-20px; height: 2px; width: 135px; background:rgba(199, 0, 11, 1); content: "";}
.about>.container>.row>.col-md-3>h3{ font-size:24px; color:#262626; font-weight:normal; margin-top:25px;}

.about_text{ line-height: 30px; font-size: 16px; }
.sjmc{ font-size:18px;}
.iconred{ color:#d43f3a;}
.design img{ width: 100% }
.design_n{ width:100%; position:relative; overflow:hidden; margin-bottom:30px;}
.design_n>a>.design_nn{ width:100%; height:100%; position:absolute;left:0; top:0; opacity:0}
.design_n a:hover .design_nn{display: block; position:absolute; top:0; background-color: rgba(199,0,11,0.9); width: 45%; height:100%; 
color:#fff; opacity:1; text-align:center}
.design_nn h3{ font-size:22px; margin-top:25%} 
.design_nn p{ font-size:22px;  padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:0px; line-height: 30px;} 



.team_n img{ max-width: 100% }
.team_n>.col-md-6>p{ background-color: #c7000b; color: #fff; margin-top: 0rem; text-align: center; line-height: 36px }

/*分页*/
.pages{ display:block; width:100%}
.tcdPageCode {
  text-align: center;
  color: #808080;
  font-size: 14px;
}
.tcdPageCode li {
  display: inline;
}
.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode span.current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #ff6f06;
  border: 1px solid #ff6f06;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  color: #ff6f06;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
}

/*案例*/
.case_fl{ padding: 30px; }
.caselist{margin-bottom: 40px;}
.caselist_n{ width:100%; position:relative; overflow:hidden; margin-bottom:30px;  }
.caselist_n>a>.caselist_nn{ width:100%; height:100%; position:absolute;left:0; top:0; opacity:0}
.caselist_n a:hover .caselist_nn{display: block; position:absolute; top:0; background-color: rgba(199,0,11,0.9); width: 35%; height:100%; color:#fff; opacity:1; text-align:center}

.caselist_nn h3{ font-size:22px; margin-top:35%} 
.caselist_n img { max-width:100%;}


.caseshow{  padding-top: 30px;padding-bottom: 30px;}
.body_con{ line-height: 30px; }
.body_con img{ max-width: 100%;}


/*新闻*/

.news{ padding: 30px; }
.news_n { width: 80%; border-top:1px #000 solid; padding-top:5px; margin-bottom: 20px; }
.news_n em{ font-style: normal; font-size: 16px;}
.news_n h1{ margin: 5px 0px; font-size: 18px;  font-weight: normal; }
.news_n p{ margin: 15px 0px; font-size: 14px;  font-weight: normal; }
.news_n img{ max-width: 100% }
@media(max-width:767px) {
	.navbar-nav > li > a{ padding-top:15px; padding-bottom:15px; font-size:16px; padding-left:30px; padding-right:30px;}
	.navbar-toggle{ margin-top:35px;}
	.m3_n{ display:none}
	.m3_nwap{ display:block}
	.m3_nwap img , .m3 img { max-width:100%}
	.m2>.container>h1>img , .m1>.container>h1>img{ max-width:80%}
	.m2_n img { width: 100%; }


	.about{ padding:40px 0px; }
}