/* 全局 */
html{ *overflow-x:hidden; }body { font: 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; overflow-y: scroll; overflow-x: hidden; background:#fff; color: #333; }a { color: #333; }a:hover { color: #ac534f; text-decoration: none; }ul, ol, dl,dt,dd, li { list-style: none; }figure { margin: 0; }.clear { clear: both; }.db { display: block; }.fwb { font-weight: bold; }.tac { text-align:center; }.ti2e { text-indent:2em; }.oh { overflow:hidden; }
.view {
display:inline;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view img {
display: block;
position: relative;
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.yybtn{ margin: 15px auto 0 auto; width: 90%}
.btn.btn-default {
background-color: #9fcd86;
border-color: transparent;
border-radius: 30px;
color: #fff;
margin-bottom: 10px;
margin-right: 10px;
padding: 12px 25px;
text-transform: uppercase;
word-spacing: 3px;
}
.btn.btn-primary{
border-radius:8px;
color: #fff;
width: 100%;
border-color: #009c84;
padding: 8px;
text-transform: uppercase;
}
.hgpic{margin: 0 0 15px 0}
.hgpic img{width: 100%;}
.hgtxt p{color: #333;margin: 0;padding: 0;font:700 16px/32px "\5FAE\8F6F\96C5\9ED1"; }
.hgtxt p a:hover{color:#005759}
.ksad img{width:100%;}
.docbox2021{width: 100%;}
.d_pic img{width: 100%;}
.gypic img{width: 100%;}
.tjad img{width: 100%;}
.ysinfo{width:80%;margin:0px auto 25px auto}
.ysinfo h3{text-align: center;font:700 20px/32px "\5FAE\8F6F\96C5\9ED1"; margin: 15px 0;color: #333;}
.ysinfo img{width: 100%;}
.ystxt{margin: 15px 0 0 0}
.ystxt p{color: #333;margin: 0;padding: 0;}
.anlibtn{margin:40px auto 30px auto;text-align: center}
.anlibtn a{border: 1px solid #005759;padding:8px 35px;color: #005759;}
.anlibtn a:hover{border: 1px solid #3eb99d;background: #3eb99d; color: #fff;}
.xqbtn{margin:40px auto 30px auto;width: 50%;}
.xqbtn a{border: 1px solid #4e3318;padding:8px 35px;color: #4e3318;}
.xqbtn a:hover{border: 1px solid #e0b775;background: #e0b775; color: #fff;}
.line{border-bottom: 1px dashed #333;margin:15px auto 15px auto;width:100%;}
.ksjs{padding: 25px; background: #faf4ea;}
.kspic{}
.kspic img ,.vpic img{width: 100%;}
.ksinfo{}
.ksinfo p{font:normal 14px/28px "\5FAE\8F6F\96C5\9ED1";margin: 0;padding: 0}
.vtxt{font:normal 14px/24px "\5FAE\8F6F\96C5\9ED1";margin: 0;padding:5px 0 15px 0 }
.zhengwen {overflow: hidden; background:#fff; border: 1px solid #005759}
.cebian{overflow: hidden;background: #fff;border: 1px solid #ccc;}
.btn_tj a{border: 1px solid #ccc; color: #ccc;width: 50%;margin: 0 auto;text-align: center;font:700 18px/30px "\5FAE\8F6F\96C5\9ED1";display: block;padding: 8px 20px;}
.btn_tj a:hover{border: 1px solid #005759; color: #333;background: #005759}
@media(max-width:374px) and (min-width:300px) {
.qp {padding:20px;color: #444;font:normal 18px/34px "\5FAE\8F6F\96C5\9ED1";}
.qp img{width: 80%; text-align: center;display: block;margin: 0 auto;}
.qp P{ padding: 0 0 20px 0; line-height:30px;text-indent: 2em;margin: 0}
.qp p a{ font-weight: 700;text-decoration: none;}
.qp p strong{color: #613f13;font:700 16px/30px "\5FAE\8F6F\96C5\9ED1";}
.qp p u{ text-decoration:none;}
.cebian{margin:35px auto 15px auto}
.ystxt p{color: #333;margin: 0;padding: 0;font:normal 18px/30px "\5FAE\8F6F\96C5\9ED1";}
}
@media(max-width:424px) and (min-width:375px) {
.qp {padding:20px;font:normal 18px/34px "\5FAE\8F6F\96C5\9ED1";color: #444;}
.qp img{width: 80%; text-align: center;display: block;margin: 0 auto;}
.qp P{ padding: 0 0 20px 0; line-height:30px;text-indent: 2em;margin: 0}
.qp p a{ font-weight: 700;text-decoration: none;}
.qp p strong{color: #613f13;font:700 18px/30px "\5FAE\8F6F\96C5\9ED1";}
.qp p u{ text-decoration:none;}
.cebian{margin:35px auto 15px auto}
.ystxt p{color: #333;margin: 0;padding: 0;font:normal 18px/30px "\5FAE\8F6F\96C5\9ED1";}
}
@media(max-width:767px) and (min-width:425px) {
.qp {padding:20px;font:normal 18px/34px "\5FAE\8F6F\96C5\9ED1";color: #444;}
.qp img{width: 80%; text-align: center;display: block;margin: 0 auto;}
.qp P{ padding: 0 0 20px 0; line-height:30px;text-indent: 2em;margin: 0}
.qp p a{ font-weight: 700;text-decoration: none;}
.qp p strong{color: #613f13;font:700 18px/30px "\5FAE\8F6F\96C5\9ED1";}
.qp p u{ text-decoration:none;}
.ystxt p{color: #333;margin: 0;padding: 0;font:normal 18px/30px "\5FAE\8F6F\96C5\9ED1";}
}
@media(max-width:1023px) and (min-width:768px) {
.qp {padding:20px;font:normal 16px/32px "\5FAE\8F6F\96C5\9ED1";color: #444;}
.qp img{width: 80%; text-align: center;display: block;margin: 0 auto;}
.qp P{ padding: 0 0 20px 0; line-height:30px;text-indent: 2em;margin: 0}
.qp p a{ font-weight: 700;text-decoration: none;}
.qp p strong{color: #613f13;font:700 18px/30px "\5FAE\8F6F\96C5\9ED1";}
.qp p u{ text-decoration:none;}
}
@media(max-width:1139px) and (min-width:1024px) {
.qp {padding:25px;font:normal 16px/32px "\5FAE\8F6F\96C5\9ED1";color: #444;}
.qp img{width: 80%; text-align: center;display: block;margin: 0 auto;}
.qp P{ padding: 0 0 20px 0; line-height:30px;text-indent: 2em;margin: 0}
.qp p a{ font-weight: 700;text-decoration: none;}
.qp p strong{color: #613f13;font:700 18px/30px "\5FAE\8F6F\96C5\9ED1";}
.qp p u{ text-decoration:none;}
}
@media (min-width: 1140px) {
.qp {padding:30px;font:normal 16px/32px "\5FAE\8F6F\96C5\9ED1";color: #444;}
.qp img{width: 80%; text-align: center;display: block;margin: 0 auto;}
.qp P{ padding: 0 0 20px 0; line-height:30px;text-indent: 2em;margin: 0}
.qp p a{ font-weight: 700;text-decoration: none;}
.qp p strong{color: #613f13;font:700 18px/30px "\5FAE\8F6F\96C5\9ED1";}
.qp p u{ text-decoration:none;}
}
.d_tbox p b{color:#009c84 }
@keyframes jump{0%{transform: translateY(0);}
50%{transform: translateY(6px);}
100%{transform: translateY(0);}}
.btn.btn-default:hover,
.btn.btn-primary:hover{
background-color: #fdfbfd;
border-color: #009c84;
color: #009c84;
}
.btn.btn-primary,
.btn.btn-default,
.what-we-do .do-box,
.service-overflow {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.box_shadow{-webkit-box-shadow:0px 1px 4px rgba(244,244,244,0.6),
0px 0px 20px rgba(244,244,244,0.6) ;
-moz-box-shadow:0px 1px 4px rgba(244,244,244,0.6),
0px 0px 20px rgba(244,244,244,0.6) ;
box-shadow:0px 1px 4px rgba(244,244,244,0.6),
0px 0px 20px rgba(244,244,244,0.6) ;}
.br8{-moz-border-radius:8px; /* Gecko browsers */ -webkit-border-radius:8px; /* Webkit browsers */ border-radius:8px;}
.br8_0{-moz-border-radius:8px 8px 0 0; /* Gecko browsers */ -webkit-border-radius:8px 8px 0 0; /* Webkit browsers */ border-radius:8px 8px 0 0;}
.br8_0_0{-moz-border-radius:8px 0 0 8px; /* Gecko browsers */ -webkit-border-radius:8px 0 0 8px; /* Webkit browsers */ border-radius:8px 0 0 8px;}
.nbox{padding:0 0 15px 0; text-align: center;}
.tjwp{width: 100%;margin: 0 auto;background: #f5f6ef;padding:0 0 40px 0;}
.tjwp2{width: 100%;margin: 0 auto;background:#e0b775 ;padding:0;}
.tjwp3{width: 100%;margin: 0 auto;background:#e1fffa ;padding:50px 0;}
.yiqi2021{padding:0;}
.xwbox2021{}
.xw_pic{margin: 0 auto;width: 100%}
.xw_tbox{margin: 15px 0 0 0}
.xw_tbox h3{font:700 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 5px 0;margin: 0;}
.xw_tbox h3 a{color: #333} .xw_tbox h3 a:hover{color: #009c84}
.xw_tbox p{color: #555;font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.sskbox{padding:25px;margin: 0 0 40px 0;box-sizing: border-box;}
.zjpic{}
.zjtxt{width:100%; background: #f8f8f8;margin: 0 auto;height:110px; padding:20px 25px;font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.swiper-container-hot {
width: 100%;
height: 100%;
}
.swiper-container-hot .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
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;
}
.pbox{margin: 0 0 60px 0;}
.yuanjia{margin: 0;text-decoration:line-through;font:300 16px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";;}
.picbox{margin: 0 0 40px 0}
.more{}
.more a{ color:#444;text-align: center;}
.more a:hover{color:#009c84 }
.kstBtn{-webkit-animation:flipInX 1s .2s ease both;-moz-animation:flipInX 1s .2s ease both}
.kstBtn{position: absolute;left:50%;bottom: -48px;margin-left: -48px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0;z-index: 3}
@media (min-width:769px){
.head_wx2{display:none; position:absolute;top:360px;left:60%; width:180px; z-index: 9;background-color: #fff; padding:5px; border: 1px #E2E6E7 solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;z-index: 999}
.head_wx2 img{ width: 100%;}
.head_wx2 .arow{background: url(http://www.xzrcyy.com/images/ar.png) no-repeat top center;width: 9px;height: 16px;display: inline-block;position: absolute;top:-5px;right:81px;}
.head_wx3{display:none; position:absolute;bottom:-198px;left: 60%; width:180px; z-index: 9;background-color: #fff; padding:5px; border: 1px #E2E6E7 solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;z-index: 999}
.head_wx3 img{ width: 100%;}
.head_wx3 .arow{background: url(http://www.xzrcyy.com/images/ar.png) no-repeat top center;width: 9px;height: 16px;display: inline-block;position: absolute;top:-5px;right:81px;}
}
@media screen and (min-width:301px) and (max-width:424px) {
.tijiao li { line-height: 35px;margin: 0 0 5px 0; display: table; }
.tijiao li span { float: left; width:25%; text-align:left; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.tijiao li textarea{width:96%;height:125px;}
.coolbg { background: #009c84; color: #ffff; padding: 10px 40px;margin: 0 0 0 25px; border-radius: 8px; border: none; }
.coolbg_box { width:100%; margin: 0px auto;padding: 0 0 15px 0;border-bottom:1px dashed #d2d1d1;display: table; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.coolbg_box em { line-height: 40px; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
}
.shuoming{margin:10px 15px 0 15px;padding:0;color: #555; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
@media (min-width:425px){
.tijiao li { line-height: 35px; margin: 0 0 12px 0;display: table; }
.tijiao li span { float: left; width: 20%; text-align:right; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.tijiao li textarea{width: 67%;height:125px;}
.coolbg { background: #009c84; color: #ffff; padding: 10px 40px;margin: 0 0 0 45px; border-radius: 8px; border: none; }
.coolbg_box { width:100%; margin: 0px auto;padding: 0 0 15px 0;border-bottom:1px dashed #d2d1d1;display: table; }
.coolbg_box em { line-height: 40px;margin: 0 0 0 60px; }
}
@media (max-width:767px) and (min-width:300px){
.picbox{width: 96%;margin: 0 auto 15px auto}
.picbox2{width: 96%;margin:25px auto 15px auto}
.ydbox{ border:1px #d2d1d1 solid; padding:10px; width: 90%; background: #fff; margin: 40px auto 0 auto;}
.ydbox_title{ color: #009c84; border-bottom: 1px dashed #d2d1d1; padding: 0 0 15px 0; margin: 0 0 15px 0; text-align: center;font: 700 24px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.ydbox_form{ margin: 0 auto;}
.f-t{width:50%;margin: 10px 0;font:normal 14px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";float:left;}
.f-t2{width:50%; }
}
@media (max-width:1023px) and (min-width:768px){
.picbox,.picbox2{width: 96%;margin: 0 auto 15px auto}
}
@media (min-width: 767px) {
.biaodian_but { width:60%; text-align: center; margin: 0px auto; display: table; }
.biaodian_but .coolbg { background: #009c84; color: #fff;margin: 0; line-height: 30px; padding: 2px 15px;border: 0px; border-radius: 12px; display: table;float: left; }
}
@media (max-width: 767px) {
.biaodian_but { text-align: center; margin: 0px auto; display: table; }
.biaodian_but .coolbg { background: #009c84; color: #fff; line-height: 30px; padding: 2px 15px;border: 0px; border-radius: 12px; display: table;float: left; }
}
@media (max-width: 767px) {
table{width: 96%;}
.zhanwei { height: 1.5rem; }
.zhanwei_P{ height:0.5rem; }
table thead{background-image:-webkit-linear-gradient(to bottom, #c49770, #dcb58e);background-image:linear-gradient(to bottom,#c49770,#dcb58e); font:100 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #fff;word-break:break-all; word-wrap:break-word; }
}
.tab-content table{border-collapse:collapse;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; width:100%;margin: 0;padding: 0;}
@media (min-width:768px){ .ydbox{ border:1px #d2d1d1 solid; padding:30px; width:80%; background: #fff; margin:0px auto;}
.ydbox_title{ color: #009c84; border-bottom: 1px dashed #d2d1d1; padding: 0 0 15px 0; margin: 0 0 15px 0; text-align: center;font: 700 24px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.ydbox_form{ margin: 0 auto; width: 90%;}
.form-group{margin: 0 auto; width:320px;}
.f-t2{padding:20px 0 0 0;white-space:nowrap; width:45%}
.f-t{width:50%;margin: 10px 0;font:500 18px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";float:left;}
}
@media (min-width:769px){
.nbox .bigtitle{font:700 24px/32px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";; margin:0;height: 64px;}
.xianjia{margin:12px 0 0 0;color: #f82771}.xianjia span{font:700 34px/38px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";;padding: 0 8px}
}
.fenge{padding:0;margin: 0 auto;height: 30px;}
.box_cn{background: #fffbfa;border: 1px solid #f8d8ce;padding: 20px;box-sizing: content-box;}
.newspic{width: 100%;margin: 0;}
.newspic img{display: block; width: 100%;margin: 0;}
.newstxt a{font:normal 14px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";color: white}
.newstxt{padding:5px 6px;background: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;display: block;}
.newstxt a:hover{color: cornsilk}
.list-news{padding: 0; margin:30px 0 0 0;}
.list-news li{padding: 0 0 8px 3px; margin: 0 0 20px 0;font: normal 14px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";; border-bottom: 1px #fff dashed}
.list-news li a{color: #fff}.list-news li a:hover{color: cornsilk}
.list-news li::before{
content:" ■";
color:#dfc39d;padding: 0 5px 0 0;
font-size:20px;font-weight: bolder;
}
.list-news2{padding: 0; margin:0 0 30px 0;}
.list-news2 li{padding: 0 0 8px 3px; margin: 0 0 14px 0;font: normal 14px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";; border-bottom: 1px #666 dashed}
.list-news2 li a{color: #333}.list-news2 li a:hover{color:#c30d23}
.list-news2 li::before{
content:" ■";
color:#dfc39d;padding: 0 5px 0 0;
font-size:20px;font-weight: bolder;
}
.box_bd5{margin: 0 0 20px 0}
/**/
.box{
font-family:"\5FAE\8F6F\96C5\9ED1";
box-shadow: 0 0 2px rgba(0, 0, 0, .1);
overflow: hidden;
position: relative;
z-index: 1;
}
.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after{
content: "";
width: 100%;
height: 50%;
background: #c30d23;
opacity: 0.6;
transform: translateX(-50%) translateY(0%);
position: absolute;
top: -50%;
left: 50%;
z-index: 1;
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
transition: all .3s;
}
.box:after{
transform: translateX(-50%) translateY(0%);
top: auto;
bottom: -50%;
z-index: 0;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.box .box-content:before{
width: 50%;
height: 100%;
transform: translateX(0%) translateY(-50%);
top: 50%;
left: auto;
right: -50%;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.box .box-content:after{
width: 50%;
height: 100%;
transform: translateX(0%) translateY(-50%);
top: 50%;
right: auto;
left: -50%;
z-index: 0;
-webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
clip-path: polygon(0 100%, 100% 50%, 0 0);
}
.box:hover:before{ top:0; }
.box:hover:after{ bottom:0; }
.box:hover .box-content:before{ right:0; }
.box:hover .box-content:after{ left:0; }
.box img{
width: 100%;
height: auto;
transform: scale(1);
transition: all 0.5s;
}
.box:hover img{ transform: scale(1.5); }
.box .box-content{
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.box .content{
text-align: center;
width: 100%;
transform: translateX(-50%) translateY(-50%);
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
}
.box .title{
color: #fff;
font-size: 16px;
font-weight:300;
text-transform: uppercase;
margin: 0 0 5px;
transform: rotateY(360deg) scale(0);
transition: all 0.5s;
}
.box:hover .title{ transform: rotateY(0) scale(1); }
.box .post{
color: #fff;
font-size: 15px;
letter-spacing: 1px;
text-transform: capitalize;
margin: 0 0 15px;
display: block;
transform: rotateY(360deg) scale(0);
transition: all 0.5s ease 0.25s;
}
.box:hover .post{ transform: rotateY(0) scale(1); }
.box .icon{
text-align: center;
padding: 0;
margin: 0;
list-style: none;
transform: rotateY(360deg) scale(0);
transition: all 0.5s ease 0.45s;
}
.box:hover .icon{ transform: rotateY(0) scale(1); }
.box .icon li{
display: inline-block;
margin: 0 3px;
}
.box .icon li a{
color: #c30d23;
background-color: #fff;
font-size: 18px;
line-height: 35px;
height: 35px;
width: 35px;
border-radius: 10px;
display: block;
transition: all 0.3s;
}
.box .icon li a:hover{
color: #fff;
background-color: #c30d23;
box-shadow: 0 0 10px #000;
}
@media only screen and (max-width:990px){
.box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
.box .title{ font-size: 22px; }
}
.tijiao { margin:0px auto; background: #eeeeee;padding:10px 20px 30px 20px; width:100%; box-sizing: border-box; }
.tijiao h6 { font-size: 16px; text-align: center; margin-bottom: 25px; border-bottom: 2px solid #009c84; line-height: 40px; color: #009c84; }
.tijiao li { line-height: 35px; margin-bottom: 15px; display: table; }
.tijiao li span { float: left; width: 20%; text-align: center; }
.tijiao li input { width: 70%; float: left; height: 28px; margin-top: 4px;border: 0 }
.tijiao li textarea{border: 0 }
.tijiao li { width: 100%; }
.biaodian_box{background: #fff;text-align: center; padding: 25px;box-sizing: border-box;width: 90%;margin:45px auto 25px auto;}
.biaodian_box img{margin: 0 0 25px 0;}
.biaodian_box p{color: #333;text-align: left;padding: 0 20px;margin: 0; font: normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.down {
width: 0;margin: 0 auto;
height: 0;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 15px solid #009c84;
}
.btn{color:#fff; background: #009c84; letter-spacing: 0.3px;font-size: 15px; font-weight: 500; padding: 18px 40px;}
.btn a{color:#fff;}
.xmpic{width:686px;height: auto;display: block; margin: 0;}
.qm{margin: 0;padding: 0;}
.qm p{font: normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";color: #333;text-align: center;margin: 0;padding: 0;}
.custom-scroll{
width:100%;
height:400px;
padding: 0 15px;
text-align:left;
margin:25px 0 0 0;
display:inline-block;
overflow:auto;
}
.custom-scroll img{
width:100%;
}
.qrbox{-moz-border-radius:20px; border-radius:20px;background: #fff url("../images/qr.png") no-repeat center center;width:200px;height:230px;margin:25px auto 0 auto}
.qrbox p{margin: 0 0 15px 0;color: #009c84; text-align: center;font:700 16px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.r_title{color: #b62e3a} .w_title{color: #fff}
.info{padding: 60px 0}
.info p{margin:0;color: #009c84;text-indent: 2em; text-align:left;font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.anquan{background:#FCFCFE;width: 100%; margin: 0 auto;padding: 35px 0}
.yq_pic img{width: 100%;}
@media (max-width:320px) and (min-width:300px){
.tmenu{margin:20px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#005759;margin: 0 0 10px 0;padding:0;text-align: center; font:700 20px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.tjtxt{margin: 0 10px 15px 10px}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.fwtsbg{padding:0 0 25px 0;}
.xw_tbox{margin: 15px auto 0 auto;width: 90%;}
.xw_pic img{width:90%; margin: 0 auto;text-align: center;display: block}
.yiqi2021{margin: 0 auto;width: 96%;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{box-sizing: border-box;padding:10px 0}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
.swiper-wrapper_yiqi{margin: 0 0 0 0}
}
@media (max-width:375px) and (min-width:321px) {
.fenge{padding:0;margin: 0 auto;height:10px;}
.tmenu{margin:20px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#005759;margin: 0 0 10px 0;padding:0;text-align: center;font:700 20px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.tjtxt{margin: 0 10px 15px 10px}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.fwtsbg{padding:0 0 25px 0;}
.xw_tbox{margin: 15px auto 0 auto;width: 90%;}
.xw_pic img{width:90%; margin: 0 auto;text-align: center;display: block}
.yiqi2021{margin: 0 auto;width: 96%;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{box-sizing: border-box;padding: 10px 0}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
}
@media (max-width:425px) and (min-width:376px){
.tmenu{margin:20px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#005759;font:700 20px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0 0 10px 0;padding:0;text-align: center;}
.tjtxt{margin: 0 10px 15px 10px}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.fwtsbg{padding:0 0 25px 0;}
.xw_tbox{margin: 15px auto 0 auto;width: 90%;}
.xw_pic img{width:90%; margin: 0 auto;text-align: center;display: block}
.yiqi2021{margin: 0 auto;width: 96%;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{width:100%;box-sizing: border-box;padding:10px 0;margin: 0 auto}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
.swiper-wrapper_yiqi{margin: 0 0 40px 0}
}
@media (min-width:426px) and (max-width:768px) {
.tmenu{margin:20px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#fff;font:700 20px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0 0 10px 0;padding:0;text-align: center;}
.tjtxt{margin: 0 0 30px 0}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.fwtsbg{padding:0 0 25px 0;}
.xw_tbox{margin: 15px auto 0 auto;width: 90%;}
.xw_pic img{width: 376px;height: 212px;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{width:100%;box-sizing: border-box;padding:10px 0;margin: 0 auto}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
.swiper-wrapper_yiqi{margin: 0 0 30px 0}
}
@media (max-width:1024px) and (min-width:769px) {
.tmenu{margin:30px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#005759;font:700 20px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0 0 10px 15px;padding:0;text-align: center;}
.tjtxt{margin: 0 0 30px 0}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.fwtsbg{padding:0 0 25px 0;background: url("../images/b2.png") no-repeat left top;}
.xw_pic img{width: 376px;height: 212px;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{width:100%;box-sizing: border-box;padding:10px 0;margin: 0 auto}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
.swiper-wrapper_yiqi{margin: 0}
}
@media (max-width:1200px) and (min-width:1025px) {
.tmenu{margin:30px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#005759;text-align: center;font:700 22px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0 0 10px 0;padding:0;}
.fwtsbg{background: url("../images/b2.png") no-repeat left top;padding:25px 0;}
.tjtxt{margin: 0 0 30px 0}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.xw_pic img{width: 376px;height: 212px;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{width:100%;box-sizing: border-box;padding:10px 0;margin: 0 auto}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
.swiper-wrapper_yiqi{margin: 0 0 40px 0}
}
@media (min-width:1201px) {
.tmenu{margin:30px auto 20px auto;width: 100%; padding: 0;}
.tmenu h3{color:#005759;margin: 0 0 10px 0;padding:0 0 10px 0;text-align: center;font:700 22px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.fwtsbg{background: url("../images/b2.png") no-repeat left top;padding:25px 0;}
.tjtxt{margin: 0 0 30px 0}
.tjtxt p{font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";padding: 0;margin: 0;}
.xw_pic img{width: 376px;height: 212px;}
.yq_pic{margin:0 auto;width:100%;box-sizing: border-box}
.yq_tbox{width:100%;box-sizing: border-box;padding:10px 0;margin: 0 auto}
.yq_tbox h3{color: #009c84;text-align: center; font: 300 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0 0 10px 0;margin: 0}
.swiper-wrapper_yiqi{margin: 0 0 40px 0}
}
.tmenu h4{margin: 0 0 10px 0;color: #4e3318; padding:0;text-align: center;font:700 22px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.ystxt h5{color: #333;margin: 0 0 10px 0;padding:0;text-align: left;font:500 18px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
@media (max-width:1200px) and (min-width: 992px){
.btn.btn-default,.btn.btn-primary{padding: 5px;}
.nt_btn{ position: absolute; left:280px; top:260px;}
.xmpic{width:40rem;height: auto;display: block; margin: 0;}
.zx{ text-align: center;margin:0 0 20px 0;height: 40px; }
}
@media (max-width: 767px) {
body { font: 0.44rem/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
.info p{margin:0;padding: 0 8px;text-align: left; font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
}
body ::selection { color: #fff; background-color: #009c84; text-shadow: none; }body ::-moz-selection { color: #fff; background-color: #009c84; text-shadow:none; }.padd_l0 { padding-left: 0px; }.padd_r0 { padding-right: 0px; } @media (max-width: 767px) {.container { padding: 0; }.row { margin: 0; }.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }}
/* 通用 */
.fl{float: left; }.fr{float: right; }
.transdelay { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }.transdelay a { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.transdelay2 { transition:all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; }.transdelay2 a { transition:all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; }
.opactran a img { filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.00; opacity:1; transition:all 0.3s ease-in-out 0s; }.opactran a:hover img { filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.70; opacity:0.7; }
@media (max-width: 991px) and (min-width: 768px) {
.btn.btn-default,.btn.btn-primary{padding: 5px;}
}
.zhanwei_P{ height:25px; }
.zhanwei { height: 50px; }
@media (max-width: 767px) {
.zhanwei { height:2rem; }
.zhanwei_P { height:1rem; }
}
@media (max-width: 767px) {
.zero-clipboard { display: none; }
}
@media screen and (min-width:0px) and (max-width: 767px) {
.btn.btn-default,.btn.btn-primary{padding: 10px;}
.nt_btn{ position: absolute; left:30px; top:170px;}
#videoArea iframe{ width:100%; height:200px;}
}
/* 底部 */
.footer { background-color: #fafafa; padding: 30px 0; margin:0 auto; }
.footer span { color: #ababab; display: block; text-align: center; }
.footer span a { color: #ababab; }
.footer span a:hover { color: #ababab; }
@media (max-width: 767px) {
.footer { padding: 20px 0; }
.footer span { font-size: 0.9rem; }
}
@media (max-width: 767px) {
body { font: 0.44rem/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
}