@import url("../fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url(../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
body{font-family:Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased; background:#f4f4f4;}
ol,ul{list-style:none;}
h1,p,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
textarea {background:none repeat scroll 0 0 #ffffff;resize:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#e3211a;}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m {margin:auto;width:1200px;clear:both; position:relative}
.b1 {height:1px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}
.m1340 { margin: auto;width: 1340px;clear: both;}

.xc_title { text-align:center; margin:100px 0 80px;}
.xc_title strong { color:#444; font-size:20px; display:block;}
.xc_title strong em { color:#ff6600; font-weight:400; margin-right:5px;}
.xc_title p { color:#999; font-size:14px; margin:10px 0;}

.xc_more { width:220px; height:54px; border-radius:30px; margin:80px auto 0; font-size:16px; border:2px solid #ff6600; text-align:center; line-height:54px;transition: all .3s;cursor:pointer;}
.xc_more a { color:#ff6600;}
.xc_more:hover { background:#ff6600;}
.xc_more:hover a { color:#fff;}

.xc_head { height:80px; padding:0 25px; background:#fff;}
.xc_head .xc_logo { float:left;height: 80px;display: flex;align-items: center;}
.xc_head .xc_logo img { height:70px;}
.xc_head .xc_menu { float:right;display:block;}
.xc_head .xc_menu ul li { display:inline-block;float:left; line-height:80px;margin:0 25px; position:relative;cursor:pointer;}
.xc_head .xc_menu ul li:after { content:""; display:inline-block; width:0; height:2px; background:#ff6600;position:absolute;bottom:0;left:0;transition: all .3s;}
.xc_head .xc_menu ul li:hover:after { width:100%;}
.xc_head .xc_menu ul li span { color:#666; font-size:14px;}
.xc_head .xc_menu ul li:hover span { color:#ff6600;}

.xc_head .xc_search { float:right; height:80px;display: flex;align-items: center;}
.xc_head .xc_search .neik { overflow:hidden;}
.xc_head .xc_search ul li { float:left;padding:2px;}
.xc_head .xc_search ul li input { border:none; background:none;outline:none}

.xc_head .xc_search ul li.li_1 { border:1px solid #e6e6e6; border-right:none; border-radius:20px 0 0 20px;}
.xc_head .xc_search ul li.li_2 { border:1px solid #e6e6e6; border-left:none; border-radius:0 20px 20px 0;}

.xc_head .xc_search ul li.li_1 input { height:32px; color:#888; padding-left:15px;}
.xc_head .xc_search ul li.li_2 input { width:32px; height:32px; background:#0061a5; border-radius:50%; color:rgba(255,255,255,.7);}


.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { float: left;list-style-type:none; position:relative;}
.m-focus .m-focus-box .swiper-wrapper li a { position: relative;width: 100%;display: block;}
.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}
.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:20px;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;cursor:pointer;margin: 0 5px;width:20px;height:6px;background:#fff;}
.swiper-pagination-bullet-active {background:#024697;width:20px;height:6px;}

.m-focus .m-focus-box .swiper-wrapper li .text { position:absolute; top:50%; left:30%; z-index:3; color:#fff;transform: translate(-50%, -50%);}
.m-focus .m-focus-box .swiper-wrapper li .text:before { content:"";display:inline-block; width: 60px;height: 3px; background:#ff6600; margin-bottom:50px;}
.m-focus .m-focus-box .swiper-wrapper li .text h3 { font-size:24px; display:block; font-weight:100;}
.m-focus .m-focus-box .swiper-wrapper li .text p { font-size:42px;font-weight:100; margin:20px 0 50px;}
.m-focus .m-focus-box .swiper-wrapper li .text span a { background:#ff6600; display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; color:#fff; border-radius:30px; font-size:16px;}

.mobile_menu { background:#f5f5f5; padding:5px 10px 8px; height:34px; width:44px; box-sizing:border-box; float:right; border-radius:3px; border:1px solid #e6e6e6; margin-top:8px; display:none;}
.mobile_menu span { width:100%; height:2px; display:block; background:#666; margin-top:4px;}

.xc_brand { overflow:hidden;}
.xc_brand ul li { float:left; width:13.3333333%; margin-right:4%;}
.xc_brand ul li:nth-child(6n+6) { margin-right:0;}
.xc_brand ul li .image { width:100%;}
.xc_brand ul li .image img { width:100%;border-radius:50%; border:1px solid #eee; box-sizing:border-box; padding:10px; background:#fff;}

.xc_sell { overflow:hidden; padding-bottom:80px;}
.xc_sell ul li { float:left; margin-right:2%; width:23.5%;border:1px solid #eee; box-sizing:border-box;transition: all .3s ease;position:relative;top:0;}
.xc_sell ul li:hover { box-shadow:0 17px 50px 0 rgba(0,0,0,.15);top:-3px}

.xc_sell ul li:nth-child(4n+4) { margin-right:0;}
.xc_sell ul li .image { width:100%;overflow:hidden;}
.xc_sell ul li .image img { width:100%;transition: all .3s ease;}
.xc_sell ul li:hover .image img { transform: scale( 1.05);}
.xc_sell ul li .text { padding:15px; background:#fff; border-top:1px solid #eee;}
.xc_sell ul li .text h3 { display:block; color:#333; font-size:16px; font-weight:400;transition: all .3s ease;}
.xc_sell ul li:hover .text h3 { color:#ff6600;}
.xc_sell ul li .text p { color:#999;margin-top:10px; font-size:14px;}

.xc_mall { overflow:hidden;}
.xc_mall ul li { width:50%; float:left; position:relative; overflow:hidden;}
.xc_mall ul li .image { width:100%;}
.xc_mall ul li .image img { width:100%;transition: all linear .2s;filter: grayscale(100%);}
.xc_mall ul li:hover .image img { transform: scale( 1.1);filter: grayscale(0%);}
.xc_mall ul li .text { position:absolute; top:0px; width:100%; height:100%; padding:10px; box-sizing:border-box;}
.xc_mall ul li .embed { border:2px solid rgba(0,0,0,0);width:100%; height:100%; box-sizing:border-box; padding-left:15%;transition: all linear .2s;}
.xc_mall ul li:hover .embed { border:2px solid #ff6600;}
.xc_mall ul li .embed h3 { font-size:30px; display:block; margin-top:80%; color:#ff6600;transition: all linear .2s;}
.xc_mall ul li:hover .embed h3 { color:#ff6600;}
.xc_mall ul li .embed em { font-family:Oswald; margin-bottom:30px; font-size:16px; color:#ccc;display:block;}
.xc_mall ul li .embed p { font-size:14px; font-weight:700; color:#fafafa;}
.xc_mall ul li .embed .action { width:60px; height:2px; background:#333; margin-top:50px;position:relative;}
.xc_mall ul li .embed .action:before { content:""; display:inline-block;position:absolute; top:0px; left:0px; background:#ff6600; width:0; height:2px;
transition: all linear .2s;}
.xc_mall ul li:hover .embed .action:before { width:100%;}
.xc_mall ul li dd { height:50%; overflow:hidden;position:relative;cursor:pointer;}
.xc_mall ul li dd .image1 { width:50%;float:right;position:relative;overflow:hidden;}
.xc_mall ul li dd:nth-child(2) .image1 { float:left;}
.xc_mall ul li dd .image1 img { width:100%; transition: all linear .2s;filter: grayscale(100%);}
.xc_mall ul li dd:hover .image1 img { transform: scale( 1.1);filter: grayscale(0%);}
.xc_mall ul li dd .image1 .inside { padding:10px; position:absolute; top:0px; left:0; width:100%; height:100%; box-sizing:border-box;}
.xc_mall ul li dd .image1 .inside em { width:100%; height:100%; border:2px solid rgba(0,0,0,0);display:block;box-sizing:border-box;transition: all linear .2s;}
.xc_mall ul li dd:hover .image1 .inside em { border:2px solid #ff6600;}
.xc_mall ul li dd .text1 { position:absolute; top:0px; width:50%; height:100%; background:#fff; padding:15% 10% 0; box-sizing:border-box;}
.xc_mall ul li dd .text1 .action1 { width:2px; height:100px; background:#333; position:absolute; top:32%; left:12%;}
.xc_mall ul li dd .text1 .action1:before { content:"";display:inline-block;width:2px;height:0;background:#ff6600; position:absolute;top:0;left:0;transition: all linear .2s;}
.xc_mall ul li dd:hover .text1 .action1:before { height:100%;}
.xc_mall ul li dd:nth-child(2) .text1 { right:0;}
.xc_mall ul li dd .text1 h3 { display:block; font-size:20px; color:#000; font-weight:400;transition: all linear .2s;}
.xc_mall ul li dd:hover .text1 h3 {  color:#ff6600;}
.xc_mall ul li dd .text1 em { display:block; color:#999; font-size:14px; margin:30px 0;}
.xc_mall ul li dd .text1 p { font-size:14px; color:#999; line-height:26px;}

.xc_news { overflow:hidden; padding-bottom:80px;}
.xc_news ul li { width:45%; float:Left;box-sizing: border-box;margin-bottom: 20px; padding-top:10px;transition: all linear .3s;}
.xc_news ul li:hover { padding-top:0px;}
.xc_news ul li:nth-child(2n+2) { float:right;}
.xc_news ul li h3 { font-size:18px; color:#333; display:block; margin-bottom:25px;transition: all linear .3s;}
.xc_news ul li:hover h3 { color:#ff6600;}
.xc_news ul li p { color:#555; font-size:14px; line-height:26px; margin-bottom:30px;transition: all linear .3s;}
.xc_news ul li:hover p { margin-bottom:40px;}
.xc_news ul li span { color:#999; font-size:12px;position:relative; padding-top:15px; display:block; padding-left:0;transition: all linear .3s;}
.xc_news ul li:hover span { padding-left:30px;}
.xc_news ul li span:before { content:"";display:inline-block;width:65px;height:2px;background:#333;position:absolute;top:0;left:0; transition: all linear .3s;}
.xc_news ul li:hover span:before { width:100%;background:#ff6600;}


.xc_introduce { overflow:hidden; position:relative;}
.xc_introduce img { width:50%; float:left;}
.xc_introduce .intro { width: 50%;height: 80%;position: absolute;top: 10%; right: 50px;background: #fff; box-sizing:border-box; padding:0 8%;}
.xc_introduce .intro .xc_title { margin:15% 0 10%;}
.xc_introduce .intro p { line-height:30px; font-size:14px; color:#999; text-align:center;}
.xc_introduce .intro .xc_more { border-radius:0px; border:1px solid #ccc; transition: all .3s;cursor:pointer; margin-top:10%;}
.xc_introduce .intro .xc_more a { color:#ccc;}
.xc_introduce .intro .xc_more:hover { background:#ff6600;border:1px solid #ff6600;}
.xc_introduce .intro .xc_more:hover a { color:#fff;}

.xc_service { overflow:hidden;position:relative;}
.xc_service:before { content:"";display:inline-block;height:1px;width:100%;position:absolute;top:50%;background:#ddd; z-index:-1;}
.xc_service dl { float:left; width:21%; box-sizing:border-box; margin:2%;height:360px;position:relative;cursor:pointer;}
.xc_service dl dt { text-align:center;height:50%;transition: all .5s; padding:10px; box-sizing:border-box;position:absolute;}
.xc_service dl:nth-child(2n+1) dt { top:0;}
.xc_service dl:nth-child(2n+2) dt { bottom:0;}
.xc_service { margin-bottom:80px;}
.xc_service dl dt .interior { display: flex;justify-content:center;align-items:center;height:100%;padding:15px;box-sizing:border-box;position:relative;}
.xc_service dl:hover dt .interior { background:#fdf6f6;}
.xc_service dl dt .interior i.t_i,
.xc_service dl dt .interior i.b_i,
.xc_service dl dt .interior i.l_i,
.xc_service dl dt .interior i.r_i { display:inline-block;background:#ff6600;position:absolute;transition: all .5s;}
.xc_service dl dt .interior i.t_i,.xc_service dl dt .interior i.b_i { height:2px;left:50%;right:50%;}
.xc_service dl dt .interior i.l_i,.xc_service dl dt .interior i.r_i { width:2px;top:50%;bottom:50%;}
.xc_service dl dt .interior i.t_i { top:0;}
.xc_service dl dt .interior i.b_i { bottom:0;}
.xc_service dl dt .interior i.l_i { left:0;}
.xc_service dl dt .interior i.r_i { right:0;}
.xc_service dl:hover dt .interior i.t_i,.xc_service dl:hover dt .interior i.b_i { left:0;right:0;}
.xc_service dl:hover dt .interior i.l_i,.xc_service dl:hover dt .interior i.r_i { top:0;bottom:0;}
.xc_service dl:hover dt { height:100%; background:#fff;}
.xc_service dl dt strong { font-size:16px; color:#555; display:block; margin-bottom:20px;transition: all .5s;}
.xc_service dl:hover dt strong { color:#ff6600;}
.xc_service dl dt span { height:1px; width:12%; background:#000; display:inline-block; position:relative;margin-bottom:15px;transition: all .5s;}
.xc_service dl dt span:before { content:""; display:inline-block; height:1px; width:50%; background:#ff6600; position:absolute; top:0; left:0;transition: all .5s;}
.xc_service dl:hover dt span { width:24%;}
.xc_service dl:hover dt span:before { width:100%;}
.xc_service dl dt p { color:#999; font-size:14px; line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xc_service dl dd { height:50%;width:100%;display: flex;justify-content: center;align-items: center;position:absolute; left:0;transition: all .5s;}
.xc_service dl:hover dd { height:0;}
.xc_service dl:nth-child(2n+1) dd { bottom:0;}
.xc_service dl:nth-child(2n+2) dd { top:0;}
.xc_service dl dd img { width:100px; display:inline-block;transition: all .5s;}
.xc_service dl:hover dd img { height:0;}

.xc_footer { height:600px; background:url(../image/xc-footer.jpg) no-repeat center; padding-top:130px; box-sizing:border-box;}
.xc_footer .xc_left { float:left; width:50%;}
.xc_footer .xc_right { float:right; width:40%;}
.xc_footer .xc_left h3 { color:#ccc; font-size:18px; font-weight:400; margin-bottom:25px;}
.xc_footer .xc_left p { color:#999; margin-bottom:15px; font-size:14px;}
.xc_footer .xc_left img { margin-top:20px;}
.xc_footer .xc_right input {height:45px;background:rgba(0,0,0,0);display:block;width:100%;border:none;border-bottom:1px solid #474747;margin-bottom:15px;padding-left:15px;color:#999;box-sizing:border-box;font-size:14px;outline:none}
.xc_footer .xc_right textarea { background:rgba(0,0,0,0);border:none;border-bottom:1px solid #474747; height:150px;width:100%;display:block;padding-left:15px;box-sizing:border-box;font-size:14px;outline:none; color:#999;}
.xc_footer .xc_right button { height:50px; text-align:center; background:#474747; color:#ccc; border:1px solid #474747; width:100%; margin-top:20px;font-size:14px;transition: all .3s;cursor:pointer;}
.xc_footer .xc_right button:hover { background:#ff6600; color:#fff;border:1px solid #ff6600;}









@media(max-width:768px) {
    
.m1340 { width:100%;}
.m { width:100%;}
.xc_title { text-align:center; margin:40px 0 20px;}

.xc_head { height:50px; padding:0 10px;position: relative;}
.xc_head .xc_logo { height: 50px;}
.xc_head .xc_logo img { height:50px;}
.xc_head .xc_menu { position:absolute; width:100%; background:#fff; top:50px; left:0; z-index:2; display:none; padding-bottom:15px;}
.xc_head .xc_menu ul li { line-height:40px; display:block; width:100%; padding-left:40px;}
.xc_head .xc_search {float: left;height: 50px;}
.mobile_menu { display:inline-block;}

.xc_banner .m-focus .m-focus-box .swiper-wrapper li { width:100%; height:450px;display: flex;justify-content: center;overflow: hidden;}
.xc_banner .m-focus .m-focus-box .swiper-wrapper img { width:auto; height:450px;display: block;}
.xc_banner .m-focus .m-focus-box .swiper-wrapper li .text {top: 50%;left: 0;transform: translate(0, -50%);padding: 0 10%; text-align:center;}

.xc_sell { margin:0 15px;}
.xc_sell ul li { width:100%; margin-top:20px;}

.xc_mall { display:none;}
.xc_news ul li {width: 100%;float: none; padding:0 15px; text-align:center;}

.xc_introduce img { width:100%; float:none;}
.xc_introduce .intro {width: 100%;height: 80%;position: static;top:0;box-sizing: border-box;padding: 0 8% 40px;overflow: hidden;}

.xc_service dl { float:none;width: 100%; margin:0;}
.xc_service dl dt { top:0;}
.xc_service dl dd { bottom:0;}
.xc_service dl:nth-child(2n+2) dd { top:auto;}

.xc_service:before { display:none;}

.xc_footer .xc_left { float:none; width:100%; text-align:center;}
.xc_footer .xc_right { display:none;}

.xc_brand ul li { width: 33.33333%; margin:0;  box-sizing:border-box; padding:15px;}


}