﻿.container{ width:100%;}
.breadcrumb{ padding:10rem 0 10rem 10rem; }
.breadcrumb li{ display:inline-block; padding-right:10rem;}
.breadcrumb li:before{content:" / "; color:#ccc}
.breadcrumb li:first-child:before{content:""}
.breadcrumb li.active{ color:#666}

.pages{float:left; width:100%;text-align:center; line-height:36rem;}
.pages span, .pages a{ padding:0 10rem;}

.media{ position:relative; height:60rem; padding-left:70rem; padding-bottom:10rem; margin-bottom:10rem; border-bottom:1rem dashed #eee;}
.media-left{ position:absolute; left:0; top:0; width:60rem; height:60rem;}
.media-left img{ max-width:100%; max-height:100%}
.media-body{ color:#666;}
.media-body h4{ font-size:16rem; color:#333; margin-bottom:20rem;}

.swiper-container1{ display:none;}

.header{background-color:#0c151b }
.header .header1{position:relative; height:50rem;}
.header .logo{ position:absolute; left:5rem; top:0;}
.header .logo img{height:50rem; }
.header .more{ display:block; position:absolute; right:5rem; top:0; width:30rem;height:50rem; line-height:50rem; background:url(icon_more.png) no-repeat center center; background-size:auto 24rem;}
.header ul{display:none; text-align:left; position:absolute; left:0; top:50rem;width:100%; background-color:rgba(0,0,0,0.8); z-index:9999 }
.header ul li a{ width:100%;box-sizing:border-box; height:40rem; line-height:40rem;padding:0 15rem;color:#fff; font-size:12rem; }
.header ul li a.cur{ background-color:#e60012;}
.header ul li a:hover{background-color:#e60012;}


.footer{ background-color:#272727}
.footer1{padding:15rem 0 ; }
.footer1 .div1{  text-align:center; }
.footer1 .div1 li{ display:inline-block; margin:0 3rem; }
.footer1 .div1 li a{ color:#fff}
.footer1 .div2{margin:15rem 0; color:#fff;text-align:center;}
.footer1 .div2 a{ color:#fff}
.footer1 .div4{ margin-top:15rem; color:#fff;text-align:center;}
.footer1 .div4 a{ color:#fff}
.footer1 .div3{text-align:center; }

.footer_right{ position:fixed; right:5rem; top:45%; z-index:9999; text-align:center; }
.footer_right a{ padding:10rem; background-color:#fff; border-radius:6rem; font-size:12rem}
.footer_right a img{ height:22rem;}
.footer_right a span{ display:block; margin-top:6rem}


.default1{  background-color:#ebebeb}
.default11{ padding:20rem 10rem 35rem ; background:url(bg_default1.jpg) no-repeat 180rem center;  background-size:auto 160rem}
.default11 h3{ font-size:20rem;}
.default11 .div1{ display:none;}
.default11 .div2{ width:160rem;margin:15rem 0 20rem}
.default11 .a1{ width:100rem; height:32rem; text-align:center; line-height:32rem; border:1rem solid #000; border-radius:18rem; }

.default2{ background:url(bg_default2.jpg) repeat-x; background-size:auto 200rem; background-color:#ebebeb}
.default21{ }
.default211{ position:relative; padding:25rem 10rem}
.default211 h3{ font-size:20rem; color:#fff}
.default211 p{  color:#fff}
.default211 a{ position:absolute; right:10rem; top:25rem ;width:100rem; height:32rem; text-align:center; line-height:32rem; border:1rem solid #fff; color:#fff; border-radius:18rem;}

.default212 li{ display:inline-block; width:33%;box-sizing:border-box; padding:0 5rem; }
.default212 li a{ display:block;position:relative;}
.default212 li:last-child{ display:none;}
.default212 li img{}
.default212 li .div1{ position:absolute; background:rgba(255,51,51,0.8); left:0; bottom:0; width:100%; height:50rem; padding:5rem;box-sizing:border-box }
.default212 li .div1 .p1{ font-size:14rem;color:#fff; height:16rem; line-height:16rem; overflow:hidden;  }
.default212 li .div1 .p2{ font-size:12rem; color:#fff; height:20rem; line-height:20rem; overflow:hidden; }


.default3{ background-color:#ebebeb}
.default31{}
.default311{ position:relative; padding:25rem 10rem}
.default311 h3{ font-size:20rem; color:#205375}
.default311 p{  color:#205375}
.default311 a{ position:absolute; right:10rem; top:25rem ;width:100rem; height:32rem; text-align:center; line-height:32rem; border:1rem solid #000; color:#000; border-radius:18rem;}
.default312{ padding:0 10rem;}
.default312 li{ padding-bottom:10rem;}
.default312 li .div1{ border:1rem solid #ebebeb; padding:10rem; }

.default312 li .div1 .p1{ font-size:16rem; color:#333333; margin-bottom:10rem; }
.default312 li .div1 .p3{ font-size:12rem; color:#777777;margin-bottom:10rem; }
.default312 li .div1 .p2{ font-size:14rem; color:#555; line-height:16rem; }
.default312 li .div1 .p4{ display:none;}

.default312 li:hover .div1{ background-color:#fff}
.default312 li:hover .div1 .p4{ background-color:#366483; color:#fff;}
.default5{ background:url(bg_default4.jpg) no-repeat center center;}
.default51{ position:relative}
.default51 .div1{ position:absolute; left:0; bottom:0; width:100%; height:100%}
.default51 .div1 a{ width:33%; height:100%}


.aboutus{ margin-top:-140rem;margin-bottom:40rem; padding:0 20rem; box-sizing:border-box}
.aboutus_ad{ width:100%; height:160rem;background:url(bg_aboutus.png) no-repeat center center; background-size:auto 160rem;  }
.aboutus1{ text-align:center; color:#fff;margin-bottom:12rem;}
.aboutus1 .p1{ margin-bottom:20rem;}
.aboutus1 .p1 .sp1{ font-size:20rem;}
.aboutus1 .p1 .sp2{ font-size:16rem;}
.aboutus1 .p2{ line-height:20rem;}
.aboutus2{ background-color:rgba(0,0,0,0.9) }
.aboutus2 a{ padding:0 5rem; text-align:center; height:36rem; line-height:36rem; color:#fff; }
.aboutus2 a.cur{ color:#ff0000}
.aboutus3{ padding:10rem; background-color:#fff;}
.aboutus3 .div_body{ line-height:20rem;}

.joinus_ad{ width:100%; height:160rem;background:url(bg_joinus.png) no-repeat center center; background-size:auto 160rem;  }
.contactus_ad{ width:100%; height:160rem;background:url(bg_contactus.png) no-repeat center center; background-size:auto 160rem;  }

.leavemsg{padding:20rem 10rem; background-color:#fff; margin-bottom:20rem;}
.leavemsg1{ text-align:center;}
.leavemsg1 .p1{ font-size:18rem;}
.leavemsg1 .p2{  margin-top:5rem;}

.leavemsg2{ margin-top:20rem;}
.leavemsg21 .p1{ margin-bottom:10rem;}
.leavemsg21 .p2{ background-color:#e5e5e5;margin-bottom:15rem; border:1rem solid #d2d2d2}
.leavemsg21 input{ width:95%;}
.leavemsg22 .p1{ margin-bottom:10rem;}
.leavemsg22 .p2{ background-color:#e5e5e5; border:1rem solid #d2d2d2}
.leavemsg22 textarea{ width:99%; height:160rem;}
.leavemsg23{ margin-top:20rem; }
.leavemsg23 input{ width:100%; text-align:center; height:40rem; line-height:40rem; background-color:#005aaa; color:#fff; }
.leavemsg23 input.cur{ background-color:#ddd;}

.pro_ad{ width:100%; height:160rem;background:url(bg_pro.png) no-repeat center center; background-size:auto 160rem;  }
.pro1{ padding:10rem; background-color:#fff; margin-bottom:20rem;}
.pro1 li{  margin-bottom:10rem; }
.pro1 li a{ display:block; position:relative;height:100rem; padding-left:110rem;}
.pro1 li a img{ position:absolute; left:0; top:0; width:98rem; height:98rem; border:1rem solid #dfdfdf}
.pro1 li .div1{}
.pro1 li .p1{ height:30rem; line-height:30rem; overflow:hidden; font-size:16rem; color:#333333}
.pro1 li .p2{ height:70rem; line-height:20rem; overflow:hidden; color:#555555}
.pro1 li .p3{ display:none;}

.proinfo1{ background-color:#ebebeb;  }
.proinfo11{ }
.proinfo11 .div1{ text-align:center; padding:10rem; background-color:#fff;}
.proinfo11 .div2{ background-color:#fff; padding-bottom:10rem;}
.proinfo11 .div2 .p1{ font-size:20rem; color:#333333; padding:0 10rem;}
.proinfo11 .div2 .p2{  color:#555555; line-height:20rem;padding:10rem 10rem;}
.proinfo11 .div2 .p3{ padding:0 5rem;}
.proinfo11 .div2 .p3 span{ width:50%; box-sizing:border-box; padding:0 5rem;}
.proinfo11 .div2 .p3 a{ width:100%; text-align:center; height:40rem; line-height:40rem;}
.proinfo11 .div2 .p3 a.a1{ background-color:#facd89; }
.proinfo11 .div2 .p3 a.a2{ background-color:#7ecef4}
.proinfo12 { line-height:20rem; margin-top:20rem;}


.news_ad{ width:100%; height:160rem;background:url(bg_news.png) no-repeat center center;  background-size:auto 160rem; }
.news1{ padding:10rem; background-color:#fff; margin-bottom:20rem;}
.news1 li{ margin-bottom:20rem; padding-bottom:20rem;border-bottom:1rem solid #dfdfdf;}
.news1 li .div1{ }
.news1 li .div1 .p1{ font-size:16rem; color:#333333; }
.news1 li .div1 .p3{ font-size:12rem; color:#777777; margin:10rem 0; }
.news1 li .div1 .p2{ font-size:14rem; color:#555; line-height:16rem;}
.news1 li .div1 .p4{display:none;}

.newsinfo1{ padding:20rem 10rem;background-color:#fff;  }
.newsinfo1 .h1{ font-size:16rem; color:#333333; text-align:center; }
.newsinfo1 .p1{ font-size:12rem; color:#777; text-align:center; margin:10rem 0 20rem;}
.newsinfo1 .div1 { color:#555; line-height:20rem;}


.service_ad{ width:100%; height:160rem;background:url(bg_service.png) no-repeat center center;  background-size:auto 160rem;  }
.servicefaq1{ padding:20rem 10rem; background-color:#fff; margin-bottom:20rem;}
.servicefaq11{margin-bottom:20rem;}
.servicefaq11 .div1{ position:relative; padding-top:40rem; background:url(bg_servicefaq1.jpg) no-repeat 30rem top; background-size:auto 36rem}
.servicefaq11 .div1 .sp1{ position:absolute; left:0; top:5rem;  }
.servicefaq11 .div11{ background-color:#bee6f9; padding:10rem; line-height:20rem; border-radius:6rem;}
.servicefaq11 .div2{ padding-top:40rem; background:url(bg_servicefaq2.jpg) no-repeat 30rem top;background-size:auto 36rem; margin-top:15rem;}
.servicefaq11 .div21{ background-color:#fce6c4; padding:10rem; line-height:20rem; border-radius:6rem;}