blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline: none;}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both}
.clearfix {zoom: 1;}
.dn{display:none}
input,select,textarea{font-size:16px;color:#cccccc;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#cccccc}
::-moz-placeholder{color:#cccccc}
::-ms-input-placeholder{color:#cccccc}
body{color:#333;font-size:14px;line-height:1.7;font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;margin:0 auto;overflow-x: hidden;}
*{-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
img,video{width: auto;height: auto;max-width: 100%;}
a{color: #333333;text-decoration: none;border:none;outline: none;}
textarea {resize: none; }
a:hover{color: #e33a4b;}
.wrap{max-width: 1400px;margin:0 auto;width: 94%;}


/* =================== header ==================== */
.container{width: 1400px;margin:0 auto;}
.header{padding: 18px 0;overflow: hidden;-webkit-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);-moz-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);-ms-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);-o-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);box-shadow: 6px 7px 8px rgba(29,32,39,0.18);position: relative;z-index: 2;}
.header .logo{float:left;width:216px;}
.header .menu{float: right;padding: 13px 0;}
.header .menu li{width: auto;float: left;overflow: hidden;}
.header .menu li a {padding: 0px 24px;font-weight:bold;border-radius: 20px;font-size: 18px;line-height: 35px;text-transform: uppercase;display: block;color: #243137;border: 1px solid #fff;}
.header .menu li:hover a,
.header .menu li.hover a {border: 1px solid #6d767a;display: block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;}
.header .headerfr{float:right;display: block;cursor: pointer;box-sizing: border-box;padding: 22px 0 5px 15px;}
.header .headerfr img{display: block;width: 100%;height: auto;}

.search-box {display: none;width: 100%;height: 70px;background: #f2f4f7;overflow: hidden;position: fixed;top:69px;z-index: 100000;}
.search_block input.form-control {height: 45px;line-height: 40px;display: block;float: left;width: 300px;text-indent: 20px;font-family: Verdana, PT Sans, Open Sans, Arial, Helvetica, sans-serif;font-size: 18px;color: #bfbfbf;}
.search_block .form-control {border: 1px solid #fff;border-radius: 5px;}
.search_block .sbtn {width: 175px;height: 50px;background: #152f47;border: none;border-radius: 5px;font-size: 18px;color: #fff;margin: 0 10px;float: left; cursor: pointer;}
.search_block {width: 550px;overflow: hidden;margin: 10px auto;}
.search_block input.spt {background: #000;border: 0;}
.search_block span {float: left;width: 50px;height: 50px;display: block;background: url("../images/hide.png") center #d0d3d8 no-repeat;border-radius: 5px;cursor: pointer;}

.nav-btn{display: none;}

/* =================== 面包屑 ==================== */

.crumbs{overflow: hidden;background: url(../images/adress.png) no-repeat left center;padding-left: 23px;box-sizing: border-box;}
.crumbs li{float: left;font-size: 16px;line-height: 26px;padding:20px 0 24px;color: #aaaaaa;}
.crumbs li a{color: #aaaaaa;}
.crumbs li span{color: #fff;}
.crumbs li:hover a{color: #fff;}

/* =================== 主题内容 ==================== */

.xk-top-case{margin-bottom: 162px;position: relative;}
.xk-top-case:after{content:'';max-width:824px;width: 100%;height: 790px;background: url(../images/xk-bg00.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;left: 0;top: 0;z-index: -1;border-bottom-right-radius: 90px;}
.top-case{margin-top: 20px;}
.top-case .case-pic{float: left;width: 43%;}
.top-case .case-pic .pic{border-radius: 30px;position: relative;z-index: 1;margin-bottom: 93px;}
.top-case .case-pic .pic img{display: block;width: 100%;border-radius: 30px;}
.top-case .case-pic .pic:before,.top-case .case-pic .pic:after{content: '';position: absolute;width: 100%; height: 100%;background-color: #3feecb;opacity: 0.4;filter:alpha(opacity=40);z-index: -1;border-radius: 30px;}
.top-case .case-pic .pic:before{top:14px;left: -18px;}
.top-case .case-pic .pic:after{top:26px;left: -32px;}
.top-case .case-pic .xk-btn{padding-right: 31px;}
.top-case .case-pic .xk-btn a{display: block;text-align: center;font-size: 26px;color: #ffffff;line-height: 80px;margin-left: -28px;cursor: pointer;background-color: #2dbdb5;border-bottom-right-radius: 90px;}
.top-case .case-pic .xk-btn a img{vertical-align: middle;margin-right: 20px;}
.top-case .case-text{float: right;width: 50%;}
.top-case .case-text h1{font-size: 48px;color: #095078;font-weight: bold;line-height: 64px;position: relative;z-index: 1;margin-bottom: 36px;}
.top-case .case-text h1:before{content:'';width: 100px;height: 100px;background-color: #9ff6e5;border-radius: 50%;position: absolute;top: -48px;left: -40px;z-index: -1;}
.trait-box{overflow:hidden;}
.trait-box span{display: inline-block;font-size: 20px;color: #095078;height: 50px;line-height: 50px;background: url(../images/xk-bg1.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0 16px}
.trait-box span img{vertical-align: middle;}
.trait-box span.t1{margin-right: 15px;}
.trait-box span strong{color: #333333;font-weight: 500;}

.case-text>strong{display: block;font-size: 26px;color: #095078;line-height: 36px;margin-top: 45px;}
.case-text .related{overflow: hidden;margin-top: 20px;margin-bottom: 30px;}
.case-text .related dl{float: left;width: 33.3%;text-align: center;}
.case-text .related dd{font-size: 20px;color: #333333;line-height: 30px;margin-top: 5px;}
.case-text p{font-size: 20px;color: #333333;line-height: 48px;margin-bottom: 42px;}
.case-text p strong{font-size: 26px;color: #095078;}
.case-text .btn span,.case-text .btn a{display: inline-block;cursor: pointer;text-align: center;font-size: 26px;line-height: 80px;border-radius: 10px;-webkit-box-shadow: 6px 7px 5px #d6d7d8;-moz-box-shadow: 6px 7px 5px #d6d7d8;-ms-box-shadow: 6px 7px 5px #d6d7d8;-o-box-shadow: 6px 7px 5px #d6d7d8;box-shadow: 6px 7px 5px #d6d7d8;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.case-text .free-btn{width: 274px;background-color: #185c82;color: #fff;margin-left: 60px;position: relative;}
.case-text .free-btn:after{content: '';width: 106px;height: 106px;background: url(../images/xk-kf.png) no-repeat;position: absolute;left: -70px;top: -14px;}
.case-text .get-btn{width: 280px;background-color: #3feecb;color: #0c5d8a;margin-left: 45px;}
.case-text .free-btn:hover {background-color: #3feecb;color:#0c5d8a;}
.case-text .get-btn:hover{background-color: #185c82;color: #fff;}

.xk-wrapper{background-color: #f8f8f8;padding:40px 0 40px;position: relative;}
.xk-wrapper:before{content: '';width: 805px;height: 128px;background: url(../images/xk-wz.png) no-repeat;position: absolute;top:-50px;left: 45px;z-index: -1;}
.xk-wrapper .text{float: left;width: 50%;padding-left: 13%;padding-right: 20px;margin-top: 40px;position: relative;}
.xk-wrapper .img{float: right;width: 50%;padding-right: 7px;}
.mian-cont h2{font-size: 32px;color: #095078;line-height: 42px;}
.xk-wrapper h2{margin-bottom: 56px;}
.mian-cont p{font-size: 20px;color: #666666;line-height: 2.5em;}
.mian-cont p span{color: #0a5078;}


.xk-wrapper1{padding:48px 0 54px;}
.xk-wrapper1 .img{float: left;width: 50%;padding-right: 35px;}
.xk-wrapper1 .img img{display: block;width: 100%;}
.xk-wrapper1 .text{margin-top: 100px;padding-right: 13%;float: right;width: 50%;}
.xk-wrapper1 .text h2{margin-bottom: 10px;}
.xk-wrapper1 .text strong{font-size: 26px;color: #0c5d8a;line-height: 36px;margin-top: 25px;margin-bottom: 38px;display: block;}

.grid-ul li{font-size: 20px;color: #666666;line-height: 2.5em;padding-left: 48px;position: relative;}
.grid-ul li:before{content:'';width: 26px;height: 25px;background: url(../images/xk-arr.png) no-repeat;position: absolute;left: 0;top: 12px;}


.xk-wrapper2{background: url(../images/xk-bg1.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 40px;}
.xk-wrapper2 .content{position: relative;overflow: hidden;padding-bottom: 74px;}
.xk-wrapper2 h2{font-size: 32px;color: #3feecb;line-height: 42px;text-align: center;margin-bottom: 72px;}
.xk-wrapper2 .col-l{float: left;width: 50%;padding:0 50px;}
.xk-wrapper2 .col-r{float: left;width: 50%;padding:0 50px;}
.xk-wrapper2 p{font-size: 20px;color: #ffffff;line-height: 2.5em;}
.xk-wrapper2 .content::after{content:'';width: 247px;height: 234px;background: url(../images/xk-pic.png) no-repeat;position: absolute;right: 24px;bottom: 0;}

.xk-wrapper3 {padding-top: 55px;}
.xk-wrapper3 h2{font-size: 54px;color: #095078;line-height: 64px;text-align: center;margin-bottom: 60px;}
.case-list .col-l{float: left;width: 50%;}
.case-list .col-r{float: right;width: 50%;}

.case-list li{margin-bottom: 45px;}
.case-list  .item1 .case-pic{padding-right: 7%;}
.case-list .item2 .case-pic{padding-right: 90px;}
.case-list  .text .tit{display: block;font-size: 26px;color: #0c5d8b;line-height: 36px;font-weight: bold;margin-bottom: 28px;}
.case-list .trait-box{margin-bottom: 25px;}
.case-list .trait-box span {color: #666666;}
.case-list .trait-box span strong{color: #0c5d8b;}
.case-list .trait-box span img{width: 36px;}
.case-list .text>strong{display: block;font-size: 20px;color: #0c5d8b;line-height: 30px;font-weight: normal;margin-bottom: 8px;}
.case-list .text>p{font-size: 20px;line-height: 40px;color: #666666;margin-bottom: 38px;}
.case-list .text .btn-a{display: inline-block;font-size: 26px;color: #ffffff;background-color: #185c81;padding: 0 44px 0 30px;line-height: 80px;border-radius: 10px;;-webkit-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);-moz-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);-ms-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);-o-box-shadow: 6px 7px 8px rgba(29,32,39,0.18);box-shadow: 6px 7px 8px rgba(29,32,39,0.18);cursor: pointer;}
.case-list .text .btn-a img{vertical-align: middle;margin-right: 16px;}
.case-list .text .btn-a:hover{background-color: #308fc3;}
.case-list .item2 .text{padding-left: 60px;}
.case-list .case-pic{position: relative;}
.case-list .item1 .case-pic:after{content:'';width: 522px;height: 450px;background: url(../images/xk-img1.jpg) no-repeat;position: absolute;left: -60px;bottom:  -8px;z-index: -1;}
.case-list .item2 .case-pic:after{content:'';width: 523px;height: 459px;background: url(../images/xk-img4.jpg) no-repeat;position: absolute;right: 50px;bottom: -8px;z-index: -1;}
.case-list .case-pic img{display: block;width: 100%;border-radius: 20px;-webkit-box-shadow: 0 8px 16px rgba(63,238,203,0.26);-moz-box-shadow: 0 8px 16px rgba(63,238,203,0.26);-ms-box-shadow: 0 8px 16px rgba(63,238,203,0.26);-o-box-shadow: 0 8px 16px rgba(63,238,203,0.26);box-shadow: 0 8px 16px rgba(63,238,203,0.26);}

.xk-msg{background: url(../images/xk-bg2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 45px;overflow: hidden;position: relative;}
.xk-msg:after{content: '';width: 64%;position: absolute;top: 146px;right: 0;background-color: #174e6d;border-top-left-radius: 60px;bottom: 0;}
.xk-msg h3{display: block;font-size: 54px;color: #3feecb;text-align: center;line-height: 64px;margin-bottom: 50px;}

.show-msg .msg-l{float: left;width: 30%;}
.show-msg .msg-l strong{display: block;font-size: 26px;color: #ffffff;line-height: 36px;margin-bottom: 40px;}
.show-msg .msg-l li{overflow: hidden;padding:7px 0 7px 8px;background: url(../images/xk-bg3.png) no-repeat left top;margin-bottom: 40px;}
.show-msg .msg-l li i{display: block;float: left;font-style: normal;width: 50px;height: 50px;border-radius: 50%;background-color: #3feecb;text-align: center;line-height: 50px;font-size: 26px;color: #1a5e83;}
.show-msg .msg-l li p{font-size: 20px;color: #fff;line-height: 40px;padding-left: 88px;margin-top: 5px;}


.show-msg .msg-box{float: right;width: 70%;padding-left: 70px;padding-top: 44px;padding-bottom: 68px;position: relative;z-index: 1;}
.show-msg .msg-box p{font-size: 24px;color: #3feecb;line-height: 36px;margin-bottom: 22px;}
.msg-box ul{overflow: hidden;margin-left: -2%;}
.msg-box ul li{float: left;position: relative;width: 48%;padding: 8px 5px;margin-left: 2%;margin-bottom: 20px;position: relative;}
.msg-box ul li i{display: block;font-style: normal;color: #ff0000;position: absolute;left: 20px;top: 60px;font-size: 24px;}
.msg-box ul li span{display: block;font-size: 20px;color: #ffffff;line-height: 30px;margin-bottom: 14px;}
.msg-box ul li.msg-area{width: 98%;}
.msg-box ul li input,.msg-area textarea{-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background-color: #5b8197;width: 100%;font-size: 20px;line-height: 38px;padding:14px 18px 14px 42px}
.msg-area textarea{height: 130px;}

.msg-qt{margin-bottom: 45px;}
.msg-qt span{display: inline-block;font-size: 20px;color: #3feecb;line-height: 30px;padding-left: 22px;background: url(../images/xk-dot1.png) no-repeat left center;margin-right: 15px;}
.msg-qt span:last-child{margin-right: 0;}

.msg-btn{text-align: center;}
.msg-btn input{width: 330px;height: 80px;line-height: 76px;text-align: center;background-color: #3feecb;border-radius: 10px;font-size: 26px;color: #0c5d8a;-webkit-box-shadow: 0 8px 16px rgba(63,238,203,0.26);-moz-box-shadow: 0 8px 16px rgba(63,238,203,0.26);-ms-box-shadow: 0 8px 16px rgba(63,238,203,0.26);-o-box-shadow: 0 8px 16px rgba(63,238,203,0.26);box-shadow: 0 8px 16px rgba(63,238,203,0.26);border: 2px solid #3feecb;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.msg-btn input:hover{background-color: transparent;color: #3feecb;}

.footer{background-color: #04151d;font-size: 20px;color: #ffffff;line-height: 30px;padding: 17px 0;text-align: center;}
.footer a{color: #ffffff;display: inline-block;margin-left: 10px;}

/* ===============商务通====================== */

.quick_links_swt {width: 174px;position: fixed;right: 10px;bottom: 30%;z-index: 9999;-webkit-transition: all ease .6s;-moz-transition: all ease .6s;-ms-transition: all ease .6s;transition: all ease .6s;}
.quick_links_swt span {display: block;margin: 0;padding: 2px 0;background: url(../images/swt1.png) no-repeat;width:174px;height: 265px;background-size: 174px;}
.fixed_fd{width:100%; max-width:780px;position:fixed; bottom:0; z-index:15; margin:0 auto;display: none;}
.fixed_fd li{width:50%;float:left; text-align:center;box-sizing:border-box;}
.fixed_fd li a{font-size: 16px;line-height: 45px; display:block;color: #fff;}
.price_fd{background-color: #185c82;}
.fixed_fd li.email_fd{background-color: #2dbdb5;}
.fixed_fd li.email_fd a,.fixed_fd li.email_fd a:hover{color: #fff;}
.email_fd img{width: 28px;margin-right: 6px;vertical-align: middle;}
.price_fd img{width: 30px;margin-right: 6px;vertical-align: middle;}
/* ===============返回顶部====================== */

#gotoTop2 {width: 56px;height: 56px;cursor: pointer;display: none;text-indent: -999em;background: url(../images/his-totop.png) no-repeat center #cdcdcd;position: fixed;margin-left: -630px;right: 1%;bottom: 70px;z-index: 999999;cursor: pointer;}
#gotoTop2:hover {background-color: #b0b0b0;}
.r_swt{width: 50px;position: fixed;top: 40%;right: 0;z-index: 999;display: none;}
.r_swt dt{width: 8px;height: 8px;background: url(../mimages/ch.jpg) center no-repeat;position: absolute;top: 0;right: 0;}
.r_swt img{width:100%;height:auto;}
#backtotop{width:35px; height:35px;cursor:pointer;display:none;text-indent:-999em;position:fixed; right:3px; bottom:50px; z-index:999999; box-sizing:border-box; background:url(../mimages/r_totop.png) no-repeat;background-size:100% 100%; border-radius:50%;}

@media screen and (min-width:2000px){
    .xk-msg:after{width: 60%;}
    .xk-top-case:after{max-width: 1200px;}
}
@media screen and (max-width:1800px){
    .xk-top-case:after{max-width: 672px;}
}
@media screen and (max-width:1600px){
    .xk-top-case:after{max-width: 595px;height: 773px;}
    .xk-wrapper .text{padding-left: 4%;}
    .xk-wrapper1 .text{padding-right: 2%;margin-top: 20px;}
    .case-list .item1 .case-pic:after,.case-list .item2 .case-pic:after{display: none;}
    .case-list .item2 .case-pic{padding-right: 0;}
    .xk-msg:after{width: 68%;}
    .msg-qt span{margin-right: 5px;}
    .trait-box span.t1{margin-right: 3px;}
}
@media screen and (max-width:1440px){
    .container{width: 1200px;margin:0 auto;}
    .header .menu li a{font-size:14px;}
    .search-box{top: 88px;}

    .xk-top-case:after{display: none;}
    .crumbs li span{color: #aaaaaa;}
    .top-case .case-text h1{font-size: 48px;}
    .trait-box span{font-size: 16px;}
    .case-text .free-btn{width: 230px;}
    .case-text .get-btn{margin-left: 24px;width: 240px;}
    .xk-wrapper .text{padding-left: 2%;}
    .case-list .item1 .case-pic{padding-right: 4%;}
    .case-list .item2 .text{padding-left: 0;}
    .show-msg .msg-l li p{padding-left: 60px;}
}
@media screen and (max-width:1280px){
    .top-case .case-text h1{font-size: 38px;line-height: 40px;}
    .trait-box span{margin-bottom: 8px;}
    .case-text .related dd{font-size: 16px;line-height: 20px;}
    .case-text .get-btn{margin-left: 6px;width: 180px;}
    .xk-wrapper h2{margin-bottom: 36px;}
}

@media (max-width:1200px){
    .container{width: 1000px;margin:0 auto;}
    .header .logo{width: 170px;}
    .header .menu li a{font-size:14px;line-height: 28px;padding: 0px 18px;}
    .header .headerfr{padding: 20px 0 0 20px;}
    .search-box{top: 76px;}
}
@media screen and (max-width:1023px){
    .container{max-width: 1000px;margin:0 auto;width: 94%;line-height: 1;}
    .xk-wrapper:before{display: none;}
    .nav-btn{display: block;float: right;cursor: pointer;width: 24px;padding: 10px 0;}
    .header{overflow: visible;padding: 8px 0;}
    .header .headerfr{padding: 10px 0;margin-right: 20px;}
    .header .menu{position: absolute;width: 100%;top: 66px;left: 0;background: #fff;padding: 20px 0;display: none;}
    .header .menu li{width: 100%;text-align: center;margin-bottom: 10px;}
    .header .menu li:hover a, .header .menu li.hover a{color: #0c5d8a;border-color: #fff;}
    .top-case .case-pic .pic:before, .top-case .case-pic .pic:after{display: none;}
    .top-case .case-pic .xk-btn a{margin-left: 0;}
    .top-case .case-pic{width: 100%;margin-bottom: 50px;}
    .top-case .case-pic .pic{margin-bottom: 30px;}
    .top-case .case-text h1:before{display: none;}
    .top-case .case-text{width: 100%;}
    .xk-wrapper .text{width: 100%;}
    .xk-wrapper .img{width: 100%;padding-right: 0;}
    .xk-wrapper1 .img{width: 100%;}
    .xk-wrapper1 .text{width: 100%;padding: 0 20px}
    .xk-wrapper2 .col-l{margin-bottom: 30px;}
    .xk-wrapper2 .col-l,.xk-wrapper2 .col-r{width: 100%;padding: 0 20px;}
    .xk-wrapper2 .content::after{display: none;}
    .xk-wrapper3 h2,.xk-msg h3{font-size: 42px;}
    .case-list .item1 .case-pic{width: 100%;padding-right: 0;}
    .case-list .case-pic{margin-bottom: 30px;}
    .case-list .col-r{width: 100%;}
    .case-list .col-l{width: 100%;}
    .show-msg .msg-l{width: 100%;}
    .xk-msg:after{display: none;}
    .show-msg .msg-box{width: 100%;padding-left: 0;}
    .footer{font-size: 16px;}
    .msg-qt span{font-size: 16px;}
    .quick_links_swt {display: none;}
}

@media screen and (max-width:768px){
    body{padding-bottom: 44px;}
    .header .logo{width:160px;}
    .crumbs{display:none}
    .top-case .case-pic{ margin-bottom: 0;}
    .top-case .case-pic .pic{
    height: auto;
    height: 70vw;
    overflow: hidden;
}
    .top-case{margin-top: 4%;}
    .top-case .case-pic .xk-btn{display:none;}
    .top-case .case-pic .xk-btn a{border-bottom-right-radius: 40px;font-size: 20px;}
    .top-case .case-pic .xk-btn a img{margin-right: 5px;}
    .top-case .case-text h1{font-size: 29px;margin-bottom: 30px;}
    .trait-box span{width: 50%;height: auto;display: block;float: left;padding: 4% 10px;margin: 0 !important;line-height: 1;text-align: center;}
    .trait-box span img{
    width: 26px;
}
    .trait-box span strong{display:block;margin-top: 6%;}
    .case-text p{display:none}
    .case-text .free-btn:after{display: none;}
    .case-text .free-btn{margin-left: 0;}
    .case-text .btn{
    font-size: 0;
}
    .case-text .btn span, .case-text .btn a{width: 48.5%;line-height: 50px;font-size: 18px;}
    .case-text .btn .get-btn{
    margin-left: 3%;
}
    .xk-top-case{margin-bottom: 80px;}
    .xk-wrapper{padding: 20px 0;}
    .mian-cont p{font-size: 18px;}
    .xk-wrapper1 .img{padding-right: 20px;}
    .xk-wrapper3 h2, .xk-msg h3{font-size: 32px;line-height: 1.2;}
    .xk-wrapper3 h2{margin-bottom: 30px;}
    .msg-box ul li{width: 100%;}
    .msg-box ul li.msg-area{width: 100%;}
    .msg-box ul li input, .msg-area textarea{padding:12px 18px;font-size: 18px;line-height: 28px;}
    .msg-box ul li i{left: 6px;top: 40px;}
    .msg-btn input{width: 220px;height: 50px;line-height: 46px;font-size: 20px;}
    .show-msg .msg-box p{font-size: 20px;}
    .show-msg .msg-l li{margin-bottom: 20px;}
    #gotoTop2{width: 40px;height: 40px;}
    .search_block{width: 300px;display: flex;-webkit-display: flex;justify-content: space-between;}

    .search_block{width: 100%;padding:0 10px;}
    .search_block input.form-control{width: 200px;}
    .search_block .sbtn{width: 80px;height: 45px;}
    .search_block span{height: 45px;}
    .fixed_fd{display: block;}
}

@media screen and (max-width:480px){
    .crumbs li{font-size: 12px;padding: 15px 0 15px;}
    .top-case .case-pic .xk-btn a{font-size: 18px;line-height: 50px;}
    .top-case .case-pic .xk-btn{padding-right: 0;}
    .top-case .case-pic .xk-btn a img{width: 25px;height: auto;}
    .top-case .case-text h1{font-size: 24px;line-height: 1.2em;}
    .trait-box span.t1{margin-right: 0;}
    .case-text>strong{margin-top: 24px;font-size: 20px;line-height: 1;}
    .case-text p strong{font-size: 20px;}
    .case-text p{font-size: 18px;line-height: 1.8;margin-bottom: 28px;display: none;}
    .case-text .free-btn,.case-text .get-btn{width: 150px;}
    .xk-top-case{margin-bottom: 40px;}
    .xk-wrapper .text{margin-top: 20px;padding:0 20px;margin-bottom: 20px;}
    .mian-cont h2{font-size: 28px;margin-bottom:30px}
    .mian-cont p{line-height: 1.8em;}
    .xk-wrapper1 .text strong{font-size: 22px;margin-bottom: 20px;}
    .grid-ul li{padding-left: 38px;}
    .grid-ul li{font-size: 18px;line-height: 1.8em;}
    .grid-ul li:before{top: 2px;}
    .xk-wrapper1{padding: 38px 0 45px;}
    .xk-wrapper2 h2{font-size: 28px;margin-bottom: 32px;}
    .xk-wrapper2 p{font-size: 18px;line-height: 1.8em;}
    .xk-wrapper3{padding-top: 45px;}
    .xk-wrapper3 h2, .xk-msg h3{font-size: 28px;}
    .case-list .text .tit{font-size: 20px;}
    .case-list .text>p{font-size: 18px;line-height: 1.8em;margin-bottom: 22px;}
    .case-list .text .btn-a{font-size: 20px;padding: 0 20px 0 20px;line-height: 50px;}
    .case-list .text .btn-a img{width: 32px;}
    .xk-msg h3{margin-bottom: 30px;}
    .show-msg .msg-l strong{font-size: 20px;margin-bottom: 25px;}
    .show-msg .msg-l li i{font-size: 20px;}
    .show-msg .msg-l li p{font-size: 16px;}
    .msg-box ul li input, .msg-area textarea{padding: 10px 18px;}
    .msg-box ul{margin-left: 0;}
    .msg-box ul li{margin-left: 0;padding: 0;}
    .msg-box ul li span{margin-bottom: 10px;}
    .msg-qt{margin-bottom: 30px;}
    .show-msg .msg-box{padding-top: 38px;padding-bottom: 40px;}
    .footer{font-size: 14px;line-height: 24px;}

    .search_block span{width: 35px;}
    .search_block .sbtn{margin: 0 0px;font-size: 16px;width: 60px;}
}
@media screen and (max-width:360px){
    .top-case .case-pic{margin-bottom: 0;}
    .trait-box span img{width: 32px;}
    .case-list .text .btn-a img{margin-right: 5px;}
    .case-list .text .btn-a{padding:0 10px}
    .show-msg .msg-box p{font-size: 18px;}
    .show-msg .msg-box{padding-top: 20px;}
    .xk-wrapper2 h2,.mian-cont h2{font-size: 24px;}
    .case-text .free-btn, .case-text .get-btn{width: 130px;}
    .trait-box span{font-size: 14px;}
    .case-text p{font-size: 16px;}
}