/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden;}
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}
img{transition:all .5s; -webkit-transition:all .5s;}
/* 公共部分CSSæ ·å¼ */
html,body{font:14px/1 microsoft Yahei,Arial,Helvetica,sans-serif; color:#333333; background:#FFF;}
input,label,textarea{font:12px Microsoft Yahei;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{font-size:12px; width:100%;}
a{color:#333333; text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.clear{clear:both;}
.clearfix:after{
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
@font-face {
font-family: 'Candara';
src: url('../font/Candara.eot');
src: url('../font/Candara.eot?#iefix') format('embedded-opentype'),
url('../font/Candara.woff') format('woff'),
url('../font/Candara.ttf') format('truetype'),
url('../font/Candara.svg#webfont34M5alKg') format('svg');
font-style:normal;
font-weight:normal;
}
@font-face {
font-family: 'gothambook';
src: url('../font/gothambook.eot');
src: url('../font/gothambook.eot?#iefix') format('embedded-opentype'),
url('../font/gothambook.woff') format('woff'),
url('../font/gothambook.ttf') format('truetype'),
url('../font/gothambook.svg#webfont34M5alKg') format('svg');
font-style:normal;
font-weight:normal;
}
.visible-hd {
display: none !important;
}
.visible-lg {
display: block !important;
}
@media screen and (max-width:1170px){
.visible-hd {
display: block !important;
}
.visible-lg {
display: none !important;
}
}
.l{float:left;}
.r{float:right;}
.g-wrap{max-width:1170px; margin-left:auto; margin-right:auto;padding-left:15px; padding-right:15px; }
.ellip{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.so{ float:right; width:100%; height:35px; margin:0px 0 15px 0; position:relative;}
.so .Search{ float:left; width:100%; height:35px; background:#fff; border:1px solid #dddddd; line-height:35px; text-indent:9px; color:#888888; font-size:14px;}
.so .sear_sub{ float:left; width:33px; height:33px; position:absolute; right:1px; top:1px;}
.mlang{line-height:35px; color:#b2b2b2; font-size:12px; text-transform:uppercase;text-align:center; margin:15px auto 15px auto;}
.mlang a{background:#e00430; color:#fff; padding:10px 20px; margin:0 5px;}
.mlang a.on,
.mlang a:hover{ color:#fff;}
/*手机网站头部*/
.phhead{width:100%; position: fixed;left: 0;top: 0; z-index: 210; display:none; background:#FFF;}
.pcontainer { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position:relative;}
.phhead .logo{ padding:13px 0px; width:166px; float:left;position:relative;}
.phhead .logo a{display:block;}
.phonemeng{width:100%;z-index: 196; height:80px;}
.pf_h{ float:left; width:100%; height:0px;}
.menuph{position: absolute;top: 50%;margin-top:-25px;right: 10px;cursor: pointer;width: 50px;height:50px;text-align: center; background:#e00430;}
.menuph .point{display: inline-block;width: 28px;height: 22px;margin-top: 12px;position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{width: 28px;}
.menuph .navbtn{position: absolute;top: 12px;right: 0;display: inline-block;width: 21px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
.menuph .navbtn::after,
.menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
.menuph .navbtn::after{top: -11px;}
.menuph .navbtn::before{top: 10px;}
.menuph .point.active .navbtn{background: transparent;}
.menuph .point.active .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
.menuph .point.active .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*æ‰‹æœºç½‘ç«™ä¸‹æ‹‰æ ·å¼*/
.xialaph{top:80px;left: 0;width: 100%;background:#FFF;z-index: 1049;display:none; position:fixed;}
.xialaph .img_d{ display:none;}
.xialaph .ul2,.xialaph .ul3{ display: none;}
.xialaph h4 a{color:#333;font-size: 16px;line-height: 55px;}
.xialaph h4 a:hover{color:#dc000e;}
.xialaph h4{position: relative;}
.xialaph li:last-child h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;/*opacity: 0.1;*/}
.xialaph h4::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;/*opacity: 0.1;*/}
.xialaph h5 a{color: #333;font-size: 14px;line-height: 50px; display:block;}
.xialaph h5 a:hover{color:#dc000e;}
.xialaph h5{position: relative;}
.xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;/*opacity: 0.05;*/}
.xialaph .ul2 li:last-child h5::after{height:0px;}
.xialaph h4 img{width:15px;height:8px;float: right;margin-top: 23.5px;cursor: pointer; }
.xialaph h5 img{width:11px;height:6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{display: none;}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{display: block;}
.xialaph h4.active {border-bottom: 1px solid #e5e5e5;}
.xialaph .ul2{width:95%; margin:0px auto;}
.xialaph .ul3{padding-top: 12px;padding-bottom: 18px;padding-left: 15px;position: relative;}
.xialaph .ul3::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;}
.xialaph li:last-child .ul3::after{display: none;}
.xialaph .ul3 li a{color: #666;font-size: 14px;line-height: 35px;display: block;}
.xialaph .ul3 li{padding-top: 5px;}
.xialaph .ul3 li:first-child{padding-top: 0;}
.xialaph .phsou{position: relative;margin-top: 30px;}
.xialaph .phsou input{width: 100%;height: 42px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 10px;border: 1px solid #e5e5e5;}
.xialaph .phsou button{cursor: pointer;outline:none;width: 34px;height: 34px;position: absolute;top: 4px;right: 4px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try span{ display:inline-block; background:#efefef;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a{ display:block; float:left; width:120px; font-size:16px; color:#1c71ba; line-height:42px;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a:hover,
.xialaph .try a.hover{ background:#1c71ba; color:#fff;}
.xialaph .h_w_top{text-align:center; line-height:50px;}
@media screen and (max-width:480px){
.xialaph .ul2{width:92%;}
}
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner .slick-prev{position:absolute; width:82px; height:53px; left:50px; top:50%; z-index:2; background:url(../images/banner_prev.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-prev:hover{left:45px;}
.slide_banner .slick-next{position:absolute; width:82px; height:53px; right:50px; top:50%; z-index:2; background:url(../images/banner_next.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-next:hover{right:45px;}
.slide_banner .slick-dots{ bottom:10%; text-align:center; }
.slide_banner .slick-dots li{ display:inline-block;vertical-align:top; width:9px; height:9px; border-radius:50%; background:#FFF;margin:0 5px; position:relative; top:10px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); }
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{width:13px; height:13px; }
.pz_banner{ position:relative; width:100%;}
.pz_banner a{display:block;}
.w_0100_2{float: left;width:100%;position: relative;outline: none;}
.w_0100_2 .w_2_1{float: left;width: 100%;height:346px;;position: relative;outline: none;z-index: -1;overflow: hidden;}
.w_0100_2 .w_2_2{float: left;overflow: hidden; display:none;}
.s_banner{float: left;width: 100%;position: relative;outline: none;}
.s_banner .w_2_1{float: left;width: 100%;height:346px;position: relative;outline: none;z-index: -1;overflow: hidden;}
.s_banner .w_2_2{float: left;overflow: hidden; display:none;}
.bann_cont{position:absolute; top:25%; width:1170px; left:50%;transform:translate(-50%,-50%);color:#FFF; }
.bann_cont .txt{float:left; font-size:28px; position:relative; text-align:left;}
.bann_cont .txt:after{position:absolute; content:""; width:40px; height:0px; background:#FFF; bottom:-25px; left:0px; }
@keyframes myfirst {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, -10px);
}
100% {
transform: translate(0px, 0px);
}
}
@media screen and (max-width:1170px){
.w_0100_2{height:auto;}
.w_0100_2 .w_2_1{display:none;}
.w_0100_2 .w_2_2{display:block;}
.s_banner{height:auto;}
.s_banner .w_2_1{display:none;}
.s_banner .w_2_2{display:block;}
.bann_cont{width:95%;}
.bann_cont .txt{font-size:24px;}
}
@media screen and (max-width:640px){
.bann_cont .txt{font-size:20px;}
.bann_cont .txt:after{width:30px; bottom:-15px;}
}
@media screen and (max-width:480px){
.bann_cont .txt{font-size:16px;}
}
.mobile_subnav{width:95%; margin:0px auto; display:none; padding-top:30px;}
@media screen and (max-width:991px){
.mobile_subnav{display:block;}
}
.t_ntop_1 {height:40px;line-height: 40px;padding: 0px 14px;border: 1px solid #e00430;font-size: 14px;color: #e00430;border-radius:3px;background: url(../cssimg/ico91.png) no-repeat 97% center;margin-left:auto;margin-right:auto;}
.pz_SideLayer{ width:100%; margin-top:5px;margin-bottom:20px; margin-left:auto; margin-right:auto;background:rgba(255,255,255,0.8); overflow:hidden;display:none; }
/*.pz_SideLayer .l2{ float:left; margin-right:12px; font-size:16px; color:#8bbeea; height:32px; line-height:32px;}
.pz_SideLayer .l2 a{ color:#315995; margin-right:12px;}
.pz_SideLayer .l2 a:hover,.pz_SideLayer .l2.hover a{ color:#fff; text-decoration:underline;}*/
.pz_SideLayer .l1{width:100%; margin-top:1px; display:block;}
.pz_SideLayer .l1 a{ height:50px; line-height:50px; color:#242424; font-size:14px; background:#f4f4f4 url(../cssimg/main22.png) right center no-repeat; display:block; }
.pz_SideLayer .l1 a span{margin-left:14px;}
.pz_SideLayer .l1 a:hover,.pz_SideLayer .l1.hover a{background:#e3e3e3 url(../cssimg/main23.png) right center no-repeat; color:#e00430; width:100%;}
.imglist{margin-top:-30px; margin-right:-30px; overflow:hidden;}
.imglist li{float:left;}
.imglist li a{margin-right: 30px;margin-top:30px;position: relative;color: #fff;overflow: hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.head{height:80px; width:100%; margin-bottom:2px;}
.head .logo{display:block; width:166px; margin-top:14px;float:left;}
.h_right{float:right;position:relative; }
.h_right .s_ico{width:20px; height:20px; float:left;margin-left:35px; margin-top:30px; cursor:pointer;}
.h_right .lang{line-height:80px; color:#999; float:right; margin-left:23px;}
.h_right .lang a{color:#999;}
.h_right .lang a:hover,.h_right .lang a.on{color:#dc000e;}
.h_right .lang span{padding:0px 12px;}
.search_form{position:absolute; width:0%; height:80px; background:#FFF; top:0px; right:150px; z-index:200; display:none;}
.search_form .s_cont{float:left; padding:25px 0px;position:relative; width:685px; background:#FFFFFF;}
.search_form .s_cont .btn{width:25px; height:25px; background:url(../cssimg/search.png) #FFF center center no-repeat; border:0px; float:left; margin-top:2px;}
.search_form .s_cont .int{width:500px; float:left; height:30px; background:transparent; border:0px; color:#333; font-size:14px; margin-left:20px;}
.search_form .s_cont .close{width:19px; height:19px; float:right; margin-top:5px; cursor:pointer; margin-left:30px;}
.search_form .s_cont .close img{width:auto;}
#nav{height:80px;float:left; margin-right:10px; }
#nav li{ line-height:80px; color:#333333;float:left; text-align:center; position:relative; z-index:10; }
#nav li .aon a{display:block; color:#333333; text-align:center; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative; font-size:16px; margin-left:30px;}
#nav li .aon a:after{position:absolute;content:"";bottom:15px; left:0px;height:1px; width:0px; background:#dc000e; transition:all 0.8s; -webkit-transition:all 0.8s;}
/*#nav li .aon a:hover, #nav li .aon .sele{color:#ff7e01; }*/
#nav li .aon a:hover:after, #nav li .aon .sele:after{width:100%; }
#nav li .subnav{position:absolute;top:80px; display:none; z-index:20; background:rgba(255,255,255,0.9); left:-5px; }
#nav li .subnav dd{line-height:40px; color:#333333; width:160px; border-bottom:1px solid #e5e5e5;}
#nav li .subnav dd:last-child{border-bottom:0px;}
#nav li .subnav dd a{color:#333333; display:block; font-size:14px; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; }
#nav li .subnav dd a:hover{color:#FFF; background:rgba(224,4,48,0.9);}
#nav li .aon a:hover .subnav{display:block;}
.h_title{overflow:hidden;}
.h_title em{display:block;width:25px; float:left;}
.h_title span{margin-left:20px; color:#333; font-size:22px;float:left; display:block; line-height:22px;}
.h_part1{padding:56px 0px 30px 0px; overflow:hidden;}
.h_part1 .h_news{float:left; width:570px; margin-right:30px; overflow:hidden;}
.h_part1 .h_news .cont{ background:url(../cssimg/ico3.png) repeat; min-height:445px; width:100%;margin-top:24px;padding-top:33px; position:relative; }
.h_part1 .h_news .cont ul{margin:0px 35px 25px 35px;}
.h_part1 .h_news .cont ul li{line-height:38px; border-bottom:1px dashed #c9c9c9;margin-top:12px;}
.h_part1 .h_news .cont ul li a{display:block; color:#666666; position:relative; padding-left:5px;}
.h_part1 .h_news .cont ul li a:before{position:absolute; content:""; width:2px; height:2px; background:#333333;top:50%;left:0px;margin-top:-1px;}
.h_part1 .h_news .cont ul li a:hover{color:rgba(220,0,14,0.7);}
.h_part1 .h_news .cont ul .first{margin-bottom:14px;}
.h_part1 .h_news .cont ul .first a{display:block; overflow:hidden;}
.h_part1 .h_news .cont ul .first a .img{width:220px; float:left; overflow:hidden;}
.h_part1 .h_news .cont ul .first a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.h_part1 .h_news .cont ul .first a .txt{float:right; margin-left:17px;width:260px;}
.h_part1 .h_news .cont ul .first a .txt h2{font-size:16px; color:#333; line-height:25px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.h_part1 .h_news .cont ul .first a:hover .txt h2{color:rgba(220,0,14,0.7);}
.h_part1 .h_news .cont ul .first a .txt h3{margin-top:10px; line-height:25px; color:#999999;}
.h_part1 .h_news .cont .more{ position:absolute;left:35px; bottom:25px;display:block;width:158px; height:28px; background:#e00430; line-height:28px; border:1px solid #e00430; border-radius:14px; text-align:center; color:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; }
.h_part1 .h_news .cont .more:hover{background:#FFF; color:#e00430;}
.h_part1 .h_about{float:right; width:570px; overflow:hidden;}
.h_part1 .h_about .cont{ background:url(../cssimg/ico3.png) repeat; min-height:450px; width:100%;margin-top:24px; padding-top:28px;position:relative; }
.h_part1 .h_about .cont .img{margin:0px 28px 28px 28px; position:relative;}
.h_part1 .h_about .cont .img .play{position:absolute; width:40px;height:40px; left:50%; top:50%; margin-top:-20px; margin-left:-20px; cursor:pointer;}
.h_part1 .h_about .cont .video{margin:0px 28px 28px 28px; display:none; margin:0px auto; width:70%;}
.h_part1 .h_about .cont .video video{width:100%; height:207px; }
.h_part1 .h_about .cont .txt{margin:0px 28px; font-size:16px; line-height:25px; color:#666;}
.h_part1 .h_about .cont .more{ position:absolute;left:28px; bottom:25px;display:block;width:158px; height:28px; background:#e00430; line-height:28px; border:1px solid #e00430; border-radius:14px; text-align:center; color:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; }
.h_part1 .h_about .cont .more:hover{background:#FFF; color:#e00430;}
@media screen and (max-width:1230px){
.h_part1 .h_news{width:48.5%;margin-right:3%;}
.h_part1 .h_about{width:48.5%;}
.h_part1 .h_news .cont ul .first a .img{width:45%;}
.h_part1 .h_news .cont ul .first a .txt{width:50%;}
}
@media screen and (max-width:991px){
.h_part1{padding:30px 0px;}
.h_part1 .h_news{width:100%; margin-bottom:30px;}
.h_part1 .h_about{width:100%;margin-bottom:20px;}
.h_part1 .h_news .cont{min-height:auto;padding-bottom:60px;}
.h_part1 .h_about .cont{min-height:auto; padding-bottom:70px;}
}
@media screen and (max-width:768px){
.h_part1 .h_news .cont{padding-top:15px;}
.h_part1 .h_news .cont ul{margin:0px 15px 15px 15px;}
.h_part1 .h_news .cont ul .first{margin-bottom:15px;}
.h_part1 .h_news .cont ul .first a .txt h2{margin-top:15px;}
.h_part1 .h_news .cont ul .first a .txt h3{margin-top:0px;}
.h_part1 .h_news .cont .more{left:15px; width:120px;}
.h_part1 .h_about .cont{padding-top:15px;}
.h_part1 .h_about .cont .img{margin:0px 15px 15px 15px;}
.h_part1 .h_about .cont .txt{margin:0px 15px; font-size:14px; line-height:28px;}
.h_part1 .h_about .cont .more{left:15px;width:120px;}
}
@media screen and (max-width:480px){
.h_title span{font-size:18px;}
.h_part1 .h_news .cont ul .first a .img{width:100%;}
.h_part1 .h_news .cont ul .first a .txt{width:100%;}
}
.h_products{padding-bottom:90px;}
.h_products .imglist{margin-top:-40px; margin-right:-20px; overflow:hidden;}
.h_products .imglist li{width:33.33%;}
.h_products .imglist li a{max-width:400px; margin-top:20px; margin-right:20px; position:relative; }
.h_products .imglist li a:after{position:absolute; content:""; left:0px; bottom:0px; width:0px; height:1px;background:#e00430; transition:all 0.6s; -webkit-transition:all 0.6s;}
.h_products .imglist li a:hover:after{width:100%;}
.h_products .imglist li a .img{width:100%;overflow:hidden; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s;}
.h_products .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.h_products .imglist li a .img .cont{position:absolute; width:100%; height:100%; background:url(../cssimg/ico5.png) rgba(0,0,0,0.1) center center no-repeat; top:-100%; transition:all 0.5s; -webkit-transition:all 0.5s;}
.h_products .imglist li a:hover .img .cont{top:0px;}
.h_products .imglist li a .txt{padding:14px 0px;line-height:25px;}
.h_products .imglist li a .txt h2{font-size:18px; color:#333; transition:all 0.5s; -webkit-transition:all 0.5s;}
.h_products .imglist li a:hover .txt h2{margin-left:10px;}
.h_products .imglist li a .txt h3{font-size:16px; color:#999; transition:all 0.5s; -webkit-transition:all 0.5s;}
.h_products .imglist li a:hover .txt h3{margin-left:10px;}
@media screen and (max-width:768px){
.h_products{padding-bottom:45px;}
.h_products .imglist{margin-top:-50px; margin-right:-15px;}
.h_products .imglist li a{margin-top:30px; margin-right:15px;}
.h_products .imglist li a .txt h2{font-size:16px;}
.h_products .imglist li a .txt h3{font-size:14px;}
}
@media screen and (max-width:640px){
.h_products .imglist li{width:100%;}
.h_products .imglist li a{max-width:1200px;}
}
.s_navbg{ height:77px; position:relative;float:left; width:100%;}
.s_navbg:after{position:absolute; content:"";width:100%; height:1px; background:#eee; bottom:0px; left:0px; z-index:1;}
.s_navbg .s_nav{float:left;}
.s_navbg .s_nav a{display:block;margin-right:60px; float:left; font-size:16px; color:#666666;line-height:77px; position:relative;}
.s_navbg .s_nav a:after{position:absolute;content:""; bottom:0px; left:0px;width:0px; height:1px; background:#e00430; transitiion:all 0.5s; -webkit-transition:all 0.5s;z-index:2;}
.s_navbg .s_nav a:hover,.s_navbg .s_nav a.on{color:#e00430;}
.s_navbg .s_nav a:hover:after,.s_navbg .s_nav a.on:after{width:100%;}
.s_navbg .site{float:right; background:url(../cssimg/ico6.png) left center no-repeat; padding-left:20px; line-height:77px; color:#999;}
.s_navbg .site a{color:#999;}
.s_navbg .site a:hover{color:#e00430;}
@media screen and (max-width:991px){
.s_navbg{display:none;}
}
.s_history{padding-top:86px;padding-bottom:116px; width:100%; float:left;}
.s_history .cont{width:100%;position:relative; padding:127px 0px 170px 0px;}
.s_history .cont:before{position:absolute; content:"";left:67px;width:1px; height:100%;top:0px;background:#ebebeb;}
.s_history .cont:after{position:absolute;content:"";width:10px; height:10px;background:#e00430; border-radius:50%;top:0px;left:63px;}
.s_history .cont .more{width:84px; height:84px; border-radius:50%; background:#f8cad3;left:25px; bottom:0px; position:absolute;}
.s_history .cont .more a{width:70px; height:70px; border-radius:50%; background:url(../cssimg/ico7.png) #e00430 center center no-repeat; display:block; position:absolute; top:50%; margin-top:-35px;left:50%; margin-left:-35px;}
.s_history .cont dl{width:100%; position:relative; z-index:3; overflow:hidden;}
.s_history .cont dl dt{width:134px;height:40px;line-height:40px;border-radius:20px;float:left;border:1px solid #e00430; color:#e00430;font-weight:bold; text-align:center; font-size:18px; background:#FFF; margin-top:15px;margin-bottom:15px;}
.s_history .cont dl .list{margin-bottom:30px; width:1000px; float:right;}
.s_history .cont dl .list dd{width:100%; padding:22.5px 0px; line-height:25px; background:#f8f8f8; margin-bottom:15px; transition:all 0.5s; -webkit-transition:all 0.5s; cursor:pointer;}
.s_history .cont dl .list dd:hover{background:#e00430;box-shadow:0px 0px 15px #e00430;-moz-box-shadow:0px 0px 15px #e00430;-ms-box-shadow:0px 0px 15px #e00430;-webkit-box-shadow:0px 0px 15px #e00430;}
.s_history .cont dl .list dd span{margin-left:32px; color:#333333;font-size:16px; display:block;margin-right:32px;}
.s_history .cont dl .list dd:hover span{color:#FFF;}
@media screen and (max-width:1200px){
.s_history{padding:56px 0px 86px 0px;}
.s_history .cont{padding:97px 0px 140px 0px;}
.s_history .cont:before{left:47px;}
.s_history .cont:after{left:43px;}
.s_history .cont .more{left:5px;}
.s_history .cont dl dt{width:94px;}
.s_history .cont dl .list{width:87%;}
}
@media screen and (max-width:991px){
.s_history .cont{padding:67px 0px 100px 0px;}
.s_history .cont dl .list{width:80%;}
}
@media screen and (max-width:640px){
.s_history .cont{padding:50px 0px 140px 0px;}
.s_history .cont:before{left:50%;}
.s_history .cont:after{left:50%; margin-left:-5px;}
.s_history .cont dl dt{width:134px; margin:0px auto; float:none;}
.s_history .cont dl .list{width:100%; margin-top:30px;float:none;}
.s_history .cont .more{left:50%; margin-left:-42px;}
}
@media screen and (max-width:480px){
.s_history .cont dl .list dd span{margin:0px 15px;font-size:14px;}
}
.s_about{padding:100px 0px;width:100%; float:left;}
.s_about .img{width:430px; float:left; position:relative;}
.s_about .img .play{position:absolute; width:40px;height:40px; left:50%; top:50%; margin-top:-20px; margin-left:-20px; cursor:pointer;}
.s_about .video{width:430px; float:left; display:none;}
.s_about .video video{width:100%; height:234px; }
.s_about .txt{margin-left:38px;float:left;width:702px; min-height:414px; background:url(../cssimg/img7.jpg) top left no-repeat;}
.s_about .txt .cont{margin-left:41px; line-height:30px; font-size:16px; color:#333333;}
.s_about .txt .cont p{margin-bottom:10px;}
@media screen and (max-width:1200px){
.s_about .img{width:40%;}
.s_about .video{width:40%;}
.s_about .txt{margin-left:4%;width:55%;}
.s_about .txt .cont{margin-left:8%; }
}
@media screen and (max-width:768px){
.s_about{padding:60px 0px;}
}
@media screen and (max-width:640px){
.s_about{padding:40px 0px 60px 0px;}
.s_about .img{width:100%;}
.s_about .txt{width:100%;margin-left:0px; background:none; }
.s_about .txt .cont{margin-left:0px; }
}
@media screen and (max-width:480px){
.s_about{padding:30px 0px 40px 0px; }
.s_about .txt{margin-top:20px;}
.s_about .txt .cont{font-size:14px;}
}
.s_team{padding:102px 0px 113px 0px; width:100%; float:left;}
.s_team li{width:100%; margin-bottom:47px;}
.s_team li a{display:block; overflow:hidden; position:relative;}
.s_team li a .pic{width:227px; float:left;}
.s_team li a .pic .img{width:100%; overflow:hidden;}
.s_team li a .pic .txt{text-align:center; background:#e0002c; color:#FFF; font-size:14px; height:50px; line-height:50px; margin-top:-1px;}
.s_team li a .pic .txt span{font-size:16px;margin-right:5px;}
.s_team li a .cont{width:860px; float:right; }
.s_team li a .cont span{display:block; font-weight:bold;}
.s_team li a .cont .name{font-size:18px;padding:30px 0px 18px 0px;}
.s_team li a .cont .site{font-size:16px; line-height:25px;}
.s_team li a .cont .info{width:100%; color:#666666; margin-top:40px; font-size:16px; line-height:25px; margin-bottom:60px;}
.s_team li a .cont .info p{padding-left:26px;position:relative; margin-bottom:15px;}
.s_team li a .cont .info p:before{position:absolute; content:"";width:10px; height:1px; background:#e0002c; top:12.5px; left:0px;}
.s_team li a:after{position:absolute; content:"";width:860px; height:1px; background:#dddddd; bottom:0px; right:0px;}
.s_team li a .more{position:absolute;bottom:17px;right:0px; padding-right:19px;background:url(../cssimg/ico8.png) right center no-repeat; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_team li a .show{color:#e0002c; background:url(../cssimg/h_ico8.png) right center no-repeat; position:absolute;bottom:17px;right:0px; padding-right:19px;transition:all 0.5s; -webkit-transition:all 0.5s; display:none;}
.s_team li a:hover .more{color:#e0002c; background:url(../cssimg/h_ico8.png) right center no-repeat;}
@media screen and (max-width:1170px){
.s_team{padding:72px 0px 83px 0px;}
.s_team li a .pic{width:20%;}
.s_team li a .cont{width:75%;}
.s_team li a:after{width:75%;}
}
@media screen and (max-width:991px){
.s_team li a .cont .name{font-size:16px;}
.s_team li a .cont .site{font-size:14px;}
.s_team li a .cont .info{margin-top:20px; font-size:14px;}
.s_team li a .cont .info p{margin-bottom:10px;}
}
@media screen and (max-width:768px){
.s_team li a .pic{width:30%}
.s_team li a .cont{width:65%;}
.s_team li a:after{width:65%;}
.s_team li a .cont .info{padding-bottom:60px;}
}
@media screen and (max-width:640px){
.s_team{padding:42px 0px 53px 0px;}
.s_team li a .pic{width:100%}
.s_team li a .cont{width:100%;}
.s_team li a:after{width:100%;}
.s_team li a .cont .info p{padding-left:20px;}
}
.s_mission{padding:90px 0px 105px 0px; width:100%; float:left;}
.s_mission .imglist li{width:50%;}
.s_mission .imglist li .info{max-width:600px; margin-top:30px; margin-right:30px; text-align:center; }
.s_mission .imglist li .info .title{width:70px; height:40px; line-height:40px; border-radius:3px; border:1px solid #b0b0b0; font-size:24px; font-weight:bold; color:#000; margin:0px auto;}
.s_mission .imglist li .info .cont{line-height:35px; margin-top:30px; color:#333; font-size:20px;}
.s_mission .pic{width:100%; margin-top:60px;}
@media screen and (max-width:1170px){
.s_mission{padding:60px 0px 75px 0px;}
}
@media screen and (max-width:991px){
.s_mission .imglist li .info .title{font-size:20px;}
.s_mission .imglist li .info .cont{font-size:16px;}
}
@media screen and (max-width:768px){
.s_mission .imglist li{width:100%;}
.s_mission .imglist li .info{max-width:1200px;}
}
@media screen and (max-width:640px){
.s_mission{padding:40px 0px 45px 0px;}
.s_mission .imglist li .info .title{font-size:18px;}
.s_mission .imglist li .info .cont{font-size:14px;}
}
.s_partner{padding:78px 0px 130px 0px; width:100%; float:left;}
.s_partner .imglist{margin-top:-10px; margin-right:-10px; overflow:hidden;}
.s_partner .imglist li{width:33.33%;}
.s_partner .imglist li a{max-width:400px; border:1px solid #ebebeb; margin-top:10px; margin-right:10px;}
.s_partner .imglist li a .img{margin:0px; overflow:hidden;}
.s_partner .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_partner .imglist li a .txt{line-height:20px; height:50px;text-align:center;word-wrap: break-word; }
.s_partner .imglist li a .txt span{color:#e00430; text-decoration:underline; margin:0px 5px;}
@media screen and (max-width:991px){
.s_partner .imglist li{width:50%;}
.s_partner .imglist li a{max-width:600px;}
}
@media screen and (max-width:768px){
.s_partner{padding:48px 0px 100px 0px;}
}
@media screen and (max-width:480px){
.s_partner{padding:38px 0px 70px 0px;}
.s_partner .imglist li{width:100%;}
.s_partner .imglist li a{max-width:1200px;}
}
.s_news{padding:115px 0px 50px 0px; width:100%; float:left;}
.s_news li{margin-bottom:45px;}
.s_news li a{display:block; border-bottom:1px solid #dddddd; overflow:hidden;}
.s_news li a .time{width:60px; border-radius:3px; background:#f6f6f6; float:left; color:#333; transition:all 0.5s; -webkit-transition:all 0.5s; margin-bottom:20px;}
.s_news li a:hover .time{background:#e00430; color:#FFF;}
.s_news li a .time span{display:block; line-height:40px; text-align:center; font-size:24px;}
.s_news li a .time em{display:block; font-style:normal; line-height:20px; text-align:center; font-size:12px; border-top:2px solid #FFF;}
.s_news li a .cont{float:right; font-size:16px;width:1060px;}
.s_news li a .cont .title{line-height:30px; color:#333; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_news li a .cont .info{font-size:16px; color:#666; margin-top:15px; margin-bottom:35px; line-height:25px;}
.s_news li a:hover .cont .title{color:#e00430;}
@media screen and (max-width:1170px){
.s_news{padding:85px 0px 50px 0px;}
.s_news li a .cont{width:90%;}
}
@media screen and (max-width:768px){
.s_news{padding:55px 0px 50px 0px;}
.s_news li a .cont{width:85%;}
.s_news li a .cont .info{font-size:14px;}
}
@media screen and (max-width:640px){
.s_news{padding:40px 0px 20px 0px;}
.s_news li a .cont{width:80%;}
}
@media screen and (max-width:480px){
.s_news li{margin-bottom:30px;}
.s_news li a .cont{width:75%;}
.s_news li a .cont .title{line-height:25px;}
.s_news li a .cont .info{margin-bottom:20px;}
}
.s_newsinfo{padding:90px 0px 100px 0px; width:100%; float:left;}
.s_newsinfo .newstit{border-bottom:1px solid #dddddd;}
.s_newsinfo .newstit h2{line-height:140%; font-size:22px; text-align:center; color:#333;}
.s_newsinfo .newstit h3{line-height:25px; color:#999; text-align:center; font-size:16px; padding:35px 0px;}
.s_newsinfo .newssrc{padding:35px 0px 50px 0px; line-height:30px; font-size:16px; color:#666666;border-bottom:1px solid #dddddd;}
.s_newsinfo .newssrc img{width:auto;}
.s_newsinfo .newssrc p{margin-bottom:8px;}
.s_newsinfo .newssrc li{position:relative; padding-left:15px;}
.s_newsinfo .newssrc li:before{position:absolute;content:""; width:5px; height:5px; background:#333; border-radius:50%;left:0px; top:12px;}
.pages{margin-top:50px; font-size:16px; color:#333; line-height:35px;}
.pages a{display:block;color:#333; transition:all 0.3s; -webkit-transition:all 0.3s;}
.pages a:hover{color:#e00430;}
@media screen and (max-width:768px){
.s_newsinfo{padding:60px 0px 70px 0px;}
.s_newsinfo .newstit h2{font-size:18px;}
.s_newsinfo .newstit h3{padding:25px 0px;font-size:14px;}
.s_newsinfo .newssrc{padding:25px 0px 30px 0px; font-size:14px; line-height:25px;}
.s_newsinfo .newssrc img{width:100%;}
.pages{margin-top:25px; font-size:14px;}
}
@media screen and (max-width:640px){
.s_newsinfo{padding:40px 0px 70px 0px;}
.s_newsinfo .newstit h2{font-size:16px;}
}
.s_partner1{padding:100px 0px 125px 0px;width:780px; margin:0px auto; float:left;}
.s_partner1 .imglist{margin-top:-13px; margin-right:-13px; overflow:hidden;}
.s_partner1 .imglist li{width:50%;}
.s_partner1 .imglist li a{max-width:400px; border:1px solid #ebebeb; margin-top:13px; margin-right:13px;}
.s_partner1 .imglist li a .img{margin:0px; overflow:hidden;}
.s_partner1 .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_partner1 .imglist li a .txt{line-height:20px; height:50px;text-align:center; }
.s_partner1 .imglist li a .txt span{color:#e00430; text-decoration:underline;margin:0px 5px;}
@media screen and (max-width:840px){
.s_partner1{padding:70px 0px 95px 0px;}
.s_partner1{width:100%;}
}
@media screen and (max-width:480px){
.s_partner1{padding:40px 0px 55px 0px;}
.s_partner1 .imglist li{width:100%;}
.s_partner1 .imglist li a{max-width:1200px;}
}
.s_business{padding:90px 0px 110px 0px; width:100%; float:left;}
.s_business .cont{color:#999; font-size:16px; line-height:30px; color:#333;}
.s_business .info{margin-top:55px;}
.s_business .info ul{float:left; width:560px; margin-left:4.5px;}
.s_business .info ul li{width:100%; min-height:120px; background:#f8f8f8; margin-bottom:2px; position:relative; display: flex;justify-content:center;align-items:Center; transition:all 0.3s; -webkit-transition:all 0.3s; color:#333333; cursor:pointer;}
.s_business .info ul li span{color:#e00430;}
.s_business .info ul li:hover{background:#e00430; color:#FFF;}
.s_business .info ul li:hover span{color:#FFF;}
.s_business .info ul li:before{position:absolute; content:""; left:-4.5px; width:9px; height:40px; top:50%; margin-top:-20px;background:#e00430;}
.s_business .info ul li:hover:before{background:#ccc;}
.s_business .info ul li .txt{display:block;width:66%; line-height:30px; font-size:16px;}
.s_business .info .pic{width:493px; float:right;}
@media screen and (max-width:1170px){
.s_business{padding:60px 0px 80px 0px;}
.s_business .info ul{width:50%;}
.s_business .info ul li .txt{width:80%;}
.s_business .info .pic{width:48%;}
}
@media screen and (max-width:768px){
.s_business .cont{font-size:14px;}
.s_business .info{margin-top:25px;}
.s_business .info ul{width:100%; margin-left:0px;}
.s_business .info ul li:before{left:0px;}
.s_business .info ul li .txt{font-size:14px; line-height:25px;}
.s_business .info .pic{width:100%; margin-top:10px;}
}
@media screen and (max-width:640px){
.s_business{padding:40px 0px 50px 0px;}
}
.s_contactbd{padding:100px 0px 110px 0px; overflow:hidden; width:100%; float:left;}
.s_contactbd .cont{width:463px; float:left;}
.s_contactbd .cont li{border-bottom:1px solid #f1f1f1; font-size:16px; color:#333; position:relative; line-height:25px; overflow:hidden;padding:28px 0px 28px 50px;word-wrap: break-word; }
.s_contactbd .cont li:last-child{border-bottom:0px;}
.s_contactbd .cont li em{position:absolute; top:30px; left:0px; }
.s_contactbd .cont li:before{position:absolute;content:"";width:27px; height:1px; background:#e00430; left:0px; bottom:0px;}
.s_contactbd .cont li:last-child:before{height:0px;}
.s_contactbd #map{float:right; height:394px; width:637px;}
@media screen and (max-width:1170px){
.s_contactbd{padding:70px 0px 80px 0px; }
.s_contactbd .cont{width:40%;}
.s_contactbd .cont li{padding:20px 0px 20px 35px;}
.s_contactbd .cont li em{top:25px;}
.s_contactbd #map{width:55%;}
}
@media screen and (max-width:991px){
.s_contactbd{padding:40px 0px 50px 0px; }
.s_contactbd .cont{width:100%;}
.s_contactbd #map{width:100%; margin-top:30px;}
}
@media screen and (max-width:768px){
.s_contactbd .cont li{font-size:14px;}
.s_contactbd{padding:20px 0px 50px 0px; }
.s_contactbd #map{height:300px;}
}
.s_job{padding:98px 0px 120px 0px; width:100%; float:left;}
.s_job li{width:100%;margin-bottom:20px;}
.s_job li a{display:block; background:#f8f8f8; border-radius:5px;padding:20px; overflow:hidden; position:relative; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}
.s_job li a:hover {background:#e00430; box-shadow:0px 0px 5px #ccc;-moz-box-shadow:0px 0px 5px #ccc;-ms-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;}
.s_job li a .txt{margin:0px 12px; line-height:25px;}
.s_job li a .txt em{display:block; line-height:30px; margin-bottom:8px; font-size:16px; font-weight:bold; font-style:normal; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }
.s_job li a:hover .txt em{color:#FFF;}
.s_job li a .txt span{margin-right:55px; font-size:16px; color:#999999}
.s_job li a:hover .txt span{color:#FFF;}
.s_job li a .more{width:28px; height:28px; background:url(../cssimg/ico19.png) center right no-repeat; position:absolute; top:50%;margin-top:-14px;right:32px; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }
.s_job li a:hover .more{right:28px; background:url(../cssimg/hico19.png) center right no-repeat;}
@media screen and (max-width:1200px){
.s_job{padding:68px 0px 90px 0px;}
}
@media screen and (max-width:640px){
.s_job{padding:40px 0px 60px 0px;}
.s_job li a .txt em{font-size:14px;}
.s_job li a .txt span{font-size:14px;}
}
@media screen and (max-width:480px){
.s_job li a .txt em{margin-bottom:0px;}
.s_job li a .txt span{display:block; margin-right:0px;}
}
.s_job_d{padding:85px 0px 10px 0px; background:#FFF; position:relative; width:100%; float:left;}
.s_job_l{width:41.6%; float:left;}
.s_job_l span{display:block;}
.s_job_l .title{font-size:24px;color:#000; line-height:35px;}
.s_job_l .company{font-size:16px; color:#666; padding:18px 0px; line-height:25px;}
.s_job_l .tag{width:100%; margin-bottom:10px;}
.s_job_l .tag em{display:block; height:23px; line-height:23px; border:1px solid #999999; text-align:center; float:left; margin-right:12px; color:#999999; font-style:normal; width:71.5px; margin-top:5px;}
.s_job_l .tag em:last-child{margin-right:0px;}
.s_job_c{width:30%; float:left;}
.s_job_c span{display:block; width:100%;}
.s_job_c .money{font-size:24px; color:#FF0000; line-height:35px; float:left;}
.s_job_c .other{padding:15px 0px;line-height:20px; color:#666; float:left;}
.s_job_r{width:235px; height:48px; line-height:48px; text-align:center;background:#e00430; float:right; cursor:pointer; font-size:16px;color:#FFF; display:block;}
.s_job_r:hover{opacity:0.8; filter:alpha(opacity=80);}
@media screen and (max-width:991px){
.s_job_l .title{font-size:20px;}
.s_job_l .company{font-size:14px; line-height:25px;}
.s_job_l{width:100%;}
.s_job_c{width:100%;}
.s_job_r{width:100%;}
}
@media screen and (max-width:640px){
.s_job_d{padding:30px 0px 30px 0px;}
.s_job_l .title{font-size:16px;}
.s_job_c .money{font-size:16px;}
.s_job_r{height:40px; line-height:40px; font-size:14px;}
}
.s_jobdetail{width:100%; float:left; margin-top:60px; margin-bottom:80px; }
.s_jobdetail .siteapp{width:100%; float:left;}
.s_jobdetail .siteapp .title{line-height:40px; height:40px; position:relative; margin-bottom:20px; font-weight:bold;}
.s_jobdetail .siteapp .title:before{content:"";position:absolute;width:20px; height:2px; background:#e00430; bottom:0px; left:0px; z-index:12;}
.s_jobdetail .siteapp .title:after{content:"";position:absolute;width:100%; height:1px; background:#f0f0f0; top:50%; left:0px;}
.s_jobdetail .siteapp .title span{font-size:18px; padding:10px 20px 10px 0px; position:relative; z-index:10; width:150px; text-align:left; }
.s_jobdetail .cont{line-height:32px; font-size:16px; color:#333; overflow:hidden;}
.s_jobdetail .cont ul{ overflow:hidden;}
.s_jobdetail .cont ul li{float:left; position:relative;padding-left:20px;width:100%;}
.s_jobdetail .cont ul li:before{position:absolute; content:"â—"; left:0px; top:0px; font-size:14px; color:#333;}
.s_jobdetail .pic{width:27%; float:right;}
.s_jobdetail .pic .title{line-height:45px; height:45px; position:relative; margin-bottom:20px; }
.s_jobdetail .pic .title:before{content:"";position:absolute;width:20px; height:2px; background:#f8cbcc; bottom:0px;}
.s_jobdetail .pic .img{width:100%; margin-bottom:20px; overflow:hidden;}
.s_jobdetail .pic .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
@media screen and (max-width:991px){
.s_jobdetail .cont{font-size:14px;line-height:28px;}
}
@media screen and (max-width:640px){
.s_jobdetail{margin:30px 0px 40px 0px;}
.s_jobdetail .siteapp{width:100%;}
.s_jobdetail .siteapp .title span{font-size:16px;}
.s_jobdetail .pic{width:100%;}
}
.s_contact{padding:100px 0px 130px 0px; float:left; width:100%;}
.s_contact li{width:100%; margin-bottom:54px; overflow:hidden;}
.s_contact li:last-child{margin-bottom:0px;}
.s_contact li .txt{width:590px; float:left; }
.s_contact li .txt .cont{width:580px;margin-left:10px; background:#f4f4f4;min-height:300px; position:relative;}
.s_contact li .txt .cont .title{position:absolute; width:198px; height:48px; background:url(../cssimg/img16.jpg) no-repeat; left:-10px;top:20px; line-height:40px; font-size:16px; color:#FFF;}
.s_contact li .txt .cont .title span{margin-left:28px;}
.s_contact li .txt .cont .info{margin-left:35px; padding-top:90px; line-height:35px; font-size:16px; color:#333333;}
.s_contact li .map{width:580px;min-height:300px;}
.s_contact li.on .txt{float:right;}
.s_contact li.on .map{float:left;}
@media screen and (max-width:1170px){
.s_contact{padding:70px 0px 100px 0px;}
.s_contact li .txt{width:52%;}
.s_contact li .txt .cont{width:auto;}
.s_contact li .map{width:48%;}
}
@media screen and (max-width:768px){
.s_contact li{margin-bottom:30px;}
.s_contact li .txt .cont .info{margin:0px 20px; line-height:30px; font-size:14px;}
}
@media screen and (max-width:640px){
.s_contact{padding:40px 0px 70px 0px;}
.s_contact li .txt{width:100%;}
.s_contact li .txt .cont{margin-left:0px;}
.s_contact li .txt .cont .title{left:0px;}
.s_contact li .txt .cont{min-height:250px;}
.s_contact li .map{width:100%;min-height:200px;}
}
/*分页*/
.waik_1{ width:100%; }
.pz_fy{width:100%; float:left; text-align:left; font-family:'Arial'; margin-top:5%; margin-bottom:8%;}/*分页浮左或者浮å³ï¼Œä¿®æ”¹æ¤å¤„å³å¯ã€‚例：text-align:left;*/
.waik_1.active .pz_fy{margin-bottom:0px;}
.pz_fy a { display:inline-block; padding:0px 15px; height:40px; line-height:40px; background:#FFF; COLOR: #999; font-size:16px; text-decoration:none; margin:0 5px; border:1px solid #c8c8c8; border-radius:3px;}
.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#e00430; text-decoration:none;border:1px solid #e00430;}/*é¼ æ ‡ç»è¿‡å’Œé»˜è®¤å½“å‰é¡µæ ·å¼*/
.pz_fy a img{max-height: 100%; }
.pz_fy .al{padding:10px 10px 10px 10px;height:auto; line-height:100%; vertical-align: top;}
.pz_fy .al .show,.pz_fy .al:hover .hide{display:block;}
.pz_fy .al .hide,.pz_fy .al:hover .show{display:none;}
.fy_phone{ display:none; margin-top:5%; margin-bottom:8%;}
@media screen and (max-width:1200px){
.waik_1{margin-top:8%;}
.fy_phone{ display:block; font-family:'Arial';}
.fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
.fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #e00430; color:#333;-webkit-border-radius:15px; -moz-border-radius:15px;border-radius:15px; }
.fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}
.footer{background:#f4f4f4; padding-top:70px; width:100%; float:left; }
.footer .botnav{width:100%; overflow:hidden;}
.footer .botnav dl{width:16.66%;float:left;}
.footer .botnav dl dt{font-size:16px; color:#333; margin-bottom:15px;}
.footer .botnav dl dt a{color:#333;}
.footer .botnav dl dd{padding:10px 0px; color:#7e7e7e; text-align:left;}
.footer .botnav dl dd a{color:#7e7e7e; transition:all 0.3s; -webkit-transition:all 0.5s;}
.footer .botnav dl dd a:hover{color:#e00430;}
@media screen and (max-width:768px){
.footer{padding-top:30px;}
.footer .botnav dl{padding-left:0px; width:100%; min-height:auto;}
.footer .botnav dl dt{width: 100%;background: url(../cssimg/ico12.png) #494949 right center no-repeat;line-height: 40px;margin-bottom: 10px;cursor: pointer; border-radius:3px; font-size:14px;}
.footer .botnav dl dt span{margin-left:15px; color:#FFF;}
.footer .botnav dl dt span a{color:#FFF;}
.footer .botnav dl .list{margin-left:15px; display:none; margin-bottom:15px;}
.footer .botnav dl:last-child .list{text-align:left;}
.footer .botnav dl:last-child .list img{width:auto;}
}
.footer .copyright{margin-top:97px;padding:24px 0px; border-top:1px solid #d9d9d9;}
.footer .copyright .info{line-height:25px;padding:6px 0px; float:left; color:#696969;}
.footer .copyright .info a{color:#696969;}
.footer .copyright .info a:hover{color:#e00430;}
.footer .copyright .ewm{float:right; width:126px; height:37px; border:1px solid #696969; border-radius:17.5px; position:relative; cursor:pointer;}
.footer .copyright .ewm .img{position:absolute; width:126px;top:-128px; display:none;}
.footer .copyright .ewm:hover .img{display:block;}
.footer .copyright .ewm .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); color:#333333; width:70%; line-height:20px;}
.footer .copyright .ewm .cont em{width:20px; height:20px; display:block;float:right; margin-left:18px;}
@media screen and (max-width:768px){
.footer .copyright{margin-top:30px;}
}
@media screen and (max-width:640px){
.footer .copyright .info{width:100%; text-align:center;float:none;}
.footer .copyright .ewm{margin:5px auto ; float:none;}
}
.s_p_title{font-size:20px; font-weight:bold; color:#e00430; text-align:center;line-height:140%;}
.s_pro{width:100%; float:left;}
.s_pro .part1{padding:110px 0px 107px 0px;}
.s_pro .part1 span{display:block; margin-top:20px; color:#333; text-align:center; font-size:16px;}
.s_pro .part1 em{display:block;margin:77px 0px 60px 0px; text-align:center; font-size:16px; color:#e00430; font-style:normal; line-height:140%;}
.s_pro .part1 .trait{width:1000px; margin:0px auto;}
.s_pro .part1 .trait .imglist li{width:33.33%; }
.s_pro .part1 .trait .imglist li a{max-width:400px;}
.s_pro .part1 .trait .imglist li a .img{width:200px; height:200px; border-radius:50%; background:#f7f7f7; margin:0px auto; position:relative;}
.s_pro .part1 .trait .imglist li a .img .cont{position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.s_pro .part1 .trait .imglist li a .img .cont i{display:block; width:50px; height:50px;transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.s_pro .part1 .trait .imglist li a:hover .img .cont i{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.s_pro .part1 .trait .imglist li a .img .cont .name{font-size:18px; color:#e00430; text-align:center; margin-top:30px;}
.s_pro .part1 .trait .imglist li a .txt{width:100%; line-height:35px; margin-top:25px; font-size:16px; color:#333333;}
.s_pro .part1 .trait .imglist li a .txt p{background: url(../cssimg/ico23.png) left 12px no-repeat;padding-left: 20px;}
.s_pro .part1 .trait .imglist li a .txt img{width:auto;}
@media screen and (max-width:1170px){
.s_pro .part1{padding:80px 0px 77px 0px;}
.s_pro .part1 .s_p_title{font-size:18px;}
.s_pro .part1 em{margin:37px 0px 50px 0px;}
.s_pro .part1 .trait{width:100%;}
}
@media screen and (max-width:991px){
.s_pro .part1 .trait .imglist li a .img .cont .name{font-size:16px;}
.s_pro .part1 .trait .imglist li a .txt{font-size:14px; line-height:25px;}
}
@media screen and (max-width:768px){
.s_pro .part1 .trait .imglist li a .img{width:150px; height:150px;}
}
@media screen and (max-width:640px){
.s_pro .part1{padding:40px 0px 37px 0px;}
.s_pro .part1 em{margin:20px 0px 35px 0px; font-size:14px; line-height:30px;}
.s_pro .part1 .trait .imglist li{width:100%;}
.s_pro .part1 .trait .imglist li a{max-width:1200px;}
.s_pro .part1 .trait .imglist li a .img{width:200px; height:200px;}
}
.s_pro .part2{padding:67px 0px; background:#f4f4f4;}
.s_pro .part2 .tiaozhan{padding-bottom:80px; border-bottom:1px solid #d5d5d5;}
.s_pro .part2 .tiaozhan .cont{margin-top:80px; overflow:hidden;}
.s_pro .part2 .tiaozhan .cont .img{float:left;width:737px;}
.s_pro .part2 .tiaozhan .cont .txt{width:395px; line-height:30px; font-size:16px; color:#333; float:right; margin-top:17%;}
.s_pro .part2 .zizu{width:1080px;padding-top:67px;}
.s_pro .part2 .zizu .cont1{width:100%; margin-bottom:55px; overflow:hidden;}
.s_pro .part2 .zizu .cont1 .txt{width:33.33%;font-size:22px; color:#e00430; float:left; line-height:36px;}
.s_pro .part2 .zizu .cont1 .txt p{margin:24px 0px 24px 40px;}
.s_pro .part2 .zizu .cont1 .cir{width:33.33%; float:left;}
.s_pro .part2 .zizu .cont1 .cir .img{width:139px; height:139px; border-radius:50%; background:url(../cssimg/ico24.png) center/cover no-repeat; margin:0px auto; position:relative;}
.s_pro .part2 .zizu .cont1 .cir .img span{display:block; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:16px; width:80%; text-align:center;line-height:30px; color:#e00430;}
.s_pro .part2 .zizu .cont1 .txt1{width:33.33%; float:left; font-size:16px; line-height:30px; height:139px; position:relative;}
.s_pro .part2 .zizu .cont1 .txt1 .info{position:absolute; left:0px; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.s_pro .part2 .zizu .cont1 .txt1 .info img{width:auto;}
.s_pro .part2 .zizu .cont1 .txt1 .info p{text-align:left;}
.s_pro .part2 .zizu .cont2{width:100%;}
.s_pro .part2 .zizu .cont2 .imglist li{width:33.33%; position:relative;}
.s_pro .part2 .zizu .cont2 .imglist li:after{position:absolute; content:""; width:37px; height:47px; background:url(../cssimg/ico28.png) no-repeat; top:128.5px; right:-10.5px; }
.s_pro .part2 .zizu .cont2 .imglist li:last-child:after{background:none;}
.s_pro .part2 .zizu .cont2 .imglist li .cont{margin-top:30px; margin-right:30px; max-width:400px;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .img{width:244px; position:relative; margin:0px auto;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .img span{display:block;position:absolute;top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#e00430;font-size:16px; line-height:30px; width:60%; text-align:center;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .txt{margin:25px auto 0px auto; line-height:30px; font-size:16px; color:#333333; width:91%;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .txt p{background:url(../cssimg/ico23.png) left 10px no-repeat; padding-left:20px; }
@media screen and (max-width:1200px){
.s_pro .part2 .s_p_title{font-size:18px;}
.s_pro .part2 .tiaozhan .cont{margin-top:60px;}
.s_pro .part2 .tiaozhan .cont .img{width:60%;}
.s_pro .part2 .tiaozhan .cont .txt{width:35%;}
}
@media screen and (max-width:1100px){
.s_pro .part2 .zizu{width:100%;}
}
@media screen and (max-width:991px){
.s_pro .part2 .zizu .cont1 .txt{width:100%; line-height:40px; font-size:18px; text-align:center; margin-bottom:30px;}
.s_pro .part2 .zizu .cont1 .txt p{margin:0px;}
.s_pro .part2 .zizu .cont1 .cir{width:50%;}
.s_pro .part2 .zizu .cont1 .txt1{width:50%;}
.s_pro .part2 .zizu .cont1 .txt1 .info{font-size:14px;}
.s_pro .part2 .zizu .cont2 .imglist{margin-right:-15px;}
.s_pro .part2 .zizu .cont2 .imglist li .cont{margin-right:15px;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .img{width:90%;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .img span{font-size:14px; width:70%;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .txt{font-size:14px;}
.s_pro .part2 .zizu .cont2 .imglist li:after{background:none;}
}
@media screen and (max-width:640px){
.s_pro .part2{padding:50px 0px;}
.s_pro .part2 .tiaozhan{padding-bottom:40px;}
.s_pro .part2 .tiaozhan .cont{margin-top:50px;}
.s_pro .part2 .tiaozhan .cont .img{width:100%;}
.s_pro .part2 .tiaozhan .cont .txt{width:100%; margin-top:30px; font-size:14px;}
.s_pro .part2 .zizu{padding:37px 0px 0px 0px;}
.s_pro .part2 .zizu .cont1{margin-bottom:0px;}
.s_pro .part2 .zizu .cont1 .cir{width:100%;}
.s_pro .part2 .zizu .cont1 .txt1{width:100%; }
.s_pro .part2 .zizu .cont1 .txt1 .info {width:91%; left:4.5%;}
.s_pro .part2 .zizu .cont2 .imglist li{width:100%;}
.s_pro .part2 .zizu .cont2 .imglist li .cont{max-width:1200px;}
.s_pro .part2 .zizu .cont2 .imglist li .cont .img{width:70%;}
}
.s_pro .part3{padding:60px 0px 76px 0px;}
.s_pro .part3 span{display:block; margin-top:20px; color:#333; text-align:center; font-size:16px;}
.s_pro .part3 .cont{margin-top:68px; overflow:hidden;}
.s_pro .part3 .cont img{width:auto;}
.s_pro .part3 .cont .l_info{width:55%; float:left;}
.s_pro .part3 .cont .l_info .img{width:100%;}
.s_pro .part3 .cont .l_info .title{padding:36px 0px; font-size:20px; display:block; width:100%; text-align:center; color:#e00430;}
.s_pro .part3 .cont .l_info .txt{font-size:16px; color:#333333; line-height:30px; width:90%; margin:0px auto;}
.s_pro .part3 .cont .l_info .txt p{background: url(../cssimg/ico23.png) left 10px no-repeat;padding-left: 20px;}
.s_pro .part3 .cont .r_info{width:40%; float:right;}
.s_pro .part3 .cont .r_info .img{width:100%;}
.s_pro .part3 .cont .r_info .title{padding:36px 0px; font-size:20px; display:block; width:100%; text-align:center; color:#e00430;}
.s_pro .part3 .cont .r_info .txt{font-size:16px; color:#333333; line-height:30px;}
.s_pro .part3 .cont .r_info .txt p{background: url(../cssimg/ico23.png) left 10px no-repeat; padding-left: 20px;}
@media screen and (max-width:1170px){
.s_pro .part3{padding:50px 0px 66px 0px;}
.s_pro .part3 .s_p_title{font-size:18px;}
.s_pro .part3 span{font-size:14px;}
.s_pro .part3 .cont .l_info .title{font-size:16px;}
.s_pro .part3 .cont .r_info .title{font-size:16px;}
.s_pro .part3 .cont .l_info .txt,.s_pro .part3 .cont .r_info .txt{font-size:14px;}
}
@media screen and (max-width:991px){
.s_pro .part3 .cont img{width:100%;}
.s_pro .part3 .cont .txt img{width:auto;}
.s_pro .part3 .cont .r_info .txt p,.s_pro .part3 .cont .l_info .txt p{ text-align: left;}
}
@media screen and (max-width:640px){
.s_pro .part3{padding:30px 0px 46px 0px;}
.s_pro .part3 .cont{margin-top:38px;}
.s_pro .part3 .cont .l_info,.s_pro .part3 .cont .r_info{width:100%;}
.s_pro .part3 .cont .r_info{margin-top:30px;}
.s_pro .part3 .cont .l_info .title{padding:16px 0px;}
.s_pro .part3 .cont .r_info .title{padding:16px 0px;}
}
.s_pro1{width:100%; float:left;}
.s_pro1 .part1{padding:100px 0px 110px 0px; line-height:30px; font-size:16px; color:#333;}
.s_pro1 .part1 .s_p_title{margin:77px 0px 70px 0px; font-size:22px; font-weight:normal;}
.s_pro1 .part1 .aims{max-width:965px; margin:0px auto;}
.s_pro1 .part1 .aims .imglist{margin-right:-100px; overflow:visible;}
.s_pro1 .part1 .aims .imglist li{width:33.33%;}
.s_pro1 .part1 .aims .imglist li a{max-width:400px; margin-right:100px; min-height:350px; border:1px solid #e00430; color:#333;}
.s_pro1 .part1 .aims .imglist li a:hover{box-shadow:0px 0px 15px rgba(224,4,48,0.5);-moz-box-shadow:0px 0px 15px rgba(224,4,48,0.5);-ms-box-shadow:0px 0px 15px rgba(224,4,48,0.5);-webkit-box-shadow:0px 0px 15px rgba(224,4,48,0.5);}
.s_pro1 .part1 .aims .imglist li a .ico{width:68px; height:68px; border-radius:50%; background: #e00430; margin:30px auto 25px auto; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_pro1 .part1 .aims .imglist li a:hover .ico{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.s_pro1 .part1 .aims .imglist li a h2{display:block; font-size:18px; font-weight:bold; line-height:35px; position:relative; text-align:center; }
.s_pro1 .part1 .aims .imglist li a h2:after{position:absolute; content:""; bottom:-10px; width:30px; height:2px; background:#dddddd; left:50%; margin-left:-15px;}
.s_pro1 .part1 .aims .imglist li a h3{width:75%; margin:25px auto 0px auto;font-size:16px; line-height:28px; text-align:center;}
@media screen and (max-width:1200px){
.s_pro1 .part1{padding:70px 0px 80px 0px;}
.s_pro1 .part1 .s_p_title{margin:47px 0px 40px 0px; font-size:18px;}
}
@media screen and (max-width:991px){
.s_pro1 .part1 .aims .imglist{margin-right:-15px; margin-top:-15px;}
.s_pro1 .part1 .aims .imglist li a{margin-right:15px; margin-top:15px;}
}
@media screen and (max-width:768px){
.s_pro1 .part1 .aims .imglist li a h2{font-size:16px;}
.s_pro1 .part1 .aims .imglist li a h3{width:85%; font-size:14px;}
}
@media screen and (max-width:640px){
.s_pro1 .part1 .s_p_title{margin:20px 0px 30px 0px; font-size:18px;}
.s_pro1 .part1{padding:40px 0px 50px 0px; font-size:14px;}
.s_pro1 .part1 .aims .imglist li{width:100%;}
.s_pro1 .part1 .aims .imglist li a{min-height:auto; max-width:1200px; padding-bottom:20px;}
}
.s_pro1 .part2{padding:70px 0px 60px 0px; background:#f7f7f7;}
.s_pro1 .part2 .cont{margin-top:60px; overflow:hidden;}
.s_pro1 .part2 .cont .pic1{width:544px; float:left;}
.s_pro1 .part2 .cont .pic1 h2{padding:50px 0px; color:#e00430; font-size:20px; text-align:center;width:100%;}
.s_pro1 .part2 .cont .pic1 .img{width:100%; position:relative;}
.s_pro1 .part2 .cont .pic1 .img span{display:block;position:absolute;font-size:16px;}
.s_pro1 .part2 .cont .pic1 .img .ft1{left:0px;top:18px; width:118px; color:#e00430; line-height:120px; text-align:center;}
.s_pro1 .part2 .cont .pic1 .img .ft2{width:50%; top:45px; text-align:center; color:#666666; left:50%;margin-left:-25%;}
.s_pro1 .part2 .cont .pic1 .img .ft3{width:50%; bottom:60px; text-align:center; color:#666666; left:50%;margin-left:-25%;}
.s_pro1 .part2 .cont .pic1 .img .ft4{right:3px;top:18px; width:118px; color:#e00430; line-height:120px; text-align:center;}
.s_pro1 .part2 .cont .pic1 .txt{font-size:16px; color:#333333; line-height:30px; margin-top:25px;}
.s_pro1 .part2 .cont .pic1 .txt p{background:url(../cssimg/ico23.png) left 10px no-repeat; padding-left:20px;}
.s_pro1 .part2 .cont .pic2{width:424px; float:right;}
.s_pro1 .part2 .cont .pic2 h2{padding:50px 0px; color:#e00430; font-size:20px; text-align:center;width:100%;}
.s_pro1 .part2 .cont .pic2 .img{width:100%; position:relative;}
.s_pro1 .part2 .cont .pic2 .img span{display:block;position:absolute;font-size:16px; color:#333;}
.s_pro1 .part2 .cont .pic2 .img .ft1{top:10px; left:0px;line-height:30px; }
.s_pro1 .part2 .cont .pic2 .img .ft1 em{font-size:20px; font-weight:bold; font-style:normal; display:block; color:#000; }
.s_pro1 .part2 .cont .pic2 .img .ft2{top:10px; right:100px;line-height:30px;color:#333; }
.s_pro1 .part2 .cont .pic2 .img .ft2 em{font-style:normal; display:block;color:#e00430; font-weight:bold;font-size:20px;}
.s_pro1 .part2 .cont .pic2 .img .ft3{height:50px; left:50px;color:#333; line-height:50px; bottom:5px;}
.s_pro1 .part2 .cont .pic2 .img .ft3 em{font-style:normal; color:#e00430; font-weight:bold;font-size:20px;}
.s_pro1 .part2 .cont .pic2 .txt{font-size:16px; color:#333333; line-height:30px; margin-top:25px;}
.s_pro1 .part2 .cont .pic2 .txt p{background:url(../cssimg/ico23.png) left 10px no-repeat; padding-left:20px;}
@media screen and (max-width:1200px){
.s_pro1 .part2{padding:40px 0px 50px 0px;}
.s_pro1 .part2 .s_p_title{font-size:18px;}
.s_pro1 .part2 .cont{margin-top:20px;}
.s_pro1 .part2 .cont .pic1{width:45%;}
.s_pro1 .part2 .cont .pic1 h2{font-size:18px;}
.s_pro1 .part2 .cont .pic1 .img .ft1{line-height:80px;width:100px;}
.s_pro1 .part2 .cont .pic1 .img .ft4{line-height:80px;width:100px;}
.s_pro1 .part2 .cont .pic2{width:45%;}
.s_pro1 .part2 .cont .pic2 h2{font-size:18px;}
}
@media screen and (max-width:991px){
.s_pro1 .part2 .cont .pic1{width:100%;}
.s_pro1 .part2 .cont .pic1 .img{width:544px; margin:0px auto;}
.s_pro1 .part2 .cont .pic1 .img .ft1{line-height:120px;width:118px;}
.s_pro1 .part2 .cont .pic1 .img .ft4{line-height:120px;width:118px;}
.s_pro1 .part2 .cont .pic2{width:100%;}
.s_pro1 .part2 .cont .pic2 .img{width:424px; margin:0px auto;}
}
@media screen and (max-width:600px){
.s_pro1 .part2 .cont .pic1 h2{font-size:16px; padding:30px 0px;}
.s_pro1 .part2 .cont .pic1 .txt{font-size:14px;}
.s_pro1 .part2 .cont .pic1 .img{width:100%; height:auto;}
.s_pro1 .part2 .cont .pic1 .img .ft1{line-height:80px;width:20%;}
.s_pro1 .part2 .cont .pic1 .img .ft4{line-height:80px;width:20%;}
.s_pro1 .part2 .cont .pic2 h2{font-size:16px; padding:30px 0px;}
.s_pro1 .part2 .cont .pic2 .img{width:100%;}
.s_pro1 .part2 .cont .pic2 .txt{font-size:14px;}
}
@media screen and (max-width:480px){
.s_pro1 .part2 .cont .pic1 .img span{font-size:14px;}
.s_pro1 .part2 .cont .pic1 .img .ft2{top:30px; }
.s_pro1 .part2 .cont .pic1 .img .ft3{bottom:40px;}
.s_pro1 .part2 .cont .pic1 .img .ft1{line-height:70px;width:23%;}
.s_pro1 .part2 .cont .pic1 .img .ft4{line-height:70px;width:23%;}
.s_pro1 .part2 .cont .pic2 .img span{font-size:14px;}
.s_pro1 .part2 .cont .pic2 .img .ft1 em{font-size:16px;}
.s_pro1 .part2 .cont .pic2 .img .ft2{right:20%;}
.s_pro1 .part2 .cont .pic2 .img .ft2 em{font-size:16px;}
.s_pro1 .part2 .cont .pic2 .img .ft3{line-height:40px; height:auto;left:30px;}
.s_pro1 .part2 .cont .pic2 .img .ft3 em{font-size:16px;}
}
@media screen and (max-width:400px){
.s_pro1 .part2 .cont .pic1 .img .ft1{line-height:60px;width:22%;}
.s_pro1 .part2 .cont .pic1 .img .ft4{line-height:60px;width:22%;}
.s_pro1 .part2 .cont .pic2 .img .ft3{line-height:30px; left:20px;}
}
.s_pro1 .part3{padding:60px 0px 75px 0px; }
.s_pro1 .part3 dl{width:100%; overflow:hidden; position:relative;}
.s_pro1 .part3 dl dt{width:132px; height:132px; border-radius:50%; background:#f8f8f8; position:absolute; left:0px;top:50%; margin-top:-66px;}
.s_pro1 .part3 dl dt .title{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); line-height:30px; color:#333; font-size:20px; text-align:center; width:80%;}
.s_pro1 .part3 dl dt .title span{display:block;color:#e00430;}
.s_pro1 .part3 dl dt .title em{font-style:normal; color:#e00430;}
.s_pro1 .part3 dl dt .title em i{font-size:12px; font-style:normal;}
.s_pro1 .part3 dl .cont{width:945px; float:right;margin:21px 0px;}
.s_pro1 .part3 dl .cont .imglist{margin-right:-55px; margin-top:-15px; overflow:visible;}
.s_pro1 .part3 dl .cont .imglist li{width:50%;}
.s_pro1 .part3 dl .cont .imglist li a{max-width:600px; margin-right:55px; margin-top:15px;background:#f8f8f8; position:relative; height:90px;overflow:visible;}
.s_pro1 .part3 dl .cont .imglist li a .info{position:absolute;top:50%; left:20%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%); line-height:30px;}
.s_pro1 .part3 dl .cont .imglist li a .info h2{font-size:18px; color:#e00430;}
.s_pro1 .part3 dl .cont .imglist li a .info h3{font-size:16px; color:#333; line-height:25px;}
.s_pro1 .part3 dl .cont .imglist li a:before{position:absolute; content:"";width:8px; height:40px; background:#e00430; left:-4px;top:50%; margin-top:-20px;}
.s_pro1 .part3 dl .cont1{width:945px; float:right;}
.s_pro1 .part3 dl .cont1 .imglist{margin-top:0px; overflow:visible;}
.s_pro1 .part3 dl .cont1 .imglist li{width:33.33%;}
.s_pro1 .part3 dl .cont1 .imglist li a{max-width:400px; margin-top:15px;background:#f8f8f8; position:relative; height:90px;}
.s_pro1 .part3 dl .cont1 .imglist li a .info{position:absolute;top:60%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); line-height:25px;color:#333; font-size:16px; text-align:center; color:#e00430;}
.s_pro1 .part3 dl .cont1 .imglist li a .num{position:absolute; width:24px; height:20px; line-height:20px;background:#e00430; color:#FFF;top:0px; left:50%; margin-left:-12px; text-align:center;}
.s_pro1 .part3 dl .cont2{width:945px; float:right;margin:21px 0px;}
.s_pro1 .part3 dl .cont2 .imglist{margin-right:-55px; margin-top:-15px; overflow:visible;}
.s_pro1 .part3 dl .cont2 .imglist li{width:50%;}
.s_pro1 .part3 dl .cont2 .imglist li a{max-width:600px; margin-right:55px; margin-top:15px;background:#f8f8f8; position:relative; height:90px;overflow:visible;}
.s_pro1 .part3 dl .cont2 .imglist li a .info{position:absolute;top:50%; left:15%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%); line-height:30px;}
.s_pro1 .part3 dl .cont2 .imglist li a .info h2{font-size:18px; color:#e00430;}
.s_pro1 .part3 dl .cont2 .imglist li a .info h3{font-size:16px; color:#333; line-height:25px;}
.s_pro1 .part3 dl .cont2 .imglist li a:before{position:absolute; content:"";width:8px; height:40px; background:#e00430; left:-4px;top:50%; margin-top:-20px;}
@media screen and (max-width:1170px){
.s_pro1 .part3 dl .cont,.s_pro1 .part3 dl .cont1,.s_pro1 .part3 dl .cont2{width:80%;}
.s_pro1 .part3 dl .cont .imglist li a .info,.s_pro1 .part3 dl .cont2 .imglist li a .info{left:10%; margin-right:10%;}
}
@media screen and (max-width:991px){
.s_pro1 .part3 dl .cont .imglist{margin-right:-15px;}
.s_pro1 .part3 dl .cont .imglist li a{margin-right:15px;}
.s_pro1 .part3 dl .cont1 .imglist{margin-right:-15px;}
.s_pro1 .part3 dl .cont1 .imglist li{width:50%;}
.s_pro1 .part3 dl .cont1 .imglist li a{margin-right:15px;}
.s_pro1 .part3 dl .cont2 .imglist{margin-right:-15px;}
.s_pro1 .part3 dl .cont2 .imglist li a{margin-right:15px;}
}
@media screen and (max-width:768px){
.s_pro1 .part3 dl dt{position:relative; margin:0px auto;}
.s_pro1 .part3 dl .cont,.s_pro1 .part3 dl .cont1,.s_pro1 .part3 dl .cont2{width:100%; margin:21px 0px;}
.s_pro1 .part3 dl dt .title{font-size:16px;}
.s_pro1 .part3 dl .cont .imglist li a .info h2{font-size:16px;}
.s_pro1 .part3 dl .cont .imglist li a .info h3{font-size:14px;}
.s_pro1 .part3 dl .cont1 .imglist li a .info{font-size:14px; width:70%;}
.s_pro1 .part3 dl .cont2 .imglist li a .info h2{font-size:16px;}
.s_pro1 .part3 dl .cont2 .imglist li a .info h3{font-size:14px;}
}
@media screen and (max-width:640px){
.s_pro1 .part3{padding:30px 0px 35px 0px;}
.s_pro1 .part3 dl .cont .imglist li,.s_pro1 .part3 dl .cont1 .imglist li,.s_pro1 .part3 dl .cont2 .imglist li{width:100%;}
.s_pro1 .part3 dl .cont1 .imglist li a{max-width:1200px;}
}
.s_pro2{padding:100px 0px;width:100%; float:left;}
.s_pro2 .part1{border-bottom:1px solid #dddddd; padding-bottom:50px; line-height:30px; font-size:16px;}
.s_pro2 .part1 em{font-size:20px; font-style:normal; color:#e00430; margin-bottom:25px; display:block;}
.s_pro2 .part1 .show{display:block;}
.s_pro2 .part1 .hide{display:none; overflow-y:hidden;}
.s_pro2 .part1 .hide img{width:900px;}
.s_pro2 .part1 .txt{font-size:14px; line-height:25px;}
.s_pro2 .part1 .txt p{margin-bottom:10px;}
.s_pro2 .s_prolist ul{margin-top:60px;}
.s_pro2 .s_prolist ul li{margin-bottom:5px; overflow:hidden; line-height:30px; font-size:16px;}
.s_pro2 .s_prolist ul li .title{width:210px; line-height:40px;float:left; color:#e00430;}
.s_pro2 .s_prolist ul li .title span{color:#333;}
.s_pro2 .s_prolist ul li .txt{float:left; color:#333;line-height:40px; text-align:left; margin-left:20px;width:940px;}
.s_pro2 .s_prolist ul li .txt p{background:url(../cssimg/ico32.png) left 15px no-repeat; padding-left:15px;}
.s_pro2 .s_prolist ul li:first-child{margin-bottom:30px;}
.s_pro2 .s_prolist ul li:first-child .title{ color:#FFF; font-size:18px; background:#e00430; text-align:center;}
.s_pro2 .s_prolist ul li:first-child .txt{font-size:18px;}
@media screen and (max-width:1200px){
.s_pro2{padding:70px 0px;}
.s_pro2 .s_prolist ul li .txt{width:100%; margin-left:0px;}
.s_pro2 .s_prolist ul li:first-child{margin-bottom:0px;}
}
@media screen and (max-width:768px){
.s_pro2 .s_prolist ul{margin-top:30px;}
.s_pro2 .part1{padding-bottom:20px;}
.s_pro2 .part1 .show{display:none;}
.s_pro2 .part1 .hide{display:block;}
}
@media screen and (max-width:640px){
.s_pro2{padding:40px 0px 50px 0px;}
.s_pro2 .part1{font-size:14px;}
.s_pro2 .part1 em{font-size:16px;}
.s_pro2 .s_prolist ul li{font-size:14px;}
.s_pro2 .s_prolist ul li .title{width:220px; line-height:35px;}
.s_pro2 .s_prolist ul li:first-child .title{ margin-bottom:15px;}
.s_pro2 .s_prolist ul li .txt{line-height:30px;}
.s_pro2 .s_prolist ul li .txt p{background:url(../cssimg/ico32.png) left 10px no-repeat;}
.s_pro2 .s_prolist ul li:first-child .txt{font-size:16px;}
}
@media screen and (max-width:480px){
.s_pro2 .s_prolist ul li:first-child .title{ width:100%;}
}
.s_relation{width:100%; float:left;}
.s_relater{padding:93px 0px 100px 0px;}
.s_relater .r_classname{line-height:100%; font-size:26px; color:#333; position:relative; text-align:center; padding-bottom:21px; margin-bottom:40px;}
.s_relater .r_classname:after{position:absolute; content:""; left:50%; margin-left:-25px;width:50px; height:2px; background:#FF0000; bottom:0px;}
.s_relater .cont{font-size:16px; color:#333; line-height:30px;}
.s_relater .cont p{margin-bottom:15px;}
.s_relater .quick_nav{margin-top:120px;}
.s_relater .quick_nav .imglist{margin-top:-20px; margin-right:-20px; overflow:visible;}
.s_relater .quick_nav .imglist li{width:33.33%;}
.s_relater .quick_nav .imglist li a{max-width:400px; margin-top:20px; margin-right:20px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_relater .quick_nav .imglist li a:hover{box-shadow:0px 2px 15px #ccc;-moz-box-shadow:0px 2px 15px #ccc;-ms-box-shadow:0px 2px 15px #ccc;-webkit-box-shadow:0px 2px 15px #ccc;}
.s_relater .quick_nav .imglist li a .img{width:100%; overflow:hidden;}
.s_relater .quick_nav .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_relater .quick_nav .imglist li a .txt{padding:32px 0px; overflow:hidden;font-size:16px; }
.s_relater .quick_nav .imglist li a .txt span{margin-left:12px;float:left; color:#333; display:block;line-height:30px; font-size:16px;}
.s_relater .quick_nav .imglist li a .txt em{display:block;width:28px; height:28px; border-radius:50%; background:url(../cssimg/ico39.png) center no-repeat;border:1px solid #e9e9e9; margin-right:12px; float:right; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_relater .quick_nav .imglist li a:hover .txt em{background:url(../cssimg/h_ico39.png) #FF0000 center no-repeat; border:0px;}
@media screen and (max-width:640px){
.s_relater{padding:53px 0px 60px 0px;}
.s_relater .r_classname{font-size:22px;}
.s_relater .quick_nav{margin-top:80px;}
.s_relater .quick_nav .imglist{ margin-right:-10px;}
.s_relater .quick_nav .imglist li a{ margin-right:10px;}
.s_relater .quick_nav .imglist li a .txt{padding:16px 0px;}
.s_relater .quick_nav .imglist li a .txt span{font-size:14px;}
.s_relater .quick_nav .imglist li a .txt em{width:22px; height:22px;}
}
@media screen and (max-width:480px){
.s_relater{padding:30px 0px 40px 0px;}
.s_relater .r_classname{font-size:18px; margin-bottom:20px;}
.s_relater .cont{font-size:14px;}
.s_relater .quick_nav{margin-top:50px;}
.s_relater .quick_nav .imglist li{width:100%;}
.s_relater .quick_nav .imglist li a{max-width:1200px;}
.s_relater .quick_nav .imglist li a .txt{padding:16px 0px;}
.s_relater .quick_nav .imglist li a .txt span{font-size:14px;}
.s_relater .quick_nav .imglist li a .txt em{width:26px; height:26px;}
}
.s_guanzi{padding:90px 0px 66px 0px;}
.s_guanzi li{border-bottom:1px solid #eeeeee;}
.s_guanzi li a{display:block; padding:20px 0px; overflow:hidden; font-size:16px; line-height:20px;}
.s_guanzi li a span{display:block;float:left; color:#333;}
.s_guanzi li a:hover span{color:#e00430;}
.s_guanzi li a em{display:block; float:right; color:#999; font-style:normal;}
@media screen and (max-width:640px){
.s_guanzi{padding:60px 0px 46px 0px;}
.s_guanzi li a span{width:70%;}
.s_guanzi li a em{width:25%;}
}
@media screen and (max-width:480px){
.s_guanzi{padding:30px 0px 56px 0px;}
.s_guanzi li a{font-size:14px; padding:15px 0px;}
.s_guanzi li a em{text-align:right;}
}
.s_relainfo{padding:100px 0px 70px 0px;}
.s_relainfo .left_nav{float:left;width:200px; background:#f4f4f4;}
.s_relainfo .left_nav li{height:54px; line-height:54px;}
.s_relainfo .left_nav li a{display:block; color:#333333; transition:all 0.3s; -webkit-transition:all 0.3s; text-align:center; font-size:16px;}
.s_relainfo .left_nav li a:hover,.s_relainfo .left_nav li a.on{color:#FFF; background:#e00430;}
.s_relainfo .right_list{width:860px; float:right;}
.s_relainfo .right_list li{border-bottom:1px solid #eeeeee;}
.s_relainfo .right_list li a{display:block; padding:20px 0px; overflow:hidden; font-size:16px; line-height:20px;}
.s_relainfo .right_list li a span{display:block;float:left; color:#333;}
.s_relainfo .right_list li a:hover span{color:#e00430;}
.s_relainfo .right_list li a em{display:block; float:right; color:#999; font-style:normal; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_relainfo .right_list li a .show{display:block;}
.s_relainfo .right_list li a .hide{display:none;}
.s_relainfo .right_list li a:hover .show{display:none;}
.s_relainfo .right_list li a:hover .hide{display:block;}
@media screen and (max-width:1200px){
.s_relainfo .left_nav{width:20%;}
.s_relainfo .right_list{width:73%;}
}
@media screen and (max-width:991px){
.s_relainfo{padding:70px 0px 50px 0px;}
.s_relainfo .left_nav{width:25%;}
.s_relainfo .right_list{width:70%;}
}
@media screen and (max-width:768px){
.s_relainfo .right_list li a span{width:65%;}
.s_relainfo .right_list li a em{width:25%; text-align:right;}
.s_relainfo .right_list li a em img{width:auto; float:right;}
}
@media screen and (max-width:640px){
.s_relainfo{padding:30px 0px 50px 0px;}
.s_relainfo .left_nav{width:100%;}
.s_relainfo .left_nav li{height:44px; line-height:44px;}
.s_relainfo .right_list{width:100%; margin-top:20px;}
}
@media screen and (max-width:480px){
.s_relainfo .left_nav li a{font-size:14px;}
.s_relainfo .right_list li a{font-size:14px; padding:15px 0px;}
.s_relainfo .right_list li a span{width:70%;}
.s_relainfo .right_list li a em{width:27%; text-align:right;}
}
.s_stock{padding:85px 0px 108px 0px; }
.s_stock .time{width:100%; line-height:60px; font-size:16px; color:#333; text-align:left;}
.s_stock .cont{width:1170px; min-height:255px;background:url(../cssimg/img23.jpg) center/cover no-repeat;}
.s_stock .cont .c_l{width:25.64%; float:left;min-height:255px; background:url(../cssimg/ico36.png) right no-repeat; position:relative;}
.s_stock .cont .c_l .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%;}
.s_stock .cont .c_l .info span{display:block; color:#FFF;}
.s_stock .cont .c_l .info span.name{font-size:22px;}
.s_stock .cont .c_l .info span.c_price{font-size:48px;margin:17px 0px 22px 0px; position:relative;}
.s_stock .cont .c_l .info span.c_price:before{position:absolute; content:""; width:29px; height:18px; left:165px; background:url(../cssimg/ico34.png) center/cover no-repeat; top:7px;}
.s_stock .cont .c_l.on .info span.c_price:before{background:url(../cssimg/hico34.png) center/cover no-repeat;}
.s_stock .cont .c_l .info span.c_price:after{position:absolute; content:"hkd"; font-size:16px; text-transform:uppercase; top:30px; left:163px;}
.s_stock .cont .c_l .info span.change{font-size:16px;}
.s_stock .cont .c_l .info span.change em{font-style:normal;}
.s_stock .cont .c_l .info span.change i{display:block;width:9px; height:15px; background:url(../cssimg/ico35.png) center/cover no-repeat; float:left; margin-right:5px;}
.s_stock .cont .c_l.on .info span.change i{ background:url(../cssimg/hico35.png) center/cover no-repeat; }
.s_stock .cont .c_l .info span.change img{width:auto;}
.s_stock .cont .c_r{width:74%; float:right;min-height:255px; position:relative;}
.s_stock .cont .c_r ul{width:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.s_stock .cont .c_r ul li{width:20%; float:left;}
.s_stock .cont .c_r ul li span{display:block; font-size:30px; color:#FFF;}
.s_stock .cont .c_r ul li span.name{font-size:16px; margin-bottom:20px;}
.s_stock .cont .c_r ul li span em{ font-style:normal;}
.s_stock .cont .c_r ul li span em.en{font-size:14px; font-style:normal;}
@media screen and (max-width:1200px){
.s_stock .cont{width:100%;}
}
@media screen and (max-width:991px){
.s_stock{padding:55px 0px 78px 0px; }
.s_stock .cont .c_l{width:100%;min-height:auto;margin:0px 0px 25px 0px; float:none;}
.s_stock .cont .c_l .info{transform:none; -webkit-transform:none;position:static; padding-top:25px; width:90%; margin:0px auto;}
.s_stock .cont .c_l .info span.c_price{font-size:40px;}
.s_stock .cont .c_l .info span.change{font-size:14px;}
.s_stock .cont .c_r{width:100%; min-height:auto;margin:20px 0px;float:none;}
.s_stock .cont .c_r ul li span{font-size:24px;}
.s_stock .cont .c_r ul{position:static; transform:none; -webkit-transform:none;margin:0px auto;}
.s_stock .cont .c_l .info span.c_price:before{width:20px; height:12px; left:140px;}
.s_stock .cont .c_l .info span.c_price:after{left:135px;top:25px;}
}
@media screen and (max-width:640px){
.s_stock{padding:35px 0px 58px 0px; }
.s_stock .time{line-height:25px; padding:20px 0px;}
.s_stock .cont{min-height:340px;}
.s_stock .cont .c_l .info span.c_price{font-size:34px;}
.s_stock .cont .c_r ul li{width:25%; margin-bottom:35px;}
.s_stock .cont .c_r ul li span{font-size:20px; }
.s_stock .cont .c_l .info span.c_price:before{width:15px; height:8px; left:120px;}
.s_stock .cont .c_l .info span.c_price:after{left:115px;top:19px;}
}
@media screen and (max-width:480px){
.s_stock{padding:15px 0px 28px 0px; }
.s_stock .time{font-size:14px;}
.s_stock .cont{min-height:430px;}
.s_stock .cont .c_l .info span.name{font-size:16px;}
.s_stock .cont .c_r ul li{width:50%;}
.s_stock .cont .c_r ul li span.name{font-size:14px;}
}
.s_calendar{padding:90px 0px 110px 0px;}
.time_active{width:100%;}
.time_active .timelist{ width:612px; position:relative;}
.time_active .timelist .swiper-container {height:60px;line-height:60px; width:612px;}
.time_active .timelist .swiper-slide {width:50%;height: 60px;cursor:pointer;position:relative; border-bottom:4px solid #f5f5f5;text-align:right; box-sizing: border-box; transition:all 0.3s; -webkit-transition:all 0.3s; }
.time_active .timelist .swiper-slide:hover{border-bottom:4px solid #e00430; text-align:left;}
.time_active .timelist .swiper-slide span{display:block;color:#dcdcdc; font-size:18px; transition:all 0.3s; -webkit-transition:all 0.3s; position:absolute;}
.time_active .timelist .swiper-slide:hover span{color:#e00430;}
.time_active .timelist .active-nav{text-align:left;border-bottom:4px solid #e00430;}
.time_active .timelist .active-nav span{color:#e00430;}
.time_active .timelist .active-nav:before,.timelist .active-nav:after{background:#FFF;}
.time_active .timelist .arrow-left{background: url(../cssimg/ico37.png) center no-repeat;position: absolute;left:50%; margin-left:-50px;top:23px;width: 22px;height: 14px;z-index: 10;}
.time_active .timelist .arrow-right {background: url(../cssimg/ico38.png) center no-repeat;position: absolute;left:50%; margin-left:-28px;top:23px;width: 22px;height: 14px;z-index: 10; }
.time_active .time_c{position:relative;z-index:10;}
.time_active .time_c .swiper-container {padding:40px 0px 93px 0px; line-height:40px; }
.time_active .time_c .swiper-slide ul{width:80%; border:1px solid #ccc; border-right:0px;}
.time_active .time_c .swiper-slide ul li{width:8.33%;height:40px; float:left;color:#333; border-right:1px solid #ccc; text-align:center; box-sizing: border-box; cursor:pointer; position:relative;}
.time_active .time_c .swiper-slide ul li:hover,.time_active .time_c .swiper-slide ul li.on{background:#e00430; color:#FFF;}
.time_active .time_c .cont{position:absolute;width:260px; height:auto;top:81px; border:1px solid #e00430; left:0px; padding:10px; background:#FFF; display:none; }
.time_active .time_c .cont dd{font-size:16px; color:#333; line-height:30px; text-align:left;}
.time_active .time_c .cont dd em{display:block; font-size:14px; font-style:normal;}
.s_active{width:100%;}
.s_active .hd{width:100%; }
.s_active .hd ul{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; position:relative; z-index:0;}
.s_active .hd ul li{float:left; line-height:36px; padding:0px 20px; border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1; color:#666; cursor:pointer; position:relative; font-size:16px; }
.s_active .hd ul li.on{color:#333;}
.s_active .hd ul li.on:before{position:absolute; content:""; width:100%; height:2px; background:#e00430; top:-1px; left:0px; z-index:10;}
.s_active .hd ul li.on:after{position:absolute; content:""; width:100%; height:1px; background:#FFF; bottom:-1px; left:0px; z-index:10;}
.s_active .bd{width:100%;}
.s_active .bd ul{padding-top:36px;}
.s_active .bd ul .navlist{font-size:16px; color:#333;margin-bottom:56px;}
.s_active .bd ul .navlist a{display:block;float:left; margin-right:22px;}
.s_active .bd ul .navlist a em{display:block;width:12px; height:12px;float:left; margin-right:5px; margin-top:3px;}
.s_active .bd ul .event{width:100%; border:1px solid #dddddd; box-sizing: border-box; }
.s_active .bd ul .event dl{border-bottom:1px solid #ddd; line-height:50px; overflow:hidden;}
.s_active .bd ul .event dl dd{width:30%; float:left; font-size:16px; color:#333; text-align:center;}
.s_active .bd ul .event dl dd:last-child{width:40%;}
.s_active .bd ul .event dl dd span{display:block; margin:0px 10px;}
.s_active .bd ul .event dl.first{background:#f2f2f2;}
.s_active .bd ul .event dl:last-child{border-bottom:0px;}
@media screen and (max-width:991px){
.s_calendar{padding:60px 0px 90px 0px;}
.time_active .time_c .swiper-slide ul li .cont dd{font-size:14px;}
}
@media screen and (max-width:640px){
.s_calendar{padding:40px 0px 60px 0px;}
.s_active .hd ul li{font-size:14px; width:50%; padding:0px; text-align:center; box-sizing: border-box;}
.time_active .timelist{width:100%;}
.time_active .timelist .swiper-container {width:100%;}
.time_active .time_c .swiper-slide ul{width:99%;}
.s_active .bd ul .event dl{line-height:25px; padding:15px 0px;}
.s_active .bd ul .event dl dd{font-size:14px;}
.s_active .bd ul .navlist{font-size:14px; overflow:hidden; margin-bottom:25px;}
.s_active .bd ul .navlist a{margin-bottom:15px;}
}
@media screen and (max-width:480px){
.time_active{display:none;}
}
.loading img{width:auto; text-align:center;}
.email_alert{margin-top:15px;}
.email_alert li{width:100%; margin-bottom:20px; border-bottom:0px; }
.email_alert li span{display:block; font-size:16px; color:#333;}
.email_alert li .int{width:100%;box-sizing: border-box; border:1px solid #ccc; margin-top:10px; height:35px;padding:3px; font-size:16px;}
.email_alert li select {
-webkit-appearance: none;
-moz-appearance: none;
background-color: #ffffff;
background-image: url(../cssimg/dropdown.svg);
background-size: 9px 6px;
background-origin: content-box;
background-position: 99.5% 50%;
background-repeat: no-repeat;
border: 1px solid #cccccc;
border-radius: 0px;
padding: 3px;
color: #5C6671;
height: 37px;
width:100%;
margin-top:10px;
}
.email_alert .btn{width:150px; height:35px; background:#e00430; border-radius:5px; color:#FFF; border:0px; margin-top:15px; transition:all 0.5s; -webkit-transition:all 0.5s; font-size:16px;}
.email_alert .btn:hover{ opacity:0.8;}
@media screen and (max-width:480px){
.email_alert li{margin-bottom:15px;}
.email_alert li span{font-size:14px;}
}
.tipscontent{background:rgba(0,0,0,0.1);position:fixed; width:100%; height:100%; top:-100%; left:0px; z-index:999;}
.tipscontent .tipsbox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);-webkit-background-clip: padding-box;background-clip: padding-box;outline: 0; min-height:200px;}
.tipscontent .tipsbox .box_head{padding: 15px;border-bottom: 1px solid #e5e5e5; overflow:hidden;}
.tipscontent .tipsbox .box_head .box-title{font-size:16px; font-weight:bold;width:70%; float:left;}
.tipscontent .tipsbox .box_head .box-close{font-size:20px; color:#ccc; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:bold; cursor:pointer;width:20px; height:20px; float:right;}
.tipscontent .tipsbox .box_head .box-close:hover{color:#333;}
.tipscontent .tipsbox .box_body{padding:30px 30px 60px 30px; line-height:25px; color:#666;}
@media screen and (max-width:768px){
.tipscontent .tipsbox{width:90%;}
.tipscontent .tipsbox .box_body{padding:20px 20px 40px 20px;}
}
.orderemailbox{width:920px; background:#fcf8e3; border:1px solid #faebcc;margin:100px auto 0px auto; padding:15px; border-radius:4px; }
.orderemailbox .mailtitle{width:100%; font-size:16px; color:#8a6d3b; line-height:35px;}
.orderemailbox .mailclose{display:block;font-size:24px; color:#ccc; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:bold; cursor:pointer;width:30px; height:30px; float:right;}
.orderemailbox .mailclose:hover{color:#333;}
@media screen and (max-width:991px){
.orderemailbox{width:90%;}
}
@media screen and (max-width:480px){
.orderemailbox{width:85%;}
}
.owl-theme .owl-controls .owl-buttons div{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; filter:alpha(opacity=100); opacity:1; margin:0;padding:0;}
.owl-theme .owl-controls{margin:0;}
.owl-theme .owl-controls .owl-page span{background:#73472b;}
.shoujijiange{ display:none;}
.pc_focus{width:100%;/*position: fixed;*/height:500px;}
.focus,.focus .owl-wrapper-outer,.focus .owl-wrapper,.owl-item, .focus .item{width:100%;height:100%;}
.focus .item{background-size:cover;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.focus .owl-controls .owl-buttons div{width:18px;height:30px;margin:0;background:none;text-indent:-9999px;position: absolute;bottom:20px;margin-top:-15px;background:url(../images/foucs_btn.png) left top no-repeat;z-index:2;}
.focus .owl-controls .owl-buttons div.owl-prev{left:50%;margin-left:-110px;}
.focus .owl-controls .owl-buttons div.owl-next{right:50%;margin-right:-110px; background-position:0px -.3rem;}
.focus .owl-controls .owl-buttons div.owl-prev:hover{margin-left:-1.20rem;}
.focus .owl-controls .owl-buttons div.owl-next:hover{margin-right:-1.20rem;}
.focus .owl-pagination {height:0;}
.focus .owl-controls,.index_news .owl-controls{margin:0;}
.focus .owl-controls .owl-page span{width:12px;height:12px;position:relative;bottom:40px;background:#333; opacity:1;display: inline-block;}
.focus .owl-controls .owl-page.active span, .focus .owl-controls.clickable .owl-page:hover span{background:#0c6ab1;}
.phone_focus{width:100%;display: none;position: fixed;height: 220px;}
@media (max-width: 767px){
.shoujijiange{ display:block; height:220px;}
.pc_focus,.pri_box::before,.cup_img::before{display: none;}
.phone_focus{display: block;}
.index_tit,.error_txt{font-size:20px;}
.site_tit,.product_tit,.banner_txt h5,.pro_tit0,.pro_name,.pro_tit4{font-size:18px;}
.index_info,.news_tit,.error_txt1,.site_name,.product_info,.banner_txt p,.pro_tit1,.news_detail span,.pro_info1{font-size:15px;}
.news_sum,.news_txt,.site_list a,.product_link a p em,.news_tit1,.pro1_ul li p,.b_box p,.prob_txt i{font-size:13px;}
}