.cs_w{width: 66%; margin: auto;}
.cs_w_90{width: 90%; margin: auto;}
.cs_w_80{width: 80%; margin: auto;}
.cs_w_70{width: 70%; margin: auto;}
.cs_w_60{width: 60%; margin: auto;}
.cs_w_50{width: 50%; margin: auto;}
.vh{min-height: 900px; height: 100vh}
.con01,.con02,.con03,.con04,.con05,.con06,.footer,.crt,.crt_a,.blog_section_child{padding: 120px 0; text-align: center}
.web_main{background: #fff; width: 100%; padding-top: 96px;}
.pic img{max-width: 100%;}
p{text-align: justify; margin-bottom: 15px!important;}

/*logo web_banner*/
.web_banner{position: relative; background: url("../images/banner_back_l.png") -200px 200px no-repeat,url("../images/banner_back_r.png") 90vw -100px no-repeat,url("../images/white_back.jpg") center; overflow: hidden;}
.web_banner .lan{padding: 6px 30px!important;}
@media (min-width: 1240px){
    .web_banner{position: relative; background: url("../images/banner_back_l.png") left 200px no-repeat,url("../images/banner_back_r.png") right -100px no-repeat,url("../images/white_back.jpg") center; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transition: all 8s ease;}
    .web_banner.animation{background: url("../images/banner_back_l.png") left bottom no-repeat,url("../images/banner_back_r.png") right top no-repeat,url("../images/white_back.jpg") center;}
}
@media (max-width: 990px){
    .web_banner{background:url("../images/banner_back_l.png") -210px 200px no-repeat,url("../images/banner_back_r.png") 94vw -100px no-repeat,url("../images/white_back.jpg") left bottom repeat-x revert;}
    .vh{height: auto!important; min-height: auto;}
    .web_banner .cell{padding: 70px 0 130px;}
    .web_banner h1,.web_banner h2{text-align: left!important;}
}

.main_input input{width: 780px; border: 3px solid #0eae81; border-right:none; height: 66px; padding: 6px 20px; vertical-align: top; font-size: 2rem}
.main_input input[type=text]:focus{border-color: #0eae81; box-shadow: 0 0 12px rgba(65, 217, 121, 0.2);}
.main_input button{height: 66px; line-height: normal!important; border-radius:0 3px 3px 0; width: 75px; padding: 6px 10px!important;}
.main_input button:before{font-size: 3rem;}

@media (max-width: 1240px){
    .main_input input{width: 70%}
    .main_input button{line-height: 6.6rem!important;}
}

/*web_main*/
.web_main h2{padding-bottom: 30px; margin-bottom: 30px; position: relative; font-size: 3.6rem}
.web_main h2:after{content: ""; width: 0; height: 0; border-radius: 2px; background: #0eae81; display: inline-block; position: absolute; bottom: 0; left: 0; transition: all .3s ease; box-shadow: 0 0 12px rgba(84, 255, 147, 0.4)}
.web_main h2:before{content: ""; width: 0; height: 1px; background: #ccc; display: inline-block; position: absolute; left:0; bottom: 0; transition: all 2s ease}
.web_main span{color: #888}
.web_main .animation h2:before{width: 100%}
.web_main .animation h2:after{width: 70px; height: 6px; bottom: -2px;}
@media (max-width: 990px){
    .web_main .pic{padding: 0!important; order: 0}
    .web_main .font{order: 1}
}
.con05{background: url("../images/gback2.jpg") center no-repeat; background-size: cover}
.con05 h2{line-height: 50px}
.con05 img{height: 80px; max-width: 100%; padding: 20px 20px 0;}

.con06 .font{background: #0eae8110; border: 2px solid rgba(131, 175, 163, 0.19); padding: 10px}
.con06 .w_32 img,.con06 .w_32 .font{transition: all .3s ease; position: relative; top: 0;}
.con06 .w_32 .font span{color: #0eae81}
.con06 .w_32:hover img,.con06 .w_32:hover .font{top: -10px;filter: drop-shadow(0 3px 9px rgba(0,0,0,0.1));}
.con06 .w_32:hover .font{border:2px solid #000}

    /*crt*/
.crt .table .th .cell{padding: 12px 6px; font-size: 1.4rem; font-weight: bold; background: linear-gradient(90deg,#f2f2f2,#fff)}
.crt .table .td .cell{padding:2px 4px; font-size: 1.3rem; line-height: 1.8rem; color: #555;}
.crt .table .td .cell br{line-height: 0}
.crt .table .td .cell a{line-height: 1.8rem}

.crt_a .table .td .cell{padding:15px; font-size: 1.3rem; line-height: 1.8rem; color: #555;}
.crt_a .table .td .cell:first-child{font-size: 1.4rem; color: #222; font-weight: bold; background: linear-gradient(180deg,#f2f2f2,#fff)}
.crt_a .table .td .cell br{line-height: 0}
.crt_a .table .td .cell a{line-height: 1.8rem}
@media (max-width:990px){
    .crt_a h4{padding: 50px 0 0!important;}
}

.sm2ct_back{background: linear-gradient(40deg,#e8faf5,#faf6e8); padding: 50px 50px; position: relative}
.sm2ct_back:before,.sm2ct_back:after{content: ""; display: inline-block; width: 100%; position: absolute; left: 0; box-sizing: border-box;}
.sm2ct_back:before{height: 30%; bottom: 0; border:5px solid #000; border-top: none}
.sm2ct_back:after{height: 70%; top: 0; border:5px solid #20a781; border-bottom: none}

.blog_section_child .flex>div{position: relative; margin-bottom: 20px}
.blog_section_child .flex>div h4{position: absolute; bottom: -20px; padding:15px 20px; background: #f2f2f2; width: 100%; transition: all .3s ease}
.blog_section_child .flex>div:hover h4{padding: 20px;}

/*footer*/
.footer{background: #111; padding: 50px; font-size: 1.4rem;}
.footer p{text-align: center;}

.blog img{margin: 10px 30px 35px 30px; border-radius: 3px;}
@media(max-width: 1600px){
    .blog img{margin: 10px 0 35px; height: auto!important; max-width: 100%}
}

/*CT*/
.crt_a h3.tit{padding: 0 0 0 20px; position: relative;}
.crt_a h3.tit:before{content: ''; height: 25px; width: 4px; display: block; background: #00a94d; position: absolute; left: 0; top: 5px;}
.en .crt_a h3.tit:before{top: 0}
.ct_tab{margin:0 0 20px 0}
.ct_tabs h4{font-size: 1.5rem;border: 1px solid #ddd;color: #777; border-radius: 60px; display: inline-block; padding: 2px 20px!important; cursor: pointer; margin-right: 5px; transition: all .3s ease;}
.ct_tabs h4:hover{background: #ddd;color: #222;}
.ct_tabs h4.ac{background: #222; border-color: #222; color: #fff;}
.stop_ct_tabs{border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.stop_ct_tabs>div{color: #777; margin-bottom: -1px; font-size: 2rem; display: inline-block; padding: 10px 40px; cursor: pointer; font-weight: bold;}
.stop_ct_tabs>div:hover{color: #222}
.stop_ct_tabs>div.ac{border: 1px solid #ccc;color: #222; border-radius: 3px 3px 0 0; border-bottom: none; background: #fff}