@charset "utf-8";
/*初始化*/
html{ width:100%;font-size:14px;}
body,ul,li,ol,p,h1,h2,h3,h4,h5,h6,form,input,dl,dt,dd,textarea,th,td,tr{ margin:0; padding:0;}
body{  font-family:Arial,"Microsoft YaHei"; color:#434343;background-color: #fff;line-height: 1;}
a{ text-decoration:none;outline:0 none;color:#434343;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
ul,ol{ list-style:none;}
img{ border:none; vertical-align: middle;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u,b{font-style: normal;font-weight: normal;}
.clear{ clear:both; overflow:hidden; height:0;}
.over{overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.abs{ position:absolute;}
.rel{ position:relative;}
.em{text-indent: 2em;}
.tac{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.blod{font-weight: 700;}
.fixed{position: fixed;}
.container .mar-right{margin-right:0;}
.container .pad-right{padding-right:0;}
.container .borno{border:none;}
.w100{width:100%;}
.hide{display: none;}
.opacity{opacity: 0;}
/*初始化结束*/
/*通用样式*/
.container{width:100%;min-width:1300px;height:100%;overflow: hidden;background-color: #ab0008;}
.wrap{width:1200px;margin:0 auto;}
.css3{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.white{background-color: #fff;}
.black{background-color: #000;}
.animated{animation-duration:2s;-webkit-animation-duration:2s;}
.page{background-color: #999;}
/*header begin*/
.nav>li{float:left;margin:38px 3px 0 3px;width:95px;font-size: 16px;line-height: 48px;position: relative;}
.nav li a{color:#fff;}
.nav ol{position: absolute;top:102%;left:0;z-index: 10;width:100%;line-height: 48px;font-size: 14px;display: none;}
.nav>li:hover{background-color: #ab0008;border-bottom:1px dashed #fff;}
.nav>li:hover ol{display: block;}
.nav>li:hover ol li{background-color: #ab0008;border-bottom:1px dashed #fff;}
.nav>li:hover ol li:last-child{border-bottom:none;}
.call{margin-top:38px;color:#e8e8e8;font-style: italic;line-height: 48px;font-weight: 600;font-size: 18px;}
/*header end*/
/*section begin*/
.tit{line-height: 36px;padding:15px 0;}
.tit h1{font-size: 30px;color:#666666;font-weight: 500;}
.tit p{color:#333333;font-size: 12px;line-height: 20px;font-family: "幼圆";}
.tit h1 span{color:#ab0008;margin-left:18px;}
/*about*/
.type{padding: 35px 75px;text-align: center;line-height: 24px;overflow: hidden;}
.type li{float:left;width:14.28%;}
.type li img{margin-bottom:10px;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.type li:hover img{animation: type 2s forwards linear;}
@keyframes type {
    0%{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    25%{transform: rotate(20deg);-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);}
    50%{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    75%{transform: rotate(-20deg);-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);}
    100%{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}
.about-left{width:50%;}
.about-left ul{overflow: hidden;background-color: #e2e2e2;padding:40px 0 13px;}
.about-left li{float:left;width:200px;text-align: center;line-height: 42px;}
.about-left li a{color:#333;}
.about-left>p{color:#666;line-height: 30px;padding:33px 26px 0 63px;}
.more a{color:#fff;width:132px;height:28px;line-height: 28px;font-family: "宋体";background-color: #999;display: inline-block;margin:30px 0 45px;}
.more a:hover{background-color: #ab0008;}
/*case*/
.case{background: url(../images/casebg.jpg) no-repeat center;min-height:794px;}
.case-tit{padding:60px 0;}
.case-tit h2{font-size: 30px;background:url(../images/case-line.png) no-repeat center bottom;color:#fff;font-weight: 500;margin-bottom:13px;}
.case-list{width:1168px;margin:0 auto;}
.case-list li{position: relative;overflow: hidden;width:23.71%;margin-right:1.45%;border:1px solid #fff;float:left;margin-bottom:2%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.case-img img{width:100%;}
.case-mask{background: url(../images/case-mask.png) repeat center;width:100%;height:100%;color:#fff;position: absolute;top:0;left:-100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.case-mask h2{font-size: 20px;font-weight: 500;padding-top:5%;line-height: 2.7em;text-align: center;border-bottom:1px dashed #fff;width:40%;margin:0 auto 5%;}
.case-mask p{line-height: 30px;padding:0 10%;}
.case-list li:hover .case-mask{left:0;}
.more-white a{border:2px solid #fff;background-color: transparent;}
/*design*/
.design li{position: relative;width:23%;float:left;margin:0 1%;}
.design-mes{position: absolute;bottom:18px;width:100%;left:0;}
.design-mes h2{color:#333333;font-size: 16px;text-align: center;width:121px;height:45px;border:1px solid #fff;background-color: transparent;padding:1px;margin:0 auto -23px;line-height: 45px;font-weight: 500;position: relative;z-index: 10;}
.design-mes h2 span{background-color: #fff;display: block;height:100%;}
.design-mes p{background-color: #dd040e;padding:2%;width:80%;margin:0 auto;color:#fff;line-height: 30px;}
.design-mes p span{border:2px solid #e8575d;display: block;height:100%;padding:13% 5% 5% 5%;}
/*team*/
.team li{width:19%;line-height: 30px;padding:0 3%;float:left;margin-top:2%;}
.team li a{color:#666;}
.team li h2{font-size: 18px;line-height: 2.5em;font-weight: normal;margin-top:5%;}
/*news*/
.news{padding-bottom:20px;}
.news-tit{border-bottom:1px solid #e7e7e7;line-height: 53px;border-top:1px solid #ab0008;padding:0 26px 0 20px;}
.news-tit h1{font-size: 16px;color:#ab0008;font-weight: 500;}
.news-tit span{font-family:"Constantia";color:#999999;margin-left:5px;}
.news-list ul{width:484px;padding:0 12px;}
.news-list2 ul{width:388px;}
.news-list2{margin-left:12px;}
.news-list li{overflow: hidden;border-top:1px dashed #dcdcdc;line-height: 53px;}
.news-list li:hover a{color:#ab0008;}
.news-list .news-first{padding:8px 0;border-top:none;}
.news-img{border:3px solid #dcdcdc;border-radius: 15px;overflow: hidden;}
.news-list .news-first div.fr{width:45%;margin-right:5%;}
.news-list2 .news-first div.fr{margin-right:0;}
.news-list .news-first h2{font-size: 14px;color:#666666;padding-top:10px;line-height: 30px;}
.news-list .news-first p{font-size: 12px;color:#666;line-height: 30px;}
.news-num{font-size: 20px;color:#333;}
.news-list li i{margin:0 10px;}
.contact{background-color: #ab0008;height:537px;width:246px;color:#fff;font-size: 20px;line-height: 2.5em;padding-left:22px;}
.contact-tit{line-height: 70px;margin-bottom:10px;}
.contact-tit span{font-size: 28px;}
.contact-tit i{font-family: "Constantia";font-size: 24px;}
.contact div.tac{margin-top:15%;}
/*section end*/
/*footer begin*/
.footer{height:78px;line-height: 78px;color:#fff;font-size: 16px;}
.footer span{margin:0 2%;}
/*footer end*/

/*page begin*/
.page .case{background: none;}
.page-tab{margin-bottom:28px;}
.page-tab a{display: inline-block;width:110px;height:28px;line-height: 28px;color:#fff;background-color: #ab0008;margin:0 3px;}
.fan{padding:5% 2%;}
.fan a{font-size: 16px;margin:0 1%;}
.page-news ul{padding:0 40px 0 50px;}
.page-news li{padding:28px 0;overflow: hidden;}
.page-news li a{color:#666;line-height: 30px;}
.page-ncon{width:800px;padding-left:60px;background: url(../images/news-line.jpg) no-repeat 22px center;height:156px;}
.page-ncon h1{font-size: 18px;color:#333333;line-height: 50px;font-weight: 500;}
.page-ncon div.tr{font-size: 16px;}
.page-news li:hover a,.page-news li:hover h1{color:#ab0008;}
/*page end*/