@charset "utf-8";
/*banner*/
.bannerbox{ position:relative}
.banner{ height:788px; position:relative}
.banner .item{height:788px; position:relative;  background-repeat:no-repeat; background-position:center top; background-size:cover; overflow:hidden  }
.banner .slick-dots{  position:absolute; z-index:2; left:0; right:0; bottom:20px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ display:inline-block; width:40px; height:4px; margin:0 5px;  background-color:#d8d8dc; cursor:pointer; position:relative;  }
.banner .slick-dots li.slick-active{ background:#f98b4f;}
.banner .slick-dots li button{ display:none}

/*首页*/
.plo{ text-align:center; margin-bottom:60px}
.plo h3{ font-size:45px; line-height:1}
.plo h3:before{ content:""; display:inline-block; width:184px; height:30px; background:url(../images/tleft.png) no-repeat right center; background-size:100%; margin-right:30px}
.plo h3:after{ content:""; display:inline-block; width:184px; height:30px; background:url(../images/tright.png) no-repeat left center; background-size:100%; margin-left:30px}
.plo .eng{ font-size:30px; color:#999; text-transform:uppercase}

.index01{ padding-top:65px; background:url(../images/index01bg.jpg) no-repeat center; background-size:cover; padding-bottom:90px}
.index01 .bd li{ width:33.33%; text-align:center; float:left}
.index01 .bd .ico{ width:158px; height:158px; margin:0 auto; border-radius:50%; border:1px solid #ee931b; background-color:#fff; padding:10px; margin-bottom:20px}
.index01 .bd .ico:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; background-color:#ee931b; background-position:center; background-repeat:no-repeat; background-size:100%}
.index01 .bd .ico-a01:before{ background-image:url(../images/ico-a01.png)}
.index01 .bd .ico-a02:before{ background-image:url(../images/ico-a02.png)}
.index01 .bd .ico-a03:before{ background-image:url(../images/ico-a03.png)}
.index01 .bd h3{ font-size:24px; font-weight:normal; padding:0 5px}

.index02{ padding-top:90px; background:url(../images/index02bg.jpg) no-repeat center; background-size:cover; padding-bottom:80px}
.index02 .plo h3{ color:#fff}

.video{ width:70%; height:600px; margin:0 auto; background-color:#000}
.video video{ 
object-fit:cover
}

.index03{ padding:115px 0; background:url(../images/index01bg.jpg) no-repeat center; background-size:cover; }
.index03 li{ width:33.33%; text-align:center; float:left; padding:0 5px}
.index03 li a{ display:block; max-width:260px; margin:0 auto; background-color:#fff; border-radius:10px; padding:30px; color:#333;  }
.index03 li a:hover{background:url(../images/bgbg.jpg) repeat-x; background-size:auto 100%;}
.index03 li .ico{ width:120px; height:120px; margin:0 auto; margin-bottom:25px; background:url(../images/bgbg.jpg) repeat-x; background-size:auto 100%; border-radius:50%}
.index03 li a:hover .ico{ background:#fff}
.index03 li .ico:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:100%}
.index03 li .ico-b01:before{ background-image:url(../images/ico-b01.png)}
.index03 li .ico-b02:before{ background-image:url(../images/ico-b02.png)}
.index03 li .ico-b03:before{ background-image:url(../images/ico-b03.png)}
.index03 li a:hover .ico-b01:before{ background-image:url(../images/ico-b01on.png)}
.index03 li a:hover .ico-b02:before{ background-image:url(../images/ico-b02on.png)}
.index03 li a:hover .ico-b03:before{ background-image:url(../images/ico-b03on.png)}
.index03 li h3{ font-size:18px; font-weight:normal; margin-bottom:60px;}
.index03 li a:hover h3{ color:#fff}
.index03 li .more span{ display:block; background-color:#f7f7f7; line-height:44px; border:1px solid #d6d6d6; border-radius:5px;}
.index03 li a:hover .more span{ color:#ffffff; border:1px solid #fff; color:#f77422}

.index04{ background:url(../images/index04bg.jpg) no-repeat center; background-size:cover; color:#fff; }
.index04 .weap{padding:60px 0; position:relative}
.index04 a{ color:#fff}
.index04 .t{ font-size:39px; margin-bottom:60px;}
.index04 .tel a{ display:block; font-size:26px; color:#cccfd4; line-height:1.2; padding-left:138px; background:url(../images/ico-tel02.png) no-repeat left center; background-size:108px;}
.index04 .tel a b{ display:block; font-size:64px; color:#fff}
.index04 .qq a{ display:block; position:absolute; z-index:2; line-height:78px; border:1px solid #fff; border-radius:80px; font-size:32px; padding:0 25px; right:0;top:50%; transform:translateY(-50%)}
.index04 .qq a:hover{ background:rgba(255,255,255,.3)}
.index04 .qq a:after{ content:""; display:inline-block; width:42px; height:29px; vertical-align:middle; background:url(../images/ico-01.png) no-repeat center; background-size:auto 100%; margin-left:12px}

.index05{ background:url(../images/index05bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:85px; padding-bottom:100px; }
.index05 .bd li{ float:left; width:25%; margin-bottom:40px;}
.index05 .bd li .a{ display:block; margin:0 20px; text-align:center; border:1px solid #fad69a; padding:20px;}
.index05 .bd li .ico{ height:80px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:10px}
.index05 .bd li .ico-c01{ background-image:url(../images/ico-c01.png)}
.index05 .bd li .ico-c02{ background-image:url(../images/ico-c02.png)}
.index05 .bd li .ico-c03{ background-image:url(../images/ico-c03.png)}
.index05 .bd li .ico-c04{ background-image:url(../images/ico-c04.png)}
.index05 .bd li .ico-c05{ background-image:url(../images/ico-c05.png)}
.index05 .bd li .ico-c06{ background-image:url(../images/ico-c06.png)}
.index05 .bd li .ico-c07{ background-image:url(../images/ico-c07.png)}
.index05 .bd li .ico-c08{ background-image:url(../images/ico-c08.png)}
.index05 .bd li h3{ font-size:28px; color:#fad69a; font-weight:normal}

.index06{ padding-top:80px; padding-bottom:90px;}
.index06 .bd li{ float:left; width:33.33%; margin-bottom:32px; text-align:center}
.index06 .bd li .a{ background-color:#f6f6f6; border:1px solid #dbdbdb; margin:0 16px; height:188px;}
.index06 .bd li img{ display:block; margin:0 auto; max-height:130px; max-width:80%; position:relative;top:50%; transform:translateY(-50%)}

.page0101 .item{ height:786px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.page0101 .slick-arrow{ width:82px; height:152px; position:absolute; z-index:2; top:50%; margin-top:-76px; cursor:pointer; background-color:transparent; border:none; overflow:hidden; text-indent:-999px; background-image:url(../images/home-banner-btn@2x.png); background-repeat:no-repeat; background-position:center; background-size:50%; opacity:.5}
.page0101 .slick-arrow:hover{ opacity:1}
.page0101 .slick-prev{transform: rotateZ(180deg);left:20px;}
.page0101 .slick-next{ right:20px;}
.page0101 .slick-dots{ position:absolute; z-index:2; left:0; right:0; text-align:center; bottom:20px;}
.page0101 .slick-dots li{ display:inline-block; vertical-align:bottom; width:50px; margin:0 10px; background:#fff; opacity:.8; height:3px;}
.page0101 .slick-dots li button{ display:none}
.page0101 .slick-dots li.slick-active{ height:6px}

.page01title{ color:#fff; font-size:18px;}
.page01title h3{ font-size:85px; font-weight:normal; line-height:1; margin-bottom:25px}
.page01title .p1{ font-size:24px}
.page0102{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.page0102 .weap{ height:718px;padding-top:1px;}
.page0102 .page01title{ margin-top:380px; margin-left:125px;}

.page0103{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.page0103 .weap{ height:545px;padding-top:1px;}
.page0103 .page01title{ margin-top:190px; float:right}

.page0104{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.page0104 .weap{ height:590px;padding-top:1px;}
.page0104 .page01title{ text-align:center; margin-top:90px}
.page0104 .page01title h3{ font-size:60px}

.page0105{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.page0105 .weap{ height:551px;padding-top:1px;}
.page0105 .page01title{ margin-top:190px}
 
.page0106{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.page0106 .weap{ height:718px;padding-top:1px;}
.page0106 .page01title{ margin-top:290px} 

.page0107{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.page0107 .weap{ height:718px;padding-top:1px;}
.page0107 .page01title{ margin-top:380px; margin-left:135px;} 

.nbanner .item{ display:block; height:800px; background-repeat:no-repeat; background-position:center top; background-size:cover}

.index01.page0201{ background:#fff}
.page0201 .bd .ico-e01:before{ background-image:url(../images/ico-e01.png)}
.page0201 .bd .ico-e02:before{ background-image:url(../images/ico-e02.png)}
.page0201 .bd .ico-e03:before{ background-image:url(../images/ico-e03.png)}

.index02.page0202{background: url(../images/page0202bg.jpg) no-repeat center;background-size: cover;}
.index02.page0202 .plo h3{ color:#333}

.page0203{background: url(../images/page0203bg.jpg) no-repeat center top;background-size: cover; height:906px; padding-top:1px}
.page0203 .title{ color:#fff; float:right; max-width:666px; float:right; margin-right:70px; margin-top:170px; font-size:24px}
.page0203 .title h3{ font-size:54px; margin-bottom:25px}
.page0203 .title .p{ text-indent:48px}

.page0204{background: url(../images/page0204bg.jpg) no-repeat center;background-size: cover; height:546px; padding-top:1px}
.page0204 .title{ margin-top:140px; max-width:625px}
.page0204 .title h3{ font-size:36px;margin-bottom:25px}
.page0204 .title li{ float:left; width:48%; margin-right:2%; border:2px solid #fff; font-size:24px; color:#e6e8ea; background:rgba(0,0,0,.33); line-height:58px; padding-left:35px; margin-bottom:20px; border-radius:58px 58px 0 58px} 
.page0204 .title li:nth-child(2){border-radius:58px 58px 58px 0 }
.page0204 .title li:nth-child(3){border-radius:58px 0 58px 58px}
.page0204 .title li:nth-child(4){border-radius:0 58px 58px 58px}

.page0205{ padding:80px 0;background: url(../images/page0205bg.jpg) no-repeat center;background-size: cover; }
.page0205 ul { max-width:980px; margin:0 auto}
.page0205 ul li{ float:left; width:47%; margin:0 1.5%; margin-bottom:25px}
.page0205 ul li img{ width:100%}

.page0207{padding:80px 0;background: url(../images/page0207bg.jpg) no-repeat center;background-size: cover;}
.page0207 li{ width:50%; float:left;}
.page0207 li h3{ font-weight:normal; margin-bottom:20px}
.page0207 li .ico{ margin-bottom:10px}
.page0207 li .txt{ font-size:28px; padding:0 45px; min-height:426px; margin-bottom:20px}
.page0207 li .img img{ display:block; width:100%}
.page0207 li:nth-child(1) .conn{ text-align:justify}
.page0207 li:nth-child(2) .txt{ padding-top:40px}
.page0207 li .p{ width:235px; padding-bottom:27px; background:url(../images/ico-04.png) no-repeat center bottom; background-size:auto 27px; margin-bottom:5px}
.page0207 li .p:last-child{ padding-bottom:0; background:none}
.page0207 li .p span{ display:block; background-color:#000; line-height:54px; border:2px solid #fff; border-radius:54px; text-align:center; border:2px solid #fff; color:#fff; box-shadow:0 0 5px rgba(51,51,51,1)}

 
.page0301 .bd .ico-f01:before{ background-image:url(../images/ico-f01.png)}
.page0301 .bd .ico-f02:before{ background-image:url(../images/ico-f02.png)}
.page0301 .bd .ico-f03:before{ background-image:url(../images/ico-f03.png)}

.page0302{ padding-top:80px; padding-bottom:100px; background:url(../images/page0302bg.jpg) no-repeat center top; background-size:auto 470px}
.page0302 .plo h3{ color:#fff}
.page0302 .bd{ overflow:hidden}
.page0302 .bd ul{ margin-left:-.5%; margin-right:-.5%}
.page0302 .bd li{ width:31.73%; margin:0 .8%; margin-bottom:20px; float:left}
.page0302 .bd li img{ display:block; width:100%}

.page0303{ background-color:#fbfaf8; padding-bottom:100px;}
.page0303 .title{ text-align:center; background:url(../images/page0303bg.jpg) no-repeat center bottom; background-size:cover; font-size:52px; color:#fff; margin-bottom:100px; font-weight:bold; padding-top:70px; padding-bottom:140px}
.page0303 .title span{ color:#ed991c}
.page0303 .title .p2{ margin-bottom:20px;}
.page0303 .title .p3{ margin-bottom:20px}
.page0303 .title .p3 a{  display:inline-block; padding:0 25px; line-height:70px; background-color:#f19332; color:#fff; font-size:35px; font-weight:bold; border-radius:70px;}
.page0303 .title .p4 a{ font-size:36px; color:#fff; font-weight:normal; margin:0 60px; display:inline-block; vertical-align:middle; padding-left:40px; background-repeat:no-repeat; background-position:center left;}
.page0303 .title .p4 a.qq{ background:url(../images/ico-qq01.png) no-repeat left center; background-size:29px;}
.page0303 .title .p4 a.tel{ background:url(../images/ico-tel01.png) no-repeat left center; background-size:33px;}
.page0303 li{ float:left; width:49%; margin:0 .5%}
.page0303 li img{ width:100%}

.page0305{  background:url(../images/page0305bg.jpg) no-repeat center bottom; background-size:cover;  padding-top:60px; padding-bottom:90px}
.page0305 .bd{ overflow:hidden}
.page0305 .bd ul{ margin-left:-1.2%; margin-right:-1.2%}
.page0305 .bd li{ float:left; width:47.6%; margin:0 1.2%}
.page0305 .bd li img{ width:100%}

.index06.page0306 .bd li{ width:25%}

.page0401 .bd .ico-g01:before{ background-image:url(../images/ico-g01.png)}
.page0401 .bd .ico-g02:before{ background-image:url(../images/ico-g02.png)}
.page0401 .bd .ico-g03:before{ background-image:url(../images/ico-g03.png)}

.page0403 .plo{ padding-top:60px}
.page0403 .bd{ background:url(../images/page0403bg.jpg) no-repeat center top; padding-top:125px; padding-bottom:80px; overflow:hidden}
.page0403 .bd ul{ margin-left:-1%; margin-right:-1%}
.page0403 .bd li{ float:left; width:48%; margin:0 1%; margin-bottom:50px; }
.page0403 .bd li .img{border:1px solid #fff; overflow:hidden; margin-bottom:20px}
.page0403 .bd li img{ width:100%; display:block}
.page0403 .bd li .title{ text-align:center}
.page0403 .bd li .title span{ display:inline-block; font-size:30px; color:#fff; min-width:312px; background-color:#ee941b; height:50px; line-height:50px}

.page0405{ padding-top:85px;}
.page0405 .bd .t{ font-size:24px; margin-bottom:35px}
.page0405 .bd .t i{ display:inline-block; vertical-align:middle; border:1px solid #ff712a; color:#ff712a; min-width:36px; line-height:36px; text-align:center; border-radius:36px; margin-right:10px;}
.page0405 .bd li{ margin-bottom:40px}
.page0405 .bd .ul{ overflow:hidden; margin-left:-4%; margin-right:-4%}
.page0405 .bd .ul .li{ float:left; width:42%; margin:0 4%; overflow:hidden}
.page0405 .bd .ul .li img{ width:100%; display:block}

.page0407{ padding-top:80px; padding-bottom:130px}
.page0407 .bd{ overflow:hidden}
.page0407 .bd li{ float:left; width:48%; margin:0 2% 2% 0%}
.page0407 .bd li img{ display:block; width:100%}

.page0408{ background:url(../images/page0408bg.png) no-repeat center top; padding-top:90px; padding-bottom:120px}
.page0408 .plo{ text-align:center; font-size:48px; color:#fff}
.page0408 .plo span{ color:#ee931b}
.page0408 .bd{ position:relative}
.page0408 .bd .title{ width:340px; height:340px; position:absolute; z-index:2; left:50%; margin-left:-170px;top:50%; margin-top:-170px; text-align:center; font-size:49px; background:rgba(255,255,255,.88); border:3px solid #e39228; border-radius:340px; padding-top:75px}
.page0408 .bd .title span{ display:block}
.page0408 .bd ul{ max-width:1036px; margin:0 auto}
.page0408 .bd li{ width:48%; float:left; margin:15px 1%}
.page0408 .bd li img{ display:block; width:100%}

.page0409{ padding-bottom:40px;}
.page0409 .plo{ background:url(../images/page0409bg.jpg) no-repeat center; background-size:cover; padding:60px 0; }
.page0409 .plo h3{ color:#fff}
.page0409 .bd{ overflow:hidden}
.page0409 .t{ font-size:27px; height:27px; line-height:27px; border-left:5px solid #ea9b0c; padding-left:5px; margin-bottom:33px;}
.page0409 ul{ margin-left:-3%; margin-right:-3%; margin-bottom:40px;}
.page0409 li{ float:left; width:44%; margin:0 3%; padding:8px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.5)}
.page0409 li img{ display:block; width:100%}

.page0501 .bd .ico-h01:before{ background-image:url(../images/ico-h01.png)}
.page0501 .bd .ico-h02:before{ background-image:url(../images/ico-h02.png)}
.page0501 .bd .ico-h03:before{ background-image:url(../images/ico-h03.png)}

.page0503{ background:url(../images/page0503bg.jpg) no-repeat center; background-size:cover; padding-top:90px; padding-bottom:70px}
.page0503 .ul1{ margin-left:-1%; margin-right:-1%; margin-bottom:20px;}
.page0503 .ul1 li{ width:48%; margin:0 1%; float:left}
.page0503 .ul1 li img{ display:block; width:100%}
.page0503 .txt{ text-align:center; font-size:20px; background-color:#ee931b; text-align:center; color:#fff; padding:15px; margin-bottom:70px}
.page0503 .txt span{ display:block}
.page0503 .txt i{ font-size:43px; line-height:1}
.page0503 .plo .eng.eng2{ font-size:20px}

.page0503 .ul2{ margin-left:-1%; margin-right:-1%;  }
.page0503 .ul2 li{ width:31.33%; margin:0 1%; float:left; background-color:#fff; margin-bottom:10px}
.page0503 .ul2 li img{ display:block; width:100%}
.page0503 .ul2 li h3{ line-height:50px; font-size:24px; color:#ee941b; text-align:center; font-weight:normal}

.page0504{ background:url(../images/page0403bg.jpg) no-repeat center top; padding-top:65px;}
.page0504 .plo h3{ color:#fff; margin-bottom:20px}
.page0504 .plo .eng{ font-size:20px; max-width:1100px; margin:0 auto}
.page0504 li{ float:left; width:48%; margin:0 1%; margin-bottom:30px}
.page0504 li .img{ border:3px solid #fff; margin-bottom:10px}
.page0504 li h3{ font-size:35px; text-align:center; color:#ee941b; font-weight:normal}
.page0504 li img{ display:block; width:100%; text-align:center}
.page0504 li:last-child{ width:98%}

.page0506 .plo .eng{ font-size:18px;}
.page0506{ padding-top:85px;}
.page0506 .tli{ overflow:hidden; margin-left:-4%; margin-right:-4%}
.page0506 .tli .t{ width:42%; float:left; margin:0 4%}
.page0506 .bd{ margin-bottom:100px}
.page0506 .bd .t{ font-size:24px; margin-bottom:35px}
.page0506 .bd .t i{ display:inline-block; vertical-align:middle; border:1px solid #ff712a; color:#ff712a; min-width:36px; line-height:36px; text-align:center; border-radius:36px; margin-right:10px;}
.page0506 .bd li{ margin-bottom:40px}
.page0506 .bd .ul{ overflow:hidden; margin-left:-4%; margin-right:-4%}
.page0506 .bd .ul .li{ float:left; width:42%; margin:0 4%; overflow:hidden}
.page0506 .bd .ul .li img{ width:100%; display:block}
.page0506 .bd .ms{ text-align:center; font-size:23px; color:#808080; padding-top:30px}

.page0601{ padding-bottom:60px}
.contact01{ background:#f5f5f5 url(../images/home_bg.jpg) no-repeat center bottom; background-size:auto 100%; padding:40px; margin-bottom:30px}
.contact01 .weap{ position:relative}
.contact01 .txt h3{ font-size:30px; color:#f1941d; line-height:1; margin-bottom:5px}
.contact01 .txt .eng{ font-size:12px; color:#999; margin-bottom:30px}
.contact01 .txt .p{ padding-left:33px; background-repeat:no-repeat; background-position:center left; margin-bottom:10px; background-size:auto 20px}
.contact01 .txt .p1{ background-image:url(../images/add_icon.png)}
.contact01 .txt .p2{ background-image:url(../images/phone_icon.png)}
.contact01 .txt .p3{ background-image:url(../images/fax_icon.png)}
.contact01 .txt .p4{ background-image:url(../images/head_ico2_on.png); background-size:auto 13px}
.contact01 .ewm{ position:absolute; z-index:1; right:38px;top:18px; text-align:center; font-size:12px}
.contact01 .ewm .img{ background-color:#fff; width:170px; height:170px; border:1px solid #e2e2e2; margin-bottom:10px}
.contact01 .ewm .img img{ width:100%}

.contact02 { position:relative; overflow:hidden}
.contact02 .map{ width:100%; height:500px}

.page0601 .plo{ padding-top:60px}
@media(max-width:1440px) {
/*banner*/ 
.banner{ height:54vw; }
.banner .item{height:54vw;}
.video{ height:41vw}

.page0101 .item{height:54vw;}

.page0102 .weap{ height:49.8vw}
.page0102 .page01title{ margin-top:26.3vw; margin-left:8.6vw; font-size:1.25vw}
.page01title h3{ font-size:5.9vw; margin-bottom:1.7vw}
.page01title .p1{ font-size:1.6vw}
.page0103 .weap{ height:37.8vw}
.page0103 .page01title{ margin-top:13.19vw; font-size:1.25vw}
.page0104 .page01title h3{ font-size:4.16vw}
.page0104 .page01title{font-size:1.25vw; margin-top:6.25vw}
.page0104 .weap{ height:40.97vw}
.page0105 .weap{ height:38.26vw;}
.page0105 .page01title{ margin-top:13.19vw; font-size:1.25vw}
.page0106 .weap{ height:49.8vw;}
.page0106 .page01title{ margin-top:20.1vw; font-size:1.25vw}
.page0107 .weap{ height:49.8vw;}
.page0107 .page01title{ margin-top:26.38vw; font-size:1.25vw; margin-left:9.35vw}

.nbanner .item{ height:55.55vw}
.page0203{ height:62.9vw}
.page0203 .title h3{ font-size:3.45vw}
.page0203 .title{ font-size:1.66vw; margin-top:11.8vw; margin-right:0;  }
.page0203 .title .p{ text-indent:5.3vw}

} 
@media(max-width:1220px) {
.index04 .qq a{ right:10px}

} 
@media(max-width:999px) {
.plo{ margin-bottom:30px}	
.plo h3{ font-size:22px}	
.plo h3:before{ width:80px; height:15px; margin-right:15px}
.plo h3:after{ width:80px; height:15px; margin-left:15px;}
.plo .eng{ font-size:15px;}
.index01 .bd .ico{ width:79px; height:79px; padding:5px; margin-bottom:10px}
.index01 .bd h3{ font-size:16px}
.index01{ padding-top:32px; padding-bottom:45px}
.index02{ padding-top:45px; padding-bottom:40px}
.index02 .plo h3:before{ display:none}
.index02 .plo h3:after{ display:none}
.index03{ padding:50px 0}
.index03 ul{ margin-left:-5px; margin-right:-5px}
.index03 li .ico{ width:60px; height:60px; margin-bottom:12px}
.index03 li h3{ margin-bottom:30px; font-size:16px}
.index03 li .more span{ line-height:36px}
.index04{ background-position:center right 40%!important}
.index04 .t{ font-size:20px; margin-bottom:30px}
.index04 .tel a{ font-size:14px}
.index04 .tel a b{ font-size:32px;}
.index04 .tel a{ background-size:auto 100%; padding-left:60px}
.index04 .qq a{ line-height:39px; font-size:16px; padding:0 13px;}
.index04 .qq a:after{ width:21px; height:15px;}

.index05{ padding-top:42px; padding-bottom:50px}
.index05 .bd li .a{ margin:0 5px; padding:20px 10px}
.index05 .bd li{ margin-bottom:10px}
.index05 .bd li h3{ font-size:16px}
.index05 .bd li .ico{ height:40px}
.index06{ padding-top:40px; padding-bottom:45px}
.index06 .bd li{ margin-bottom:16px}
.index06 .bd li .a{ height:100px; margin:0 8px;}

.page0204{ height:300px}
.page0204 .title{ margin-top:20px}
.page0204 .title h3{ font-size:20px; margin-bottom:15px;}
.page0204 .title li{ font-size:16px; line-height:40px; margin-bottom:10px}

.page0205{ padding:40px 0;}
.page0205 ul li{ margin-bottom:10px;}

.page0207{ padding:40px 0}

.page0207 li .ico img{ height:30px}
.page0207 li .txt{ font-size:16px; min-height:250px}
.page0207 li .p span{ line-height:32px}
.page0207 li .p{ padding-bottom:14px;background-size: auto 14px;}

.page0302{ padding-top:40px; padding-bottom:50px; background-size:auto 60%}

.page0303{ padding-bottom:50px}
.page0303 .title{ font-size:26px; padding-top:35px; padding-bottom:70px}
.page0303 .title .p3 a{ font-size:18px; line-height:40px}
.page0303 .title .p4 a{ font-size:18px}
.page0303 .title .p4 a.qq{ background-size:20px; padding-left:30px}
.page0303 .title .p4 a.tel{ background-size:20px; padding-left:30px}

.page0403 .plo{ padding-top:30px;}
.page0305{ padding-top:30px; padding-bottom:45px}
.page0403 .bd{ padding-top:60px; padding-bottom:40px;}

.page0403 .bd li .img{ margin-bottom:10px}
.page0403 .bd li{ margin-bottom:25px}
.page0403 .bd li .title span{ font-size:16px; width:100%; min-width:10px; height:38px; line-height:38px}

.page0405{ padding:40px 0}

.page0405 .bd .t{ font-size:16px; margin-bottom:15px}
.page0405 .bd .t i{ height:20px; min-width:20px; font-size:12px; line-height:20px}
.page0405 .bd .ul .li{ width:46%; margin:0 2%}
.page0405 .bd .ul{ margin-right:-2%; margin-left:-2%}
.page0405 .bd li{ margin-bottom:20px}
.page0407{ padding-top:40px; padding-bottom:65px}


.page0408{ padding-top:45px; padding-bottom:60px; background-size:200%}
.page0408 .plo{ font-size:24px}
.page0408 .bd .title{ font-size:20px; width:140px; height:140px; margin-left:-70px; margin-top:-70px; padding-top:30px}
.page0408 .bd li{ margin:5px 1%}

.page0409{ padding-bottom:20px}
.page0409 .plo{ padding:30px 0}
.page0409 .t{ font-size:16px; line-height:16px; height:16px; margin-bottom:15px}
.page0409 ul{ margin-bottom:20px}

.page0503{ padding-top:45px; padding-bottom:35px;}


.page0503 .ul2 li h3{ font-size:16px}

.page0504 li h3{ font-size:18px}
.page0504 li{ margin-bottom:15px}
.page0504{ background-size:250%}

.page0506{ padding-top:40px}

.page0403 .bd{ background-size:180%}

body.oww:after{z-index:2147483646; content:""; display:block; position:fixed; left:0; right:0;top:0; background:rgba(0,0,0,.8); bottom:0 }
.weixina{ width:25%; position:fixed; z-index:2;top:50%; height:80px; background:#00aef3 url(../images/ico-wxa.png) no-repeat center; background-size:40%; z-index:2147483647; right:5px; margin-top:calc(16% + 5px);}
#layer_weixin{width:80%;max-width:500px;height:auto;padding:20px 0;background:#fff;position:fixed;z-index:2147483647!important;left:50%; margin-left:-40%;top:50%; transform:translateY(-50%); 
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	-webkit-box-shadow:#666 0px 0px 10px;-moz-box-shadow:#666 0px 0px 10px;box-shadow:#666 0px 0px 10px; text-align:center;  
}
.oww #layer_weixin{ display:block}
#layer_weixin .line1{width:90%; line-height:1.4; margin:0 auto;font-size:18px;text-align:center;color:#333;font-weight:bold;}
#layer_weixin .line2{width:90%;height:40px;line-height:40px;margin:0 auto;font-size:18px;text-align:center;color:#999;}
#layer_weixin .line3{width:90%;height:30px;line-height:30px;margin:0 auto;font-size:12px;text-align:center;color:#999;}
#layer_weixin .line4{ display:inline-block;height:40px;line-height:40px;margin:0 auto;font-size:18px;text-align:center;padding:0 20px;color:#fff;font-weight:bold;background:#de2e2e;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}
#layer_weixin .close{position:absolute;right:-8px;top:-8px;width:30px;height:30px;line-height:30px;background:#ed971b;color:#fff;text-align:center;cursor:pointer;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}

}
@media(max-width:766px) {
.index03 li a{ padding:15px 5px}
.index04 .qq a{ position:static;transform:none; display:inline-block}
.index04 .tel{ margin-bottom:20px}

.page0101 .slick-arrow{ width:41px; height:76px; margin-top:-38px;}
.page0101 .slick-prev{ left:0px;}
.page0101 .slick-arrow{ right:0px;}
.page0101 .slick-dots li{ width:25px; height:1px; margin:0 5px}
.page0101 .slick-dots li.slick-active{ height:3px}
.page0101 .slick-dots{ bottom:10px;}

.page0204{ height:200px}
.page0204 .title li{ padding-left:8px; font-size:14px}
.page0207 li{ float:none; width:auto; margin-bottom:20px}
.page0207 li .txt{ padding:0; min-height:100px}
.page0207 li:nth-child(2) .txt{ padding-top:10px}
.page0207 .plo h3:before{ display:none}
.page0207 .plo h3:after{ display:none}
.page0302 .bd li{ width:48%; margin-bottom:10px}

.page0303 .title{ margin-bottom:20px; font-size:20px}
.page0303 .title .p3 a{ font-size:15px; line-height:36px}
.page0303 .title .p4 a{ margin:0 1.5%}

.page0403 .plo h3:before{ display:none}
.page0403 .plo h3:after{ display:none}

.page0503 .ul2{ font-size:0; text-align:center}
.page0503 .ul2 li{ width:48%; display:inline-block; float:none; vertical-align:top}

.page0504 .plo h3:before{ display:none}
.page0504 .plo h3:after{ display:none}

.page0504 .plo .eng{ font-size:12px}

.page0405 .plo h3:before{ display:none}
.page0405 .plo h3:after{ display:none}
.page0407 .plo h3:before{ display:none}
.page0407 .plo h3:after{ display:none}
.page0503 .plo h3:before{ display:none}
.page0503 .plo h3:after{ display:none}
.page0506 .plo h3:before{ display:none}
.page0506 .plo h3:after{ display:none}

.page0506 .plo .eng{ font-size:12px}
.page0506 .bd .t{ font-size:16px; margin-bottom:15px}
.page0506 .bd .t i{height: 20px;
    min-width: 20px;
    font-size: 12px;
    line-height: 20px;}
.page0506 .bd li{margin-bottom:20px}		
.page0506 .bd .ul .li{ width:48%; margin:0 1%; }
.page0506 .bd .ul{ margin-left:-1%; margin-right:-1%}
.page0506 .bd{ margin-bottom:50px}
.page0506 .bd .ms{ font-size:14px; padding-top:15px}
.page0203 .title h3{ margin-bottom:10px; font-size:4vw}
.page0203 .title{ font-size:2vw}

.contact01{ padding:20px 10px;}
.contact01 .ewm{ position:static}
.contact01 .ewm .img{ width:140px; height:140px}
.contact01 .ewm .p{ width:140px; text-align:center}
.contact01 .txt h3{ font-size:20px;}
.contact02 .map{ height:300px}

.page0601{ padding-bottom:30px}
.page0601 .plo{ padding-top:30px}
.contact01{ margin-bottom:10px}
}
@media(max-width:540px) {
.index05 .bd li{ width:50%}
.index06 .bd li{ margin-bottom:10px}
.index06 .bd li .a{ margin:0 5px}
.index06 .bd li img{ max-width:90%}

.page0207 li .p{ width:auto}
.index06.page0306 .bd li{ width:33.33%}

.page0503 .ul1{ margin-bottom:10px}

.page0503 .txt i{ font-size:21px}
.page0503 .txt{ font-size:14px; margin-bottom:35px}
.page0503 .plo .eng.eng2{ font-size:12px; color:#999}
.page0305 .bd li{ width:auto; float:none; margin-bottom:10px;}
.index06.page0306 .bd li{ width:50%}
.page0409 li{ width:48%; margin:0 1%; padding:5px;}
.page0409 ul{ margin-left:-1%; margin-right:-1%}
.page0503 .ul2 li h3{ line-height:40px}
.page0504 li h3{ font-size:16px}
}
@media(max-width:450px) {
.video{ width:auto; height:auto} 
.index03 li .more span{ line-height:30px}
.index03 li h3{ margin-bottom:20px}

}