@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: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:'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%);
}
/*头部样式*/
.head-bg {
background: #f7f7f7;
}
.wel {
float: left;
line-height: 34px;
font-size: 12px;
color: #999999;
}
.wel p {
margin: 0;
}
.k1 {
float: right;
line-height: 34px;
font-size: 12px;
color: #999999;
}
.k1 a {
color: #999999;
}
.k1 p {
margin: 0;
}
.bhhann {
float: right;
line-height: 60px;
}
.search_box {
display: none;
position: absolute;
top: 130px;
z-index: 9999;
background: #fff;
width: 1920px;
left: 50%;
margin-left: -960px;
padding: 5px 0;
}
.search {
text-align: left;
}
#formsearch {
width: auto;
float: right;
}
.hotSearch {
width: auto;
float: left;
height: 24px;
line-height: 24px;
font-weight: normal;
color: #333333;
}
#search-type {
float: left;
width: 100px;
height: 24px;
border: 1px solid #c8c8c8;
margin-right: 5px;
}
/*搜索和热门搜索*/
.hotSearch a {
margin-right: 6px;
color: #333333;
}
.hotSearch a:hover {
color: #014a97;
}
#formsearch input {
height: 22px;
background: #fff;
border: 1px solid #c8c8c8;
line-height: 22px;
}
#formsearch input#keyword {
height: 24px;
line-height: 24px;
padding-left: 4px;
color: #666;
}
#formsearch input#s_btn {
width: 46px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: #3480ce;
color: #fff;
border: none;
cursor: pointer;
float: right;
}
@media(max-width:767px){
#formsearch input#keyword{
margin-top: 10px;
}
}
.x-header {
padding: 1.041666% 0;
}
.x-logo {
width: 25.3125%;
}
.x-banner .owl-carousel .owl-dots button.owl-dot {
border-radius: 0;
width: 2em;
height: 2px;
}
.x-banner .owl-carousel .owl-dots button.owl-dot.active {
background: #ea3f01;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 768px) {
.container {
width:750px
}
}
@media (min-width: 992px) {
.container {
width:970px
}
}
@media (min-width: 1200px) {
.container {
width:1230px
}
}
@media (min-width: 1240px) {
.container {
width:1270px
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
/*cont1*/
.cont1 {
background: url(//cdn.myxypt.com/9698e6df/21/04/b92e288db4a0075b9e54ece399aa7da91d970def.jpg) no-repeat center top;
padding: 3.28125vw 0;
box-sizing: border-box;
border-bottom: 1px solid #ebebeb;
background-size: cover;
}
.title_ad1 {
text-align: center;
}
.title_ad1 h2 {
color: #000000;
font: 600 36px/58px "微软雅黑";
}
.title_ad1 h2:after {
content: "";
display: block;
width: 30px;
height: 2px;
background: #014a97;
margin: 10px auto 10px;
}
.title_ad1 span {
display: block;
color: #666;
font: 500 16px/34px "微软雅黑";
}
.a1_v1 {
margin-top: 72px;
}
.a1_b1 li {
box-sizing: border-box;
background: #fff;
padding: 0 10px;
}
.a1_b1 li a.img .img11 {
position: relative;
}
.a1_b1 li a.img {
display: block;
position: relative;
border: 2px solid #fff;
padding: 10px;
box-shadow: 0 0 8px #ccc;
}
.a1_b1 li a.img img {
width: 100%;
height: auto;
}
.a1_b1 li a.img h3 {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.56);
opacity: 0;
top: 0;
left: 0;
right: 0;
}
.a1_b1 li a.img h3 span {
display: block;
color: #ffffff;
font: 500 16px/36px "微软雅黑";
border-radius: 18px;
width: 196px;
text-align: center;
border: 1px solid #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.a1_b1 li h2 {
display: block;
text-align: center;
color: #666666;
font: 500 15px/34px "微软雅黑";
margin-top: 20px;
}
.a1_b1 li .moer_ah {
display: block;
width: 100%;
border: 1px solid #eeeeee;
color: #666666;
font: 500 12px/38px "微软雅黑";
text-align: center;
margin-top: 20px;
}
.a1_b1 li .moer_ah b {
font-size: 16px;
color: #b2b2b2;
}
.a1_b1 li:hover a.img {
border-color: #014a97;
}
.a1_b1 li:hover .moer_ah {
background: #014a97;
color: #fff;
border-color: #014a97;
}
.a1_b1 li:hover .moer_ah b {
color: #fff;
}
.a1_b1 li:hover a.img h3 {
opacity: 1;
}
@media (max-width: 768px) {
.title_ad1 h2 {
font: 600 18px/29px "微软雅黑";
}
.title_ad1 h2:after {
margin: 5px auto 5px;
}
.title_ad1 span {
font: 500 14px/18px "微软雅黑";
}
.a1_v1 {
margin-top: 20px;
}
.a1_b1 li {
margin-bottom: 10px;
}
.a1_b1 li h2 {
margin-top: 10px;
font: 500 13px/20px "微软雅黑";
}
.a1_b1 li .moer_ah {
margin-top: 10px;
font: 500 12px/20px "微软雅黑";
}
}
/*cont2*/
.cont2 {
margin-top: 2.604166666666667vw;
}
.a2_v1 {
margin-top: 2.604166666666667vw;
display: flex;
}
.a2_b1 {
width: 50%;
}
.a2_b2 {
width: 50%;
}
.a2_c1 {
width: 100%;
background: #f7f7f7;
padding: 10% 0;
}
.a2_c2 img {
max-width: 100%;
}
.abt_wenaa {
width: 60%;
margin-left: 17.70333vw;
}
.abt_wenaa h2 {
color: #333;
font: 600 28px/28px "微软雅黑";
}
.abt_wenaa p {
font-size: 14px;
color: #666666;
font-weight: normal;
margin: 0;
padding-top: 5px;
}
.abt_wenaa h2 span {
display: block;
color: #666666;
font: 500 16px/30px "微软雅黑";
}
.abt_wenaa h2:after {
content: "";
display: block;
width: 45px;
height: 3px;
background: #014a97;
margin: 15px 0 0px;
}
.abt_wen {
color: #666666;
font: 500 14px/30px "微软雅黑";
margin-top: 2px;
}
.xw_hha li {
width: 50%;
height: auto;
text-align: center;
position: relative;
float: left;
}
.xw_hha li .img11 {
position: relative;
}
.xw_hha li .img11 .img12 img {
width: 100%;
height: auto;
}
.xw_hha li a.img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.xw_hha li .wenhha {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.xw_hha li .wenhha i {
display: block;
text-align: center;
}
.xw_hha li .wenhha h3 {
color: #ffffff;
font: 500 28px/44px "微软雅黑";
margin-top: 22px;
}
.xw_hha li .wenhha h3 span {
display: block;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
font: 500 12px/22px "Arial";
display: none;
}
.xw_hha li .wenhha h2 {
margin-top: 26px;
display: none;
}
.xw_hha li:hover a.img {
background: rgba(1, 74, 151, 0.9);
}
.xw_hha li:hover .wenhha h3 span,
.xw_hha li:hover .wenhha h2 {
display: block;
}
@media (max-width: 1366px) {
.a2_v1 {
display: block;
}
.a2_b1 {
width: 100%;
float: none;
}
.a2_c1 {
padding: 2%;
}
.abt_wenaa {
width: 100%;
margin-left: 0;
padding: 0 2%;
}
.a2_b2 {
width: 100%;
float: none;
}
.a2_c2 {
width: 100%;
}
.a2_c2 img {
width: 100%;
}
}
@media (max-width: 768px) {
.abt_wenaa h2 {
font: 600 18px/20px "微软雅黑";
}
.abt_wenaa p {
font-size: 12px;
}
.abt_wen {
font: 500 14px/22px "微软雅黑";
}
.xw_hha li .wenhha h3 {
font: 500 16px/10px "微软雅黑";
margin-top: 10px;
}
}
/*cont3*/
.cont3 {
padding-top: 3.90625vw;
position: relative;
background: url(//cdn.myxypt.com/9698e6df/21/04/a630e01001f23da3fe8827714f6e2a4d636960cd.jpg) bottom center no-repeat;
text-align: center;
background-size: cover;
}
.a3_b1 {
margin-top: 3.90625vw;
}
.a3_b1 li {
float: left;
padding: 10px 10px 0;
background: none;
}
.a3_b1 li a.img {
display: block;
}
.a3_b1 li a.img img {
width: 100%;
height: auto;
}
.a3_b1 li h2 a {
display: block;
text-align: center;
color: #333333;
font: 500 16px/60px "微软雅黑";
opacity: 0;
}
.a3_b1 li:hover {
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.a3_b1 li:hover h2 a {
opacity: 1;
}
a.case_more {
display: block;
color: #fff;
background: #014a97;
font: 500 16px/46px "微软雅黑";
width: 18%;
text-align: center;
border-radius: 23px;
margin: 102px auto 0;
}
@media (max-width: 768px) {
.a3_b1 li h2 a {
font: 500 12px/30px "微软雅黑";
opacity: 1;
}
a.case_more {
width: 40%;
margin: 10px auto 0;
}
}
/*cont4*/
.cont4 {
margin-top: 3.4375vw;
margin-bottom: 3.4375vw;
}
.x-case-item a {
border: 1px solid #f4f4f4;
margin: 0 5%;
}
.x-banner .owl-carousel {
position: relative;
}
.x-case-list .owl-carousel .owl-nav .owl-prev {
left: 0;
background: url(//cdn.myxypt.com/9698e6df/21/04/f3341909249d16b0e5652e8a1956f3b8e4195875.png) no-repeat left center;
width: 20px;
height: 20px;
}
.x-case-list .owl-carousel .owl-nav .owl-next {
right: 0;
background: url(//cdn.myxypt.com/9698e6df/21/04/ff89fa4bba0519f24b9ec485d86618aea50df70e.png) no-repeat left center;
}
.x-case-list .owl-carousel .owl-nav.disabled {
display: block;
}
.x-case-list .owl-carousel .owl-nav button.owl-prev,
.x-case-list .owl-carousel .owl-nav button.owl-next {
outline: none;
position: absolute;
top: 50%;
z-index: 9999;
height: 46px;
width: 24px;
margin-top: -23px;
border-radius: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.x-case-list .owl-carousel .owl-nav .icon-font {
display: block;
width: 100%;
height: 100%;
}
.x-case-list .owl-carousel .owl-nav .owl-prev:after {
display: none;
}
.x-case-list .owl-carousel .owl-nav .owl-next:after {
display: none;
}
/*cont5*/
.cont5 {
background: url(//cdn.myxypt.com/9698e6df/21/04/f1936fa668e8a39864e040ff6af5732692a2c654.jpg) no-repeat center top;
box-sizing: border-box;
background-size: cover;
padding: 7.8125vw 0;
}
.a5_v1 {
display: flex;
}
.a5_b1 {
width: 72%;
box-sizing: border-box;
padding: 25px 22px;
background: #fff;
}
.a5_b2 {
box-sizing: border-box;
padding: 25px 22px 0;
width: calc(100% - 72%);
}
.xw_tti h2 {
color: #333333;
font: 500 36px/50px "微软雅黑";
float: left;
}
.xw_tti h2 span {
color: #999999;
font: 500 16px/25px "微软雅黑";
display: block;
}
.xw_tti a.more_xw {
display: block;
float: right;
color: #c1c1c1;
font: 500 12px/40px "微软雅黑";
width: 40px;
border: 1px solid #f4f4f4;
text-align: center;
margin-top: 8px;
}
.a5_abba {
margin-top: 38px;
}
.xw_a1 {
width: 50%;
float: left;
}
.xw_a1 li a.img {
display: block;
}
.xw_a1 li a.img img {
max-width: 100%;
height: auto;
}
.xw_a1 li h2 a {
display: block;
color: #333333;
font: 500 18px/38px "微软雅黑";
margin-top: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.xw_a1 li h3 {
color: #666666;
font: 500 14px/24px "微软雅黑";
margin-top: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.xw_a1 li a.nxbnba {
display: block;
color: #ffffff;
font: 500 14px/38px "微软雅黑";
width: 118px;
box-sizing: border-box;
padding-left: 15px;
background: url(//cdn.myxypt.com/9698e6df/21/04/150fa205ddfe035678b86bf473c5e07683fb56ea.jpg) no-repeat center;
margin-top: 36px;
}
.xw_a2 {
float: right;
width: 45%;
margin-top: 8px;
}
.xw_a2 li a {
display: block;
color: #666;
font: 500 14px/50px "微软雅黑";
border-bottom: 1px solid #e5e5e5;
background: url(//cdn.myxypt.com/9698e6df/21/04/4067341efd53c86031f0c448a7515ae845a798db.png) no-repeat center left;
padding-left: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.a5_b2 {
background: #004b97;
}
.abr_ahjhj h2 {
color: #fff;
font: 500 36px/50px "微软雅黑";
}
.abr_ahjhj h2 span {
display: block;
font: 500 16px/24px "微软雅黑";
}
.a5_ahh {
color: #fff;
font: 500 12px/24px "微软雅黑";
margin-top: 1.5625vw;
background: url(//cdn.myxypt.com/9698e6df/21/04/bc3775c1d52f829f21e4600060ef544d97a9327d.png) no-repeat left center;
padding-left: 10%;
}
.a5_ahh p {
margin: 0;
}
.a5_ahh img {
padding-right: 22px;
}
.a6_ahh {
color: #fff;
font: 500 12px/24px "微软雅黑";
margin-top: 1.5625vw;
background: url(//cdn.myxypt.com/9698e6df/21/04/9a0ddf0d0d4a3e9777e5db0ed2783d1043140f74.png) no-repeat left center;
padding-left: 10%;
}
.a6_ahh p {
margin: 0;
}
.a6_ahh img {
padding-right: 22px;
}
.sou_tu {
margin-top: 1.5625vw;
}
.sou_tu p {
margin: 0;
}
.sou_tu img {
max-width: 100%;
}
@media (max-width: 1366px) {
.a5_v1 {
display: block;
}
.a5_b1 {
width: 100%;
}
.a5_b2 {
width: 100%;
margin-top: 10px;
}
.ct-con {
display: flex;
}
.ct {
width: 50%;
}
.sou_tu {
width: 50%;
margin-top: 0;
}
}
@media (max-width: 768px) {
.xw_a1 {
float: none;
width: 100%;
}
.ct-con {
display: block;
}
.ct {
width: 100%;
}
.sou_tu {
width: 100%;
margin-top: 0;
}
.xw_a2 {
width: 100%;
margin-top: 0;
}
.xw_tti h2 {
font: 500 20px/22px "微软雅黑";
}
.xw_tti h2 span {
font: 500 12px/25px "微软雅黑";
}
.xw_tti a.more_xw {
font: 500 12px/30px "微软雅黑";
}
.a5_abba {
margin-top: 10px;
}
.xw_a1 li h2 a {
font: 500 16px/20px "微软雅黑";
margin-top: 10px;
}
.xw_a1 li h3 {
font: 500 12px/20px "微软雅黑";
margin-top: 6px;
}
.xw_a1 li a.nxbnba {
margin-top: 10px;
}
.xw_a2 li a {
font: 500 14px/34px "微软雅黑";
}
}
.x-layout {
background: #323131;
padding: 2.083333333333333vw 0;
}
.x-layout-menu dl {
text-align: left;
}
.x-layout-menu dl dt {
margin-bottom: 20px;
font-size: 17px;
font-weight: normal;
}
.x-layout-menu dl dt p {
width: 18px;
height: 1px;
background: #7a7979;
margin: 10px 0;
}
.x-layout-menu dl dd a {
font-size: 12px;
}
.foot-ct {
color: #fff;
background: url(//cdn.myxypt.com/9698e6df/21/04/19fdbd36809e6c5f61b392ecc0388a8e1c89fe08.png) no-repeat left center;
padding-left: 30%;
margin-top: 1vw;
}
.foot-ct p {
margin: 0;
}
.foot-ct p:nth-of-type(1) {
font-size: 24px;
}
.foot-ct p {
font-size: 14px;
}
.foot-foucs {
color: #fff;
background: url(//cdn.myxypt.com/9698e6df/21/04/19fdbd36809e6c5f61b392ecc0388a8e1c89fe08.png) no-repeat left center;
padding-left: 30%;
margin-top: 1vw;
}
.foot-foucs p {
margin: 0;
}
.foot-foucs p:nth-of-type(1) {
font-size: 24px;
}
.foot-foucs p {
font-size: 14px;
}
.x-footer {
background: #323131;
border-top: 1px solid #3e3d3d;
text-align: left;
}
.f1 {
float: left;
}
.f2 {
float: right;
}
@media (max-width: 980px) {
.foot-ct {
padding-left: 12%;
}
.foot-foucs {
padding-left: 12%;
}
}
@media (max-width: 768px) {
.abr_ahjhj h2 {
font: 500 18px/25px "微软雅黑";
}
.abr_ahjhj h2 span {
font: 500 14px/20px "微软雅黑";
}
}
/*手机底部*/
@media (max-width:768px){
.db{display:block!important;}
}
.dbb{height:50px;}
/* 页脚 */
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #be131b;
}
.footer ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
color: #ffffff;
line-height: 30px;padding:10px 0;
font-size: 0;
}
.footer ul li.active {
background: #da251c;
}
.footer ul li a {
display: block;color:#fff;
}
.footer ul li .iconfont {
font-size: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.footer ul li span {
display: inline-block;
vertical-align: middle;
font-size: 16px;color:#fff;
}
.footer li .icon-home{ background: url(//cdn.myxypt.com/9698e6df/21/04/a402bc01c6dc3926547b293617c40a07ccb0b6ce.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(//cdn.myxypt.com/9698e6df/21/04/6692ffcade5bcb7213ce6ecfcb90df30c9a93b1b.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(//cdn.myxypt.com/9698e6df/21/04/0a1cdd6ad8c45a748f6f05fcdd539b5ce1a8d7f3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(//cdn.myxypt.com/9698e6df/21/04/a7443b1885656d81a1bfad867a4543bd7c35bba4.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}