@charset "UTF-8";
@import url(edittext.jpg.css);
@import url(layout.jpg.css);





/*
--------------------
Style Name: doocom.cn
Author: Lucky
Email: li@doocom.cn
http://www.doocom.cn/
--------------------
*/

/*
--------------------
Author: Lucky
Updated: 190422
--------------------
*/

:focus{outline:0;}
body{
  background: #F8F8F8;
  font-family:"Microsoft YaHei", tahoma, Simsun,"Arial Unicode MS",Mingliu,Arial,Helvetica;}
html{
  min-height: 100%;
  position: relative;
  padding-bottom: 130px;}



/*text style*/
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.black{color:#000;}
.white{color:#fff;}
.gray{color:#ccc;}
.red{color:#db0210;}
.blue{color:#03f;}
.green{color:#008000;}
.mcolor{color:#900;}
.b{font-weight:bold;}
.clear{clear:both;}
.delete{text-decoration:line-through;}
.nob{border:none;background:none;}
.fl{float:left;}
.fr{float:right;}
.float_left {float:left;padding:7px;}
.float_right {float:right;padding:7px;}
.img_float_left {float:left;clear:left;margin:0 8px 10px 0;}
.img_float_right {float:right;clear:right;margin:0 0 10px 8px;}

.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

.highlight {background:#ff0;}
.thin{font-weight: lighter;}
.error_tips,.notice_tips,.success_tips{padding:.3em .8em;margin-bottom:1em;border:2px solid #ddd;white-space:nowrap;}
.error_tips{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice_tips{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success_tips{background:#E6EFC2;color:#264409;border-color:#C6D880;}
/*.error_tips a{color:#8a1f11;}
.notice_tips a{color:#514721;}
.success_tips a{color:#264409;}*/
.center{text-align: center;}
.tdu{text-decoration:underline;}
.errorMessage{ color:#f00;}
.hidden{ display:none;}
.oh{overflow:hidden; zoom:1;}
.lefthalf{
	float:left;
	width:48%;}
.righthalf{
	float:right;
	width:48%;}
/*all*/
.submit{ cursor:pointer; overflow:visible;}
.radio, .checkbox, input[type="radio"], input[type="checkbox"]{ margin:0 5px 3px 0;}
.input, .textarea{
	padding:5px;
	border:none;
	background-color:#eeeeee;
	color:#555;}
.textarea{ resize:none;}
/**/




/*.container{	width:960px;}*/

.navbar-toggle .icon-bar{
  background-color: #fff;}

.navbar{
  background: #9A0001 url(../images/img_3.jpg) no-repeat 45% 0;
  border-radius: 0;
  border: none;
	box-shadow:0 0px 5px #630001;}
.navbar-header{
  position: relative;
  z-index:999;}
.nav_overlay{
  position: fixed;
  z-index:1;
  left:0;
  right:0;
  top:0;
  background-color: #000;
  opacity: 0.5;
	transition-duration: 0s;}
.navbar .container{
  position: relative;
  z-index:2;}

.navbar-brand{
  padding: 10px 15px;}
.navbar-brand img{ height: 100%;}



.headright{
  position: relative;
  z-index:2;
  border-top: 1px solid #a41a1b;
  color: #fff;}
.headright .link{
  display: none;}
.headright a{
  color: #fff;
  margin: 0 10px;}

.navbar-nav{
  position: relative;
  z-index:2;}
.navbar-nav > li > a{
  padding: 10px 30px;
  color: #fff;
  font-size: 16px;}
.nav > li > a:hover, .nav > li > a:focus, .nav > li.cur > a{
  background-color: #7b0001;
  color: #fff;}
.nav li.active{
  background-color: #7b0001;}
.nav li ul{
  display: none;
  list-style: none;
  padding: 0;
  padding-bottom: 10px;
  border-top: 1px solid #9A0001;}
.nav li li a{
  display: block;
  padding: 5px 50px;
  background: url(../images/ico_1_white.jpg) no-repeat 40px 50%;
  color: #fff;}
.nav li li ul{
  display: block;
  border: none;}
.nav li li li{}
.nav li li li a{
  padding: 0 70px;
  background-position: 60px 50%;}


.headright .searchbox{
  padding: 15px 0;}
.headright .searchbox .input{}
.headright .searchbox .submit{
  padding: 0 30px;
  height: 30px;
  border: none;
  background: #555;
  color: #fff;}


.secnavbox{
  display: none;
  position: absolute;
  z-index:999;
  left:0;
  top:0;
  width: 100%;
  padding: 20px 0;
  background: #fff;}
.secnav{
  display: none;
  overflow: hidden;}
.secnav .img{
  float: left;}
.secnav ul{
  overflow: hidden;
  list-style: none;
  padding: 0;}
.secnav li{
  float: left;
  padding: 10px 0 0 30px;
  height: 60px;}
.secnav li a{
  font-size: 16px;
  color: #222;}
.secnav li a:hover, .secnav li a:focus{
  color: #9A0001;
  text-decoration: none;}
.secnav li a .icon{
  margin-right: 10px;}
.secnav li ul{}
.secnav li li{
  margin-left: 26px;
  padding-left: 0;}
.secnav li li a{
  font-size: 14px;
  color: #555;}



.indexbanner{
  margin-bottom: 20px;}
.indexbanner .swiper-slide{}
.indexbanner .swiper-slide img{
  width: 100%;}
.indexbanner .textbox{
	display:none;
  position: absolute;
  left:5%;
  bottom:10%;
  padding: 10px 10px;
  background-color: rgba(154, 0, 1, 0.75);
  color: #fff;
  max-width: 70%;}
.indexbanner .textbox .t1{
  font-size: 14px;}
.indexbanner .textbox .t2{
  font-size: 12px;}
.indexbanner .textbox .more{
  display: inline-block;
  margin-top: 10px;
  padding: 5px 30px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;}
.indexbanner .prev{
  position: absolute;
  z-index:99;
  top:50%;
  left:0;
  margin-top: -43px;
  width: 52px;
  height: 86px;
  background: url(../images/ico_left.jpg) no-repeat 0 0;}
.indexbanner .next{
  position: absolute;
  z-index:99;
  top:50%;
  right:0;
  margin-top: -43px;
  width: 52px;
  height: 86px;
  background: url(../images/ico_right.jpg) no-repeat 0 0;}
.indexbanner .swiper-pagination-bullet{
  width: 35px;
  height: 2px;
  border-radius: 0;
  background: rgba(255, 255, 255, 1);
  cursor: pointer;}
.indexbanner .swiper-pagination-bullet-active{}

body .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, body .swiper-pagination-fraction{
  bottom:0;}

.indpanel{
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box;}
.indpanel .panelhead:after{
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}
.indpanel .panelhead{
  border-bottom: 2px solid #EAEAEA;}
.indpanel .panelhead .title{
  float: left;
  margin: 0 0 -2px;
  padding: 10px 0;
  border-bottom: 2px solid #9A0001;
  font-size: 20px;
  font-weight: normal;}
.indpanel .panelhead .title .ico{
	margin-right:10px;
	vertical-align:-5px;}
.indpanel .panelhead .more{
  float: right;
  margin-top: 10px;
  width: 23px;
  height: 23px;
  background: url(../images/ico_more.jpg) no-repeat 0 0;}
.indpanel .panelhead .more:hover{
  background-image: url(../images/ico_more_on.jpg);}
.indpanel .panelbody{
  padding: 10px 0;}


.indnews_1{
  list-style: none;
  margin: 0 0 -10px;
  padding: 0;}
.indnews_1 li{
  border-bottom: 1px solid #EAEAEA;}
.indnews_1 a{
  display: block;
  margin: 0 -20px;
  padding: 20px 20px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;}
.indnews_1 a:hover{
  background-color: #F5F5F5;
  text-decoration: none;}
.indnews_1 .info{
  overflow: hidden;
  display: inline-block;
  border: 1px solid #9A0001;}
.indnews_1 .info .category{
  float: left;
  padding: 5px 10px;
  background-color: #9A0001;
  color: #fff;}
.indnews_1 .info .date{
  float: left;
  padding: 5px 10px;
  color: #9A0001;}
.indnews_1 .title{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;}
.indnews_1 a:hover .title{
  color: #9A0001;}



.indnews_2{
  list-style: none;
  margin: 0 0 -10px;
  padding: 0;}
.indnews_2 li{}
.indnews_2 a{
  overflow: hidden;
  display: block;
  margin: 0 -20px;
  padding: 15px 20px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;}
.indnews_2 a:hover{
  background-color: #F5F5F5;
  text-decoration: none;}
.indnews_2 .date{
  float: left;
  margin-right: 20px;
  padding: 10px;
  line-height: 1;
  border: 1px solid #EAEAEA;
  color: #9A0001;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;}
.indnews_2 a:hover .date{
  background-color: #9A0001;
  color: #fff;}
.indnews_2 .date .day{
  float: left;
  padding-right: 10px;
  border-right: 1px solid #EAEAEA;
  font-size: 28px;}
.indnews_2 .date .ym{
  float: left;
  padding-left: 10px;}
.indnews_2 .date .ym .month{
  display: block;
  text-align: center;
  font-size: 16px;}
.indnews_2 .date .ym .year{
  display: block;
  text-align: center;
  font-size: 12px;}
.indnews_2 .title{
  overflow: hidden;
  margin-top: 5px;
  color: #555;}
.indnews_2 a:hover .title{
  color: #9A0001;}


.indlink{}
.indlink .item{
  margin-bottom: 20px;}
.indlink a{
  overflow: hidden;
  position: relative;
  display: block;}
.indlink .img{
  display: block;
  width: 100%;
	transition:all .5s ease;}
.indlink a:hover .img{
  transform:translate(0, 100%);}
.indlink .overlay{
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);}
.indlink .active{
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #9A0001 url(../images/bg_indlink.jpg) no-repeat right bottom;

  transform:translate(0, -100%);
	transition:all .5s ease;}
.indlink a:hover .active{
  transform:translate(0, 0);}
.indlink .text{
  position: absolute;
  z-index: 4;
  left:50%;
  top:50%;
  margin: -20px 0 0 -75px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;}
.indlink .text .icon{
  color: #fff;
  font-size: 28px;
  vertical-align: middle;}
.indlink .text .ico{
  display: inline-block;
  vertical-align: middle;
  width: 18px;}
.indlink .text .ico img{}
.indlink .text .t{
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;}







.indlink_2{}
.indlink_2 .item{
  margin-bottom: 20px;}
.indlink_2 .item a{
  overflow: hidden;
  display: block;
  background: url(../images/index_link_1.jpg) no-repeat 50% 50%;
  background-size: cover;
  height: 120px;
  font-size: 22px;
  color: #333;

  text-align: center;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;}
.indlink_2 .item a:hover{
  background: url(../images/index_link_1_on.jpg) no-repeat 50% 50%;
  color: #fff;
  text-decoration: none;}
.indlink_2 .item_1 a{}
.indlink_2 .item_2 a{ background-image: url(../images/index_link_2.jpg);}
.indlink_2 .item_3 a{ background-image: url(../images/index_link_3.jpg);}
.indlink_2 .item_4 a{ background-image: url(../images/index_link_4.jpg);}
.indlink_2 .item_5 a{ background-image: url(../images/index_link_5.jpg);}
.indlink_2 .item_6 a{ background-image: url(../images/index_link_6.jpg);}

.indlink_2 .item_1 a:hover{}
.indlink_2 .item_2 a:hover{ background-image: url(../images/index_link_2_on.jpg);}
.indlink_2 .item_3 a:hover{ background-image: url(../images/index_link_3_on.jpg);}
.indlink_2 .item_4 a:hover{ background-image: url(../images/index_link_4_on.jpg);}
.indlink_2 .item_5 a:hover{ background-image: url(../images/index_link_5_on.jpg);}
.indlink_2 .item_6 a:hover{ background-image: url(../images/index_link_6_on.jpg);}

.indlink_2 .item .icon{
  display: block;
  margin-top: 20px;
  font-size: 36px;
  color: #999;}
.indlink_2 .item a:hover .icon{
  color: #fff;}
.indlink_2 .item .t{
  display: block;
  font-size: 18px;}











.pagebanner{
  margin: -20px 0 20px;
  height: 180px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;}

.pageside{
  padding: 10px 40px 30px;
  background: #E5E5E5 url(../images/img_4.jpg) no-repeat 50% 100%;}
.pageside .title{
  padding-bottom: 10px;
  border-bottom: 1px solid #9A0001;
  color: #9A0001;
  font-size: 16px;
  font-weight: bold;
  text-align: center;}
.sidenav{
  margin: 0 -40px;
  padding: 0;
  list-style: none;}
.sidenav li{}
.sidenav li a{
  display: block;
  padding: 10px 40px;
  color: #333;}
.sidenav li a:hover, .sidenav li a:focus{
  text-decoration: none;}
.sidenav li a span{
  padding-right: 30px;
  background: url(../images/ico_1.jpg) no-repeat right 50%;}
.sidenav li ul{
  display: none;
  list-style: none;
  padding: 10px 0 0;}
.sidenav li li{}
.sidenav li li a{
  padding: 5px 0 5px 60px;
  font-size: 12px;}
.sidenav li li a span{}



.sidenav li.active ul{}
.sidenav li.hasChild{}
.sidenav li.hasChild > a{}
.sidenav li.hasChild > a span{
  display: block;
  background: url(../images/ico_more_2.jpg) no-repeat right 50%;}
.sidenav li.active.hasChild > a{
  background-color: #9A0001;
  color: #fff;}
.sidenav li.active.hasChild > a span{
  background-image: url(../images/ico_more_2_on.jpg);}
.sidenav li.active > a{
  color: #9A0001;
  font-weight:bold;}
.sidenav li.active > a span{
  background-image: url(../images/ico_1_on.jpg);}


.pagemain{
  position: relative;
  margin-bottom: 50px;}
.mainhead{
  overflow: hidden;
  margin-bottom: 20px;}
.mainhead .title{
  float: left;
  font-size: 20px;
  color: #9A0001;}
.mainhead .breadcrumb{
  float: right;
  background: none;}
.mainhead .breadcrumb li{
  padding: 0 10px 0 15px;
  background: url(../images/ico_3.jpg) no-repeat left 50%;}
.mainhead .breadcrumb li:first-child{
  background-image: url(../images/ico_2.jpg);}
.mainhead .breadcrumb > li + li:before {
  display: none;}
.mainhead .breadcrumb .active{
  color: #9A0001;}
.mainhead .breadcrumb li a{
  color: #555;}


.newslist{
  list-style: none;
  padding: 0;
  margin-bottom: 30px;}
.newslist li{
  border-bottom: 1px solid #D8D8D8;}
.newslist a{
  display: block;
  overflow: hidden;
  padding: 20px 110px 20px 0;
  transition: ease all 0.5s;
  color: #555;}
.newslist .t{
  overflow: hidden;
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;}
.newslist .date{
  float: right;
  margin-right: -100px;}

.newslist li a:hover{
  padding-left: 10px;
  background: #F5F5F5;
  color: #9A0001;}

.navigation{
  overflow: hidden;
  margin: 20px 0 50px;}
.navigation .pagination{
  float: right;
  margin: 0;
  border-radius: 0;}
.navigation .pagination li a{
  padding: 10px 12px;
  color: #555;}
.navigation .pagination li a.cur{
  background: #efefef;}
.navigation .length{
  float: right;
  margin-left: 20px;}
.navigation .length .input{
  margin: 0 5px;
  width: 50px;
  height: 52px;
  border: 1px solid #ddd;
  background: #fff;}

.pagination > li:first-child > a, .pagination > li:first-child > span{
  border-radius: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span{
  border-radius: 0;}


.detailhead{
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #9A0001;
  text-align: center;}
.detailhead .title{
  font-size: 18px;
  color: #000;}
.detailhead .info{
  font-size: 12px;
  color: #999;}
.detailhead .info .item{
  margin: 0 10px;}

.detailcont{
  padding: 0 20px;}


.detail_ctrl_out{
  float: right;
  margin-right: -40px;}
.detail_ctrl{}
.detail_ctrl{
  position: absolute;
  top:10px;}
.detail_ctrl.affix{
  position: fixed;}
.detail_ctrl a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;}
.detail_ctrl a:hover, .detail_ctrl a:focus{
  text-decoration: none;}
.detail_ctrl .font{
  background: #EBEBEB;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 16px;
  color: #555;}
.detail_ctrl .font-sm{
  font-size: 12px;}
.detail_ctrl .font-lg{
  font-size: 20px;}
.detail_ctrl .active{
  background-color: #DADADA;
  color: #9A0001;}
.detail_ctrl .back{
  background: #98000b url(../images/ico_back.jpg) no-repeat 50% 50%;}



.footer{
  padding: 40px 0;
  background: url(../images/img_1.jpg) no-repeat 10% top,
              url(../images/img_2.png) no-repeat 90% bottom;
  background-color: #444;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;}
.footer a{
  color: #fff;}
.footer .link{
  margin-bottom: 10px;
  font-size: 16px;}
.footer .link a{ margin: 0 10px;}

.pop_qr{
  position: fixed;
  z-index:99;
  right:30px;
  bottom:30px;
  padding:10px 10px 15px;
  border: 1px solid #ddd;
  background-color: #fff;
  text-align: center;}
.pop_qr .img{
	width:150px;}
.pop_qr .text{}