﻿


.mainHead_top{ text-align:center; font-weight:normal; font-size:20px;padding:10px 0 10px 0;}




.nb-font-1{text-align:center;color:#000;font-size:25px;padding-top:10px; padding-bottom:15px;}
.nb-font-2{text-align:center;color:#9f9f9f;font-size:18px; letter-spacing:normal;ltext-transform:Uppercase;padding-top:5px;}
.nb-font-3{  display: block;width: 50px;height: 2px;background: #0C3B8B;margin: 0 auto;}

.childInfo{ padding:0;  width:100%; margin:0;}
.childInfo p {padding:0; margin:0; margin-top:-5px;}

.about_line_top{ height:1px; width:100%; background:#ccc; margin:0px 0 20px 0;}
.about_line_bottom{ height:1px; width:100%; background:#ccc; margin:30px 0 20px 0;}

.contentInfo {z-index: 1; width:1100px; margin:0 auto; text-align:center; line-height:284px;font-size: 35px;font-weight: 400;color: #fff;}
.video{padding-top:40px;position:relative;height:284px;background:url(../images/videoBg.jpg) repeat-x;background-position:center bottom;border-bottom:1px solid #e0e0e0;}
.video .childleft .title { cursor: pointer;margin: 0 auto; width: 242px; height: 50px; line-height: 50px; border: 3px solid #fff; text-align: center; color: #fff; font-family: Century Gothic;font-size: 26px; margin-top:80px;}
.video .childleft .info { font-size: 20px; color: #fff; text-align: center; line-height: 32px;padding: 10px 0;} 
.video .childleft{ float:left; margin-left:170px;}
.video .childright{ float:right; margin-right:00px; margin-top:15px;}
.video .childright .info {  color: #fff;  padding: 10px 0; text-align:left; font-size:15px; line-height:26px; width:600px;}
.video .childright p{ color:#fff; font-size:15px;}
.about .title{line-height:58px;text-align:center;padding:20px 0 15px 0;color:#434343;font-size:30px;}
.about .info{line-height:30px;padding:5px 0 15px 0;color:#434343;font-size:16px;text-align:center;width:815px;margin:0 auto;}
.about .muns{text-align:center;padding-bottom:17px;}
.about .muns .child{margin:0 20px;display:inline-block;*display:inline;*zoom:1;width:240px;height:200px;text-align:center;}
.about .muns .child .childMun{font-weight:bold;padding:26px 0 3px 0;color:#434343;font-size:80px;font-family:"黑体",DIN Medium,Arial, Helvetica, sans-serif;}
.about .muns .child .childTitle{line-height:24px;color:#434343;font-size:16px;}
 
 
 
.wenhua_box{ clear:both; width:100%; background:#fff; padding:10px 0 0 0;}
.wenhua_box_bg{ background:url(../images/wenhua.jpg) no-repeat center top; width:100%; height:600px;} 
.wenhua_box h2{ text-align:left; font-size:30px; color:#fff; font-weight:normal; padding-top:120px;}
.wenhua_box h2 span{ font-size:20px;}
.wenhua_box p{ color:#fff; font-size:14px; text-align:left; padding-top:20px; line-height:30px; width:400px;} 
 
 
.dongshizhang_box{ clear:both; width:100%; padding-top:0px;background:#efefef; height:700px;} 
.dongzhizhang_left{ float:left; width:400px; margin-top:22px;} 
.dongzhizhang_right{ float:left; background: url(../images/zice.png) no-repeat center 10px; width:651px; height:390px; padding-top:290px; padding-left:49px;} 
.dongzhizhang_right p{ font-size:13px; line-height:28px; text-align:left; width:590px; padding-top:15px;}
 
.ty-ul{ padding-top:0px;}
.ty-ul li{float:left;width:350px;margin-right:15px;padding-top:20px;}
.ty-ul li.ty-lr{float:right;margin-right:0px;}
.pro_list_li{overflow:hidden;height:230px;padding:15px; text-align:center; width:320px; border:1px solid #ddd;transition:all 0.2s linear; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:15px;}

.ty-ul li a:hover p{color:#DA231E;}

.pro_list_li_span{height:210px; display:inline-block; vertical-align:middle; }


/*.pro_list{ padding-top:20px;}
.pro_list ul li{float:left; width:368px; margin-right:32px;padding-top:5px; }
.pro_list_li{overflow:hidden;height:230px;padding:19px; text-align:center; width:328px; border:1px solid #ccc;transition:all 0.2s linear; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.pro_list ul li a p{height:55px;line-height:55px;text-align:center;overflow:hidden; font-size:14px; }
.pro_list ul li a:hover p{color:#DA231E;}*/

.shebei_box{ clear: both; width:100%; padding-top:0px;}
.shebei_box_left{ float:left; text-align:left; width:400px; padding-top:15px; }
.shebei_box_left h3{ font-size:23px; font-weight:normal;line-height:45px;}
.shebei_box_left h4{ font-size:20px;}
.shebei_box_left h5{ font-size:18px; letter-spacing:2px; color:#999; font-weight:normal; border-bottom:1px  dashed #ddd; padding-bottom:10px; line-height:40px;}
.shebei_box_left p{ padding-top:10px; line-height:30px;}
.shebei_box_right{ float:right; margin-bottom:30px;}
.shebei_box_right img{ max-width:500px;}


.programme {
  overflow: hidden;
  padding: 0px 0;
}
.programme h4 {
  font-size: 30px;
  color: #333;
  text-align: center;
  padding-bottom: 24px;
   font-weight:normal;
}
.programme span {
  display: block;
  width: 50px;
  height: 2px;
  background: #DA231E;
  margin: 0 auto;
}
.programme ul {
  padding-top: 50px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
}
.programme ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  overflow: hidden;
  width: 228px;
  height: 138px;
  margin-right: 12px;
  margin-bottom: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
}
.programme ul li .icon {
  width: 70px;
  height: 56px;
  margin: 18px auto 0;
  position: relative;
}
.programme ul li .icon .show {
  display: block;
}
.programme ul li .icon .hide {
  display: none;
}
.programme ul li .icon img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.programme ul li .p {
  font-size: 18px;
  padding-top: 26px;
}
.programme ul li p {
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  color: #444444;
  padding-top: 12px;
  line-height: 20px;
}
.programme ul li:hover {
  background: #DA231E;
  border: 1px solid #DA231E;
}
.programme ul li:hover .icon .hide {
  display: block;
}
.programme ul li:hover .icon .show {
  display: none;
}
.programme ul li:hover p {
  color: #fff;
}
.programme ul .nor {
  margin-right: 0;
} 
  
  
.wb-incon{width:1200px;margin:0 auto;padding-bottom:30px;}
.wb-incon,.wb-incon div{font-size:14px;line-height:40px;color:#8b8b8b;text-align:left;}
.wb-inpic{width:1200px;margin:0 auto;margin-top:30px;border-top:1px #e1e1e1 solid;}
.wb-inpic li{float:left;margin-right:83px;width:344px;}
.wb-inpic li.ipic-r{float:right;margin-right:0px;}
.wb-inp-1{text-align:left;color:#333;font-size:16px;height:55px;line-height:55px;}
.wb-inpic li img{width:100%;transition:all 0.2s linear;}
.wb-inpic li img:hover{box-shadow: 0 0 10px 1px #aaa;}
.wb-inp-1 span {height: 20px; line-height: 20px; width: 3px;margin-right: 10px; margin-top: 18px;    background: #b3b3b3;    float: left; display: block;}
  
 
 .m-title{line-height: 42px;text-align: center;color:#333;font-size:30px; padding-top:30px;}
 .main-content{position:relative;margin-top:20px;}
 .main-content .sub{position:absolute;top:0px;bottom:0px;left:0px; margin: 0 auto; width:1px;right:0px;}
 .main-content .sub .pointer{position:absolute;width:15px;left:-7px; z-index:999;}
 .main-content .sub .pointer1{top:0px;}
 .main-content .child{position: relative;width:500px; padding:0px 49px;}
 .main-content .child .child-image{position:relative;min-height:96px;}
 .main-content .child .child-image img{width:100%;height:100%; vertical-align: middle;}
 .main-content .child .child-index{background:#8B1708;color:#fff;position:absolute;top:60px;right:10px; padding:0px 15px;height:36px;line-height: 36px;text-align: center;font-family:Arial;font-size:20px;}
 .main-content .child .child-index2{background:#8B1708;color:#fff;position:absolute;top:20px;left:8px; padding:0px 15px;height:36px;line-height: 36px;text-align: center;font-family:Arial;font-size:20px;}
 .main-content .child .child-title{line-height:36px;padding:20px 0 0 0;color:#333333;font-size:22px;}
 .main-content .child .child-title2{line-height:36px;padding:20px 0 0 0;color:#333333;font-size:22px; text-align:right;}
 .main-content .child .child-info{line-height: 24px;padding:70px 0 20px 0;color:#656565;font-size:14px;}
 .main-content .child .child-info p{ font-size:14px;}

 .main-content .child1{ float:left; padding-top:50px;padding-bottom:30px; border-right:1px solid #ccc;}
 .main-content .child2{float: right; margin-top:150px; margin-bottom:0px; }

 
 
 

@media (max-width: 639px) {

.nb-font-1{ font-size:16px; padding-bottom:8px;}
.nb-font-3{display: block;width: 30px;height: 2px;background:#DA231E;margin: 0 auto;}
.childInfo{ padding:10px 0px; font-size:12px; line-height:22px;}

.video{padding-top:20px;position:relative;height:100%;background:url(../images/videoBg.jpg) repeat-x; width:100%;}
.video .childleft .title { cursor: pointer;margin: 0 auto; width: 40%; height: 40px; line-height: 40px; border: 2px solid #fff; text-align: center; color: #fff; font-family: Century Gothic;font-size: 14px; margin-top:25px;}
.video .childleft .info { font-size: 16px; color: #fff; text-align: center; line-height: 32px;padding: 10px 0;} 
.video .childleft{ float: none; margin:0 auto;}
.video .childright{ display:none;}
.video .childright .info {  color: #fff;  padding: 10px 0; text-align:left; font-size:20px; line-height:40px;}

.about .title{line-height:35px;color:#434343;font-size:16px;}
.about .info{line-height:25px;padding:0px 0 5px 0;font-size:14px;width:80%;margin:0 auto;}
.about .muns{text-align:center;padding-bottom:0px;}
.about .muns .child{margin:0 2%;display:inline-block;*display:inline;*zoom:1;width:45%;text-align:center;height:auto !important;}
.about .muns .child .childMun{font-weight:bold;padding:10px 0 3px 0;color:#434343;font-size:23px;}
.about .muns .child .childTitle{line-height:24px;color:#434343;font-size:12px;}
 
.programme ul li:hover{ background: none; border: 1px solid #e5e5e5;}
.programme ul li:hover .icon .hide{ display: none; }
.programme ul li:hover .icon .show{display: block;}
.programme ul li:hover p{color:#444;}
.main p {font-size: 12px; line-height: 24px; }
.programme{padding:20px 0;}
.programme ul{padding-top: 20px;}
.programme h4 { font-size: 16px;line-height: 28px;padding-bottom:10px;}
.programme ul li{width:31.2%;margin-right: 4px;margin-bottom:4px;}
.programme ul li p{font-size: 12px;line-height: 18px;padding-top: 0px;width:96%;}
.programme ul li .p{font-size: 14px;padding-top:10px;}
.programme ul li .icon{margin:10px auto 0;}
.programme ul .nor { margin-right: 4px; }
  
.wb-inpic{ width:100%;}
.wb-inpic li{ width:96%; margin:2%; float:none;}


.nydh-1{ width:200px;}

.ty-ul{ padding-top:0px;}
.ty-ul li{float: none;width:100%;margin:0px;padding:2% 0;}

.pro_list_li{overflow:hidden;height:auto !important;padding:5%; text-align:center; width:88%; border:1px solid #ccc;transition:all 0.2s linear; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:15px;}

.ty-ul li a:hover p{color:#DA231E;}

  
.wb-inpic li.ipic-r{ margin:0% 2%;}
  
 .m-title{line-height: 35px;font-size:20px; padding-top:20px;}
 .main-content .child{position: relative;width:100%; padding:2%;}
 .main-content .child .child-image{position:relative;min-height:96px;}

 .main-content .child1{ float:left; padding-top:10px;padding-bottom:10px; border-right:none;}
 .main-content .child2{float: left; margin-top:10px; margin-bottom:10px; }

  .main-content .child .child-index{top:20px;left:10px; right:inherit; padding:0px 10px;height:30px;line-height: 30px;}
  .main-content .child .child-index2{top:20px;left:10px;padding:0px 10px;height:30px;line-height: 30px;}

 .main-content .child .child-info{line-height: 24px;padding:60px 0 0px 0;color:#656565;font-size:13px;}
 .main-content .child .child-info p{ font-size:13px;}

  
  
}

@media (min-width: 640px) and (max-width:1023px ) {


.nb-font-1{ font-size:18px; padding-bottom:8px;}
.nb-font-3{display: block;width: 30px;height: 2px;background:#DA231E;margin: 0 auto;}
.childInfo{ padding:10px 0px; font-size:12px; line-height:22px;}

.video{padding-top:20px;position:relative;height:100%;background:url(../images/videoBg.jpg) repeat-x; width:100%;}
.video .childleft .title { cursor: pointer;margin: 0 auto; width: 40%; height: 40px; line-height: 40px; border: 2px solid #fff; text-align: center; color: #fff; font-family: Century Gothic;font-size: 18px; margin-top:25px;}
.video .childleft .info { font-size: 16px; color: #fff; text-align: center; line-height: 32px;padding: 10px 0;} 
.video .childleft{ float: none; margin:0 auto;}
.video .childright{ display:none;}
.video .childright .info {  color: #fff;  padding: 10px 0; text-align:left; font-size:20px; line-height:40px;}

.about .title{line-height:35px;color:#434343;font-size:20px;}
.about .info{line-height:25px;padding:0px 0 5px 0;font-size:14px;width:80%;margin:0 auto;}
.about .muns{text-align:center;padding-bottom:0px;}
.about .muns .child{margin:0 2%;display:inline-block;*display:inline;*zoom:1;width:45%;text-align:center;height:auto !important;}
.about .muns .child .childMun{font-weight:bold;padding:15px 0 3px 0;color:#434343;font-size:30px;}
.about .muns .child .childTitle{line-height:24px;color:#434343;font-size:14px;}
 


.main p {font-size: 14px; line-height: 24px; }
.programme{padding:20px 0;}
.programme ul{padding-top: 20px;}
.programme h4 { font-size: 20px;line-height: 28px;padding-bottom:10px; padding-top:15px;}
.programme ul li{width:31.2%;margin-right: 4px;margin-bottom:4px;}
.programme ul li p{font-size: 14px;line-height: 35px;padding-top: 0px;width:96%;}
.programme ul li .p{font-size: 14px;padding-top:10px;}
.programme ul li .icon{margin:10px auto 0;}
.programme ul .nor { margin-right: 4px; }
  
.wb-inpic{ width:100%;}
.wb-inpic li{ width:96%; margin:2%; float:none;}


.nydh-1{ width:200px;}

.ty-ul{ padding-top:20px;}
.ty-ul li{float:left;width:48%;margin:0px;padding:1% 1%;}

.pro_list_li{overflow:hidden;height:220px;padding:2%; text-align:center; width:88%; border:1px solid #ccc;transition:all 0.2s linear; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:14px;}

.ty-ul li a:hover p{color:#DA231E;}

.wb-inpic li.ipic-r{ margin:0% 2%;}

 .m-title{line-height: 35px;font-size:24px; padding-top:20px;}
 .main-content .child{position: relative;width:38.9%; padding:0% 5.5%;}
 .main-content .child .child-image{position:relative;min-height:96px;}

 .main-content .child1{ float:left; padding-top:50px;padding-bottom:30px; border-right:1px solid #ccc;}
 .main-content .child2{float: right; margin-top:150px; margin-bottom:0px; }

 


}




@media (min-width: 1024px) and (max-width:1439px ) {


.nb-font-1{font-size:20px;padding-top:0px; padding-bottom:10px;}

.video .childleft .title { font-size: 20px;}
.video .childleft .info { font-size: 22px; } 
.video .childright .info {  font-size:14px; }
.video .childleft{ margin-left:70px;}
.video .childright{  margin-right:150px; width:300px; }

.about .title{line-height:40px;font-size:24px;}
.about .info{font-size:14px;width:815px;}
.about .muns .child{height:120px;}
.about .muns .child .childMun{padding:20px 0 20px 0;font-size:50px;}
.about .muns .child .childTitle{font-size:14px;}


.main p {font-size: 12px; line-height: 24px; }
.programme{padding:20px 0;}
.programme ul{padding-top: 20px;}
.programme h4 { font-size: 22px;line-height: 28px;padding-bottom:10px;}
.programme ul li{width:19%;margin-right: 4px;margin-bottom:4px;  height: 100px;}
.programme ul li p{font-size: 13px;line-height: 18px;padding-top: 0px;width:96%;}
.programme ul li .p{font-size: 14px;padding-top:10px;}
.programme ul li .icon{margin:10px auto 0;}
.programme ul .nor { margin-right: 4px; }


.wb-incon{width:1000px;}
.wb-inpic{width:1000px;}
.wb-inpic li{margin-right:33px;width:310px;}
.wb-inpic li.ipic-r{margin-right:3px;}


.ty-ul li{float:left;width:310px;margin-right:20px;padding-top:5px;}
.ty-ul li.ty-lr{float:right;margin-right:0px;}

.pro_list_li{height:189px;padding:19px; width:270px;  }
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:14px;}

.ty-ul li a:hover p{color:#DA231E;}


 .m-title{line-height: 35px;font-size:24px; padding-top:20px;}
 .main-content .child{position: relative;width:400px; padding:0px 49px;}
 .main-content .child .child-image{position:relative;min-height:96px;}

 .main-content .child1{ float:left; padding-top:50px;padding-bottom:30px; border-right:1px solid #ccc;}
 .main-content .child2{float: right; margin-top:150px; margin-bottom:0px; }

 

}



@media (min-width: 1440px) and (max-width:1920px ) {

}
