@charset "utf-8";

a {color: #333; outline: none;}
a:hover, a:focus {color: #f00; text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0;}
em {font-style: normal;}
body {overflow-x: hidden; font-size: 13px;  color: #444; font-family: Microsoft Yahei;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}

.fl {float:left;}
.fr {float:right;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}
.fenye {text-align:center;}

/* header */
.header {height:110px; border-bottom: 2px solid #f6f6f6;}
.header span {display: inline-block; float: right; padding: 41px 0 0; color: #999; /*font-family: 'Microsoft yahei light';*/}
.header p {margin-bottom: 0;}

.nav {padding: 15px 0;	}
.menu {text-align: right; margin-bottom: 0;}
.menu li {display: inline-block;}
.menu li a {line-height:40px; padding: 0 0 0 30px; text-align:center; color:#999; font-size:15px; display:block;}
.menu li a:hover, .menu li.currclass a {color:#f00; text-decoration:none;}
.menu li.no {background:none;}



.pcmenu {background-color: #f5f5f5; height: 84px;}
.pcmenu .navbar-brand {padding-top: 10px;}
.pcmenu .navbar-brand img {height: 65px;}
.pcmenu .navbar-nav>li>a {font-size: 14px; color: #333; margin: 0 30px; padding-left: 0; padding-right: 0; transition: all 0.4s;}
.pcmenu .nav>li>a:focus, .pcmenu .nav>li>a:hover {background-color: transparent; border-bottom: 2px solid #EA2F21;}
.pcmenu .nav>li.active>a.dropdown-toggle {border-bottom: 2px solid #EA2F21;}


/* banner */
.carousel-inner {background: #fff;}
.carousel-inner > .item img {margin: 0 auto;}
.carousel-control.left {background-image: none;}
.carousel-control.right {background-image: none;}
.carousel-indicators li {margin:0 6px; background:#f00; width:15px; height:15px;}
.carousel-indicators li.active {width:15px; height:15px;}


/* footer */
.i_design{background:#eee;padding:30px 0 80px;color:#9b9b9b}
.i_design .design_ad{font-size:30px;font-family:microsoft yahei light;letter-spacing:8px;padding:25px 0;margin-bottom:30px;font-weight:700;border-bottom:3px solid #e8e8e8}
.i_design .design_txt{font-size:15px;letter-spacing:8px}
.footer{background:#1f1a17;border-top:3px solid #b03931;color:#fff;padding:20px 0 50px}
.footer a{color:#fff}
.footer .foot_nav{padding:10px 5px;margin:0}
.footer .foot_nav a{margin:0 15px;font-size:16px}
.footer .foot_nav a:hover{text-decoration:underline}
.footer .foot_copy .foot_tel{font-size:30px;padding:30px 0;letter-spacing:2px}
.footer .foot_copy .foot_name{letter-spacing:5px}
.footer .foot_copy p {margin-bottom: 0;}

.new-float{position:fixed;right:-3px;top:50%;z-index:50;width:77px;height:374px;margin-top:-187px; }
.new-float li{position:relative;width:87px;height:57px;margin-bottom:1px;line-height:20px;color:#fff;text-align:center;}
.new-float li.hover{overflow:hidden}
.new-float li a{display:inline-block;color:#fff}
.new-float li a.tit{width:87px;height:57px;padding:30px 10px 0 0;color:#fff}
.new-float li p{position:relative;z-index:2;height:27px;padding-top:30px;cursor:pointer}
.new-float li.fi a{background:url(../img/on_line.png) no-repeat 0 0}
.new-float li.tp a{background:url(../img/on_line.png) no-repeat 0 -171px}
.new-float li.th a{background:url(../img/on_line.png) no-repeat 0 -57px}
.new-float li.fo a.tit{background:url(../img/on_line.png) no-repeat 0 -114px}
.new-float li.fif p{background:url(../img/bg_float05.png) no-repeat}
.new-float li .tel{position:absolute;left:77px;top:0;z-index:1;width:184px;height:57px;font:24px/57px Arial;color:#fff;background:#de1d25;cursor:pointer}
.new-float a.mof{display:inline-block;width:54px;height:71px;padding:12px 11px 0 12px;margin-top:10px;background:url(../img/on_line.png) no-repeat 0 -239px;font-size:18px;line-height:22px;color:#fff}


.caselogo {}
.casewidth {width: 1180px; margin: 0 auto; border-bottom: 2px dashed #adadad; border-top: 2px dashed #adadad; padding-bottom: 1em;}
.casetitle {text-align: center;}
.casetitle h2 {color: #e1332c; font-weight: bold; margin-top: 0; font-size: 38px;}
.casetitle h3 {color: #888;}
.casezhui {color: #888; font-size: 18px; text-align: center; padding-top: 1em; letter-spacing: 8px;}

.casew {}
.casew .item {float: left; width: 12.5%;}
.casew .item a {display: inline-block; margin: 22px 25px;}
.casew .item a img {max-width: 100%;}



@media (max-width:768px) {

.ptb2 {padding-top: 1.5em; padding-bottom: 1.5em; }
.ptb3 {padding-top: 2em; padding-bottom: 2em; }
.mbb3 {margin-bottom: 2em; }
.pbt3 {padding-top: 2em;}

.container {width: auto;}
body {padding-top: 65px;}
.h2, h2 {font-size: 20px;}

.pcmenu {height: auto; padding-bottom: 8px;}
.pcmenu .navbar-toggle {margin-top: 16px;}
.pcmenu .navbar-brand img {height: 48px;}
.navbar-toggle .icon-bar {background-color: #333;}
.pcmenu .navbar-nav .open .dropdown-menu>li>a {padding-left: 35px;}

.new-float {display: none;}
.footer {margin-bottom: 52px; padding-bottom: 30px;}

.i_design {padding: 30px 0 30px}
.i_design .design_ad {padding: 15px 0; font-size: 22px; margin-bottom: 20px;}
.i_design .design_txt {font-size: 14px; letter-spacing: 0; padding: 0 25px;}

.footer .foot_nav a {font-size: 12px; margin: 0 5px;}
.footer .foot_copy .foot_tel {padding: 15px 0; font-size: 22px;}


.footinfo{overflow:hidden;text-align:center!important;background:#EA2F21;position:fixed;bottom:0;left:0;z-index:999;width:100%;line-height:1.65}
.footinfo .main{display:flex}
.footinfo .main>div{flex:1}
.footinfo a.item{color:#f1f1f1;padding:8px 0 5px;display:inline-block}
.footinfo a.item i{font-size:16px;display:block}
.footinfo a.item span{color:#fff;font-size:14px}


.casewidth {width: 100%;}
.casetitle h2 {font-size: 22px;}
.casetitle h3 {font-size: 15px; margin-top: 10px;}
.casew {padding-top: 0;}
.casew .item {width: 33%;}



}


@media (min-width:769px) and (max-width:992px;){

}


@media (min-width:1200px) {
.container{width:1002px;}
}