.container{ width:1200px; margin:0 auto; box-sizing:border-box; }

.breadcrumb{ padding:20rem 0;  }
.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:70rem; padding-left:80rem; margin-bottom:32rem; }
.media a{ display:block;color:#999}
.media-left{ position:absolute; left:0; top:0; width:58rem; height:58rem; border:1rem solid #999; padding:5rem;}
.media-left .p1{ height:30rem; line-height:30rem; text-align:center; color:#bfbfbf; font-size:24rem; border-bottom:1rem solid #999}
.media-left .p2{ line-height:26rem;}
.media-body h4{line-height:30rem; font-size:16rem; color:#c0c0c0; }
.media-body p{ height:40rem; line-height:20rem;}

.swiper-container2{ display:none;}
.swiper-container img{ width:100%;}

.header{ background-color:#0c151b }
.header .header1{ position:relative; height:102rem;}
.header .logo{ position:absolute;left:0; top:0;}
.header .more{ display:none;}
.header ul{display:block !important; padding-left:287rem;}
.header ul li{ display:inline-block; position:relative; vertical-align:middle;}
.header ul li a{ height:98rem; line-height:98rem;padding:0 30rem;font-size:18rem;color:#fff; border-bottom:4rem solid #0c151b }
.header ul li a.cur{ border-bottom:4rem solid #e60012 }
.header ul li a:hover{border-bottom:4rem solid #e60012}



.footer{ background-color:#272727}
.footer1{padding:49rem 0 59rem; position:relative;}
.footer1 .div1{ margin-bottom:20rem}
.footer1 .div1 li{ display:inline-block; margin-right:35rem; }
.footer1 .div1 li a{ color:#fff}
.footer1 .div2{ color:#fff;}
.footer1 .div2 a{ color:#fff}
.footer1 .div4{ margin-bottom:20rem; color:#fff}
.footer1 .div4 a{ color:#fff}
.footer1 .div3{ position:absolute; right:0; top:20rem;}

.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;}
.footer_right a span{ display:block; margin-top:6rem}


.default1{  background-color:#ebebeb}
.default11{ width:475rem;padding:64rem 725rem 88rem 0; background:url(bg_default1.jpg) no-repeat right center; }
.default11 h3{ font-size:36rem;}
.default11 .div1{ font-size:18rem; line-height:28rem; margin:28rem 0}
.default11 .div2{ display:none;}
.default11 .a1{ width:154rem; height:50rem; text-align:center; line-height:50rem; border:1rem solid #000; border-radius:26rem; font-size:18rem;}


.default2{ background:url(bg_default2.jpg) repeat-x }
.default21{ padding-top:94rem;}
.default211{ position:relative; margin-bottom:60rem;}
.default211 h3{ font-size:36rem; color:#fff}
.default211 p{ font-size:18rem; color:#fff}
.default211 a{ position:absolute; right:0; top:0 ;width:154rem; height:50rem; text-align:center; line-height:50rem; border:1rem solid #fff; color:#fff; border-radius:26rem; font-size:18rem;}

.default212 li{ display:inline-block; width:264rem; height:340rem; position:relative; margin-left:48rem;}
.default212 li:first-child{ margin-left:0}
.default212 li img{width:264rem; height:340rem;}
.default212 li .div1{ position:absolute; background:rgba(255,51,51,0.8); left:0; bottom:0; width:100%; height:96rem; padding:18rem 15rem;box-sizing:border-box }
.default212 li .div1 .p1{ font-size:16rem; color:#fff; margin-bottom:15rem;}
.default212 li .div1 .p2{ font-size:12rem; color:#fff; line-height:20rem;}



.default3{ background-color:#ebebeb}
.default31{ padding-top:94rem;}
.default311{ position:relative; margin-bottom:60rem;}
.default311 h3{ font-size:36rem; color:#205375}
.default311 p{ font-size:18rem; color:#205375}
.default311 a{ position:absolute; right:0; top:0 ;width:154rem; height:50rem; text-align:center; line-height:50rem; border:1rem solid #000; color:#000; border-radius:26rem; font-size:18rem;}

.default312 li{ display:inline-block; width:264rem;  margin-left:48rem;}
.default312 li:first-child{ margin-left:0}
.default312 li a{ display:block;}
.default312 li .div1{ background-color:#efefef; border:1rem solid #dedede }

.default312 li .div1 .p1{ font-size:16rem; color:#333333; padding:30rem 30rem 0; }
.default312 li .div1 .p3{ font-size:12rem; color:#777777; padding:15rem 30rem; }
.default312 li .div1 .p2{ font-size:14rem; color:#555; height:160rem; line-height:160rem; padding:0 30rem 20rem; text-align:center;}
.default312 li .div1 .p2 img{ height:160rem}
.default312 li .div1 .p4{font-size:16rem; color:#333333; height:60rem; line-height:60rem; text-align:center; border-top:1rem solid #dedede;}

.default312 li:hover .div1{ background-color:#fff}
.default312 li:hover .div1 .p4{ background-color:#366483; color:#fff;}

.default4{ padding:88rem 0;background-color:#ebebeb}
.default5{ height:539rem; background:url(bg_default4.jpg) no-repeat center center;}
.default51{ position:relative}
.default51 .div1{ position:absolute; left:0; bottom:0; width:100%}
.default51 .div1 a{ width:33%; height:336rem;}


.aboutus{ margin-top:-380rem; margin-bottom:40rem;}
.aboutus_ad{ width:100%; height:492rem;background:url(bg_aboutus.png) no-repeat center center;  background-size:cover;  }
.aboutus1{ text-align:right; padding-right:40rem; color:#fff;margin-bottom:100rem;}
.aboutus1 .p1{ margin-bottom:28rem;}
.aboutus1 .p1 .sp1{ font-size:36rem;}
.aboutus1 .p1 .sp2{ font-size:24rem;}
.aboutus2{ padding:0 20rem; background-color:rgba(0,0,0,0.9) }
.aboutus2 a{ padding:0 20rem; text-align:center; height:70rem; line-height:70rem; color:#fff; font-size:18rem;}
.aboutus2 a.cur{ color:#ff0000}
.aboutus3{ padding:50rem 40rem; background-color:#fff;}
.aboutus3 .div_body{ line-height:20rem;}

.joinus_ad{ width:100%; height:492rem;background:url(bg_joinus.png) no-repeat center center;  background-size:cover;  }
.contactus_ad{ width:100%; height:492rem;background:url(bg_contactus.png) no-repeat center center;  background-size:cover;  }

.leavemsg{padding:40rem 40rem; background-color:#fff; margin-bottom:40rem;}
.leavemsg1{ text-align:center;}
.leavemsg1 .p1{ font-size:36rem;}
.leavemsg1 .p2{ font-size:18rem; margin-top:5rem;}

.leavemsg2{ margin-top:40rem;}
.leavemsg21{ float:left; width:530rem;}
.leavemsg22{ float:left; width:530rem; margin-left:60rem;}
.leavemsg21 .p1{ margin-bottom:16rem; font-size:16rem;}
.leavemsg21 .p2{ background-color:#e5e5e5;margin-bottom:24rem; border:1rem solid #d2d2d2}
.leavemsg21 input{ height:55rem; line-height:55rem; width:95%;}
.leavemsg22 .p1{ margin-bottom:16rem;font-size:16rem;}
.leavemsg22 .p2{ background-color:#e5e5e5; border:1rem solid #d2d2d2}
.leavemsg22 textarea{ width:99%; height:280rem;}
.leavemsg23{ text-align:center; margin-top:33rem; }
.leavemsg23 input{ width:344rem; text-align:center; height:66rem; line-height:66rem; background-color:#005aaa; color:#fff; font-size:20rem;}
.leavemsg23 input.cur{ background-color:#ddd;}


.news{ padding:40rem 0 100rem;}

.news .media{ position:relative; height:70rem; padding-left:80rem; margin-bottom:15rem; padding-bottom:15rem; border-bottom:1rem solid #eee; }
.news .media a{ display:block; color:#666;}
.news .media-left{ position:absolute; left:0; top:0; width:58rem; height:58rem; border:1rem solid #666; padding:5rem;}
.news .media-left .p1{ height:30rem; line-height:30rem; text-align:center; color:#333; font-size:24rem; border-bottom:1rem solid #666}
.news .media-left .p2{ line-height:26rem;}
.news .media-body h4{line-height:30rem; font-size:16rem; color:#333; }
.news .media-body p{ height:40rem; line-height:20rem;}


.pro_ad{ width:100%; height:491rem;background:url(bg_pro.png) no-repeat center center;  background-size:cover;  }
.pro1{ padding:40rem 20rem; background-color:#fff; margin-bottom:40rem;}
.pro1 li{ display:inline-block; width:33%; box-sizing:border-box; padding:0 20rem; margin-bottom:40rem;}
.pro1 li a{ border:1rem solid #dfdfdf; }
.pro1 li .div1{padding:20rem;}
.pro1 li .p1{ height:40rem; line-height:40rem; overflow:hidden; font-size:16rem; color:#333333}
.pro1 li .p2{ height:40rem; line-height:20rem; overflow:hidden; color:#555555}
.pro1 li .p3{ height:56rem; line-height:56rem; text-align:center; border-top:1rem solid #dfdfdf; color:#313131}



.proinfo1{ padding:40rem;background-color:#ebebeb;  }
.proinfo11{ position:relative; padding-left:610rem;height:375rem; margin-bottom:40rem;}
.proinfo11 .div1{position:absolute; left:0; top:0; width:560rem; text-align:center; height:375rem; line-height:0rem; background-color:#fff;}
.proinfo11 .div1 img{ vertical-align:middle; max-height:375rem;}
.proinfo11 .div2 .p1{ font-size:24rem; color:#333333; line-height:70rem;}
.proinfo11 .div2 .p2{  color:#555555; line-height:20rem; height:210rem;}
.proinfo11 .div2 .p3 a{ width:237rem; text-align:center; height:50rem; line-height:50rem;}
.proinfo11 .div2 .p3 a.a1{ background-color:#facd89; margin-right:36rem;}
.proinfo11 .div2 .p3 a.a2{ background-color:#7ecef4}
.proinfo12 { line-height:20rem;}


.news_ad{ width:100%; height:491rem;background:url(bg_news.png) no-repeat center center;  background-size:cover;  }
.news1{ padding:40rem; background-color:#fff; margin-bottom:40rem;}
.news1 li{ display:inline-block; width:264rem;  margin-right:21rem; margin-bottom:21rem;}
.news1 li:nth-child(4n){ margin-right:0}
.news1 li a{ display:block;}
.news1 li .div1{ background-color:#efefef; border:1rem solid #dedede }
.news1 li .div1 .p1{ font-size:16rem; color:#333333; padding:30rem 30rem 0; }
.news1 li .div1 .p3{ font-size:12rem; color:#777777; padding:15rem 30rem; }
.news1 li .div1 .p2{ font-size:14rem; color:#555; height:160rem; line-height:160rem; padding:0 30rem 20rem; text-align:center}
.news1 li .div1 .p2 img{ height:160rem;}
.news1 li .div1 .p4{font-size:16rem; color:#333333; height:60rem; line-height:60rem; text-align:center; border-top:1rem solid #dedede;}
.news1 li:hover .div1{ background-color:#fff}
.news1 li:hover .div1 .p4{ background-color:#366483; color:#fff;}


.newsinfo1{ padding:40rem;background-color:#fff;  }
.newsinfo1 .h1{ font-size:20rem; color:#333333; text-align:center; }
.newsinfo1 .p1{  color:#777; text-align:center; margin:10rem 0 40rem;}
.newsinfo1 .div1 { font-size:16rem; color:#555; line-height:20rem;}



.service_ad{ width:100%; height:492rem;background:url(bg_service.png) no-repeat center center;  background-size:cover;  }
.servicefaq1{ padding:40rem; background-color:#fff; margin-bottom:40rem;}
.servicefaq11{margin-bottom:40rem;}
.servicefaq11 .div1{ position:relative; padding-top:50rem; background:url(bg_servicefaq1.jpg) no-repeat 40rem top;}
.servicefaq11 .div1 .sp1{ position:absolute; left:0; top:10rem; font-size:16rem; }
.servicefaq11 .div11{ background-color:#bee6f9; padding:30rem; line-height:20rem; border-radius:6rem;}
.servicefaq11 .div2{ padding-top:50rem; background:url(bg_servicefaq2.jpg) no-repeat 40rem top; margin-top:15rem;}
.servicefaq11 .div21{ background-color:#fce6c4; padding:30rem; line-height:20rem; border-radius:6rem;}