@charset "utf-8";
/* CSS Document */


.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}



.pd25{ padding-left:25px; padding-right:25px;}
.main{ max-width:750px; margin:0 auto; padding-bottom:50px;}
.main img{ max-width:100%;}

.index01{ position:relative;}
.index01 .index01box{ position:absolute; left:25px; bottom:90px;}

.index01 .index01box .a_01{  background:rgba(0,0,0,.5); color:#fff; font-size:18px; padding:8px; border-radius:100px; display:inline-block; line-height:40px;padding-right:20px;}
.index01 .index01box .a_01 i{ margin-right:10px; vertical-align:middle; display:inline-block; width:40px; height:40px; border-radius:100%; background:#e6322f; position:relative;}
.index01 .index01box .a_01 i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.index01 .index01box .a_02{ padding:13px 20px; background:#fff; border-radius:100px; display:inline-block; margin-top:8px; color:#e6322e; font-weight:bold;}

.index01 .index01box .a_02 img{ vertical-align:middle; margin-right:10px;}



.index02boxz{ position:relative; margin-top:-50px;}
.index02bac{ background-image:url(../images/bac2_03.jpg); background-repeat:repeat-x; background-size:auto 100%; border-radius:15px; height:90%; position:absolute; left:0; top:0; width:100%; z-index:1;}

.index02boxbot{ position:relative; z-index:2; padding:0 15px;}
.index02boxbot>b{ font-size:34px; color:#e8201b; line-height:90px; display:block; text-align:center;font-family:SCbold;}

.index02box{ background-color:#fff2d9; border-bottom:4px solid #ffd359; border-radius:15px; overflow:hidden; padding:30px;}

.index02box .img{ width:230px;}
.index02box .img img{ margin:0 auto; display:block;}
.index02box .txt{ width:calc(100% - 240px);}


.index02box .txt b{ display:block; padding:10px 0; font-size:24px; color:#333; font-weight:normal; padding-left:50px; background-image:url(../images/index_07.jpg); background-position:left center; background-repeat:no-repeat;}
.index02box .txt b em{ font-weight:bold; font-style:normal; color:#e8201b; margin-right:5px;}

.index03{ margin-top:30px; }

.index03tit span{ display:inline-block; padding-left:25px; padding-right:77px; background-image:url(../images/bac94.jpg); background-size:100% 100%; line-height:70px; color:#fff; font-size:28px;font-family:SCbold;}
.index03tit span img{ vertical-align:middle; margin-right:25px;}

.index03bot{ text-align:center;border-top:5px solid #e6322e; border-radius:10px; border-top-left-radius:0; padding:0 45px; box-shadow:0 0 20px rgba(164,59,41,.2);}
.index03bot >b{font-family:TCbold; line-height:1; margin-top:30px; margin-bottom:30px; font-size:40px; color:#e8201b; display:block; text-align:center;}
.index03bot >span{font-family:TCmedium; display:inline-block; color:#e8201b; font-size:22px; border-radius:100px; padding:10px 25px; background:#fceaea;}
.index03bot >span img{ vertical-align:middle; margin-right:20px;}

.index03bot form{ text-align:left; padding:30px 0;}
.index03bot .flex {border:1px solid #cccccc; border-radius:10px; overflow:hidden;margin-bottom:30px;}
.index03bot input{  line-height:88px; height:88px; font-size:26px; color:#999; padding-right:30px;}
.index03bot form span{ text-align:center; width:175px; line-height:88px; font-size:26px; color:#5b5b5b;}
.index03bot form input{ width:calc(100% - 175px); text-align:right;}


.index03bot .zhengce{ font-size:22px; color:#999999; padding-left:50px; background-image:url(../images/index_20.jpg); background-position:left center; background-repeat:no-repeat; margin-bottom:35px;}
.index03bot .zhengce a{ color:#e6322e;}

.index03{ padding-bottom:30px;}
.index03bot form button{font-family:TCbold; border-radius:100px; width:100%; background:#e8201b; color:#fff; font-size:30px; font-weight:bold; height:88px; cursor:pointer;}
.index03bot{ padding-bottom:20px;}
.dowebok1 { width: 100%; height: 200px;}
.dowebok1 ul { margin: 0; line-height: 60px;}
.dowebok1 ul li{ margin-bottom:10px; background:#fdebeb; border-radius:100px; color:#e8201b; font-size:23px;}
.dowebok1 a { color: #333; text-decoration: none;}
.dowebok1 a:hover { text-decoration: underline;}


.gundongwenzi{ position:relative; overflow:hidden;}
.gundongwenzi:after{ content:""; position:absolute; top:0; left:0; width:100%; height:110%; background-image:url(../images/touming.png); background-repeat:repeat-x; background-size:auto 100%;}


.index04{ background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto; padding-top:60px; padding-bottom:60px;}
.title{ text-align:center; margin-bottom:35px;}
.title  .indextits{ font-size:42px; color:#333333; font-weight:bold; text-align:center; line-height:1;}
.title  .indextits em{ color:#e8201b; font-style:normal;}
.title  .line{ margin:25px auto; width:55px; height:6px; border-radius:10px; background:#e8201b;}
.title  .p{ font-size:22px; color:#666666; line-height:1;}

.content img{ margin-bottom:15px;}
.content p{ font-size:26px; color:#333; line-height:1.8; text-align:justify;}

.gulv{ border-radius:10px; overflow:hidden; background-image:url(../images/bac2_03.jpg); position:relative; background-repeat:repeat-x; background-size:auto 100%; margin-top:65px; padding:20px; padding-right:35px;}
.gulv>b{ font-size:36px; color:#333333; display:block; margin-bottom:20px; padding-left:20px;}
.gulv > b em{ color:#e8201b; font-style:normal;}

.gulvbox{ background:#fff2d9; padding:30px 20px; border-radius:10px;}

.gulv img{ position:absolute; bottom:20px; z-index:1; right:10px; height:85%;}
.gulv ul{ position:relative; z-index:2;}
.gulv li{ padding-left:85px; background-image:url(../images/index_31.jpg); background-position:left center; background-repeat:no-repeat; margin-bottom:30px;}
.gulv li:last-child{ margin-bottom:0;}
.gulv li span{font-family:TCbold; line-height:1.5; font-size:28px; color:#333333; font-weight:bold;}
.gulv li p{ font-size:22px; color:#666666;font-family:TClight;}

.index05 li{ position:relative; margin-bottom:20px; border-radius:10px; overflow:hidden; background-size:cover; background-position:center; padding:40px; color:#fff;}
.index05 li b{font-family:SCbold; font-size:32px; display:block; line-height:1; margin-bottom:15px;}
.index05 li p{font-family:SCregular;  font-size:22px; line-height:1; display:block;}
.index05 li span{font-family:SCregular; position:absolute; right:0 ; top:0; line-height:45px; background-image:url(../images/topbac.png); background-size:100% 100%;  display:inline-block; color:#e8201b; background-repeat:no-repeat; padding-left:45px; padding-right:22px; font-size:22px;}
.index05box{ padding-bottom:50px;}


.index06,.index07{ border-radius:5px; padding-top:60px; padding-bottom:60px;background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto;}

.index06 li{ background:#fff; overflow:hidden; position:relative; border-radius:10px; box-shadow:0 0 15px rgba(164,59,41,.2); width:48.5%; margin-top:3%; padding-top:60px; padding-left:65px; padding-bottom:25px; padding-right:15px;}
.index06 li img{ position:absolute; left:20px ; top:20px;}
.index06 li b{ font-family:TCbold; font-size:30px; color:#e6322e; position:relative; z-index:1; display:block; line-height:1.6}
.index06 li p{font-family:TClight;  font-size:22px; color:#333333; position:relative; z-index:1; display:block; line-height:1.4;}
.index06 ul{ margin-bottom:45px;}

.index07li{ background:#fff; padding-left:10px;}
.index07li ul{box-shadow:0 0 15px rgba(164,59,41,.2); border-radius:10px; padding-top:35px; padding-bottom:15px;}
.index07li li{ padding-left:95px; position:relative; margin-bottom:35px;}
.index07li li b{font-family:SCbold;  font-size:28px; color:#333;}
.index07li li p{ font-size:24px; color:#999999;font-family:SCregular; }
.index07li li span{font-family:objectivity; width:86px; height:58px; line-height:58px; display:inline-block; background-image:url(../images/index_49.jpg); position:absolute; left:-10px; top:50%; transform:translateY(-50%); background-size:100% 100%; color:#fff; font-size:30px; text-align:center; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

.dowebok2 { width: 100%; margin: 20px auto; font-size: 28px; color:#e6322e;}
.dowebok2 li { display:inline-block; margin: 0 10px; border-radius:100px; border:2px solid #e6322e; line-height:55px; padding:10px 40px; color: #e6322e; text-decoration: none;}
.dowebok2 li a{ color:#e6322e;}
.dowebok2 { text-decoration: underline;}
.dowebok2 li img{ vertical-align:middle; margin-right:10px;}

.index08{ padding-bottom:50px;}


.index09{ border-radius:5px; padding-top:60px; padding-bottom:20px;background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto;}


.index09 li{box-shadow:0 0 15px rgba(164,59,41,.2); margin-bottom:20px; padding:30px 35px; background:#fff; position:relative;}
.index09 li a{position:absolute; right:0 ; top:0; line-height:55px; background-image:url(../images/topbac.png); background-size:100% 100%;  display:inline-block; color:#e8201b; background-repeat:no-repeat; padding-left:50px; padding-right:35px; font-size:28px;}
.index09 li b{font-family:SCbold; color:#e6322e; font-size:30px; line-height:1.5; display:block; margin-bottom:20px;}
.index09 li p{ font-size:26px; color:#666666;font-family:TCmedium;}









@media screen and (max-width:768px){
	 

.pd25{ padding-left:.25rem; padding-right:.25rem;}
.main{ max-width:750px; width:100%; margin:0 auto; padding-bottom:.5rem;}

.index01 .index01box{ left:.25rem; bottom:.9rem;}

.index01 .index01box .a_01{ font-size:.18rem; padding:.08rem;line-height:.4rem;padding-right:.2rem;}
.index01 .index01box .a_01 i{ margin-right:.1rem; width:.4rem; height:.4rem; }
.index01 .index01box .a_02{ padding:.13rem .2rem; margin-top:.08rem; }

.index01 .index01box .a_02 img{margin-right:.1rem;}



.index02boxz{  margin-top:-.5rem;}

.index02boxbot{ padding:0 .15rem;}
.index02boxbot>b{ font-size:.34rem;  line-height:.9rem;}

.index02box{  border-bottom:.04rem solid #ffd359; border-radius:.15rem; padding:.3rem;}

.index02box .img{ width:2rem;}
.index02box .txt{ width:calc(100% - 2.1rem);}


.index02box .txt b{ padding:.1rem 0; font-size:.24rem;padding-left:.5rem; }

.index03{ margin-top:.3rem; }

.index03tit span{ padding-left:.25rem; padding-right:.77rem; line-height:.7rem; font-size:.28rem;}
.index03tit span img{ margin-right:.25rem; width:.33rem;}

.index03bot{ border-top:.05rem solid #e6322e;padding:0 .45rem;}
.index03bot >b{ margin-top:.3rem; margin-bottom:.3rem; font-size:.4rem; }
.index03bot >span{ font-size:.22rem; padding:.1rem .25rem;}
.index03bot >span img{ margin-right:.2rem; width:.20rem;}

.index03bot form{padding:.3rem 0;}
.index03bot .flex {border-radius:.1rem; margin-bottom:.3rem;}
.index03bot input{  line-height:.88rem; height:.88rem; font-size:.26rem;padding-right:.3rem;}
.index03bot form span{ width:1.75rem; line-height:.88rem; font-size:.26rem; }
.index03bot form input{ width:calc(100% - 1.75rem); }


.index03bot .zhengce{ font-size:.22rem;padding-left:.5rem; margin-bottom:.35rem;}

.index03{ padding-bottom:.3rem;}
.index03bot form button{ font-size:.3rem;  height:.88rem; }
.index03bot{ padding-bottom:.2rem;}
.dowebok1 {  height: 2rem;}
.dowebok1 ul {  line-height: .6rem;}
.dowebok1 ul li{ margin-bottom:.1rem; font-size:.23rem;}




.index04{padding-top:.6rem; padding-bottom:.6rem;}
.title  .indextits{ font-size:.42rem;}
.title  .line{ margin:.25rem auto; width:.55rem; height:.06rem; border-radius:.1rem;}
.title  .p{ font-size:.22rem; }

.content img{ margin-bottom:.15rem;}
.content p{ font-size:.26rem; }

.gulv{ border-radius:.1rem; margin-top:.65rem; padding:.2rem; padding-right:.35rem;}
.gulv>b{ font-size:.36rem;margin-bottom:.2rem; padding-left:.2rem;}

.gulvbox{  padding:.3rem .2rem; border-radius:.1rem;}

.gulv img{  bottom:.2rem;right:.1rem;}
.gulv li{ padding-left:.85rem; margin-bottom:.3rem; background-size:.66rem auto;}
.gulv li span{font-size:.28rem;}
.gulv li p{ font-size:.22rem;}

.index05 li{margin-bottom:.2rem; border-radius:.1rem; padding:.4rem;}
.index05 li b{ font-size:.32rem;margin-bottom:.15rem;}
.index05 li p{ font-size:.22rem; }
.index05 li span{ line-height:.45rem; padding-left:.45rem; padding-right:.22rem; font-size:.22rem;}
.index05box{ padding-bottom:.5rem;}


.index06,.index07{ border-radius:.05rem; padding-top:.6rem; padding-bottom:.6rem;}

.index06 li{border-radius:.1rem; padding-top:.6rem; padding-left:.65rem; padding-bottom:.25rem; padding-right:.15rem;}
.index06 li img{ left:.2rem ; top:.2rem; width:.78rem; height:auto;}
.index06 li b{ font-size:.25rem;}
.index06 li p{ font-size:.22rem;}
.index06 ul{ margin-bottom:.45rem;}

.title{ margin-bottom:.35rem;}
.index07li{  padding-left:.1rem;}
.index07li ul{ border-radius:.1rem; padding-top:.35rem; padding-bottom:.15rem;}
.index07li li{ padding-left:.95rem; margin-bottom:.35rem;}
.index07li li b{ font-size:.28rem;}
.index07li li p{ font-size:.24rem;}
.index07li li span{ width:.86rem; height:.58rem; line-height:.58rem; font-size:.3rem; }

.dowebok2 {  margin: .2rem auto; font-size: .28rem; }
.dowebok2 li { margin: 0 .1rem; line-height:.55rem; padding:.1rem .4rem;}

.dowebok2 li img{ width:.38rem; margin-right:.1rem;}

.index08{ padding-bottom:.5rem;}


.index09{ border-radius:.05rem; padding-top:.6rem; padding-bottom:.2rem;}


.index09 li{box-shadow:0 0 .15rem rgba(164,59,41,.2); margin-bottom:.2rem; padding:.3rem .35rem; }
.index09 li a{ line-height:.55rem; padding-left:.5rem; padding-right:.35rem; font-size:.28rem;}
.index09 li b{ font-size:.3rem; margin-bottom:.2rem;}
.index09 li p{ font-size:.26rem;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-size:.26rem; color:#999
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:.26rem; color:#999
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:.26rem; color:#999
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size:.26rem; color:#999
}
.index03bot .zhengce{ background-size:.3rem auto;}
.index02box .img img{ width:1.97rem;}
.index02box .txt b{ background-size:.35rem auto;}
.index01 .index01box .a_01 i img{ width:.18rem;}
.index01 .index01box .a_02{ font-size:.18rem;}
.index01 .index01box .a_02 img{ width:.25rem;}
	 
	}
	
@font-face
{
font-family:SCbold;
src: url('../fonts/SOURCEHANSANSSC-BOLD.OTF');
}
@font-face
{
font-family:SCregular;
src: url('../fonts/SourceHanSansSC-Regular.otf');
}
@font-face
{
font-family:TCmedium;
src: url('../fonts/SOURCEHANSANSTC-MEDIUM.OTF');
}
@font-face
{
font-family:TCbold;
src: url('../fonts/SOURCEHANSANSTC-BOLD.OTF');
}
@font-face
{
font-family:TClight;
src: url('../fonts/SOURCEHANSANSTC-LIGHT.OTF');
}

@font-face
{
font-family:objectivity;
src: url('../fonts/objectivity-black-slanted-2.otf');
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}