﻿@charset "utf-8";
/* reset */
html{ height:100%}
body{ height:100%;font:18px/1.7 'Microsoft YaHei','arial',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',
\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;background:#fff; background-size:100% 100%;; overflow-x:hidden;color:#232323;}
body:after { display: block;height: 0;line-height: 0;overflow: hidden;visibility: hidden;content: 'Pc';}
body,h1,h2,h3,h4,p,ul,ol,dd,dl,form{margin:0; font-size:18px; font-weight:normal}
input,button,select,legend,fieldset{font-size:100%;border:0;vertical-align:middle;outline:none;
	margin:0;padding:0;box-sizing:border-box;}
button,input[type="submit"],input[type="reset"],input[type="button"]{cursor: pointer;}
textarea {overflow: auto; height: auto; vertical-align: top; resize: vertical;}
img { border: 0 none; height: auto; max-width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic;}
ul{padding-left:0;list-style-type:none;}
i,b{font-style:normal;font-weight: normal;}
a{text-decoration:none;outline:none;color:#999;transition:all .3s ease;}
a:hover{color:#333;text-decoration: none;}

/* html5 ele */
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; }

/* ie scroll */
@-ms-viewport {width:device-width;}

/* common */
.opc0{opacity:0;}
.wrap{ max-width:1366px; margin-left:auto;margin-right:auto; *width:1366px;}
.fix{*zoom:1;*clear:both;}.fix:before,.fix:after{content:"";display:table;clear:both;}
.oh{overflow:hidden;*zoom:1;}
.l{float:left;}.r{float:right;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.tc{text-align:center;}.tr{text-align:right;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.btn{cursor:pointer;}
.hide{display:none;}
.fwb{ font-weight: bold;}
.arr{display: inline-block; width: 0; height: 0; overflow: hidden; }

/* ico */
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: middle; background: url(../img/ico.png); }
.ico1_2 { background-position: -20px 0; }
.ico1_3 { background-position: -40px 0; }
.ico1_4 { background-position: -60px 0; }
.ico1_5 { background-position: -80px 0; }
.ico2_1 { background-position: 0 -20px; }
.ico2_2 { background-position: -20px -20px; }
.ico2_3 { background-position: -40px -20px; }
.ico2_4 { background-position: -60px -20px; }
.ico2_5 { background-position: -80px -20px; }
.ico3_1 { background-position: 0 -40px; }
.ico3_2 { background-position: -20px -40px; }
.ico3_3 { background-position: -40px -40px; }
.ico3_4 { background-position: -60px -40px; }
.ico3_5 { background-position: -80px -40px; }
.ico4_1 { background-position: 0 -60px; }
.ico4_2 { background-position: -20px -60px; }
.ico4_3 { background-position: -40px -60px; }
.ico4_4 { background-position: -60px -60px; }
.ico4_5 { background-position: -80px -60px; }
.ico5_1 { background-position: 0 -80px; }
.ico5_2 { background-position: -20px -80px; }
.ico5_3 { background-position: -40px -80px; }
.ico5_4 { background-position: -60px -80px; }
.ico5_5 { background-position: -80px -80px; }

/* 表格 */
.datalist{ border:1px solid #ccc; border-collapse:collapse; background:#fff; }
.datalist caption{ padding-bottom:5px; text-align:left;}
.datalist th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:5px 15px; }
.datalist td{ border:1px solid #ccc; padding:5px 15px;}
.datalist tr.altrow{ background-color:#ccc;}


/* flex栅格 */
.flex-col {
display: -webkit-box; display: -webkit-flex; display: -ms-box; display: flex;
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.flex-row {
display: -webkit-box; display: -webkit-flex; display: -ms-box; display: flex;
-webkit-box-orient: horizontal; -ms-flex-direction: row;
}
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; }
.flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; }
.flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; flex: 4; }
.align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; }
.justify-center { -webkit-box-pack: center; -ms-box-pack: center; justify-content: center; }
.flex-wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.scroll_cont {width: 100%;height:100%;overflow: auto;box-sizing: border-box;}

/* style */
.UnpcPush,.MobilePush{display:none;}
/* rect */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-75{padding-bottom: 75%;}
.rect-63{ padding-bottom: 63%;}
.rect-556{ padding-bottom: 55.6%;}
.rect-438{ padding-bottom: 43.8%;}
.rect-141{ padding-bottom: 141%;}
.rect-576{ padding-bottom: 57.6%;}
.rect-92{ padding-bottom: 92%;}
.rect-5625{padding-bottom: 56.25%;}
.shadow{box-shadow: 0px 0px 0px #e5e5e5, 10px 8px 15px #e5e5e5, 0px 19px 20px #e5e5e5, -10px 5px 15px #e5e5e5 ;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.header{ position: relative; padding-top: 40px; padding-bottom: 28px;}
.header .logo{ width: 514px; height: 62px; background-image: url(../img/logo.png);}
.header ._date{ height: 42px; line-height: 42px; padding-left: 78px; padding-right: 40px; color: #fff; font-size: 22px; background-color: #2863ae; background-image: url(../img/ico-date.png); background-position: 26px center; background-repeat: no-repeat;}
.header_nav{ position: relative; z-index: 2; background-color: #01459a;}
.header_nav li{ position: relative; float: left; margin-right: 50px;}
.header_nav li a{ display: block; padding: 0 19px; height: 60px; line-height: 60px; color: #fff; font-size: 20px;}
.header_nav li a:hover{ background-color: #2863ae;}
.header_nav li:hover .sub_nav{display: block;}
.header_nav .sub_nav { display: none; position: absolute; left: 0; right: 0; border-top: 8px solid #fff; margin-top: 0; padding-top: 15px; padding-bottom: 5px;  background-color: #2863ae;}
.header_nav .sub_nav li{ float: none; margin-right: 0;}
.header_nav .sub_nav li a{ padding: 15px 0; height: auto; line-height: normal; font-size: 18px; text-align: center;}
.header_nav .sub_nav li a:hover{ font-weight: bold;}
.mobile_key{ display:none; position:absolute; right:8px; top:50%; width:22px; height:18px; margin-top:-45px; background:url(../img/m_menu.png); font:0/0 a; letter-spacing:-9px;}
.footer{ margin-top: 100px; padding-top: 70px; padding-bottom: 20px; background-color: #282d33; color: #fff;}
.footer a{ color: #fff;}
.footer ._nav>ul>li{ float: left; margin-right: 60px;}
.footer ._nav h3,.footer ._nav h3 a { margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.footer ._nav a{ font-size: 16px;}
.footer ._nav>ul>li li{ margin-bottom: 10px;}
.footer ._ewm ._txt{ margin-top: 2px; height: 50px; line-height: 50px; background-color: #01459a; color: #fff; text-align: center; font-size: 18px;}
.footer ._share{ margin-top: 50px; margin-bottom: 20px;}
.footer ._link{ position: relative; padding-left: 90px;}
.footer ._link span{ position: absolute; left: 0; top: 0;}
.footer ._link a{ display: inline-block; white-space: nowrap; margin-right: 15px; font-size: 16px;}
.footer ._btxt { margin-top: 20px; font-size: 16px; color: #808284; text-align: center;}
.footer ._btxt a{ color: #808284;}
.footer .share_box a{width:38px; height:38px; background:url(../img/f_share_blue.png) no-repeat; padding:0; margin:0 5px;}
.footer .share_box a.bds_weixin{background-position:-48px 0;}
.footer .share_box a.bds_tsina{background-position:-96px 0;}
.footer .share_box a.share_more{background-position:-144px 0;}
.footer .share_box a:hover{background-image:url(../img/f_share_white.png);}

/* index */
.banner{ position: relative; z-index: 1; height: 482px; overflow: hidden;}
.banner img{ position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; max-width: none;}
.slide_nav a{ display: inline-block; border-radius: 50%; margin-right: 18px; width: 16px; height: 16px; font:0/0 a; letter-spacing: -9px; background-color: #fff; opacity: .54; cursor: pointer;}
.slide_nav a.on{ opacity: 1;}
.banner .slide_nav{ position: absolute; left: 0; right: 0; bottom: 40px; text-align: center;}
.index-s1{ padding: 60px 0;}
.index-t-wrap{ margin-bottom: 25px;}
.index-t{ font-size: 33px; color: #333;}
.index-t-wrap ._more{ color: #757575; margin-top: 10px;}
.index-zcfg{ width: 620px;}
.index-zcfg-list li{ display: block; border-bottom: 1px dashed #ddd; padding: 15px 0; color: #454545;}
.index-zcfg-list li a{ }
.index-zcfg-list li ._txt { width: 80%; color: #434343;}
.index-zcfg-list li ._txt i{ display: inline-block;  width: 13px; height: 21px; vertical-align: -3px; margin-right: 14px; background-image: url(../img/arror.png);}
.index-zcfg-list li ._time{ color: #434343;}
.index-zcfg-list li ._btn{display: inline-block; width: 84px; height: 30px; line-height: 30px; text-align: center; background-color: #d50001; font-size: 14px; color: #fff;}
.index-news{width: 662px;}
.index-news ._slider{ position: relative; height: 373px; overflow: hidden;}
.index-news ._slider ._txt{ position: absolute; left: 0; right: 0; padding-left: 40px; padding-right: 40px; bottom: 0; padding-top: 25px; padding-bottom: 45px; background-color: #000; opacity: .69; color: #fff; font-size: 19px;}
.index-news ._slider .slide_nav{ position: absolute; right: 40px; bottom: 20px;}
.index-news ._slider .slide_nav a{ margin-right: 14px;}
.index-s2{ margin-bottom: 50px;}
.index-gg{ position: relative; height: 169px; overflow: hidden;}
.index-gg .slide_nav{ position: absolute; bottom: 18px; right: 30px;}
.index-s3{ margin-bottom: 70px;}
.index-s4{ padding: 70px 0;background-color: #f5f5f5;}
.index-ser-tip{ font-size: 20px; margin-top: 10px; margin-bottom: 55px; color: #636363;}
.index-serv-imgs{ padding: 0 100px; text-align: center;}
.index-serv-imgs .img-wrap{ height: 98px; text-align: center; line-height: 98px; margin-bottom: 40px;}
.index-serv-imgs .img-wrap img{ vertical-align: middle;}
.index-serv-imgs  p{ font-size: 23px; color: #3f3f3f;}
.index-s5{ position: relative; height: 540px; overflow: hidden;}
.index-s5 ._img-wrap{ position: absolute; right: 50%; width: 960px;}
.index-s5 ._img-wrap img{width: 100%;}
.index-s5 ._txt{ color: #fff; position: absolute;  width: 890px; left: 50%; top: 0; bottom: 0; padding-right: 35px; padding-top: 70px; padding-left: 35px; background-color: #01459a; box-sizing: content-box;}
.index-s5 ._txt .index-t{ color: #fff; margin-bottom: 25px;}
.index-s5 ._txt ._p{ width: 628px;}

/* 面包屑 s */
.bread_crumb{ padding: 40px 0 0 0; margin-bottom: 30px;}

.bread_crumb .name{float: left;font-size: 19px;line-height: 50px;vertical-align: middle;color: #696969;}
.bread_crumb .name a{color: #696969;}
.bread_crumb .name .ico{ width: 17px;height: 20px;margin-right: 20px;background: url(../img/bread.png) center center no-repeat;}
/* 面包屑 e */

/* news s */
.news-box .list{
	float: left;
    width: 936px;
    margin-right: 30px;
}
.news-box .list li{
	padding: 25px 0 20px 0;
	border-bottom: solid 1px #ebebeb;
}
.news-box .list .title{
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	color: #1f1f1f;
}
.news-box .list  .con{
	margin-bottom: 38px;
	line-height: 36px;
	font-size: 18px;
	color: #696969;
}
.news-box .list  .time{
	line-height: 22px;
	font-size: 16px;
	color: #858585;
	vertical-align: middle;
}
.news-box .list  .time .ico{
	margin-right: 8px;
	vertical-align: text-top;;
	width: 20px;
	height: 20px;
	background: url('../img/time.jpg') center center no-repeat;
}
.page{
	margin-top: 80px;
}

.page .pre,
.page .s_page,
.page .next{
	display: inline-block;
	margin: 0 12px;
	padding: 14px 20px;
	border: solid 1px #dddad2;
	background-color: #f7f6f3;
	font-size: 14px;

}
.page .pre,
.page .next{
	color: #000000;
}
.page .s_page{
	color: #3d3d3d;
}
.page .s_page.cur{
	border-color: #7594b8;
	background-color: #01459a;
	color: #fff;
}

.news-box .recommend-box{float: right;
width: 400px;
background-color: #f8f8f8;}

.news-box .recommend-box .title{
	font-size: 20px;
	line-height: 60px;
}
.news-box .recommend-box .con{
	padding: 20px 40px 90px 50px;
	font-size: 18px;
	color: #555555;
}
.news-box .recommend-box li{
	padding-left: 20px;
	position: relative;
	line-height: 36px;
	background: url("../img/arror.png") left 8px no-repeat;
}
.news-box .recommend-box a{
	font-size: 15px;
	color: #555555;
}
.news-box .recommend-box .time{
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}
/* news e */
.article-box h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* form s */
.red{
	color: #c73138;
}
.form .single_el{
	float: left;
    width: 31.46%;
    margin-right: 2.8%;
    padding-top: 35px;

}
.form .single_el:nth-child(3n){
	margin-right: 0;
}
.form .single_el .title,
.form .single_el .txt,
.form .multi_el .title,
.form .multi_el .txt
{
	line-height: 50px;
	font-size: 19px;
	color: #696969;
}
.form .single_el .txt{
	min-height: 50px;

background-color: #ececec;
}
.form .single_el .txt input,
.form .single_el .txt select{
	display: block;
	width: 100%;
	height: 50px;
	text-indent: 15px;
	background-color: #ececec;
}
.form .single_el img{
	width: 215px;
    height: 50px;
    background-color: #ccc;
}
.form .multi_el .txt textarea{
	width: 100%;
	min-height: 200px;
    padding: 20px;
	line-height: 35px;
	text-indent: 20px;
	background-color: #ececec;
	border-color: #ececec;
}
.form .multi_el .txt textarea:focus-visible{
	outline: none;
}
.form .multi_el{
    float: left;
    width: 100%;
	padding-top: 35px;
}
.form .submit_box{
	margin-top: 100px;
	text-align: center;
}
.form .submit_box a{
	display: inline-block;
	margin: 0 12px;
	padding: 0 64px;
	height: 50px;
	line-height: 50px;
	background-color: #ececec;
	font-size: 19px;
	color: #6f6f6f;
}
.form .submit_box a.submit{
	background-color: #d50e0e;
	color: #fff;
}
/* form e */
.boss-list-wrap{  margin-top: 100px;}
.boss-list li{ background-color: #ececec; margin-bottom: 2%;}
.boss-list li ._con{ position: relative;}
.boss-list li ._txt{position: absolute; left: 314px; top: 80px; right: 40px; color: #696969;}
.pic-list-wrap{ margin-top: 50px;}
.pic-list li{ margin-bottom: 2%;}
.pic-list ._txt{ text-align: center; padding: 20px;}
.qa-list ._jt{ cursor: pointer; height: 55px; line-height: 55px; padding-left: 40px; background-color: #bebebe; font-size: 20px; color: #434343; border-bottom: 1px solid #d4d4d4;}
.qa-list  ._jt_act{ background-color: #bebebe; color: #434343; border: 0;}
.qa-list ._jc{ display: none; border-bottom: 1px solid #d4d4d4; font-size: 16px; color: #5c5c5c; padding: 20px 30px 50px; background-color: #f7f7f7;}
.qa-list ._jc ._t{ font-size: 17px; font-weight: bold; color: #515151; margin-bottom: 10px;}
.qa-list ._jc ._con{ margin-bottom: 35px;}
.qa-list ._jc ._con p{ margin-bottom: 10px;}
.qa-list-wrap{ margin-top: 80px; margin-bottom: 150px;}
.qa-list ._jc ._btn{display: inline-block; width: 136px; height: 40px; line-height: 40px; text-align: center; background-color: #d50001; font-size: 18px; color: #fff;}
.index-footer{ margin-top: 0;}


.video-list.channel_content{background:#f0f0f0;}
.video-list .album_t{display:none;}
.video-list .item .txt{font-size:15px; color:#262626; padding:15px 50px; background:#d3d7db; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.video-list .item .txt .t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video-list .item .txt .pic_icon{position:absolute; top:15px; left:15px; z-index:1;}
.video-list .item .txt .down{position:absolute; top:15px; right:15px; z-index:1; -moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
.video-list .item .txt .down:hover{color:#fff;}
.video-list .cover{opacity:0; visibility:hidden; transition:.5s ease;position:absolute; width:100%; height:100%; background:url(../img/black.2.png); top:0; left:0;}
.video-list .cover .icon{transition:.5s ease; transform:scale(0);position:absolute; width:36px; height:36px;  top:50%; margin-top:-18px; left:50%;margin-left:-18px;}
.video-list .item{cursor:pointer; margin-bottom: 20px;}
.video-list .item:hover .cover{opacity:1; visibility:visible;}
.video-list .item:hover .icon{transform:scale(1);}
.video-list .item:hover .txt{background:#cf0b19; color:#fff;}
.video-list .cover .icon{background:url(../img/about_center01_2.png) no-repeat center; background-size:cover;}
.about-video-close{ background: url("../img/about_close.png")}

.row{ margin: 0 !important;}

