@charset "gb2312";
/* CSS Document */

/*¼ò½éÒ³*/
.info_body{ background: #fff}
.info_body img{width: 100%;}
.info_body *{ font-style: normal}
.info_p2{ padding: 6% 4%}
.info_body h2{font-size: 1.4em; text-align: center;}
.info_p2 h2{ color: #000;}
.info_p2 .ip2_con{padding: 10px 0}
.ip2_con p{color: #666;}
.ip2_con h3{text-align: center; padding-top: 10px}
.ip2_con span{display: block; margin: 10px 0;overflow: hidden; border-top:1px solid #ccc; border-left:1px solid #ccc; text-align: center}
.ip2_con span a{width:33.33%; display:inline-block; float: left; padding: 5px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box; margin: 0;}
.ip2_con span i{width:33.33%; display:inline-block; float: left; padding: 5px 0; border-right: 1px solid #fd9704; border-bottom: 1px solid #fd9704; box-sizing: border-box; margin: 0; background: #fd9704; color: #fff;}
.info_p3{ padding: 6% 4%;background: #eee; color: #000;}
.info_p3 ul{ padding-top: 10px}
.info_p3 ul li{width: 31.33%;height: 35vw; float: left; background: #fff; padding: 5px; margin:1%; font-size: 1.2em; box-sizing: border-box; color: #000; box-shadow: 0 0 10px #999}
.info_p3 ul li i{font-size: 0.8em; display: block; color: #666;}
.info_p3 ul li:nth-child(1){ background:#fff url(../images/ip1.jpg) no-repeat center bottom; background-size: 90%}
.info_p3 ul li:nth-child(2){ background:#fff url(../images/ip2.jpg) no-repeat center bottom; background-size: 90%}
.info_p3 ul li:nth-child(3){ background:#fff url(../images/ip3.jpg) no-repeat center bottom; background-size: 90%}
.info_p3 ul li:nth-child(4){ background:#fff url(../images/ip4.jpg) no-repeat center bottom; background-size: 90%}
.info_p3 ul li:nth-child(5){ background:#fff url(../images/ip5.jpg) no-repeat center bottom; background-size: 90%}
.info_p3 ul li:nth-child(6){ background:#fff url(../images/ip6.jpg) no-repeat center bottom; background-size: 90%}
.info_p3 em{width: 60%; text-align: center; background: #fd9704; color: #fff; padding: 5px 0; border-radius: 5px; margin: 10px auto;display: block; font-size: 1.2em;}	
.info_p4{ padding: 6% 0}
.info_p4 h2{ color: #000;}
.info_p4 .ip4_con{padding: 10px 4%; overflow: hidden;}
.ip4_con i{width: 32.33%; margin:0.5%; float: left; box-sizing: border-box; display: inline-block;}
.ip4_con em{width: 15.66%;height:18vw; text-align: center; line-height:18vw; margin:0.5%; float: left; box-sizing: border-box; display: inline-block; background: #fd9704; color: #fff;}
.ip4_con em:nth-of-type(2){ background: #00aaf0;}

.make_video{ width: 100%;}
.make_video h3{ font-size: 1.2em; color: #c0976d; text-align: center; padding: 0 0 15px}
.make_video video{ width: 100%; margin-bottom: 10px}

/*ÐÂÆ·ÅÆ¼ò½é2018-5-28*/
/*
.mainBody,html,body,.wrap{ width: 100%; height: 100%;}
.ppmain{ width: 100%; height: 100%; background: url(../images/ppbg.jpg) no-repeat center; background-size: cover; position: relative}
.ppmain i,.ppmain em{ font-style: normal}
.ppmain img{ width: 100%;}
.ppmain .swiper-slide{ width: 100%; height: 100%;}
.ppcon,.ppcon2{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.ppcon{ width: 90%; height: 78%;}
.ppcon2{ width: 96%; height: 90%; overflow: hidden;}
.ppcon h2{ font-size: 1.5em; font-weight:300; color: #b1824f;}
.ppcon b{display: block; font-size: 1.5em; color: #b1824f; padding-bottom: 2px}
.ppcon i{ display: block; font-size: 1.1em; color: #ccc;}
.pp1 img{display: block;margin: 10% 0 4%}
.pp4 img{display: block;margin: 10% 0 9%}
.pp1 p{ padding-bottom: 20px; text-indent: 2em; color: #666;}
.ppcon em{display: block; width: 60%; height: 40px; font-size: 1.2em; margin: 0 auto; line-height: 40px; text-align: center; color: #fff; background: #fd9704; border-radius: 5px}
.pp2 .pp2c{ margin: 10% 0 20px}
.pp2 .pp2c .pp2ct{ overflow: hidden; text-align: center}
.pp2 .pp2c .pp2ct a{ border:1px solid #ccc; width: 31.5%; height: 35px; line-height: 35px; overflow: hidden; margin:0 0 4px; text-align: center; display: inline-block;}
.pp2btn{ text-align: center; margin-top: 10px}
.pp2btn span.swiper-pagination-bullet-active{ background: #fd9704}
.pp3 .pp3c{ margin: 10% 0 20px; text-align: center}
.pp3 .pp3c a{display:inline-block; width: 17.5%; padding: 0 2%; margin: 0 5% 15px; font-size: 14px}
.pp3 .pp3c a img{display: block; margin-bottom: 5px}
.pp5{ background: #fff}

.wapsp5 .ppcon2{ height: 70%;}
*/

/*ÐÂ¼ò½é2019-07-24*/
.make_ban{text-align: center;background: url(../images/banbg_pp.jpg) no-repeat top center;background-size: 100%;padding: 10% 0 14%;font-size: 2.8em;}
.make_ban *{display: block;}
.make_ban b{font-size: 1.4em;color: #f1eee0;opacity: 0.5;font-weight: normal;}
.make_ban em{font-size: 2.6em;color: #dcc29f;margin:2% 0 6%;}
.make_ban span{font-size: 0.9em;color: #f1eee0;}
.make_pd{padding: 6% 4%;}
.make_pd h2{text-align: center;font-size: 1.2em;color: #d2d0d1;font-weight: normal;}
.make_pd h2 b{display: block;font-size: 1.5em;color: #384DC3;}
.make_pd p{font-size: 1em;color: #666;text-indent: 2em;line-height: 1.6em;padding: 6% 0;}

.make_pd2{padding: 6% 4%;}
.make_pd2 h2{text-align: center;font-size: 1.2em;color: #d2d0d1;font-weight: normal;}
.make_pd2 h2 b{display: block;font-size: 1.5em;color: #384DC3;}
.make_pd2 p{font-size: 1em;color: #666;line-height: 1.6em;}

.make_c1,.make_c3{background: #F2F2F2;}
.make11,.make21,.make3,.make3 *{overflow: hidden;}
.make11 a{float: left;width: 31%;background: #536AE8 url(../images/make11.png) no-repeat 90% center;background-size: 15%;font-size: 1.1em;color: #fff;text-indent: 1em;margin-right: 3%;border-radius: 5px;padding: 2% 0;}
.make11 a:nth-child(3){margin-right: 0;}
.make_c2 ul{overflow: hidden;padding: 6% 0 4%;}
.make_c2 ul li{float: left;width: 28%;margin:0 8% 2% 0;text-align: center;font-size: 1.1em;color: #666;line-height: 2em;}
.make_c2 ul li:nth-child(3n){margin-right: 0;}
.make21 a{float: left;width: 47%;text-align: center;border-radius: 5px;font-size: 1.2em;color: #fff;background: #536AE8;padding: 3% 0;}
.make21 a:nth-child(2){float: right;}
.make3{margin-bottom: 5%;}
.make3 div{float: left;position: relative;margin-bottom: 2.5%;}
.make3 div span{display: block;width: 100%;text-align: center;background: rgba(0,0,0,0.5);font-size: 1.1em;color: #fff;border-radius: 0 0 5px 5px;position: absolute;left: 0;bottom: 0;padding: 3% 0;}
.make31{width: 43.5%;}
.make35{width: 48.5%; margin-right: 1.5%;}
.make3 .make32,.make3 .make33{float: right;width: 53%;}
.make_c3 .make21 a{background: #536AE8 url(../images/make11.png) no-repeat 90% center;background-size: 12%;text-align: left;text-indent: 1.5em;}

@media screen and (max-width:590px){
	.make_ban{font-size: 1.55em;}
	}
@media screen and (max-width:375px){
	.make_ban{font-size: 1.4em;}
	}
@media screen and (max-width:325px){
	.make_ban{font-size: 1.2em;}
	}

/*2020-12-24*/
.w100{ width:100%; display:block;}    
.item_main{max-width: 750px;margin: 0 auto;}                                                                                                               
.jcit{width: 100%;margin-bottom: 5%;text-align: center;}
.jcit h2{font-weight: bold;font-size: 1.8em;color: #666;line-height: 1.4em;height: 1.4em;}
.jcit h2 span{font-size: 1em;color: #ae814f;}
.jcit div{width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 16px solid #AF804E;margin: 0 auto;}
.jcit b{display: block;font-size: 1.1em;color: #3f3f3f;font-weight: normal;line-height: 30px;}

.jci1{background: #EFEFEF;padding: 6% 5.3% 8%;}
.jci1 ul{overflow: hidden;margin-bottom: 6%;}
.jci1 ul li{float: left;width: 32%;border: 1px solid #AF804E;box-sizing: border-box;color: #b0814e;font-size: 0.8em;line-height: 1.3em;padding: 2% 0 2% 11%;margin-right: 2%;}
.jci1 ul li b{display: block;font-size: 1em;}
.jci1 ul li:nth-child(1){background: url(../images/jci11.png) no-repeat 10% center;background-size: 24%;}
.jci1 ul li:nth-child(2){background: url(../images/jci12.png) no-repeat 4% center;background-size: 24%;padding: 2% 0 2% 9%;}
.jci1 ul li:nth-child(3){background: url(../images/jci13.png) no-repeat 10% center;background-size: 24%;margin-right: 0;}
.jci1 p{font-size: 1em;color: #666;line-height: 2em;text-indent: 2em;}
.jci1 img{display: block;width: 80%;margin:8% auto;}
.jcibtn{display: block;width: 44%;line-height: 2.6em;background: #9E9E9F;font-size: 1em;color: #fbfbfb;text-align: center;margin: 0 auto;}
a.jcibtn:hover{color:#fbfbfb;}

.jci2{padding: 6% 3.2% 6%;}
.jci2 p{font-size: 1em;color: #666;line-height: 2em;text-align: center;padding: 0 4%;}
.jci2 img{width: 100%;margin-bottom: 6%;}


.jci3{position: relative;}
.jci3c{position: absolute;left: 5%;top: 3%;width: 90%;}
.jci3c p{font-size: 0.8em;color: #666;line-height: 2em;text-align: center;}
.jci3c .jci31{width: 100%;}
.jci3c ul{overflow: hidden;margin-bottom: 10%;text-align: center;}
.jci3c ul li{width: 32%;display: inline-block;font-size: 0.8em;color: #b0814e;line-height: 25px;margin-top: 6%;}
.jci3c ul li img{display: block;margin: 0 auto;width: 52%;margin-bottom: 0.5em;}

.jci4{padding: 6% 5.3% 6%;}
.jci4 .hd ul{overflow: hidden;}
.jci4 .hd ul li{float: left;width: 32.5%;margin-right: 1.25%;height: 4.5em;text-indent: 9999px;margin-bottom: 10px;}
.jci4 .hd ul li:nth-child(1){background: url(../images/jci4a1.jpg) no-repeat center;background-size: 90%;}
.jci4 .hd ul li:nth-child(2){background: url(../images/jci4a2.jpg) no-repeat center;background-size: 90%;}
.jci4 .hd ul li:nth-child(3){background: url(../images/jci4a3.jpg) no-repeat center;background-size: 90%;margin-right: 0;}
.jci4 .hd ul li.on:nth-child(1){background: url(../images/jci4b1.jpg) no-repeat center;background-size: 90%;}
.jci4 .hd ul li.on:nth-child(2){background: url(../images/jci4b2.jpg) no-repeat center;background-size: 90%;}
.jci4 .hd ul li.on:nth-child(3){background: url(../images/jci4b3.jpg) no-repeat center;background-size: 90%;margin-right: 0;}
.jci4 .bd{margin-bottom: 6%;}
.jci4 .bd img{width: 100%;}

.jci7{padding: 6% 5.3% 6%; overflow: hidden;}
.jci5 p,.jci7 p,.jci8 p{font-size: 1em;color: #666;line-height: 2em;text-align: center;text-indent: 2em;}
.jci5{ width: 89.4%; margin: 6% auto;overflow: hidden;}

.mod19{margin-right:auto;margin-left:auto;width:100%;position: relative;margin-top: 4%;}
.mod19 .swiper-wrapper .swiper-slide,.mod192 .swiper-wrapper .swiper-slide{background-size:100% !important;background-repeat: no-repeat !important; }
.mod192{padding:3% 0 6%;}
.mod19 .prev1,.mod19 .next1{top:40%;width:4%;height:3em;position: absolute;z-index: 2;}
.mod19 .prev1{background:url(../images/jci5l.png) 0 0 no-repeat;left: 5%;background-size: 100%;}
.mod19 .next1{background:url(../images/jci5r.png) 0 0 no-repeat;right: 5%;background-size: 100%;}
.mod192 .swiper-slide{position: relative;border-right:10px solid #fff;margin-right: 0 !important;}
.mod192 .swiper-slide::before{content:"";background: rgba(0,0,0,0.45);width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.mod192 .swiper-slide-active::before{content:"";background: rgba(0,0,0,0);width:100%;height: 100%;position: absolute;left: 0;top: 0;}
@media screen and (min-width:640px) and (max-width:3000px){.mod19{height:404px;}.mod19 .prev1,.mod19 .next1{width: 32px;height: 64px;}.mod192{height: 96px;}}
@media screen and (min-width:500px) and (max-width:590px){.mod19{height:300px;}.mod19 .prev1,.mod19 .next1{width: 18px;height: 40px;}.mod192{height: 84px;}}
@media screen and (min-width:320px) and (max-width:414px){.mod19{height:200px;}.mod19 .prev1,.mod19 .next1{width: 18px;height: 40px;}.mod192{height: 46px;}}

.jci6{background: #EFEFEF;padding: 6% 5.3% 8%;}
.jci6 img{display: block;margin: 0 auto;width: 94.5%;margin-bottom: 6%;}

.jci71{overflow: hidden;position: relative;margin:6% auto;}
.jci71 img{width: 100%;}
.jci7l,.jci7r{width: 7%;position: absolute;top: 34%;cursor: pointer;}
.jci7l{left: 2%;}
.jci7r{right: 2%;}

.jci8{ width: 89.4%; margin: 6% auto;overflow: hidden;}
.jci81{text-align: center;position: relative;margin: 6% auto;overflow: hidden;}
.next2,.prev2{width: 4%;position: absolute;top:0;z-index: 2;}
.prev2{left: 0;}
.next2{right: 0;}
.next2 img,.prev2 img{ width: 100%;}
.jci81 .jci82{ width: 90%; margin: 0 auto;overflow: hidden;}
.jci81 .swiper-slide{float: left;font-size: 0.8em;color: #666;line-height: 1.5em;width: 25% !important;}
.jci81 .swiper-slide span{display: block;width: 78%;margin: 0 auto;position: relative;background: #000;border-radius: 50%;}
.jci81 .swiper-slide img{width: 100%;opacity: 0.45;}
.jci81 .swiper-slide:hover img{opacity: 1;}
