/* Large Deveice: 1280px.  ======================================================================= ======================================================================= */ 
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
p { font-size: 15px; } 
.sub-title::before { display: none; } 
.sub-title p { display: none; } 
.single-slide-item h1 { font-size: 70px; } 
.section-title h2 { font-size: 40px; line-height: 55px; } 
.single-counter-box h6 { font-size: 20px; } 
.single-serv-item { height: 380px; } 
.serv-content { padding: 20px 30px 5px; } 
.xtra-serve-area h5 { font-size: 16px; } 
.faq-bg { height: 550px; } 
#header-aside .aside-content .inner > div { margin-left: 0; } 
.single-service-bg { height: 350px; } 
#service-2 .single-service-area { height: 350px; } 
.quotation-dtl p { font-size: 16px; } 
#cta-2.cta-area h2 { font-size: 35px; } 
}
 /* Tablet Layout: 768px.  ======================================================================== ======================================================================== */ 
 @media only screen and (min-width: 768px) and (max-width: 991px) { 
.header-top .site-info { text-align: center; } 
.header-top .contact-info { text-align: center; margin-bottom: 10px; } 
.header-area .sub-title { display: none; } 
.search-box button { display: none; } 
#header-aside .aside-content { display: none; } 
.header-area .navigation { padding: 0 30px; margin-top: -65px; margin-top: 0; } 
#header-2 .navigation { background: #fff; padding: 0 30px; } 
#header-3.header-area li.nav-item .nav-link { color: #020E28; } 
.header-area .main-btn { display: none; } 
.main-menu .navbar-nav .nav-link { padding: 15px; } 
#header-2 .main-menu .navbar-nav .nav-link { padding: 15px; color: #333; } 
#header-2 .logo { display: none; } 
.responsive-logo { display: block; width: 180px; margin-top: 20px; float: left; position: relative; top: -5px; left: 0px; z-index: 999; } 
.navbar-toggler { padding: 5px 15px; font-size: 20px; line-height: 1; background-color: transparent; border: none; position: absolute; top: -66px; right: 0; z-index: 99999; } 
#header-2 .navbar-toggler { padding: 5px 15px; font-size: 20px; line-height: 1; background-color: transparent; border: none; position: absolute; top: 20px; right: 0; z-index: 99999; } 
.navbar-toggler-icon { display: block; width: 30px; height: 2px; background-color: #70C150; margin: 6px 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
.active .navbar-toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; } 
.active .navbar-toggler-icon:nth-of-type(2) { opacity: 0; } 
.active .navbar-toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 7px; } 
.main-menu .navbar .navbar-collapse { position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 999; padding: 10px 16px; -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); margin-top: 15px; } 
#header-2 .main-menu .navbar .navbar-collapse { position: absolute; top: 70px; left: 0; width: 100%; background-color: #fff; z-index: 999; padding: 10px 16px; -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); margin-top: 15px; } 
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 10px 14px; font-size: 16px; background: none; border: 0; color: #094074; } 
.sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-box-shadow: none; box-shadow: none; text-align: left; border-top: 0; -webkit-transition: 0s; transition: 0s; } 
.main-menu .sub-menu li a { font-size: 16px; display: block; padding: 12px; padding-left: 12px; color: #191919; -webkit-transition: .3s; transition: .3s; padding-left: 30px; } 
.main-menu .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; outline: 0; cursor: pointer !important; } 
.sub-menu::after { display: none; } 
.single-slide-item h1 { font-size: 65px; line-height: 75px; } 
.single-slide-item p { font-size: 15px; line-height: 25px; } 
.hero-area-content .main-btn { font-size: 15px; } 
.promo-area .single-counter-box { width: 150px; } 
.promo-area .single-counter-box .counter-number span { padding: 20px; } 
.promo-area .single-counter-box h6 { padding-top: 10px; } 
.info-img { display: none; } 
.single-serv-item { height: 400px; } 
.section-title h2 { font-size: 40px; line-height: 55px; } 
.faq-bg { display: none; } 
.feature-area .single-feature-item { margin-bottom: 80px; text-align: center; } 
.feat-icon { padding: 40px 30px; } 
.feat-content { padding: 40px; border-top: 1px solid #eee; } 
.info-img { margin-top: 50px; } 
.process-icon:after { display: none; } 
.achievement-area { height: 400px; } 
.feature-area .single-feature-item { margin-bottom: 180px; } 
.feature-area { height: 700px; } 
.testimonial-content-wrapper { margin-left: 0; } 
.quotation-dtl p { font-size: 17px; } 
.skill-content { padding: 30px; } 
#service-2 .single-service-area { margin-bottom: 20px; } 
.choose-us-inner { border-bottom: 1px solid #eee; } 
.contact-us-inner { border-bottom: 1px solid #eee; } 
.contact-form-wrapper { margin-top: 450px; } 
.spacer-bg { height: 600px; } 
.spacer-bg .main-btn { margin-top: 400px; } 
.contact-section .contact-info { text-align: left; } 
.blog-area .main-btn.btn-white { display: none; } 
.single-blog-item { margin-bottom: 40px; } 
.footer-area p { margin-top: 15px; } 
.footer-area .contact-info { text-align: left; } 
#home-3 .single-slide-item h1 { font-size: 55px; line-height: 65px; } 
.info-content-area { margin-top: 40px; } 
.question-section { display: none; } 
.helpline-section { display: none; } 
.pt-120 { padding-top: 60px; } 
}
/* Mobile Layout: 320px.  ===================================================================== ===================================================================== */ 
@media only screen and (max-width: 767px) { 
.header-top .site-info { text-align: center; } 
.header-top .contact-info { font-size: 13px; text-align: center; margin-bottom: 10px; } 
.header-top .social-area { margin-top: 10px; } 
.header-area .sub-title { display: none; } 
.search-box button { display: none; } 
.section-title h2 { font-size: 28px; line-height: 43px; } 
#header-aside .aside-content { display: none; } 
.header-area .navigation { padding: 0; margin-top: -65px; margin-top: 0; } 
#header-2 .navigation { background: #fff; padding: 0 30px; } 
#header-3.header-area li.nav-item .nav-link { color: #020E28; } 
.header-area .main-btn { display: none; } 
.main-menu .navbar-nav .nav-link { padding: 15px; } 
#header-2 .logo { display: none; } 
.responsive-logo { display: block; width: 180px; margin-top: 10px; float: left; position: relative; top: 0; left: 0px; z-index: 999; } 
#header-2 .main-menu .navbar-nav .nav-link { padding: 15px; color: #333; } 
.navbar-toggler { padding: 5px 15px; font-size: 20px; line-height: 1; background-color: transparent; border: none; position: absolute; top: -66px; right: 0; z-index: 99999; } 
#header-2 .navbar-toggler { padding: 5px 15px; font-size: 20px; line-height: 1; background-color: transparent; border: none; position: absolute; top: 20px; right: 0; z-index: 99999; } 
.navbar-toggler-icon { display: block; width: 30px; height: 2px; background-color: #EE631E; margin: 6px 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
.active .navbar-toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; } 
.active .navbar-toggler-icon:nth-of-type(2) { opacity: 0; } 
.active .navbar-toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 7px; } 
.main-menu .navbar .navbar-collapse { position: absolute; top: 0; left: 0; width: 100%; background-color: #333; z-index: 999; padding: 10px 16px; -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); margin-top: 15px; } 
#header-2 .main-menu .navbar .navbar-collapse { position: absolute; top: 70px; left: 0; width: 100%; background-color: #fff; z-index: 999; padding: 10px 16px; -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); margin-top: 15px; } 
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 10px 14px; font-size: 16px; background: none; border: 0; color: #094074; } 
.sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-box-shadow: none; box-shadow: none; text-align: left; border-top: 0; -webkit-transition: 0s; transition: 0s; } 
.main-menu .sub-menu li a { font-size: 15px; display: block; padding: 12px; padding-left: 12px; color: #191919; -webkit-transition: .3s; transition: .3s; padding-left: 30px; } 
.main-menu .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; outline: 0; cursor: pointer !important; } 
.sub-menu::after { display: none; } 
.promo-area { display: none; } 
.section-title h6 { padding-left: 0; } 
.section-title h6::before { display: none; } 
.single-slide-item { text-align: center; } 
.single-slide-item h1 { font-size: 36px; line-height: 46px; } 
.single-slide-item h1::before { display: none; } 
.single-slide-item p { font-size: 16px; line-height: 22px; } 
.about-area { padding-top: 30px; } 
.hero-area-content .main-btn { font-size: 14px; } 
.feature-area { padding: 0 30px; } 
.single-feature-item { margin-bottom: 80px; } 
.feat-content { padding: 40px; border-top: 1px solid #eee; } 
.testimonial-content p { font-size: 16px; } p.highlight { font-size: 16px; } 
.info-img { margin-top: 40px; } 
.single-service-area { height: 330px; } 
#logistics .single-service-area { height: 350px; } 
.single-counter-box .counter-number span { font-size: 45px; margin-bottom: 10px; } 
.single-counter-box h6 { font-size: 16px; } 
.auto-container { padding: 0 50px; } 
.cta-content h4 span { font-size: 16px; line-height: 26px; margin: 20px 0; } 
.process-icon:after { display: none; } 
.single-carousel-item p { font-size: 16px; line-height: 27px; } 
.feature-content h5 { font-size: 18px; } 
.achievement-area { height: 700px; } 
.faq-bg { display: none; } 
.choose-us-inner { border-bottom: 1px solid #eee; } 
.contact-us-inner { border-bottom: 1px solid #eee; } 
.contact-form-wrapper { margin-top: 1060px; } 
.spacer-bg { height: 1100px; } 
.spacer-bg .main-btn { display: none; } 
.contact-section .contact-info { text-align: left; } 
.blog-area .main-btn.btn-white { display: none; } 
.single-blog-item { margin-bottom: 40px; } 
.blog-area .main-btn.btn-white { display: none; } 
.pad-top-80 { padding-top: 60px; } 
.pad-bot-80 { padding-bottom: 60px; } 
.single-team-member { margin-bottom: 60px; } 
.team-member-bg { height: 350px; } 
.about-us-area .section-title h2 { font-size: 27px; } 
.contact-us-content h2 { font-size: 32px; } 
.footer-up { padding-top: 60px; } 
.footer-up .logo { margin: 0 auto; } 
.footer-area { text-align: center; } 
.footer-area p { margin-top: 10px; } 
.copyright-line { text-align: center; }
p.privacy { text-align: center; } 
#home-2 .hero-area-content .main-btn { margin-left: 0; margin-top: 30px; } 
#home-2 .single-slide-item h6 { padding-left: 0; } 
#home-2 .single-slide-item h6:before { display: none; } 
.about-content-wrapper { padding: 30px; } 
#home-3 .single-slide-item { height: 750px; } 
#home-3 .single-slide-item h1 { font-size: 32px; line-height: 44px; } 
#about-3 .about-bg { display: none; } 
.single-feat-item.feat-3.last-child.bg-cover { margin-bottom: 0; } 
.cta-area { text-align: center; } 
.cta-area h2 { font-size: 30px; line-height: 40px; padding-top: 20px; } 
#cta-2.cta-area h2 { font-size: 32px; line-height: 42px; } 
.cta-area .contact-info { text-align: center; } 
.cta-area .contact-info h5 { font-size: 18px; } 
.cta-area .contact-info i { font-size: 25px; } 
.skill-area .single-counter-box { border: none; } 
#project-3 .single-project-item { margin-bottom: 40px; } 
.info-content-area { margin-top: 40px; } 
.contact-form { padding: 30px; margin-top: 30px; } 
.question-section { display: none; } 
.helpline-section { display: none; } 
.quotation-dtl p { padding: 0; font-size: 13px; } 
.single-service-bg { margin-bottom: 30px; } 
#service-page .single-service { padding: 0; } 
.port-img img { margin-bottom: 30px; } 
.single-comments-section p span { padding-left: 0; } 
.quotation-form { padding: 60px 40px; } 
#service-page .single-service h2 { font-size: 30px; } 
} /* Wide Mobile Layout: 480px.  ===================================================================== ===================================================================== */ 
@media only screen and (min-width: 576px) and (max-width: 767px) { 
.section-title h2 { font-size: 35px; line-height: 45px; } 
.header-top .site-info { text-align: center; } 
.header-area .sub-title { display: none; } 
.search-box button { display: none; } 
#header-aside .aside-content { display: none; } 
.header-area .navigation { padding: 0 30px; margin-top: -65px; margin-top: 0; } 
#header-2 .navigation { background: #fff; padding: 0 30px; } 
#header-3.header-area li.nav-item .nav-link { color: #020E28; } 
.header-area .main-btn { display: none; } 
.main-menu .navbar-nav .nav-link { padding: 15px; } 
#header-2 .main-menu .navbar-nav .nav-link { padding: 15px; color: #333; } 
.navbar-toggler { padding: 5px 15px; font-size: 20px; line-height: 1; background-color: transparent; border: none; position: absolute; top: -66px; right: 0; z-index: 99999; } 
.navbar-toggler-icon { display: block; width: 30px; height: 2px; background-color: #70C150; margin: 6px 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
.active .navbar-toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; } 
.active .navbar-toggler-icon:nth-of-type(2) { opacity: 0; } 
.active .navbar-toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 7px; } 
.main-menu .navbar .navbar-collapse { position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 999; padding: 10px 16px; -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15); margin-top: 15px; } 
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 10px 14px; font-size: 16px; background: none; border: 0; color: #094074; } 
.sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-box-shadow: none; box-shadow: none; text-align: left; border-top: 0; -webkit-transition: 0s; transition: 0s; } 
.main-menu .sub-menu li a { font-size: 15px; display: block; padding: 12px; padding-left: 12px; color: #191919; -webkit-transition: .3s; transition: .3s; padding-left: 30px; } 
.main-menu .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; outline: 0; cursor: pointer !important; } 
.sub-menu::after { display: none; } 
.single-slide-item { text-align: center; } 
.single-slide-item h1 { font-size: 40px; line-height: 50px; } 
.single-slide-item p { font-size: 17px; line-height: 26px; } 
.hero-area-content .main-btn { font-size: 14px; } 
.single-feat-item { margin-bottom: 80px; } 
.cta-content h4 span { font-size: 16px; line-height: 26px; margin: 20px 0; } 
.process-icon:after { display: none; } 
.single-carousel-item p { font-size: 16px; line-height: 27px; } 
.achievement-area { height: 500px; } 
.single-counter-box { margin: 30px 0; } 
.choose-us-inner { border-bottom: 1px solid #eee; } 
.contact-us-inner { border-bottom: 1px solid #eee; } 
.contact-form-wrapper { margin-top: 1060px; } 
.spacer-bg { height: 1100px; } 
.blog-area .main-btn.btn-white { margin-top: 0; } 
.about-us-area .section-title h2 { font-size: 30px; } 
.contact-us-content h2 { font-size: 32px; } 
.footer-up { padding-top: 60px; } 
.footer-up .logo { margin: 0 auto; } 
.footer-area { text-align: center; } 
.footer-area p { margin-top: 10px; } 
.copyright-line { text-align: center; } p.privacy { text-align: center; } 
#home-2 .hero-area-content .main-btn { margin-left: 0; margin-top: 0; } 
#home-3 .single-slide-item { height: 750px; } 
#home-3 .single-slide-item h1 { font-size: 40px; line-height: 50px; } 
.single-feat-item { margin-bottom: 120px; } 
.quotation-dtl p { font-size: 17px; } 
.cta-area { text-align: center; } 
.cta-area h2 { font-size: 30px; line-height: 40px; padding-top: 20px; } 
.cta-area .contact-info { text-align: center; } 
.cta-area .contact-info h5 { font-size: 18px; } 
.cta-area .contact-info i { font-size: 25px; } 
.info-content-area { margin-top: 40px; } 
.question-section { display: none; } 
.helpline-section { display: none; } 
.single-service-bg { margin-bottom: 30px; } 
.port-img img { margin-bottom: 30px; } 
.single-comments-section p span { padding-left: 30px; } 
}

@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; line-height:1.6;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; }
.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;}
.clear{ overflow:hidden; clear:both;}
.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;}
.img1{ display:block; position:relative; width:100%; padding-bottom:40.6%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:66.3%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.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,.img2 img,.img3 img{  cursor: pointer; transition: all 0.8s;}
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 

.main{ width:96%; max-width:1200px; margin:0 auto; position:relative; overflow:hidden; clear:both;}
.bg1{ background:url(../img/bg1.jpg) no-repeat center; background-size:auto 100%; padding:2%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.nr1_p1{ background:url(../img/tbg1.jpg); background-size:auto 100%; border:1px solid #facfaf; width:96%; max-width:910px; margin:0 auto; text-align:center; padding:5px 0; line-height:20px;}
.nr1_p1 a{ color:#FFF; font-size:12px; padding:0 15px; border-right:1px dotted #333;}
.nr1_p1 a:first-child{ border-left:1px dotted #333;}
.nr1_p21{ background:url(../img/tbg2.jpg); border:1px solid #454545; line-height:36px; color:#FFF; font-size:15px;}
.nr1_p22{ border:1px solid #666; background:#393939; padding:0 5px; overflow:hidden; clear:both;}
.nr1_p22 li{ border-bottom:1px dotted #666; padding:5px 0;}
.nr1_p22 li a{ display:block; background:url(../img/tbg4.png) no-repeat left center; padding-left:20px; color:#FFF; font-size:12px; border-radius:6px; line-height:2;}
.nr1_p22 li:hover a{ display:block; background:url(../img/tbg4.png) no-repeat left center #EE631E; padding-left:20px; color:#FFF; font-size:12px; border-radius:6px;}
.nr1_p3{ width:100%;}
.nr1_p3 li{ float:left; width:29.3333%; padding:2%;}
.nr1_p31{ border:1px solid #a9a9a9; background:#efefef; border-bottom:5px solid #231917; border-radius:5px; overflow:hidden;}
.nr1_p3 li:hover .nr1_p31{ box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.nr1_p32 a{ display:block; background:url(../img/tbg5.jpg) no-repeat left center; padding:0 20px; color:#333; font-size:14px;}
.nr1_p23{ background:url(../img/tbg6.jpg); border:1px solid #d3d3d3; line-height:30px; font-size:15px; position:relative; padding-left:25px;}
.nr1_p23:before{ position:absolute; left:10px; top:calc(50% - 10px); width:6px; height:20px; content: ""; background:#c0b8db;}
.nr1_p4 li{ float:left; width:50%; padding:1%;}
.nr1_p41{ border:1px solid #ddd; background:linear-gradient(to bottom, #fefefe, #efefef); overflow:hidden; clear:both; border-radius:8px; padding:10px;}
.nr1_p4 li:hover .nr1_p41{ box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.nr1_p42{ float:left; width:55%; position:relative;}
.nr1_p421{ display:block; height:50px;/* line-height:50px;*/ overflow:hidden;}
.nr1_p422{ display:block; background:url(../img/tbg5.jpg) no-repeat left center; padding-left:20px; margin-top:8%;}
.nr1_p43{ float:right; width:40%;}
.nr1_p5{ padding:1%;}
.nr1_p521{ font-weight:bold; position:relative; line-height:2;}
.nr1_p521:before{ position:absolute; left:0px; bottom:0; width:60px; height:1px; content: ""; background:#ff3300;}
.nr1_p522{ line-height:2; border-bottom:1px dashed #dddd;}
.nr1_p53 p{ color:#f6510f; padding-top:3%;}

.headerNavi2 { width:145px; height:12px;background:url(../img/headerNavi2_cn.jpg) no-repeat right center; float:right }
.headerNavi2 li{ float:left; width:100%;text-align:center}
.headerNavi2 li a{ color:#FFF; font-size:12px}
@media (max-width:768px){
.nr1_p3 li{ float:left; width:46%; padding:2%;}
.nr1_p22 li{ border-bottom:1px dotted #666; padding:5px; float:left; width:calc(50% - 10px);}
.nr1_p4 li{ float:left; width:100%; padding:1%;}
.nr1_p53{ padding:3% 0;}
.video2 {}
.video2 video { width:100%; height:320px;}
.video2 video { width:100%; height:250px;}
}
@media (min-width:769px) {
.m_right{ float:right; width:calc(100% - 250px);}
.m_left{ float:left; width:215px;}
.nr1_p3{ margin:-1% -2% 0 -2%; overflow:hidden;}
.nr1_p52{ float:left; width:65%;}
.nr1_p53{ float:right; width:30%; color:#f6510f;}
.video2 video { width:100%; height:520px;}
.video3 video { width:100%; height:360px;}
}