﻿@charset "utf-8"; /* CSS Document */ 

* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle; max-width:100%;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";    font-family: "Montserrat", Sans-serif;}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
@media screen and (min-width:320px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:19px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;} 
.tt2{font-size:14px;} 
.tt3{font-size:15px;} 
.tt4{font-size:16px;} 
.tt5{font-size:18px;} 
.tt6{font-size:18px;} 
.tt7{font-size:20px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 480px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:18px;} 
.tt6{font-size:18px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;} 
.tt2{font-size:14px;} 
.tt3{font-size:16px;} 
.tt4{font-size:18px;} 
.tt5{font-size:18px;} 
.tt6{font-size:20px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:28px;} 
.tt10{font-size:30px;} 
.tt11{font-size:30px;} 
.tt12{font-size:48px;}
}
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mhj{ height:5px;} 
.mhj2{overflow:hidden; clear:both; height:10px;}
}
@media (min-width:769px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:24px;} 
.tt8{font-size:24px;} 
.tt9{font-size:32px;} 
.tt10{font-size:36px;} 
.tt11{font-size:40px;} 
.tt12{font-size:60px;} 
.mhj{ height:20px;} 
.fl{ float:left;} 
.fr{ float:right;} 
.pc{ display:block;} 
.app{ display:none;} 
.mhj{ height:10px;} 
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
}
@media (min-width:1180px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
} 
.clear { clear: both; }
/*头部*/ 
.header{width: 100%; z-index: 999; background:#FFF;} 
.head{ max-width:1720px; width:90%; margin:0 auto;}
.logo_p1{ float:left; width:30%; padding:15px 0; }
.logo_p1 a { float:left; width:30% } 
.logo_p2{ float:left; width:65%; padding-top:15px;}  
.hl_r{ float:right; width:68% } 
.webnav{ float:left; width:65%;}
.search{ float:right; width:32%;}
.nav_l{ float:left; padding-top:30px;width:60%;}
.nav_r{ float:right; padding-top:30px;width:35%; text-align:left}
.sear0{}
.sear1{ line-height:34px; width:100%; border-top-left-radius:50px;border-bottom-left-radius:50px; border:1px solid #ccc; border-right:none}
.sear2{ border:none; padding:0; margin:0; background: url(../images/sear.png) center no-repeat #0a5599; color:#FFF; width:50px; line-height:36px; border-top-right-radius:50px;border-bottom-right-radius:50px;}


.nav_c{ position:relative; clear:both;}
.nav_c .nav_1{ position: relative;text-align: center; float:left; line-height:100px; width:calc(100% / 5);} 
.nav_1a{  text-transform:uppercase; color:#333333;} 
.nav_1:hover .nav_1a{ background:#1184d8; padding:7px 20px;border-radius:50px; color:#FFF} 
.nav_1 a.nav_1_a { background:#1184d8; padding:7px 20px;border-radius:50px; color:#FFF} 
.nav_c .nav_1:first-child .nav_1a{ border:none;}
.nav_warp {  position: absolute; top:70px; right:0px; min-width:120%; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;box-shadow:0 0 10px rgba(0, 0, 0, 0.1); background:#FFF;} 
.nav_warp a{ display:block; text-align:center; padding:0 15px;color: #333; line-height:2.4;} 
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; background:#1184d8;color:#FFF} 
.nav_warp ul{display:none} 
.nav_warp li:hover  ul{display:block;position: absolute; float:left; margin-left:140px; margin-top:-40px;background-color: #fff;width:150px; } 
.nav_c .nav_2{ float:right; font-size:16px; padding:0; padding-left:20px;}
/*面包屑*/ 

.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #fff; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #fff; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 
.header2{ position:relative; background:#fff;}
.header2 .nav_1a{ color:#444;} 



@media screen and (max-width:1023px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:60%;} 
.head_logo a { display: block; cursor: pointer; padding:0 10px ;} 
.head_logo img { height:60px;} 
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff;*/  background-size:auto 100%; position:relative;display:block;width:100%; z-index:99999; background:#ed2a28;} 
.cbg{ }
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}
} 
.main,.ftit,.link,.foot{ width:96%; max-width:1500px; margin:0px auto;overflow:hidden;clear:both;} 
.main2{ width:100%; max-width:1500px;margin:0px auto; position:relative;} 
.nymain{ width:98%; max-width:1300px;margin:0px auto; position:relative;} 
.hj{overflow:hidden; clear:both; height:10px;} 
.hj2{overflow:hidden; clear:both; height:20px;} 
.hj3{overflow:hidden; clear:both; height:30px;} 
.pp1{ padding:1% 0;} 
.pp2{ padding:2% 0;} 
.pp3{ padding:3% 0;} 
.pp4{ padding:4% 0;} 
.pp5{ padding:5% 0;} 
.clear{ overflow:hidden; clear:both;} 
.img1{ display:block; position:relative; width:100%; padding-bottom:82%; overflow:hidden;} 
.img2{ display:block; position:relative; width:100%; padding-bottom:53.33%; overflow:hidden;} 
.img3{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;} 
.img4{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img1 img,.img2 img,.img3 img,.img4 img{ position:absolute; top:0; left:0; width:100%; height:100%;} 
.none {display: none;} 
.img1,.img2,.img3,.img4{ overflow:hidden;} 
.img1 img,.img2 img,.img3 img,.img4 img{/*  cursor: pointer;*/ transition: all 0.8s;} 
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.qq{ width:100%;  margin:0 auto; position:relative;} 
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;} 
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;} 
.fullSlide .bd ul{width:100% !important; height:100%;} 
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:none; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; width:96%; padding:5px 2%; color:#fff; text-align:left;}
.fullSlide .hd{position:absolute;z-index:1;bottom:12px;right:0px; width:100%;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px; overflow:hidden;background:#898a8c;filter:alpha(opacity=50);opacity:1;line-height:999px; margin:5px; border-radius:50px;}
.fullSlide .hd ul .on{background:#f00;width:12px;height:12px; }
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}


.tit1{ text-align:center; text-transform:uppercase;  position:relative; line-height:2;}
.tit1:before{ position:absolute; bottom:-2px; left:calc(50% - 50px); width:100px; height:3px; content: ""; background:#0a5599;}
.tit1_p1{ color:#000; font-weight:bold;}
.tit1_p2{ color:#a5a5a5; text-transform:uppercase;}

.tit2{ text-align:center; text-transform:uppercase;  position:relative; line-height:2;}
.tit2:before{ position:absolute; bottom:-2px; left:calc(50% - 50px); width:100px; height:3px; content: ""; background:#FFF;}
.tit2_p1{ color:#FFF; font-weight:bold;}
.tit2_p2{ color:#FFF; text-transform:uppercase;}

.nr1_p7 li{ float:left; width:31.333%; padding:1%; text-align:left;}
.nr1_p71{  }
.nr1_p72{ display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;padding:10px 0}
.nr1_p72 a:hover{ color:#0a5599}
.nr1_p73{ color:#777;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:2} 
.nr1_p74{padding:10px 0; line-height:2}
 
.nr1_p1 li{ float:left; width:23%; padding:1%; text-align:center;}
.nr1_p11{ display:block; line-height:2; padding:10px 0;}
.bg1{ background:#f1f1f1; } 
.nr1_p21{ line-height:2;}
.nr1_p22 li{ float:left; width:23%; padding:1%; text-align:center;}
.nr1_p22 li p img{ max-width:50%;}
.bg2{background: url( ../images/bg2.jpg ) no-repeat center #004565; background-size: 100% 100%;}

.nr2_p1 li{ float:left; width:25%; position:relative;}
.nr2_p11{ position:absolute; top:0%; left:0%; padding:20% 20%; height:60%; width:60%; z-index:99; color:#fff; background:rgba(0,0,0,0.55); }
.nr2_p12{ display:block; font-weight:bold; color:#FFF;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.nr2_p1 li:hover .nr2_p11{background:rgba(0,0,0,0);}
.nr2_p110{ position:absolute; top:30%;   padding:10% 20%; width:50%;}

.nr2_p13{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:8% 0 15% 0;}
.nr2_p14{ display:block; border:1px solid #fff; border-radius:50px; padding:0 20px; color:#FFF; float:left; line-height:2;}
.nr2_p1 li:hover .nr2_p14{ background:#363b94;}

.nr1_p6 li{ float:left; width:31.33%; padding:1%; text-align:center; }
.nr1_p66{ border:1px solid #eee}

.nr1_p31{ }
.nr1_p31 .img1{ padding-bottom:53.2%;}
.nr1_p32{ line-height:2}
.nr1_p321{ color:#ddd; font-size:8rem; line-height:1.1;}
.nr1_p322{ font-weight:bold;}
.nr1_p323{ color:#777;}
.nr1_p324{ display:block; background:#c70d00; border-radius:10px; padding:0 20px; color:#fff; line-height:2.2; float:left; margin-top:3%;}
.tit3{ text-align:left; font-weight:bold}
.nr1_p41 .img1{ padding-bottom:50%;}
.nr1_p411{ padding-top:3%;}
.nr1_p412{ display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.nr1_p413{ color:#777;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nr1_p41 .nr1_p324{ margin-top:4%;}
.nr1_p42 ul{ border-top:1px dashed #eee;}
.nr1_p42 li{ border-bottom:1px dashed #eee; overflow:hidden; clear:both; padding:4% 0;}
.nr1_p421{ float:left; text-align:center; width:100px;}
.nr1_p422{ float:right; width:calc(97% - 100px);}

.more1{display:block; border:1px solid #999; color:#666; border-radius:50px; padding:0 25px; line-height:2;}
.more1:hover{ border:1px solid #363b94; background:#0a5599; color:#fff;}

.more2{display:block; border:1px solid #999; color:#666; text-align:center; line-height:2; width:150px;}
.more2:hover{ border:1px solid #363b94; background:#0a5599; color:#fff;}

.fbg{ background:#0a5599; color:#fff; padding-top:2%;}
.fbg a{ color:#fff;}
.fbg a:hover{ color:#fff;}
.foot{ border-top:1px solid #2568a4; text-align: center;line-height:2}
.ftit_p1 li{ float:left; width:33.333%;}
.ftit_p1 li a{ display:block;}
.ftit_p11{float:left; width:30%; text-align:center}
.ftit_p12{float:right; width:68%; line-height:2}
.ftit_p22{ color:#fff; font-weight:bold; padding-top:40px;} 

.ny_left{ float:left; width:320px;}
.ny_right{ float:right; width:calc(100% - 350px); border-top:2px solid #eee}


.tit4 li{ float:left; padding:0 20px; background:#d6d0d0; line-height:2.2;}
.tit4 li.active{ background:#ed2a28; color:#fff;}
.tit4 li.active a{  color:#fff;}
.nr1_p5 li{ border-bottom:1px dashed #eee; overflow:hidden; clear:both; padding:2% 0;}
.nr1_p51{ float:left; width:15%; padding-right:2%;}
.nr1_p52{ float:left; width:calc(83% - 100px); padding:10px;}
.nr1_p53{ float:right; width:80px;}
.nr1_p61{ border:1px solid #ddd; background:#f5f5f5; padding:5px; color:#777; margin-top:10px;}
.nr1_p62{ background:#ed2a28; color:#fff; display:block; max-width:380px; width:50%; line-height:2.2;}
.tit5 p{ padding:0 15px; float:left;}
.newstit{ text-align:center; line-height:2; font-weight:700}
.adv1{ width:100%}
.adv1 img{ width:100%}
.lan_p1{ border:2px solid #eee; padding:10px; clear:both; overflow:hidden}
.lan_p11{ color:#0d7cd3; font-weight:700; line-height:1}
.lan_p11:before{ position:absolute; bottom:-43px; left:10px; width:60px; height:3px; content: ""; background:#ccc;}
.lan_p12 { margin-top:20px;}
.lan_p12 li {position: relative;overflow: hidden;clear: both; border-bottom:1px solid #eee; padding:5px 0}
.lan_p12 li a{ display:block; position:relative; padding-left:15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2;}
.lan_p12 li a:before{ position:absolute; left:0; top:calc(50% - 2px); width:5px; height:5px; content: ""; background:#aaa; border-radius:5px;}
.lan_p12 li:hover a:before{background:#0d7cd3;}
.lan_p12 li:hover a{ color:#0d7cd3;}

.lan_p12 li.active  a:before{ background:#0d7cd3;}
.lan_p12 li.active a{  color:#0d7cd3;}
.lan_p12 li.active li{border-bottom:1px solid #1c81d9;}

.neir{ line-height:2}
.neir img{ max-width:100%}

.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pagesb span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #0d7cd3;border-color: #0d7cd3;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #0d7cd3;border-color: #0d7cd3;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.nr2_p32 li{ position:relative; overflow:hidden; clear:both; border-bottom:1px solid #EEE; padding:15px 0;}
.nr2_p32 li a{ display:block; position:relative; padding-left:45px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2;}
.nr2_p32 li a:before{ position:absolute; left:0; top:calc(50% - 0px); width:25px; height:1px; content: ""; background:#000; border-radius:5px;}
.nr2_p32 li span{ float:right; margin-top:-30px;}

.tit6{ clear:both; border-bottom:1px solid #eee;}
.tit6 li{ float:left; color:#257cd6; padding:0 15px; line-height:40px; position:relative;}
.tit6 li.active:before{ position:absolute; bottom:-1px; left:0; width:100%; height:2px; content: ""; background:#257cd6;}
#showbox { border:1px solid #eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.cp_p1{ width:40%}
.cp_p2{ width:58%; text-align:left;}
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mm1{ padding:1%; width:96%; margin:0 auto;} 
.f14{ font-size:12px;} 
.f16{ font-size:14px;} 
.f18{ font-size:15px;} 
.pp1{ padding:5px 0;} 
.pp2{ padding:10px 0;} 
.qt{ position:relative; width:100%; padding-bottom:35%; height:0; overflow:hidden;} 
.main,.ftit,.link,.foot,.top { width:96%;margin:0px auto;} 
.nr1_p1 li{ float:left; width:48%; padding:1%; text-align:center;}
.nr1_p2{ background:rgba(198,12,0,0.5); padding:3%;} 
.nr1_p321{ color:#ddd; font-size:5rem; line-height:1.1;}
.ftit_p21{ float:left; width:40%; padding:2%; text-align:center;}
.ftit_p22{ width:52%; padding-top:30px;}

.nr1_p51{ float:left; width:150px;}
.nr1_p52{ float:left; width:calc(98% - 170px); padding:10px;}
.nr1_p53{ float:right; width:70px;} 
.nr1_p6 li{ float:left; width:48%; padding:1%; text-align:center;}
.nr1_p7 li{ float:left; width:98%; padding:1%; text-align:left;}
.nr2_p1 li{ float:left; width:50%; position:relative;}
.ny_left{   width:100%;}
.ny_right{  width:100%;}
.lan_p12 li {position:  relative;overflow: hidden;clear: none; border-bottom:1px solid #eee; padding:5px 0; width:50%; float:left}
}
@media (min-width:769px) {

.fl{ float:left;} 
.fr{ float:right;} 
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.pp1{ padding:10px 0;} 
.pp2{ padding:20px 0;} 
.qt{ position:relative; width:100%; padding-bottom:42.19%; height:0; overflow:hidden;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.w48{ width:49%;}
.w80{ width:78%;}
.w20{ width:20%;}

.nr1_p2{ width:50%;}
.nr1_p31{ float:left; width:50%;} 
.nr1_p32{ width:46%; padding:0 2%; text-align:left;}
.nr1_p41{ width:36%; padding:2%;}
.nr1_p42{ width:56%;}
.ftit_p1{ width:70%;}
.ftit_p21{ float:left; padding-left:80px; text-align:center;}
} 