/*网站头部*/
.mobile{ width: 100%; overflow-x: hidden;}
body{ overflow-x: hidden;}
.navUpDown .navbar-header{padding: 10px 0; }
.navUpDown .navbar-header .logo{ float: left; padding-left: 10px; padding-top: 5px;}
.navUpDown .navbar-header .logo img{ width: 210px;}
.navUpDown .navbar-header .button{ float: right;padding-right: 10px; padding-top:20px;}
.navUpDown .navbar-header .button img{ width: 30px;}
.navUpDown #navbar{display: none; background: #c10707;}
.navUpDown #navbar ul{ padding:10px 0;}
.navUpDown #navbar ul li{ text-align: center; }
.navUpDown #navbar ul li a{display:block; font: 100 14px/30px "Microsoft YaHei"; color: #FFFFFF;}
.navUpDown #navbar ul li a:hover,.navUpDown #navbar ul li a:focus, .navUpDown #navbar ul .active a{ background: #940505; color: #FFFFFF;}
/*二级导航*/
.navUpDown #navbar .dropdown{ position: relative;}
.navUpDown #navbar .dropdown ul{display: none; padding: 2px 0;   background: #c10707;}
.navUpDown #navbar .dropdown:hover ul{display: block;}
.navUpDown #navbar .dropdown ul li a{font-size: 12px;}

@media screen and (min-width: 768px) {
    body{ overflow-x: hidden;}
    .navUpDown{ padding: 0; border-top: 1px solid #ffd700;background: #c10707;}
    .navUpDown .navbar-header{ float: left; padding: 0;  border: none;}
    .navUpDown .navbar-header .logo{ display: none;}
    .navUpDown .navbar-header .logo img{ width:auto;}
    .navUpDown .navbar-header .button{display: none;}
    .navUpDown #navbara{display: none; background: #c10707;}
    .navUpDown #navbara ul{ padding: 0;}
    .navUpDown #navbara ul li{ text-align: center; }
    .navUpDown #navbara ul li a{display: block; padding:0 30px;  font: 100 18px/60px "Microsoft YaHei";  color: #FFFFFF;}
    .navUpDown #navbara ul li a:hover,.navUpDown #navbara ul li a:focus, .navUpDown #navbar ul .active a{ background: #940505; color: #FFFFFF;}
    /*二级导航*/
    .navUpDown #navbara .dropdown{ position: relative; z-index: 999;}
    .navUpDown #navbara .dropdown ul{display: none; position: absolute; left: 0; top:60px; width: 100%; background: #c10707;}
    .navUpDown #navbara .dropdown:hover ul{display: block;}
    .navUpDown #navbara{display:block;}
    .navUpDown #navbara ul li{ float: left;  font: 100 18px/60px "Microsoft YaHei";}
    .navUpDown #navbara ul .active a{background: #940505; color: #FFFFFF;}
}

/*网站轮播图*/



@media screen and (min-width: 768px) {
    .carousel-control {width:15%;}
    .carousel-indicators {bottom: 20px;}
}
.tab{ padding:20px 5px;}
.foot1{ padding:30px 0;  background: url("../images/foot_bg.jpg") repeat 0 0;}
.foot1 .col-sm-3{ padding: 0 0 0 10%;}
.foot2{ padding: 10px; background: #000000; text-align: center; color:#979797}
.foot2 span{display: inline-block; padding: 0 3px; font: 100 12px/20px "Microsoft YaHei"; color: #979797;}
.foot2 a{display: inline-block; padding: 0 3px; font: 100 12px/20px "Microsoft YaHei"; color: #979797;}


.tab{ padding:20px 0;}
.tab-title{padding:0 0 20px 0; text-align: center;}
.tab-en{font:bold 18px/30px "Microsoft YaHei"; text-transform: uppercase; color: #000000;}
.tab-ch{ font: 100 18px/24px "Microsoft YaHei"; color: #000000;}
.tab-ch a{color:#000}
.tab-title .lines{ display: inline-block; width: 50px; margin: 0  auto; padding-top: 2px; background: #000000; font-size: 12px; line-height: 12px;}

.tab1 .content{ padding:20px 0; background: url("../images/tab1_bg.jpg") no-repeat center 0;}
.tab1-content-ch{ font: 100 24px/42px "Microsoft YaHei"; text-align: center;}
.tab1-content-en{ font: 100 12px/20px "Microsoft YaHei"; text-align: center;}
.tab1-titles{ text-align: center;}
.tab1-titles span{display: inline-block; margin:15px 5px;  padding: 0 10px; background: #c10707;font: 100 24px/42px "Microsoft YaHei"; color: #FFFFFF;}
.tab1 .content p{ margin: 3px 0; font: 100 14px/24px "Microsoft YaHei"; text-align: center;}
.mores{ width: 150px; margin:10px auto 0;  }
.mores a{display: inline-block; padding:5px 30px; border-radius:20px; background: #c10707;  font: 100 14px/30px "Microsoft YaHei"; color: #FFFFFF;}
.mores a:hover{ background: #ffd700;}


.tab2-left{ padding-bottom:20px; background: #c10707; text-align: center;}
.tab2-left-title{ padding:15px 0 15px 0; font:100 18px/30px "Microsoft YaHei"; color: #FFFFFF;}
.tab2-left ul li{float: left; width:50%; padding: 3px; text-align: center;}
.tab2-left ul li a{ display: block; border-radius: 15px; border: 1px solid #FFFFFF; font:100 14px/40px "Microsoft YaHei"; color: #FFFFFF;}
.tab2-left ul li a:hover{ border: 1px solid #ffd700; background: #ffd700; color: #000000;}
.tab2-right ul li{ float: left; width:50%; padding:5px;}
.tab2-right ul li:last-child{display: none;}
.tab2-right ul li a{display: block;}
.tab2-right ul li img{width:100%;}

.tab3 .content .col-sm-6{padding:20px 10px 5px 10px; cursor: pointer;}
.tab3 .content .col-sm-6 .new-list{display: block; border-bottom: 1px solid #848484;}
.tab3 .content .col-sm-6 .col-sm-2{ margin-bottom: 20px; padding:5px 3px; border: 1px solid #848484;}
.tab3 .content .months{display: block;border-bottom:1px solid #848484; font: 100 36px/64px "lantingtehei"; color: #848484; text-align: center;}
.tab3 .content .days{display: block; font: 100 18px/32px "microsoft yahei"; text-align: center; color: #848484;}
.tab3 .content .col-sm-6 .col-sm-10{margin-bottom: 20px; padding:0 0 0 20px;}
.tab3 .content .col-sm-6 .n-title{ padding:10px 0; font: 100 18px/32px "microsoft yahei"; color: #000000;}
.tab3 .content .col-sm-6 .col-sm-10 p{font: 100 14px/21px "microsoft yahei"; color: #5b5b5b;}
.tab3 .content .col-sm-6:hover .col-sm-2{ background: #c10707; border: 1px solid #c10707;}
.tab3 .content .col-sm-6:hover .months{color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.tab3 .content .col-sm-6:hover .days{color: #FFFFFF;}

.tab4{ padding:20px 5px; background: #ffd700;}
.tab4-img{ width: 92px; height: 92px; margin: 0 auto;  padding:25px; border: 1px solid #FFFFFF; border-radius: 50%;}
.tab4-img img{ width: 100%;}
.tab4-title{ margin:8px 0 5px 0; font:bold 16px/30px "Microsoft YaHei"; text-align: center;}
.tab4 p{font: 100 12px/20px "Microsoft YaHei";}
.tab4 .col-sm-4:hover .tab4-img{padding:20px;}
.tab4 .col-sm-4:hover .tab4-title{ color: #c10707;}

@media screen and (min-width: 768px){
    .tab{ padding:45px 0;}
    .tab-title{padding:0 0 50px 0; text-align: center;}
    .tab-en{font:bold 18px/30px "Microsoft YaHei"; text-transform: uppercase; color: #000000;}
    .tab-ch{ font: 100 18px/24px "Microsoft YaHei"; color: #000000;}
    .tab-title .lines{ display: inline-block; width: 50px; margin: 0  auto; padding-top: 2px; background: #000000; font-size: 12px; line-height: 12px;}

    .tab1 .content{ padding: 50px 0; background: url("../images/tab1_bg.jpg") no-repeat center 0;}
    .tab1-content-ch{ font: 100 24px/42px "Microsoft YaHei"; text-align: center;}
    .tab1-content-en{ font: 100 12px/20px "Microsoft YaHei"; text-align: center;}
    .tab1-titles{ text-align: center;}
    .tab1-titles span{display: inline-block; margin:25px 5px;  padding: 0 40px; background: #c10707;font: 100 30px/42px "Microsoft YaHei"; color: #FFFFFF;}
    .tab1 .content p{ margin: 3px 0; font: 100 14px/24px "Microsoft YaHei"; text-align: center;}
    .mores{ width: 150px; margin: 50px auto 0;  }
    .mores a{display: inline-block; padding:5px 30px; border-radius:20px; background: #c10707;  font: 100 14px/30px "Microsoft YaHei"; color: #FFFFFF;}
    .mores a:hover{ background: #ffd700;}

    .tab2 .content .container{overflow-x: hidden;}
    .tab2 .content{ padding:100px 0 50px 0; background: url("../images/tab2_bg.jpg") no-repeat center 0;}
    .tab2-left{ padding-bottom: 50px; background: #c10707; text-align: center;}
    .tab2-left-title{ padding:34px 0 34px 0; font:100 18px/30px "Microsoft YaHei"; color: #FFFFFF;}
    .tab2-left ul li{float: none; width: 80%; margin:10px auto; text-align: center;}
    .tab2-left ul li a{ display: block; border-radius: 15px; border: 1px solid #FFFFFF; font:100 14px/40px "Microsoft YaHei"; color: #FFFFFF;}
    .tab2-left ul li a:hover{ border: 1px solid #ffd700; background: #ffd700; color: #000000;}
    .tab2-right{ padding-left: 10px;}
    .tab2-right ul li{ float: left; width: 33.3%; padding:0 10px;}
    .tab2-right ul li:last-child{display:block;}
    .tab2-right ul li a{display: block;}
    .tab2-right ul li img{width:100%;}

    .tab3 .content .container{overflow-y: hidden;}
    .tab3 .content .col-sm-6{padding:40px 10px 5px 10px; cursor: pointer;}
    .tab3 .content .col-sm-6 .new-list{display: block; border-bottom: 1px solid #848484;}
    .tab3 .content .col-sm-6 .col-sm-2{ margin-bottom: 20px; padding:5px 3px; border: 1px solid #848484;}
    .tab3 .content .months{display: block;border-bottom:1px solid #848484; font: 100 36px/64px "lantingtehei"; color: #848484; text-align: center;}
    .tab3 .content .days{display: block; font: 100 18px/32px "microsoft yahei"; text-align: center; color: #848484;}
    .tab3 .content .col-sm-6 .col-sm-10{margin-bottom: 20px; padding:0 0 0 20px;}
    .tab3 .content .col-sm-6 .n-title{ padding:10px 0; font: 100 18px/32px "microsoft yahei"; color: #000000;}
    .tab3 .content .col-sm-6 .col-sm-10 p{font: 100 14px/21px "microsoft yahei"; color: #5b5b5b;}
    .tab3 .content .col-sm-6:hover .col-sm-2{ background: #c10707; border: 1px solid #c10707;}
    .tab3 .content .col-sm-6:hover .months{color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
    .tab3 .content .col-sm-6:hover .days{color: #FFFFFF;}

    .tab4{ padding:80px; background: #ffd700;}
    .tab4-title{text-align: left;}
    .tab4-img{ float: left; width: 92px; height: 92px; margin-right:20px; padding:25px; border: 1px solid #FFFFFF; border-radius: 50%;}
    .tab4-img img{ width: 100%;}
    .tab4-title{ margin:8px 0 5px 0; font:bold 18px/30px "Microsoft YaHei";}
    .tab4 p{float: left; width:200px;}
    .tab4 .col-sm-4:hover .tab4-img{padding:20px;}
    .tab4 .col-sm-4:hover .tab4-title{ color: #c10707;}

    .foot-left{ color:#fff}
    .foot-left .foot-logo{ margin-bottom: 50px;}
    .foot-left span{display: block; color: #FFFFFF;}
    .foot1{ padding:50px 0;}
    .foot1 ul li{float: left; padding:0 10px;}
    .foot1 .foot-ul{ height: auto; overflow: hidden;}
    .foot1 .foot-ul>li{border-right: 1px solid #757575; height:auto; margin-bottom: -500px; padding-bottom:500px; overflow: hidden;}
    .foot-ul>li:last-child{ border: none;}
    .foot1 ul li a{display: block;font: 100 18px/30px 'Microsoft YaHei'; color: #FFFFFF; text-align: center;}
    .foot1 ul li ul li{float: none;}
    .foot1 ul li ul li a{font: 100 14px/24px 'Microsoft YaHei'; color: #FFFFFF;}
    .foot1 ul li a:hover{ color: #757575;}
}

/*二级公共*/
.m-arc-banner{}
.m-arc-banner img{ width: 100%;}
.arc-title{ padding: 0 5px; background:#ececec;}
.arc-title-en{font:bold 18px/30px "Microsoft YaHei"; text-transform: uppercase; color: #000000;}
.arc-title-ch{ font: 100 18px/24px "Microsoft YaHei"; color: #000000;}
.arc-title .lines{ display: inline-block; width: 50px;padding-top: 2px; background: #000000; font-size: 12px; line-height: 12px;}
.bread{display: none;}
.arc-content{ padding: 0 5px;}
/*翻页样式*/
.fanye{ padding:30px 0 15px 0; text-align: center; background: #FFFFFF;}
.fanye a{display: inline-block; border: 1px solid #acacac; padding: 3px 8px; color: #acacac}
.fanye a:hover{ color: #153361;}
.lasta{ border: 1px solid #e7e7e7; padding: 5px 10px;}
.nexta{border: 1px solid #e7e7e7;}
@media screen and (min-width: 768px){
    /*二级公共*/
    .arc-banner{}
    .arc-banner img{ width: 100%;}
    .arc .arc-title{padding:50px 0;}
    .bread{display: block; float: right; padding-top: 30px; font: 100 12px/20px "Microsoft YaHei";}
    .bread span{ padding: 0 3px;  color: #000000;}
    .bread a{ padding: 0 3px; font: 100 12px/20px "Microsoft YaHei"; color: #000000;}
}

/*内容页面*/
.arc .about{ padding:20px 5px; background:#f8f8f8 url("../images/tab1_bg.jpg") no-repeat center 0;}
.arc-content-ch{ font: 100 24px/42px "Microsoft YaHei"; text-align: center;}
.arc-content-en{ font: 100 12px/20px "Microsoft YaHei"; text-align: center;}
.arc-titles{ text-align: center;}
.arc-titles span{display: inline-block; margin:25px 5px;  padding: 0 12px; background: #c10707;font: 100 24px/36px "Microsoft YaHei"; color: #FFFFFF;}
.arc .arc-content p{ margin:10px 0; font: 100 14px/24px "Microsoft YaHei"; text-align: justify;}
.arc .about p img{ width:100%; padding: 5px;}
@media screen and (min-width: 768px){
    /*内容页面*/
    .arc .about{ padding:50px 0;}
    .arc-titles span{display: inline-block; margin:25px 5px;  padding: 0 40px; background: #c10707;font: 100 30px/42px "Microsoft YaHei";}
    .about p{margin: 10px 0; font: 100 14px/24px "Microsoft YaHei"; color: #080808;}
    .about p img{ width: 50%; padding: 5px;}
}

/*图片列表*/
.pic{ padding: 30px 0;}
.pic  ul li{float: left; width:50%; padding:10px 0 0;}
.pic  ul li a{ position: relative; display: block;border:2px solid #fafafa; background: #000000; color: #FFFFFF;}
.pic  ul li img{ width: 100%;}
.pic  ul li span{ position: absolute; left:0;bottom: 0; display:block; width: 100%;
    background: #c10707; font: 100 14px/40px "Microsoft YaHei"; color: #FFFFFF; text-align: center;  opacity: 0;}
.pic  ul li:hover a{ border: 2px solid #FFFFFF;}
.pic  ul li:hover img{opacity: 0.7;}
.pic  ul li:hover span{ opacity: 1;}
/*图片详情*/
.pic-er{ padding:10px 0;}
.pic-er-left{ text-align: center;}
.pic-er-right{ padding:0 20px;}
.pic-er-details{ width: 120px; margin: 20px 0;background: #c10707; font: 100 14px/36px "Microsoft YaHei"; color: #FFFFFF; text-align: center;}
.arc .pic-er .pic-er-right p{ margin: 5px 0; font: 100 14px/24px "Microsoft YaHei";}

@media screen and (min-width: 768px){
    /*图片列表*/
    .pic  ul li{width: 25%; padding:10px;}
    /*图片详情*/
    .pic-er{ padding:60px 0;}
    .pci-er-title{padding-top:20%;padding-left: 20px; padding-bottom: 50px;  font: 100 18px/36px "Microsoft YaHei";}

}

/*新闻列表*/
.new.col-sm-6{padding:40px 10px 5px 10px; cursor: pointer;}
.new .col-sm-6 .new-list{display: block; margin-right:20px; padding: 45px 0 0 0; border-bottom: 1px solid #848484;}
.new .col-sm-6 .col-sm-2{ margin-bottom: 20px; padding:5px 3px; border: 1px solid #848484;}
.new .months{display: block;border-bottom:1px solid #848484; font: 100 36px/64px "lantingtehei"; color: #848484; text-align: center;}
.new .days{display: block; font: 100 18px/32px "microsoft yahei"; text-align: center; color: #848484;}
.new .col-sm-6 .col-sm-10{margin-bottom: 20px; padding:0 0 0 20px;}
.new .col-sm-6 .n-title{ padding:10px 0; font: 100 18px/32px "microsoft yahei"; color: #000000;}
.new .col-sm-6 .col-sm-10 p{ padding-right:60px; font: 100 14px/21px "microsoft yahei"; color: #5b5b5b;}
.new .col-sm-6:hover .col-sm-2{ background: #c10707; border: 1px solid #c10707;}
.new .col-sm-6:hover .months{color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.new .col-sm-6:hover .days{color: #FFFFFF;}

/*新闻详情*/
.new-er{ padding:30px 5px;}
.new-er-titles{margin-bottom: 40px;}
.new-er-titles .bread{padding-top:25px;}
.new-er-title{ font: 100 18px/30px "Microsoft YaHei"; color: #000000;}
.new-er-date{ font: 100 14px/24px "Microsoft YaHei"; color: #000000;}
.new-er-titles{border-bottom: 1px solid #000000;}

@media screen and (min-width: 768px){
    /*新闻列表*/

    /*新闻详情*/
    .new-er{ padding:80px 0;}
    .news-er .new-left{ width: 10%; float: left; margin-right:2%; margin-bottom: 20px; padding:5px 3px; background: #1e81e9;}
    .news-er .months{display: block;border-bottom:1px solid #FFFFFF; font: 100 36px/64px "lantingtehei"; color: #FFFFFF; text-align: center;}
    .news-er .days{display: block; font: 100 18px/32px "microsoft yahei"; text-align: center;color: #FFFFFF;}
    .news-er .news-right{float: left; width:88%; margin-bottom: 20px; padding:0 0 0 20px;}
    .news-er .news-right .n-title{ padding:0 0 5px 0; font: 100 18px/32px "microsoft yahei"; color: #000000;}
    .news-er p{ margin:8px 0; font: 100 14px/24px "microsoft yahei"; text-align:justify;}
}

/*联系我们*/
.contact{}
.mapa img{width: 100%;}
.messages form{padding-top: 20px;}
.messages form .inputs{ width: 100%;height: 48px; padding-left: 10px; line-height: 48px; background:#FFFFFF;}
.messages form .name{margin-bottom: 15px; padding-left: 56px; background: url("../img/message1.png") no-repeat 0 0; }
.messages form .tels{margin-bottom: 15px; padding-left: 56px; background: url("../img/message2.png") no-repeat 0 0;}
.messages form .says{padding-left: 56px; background: url("../img/message3.png") no-repeat 0 0;}
.messages form textarea{ width: 100%; height: 150px; padding: 10px; overflow: auto;}
.buttons{ float: right; margin-top: 20px; padding: 12px 50px; background: #c10707; border: none; border-radius: 10px; color: #FFFFFF;}
.contact-r h4{ color: #c10707;}
.contact-r1{ margin:20px 0 20px 0; padding: 20px; background :rgba(255,255,255,0.4); border: 1px solid #c10707;}
.contact-r1 h4{ border-left: 3px solid #c10707; padding-left: 10px; margin-bottom: 10px;}
.contact-r2 {margin-left: 10px;}
.contact-r2 h4{ padding-bottom:10px; padding-left: 20px; border-bottom: 1px solid #c10707;}
.contact-r2 .message{ padding: 20px;}

@media screen and (min-width: 768px){

}