@charset "utf-8";
/* CSS Document public*/
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;box-sizing:border-box;vertical-align:top;}
html{ overflow-x:hidden; min-width:1200px;}
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; font-size:14px; min-width:1200px}
a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
video{ object-fit:cover;margin:0 auto;}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/

.a_body{ position:relative;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:0; background:#333333}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.w100{width:100%}
.w1280{width:1280px;margin:0 auto}
.fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
img{ vertical-align:middle}

/*内容样式*/
.ar_article td,
.ar_article th{ padding:1rem 0.9375rem; border: 1px solid #c6c5c5; vertical-align:middle}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}
.ar_article table tr:not(:first-child) td{ background:none !important}
.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }
.ar_article{font-size: 0.875rem;color: #6d6e70;line-height: 1.875rem; margin-bottom: 1.75rem;}
.ar_article p{font-size: 16px;color: #333333;line-height: 32px;margin-bottom: 32px;text-indent: 32px;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article img{display:inline-block;margin-left: -32px;}

/*百度播放器美化*/
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}


/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display: block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%; z-index:1}
.miso-prev{ left:0}
.miso-next{ right:0}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

#gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:45px; height:45px;}
#gotop { cursor: pointer; }
.aico { background: url(../images20/aicos.png);}	
.dt-arrow .aico {position: absolute;left: 50%;margin-left: -18.5px;top: 0;width: 37px;height: 19px;animation: hide-dt-f 3s infinite;}
.dt-arrow { position: relative; width: 37px; height: 44px; }
.dt-arrow:before {content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 1px;background: #a0a0a0;margin-left: -1px;}
@keyframes hide-dt-f{
	0%{ opacity: 1; transform: translateY(-10px); }
	100%{ opacity: 0; transform: translateY(-150%); }
}


@font-face{ font-family:myFirstFont; }
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{ width:1200px; margin:0 auto}


.header_box{ height:155px}
body.fixed #nav{position:fixed;width: 100%;top: 0;background: #fff; box-shadow:0 2px 3px rgba(0,0,0,0.15)}
header{height: 105px;background: #0f66a9;}
header .logo{line-height: 105px;}
header .logo a{display:inline-block;}
header .logo a img{ vertical-align:middle}
header .right{ padding:36px 0 0}
header .right dl{display:inline-block;}
header .right dl dd{display:inline-block;font-size: 14px;color: #666666;line-height: 15px;}
header .right dl dd a{color: #fff;transition: 0.36s;line-height: 32px;font-size: 15px;}
header .right dl dd a img{ margin:-3px 8px 0 0}
header .right dl dd span{display: inline-block;text-align: center;width:23px;color: rgba(255,255,255,0.25);}
header .right dl dd a:hover{color: #ffffff;}

header .right .sousuo{float: right;display:inline-block;}
header .right .sousuo img{}
.search{float:right;overflow:hidden;z-index: 1000;border:transparent 1px solid;border-radius: 20px;}
.search input{float:left;}
.test{width:0;height: 30px;line-height: 28px;padding:0;border:  none;color: #fff;background:none;outline:none;font-size: 14px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.btn{width: 24px;height: 24px;border:none;position:  absolute;right: 8px;font-size: 14px;color: #fff;background:url(../images20/sousuo.png) center no-repeat;cursor:  pointer;top: 2px;}
.sousuo .test{width: 180px;padding: 1px 50px 1px 20px;}
.sousuo .search{position: relative;margin: 0 0 0 15px;margin-left: 18px;border: #fff 1px solid;}

#nav{height: 50px;position:relative;z-index:1;background: #1970b3;}
.navBox ul {font-size: 0;}
.nav li {width: 142px;text-align: center;position: relative;display: inline-block;}
.nav a {display: block;position: relative;padding: 0;line-height: 50px;font-size: 22px;perspective: 300px;transform-style: preserve-3d;z-index: 10;}
.nav a .bg {position: absolute;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;}
.nav a .txt img.img02{ display:none}
.nav a .txt {position: relative;z-index: 2;font-size: 18px;color: #fff;display: inline-block;}
.nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;bottom: 0;background: #0f66a9;}
.nav .active a .txt,.nav .on a .txt {color: #fff;}
.navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:link, .subNavbox a:visited {color: #fff;}
.subNavbox a:active, .subNavbox a:hover {color: #fff;background: #0f66a9;}
.subNavbox {position: absolute;left: 0px;top: 70px;width: 100%;background-color: #1970b3;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;z-index: 0;}
.subNavbox p {line-height: 1.2;}
.subNavbox p a {line-height: 0;height: auto;padding: 22px 5px;font-size: 16px;transition: 0.36s;}
.nav a:hover .txt img.img01{ display:none}
.nav a:hover .txt img.img02{ display:inline-block}

#nav .right{ line-height:50px; font-size:14px; color:#fff}
#nav .right .fontstyle195126{display:inline;}
#nav .right img{ margin:-3px 12px 0 0}

#banner{width: 100%;height:600px; overflow:  hidden;z-index: 0; background:#252525;}
#banner .miso-slide{display: block;height:100%;overflow: hidden;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#banner .miso-slide img{display: block;width: 1920px;height:600px;object-fit: cover;}
/*#banner .miso-prev,
#banner .miso-next{width:30px;height:56px;z-index: 10000;opacity:0.55;margin-top: -28px;}
#banner .miso-prev{ left:3%; background:url() center center no-repeat;}
#banner .miso-next{ right: 3%; background:url() center center no-repeat;}*/
#banner .miso-prev:hover,
#banner .miso-next:hover{ opacity:1}
#banner .miso-dots{z-index:0;height:26px;bottom: 15px;}
#banner .miso-dots li{border-radius:50%;background:none;margin: 10px 8px;width: 12px;height: 12px;background: #fff;}
#banner .miso-dots li.miso-active{background: #0f66a9;}


.title00 {margin-bottom: 18px;overflow:hidden;}
.title00 h4 {display: inline-block;font-size: 22px;color: #333333;line-height: 45px;float:left;}
.title00 h4 img{vertical-align:middle;margin-right:10px;margin-top: -3px;}
.title00 a {line-height:45px;font-size:14px;color:#333333;float:right; text-transform:capitalize; transition:0.36s}
.title00 a:hover{ color:#0f66a9}

.container01{ padding:30px 0 20px}
.container01 .left{ width:770px}
.container01 .left .left_box{ width:380px; }
.container01 .left .left_box ul li a{ display:block;}
.container01 .left .left_box ul li a .img, .container01 .left .left_box ul li a .img img{ width:380px; height:250px; overflow:hidden;}
.container01 .left .left_box ul li a .con{box-shadow:0 0 3px rgba(0,0,0,0.15);padding: 0 22px 23px;}
.container01 .left .left_box ul li a .con .time{font-size:22px;color:#fff;width: 60px;height: 60px;text-align: center;transition:0.2s;background: #0f66a9;position:relative;left: 0;margin-top: -40px;}
.container01 .left .left_box ul li a .con .time:before{ content:""; position:absolute; left:0; width:0; top:0; height:100%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container01 .left .left_box ul li a .con .time h3{font-size: 30px;color: #fff;font-family:"Times New Roman";position:relative;padding: 6px 0 2px;transition:0.36s;}
.container01 .left .left_box ul li a .con .time h3:before{ content:""; position:absolute;}
.container01 .left .left_box ul li a .con .time h6{ font-size:12px; color:#fff;}
.container01 .left .left_box ul li a .con h5{font-size:16px;color:#333333;height: 48px;line-height: 20px;overflow:hidden;text-transform:uppercase;position:relative;padding-left: 0;margin-top: 12px;}
.container01 .left .left_box ul li a .con h5:before{content:"";position:absolute;bottom:0;left: 0;width:30px;height:2px;background: #0f66a9;}

.container01 .left .right_box{ width:362px; }
.container01 .left .right_box ul li{margin-bottom: 11px;padding-bottom: 11px;position:relative;border-bottom: #e6e6e6 1px solid;}
.container01 .left .right_box ul li a{display:block;overflow:hidden; transition:0.2s; padding:10px; margin:-10px; position:relative}
.container01 .left .right_box ul li .time{font-size:22px;color:#fff;margin-top: 0px;width: 60px;height: 50px;text-align: center;transition:0.2s;position:relative;background:#ededed;}
.container01 .left .right_box ul li .time:before{content:"";position:absolute;left:0;width:0;top:0;height:100%;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: none;}
.container01 .left .right_box ul li .time h3{font-size: 18px;color: #333333;position:relative;padding: 8px 0 5px;transition:0.36s;}
.container01 .left .right_box ul li .time h6{font-size: 12px;color: #323232;position:relative;transition:0.36s;}
.container01 .left .right_box ul li .con{width: 286px;height: 100%;padding: 0px 0 0px;}
.container01 .left .right_box ul li .con h4{font-size: 15px;line-height: 20px;height: 40px;overflow:hidden;color: #323232;transition:0.36s;}
.container01 .left .right_box ul li:hover .time{background: #0f66a9;}
.container01 .left .right_box ul li:hover .time h3,.container01 .left .right_box ul li:hover .time h6{color:#fff;}


.container01 .right{ width:400px}
.container01 .right ul li{margin-bottom:25px;position:relative;}
.container01 .right ul li:before{ content:""; position:absolute; bottom:0; right:0; width:0; height:100%; background:#f9f9f9; transition:1s ease}
.container01 .right ul li a{display:block;overflow:hidden;transition:0.2s;position:relative;}
.container01 .right ul li .time{font-size: 18px;color:#fff;margin-top: 0px;width: 70px;height: 50px;text-align: center;transition:0.2s;background: #ededed;position:relative;}
.container01 .right ul li .time:before{ content:""; position:absolute; left:0; width:0; top:0; height:100%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container01 .right ul li .time h3{font-size: 18px;color: #333333;position:relative;padding: 8px 0 5px;transition:0.36s;}
.container01 .right ul li .time h6{font-size: 12px;color: #666666;position:relative;transition:0.36s;}
.container01 .right ul li .con{width: 310px;height: 100%;padding: 0px 0 0px;}
.container01 .right ul li .con h4{font-size: 15px;line-height: 22px;height: 44px;overflow:hidden;color: #333333;transition:0.36s;}

.container01 .right ul li:hover .time:before{background: #0f66a9;width:100%;}
.container01 .right ul li:hover .time h3,.container01 .right ul li:hover .time h6{ color:#fff}
.container01 .right ul li:hover .con h4{color: #0f66a9;}

.container02{ padding:30px 0 20px; background:#fbfbfb}
.container02 .content{ font-size:0; margin:0 -15px;}
.container02 .content .box{ display:inline-block; width:33.333333%; padding:0 15px;}
.container02 .content .box ul li{font-size:15px;color: #000033;line-height:40px;height:40px;}
.container02 .content .box ul li a{color:#404040;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;}
.container02 .content .box ul li a:before{content:"";position:absolute;top:50%;margin-top: -3px;left:0;width: 6px;height: 6px;transition:0.36s;background: #0f66a9;border-radius: 50%;}
.container02 .content .box ul li a font{display:inline-block;width: 82%;font-size: 15px;color: #333333;position:relative;padding-left: 18px;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container02 .content .box ul li a img{ display:inline-block}
.container02 .content .box ul li a span{float:right;font-size: 14px;color: #333333;}


.container03{ background:url(../images20/container03_bg.jpg) center no-repeat; height:448px; padding:20px 0 0}
.container03 .fl01 ul{ font-size:0; margin-bottom:28px}
.container03 .fl01 ul li{ display:inline-block; width:14.28%; text-align:center; transition:0.6s}
.container03 .fl01 ul li h3{line-height: 70px;}
.container03 .fl01 ul li h3 img{ display:inline-block; max-height:46px}
.container03 .fl01 ul li h5{ font-size:16px; color:#333333}

.container03 .fl02 .left{ width:776px}
.container03 .fl02 .left .title{width:50px;height:285px;background:#0f66a9;text-align: center; margin-right:15px; background-image: linear-gradient(to top,#0f66a9, #217ec6);}
.container03 .fl02 .left .title h3{font-size:22px;color:#fff;padding: 30px 14px;line-height: 28px;height: 260px;}
.container03 .fl02 .left .title a{ font-size:14px; color:#fff}
.container03 .fl02 .img02{margin-bottom: 5px;}

.container03 .fl02 .img01, .container03 .fl02 .img01 img{width:300px;height:285px;overflow:hidden;object-fit: cover;}
.container03 .fl02 .img02, .container03 .fl02 .img02 img{width:400px;height:160px;overflow:hidden;object-fit: cover;}
.container03 .fl02 .img03, .container03 .fl02 .img03 img{width:195px;height:120px;overflow:hidden;object-fit: cover;}

.container03 .fl02 .right{ width:395px;}
.container03 .fl02 .right .title{width:100%;height:50px;background:#0f66a9;margin-right:15px;background-image: linear-gradient(to top,#0f66a9, #217ec6);margin-bottom: 10px;}
.container03 .fl02 .right .title h3{font-size:22px;color:#fff;padding: 11px 30px;line-height: 28px;width: 330px;display: inline-block;}
.container03 .fl02 .right .title a{font-size:14px;color:#fff;display: inline-block;line-height: 50px;}

.container03 .fl02 .right ul li a{display:block;width: 395px;height: 225px;position:relative;}
.container03 .fl02 .right ul li a .img, .container03 .fl02 .right ul li a .img img{width: 395px;height: 225px;overflow:hidden;object-fit: cover;}
.container03 .fl02 .right ul li a h5{width: 100%;height:40px;line-height:40px;background: rgba(0,0,0,0.6);padding: 0 70px 0 15px;font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position: absolute;left:  0;bottom: 0;}
.container03 .fl02 .right ul li:hover a h5{color: #fff;}
.container03 .fl02 .right ul li a h5:before{content:"";position:absolute;left:0;top:0;border-bottom: transparent 60px solid;border-top: transparent 0 solid;border-left: #fff 32px solid;display: none;}
.container03 .fl02 .right ul li .img, .container03 .fl02 .right ul li .img img{object-fit: cover;width:100%;height:100%;}
.container03 .fl02 .right .miso-prev,
.container03 .fl02 .right .miso-next{width:20px;height:50px;z-index: 10000;opacity:1;margin-top: -25px;}
.container03 .fl02 .right .miso-prev{ left:0; background:url(../images20/left.png) center center no-repeat;}
.container03 .fl02 .right .miso-next{ right:0; background:url(../images20/right.png) center center no-repeat;}

footer{background:#0f66a9;padding: 30px 0;}
footer .left{ width:400px; padding-left:18px;}
footer .left h4{ font-size:16px; color:#ffffff; margin-bottom:12px}
footer .left h4 img{ margin:-3px 12px 0 0}
footer .left ul{ font-size:0; padding-left:30px}
footer .left ul li{font-size:14px;line-height: 26px;color:#fff;margin-right:18px;}
footer .left ul li a{ color:#fff}

footer .center{width: 525px;}
footer .center h4{ font-size:16px; color:#ffffff; margin-bottom:12px}
footer .center p, footer .center p a{ font-size:14px; line-height:22px; color:#fff;}
footer .right ul{ font-size:0}
footer .right ul li{display:inline-block;text-align:center;margin-right: 26px;}
footer .right ul li h3 img{width: 80px;height: 80px;}
footer .right ul li h5{max-width: 85px;padding: 0;font-size:14px;line-height:18px;color:#fff;margin-top:5px;}

.n_banner{ position:relative}
.n_banner img{position:relative;width:1920px;left:50%;margin-left:-960px;height: 240px;object-fit: cover;}

.position{font-size: 14px;line-height: 40px;height: 40px;color: #999999;padding: 0 15px;background: url(../images20/position.png) left 10px no-repeat;border-bottom:  #e8e8e8 1px solid;margin-bottom: 15px;}
.position span, .position a, .position i{font-size: 14px;color: #999999;margin: 0 5px;}
.position em{font-size: 14px;color: #0f66a9;font-style: normal;}
.position a:hover{ color:#064ba0;}

.n_left{width: 260px;}
.erji{ margin-bottom:20px}
.erji h1{height: 65px;line-height: 65px;background: #0f66a9;padding: 0 20px;font-weight:bold;font-size: 20px;color:#fff;}
.erji h1 img{ margin:-3px 10px 0 0}
.erji ul li{line-height: 60px;border-bottom:  #eaeaea 1px solid;}
.erji ul li a{display:inline-block;width:100%;height: 60px;background: #f8f8f8 url() 92% center no-repeat;padding: 0 0 0 20px;color: #333333;font-size: 16px;}
.erji ul li a:hover,.erji ul li.on a{background: #eaeaea url() 92% center no-repeat;color: #0f66a9;}

.n_right{width: 900px;padding-bottom: 15px;}

.n_news ul{margin-bottom: 45px;}
.n_news ul li{padding: 18px 0;overflow:hidden;margin: 0 0;}
.n_news ul li{overflow:hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-bottom: #eaeaea 1px dashed;}
.n_news ul li:hover{}


.n_news ul li .img,.n_news ul li .img img{float:left;width: 170px;height: 120px;overflow:hidden;object-fit: cover;}
.n_news ul li .con{float:right;width: 702px;height: 118px;overflow:hidden;padding: 10px 0 0;}
.n_news ul li .con h5,.n_news ul li .con h5 a{font-size: 18px;color: #323232;height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news ul li a:hover .con h5{color:#0f66a9}
.n_news ul li .con p{font-size:12px;line-height:20px;height:60px;color: #999999;margin: 0;}
.n_news ul li .con h6{font-size:12px;color:#989898;height:18px;line-height: 19px;padding: 0 0 0 18px;background: url(../images20/time01.png) left 3px no-repeat;margin: 12px 0 12px;}

.liebiao ul{ margin-bottom:40px;}
.liebiao ul li{font-size: 16px;color: #000000;line-height: 46px;height: 46px;overflow:hidden;width:100%;}
.liebiao ul li a{font-size: 16px;color: #323232;float:left;max-width:80%;padding:0 0 0 13px;background: url(../images20/dot03.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.liebiao ul li a:hover{color: #0f66a9;}
.liebiao ul li span{font-size: 12px;color: #999999;float:right;}

.n_article .ar_title{padding:10px 0 20px 0;margin-bottom: 5px;}
.n_article .ar_title{padding: 10px 0 0px 0;position:relative;box-sizing: border-box;text-align: center;}
.n_article .ar_title h1{font-size: 24px;display:block;line-height: 48px;color: #333333;font-weight: bold;margin-bottom: 15px;}
.n_article .ar_title h2{font-size: 14px;position:relative;display:block;height: 46px;color: #3c3c3c;line-height: 46px;background: #f5f5f5;}
.n_article .ar_title h2 span{ margin:0 10px}
.n_article .ar_article{padding-top:20px;padding-bottom: 0px;min-height:400px;margin-bottom: 30px;}

#ar_fot{position:relative;padding: 10px 20px;border: #e8e8e8 1px solid;background: #f7f7f7;}
#ar_fot h5{width: 100%;display:block;font-size: 16px;line-height: 36px;color: #666666;font-weight: normal;}
#ar_fot h5 a{font-size: 16px;color: #666666;font-weight:normal;width: 70%;max-width: 70%;display:  inline-block;}
#ar_fot h5 a:hover{color: #0f66a9;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_container{ padding:30px 0 50px}

/*online qq*/
.online_q:before{content:"";position:absolute;background:url(../images20/logo01.png) center no-repeat;width:80px;height:80px;top: -80px;left: 50%;margin-left: -40px;}
.online_q {position: fixed;right: 20px;top: 50%;z-index: 9999;transition:.5s;-webkit-transition:.5s;width: 80px;transform: translateY(-50%);text-align: center;}
.online_q .content{border-radius: 10px;overflow: hidden;background: #4689fa;}
.online_q .btn2{padding: 0 10px;position: relative;transition: 0.36s;text-align:center;}
.online_q .btn2:before{content:"";position:absolute;width:48px;height:1px;left:50%;background:#8ca6c0;bottom:0;margin-left: -24px;}
.online_q .btn2:last-child:before{ display:none}
.online_q .btn2>a{height: 86px;cursor:pointer;position:relative;transition:.3s;display:block;}
.online_q .btn2:last-child a{ border:none}
.online_q .btn-top{padding:0;}
.online_q .btn2>a{ }
.online_q .btn2 span{display:block;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;font-size: 14px;color: #fff;}
.online_q .btn2:hover{background: #0f66a9;}
.online_q .btn2 h3{padding: 15px 0 10px;}
.online_q .btn2 h3 img.img02{ display:none}
.online_q .btn2:hover h3 img.img01{ display:none}
.online_q .btn2:hover h3 img.img02{ display:inline-block}
.online_q .btn2:hover span{}

.online_q .btn2.btn-01 .title_box{ padding-bottom:12px; margin-bottom:12px; border-bottom:#eeeeee 2px solid}
.online_q .btn2.btn-01 .title_box .title00 h3{padding: 0;}
.online_q .btn2.btn-01 .box{position:absolute;top:0;right: 82px;width:430px;height:270px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);padding: 20px;opacity: 0;visibility: hidden;transition: 0.36s;}
.online_q .btn2.btn-01 .miso_hd00 ul{border: #d7d7d7 1px solid;border-radius: 18px;overflow: hidden;}
.online_q .btn2.btn-01 .miso_hd00 ul li{ margin:0}
.online_q .btn2.btn-01 .miso_hd00 ul li a{ margin:0}
.online_q .btn2.btn-01 .miso_bd00 dl{text-align:left;font-size:0;line-height: 40px;}
.online_q .btn2.btn-01 .miso_bd00 dl dt{ display:inline-block; font-size:18px; color:#315c88; font-weight:bold;}
.online_q .btn2.btn-01 .miso_bd00 dl dd{display:inline-block;width: calc(100% - 120px);font-size:16px;color:#666666;}
.online_q .btn2.btn-01 .miso_bd00 dl dd span{font-size:16px;color:#666666;display: inline-block;margin-right: 20px;}

.online_q .btn2.btn-01:hover .box{ opacity:1; visibility:visible}

/*==========================================内页 结束=============================================*/


/* aos="fade-up" aos-duration="1200" */
@media(min-width: 768px){
	.container01 .left .left_box ul li a:hover .con h5{ color:#0f66a9}
	
	.container01 .left .right_box ul li:hover .con h4{ color:#0f66a9}
	
	.container03 .fl01 ul li:hover{ transform:translateY(-5px)}
	.container03 .fl02 .title a:hover{ text-decoration:underline}
	
	.container02 .content .box ul li a:hover font{ color:#0f66a9; padding-left:20px}
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}

@media(max-width: 1450px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	

}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}

@media(max-width: 456px){
	
}
.n_box{min-height:522px;}