﻿.container{max-width:1200px;}

/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#e00;}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*首页模块样式*/
.module-box {position:relative;padding:40px 0px}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 30px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .cn-title{display:block;color:#333;font-size:28px;line-height:45px;}
.module-box .module-title .en-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:16px;}
.module-box .module-title .en-title i{float:left;width:55px;background:#CCC;height:1px;margin-top:15px; }
.module-box .module-title .en-title span{float:left;margin:0px 5px;}

/*顶部样式*/
.header{position:relative;}
.header .logo img{height:89px;}

/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}



/*子栏目样式*/
.gab{margin-left: -15px;margin-right:-15px;}
.pagebg{background-color: #f6f6f6;}
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#111;padding-left:15px;font-size:20px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}

.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background-color:white;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li:hover{background-color: #e70000;}

.sub-nav-box .sub-nav li a{display:block;padding-left:18px;line-height:54px;font-size:15px!important;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;}
.sub-nav-box .sub-nav li a:hover{color:white;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.active > a{color:#fff;background:#e70000}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
.colleage{color:#e70000;}
.connection{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:url(../images/left.gif) no-repeat 10% 10%; background-color:white;padding: 3px 0 10px 40px;}
@media(max-width:768px) {
.connection {clear: both;text-align: left;margin-bottom: 20px;width: 100%; background: url(../images/left.gif) no-repeat 0% 0%;background-color: white;padding: 3px 0 10px 40px;}
}

/* 热点资讯向上滚动*/
.txtMarquee-top{ width:100%;  overflow:hidden; position:relative;background-color:white;}
.txtMarquee-top .bd{ padding:18px;  }
.txtMarquee-top .infoList li{ height:36px;line-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtMarquee-top .infoList li a{font-size:14px;}
.txtMarquee-top .infoList li a:hover{color:#e70000;}

/*新闻动态*/
.item .title a:hover {color: #e70000;}
.prestyle a{font-size:12px;}
.prestyle a:hover{color:#5353ca;}

/*联系我们*/
.controls-style input{width: 300px!important;height: 50px!important;border: 1px solid #e9e4cd!important;}
/*定制流程*/
.liu-padd{width: 100%;height: auto;}
.liu-bg{background-image:url(../images/fsig.png);background-repeat:no-repeat;height:700px;}
.process1{position: relative;top: 40%;right: 24%;}
.process2{position: relative;top: 32%;left: 2%;}
.process3{position: relative;top: 24%;left: 26%;}
.process4{position: relative;top: 76%;right: 24%;}
.process5{position: relative;top: 68%;left: 2%;}
.process6{position: relative;top: 60%;left: 26%;}

/*产品中心*/
.pagination li a:hover{background-color:#666666;color:white;border:1px solid #666666;}
.pagination li a{margin-left:4px;}
.text-gray a:hover{color:#5353ca!important;}

/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item a:hover{color:#ea2e00;}
.images-list .row .item img{display:block;width:100%;height:auto;}
.images-list .row .item a:hover img{transform:scale(1.3,1.3);transition: all 0.3s ease-out 0s;}

 /*在线留言表单*/
.form-group input{border: 1px solid #dedede;line-height: 40px;width: 100%;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-indent: 5px;margin-top: 5px;}
.form-group .controls button{width: 100%;line-height: 40px;background-color:#e70000;border-color:#e70000; color:white;}
.form-group .controls button:hover{background-color:red;border-color:#e70000;}

/*首页-定制生产*/
.box1bg{background-color:#f6f6f6;}  
.logostyle{margin: 60px 0 50px;}
.logostyle span{color:#e00000;}
.logostyle p{letter-spacing:8px;}

/*首页-关于我们*/
.box2bg{background-color:#040519;}
.violinbg{background:url(../images/box33.png);}

/*首页-设计团队*/
.box3bg{background-image:url(../images/box3pg.jpg)}
.design-team p{color: #f4cccc;border-bottom: 1px solid #c96a6a;}
.teammargin{margin:80px 0 120px;}
.teammargin span h{font-size:14px!important;padding-left:20px;}
/*定制流程*/
.box4bg{background:url(../images/box5.png) no-repeat;}
/*首页、子栏目公用-新闻资讯*/
.news-list{clear:both;overflow:hidden;}
.news-list li.tw{clear:both;overflow:hidden;display:block;width:100%;margin:0px 0px 15px 0px;text-align:left;}
.news-list li.tw .pic{float:left;width:160px;height:105px;overflow:hidden;margin-right:10px;}
.news-list li.tw .pic img{width:100%;height:100%;display:block;}
.news-list li.tw .content{display:inline;}
.news-list li.tw .content a{display:block;line-height:30px;font-size:16px;}
.news-list li.tw .content span{color:#808080;height:75px;line-height:25px;} 

.news-list li.item{clear:both;overflow:hidden;width:100%;border-bottom:1px dotted #d7d7d7;padding:15px 0px 10px 0px;}
.news-list li.item .title{padding-left:11px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.news-feedbg {background: url(../images/box44.png)}
.more{width: 30%;background-color:#e70000;border:1px solid #e70000;}
.more:hover{background-color:black;border:1px solid white;transition:.5s linear;}

/*置顶*/
#toTop {position: fixed;bottom: 80px;right: 40px;width: 40px;height: 40px;text-indent: -999em;z-index: 20000;background-image: url(../images/top.png); background-repeat: no-repeat;background-position: -503px 0;}
#toTop:hover {width: 40px;height: 40px;background: url(../images/top.png) no-repeat -503px -42px;text-indent: -999em;filter: alpha(opacity=100);opacity: 1;z-index: 20000;}






