﻿@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
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; max-width:100%;}
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;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

.clear { clear: both; }
.tt{border-bottom:1px solid rgba(255, 255, 255, 0.33);box-shadow: 0 10px 35px rgba(0, 0, 0, 0.001);}
.head{ position:relative; clear:both;}
.logo1{position: absolute; left:0; top:0px;z-index:888;  display:none;}
.logo2{position: absolute; left:0; top:0px;}
.head1{ display:none;}
.head2{}


.nave{ position: fixed; right:10px; width:15px; height:100%; top:0%; display: flex;  justify-content:center;  align-items:Center; text-align:center;z-index:2;}
.nave ul{width: 100%;}
.nave ul li{ width: 100%; text-align: center; cursor: pointer; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}
.nave ul li.current{}
.nave ul li span{ display:block; border-radius:50%; margin: 6px 0; width: 12px; height: 12px; background: rgba(255, 255, 255, 0.7); border: 1px solid #000;opacity: .4;}
.nave ul li.current span{opacity: .99; background: rgba(255, 255, 255, 0.99); }
/*头部*/ 
.tt{ position: fixed; top:0; left:0; width:100%; z-index:9999;}
.header{ width:100%;}
.logo_p1{ float:left;}
.nav { float:right;}
.nav_c{ width:100%; position:relative; clear:both;} 
.nav_c .nav_1{ float:left; position: relative;text-align: center; padding:0 15px; line-height:75px;}
.nav_1a{ display:block; font-size:16px;}
.nav_1a:hover{ border-bottom:4px solid #fff;}
.nav_1 a.nav_1_a { border-bottom:4px solid #fff;} 
.nav_12,.nav_13{ float:left;}
.nav_12{ padding-left:20px; padding-right:10px; line-height:75px; font-size:16px; color:#fff;}
.nav_10 img{-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}
.nav_13{ padding:0 5px; padding-top:25px;}
.nav_121{ display:block; position:relative;}
.nav_122{ display:none; position: absolute; top:24px; right:0; min-width:100%; z-index:100;}
.nav_121:hover .nav_122{ display: block;}
.sear1{ width:146px; line-height:22px;height:22px; border:1px solid #ddd; padding:0 5px; margin:0;}
.sear2{ width:24px; line-height:24px;height:24px; padding:0; margin:0;background:url(../images/ico3.png) no-repeat center; border:none;}

.head2 .nav_1a{ color:#fff;}
.head1,.head3{ background:#fff;}
.head1 .nav_1a,.head3 .nav_1a{ color:#878787;}
.head1 .nav_1a:hover,.head3 .nav_1a:hover{ border-bottom:4px solid #d21e16; color:#d21e16;}
.head1 .nav_1 a.nav_1_a ,.head3 .nav_1 a.nav_1_a { border-bottom:4px solid #d21e16; color:#d21e16;} 
.head1 .nav_12,.head3 .nav_12{ color:#24b49f;}
.head1 .nav_10 img,.head3 .nav_10 img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}

.nav_warp { background-color: #fff;background-color: rgba(0,0,0,0.6); position: absolute; top:36px; left:50%; margin-left:-75px; min-width:100%; width:150px; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#fff; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0,0,0,0.8);}
.nav_warp2{}

/*面包屑*/ 
.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: #e3001b; } 
.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: #e3001b; } 
.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: #e3001b; } 
.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; } 

@media screen and (max-width:999px)and (min-width:300px) { 
.header,.tt { width: 100%; display: none;} 
.nave{ display: none;}
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding-left:2%;} 
.head_logo img { height:60px } 
.cai {/* width: 100%; position: fixed; top: 0px; z-index: 999;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/ display:block; z-index: 99999; width:100%; position: relative; z-index:999999999999;} 
.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:60px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index:999999999999; 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;}

/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
}

.main,.ftit,.link,.foot { width:96%; max-width:1300px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:100%; max-width:1300px;margin:0 auto; position:relative;}
.main3{ width:100%; max-width:1300px;margin:0 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:56.1%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:92.1%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:53.6%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:31%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:63.2%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:58.8%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:139%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img3 img,.img4 img{  cursor: pointer; transition: all 0.8s;}
.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 p{ width:100%; padding-bottom:36.46%; position:relative;}*/
/*.fullSlide .bd li a{display:block; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; width:70%; padding:2%; padding-right:28%; color:#fff; text-align:left;}*/
.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px; max-width:50px;height:8px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);opacity:0.9;line-height:999px; border-radius:50%; border:2px solid #fff;}
.fullSlide .hd ul .on{background:#009afe;background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
.bd_p{ color:#fff; text-align:left;}
.bd_p1{ position:relative; line-height:1.3; padding:1.5% 0;}
.bd_p1:before{ position:absolute; left:0; bottom:0; width:50px; height:5px; content: ""; background:#fff; transition: all 0.8s;}
.bd_p2{ padding:2% 0; clear:both;}
.bd_p3{ display:block; float:left;background:linear-gradient(to right, #d21c15, #d9752c); line-height:2.8; border-radius:35px; color:#fff; padding:0 4%; text-align:center;}
.none {display: none;}
.btn-toggle {position: absolute;width: 34px;height:88px;background: url(../images/tub1.png) no-repeat;background-size: cover;z-index: 12;left: 50%;margin-left: -12px;bottom: 5%;animation: toggleMove .8s infinite;-moz-animation: toggleMove 10.8s infinite;-webkit-animation: toggleMove .8s infinite;-o-animation: toggleMove .8s infinite;}
.nextPage {	bottom: 5.5%; animation: toggleMove .8s infinite; -moz-animation: toggleMove 10.8s infinite; -webkit-animation: toggleMove .8s infinite; -o-animation: toggleMove .8s infinite; animation-name: myfirst; }
@keyframes myfirst {
0% { bottom: 5.5%; opacity: .3;}
 50% { bottom: 4.5%; opacity: 1;}
100% { bottom: 5.5%; opacity: .3;}
}
.main_box{ width:100%}
.page2{ background: url(../images/bg1.jpg) no-repeat center; background-size:auto 100%;}
.page3{ background: url(../images/bg2.jpg) no-repeat center; background-size:auto 100%;}
.page4{ background: url(../images/bg3.jpg) no-repeat center; background-size:auto 100%;}
.page5{ background: url(../images/bg4.jpg) no-repeat center; background-size:auto 100%;}
.page6{ background: url(../images/bg5.jpg) no-repeat center; background-size:auto 100%;}
.page7{ background: url(../images/tu4.jpg) no-repeat center; background-size:auto 100%;}
.tit1{ text-align:center;}
.tit1_p1{ font-weight:bold;}
.tit1_p2{ color:#9c9c9c; text-transform:uppercase;}
.nr1_p1,.nr1_p2,.nr1_p3,.nr1_p4{ overflow:hidden; clear:both;}
.nr1_p1{ max-width:980px; margin:0 auto; text-align:center; line-height:2.2; color:#666;}
.nr1_p2{ overflow:hidden; clear:both;}
.nr1_p2 li{ float:left; padding:2%;}
.nr1_p21{ background:#fff; padding:15% 3%; border-radius:10px; text-align:center; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}
.nr1_p22{ padding:5% 0;}
.nr1_p24{ color:#555;}
.nr1_p23{ padding:5% 0; color:#ff7f5b;}
.nr1_p25{ color:#b2b2b2; line-height:24px;height:24px; text-transform:uppercase; overflow:hidden; margin:10px 0;}
.nr1_p26{ display:block;white-space: nowrap; background:linear-gradient(to right, #d21c15, #d9752c); line-height:2.8; border-radius:35px; color:#fff; padding:0 30px;}
.nr1_p3 li{ float:left; padding:1%;}
.nr1_p31{ background:#fff; padding:15% 3%; border-radius:10px; text-align:center; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.nr1_p32{ line-height:24px; color:#777; text-align:left; margin-top:8%; padding:0 4%; height:192px; overflow:hidden;}
.nr1_p33{ padding:5% 0;}
.nr1_p51 li{ padding:2% 0; line-height:2;}
.nr1_p52{ background:url(../images/tt1.png) no-repeat left center; padding-left:24px; font-weight:bold;}
.nr1_p53{ padding-left:24px;}
.nr1_p61{ overflow:hidden; clear:both; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(0, 0, 0, 0.2); padding:3%;}
.nr1_p601{ overflow:hidden; clear:both; background:#fff; border-radius:15px; box-shadow:0 0 0px rgba(0, 0, 0, 0.01); padding:3%;}
.nr1_p61 li{ float:left; width:29.333%; padding:2%;}
.nr1_p63{ line-height:30px;height:30px; overflow:hidden; position:relative; padding-bottom:10px;}
.nr1_p63:before{ position:absolute; left:0; bottom:0; width:30px; height:2px; background:#80d0b4; content: "";}
.nr1_p64{ color:#999; line-height:24px; height:72px; overflow:hidden; padding-top:8px;}
.nr1_p7 li{ float:left; width:29.333%; padding:2%;}
.span12{ position:relative; padding:0 60px;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-item {float: left;}
#owl-demo .item{ margin:1.5%;}
/*#owl-demo .item img{  display: block; width: 100%; height: auto;}*/	
.owl-theme .owl-controls{ text-align: center; height:0; overflow:hidden;}
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } 
.owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
.owl-page{ display: inline-block; zoom: 1; *display: inline;} 
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } 
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
.customNavigation{ position:absolute; top:calc(50% - 15px); left:0; width:100%; text-align: center;}
.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); float:left;}
.nr1_p8{ background:#fff; border-radius:8px; overflow:hidden; clear:both; box-shadow:0 0 15px rgba(0, 0, 0, 0.15);}
.nr1_p85{ background:#2f6aff; width:25px; height:3px; border-radius:5px; margin:10px 0;}
.nr1_p84{ color:#555;}
.nr1_p9 li{ float:left; width:31.333%; padding:1%;}
.nr1_p91{ overflow:hidden; clear:both; background:#fff; border-radius:10px; box-shadow:0 0 15px rgba(0, 0, 0, 0.2); padding:5%;}
.nr1_p92{ overflow:hidden; clear:both; line-height:2;}
.nr1_p921{ float:left; width:50px; height:50px; overflow:hidden; border-radius:50%;}
.nr1_p921 img{width:50px; height:50px; overflow:hidden; border-radius:50%;}
.nr1_p922{ float:left; width:calc(100% - 170px); padding-left:15px; color:#999;}
.nr1_p922 .f16{ color:#333;}
.nr1_p923{ float:right; color:#999;}
.nr1_p93{ overflow:hidden; clear:both; line-height:26px; height:130px; color:#888; margin:10px 0;}

.fbg{ background:#101729; border-top:1px solid #2a3040;}
.foot{ text-align:center; color:#686d7a;}
.ftit_p1{ float:left;}
.ftit_p3{ float:right; text-align:center; color:#686d7a;}
.ftit_p2{ float:left; padding-left:5%; width:52%; color:#FFF; line-height:46px;}
.ftit_p2 a{ color:#a6afca; display:block; float:left; margin-right:30px;}
.ftit_p2 p{ float:left; width:100px;}
.ftit_p21{ float:left; width:calc(100% - 100px);}

.adv1{ height:270px;}
.adv_p2{ color:#fff;}
.adv_p3,.adv_p3 a{ color:#cfcfcf;}
.nr2_p11{ color:#eb5127;}
.nr2_p2 li{ border-bottom:1px solid #ddd; padding:2% 0; overflow:hidden; clear:both;}
.nr2_p21{ float:left; width:30%; max-width:280px;}
.nr2_p22{ float:right; max-width:calc(100% - 300px);}
.nr2_p23{ display:block;}
.nr2_p24{ color:#999; margin:1.5% 0; line-height:22px; height:44px; overflow:hidden;}
.nr2_p25{ background:url(../images/tt4.jpg) no-repeat left center; padding-left:15px;color:#999;}
.nr4_p1{ color:#666; line-height:2;}
.nr4_p1 li{ border-bottom:1px solid #ddd; padding:2% 0; color:#666;}
.nr4_p1 li:last-child{ border-bottom:none;}

.nr4_p3 li{ border-bottom:1px solid #ddd; padding:2% 0; color:#666;}
.nr4_p31{ display:block; font-weight:bold;}
.nr4_p32{ color:#888;}
.nr4_p33{ color:#888; padding-top:1%;}


.neir{ padding:10px; text-align:left; font-size:16px; color:#333;font-family:"微软雅黑"; line-height:2}

.neir h1{  text-align:center; font-size:20px; color:#333;font-family:"微软雅黑";}


.con_tit{text-align:center;border-bottom:1px dotted #d4d4d4;line-height:56px;font-size:16px; font-weight:bold}
.con_tit h2{}
.con_titb{text-align:center;}
.list_li li{line-height:36px;border-bottom:1px dotted #d4d4d4; font-size:14px;}
.list_li li a{font-size:14px;}
.list_li table { margin:0 auto;  }



@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mm1{ padding:1%; width:96%; margin:0 auto;}
.f14{ font-size:12px;}
.f15{ font-size:13px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}
.pp1{ padding:5px 0;}
.pp2{ padding:10px 0;}
.stop_p1{ height:60px; overflow:hidden; clear:both;}
.qt{ position:relative; width:100%; padding-bottom:60%; height:0; overflow:hidden;}
.bd_p{ padding:0 3%;}
.fullSlide .bd li{ background-size:auto 100%;}
.page{ padding:2%; clear:both;}
.page1{ padding:0;}
.page2,.page3,.page4,.page5,.page6,.page7,.page8{ overflow:hidden; clear:both;}
.nr1_p2 li{width:46%;}
.nr1_p3 li{width:48%;}
.nr1_p3 li:last-child{ margin-left:25%;}
.nr1_p33 img{ width:30%;}
.nr1_p5,.nr1_p6{ width:96%; margin:2% auto;}
.nr1_p61 li{ float:left; width:46%; padding:2%;}
.nr1_p7 li{ width:46%;}
.span12{ position:relative; padding:0 40px;}
.customNavigation a,.customNavigation a img{ width:38px;}
.nr1_p81{ width:96%; margin:2% auto;}
.nr1_p82{ width:96%; margin:2% auto; text-align:left; line-height:2;}
.nr1_p85{ margin:3px 0;}
.nr1_p84{ padding:5px 0;}
.nr1_p9 li{ float: none; width:92%; margin:6px auto;}
.nr2_p2{ width:96%; margin:0 auto;}
.nr2_p21{ float:left; width:30%;}
.nr2_p22{ float:right; max-width:68%;}
.nr2_p23{ line-height:26px;height:26px; overflow:hidden;}
.nr2_p24{ color:#999; margin:0.5% 0; line-height:20px; height:20px; overflow:hidden;}
.nr4_p1 li{ width:98%; margin:0 auto; padding:18px 0;}


.nr33{ overflow:hidden; clear:both; padding:10px 5px;}
.nr33 li{ float:left; width:265px; padding-left:35px; text-align:center;}
.nr33 li a{ display:block; color:#333}
.nr33 li img{ width:265px; height:200px;border:1px solid #ccc;}
.nr33 li p{ font-size:16px; line-height:30px; overflow:hidden; min-height:30px;}

.nr4_p3{ margin:5px;}
.nr4_p3 li{ padding:12px 0;}
.nr4_p31{ margin-bottom:5px; font-size:19px;}
.nr4_p32{ font-size:15px;}
.nr4_p5 li{ float:left; width:29.333%; padding:0 2%; line-height:40px;height:40px; overflow:hidden;}
}
@media (min-width:769px) {
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.pp1{ padding:10px 0;}
.pp2{ padding:20px 0;}
.qt{ position:relative; overflow:hidden; height:100%;}
.qq{ position:absolute; bottom:0; left:0; height:100vh; width:100%; overflow:hidden;}
.fullSlide .bd_p{/* height:100%;*/}
.fullSlide .bd li{ background-size: 100% auto;}
.cc1{ display: flex;  justify-content:center;  align-items:Center;}

.page{ min-height:calc(100vh - 79px); padding-top:79px; width:100%; position:relative; background-size:100% 100%;}
.page1{ height:calc(100vh - 0px); padding-top:0px;width:100%; overflow:hidden;}
.page0{ min-height:60vh;}
.page7{ background-size:auto 100%;}
.main3{ max-width:80%;margin:0 auto; max-width:1300px; position:relative;}
.cc1{ display: flex;  justify-content:center;  align-items:Center;}
.nr1_p2{ margin:0 - 2%;}
.nr1_p2 li{ width:21%;}
.nr1_p3 li{ width:18%;}
.nr1_p5{ float:left; width:30.769%;}
.nr1_p6{ float:right; width:66.153%;}
.nr1_p7{ margin:-2%;}
.nr1_p81{ float:left; width:39%;}
.nr1_p82{ float:right; padding:3%; width:55%; text-align:left; line-height:2;}
.nr2_p13{ float:right; width:450px;}
.nr2_p12{ float:left; line-height:2; width:calc(100% - 470px);}
.nr1_p601{ width:80%; margin:0 auto;}

.nr4_p1 li{ width:47%;}
.nr4_p1 li:nth-child(odd){ float:left;}
.nr4_p1 li:nth-child(even){ float:right;}

.nr33{ overflow:hidden; clear:both; padding:10px 5px;}
.nr33 li{ float:left; width:23%; padding-left:2%; text-align:center;}
.nr33 li a{ display:block; color:#333}
.nr33 li img{ width:100%; height:220px;}
.nr33 li p{ font-size:14px; line-height:38px; overflow:hidden; height:38px;}

.nr4_p31{ font-size:22px;}
.nr4_p32{ font-size:16px;}

}
@media (max-width:1400px){
.main,.ftit,.link,.foot { width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2,.main3{ width:100%; max-width:1200px;margin:0 auto; position:relative;}

}
@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:24px;}
.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:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:20px;}
.tt9{font-size:24px;}
.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:26px;}
.tt8{font-size:28px;}
.tt9{font-size:34px;}
.tt10{font-size:38px;}
.tt11{font-size:44px;}
.tt12{font-size:64px;}

.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;}
}

@media (min-width:1360px) {
.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;}

}

@-webkit-keyframes ripple { 
0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}

@keyframes ripple { 
0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}
