﻿*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;color:#333;outline:0;}
html,body{width:100%; position:relative;}
body{ background:url(../img/bg.jpg) repeat-x; background-attachment:fixed; background-size:auto 100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#333;}
a:hover{color:#002c77;}

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1200{width:1200px; margin:auto;}
.w1600{ width:95%;max-width:1600px; margin:auto;}

.sy_logo a{ display:block; width:313px; margin:auto; padding:30px 0;}
.sy_logo img{ display:block; margin:auto; height:50px;}

.banner{ width:1200px; margin:0px auto 0; overflow:hidden; position:relative; border:10px solid #ccc;}
.banner *{ box-sizing:content-box;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden; height:100%;}
.banner ul li a{ display:block;}
.banner ul li img{display:block; width:100%;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:10px;height:10px;zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all .3s}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #e60012;transform:scale(1.1)}
.bandd span.on:after{background:#e60012}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; transition:0.3s; cursor:pointer; z-index:5;}
.banz{ left:5%; background:url(../img/ban_l.png) center no-repeat;}
.bany{ right:5%; background:url(../img/ban_r.png) center no-repeat;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}


.sy_foot{ width:1200px; padding:30px 0px; margin:auto;}
.sy_foot_bq{ float:right; font-size:14px; line-height:20px; color:#666;}
.sy_foot_bq a{font-size:14px; line-height:20px; color:#666;}
.sy_foot_bq a:hover{color:#fff;}
.sy_foot_tb{ position:fixed; right:25px; bottom:20%; z-index:5;}
.sy_foot_tb ul li{width:35px; height:35px;position:relative; background:#434343; border-radius:50%; box-shadow:0 0 10px #000; margin-bottom:10px;}
.sy_foot_tb ul li:hover{background:rgba(230, 0, 18, 0.8);}
.sy_foot_tb ul li a{ display:block;width:35px; height:35px;}
.sy_foot_tb ul li.sy_foot_tb_i1 a{ background:url(../img/share1.png) center no-repeat;}
.sy_foot_tb ul li.sy_foot_tb_i2 a{ background:url(../img/share2.png) center no-repeat;}
.sy_foot_tb ul li.sy_foot_tb_i3 a{ background:url(../img/share3.png) center no-repeat;}
.sy_foot_tb ul li .sy_foot_tb_xl{ position:absolute; right:80px; width:120px; height:120px; top:50%; margin-top:-60px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity:0;visibility:hidden;}
.sy_foot_tb ul li:hover .sy_foot_tb_xl{right:50px;opacity:1; visibility:visible;}
.sy_foot_tb ul li .sy_foot_tb_xl:after{ content:''; position:absolute; right:-16px; top:50%; margin-top:-8px; width:0; height:0; border:8px solid transparent; border-left-color:#fff;}
.sy_foot_tb ul li .sy_foot_tb_xl img{ display:block; width:100%;}


.dh_bg{ position:fixed; left:50%; top:0; width:1200px; margin-left:-600px; z-index:99; background:#000 url(../img/dhbg.png) center no-repeat; height:0; overflow:hidden;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.dh_bg .dh_video{ position:absolute; left:0; top:0;opacity:0.2;display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.dh_bg.on{ height:550px;}
.dh_bg .dh{ position:absolute; left:0;top:100px;width:100%;}
.dh_bg .dh ul{ float:left; width:20%;}
.dh_bg .dh ul li{}
.dh_bg .dh ul li a{ display:block;font-size:14px; line-height:30px; color:#FFF; text-align:center;}
.dh_bg .dh ul li.dh_bt a{ font-size:18px; line-height:50px; color:#FFF;}
.dh_bg .dh ul li a:hover{ text-decoration:underline;}

.sy_foot_dh{ float:left;}
.sy_foot_dh ul li{ float:left;}
.sy_foot_dh ul li a{ display:block; padding:0 15px; font-size:14px; line-height:20px; color:#666;}
.sy_foot_dh ul li a:hover{color:#fff;}

/*head_top*/
.head_top{ width:1200px; margin:30px auto; overflow:hidden;}
.head_top .logo{ float:left; width:313px;}
.head_top .logo img{ width:100%;}
.head_top .nav{ float:right; margin:20px 0 0 0;}
.head_top .nav ul{ overflow:hidden;}
.head_top .nav ul li{ float:left; font-size:14px; color:#888; line-height:30px;}
.head_top .nav ul li a{ color:#888;}
.head_top .nav ul span{ font-size:14px; margin:0 28px; line-height:30px; float:left; color:#ddd;}
.head_top .nav ul li a:hover{ text-decoration:none; color:#ddd;}

/*ny_nav*/
.ny_nav{ width:1200px; margin:12px auto 36px auto; font-size:18px; color:#888; line-height:32px;}
.ny_nav span{ margin:0 16px; font-family:宋体; font-size:26px; line-height:32px;}
.ny_nav a{ color:#888;}
.ny_nav a:hover,.ny_nav a.cutt{ color:#ccc; text-decoration:none;}

/*about_us*/
.about_us{ width:1200px; margin:36px auto; font-size:14px; color:#ccc; line-height:25px; min-height:520px;}
.about_us img{ max-width:100%;}

.about{ width:1200px; margin:36px auto; min-height:520px;}
.gongchang{ width:100%; margin:0 auto;}
.gongchang ul{ overflow:hidden;}
.gongchang ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.gongchang ul li:nth-child(4n){ margin:0 0 2% 0;}
.gongchang ul li img{ width:100%;}
.gongchang ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.gongchang ul li a{ color:#ccc; border:#ccc 1px solid; padding:1%; display:block;}
.gongchang ul li a:hover{ text-decoration:none; color:#fff;}

.gongchang ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#fff; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.gongchang ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.gongchang ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#fff; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.gongchang ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.gongchang ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#fff; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.gongchang ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.gongchang ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#fff; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.gongchang ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*products*/
.html-body-overflow{ overflow:hidden;}
body::-webkit-scrollbar{ display:none;}

.products{ width:1200px; margin:36px auto; min-height:520px;}
.products_left{ float:left; width:32%;}
.products_left ul{ overflow:hidden;}
.products_left ul li{ line-height:26px;}
.products_left ul li a{ color:#888; font-size:14px;}
.products_left ul li a:hover,.products_left ul li a.actr{ color:#ccc; text-decoration:none;}
.works-det{ width:66%; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; float:right; position:relative;}
.works-det p{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.works-section .works-contents{ width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:-0.9rem; font-size:14px; color:#888; line-height:25px;}
.works-det::-webkit-scrollbar{ display:none;}

.works-scroll{ position:absolute; left:0; top:52%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.works-scroll .works-scroll-line{ width:0.02rem; height:1.95rem; background:#cfcfcf; position:relative; margin-top:0.4rem;}
.works-scroll .works-scroll-line span{ display:inline-block; width:0.02rem; background:#363636; height:0.5rem; position:absolute; top:0; cursor:pointer;}

.works-img-section{ -webkit-transform:translate3d(0px, 0px, 0px) scale(1, 1); transform:translate3d(0px, 0px, 0px) scale(1, 1); -webkit-transition:all .5s ease; transition:all .5s ease; display:inline-block; height:456px; overflow-y:auto; padding:0 0 36px 0; -webkit-box-sizing:border-box; box-sizing:border-box; float:right; margin:36px 0 0 0;}

.works-img-section-active{ -webkit-transform:translate3d(0.5rem, -1.25rem, 0px) scale(2, 2); transform:translate3d(0.5rem, -1.25rem, 0px) scale(2, 2); -webkit-transform:translate3d(0.5rem, -1.25rem, 0px) scale(2, 2) \9; transform:translate3d(0.5rem, -1.25rem, 0px) scale(2, 2) \9; /* IE 8 及低于IE8版本 */ *transform:translate3d(0.5rem, -1.25rem, 0px) scale(2, 2); /* IE 7 及低于IE7版本 */ _transform:translate3d(0.5rem, -1.25rem, 0px) scale(2, 2); /* IE 6 */ height:99%; height:60% \9; /* IE 8 及低于IE8版本 */ *height:60%; /* IE 7 及低于IE7版本 */ _height:60%; /* IE 6 */ padding-bottom:4.5rem; padding-bottom:4.5rem \9; /* IE 8 及低于IE8版本 */ *padding-bottom:4.5rem; /* IE 7 及低于IE7版本 */ _padding-bottom:4.5rem; /* IE 6 */ clear:both; zoom:1; -webkit-transition:all .5s ease; transition:all .5s ease;}

.works-img{ cursor:pointer; display:block; width:6rem; margin-bottom:0.05rem;}
.works-img-section img{cursor:pointer; display:block; width:6rem; margin-bottom:0.05rem;}
.works-section-active img{ display:block; width:100%;}
.works-img-section::-webkit-scrollbar{ display:none;}
.works-img-section .-o-scrollbar{ -moz-appearance:none !important; background:rgba(0, 255, 0, 0) !important;}
.works-img-section{ -ms-scroll-chaining:chained; -ms-overflow-style:none; -ms-content-zooming:zoom; -ms-scroll-rails:none; -ms-content-zoom-limit-min:100%; -ms-content-zoom-limit-max:500%; -ms-scroll-snap-type:proximity; -ms-scroll-snap-points-x:snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style:none;}

.works-det .swiper-slide{ visibility:hidden;}
.works-det .swiper-slide-active{ visibility:initial !important;}
.works-det .swiper-container{ overflow:initial;}
.works-det .swiper-pagination-bullet{ border-radius:0; margin:0 !important; width:0.02rem; height:0.5rem; background:#cfcfcf; opacity:1;}
.works-det .swiper-pagination-bullet-active{ background:#363636;}
.works-det .swiper-pagination{ left:-0.45rem; right:initial !important; top:28% !important;}

/*news*/
.news{ width:1200px; margin:36px auto; min-height:520px; border-top:#d1cfd0 1px solid; border-bottom:#d1cfd0 1px solid; padding:12px 0 0 0;}
.news ul{ overflow:hidden;}
.news ul li{ overflow:hidden;}
.news ul li font{ float:right; color:#999; font-size:14px;}
.news ul li i{ float:left; width:22px; height:12px; background:url(../img/news_jt.png) center no-repeat; margin:15px 16px 15px 0;}
.news ul li span{ float:left; width:62%; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news ul li small{ color:#f00; font-size:14px;}
.news ul li a{ color:#ccc; font-size:14px; line-height:42px; display:block;}
.news ul li a:hover{ text-decoration:none; color:#fff;}

.news .news_bt{ font-size:17px; color:#fff; line-height:26px; margin:0 0 22px 0;}
.news .news_bt span{ display:block; color:#999; font-size:14px; margin:4px 0 0 0;}
.news_xq{ width:100%; margin:0 auto; color:#ccc; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:28px auto 0 auto;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../img/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../img/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#8f8f8f;}
.p_next a:hover{ color:#fff;}

/*feedback*/
.feedback{ width:1200px; margin:36px auto; min-height:520px;}
.container{ width:100%; margin:0;}
.form_group{ display:block; margin:0 0 28px 0;}
.form_group:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.form_group label{ text-align:right; font-style:normal; font-size:14px; color:#ccc; font-weight:normal; vertical-align:middle; line-height:46px;}
.col_sm_2{ width:10%; float:left;}
.form_group label span{ bottom:0; vertical-align:top; margin-right:5px; color:#f00;}
.col_sm_8{ width:88%; float:right;}
.form_group input, .form_group textarea{ background:#ccc;}
.form_control{ display:block; width:96.8%; padding:2px 14px; font-size:14px; line-height:40px; color:#424242; border:1px solid #888; border-radius:4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.row_two{ float:left; width:50%;}
.col_sm_3{ width:76%; float:right;}
.col_sm_4{ width:20%; float:left;}
.form_controls{ display:block; width:92.6%; padding:2px 14px; font-size:14px; line-height:40px; color:#424242; border:1px solid #888; border-radius:4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.miaoshu{ height:160px;}
.massage_btn{ margin:20px 0 0 0; padding:0 0 0 15px; text-align:center;}
.massage_btn .btn { padding:5px 20px; margin-right:10px; font-size:18px; background:#ccc; color:#333; box-shadow:2px 2px 5px rgba(198,205,210,0.8); border-radius:5px; border:none; cursor:pointer;}
.massage_btn .btn:hover { background:#fff;}

/*contact_us*/
.contact_us{ width:1200px; margin:36px auto; min-height:520px;}
.contact{ width:100%; margin:0 auto 20px auto; overflow:hidden; background:#f5f3f0; font-size:14px; color:#333; line-height:25px; padding:20px 0;}
.contact p{ width:94%; margin:6px auto 12px auto; font-size:18px; color:#000; line-height:30px; font-weight:bold; text-transform:uppercase;}
.contact dl{ overflow:hidden; width:94%; margin:6px auto;}
.contact dl dd{ float:left;}
.contact dl dt{ float:left;}
.contact_size{ width:100%; margin:0 auto; overflow:hidden;}