@charset "utf-8";
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
A {
	COLOR: #000; TEXT-DECORATION: none !important;
}
A IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; 
}
LI {
	LIST-STYLE-TYPE: none
}
body,td,th {
	font-family: 微软雅黑; 
}

body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }

.scale_img dl img, .scale_img li img { -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0) }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

i,em{
	font-style: normal;
}

.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{margin:0 auto; width:1340px; height:auto; overflow:hidden;}

.clear {
	clear: both;
}

/*------------公用样式结束----------*/



/*===========================header=============================*/
#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ z-index:999; height:6.5rem; width:100%; position: fixed; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header .m{ display: flex; height: 100%; max-width: 100%; justify-content: space-between; align-items: center; position: static; }  
#logo{ flex-shrink:0; margin-left:2%; }
#logo a{ display: flex; height: 100%; align-items: center;}
#logo img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#logo .img01{ display: none;}
#logo .img02{ display: block;}
#nav{ flex-grow: 1; max-width: 1000px;  }
#nav ul{ display: flex; justify-content: space-between;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; }
#nav ul li a{ display:block; text-transform:uppercase; font-size: 0;}
#nav ul li h3{ font-size:1rem; color:#fff; line-height:7.5rem; overflow:hidden; text-align: center; position:relative; font-weight:normal; z-index: 1; display:inline-block;}
#nav ul li.on h3,#nav ul li:hover h3{ }
#nav ul li h3:before{ content: ""; display: block; transition: .5s width; width: 0 !important; height: 15px;  position: absolute; top: 50%; margin-top: 1rem; opacity: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#nav ul li.on h3:before,#nav ul li:hover h3:before{ width: 34px !important; opacity: 1; }
#nav li .sub {position: absolute;background: rgba(255,255,255,.8);width: 200px; padding: 1rem; position: absolute;left: 50%; top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden; border-radius: 0 0 .625rem .625rem;}
#nav li .sub .box{padding: 0;text-align: center; }
#nav li .sub a{padding: 0;line-height: 2.5rem;transition: .3s;font-size: .975rem;color: #505050; text-align: center; white-space: nowrap;}
#nav li .sub a:hover{ background: #434343; color: #fff; }
#nav li:hover .sub{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px) translateX(-50%); }


#header .head_nav_met_11_1_44 { min-height:30px; margin-bottom: 0; box-shadow: none;float:right; margin-right:2%;}
#header .head_nav_met_11_1_44 .met-langlist { width:300px; line-height: 30px; position: relative; }
#header .head_nav_met_11_1_44 .met-langlist li{width:50%; text-align:center; height:30px; float:left;}
#header .head_nav_met_11_1_44 .met-langlist a {line-height:21px; padding-top:10px; color:#fff; }
#header:hover .head_nav_met_11_1_44 .met-langlist li a{color:#434343;}
#header .head_nav_met_11_1_44 .met-head-user .dropdown-item {  line-height:30px;}



#header.xg{height:5rem; background: rgba(255, 255, 255, .9); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.xg #nav ul li h3{ line-height:  6rem; color: #333;}
#header.xg #logo .img01{ display: block;}
#header.xg #logo .img02{ display: none;}
#header:hover{ background: rgba(255, 255, 255, .8); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header:hover #nav ul li h3{ color: #333; }
#header:hover #logo .img01{ display: block;}
#header:hover #logo .img02{ display: none;}
#header.ny{height: 7.1875rem; background: rgba(255, 255, 255, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.ny #nav ul li h3{ line-height:  7.1875rem; color: #333;}
#header.ny #logo .img01{ display: block;}
#header.ny #logo .img02{ display: none;}
/***********************/





.search-dialog-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 18rem;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    /* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0; transition: .6s;left: 0;right: 0;z-index: 1; background: #2b4886;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.search-dialog-box .search-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0,0,0,.5);
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
    transform:translateY(100%);
    transition: .6s;
}
.header-right .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
    position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
    width:6%;
    padding-top: 6%;
    left: 26.875%;
    top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
    width:12px;
    padding-top: 12px;
    left: 13.54%;
    top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
    width:36px;
    padding-top: 36px;
    left: 8.854%;
    top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
    width:56.875%;
    padding-top: 56.875%;
    left: -28.6458%;
    top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
    width:54px;
    padding-top: 54px;
    left: 26.3%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
    background-color: #fff;
    opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
    width:56.875%;
    padding-top: 56.875%;
    left: 73.4375%;
    top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
    width:2rem;
    padding-top: 2rem;
    left: 60.9375%;
    top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
    width:1.35rem;
    padding-top: 1.35rem;
    left: 95.83%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
    width:16px;
    padding-top: 16px;
    left: 76.5625%;
    top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
    width:56.875%;
    padding-top: 56.875%;
    left: 71.354%;
    top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
    animation:spin 8s infinite linear;
    transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
    animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
    animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
    transform-origin: 30% 30px;
}
.search-dialog{
    position: absolute;
    left: 0;
    top: 50%;

    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.search-dialog .search-tit{
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}
.search-dialog .search-inner{
    overflow: hidden;
    margin-top: 0;
}
.search-dialog .search-input{
    width: 50rem;
    margin: 0 auto;
    padding: 0 0.5rem 0 1.5rem;
    background-color: rgba(255,255,255,.1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;
}
.search-dialog .search-input input[type=text]{
    float: left;
    height: 4.5rem;
    width: calc(100% - 3.5rem);
    background-color: transparent;
    font-size: 1.25rem;
    line-height: .5rem;
    color: #fff;
    transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
    float: right;
    height: 4.5rem;
    width: 3.5rem;
}
.search-dialog .search-input input[type=submit]{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-image: url('img/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
    background-color: rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('img/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}
.search-dialog .search-input.on{
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{
    background-image: url('img/search-btn2.svg')
}

.search-dialog .hot-search{
    font-size: 0;
    width:19.5rem;
    margin:.6rem auto 0;
    box-sizing: border-box;
    padding:0 .6rem;
    overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
}
.search-dialog .hot-link{
    margin-left: 1rem;
}
.search-dialog .hot-link a{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color:#fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before{
    content: "";
    position: absolute;
    left:0%;
    bottom:0;
    width:100%;
    height: 2px;
    background-color: #fff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .3s;
}
.search-dialog-box .bottom-box{
    position: absolute;
    left: 0;
    bottom:5.1%;
    width:100%;
}
.search-dialog-box .bottom-box .share-box{
    overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
    font-size: .35rem;
    line-height:.5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg{
    visibility: visible;
    opacity: 1;
}
.header-right.is-open .search-btn .con-box{
    display:none;
}
.header-right.is-open .close-btn{
    display:block;
}
.header-right.is-open .item .search-bg{
    transform:scale(1);
}
.search-dialog-box.on{
    opacity: 1;
    visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(img/close-btn.svg);
    transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

.title001 hr{ border: 0;}


/*------------首页栏目----------*/
.sylm{width:auto; height:auto; text-align:center; padding-top:50px; padding-bottom:20px;}
.sylm h3{font-family:"微软雅黑"; font-size:40px; color:#434343; font-weight:bold; line-height:50px;}
.sylm p{font-family:"微软雅黑"; font-size:16px; color:#888;line-height:30px;}

/*------------首页栏目----------*/
.about_jj{margin:0 auto; width:1140px; height:auto; text-align:center; font-size:16px; line-height:30px; color:#666; overflow:hidden;}
.about_jj .a_more{ margin:0 auto; width:200px; height:40px; border:1px solid #888; text-align:center; margin-top:30px;border-radius:40px;}
.about_jj .a_more a{color:#888; font-size:16px; line-height:40px;}
.about_jj .a_more:hover{background-color:#e60012;border:1px solid #e60012;}
.about_jj .a_more:hover a{color:#fff;}

.a_ys{ margin: 0 auto;width:1340px;margin-top:40px;}
.a_ys dl{width:23%;height:155px;float:left;margin-right:25px;text-align:center;padding-top:20px;}
.a_ys .dl1{background:url(img/a_ys1.jpg) no-repeat center;background-size:100% auto;}
.a_ys .dl2{background:url(img/a_ys2.jpg) no-repeat center;background-size:100% auto;}
.a_ys .dl3{background:url(img/a_ys3.jpg) no-repeat center;background-size:100% auto;}
.a_ys .dl4{background:url(img/a_ys4.jpg) no-repeat center;background-size:100% auto;}
.a_ys dt{font-size:40px;font-family: Arial, Helvetica, sans-serif;color:#fff;line-height:56px;}
.a_ys .dd1{width:1px;height:14px;background:#aaa;margin:10px auto;}
.a_ys .dd2{font-size:16px;color:#fff;padding:0 40px;line-height:26px; font-weight:bold;}


/*------------产品分类----------*/
.picbj{width:auto; height:auto; background-color:#f5f5f5; margin-top:70px; padding-bottom:50px; overflow:hidden;}
.fen{ margin:0 auto;width:800px; padding:10px; }
.fen ul{ height:auto; text-align:center; overflow:hidden;}
.fen ul li {width:24%;height:55px; margin:0.5%; margin-bottom:8px; background-color:#434343;border-radius:5px;text-align: center;float: left; box-sizing: border-box; position: relative; }
.fen ul li a{text-decoration: none; position: relative;z-index: 3; display: block; line-height:55px; height:55px; font-size:17px; color: #fff; font-weight:normal;}
.fen ul li a:hover{background:#d0001c\9;color: #fff;}
.fen ul li:after{content:'';position:absolute;height:100%;width:0;border-radius:5px;background:#e10318;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.fen ul li:hover:after,.fen ul li.cur:after{width:100%;color: #fff;}
.fen ul li.cur a { background:#ed161d; color: #fff; }

.anliroll {height:auto;width:90%;margin:0px auto; overflow:hidden;}
.anliroll li {float: left;width: 23%; border:1px solid #f2f2f2; background: #fff;margin: 2% 0 0 1.4%; }
.anliroll li a {display: block;overflow: hidden;font-size: 18px;position: relative; }
.anliroll li a h4 {overflow: hidden; }
.anliroll li a img { margin:0 auto;width:100%;display: block;transition: all .5s; }
.anliroll li a ol {background: #fff;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size:20px; line-height:20px;padding:15px;box-sizing: border-box;}
.anliroll li a ol i dd{ margin:0 auto; width:90%;font-family: "微软雅黑"; border-radius:10px; background:#175ac7;color:#fff; font-size:16px; line-height:26px; margin-top:8px;}
.anliroll li a ol i {display: block;color: dimgray;font-size: 15px;margin-top: 10px; }
.anliroll li a ol a {color: #fff;font-size: 18px; }
.anliroll li a:hover img {transform: scaleX(1.1) scaleY(1.1); }
.anliroll li a:hover ol {background: #dedede;}
.anliroll li a:hover ol i {color: #dc0817;}
.anliroll li a:hover ol i dd{background:#175ac7;}




/* zn */
.t_zn{width:auto; height:auto; background:url(img/znbj.jpg) bottom center no-repeat; padding-bottom:50px;}

.t_zn .sylm{width:auto; height:auto; text-align:center; padding-top:50px; padding-bottom:20px;}
.t_zn .sylm h3{font-family:"微软雅黑"; font-size:40px; color:#fff; font-weight:bold; line-height:50px;}
.t_zn .sylm p{font-family:"微软雅黑"; font-size:16px; color:#fff;line-height:30px;}

.anlirol2 {height:auto;width:80%;margin:0px auto; overflow:hidden;}
.anlirol2 li {float: left;width: 23%; border:3px solid #f2f2f2;margin: 2% 0 0 1.4%; }
.anlirol2 li:hover{border:3px solid #172a88;}
.anlirol2 li a {display: block;overflow: hidden;font-size: 18px;position: relative; }
.anlirol2 li a h4 {overflow: hidden; }
.anlirol2 li a img { margin:0 auto;width:100%;display: block;transition: all .5s; }
.anlirol2 li a ol {background-color: rgba(0,0,0,0.4);color: #fff;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size:20px; line-height:20px;padding:15px;box-sizing: border-box;}
.anlirol2 li a ol i dd{ margin:0 auto; width:90%;font-family: "微软雅黑"; border-radius:10px; background:#175ac7;color:#434343; font-size:16px; line-height:26px; margin-top:8px;}
.anlirol2 li a ol i {display: block;color: dimgray;font-size: 15px;margin-top: 10px; }
.anlirol2 li a ol a {color: #434343;font-size: 18px; }
.anlirol2 li a:hover img {transform: scaleX(1.1) scaleY(1.1); }
.anlirol2 li a:hover ol {background-color: #172a88;}
.anlirol2 li a:hover ol i {color: #434343;}
.anlirol2 li a:hover ol i dd{background:#175ac7;}


/*news*/
.news_box{padding-bottom:20px; background-color:#f5f5f5;}
.news_bt{margin:0px auto;width:85%; margin-bottom:40px;}
.news_div_item_a{font-family:"微软雅黑"; font-size:20px; line-height:30px; font-weight:bold;}
.nb_tab{font-size:0;text-align:center; float:right;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333;box-shadow:0px 0px 20px #eee;border-radius:30px;margin-top:22px;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.cur{background:#049b32;color:#fff;background-size:400% 370%;box-shadow:0px 0px 10px rgb(146, 208, 81);}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px;font-weight:100;letter-spacing:1px;}
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nbc_list+.nbc_list{display:none;}
.nbc_list{margin:0 auto; width:100%; height:auto; overflow:hidden;}
.nbcl_le{width:55%;}
.nbcl_le .news_div_item{width:43%;display: inline-block;vertical-align:top; background-color:#fff;padding:16px;}
.nbcl_le .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;}
.nbcl_le .news_div_item+.news_div_item{margin-left:15px;}
.nbcl_le .news_div_item_pic img{width:100%; margin-top:10px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item:hover a{color:#172a88;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:30px;color:#68686a;font-size:15px;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}

.nbcr_ri{width:45%;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;background-color:#fff;padding:35px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:20%;text-align:center;font-size:0; color:#172a88;}
.nbcr_ri .news_div_item_content{width:70%;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:25px;color:#68686a;padding-right:20px;font-size:15px;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}
.new_t{float:left; }
.new_ta{font-size:40px;color:#333;line-height:46px;display:block;width:400px;margin:auto;}
.new_ta span{font-weight:bold;}
.new_tb{font-size:20px;color:#666;line-height:40px;}





/*------------foot----------*/
.h_ft{ height:384px; background: url(img/ftbg.jpg) no-repeat center top;padding-top:54px;box-sizing: border-box;}
.h_ft .m_fnav{float: left;height:270px; }
.h_ft .m_fnav dl{float: left;position: relative;}
.h_ft .m_fnav dl:before{content: "";position: absolute;width:1px;height: 220px;background: rgba(255,255,255,.2);right:0;top:7px;}
.h_ft .m_fnav dl:nth-child(1){width:300px;margin-right:60px;}
.h_ft .m_fnav dl:nth-child(2){width:180px;margin-right:60px;}
.h_ft .m_fnav dl:nth-child(3){width:260px;margin-right: 10px;}
.h_ft .m_fnav dt a{display: block;height: 40px;line-height: 40px;font-size:18px;color:#fff;background: url(img/ftico.png) no-repeat 115px 15px;margin-bottom: 12px;}
.h_ft .m_fnav dd a{ width:100%; float:left;display: block;line-height: 30px;font-size:14px;color:#fff;}
.h_ft .m_fnav dd a:hover{color:#ffc000;}
.h_ft .m_fnav dl:nth-child(1){animation-delay: 0.1s;}
.h_ft .m_fnav dl:nth-child(2){animation-delay: 0.2s;}
.h_ft .m_fnav dl:nth-child(3){animation-delay: 0.3s;}
.h_ft .f_er{width:220px; height:auto; overflow:hidden; padding-top:20px;}
.h_ft .f_er li{ margin:0 auto; width:90px; padding:10px;background: rgba(255,255,255,.2); text-align:center; float:left;}
.h_ft .f_er li img{width:100%;}
.h_ft .f_er li p{color:#fff; font-family:"微软雅黑"; font-size:14px; line-height:20px; padding-top:10px;}
.f_lx{float: right;width:326px;animation-delay: 0.4s;}
.f_lx h3 a{display: block;height: 40px;line-height: 40px;font-size:18px;color:#fff;background: url(img/ftico.png) no-repeat 185px 15px;margin-bottom: 12px;}
.f_lx h4{height:80px;font-size:14px;color:#fff;font-weight: normal; }
.f_lx h4 b{display: block;font-size:40px;color:#ffc000;line-height:40px;}
.f_lx p{font-size:14px;line-height: 24px;color:#fff;}

.copyr{font-size:14px;color:#fff; border-top:1px solid rgba(255,255,255,.2); padding-top:20px;}
.copyr a{color:#fff;}
.copyr a:hover{color:#ffc000;}


/* 内页 */
#nybanner{width:100%; height:180px; background:url(img/aboutbanner.jpg) center no-repeat;overflow:hidden;}
#nybanner1{width:100%; height:180px; background:url(img/fwbnnner.jpg) center no-repeat;overflow:hidden;}
#nybanner2{width:100%; height:180px; background:url(img/newsbnnner.jpg) center no-repeat;overflow:hidden;}
#nybanner3{width:100%; height:180px; background:url(img/khalbnnner.jpg) center no-repeat;overflow:hidden;}
#nybanner4{width:100%; height:180px; background:url(img/picbanner.jpg) center no-repeat;overflow:hidden;}
#nybanner5{width:100%; height:180px; background:url(img/shbzbnnner.jpg) center no-repeat;overflow:hidden;}
#nybanner6{width:100%; height:180px; background:url(img/lxwmbnnner.jpg) center no-repeat;overflow:hidden;}
#nybanner7{width:100%; height:180px; background:url(img/spbanner.jpg) center no-repeat;overflow:hidden;}
#nybanner8{width:100%; height:180px; background:url(img/fhbanner.jpg) center no-repeat;overflow:hidden;}
#nybanner9{width:100%; height:180px; background:url(img/jcalbanner.jpg) center no-repeat;overflow:hidden;}
#nybanner10{width:100%; height:180px; background:url(img/ksqjbanner.jpg) center no-repeat;overflow:hidden;}



/*------------内页banner---------*/
.ny_bj{width:auto; height:auto; background-color:#f5f5f5;overflow:hidden;}
.nyzw{margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑"; font-size:18px; color:#434343; padding-bottom:50px; margin-top:40px; line-height:30px;text-align:left;overflow:hidden;}
.nyzw strong{font-size:20px; line-height:30px; font-weight:normal; color:#079ef4;}
.p_nyzw{margin:0 auto; width:85%; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; padding-bottom:50px; margin-top:40px; line-height:28px;text-align:left;overflow:hidden;}
.ny-r-t{width:auto; height:40px; border-bottom:1px dashed #ccc; margin-bottom:30px;}
.ny-r-t  span{ font-size:18px;font-weight:bold;}
.n_aboutbj{width:auto; height:372px; background:url(img/n_aboutbj.jpg) center no-repeat;}
.ny-news01{width:100%;height: auto;}
.ny-news01 li{
  padding:20px;
  width:100%;
  margin-top:20px;
  background-color:#f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width: 200px;
	height: 145px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 200px;
	height: 145px;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-news01 li:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
  width:100px;
  height:20px;
  margin-top:10px;
  text-align:center;
  line-height:20px;
  color:#888;
  background-color:#f2f2f2;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}


.ny-news01 li .r01{
  float: left;
  width:70%; margin-left:3%; padding-top:1%;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height: auto;
  overflow:hidden;
  font-size: 18px;
  font-weight:normal;
  color: #717171;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r01 a h2 span{color:#e60002; font-weight:normal; margin-right:10px;}
.ny-news01 li .r01 p{
  display: block;
  width: 100%;
  height:46px;
  font-size: 14px;
  color: #888;
  letter-spacing: 0px;
  line-height: 150%;
  overflow: hidden;
}
.ny-news01 li .more{width:120px; height:30px; border:1px solid #ccc;text-align:center; }
.ny-news01 li .more a{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ccc;}
.ny-news01 li:hover .more{background-color:#666;transition: all 0.3s ease-in-out;}
/*单页效果*/
.ny-cont{
	padding:10px 0px 20px 0px;
	margin:0 auto;
	width:1340px;
	font-size: 18px;
	color: #333;
	line-height: 190%;
	letter-spacing: 0px;
}
.ny-cont p, .ny-cont p a{
	margin-top:15px;
	font-size: 15px;
	color: #333;
	line-height: 190%;
}
.ny-cont a{
 	font-size: 15px;
	color: #333;
	line-height: 190%;
 }
 .ny-cont-h1{
	display: block;
	width: 100%;
	font-size: 26px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

/*详情页样式*/
.mt-20 {
	margin-top: 20px;
}
.ny-xq{
  margin:30px auto;
  width: 1200px;
  height: auto;
}
.ny-xq-l{
  float: left;
  width: 145px;
  height: 115px;
}
.ny-xq-l .date1{
  position: relative;
  width: 110px;
  height: 36px;
  text-align: center;
}
.ny-xq-l .date1 .year1 {
  position: relative;
  font-size: 20px;
  color: #000;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}
.ny-xq-l .date1 .year1 span{
  position: absolute;
  left:35%;
  z-index:2;
  display:block;
  background: #fff;
  padding: 0 5px;
  font-size: 20px;
  color: #303030;
  font-family:Arial, Helvetica, sans-serif;
  background-color: #fff;
  letter-spacing: 0px; 
}
.ny-xq-l .date1 .year1:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e3e3e3;
  position: absolute;
  top: 12px;
  left: 0;
  z-index:1;
}
.ny-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #08C339;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
}
.ny-xq-l .read1{
  margin-top: 5px;
  font-size: 13px;
  text-align: center;
  color: #333333;
  letter-spacing: 0px;
}
.ny-xq-l .read1 strong{
  font-weight: bold;
}
.ny-xq-r{
  float: right;
  padding:18px 45px;
  width: 960px;
  height: 80px;
  background-color: #e7e7e7;
  overflow: hidden;
}
.ny-xq-r p{
  display: block;
  height: 70px;
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.ny-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}

/*新闻详情页样式*/
.newszwbj{ width:auto; height:auto; overflow:hidden;}
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:30px; line-height:40px;color:#535353; padding-top:30px;font-weight:normal;}
.new-xq{
  margin:0px auto;
  margin-top:30px;
  width:100%;
  background-color:#fff;
  height: auto;
  overflow:hidden;
}
.new-xq-l{
  width:100%;
  height:auto;
  text-align:left;
  
}
.new-xq-l .date1{
  width: 100%;
  height: auto;
  text-align: left;
}
.new-xq-l .date1 .year1 {
  font-size: 20px;
  color: #000;
  line-height:30px;
  font-family: "微软雅黑";
  font-weight:normal;
  text-align: center;
}
.new-xq-l .date1 .year1 span{
  position: absolute;
  z-index:2;
  display:block;
  font-size:15px;
  color: #b2b2b2;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px; 

}
.new-xq-l .date1:before{
  content: "";
  display: block;
  width: 100%;
  height:30px;
  position: absolute;
  left: 0;
  z-index:1;
}
.new-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #27cbf1;
  font-family:Impact;
  letter-spacing: 0px;
}
.new-xq-l .read1{
  position:relative;
  z-index:22222;
  width:120px;
  font-size:13px;
  padding-top:0px;
  text-align: center;
  background-color:#efeeee;
  color: #888;
  letter-spacing: 0px;
  float:right;
 
}
.new-xq-l .read1 strong{
  font-weight: bold;
}
.new-xq-r{
  width:99%;
  height:auto;
  margin-bottom:30px;
  text-align:center;
  border-top:1px solid #ccc;
  background-color:#f9f9f9;
  padding:10px;
  overflow: hidden;
}
.new-xq-r p{
  display: block;
  height: auto;
  font-size: 14px;
  color: #666;
  text-align:left;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.new-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}


.ny-l01 {
    float: left;
    width: 250px;
}
.ny-r01 {
    float: right;
    width: 956px;
}
.ny-l-fenlei{
  padding:20px 15px 50px 15px;
  background-color: #043d77;
  border-radius: 15px;
}
.ny-l-fenlei .ny-fl-tit{
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.ny-l-fenlei .line01{
  margin:0 auto;
  margin-top: 15px;
  width: 60%;
  height: 5px;
  background-color: #fff;
}
.ny-fenlei1{
  height: auto;
  overflow: hidden;
}
.ny-fenlei1 dt a{
  display: block;
  margin:15px 0px;
  width: 100%;
  height: 30px;
  background-color: #fbe000 ;
  font-size: 17px;
  color: #000;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
}
.ny-fenlei1 dd a{
  display: block;
  padding:3px;
  width: 100%;
  border-bottom:1px dashed #5084b5;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.ny-fenlei1 dd a:hover{
  background-color: #039de5;
  color: #fff;
}
.ny-fenlei1-hover{
  background-color: #fe0000 !important;
  color: #fff !important;
}

/* 联系内页 */

.contact-wrapper {
  padding:0.25vw 0.5416666667vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper {
    padding: 20px;
  }
}
.contact-wrapper .big-title {
  color: #e60012;
  margin-bottom: 2.0833333333vw;
}
.contact-wrapper .title-gray {
  color: #999;
  margin-bottom: 0.5208333333vw;
}
.contact-wrapper .desc {
  font-size: 1.3541666667vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc {
    font-size: 16px;
  }
}
.contact-wrapper .desc-small {
  font-size: 0.9375vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc-small {
    font-size: 14px;
  }
}
.contact-wrapper .desc-red {
  color: #e60012;
}
.contact-wrapper .clean-padding-top > div {
  padding-top: 0 !important;
}
.contact-wrapper .contact {
  display: flex;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .contact {
    flex-wrap: wrap;
  }
}
.contact-wrapper .contact.border-top {
  background-color:#f9f9f9; margin-bottom:1%; padding:1%;
}
.contact-wrapper .contact.border-bottom {
  border-bottom: 1px solid #cccbcb;
}
.contact-wrapper .contact > div {
  flex: 0 0 27%;
  padding-left:5%;
  padding-bottom: 2.125vw;
  padding-top: 2.125vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .contact > div {
    flex: 0 0 100%;
  }
}
.contact-wrapper .contact-email {
  display: flex;
  padding-bottom: 3.125vw;
  padding-top: 3.125vw;
}
.contact-wrapper .contact-email .img-wrapper {
  flex: 0 0 23.4375vw;
}
.contact-wrapper .contact-email .text-wrapper {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.contact-wrapper .contact-email .text-wrapper .big-title {
  width: 100%;
  color: #e60012;
  margin-bottom: 2.0833333333vw;
}
.contact-wrapper .contact-email .text-wrapper .wrapper {
  flex: 1;
}

.h-proc2{
    margin:0 auto;
	width:auto;
	height: auto;
	margin-bottom:30px;
	text-align: center !important;
}
.h-proc2 a{
	display: inline-block;
	margin:2px;
	height:45px;
	width:13.8%;
	margin:0.2%;
	background-color:#434343;
	font-size:15px;
	color: #ccc;
	text-align: center;
	line-height:45px;
	border-spacing:5px;
}
.h-proc2 a:hover{
	background-color: #f08226;
	color: #fff;}



/*====================1550====================*/
@media screen and (min-width: 768px) and (max-width: 1680px){
#header .logo{width:25%; padding-top:1%;}
#header .logo img{width:100%;}
.topdh{width:18px; right:1%;}
.topdh p{font-size:20px;}

}