*{margin: 0; padding: 0;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
/*body{font-family:"Microsoft YaHei","Arial Narrow";margin:0 auto; font-size: 12px; color: #666;}*/
body{font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:12px;color:#666;background:#fff;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;margin: 0; padding: 0;}
a{text-decoration:none; color: #404040}
a:hover{ text-decoration: none; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.clear { clear:both; }

header .container{width: 100%;padding-top:20px;}
.navbar{background: #fff; }
.navbar-toggle{margin-top: 20px;}
.navbar-right{ margin-top:20px; }
.nav > li > a{ padding:10px 5px; color: #555; font-weight: bolder;}
nav > .container{max-width: 1150px;margin: 0 auto;}
.collapse .navbar-collapse> ul{ height: 60px;}
.navbar-default .navbar-nav > li > a{ height: 60px;padding:15px;margin-right: 3px;font-size: 14px; text-align: center;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{ background: #dc4835;color: #fff; }
.navbar-default .navbar-nav > li > a > span{color: #d2d2d2; font-style: normal; font-size: 8px;display: block; text-align: center;}
#myCarousel {margin: 80px auto 0 auto;}
.donghua{display:block; margin-top: 80px;}
.lunbo{display:none;margin-top: 80px;}


.tab1{ margin-bottom: 200px; }
.tab1 .media{padding-bottom: 5%}
.tab1 .title{padding-top:60px;}
.tab1 .title >p{text-align: center;font-size: 38px; color: #f33434;height: 55px;line-height: 55px; }
.tab1 .nleft{float: left;width: 45px; background: #f5f5f5;}
.tab1 .nleft > img{ width: 100% }
.tab1 .nleft >b { color: #3d3d3d;display: block;font-weight: normal;height: 48px;overflow: hidden;text-align: center;width: 45px;}
.tab1 .nleft >b >i{ cursor: default;display: block;font-family: Verdana,Geneva,sans-serif;font-size: 24px;font-style: normal;height: 30px; letter-spacing: -1px;
	line-height: 30px;text-align: center;}
/*.tab1 .nright{ float: left;overflow: hidden;width: 87%}*/
.tab1 .nright{ float: left;overflow: hidden;width: 78%; margin-left:10px;}
.tab1 .nright > div >h4{color: #5f5f5f;font-size: 16px;font-weight: bold;line-height: 28px;overflow: hidden;height: 28px;white-space: nowrap; text-overflow: ellipsis;} 
.tab1 .nright > div  {color: #b0b0b0;overflow: hidden;font-size: 12px;line-height: 18px; display: box; line-clamp:3;box-orient:vertical;display: -webkit-box;
 -webkit-line-clamp:3;-webkit-box-orient:vertical;
 display: -ms-box; -ms-line-clamp:3;-ms-box-orient:vertical;}
.tab1 .ntitle > p{ background: url(images/bg3.jpg) no-repeat;height: 40px;line-height: 30px; width: 95px; text-align: center;float: left;}
.tab1 .ntitle > span{float: right;}
.tab1 .ntitle > span > a{ color: #404040; } 
.tab1 .ntitle > span > a:hover,.tab1 .ntitle > span > a:focus{color: #f33434}

.n-con >ul >li {font-size: 14px;height: 29px;line-height: 29px;}
.n-con >ul > li >a{font-size: 14px; color: #404040;font-size: 12px;}
.n-con >ul > li >a > p:hover{color:#b0b0b0;}
.n-con >ul > li >a > p {float: left;height: 29px;width:75%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.n-con > ul >li > a >span{font-family: Arial;float: right;}
.tab2{ background: #ca192b; }
.tab2 .title >p{text-align: center;margin: 10px 0; font-size: 39px; /*color: #f33434;*/ color: #fff;}
.tab2 .case{ margin:0 2%; text-align: center;}
.tab2 .case >div >div >img{width: 100%; margin: 0 auto;}
.case >div{padding: 0 5px;margin: 5px 0; }
.tab2 .case .media > a{ display: block;transform:perspective(290px) rotateY(0deg);opacity: 1; }
.tab2 .case .media> a > img{ width: 100%; }
.tab2 .case .media >p{ background: #212121 none repeat scroll 0 0;bottom: 0;color: #999;
    font-size: 12px;height: 100%;left: 0;padding: 0 15px;position: absolute;text-align: left;width: 100%;
    z-index: 1;opacity: 0;  display: block;opacity: 0;transform: rotateY(180deg) perspective(300px);}
.tab2 .case .media >p >strong{color: #fff;display: block;font-size:14px;
    margin-top: 10px;}
.tab2 .case .media >p >a{background: #dc4835 none repeat scroll 0 0;color: #fff;display: inline-block;font-weight: bold;height: 30px;line-height: 30px;
    margin-top: 8px;padding: 0 8px;}
.tab2 .case .media:hover >a,.tab2 .case .media:focus >a{display: block;opacity: 0;transform:perspective(290px) rotateY(180deg) ;
    transition: transform 400ms ease 0s, opacity 400ms ease 0s;}
.tab2 .case .media:hover >p,.tab2 .case .media:focus >p{display: block;opacity: 0;transform: rotateY(0deg) perspective(290px) ;
    transition: transform 400ms ease 0s, opacity 400ms ease 0s;opacity: 1;}

.tab2 .kind{text-align: center; margin-top:46px; line-height: 27px;margin-bottom: 10px;}
.tab2 .kind a {color: #fff;height: 27px;padding: 0 15px;display:inline-block;border:rgba(0,0,0,0) 1px solid;}
.tab2 .kind a:hover{ border:#fff 1px solid; text-decoration: none;}
.c-more{padding: 54px 0 68px;text-align: center;}
.c-more a{color: #000;cursor: pointer;display: inline-block;
font-size: 14px;font-weight: bold;height: 50px;line-height: 50px;text-align: center;width: 50px;font-family: Arial;width: 50px;height: 50px;background-color: #fff;
border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;-o-border-radius: 100px;-ms-border-radius: 100px;
}
.c-more a:hover,.c-more a:focus{color: #fff;width: 50px;height: 50px;background-color: #000;
	border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;-o-border-radius: 100px;-ms-border-radius: 100px;}
.tab3{ padding:40px;font-size: 14px; }
.tab3 p{text-indent: 24px;}
footer .learnmore-bg{background: url(images/bg5.jpg) repeat-y; background-size: 100%;}
footer .learnmore{ margin-top: 10px;padding: 20px 15px; ;text-align: center; margin: 0 auto; max-width: 1002px;}
footer .learnmore>div{padding: 0;}
footer .learnmore > .mm1{ background:rgba(0, 0, 0, 0) url("images/img4.png") no-repeat scroll 80% 100% ; }
footer .learnmore p{color: #dc413c;font-size: 16px;padding-right: 10px;line-height:24px;float: left; clear:both;}
footer .learnmore > .mm2{font-size: 26px;letter-spacing: -2px;line-height: 50px;text-align: center;color: #666;}
footer .learnmore > .mm3{color: #fff;font-size: 24px;height:50px;margin-right: 50px;width: 178px;line-height: 50px; float: right;}
footer .learnmore > .mm3 >a{ display: block;background: url(images/img5.jpg) no-repeat;color: #fff; text-align: left;padding-left: 10px;}
footer .submenu { padding: 15px 0; max-width: 1002px; margin: 0 auto;}
footer .submenu div{ border-right:1px dotted #ccc; }
footer .submenu h4{font-weight: bold;}
footer .submenu p { font-size: 16px; color: #666;}
footer .submenu a{ display: inline-block; color: #404040; font-size: 12px; margin:5px 20px 0 0; } 
footer .copyright{ text-align: center; background: #38383a;color: #fff; padding: 30px;border-top: 6px solid #dc4835; line-height: 24px;}
/*关于我们*/
.tle-con{color: #dc4835; font-family: "Baskerville Old Face";font-size: 46px;margin: 0 auto;border-bottom: 2px solid #ebebeb;padding-top:15px;}
.tle-con span {color: #454545;font-size: 17px;margin-left: 10px;}
.article{ padding: 15px; }
/*新闻列表页*/
.news-con{ margin: 10px 5px; }
.news-con >.nav-tabs{  margin: 10px 0;}
.news-con >ul{  border:none;color: #404040;cursor: default;text-align: center;}
.news-con >ul > li{text-align: center;height: 25px; line-height: 25px;margin-bottom:30px;  cursor: pointer;float: left;font-size: 14px;width: 215px;}
.news-con >ul > li >a:hover{ color: #800000;border: none;border-radius: 0;}  
.news-con >ul > li.active > a,.news-con >ul > li.active > a:hover,.news-con >ul > li.active > a:focus {color: #800000;cursor: default;background-color: #f1f1f1;
	border:none;border-radius: 0;}
.news .tab-pane > ul> li{ list-style:none outside none;counter-increment: title1; overflow: hidden; margin-top:10px; border-bottom: 1px dotted #ddd; padding-bottom: 20px; padding-top: 20px;}
.news .tab-pane > ul> li >h1{font-size: 18px;height: 30px;line-height: 30px;margin: 0 0 7px; overflow: hidden;padding: 0;}
.news .tab-pane > ul> li:before{content: counter(title1);font-size: 14px;color: #fff;float: left;font-size: 36px;background: #e70012;width: 125px;
	height: 70px;text-align: center;line-height: 59px;margin-right:10px;} 
.news .tab-pane > ul> li > h1 >a{ color: #555;font-weight: bolder;}
.news .tab-pane > ul> li > div{ line-height: 22px; font-size: 14px;}

/*图片列表页*/
.case-con .kind{ text-align: center;padding-top: 10px; margin: 36px auto 5px;}
.case-con .kind a { padding: 5px 0px;font-size: 14px; height:35px; line-height:25px; float:left; width:228px; text-align:center; font-weight:bold; color:#404040 }
.case-con .kind a:hover { background:#f1f1f1; color:#800000; }
.case-con .case .media{ margin: 10px; background: #f1f1f1; padding:10px;}
.case-con .case .media img{ width: 100%; }

/*新闻详细页*/
.more-con .more-t{   border-bottom: 1px dashed #ccc;margin: 0 auto;padding: 10px 0;   color: #353535;font-size: 28px;font-weight: normal;margin-bottom: 20px; }
.more-con { font-size:14px; }
.more-con > .row> img{ width: 100%; }
/* 联系我们*/
.address{ margin: 15px; }
.address > ul >li{ list-style:url(images/img7.gif) inside; padding-left: 10px;line-height: 24px}


/*分页*/
.pagination{ margin: 10px 0; }
.pagination > li > a, .pagination > li > span{color:#404040;}
.pager a:focus,.pager a:hover{color: #800000;}

/*link*/
#link{ width:1170px; margin:0 auto; height:338px; padding:50px 0;}
#link ul li{ width:292px; height:85px; float:left; background:#FFFFFF; display:block;}
#link ul li a{ color:#FFFFFF; border:none;}
#link ul li  img{ display:block; border:none;}
@media (max-width:1200px){
	.tab1 .nright{width: 84%}
	.tab1 .nright >p>img{width: 100%}
	.n-con >ul > li >a > p {float: left;height: 29px;width:70%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
	.tab1 .nright{ width: 80%; }	
	footer .learnmore > .mm1{ background:rgba(0, 0, 0, 0) url("images/img4.png") no-repeat scroll 85% 100% ; }
}
@media(max-width:1083px){ 
	.tab1{ margin: 0; }
	.navbar-default .navbar-nav > li > a{ height: 60px;padding:15px 10px;margin-right: 3px;font-size: 14px;text-align: left;}
	.navbar-default .navbar-nav > li > a > span{color: #d2d2d2; font-style: normal; font-size: 8px;display: inline-block; padding-left: 5px}
	#myCarousel {margin: 70px 0 0 0;}
 	.navbar-header {
        float: none;
        padding-bottom: 10px;
    }
	.navbar-right {
        float: none !important;margin-right:0;
    }
    .navbar-toggle {
        display: block;
        overflow: hidden;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav > li > a{ height: 50px; line-height: 30px;}
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: 500px;padding: 0;}
    .navbar-nav{ margin: 0;}
    .collapse.in{
        display:block !important;
    }
    .tab1 .title{padding:10px;}
	.tab1 .title >p{text-align: center;margin: 5px 0;font-size: 39px;}
	.tab1 .title >p >img{width: 40%}
	.tab2 .title >p{text-align: center;margin: 5px 0;font-size: 39px;}
	.tab2 .title >p >img{width: 30%}
	
}

@media (max-width:992px){
.donghua{display:none; margin-top: 70px; }
.lunbo{display:block;margin-top: 70px;}
}
@media (min-width:768px) and (max-width:991px) { 
	.tab1 .nright{ width: 93%; }
	.tab1 .nright > p{float: left;}
	.tab1 .nright .r-con{float: left;width: 49%;margin-left: 15px;}
	.n-con >ul > li >a > p {float: left;height: 29px;width:70%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
	.tab3{ padding:30px;font-size: 14px; }
	footer .submenu p { font-size: 16px;font-weight: bold; padding-top: 10px;}
	footer .learnmore > .mm1{ background:rgba(0, 0, 0, 0) url("images/img4.png") no-repeat scroll 35% 100% ; }
	footer .submenu div{ border-right:none; }
	.tle-con{color: #dc4835;font-family: "Baskerville Old Face";font-size: 36px;margin: 0 auto;border-bottom: 2px solid #ebebeb; padding-top: 10px;}
	.tle-con span {color: #454545;font-size: 16px;margin-left: 10px;}
}	

@media (min-width:480px) and (max-width:768px) { 	
		header .container{width: 100%;
    padding-top: 0px;}
	.tab1 .title >p{text-align: center;font-size: 24px; height: 30px;}
	.tab2 .title >p{text-align: center;font-size: 24px; height: 30px;}
	.tab1 .nright{ width: 89%; }
	.tab1 .nright > p{float: left; width: 50%;}
	.tab1 .nright > p>img{  width: 100%;}
	.tab1 .nright .r-con{float: left;width: 48%;margin-left: 2%;}
	.n-con >ul > li >a > p {float: left;height: 29px;width:83%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
	.tab3{ padding:30px;font-size: 14px; }
	footer .submenu p { font-size: 16px;font-weight: bold; padding-top: 10px;}
	footer .learnmore > .mm1{ background:rgba(0, 0, 0, 0) url("images/img4.png") no-repeat scroll 40% 100% ; }
	footer .submenu div{ border-right:none; }
	.tle-con{color: #dc4835;font-family: "Baskerville Old Face";font-size: 24px;margin: 0 auto;border-bottom: 2px solid #ebebeb; padding-top: 5px;}
	.tle-con span {color: #454545;font-size: 16px;margin-left: 10px;}
	#link{display:none}
	.submenu{display:none}
}
@media (max-width:480px){
	header .container{width: 100%;
    padding-top: 0px;}
	#myCarousel {margin: 70px 0 0 0;}
	.tab1 .title >p{text-align: center;font-size: 24px; height: 30px;}
	.tab2 .title >p{text-align: center;font-size: 24px; height: 30px;}
	.tab3{ padding:20px;font-size: 14px; }
	footer .learnmore > .mm1{     background: rgba(0, 0, 0, 0) url("images/img4.png") no-repeat scroll 90% 50%;background-size: 6px;}
	footer .learnmore > .mm2{font-size: 16px;letter-spacing: -2px;line-height: 50px;text-align: center;}
	footer .learnmore > .mm3{color: #fff;font-size: 16px;height:40px;margin-right: 33px;width: 178px;line-height: 40px; float: right;}
	footer .learnmore > .mm3 >a{ display: block;background: url(images/img5.jpg) no-repeat;color: #fff; text-align: left;padding-left: 30px; background-size: 150px}
	footer .submenu div{ border-right:none; }
	/* 关于*/
	.n-con ul li {font-size: 14px;height: 29px;line-height: 29px;}
	.n-con >ul > li >a{font-size: 14px; color: #404040;}
	.tle-con{color: #dc4835;font-family: "Baskerville Old Face";font-size: 24px;margin: 0 auto;border-bottom: 2px solid #ebebeb; padding-top: 5px;}
	.tle-con span {color: #454545;font-size: 16px;margin-left: 10px;}

	/*新闻*/
	.news-con >ul > li{text-align: center;height: 25px; line-height: 25px;margin-bottom:15px;  cursor: pointer;float: left;font-size: 14px;width: 100px;}
	.news .tab-pane > ul> li:before {content: counter(title1);font-size: 14px;color: #fff;float: left;font-size: 24px;background: #e70012;width: 100px;height: 50px;
		text-align: center;line-height: 50px;margin-right: 10px;clear: both;}
	/*联系我们*/
	/*新闻详细页*/
	.more-con .more-t{   border-bottom: 1px dashed #ccc;margin: 0 auto;padding: 10px 0;   color: #353535;font-size: 18px;font-weight: normal;margin-bottom: 5px;}
	#link{display:none}
	.submenu{display:none}
}

#page { margin:20px 0px; font-size:16px; text-align:center; width:100%  }
#page a { padding:5px; }

#aother { margin:20px 0px; font-size:16px; width:100%   }
