*{ margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; outline: none; color: #fff; font-size: 14px;}
input,textarea,select{*font-size:100%}
button{ border: none; width: 100%; cursor: pointer;}
i{ font-style: normal;}

body{font-family:'Microsoft Yahei'; font-size: 14px; line-height: 24px; color: #666; background-color: #fff; font-weight: lighter;}
a{ text-decoration: none; color: #666; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
img{ display: block;}
.clear:after{ content: ''; clear: both; display: block;}
.fl{ float: left;}
.fr{ float: right;}
.centerPos{ font-size: 0; text-align: center;}
.w-1200{ width: 1200px; margin: 0 auto; position: relative;}
.boxStyle{-moz-box-shadow: 0 10px 38px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 38px rgba(0,0,0,.1);  box-shadow: 0 10px 38px rgba(0,0,0,.1); background-color: #fff; border-radius: 5px;}
.paddingTopBot-100{ padding: 100px 0;}
.marginTop-45 { margin-top: 45px;}

/* .xcxWrapper{overflow: hidden;} */

/*HEADER & FOOTER*/
.xcxHeader{ position: absolute; left: 0; top: 30px; width: 100%; padding: 0 5%; }
.xcxLogo a{ display: block; width: 217px; height: 50px; background: url(../../images/xcx-logo.png) no-repeat;}

.xcxNav{ margin-top: 7px; position: relative; padding-bottom: 13px;}
.xcxNav ul{ margin-left: -35px;}
.xcxNav li{ float: left; padding-left: 35px;}
.xcxNav a{ color: #fff; font-size: 16px; font-weight: bold; width: 64px; text-align: center; display: block;}
/*.xcxNav li.cur a{ border-bottom: 2px solid #fff;}*/
.xcxNav .liBlock{ display: block; width: 64px; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 0;}


.xcxFooter{ width: 100%; height: 280px; background: url(../../images/xcx-footBg.jpg) no-repeat center top #1975de; text-align: center;}
.xcxFooter p{ color: #fff; font-size: 48px; line-height: 280px; letter-spacing: 10px; font-weight: lighter;}
/*HEADER & FOOTER END*/

/*INDEX*/
.xcxBanner{ width: 100%; height: 800px; background: url(../../images/xcx-bannerBg.jpg) no-repeat center top #1c3c56;}
.xcxBanner-text{ text-align: center; color: #fff; letter-spacing: 10px; padding-top: 265px;}
.xcxBanner-text h4{ font-size: 42px; line-height: 46px; }
.xcxBanner-text h5{ font-size: 60px; line-height: 60px; margin: 50px 0 60px 0;}
.xcxBanner-text h6{ font-size: 24px; line-height: 24px; font-weight:lighter;}

.xcxTit{ text-align: center; color: #333;}
.xcxTit h4{ font-size: 36px; line-height: 36px; font-weight: normal;}
.xcxTit .col{ color: #ff6800;}
.xcxTit p{ font-size: 18px; line-height: 24px; color: #999; margin-top:15px;}

.xcxMain-indexA{ padding: 60px 0; margin-top: -92px;}
.xcxMain-indexA li{ float: left; width: 25%; text-align: center; border-right: 1px solid #eaeaea;}
.xcxMain-indexA li:last-child{ border: 0;}
.xcxMain-indexA li h4{ color: #333; font-size: 36px; line-height: 36px; font-weight: bold;}
.xcxMain-indexA li p{ color: #333; font-size: 18px; line-height: 18px; font-weight: lighter; margin-top: 10px;}

.xcxMain-indexB-con ul{ margin: -26.5px 0 0 -26.5px;}
.xcxMain-indexB-con li{ float: left; width: 280px; padding: 50px 0; text-align: center; margin: 26.5px 0 0 26.5px;}
.xcxMain-indexB-con .li-img{ width: 68px; height: 69px; margin: 0 auto;}
.xcxMain-indexB-con .li-img span{ display: block; float: left; width: 68px; height: 69px; background: url(../../images/xcx-sprites.png) no-repeat;}
.xcxMain-indexB-con .li-a .li-img span{ height: 61px; margin-top: 4px; background-position: -239px -84px;}
.xcxMain-indexB-con .li-b .li-img span{  background-position: -83px -5px;}
.xcxMain-indexB-con .li-c .li-img span{  background-position: -161px -5px;}
.xcxMain-indexB-con .li-d .li-img span{  background-position: -161px -84px;}
.xcxMain-indexB-con .li-e .li-img span{  background-position: -5px -84px;}
.xcxMain-indexB-con .li-f .li-img span{  background-position: -83px -84px;}
.xcxMain-indexB-con .li-g .li-img span{  background-position: -5px -5px;}
.xcxMain-indexB-con .li-h .li-img span{  background-position: -239px -5px;}
.xcxMain-indexB-con dl{ margin-top: 20px;}
.xcxMain-indexB-con dt{ font-size: 20px; line-height: 30px; color: #333;}
.xcxMain-indexB-con dd{ font-size: 16px; line-height: 24px; color: #666; margin-top: 10px;}

.xcxMain-indexC{background: url(../../images/xcx-Index-1.jpg) no-repeat center top #e0e0e1;}
.xcxMain-indexC .xcxMain-indexB-con .li-a .li-img span{ width: 51px; height: 64px; margin: 2.5px 0 0 8.5px; background-position: -220px -163px;}
.xcxMain-indexC .xcxMain-indexB-con .li-b .li-img span{ width: 63px; height: 64px; margin: 2.5px 0 0 2.5px; background-position: -5px -163px;}
.xcxMain-indexC .xcxMain-indexB-con .li-c .li-img span{ width: 48px; height: 64px; margin: 2.5px 0 0 10px; background-position: -63px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-d .li-img span{ width: 63px; height: 47px; margin: 11px 0 0 2.5px; background-position: -121px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-e .li-img span{ width: 61px; height: 64px; margin: 2.5px 0 0 3.5px; background-position: -149px -163px;}
.xcxMain-indexC .xcxMain-indexB-con .li-f .li-img span{ width: 63px; height: 35px; margin: 13px 0 0 2.5px; background-position: -194px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-g .li-img span{ width: 48px; height: 64px; margin: 2.5px 0 0 10px; background-position: -5px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-h .li-img span{ width: 61px; height: 64px; margin: 2.5px 0 0 3.5px; background-position: -78px -163px;}

.xcxMain-indexD-con ul{ margin: -40px 0 0 -40px;}
.xcxMain-indexD-con li{float: left; margin: 40px 0 0 40px;}
.xcxMain-indexD-con .li-con{ 
	-moz-box-shadow: 0 5px 20px rgba(0,0,0,.15); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.15);  box-shadow: 0 5px 20px rgba(0,0,0,.15); border-radius: 10px; overflow: hidden;width:270px; height: 480px; border: 2px solid #f1f1f1; position: relative; }
.xcxMain-indexD-con .li-img img{ width:100%; height: 100%;}
.xcxMain-indexD-con li p{ text-align: center; margin-top: 25px; color: #333;}
.xcxMain-indexD-con .li-show{ position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; display: none;}
.xcxMain-indexD-con dl{ background-color: #fff; text-align: center; width: 170px; padding: 25px 0 20px 0; margin: 110px auto auto auto;}
.xcxMain-indexD-con dt{ width: 120px; height: 120px; margin: 0 auto;}
.xcxMain-indexD-con dt img{ width: 100%; height: 100%;}
.xcxMain-indexD-con dd{ color: #666; font-size: 14px; margin-top: 10px;}
.xcxMain-indexD-con .li-show a{ display: block; width: 168px; line-height: 40px; text-align: center; color: #fff; border: 1px solid #fff; font-size: 14px; border-radius: 5px; margin: 20px auto auto auto;}
.xcxMain-indexD-con .li-show a:hover{ background-color: #000000; border-color: #000000;}
.xcxMain-indexD-con li:hover .li-show{ display: block;}
.xcxMain-indexD-con .moreBtn{ display: block; width:200px; line-height: 46px; border: 1px solid #bbb; text-align: center; font-size: 14px; margin: 45px auto auto auto;}
.xcxMain-indexD-con .moreBtn:hover{ background-color: #000000; border-color: #000000; color: #fff;}

.xcxMain-indexE{width: 100%; height: 800px; background: url(../../images/xcx-Index-4.jpg) no-repeat center top #1e2128;}
.xcxMain-indexE .xcxTit h4,.xcxMain-indexE .xcxTit p{ color: #fff;}
.xcxMain-indexE-con ul{ margin: -25px 0 0 -25px;}
.xcxMain-indexE-con li{ float: left; margin: 25px 0 0 25px;}
.xcxMain-indexE-con a{
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.35) 0 10px 20px rgba(0,0,0,.35); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.35);  box-shadow: 0 10px 20px rgba(0,0,0,.35);display: block; width: 220px;height: 140px; overflow: hidden; border-radius: 10px; position: relative; background-color: #071327;}
.xcxMain-indexE-con img{ 
	transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;width: 220px; height: 140px; opacity: .4;}
.xcxMain-indexE-con p{ 
	transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;position: absolute; left: 0; top: 55px; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: bold;}
.xcxMain-indexE-con p:after{ content: ''; display: block; width: 25px; height: 3px; background-color: #fff; margin: 20px auto auto auto;}
.xcxMain-indexE-con a:hover img{ opacity: 1;}
.xcxMain-indexE-con a:hover p{ top: 50px;}
/*INDEX END*/

.xcxFy-banner{ height: 360px; width: 100%; background-repeat: no-repeat; background-position: center top; background-color: #0c0e0f;}
.xcxFy-banner-text{ text-align: center; color: #fff; font-size: 36px; line-height: 36px; padding-top:180px; letter-spacing: 5px;}
.case-banner{ background-image: url(../../images/xcxCase-1.jpg);}
.xcxMain-caseMenu{ background-color: #f2f2f2; padding: 35px 0;}
.xcxMain-caseMenu ul{ margin-top: -15px;}
.xcxMain-caseMenu li{ float: left; width: 70px; margin-top: 15px; height: 30px;}
.xcxMain-caseMenu a{ display:inline-block; padding: 0 3px 5px 3px;}
.xcxMain-caseMenu a.cur,.xcxMain-caseMenu a:hover{ border-bottom: 2px solid #333;}
.xcxMain-pageList ul{  width: 100%; text-align: center; font-size: 0;}
.xcxMain-pageList li{ display: inline-block; vertical-align:top; margin: 0 5px;}
.xcxMain-pageList a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #d7d7d7; font-size: 14px; font-weight: bold;}
.xcxMain-pageList a:hover{ color: #000;}
.xcxMain-pageList li.cur a{ border-color: #000; background-color: #000; color: #fff;}

.order-banner{ background-image: url(../../images/xcxOrder-1.jpg); background-color: #1a1d29;}
.xcxOrder-tc{ margin-top: -100px;}
.xcxOrder-tc li{ width: 580px; overflow: hidden; margin-top: 20px;}
.xcxOrder-tc h4{ height: 80px; line-height: 80px; background-color: #4ad578; text-align: center; color: #fff; font-size: 30px; font-weight: bold;}
.xcxOrder-tc dl{ height: 270px; padding-top: 50px;}
.xcxOrder-tc dt{ width: 83px; height: 79px; margin: 0 auto;}
.xcxOrder-tc dt span{ width: 50px; height: 79px; float: left; margin: 0 0 0 16.5px; display: block; background: url(../../images/xcxOrder-2.png) no-repeat;}
.xcxOrder-tc dd{ margin-top: 30px; text-align: center;}
.xcxOrder-tc li:nth-child(2){ margin-top: 0;}
.xcxOrder-tc li:nth-child(2) h4{ height: 100px; line-height: 100px; background-color: #ffa531;}
.xcxOrder-tc li:nth-child(2) dt span{ width: 83px; height: 64px; margin: 7.5px 0 0 0; background-position: -72px 0;}
.edition .service {width: 200px;}
.edition .detail {width: 200px;}
.edition .thead.forfree {position:relative; width: 400px; background-color: #4ad578; color: #fff;}
.edition .thead.flagship { color: #fff; background-color: #ffa531; width: 400px;}
.edition .group {width:190px;border-top:5px solid #ec7a7a}
.edition td {border:1px solid #ddd;padding:10px 30px;font-size:12px;line-height:18px;letter-spacing:-0.5px}
.edition .nborleft {border-left:hidden}
.edition .nborright {border-right:hidden}
.edition .nborbottom {border-bottom:hidden}
.edition .nbgc {background-color:#fff}
.edition .bgc {background-color:#f6f9f9}
.edition .thead {font-size:16px; font-weight:bold; padding:25px 0;height:25px;color:#333;}
.edition {width:100%}
.edition table {width:1200px;margin:0 auto;box-shadow:-4px -7px 76px #ccc;}
.edition .aleft {text-align:left}
.edition .update {text-align:left;padding-left:24px}
.edition .quick {border:hidden;text-align:right;padding-right:0}
.edition .point {margin:0 4px}
.edition .yes {background:url(../../images/tc3.png) no-repeat;background-position:center}
.edition .no {background:url(../../images/tc5.png) no-repeat;background-position:center}
.fixer{ position:fixed; left:0; top:0px;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px")}
.xcxOrder-db .topBar{ width: 100%; background-color: #fff; display: none;}
.xcxOrder-db .topBar.fixer{ left:50%; margin-left: -600px; width: 1200px; box-shadow: -4px -7px 76px #ccc; display: block;}


.tem-banner{ background-image: url(../../images/xcxTem-1.jpg); background-color: #09111e;}
.xcxTem{ padding-left:5%; padding-right: 5%; position: relative;}
.xcxTem-menu{ width: 240px; position: absolute; left: 5%; top: 100px; border: 1px solid #eaeaea; padding:25px 22px;}
.xcxTem-menuCon{ margin-top: -30px;}
.xcxTem-menuCon dl{ margin-top: 30px;}
.xcxTem-menuCon dt{ color: #333; font-size: 14px; border-bottom: 1px solid #eaeaea; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; background: url(../../images/xcxTem-2.jpg) no-repeat right 7px;}
.xcxTem-menuCon dd{ margin-left: -5px;}
.xcxTem-menuCon dd a{ display: block; float: left; width: 60px; line-height: 28px; border: 1px solid #eaeaea; text-align: center; border-radius: 14px; margin: 8px 0 0 5px;}
.xcxTem-menuCon dd a.selected{ background-color: #1975de; color: #fff;}
.xcxTem-menuCon dd a.selected:hover{ color: #fff; border-color: #1975de;}
.xcxTem-menuCon dd a:hover{ color: #1975de; border-color: #1975de;}
.xcxTem-menuCon .moreBtn{margin-top: 10px;}
.xcxTem-menuCon .moreBtn a{ display: block; line-height: 28px; border-radius: 14px; background-color: #efefef; text-align: center; }
.xcxTem-menuCon .moreBtn a:hover{ background-color: #1975de; color: #fff;}
.xcxTem-menuCon .bigSize dd{ margin-left: -10px;}
.xcxTem-menuCon .bigSize dd a{ width: 92px; margin-left: 10px;}
.xcxTem-menuCon .hyMenu dd{ height: 228px; overflow: hidden;}

.xcxTem-con{ padding-left: 290px;}
.xcxTem-con .xcxMain-indexD-con {}
.xcxTem-con .xcxMain-indexD-con ul{ margin-left: 0;}
.xcxTem-con .xcxMain-indexD-con li{ width: 20%; margin-left: 0;}
.xcxTem-con .xcxMain-indexD-con .li-con{ width: 250px; height: 410px; margin: 0 auto;}
.xcxTem-con .xcxMain-indexD-con dl{ margin-top: 80px;}
.xcxTem-count{ text-align: right; color: #999; margin-bottom: 20px;}
.xcxTem-count span{ color: #666;}

.mobile {
	display:none;}

.lc {height: auto;padding-bottom: 60px;padding-top: 30px;}

.bg-gray {background-color: #f7f7f7;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.marginTop-40{margin-top: 40px;}
.xcx-mian-fCon li {width: 74px;margin-left: calc( (100% - 296px) / 5);text-align: center;float: left;margin-top: 25px;}
.xcx-mian-fCon .li-img {width: 74px;height: 74px;background: url(../../images/xcx-sprites2.png) no-repeat;margin: 0 auto;}

.xcx-mian-fCon .li-a .li-img {background-position: -104px -10px;}
.xcx-mian-fCon .li-b .li-img {background-position: -10px -198px;}
.xcx-mian-fCon .li-c .li-img {background-position: -10px -104px;}
.xcx-mian-fCon .li-d .li-img {background-position: -104px -104px;}
.xcx-mian-fCon .li-e .li-img {background-position: -198px -10px;}
.xcx-mian-fCon .li-f .li-img {background-position: -198px -104px;}
.xcx-mian-fCon .li-g .li-img {background-position: -10px -10px;}
.xcx-mian-fCon .li-h .li-img {background-position: -104px -198px;}
.xcx-mian-fCon .li-i .li-img {background-position: -198px -198px;}
.xcx-mian-fCon .li-j .li-img {background-position: -292px -10px;}
.xcx-mian-fCon .li-k .li-img {background-position: -292px -104px;}
.xcx-mian-fCon .li-l .li-img {background-position: -292px -198px;}

.paddingTopBot-60 {padding:60px 0 ;}
.website-main-o {width: 998px;border: 1px solid #eaeaea;margin: 0 auto;background-color: #fff;-moz-box-shadow: 0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 10%);box-shadow: 0 10px 25px rgb(0 0 0 / 10%);}
.website-main-o .tit {margin: 0;padding-top: 28px;text-align: center;}
.tit h4 {color: #333;font-size: 28px;font-weight: normal;line-height: 28px;}
.tit:after {content: "";display: block;width: 52px;height: 2px;margin: 28px auto auto auto;}
.webSet-main {padding: 0 0 36px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.webSet-main-li:first-child {margin-top: 35px;}
.webSet-main p.fl {width: 200px;text-align: right;line-height: 38px;color: #333;font-size: 14px;font-weight: bold;margin-right: 40px;}
.webSet-main .inp-o {float: left;height: 34px;line-height: 34px;border: 1px solid #dbdbdb;background: #fff;padding: 0 10px;width: 218px;font-size: 14px;font-family: "Microsoft Yahei",Arial,tahoma,arial!important;color: #666;margin: 0 10px;}
.webSet-main .span-s {line-height: 36px;color: #999;float: left;}
.ul-edition li.on {border-color: #34B8B4;background-color: #fff;}
.ul-edition li {position: relative;cursor: pointer;margin-right: 10px;float: left;width: 147px;padding: 18px 0;border: 1px solid #e6e6e6;text-align: center;background-color: #fbfbfb;}
.ul-edition li span.span-w {width: 35px;height: 65px;background-position: -114px -187px;}
.ul-edition li span {display: block;width: 78px;height: 58px;margin: 0 auto;background: url(../../images/17website-2.png) no-repeat;background-position: 0 -171px;}
.ul-edition li span.span-l {width: 35px;height: 65px;background-position: -114px -252px;}
.webSet-main-li {margin-top: 30px;}
.ul-price {margin-left: -30px;}
.ul-price li {cursor: pointer;float: left;line-height: 38px;position: relative;margin-left: 30px;}
.ul-price li span {display: inline-block;margin-right: 3px;vertical-align: -4px;width: 18px;height: 18px;background: url(../../images/17website-2.png) no-repeat;background-position: 0 -18px;}
.ul-price li.on span {background-position: 0 0;}
.ul-price li p {display: inline-block;color: #333;font-size: 13px;}
.ul-price li.on sup {background-position: 0 -76px;}
.ul-price li sup {position: absolute;right: 4px;top: -15px;min-width: 40px;height: 19px;color: #fff;text-align: center;line-height: 16px;background: url(../../images/17website-2.png) no-repeat;background-position: 0 -57px;}
.webSet-btn {width: 100%;text-align: center;margin-top: 30px;}
.webSet-btn a {display: inline-block;color: #fff;font-size: 20px;line-height: 46px;width: 240px;text-align: center;background-color: #ff6800;}
.xcxDel-btn {text-align: center;margin-top: 5px;}
.webSet-foot {text-align: center;padding: 25px 0;}
.webSet-foot-btn {width: 250px;padding: 12px 0;margin: 12px auto auto auto;background-color: #fafafa;border: 1px solid #eee;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 30px;}
.webSet-foot-btn span {background-color: #71b842;color: #fff;line-height: 14px;padding: 0 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.webSet-foot-btn em {font-style: italic;color: #333;font-size: 14px;line-height: 14px;margin: 0 24px 0 5px;}
.webSet-foot-btn em i {color: #ff6800;font-style: italic;}
.webSet-foot-btn a {color: #bbb;line-height: 14px;display: inline-block;font-style: italic;text-decoration: underline;}
.wfx_main_t_m {text-align: center;border-bottom: 1px solid #f2f2f2;padding-top: 45px;}
.cont {width: 1250px;margin: 0 auto;position: relative;}
.w-1005 {width: 1005px;}
.xcx-tit {text-align: center;color: #333;}
.xcx-tit h4 {font-size: 28px;line-height: 36px;font-weight: normal;}
.zxForm-li {float: left;margin-top: 10px;}
.zxForm-li label.fl {color: #333;font-size: 14px;width: 100px;display: block;text-align: right;line-height: 48px;}
.zxForm-li .cos {margin-left: 20px;min-width: 350px;}
.zxForm-li .li-radio {width: 350px;border: 1px solid #dee2e6;background-color: #fff;padding: 0 10px;height: 46px;}
.zxForm-li-radio {float: left;margin: 10px 30px 0 0;}
.zxForm-li-radio input {vertical-align: -2px;}
.zxForm-li-radio label {color: #333;font-size: 14px;padding-left: 8px;}
.zxForm-li .text {line-height: 48px;color: red;margin-left: 5px;font-size: 16px;min-width: 8px;}
.zxForm-li-input {width: 350px;border: 1px solid #dee2e6;background-color: #fff;padding: 0 10px;height: 46px;line-height: 46px;font-size: 14px;color: #333;}
.zxForm-li textarea {width: 811px;outline: none;height: auto;line-height: 24px;font-family: "微软雅黑";padding-top: 12px;padding-bottom: 12px;}
.zxForm-li-sel {border: 1px solid #dee2e6;background-color: #fff;width: 170px;color: #333;font-size: 14px;font-family: "微软雅黑";height: 48px;line-height: 48px;outline: none;padding: 0 5px;}
.zxForm-li-btn {display: block;width: 228px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;background-color: #ff6800;}

.foot_link.pc{ position:fixed; right:0; top:50%; margin-top:-150px;  width:75px; height:303px;  z-index:10;}
.foot_link.pc .kf1{ background:url(../../images/kf1.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2); position:relative;background-color:rgba(30,171,56,0.9);}
.foot_link.pc .kf2{ background:url(../../images/kf2.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(2,110,183,0.9); position:relative; color:#fff;}
.foot_link.pc .kf3{ background:url(../../images/kf3.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(247,181,44,0.9); overflow:hidden;position:relative;}
.foot_link.pc .kf3 a{ display:block; width:100%; height:100%; top:0; left:0;}
.foot_link.pc .kf4{ background:url(../../images/kf4.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(84,84,84,0.9); overflow:hidden;position:relative;}
.foot_link.pc .kf4 a{ display:block; width:100%; height:100%; top:0; left:0;}

.foot_link.pc .kf1 img{ position:absolute; right:75px;; top:-75px; z-index:999; width:140px; height:140px; display:none; border:5px solid #fff;}
.foot_link.pc .kf1:hover img{ display:block;}
.foot_link.pc .kf2 div{ position:absolute; right:75px;; top:0; z-index:999;width: 209px;height: 75px; padding:15px; line-height:22px;font-size:15px; color:#fff; text-align:left; background-color:rgba(2,110,183,0.9); letter-spacing:2px; border-right:1px solid rgba(255,255,255,0.2); display:none;}
.foot_link.pc .kf2 div a{color:#fff;}
.foot_link.pc .kf2:hover div{ display:block;}

.foot_link.mobile {background: #f7bc40;height: 50px;line-height: 50px;width: 100%;position: fixed;left: 0px;bottom: 0px;}
.foot_link.mobile a {display: block;height: 60px;float: left;width: 32%;color: #fff;text-align: center;font-size: 16px;}
.foot_link.mobile a:nth-child(2) {width: 36%;background: #1a7cbe;}
.foot_link.mobile a:nth-child(3) {background: #34b34b;}
.foot_link.mobile a img {vertical-align: middle;padding-bottom: 3px;width: 18px;display:inline-block;}


@media only screen and (max-width: 1820px) {
	.xcxTem-con .xcxMain-indexD-con li{ width: 25%}}
@media only screen and (max-width: 1440px) {
	.xcxTem-con .xcxMain-indexD-con li{ width:33.3333%}}




@media only screen and (max-width: 1200px) {
	.xcxBanner {height:526px;}
	.xcxBanner-text { padding-top: 182px;}
	.xcxBanner-text h4 {font-size:28px; line-height:32px;}
	.xcxBanner-text h5 {font-size: 32px;line-height: 48px; margin: 40px auto 40px auto; width:100%;}
	.xcxBanner-text h6 {font-size: 14px;line-height: 14px;}
	.xcxMain-indexA {width:800px;}
	.xcxMain-indexB {width:100%;padding:50px 0;}
	.xcxTit h4 { font-size: 28px; line-height: 36px;}
	.xcxTit p {font-size:16px; line-height:24px;}

	.xcxMain-indexB-con ul {list-style: none; margin: 0 15px 0 15px;}
	.xcxMain-indexB-con ul li {width: calc((100% - 15px) / 2);border: 1px solid #eaeaea;padding: 25px 0;text-align: center;margin: 0 0 26px 0 ;}
	.xcxMain-indexB-con ul li .li-img {width: 68px;height: 69px;margin: 0 auto;}
	.xcxMain-indexB-con li:nth-child(2n) {margin-left: 15px;}

	.xcxMain-indexC {padding: 50px 0 ;}
	.xcxMain-indexC .w-1200 {width:100%}
	.xcxMain-indexD {padding: 50px 0 ;}
	.xcxMain-indexD .w-1200 {width:100%}
	.xcxMain-indexD-con ul {margin:auto;}
	.xcxMain-indexD-con li {margin:auto;float:none;text-align: center;}
	.xcxMain-indexD-con .li-con {margin:auto;}


	.mobile {display:block;}
	.pc {display:none;}
	.cont {width: 100%;}

	.website-main-o {width: 100%;padding-left: 15px;padding-right: 15px;}
	.xcx-mian-d {width: 100%;padding-left: 15px;padding-right: 15px;}


	.xcxFy-banner {height:310px;}
	.xcxFy-banner-text {width: 342px;margin: auto; line-height:40px;padding-top:170px}

	.xcxTem {padding: 0;padding-left: 0;padding-right: 0;}
	.xcxTem-menu {width:100%;position:static;border:0px;}
	.xcxTem-menuCon .hyMenu dd {height:auto;}

	
	.xcxMain-case {padding-top:40px;}
	.xcxMain-case {padding-left:0; margin:auto;text-align: center;}
	
	.xcxTem-con .xcxMain-indexD-con li { width:33%; float:left;}

	.xcxMain-caseMenu {padding:35px 15px;}

	.xcxMain-caseMenu .w-1200 {width:100%;}

	.xcxMain-case  .w-1200 {width:100%;}
	.xcxMain-case  .xcxMain-indexD-con li { width:50%; float:left;}

	.xcxMain-caseMenu li {text-align:center;padding: 0 3px;width:auto}

	.xcxOrder-tc h4 {height: 60px;line-height: 60px;}
	.xcxOrder-tc li:nth-child(2) h4 {height: 80px;line-height: 80px;}
	.xcxOrder-tc li {overflow: hidden;margin-top: 40px;}
	.xcxOrder-tc li:nth-child(2) {margin-top: 20px;}

	.xcxMain {width:100%;}
	.p15 {padding: 0 15px;}
	.xcxOrder-tc li {width: calc(50% - 10px);}
	.edition table {width: 100%;}

	.xcxFooter p {font-size: 20px;line-height: 200px;}
	.xcxFooter {height:auto;}

	.icp {height:76px;}
}

@media only screen and (max-width: 500px) {
	.xcxHeader{top: 0px; width: 100%; padding:0 !important;}
	.xcxLogo {float:none !important;text-align: center;}
	.xcxLogo a{ margin:auto;}
	.xcxNav{ float:none !important; background:#f8f8f8; margin-left: 0; margin-right: 0; padding-top:13px; padding-bottom: 13px;}
	.xcxNav ul{ background:#f8f8f8; margin-left: 0; margin-right: 0;}
	.xcxNav li{ width: 25%; text-align: center; padding-left:0}
	.xcxNav a { color: #333; width: 100%; font-weight: normal;font-size:14px;}
	.xcxNav .liBlock {display:none}
	.xcxBanner {height:526px;}
	.xcxBanner-text { padding-top: 182px;}
	.xcxBanner-text h4 {font-size:28px; line-height:32px;}
	.xcxBanner-text h5 {font-size: 32px;line-height: 48px; margin: 40px auto 40px auto; width:294px;}
	.xcxBanner-text h6 {font-size: 14px;line-height: 14px;}

	.xcxMain-indexA {width:360px;}
	.xcxMain-indexA li h4 {font-size:18px;line-height: 18px;}
	.xcxMain-indexA li p {font-size:14px;line-height:14px;}
	.xcxMain-indexA {padding: 30px 0;margin-top: -48px;}

	.xcxMain-indexB-con dd{ font-size: 14px;}

	.webSet-main p.fl {text-align: left;}
	.webSet-main .inp-o {width:100%;}

	.zxForm-li label.fl {text-align: left;}
	.zxForm-li .cos {margin-left: 0;	}

	.zxForm-li-input {width:100%;}
	.zxForm-li textarea {width:100%}

	
	.xcxTem-con .xcxMain-indexD-con li { width:auto;float:none;}
	.xcxMain-case  .xcxMain-indexD-con li { width:auto; float:none;}

	.xcxOrder-tc dd {font-size:12px; padding: 0 3px;margin-top: 20px;}
	.xcxOrder-tc dl {padding-top: 20px;height:230px}

	.xcxOrder-db {padding-top:50px;}

	

}