@CHARSET "utf-8";
html{margin:0;padding:0;border:0;font-family:'微软雅黑'!important;}
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 微软雅黑;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'微软雅黑';}
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;
}
.hezuo li{
margin-bottom: 3%
}
.aby_hh li:hover .aby_hh_img img{
filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
.yuyan{
float: left;
width: 50%;
font:400 16px/30px "微软雅黑";
color: #333;
margin-top: 10%;
display:block;
}
.ssd{
float: right;
width: 22%;
position: relative;
}
.ssy{
position: absolute;
top:110%;
right: 0px;
display: block;
z-index: 9999;
display: none;
}
.sgg{
background: url(../images/ss.png) right center no-repeat;
height: 20px;
background-size: 100% 100%;
width: 20px;
margin-top: 60%;
display:block;
}
.yeeyu{
text-align: center;
}
.yeeyu_tt{
font:600 30px/45px "微软雅黑";
color: #333;
margin-top: 4%;
}
.yeeyu_yy{
font:400 16px/40px "微软雅黑";
color: #333;
}
.ssp{
margin-top: 4%;
}
.ssp li{
float: left;
width: 18%;
margin: 0 1%;
text-align: center;
margin-top: 0px;
transition: all 0.6s ease;
}
.ssp_img img{
width: 100%;
height: auto;
}
.sspbei{
background: #f5f5f5;
padding:12% 8%;
display: block;
}
.ssp_tt{
font:400 20px/60px "微软雅黑";
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ssp_tt a{
color: #333;
}
.ssp_more{
width: 60%;
margin:0 auto;
background: #fff;
border:#d7d7d7 1px solid;
text-align: center;
font:400 14px/46px "微软雅黑";
border-radius: 30px;
}
.ssp_more a{
color: #1d307c;
}
.ssp li:hover{
margin-top: -20px;
transition: all 0.6s ease;
box-shadow: 0 0 10px #ccc;
}
.ssp li:hover .sspbei{
background: #1558a6;
}
.ssp li:hover .ssp_tt a{
color: #fff;
}
.ssp li:hover .ssp_more{
background: #1558a6;
}
.ssp li:hover .ssp_more a{
color: #fff;
}
.nei{
background: url(../images/nei.jpg) top center no-repeat;
background-size: 100% 100%;
padding: 5% 0;
margin-top: 4%;
}
.abt{
background: rgba(255, 255, 255, 0.6);
padding:2.5%;
display: inline-block
}
.btt{
padding: 0 1% 0 6%;
}
.btt_tt{
font: 400 36px/45px "微软雅黑";
color: #0073bc;
}
.btt_nei{
font:400 16px/30px "微软雅黑";
color: #1558a6;
margin-top: 3%;
}
.btt_shu{
margin-top: 3%;
}
.btt_shu_t{
font:600 37px/40px "微软雅黑";
color: #0073bc;
letter-spacing: -2px;
}
.btt_shu_t em{
color: #666666;
font:400 14px/40px "微软雅黑";
font-style: normal;
}
.btt_shu_yy{
color: #666666;
font:400 14px/20px "微软雅黑";
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.abgg img{
width: 100%;
height: auto;
}
.btt_more{
background: rgba(255, 255, 255, 0.4);
width: 20%;
text-align: center;
border-radius: 30px;
font:400 18px/55px "微软雅黑";
box-shadow: 0 0 6px #ccc;
margin-top: 5%;
}
.btt_more a{
color: #333;
}
.cpp{
width: 55%;
margin: 1% auto 0;
}
.sort{
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.sort li{
float: left;
width: 18%;
display: block;
line-height: 60px;
text-align: center;
color: #666666;
font-size: 18px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sort li:hover{
background: url(../images/xian.jpg) center bottom no-repeat;
}
.cgg_img{
position: relative;
}
.cgg_img img{
width: 100%;
height: auto;
}
.ggg{
overflow: hidden;
}
.ggg .swiper-wrapper .bian{
border:#dfdfdf 1px solid;
margin-bottom: 5%;
}
.cff{
border-top:#dfdfdf 1px solid;
font:400 17px/60px "微软雅黑";
color: #000;
padding: 0 2%;
display: flex;
}
.cff_tt{
float: left;
width: 80%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.cff_more{
background: url(../images/more.png) center center no-repeat;
float: right;
width: 29px;
height: 15px;
background-size: 100% 100%;
display: flex;
margin-top: 76%;
}
.cgg{
margin-top: 2%;
}
.mong{
position: absolute;
top:0px;
left:0px;
background: url(../images/bh.png) no-repeat rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
background-size: 100% 100%;
opacity: 0;
}
.ggg .swiper-wrapper .bian:hover .mong{
opacity: 1;
}
.huyt_moe{
width: 10%;
margin:2% auto;
font:400 18px/48px "微软雅黑";
text-align: center;
background: #1558a6;
border-radius: 30px;
}
.huyt_moe a{
color: #fff;
}
.nei1{
background: #f4f4f4;
margin-top: 1%;
padding-bottom: 3%;
}
.anlin{
overflow: hidden;
position: relative;
margin: 2% 4% 0 4%;
}
.anzhan_img img{
width: 100%;
height: auto;
}
.anlin .swiper-wrapper .anzhan{
border:#e2e2e2 1px solid;
}
.anzhan_nei{
background: #fff;
padding: 8%;
display: block;
height: 108px;
overflow: hidden;
margin-top:0px;
transition: all 0.6s ease;
}
.anzhan_nei_tt{
font:600 20px/40px "微软雅黑";
color: #333;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.anzhan_nei_tt a{
color: #333;
}
.anzhan_nei_yy{
font:400 16px/40px "微软雅黑";
color: #333;
background: #fff;
}
.anlin .swiper-wrapper .anzhan:hover .anzhan_nei{
margin-top: -90px;
height: 205px;
background: #fff;
transition: all 0.6s ease;
z-index: 9999;
display: block;
position: relative;
}
.anlin .swiper-wrapper .anzhan:hover .anzhan_nei_tt a{
color: #1558a6;
cursor: pointer;
}
.mmbg{
width: 13%;
margin:4% auto 0;
text-align: center;
background: #fff;
border-radius: 30px;
font:400 18px/48px "微软雅黑";
color: #333;
box-shadow: 0 0 5px #ccc;
display: block;
}
.mmbg a{
color: #333;
}
.anlinnext{
position: absolute;
bottom: 16px;
left: 45%;
background: url(../images/left.png) no-repeat;
width: 9px;
height: 14px;
z-index: 9999;
outline: none;
}
.anlinprev{
position: absolute;
bottom: 16px;
right: 45%;
background: url(../images/right.png) no-repeat;
width: 9px;
height: 14px;
z-index: 9999;
outline: none;
}
.hezuo_img img{
width: 100%;
height: auto;
border:#d9d9d9 1px solid;
}
.hezuo{
overflow: hidden;
margin-top: 2%;
}
.aniunug{
text-align: center;
margin-top: 1.4%;
}
.aniunug .swiper-pagination-bullet{
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background: #666666;
opacity: 1.2;
}
.aniunug .swiper-pagination-bullet-active{
background: #0098db;
}
.nei2{
background: #f4f4f4;
margin-top: 4%;
padding-bottom: 4%;
}
.xwh{
margin-top: 2%;
}
.xwh_img img{
width: 100%;
height: auto;
}
.xwgg_tt{
font:600 18px/40px "微软雅黑";
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xwgg_tt a{
color: #333;
}
.xwh_nei{
margin-top: 3%;
display: block;
}
.xwgg_yy{
font:400 14px/24px "微软雅黑";
color: #999999;
margin-top: 1%;
}
.xwgg_mm{
font:400 14px/40px "微软雅黑";
color: #666;
margin-top: 2%;
position: relative;
}
.xwgg_mm span{
background: url(../images/more1.png) right center no-repeat;
width: 27px;
height: 27px;
display: block;
position: absolute;
top:8px;
right: 0px;
}
.huyt_moe1{
background: #fff;
width: 12%;
text-align: center;
border-radius: 30px;
font: 400 18px/55px "微软雅黑";
box-shadow: 0 0 6px #ccc;
margin-top: 5%;
margin: 4% auto 0;
display: block;
}
.huyt_moe1 a{
color: #333;
}
.xiant{
border-bottom:#f4f4f4 2px solid;
margin-top: 2%
}
.xwh li:hover .xwgg_tt a{
color: #318dc7;
}
.xwh li:hover .xiant{
border-bottom:#0073bc 2px solid;
}
.lian_tt{
font-size: 18px;
color: #fff;
margin-bottom: 1em;
font-weight: 400;
}
.lian_nei{
font:400 14px/28px "微软雅黑";
color: #b0bacb;
}
.lian{
border-left:#fff 1px solid;
padding-left: 10%;
}
.liu{
border-left:#fff 1px solid;
padding-left: 5%;
display: inline-block;
}
.x-message-wrap input::-webkit-input-placeholder,
.x-message-wrap textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
.x-message-wrap input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
.x-message-wrap input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
.x-message-wrap input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
.x-message-wrap input[type='text']::-webkit-input-placeholder{
color: #fff;
}
.ering img{
max-width: 100%;
height: auto;
}
.you{
margin-top: 2%;
font:400 14px/27px "Microasoft Yahei";
color: #fff;
}
.you a{
color: #fff
}
.x-copyright{
font:400 14px/27px "Microasoft Yahei";
color: #99a9bb;
}
.x-copyright a{
color: #99a9bb;
}
.lian_nei p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media(max-width:1700px){
.x-menu{
width: 45%;
}
}
@media(max-width:1600px){
.lian_nei{
font: 400 14px/28px "微软雅黑";
}
.logowz{
display: none
}
.x-menu {
width: 55%;
}
}
@media(max-width:1440px){
.anzhan_nei{
height: 99px;
}
.lian_nei{
font: 400 12px/28px "微软雅黑";
}
.x-layout-menu dl dd a{
font-size: 12px;
}
.btt_shu_t{
font: 600 30px/40px "微软雅黑";
}
.btt_shu_yy{
font: 400 12px/20px "微软雅黑";
}
.x-header-right{
width: 15%;
}
}
@media(max-width:1024px){
.x-header-right{
width: 18%;
margin-top: 5px;
}
.btt{
padding: 2% 0;
}
.abt .col-md-4{
display: none;
}
.abt .col-md-8{
width: 100%;
}
.cff{
border-top: #dfdfdf 1px solid;
font: 400 14px/43px "微软雅黑";
color: #000;
padding: 0 2%;
display: flex;
}
.cff_more{
margin-top: 47%;
}
.anzhan_nei{
height: 95px;
}
.x-layout-menu dl dt{
font-size: 15px;
}
.lian_tt{
font-size: 15px;
}
.huyt_moe1{
width: 22%;
}
.mmbg{
width: 40%;
}
.anlinnext{
left: 35%;
}
.anlinprev{
right: 35%;
}
.huyt_moe{
width: 21%;
}
.cpp{
width: 100%;
}
.x-banner .owl-carousel .owl-dots button.owl-dot{
width: 6rem;
height: 0.5rem;
}
.xwgg_tt{
font-size: 16px
}
.lian{
padding-left: 0;
border: none
}
.liu{
padding-left: 0;
border: none
}
}
@media(max-width:768px){
.ssp li{
width: 31.3%;
margin-bottom: 2%;
}
.ssp li:hover{
margin-top: 0;
}
.anzhan_nei_yy , .anzhan_nei_rong{
display: none
}
.btt_shu_t{
font-size: 24px;
}
.lian{
border-left:none;
padding-left: 0px;
}
.liu{
border-left:none;
padding-left: 0px;
width: 100%;
}
.erin{
display: none;
}
.lian{
display: none;
}
.ssp_more{
width: 78%;
margin: 0 auto;
background: #fff;
border: #d7d7d7 1px solid;
text-align: center;
font: 400 14px/31px "微软雅黑";
border-radius: 30px;
}
.ssp_tt{
font: 400 15px/40px "微软雅黑";
}
.anlin .swiper-wrapper .anzhan .anzhan_nei,
.anlin .swiper-wrapper .anzhan:hover .anzhan_nei{
margin-top: 0;
height: auto;
}
.xwgg_tt{
font-size: 14px
}
}
@media(max-width:425px){
.btt_more{
background: rgba(255, 255, 255, 0.4);
width: 60%;
text-align: center;
border-radius: 30px;
font: 400 16px/42px "微软雅黑";
box-shadow: 0 0 6px #ccc;
margin:3% auto 0;
}
.huyt_moe{
width: 50%;
}
.anzhan_nei_tt{
font: 600 16px/30px "微软雅黑";
}
.anzhan_nei{
height: 65px;
}
.mmbg{
width: 50%;
}
.anlinnext{
left: 29%;
}
.anlinprev{
right: 29%;
}
.xwgg_yy{
font: 400 12px/20px "微软雅黑";
}
.huyt_moe1{
width: 50%;
}
.btt_nei{
font: 400 12px/22px "微软雅黑";
color: #1558a6;
margin-top: 3%;
}
.btt_tt{
font: 400 30px/25px "微软雅黑";
}
.sort li{
float: left;
width: 18%;
display: block;
line-height: 47px;
text-align: center;
color: #666666;
font-size: 12px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yeeyu_yy{
font: 400 12px/24px "微软雅黑";
}
}