@charset "utf-8";
/* CSS Document */
body{ background-color:#f1f1f1}
/*鏉垮潡鏍囬*/
.plate{background:url(../images/tz/tz_titbj.png) repeat;padding:35px 40px 30px;bottom:100%;min-width: 200px;}
.plate h2{ font-size:30px;color:#fff}
.plate p{font-size:24px;color: #f9b7bb;font-family:Arial, Helvetica, sans-serif;text-transform: capitalize;}
/*闈㈠寘灞�*/
.crumbs{ background-color:#fff;border-top: 3px solid #008fd7; box-shadow:0 1px 2px #c1c1c1;}
.crumbs .col-md-6,.substance,.substance .col-xs-12,.crumbs2 .col-md-6{ padding-left:0px; padding-right:0px}
.position{background:url(../images/tz/position.png) left center no-repeat; padding:3% 0 3% 30px;color:#666}
.list_nav{}
.list_nav a{ float:left; padding:3% 2.5%;}
.list_nav a.on{background-color: #008fd7;color: #fff;}
.list_nav a:hover{background-color: #fff;color: #008fd7;}

.substance{ padding-bottom:40px}

.plate_title { padding:2.5% 0}
.plate_title a{ padding:4px 15px; border:1px solid #cacaca; background-color:#fff; border-radius:4px;-moz- border-radius:4px; -ms-
 border-radius:4px; -o- border-radius:4px; -webkit- border-radius:4px; float:left; margin:10px 10px}
.plate_title a:hover,.plate_title a.on{ background-color:#008fd7; border:1px solid #008fd7;color:#fff}

.plate_cont{ background-color:#fff; padding:30px 2.5%}
.plate_cont h3{ text-align:center; background:url(../images/tz/h3-bj.jpg) left 34px repeat-x}
.plate_cont h3 p{ font-size:24px;background-color:#fff;}
.plate_cont h3 small{text-transform:uppercase; padding:0 30px; background-color:#fff;color:#989da2; font-family:Arial, Helvetica, sans-serif}	
.cont_text{ margin-top:20px;}
.cont_text p{ font-size:16px;  line-height:34px;color:#333;padding-top:10px}
.cont_text p img{max-width:900px;width:100%; height:auto; text-indent:0}
.cont_text p.tx{ text-align:center}
.cont_text p.tx img{ text-align:center; max-width:1000px}
.cont_text p.tx span{display:block; font-weight:bold; margin-top:10px}
.cont_pic{ width:100%; margin-top:20px}
.cont_pic li{ float:left;max-width:360px;overflow: hidden;text-align: center;width: 32.5%; margin-bottom:20px}
.cont_pic li:nth-child(3n-1) { margin: 0 2.5% 20px ;}
.cont_pic li img{width:100%;}
.cont_pic li p{color:#333; font-size:15px; margin-top:5px}
.share{ border-top:1px solid #dfdfdf; margin-top:1%}
.share .bdsharebuttonbox{ padding:20px 0}

/*鎶曡祫寤鸿2*/
.tzjs_bg{ background:url(../images/tz/tz2_titlebj.jpg) center top; padding:3% 0 5.37%}
.tzjs_bg .plate{ background:url(../images/tz/tz2_fh.jpg) no-repeat}
.tzjs_bg .plate h2{font-size: 36px;color: #fff;}
.tzjs_bg .plate p{font-size: 30px;color: #fff;text-transform: capitalize;margin-top:2px;}


.ripple{ position:absolute; bottom:0; width:100%}
.crumbs2{background-color: #008fd7;}
.crumbs2 .crumbs_box{ line-height:56px}
.crumbs2 .position{ background-image:url(../images/tz/position2.png); margin-left:10px;color:#fff; padding:0 0 0 30px}
.crumbs2 .position a{color:#fff}
.crumbs2 .list_nav a{color:#fff; line-height:51px; padding:0 2.8%; border-bottom:5px solid #008fd7}
.crumbs2 .list_nav a:hover,.crumbs2 .list_nav a.on{ border-bottom:5px solid #f79a2c}

.plate_title2 a{ padding:4px 15px; border:1px solid #cacaca; background-color:#fff}
.plate_title a:hover,.plate_title a.on{ background-color:transparent; border:1px solid #008fd7;color:#008fd7}

/*鍒楄〃*/
.general_list{padding:15% 0 8%;}
.list_box,.mailbox{ background-color:#fff; /*margin-top:2%*/;padding:30px 2.5%}
.list_box .news_list li{ height:38px; line-height:38px; font-size:16px; width:100%} 
.list_box .news_list li em{ float:left;  background:url(../images/small.png) no-repeat left center; transition: all 0.3s ease 0s;width:90%}
.list_box .news_list li em:hover{  background:url(../images/small.png) no-repeat 10px center;}
.list_box .news_list li em a{ margin-left:2%;display: inline-block;float: left;}
.list_box .news_list li em i.new_ico {margin-left: 5px;display: inline-block;width:19px;height:14px;background: url(../images/new_img.png);vertical-align: middle; float:left;margin-top:12px;}
.list_box .news_list li em b.tp_ico{width:17px;height:14px; background-image:url(../images/tp_ico.png); margin:0 8px;display: inline-block;}
.list_box .news_list li em .sp_ico{width:18px;height:15px; background-image:url(../images/sp_ico.png);display: inline-block;}
.list_box .news_list li span{ float:right; font-size:13px;color:#999999; margin-right:5px; width:auto}

.list_box .news_list li.addBorder{border-bottom:1px dashed #ccc;padding-bottom: 4.5%;margin-bottom: 1%;}

/*鍐呭椤�*/
.general_cont{margin-top:2%;}
.general_cont h3{ text-align:center; background:url(../images/tz/h3-bj.jpg) left 10px repeat-x;line-height: 36px;}
.general_cont h3 p{ font-size:24px;background-color:#fff; padding:0 30px;  display:inline}
.showpagebtn{ margin-top:2%; padding-bottom:2%}
.showpagebtn p { padding:5px 0}
.showpagebtn p a{ color:#008fd7;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.showpagebtn p a:hover{ text-decoration:underline}

/*淇＄鍒楄〃*/ 
table { border-collapse: collapse;}
.red{ color:#008fd7;}
.pa_r_10 { padding-right: 10px;}
.pa_l_10{padding-left:10px;}
.table_interact{ }
.table_interact th,.missive>thead>tr>th{ background:#f6f6f6; color:#5c5c5c; line-height:40px; text-align:center; font-weight:bold;border:1px solid #d7d7d7}
.table_interact td{ background:#fff; line-height:22px; padding:10px 0 10px 10px; border:1px solid #d7d7d7}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-hover > tbody > tr:hover{background-color: #f5f5f5;}

.missive>thead:first-child>tr:first-child>th{border-top:1px solid #d7d7d7}
.missive tbody tr td{line-height:22px; padding:10px 0 10px 10px; border:1px solid #d7d7d7}
/*鍐欎俊椤荤煡*/ 
.arc_con{}
.arc_con h1{ margin-bottom:15px; padding:30px 0; font-size:22px; border-bottom:1px dotted #e3e3e3; text-align:center}
.arc_con .arc_info{ height:800px; overflow:auto; padding:0 30px; font-size:14px; line-height:1.8}
.arc_con .arc_info p{ margin:10px 0}
/*鎴戣鍐欎俊*/
.table2 {background:#FFFFFF;line-height: 30px;}
.table2 th {background:#F5F5F5;font-weight:normal;text-align: right;}
.table2 td {background:#fff;}
.input1 {border: 1px solid #CCCCCC;height: 19px;vertical-align: middle;}
.input3 {border: 1px solid #DEA303;height: 20px;line-height: 20px;padding: 0 10px;}
.input4 {border: medium none;height: 23px;text-align: center;width: 90px;}
.table2 textarea {border: 1px solid #CCCCCC;font-size:12px;}
.table2 img {margin-right: 10px;vertical-align: middle;}
.table2 input {vertical-align: middle;}
.table2 span {margin:5px;}

/*棰嗗鐝瓙*/
.leadership{}
.leadership_boss{  padding:20px; width:23%; margin:3% auto}
.leadership_com{ background-color:#f7f7f7;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border: 1px solid #ccc;}
.leadership_com:hover{ background-color:#ddd}
.leadership_com .leadership_img{ text-align:center}
.leadership_com .leadership_img img{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; width:100%;max-height: 304px;}
.leadership_info p{ text-align:center}
.leadership_info h3{ font-size:24px; font-weight:normal; margin-top:10px;color:#008fd7; background-image:none}
.leadership_other{ display:block;width:100%; border-top:2px solid #eee}
.leadership_other li{width:23%; margin:2% 1%; float:left}
.leadership_other li .leadership_com{ padding:6%}
.leadership_other .leadership_info p{ text-align:left;text-indent:0;margin-top:5px;padding-top: 0;line-height: 30px;height:84px; overflow:hidden}
.leadership_other .leadership_info h3{ font-size:18px; font-weight:normal; margin-top:10px;color:#008fd7;}
/*涓嬪睘鍏徃*/
.subordinate{ margin-top:20px}
.subordinate li{width:100%; border-bottom:1px dashed #ccc; float:left; padding:2% 0}
.subordinate li:hover{ background-color:#eee}
.pic_box{width:20%; border:1px solid #eee}
.pic_text{ max-width:880px;width:78%; margin-left: 2%;}
.pic_text h3{line-height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:left; font-size:18px}
.pic_text .pic_info{ line-height:26px;color:#666; margin-top:1%; height:52px; overflow:hidden}
.scripted {color:#008fd7; margin-top:10px}
/*缁勭粐鏈烘瀯鍥�*/
.orgchart{ text-align:center}
.orgchart img{width: auto!important;height: auto!important; max-width: 100%;}
/*鍏氱兢宸ヤ綔*/
.masses{ background:url(../images/dqgz.jpg) center top no-repeat}
/*闆嗗洟鏂伴椈*/
.group_news{ margin-bottom:20px}
.group_news li{width:100%; border-bottom:1px dashed #ccc; float:left; padding:3% 0}
.group_news .pic_box{width:25%}
.group_news .pic_text{ max-width:834px;width: 73%; margin-left: 2%;}
.scripted{ padding-top:3%}
.scripted span{color:#999}
.scripted a{width:100px;height:32px; border:1px solid #dfdfdf; text-align:center; line-height:32px;color:#666; border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; -border-radius:16px}
.scripted a:hover{ border-color:#008fd7;color:#008fd7}


/*鎶曡祫寤鸿鏂板璇存槑*/
.explain{ padding:1%; background-color:#fff; margin-top:20px}
.explain_title i{width:14px;height:14px; background-color:#008fd7 ; margin:15px 6px 0 0}
.explain_title p em{ font-size:44px;text-transform: uppercase;letter-spacing: -4px;color:#e9e9e9; display:block; }
.explain_title p span{color:#666; font-size:40px;height:36px; line-height:36px}

.explain_cont{ line-height:28px; font-size:16px; margin-top:10px; text-indent:2em}



/*鍐呭椤垫柊澧炲浘鐗囧垏鎹�*/

.pic_display{ margin:30px auto 0 auto; position:relative}
.pic_display .swiper-wrapper{height:420px; overflow:hidden}
.pic_display .swiper-slide { text-align:center}
.pic_display .swiper-slide .title{ margin-top:1rem; font-size:1.5rem; text-align:center; color:#888; padding:1% 10%}
.pic_display .swiper-slide img{ max-width:800px; height:420px}
.pic_display .pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center;}
.pic_display .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.pic_display .swiper-active-switch{background: #0090ff;}


.pic_display .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.pic_display .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.pic_display:hover .arrow-left{ visibility:visible;filter:alpha(opacity=100);opacity:1; left:-70px}
.pic_display:hover .arrow-right{ visibility:visible;filter:alpha(opacity=100);opacity:1; right:-70px}
.mobileimg{ display:none;}

@media (min-width: 1200px){
	.explain_title{ max-width:270px}
	.pic_display{width:800px}
	.pic_display .swiper-container{height:460px}
}
@media (max-width: 1200px){
	.cont_pic li{width: 32%; }
	.cont_pic li:nth-child(3n-1) { margin: 0 1.5% 20px }
	.ripple{ position:static}
	
	}
@media (max-width:1173px) and (min-width:992px) {
	.crumbs_box{width:40%}
	.list_navbox{width:60%}
	}
	
@media (max-width:768px){
	.mobileimg{ display:block;}
	.pcimg{ display:none;}
	.cont_text table{max-width:100%;margin-left: 0px !important;}
	.list_box li.addBorder{ border-bottom:0; padding-bottom:0; margin-bottom:0}
	.list_box .news_list li em{width:80%}
	.list_box li em a{width:80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
	/*.list_box li span{width:10%}*/
	.general_cont h3{ background-image:none}
	}
	@media (max-width: 460px){
	.list_box .news_list li em{width:70%}
	.list_box li em a{width:80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
	/*.list_box li span{width:20%}*/
	.general_cont h3 p{line-height: 36px;}
	.leadership_boss{width:100%}
	.leadership_com{ overflow:hidden}
	.leadership_com .leadership_img{ float:left; width:38%}
	.leadership_com .leadership_img img{width: 100%;}
	.leadership_info{ float:left; width:60%; margin-left:2%}
	.leadership_info h3,.leadership_info p{text-align:left; text-indent:0}
	.leadership_other li{width:48%}
	.explain_title{ text-align:center}
	.explain_title p{ width:100%}
	.explain_cont{padding:10px}
	.cont_text p img{ width:100%;}
	.plate_title a{ padding:4px 10px}
	.pic_box img{height:66px;}
	.pic_display{padding:0 3%}
	.pic_display {height:250px}
	.pic_display .swiper-wrapper{height:250px; overflow:hidden}
	.pic_display .swiper-slide{height:250px}
	.pic_display .swiper-slide img{width:100%;height:250px}
	.pic_display .swiper-slide .title{ font-size:1.4rem;}
	.pic_display .pagination{ bottom:-10px;}
	
	}