@charset "utf-8";
@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;
    min-width: 1200px;}
.section{ overflow:hidden;}

header{background:#062e5a;height:120px;overflow: hidden;}
header .fl{ height:120px; line-height:120px;}
header .fl img{ margin:-3px 0 0;} 
header .fr{ height:120px;}

header .fr .input{display:  inline-block;width: 202px;height: 44px;position:relative;-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;background: #083c76;margin-top: 38px;}
header .fr .input input[type="text"]{width: 202px;height: 44px;line-height: 44px;border:none;font-size: 14px;padding: 0 38px 0 14px;color: #fff;background: none;-moz-border-left-top-radius: 5px;-webkit-border-left-top-radius: 5px;border-left-top-radius: 5px;-moz-border-left-bottom-radius: 5px;-webkit-border-left-bottom-radius: 5px;border-left-bottom-radius: 5px;}
header .fr .input input::-webkit-input-placeholder{ color:#2f75e0;}
header .fr .input input::-moz-placeholder{   /* mozilla firefox 19+ */ color:#2f75e0 ;}
header .fr .input input:-moz-placeholder{    /* mozilla firefox 4 to 18 */ color:#2f75e0;}
header .fr .input input:-ms-input-placeholder{  /* internet explorer 10-11 */ color:#2f75e0;}
header .fr #bnt_close{background:none;border:none;position:absolute;right: 10px;top: 8px;width: 20px;height: 26px;line-height:28px;background:url(../images/icon_sousuo.png) center no-repeat;text-align:center;font-size:16px;color:#fff;padding: 0;-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;cursor:pointer;}
header .fr .input:active,header .fr .input:visited,header .fr .input:hover{box-shadow:0 0 10px rgba(0,0,0,0.05);}


/* -------------------------------- */
#navWrapper .nav {height: 52px;position: relative;}
/*#navWrapper .nav .navitem:nth-last-child(1) .subnav {left: auto; right: 0; text-align:right;}*/
#navWrapper .nav>li {font-size: 18px;height: 100%;position: relative;}
#navWrapper .nav>li>a{display: block;padding: 0px 27px;height: 52px;line-height: 52px;color: #fff;position: relative;overflow: hidden;}
#navWrapper .nav>li>a span { display: inline-block; position: relative;transition: all ease-out .3s;}
#navWrapper .nav>li>a>i{ margin-left: 10px; color: #717171; transition: 0.36s ease;}
#navWrapper .nav .subnav{position: absolute;width: 160px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);height: auto;z-index: 199;top: 65px;left: 41%;margin-left: -65px;overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;background: #083c76;-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;}
#navWrapper .nav li:hover .subnav{top: 52px;}
#navWrapper .nav .subnav li{width: 100%;text-align:left;}
#navWrapper .nav .subnav li a {color: rgba(255,255,255,0.9);line-height: 22px;display: block;transition: all .2s ease-in-out;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 14px;padding-left: 15px;padding-right:15px;text-align:  center;}
#navWrapper .nav .subnav li a:before{content:"\f105";color:#999;font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;float:right;margin-top:2px;display: none;}
#navWrapper .nav>li:hover .subnav{opacity: 1; visibility: visible;}
#navWrapper .nav .subnav li a.active,#navWrapper .nav .subnav li a:hover {background-color: #062e5a;}
#navWrapper .nav .on span{border-bottom: #e84518 2px solid;height: 55px;}
#hcontact { display: none;}
#navWrapper,.singlescreen #navWrapper { box-shadow: none;}
#navWrapper{height: 52px;background: #083c76;}
#navWrapper .content { padding-left: 0;padding-right: 0;}
#navWrapper #headTop { float:left; height: 44px; text-align: center;}
#navWrapper .content a#logo { float: none; display: inline-block;}
#navWrapper .content a#logo img { float: none;}
#navWrapper #navWrapper { float: right; position: relative; z-index: 99;}
#navWrapper.mini #navWrapper {}
#navWrapper .nav {margin-left: -63px;
    height: 52px;
    text-align: center;
    float: none;
    font-size: 0;
    width: 1300px;}
#navWrapper .nav>li { width:13.5%; display: inline-block; *display:inline; *zoom:1; float: none;height: 52px;}
#navWrapper.mini {position:fixed;background-color: rgba(255, 255, 255, 1);top: 0;height: 92px;padding-top: 24px;}
#navWrapper.mini .nav>a{ height:68px;}
#navWrapper.mini .nav .on span{ height: 68px;}
#navWrapper .nav .subnav01{ padding:30px 0; text-align:left; position: absolute;width: 1920px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);height: auto;z-index: 199;top: 74px;left: 50%;margin-left: -1026px;overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE84518', endColorstr='#CCE84518');background:rgba(232,69,24,0.8);-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;}
#navWrapper .nav>li:hover .subnav01{opacity: 1; visibility: visible;}
#navWrapper .nav .subnav01 dl{ float:left; width:100%;}
#navWrapper .nav .subnav01 dl dt{ float:left; width:78px; height:36px; line-height:36px; margin-right:18px; text-align:center;}
#navWrapper .nav .subnav01 dl dt a{ font-size:16px; color:#fff;}
#navWrapper .nav .subnav01 dl .right{float:right;width: 1104px;}
#navWrapper .nav .subnav01 dl dd{ float:left; margin-right:10px; line-height:36px; height:36px;}
#navWrapper .nav .subnav01 dl dd a{ font-size:14px; color:rgba(255,255,255,0.7); font-weight:normal;}
#navWrapper .nav .subnav01 dl dd a:hover{ color:#fff;}

/*====banner====*/
#banner{width: 1200px;margin:0 auto; overflow:  hidden;z-index: 0; margin-top:0px; }
#banner .miso-slider{ z-index:0;}
#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;}
 
#banner .miso-dots{ bottom:30px;}
#banner .miso-dots li{ border:#2f75e0 1px solid; border-radius:50%; background:none; margin:0 12px;}
#banner .miso-dots li.miso-active{ background:#2f75e0;}
.container01 .title{ text-align:center; font-size:28px; color:#333333; line-height:28px; margin-bottom:20px;}
.container01 .title b{ display:inline-block; font-weight:normal;}
.container01 .title small{ display:inline-block; text-align:center; font-size:14px; color:#999999; margin:3px 0 0 8px; text-transform:uppercase;}


.container01 .fl{ width:828px;}
.container01 .fl .box{ float:left; width:50%; height:212px; padding:46px 0 0 36px;}
.container01 .fl .box .left{ float:left; width:56px; height:56px; line-height:54px; text-align:center; border:#fff 1px solid; margin-right:32px;}
.container01 .fl .box .left img{ margin-top:-3px;}
.container01 .fl .box:hover .left img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.container01 .fl .box .right{ float:left; width:270px;}
.container01 .fl .box .right dt{ font-size:20px; color:#fff; font-weight:bold; margin-bottom:22px;}
.container01 .fl .box .right dt a{ color:#fff;}
.container01 .fl .box .right dt a:hover{ color:#083c76;}
.container01 .fl .box .right dd{ float:left; font-size:16px; min-width:120px; margin-right:22px; line-height:30px;}
.container01 .fl .box .right dd a{ color:#fff; -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;}
.container01 .fl .box .right dd a:hover{ color:#083c76;}
.container01 .fl .box.box01{ background:url(../images/container01_bg01.jpg) center no-repeat;}
.container01 .fl .box.box02{ background:url(../images/container01_bg02.jpg) center no-repeat;}
.container01 .fl .box.box03{ background:url(../images/container01_bg03.jpg) center no-repeat;}

.container01 .fl .box.box03{ width:100%;}
.container01 .fl .box.box03 .right{ float:left; width:610px;}
.container01 .fl .box.box03 .right dl dd:nth-child(4){ min-width:110px;}
.container01 .fl .box.box03 .right dl dd:nth-child(9){ min-width:110px;}

.container01 .fr{ width:372px; height:212px;}
.container01 .fr .box{ width:372px; height:212px; background:url(../images/container01_bg04.jpg) center no-repeat; background-size:cover; padding:0 52px 0 45px;}
.container01 .fr .box ul li{ height:90px; line-height:90px; border-bottom:#fff 1px dashed;}
.container01 .fr .box ul li span{ display:inline-block; width:80px; padding:0 0 0 28px;}
.container01 .fr .box ul li b{ font-size:20px; color:#fff; -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;}
.container01 .fr .box ul li:hover b{ color:#083c76;}
.container01 .fr .box ul li:nth-child(3){ border:none;}

.container01 .fr .box ul li:hover img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none ;}
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) ;}
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) ;}
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) ;}
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) ;}
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) ;}
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) ;}
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) ;}

}

.container02 .fl{ width:380px;}
.container02 .fl .title{ color:#333333; line-height:58px; margin-bottom:15px; position:relative;}
.container02 .fl .title1{ color:#333333; line-height:58px; margin-bottom:15px; position:relative;}
.container02 .fl .title:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#083c76;}
.container02 .fl .title1:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#083c76;}
.container02 .fl .title:after{ content:""; position:absolute; bottom:0; left:0; width:100px; height:2px; background:#083c76;}
.container02 .fl .title b{ font-size:24px; display:inline-block; font-weight:normal;}
.container02 .fl .title1 b{ font-size:24px; display:inline-block; font-weight:normal;color:#bcbcbc;line-height: 62px;}
.container02 .fl .title small{ display:inline-block; text-align:center; font-size:12px; color:#999999; margin:3px 0 0 8px; text-transform:uppercase;}

.container02 .fl .box.box01{ margin-bottom:0px;}
.container02 .fl .box.box01 ul li{ line-height:40px;background: url(../images/dot1.jpg) no-repeat 0px 13px; padding-left: 15px;}
.container02 .fl .box.box01 ul li a{ font-size:16px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:inline-block; width:100%; -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;}
.container02 .fl .box.box01 ul li a:hover{ color:#083c76; padding:0 0 0 5px;}
.container02 .fl .box.box01 ul li a span{ font-size:16px; color:#1e55c4; margin-right:5px;}

.container02 .fl .box.box02 ul{ overflow:hidden;}
.container02 .fl .box.box02 ul li{ line-height:40px; background: url(../images/dot1.jpg) no-repeat 0px 13px; padding-left: 15px;}
.container02 .fl .box.box02 ul li a{ font-size:16px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:inline-block; width:100%; -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;}
.container02 .fl .box.box02 ul li a:hover{ color:#083c76; padding:0 0 0 5px;}
.container02 .fl .box.box02 ul li a span{ font-size:16px; color:#1e55c4; margin-right:5px;}

.container02 .fr{ width:768px;}
.container02 .fr .title{ color:#333333; line-height:58px; margin-bottom:15px; position:relative;}

.container02 .fr .title:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#083c76;}
.container02 .fr .title b{ width:116px !important; text-align:center; font-size:24px; display:inline-block; font-weight:normal; margin-right:10px; position:relative; color:#bcbcbc;}
.container02 .fr .title b.miso-current{ color:#333333;}
.container02 .fr .title b.miso-current:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#083c76;}
.container02 .fr .title small{ display:inline-block; text-align:center; font-size:12px; color:#999999; margin:3px 0 0 8px; text-transform:uppercase;}

.container02 .fr .slider-for .box01{   background:#fff;}
.container02 .fr .slider-for .box01 .first{ padding-bottom:15px; border-bottom:#e5e5e5 1px dashed; margin-bottom:12px;}
.container02 .fr .slider-for .box01 .first h5 a{ font-size:18px; color:#333333;}
.container02 .fr .slider-for .box01 .first h5 a:hover{ color:#083c76;}
.container02 .fr .slider-for .box01 .first h6{ font-size:12px; color:#999999; margin:15px 0 14px;}
.container02 .fr .slider-for .box01 .first h6 img{ display:inline-block; margin:-3px 6px 0 0;}
.container02 .fr .slider-for .box01 .first p{ font-size:12px; color:#999999; line-height:20px; height:40px; overflow:hidden;}
.container02 .fr .slider-for .box01 ul li{ line-height:40px;padding-left: 15px;background: url(../images/dot1.jpg) no-repeat 0px 13px;}
.container02 .fr .slider-for .box01 ul li a{ font-size:16px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:inline-block; width:100%; -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;}
.container02 .fr .slider-for .box01 ul li a:hover{ color:#083c76; padding:0 0 0 5px;}
.container02 .fr .slider-for .box01 ul li a span{ font-size:16px; color:#1e55c4; margin-right:5px;}
.container02 .fr .slider-for .miso-list{ overflow:visible;}
.container02 .fr .slider-for .box01 .more a{position:absolute;right:0;top: -75px;font-size:16px;color:#999999;text-transform:  uppercase;}
.container02 .fr .slider-for .box01 .more a:hover{ color:#083c76;}

footer{ padding:40px 0; background:#062e5a; text-align:center;margin-top:10px;}
footer p{ font-size:14px; line-height:22px; color:#fff;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

#n_banner{ height:300px;}

.n_main_box{ width:100%;}
.n_main_box .main_box{position:relative;width:1200px;margin: 0 auto;}
.n_nav_box{height: 48px;position:relative;}
.n_nav{ position:relative;}
.n_nav a{display:inline-block;width: 240px;height: 96px;line-height: 96px;font-size: 28px;float:left;color: #fff;text-align: center;box-sizing: border-box;position: relative;margin-top: -48px;}
.n_nav a strong{display:block;color: #fff;position:relative;z-index:4;font-weight: 100;}
.n_nav .on,.n_nav a:hover{color: #fff;}
.n_nav .on,.n_nav a:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC083C76', endColorstr='#CC083C76');background:rgba(8,60,118,0.8);}
:root .n_nav .on,.n_nav a:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00083C76', endColorstr='#00083C76');}/*for IE9*/
:root .n_nav .on,.n_nav a:hover{filter:none;}/*for IE9*/
.n_nav .on:before,.n_nav a:hover:before{content:"";width:0;height:0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #083c76;position: absolute;bottom: -7px;left: 50%;margin-left: -7px;display: none;}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}
.n_up_box{ position:relative;}
.position{position:absolute;height: 48px;line-height: 48px;right:0px;bottom:0px;color: #666666;padding-left: 24px;font-size: 12px;background: url(../images/icon_home.png) left 14px no-repeat;}
.position span, .position a, .position i{font-size: 14px;color: #666666;}
.position i{margin: 0 3px;font-style:normal;}
.position em{font-size:12px;color: #083c76;font-style: normal;}
.position a:hover{color: #083c76;}
.n_main_box .main_box{width: 1200px;height: 48px;position:relative;margin: 0 auto;}
.n_list{ padding:20px 0 60px;}
.n_list ul{ margin-bottom:22px;}
.n_list ul li{line-height:40px;margin: 0 -20px;padding: 0 20px; -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;}
.n_list ul li a{ font-size:16px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:inline-block; width:100%; -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;}
.n_list ul li a:hover{ color:#083c76; padding:0 0 0 5px;}
.n_list ul li a span{ font-size:20px; color:#333333; margin-right:5px;}
.n_list ul li:hover{ background:#f7f7f7; box-shadow:0 0 26px rgba(0,0,0,0.26);}

.n_article .ar_title{padding:10px 0 20px 0;margin-bottom: 5px;}
.n_article .ar_title{padding:0 0 0px 0;position:relative;box-sizing: border-box;border-bottom: #e0e0e0 1px solid;text-align: center;}
.n_article .ar_title h1{font-size: 24px;display:block;line-height: 36px;color: #333333;font-weight: bold;}
.n_article .ar_title h2{font-size: 14px;position:relative;display:block;height: 46px;color: #666666;line-height: 46px;}
.n_article .ar_article{padding-top:20px;padding-bottom: 0px;min-height:400px;margin-bottom: 15px;}

#ar_fot{position:relative;padding: 10px 0 0;border-top: #e5e5e5 1px solid;}
#ar_fot h5{width: 100%;display:block;font-size: 14px;line-height: 30px;color: #666666;font-weight: normal;}
#ar_fot h5 a{font-size: 14px;color: #666666;font-weight:normal;width: 70%;max-width: 70%;display:  inline-block;}
#ar_fot h5 a:hover{ color:#083c76;}
#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_news_detail{ padding:38px 0 50px;min-height:300px;}
.n_news_detail .ar_article a{ color:#666;}
.n_news_detail .ar_article a:hover{ color:#083c76;}

.n_center{ padding:55px 0 70px;}
.n_center .title{ text-align:center; font-size:28px; color:#333333; line-height:28px; margin-bottom:30px;}
.n_center .title b{ display:inline-block; font-weight:normal;}
.n_center .title small{ display:inline-block; text-align:center; font-size:14px; color:#999999; margin:3px 0 0 8px; text-transform:uppercase;}


.n_center .fl{width: 100%;}
.n_center .fl .box{float:left;width: 100%;height: 72px;margin-bottom: 28px;}
.n_center .fl .box .left{float:left;width: 158px;height: 72px;line-height: 72px;text-align:center;font-size: 18px;color: #fff;font-weight:  bold;}
.n_center .fl .box .left img{margin-top:-3px;margin-right: 5px;}
.n_center .fl .box:hover .left img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.n_center .fl .box .right{float:left;width: 1042px;background: #fff;height: 72px;line-height: 72px;padding: 0 32px;}
.n_center .fl .box .right dt{font-size:20px;color:#fff;font-weight:bold;}
.n_center .fl .box .right dt a{ color:#fff;}
.n_center .fl .box .right dt a:hover{ color:#083c76;}
.n_center .fl .box .right dd{float:left;font-size: 16px;margin-right: 64px;}
.n_center .fl .box .right dd a{color: #323232;-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;}
.n_center .fl .box .right dd a:hover{ color:#083c76;}
.n_center .fl .box.box01 .left{ background:url(../images/n_center_bg01.png) center no-repeat;}
.n_center .fl .box.box02 .left{ background:url(../images/n_center_bg02.png) center no-repeat;}
.n_center .fl .box.box03 .left{ background:url(../images/n_center_bg03.png) center no-repeat;}

.n_center .fl .box.box03{ width:100%;}
.n_center .fl .box.box03 .right{float:left;}
.n_center .fl .box.box03 .right dd{ margin-right:50px;}

.n_center .fr{width: 100%;}
.n_center .fr .box ul{ font-size:0; margin:0 -22.5px;}
.n_center .fr .box ul li{display:inline-block; *display:inline; *zoom:1;width:33.333333%;height:104px;line-height:104px;padding: 0 22.5px;text-align: center;}
.n_center .fr .box ul li a{ display:block;}
.n_center .fr .box ul li span{display:inline-block;width: 56px;padding: 0;text-align: left;}
.n_center .fr .box ul li b{ font-size:20px; color:#fff; -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;}
.n_center .fr .box ul li:hover b{ color:#083c76;}
.n_center .fr .box ul li:nth-child(3){ border:none;}

.n_center .fr .box ul li:hover img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none ;}
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) ;}
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) ;}
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) ;}
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) ;}
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) ;}
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) ;}
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) ;}

}
#v_news_content #vsb_content .wp_articlecontent p>img{
display:block !important;
margin:0 auto !important;}
.n_center .fl .box,.n_center .fr .box ul li a{ box-shadow:0 0 24px rgba(0,0,0,0.05);}


/*==========================================内页 结束=============================================*/

@media(min-width: 768px){}


@media(min-width: 992px) and (max-width: 1300px){}

@media(max-width: 1700px){}

@media(max-width: 1620px){}

@media(max-width: 1470px){}

@media(max-width: 1415px){}

@media(max-width: 1300px){}

@media(max-width: 1240px){}

@media(max-width: 1200px){}

@media(max-width: 1060px){}


@media(max-width: 992px){}


@media(max-width: 768px){}

@media(max-width: 640px){}

@media(max-width: 456px){}
.li_mouse{
float: left;
                width: 365px;
                height: 112px;
                border: 1px solid #e7e7e7;
                margin: 0 120px 40px 0;
                transition: all 0.5s;      
                position: relative;}
.li-in{
padding: 25px 40px;
                        overflow: hidden;}

.time{
 float: left;
                            width: 50px;
                            text-align: center;    margin: -11px 0 0px -35px;}
.day{
font-size: 36px;}

day_p{
float: right;
                            width: 290px;
                            font-size: 15px;
                            line-height: 70px;}
.more{
    position: absolute;
    bottom: 202px;
    width: 82px;
    line-height: 34px;
    text-align: center;
    background: #ff7f00;
    color: #fff;
    transition: all 0.6s;
    right: 0px;}
.more1{
    position: absolute;
    bottom: 249px;
    width: 82px;
    line-height: 34px;
    text-align: center; 
    color: #fff;
    transition: all 0.6s;
    right: 0px;}
    .more1 a {
        position: absolute;
    right: 0;
    top: -30px;
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;}
    

.day_p{
width: 240px;
    font-size: 15px;
    line-height: 60px;
    text-align: center;}
    .li_mouse:hover a .more{
        display:block;}

.subnav-t{
    line-height: 50px;
     background: #8c8c8c;
     position: relative;text-align: center;}
.subnav-t :hover{
    background: #062e5a;}
.subnav_a:hover{
    color: #062e5a;}

.subnav-t:after{
    content: '+';
    font-size: 30px;
    color: #fff;
    width: 50px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0;}
.inner-r ul li.on .subnav-t:after, .inner-r ul li:hover .subnav-t:after{
    content: '-' !important;}
.inner-r_dl{
    overflow: hidden;
     padding-top: 15px;
     display: none;
     overflow: hidden;
    padding-top: 15px;
    display: none;
    border-bottom: 1px solid rgb(6, 46, 90);
    border-left: 1px solid rgb(6, 46, 90);
    border-right: 1px solid rgb(6, 46, 90);}
.inner-r_dd{
    float: left;
     width: 118px;
     text-align: center;
     margin-bottom: 15px;}

.li_img{
width:100%;
height:500px;}
.subnav_a:hover{
    color:  rgb(6, 46, 90) !important;}
.div_more{
position: absolute;
    bottom: 454px;
    width: 82px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    transition: all 0.6s;
    right: 0px;}
/*
.img_vsb_content{
display:none !important;
}
*/
  .hd_ul{
    position: absolute;
    bottom: -484px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    z-index: 1;
    height: 25px;}
.on{
    background: #2f75e0 !important;}
.soga_sogas>a{
    position: absolute;
    right: 0;
    top: 270px;
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;}
    
    @media screen and (max-width:675px) {
 .li_img{
         height:262px !important;}
 #banner{ }
  
 .hd_ul{
 position: absolute;
    bottom: -250px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    z-index: 1;
    height: 25px;}
}
@media screen and (min-width:675px) and (max-width:1199px){

 .li_img{
         height:462px !important;}
 #banner{ }
  
 .hd_ul{
 position: absolute;
    bottom: -450px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    z-index: 1;
    height: 25px;}
}
.div_more1{
    position: absolute;
    bottom: 250px;
    width: 82px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    transition: all 0.6s;
    right: 0px;}
    
    .div_more1 a,.div_more a{
        position: absolute;
    right: 0;
    top: -30px;
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;}
    
 
   .container02 .fl .qhtit .hover{
    color: #333;
    border-bottom:1px solid #083c76;}
    
