@CHARSET "utf-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
@font-face {
font-family: 'constan2';
src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}
.ssddds{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.demo-message-wrap input::-webkit-input-placeholder,
.demo-message-wrap textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
.demo-message-wrap input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
.demo-message-wrap input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
.demo-message-wrap input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
.demo-message-wrap input[type='text']::-webkit-input-placeholder{
color: #fff;
}
.aby_hh li:hover .aby_hh_img img{
filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
/*头部样式*/
.head3{
width: 100%;
height: 100px;
position: absolute;
z-index: 99;
}
.head1{
width: 100%;
/*position: fixed;*/
top:0px;
left: 0;
right: 0;
z-index: 9999;
padding: 38px 0 0;
background: rgba(0,0,0,0);
transition: .5s;
}
.head1.down{
top: 0!important
}
.sideNav{
position: fixed;
right: 57px;
top: 50%;
z-index: 9999;
margin-top: -75px
}
.sideNav ul li{
display: block;
cursor: pointer;
width: 14px;
height: 14px;
margin: 9px 0;
text-align: center;
}
.sideNav ul li a{
display: block;
width: 8px;
height: 8px;
margin: 0 auto;
background: #fff;
border-radius: 50%;
}
.sideNav ul li.active a{
width: 14px;
height: 14px;
background: #fff;
border-radius: 50%;
}
.w1620{
max-width: 1650px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
.head1 .w1620{
position: relative
}
.head1 .logo{
float: left;
display: block;
float: left;
width: 27.5%;
}
.head1 .logo img{
max-width: 100%;
}
.tnav{
float: right;
width: 69%;
}
.fp-viewing-page2 .head1 .logo{
display: none;
}
.fp-viewing-page3 .head1 .logo{
display: none;
}
.fp-viewing-page4 .head1 .logo{
display: none;
}
.fp-viewing-page5 .head1 .logo{
display: none;
}
.fp-viewing-page6 .head1 .logo{
display: none;
}
.fp-viewing-page7 .head1 .logo{
display: none;
}
.fp-viewing-page2 .head1 .tnav{
display: none;
}
.fp-viewing-page3 .head1 .tnav{
display: none;
}
.fp-viewing-page4 .head1 .tnav{
display: none;
}
.fp-viewing-page5 .head1 .tnav{
display: none;
}
.fp-viewing-page6 .head1 .tnav{
display: none;
}
.fp-viewing-page7 .head1 .tnav{
display: none;
}
.head1 .btn1{
width: 35px;
height: 28px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/cbe4f87c3c6c4491db5c66e3b4b66d4be945ec91.png) no-repeat center;
float: right;
margin-top: 18px;
}
.head2{
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.82);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99999;
padding-top: 10%;
display: none
}
.head2 #formsearch{
border-bottom: 1px solid #fff;
}
.head2 #formsearch input{
border: none;
outline: none;
background: none;
line-height: 35px;
}
.head2 #formsearch #s_btn{
width: 30px;
height: 35px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/b84a3e0bb20ff75e36efdd59633c1826fd21b7bc.png) no-repeat center;
}
.head2 #formsearch #keyword{
width: calc(100% - 35px);
padding-left: 15px;
color: #fff;
}
.head2 .btn2{
width: 24px;
height: 24px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/d9351df78d5becff80ef5207c00af0fa72afbdcb.png) no-repeat center;
position: absolute;
top: 12%;
right: 5%;
z-index: 99999;
}
.head-menu{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5%;
}
.head-menu > li > a{
display: block;
font-size: 20px;
color: #fff;
margin-bottom: 30px;
}
.head-menu .head-sub-menu > li > a{
display: block;
font-size: 14px;
color: #fff;
line-height: 2.5;
}
/*
#formsearch{width:420px;float:left;margin-left:60px;margin-top:40px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch input{background:#fff;border:1px solid #c8c8c8;float:left;width:260px;outline: none;}
#formsearch input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:44px;height:35px;line-height:35px;text-align:center;background:url(../images/so.png) no-repeat center;color:#fff;border:none;cursor:pointer;}
*/
#menu{
width: 1920px;
position: relative;
left: 50%;
margin-left: -960px;
background: #03479c;
}
.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}
.container {
width: 1200px;
margin: 0 auto;
}
/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz li:hover, .tabz li.cur {
background: #03479c;
position: relative;
color: #fff;
cursor: pointer;
}
.tabz li:hover a, .tabz li.cur a {
color: #fff;
}
.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}
.list1z li:nth-child(3n){float:right;margin-right:0px;}
.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}
.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}
/*滚动*/
.pin{width:1200px;margin:0 auto;}
.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}
.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}
#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}
.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}
.section0{
overflow: hidden;
}
.section1{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/25f5e4e19f1b9e23d8ede76de4fb23b2c4626c56.png)no-repeat right center;
background-size: 100% 100%;
width: 100%;
}
.sec1-con{
font-size: 0;
}
.sec1-left{
width: 50%;
display: inline-block
}
.sec1-left img{
width: 100%;
}
.sec1-right{
width: 50%;
display: inline-block;
vertical-align: middle;
}
.sec1-right .sec1-right-con{
max-width: 660px;
margin-left: 15%;
padding: 5% 0;
}
.sec1-right .sec1-right-con dt img{
max-width: 100%;
}
.sec1-right .sec1-right-con > h3{
font-size: 30px;
color: #3b3163;
font-weight: normal;
text-transform: uppercase;
line-height: 2.2;
margin-top: 7px;
}
.sec1-right .sec1-right-con > h4{
font-size: 30px;
color: #242424;
font-weight: normal;
}
.sec1-right .sec1-right-con .jj{
font-size: 14px;
color: rgba(36,36,36,.8);
padding: 10% 0;
line-height: 2
}
.sec1-right .sec1-right-con a.more{
display: inline-block;
padding-right: 60px;
font-size: 14px;
color: #242424;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/920b21f36b0c237f7931ed9cd55e2f6e27b96c3b.png) no-repeat right center;
line-height: 39px;
}
.sec1-right .sec1-right-con a.more:hover{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/920b21f36b0c237f7931ed9cd55e2f6e27b96c3b.png) no-repeat right center;
}
.section2{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/cf3968ef2f836c1cd84a74cac9493b4b02a2ef9a.jpg)no-repeat center;
background-size: 100% 100%;
width: 100%;
}
.title h3{
font-size: 1.77vw;
font-weight: bold;
font-stretch: normal;
line-height: 1;
letter-spacing: 3px;
color: #ffffff;
}
.title h4{
font-size: 1.5625vw;
font-weight: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0px;
color: #ffffff;
margin-top: 1.23vw;
text-transform: uppercase;
}
.fwyw2{
margin-top: 3.7vw;
}
.fwyw2 ul li{
float: left;
width: 23.5%;
margin-right: 2%;
margin-bottom: 33px;
height: 230px;
border:1px solid #ffffff;
padding: 3.33vw 1.5625vw 0 1.3vw;
}
.fwyw2 ul li:nth-child(4){
margin-right: 0;
}
.fwyw2 ul li h3{
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0px;
color: #ffffff;
margin-top: 13px;
}
.fwyw2 ul li p{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0px;
color: #ffffff;
margin-top: 8px;
text-transform: uppercase;
}
.fwyw2 ul li h4{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0px;
color: #ffffff;
display: none;
margin-top: 13px;
}
.fwyw2 ul li:hover{
background: #3b3163;
border:1px solid #3b3163;
padding-top: 1.25vw;
}
.fwyw2 ul li:hover h3{
color: #fff;
}
.fwyw2 ul li:hover p{
color: #fff;
}
.fwyw2 ul li:hover h4{
color: #fff;
display: block;
}
.fwyw2 .ljgd{
float: left;
margin-left: 9%;
margin-top: 5vw;
}
.fwyw2 .ljgd h3{
border-bottom: 1px solid #fff;
padding-left: 32px;
padding-bottom: 7px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/db525b4b6abe8e9ffbb3471725ec974ceb0bcd47.png)no-repeat left center;
font-size: 26px;
font-weight: normal;
font-stretch: normal;
line-height:27px;
letter-spacing: 3px;
color: #ffffff;
}
.fwyw2 .ljgd h3 a{
color: #ffffff;
}
.section3{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/08f1a4b6b770fce59b12740a3e1f4f882f6bf1d1.jpg)no-repeat center;
background-size: 100% 100%;
}
.hxjzl{
margin-top: 3.7vw;
}
.hxjzl ul li{
float: left;
width:21.55%;
margin-right: 4.6%;
height: 500px;
background:url(//cdn.myxypt.com/b2e7ddac/21/09/03562e744f811853a6cdaabbce36c8b0216de348.png)no-repeat center 278px #3b3163;
box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding-top: 70px;
padding-left: 30px;
padding-right: 30px;
}
.hxjzl ul li:nth-child(4){
margin-right: 0;
}
.hxjzl ul li h3{
font-size: 28px;
font-weight: bold;
font-stretch: normal;
line-height: 1;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
}
.hxjzl ul li .hx{
width: 11.4%;
margin: 0 auto;
margin-top: 1vw;
height: 4px;
background-color: #ffffff;
border-radius: 2px;
}
.hxjzl ul li .wz{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 2.22;
letter-spacing: 0px;
color: #fff;
margin-top: 2.5vw;
}
.hxjzl ul li:hover{
background: #fff;
box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08);
}
.hxjzl ul li:hover h3{
color: #3b3163;
}
.hxjzl ul li:hover .hx{
background: #3b3163;
}
.hxjzl ul li:hover .wz{
color: rgba(36,36,36,.8);
}
.section4{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/447ba2282d9f788d4d03e43398a0835a09b1c424.jpg)no-repeat center;
background-size: 100% 100%;
}
.khal{
margin-top: 4.6875vw;
}
.pro_list11{
position: relative;
}
.pro_list11 li{
position: relative;
border: none;
outline: none;
display: table;
}
.pro_list11 li a.simg{
display: block;
padding-right: 0px;
padding-left: 0px;
width: 50%;
display: table-cell;
vertical-align: middle;
}
.pro_list11 li a.simg img{
width: 100%;
}
.pro_list11 li .sright{
display: table-cell;
vertical-align: middle;
padding-right: 15px;
padding-left: 15px;
width: 50%;
padding: 3.125% 15% 3.125% 8%;
}
.pro_list11 li .sright h2{
font-size: 30px;
color: #fff;
padding-bottom: 15px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/7b42086e6a2d55290e2cad994eb7142afae10cc9.png) no-repeat left bottom;
}
.pro_list11 li .sright span{
display: block;
font-size: 16px;
color: #ffffff;
line-height: 2;
width:100%;
margin: 30px 0;
}
.sright .promore{
display: inline-block;
border: 1px solid #3b3163;
padding: 10px 25px;
font-size: 14px;
color: #fff;
background: #3b3163;
}
.sright .promore img{
display: inline;
}
.pro_list11 .slick-prev,
.pro_list11 .slick-next{
position: absolute;
right: 0px;
bottom: 0px;
outline: none;
border: none;
z-index: 1;
width: 40px;
height: 40px;
font-size: 0;
margin-right: 12.88%;
}
.pro_list11 .slick-prev{
right: 83px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/3ae75389e35abdfb5a58a41de6ed77a9dacf11a7.png) no-repeat center;
}
.pro_list11 .slick-next{
right: 33px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/fd0ec177f7d9b76bd360e7ad6077eb2fb2907581.png) no-repeat center;
}
.pro_list11 .slick-prev::before{
width:24.427vw;
height: 2px;
background: #fff;
content: "";
left: -24.94vw;
top: 20px;
position: absolute;
}
@media (max-width:1200px){
.pro_list11 li .sright h2{
font-size:24px;
}
.pro_list11 li .sright span{
width:auto;
font-size:14px;
}
.pro_list11 .slick-prev::before{
display:none;
}
.pro_list11 .slick-prev, .pro_list11 .slick-next{
bottom:30px;
z-index:9999;
}
}
@media (max-width:992px){
.pro_list11 .slick-prev, .pro_list11 .slick-next{
margin-right: 5.88%;
}
}
@media (max-width:768px){
.pro_list11 li a.simg{
width:100%;
display:block;
padding: 0;
}
.pro_list11 li .sright{
width:100%;
display:block;
padding:15px 0;
}
.pro_list11 .slick-prev, .pro_list11 .slick-next{
bottom:15px;
}
.pro_list11 li .sright span{
margin:15px 0;
}
}
.section5{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/70c28ed34867766204dad9fd6aca9286741f46e7.jpg) no-repeat center;
background-size: cover;
}
.sec5-con ul{
margin-top: 2.1875vw;
}
.sec5-con ul li{
width: 32.96%;
float: left;
margin-right: 9px;
margin-bottom: 12px;
margin-right: 0.56%;
}
.sec5-con ul li:nth-child(3n){
margin-right: 0;
}
.sec5-con ul li a{
display: block;
background: #3b3b3b;
padding: 11.8% 14% 14%;
}
.sec5-con ul li:hover a{
background: #3b3163;
}
.sec5-con ul li a h3{
font-size: 22px;
color: #fff;
overflow: hidden;
font-weight: normal;
line-height: 1;
text-overflow:ellipsis;
white-space: nowrap;
}
.sec5-con ul li a .info{
font-size: 18px;
color: #fff;
line-height: 24px;
overflow: hidden;
margin: 33px 0 33px;
}
.sec5-con ul li a .date{
font-size: 18px;
color: #fff;
}
.sec5-con ul li a:hover h3{
color: #fff;
}
.section6{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/0b17e710b2078db529e2f9644ae99c07331c993a.jpg) no-repeat right center;
background-size: 100% 100%;
}
.section6::before{
content: '';
width: 50%;
height: 100%;
background: rgba(38,38,38,0.72);
position: absolute;
top: 0;
left: 0;
}
.sec6-con .cont{
max-width: 580px;
position: relative;
font-family: "微软雅黑";
}
.sec6-con .cont .index-tlt1{
text-align: left;
}
.sec6-con .cont .lxfs{
font-size: 14px;
color: #fff;
line-height: 2;
margin-top: 4vw;
}
.sec6-con .sec6yhfl{
float: left;
width: 50%;
}
.sec6-con .sec6yhfl{
float: left;
width: 70%;
}
.sec6-con .sec6yhwem{
float: left;
width: 27.6%;
}
.sec6-con .sec6yhwem img{
max-width: 100%;
}
.sec6-con .cont .yqlj{
font-size: 14px;
color: #fff;
line-height: 2;
}
.sec6-con .cont .yqlj a{
color: #fff;
}
.sec6-con .cont .sub-company{
padding: 10% 0;
}
.sec6-con .cont .sub-company > h3{
font-size: 14px;
color: rgba(255,255,255,0.57);
margin-bottom: 30px;
}
.sec6-con .cont .sub-company .se a{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 1.75;
letter-spacing: 0px;
color: rgba(255,255,255,0.57);
margin: 0 2px;
word-break: keep-all;
}
.sec6-con .cont .sub-company .sec6-slick{
padding-right: 40px;
position: relative;
}
.sec6-con .cont .sub-company .sec6-slick .slick-con{
padding: 0 5%;
}
.sec6-con .cont .sub-company .sec6-slick .slick-con img{
max-width: 100%;
margin: 0 auto;
}
.sec6-con .cont .sub-company .sec6-slick .slick-arrow{
display: block;
width: 35px;
height: 35px;
padding: 0;
border: none;
outline: none;
position: absolute;
bottom: 0;
text-indent: 100px;
overflow: hidden;
}
.sec6-con .cont .sub-company .sec6-slick .slick-prev{
display: none!important;
}
.sec6-con .cont .sub-company .sec6-slick .slick-next{
right: 0;
top: 50%;
margin-top: -17.5px;
}
.sec6-con .cont .back-top{
margin-top: 5%;
}
.sec6-con .cont .back-top a{
display: inline-block;
font-size: 12px;
color: rgba(255,255,255,.51);
padding-right: 60px;
line-height: 36px;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/445336d5bc2a77d1eb79d37dab26b70332b0a595.png) no-repeat right center;
}
.sec6-con .cont .fnav{
font-size: 14px;
color: #fff;
line-height: 2;
margin-top: 20px;
}
.sec6-con .cont .fnav a{
color: #fff
}
.sec6-con .cont .copyr{
font-size: 14px;
color: rgba(255,255,255,0.3);
line-height: 2;
margin-top: 2.8vw;
}
.sec6-con .cont .copyr a{
color: rgba(255,255,255,0.3);
}
.n-menu{
padding: 40px 0;
}
.n-menu .sort{
text-align: center
}
.n-menu .sort > li{
display: inline-block;
margin: 0 10px 10px;
}
.n-menu .sort > li > a{
display: block;
padding: 0 20px;
border: 1px solid #dddddd;
font-size: 15px;
line-height: 35px;
color: #333;
}
.n-menu .sort > li:hover > a{
background: #f4bd65;
color: #fff;
}
.x-banner{
height: 100vh;
}
@media (max-width: 1200px) {
.x-banner{
height: auto;
}
}
@media (max-width: 1200px) {
.section0, .section0 .fp-tableCell,
.section1, .section1 .fp-tableCell,
.section2, .section2 .fp-tableCell,
.section3, .section3 .fp-tableCell,
.section4, .section4 .fp-tableCell,
.section5, .section5 .fp-tableCell,
.section6, .section6 .fp-tableCell{
display: block !important;
height: auto !important;
}
.sideNav{
display: none!important;
}
.head-menu > li > a{
font-size: 16px;
margin-bottom: 20px;
}
.head-menu .head-sub-menu > li > a{
font-size: 12px;
}
.index-tlt1 h2{
font-size: 24px;
}
.index-tlt1 p{
font-size: 22px;
}
.sec5-con ul li a h3{
font-size: 16px;
}
.sec1-right .sec1-right-con dt img{
max-width: 40px;
}
.sec1-right .sec1-right-con > h3{
font-size: 24px;
}
.sec1-right .sec1-right-con > h4{
font-size: 22px;
}
.sec1-right .sec1-right-con .jj{
font-size: 13px;
}
.section2{
padding: 40px 0;
}
.section3{
padding: 40px 0;
}
.section4{
padding: 40px 0;
}
.section5{
padding: 40px 0;
}
.section6{
padding: 40px 0;
}
.sec3-left{
width: 100%;
float: none;
height: 600px;
}
.sec3-right{
width: 100%;
position: static;
text-align: center;
margin-top: 0;
margin-bottom: 4%;
}
.sec3-right h3{
font-size: 24px;
}
.sec3-right h4{
font-size: 22px;
}
.sec3-left ul li .bt h3{
font-size: 20px;
}
.sec3-left ul li .bt p{
font-size: 18px;
}
.section6::before{
width: 60%;
}
}
@media (max-width: 1024px){
.fwyw2 ul li h4{
font-size: 12px;
line-height: 1.5;
}
.hxjzl ul li .wz{
font-size: 16px;
}
}
@media (max-width: 990px){
body{
padding-top: 60px;
}
.sec0-con ul li{
width: 120px;
height: 32px;
margin: 0 10px;
}
.sec0-con ul li a{
line-height: 30px;
border-radius: 15px;
font-size: 12px;
}
.x-banner .owl-carousel .owl-dots button.owl-dot{
width: 48px;
}
.sec2-con ul li .cont h3{
font-size: 18px;
}
.sec2-con ul li .cont p{
font-size: 12px;
}
.sec2-con ul li .cont a{
font-size: 12px;
width: 120px;
}
.section6::before{
width: 70%;
}
.section2{
background-size:cover!important;
}
}
@media (max-width: 768px){
.sec0-con ul li{
width: 90px;
margin: 0 2px;
}
.section1{
background: none;
}
.sec1-left{
width: 100%;
}
.sec1-right{
width: 100%;
background: url(//cdn.myxypt.com/b2e7ddac/21/09/38871219e379f7e569e3c806fd632bdd5921df9a.png)no-repeat center;
background-size: 100% 100%;
}
.sec1-right .sec1-right-con{
padding: 40px 15px;
margin: 0;
width: 100%;
max-width: 100%;
}
.sec2-con ul li{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.sec2-con ul li .cont{
padding: 15% 5%;
}
.sec2-con ul li .cont a{
margin-top: 30px;
}
.sec3-left ul li .bt .cont{
margin-top: -30px;
}
.sec3-left ul li .bt h3{
font-size: 16px;
line-height: 30px;
}
.sec3-left ul li .bt p{
font-size: 14px;
line-height: 30px;
}
.sec3-left ul li .wz p{
font-size: 12px;
}
.sec5-con ul li{
width: 100%;
}
.sec5-con ul li a{
padding: 20px;
}
.sec5-con ul li a h3{
font-size: 14px;
}
.sec5-con ul li a .info{
font-size: 12px;
}
.sec5-con ul li a .date{
font-size: 12px;
}
.section6::before{
width: 100%;
}
.fwyw2 ul li{
width: 31.5%;
}
.fwyw2 ul li:nth-child(4){
margin-right: 2%;
}
.fwyw2 ul li:nth-child(3n){
margin-right: 0%;
}
.hxjzl ul li{
width: 47%;
margin-bottom: 20px;
height: 380px;
}
.hxjzl ul li:nth-child(2n){
margin-right: 0;
}
.title h3{
font-size: 24px;
}
.title h4{
font-size: 16px;
}
}
@media (max-width: 640px){
.fwyw2 ul li:nth-child(3n){
margin-right: 2%;
}
.fwyw2 ul li:hover{
padding-top: 15px;
}
.fwyw2 ul li:nth-child(2n){
margin-right: 0%;
}
.fwyw2 ul li{
width: 49%;
padding-top: 30%;
height: 280px;
}
.hxjzl ul li{
width: 100%;
margin-right: 0;
}
.hxjzl ul li{
background: url(//cdn.myxypt.com/b2e7ddac/21/09/03562e744f811853a6cdaabbce36c8b0216de348.png)no-repeat center 150px #3b3163;
}
}
@media (max-width:767px){
body{
padding-bottom: 50px;
}
}
li {
list-style: none;
}
.q_d_m {
float: left;
width: 100%;
height: 50px;
}
.pf_down {
width: 100%;
float: left;
position: fixed;
left: 0;
bottom: 0;
height: 50px;
background: #191919;
z-index: 999;
border-top: 1px solid #fff;
}
.pf_down li {
width: 33.333333%;
float: left;
text-align: center;
padding: 7px 0 4px 0;
border-right: 1px solid #fff;
}
.pf_down li .ico7 {
width: 100%;
float: left;
height: 20px;
}
.pf_down li .d_name {
width: 100%;
float: left;
margin-top: 4px;
font-size: 12px;
color: #fff;
line-height: 14px;
}
.pf_down li.l1 .ico7 {
background: url(//cdn.myxypt.com/b2e7ddac/21/09/1f8cd35ae64eefffd33925493be4dfbcbd1d1896.png) no-repeat center;
background-size: 20px 20px;
}
.pf_down li.l2 .ico7 {
background: url(//cdn.myxypt.com/b2e7ddac/21/09/ff7c66fb24b4a9915b8b78fe01294c2f2e253cca.png) no-repeat center;
background-size: 20px 20px;
}
.pf_down li.l3 .ico7 {
background: url(//cdn.myxypt.com/b2e7ddac/21/09/0ceb54809c9bd5a71956b3435e593defb2655b83.png) no-repeat center;
background-size: 20px 20px;
}
.pf_down li:nth-child(3n) {
border: none;
}