@charset "utf-8";
.al_select{background: #fff; max-width:84%; margin:0 auto}
.al_select ul{font-size:0;text-align:center;border-left: #e5e5e5 1px solid;}
.al_select ul li{width:19.9%;display:inline-block; *display:inline; *zoom:1;height:5.25rem;line-height:5.25rem;position:relative;border-right: #e1e4e6 1px solid;border-bottom: #e5e5e5 1px solid;}
.al_select ul li:after{content:"";position:absolute;width:0;right:0;bottom: -1px;height: 2px;background: #15569d;-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;z-index: 10;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}

.al_select ul li.on:after{ left:0; width:100%}

.n_container{ background:#fff; }
.n_container .n_about{ padding:4.375rem 0 0; width:84%; margin:0 auto}

.n_about .fl01{ padding-bottom:3rem}
.n_about .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem}
.n_about .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}

.n_about .fl02{background:#f3f4f6;padding: 4.5rem 0;}
.n_about .fl02 ul{font-size:0;  }
.n_about .fl02 ul li{display:inline-block; *display:inline;*zoom:1;width:20%;text-align:center;}
.n_about .fl02 ul li h5{font-size: 1.125rem;color:#6a6a6a;margin-bottom: 2.125rem;}
.n_about .fl02 ul li h4{height: 4.5rem;}
.n_about .fl02 ul li h4 span{font-size: 2.25rem;color:#15569d;vertical-align: middle;font-weight:  normal;font-family: Impact;}
.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 4.5rem;color:#15569d;font-family: Impact;}
.n_about .fl02 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.n_about .fl02 ul li h6{font-size:12px;color:#15569d;font-family: DIN Offc Pro;}
.n_about .fl02 ul li .hide{ display:none}
.n_about .fl02 ul li h4 small{font-size:0.875rem;color:#15569d;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}

.n_wenhua {
    padding: 4rem 0;
    background: url(../images/n_wenhua_bg.jpg) center bottom no-repeat;
}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}
.table {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
}
.n_wenhua{ padding:3.75rem 0 5.625rem;}
.n_wenhua .fl01{text-align:center;overflow: hidden;}
.n_wenhua .fl01 .box{ position:relative}
.n_wenhua .fl01 .box .wz{ position:absolute; left:0; top:0; width:100%; height:100%}
.n_wenhua .fl01 .box .wz h5{ font-size:1.875rem; color:#464646; font-weight:bold; margin-top:1.25rem}
.n_wenhua .fl01 .con h3{ font-size:1.75rem; color:#464646; margin-bottom:1.5rem; font-weight:bold}
.n_wenhua .fl01 .con p{ font-size:16px; color:#464646; line-height:32px;}
.n_wenhua .fl01 .con01{ position:absolute; left:50%; margin-left:22%; top:6rem; text-align:left}
.n_wenhua .fl01 .con02{ position:absolute; right:50%; margin-right:22%; top:6rem; text-align:right}
.n_wenhua .fl01 .con03{ position:absolute; right:50%; margin-right:22%; top:18rem; text-align:right}
.n_wenhua .fl01 .con04{ position:absolute; left:50%; margin-left:22%; top:18rem; text-align:left}

.layui-container02 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 100%}
	
.n_licheng{padding:4rem 0;background:url(../images/n_licheng_bg.jpg) center repeat-x;overflow:hidden;position: relative;background-size: contain;}
.n_licheng .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.n_licheng .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 100s linear infinite; -moz-animation:play 100s linear infinite; animation:play 100s linear infinite;}



.nianf{width: 145px;height: 50px;line-height: 46px;border:#15569d 2px solid;position:relative;z-index:0;background:none !important;/* border-radius: 15px; */text-align: center;font-size: 22px;color: #fff;border-radius: 5px;}
.nianf:hover{ color:#15569d !important;}
.nianf:after {position: absolute;z-index:-1;top: 0px;right: 0;left: 0;height: 100%;display: block;background:#15569d;content: "";/* z-index: -1; */-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height: 101%;}
.nianf:hover:after { top:auto; bottom:0; height:0; }

.n_licheng .content_box{ position:relative; padding:50px 0}
.n_licheng .content_box:before{ content:""; position:absolute; left:216px; width:4px; top:0; bottom:0; background:#15569d}
.n_licheng .content_box .bg{ position:absolute; top:0; bottom:0; width:4px; left:216px;}
.n_licheng .content_box .bg:before{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 0;margin-left: -12px;}
.n_licheng .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}
.n_licheng ul{ overflow:hidden}
.n_licheng ul li{position:relative; padding:30px 0; height:100px;}
.n_licheng ul li .left{position:absolute;top:0;bottom:0;z-index: 100;}
.n_licheng ul li .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d6e5f5;box-sizing:border-box;top: 50%;margin-top: -12px;}
.n_licheng ul li .point b{position:absolute;left: -64px;width: 64px;background: #fff;height: 4px;top: 50%;margin-top: -2px;}
.n_licheng ul li .right{width:calc(100% - 288px);background:rgba(255,255,255,0.75);min-height: 110px;border-radius:8px;position:relative;}
.n_licheng ul li .right .box{height:100%;padding: 25px 20px;}
.n_licheng ul li .right .box .table .table_cell{ text-align:left; font-size:17px; line-height:30px;}
.n_licheng ul li .right:before{ content:""; position:absolute; left:-10px; border-right:rgba(255,255,255,0.75) 10px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid; top:50%; margin-top:-8px;}
.fl {
    float: left;
}
.fr {
    float: right;
}	
	

.n_zizhi .title{ text-align:center; margin-bottom:2.75rem}
.n_zizhi .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}
.n_zizhi .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}
.n_zizhi .fl01{ padding:4rem 0 3rem}
.n_zizhi .fl01 ul{font-size:0;margin: 0 -2rem;}
.n_zizhi .fl01 ul li{display:inline-block;width:25%;text-align:center;}
.n_zizhi .fl01 ul li a{ display:block; position:relative}
.n_zizhi .fl01 ul li a .top_img img{ width:100%}
.n_zizhi .fl01 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 91%;}
.n_zizhi .fl01 ul li a .img img{max-width: 78%;max-height: 34%;}
.n_zizhi .fl02{background:#f3f3f6;padding: 4rem 0 3rem;}
.n_zizhi .fl02 ul{font-size:0;margin: 0 -2rem;}
.n_zizhi .fl02 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}
.n_zizhi .fl02 ul li a{ display:block; position:relative}
.n_zizhi .fl02 ul li a .top_img img{ width:100%}
.n_zizhi .fl02 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 84%;}
.n_zizhi .fl02 ul li a .img img{max-width: 64%;max-height: 140px;display: inline-block;}
.n_zizhi{ max-width:84%; margin:0 auto}


.g_pro{background: #f1f5fe;padding-top: 100px;padding-bottom: 100px;}
.g_pro h2 a{display: block;height: 160px;text-align: center;font-size: 44px;color:#020000;font-weight: normal;}
.g_pro h2 em{display: block;font-size: 20px;color:#686868;padding-top: 5px;}
.m_pro{background: #e5e8ef;padding: 20px;}
.m_pro dl{background: #fff;height: 460px;margin-bottom: 20px;}
.m_pro dl:nth-child(2) dt{ float:right}
.m_pro dl:nth-child(4) dt{ float:right}
.m_pro dl:nth-child(4){margin-bottom: 0;}
.m_pro dt{float: left;overflow: hidden;width:50%;height: 460px;overflow: hidden;}
.m_pro dt img{width:100%;height: 460px;display: block;transition: all 0.3s linear 0s;}
.m_pro dd{float: left;padding: 36px 0 0 65px;box-sizing: border-box;width: 50%;}
.m_pro h3 a{display: block;line-height: 50px;font-size: 24px;font-weight: bold;color:#0b3a4e;margin-bottom: 40px;}
.m_pro dl:hover dt img{transform: scale(1.1);}

.n_container{ width:80%; margin:0 auto;}

.m_pro ul{margin-bottom: 42px;}
.m_pro li{position: relative;padding-left: 10px;font-size: 16px;line-height: 40px;color:#666666;}
.m_pro li a{color:#666666;}
.m_pro li a:hover{color:#0c3b4f;font-weight: bold;}
.m_pro li:before{content: "";position: absolute;width:2px;height: 2px;background: #666666;left:0;top:20px;}
.m_pro span a{display: block;width:168px;height: 58px;line-height: 58px;margin-left: 15px;position: relative;}
.m_pro span b{position: relative;z-index: 10;font-weight: normal;text-align: center;font-size: 18px;color:#fff;background: #073190;width:168px;height: 58px;line-height: 58px;display: block;}
.m_pro span a:before{content: "";position: absolute;width:168px;height: 58px;background: #dfe9ff;left:-11px;top:10px;z-index: 0;}	


.n_news{ padding:0 0 5rem}

.n_news .fl01{ padding:4.375rem 0 1rem; background:url(../images/n_news_fl01.jpg) center top no-repeat; background-size:cover}
.n_news .fl01 ul{ font-size:0; margin:0 -1.6875rem}
.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.6875rem;}
.n_news .fl01 ul li .img{ background:#000}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .fl01 ul li .img a>img{ opacity:0.8}
.n_news .fl01 ul li .con{padding: 1.55rem 10px 1.75rem;-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;position:relative;}
.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -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;}
.n_news .fl01 ul li .con h5,.n_news .fl01 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;}
.n_news .fl01 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; margin:0.75rem 0 1.5rem; position:relative}
.n_news .fl01 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-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;margin: -2px 0.25rem 0 0;}


.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news.more01 a small{color:#fff}
.n_news .fl01 .more01 a dl dd span:before{background:#fff;}

.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;}
.n_news .fl02 ul li{padding: 1.675rem 0;border-bottom: #eaeaea 1px solid;position:relative;overflow:hidden;}
.n_news .fl02 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#f8f8f8; -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;}
.n_news .fl02 ul li .box a{padding: 0 10px 1.25rem;-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;position:relative;display: block;}
.n_news .fl02 ul li .box a h5,.n_news .fl02 ul li .box a h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li .box a p{font-size:0.875rem;color:#848484;line-height:1.5rem;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li .box a h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_news .fl02 ul li .box a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-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;margin: -2px 0.25rem 0 0;}

.n_news .fl02 ul li .box a h4{ font-size:14px; color:#666666; line-height:20px;}
.n_news .fl02 ul li .box a h4 span{ margin-left:15px}
.n_news .fl02 ul li .img{ float:left; width:16.5625rem; overflow:hidden}
.n_news .fl02 ul li .img img{ width:100%; max-height:150px;}
.n_news .fl02 ul li .box{ float:right; width:calc(100% - 18.375rem);}

.n_news_detail{ padding:3.125rem 0 5rem}
.n_news_detail .content{display: table;width: 100%;}
.n_news_detail .content .n_left{width: 100%;display:table-cell;padding-right:4.375rem;}
.n_news_detail .content .n_left .n_left_box{  padding:4.375rem 4.375rem}
.n_news_detail .content .n_left .title{ margin-bottom:2.5rem}
.n_news_detail .content .n_left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.n_news_detail .content .n_left .title h6{ font-size:14px; color:#808080; line-height:20px;}
.n_news_detail .content .n_left .title h6 span{ margin-right:1.5rem}
.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}
.n_news_detail .content .n_left .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;margin-right: 0; position:relative} 
.n_news_detail .content .n_left .title h6 .span2 a{ color:#808080;}
.bdsharebuttonbox{ display:inline-block; position:absolute; width:300px; top:-5px;}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;text-align: center;}
.j_pages a{height: 40px;line-height: 40px;display:inline-block;margin:0 5px;padding: 0 10px;color: #646466;font-size: 18px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size: 15px;font-family:SimSun;color: #000;border:  #d3d3d3 1px solid;display:  block;border-radius: 50%;width:  32px;height: 32px;}
.j_pages .on{border-bottom: #15569d 2px solid;}
.clear{ clear:both}


.n_yingpin .fl01{ background:url(../images/n_yingpin_fl01_bg.jpg) center no-repeat; background-size:cover; padding:4.375rem 0}
.n_yingpin .fl01 ul{ font-size:0}
.n_yingpin .fl01 ul li{ display:inline-block; width:48.333333%; text-align:center; }
.n_yingpin .fl01 ul li h3{ line-height:5.625rem}
.n_yingpin .fl01 ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold}
.n_yingpin .fl02{ background:url(../images/n_yingpin__fl02_bg.jpg) center bottom no-repeat; background-size:100% auto; padding:4.375rem 0 3.75rem}
.n_yingpin .fl02 ul li{ margin-bottom:1.125rem}
.n_yingpin .fl02 ul li a{display:block;padding: 3rem 6rem 2.75rem;border:#dedede 1px solid;border-radius:5px;text-align:center;position:relative;overflow:hidden;transition:0.6s;}
.n_yingpin .fl02 ul li a:hover{  background:#15569d; color:#fff; transition:0.6s}
.n_yingpin .fl02 ul li a:hover h5{ color:#fff;}
.n_yingpin .fl02 ul li a:hover h6{ color:#fff;}
.n_yingpin .fl02 ul li a h5,.n_yingpin .fl02 ul li a h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold}
.n_yingpin .fl02 ul li a h6{font-size:13px;color:#878787;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_yingpin .fl02 ul li a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #878787;-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;margin: -2px 0.25rem 0 0;}
.n_yingpin .fl02 ul li a .zi{ position:absolute; top:0; bottom:0; left:3.5rem}
.n_yingpin .fl02 ul li a .zi .table{ width:auto}
.n_yingpin .fl02 ul li a .jia{ position:absolute; top:50%; margin-top:-15px; right:4rem; width:30px; height:30px; transition:0.6s}
.n_yingpin .fl02 ul li a .jia:before{ content:""; position:absolute; width:30px; height:1px; background:#ababab; left:0; top:50%; margin-top:-0.5px;}
.n_yingpin .fl02 ul li a .jia:after{ content:""; position:absolute; width:1px; height:30px; background:#ababab; left:50%; top:0; margin-left:-0.5px;}
.n_yingpin .fl02 ul li a .zi .img02{ display:none}

.n_container .bg_xian{ position:absolute; bottom:0; left:0; right:0; height:142px; background:url(../images/xian_bg.png) center no-repeat;}


.n_contact .left{width:50%;height: 76.5rem;}
.n_contact .left .miso_bd{width:100%;height: 76.5rem;}
.n_contact .left .miso_bd iframe{ width:100%; height:76.5rem;}

.n_contact .right{width:45%;height: 86.5rem;}
.n_contact .right .box_table{ text-align:left}
.n_contact .right .title{ padding-bottom:2rem; border-bottom:#1fa3cc 2px solid}
.n_contact .right .title h3{ font-size:30px;}
.n_contact .right .miso_hd ul li{ width:100% !important; padding:1.75rem 0; border-bottom:#e2e2e4 1px solid; cursor:pointer}
.n_contact .right .miso_hd ul li h3{ height:2.5rem; line-height:2.5rem; font-size:1.125rem; color:#2c2c2c; font-weight:bold; padding-left:3.125rem; background:url(../images/dingwei.png) left center no-repeat; background-size:2.5rem 2.5rem !important; margin-bottom:1rem; transition:.6s}
.n_contact .right .title h3 img{ max-width:100%}
.n_contact .right .miso_hd ul li p{ font-size:1rem; color:#7d7d7d; line-height:1.875rem;}

.n_contact .right .miso_hd ul li.miso-current h3{ color:#073190}

.miso_qh{ opacity:0; visibility:hidden; transition:0.6s}
.miso_qh.miso-initialized{ opacity:1; visibility:visible;}
.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; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track,
.miso-slider .miso-list{ -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:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.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;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ background: #fff url('../images/ajax-loader.gif') center center no-repeat;}
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; 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);}


.n_porduct_detail .fl01{ padding:5rem 0; background:#fff}
.n_porduct_detail .fl01 .left{ width:26.25rem;}
.n_porduct_detail .fl01 .left ul li .img{ display:block; width:100%; padding-bottom:100%; position:relative}

.n_porduct_detail .fl01 .left ul li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_porduct_detail .fl01 .left ul li .img .top img{max-width: 100%;max-height:100%;display:inline-block;}
.n_porduct_detail .fl01 .left ul li .img .top video{ width:100%; max-height:100%;display:inline-block;}

.n_porduct_detail .fl01 .left ul .miso-prev, .n_porduct_detail .fl01 .left ul .miso-next{ width:27px; height:27px;}
.n_porduct_detail .fl01 .left ul .miso-prev{ background:url(../images/left03.png) center no-repeat; left:-3rem}
.n_porduct_detail .fl01 .left ul .miso-next{ background:url(../images/right03.png) center no-repeat; right:-3rem}

.n_porduct_detail .fl01 .right{ width:calc(100% - 26.25rem); padding:2.5rem 0 0 6.25rem}
.n_porduct_detail .fl01 .right h3{ position:relative; font-size:1.875rem; color:#073190; padding-left:1.25rem}
.n_porduct_detail .fl01 .right h3:before{ content:""; position:absolute; width:5px; height:1.5rem; top:0.125rem; left:0; background:#073190}
.n_porduct_detail .fl01 .right h5{ font-size:1.875rem; line-height:3rem; color:#555555; font-weight:bold; margin:0 0 2.75rem}

.n_porduct_detail .fl01 .right .ar_article p{ opacity:.7}
.n_porduct_detail .fl02{ background:url(../images/n_porduct_detail_fl02_bg.jpg) center bottom no-repeat; background-size:cover; padding:5.25rem 0 7.5rem}
.n_porduct_detail .fl02 ul{margin: 0 -5rem;margin-top: 8rem;}
.n_porduct_detail .fl02 ul li{float:left;width:33.333333%;padding: 0 4rem;text-align:center;}
.n_porduct_detail .fl02 ul li a{ display:block; transition:.6s; position:relative}
.n_porduct_detail .fl02 ul li a:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:6px; transition:.6s; border:#073190 2px solid; opacity:0; visibility:hidden}
.n_porduct_detail .fl02 ul li h3{ height:6.25rem;}
.n_porduct_detail .fl02 ul li h3 img{ transition:.6s; max-height:5rem}
.n_porduct_detail .fl02 ul li h5{font-size: 1.875rem;color: #1b1b1b;font-weight: bold;}
.n_porduct_detail .fl02 ul li p{font-size: 0.8rem;color: #444;margin-top: 1.75rem;line-height:1.5rem;}


.n_porduct_detail .fl03{ padding:0 0 5.5rem; background:#fff}

.ar_article table{ margin-bottom:0}
.ar_article table tr{ background:#073190}
.ar_article table tr:nth-child(2n-1) td{ background:#fff}
.ar_article table th{color:#fff;font-size: 1rem;font-weight: normal;}
.ar_article table td{font-size: 1rem;color: #555555;padding: 0.625rem 0.5rem;background: #f1f1f1;text-align: center;}
.ar_article table td a{ color:#0050b7}

.ar_article{ margin-bottom:0}
.ar_article table{ margin-bottom:0}
.ar_article table td{border: #d4d4d4 solid 1px;font-size: 0.95rem;color: #3c3c3c;line-height: 1.5rem;}

.n_porduct_detail .fl04{ background:#f8f8f8}	
	
	

@media(max-width: 768px){
.al_select{ max-width:100%}
.al_select ul li{ width:19.5%}
	.ar_wap{ display:inline-block}
	
	.container02 .top{ height:calc(100% - 10rem)}
	.container02 .bottom{height: 9rem;}
	
	#fp-nav{ display:none}
	.liu_icon img{ width:40%}
	
	.container02 .top .box p{height:5.625rem;overflow:hidden;margin-bottom: 2rem;}
	
	.container02 .top .layui-container .layui-row .box{ height:auto}
	iframe{transform:scale(0.5);float:none !important;position:relative;left:50%;margin: -45% 0 -35%;margin-left:-350px;}
	
	.section .title h2{font-size:2rem;display:  inline-block;}
	.section .title h3{font-size:1rem;margin:0.75rem 0 2rem;display: inline-block;margin-left: 0.5rem;}
	
	.container02 .top{height:calc(100vh - 9rem);overflow: hidden;}
	
	
	
	.container02 .slide_box ul{margin:0 -0.5rem;margin-bottom: 3rem;}
	.container02 .slide_box ul li{ padding:0 0.5rem}
	.container02 .slide_box ul li .img img{ max-width:80%}
	.container02 .slide_box ul li a{padding: 1rem 0 2rem;}
	.container02 .slide_box .title h4{ margin:0.75rem 0 3rem}
	.container02 .slide_box .title h4:before{ display:none}
	
	.more00 a{ padding:0.75rem 2rem;}
	
	.container03 .title h4{ line-height:1.875rem}
	.container03 ul li{ margin:2rem 0}
	.container03 ul li .icon{ max-width:4rem; max-height:2rem}
	.container03 ul li h3{ line-height:4rem}
	.container03 ul li:nth-child(2) .icon{ max-width:4rem; max-height:2.5rem}
	.container03 ul li:nth-child(5) .icon,.container03 ul li:nth-child(6) .icon,.container03 ul li:nth-child(7) .icon,.container03 ul li:nth-child(8) .icon { max-width:4rem; max-height:2rem}
	.container03 ul li h5{ font-size:1rem}
	
	.section .title h4{ margin:0.75rem 0 3rem}
	
	.container04 ul{ margin:0 -0.35rem}
	.container04 ul li{ padding:0 0.35rem; width:50%; margin-bottom:0.7rem}
	.container04 ul li a .con h3{ font-size:1rem; line-height:1.75rem}
	
	.container05 ul{ margin:0 -0.35rem}
	.container05 ul li{ padding:0 0.35rem}
	.container05 ul li .con{ padding:1rem 1rem}
	.container05 ul li .con h5, .container05 ul li .con h5 a{ font-size:14px; line-height:22px; height:44px; white-space:normal}
	
	.container06 ul li{ margin:1rem 0}
	.container06 ul li a{width:10rem;height:10rem;padding: 1.5rem 0;}
	.container06 ul li a h3{ line-height:4rem}
	.container06 ul li a h3 img{ max-height:2rem; max-width:5rem}
	
	.container08 .bottom dl{ display:none}
	
	.container08 .bottom_box .con_bottom .left_con{padding: 1rem 0 0;margin-bottom:3rem;width: 100%;text-align:  center;}
	.container08 .bottom_box .con_bottom .left_con p{ line-height:26px;}
	
	.container08 .bottom_box .con_bottom .right_con{ text-align:center; width:100%}
	.container08 .bottom_box .con_bottom .right_con ul{ text-align:center}
	.s_foot_link{margin:0 auto;display:  inline-block;}
	
	#mainMap{ height:260px !important; margin:-20px 0}
	
	.container07 .top .kuang{left:3%;right:3%;top: auto;bottom: 3%;width: 94%;}
	.container07 .top .kuang .con{width:100%;padding:1.25rem;position: absolute;bottom: 3%;}
	.container07 .top .kuang .con h4{ font-size:1.25rem}
	.container07 .top .kuang .con h3 big{ font-size:1.25rem}
	
	.container07.fp-auto-height .fp-slide, .container07.fp-auto-height .fp-tableCell, .container07.fp-auto-height.fp-section{ height:100vh !important}
	#map{ height:100vh !important}
	.container07 .top .kuang .table_cell{ vertical-align:bottom}
	
	.fp-viewing-f4 header .menu-btn:before, .fp-viewing-f4 header .menu-btn:after{ background:#333}
	.banner-next .next-icon{ height:26px; background-size:auto 100% !important}
	.banner-next .next-text{ top:48px;}
	.banner-next .next-text img{ height:14px;}
	
	.n_banner h3{ font-size:1.5rem}
	.n_banner h4{ font-size:1.75rem}
	.n_banner h4.h4{font-size:1.25rem;padding: 0 1.5rem;}
	.n_banner h4:before{ bottom:-20px; width:32px; margin-left:-16px;}
	
	.n_about .fl02{ padding:2.5rem 0}
	.n_about .fl02 ul{ margin:0 -3%}
	.n_about .fl02 ul li h5{font-size:12px;margin-bottom: 0.5rem;}
	.n_about .fl02 ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}
	.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 1.5rem;}
	.n_about .fl02 ul li h6{ font-size:10px;}
	.n_about .fl02 ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}
	
	.piaofu{ right:1rem}
	.piaofu a img{ width:5rem}
	
	.n_zhici{ padding:2.5rem 0}
	.n_zhici .ar_article{ display:block}
	.n_zhici .ar_article .right{ margin-bottom:1rem}
	.n_zhici .ar_article .left,.n_zhici .ar_article .right{ width:100%; padding:0; display:block}
	.n_zhici .ar_article .left .ar_article h3{ padding:0}
	
	.ar_article{font-size:13px; line-height:26px}
	.ar_article p{font-size:13px; line-height:26px}	
	
	.al_select ul li a{ font-size:14px;}
	
	#content{ height:auto !important}
	.nianf{width: 67px;height: 34px;line-height: 30px;font-size: 12px;}
	.n_licheng ul li{ padding:10px 0}
	.n_licheng ul li .right{ width:calc(100% - 108px)}
	.n_licheng ul li .right .box .table .table_cell{ font-size:12px; line-height:26px;}
	.n_licheng .content_box:before{left: 84px;width: 2px;}
	.n_licheng .content_box .bg{left: 84px;width: 2px;}
	.n_licheng ul li .point{left: 78px;border: #fff 2px solid;width: 16px;height: 16px;margin-top: -8px;}
	.n_licheng .content_box .bg:before{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}
	.n_licheng .content_box .bg:after{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}
	
	.n_licheng ul{ height:auto !important}
	.n_licheng ul li{ margin-top:0 !important}
	.n_licheng ul li .left{ left:0 !important}
	.n_licheng ul li .point{left: 78px !important}
	.n_licheng ul li .right{ right:0 !important}
	
	.n_wenhua{ padding:2.5rem 0;}
	
	.n_contact dl dt{ display:inline-block; width:100%;}
	.n_contact dl dd{ display:inline-block; width:100%; margin-bottom:2rem}
	.n_contact dl dd h3 img{ height:2.5rem}
	
	.n_case ul{ margin:0 -0.5rem}
	.n_case ul li{ padding:0 0.5rem; width:50%}
	.n_case ul li:nth-child(9){ display:none}

	
	.n_case_detail .content{padding:3rem;display: block;}
	.n_case_detail .content .left{ margin-bottom:3rem}
	.n_case_detail .content .left .title h3{font-size:1.5rem;line-height: 2.5rem;}
	.n_case_detail .content .left,.n_case_detail .content .right{width:100%;display:block;padding: 0;}
	
	.n_case_detail .content .right ul{ font-size:0; margin:0 -5px}
	.n_case_detail .content .right ul li{display:inline-block;padding:0 5px;width: 100%;}
	
	.n_yewu{ padding:2.5rem 0}
	
	.n_yewu ul{ margin:0 -5px;}
	.n_yewu ul li{ padding:0 5px; margin-bottom:10px}
	.n_yewu ul li a p{font-size:12px;padding: 0 1rem;}
	.n_yewu ul li a h3 img{ height:2.5rem}
	.n_yewu ul li a h5{ margin-bottom:1.5rem}
	
	.n_yewu_detail ul{ margin:0 -5px;}
	.n_yewu_detail ul li{padding:0 5px;width: 50%;margin-bottom:1rem;}
	
	.j_pages a.none{ display:none}
	
	.n_yuangong ul{ margin:0 -5px;}
	.n_yuangong ul li{ padding:0 5px; width:33.333333%; margin-bottom:1rem}
	.n_yuangong ul li a h3 img{ height:2.5rem}
	
	
	.n_news .fl01 ul{ margin:0 -5px}
	.n_news .fl01 ul li{padding:0 5px;width: 50%;}
	.n_news .fl01 ul li:nth-child(3){ display:none}
	
	.n_news .fl02 ul{padding:0 5px}
	.n_news .fl02 ul li{padding:1rem 0 1rem;width: 50%;display: inline-block;}
	.n_news .fl02 ul li .layui-container03{ padding:0 5px}
	.n_news .fl02 ul li .box a h5, .n_news .fl02 ul li .box a h5 a{ font-size:13px}
	.n_news_detail .content .n_left .n_left_box{ padding:1.5rem}
	
	.n_news_detail{ padding:2.5rem 0 2.5rem}
	.n_news_detail .content{ display:block}
	.n_news_detail .content .n_left{ display:block; width:100%; padding:0; margin-bottom:3rem}
	.n_news_detail .content .n_right{ display:block; width:100%}
	.n_news_detail .content .n_right .frl01 ul{ width:100%}
	.n_news_detail .content .n_left .title h6 .span2{ display:none}
	
	.n_video ul{ margin:0 -5px; margin-bottom:1rem}
	.n_video ul li{padding:0 5px;margin-bottom: 1rem;}
	
	#page_show_video_box video{ width:360px; height:204px;}
	#page_video{width: 420px;height:214px;}
	#page_video .video_box{width: 370px;height:214px;}
	#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}
	#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}
	#bnt_close01 img{width:1rem;height:1rem;left:1.5rem;top:1.5rem;}
	#page_show_video_box .box{ margin-left:-185px;}
	
	.n_zizhi .fl01 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0rem;}
	
	.n_zizhi .fl02 ul{ margin:0 0rem}
	.n_zizhi .fl01 ul{ margin:0 0rem}
	.n_zizhi .fl02 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0;}
	.n_zizhi .fl01 ul li a .img img{max-height: 34%;}
	
	.n_yingpin .fl01{ padding:2rem 0}
	.n_yingpin .fl01 ul li{ width:100%; margin:1.5rem 0}
	.n_yingpin .fl01 ul li h3 img{ height:2rem}
	.n_yingpin .fl01 ul li h2 img{ height:6rem}
	
	.n_yingpin .fl02{ padding:2.5rem 0}
	.n_yingpin .fl02 ul li a .zi{ left:1.5rem}
	.n_yingpin .fl02 ul li a .jia{ right:1.5rem}
	.n_yingpin .fl02 ul li a .zi img{ height:4rem}
	
	.n_renli .fl01{  padding:2.5rem 0}
	.n_renli .fl01 .right,.n_renli .fl01 .left{ padding:0; width:100%}
	.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}
	
	.n_renli .fl03 .box img{height: 18rem; width: auto;}
	
	.n_renli .fl03 .box .con{ width:9rem}
	.n_renli .fl03 .box .con:after{ width:18px; height:18px; margin-top:-9px; display:none }
	.n_renli .fl03 .box .con01{padding-left:0;left:80%;text-align:left;top:2rem;margin-top: 3rem !important;}
	.n_renli .fl03 .box .con02{ padding-left:0; left:80%; text-align:left; bottom:2rem}
	.n_renli .fl03 .box .con03{ padding-right:0; right:80%; text-align:right; bottom:2rem}
	.n_renli .fl03 .box .con04{padding-right:0;right: 88%;text-align:right;top:2rem;}
	.n_renli .fl03 .box .con:before{ display: none}
	
	.n_wenhua .fl01 .box>img{ height:15rem}
	.n_wenhua .fl01 .box .wz h3 img{ height:2.5rem}
	.n_wenhua .fl01 .box .wz h5{ font-size:16px;}
	.n_wenhua .fl01 .con h3{font-size:1.25rem;text-align: left;}
	.n_wenhua .fl01 .con p{font-size:11px;line-height:24px;text-align: left;}
	.n_wenhua .fl01 .con p .ar_web{ display:none}
	
	.n_wenhua .fl01 .con01{top:2rem;position: relative;left: 0;margin-left: 0;margin-bottom: 2rem;}
	.n_wenhua .fl01 .con02{top:2rem;margin-right:16%;position: relative;text-align: left;margin-right: 0;right: 0;margin: 3rem 0 2rem;}
	.n_wenhua .fl01 .con{ transition-delay:0 !important}
	
	.n_case ul li a .con h3{  font-size:1.25rem; padding:0 1.25rem}
	
	.n_news .fl02 ul li .img{ width:100%;}
	.n_news .fl02 ul li .box{ width:100%;}
	
	.biaoyu a{width:80%;height: 50px;line-height: 50px;border-radius: 30px;}
	
	.n_yewu_detail ul li .con{ padding:1.5rem 1rem 1.5rem}
	.n_yewu_detail ul li .con h6{overflow:hidden;}
	
	.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ display:none !important}
	
	.n_case_detail .content .right h3{ display:block}
	
	.n_news_detail .content .n_left .title h3{ font-size:1.5rem; line-height:2rem}
	
	.n_renli .fl03 .box .wz{height:18rem;margin-bottom: 3rem;}
	.n_renli .fl03 .box .con{position: initial;padding:  0;margin:  0;width: 100%;left: 0;right: 0;top: auto;text-align:  center;margin-top: 1rem;display:  block;}
	
	#mainMap canvas{}
	.n_zizhi .fl01 ul{}
	
	.piaofu .close{bottom: 23rem;}
	.kaiguan{bottom:22rem;width: 50px;height: 50px;line-height: 50px;font-size: 18px;padding: 0 7px;}
	
	.n_zizhi .fl02 ul li a .img img{ max-height:12%}
	
	.container02 .slide_box ul li .img{ height:12rem; line-height:12rem}
	
	.n_video ul li a .img, .n_video ul li a .img>video{ height:200px;}
	
	.ar_article.ar_web{ display:none}
	.ar_article.ar_wap{ display:inline-block}
	.n_news .fl01 ul li .con h5, .n_news .fl01 ul li .con h5 a{ font-size:13px}
} 


@media(max-width: 540px){
.n_zizhi .fl01 ul li{width:50%;margin-bottom:2rem;padding: 0 0rem;}
.n_zizhi .fl02 ul li{width:50%;}
.container06 ul li a{width:8rem;height:8rem;padding: 1rem 0;}
.container06 ul li a h5{ font-size:12px; padding:0 5px;}
.n_video ul li a .img, .n_video ul li a .img>video{ height:150px;}
}


@media(max-width: 456px){
	.n_case_detail .content{padding:1.5rem;display: block;}
	
	.n_wenhua .fl01 .box>img{}
	.n_wenhua .fl01 .box .wz h3 img{}
	.n_wenhua .fl01 .box .wz h5{}
	.n_wenhua .fl01 .con h3{ font-size:1.25rem}
	.n_wenhua .fl01 .con p{ font-size:10px; line-height:20px;}
	.n_video ul li a .img, .n_video ul li a .img>video{ height:120px;}
	
}