html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}

body{
    margin:0;
    font-family: pingfang sc,Helvetica,microsoft yahei;
    line-height: 1.42857143;
    font-size: 14px;
    min-width: 1230px;
    background: #fff;
    color: #333;
}

h1{font-size:2em;margin:.67em 0;}

figure{margin:1em 40px;}

hr{box-sizing:content-box;height:0;overflow:visible;}

a{-webkit-text-decoration-skip:objects;background-color:transparent;}

abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}

b,strong{font-weight:bolder;}

dfn{font-style:italic;}

mark{background-color:#ff0;color:#000;}

small{font-size:80%;}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}

sub{bottom:-.25em;}

sup{top:-.5em;}

audio:not([controls]){display:none;height:0;}

img{border-style:none;}

svg:not(:root){overflow:hidden;}

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}

body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}

button,input{overflow:visible;}

button,select{text-transform:none;}

button,html [type=button],/* 1 */

[type=reset],[type=submit]{-webkit-appearance:button;}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}

fieldset{padding:.35em .75em .625em;}

legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}

progress{display:inline-block;vertical-align:baseline;}

textarea{overflow:auto;}

[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}

summary{display:list-item;}

article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */

menu{display:block;}

pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}

audio,video,canvas{display:inline-block;}

template,[hidden]{display:none;}

.clearfix{zoom:1;}

.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}

.clearfix:after{clear:both;}

a {color: #333;text-decoration: none;}

a:hover {color: #269bed;}

ul {margin: 0;list-style: none;padding: 0;}



/* 模板样式 */

.main {

    width: 100%;

}

.center {

    width: 1200px;

    margin: 0 auto;

}

.box_tit {

    margin: 50px 0;

}

.box_tit span {

    font-size: 30px;

    text-align: center;

    color: #000;

    display: block;

}

.box_tit p {

    font-size: 18px;

    color: #666;

    display: block;

    text-align: center;

    margin-top: 12px;

    line-height: 170%;

}

.pro_screen {

    padding: 20px 50px;

    border: 1px solid #eaeaea;

    background-color: #f9f9f9;

    width: 100%;

    box-sizing: border-box;

    margin-bottom: 20px;

}

.pro_screen ul {

    margin-top: 10px;

}

.pro_screen ul li {

    margin: 0 8px;

    float: left;

}

.pro_screen ul li span {

    display: block;

    color: #aaa;

    padding: 7.5px 19px;

}

.pro_screen ul li a.active {

    color: #fff;

    background-color: #e62022;

}

.pro_screen ul li a {

    color: #aaa;

    padding: 6px 16px;

    display: block;

}

.flex_between {

    width: 100%;

    padding: 30px 0;

}

.flex_between .text {

    color: #333;

    float: left;

    margin-top: 4px;

}

.flex_between .text a.active {

    color: #fff;

    background-color: #e62022;

}

.flex_between .text a {

    display: inline-block;

    vertical-align: middle;

    height: 30px;

    line-height: 30px;

    text-align: center;

    padding: 0 10px;

}

.flex_between .search {

    position: relative;

    padding-right: 78px;

    float: right;

}

.flex_between .search input[type="text"] {

    width: 182px;

    height: 36px;

    line-height: 36px;

    border: 1px solid #ddd;

    border-right: 0;

    float: left;

    padding: 0 10px;

    outline: 0;

}

.flex_between .search input[type="submit"] {

    position: absolute;

    right: 0;

    top: 0;

    width: 78px;

    float: right;

    height: 36px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    outline: 0;

    border: none;

    background-color: #e62022;

    -webkit-transition: background-color .2s;

    transition: background-color .2s;

}

.case_list ul li {

    width: 31%;

    margin-right: 1.2%;

    border: 1px solid #eee;

    padding: 8px;

    margin-bottom: 15px;

    float: left;

}

.case_list ul li .scroll_pic {

    position: relative;

    width: 100%;

    height: 220px;

    margin: 0;

    overflow: hidden;

}

.case_list ul li .scroll_pic img {

    width: 100%;

    position: relative;

    display: block;

}

.case_list ul li .text h3 {

    line-height: 48px;

    border-bottom: 1px solid #f6f6f6;

    color: #555;

    padding: 0 5px;

    font-size: 16px;

}

.case_list ul li .text2 {

    width: 100%;

    -webkit-box-pack: justify;

            justify-content: space-between;

    padding: 12px 0;

}



.case_list ul li .text1{

	  width: 100%;

    -webkit-box-pack: justify;

            justify-content: space-between;

   

	

}

.case_list ul li .text2 span {

    font-size: 12px;

    color: #f60;

    float: left;

}

.case_list ul li .text2 span i {

    font-size: 22px;

    font-style: normal;

}

.case_list ul li .text2 span em {

    color: #999;

    font-style: normal;

    padding-left: 5px;

}

.case_list ul li .text2 a {

    display: block;

    width: 92px;

    height: 34px;

    border: 1px solid #e5e5e5;

    color: #555;

    text-align: center;

    line-height: 32px;

    border-radius: 3px;

    float: right;

}

.case_list ul li .text3 {



  width: 100%;

  -webkit-box-pack: justify;

          justify-content: space-between;

  padding: 10px 0;



}

.case_list ul li .text3 p {

  font-size: 12px;

  color: #ccc;

  float: left;



}



.case_list ul li .text3 p em {

  font-style: normal;

  color: #999;

}





.case_list ul li .text3 span {

  float: right;

  margin-top: 3px;



}

.case_list ul li .text3 span i {

  font-style: normal;

  display: inline-block;

  color: #66c7f2;

  border: 1px solid #66c7f2;

  padding: 3px 2px;

  line-height: 1;

  font-size: 12px;

  line-height: 100%;

  margin-left: 5px;

}

.case_list ul li:nth-child(3n) {



  margin-right: 0;



}

a:active, a:hover {

    outline: 0;

}

.pages {



  margin-top: 40px;



  margin-bottom: 20px;



  text-align: center;



}







.pages a {



  display: inline-block;



  height: 32px;



  line-height: 30px;



  background: #fff;



  border: 1px solid #e6e6e6;



  text-align: center;



  color: #333;



  padding: 0 14px;



  border-radius: 5px;



  margin: 0 3px;



}







.pages a:hover {



  background: #e62022;



  color: #fff;



  text-decoration: none;



  border: 1px solid #e62022;



}







.pages a.current {



  background: #e62022;



  color: #fff;



  text-decoration: none;



  border: 1px solid #e62022;



}



/* 模板样式 */





.nav-sub {text-align: center;font-size: 0;margin: -5px 0 40px -5px;}

.nav-sub li {display: inline-block;vertical-align: middle;}

.nav-sub li a {display: block;line-height: 48px;padding: 0 40px;background-color: #fff;font-size: 16px;margin: 5px 0 0 5px;}

.nav-sub li a:hover,.nav-sub li.active a {background-color: #c42221;color: #fff;}



.list-case {margin: -30px 0 0 -30px;}

.list-case li {float: left;width: 33.333333%;}

.list-case li .wrap {margin: 30px 0 0 30px;background-color: #fff;}

.list-case li .img-cover {padding-top: 87%;}

.list-case li .mask {position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);color: #fff;text-align: center;display: table;-webkit-transition: all 0.5s;transition: all 0.5s;}

.list-case li .mask .inner {display: table-cell;vertical-align: middle;}

.list-case li .mask .tag {font-size: 22px;}

.list-case li .mask .ico {margin-top: 20px;}

.list-case li .mask .ico a {display: inline-block;vertical-align: middle;margin: 0 15px;font-size: 16px;color: #fff;}

.list-case li .mask .ico i {display: block;width: 48px;height: 48px;margin: 0 auto 10px;background: no-repeat center / contain;-webkit-transition: all 0.5s;transition: all 0.5s;}

.list-case li .mask .ico a.v i {background-image: url(../images/solutions_bg1.png);}

.list-case li .mask .ico a.d i {background-image: url(../images/i_pic1.png);}

.list-case li .mask .ico a:hover i {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

.list-case li .text {border-bottom: 2px solid #dcdcdc;text-align: center;padding: 20px;position: relative;}

.list-case li .text:after {position: absolute;bottom: -2px;left: 0;content: '';height: 2px;width: 0;background-color: #c42221;-webkit-transition: all 0.5s;transition: all 0.5s;}

.list-case li .text h4 {margin: 0;font-size: 20px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-case li .text p {margin: 10px 0 0;font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-case li .wrap:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.list-case li .wrap:hover .mask {top: 0;}

.list-case li .wrap:hover .text:after {width: 100%;}

.img-center {text-align: center;font-size: 0;}

.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}



.img-cover {overflow: hidden;position: relative;}

.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.header_container{
    width: 1200px;margin: 0 auto;
}

.list_container {max-width: 1500px;width:95%;margin: 0 auto;padding-top: 20px;overflow: hidden;}
.container {max-width: 1500px;width:95%;margin: 0 auto;padding-top: 100px;overflow: hidden;}
.about_container {
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
}
.inner_container {width: 1200px;margin: 100px auto 0 auto;}


.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}

.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #c00a0c;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}

.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}

.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}

.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}

.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.kf .con{overflow:hidden;background:#fff;}

.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}

.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}

.kf .qq li a img{padding-right:6px;}

.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}

.kf .contact{margin-top:1px;height: auto;}

.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 0;}

.kf .contact p:nth-child(2n){padding-left:32px;}

.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat;}

.kf .con .qr{margin-top:10px;padding-left:40px;}

.kf .con .qr img{width:110px;height:110px;}

.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #c00a0c;background-size:18px auto;cursor:pointer;}

.kf-side{padding:18px 10px 10px;background:#c00a0c;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}

.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}

.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}

.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}

h2, h3{
    font-size: 17px;
}

.header {
    margin:0 auto;
    border-bottom: solid 1px rgba(255,2555,255,0.2);
    background: #fff;
    position:fixed;
    top:0;
    width: 100%;
    height: 85px;
    z-index: 9999;
    min-width: 1500px;
}
.header .container{
    padding-top: 0;
}

.header .logo {float: left;height: 85px;line-height: 85px;text-align: left;width: 380px;}

.header .tel {float: right;line-height: 85px;color: #3680c9;font-size: 15px;background: url(../images/82-1.png) no-repeat 0 center;padding-left: 40px;}

.header .nav {text-align: center;}

.header .nav li {display: inline-block;vertical-align: middle;margin: 0 36px;}

.header .nav li a {display: block;font-size: 16px;color: #000;line-height: 85px;position: relative;}

.header .nav li a:hover{
    color:#269bed;
}

/* .header .nav li a:after {position: absolute;content: '';bottom: 0;left: 50%;width: 0;height: 3px;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;} */

.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;z-index: 1;}

.header .nav li .arr:after {content: '';border-top: 2px solid #fff;border-left: 2px solid #fff;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}

.header .nav li.active a:after,.header .nav li.open a:after,.header .nav li a:hover:after {left: 0;width: 100%;}

.header .nav .dropdown-box {position: absolute;left: 0;width: 100%;top: 100%;z-index: 10;border-top: solid 2px #d3242a;background: url(../images/bg_2.png) repeat 0 0;padding: 30px 0;display: none;}

.header .nav .dropdown-box dl {margin: 0 auto;}

.header .nav .dropdown-box dt {float: left;width: 25%;font-size: 30px;text-align: left;padding-top: 20px;}

.header .nav .dropdown-box dt:after {content: '';display: block;height: 2px;width: 50px;background-color: #333;margin-top: 20px;}

.header .nav .dropdown-box dd {margin-left: 25%;border-left: 1px solid rgba(0,0,0,0.2);overflow: hidden;}

.header .nav .dropdown-box p {margin: 0;float: left;width: 20%;}

.header .nav .dropdown-box a {display: block;padding: 20px;color: #333;font-weight: normal;line-height: 1;-webkit-transition: all 0.5s;transition: all 0.5s;}

.header .nav .dropdown-box a:after {display: none;}

.header .nav .dropdown-box a i {display: block;height: 90px;background: url(../images/ico1_14576198.png) no-repeat center / contain;-webkit-transition: all 0.5s;transition: all 0.5s;}

.header .nav .dropdown-box a span {display: block;font-size: 18px;margin-top: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.header .nav .dropdown-box a:hover {background-color: #c00a0c;color: #fff;}

.header .nav .dropdown-box a:hover i {background-image: url(../images/ico1_1_h4626059.png);}

.header .nav li.open .dropdown-box {display: block;}

.menu-btn {display: none;padding: 10px 0;float: right;margin-left: 15px;}

.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #269bed;content: '';}

.menu-btn:before {width: 24px;}

.menu-btn:after {width: 18px;margin-left: 6px;}

.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}



.banner {position: relative;margin-top: 85px;}
.banner img {width: 100%;}

.banner .swiper-slide {background: no-repeat center / contain;}

.banner .text {display: table;width: 100%;height: 100%;color: #fff;}

.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}

.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateY(50px);transform: translateY(50px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}




.section-title span {display: block;line-height: 80px;font-size: 36px;font-weight: bold;color: #db0001;position: relative;z-index: 1;}

.section-title strong {display: block;line-height: 1;color: #f6f6f6;font-family: 'OPENSANS-BOLD';text-transform: uppercase;font-size: 80px;margin-top: -80px;}

.section-title-1 {margin-bottom: 60px;text-align: center;font-size: 24px;}

.section-title-1 strong {display: block;font-size: 48px;text-transform: uppercase;}

.prodservices{
    overflow: hidden;
    width: 1200px;margin: 0 auto;
}
.prodservices-title {height: 232px;background: url(../images/prodServices.jpg) no-repeat center;}
.prodservices-left{
    float: left;
}
.prodservices-right{
    background: #f4f9ff url(../images/prodServices_right.jpg) no-repeat top right;
    width: 934px;
    height: 481px;
    float: right;
    background-size: cover;
}
.prodservices-right ul{
    margin-left: 52px;
}
.prodservices-right ul li{
    float: left;
    margin: 30px auto;
    width: 200px;
}

.prodservices-right ul li img{
    width: 22px;
    float:left;
    margin-right: 10px;
}

.prodservices-right ul li ul{
    margin: 0px;
    height: 100px;
}
.prodservices-right ul li ul li{
    float: none;
    margin: 10px 0px;
    padding-left:33px;
}
.valuebring{
    width: 100%;
    background: #f7f7f7;
    overflow: hidden;
}
.valuebring-container{
    width: 1200px;
    margin: 0 auto;
}
.valuebring-title {height: 140px;background: url(../images/valuebring_title.jpg) no-repeat center 30px;}
.valuebring-left{
    width: 330px;
    float: left;
    padding: 0 10px;
    margin-top: 26px;
}
.valuebring-left ul li{
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    cursor: pointer;
    font-size: 16px;
}
.valuebring-left ul li:hover{
    color: #d82321;
}
.valuebring-left ul li.title{
    line-height: 28px;
}
.valuebring-left ul li img{
    display: block;
	transition: all 0.6s;
    margin: 0 auto 8px auto;
}
.valuebring-left ul li img:hover{
    transform: scale(1.06);
}

.valuebring-right{
    float: right;
    width: 850px;
    height: 560px;
    background: url(../images/valuebring_right.jpg) no-repeat;
}
.valuebring-right ul {
    margin-left: 200px;
    margin-top: 33px;
}
.valuebring-right ul li{
    cursor: pointer;
}
.valuebring-right ul li a{
    line-height: 28px;
    border-bottom: 1px dotted #ccc;
    display: block;
}
.valuebring-right ul li a.value1{
    height: 71px;
}
.valuebring-right ul li a.value1 .title{
    padding-top: 8px;
}
.valuebring-right ul li a.value2{
    height: 92px;
}
.valuebring-right ul li a.value2 .title{
    padding-top: 18px;
}
.valuebring-right ul li a.lineheight{
    line-height: 22px;
    height: 69px;
}
.valuebring-right ul li a.lineheight .title{
    padding-top:13px;
}
.valuebring-right ul li a.value3{
    height: 95px;
}
.valuebring-right ul li a.value3 .title{
    padding-top:20px;
}
.valuebring-right ul li a.value4{
    height: 70px;
}
.valuebring-right ul li a.value4 .title{
    padding-top:8px;
}
.valuebring-right ul li a.value5{
    height: 97px;
    border-bottom: 0;
}
.valuebring-right ul li a.value5 .title{
    padding-top:19px;
}
.valuebring-right ul li a .title{
    font-size: 16px;
    font-weight: bold;
}
.valuebring-right ul li a .text{
    font-size: 13px;
}

.valuebring-right ul li a:hover{
    color: #d82321;
}

.valuebring-right ul li:hover{
    background:#f7e5e7;
  
}
.valuebring-right .red{
    width: 571px;
    background:#f7e5e7;
    line-height: 28px;
    margin-left: 192px;
    padding: 12px 30px 12px 30px;
    color: #d82321;
}
.principle{
    overflow: hidden;
}
.principle-title {height: 180px;background: url(../images/principle_title.jpg) no-repeat center center;}
.principle-container {
    width: 100%;
    background: #269bed url(../images/principle_bg.jpg) no-repeat top;
    overflow: hidden;
}
.principle-content{
    width: 1200px;
    margin: 0 auto;
}
.principle ul.principle-left{
    float: left;
    width: 45%;
    margin-top: 40px;
}
.principle ul.principle-left li{
    height: 64px;
    line-height: 64px;
    border-radius: 12px;
    margin: 20px 0;
    padding-left: 74px;
    background: #fff url(../images/principle_icon1.jpg) no-repeat 30px center;
    font-size: 16px;
    cursor: pointer;
}
.principle ul.principle-left li .text{
    font-size: 13px;
}
.principle-right{
    width: 45%;
    float: right;
    margin-top: 25px;
    background: url(../images/principle_right_bg.png) repeat;
    padding: 1% 2%;
    border-radius: 18px;
    font-size: 16px;
}

.principle-right ul li{
    height: 64px;
    line-height: 64px;
    border-radius: 12px;
    background: #a8a8a8 url(../images/principle_icon2.jpg) no-repeat 30px center;
    margin: 20px 0;
    padding-left: 74px;
    cursor: pointer;
}
.principle-right ul li .text{
    font-size: 13px;
}
.principle-more{
    clear: both;
    padding: 40px 0;
}
.principle-more a{
    width: 274px;
    height: 62px;
    line-height: 62px;
    background: #fff;
    display: block;
    text-align: center;
    border-radius: 31px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    color: #269bed;
}
.solutions{
    overflow: hidden;
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.solutions-title {height: 180px;background: url(../images/solutions_title.jpg) no-repeat center center;}
.solutions ul{
    padding: 6px;
}
.solutions ul li{
    width: 22.4%;
    float: left;
    box-shadow:0 0 5px 1px #eee;    
    margin:8px 0.3%;
    padding: 12px;
}
.solutions ul li .title{
    height: 44px;
    line-height: 44px;
    color: #269bed;
    font-size: 16px;
}
.solutions ul li .title img{
    float:right;
    width: 43px;
    transition: all 0.6s;
}
.solutions ul li .title img:hover{
    transform: scale(1.06);
}

.solutions ul li .text{
    font-size: 13px;
    line-height: 26px;
    background: url(../images/solutions_home.png) no-repeat right bottom;
    padding-bottom: 30px;
    background-size: 26px 26px;
}
.process{
    overflow: hidden;
    background:#f4f9ff;
    padding-bottom: 40px;
}
.process-container{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.process-title {height: 180px;background: url(../images/process_title.jpg) no-repeat center center;}
.process ul{
    margin: 0 auto;
    width: 1250px;
}
.process ul li{
    float: left;
    height: 132px;
    cursor: pointer;
}
.process ul li.circle{
    position: relative;
    width: 80px;
}
.process ul li.circle a {
    display: block;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    text-align: center;
    position:absolute;
    left: -20px;
    top:0px;
    border: 10px solid #dddddd;
    font-size: 18px;
}

.process ul li.circle a.icon1 {
    background: #fff url(../images/process_icon1.png) no-repeat center center;
    background-size: 80px 80px;
}
.process ul li.circle a.icon2 {
    background: #fff url(../images/process_icon2.png) no-repeat center center;
    background-size: 80px 80px;
}
.process ul li.circle a.icon3 {
    background: #fff url(../images/process_icon3.png) no-repeat center center;
    background-size: 80px 80px;
}
.process ul li.circle a.icon4 {
    background: #fff url(../images/process_icon4.png) no-repeat center center;
    background-size: 80px 80px;
}
.process ul li.circle a.icon5 {
    background: #fff url(../images/process_icon5.png) no-repeat center center;
    background-size: 80px 80px;
}
.process ul li.circle a.icon6 {
    background: #fff url(../images/process_icon6.png) no-repeat center center;
    background-size: 80px 80px;
}
.process ul li.circle a.current {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    position:absolute;
    left: -20px;
    top:-20px;
    border: 10px solid #f0d4bf;
    font-size: 18px;
    background-color: #eda062;
    color: #fff;
    
}
.process ul li.circle a.current label{
    font-size: 13px;
}
.process ul li.circle span{
    display: block;
    padding-top: 30px;
}
.process ul li.circle span#text2{
    padding-top: 36px;
}
.process ul li.line{
    float: left;
    background: url(../images/process_line.png) no-repeat center center;
    width: 153px;
}
.case{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
}
.case .nav{
    margin:0 auto 15px auto;
    width: 1200px;
    text-align: center;
}
.case-title {height: 180px;background: url(../images/case_title.jpg) no-repeat center center;}

.case .nav ul{
    width:76%;
    margin:0 auto;
    overflow:hidden;
}

.case .nav ul li{
    float: left;
    margin: 6px 0.4%;
    width: 15.6%;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    border: 1px solid #d1d1d1;
    text-align: center;
    cursor: pointer;
}
.case .nav ul li.over{
    background: url(../images/case_button.png) no-repeat center / cover;
    border: 1px solid;
    color: #fff;
}
.case .content li{
    float: left;
    width: 33.3%;
} 
.case .content li a{
    display: block;
    box-shadow:0 0 5px 1px #eee;   
    margin: 12px 15px; 
    background: url(../images/case_arrow.jpg) no-repeat right bottom;
    overflow: hidden;
}
.case .content li a .img{
    height: 280px;
    overflow: hidden;
}
.case .content li .title{
    padding: 15px 15px 5px 15px;
}
.case .content li .text{
    padding: 5px 15px 15px 15px;
}
.case .content li img{
    cursor: pointer;
	transition: all 0.6s;
    width: 100%;
}
.case .content li img:hover{
    transform: scale(1.06);
}

.video{
    overflow: hidden;
    background:#f7f7f7;
}
.video-container{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.video ul li{
    float: left;
    width: 33.3%;
} 
.video ul li a{
    display: block;
    box-shadow:0 0 5px 1px #eee;   
    margin: 12px 15px; 
    overflow: hidden;
}
.video ul li a img{
    width: 100%
}
.video-title {height: 180px;background: url(../images/video_title.jpg) no-repeat center center;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.news{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
}
.news .news-title {height: 180px;background: url(../images/news_title.jpg) no-repeat center center;}
.news .news-left{
    width: 40%;
    float: left;
}
.news .news-left .img{
    width: 100%;
    height: 337px;
    overflow: hidden;
}
.news .news-left img{
    cursor: pointer;
	transition: all 0.6s;
}
.news .news-left img:hover{
    transform: scale(1.06);
}
.news .news-left .content{
    padding: 8px 16px;
}
.news .news-left .title{
    font-size: 16px;
    font-weight: bold;
}
.news .news-left .text{
    font-size: 13px;
    padding: 8px 0;
}
.news .news-left .content a.more{
    background: #f5f5f5;
    padding: 7px 22px;
    margin: 15px 0;
    display: inline-block;
}
.news .news-right{
    width: 58%;
    float: right;
}
.news .news-right .nav li{
    float: left;
    width: 50%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.news .news-right .nav li a{
    border: 2px solid #3680c9;
    display: block;   
}
.news .news-right .nav li a.over{
    background: #3680c9;
    color: #fff;
}
.news .news-right .content{
    clear: both;
}
.news .news-right .content li{
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    padding: 10px 0;
}
.news .news-right .content .time{
    float: left;
    width: 10%;
}
.news .news-right .content .time .dd{
    font-size: 45px;
}
.news .news-right .content .infor{
    float: right;
    width: 85%;
}
.news .news-right .content .infor .title{
    font-weight: bold;
}
.news .news-right .content .infor .text{
    line-height: 28px;
}
.platform{
    overflow: hidden;
    background:#f4f9ff;
}
.platform-container{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
    
}
.platform-container img{
    width: 100%;
}
.platform-title {height: 180px;background: url(../images/platform_title.jpg) no-repeat center center;}
.culture{
    overflow: hidden;
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.culture-title {height: 180px;background: url(../images/culture_title.jpg) no-repeat center center;}
.culture ul li{
    float: left;
    padding: 20px 0px;
    height: 200px;
}
.culture ul li.nav1{
    width: 20.3%;
}
.culture ul li.nav2{
    width: 59.3%;
}

.culture ul li img{
    display: block;
    width: 109px;
    margin: 0 auto;
    transition: all 0.6s;
}
.culture ul li img:hover{
    transform: scale(1.06);
}

.culture ul li .title{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}
.culture ul li.nav1 .title{
    color: #e35fe6;
}
.culture ul li.nav2 .title{
    color: #f85b86;
}
.culture ul li.nav3 .title{
    color: #fec924;
}
.culture ul li.nav4 .title{
    color: #3bc472;
}
.culture ul li.nav5 .title{
    color: #fd8623;
}
.culture ul li.nav6 .title{
    color: #68a5fc;
}
.culture ul li .text{
    text-align: center;
}
.nav_service {
    width: 100%;
    /* background: url(../images/nav_service_bg.png) repeat; */
    background: #269bed; 
    position:absolute;
    left: 0;
    z-index: 99;
    padding: 20px 0;
    color: #fff;
}
.nav_service .nav_service_container{
    width: 1200px;
    margin: 0 auto;
}
.nav_service .nav_service_title{
    float: left;
    border-right: 1px solid #d1d1d1;
    padding-right: 100px;
    text-align: left;
    height: 100px;
    font-size: 20px;
}
.nav_service ul{
    float: left;
    width: 1000px;
}
.nav_service ul li{
    float: left;
    width: 140px;
    padding: 20px 0;
}
.nav_service ul li a{
    display: block;
    padding-top: 62px;
    line-height: 28px !important;
    color: #fff !important;
}
.nav_service ul li a:hover{
    color: #269bed !important;
}
.nav_service ul li:hover{
    background-color: #fff;
    border-radius: 5px;
    box-shadow:0 0 5px 2px #eee;    
}
.nav_service ul li a.icon1{
    background: url(../images/nav_service_icon1.png) no-repeat top center;
    background-size: 50px;
}
.nav_service ul li a.icon2{
    background: url(../images/nav_service_icon2.png) no-repeat top center;
    background-size: 40px;
}
.nav_service ul li a.icon3{
    background: url(../images/nav_service_icon3.png) no-repeat top center;
    background-size: 60px;
}
.nav_service ul li a.icon4{
    background: url(../images/nav_service_icon4.png) no-repeat top center;
    background-size: 70px;
}
.nav_service ul li a.icon5{
    background: url(../images/nav_service_icon5.png) no-repeat top center;
    background-size: 50px;
}
.nav_service ul li a.icon6{
    background: url(../images/nav_service_icon6.png) no-repeat top center;
    background-size: 50px;
}
.nav_service ul li a.icon7{
    background: url(../images/nav_service_icon7.png) no-repeat top center;
    background-size: 70px;
}
.nav_service ul li a.icon8{
    background: url(../images/nav_service_icon8.png) no-repeat top center;
    background-size: 70px;
}
.about_banner{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.about_banner .about_banner_content{
    margin: 0 auto;
    line-height: 30px;
}
.about_banner .about_banner_content img{
    display: block;
    width: 100%;
}
.about_banner .about_banner_content .left{
    float: left;
    width: 46%;
}
.about_banner .about_banner_content .right{
    float: right;
    width: 52%;
}
.about_banner .about_banner_content .right .text{
    font-size: 20px;
    line-height: 40px;
}
.about_banner .about_banner_content p{
    text-indent: 2em;
}
.about_banner .about_banner_content h2{
    text-align: center;
    margin-top: 15px;
    font-size: 26px;
    line-height: 46px;
}
.about_button{
    width: 60%;
    margin: 10px auto;
}
.about_button .about_button1{
    float: left;
    width: 46%;
}
.about_button .about_button2{
    float: right;
    width: 46%;
}
.about_title{
    text-align: center;
    background: url(../images/index_about_title.jpg) no-repeat center center;
    font-size: 26px;
    font-weight: bold;
    padding: 60px 0;
}
.about_title img{
    width: 474px;
    margin: 20px auto;
}
.about_content2{
    margin: 0px auto;
    overflow: hidden;
}
.about_content2 li {
    float: left;
    width: 18%;
    margin: 0 1%;
}
.about_content2 li img{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.about_content2 li .title{
    text-align: center;
    font-size: 20px;
    padding: 8px 0;
}
.about_content2 li .text{
    text-align: left;
    color: #787878;
    font-size: 13px;
}
.about_content{
    width: 959px;
    margin: 0 auto;
    overflow: hidden;
}
.about_content img{
    float: left;
}
.about_content .text{
    float: right;
    width: 473px;
}
.about_content .text h2{
    color: #13568f;
    border-bottom: 1px solid #13568f;
    font-size: 24px;
    padding-bottom: 12px;
}
.about_culture{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.about_culture li{
    float: left;
    width: 33.3%;
}
.about_culture li .img{
    width: 50%;
}
.about_culture li .img img{
    display: block;
    width: 100%;
}
/* .about_culture li:nth-child(1) .text{
    text-align: left;
} */
.about_culture li:nth-child(2) .img{
    margin: 0 auto;
}
.about_culture li:nth-child(3) .img{
    float:right;
}
.about_culture li .text{
    text-align: center;
    font-size: 22x;
}
.about_culture li:nth-child(3) .text{
    clear:right;
}
.about_title1{
    color: #1868d4;
}
.about_arrow{
    margin: 0 auto;
}
.about_content1{
    text-align: center;
    margin: 20px 0;
    letter-spacing: 6px;
}
.index_about_footer{
    width: 100%;
    height: 320px;
    background:url(../images/index_about_footer.jpg) no-repeat;
    background-size:cover;
    text-align: center;
}
.index_about_footer_contrainer{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    color: #fff;
}
.index_about_footer .year{
    font-size: 28px;
    font-weight: bold;
    position: absolute;
}
.index_about_footer .text{
    position: absolute;
    font-size: 13px;
}
.index_about_footer img{
    width: 1200px;
    margin: 40px auto;
}
.wsbp_banner{
    margin-top: 108px;
}
.wsbp_banner img{
    width: 100%;
    height: 600px;
}
.wsbp_title1{
    width: 160px;
    height: 120px;
    line-height: 120px;
    font-size: 30px;
    border-bottom: 1px solid #ffd114;
    text-align: center;
    margin: 0 auto;
}
.wsbp_text{
    height: 80px;
    line-height: 80px;
    text-align: center;
}
.wsbp_ul li{
    float: left;
    margin: 0 5.7%;
}
.wsbp_ul li img{
    display: block;
}
.wsbp_ul li .text{
    padding-top: 15px;
    text-align: center;
}
.wsbp_title2{
    height: 120px;
    line-height: 120px;
    font-size: 27px;
    text-align: center;
}
.wsbp_ul1 li{
    float: left;
    margin: 0;
    width: 25%;
}
.wsbp_ul1 li img{
    display: block;
    width: 174px;
    margin: 0 auto;
}
.wsbp_ul1 li .title{
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
}
.wsbp_ul1 li .text{
    padding-top: 15px;
    text-align: center;
}
.wsbp_advantage{
    background: #f7f7f7;
    overflow: hidden;
    padding-bottom: 30px;
}
.wsbp_advantage .title{
    height: 120px;
    line-height: 120px;
    font-size: 25px;
    text-align: center;
}
.wsbp_advantage ul{
    width: 1000px;
    margin: 0 auto;
}
.wsbp_advantage ul li{
    float: left;
    margin: 0 72px 50px 72px;
}
.wsbp_advantage ul li img{
    display: block;
    margin: 0 auto;
}
.wsbp_advantage ul li .text{
    padding-top: 15px;
    text-align: center;
    color: #108aed;
}
.wsbp_advantage .keyword{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.wsbp_advantage .keyword_left{
    float: left;
    width: 500px;
    line-height: 34px;
}
.wsbp_advantage .keyword_left .title{
    font-size: 25px;
    text-align: left;
}
.wsbp_message{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}
.wsbp_message .title{
    width: 516px;
    margin: 0 auto;
    font-size: 25px;
    text-align: center;
}
.wsbp_message .title div{
    border-top: 1px solid #000;
}
.wsbp_message .title div span{
    width: 308px;
    background: #fff;
    display: block;
    margin: -20px auto;
}
.wsbp_message form{
    margin-top: 50px;
}
.wsbp_message form .form-group{
    float: left;
    margin-right: 50px;
}
.wsbp_message form .form-group1{
    margin-left: 120px;
}
.wsbp_message form .form-group input[type="text"]{
    width: 285px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #5d5d5d;
}
.wsbp_message form button[type="submit"]{
    width: 160px;
    height: 38px;
    line-height: 38px;
    margin: 40px auto 0 auto;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
    font-size: 21px;
    background: #fff;
    color: #5d5d5d;
    cursor: pointer;
}
.wsbp_message form button[type="submit"]:hover{
    background: #108aed;
    border: 1px solid #108aed;
    color: #fff;
}
.ztbsjj {
    height: 805px;
    background: url(../images/zuitbj.jpg) no-repeat center top;
    margin-top: 20px;
    text-align: center;
}
.ztbsjj span {
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    margin-top: 250px;
}
.ztbsjj span b {
    color: #ffd114;
}
.ztbsjj p {
    margin-top: 80px;
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 115px;
}
.ztbsjj p b {
    font-size: 26px;
    color: #ffd114;
}
.ztbsjj .line {
    background: url(../images/ztline.png) no-repeat center 20px;
    height: 24px;
    text-align: center;
    font-size: 24px;
    color: #ffd114;
    display: block;
}
.ztbsjj span1 {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    text-align: center;
    line-height: 35px;
}
/* .banner .swiper-slide{
    background:no-repeat;
    background-size:cover;
} */
.nav-sub{
    margin: 0 0 40px 0;
}
.nav-sub li a{
    width: 120px;
    padding: 0;
}

.in-prodserv {margin: -40px 0 0 -40px;}

.in-prodserv li {float: left;width: 25%;}

.in-prodserv li .wrap {margin: 40px 0 0 40px;background-color: #fff;text-align: center;box-shadow: 0 5px 7px rgba(196,196,196,0.18);-webkit-transition: all 0.5s;transition: all 0.5s;}

.in-prodserv li .tit {background-color: #c00a0c;color: #fff;padding-top: 30px;height: 110px;font-size: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.in-prodserv li .ico {display: block;width: 100px;height: 100px;border-radius: 50%;background: no-repeat center #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin: -50px auto 0;}

.in-prodserv li dl {margin: 10px 0;padding: 0 20%;}

.in-prodserv li dd {margin: 0;border-bottom: dashed 1px #d3d1d1;font-size: 15px;color: #666;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.in-prodserv li dd:last-child {border-bottom: 0;}

.in-prodserv li .more {display: block;line-height: 44px;color: #fff;background-color: #c00a0c;letter-spacing: 1px;text-indent: 1px;font-size: 16px;}

.in-prodserv li:hover .wrap {box-shadow: 0 6px 20px rgba(0,0,0,0.25);}



.in-ys {color: #fff;}

.in-ys .wrap {padding: 72px 55px 57px 55px;height: 540px;}

.in-ys .tit {font-size: 0;margin-bottom: 30px;}

.in-ys .tit:before,.in-ys .tit img,.in-ys .tit span {display: inline-block;vertical-align: middle;}

.in-ys .tit:before {content: '';width: 30px;height: 2px;margin-right: 20px;background-color: #fff;}

.in-ys .tit img {margin-right: 8px;}

.in-ys .tit span {font-size: 30px;line-height: 1;}

.in-ys-left {float: left;background: url(../images/82-40.jpg) no-repeat center / cover;width: 50%;}

.in-ys-left ul {margin: -20px 0 0 -20px;}

.in-ys-left li {float: left;width: 50%;}

.in-ys-left li .inner {margin: 20px 0 0 20px;padding: 20px;background-color: rgba(0,0,0,0.24);border: solid 2px #e4e4e4;position: relative;}

.in-ys-left li span {position: absolute;right: 20px;top: 14px;line-height: 1;font-family: Impact;font-size: 30px;opacity: 0.1;}

.in-ys-left li h4 {margin: 0;line-height: 24px;font-weight: normal;font-size: 16px;padding-right: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.in-ys-left li p {margin: 10px 0 0;opacity: 0.6;font-size: 15px;line-height: 22px;text-align: justify;height: 66px;overflow: hidden;}

.in-ys-right {float: left;background: #c00a0c;width: 50%;}

.in-ys-right ul {margin: -16px 0 0 -16px;}

.in-ys-right li {float: left;width: 33.333333%;}

.in-ys-right li .inner {padding: 30px;background-color: rgba(255,255,255,0.9);margin: 16px 0 0 16px;}

.in-ys-right li h4 {margin: 0 0 0 -30px;background-color: #c00a0c;padding-left: 30px;line-height: 34px;font-size: 16px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.in-ys-right li p {color: #666;font-size: 15px;text-align: justify;line-height: 22px;margin: 24px 0 0;height: 110px;overflow: hidden;}



.in-jz {padding: 0;}

.in-jz-left {float: left;width: 50%;background-color: #c65053;height: 829px;position: relative;text-align: right;}

.in-jz-left:before {position: absolute;content: '';background: url(../images/82-42.png) no-repeat center center;width: 58.333%;right: 20%;top: 50%;height: 480px;margin-top: -240px;}

.in-jz-left .wrap {position: absolute;left: 0;top: 50%;background: url(../images/82-43.png) repeat 0 0;height: 480px;margin-top: -240px;width: 67.8125%;z-index: 1;}

.in-jz-left .inner {padding: 85px 70px 85px 0;}

.in-jz-left .tit {padding-bottom: 40px;background: url(../images/82-44.png) no-repeat right bottom;line-height: 1;}

.in-jz-left .tit span {display: block;position: relative;z-index: 1;font-size: 30px;}

.in-jz-left .tit strong {display: block;font-size: 80px;font-family: "Arial Black";text-transform: uppercase;

margin-top: -65px;color: #cfcbcb;opacity: 0.6;}

.in-jz-left p {padding-left: 30%;font-size: 16px;margin: 15px 0 0;line-height: 36px;height: 72px;overflow: hidden;}

.in-jz-left ul {font-size: 0;}

.in-jz-left li {display: inline-block;vertical-align: top;border-left: solid 1px #d9d9d9;margin-left: 30px;padding-left: 30px;margin-top: 50px;text-align: center;}

.in-jz-left li:first-child {margin-left: 0;padding-left: 0;border-left: 0;}

.in-jz-left li .img-center {height: 55px;line-height: 55px;}

.in-jz-left li h4 {font-size: 18px;font-weight: normal;margin: 10px 0 0;}

.in-jz-left li span {font-size: 14px;color: #999;}

.in-jz-right {float: left;width: 50%;background: url(../images/82-54.jpg) repeat 0 0;height: 829px;}

.in-jz-right .wrap {padding: 48px 20% 40px 60px;}

.in-jz-right ul {margin-top: -37px;}

.in-jz-right li {overflow: hidden;margin-top: 37px;}

.in-jz-right li .img-center {float: left;width: 57px;}

.in-jz-right li .text {margin-left: 77px;}

.in-jz-right li .text h4 {margin: 0;font-weight: normal;font-size: 18px;}

.in-jz-right li .text p {font-size: 15px;margin: 5px 0 0;line-height: 1.8;color: #8a8a8a;}



.in-ly li {float: left;width: 16.666666%;}

.in-ly li .wrap {text-align: center;padding: 0 25px;}

.in-ly li .img-center {width: 148px;height: 148px;line-height: 148px;border-radius: 50%;margin: 0 auto;-webkit-transition: all 0.5s;transition: all 0.5s;}

.in-ly li .img-center.i1 {background-color: #ad2223;}

.in-ly li .img-center.i2 {background-color: #fa8c01;}

.in-ly li .img-center.i3 {background-color: #fdca01;}

.in-ly li .img-center.i4 {background-color: #26adef;}

.in-ly li .img-center.i5 {background-color: #37b44c;}

.in-ly li .img-center.i6 {background-color: #c93ed7;}

.in-ly li h4 {background: url(../images/82-60.png) no-repeat center bottom;font-size: 18px;font-weight: normal;margin: 28px 0 0;padding-bottom: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.in-ly li p {font-size: 15px;line-height: 1.6;color: #999;margin: 15px 0 0;}

.in-ly li:hover .img-center {box-shadow: 10px 15px 15px rgba(0,0,0,0.1);}

.in-ly li:hover h4 {color: #c00a0c;}



.bg1 {background: url(../images/82-62.jpg) no-repeat center bottom / cover #aa2021;color: #fff;}



.in-zd {margin: -40px 0 0 -40px;text-align: center;}

.in-zd li {float: left;width: 25%;}

.in-zd li .wrap {background-color: rgba(255,130,131,0.3);border-radius: 15px;padding: 34px 15% 39px 15%;margin: 40px 0 0 40px;}

.in-zd li h2 {margin: 0;font-size: 46px;}

.in-zd li h4 {margin: 10px 0 0;font-size: 20px;font-weight: normal;}

.in-zd li p {border-top: solid 1px rgba(255,255,255,0.3);font-size: 15px;line-height: 1.8;padding-top: 20px;margin: 20px 0 0;height: 80px;overflow: hidden;}



.in-yf .swiper-slide a {display: block;position: relative;}

.in-yf .swiper-slide .img-cover {padding-top: 150%;}

.in-yf .swiper-slide .img-cover:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.5;content: '';-webkit-transition: all 0.5s;transition: all 0.5s;}

.in-yf .swiper-slide .text {position: absolute;top: 50%;left: 0;width: 100%;color: #fff;text-align: center;font-size: 24px;-webkit-transition: all 0.5s;transition: all 0.5s;margin-top: -56px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.in-yf .swiper-slide .text span {display: block;height: 1px;width: 30px;margin: 15px auto;background-color: #fff;}

.in-yf .swiper-slide .text i {display: block;height: 48px;background: url(../images/icon1.png) no-repeat center / contain;}

.in-yf .swiper-pagination {font-size: 0;margin-top: 15px;position: static;display: none;}

.in-yf .swiper-slide a:hover .img-cover:after {background-color: #026bbc;opacity: 0.8;}

.in-yf .swiper-slide a:hover .text {-webkit-transform: translateY(-50%);transform: translateY(-50%);}



.list-1 {margin: -60px 0 0 -60px;}

.list-1 li {float: left;width: 33.333333%;}

.list-1 li a {display: block;margin: 60px 0 0 60px;}

.list-1 li .img-cover {padding-top: 100%;}

.list-1 li .img-cover:before,.list-1 li .img-cover:after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: 1;}

.list-1 li .img-cover:before {background-color: #000;}

.list-1 li .img-cover:after {border: solid 1px white;}

.list-1 li .img-cover .info {position: absolute;left: 0;top: 50%;width: 100%;z-index: 1;color: #fff;text-align: center;opacity: 0;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all 0.5s;transition: all 0.5s;margin-top: -75px;}

.list-1 li .img-cover .info .t {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 20px;}

.list-1 li .img-cover .info .t:after {content: '';display: block;width: 50px;height: 1px;margin: 15px auto 0;background-color: #fff;opacity: 0.5;}

.list-1 li .img-cover .info p {margin: 15px 0 0;opacity: 0.6;}

.list-1 li .img-cover .info i {display: block;background: url(../images/btn3.png) no-repeat center / contain;height: 41px;margin-top: 30px;}

.list-1 li .text {margin-top: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 20px;padding-right: 38px;background: url(../images/icon2.png) no-repeat right center;line-height: 34px;}

.list-1 li .tool {overflow: hidden;border-top: dashed 1px #b2b2b2;padding-top: 10px;margin-top: 15px;}

.list-1 li .tool span {float: left;background: no-repeat center;width: 24px;height: 30px;}

.list-1 li .tool span.f {background-image: url(../images/ico3_4.png);}

.list-1 li .tool span.u {background-image: url(../images/ico3_5.png);float: right;}

.list-1 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.list-1 li a:hover .img-cover:before {opacity: 0.7;}

.list-1 li a:hover .img-cover:after {opacity: 1;width: 90%;height: 90%;left: 5%;top: 5%;}

.list-1 li a:hover .img-cover .info {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}



.in-qa-menu {text-align: center;font-size: 0;margin-left: -60px;margin-bottom: 60px;}

.in-qa-menu li {display: inline-block;vertical-align: middle;margin: 0 0 0 60px;}

.in-qa-menu li a {display: block;width: 220px;background-color: #818181;line-height: 42px;border-radius: 22px;color: #fff;}

.in-qa-menu li i {display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: no-repeat center / contain;margin-right: 10px;}

.in-qa-menu li span {display: inline-block;vertical-align: middle;font-size: 18px;}

.in-qa-menu li.active a {background-color: #c00a0c;}



.list-2 {margin: -25px 0 0 -60px;}

.list-2 li {float: left;width: 50%;}

.list-2 li a {display: block;margin: 25px 0 0 60px;background-color: #f7f7f8;}

.list-2 li h4 {margin: 0;line-height: 46px;padding: 0 30px;background-color: #c00a0c;color: #fff;font-size: 18px;}

.list-2 li h4 strong {float: left;}

.list-2 li h4 span {display: block;margin-left: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-2 li p {margin: 0;padding: 20px 30px;font-size: 15px;line-height: 1.8;}

.list-2 li p strong {float: left;color: #c00a0c;}

.list-2 li p span {display: block;margin-left: 30px;color: #666;height: 54px;overflow: hidden;}

.list-2-1 {margin: -30px 0 0 -30px;}

.list-2-1 li a {padding: 30px;border-radius: 10px;margin: 30px 0 0 30px;}

.list-2-1 li h4 {padding: 0;background-color: transparent;color: #333;line-height: 22px;font-weight: normal;}

.list-2-1 li h4 strong {width: 22px;background-color: #c00a0c;color: #fff;text-align: center;border-radius: 3px;}

.list-2-1 li h4 span {margin-left: 40px;}

.list-2-1 li p {margin: 20px 0 0;padding: 0;}

.list-2-1 li p strong {width: 22px;height: 22px;line-height: 22px;background-color: #c00a0c;color: #fff;text-align: center;border-radius: 3px;margin-top: 2px;}

.list-2-1 li p span {margin-left: 40px;}

.list-2-1 li a:hover {background-color: #c00a0c;color: #fff;}

.list-2-1 li a:hover h4 {color: #fff;}

.list-2-1 li a:hover h4 strong {color: #c00a0c;background-color: #fff;}

.list-2-1 li a:hover p span {color: #fff;}

.list-2-1 li a:hover p strong {color: #c00a0c;background-color: #fff;}



.in-news-menu {text-align: center;font-size: 0;margin-bottom: 60px;border-top: 1px solid #464646;border-bottom: 1px solid #464646;}

.in-news-menu li {display: inline-block;vertical-align: middle;border-left: 1px solid #464646;}

.in-news-menu li:last-child {border-right: 1px solid #464646;}

.in-news-menu li a {display: block;line-height: 46px;color: #fff;font-size: 16px;padding: 0 40px;}

.in-news-menu li.active a {background-color: #c00a0c;}



.list-3 {margin: -20px 0 0 -50px;}

.list-3 li {float: left;width: 50%;}

.list-3 li a {display: block;-webkit-transition: all 0.5s;transition: all 0.5s;padding: 20px;overflow: hidden;background-color: #fff;margin: 20px 0 0 50px;}

.list-3 li .date {float: left;font-size: 18px;text-align: center;width: 80px;-webkit-transition: all 0.5s;transition: all 0.5s;color: #c00a0c;padding: 8px 0;}

.list-3 li .date strong {display: block;font-size: 30px;line-height: 1;font-weight: normal;margin-bottom: 10px;}

.list-3 li .text {margin-left: 100px;border-left: 1px solid #eee;padding-left: 20px;}

.list-3 li .text h4 {margin: 0;font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.list-3 li .text p {margin: 10px 0 0;color: #666;height: 50px;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;line-height: 1.8;}

.list-3 li a:hover {background-color: #c00a0c;color: #fff;}

.list-3 li a:hover .date {color: #fff;}

.list-3 li a:hover .text p {color: #fff;}



.in-partone {margin-left: -30px;}

.in-partone li {float: left;width: 50%;}

.in-partone li .wrap {margin-left: 30px;text-align: center;background: url(../images/bg_7_17158921.jpg) no-repeat center / cover;padding: 100px 0;color: #fff;}

.in-partone li h4 {margin: 0;font-weight: normal;font-size: 30px;letter-spacing: 5px;text-indent: 5px;}

.in-partone li a {display: block;margin: 30px auto 0;border: 1px #fff solid;border-radius: 6px;font-size: 14px;line-height: 35px;width: 140px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}

.in-partone li a:hover {background-color: #fff;color: #333;}

.in-partone li:last-child .wrap {background-image: url(../images/bg_7_26990352.jpg);color: #333;}

.in-partone li:last-child a {color: #333;border-color: #9a9fa2;}

.in-partone li:last-child a:hover {color: #fff;background-color: #9a9fa2;}



.yunu-link {padding: 20px 0;}

.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #c00a0c;padding-bottom: 15px;}

.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}

.yunu-link ul {margin-left: -20px;}

.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}



.oneform input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;opacity: 0.7;}

.oneform input:-moz-placeholder, textarea:-moz-placeholder {color: #fff;opacity: 0.7;}

.oneform input::-moz-placeholder, textarea::-moz-placeholder {color: #fff;opacity: 0.7;}

.oneform input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;opacity: 0.7;}



.oneform {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;display: none;}

.oneform .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}

.onebox {position: absolute;left: 50%;top: 50%;width: 930px;margin-left: -465px;background-color: #ed1c24;color: #fff;margin-top: -260px;}

.onebox-wrap {border: 1px #fff dashed;margin: 15px;padding: 35px;}

.onebox .close {float: right;width: 42px;height: 42px;background: url(../images/tc_btn_1.png) no-repeat center / contain;-webkit-transition: all 0.5s;transition: all 0.5s;}

.onebox .close:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

.onebox .tit {margin-bottom: 35px;font-size: 40px;background: no-repeat 0 center / contain;padding-left: 245px;}

.onebox ul {margin: -15px 0 0 -15px;}

.onebox li {float: left;width: 50%;}

.onebox li.full {width: 100%;}

.onebox li .wrap {margin: 15px 0 0 15px;overflow: hidden;border: 1px #e7a8aa solid;border-radius: 8px;}

.onebox li i {float: left;background: no-repeat center / contain;width: 54px;height: 54px;}

.onebox li i.i1 {background-image: url(../images/tc_ico_1.png);}

.onebox li i.i2 {background-image: url(../images/tc_ico_2.png);}

.onebox li i.i3 {background-image: url(../images/tc_ico_3.png);}

.onebox li i.i4 {background-image: url(../images/tc_ico_4.png);}

.onebox li i.i5 {background-image: url(../images/tc_ico_5.png);}

.onebox li input {display: block;margin-left: 54px;border: none;background: none;box-shadow: none;color: #fff;font-size: 16px;line-height: 30px;padding: 12px;width: 326px;}

.onebox li textarea {display: block;border: none;background: none;box-shadow: none;color: #fff;font-size: 16px;line-height: 30px;padding: 12px;width: 380px;}

.onebox li.full textarea {width: 802px;}

.onebox li.yzm img {float: right;height: 54px;width: 120px;}

.onebox li.yzm input {width: 190px;}

.onebox .submit {display: block;border: 0;height: 54px;width: 100%;cursor: pointer;font-size: 20px;color: #d32329;background: #fff;}

.onebox .submit:hover {background-color: #ed1c24;color: #fff;}



.six-list {background-color: #f2f2f2;padding: 30px 0;}

.six-list ul {margin-left: -50px;}

.six-list li {float: left;width: 20%;}

.six-list li .wrap {padding: 0 0 0 25px;overflow: hidden;margin-left: 25px;border-left: dashed 1px #a9a9a9;}

.six-list li:first-child .wrap {border-left: 0;}

.six-list li .img-center {float: left;border: 1px solid #dbdbdb;border-radius: 50%;overflow: hidden;width: 64px;height: 64px;line-height: 64px;}

.six-list li .text {margin-left: 76px;padding: 5px 0;}

.six-list li .text h4 {margin: 0;font-size: 16px;}

.six-list li .text h4 small {font-size: 12px;color: #999;text-transform: uppercase;font-weight: normal;margin-left: 10px;}

.six-list li .text p {margin: 10px 0 0;color: #666;font-size: 12px;}



.footer {background: #222222; color: #e3e3e4;}
.footer a{color: #e3e3e4;}
.footer .container {padding: 20px 0;}
.footer .container ul.companyinfor li {float: left;height: 50px;line-height: 50px;}
.footer .container ul.companyinfor li.addr {
    float: right;
    background: url(../images/footer_addr.jpg) no-repeat left center;
    padding-left: 40px;
    text-align: right;
}
.footer .container ul.companyinfor li.mobile {float: left;background: url(../images/footer_mobile.jpg) no-repeat left center;
    padding-left: 46px;
}
.footer .container ul.companyinfor li.email {
    float: left;
    background: url(../images/footer_email.jpg) no-repeat left center;
    padding-left: 56px;
    width: 38%;
}

.footer-copy a {color: #e3e3e4;-webkit-transition: all 0.5s;transition: all 0.5s;}

.footer-copy p{
    font-size: 12px;
}

.footer a:hover {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}

.footer dl {float: left;margin: 0;width: 13%;}

.footer dl:first-child {border-left: 0;margin-left: 0;padding-left: 0;}

.footer dt {color: #269bed;margin-bottom: 20px;}

.footer dd {margin: 0;}

.footer dd ul li{font-size: 12px;}

.footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.footer li a:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}

.footer .lx {width:250px;float: right;border: none;padding: 0;margin: 0;}
.footer .lx dt{
    font-size: 22px;
    letter-spacing: 8px;
    margin-bottom: 40px;
}

.footer .lx .ewm {float: right;width: 90px;}

.footer .lx .ewm span {display: block;font-size: 12px;margin-top: 5px;}

.footer .lx .ico {padding-left: 25px;background: no-repeat 0 center / auto 20px;}

.footer .lx .i1 {background-image: url(../images/111_4.png);}

.footer .lx .i2 {background-image: url(../images/111_5.png);}

.footer .lx .i3 {background-image: url(../images/111_3.png);}

.footer .lx .i4 {background-image: url(../images/111_6.png);}

.footer-copy {color: #e3e3e4;background-color: #222222;}

.footer-copy p {margin: 0;clear: both;text-align: center;line-height: 32px;}
.footer-copy .companyinfor{
    overflow: hidden;
    margin-bottom: 15px;
}


.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}

.footer-fix li {float: left;width: 25%;}

.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}

.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}

.footer-fix li i.i1 {background-image: url(../images/f_01.png);}

.footer-fix li i.i2 {background-image: url(../images/f_02.png);}

.footer-fix li i.i3 {background-image: url(../images/f_03.png);}

.footer-fix li i.i4 {background-image: url(../images/f_04.png);}



.banner-sub {margin-top:100px;text-align: center;color: #fff;padding: 180px 0;background: no-repeat center / cover;font-size: 24px;}

.banner-sub strong {display: block;color: #c00a0c;text-transform: uppercase;font-size: 48px;}



.main-box {background-color: #fff;padding: 60px;}



.curmbs {background-color: #f0f0f0;line-height: 45px;color: #999;padding: 0 60px;}

.curmbs a {color: #999;}

.curmbs a:hover {color: #c00a0c;}

.curmbs em {font-style: normal;}

.curmbs span {background: url(../images/111_8.png) no-repeat 0 center / 14px 13px;padding-left: 20px;}



.lanmu {font-size: 0;text-align: center;padding: 30px 0;border-bottom: solid 1px #e5e5e5;}

.lanmu a {display: inline-block;margin: 0 5px 10px;vertical-align: middle;line-height: 46px;padding: 0 30px;font-size: 16px;background-color: #f0f0f0;}

.lanmu a:hover,.lanmu a.active {background-color: #000;color: #fff;}



.lm-sc {margin-bottom: 30px;}

.lm-sc input {float: left;width: 68%;border: 0;line-height: 50px;height: 50px;padding: 0 20px;font-size: 16px;background-color: #f7f7f7;}

.lm-sc button {float: right;width: 25%;height: 50px;border: 0;padding: 0;background-color: #000;color: #fff;cursor: pointer;font-size: 20px;}

.list-4 li {float: left;width:33.3%;}

.list-4 li a {display: block;overflow: hidden;background-color: #f7f7f7;margin: 0px 10px;}

.list-4 li .img-cover {height: 260px;}

.list-4 li .text {padding: 20px;}

.list-4 li .text h4 {margin: 0;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list-4 li .text p {margin: 10px 0 0;color: #666;line-height: 1.8;overflow: hidden;}

.list-4 li .text span {display: block;margin-top: 6px;font-size: 12px;color: #999;}

.list-4 li a:hover {background-color: #269bed;color: #fff;}

.list-4 li a:hover .text p,.list-4 li a:hover .text span {color: #fff;}

.list-4 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.list-4-1 {padding: 10px;}

.list-4-1 li a {padding: 20px;background-color: transparent;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}

.list-4-1 li .text {padding-top: 10px;padding-right: 0;}

.list-4-1 li .text h4 {font-size: 18px;}





.list-41 {margin: -30px 0 0 -30px;}

.list-41 li {float: left;width: 50%;}

.list-41 li a {display: block;overflow: hidden;background-color: #f7f7f7;margin: 30px 0 0 30px;}

.list-41 li .img-cover {float: left;width: 170px;height: 170px;}

.list-41 li .text {padding: 20px;}

.list-41 li .text h4 {margin: 0;font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list-41 li .text p {margin: 10px 0 0;color: #666;line-height: 1.8;height: 75px;overflow: hidden;}

.list-41 li .text span {display: block;margin-top: 6px;font-size: 12px;color: #999;}

.list-41 li a:hover {background-color: #c00a0c;color: #fff;}

.list-41 li a:hover .text p,.list-4 li a:hover .text span {color: #fff;}

.list-41 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}



.pages {margin: 40px 0;text-align: center;font-size: 0;}

.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}

.pages a:hover,.pages a.active {background-color: #c00a0c;color: #fff;}

.ct2 .news-title{
    text-align: center;
    padding: 30px 0;
}

.ct2-mn {float: left;width: 75%;}

.ct2-sd {float: right;width: 22%;}

.ct2-sd .lm-sc {margin-bottom: 20px;}

.ct2-sd .lm-sc input {height: 40px;line-height: 40px;font-size: 14px;padding: 0 12px;width: 60%;}

.ct2-sd .lm-sc button {height: 40px;font-size: 16px;}



.news-title h1 {margin: 0;font-size: 24px;}

.news-title p {margin: 10px 0 0;font-size: 0;}

.news-title p span {display: inline-block;vertical-align: middle;margin-right: 20px;font-size: 14px;color: #777;}

.news-content {line-height: 1.8;margin-bottom: 30px;}

.news-content img {max-width: 100% !important;width: auto !important;height: auto !important;}

.news-exp {border-top: 1px dashed #ccc;padding: 20px 0;overflow: hidden;}

.news-exp .title_left{
    float: left;
    width: 50%;
}
.news-exp .title_right{
    float: right;
    width: 50%;
    text-align: right;
}

.news-exp a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-exp a:last-child {text-align: right;}



.tuijian {background-color: #f7f7f7;padding: 15px 20px;}

.tuijian .tit {border-bottom: 1px solid #ddd;font-size: 16px;padding-bottom: 15px;margin-bottom: 15px;}

.tuijian ul {list-style: disc;margin-left: 20px;}

.tuijian li {line-height: 1.8;margin: 5px 0;}



.bg2 {background: url(../images/banner_67672109.jpg) no-repeat center / cover;color: #fff;}



.sec-line {position: relative;}

.sec-line:before {position: absolute;left: 50%;top: -30px;height: 60px;width: 2px;background-color: #c00a0c;content: '';margin-left: -1px;}



.fzlc .text {padding: 0 24px;opacity: 0.6;line-height: 1.8;height: 125px;overflow: hidden;margin-top: 15px;}

.fzlc .text:first-child {margin-top: 0;}

.fzlc .arrow {height: 18px;background: url(../images/bian_9.png) no-repeat center / 100% 100%;}

.fzlc .line {height: 55px;width: 2px;background-color: #c00a0c;margin: 0 auto;}

.fzlc .date {margin: 0 auto;width: 70px;height: 70px;background-color: #c00a0c;border-radius: 50%;text-align: center;font-size: 16px;}

.fzlc .date strong {display: block;font-size: 22px;line-height: 1;padding-top: 15px;}

.fzlc .swiper-pagination {position: static;font-size: 0;margin-top: 30px;display: none;}



.client {padding: 70px 0;background: url(../images/bg_19.jpg) repeat-y center;}

.client-left {float: left;width: 45%;}

.client-left p {margin: 0;font-size: 16px;}

.client-left small {display: block;margin-top: 20px;color: #666;}

.client-left ul {margin-top: 40px;padding-top: 40px;border-top: dashed 1px #acacac;overflow: hidden;}

.client-left li {float: left;width: 33.333333%;}

.client-left li h4 {margin: 0;font-size: 24px;line-height: 1;}

.client-left li strong {font-size: 72px;}

.client-left li p {margin-top: 15px;}

.client-right {float: right;width: 45%;}

.client-right ul {overflow: hidden;}

.client-right li {float: left;width: 20%;}

.client-right li .img-center {border-right: solid 1px #d9d9d9;border-bottom: solid 1px #d9d9d9;height: 110px;line-height: 110px;}



.anli {margin: -10px 0 0 -10px;}

.anli li {float: left;width: 30%;}

.anli li .wrap {margin: 10px 0 0 10px;}

.anli li .img-cover {padding-top: 67%;}

.anli li:first-child {float: right;width: 70%;}

.anli li:first-child .img-cover {padding-top: 57.5%;}

.anli li .wrap:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}



.contact {position: relative;}

.contact-map {height: 500px;background-color: #ddd;}

.contact-form {position: absolute;left: 50px;top: -20px;background-color: rgba(0,0,0,0.7);color: #fff;padding: 20px;height: 100%;width: 400px;z-index: 2;}

.contact-form .tit {font-size: 36px;}

.contact-form .form-group {overflow: hidden;border: 1px solid rgba(255,255,255,0.4);margin-top: 15px;}

.contact-form .form-label {float: left;line-height: 30px;width: 80px;padding: 10px 0 10px 18px;}

.contact-form .form-label span {color: red;}

.contact-form .form-content {margin-left: 100px;padding: 10px 10px 10px 0;font-size: 0;}

.contact-form .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;color: #fff;}

.contact-form .form-radio {display: inline-block;vertical-align: middle;font-size: 14px;line-height: 30px;margin-right: 10px;}

.contact-form .form-radio input {margin-right: 8px;}

.contact-form .form-submit {display: block;width: 100%;background: #c00a0c;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 54px;font-size: 18px;}

.contact-info {position: absolute;left: 0;bottom: 0;background-color: #c00a0c;color: #fff;padding: 30px 0 30px 530px;font-size: 0;}

.contact-info h4 {display: inline-block;vertical-align: middle;font-size: 48px;margin: 0 30px 0 0;text-transform: uppercase;}

.contact-info .item {display: inline-block;vertical-align: middle;font-size: 16px;margin-right: 30px;padding-left: 50px;background: no-repeat 0 center;}

.contact-info .item.i1 {background-image: url(../images/ico18_3.png);}

.contact-info .item.i2 {background-image: url(../images/ico18_2.png);}



.contact-form-group.yzm .form-control {width: 70px;}

.yzm-pic {display: inline-block;vertical-align: middle;width: 80px;height: 35px;margin-top: -30px;

    margin-bottom: 10px;float:right;}



.opinion {text-align: center;}

.opinion .desc {font-size: 16px;line-height: 40px;}

.opinion ul {font-size: 0;margin-top: 50px;}

.opinion li {display: inline-block;vertical-align: middle;}

.opinion li .wrap {border-left: 1px solid #dfdfdf;padding: 0 40px;line-height: 1;}

.opinion li:first-child .wrap {border-left: 0;}

.opinion li h4 {margin: 0;font-size: 48px;font-weight: normal;}

.opinion li small {display: block;text-transform: uppercase;font-size: 14px;color: #888;margin-top: 10px;}



.bg3 {background: url(../images/bg_11.jpg) no-repeat center / cover;color: #fff;}



.service li {float: left;width: 25%;}

.service li .wrap {background-color: #fff;color: #333;padding: 50px 30px;text-align: center;}

.service li h4 {margin: 20px 0 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.service li h4:after {display: block;content: '';background-color: #000;height: 2px;width: 30px;margin: 15px auto;}

.service li p {margin: 0;line-height: 1.8;color: #666;height: 50px;overflow: hidden;}

.service li:nth-child(odd) .wrap {background-color: #ebebeb;}



.adv dl {float: left;width: 33.333333%;margin: 0;background-color: #141414;color: #fff;overflow: hidden;}

.adv dt {float: left;width: 50%;padding-top: 50%;}

.adv dd {margin-left: 50%;padding: 50px 20px 20px;position: relative;}

.adv dd span {position: absolute;right: 20px;top: 20px;font-family: Impact;font-size: 36px;opacity: 0.2;}

.adv dd h4 {margin: 0 -20px 0 0;text-align: right;padding-right: 20px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/img8_7.png) no-repeat right center;line-height: 45px;position: relative;z-index: 1;}

.adv dd p {margin: 20px 0 0;text-align: justify;height: 80px;overflow: hidden;}

.adv dl:hover dt span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.adv dl:nth-child(4) dt,.adv dl:nth-child(5) dt,.adv dl:nth-child(6) dt {float: right;}

.adv dl:nth-child(4) dd,.adv dl:nth-child(5) dd,.adv dl:nth-child(6) dd {margin: 0 50% 0 0;}



.bg3 {background: url(../images/bg_12.jpg) no-repeat center / cover;color: #fff;}



.flow .img-center {height: 90px;line-height: 90px;}

.flow .arrow {height: 42px;background: url(../images/bian_7.png) no-repeat center / 100% 100%;margin: 15px 0;}

.flow .text {text-align: center;font-size: 18px;}

.flow .text small {display: block;font-size: 12px;}

.flow .swiper-pagination {position: static;font-size: 0;margin-top: 15px;display: none;}



.news-menu {text-align: center;font-size: 0;margin-bottom: 60px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

.news-menu li {display: inline-block;vertical-align: middle;}

.news-menu li a {display: block;line-height: 50px;font-size: 16px;margin: 0 30px -1px;border-bottom: 1px solid transparent;}

.news-menu li.active a {border-color: #c00a0c;color: #c00a0c;}



.guarantee {text-align: center;}

.guarantee .icon {width: 190px;height: 190px;border-radius: 50%;background: url(../images/bg_13.png) no-repeat center / cover;color: #fff;margin: 0 auto;-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;}

.guarantee .icon .img-center {height: 80px;line-height: 80px;margin-top: 25px;}

.guarantee .icon span {display: block;margin-top: 15px;font-weight: bold;font-size: 18px;}

.guarantee .icon span:before {content: '';display: block;height: 1px;width: 80px;background-color: #fff;opacity: 0.4;margin: 0 auto 15px;}

.guarantee p {margin: 20px 0 0;font-size: 16px;}

.guarantee .swiper-pagination {position: static;font-size: 0;margin-top: 15px;display: none;}

.guarantee .swiper-slide:hover .icon {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}



.what {margin-top: 50px;}

.what .img-center {height: 150px;background: url(../images/img10_1.png) no-repeat center / contain;padding-right: 12px;line-height: 96px;position: relative;z-index: 1;-webkit-transition: all 0.5s;transition: all 0.5s;}

.what .text {border-top: 1px solid #ddd;margin-top: -12px;padding-top: 25px;text-align: center;}

.what .text h4 {margin: 0;font-weight: normal;font-size: 18px;}

.what .text p {margin: 10px 0 0;color: #666;}

.what .swiper-slide:hover .img-center {background-image: url(../images/img10_1_h.png);}

.what .swiper-pagination {position: static;font-size: 0;margin-top: 15px;display: none;}



.why {margin: -10px 0 0 -10px;}

.why li {float: left;width: 25%;}

.why li a {display: block;margin: 10px 0 0 10px;}

.why li .img-cover {background-color: #000;height: 180px;-webkit-transition: all 0.5s;transition: all 0.5s;}

.why li .img-cover span {opacity: 0.3;}

.why li .wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: table;color: #fff;}

.why li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 10px;}

.why li h4 {margin: 0;font-size: 22px;height: 0;opacity: 0;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}

.why li h5 {margin: 0;font-size: 18px;}

.why li small {display: block;margin-top: 5px;opacity: 0.6;height: 17px;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}

.why li p {margin: 0;font-size: 16px;line-height: 1.8;}

.why li:first-child {float: right;}

.why li:first-child .img-cover {height: 370px;}

.why li a:hover .img-cover {background-color: #c00a0c;}

.why li a:hover h4 {height: 31px;opacity: 1;}

.why li a:hover small {height: 34px;}



.how {margin-bottom: 130px;}

.how .img-cover {background-color: #fff;height: 134px;width: 134px;border-radius: 50%;margin: 0 auto;}

.how .img-cover span {background-size: contain;}

.how .swiper-slide p {margin: 20px 0 0;text-align: center;font-size: 18px;}

.how .swiper-pagination {position: static;font-size: 0;margin-top: 15px;display: none;}



.zhongshi {padding: 10px;width: 980px;margin: -130px auto 0;position: relative;z-index: 1;color: #fff;background: url(../images/bg_15.jpg) repeat 0 0;text-align: center;}

.zhongshi .wrap {border: 1px solid rgba(255,255,255,0.4);padding: 50px;}

.zhongshi h4 {margin: 0 0 20px;font-size: 24px;}

.zhongshi p {margin: 5px 0 0;font-size: 16px;}



.who .img-center {background-color: #000;width: 140px;height: 140px;line-height: 140px;margin: 0 auto;border-radius: 50%;}

.who .swiper-pagination {position: static;font-size: 0;margin-top: 15px;display: none;}

.who .text {text-align: center;}

.who .text:before {content: '';display: block;margin: -20px auto 0;width: 1px;height: 40px;background-color: #c00a0c;}

.who .text h4 {margin: 15px 0 0;font-size: 20px;}

.who .text p {margin: 10px 0 0;color: #666;}



.bg4 {background: url(../images/bg_16.jpg) repeat 0 0;color: #fff;}



.choose {margin: -60px 0 0 -60px;}

.choose li {float: left;width: 25%;}

.choose li .wrap {margin: 60px 0 0 60px;padding: 20px;border: 1px solid transparent;-webkit-transition: all 0.5s;transition: all 0.5s;}

.choose li .icon {float: left;width: 32px;}

.choose li .icon img {display: block;width: 100%;height: auto;}

.choose li .icon i {display: block;border: 1px solid #fff;margin: 10px 0 0;height: 30px;background: url(../images/ico16_7.png) no-repeat center;opacity: 0.2;-webkit-transition: all 0.5s;transition: all 0.5s;}

.choose li .text {margin-left: 50px;}

.choose li .text h4 {margin: 0;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.choose li .text p {margin: 10px 0 0;line-height: 1.8;height: 50px;overflow: hidden;color: #fff;}

.choose li .wrap:hover {border-color: #c00a0c;color: #c00a0c;}

.choose li .wrap:hover .icon i {opacity: 1;}

.choose li:last-child {margin-left: 50%;}



.choose-img {position: relative;top: -250px;width: 893px;margin: 0 auto -250px;}



.case-table {margin: -60px 0 0 -60px;}

.case-table li {float: left;width: 33.333333%;}

.case-table li .wrap {margin: 60px 0 0 60px;}

.case-table li .tit {border: 1px solid #ddd;border-bottom: 0;line-height: 60px;font-size: 20px;text-align: center;background-color: #f4f4f4;}

.case-table li table {width: 100%;border-collapse: collapse;font-size: 16px;}

.case-table li table td {border: 1px solid #ddd;padding: 15px 20px;vertical-align: middle;}

.case-table li table td:first-child {width: 100px;}



.case-table li table td img {

    vertical-align: middle;

    margin: -2px 3px 0 3px;

}



.bg5 {background: url(../images/bg_17.jpg) no-repeat center / cover;color: #fff;}



.market li {float: left;width: 25%;text-align: center;}

.market li .wrap {border-left: 1px solid rgba(255,255,255,0.2);}

.market li .img-center {border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;height: 146px;width: 146px;margin: 0 auto;}

.market li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}

.market li p {margin: 20px 0 0;font-size: 16px;}

.market li p img {display: inline-block;vertical-align: bottom;margin-right: -13px;}

.market li:first-child .wrap {border-left: 0;}

.market li .wrap:hover .img-center img {-webkit-transform: translateY(-10px);transform: translateY(-10px);}



.qh {margin: 0;}

.qh dt {float: right;width: 600px;}

.qh dd {margin: 0 700px 0 0;background: url(../images/img13_1.png) no-repeat 0 50px;padding: 110px 0 0 100px;}

.qh dd h4 {margin: 0;font-size: 42px;font-weight: normal;}

.qh dd p {margin: 10px 0 0;font-size: 20px;}



.bg6 {background: url(../images/bg_22.jpg) no-repeat center / cover;color: #fff;}



.brand {margin: -3px 0 0 -3px;}

.brand li {float: left;width: 25%;}

.brand li .wrap {border: 1px solid rgba(255,255,255,0.4);margin: 3px 0 0 3px;padding: 30px;}

.brand li h4 {margin: 0 0 30px;text-align: center;font-size: 20px;font-weight: normal;padding-bottom: 30px;border-bottom: 1px dashed rgba(255,255,255,0.4);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.brand li h4 small {display: block;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;}

.brand li p {margin: 0;text-align: justify;line-height: 1.8;height: 150px;overflow: hidden;}



.space .case-table li {width: 100%;}

.space .swiper-pagination {position: static;font-size: 0;margin-top: 15px;display: none;}



.spaceys {background: url(../images/bg_23.jpg) no-repeat center / cover;padding: 30px 0;}

.spaceys li {float: left;width: 25%;}

.spaceys li .wrap {border-left: 1px dashed #eee;padding: 40px 20px;}

.spaceys li .img-center {height: 80px;line-height: 80px;}

.spaceys li h4 {margin: 20px 0 0;text-align: center;font-size: 24px;font-weight: normal;}

.spaceys li h4 small {display: block;color: #888;font-size: 12px;margin-top: 10px;}

.spaceys li p {color: #666;margin: 20px 0 0;text-align: center;line-height: 1.8;}

.spaceys li p:before {content: '';display: block;width: 30px;height: 1px;margin: 0 auto 20px;background-color: #c00a0c;}

.spaceys li:first-child .wrap {border-left: 0;}



.jiaz {margin: -30px 0 0 -30px;}

.jiaz li {float: left;width: 33.333333%;}

.jiaz li .wrap {margin: 30px 0 0 30px;border-radius: 15px;padding: 20px;background-color: #f5f5f5;border: 1px solid #eee;-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;}

.jiaz li .img-center {float: left;border-radius: 50%;background-color: #fff;box-shadow: 3px 15px 15px rgba(0,0,0,0.05);width: 100px;height: 100px;}

.jiaz li .text {margin-left: 120px;}

.jiaz li .text h4 {margin: 0;font-size: 18px;}

.jiaz li .text h4 small {font-weight: normal;margin-left: 15px;}

.jiaz li .text p {font-size: 15px;line-height: 1.8;color: #666;-webkit-transition: all 0.5s;transition: all 0.5s;margin: 10px 0 0;height: 81px;overflow: hidden;}

.jiaz li .wrap:hover {background-color: #c00a0c;border-color: #c00a0c;color: #fff;}

.jiaz li .wrap:hover .text p {color: #fff;}



.bg7 {background: url(../images/85-41.jpg) repeat center;color: #fff;}



.wxwhy-left {float: left;width: 50%;background-color: #000;}

.wxwhy-left .wrap {padding: 0 50px 0 18%;text-align: center;height: 300px;}

.wxwhy-left h4 {margin: 30px 0 0;font-size: 36px;}

.wxwhy-right {float: right;width: 50%;}

.wxwhy-right .wrap {padding: 0 18% 0 50px;height: 300px;}

.wxwhy-right p {margin: 0;font-size: 18px;line-height: 2;}



.dev {margin: -30px 0 0 -30px;}

.dev li {float: left;width: 25%;}

.dev li .wrap {margin: 30px 0 0 30px;border: 2px solid transparent;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;text-align: center;padding: 30px;}

.dev li .img-center {background: url(../images/85-42.png) no-repeat center / contain;width: 130px;height: 130px;margin: 0 auto;-webkit-transition: all 0.5s;transition: all 0.5s;}

.dev li h4 {margin: 20px 0 0;font-weight: normal;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.dev li p {margin: 15px 0 0;line-height: 1.8;color: #666;font-size: 15px;height: 108px;overflow: hidden;}

.dev li .wrap:hover {border-color: #c00a0c;}

.dev li .wrap:hover .img-center {background-image: url(../images/85-43.png);}



.solution .item-left,

.solution .item-right {float: left;width: 50%;}

.solution .item-left {background-color: #eee;}

.solution .item-right {background-color: #f6f6f6;}

.solution .item-left .wrap {padding: 0 5.99% 0 9.11%;}

.solution .item-right .wrap {padding: 0 9.11% 0 5.99%;}

.solution .wrap {line-height: 485px;font-size: 0;}

.solution .inner {display: inline-block;vertical-align: middle;line-height: 1.5;font-size: 14px;width: 100%;}

.solution .tit {color: #db0001;font-size: 30px;margin-bottom: 20px;}

.solution p {font-size: 16px;color: #666;margin: 0;line-height: 1.8;}

.solution a.more {display: block;width: 170px;text-align: center;line-height: 40px;color: #fff;background-color: #db0001;border-radius: 20px;font-size: 16px;margin-top: 30px;}

.solution a.more:hover {background-color: #000;}

.solution ul {margin: -5px 0 0 -5px;overflow: hidden;}

.solution li {float: left;width: 25%;}

.solution li .b {margin: 5px 0 0 5px;border: 1px solid #ddd;padding: 15px;}

.solution li .img-center {height: 54px;line-height: 54px;}

.solution li h5 {font-weight: normal;font-size: 16px;text-align: center;margin: 5px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.solution .item:nth-child(even) .item-left,.solution .item:nth-child(even) .item-right {float: right;}



.bakong {margin: -20px 0 0 -20px;}

.bakong li {width:16.666%;float:left;}

.bakong li .wrap {box-shadow:0 5px 9px rgba(0,0,0,0.07);border-radius:10px;background-color: #fff;margin: 20px 0 0 20px;overflow: hidden;}

.bakong li .head {background-color: #db0001;padding:35px 20px 20px;text-align:center;position:relative;color: #fff;}

.bakong li .head .img-center {height: 66px;line-height: 66px;}

.bakong li .head h4 {margin: 8px 0 0;font-size: 20px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.bakong li .head h3 {position:absolute;left:22px;top:24px;font-size:30px;line-height:1;font-family: Impact;opacity:0.6;margin: 0;}

.bakong li .text {padding: 10px 30px 30px;}

.bakong li .text h4 {margin: 20px 0 10px;font-size:18px;line-height:24px;}

.bakong li .text h5 {font-size:15px;line-height:24px;color:#6d6d6d;margin: 0;font-weight: normal;}



.bg8 {background: url(../images/85-80.jpg) repeat center;}



.wx-case {margin: -5px 0 0 -5px;}

.wx-case li {float: left;width: 20%;}

.wx-case li a {display: block;margin: 5px 0 0 5px;background-color: #fff;}

.wx-case li .img-cover {height: 150px;background-color: #c00a0c;}

.wx-case li .img-center {position: absolute;left: 0;width: 100%;height: 80%;top: 10%;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}

.wx-case li .img-center img {border-radius: 50%;}

.wx-case li p {margin: 0;text-align: center;padding: 0 15px;line-height: 50px;font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.wx-case li a:hover .img-cover span {opacity: 0.3;}

.wx-case li a:hover .img-center {opacity: 1;}



@media screen and (max-width: 1399px) {

    .header .nav li {margin: 0 20px;}



    .in-ys .wrap {padding: 50px 30px;}

    .in-ys-right li .inner {padding: 20px;}

    .in-ys-right li p {margin-top: 15px;font-size: 14px;height: 139px;line-height: 23px;}



    .in-jz-left .inner {padding-right: 50px;}

    .in-jz-right li .text p {font-size: 14px;}



    .in-ly li .img-center {width: 128px;height: 128px;line-height: 128px;}

    .in-ly li h4 {font-size: 16px;}

    .in-ly li p {font-size: 14px;}





    .list-1 {margin: -40px 0 0 -40px;}

    .list-1 li a {margin: 40px 0 0 40px;}



    .in-qa-menu {margin-left: -40px;}

    .in-qa-menu li {margin-left: 40px;}



    .list-2 {margin-left: -40px;}

    .list-2 li a {margin-left: 40px;}



    .list-3 {margin-left: -30px;}

    .list-3 li a {margin-left: 30px;}



    .six-list li .img-center {float: none;margin: 0 auto;}

    .six-list li .text {margin: 15px 0 0;text-align: center;}



    .main-box {padding: 40px;}



    .curmbs {margin: -40px -40px 30px;padding: 0 40px;}



    .contact-form {width: 350px;}

    .contact-info {padding-left: 480px;}

    .contact-info h4 {display: block;font-size: 38px;}



    .service li .wrap {padding: 40px 20px;}



    .adv dl {width: 50%;}

    .adv dl:nth-child(3) dt {float: right;}

    .adv dl:nth-child(3) dd {margin: 0 50% 0 0;}

    .adv dl:nth-child(5) dt,.adv dl:nth-child(6) dt {float: left;}

    .adv dl:nth-child(5) dd,.adv dl:nth-child(6) dd {margin: 0 0 0 50%;}



    .guarantee .icon {width: 160px;height: 160px;}

    .guarantee .icon .img-center {height: 55px;line-height: 55px;}



    .case-table {margin: -30px 0 0 -30px;}

    .case-table li .wrap {margin: 30px 0 0 30px;}



    .bakong li {width: 33.333333%;}



    .jiaz li .text p {font-size: 14px;height: 75px;}

}



@media screen and (max-width: 1200px){

.center {

    width: 100%;

}

}

@media screen and (max-width: 450px){

.box_tit p {

    font-size: 1rem;

}

.pro_screen ul li {

    width: 31.33%;

    margin: 1%;

}

.pro_screen ul li a {

    width: 100%;

}

.flex_between {

    padding-bottom: 15px;

}

.case_list ul li .text h3 {

   font-size: .118rem;

    line-height: .2rem;

    margin-top: 10px;

    padding: 0;

    padding-bottom: 5px;

    height: .4rem;

    overflow: hidden;

}

.case_list ul li .text2 {

    padding: 0;

}



.case_list ul li .text1 {

    padding: 0;

    font-size:10px;

}



.case_list ul li .text2 span {

    font-size: .09rem;

    margin-top: 8px;

}

.case_list ul li .text2 span i {

    font-size: .14rem;

}



.case_list ul li .text2 span {

    font-size: .09rem;

    margin-top: 8px;

}



.case_list ul li .text2 a {

    display: none;

}



.case_list ul li .text3 span {

    width: 100%;

    margin-top: 8px;

}

.case_list ul li .text3 span i {

    margin-left: 0;

    margin-right: 6px;

}



}



@media screen and (max-width: 767px) {

    body {min-width: 320px;padding-bottom: 50px;font-size: 12px;}

    .header .container{
        padding: 0 15px;
    }
    .banner{
        height: 5.1rem;
        margin-top: 0;
    }
    .list_container {width: auto;min-width: auto;max-width: none;padding-top: 0;}
    .container {width: auto;min-width: auto;max-width: none;padding-top: 0;}
    .about_container {width: 100%;}

    .list-case li{
        width: 100%;
    }
    .list-case li .wrap{
        margin: 0;
    }
    .nav_service1 ul li a{
        font-size: 0.3rem !important;
    }    

.contact-form .form-group.yzm .form-control {

    width: 100%;

    padding-right: 100px;

    box-sizing: border-box;

}

.contact-form .form-group.yzm {

    position: relative;

}

    

.yzm-pic{

	   

    right: 10px;

    top: 10px;

    width: 90px;

	

}

.contact-form{

	

	display: none;

}

    .kf {display: none;}

    .footer-fix {display: block;}



.box_tit {

    margin: 20px 0;

}

.box_tit span {

    font-size: 2rem;

}

.box_tit p {

    padding: 0 8%;

}

.pro_screen {

    padding: 20px 0;

}

.pro_screen ul {

    padding-left: 70px;

}

.pro_screen ul li:first-child {

    position: absolute;

    left: 0;

    

}

.pro_screen ul li a {

    width: 100px;

    padding: 6px 0;

    border: 1px solid #ddd;

    text-align: center;

}



.flex_between {

    padding-top: 0;

    width: 90%;

    margin: 0 5%;

}

.flex_between .text {

    width: 100%;

}

.flex_between .search {

    width: 100%;

    padding-right: 0;

    margin-top: 15px;

}

.flex_between .search input[type="text"] {

    width: 60%;

    

       

    border: 1px solid #ddd;

   

    float: left;

    padding: 0 10px;

    outline: 0;

}





.flex_between .search input[type="submit"] {

    width: 30%;

}

.case_list ul li {

    width: 40%;

    margin: 2%;

}



.case_list ul li:nth-child(3n) {

    margin-right: 2%;

}



.case_list100 ul li {

    width: 41%;

    margin: 2%;

}



.case_list100 ul li:nth-child(3n) {

    margin-right: 2%;

}





    .header {
        background:#fff;
        padding: 6px 0;
        position: fixed;
        border-bottom: 0;
        width: 100%;
        z-index: 99;
        height: auto;
    }

    .header .tel {display: none;}

    .header .logo {height: 40px;padding: 0;line-height: 40px;float: none;}

    .header .nav {
        display: none;
        margin: 10px -15px 0;
        text-align: left;
        float: none;
        background: url(../images/nav_service_bg.png) repeat-x;
    }

    .header .nav li {display: block;border-top: 1px solid #269bed;margin: 0;}

    .header .nav li .arr {display: block;}

    .header .nav li a {border-bottom: 0;padding: 0 15px;font-size: 14px;color: #269bed !important;line-height: 40px;}

    .header .nav li a:after {display: none;}

    .header .nav li a span {opacity: 1;}

    .header .nav li.open .arr:after {border-color: #fff;-webkit-transform: rotate(225deg);transform: rotate(225deg);}

    .header .nav .dropdown-box {position: static;width: auto;margin: 0;text-align: left;background: none;padding: 0;}

    .header .nav .dropdown-box dt {display: none;}

    .header .nav .dropdown-box dd {margin: 0;border: none;}

    .header .nav .dropdown-box p {float: none;width: auto;}

    .header .nav .dropdown-box a {padding: 0;}

    .header .nav .dropdown-box a i {display: none;}

    .header .nav .dropdown-box a span {margin: 0;line-height: 40px;font-size: 14px;}

    .menu-btn {display: block;}

    h2,h3{
        font-size: 13px;
    }

    .prodservices{
        width: 100%;
    }
    .prodservices-title{
        background-position: center center;
        background-size:80%;
        height: 100px;
    }
    .prodservices .prodservices-left{
        display: none;
    }
    .prodservices .prodservices-right{
        width: 100%;
        height: auto;
    }
    .prodservices-right ul{
        margin-left: 10px;
    }
    .prodservices-right ul li{
        width: 115px;
        margin: 15px auto 0 auto;
    }
    .valuebring-container{
        width: 100%;
    }
    .valuebring-title{
        background-size:80%;
        height: 100px;
    }
    .valuebring-left{
        width: 100%;
        padding: 0;
        margin-top: 0px;
    }
    .valuebring-left ul li{
        width: auto;
        padding-bottom: 10px;
        font-size: 12px;
    }
    .valuebring-left ul li:not(.title){
        float: left;
        width: 2.4rem;
    }
    .valuebring-left ul li img{
        height: 0.8rem;
    }
    .valuebring-right{
        width: 100%;
        height: 4.5rem;
        background-size: cover;
        background-position:-8px 0;
        padding-bottom: 10px;
    }
    .valuebring-right ul{
        width: auto;
        margin-left: 1.3rem;
        margin-top: 13px;
    }
    .valuebring-right ul li{
        padding: 0 0.4rem 0 0.3rem;
    }
    .valuebring-right ul li a{
        padding: 2px 0;
    }
    .valuebring-right ul li a.value1{
        height: auto;
        line-height: 0.52rem;
    }
    .valuebring-right ul li a.value1 .title{
        padding-top: 0;
    }
    .valuebring-right ul li a.value2{
        height: auto;
        line-height: 0.66rem;
    }
    .valuebring-right ul li a.value2 .title{
        padding-top: 0;
    }
    .valuebring-right ul li a .title{
        font-weight: normal;
        font-size: 13px;
    }
    .valuebring-right ul li a .text{
        display: none;
    }
    .valuebring-right ul li a.lineheight{
        height: auto;
        line-height: 0.5rem;
    }
    .valuebring-right ul li a.lineheight .title{
        padding-top: 0;
    }
    .valuebring-right ul li a.value3{
        height: auto;
        line-height: 0.74rem;
    }
    .valuebring-right ul li a.value3 .title{
        padding-top: 0;
    }
    .valuebring-right ul li a.value4{
        height: auto;
        line-height: 0.5rem;
    }
    .valuebring-right ul li a.value4 .title{
        padding-top: 0;
    }
    .valuebring-right ul li a.value5{
        height: auto;
        line-height: 0.7rem;
    }
    .valuebring-right ul li a.value5 .title{
        padding-top: 0;
    }
    .principle{
        width: 100%;
    }
    .principle-title{
        background-size:100%;
        height: 100px;
    }
    .principle-container{
        background-size: 100%;
    }
    .principle-content{
        width: 100%;
    }
    .principle ul.principle-left{
        width: 100%;
        margin-top: 16px;
    }
    .principle ul.principle-left li{
        margin: 10px;
        height: 44px;
        line-height: 44px;
    }
    .principle-right{
        width: 100%;
        padding: 0;
    }

    .principle-right ul li{
        height: 44px;
        line-height: 44px;
        margin: 20px 10px;
    }
    .principle-more{
        padding: 10px 0;
    }
    .principle-more a{
        width: 180px;
        height: 46px;
        line-height: 46px;
        border-radius: 23px;
        font-size: 15px;
    }
    .solutions{
        width: 100%;
    }
    .solutions-title{
        background-size:80%;
        height: 100px;
    }
    .solutions ul li{
        width: auto;
    }
    .process{
        display: none;
    }
    .case{
        width: 100%;
    }
    .case-title{
        background-size:80%;
        height: 100px;
    }
    .case .nav{
        padding: 0;
        display: none;
    }
    .case .nav ul li{
        width: 155px;
        height: 40px;
        line-height: 40px;
    }
    .case .content li {
        width: 100%;
    }
    .case .content li img{
        width: 100%;
    }
    .case .content li a{
        margin: 12px 14px;
    }
    .case .content li a .img{
        height: auto;
    }
    .video{
        display: none;
    }
    .video-title{
        background-size:50%;
        height: 100px;
    }
    #wrap{
        width: 100% !important;
        height: 340px !important;
        background-size: 100% !important;
    }
    .news{
        width: 100%;
    }
    .news .news-title{
        background-size:80%;
        height: 100px;
    }
    .news .news-left{
        width: 100%;
    }
    .news .news-left .img{
        width: 100%;
        height: auto;
    }
    .news .news-left img{
        width: 100%;
        height: auto;
    }
    .news .news-right{
        width: 100%;
    }
    .news .news-right .nav{
        margin: 0 auto;
        width: 90%;
    }
    .news .news-right .nav li{
        width: 50%;
    }
    .news .news-right .content{
        padding: 10px;
    }
    .news .news-right .content li{
        padding: 0;
    }
    .news .news-right .content .infor{
        /* width: 320px;
        padding-top: 10px; */
    }
    .news .news-right .content .time{
        width: auto;
    }
    .platform-container{
        width: 100%;
    }
    .platform-title{
        background-size:80%;
        height: 100px;
    }
    .platform-container img{
        width: 100%;
    }
    .culture{
        width: 100%;
    }
    .culture-title{
        background-size:80%;
        height: 100px;
    }
    .culture ul li{
        padding: 10px 0px;
        width: 3.6rem;
        height: 3.8rem;
    }
    .culture ul li.nav1,.culture ul li.nav2{
        width: 33%;
    }
    .culture ul li img{
        width: 2rem;
    }
    .section .container{
        padding: 0;
    }
    .section .img-center img{
        width: 100%;
    }
    .six-list ul{
        margin-left: 0;
    }
    .six-list li{
        width: auto;
    }
    .six-list li .wrap{
        margin-left: 0;
        padding: 10px;
        border-left: 0;
    }
    .footer .lx .qrCode{
        width: 200px;
        margin: 0 auto;
    }
    .inner_content{
    }
    .inner_content img{
        width: 100%;
    }
    .about_banner{
        width: 100%;
        background: none;
    }
    .about_banner .about_banner_content{
        width: auto;
        margin-top:0px;
        margin-right: 0px;
        line-height: 26px;
        padding: 10px;
    }
    .about_banner .about_banner_content .left{
        width: 100%;
    }
    .about_banner .about_banner_content .right{
        width: auto;
    }
    
    .about_content{
        width: auto;
        padding: 0 8px;
    }
    .about_content .text{
        padding: 0 8px 10px 8px;
        width: auto;
    }
    .about_content .text h2{
        font-size: 16px;
        padding-bottom: 6px;
    }
    .about_content img{
        width: 100%;
    }
    .about_title {
        padding: 30px 0;
    }
    .about_title img{
        width: 100%;
    }
    .about_culture li{
        margin: 0 0.19rem;
        width: 1.9rem;
        text-align: center;
    }
    .about_culture li .img{
        width: 100%;
    }
    .about_culture li img{
        width: 100%;
        margin: 0 auto;
    }
    .about_culture li .text{
        font-size: 0.1rem;
    }
    .about_banner .about_banner_content .right .text{
        font-size: 0.1rem;
        line-height: 0.4rem;
    }
    .about_banner .about_banner_content h2{
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .about_content1 {
        padding: 0 10px;
    }
    .company_history{
        display: none;
    }
    .index_about_footer{
        display: none;
    }
    .wsbp_banner{
        margin-top: 50px;
    }
    .wsbp_banner img {
        width: 100%;
        height: auto;
    }
    .wsbp_ul li{
        margin: 0 0.88rem;
    }
    .wsbp_ul li img{
        height: 80px;
    }
    .wsbp_ul li .text{
        padding-bottom: 15px;
    }
    .ztbsjj span{
        font-size: 0.4rem;
        margin-top: 150px;
    }
    .ztbsjj p{
        margin-top: 0px;
        font-size: 0.28rem;
    }
    .ztbsjj span1{
        font-size: 0.28rem;
    }
    .ztbsjj .line{
        font-size: 0.4rem;
    }
    .wsbp_ul1 li{
        margin: 0 10px;
        width: 3.1rem;
    }
    .wsbp_ul1 li img{
        width: 100%;
    }
    .wsbp_ul1 li .title{
        font-size: 0.3rem;
        padding-top: 0.1rem;
    }
    .wsbp_ul1 li .text{
        padding: 0.1rem 0 0.2rem 0;
    }
    .wsbp_advantage ul{
        width: auto;
        overflow: hidden;
    }
    .wsbp_advantage ul li{
        margin: 0 0.1rem 0.15rem 0.1rem;
    }
    .wsbp_advantage ul li img{
        width: 1.52rem;
    }
    .wsbp_advantage .keyword{
        width: auto;
        padding: 10px;
    }
    .wsbp_advantage .keyword img{
        width: 100%;
    }
    .wsbp_advantage .title{
        height: 60px;
        line-height: 60px;
    }
    .wsbp_message{
        width: auto;
    }
    .wsbp_message .title{
        width: 100%;
    }
    .wsbp_message form {
        margin: 30px auto auto auto;
        text-align: center;
    }
    .wsbp_message form .form-group{
        width: 285px;
        margin: 0px auto 10px auto;
        float: none;
    }
    .wsbp_message form .form-group label{
        text-align: left;
        display: block;
        padding-bottom: 6px;
    }
    .wsbp_message form button[type="submit"]{
        margin: 20px auto 0 auto;
    }
    .list-4 .img-cover span{
        background: no-repeat;
        background-size: cover;
    }
    .about_content2{
        width: auto;
    }
    .about_content2 li{
        width: 3.2rem;
        margin: 0 0.2rem 0.1rem 0.2rem;
    }
    .about_content2 li img{
        width: 2.2rem;
        margin: 0 auto;
    }
    .about_content2 li .title{
        font-size: 0.3rem;
        padding: 0.1rem 0;
    }
    .about_content2 li .text {
        font-size: 0.2rem;
    }
    
    /* .banner {height: 250px;} */

    .banner .text h4 {font-size: 20px;margin-bottom: 10px;}

    .banner .text p {font-size: 12px;}



    .in-partone li {width: 100%;}

    .in-partone li .wrap {padding: 40px 10px;}

    .in-partone li h4 {font-size: 20px;}

    .in-partone li a {font-size: 14px;margin-top: 20px;width: 120px;}



    .onebox {width: 290px;margin-left: -145px;margin-top: -250px;}

    .onebox-wrap {margin: 0;padding: 20px;border: none;}

    .onebox .close {width: 20px;height: 20px;}

    .onebox .tit {background: none !important;font-size: 18px;padding-left: 0;margin-bottom: 10px;}

    .onebox li {width: 100%;}

    .onebox li i {width: 34px;height: 40px;}

    .onebox li input {margin-left: 34px;line-height: 20px;padding: 10px 12px;font-size: 14px;width: 86%;box-sizing: border-box;}

    .onebox li textarea {box-sizing: border-box;width: 100% !important;font-size: 14px;line-height: 20px;padding: 10px 12px;}

    .onebox li.yzm img {height: 40px;width: 80px;}

    .onebox li.yzm input {width: 130px;}

    .onebox .submit {height: 38px;font-size: 16px;}



    .section {padding: 10px 0;}

    .section-title {margin-bottom: 20px;}

    .section-title span {font-size: 20px;line-height: 1.5;}

    .section-title strong {display: none;}

    .section-title-1 {margin-bottom: 20px;font-size: 18px;}

    .section-title-1 strong {font-size: 22px;}



    .in-prodserv {margin: -10px 0 0 -10px;}

    .in-prodserv li {width: 50%;}

    .in-prodserv li .wrap {margin: 10px 0 0 10px;}

    .in-prodserv li .tit {padding: 15px 0 40px;height: auto;font-size: 14px;}

    .in-prodserv li .ico {width: 60px;height: 60px;margin-top: -30px;background-size: auto 60px;}

    .in-prodserv li dl {padding: 0 10px;}

    .in-prodserv li dd {font-size: 12px;line-height: 34px;}

    .in-prodserv li .more {font-size: 14px;line-height: 34px;}



    .in-ys {margin: 0 -15px;}

    .in-ys-left,.in-ys-right {float: none;width: auto;}

    .in-ys .wrap {padding: 15px;height: auto;}

    .in-ys .tit {margin-bottom: 10px;}

    .in-ys .tit:before {width: 20px;margin-right: 10px;}

    .in-ys .tit span {font-size: 18px;}

    .in-ys .tit img {height: 30px;}

    .in-ys-left ul {margin: -10px 0 0;}

    .in-ys-left li {width: 100%;}

    .in-ys-left li .inner {margin: 10px 0 0;padding: 10px;}

    .in-ys-left li p {font-size: 12px;height: auto;}

    .in-ys-left li span {top: 8px;right: 10px;}

    .in-ys-right ul {margin: -10px 0 0;}

    .in-ys-right li {width: 100%;}

    .in-ys-right li .inner {margin: 10px 0 0;padding: 10px;}

    .in-ys-right li p {font-size: 13px;height: auto;margin-top: 10px;line-height: 1.8;}



    .in-jz {padding: 0;}

    .in-jz-left,.in-jz-right {width: auto;height: auto;float: none;}

    .in-jz-left {padding: 30px 15px 30px 0;}

    .in-jz-left:before {display: none;}

    .in-jz-left .wrap {position: static;margin: 0;width: auto;height: auto;}

    .in-jz-left .inner {padding: 30px 15px 30px 15px;}

    .in-jz-left .tit {background-size: auto 10px;padding-bottom: 20px;}

    .in-jz-left .tit strong {font-size: 50px;margin-top: -40px;}

    .in-jz-left .tit span {font-size: 20px;}

    .in-jz-left p {font-size: 14px;line-height: 1.8;height: auto;padding: 0;}

    .in-jz-left li {margin-top: 20px;padding-left: 15px;margin-left: 15px;}

    .in-jz-left li .img-center {height: 35px;line-height: 35px;}

    .in-jz-left li h4 {font-size: 14px;}

    .in-jz-left li span {font-size: 12px;}

    .in-jz-right {padding: 30px 15px;}

    .in-jz-right .wrap {padding: 0;}

    .in-jz-right ul {margin-top: -20px;}

    .in-jz-right li {margin-top: 20px;}

    .in-jz-right li .img-center {width: 40px;}

    .in-jz-right li .text {margin-left: 50px;}

    .in-jz-right li .text h4 {font-size: 16px;}

    .in-jz-right li .text p {font-size: 12px;}



    .in-ly {margin: -20px -15px 0;}

    .in-ly li {width: 50%;}

    .in-ly li .wrap {padding: 0 15px;margin-top: 20px;}

    .in-ly li .img-center {width: 80px;height: 80px;line-height: 80px;}

    .in-ly li h4 {margin-top: 15px;padding-bottom: 15px;font-size: 14px;}

    .in-ly li p {font-size: 12px;margin-top: 10px;height: 60px;overflow: hidden;}



    .in-zd {margin: -5px 0 0 -5px;}

    .in-zd li {width: 50%;}

    .in-zd li .wrap {margin: 5px 0 0 5px;padding: 15px;}

    .in-zd li h2 {font-size: 26px;}

    .in-zd li h4 {font-size: 16px;}

    .in-zd li p {font-size: 12px;margin-top: 10px;padding-top: 10px;height: 84px;}



    .in-yf .swiper-button-next,.in-yf .swiper-button-prev {display: none;}

    .in-yf .swiper-pagination {display: block;}

    .in-yf .swiper-slide .text {font-size: 16px;margin-top: -36px;}

    .in-yf .swiper-slide .text i {height: 30px;}

    .in-yf .swiper-slide .text span {width: 20px;margin: 10px auto;}



    .list-1 {margin: -20px 0 0 -20px;}

    .list-1 li {width: 100%;}

    .list-1 li a {margin: 20px 0 0 20px;}

    .list-1 li .text {margin-top: 10px;font-size: 16px;line-height: 22px;background-size: contain;}

    .list-1 li .tool {margin-top: 10px;}

    .list-1 li .tool span {height: 24px;background-size: contain;}



    .in-qa-menu {margin: -10px 0 20px -10px;}

    .in-qa-menu li {margin: 10px 0 0 10px;}

    .in-qa-menu li a {width: auto;padding: 0 15px;line-height: 34px;}

    .in-qa-menu li span {font-size: 14px;}

    .in-qa-menu li i {width: 20px;height: 20px;margin-right: 5px;}



    .list-2 {margin: -10px 0 0 -10px;}

    .list-2 li {width: 100%;}

    .list-2 li a {margin: 10px 0 0 10px;}

    .list-2 li h4 {padding: 0 10px;line-height: 38px;font-size: 14px;}

    .list-2 li h4 span {margin-left: 20px;}

    .list-2 li p {padding: 10px;font-size: 13px;}

    .list-2 li p span {margin-left: 20px;height: auto;}



    .in-news-menu {margin-bottom: 20px;}

    .in-news-menu li a {line-height: 34px;font-size: 14px;padding: 0 15px;}



    .list-3 {margin: -10px 0 0 -10px;}

    .list-3 li {width: 100%;}

    .list-3 li a {margin: 10px 0 0 10px;padding: 10px;}

    .list-3 li .date {font-size: 12px;width: 60px;padding: 10px 0;}

    .list-3 li .date strong {font-size: 22px;margin-bottom: 5px;}

    .list-3 li .text {margin-left: 70px;padding-left: 10px;}

    .list-3 li .text h4 {font-size: 14px;}

    .list-3 li .text p {font-size: 12px;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: auto;}


    .footer dl {display: none;}

    .footer .lx {display: block;float: none;width: auto;}

    .footer .lx dt {height: auto;margin-bottom: 0;padding: 10px 0;}

    .footer-copy {font-size: 12px;padding: 0 10px;}

    .footer .container{
        padding:  0;
    }
    .footer .container ul.companyinfor li.email{
        background-size: 25px;
        padding-left: 36px;
    }
    .footer .container ul.companyinfor li.mobile{
        margin-left: 10px;
        background-size: 25px;
        padding-left: 25px;
    }
    .footer .container ul.companyinfor li.addr{
        background-size: 25px;
        float: left;
        text-align: left;
    }

    .pages {margin-top: 20px;}

    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}



    .banner-sub {padding: 80px 0;font-size: 18px;margin-top: 50px;}

    .banner-sub strong {font-size: 20px;}



    .main-box {margin: -50px -15px 0;padding: 30px 15px;}



    .curmbs {margin: -30px -15px 30px;padding: 0 15px;line-height: 40px;font-size: 12px;}



    .lanmu {margin-bottom: 20px;padding: 66px 0 10px 0;margin-left: -5px;}

    .lanmu a {margin: 0 0 5px 5px;padding: 0 12px;line-height: 34px;font-size: 14px;}



    .lm-sc {margin-bottom: 20px;}

    .lm-sc input {width: 75%;box-sizing: border-box;font-size: 14px;line-height: 40px;height: 40px;padding: 0 15px;}

    .lm-sc button {font-size: 16px;height: 40px;}



    .list-4 li {width: 100%;}

    .list-4 li a {margin: 15px 0 0;}

    .list-4 li .text {padding: 10px;}

    .list-4 li .text h4 {font-size: 14px;}

    .list-4 li .text p {font-size: 12px;line-height: 20px;height: 40px;margin-top: 5px;}



    .ct2-mn {float: none;width: auto;}

    .ct2-sd {display: none;}



    .news-title {padding-bottom: 10px;margin-bottom: 10px;}

    .news-title h1 {font-size: 18px;}

    .news-title p span {font-size: 12px;margin-right: 10px;}

    .news-content {margin-bottom: 20px;padding: 0 0.4rem;}

    .inner_container{
        width: auto;
        margin: 50px auto 0 auto;
    }
    .news-exp {padding: 0 10px;font-size: 12px;}
    .ct2 .news-title{
        padding: 10px 0 0 0;
    }


    .sec-line:before {height: 30px;top: -15px;}



    .fzlc .swiper-pagination {margin-top: 15px;display: block;}

    .fzlc .arrow {height: 9px;}

    .fzlc .text {font-size: 12px;padding: 0;}

    .fzlc .date {width: 60px;height: 60px;font-size: 14px;}

    .fzlc .date strong {font-size: 18px;padding-top: 14px;}

    .fzlc .line {height: 45px;}

    .fzlc .text {height: 105px;}



    .client {padding: 0;background: none;}

    .client-left,.client-right {width: 100%;}

    .client-left p {font-size: 14px;}

    .client-left ul {margin-top: 20px;padding-top: 20px;}

    .client-left li h4 {font-size: 18px;}

    .client-left li strong {font-size: 40px;}

    .client-left li p {margin-top: 5px;}

    .client-right {margin-top: 30px;}

    .client-right li .img-center {height: 55px;line-height: 55px;}



    .anli li {width: 50%;}

    .anli li:first-child {width: 100%;}



    .contact-map {height: 300px;}

    .contact-info {position: static;padding: 15px 20px;}

    .contact-form {position: static;width: auto;height: auto;background-color: #000;}

    .contact-form .tit {font-size: 20px;}

    .contact-form .form-label {font-size: 12px;line-height: 20px;padding-left: 12px;width: 60px;}

    .contact-form .form-content {margin-left: 75px;}

    .contact-form .form-control {line-height: 20px;font-size: 12px;}

    .contact-form .form-submit {height: 40px;font-size: 16px;}

    .contact-info h4 {margin: 0;font-size: 20px;}

    .contact-info .item {display: block;margin: 10px 0 0;font-size: 14px;}



    .opinion .desc {font-size: 14px;line-height: 1.8;}

    .opinion ul {margin: 0 -15px;}

    .opinion li {width: 33.333333%;}

    .opinion li .wrap {padding: 0 15px;margin-top: 20px;}

    .opinion li h4 {font-size: 20px;}

    .opinion li small {font-size: 12px;}



    .service li {width: 50%;}

    .service li .wrap {margin: 1px;padding: 15px;background-color: #ebebeb;}

    .service li .img-center {height: 60px;line-height: 60px;}

    .service li h4 {margin-top: 10px;font-size: 16px;}

    .service li h4:after {margin: 10px auto;}

    .service li p {font-size: 12px;height: 63px;}



    .adv dl {width: 100%;}

    .adv dd {padding: 30px 10px 10px;}

    .adv dd span {font-size: 24px;top: 10px;}

    .adv dd h4 {margin-right: -10px;padding-right: 10px;line-height: 35px;background-size: contain;font-size: 14px;}

    .adv dd p {margin-top: 10px;font-size: 12px;line-height: 20px;}

    .adv dl:nth-child(odd) dt {float: left !important;}

    .adv dl:nth-child(odd) dd {margin: 0 0 0 50%;}

    .adv dl:nth-child(even) dt {float: right !important;}

    .adv dl:nth-child(even) dd {margin: 0 50% 0 0;}



    .flow .img-center {height: 50px;line-height: 50px;}

    .flow .arrow {margin: 10px 0;height: 28px;}

    .flow .text {font-size: 14px;}

    .flow .swiper-pagination {display: block;}



    .news-menu {margin-bottom: 20px;}

    .news-menu li a {margin: 0 10px;font-size: 14px;line-height: 40px;}



    .list-4-1 {padding: 5px;}

    .list-4-1 li a {padding: 10px;}



    .guarantee .icon .img-center {height: 35px;line-height: 35px;margin-top: 16px;}

    .guarantee .icon {width: 110px;height: 110px;}

    .guarantee .icon span {margin-top: 10px;font-size: 14px;}

    .guarantee .icon span:before {width: 50px;margin-bottom: 10px;}

    .guarantee p {font-size: 12px;margin-top: 10px;}

    .guarantee .swiper-pagination {display: block;}



    .what {margin-top: 20px;}

    .what .img-center {height: 110px;line-height: 70px;padding-right: 9px;}

    .what .img-center img {height: 70px;}

    .what .text {margin-top: -10px;padding-top: 20px;}

    .what .text h4 {font-size: 14px;}

    .what .text p {font-size: 12px;margin-top: 5px;}

    .what .swiper-pagination {display: block;}



    .why li {width: 100%;}

    .why li:first-child .img-cover {height: 300px;}



    .how {margin-bottom: 0;}

    .how .img-cover {width: 70px;height: 70px;}

    .how .swiper-slide p {font-size: 14px;margin: 10px 0 0;}

    .how .swiper-pagination {display: block;}



    .zhongshi {margin: 0;width: auto;}

    .zhongshi .wrap {padding: 20px;}

    .zhongshi h4 {margin: 0;font-size: 18px;}

    .zhongshi p {font-size: 14px;}



    .who .img-center {width: 70px;height: 70px;line-height: 70px;}

    .who .text:before {height: 20px;margin-top: -10px;}

    .who .text h4 {margin-top: 10px;font-size: 14px;}

    .who .text p {margin-top: 5px;font-size: 12px;}

    .who .swiper-pagination {display: block;}



    .choose {margin: -10px 0 60px -10px;}

    .choose li {width: 50%;}

    .choose li .wrap {margin: 10px 0 0 10px;padding: 0;border: 0;}

    .choose li .text {margin-left: 30px;}

    .choose li .text h4 {font-size: 14px;}

    .choose li .text p {font-size: 12px;margin-top: 5px;height: 60px;}

    .choose li .icon {width: 20px;}

    .choose li .icon i {height: 18px;margin-top: 5px;background-size: contain;}

    .choose li:last-child {margin-left: 0;}

    .choose-img {margin: -85px 0 0;top: 0;width: auto;padding: 0 15px;}



    .case-table {margin: -10px 0 0 -10px;}

    .case-table li {width: 100%;}

    .case-table li .wrap {margin: 10px 0 0 10px;}

    .case-table li .tit {font-size: 16px;line-height: 40px;}

    .case-table li table {font-size: 12px;}

    .case-table li table td {padding: 10px;}



    .market {margin-top: -15px;}

    .market li {width: 50%;}

    .market li .wrap {margin-top: 15px;}

    .market li .img-center {height: 90px;width: 90px;line-height: 90px;}

    .market li p img {width: 30px;margin-right: -8px;}

    .market li p {margin-top: 10px;font-size: 12px;height: 47px;overflow: hidden;}

    .market li:nth-child(3) .wrap {border-left: 0;}



    .qh dt {float: none;width: auto;}

    .qh dd {margin: 20px 0 0;background-size: 30px auto;background-position: 0 0;padding: 20px 0 0 35px;}

    .qh dd h4 {font-size: 20px;}

    .qh dd p {font-size: 14px;}



    .brand li {width: 100%;}

    .brand li .wrap {padding: 20px;}

    .brand li h4 {padding-bottom: 15px;margin-bottom: 15px;font-size: 18px;}

    .brand li p {height: auto;}



    .spaceys {padding-top: 15px;}

    .spaceys li {width: 50%;}

    .spaceys li .wrap {padding: 0 15px;margin-top: 15px;}

    .spaceys li:nth-child(3) .wrap {border-left: 0;}

    .spaceys li .img-center {height: 50px;line-height: 50px;}

    .spaceys li h4 {margin-top: 15px;font-size: 18px;}

    .spaceys li h4 small {margin-top: 5px;height: 34px;overflow: hidden;}

    .spaceys li p {margin-top: 10px;font-size: 12px;height: 100px;overflow: hidden;display: none;}

    .spaceys li p:before {margin-bottom: 10px;}



    .jiaz {margin: -15px 0 0;}

    .jiaz li {width: 100%;}

    .jiaz li .wrap {margin: 15px 0 0;padding: 10px;}

    .jiaz li .img-center {width: 60px;height: 60px;}

    .jiaz li .text {margin-left: 70px;}

    .jiaz li .text h4 {font-size: 16px;}

    .jiaz li .text p {font-size: 12px;height: auto;margin-top: 5px;}



    .wxwhy-left,.wxwhy-right {float: none;width: auto;}

    .wxwhy-left .wrap,.wxwhy-right .wrap {height: auto;padding: 0 15px;}

    .wxwhy-left h4 {font-size: 20px;margin-top: 20px;}

    .wxwhy-left .img-center {height: 60px;}

    .wxwhy-right p {font-size: 14px;}



    .dev {margin: -10px 0 0 -10px;}

    .dev li {width: 50%;}

    .dev li .wrap {padding: 10px;margin: 10px 0 0 10px;}

    .dev li .img-center {height: 80px;width: 80px;line-height: 80px;}

    .dev li h4 {margin-top: 10px;font-size: 14px;}

    .dev li p {font-size: 12px;margin-top: 5px;text-align: justify;height: 105px;}



    .solution .item-left, .solution .item-right {width: auto;float: none !important;}

    .solution .wrap {padding: 20px 15px !important;line-height: normal;}

    .solution .tit {font-size: 18px;margin-bottom: 10px;}

    .solution p {font-size: 14px;}

    .solution a.more {display: none;}

    .solution .item-right .tit {display: none;}

    .solution li .b {padding: 5px;}

    .solution li .img-center {height: 34px;line-height: 34px;}

    .solution li h5 {font-size: 12px;}



    .bakong {margin: -5px 0 0 -5px;}

    .bakong li {width: 50%;}

    .bakong li .wrap {margin: 5px 0 0 5px;}

    .bakong li .head {padding: 15px 10px;}

    .bakong li .head .img-center {height: 30px;line-height: 30px;}

    .bakong li .head h4 {font-size: 16px;line-height: 20px;}

    .bakong li .head h3 {left: 10px;top: 15px;font-size: 24px;}

    .bakong li .text {padding: 1px 10px 10px;}

    .bakong li .text h4 {margin: 10px 0 5px;font-size: 14px;line-height: 20px;}

    .bakong li .text h5 {font-size: 12px;line-height: 20px;}



    .wx-case li {width: 50%;}

    .wx-case li:last-child {display: none;}

    .wx-case li p {line-height: 40px;font-size: 14px;}



    .list-2-1 li a {padding: 10px;}

    .list-2-1 li h4 {line-height: 22px;padding: 0;}

    .list-2-1 li h4 span {margin-left: 30px;}

    .list-2-1 li p {padding: 0;margin-top: 10px;}

    .list-2-1 li p strong {margin-top: 0;}

    .list-2-1 li p span {margin-left: 30px;}

}