/* 全局 */
html{ *overflow-x:hidden; }body { font: 14px/24px "PingFang SC", "Lantinghei SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; overflow-y: scroll; overflow-x: hidden; background:#fff; color: #333; }a { color: #333; }a:hover { color: #415d87; text-decoration: none; }ul, ol, dl,dt,dd, li { list-style: none; }figure { margin: 0; }.clear { clear: both; }.db { display: block; }.fwb { font-weight: bold; }.tac { text-align:center; }.ti2e { text-indent:2em; }.oh { overflow:hidden; }
body ::selection { color: #fff; background-color: #476cc7; text-shadow: none; }body ::-moz-selection { color: #fff; background-color: #476cc7; text-shadow:none; }.padd_l0 { padding-left: 0px; }.padd_r0 { padding-right: 0px; } @media (max-width: 767px) {.container { padding: 0; }.row { margin: 0; }.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }}
/* 通用 */
.fl{float: left; }.fr{float: right; }
.transdelay { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }.transdelay a { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.transdelay2 { transition:all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; }.transdelay2 a { transition:all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; }
.opactran a img { filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.00; opacity:1; transition:all 0.3s ease-in-out 0s; }.opactran a:hover img { filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.70; opacity:0.7; }
.yybtn{ margin: 15px auto 0 auto; width: 90%}
.btn.btn-default {
background-color: #9fcd86;
border-color: transparent;
border-radius: 30px;
color: #fff;
margin-bottom: 10px;
margin-right: 10px;
padding: 12px 25px;
text-transform: uppercase;
word-spacing: 3px;
}
.btn.btn-primary{
border-radius:8px;
color: #fff;
width: 100%;
border-color: #476cc7;
padding: 8px;
text-transform: uppercase;
}
@keyframes jump{0%{transform: translateY(0);}
50%{transform: translateY(6px);}
100%{transform: translateY(0);}}
.btn.btn-default:hover,
.btn.btn-primary:hover{
background-color: #fdfbfd;
border-color: #476cc7;
color: #476cc7;
}
.btn.btn-primary,
.btn.btn-default,
.what-we-do .do-box,
.service-overflow {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.box_shadow{-webkit-box-shadow:0px 1px 4px rgba(216,216,216,0.4),
0px 0px 20px rgba(216,216,216,0.4) ;
-moz-box-shadow:0px 1px 4px rgba(216,216,216,0.4),
0px 0px 20px rgba(216,216,216,0.4) ;
box-shadow:0px 1px 4px rgba(216,216,216,0.4),
0px 0px 20px rgba(216,216,216,0.4) ;}
.br8{-moz-border-radius:8px; /* Gecko browsers */ -webkit-border-radius:8px; /* Webkit browsers */ border-radius:8px;}
.br8_0{-moz-border-radius:8px 8px 0 0; /* Gecko browsers */ -webkit-border-radius:8px 8px 0 0; /* Webkit browsers */ border-radius:8px 8px 0 0;}
.br12{-moz-border-radius:12px; /* Gecko browsers */ -webkit-border-radius:12px; /* Webkit browsers */ border-radius:12px;}
.br12_0{-moz-border-radius:12px 0 0 12px; /* Gecko browsers */ -webkit-border-radius:12px 0 0 12px; /* Webkit browsers */ border-radius:12px 0 0 12px;}
.nbox{padding:0 0 15px 0; text-align: center;}
.zxbtn{text-align: center;color: #fff;font:700 24px/60px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 0;
background: #ff8b27; /* Old browsers */
background: -moz-linear-gradient(top, #ff8b27 0%, #d9110c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff8b27 0%,#d9110c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff8b27 0%,#d9110c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b27', endColorstr='#d9110c',GradientType=0 ); /* IE6-9 */
}
.zx a:hover{background: #415d87;color: #fff}
.wp5{width: 100%; margin: 0 auto;padding:40px 0 0 0;background: url("../images/zltsbg.jpg") no-repeat top center;}
.wp{width: 100%;margin: 0 auto;padding:8rem 0; background:#f5f6fa;}
.wp2{width: 100%; margin: 0 auto;background: url("../images/infobg.jpg") repeat;}
.wp3{width: 100%; margin: 0 auto;padding:0 0 38px 0;background: url("../images/ysbg.jpg") no-repeat top center; background-size: cover }
.tishi h3{font: normal 18px/34px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.tishi p{font: normal 18px/34px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.tsjs{margin: 2rem 0 ;padding:0 2rem 1rem 2rem;}
.tsjs ul{padding:0 0 2rem 0;margin: 0;}
.tsjs li{font: normal 16px/36px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.tsjs li::before{
content:"◎";
color:#476cc7;padding: 0 5px 0 0;
font-size:18px;font-weight: bolder;
}
.xwbox2021 img,.jstu img{width:100%;}
.jsinfo{ background: url("../images/cc1.png") no-repeat top left,url("../images/cc2.png") no-repeat top right,url("../images/cc3.png") no-repeat bottom right, url("../images/cc4.png") no-repeat bottom left;}
.jsinfo p{padding: 0;margin: 0;text-indent: 2em;color: #333}
.btn_tj{height:44px;display: block;margin:1.5rem auto 0 auto;text-align: center;}
.btn_tj a{background: #ee1010; width:100%;color: #fff;font:700 18px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding: 8px 30px;}
.btn_tj a:hover{ color: #333;background: #e0b775}
@media screen and (min-width:300px) and (max-width:325px){
.wp2{padding:3rem .5rem;}
.tmenu{text-align: center;margin:0 auto 2rem auto;width: 100%; height:40px; padding: 0;}
.tmenu h3{margin: 0;padding:0;font:700 20px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.vspic{margin:2rem auto 2rem auto;}
.vspic img{width:90%;margin: 0 auto;text-align: center;display: block}
.ksbg{padding:1.5rem 0;background:#ffd760;margin:0 0 5rem 0}
.tishi,.jsinfo{ padding:0.5rem;}
.jsinfo p{font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.jstu{padding: 0 ;margin: 0 auto 1rem auto;width:92%;}
.fenge{padding:0;margin: 0 auto;height:10px;}
.weihai{padding:20px} .infobox{ margin:0 auto 20px auto;width: 96%;}.info{padding:0 20px 20px 20px;}
.t_info{padding:0 10px; margin:0 0 30px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.zx{ text-align: center;margin:20px 0;height:30px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:10px; border-radius:10px;padding:0;}
.zx h3{font:300 14px/25px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:110px; height:30px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.ysbox{width:98%;margin:.1rem auto 0 auto}
.ysbox .yspic{width:50%;margin:1rem auto 0 auto}
.ysbox .yspic img{width:100%;margin:0 auto; display: block}
.ysbox .ystxt{padding:1rem;margin: 0; box-sizing: border-box;color: #333;}
.ysxmbox .ysxm{}
.ysxmbox .ysxm h3{font:700 24px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0;text-align: center;}
.ysxmbox .yszc{padding: 0;margin:0; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:center;font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{ font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{margin: 20px auto 20px auto;width: 80%;text-align: center}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:20%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:80%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{padding:15px 0 0 0; height:120px;line-height:28px;font-size:16px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:1.5rem 1rem 1rem 1rem}
.pro-right p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
@media (min-width:326px) and (max-width:375px){
.wp2{padding:3rem .5rem;}
.jsinfo p{font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ksbg{padding:1.5rem 0;background:#ffd760;margin:0 0 5rem 0}
.jstu{padding: 0 ;margin: 0 auto 1rem auto;width:92%;}
.tishi,.jsinfo{ padding:0.5rem;}
.fenge{padding:0;margin: 0 auto;height:10px;}
.tmenu{text-align: center;margin:0 auto 2rem auto;width: 100%; height:40px; padding: 0;}
.tmenu h3{margin: 0;padding:0;font:700 22px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.vspic{margin:2rem auto 2rem auto;}
.vspic img{width:90%;margin: 0 auto;text-align: center;display: block}
.weihai{padding:20px}.infobox{ margin:0 auto 20px auto;width: 96%;}.info{padding:0 20px 20px 20px;}
.t_info{padding:0 10px; margin:0 0 30px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.zx{ text-align: center;margin:20px 0;height:30px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:10px; border-radius:10px;padding:0;}
.zx h3{font:300 14px/25px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:110px; height:30px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.ysbox{width:98%;margin:.1rem auto 0 auto}
.ysbox .yspic{width:50%;margin:1rem auto 0 auto}
.ysbox .yspic img{width:100%;margin:0 auto; display: block}
.ysbox .ystxt{padding:1rem;margin: 0; box-sizing: border-box;color: #333;}
.ysxmbox .ysxm{}
.ysxmbox .ysxm h3{font:700 24px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0;text-align: center;}
.ysxmbox .yszc{padding: 0;margin:0; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:center;font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{ font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{margin: 20px auto 20px auto;width: 80%;text-align: center}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:20%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:80%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{padding:15px 0 0 0; height:100px;line-height:28px;font-size:16px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:1.5rem 1rem 1rem 1rem}
.pro-right p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
@media (min-width:376px) and (max-width:425px){
.wp2{padding:3rem .5rem;}
.jsinfo p{font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ksbg{padding:1.5rem 0;background:#ffd760;margin:0 0 5rem 0}
.jstu{padding: 0 ;margin: 0 auto 1rem auto;width:92%;}
.tishi,.jsinfo{ padding:0.8rem;}
.t_info{padding:0 10px; margin:0 0 30px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.tmenu{text-align: center;margin:0 auto 2rem auto;width: 100%; height:40px; padding: 0;}
.tmenu h3{margin: 0;padding:0;font:700 26px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.vspic{margin:2rem auto 2rem auto;}
.vspic img{width:90%;margin: 0 auto;text-align: center;display: block}
.zx{ text-align: center;margin:20px 0;height:30px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:10px; border-radius:10px;padding:0;}
.zx h3{font:300 18px/36px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:120px; height:40px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.ysbox{width:98%;margin:.1rem auto 0 auto}
.ysbox .yspic{width: 60%;margin:2rem auto 0 auto}
.ysbox .yspic img{width:100%;margin:0 auto; display: block}
.ysbox .ystxt{padding:1rem;margin: 0; box-sizing: border-box;color: #333;}
.ysxmbox .ysxm{}
.ysxmbox .ysxm h3{font:700 24px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0;text-align: center;}
.ysxmbox .yszc{padding: 0;margin:0; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:center;font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{ font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{margin: 20px auto 20px auto;width: 80%;text-align: center}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:20%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:80%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{padding:15px 0 0 0; height:100px;line-height:28px;font-size:16px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:1.5rem 1rem 1rem 1rem}
.pro-right p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
@media (min-width:426px) and (max-width:767px){
.wp2{padding:3rem .5rem;}
.jsinfo p{font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ksbg{padding:1.5rem 0;background:#ffd760;margin:0 0 5rem 0}
.jstu{padding: 0 ;margin: 0 auto 1rem auto;width:92%;}
.tishi,.jsinfo{ padding:0.8rem;}
.tmenu{text-align: center;margin:0 auto 2rem auto;width: 100%; height:40px; padding: 0;background: url("../images/tbg.png") no-repeat center bottom;background-size: 100%}
.tmenu h3{margin: 0;padding:0;font:700 32px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.vspic{margin:2rem auto 2rem auto;}
.vspic img{width:90%;margin: 0 auto;text-align: center;display: block}
.btnzw{margin:10px auto 0 auto;padding:528px 0 0 190px}
.t_info{padding:0 10px; margin:0 0 30px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.zx{ text-align: center;margin:20px 0;height:30px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:10px; border-radius:10px;padding:0;}
.zx h3{font:500 20px/36px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:120px; height:40px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.ysbox .yspic{width: 90%;margin:2rem auto 0 auto}
.ysbox .yspic img{width:100%;margin:0 auto; display: block}
.ysbox .ystxt{padding:1rem;margin: 0; box-sizing: border-box;color: #333;}
.ysxmbox .ysxm{}
.ysxmbox .ysxm h3{font:700 24px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0;text-align: center;}
.ysxmbox .yszc{padding: 0;margin:0; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:center;font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{ font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{margin: 20px auto 20px auto;width: 80%;text-align: center}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:25%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:72%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{height:80px;line-height:80px;font-size: 20px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:2.2rem 2.5rem 2rem 0}
.pro-right p{font:normal 16px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
@media (min-width:768px) and (max-width:1023px){
.jsinfo p{font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ksbg{padding:1.5rem 0;background:#ffd760;margin:0 0 5rem 0}
.jstu{padding: 0 ;margin: 0 auto 1rem auto;width:92%;}
.tishi,.jsinfo{ padding:0.8rem;}
.wp2{padding:5rem 0;}
.vspic{margin:2rem auto 2rem auto;}
.vspic img{width:90%;margin: 0 auto;text-align: center;display: block}
.tmenu{text-align: center;margin:0 auto 2rem auto;width: 100%; height:40px; padding: 0;background: url("../images/tbg.png") no-repeat center bottom;background-size: 100%}
.tmenu h3{margin: 0;padding:0;font:700 32px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.t_info{padding:0 10px; margin:0 0 30px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ckal{margin: 0 0 50px 150px} .ckal2{margin:30px 0}
.zx{ text-align: center;margin:0;height:30px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:15px; border-radius:15px;padding:0;}
.zx h3{font:500 22px/36px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:140px; height:40px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.ysbox{width:98%;margin:.1rem auto 0 auto}
.ysbox .yspic{width:70%;margin:2rem auto 0 auto}
.ysbox .yspic img{width:100%;margin:0 auto; display: block}
.ysbox .ystxt{padding:1rem;margin: 0; box-sizing: border-box;color: #333;height: 300px}
.ysxmbox .ysxm{}
.ysxmbox .ysxm h3{font:700 24px/40px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0;text-align: center;}
.ysxmbox .yszc{padding: 0;margin:0; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:center;font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{ font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{margin: 20px auto 20px auto;width: 80%;text-align: center}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:25%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:72%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{height:80px;line-height:80px;font-size: 20px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:2.2rem 2.5rem 2rem 0}
.pro-right p{font:normal 16px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin: 0}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
@media (min-width:1024px) and (max-width:1199px){
.jsinfo p{font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ksbg{padding: 3rem 0;background: url("../images/01bg.jpg") repeat-y 0 0;margin:12rem 0}
.jstu{padding: 0 2rem 0 0 }
.wp2{padding:5rem 0;}
.tmenu{text-align: center;margin:0 auto 4rem auto;width: 100%; height:50px; padding: 0;background: url("../images/tbg.png") no-repeat center bottom;}
.tmenu h3{margin: 0;padding:0;font:700 34px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.vspic{margin:3rem auto 10rem auto;}
.vspic img{width: 100%}
.t_info{padding:0 10px; margin:0 0 30px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.yuyue{margin: 0 0 50px 80px}
.zx{ text-align: center;margin:20px 0;height:30px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:15px; border-radius:15px;padding:0;}
.zx h3{font:500 22px/36px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:140px; height:40px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.ysbox .yspic img{width: 100%;}
.ysbox .ystxt{padding:20px 20px 20px 0;margin: 0; box-sizing: border-box;color: #333;}
.ysxmbox .ysxm{float: left}
.ysxmbox .ysxm h3{font:700 30px/48px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0}
.ysxmbox .yszc{float: left;border-left: 1px solid #476cc7;padding: 0 0 0 20px;margin: 0 0 0 20px; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{ margin-top:20px}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:25%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:72%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{height:80px;line-height:80px;font-size: 20px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:2.2rem 2.5rem 2rem 0}
.pro-right p{font:normal 16px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
@media (min-width:1200px){
.jsinfo{ padding:3.5rem}
.jsinfo p{font:normal 18px/34px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.ksbg{padding: 3rem 0;background: url("../images/01bg.jpg") repeat-y 0 0;margin:12rem 0}
.jstu{padding: 0 2rem 0 0 }
.wp2{padding:8rem 0;}
.vspic{margin:3rem auto 10rem auto;}
.vspic img{width: 100%}
.zx{ text-align: center;margin:20px 0;height:50px; }
.zx a{color:#415d87;border: 2px solid #415d87; -moz-border-radius:15px; border-radius:15px;padding:0;}
.zx h3{font:300 22px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";margin:0;padding: 0}
.yuyue a{display:block;width:150px; height:50px;padding: 0 15px;margin: 0 auto;overflow:hidden;text-align:center; color:#415d87; }
.tmenu{text-align: center;margin:0 auto 4rem auto;width: 100%; height:50px; padding: 0;background: url("../images/tbg.png") no-repeat center bottom;}
.tmenu h3{margin: 0;padding:0;font:700 34px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.tmenu p{font:normal 16.5px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";text-align: center;}
.yl_info{padding: 150px 0 0 100px}
.yl_info p{margin: 0;padding: 0; text-indent: 2em; font:normal 18px/34px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #476cc7}
.ysbox .yspic img{width: 100%;}
.ysbox .ystxt{padding:20px 20px 20px 0;margin: 0; box-sizing: border-box;color: #333;}
.ysxmbox .ysxm{float: left}
.ysxmbox .ysxm h3{font:700 30px/48px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; padding: 0;margin: 0}
.ysxmbox .yszc{float: left;border-left: 1px solid #476cc7;padding: 0 0 0 20px;margin: 0 0 0 20px; box-sizing: border-box;}
.ysxmbox .yszc ul{padding: 0;margin: 0;}
.ysxmbox .yszc ul li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.xxjs{padding:15px 0;margin: 0;}
.xxjs li{text-align:left;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.zytc{border-bottom: 1px dashed #476cc7;border-top: 1px dashed #476cc7;margin: 0 0 15px 0}
.zytc p{font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:10px 3px;margin: 0}
.ysjj p{ font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";padding:0;margin: 0}
.but{ margin-top:20px}
.yuyue{background:#476cc7;font-size:14px;color:#fff;padding: 3px 15px;margin-right: 10px;border: 1px solid #476cc7;}
a.yuyue:hover{color:#476cc7;background: #fff;border: 1px solid #476cc7}
a.xiangxi:hover{color:#bda179;background: #fff;border: 1px solid #bda179}
.xiangxi{ background:#bda179;font-size:14px;border: 1px solid #bda179; color:#fff;padding: 3px 15px;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding:0;background: #fff;border: 1px solid #c3c3c5}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width:25%;box-sizing: border-box;}
.pro-content{width: 100%;padding: 0}
.pro-right{float: right;width:72%;}
.pro-left .left-title{background: #317fff;height:160px;line-height: 160px;text-align: center;margin: 0;padding: 0}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul{padding: 0;margin: 0}
.pro-left .left-category ul li{height:80px;line-height:80px;font-size: 20px;text-align: center;cursor: pointer;color: #999;border-bottom: 1px solid #c3c3c5;border-right: 1px solid #c3c3c5}
.pro-left .left-category ul li.on{background: #476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background:#476cc7;color: #FFFFFF;}
.pro-left .left-category ul li:last-child {border-bottom:none;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;padding:2.2rem 2.5rem 2rem 0}
.pro-right p{font:normal 16px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
}
.kstBtn{-webkit-animation:flipInX 1s .2s ease both;-moz-animation:flipInX 1s .2s ease both}
.kstBtn{position: absolute;left:50%;bottom: -48px;margin-left: -48px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0;z-index: 3}
@media screen and (min-width:301px) and (max-width:424px) {
.tijiao li { line-height: 35px;margin: 0 0 5px 0; display: table; }
.tijiao li span { float: left; width:25%; text-align:left; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.tijiao li textarea{width:96%;height:125px;}
.coolbg { background: #476cc7; color: #ffff; padding: 10px 40px;margin: 0 0 0 25px; border-radius: 8px; border: none; }
.coolbg_box { width:100%; margin: 0px auto;padding: 0 0 15px 0;border-bottom:1px dashed #d2d1d1;display: table; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.coolbg_box em { line-height: 40px; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
}
@media (min-width:425px){
.tijiao li { line-height: 35px; margin: 0 0 12px 0;display: table; }
.tijiao li span { float: left; width: 20%; text-align:right; font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.tijiao li textarea{width: 67%;height:125px;}
.coolbg { background: #476cc7; color: #ffff; padding: 10px 40px;margin: 0 0 0 45px; border-radius: 8px; border: none; }
.coolbg_box { width:100%; margin: 0px auto;padding: 0 0 15px 0;border-bottom:1px dashed #d2d1d1;display: table; }
.coolbg_box em { line-height: 40px;margin: 0 0 0 60px; }
}
@media (max-width:767px) and (min-width:300px){
.picbox{width: 96%;margin: 0 auto 15px auto}
.picbox2{width: 96%;margin:25px auto 15px auto}
.ydbox{ border:1px #d2d1d1 solid; padding:10px; width: 90%; background: #fff; margin: 40px auto 0 auto;}
.ydbox_title{ color: #476cc7; border-bottom: 1px dashed #d2d1d1; padding: 0 0 15px 0; margin: 0 0 15px 0; text-align: center;font: 700 24px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.ydbox_form{ margin: 0 auto;}
.f-t{width:50%;margin: 10px 0;font:normal 14px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";float:left;}
.f-t2{width:50%; }
}
@media (max-width:1023px) and (min-width:768px){
.picbox,.picbox2{width: 96%;margin: 0 auto 15px auto}
}
@media (min-width: 768px) {
.box7{border:1px solid #d5d6d8;background: #fff; color: #333;padding:0 3rem;height: 200px;margin:4rem 0 3rem 0}
.box7 h3{font: bold 18px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; text-align: center}
.box7 p{text-align:left;margin: 0; padding:0;font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.biaodian_but { width:60%; text-align: center; margin: 0px auto; display: table; }
.biaodian_but .coolbg { background: #476cc7; color: #fff;margin: 0; line-height: 30px; padding: 2px 15px;border: 0px; border-radius: 12px; display: table;float: left; }
}
@media (max-width: 767px) {
.box7{text-align: center;border:1px solid #d5d6d8;background: #fff; font: bold 16px/50px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #333;width: 90%;margin: 0 auto}
.biaodian_but { text-align: center; margin: 0px auto; display: table; }
.biaodian_but .coolbg { background: #476cc7; color: #fff; line-height: 30px; padding: 2px 15px;border: 0px; border-radius: 12px; display: table;float: left; }
}
@media (max-width: 767px) {
.zhanwei { height: 1.5rem; }
.zhanwei_P{ height:0.5rem; }
table thead{background-image:-webkit-linear-gradient(to bottom, #c49770, #dcb58e);background-image:linear-gradient(to bottom,#c49770,#dcb58e); font:100 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #fff;word-break:break-all; word-wrap:break-word; }
}
.tab-content table{border-collapse:collapse;font:normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; width:100%;margin: 0;padding: 0;}
@media (max-width:768px) and (min-width:300px){
.nbox .bigtitle{font:400 18px/30px "\5FAE\8F6F\96C5\9ED1"; margin:0;height: 64px;}
.xianjia{margin:5px 0 0 0;color: #f82771}.xianjia span{font:200 18px/38px "\5FAE\8F6F\96C5\9ED1";}
.more>a{ display:block; width:100%; padding:50px 0 20px 0; }
.more_l>a{ display:block; width:100%; padding:50px 0 20px 0; }
}
@media (min-width:768px){
.ydbox{ border:1px #d2d1d1 solid; padding:30px; width:80%; background: #fff; margin:0px auto;}
.ydbox_title{ color: #476cc7; border-bottom: 1px dashed #d2d1d1; padding: 0 0 15px 0; margin: 0 0 15px 0; text-align: center;font: 700 24px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.ydbox_form{ margin: 0 auto; width: 90%;}
.form-group{margin: 0 auto; width:320px;}
.f-t2{padding:20px 0 0 0;white-space:nowrap; width:45%}
.f-t{width:50%;margin: 10px 0;font:500 18px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";float:left;}
}
.fenge{padding:0;margin: 0 auto;height: 30px;}
.jsq{font:normal 12px/20px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #476cc7}
.yykxbox img{width: 100%;height:225px;}
.yykxbox{background: #fff;}
.yykx_blk{padding:20px 25px;}
.yykx_blk h3{font: 700 16px/30px "\5FAE\8F6F\96C5\9ED1";padding: 0 0 10px 0;color: #333}
.yykx_blk p{height: 110px; font:normal 14px/22px "\5FAE\8F6F\96C5\9ED1";padding: 0 0 30px 0;color: #666}
.tijiao { margin:0px auto; background: #eeeeee;padding:10px 20px 30px 20px; width:100%; box-sizing: border-box; }
.tijiao h6 { font-size: 16px; text-align: center; margin-bottom: 25px; border-bottom: 2px solid #476cc7; line-height: 40px; color: #476cc7; }
.tijiao li { line-height: 35px; margin-bottom: 15px; display: table; }
.tijiao li span { float: left; width: 20%; text-align: center; }
.tijiao li input { width: 70%; float: left; height: 28px; margin-top: 4px;border: 0 }
.tijiao li textarea{border: 0 }
.tijiao li { width: 100%; }
.biaodian_box{background: #fff;text-align: center; padding: 25px;box-sizing: border-box;width: 90%;margin:45px auto 25px auto;}
.biaodian_box img{margin: 0 0 25px 0;}
.biaodian_box p{color: #333;text-align: left;padding: 0;margin: 0; font: normal 14px/24px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.down {
width: 0;margin: 0 auto;
height: 0;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 15px solid #476cc7;
}
.btn{color:#fff; background: #476cc7; letter-spacing: 0.3px;font-size: 15px; font-weight: 500; padding: 18px 25px;}
.btn a{color:#fff;}
.xmpic{width:686px;height: auto;display: block; margin: 0;}
.blk_1{background:#fff;padding:0;-moz-border-radius:20px; border-radius:20px;}
.qrbox{-moz-border-radius:20px; border-radius:20px;background: #fff url("../images/qr.png") no-repeat center center;width:200px;height:230px;margin:25px auto 0 auto}
.qrbox p{margin: 0 0 15px 0;color: #476cc7; text-align: center;font:700 16px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.r_title{color: #b62e3a} .w_title{color: #fff}
.info{padding:0 0 20px 0;}
.info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.infopic img{width:90%;margin: 0 auto;display: block;}
.ysbox{background: #fff;}
.videobox{width:100%;text-align: center; margin: 0 auto;}
/**/
.tab{margin-top:5px;}
.tab .nav-tabs{border:none;background: url("../images/tabs.png") no-repeat bottom center;padding: 0 0 15px 0;width:94%;margin: 0 auto;font:700 16px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.nav-tabs li{width:50%;text-align: center;float: left}
.nav-tabs li a{
padding: 15px 0;
color:#333;
border-radius: 15px;
font-weight: bold;
}
.nav-tabs li a:hover{
background: #476cc7;
color: #fff;
}
.nav-tabs li a i{
display: inline-block;
text-align: center;
}
.nav-tabs li:last-child{
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
background: #476cc7;
color: #fff;
}
.tab .tab-content{
padding: 20px;
}
.tab .tab-content h3{
margin-top: 0;
}
.tab .tab-content p{
margin: 0;font:normal 14px/30px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
@media only screen and (max-width: 767px){
.nav-tabs li{
width:100%;
margin-bottom: 10px;
}
.nav-tabs li a{
padding: 15px;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
padding: 15px;
margin-top: 0;
}
}
/**/
/**/
.jishu p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.jishu{padding: 30px 50px 0 50px; box-sizing: content-box}
.infobox{ background:#ecf1f7; padding:0; margin:0 auto 50px auto}
.jjbox{ background:#ecf1f7; padding:0; margin:30px auto 50px auto;}
.anquan{background:#FCFCFE;width: 100%; margin: 0 auto;padding: 35px 0}
.jjtxt p{margin:0;padding:40px 50px 0 35px; color: #476cc7;text-indent: 2em; text-align:left;font:normal 16px/32px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.hezhao{float: left;width: 30%}.jjtxt{float: left;width: 70%}
.jjbox img{width:90%;}
.weihai p{margin:0;color: #476cc7;text-align:left;font:normal 14px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.lxwm{width:84%;margin: 0 auto; padding:40px 0 0 0;text-align: center;}
.lxwm .lxwmbtn{ height:55px;padding:10px 0;margin: 0 0 20px 0;}
.lxwm .lxwmbtn a{font:700 22px/46px "\5FAE\8F6F\96C5\9ED1";color: #476cc7;display:block;height: 48px;background: #f7e585; -moz-border-radius:15px; -webkit-border-radius: 15px;border-radius: 15px;}
.lxwm .lxwmbtn a:hover{background:#476cc7;color: #fff;-moz-border-radius:15px; -webkit-border-radius: 15px;border-radius: 15px;}
@media (max-width:1200px) and (min-width: 992px){
.btn.btn-default,.btn.btn-primary{padding: 5px;}
.nt_btn{ position: absolute; left:280px; top:260px;}
.xmpic{width:40rem;height: auto;display: block; margin: 0;}
.zx{ text-align: center;margin:0 0 20px 0;height: 40px; }
}
@media (max-width: 767px) {
body { font: 0.44rem/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
.info p{margin:0;padding: 0 8px;text-align: left; font:normal 14px/22px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
}
@media (max-width: 1024px) and (min-width:992px){
.submenu{font:normal 16px/32px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
}
@media (max-width:991px) and (min-width:768px){
.youshipic img{width:478px;height: auto;display: block; margin: 0 auto;}
.submenu{font:normal 14px/26px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
}
@media (min-width: 1200px){
.t_info{padding:0; margin:0 0 40px 0}
.t_info p{margin:0;color: #476cc7;text-indent: 2em; text-align:left;font:normal 14px/28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
}
@media (max-width:375px) and (min-width: 301px){
.xmpic{width:28rem;height: auto;display: block; margin: 0;}
}
@media (max-width: 991px) and (min-width: 768px) {
.btn.btn-default,.btn.btn-primary{padding: 5px;}
}
.zhanwei_P{ height:25px; }
.zhanwei { height: 50px; }
@media (max-width: 767px) {
.zhanwei { height:2rem; }
.zhanwei_P { height:1rem; }
}
@media (max-width: 767px) {
.zero-clipboard { display: none; }
}
@media screen and (min-width:0px) and (max-width: 767px) {
.btn.btn-default,.btn.btn-primary{padding: 10px;}
.nt_btn{ position: absolute; left:30px; top:170px;}
#videoArea iframe{ width:100%; height:200px;}
}
/* 底部 */
.footer { background-color: #fafafa; padding: 30px 0; margin:0 auto; }
.footer span { color: #ababab; display: block; text-align: center; }
.footer span a { color: #ababab; }
.footer span a:hover { color: #ababab; }
@media (max-width: 767px) {
.footer { padding: 20px 0; }
.footer span { font-size: 0.9rem; }
}
@media (max-width: 767px) {
body { font: 0.44rem/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
}