@charset "utf-8"; 
.index{ overflow:hidden}
.swiper-index{width: 100%; height:100%; margin-left: auto; margin-right: auto;position:fixed; z-index:1; left:0; top:0;}
.swiper-index .swiper-slide{text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;overflow:hidden;background-color:#fff;}
.swiper-index .pagination-index{ position:absolute; z-index:3; right:40px;}
.swiper-index .swiper-pagination-bullet{ width:14px; height:14px; border-radius:0; opacity:1; background-color:#cbcbcd; margin-top:15px !important; margin-bottom:15px !important}
.swiper-index .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#415FFF}
 

.swiper-banner{ width:100%; height:100vh; margin:0; position:relative}
.swiper-banner .swiper-slide{ margin:0; display:block}
.swiper-banner .swiper-slide .a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:left center; background-size:cover; position:relative}
.swiper-banner .swiper-slide .a .title{ position:absolute; z-index:1;top:50%; transform:translateY(-50%); left:14%; width:30%; max-width:582px;}
.swiper-banner .swiper-slide .a .title img{ display:block; width:100%}
.swiper-banner .pagination-banner{ position:absolute; z-index:1; bottom:45px; left:0; right:0; text-align:center}
.swiper-banner .pagination-banner span{ display:inline-block; vertical-align:middle; width:12px; height:12px; border:2px solid #fff; border-radius:50%; background:none; opacity:1}
.swiper-banner .pagination-banner span.swiper-pagination-bullet-active{ background-color:#fff}


.index02{ background-color:#f5f5f5 !important}
.index02 .hd{ margin-bottom:40px;}
.index02 .hd .png img{ max-width:100%}
.index02 .hd h3{ font-size:40px; font-weight:normal; line-height:1.1}
.index02 .conn{ max-width:1540px; margin:0 auto;  font-size:18px; line-height:2; margin-bottom:30px; width:100%}
.index02 .more a{ display:inline-block; width:132px; height:38px; line-height:36px; border:1px solid #415FFF; color:#415FFF}
.index02 .more a:after{ content:""; display:inline-block; width:18px; height:18px; background:url(../images/ico-01.png) no-repeat center; background-size:100%; vertical-align:middle; margin-left:12px; position:relative;top:-1px}

.swiper-03{ width:100%; height:100vh; margin:0; position:relative}
.swiper-03 .swiper-slide{ margin:0; display:block;}
.swiper-03 .swiper-slide .a{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width:100%; height:100%; background-repeat:no-repeat; background-position:left center; background-size:cover}
.swiper-03 .pagination-03{ position:absolute; z-index:1; bottom:45px; left:0; right:0; text-align:center}
.swiper-03 .pagination-03 span{ display:inline-block; vertical-align:middle; width:12px; height:12px; border:2px solid #333333; border-radius:50%; background:none; opacity:1}
.swiper-03 .pagination-03 span.swiper-pagination-bullet-active{ background-color:#333333}


.index03 .abox{ width:100%; padding:0 160px}
.index03 .title01{ max-width:640px; float:right}
.index03 .title01 h3{ font-size:40px; font-weight:normal; line-height:1.1; margin-bottom:50px}
.index03 .title01 .ps{ font-size:18px; line-height:2; text-align:left; color:#666; margin-bottom:80px}
.index03 .title01 .pay{ text-align:center; cursor:pointer; display:inline-block}
.index03 .title01 .pay .ico{ width:103px; height:103px; background:url(../images/ico-02.png) no-repeat center; background-size:100%; margin:0 auto; margin-bottom:20px}
.index03 .title01 .pay .p{ font-size:22px;}

.index04 .abox{ width:100%; }
.index04{ background-color:#f5f5f5 !important}
.index04 .hd .png img{ display:block; max-width:100%; margin:0 auto}
.index04 .hd h3{ font-size:40px; font-weight:normal; line-height:1.1; margin-bottom:25px}
.index04 .bd{ width:100%; background-color:#fff}
.index04 .bd li{float:left; width:12.5%; height:16.8vh;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:10px; border:1px solid #f5f5f5; margin:-.5px}
.index04 .bd li img{ display:block; max-width:100%; max-height:100%;}

.index05 .hd{ margin-bottom:35px}
.index05 .hd .png img{ display:block; max-width:100%; margin:0 auto}
.index05 .hd h3{ font-size:40px; font-weight:normal; line-height:1.1; margin-bottom:25px}	
.index05 .abox{ width:100%; padding:0 145px;}	
.index05 .bd li{ float:left; width:50%; padding:0 45px; text-align:left; margin-bottom:80px}
.index05 .bd li:nth-last-child(1),.index05 .bd li:nth-last-child(2){ margin-bottom:0}
.index05 .bd .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; border-bottom:1px solid #f5f5f5; padding-bottom:30px; line-height:1.1; margin-bottom:25px}
.index05 .bd .title h3{ font-size:22px;  font-weight:normal;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-left:10px solid #415FFF; padding-left:10px;}
.index05 .bd a:hover .title h3{color:#004ac5;}
.index05 .bd .title .date{ font-size:13px;color:#333}
.index05 .bd .p{ height:66px; overflow:hidden; margin-bottom:50px; color:#333}
.index05 .bd .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.index05 .bd .info .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index05 .bd .info .right{ font-size:13px; color:#333}
.index05 .bd .info .more{ display:block; line-height:45px; width:205px; background-color:#f5f5f5; text-align:center; color:#999999}
.index05 .bd a:hover .info .more{ background-color:#415FFF; color:#fff}
.index05 .bd .info .more i{ font-family:"宋体"; font-weight:bold; margin-left:60px}

.nbanner{ height:495px; background-repeat:no-repeat; background-position:center; background-size:cover !important}

.about01{ padding-top:100px; padding-bottom:40px;}
.plo{ margin-bottom:25px}
.plo .line{ width:75px; height:2px; background-color:#999999; margin-bottom:20px}
.plo .eng{ color:#999999; font-size:16px; text-transform:uppercase; line-height:1.1}
.plo h3{ font-size:36px; color:#415fff; line-height:1.1}
.about01 .txt{ float:left; width:45%}
.about01 .txt .title{ font-size:31px; font-weight:normal; line-height:1.1; margin-bottom:70px}
.about01 .txt .p{ font-size:16px; line-height:1.8; text-align:justify}
.about01 .img{ float:right; width:47.5%; margin-top:-55px;}
.about01 .img img{ display:block; width:100%}

.plo01{ margin-bottom:25px}
.plo01 .line{ width:75px; height:2px; background-color:#999999; margin-bottom:15px} 
.plo01 h3{ font-size:24px; color:#666666; line-height:1.1}

.about02{ padding-top:40px; padding-bottom:100px;}
.about02 .img{ float:left; width:44.16%}
.about02 .img img{ display:block; width:100%}

.about02 .txt{ float:right; width:47.5%}
.about02 .txt .p{ font-size:16px; line-height:1.8}

.about03{ background:url(../images/about03bg.gif); padding-top:80px; padding-bottom:60px;}
.about03 .txt{ width:26.66%; float:left}
.about03 .txt .p{ font-size:16px; line-height:1.8}
.about03 .img{ width:64.58%; float:right}
.about03 .img img{ display:block; width:100%}

.about04{ background:url(../images/about04bg.jpg) no-repeat center top; padding-top:96px; padding-bottom:96px;}
.about04 .plo01{ margin-bottom:50px}
.about04 .bd img{ display:block; max-width:100%}

.culture01{ padding-top:100px; padding-bottom:200px}
.culture01 .plo{ margin-bottom:50px}
.culture01 .bd{ background-color:#eef4ea; position:relative; min-height:628px; padding:78px 40px;}
.culture01 .bd .img{ position:absolute; z-index:1; right:0;top:0; bottom:0; width:50%}
.culture01 .bd .img .im{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.culture01 .bd .txt{ width:44%}
.culture01 .bd .txt li{ margin-bottom:70px}
.culture01 .bd .txt .t{ font-size:32px; line-height:1.1; margin-bottom:15px;}
.culture01 .bd .txt .p{ font-size:16px; line-height:2}

.lanmunav{ text-align:center; padding:17px 0; background-color:#fff; border-bottom:1px solid #eee}
.lanmunav li{ display:inline-block; vertical-align:middle; margin:0 50px;}
.lanmunav li a{ font-size:18px; padding:0 24px; line-height:30px;  border-radius:30px; display:block;}
.lanmunav li.on a,.lanmunav li a:hover{background-color:#415fff; color:#fff}

.newbox{ background-color:#eeeeee; padding-top:25px; padding-bottom:50px;}
.path{ margin-bottom:25px}
.path a{ margin:0 5px}
.path a:last-child{ color:#415fff}

.newlist .bd ul{ margin-left:-7px; margin-right:-7px;}
.newlist .bd li{ float:left; width:50%; margin-bottom:25px}
.newlist .bd li a{ display:block; background-color:#fff; margin:0 7px; padding:10px; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden}
.newlist .bd li .img{ float:left; height:235px; width:44%}
.newlist .bd li .im{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.newlist .bd li .txt{ float:right; width:56%; padding:0 4%; padding-top:30px}
.newlist .bd li .txt h3{ font-size:18px; font-weight:normal; margin-bottom:30px; line-height:1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist .bd li .txt .p{ font-size:14px; color:#666666; height:66px; overflow:hidden; margin-bottom:50px}
.newlist .bd li .txt .fbot{ border-top:1px solid #dcdcdc; line-height:35px; position:relative}
.newlist .bd li .txt .fbot .date{ color:#666}
.newlist .bd li .txt .more{ width:20px; height:20px; background:url(../images/ico-03.png) no-repeat center; background-size:100%; position:absolute; z-index:1; right:0;top:50%; margin-top:-10px; opacity:.5}

.newbox .weap1200{ max-width:1600px; width:90%}

.contact01{ padding-top:100px; padding-bottom:180px; background:#fbfbfb url(../images/contact01bg.jpg) no-repeat center top;}
.contact01 .plo{ margin-bottom:85px;}
.contact01 .txt{ float:left; width:25%; font-size:18px}
.contact01 .txt a{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic}
.contact01 .txt li{ margin-bottom:15px}
.contact01 .map{ float:right; width:75%}
.contact01 .map img{ display:block; width:100%}

.contact02{ padding-top:40px; padding-bottom:80px;}
.contact02 .hd{ text-align:center; margin-bottom:40px}
.contact02 .hd h3{ font-size:30px; font-weight:bold; line-height:1.1}
.contact02 .hd .eng{ font-size:24px; color:#999}

.contact02 .bd li{ float:left; width:31.33%; margin:0 1%;font-size:18px; text-align:center}
.contact02 .bd li .txt{  padding-bottom:25px; height:137px}
.contact02 .bd li a{font-size:18px;}
.contact02 .bd li .t{ border-top:1px solid #e5e5e5; padding:5px 0}
.contact02 .bd li img{ display:block; max-width:125px; margin:0 auto; width:100%}

.brandbox{background:#fff url(../images/brandboxbg.jpg) repeat-x top; padding-top:50px; padding-bottom:50px;}
.brandbox .weap1200{ max-width:1217px;}
.brandbox .title{ border-bottom:1px solid #e5e5e5; text-align:center; padding-bottom:20px; margin-bottom:60px}
.brandbox .title h1{ font-size:40px; font-weight:normal; line-height:1.1;}
.brandbox .conn .weap1200{ overflow:hidden}
.brandbox .conn { font-size:18px; line-height:2} 
.brandbox .conn img{ max-width:100%; height:auto !important}
.brandbox .conn a{ font-size:18px;}
.brandbox .conn .t{ text-align:center}
.brandbox .conn iframe{ height:730px !important}

.connimg ul{ margin-left:-2%; margin-right:-2%}
.connimg li{ float:left; width:29.33%; margin:0 2%; margin-bottom:45px}
.connimg li .im{ overflow:hidden}
.connimg li .im img{ display:block; width:100%}
.connimg li.n2{ width:46%; margin-bottom:0}

.connvideo{ background-color:#000; height:570px;}
.connvideo video{ height:100%}

.newspagebox{ padding:50px 0;background:#eeeeee;}
.commpage h1.title{ text-align:center; line-height:1.2; font-size:25px; margin-bottom:20px; font-weight:normal}
.commpage .info{ border-bottom:1px dashed #d2d2d2; text-align:center; padding-bottom:15px; color:#999}
.commpage .conn{ padding:40px 0; line-height:2}
.prevnext{ overflow:hidden; padding:20px 0; border-top:1px solid #ccc}
.prevnext li{ float:left; width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevnext li:nth-child(2){ text-align:right}

#certify{position:relative; width:1050px;  margin:0 auto;  }
#certify .swiper-container{ padding:30px 0}
#certify .swiper-slide{width:27%; background:#f3f2f1;box-shadow:0 8px 30px #ddd; padding:10px}
#certify .swiper-slide img{display:block; width:100%; height:100%}
#certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#certify .swiper-button-prev{left:-80px;top:50%; margin-top:-22px;width:45px;height:45px;background:url(../images/ico-prev.png) no-repeat; background-size:100%; border:2px solid #bfbfbf; border-radius:50%} 
#certify .swiper-button-prev:hover{ background-color:#fff}
#certify .swiper-button-next{right:-80px;top:50%; margin-top:-22px;width:45px;height:45px;background:url(../images/ico-next.png) no-repeat; background-size:100%; border:2px solid #bfbfbf; border-radius:50%} 
#certify .swiper-button-next:hover{ background-color:#fff}
 
#certify .swiper-button-next:after, #certify  .swiper-container-rtl .swiper-button-prev:after{ display:none}
#certify  .swiper-button-prev:after, #certify  .swiper-container-rtl .swiper-button-next:after{ display:none}
@media (max-width:1220px){ 
.nbanner{ height:40vw}
.connvideo{ height:50vw}
.newbox .weap1200{ width:auto}

.swiper-banner .swiper-slide .a .title{ width:70%}
#certify{ margin-left:-10px; margin-right:-10px; width:auto}
#certify .swiper-container{ padding:20px 0}
#certify .swiper-slide{width:26.1vw; background:#f3f2f1;box-shadow:0 8px 10px #ddd; padding:20px}
#certify .swiper-button-prev{left:10px; } 
#certify .swiper-button-next{right:10px;}

.brandbox .conn iframe{ height:60.8vw !important}
}
@media (max-width:1180px){  
.index02 .hd .png img{ height:50px}
.index02 .hd h3{ font-size:30px}
.index02 .conn{ font-size:16px; line-height:1.8}
.index03 .title01 h3{ font-size:30px;}
.index03 .title01 .ps{ font-size:16px; margin-bottom:56px}
.index03 .title01 .pay .ico{ width:70px; height:70px;}
.index03 .title01 .pay .p{ font-size:15.4px}
.index04 .hd .png img{ height:50px;}
.index04 .hd h3{ font-size:28px}
.index04 .bd li{ height:15vh}
.index05 .abox{ padding:0 40px}
.index05 .bd li{ padding:0 10px; margin-bottom:56px}
.index05 .hd .png img{ height:50px}
.index05 .hd h3{ font-size:28px}
.index05 .bd .title{ padding-bottom:21px; margin-bottom:17px}
.index05 .bd .p{ margin-bottom:35px}

.brandbox .conn{ font-size:16px; line-height:1.8}
.brandbox .conn a{ font-size:16px}
}
@media (max-width:1020px){  
.swiper-banner .swiper-slide .a{ background-size:auto 100%}

.swiper-index .pagination-index{ right:5px;}
.swiper-index .swiper-pagination-bullet{ width:8px; height:8px; margin-top:10px !important; margin-bottom:10px !important}
.swiper-banner .pagination-banner span{ width:10px; height:10px;}
.index02 .hd .png img{ height:30px;}
.index02 .hd h3{ font-size:22px;}
.index02 .conn{ font-size:14px; line-height:1.6}
.index02 .hd{ margin-bottom:20px}

.index03 .abox{ padding:0 10px}
.index03 .title01 h3{ font-size:22px; margin-bottom:20px; }
.index03 .title01 .ps{ font-size:14px; margin-bottom:25px; line-height:1.6 }
.index03 .title01 .pay .ico{ width:50px; height:50px; margin-bottom:10px}
.index03 .title01 .pay .p{ font-size:14px; }
.index04 .hd .png img{ height:30px;}
.index04 .hd h3{ font-size:22px;}
.swiper-03 .swiper-slide .a{ position:relative}
.swiper-03 .swiper-slide .a:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background-color:#fff; opacity:.6}
.index03 .abox{ position:relative; z-index:2;}
.index04{ display:block !important}
.index04 .bd li{ width:25%; height:10vh}
.index04 .abox{ padding-top:80px}
.swiper-index .png{ display:none !important}
.index05 .abox{ padding:0 10px;}

 
.index05 .bd li{ float:none; width:auto; padding:0; margin-bottom:25px}
.index05 .bd .title h3{ font-size:16px; border-left:2px solid #038be7}
.index05 .bd .title{ padding-bottom:10px; margin-bottom:10px}
.index05 .bd .p{ height:44px; margin-bottom:15px}
.index05 .bd .info .more{ height:32px; line-height:32px; width:120px}
.index05 .bd .info .more i{ margin-left:10px}
.index05 .bd li:nth-child(n+4){ display:none}

.index05 .hd h3{ font-size:22px}
.commpage h1.title{ font-size:18px} 
.index04 .hd h3{ margin-bottom:15px}
.index05 .hd h3{ margin-bottom:15px}

.culture01 .bd .img{ position:static; width:auto; height:40vw;}
.culture01 .bd .img .im{ background-position:top center !important;}
.culture01 .bd{ padding:0; min-height:200px}
.culture01 .bd .txt{ width:auto; padding:20px;}

.brandbox .conn{ font-size:14px; line-height:1.6}
.brandbox .conn a{ font-size:14px}
}
@media (max-width:766px){  
.about01{ padding-top:50px; padding-bottom:20px}
.plo{ margin-bottom:20px}
.plo .line{ width:52px; margin-bottom:10px}
.plo h3{ font-size:24px;}
.plo .eng{ font-size:12px}
.about01 .txt{ float:none; width:auto; margin-bottom:15px}
.about01 .img{ margin:0; float:none; width:auto}
.about01 .txt .title{ font-size:20px; margin-bottom:15px}
.about01 .txt .p{ font-size:15px; line-height:1.6}

.about02 .txt{ float:none; width:auto; margin-bottom:15px}
.plo01 .line{ width:52px; margin-bottom:10px}
.plo01 h3{ font-size:20px;}
.plo01{ margin-bottom:20px}
.about02 .img{ float:none; width:auto}
.about02 .txt .p{ font-size:15px; line-height:1.6}
.about02{ padding-top:20px; padding-bottom:40px}
.about03{ padding:40px 0}
.about03 .txt{ float:none; width:auto; margin-bottom:15px}
.about03 .img{ float:none; width:auto}

.about04 .plo01{ margin-bottom:30px}
.about04{ padding:40px 0; background-size:cover}

.contact01{ padding:40px 0}
.contact01 .txt li .p{ text-align:center}
.contact01 .plo{ margin-bottom:20px}
.contact01 .txt{ float:none; width:auto; font-size:16px}
.contact01 .map{ float:none; width:auto}
.contact02 .hd h3{ font-size:22px;}
.contact02 .hd .eng{ font-size:14px}
.contact02 .bd li{ float:none; width:auto; margin-bottom:20px; font-size:16px}
.contact02 .bd li:last-child{ margin-bottom:0}
.contact02 .bd li a{ font-size:16px}
.contact02 .hd{ margin-bottom:20px}

.culture01{ padding-top:40px; padding-bottom:80px}
.culture01 .plo{ margin-bottom:25px}
.culture01 .bd .txt .t{ font-size:21px; margin-bottom:10px}
.culture01 .bd .txt .p{ font-size:15px; line-height:1.8}
.culture01 .bd .txt li{ margin-bottom:25px}

.lanmunav{padding:10px 0; padding-bottom:5px}
.lanmunav ul{ overflow:hidden; }
.lanmunav ul li{ float:left; display:block; width:50%; margin:0; margin-bottom:5px}
.lanmunav li a{ font-size:15px; padding:0; line-height:32px; height:32px}

.brandbox{ padding-top:40px; padding-bottom:40px}
.brandbox .title h1{ font-size:24px; }
.brandbox .title{ padding-bottom:10px; margin-bottom:30px}
 
.brandbox .conn .t img{ height:35px !important}

.newlist .bd li{ width:auto; float:none; margin-bottom:15px}
.newlist .bd li .txt h3{ font-size:16px; margin-bottom:10px}
.newlist .bd li .txt{ padding-top:0; padding-right:0}
.newlist .bd li .txt .p{ height:44px; margin-bottom:25px}
.newlist .bd li .img{ height:127px;}
.newlist .bd li .txt .fbot{ line-height:30px;}

.path{ display:none}
.newspagebox{ padding:40px 0}
.commpage .conn{ padding:20px 0; line-height:1.6; font-size:15px}
.commpage .conn a{ font-size:15px}
.commpage .conn video{ width:100% !important; height:auto !important}

#certify .swiper-slide{width:45vw; padding:5px;}

#certify .swiper-button-prev,#certify .swiper-button-next{ width:30px; height:30px; margin-top:-15px}

.brandbox .conn iframe{ height:auto !important}
}