body{height: 100%;font-family:Microsoft Yahei,Arial,sans-serif;font-size: 12px;line-height: 1.7;color: #7C7C7C;background:#F4F6FF;height: 100%;position: relative; z-index:3 }
input[type=text],textarea{-webkit-appearance:none}
figure,h1,h2,h3,h4,h5,h6{font-weight:400}
::-webkit-selection{color:#fff;background:#456BED}
::-moz-selection{color:#fff;background:#456BED}
::selection{color:#fff;background:#456BED}
a{color:#333;text-decoration:none;transition:all .3s}
a:focus,a:hover{transition:none;transition:all .3s;color:#333}
a.text-gray:hover{color: rgba(9,30,66,.8)}
p{margin:0}
dd,dl,li,ul{margin:0;padding:0;list-style:none}
.container-layout{max-width:95%;}
.container{max-width:1080px}
.blank{height:10px;line-height:10px;clear:both;font-size:0;}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0;}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0;}
.blank-big{height:40px;line-height:40px;clear:both;font-size:0;}

.line-large:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.line-large{margin-left:-12px;margin-right:-12px}
.line-large .x1,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .xb1,.line-large .xb10,.line-large .xb11,.line-large .xb12,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xl1,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xm1,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xs1,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9{position:relative;min-height:1px;padding-right:12px;padding-left:12px}

/* 右栏 */
.main{margin:48px 0 48px 250px;position:relative;}
.main h2{position:relative;margin:5px 0 15px 0;font-size:15px;font-weight:600;}
/* .main h2:before {left:10;bottom:3px;width:30px;height:6px;background:#FFCE02;content:'';display:block;position:absolute;border-radius:10px;z-index:-1} */

.url_block .media{height:112px;padding:20px;margin-bottom:24px;position:relative;top:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.url_block .media:hover{top:-5px;box-shadow:0 5px 30px rgba(0,0,0,0.15);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.url_block .media img{width:40px;height: 40px}
.url_block .media .click{top:20px;right:15px;position:absolute;}
.url_block .media .media-body strong {margin:-2px 0 5px 0;}
.url_block .media.media-x .media-body{padding:0 0 0 5px;font-size:14px;}
.url_block .media a.collect{height:32px;width:32px;line-height:32px;top:10px;right:10px;position:absolute;transition:0.3s;transition:0.3s;z-index:3;opacity:1}
/* .url_block .media:hover a.collect{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} */
/* 右栏 end*/

/*左栏 begin*/
.sidebar{width:250px;background:#fff;box-shadow: 0 0 1px 0 rgba(0,0,0,0.0);position:fixed;top:0px;overflow:auto;height:calc(100% - 0px);height:-webkit-calc(100% - 0px);height:-moz-calc(100% - 0px);}
.sidebar .logo{margin:32px auto;position:relative;}
.sidebar .pc-nav li a{display:block;padding:10px 0 10px 70px;line-height:24px;font-size:16px;outline: none;}
.sidebar .pc-nav li ul li a{color: rgba(0,0,0,.7);padding:0 0 0 95px;line-height:30px;font-weight:400;font-size: 15px}
.sidebar .pc-nav li a.one{color:#333;font-weight:600;}
.sidebar .pc-nav li a.catrm{color:#333;font-weight:600;}
.sidebar .pc-nav li a.one.cur{font-weight:600;color:#fff;}
.sidebar .pc-nav li a:hover,.sidebar .pc-nav li a.cur{color:#456BED;}
.sidebar .about{left:0;bottom:30px;width:100%;position:absolute;}
.subnav ul{display:none}
/*左栏 end*/

.hao-banner a{position:relative;top:0px;height:112px;line-height:112px;cursor:pointer;display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hao-banner a:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);border-radius:12px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.hao-banner a:hover{top:-5px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hao-banner a:hover:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.hao-banner a span{color:#fff;position:absolute;z-index:3;left:0;width:100%;font-weight:600;font-size:18px}

/*手机版导航 begin */
#m-wrap{overflow-x: hidden;}
#m-mask{position: relative;z-index:2;overflow-x: hidden;background:#F4F6FF;}
#m-nav, .nav-toggle, #m-mask{position: relative;}
.offcanvas-visible #m-mask{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}
#m-nav{display: none;height: 100%;right: 0;top:0;overflow-y: auto;position: fixed;z-index: 1;width: 275px;background:#222225 ;padding:0; border:0;}
#m-nav ul li{position:static; width:100%;}
#m-nav ul li:hover,#m-nav ul li.current{background: #1C2732 }
#m-nav ul li a{padding:0 0 0 60px;font-size:16px;color: #D3D8D9;text-decoration: none !important; display:block;position:relative; line-height:50px;;outline: none}
#m-nav ul li a span{font-size: 12px;opacity:0}
#m-nav ul li a:hover,#m-nav ul li.current a{color: #D3D8D9;}
#m-nav ul li a::after{background:#1C2732; position:absolute;content:''; left:0px;bottom:0;right:0;height:1px;}
#m-nav ul li ul{display:none;margin:0;padding:0;z-index:1999; position:relative ;width:100%;border:0;}
#m-nav ul li ul li{margin:0;padding:0;display:block;border:none;line-height:36px;}
#m-nav ul li ul li a,#m-nav ul li.current ul li a{background:#222225;color:#7C7C7C;display:block;font-size:14px;line-height:20px;padding:8px 0 8px 90px;}
#m-nav ul li ul li a:hover{color:#D3D8D9;}
#m-nav ul li ul li a.cur{color:#f2f2f2;} /*点击第二个分类变色*/
#m-nav ul li ul li a::before,#m-nav ul li ul li a::after{ background:none; height:0; padding:0}
#m-nav ul li ul li ul{top:0}

.nav-toggle{position:absolute;top:16px; right:15px;z-index:9999;display: none;cursor: pointer;}
.nav-toggle.cur i::before, .nav-toggle.cur i::after{background: #333;}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:cur{outline: none;border-bottom: none !important;}
.nav-toggle i{position: relative;display: -moz-inline-stack;width:24px;height: 3px;display: inline-block;background:#333;zoom: 1;*display: inline;color: #fff;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;transition: all .2s ease-out;}
.nav-toggle i::before, .nav-toggle i::after{content: '';width:24px;height: 3px;background:#333;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.nav-toggle i::before{top: -9px;}
.nav-toggle i::after{bottom: -9px;}
.nav-toggle:hover i::before{top: -9px;}
.nav-toggle:hover i::after{bottom: -9px;}
.nav-toggle.cur i{background: transparent;}
.nav-toggle.cur i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-toggle.cur i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
/*手机版导航 end */


@media screen and (max-width:1440px){
/*左栏 begin*/
.container-layout{max-width:93%;}
.main{margin:40px 0 30px 200px;}
.url_block .media{height:auto;padding:12px;}

.container {max-width: 1000px;}

.sidebar{width:200px;}
.sidebar .pc-nav li a{padding:6px 0 6px 40px;}
.sidebar .pc-nav li ul li a{padding:0 0 0 67px;line-height:26px;}
.sidebar .logo{margin:20px auto 10px auto;}
.sidebar .about{bottom:20px;}
.blank-big{height:30px;line-height:30px;}

/*左栏 end*/
}

@media screen and (max-width:768px) {

.line-large{margin-left:-6px;margin-right:-6px}
.line-large .x1,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .xb1,.line-large .xb10,.line-large .xb11,.line-large .xb12,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xl1,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xm1,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xs1,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9{position:relative;min-height:1px;padding-right:6px;padding-left:6px}

.container-layout{max-width:100%;}
.blank-big {height: 20px;line-height: 20px;}
.blank-middle{height:10px;line-height:10px;}
.nav-toggle{display: block;}

.sidebar{width:100%;height:60px;position:fixed;z-index:999;left:0;top:0; }
.sidebar .logo{margin:15px 0 15px 15px;float:left}
.sidebar .logo img{height:30px;}
.sidebar .about{display:none}

.hao-banner a{position:relative;top:10px;height:60px;line-height:60px;}
.hao-banner a.height-big{height:80px;line-height:80px;}
.hao-banner a span{font-size:16px}

.main{margin:70px 0 30px 0;}
.main h2{margin:5px 0 10px 0;font-size:16px;}

.url_block .media .media-body strong {margin:5px 0;font-size:15px}
.url_block .media {margin:0 0 10px 0;height:auto;}
.url_block .media.media-x .media-body{padding:0;}
.url_block .media img{width:36px;height: 36px}

footer{line-height:24px;margin:30px 0;min-height:50px}
.copyright{text-align:center}

}