@charset "UTF-8";
@font-face {font-family: 'Glyphicons Halflings';src: url(../fonts/glyphicons-halflings-regular.eot);src: url(../fonts/glyphicons-halflings-regular.eot@#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
*{ box-sizing:border-box; line-height:1.8;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background:#fff;color:#000;font-size:14px;font-family:'Microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
td,th,caption{font-size:14px;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{color: #333;text-decoration:none;}
img{border:none;vertical-align:middle;}
ol,ul,li{list-style:none;}
textarea,select,button{font:14px 'Microsoft yahei',Verdana,Helvetica,Arial,sans-serif;vertical-align:middle;}
button, input, optgroup, option, select, textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;}
table{border-collapse:collapse;}
.container{ max-width:1420px; margin:0 auto;}
.clear{ clear:both;}
.clearfix:after {clear: both;zoom: 1;}
.clearfix:after, .clearfix:before {content: "";display: table;clear: both;}
.container:after {content: "";display: block;clear: both;}
.fl {float: left;}

.topbg{background: #f8f8f8;border-bottom: solid 1px #e8e8e8;padding: 5px 0; display:none;}
.topbg1 {float: left;font-size: 13px;color: #999;}
.topbg1 h1{ display:inline-block;}
.topbg2 {float: right;}
.topbg2 .tel{color: #e62131;font-size: 16px;}
.topbg2 .tel span{background: url(/images/toptel.png) no-repeat left center;padding-left: 22px;border-left: none;}
.topbg2 .tel em{ font-weight:bold;}

.topbg2 img {max-width: 200px;display: block;}
.topbg2 span{font-size: 14px; padding:0 10px;position: relative;border-left: 1px #bfbfbf solid;}
.topbt2 a{display:inline-block;}
.topbg2 a.wx{display: inline-block;background: url(/images/ic42.png) no-repeat left 3px;background-size:19px;padding-left: 25px;font-size: 13px;color: #999;}
.topbg2 a.m{display: inline-block;background: url(/images/ic41.png) no-repeat left 3px;padding-left: 20px;font-size: 13px;color: #999;}
.topbg2 a.wx em,.topbg2 a.m em {display: none;border-radius:10px;box-shadow: 1px 5px 8px #000;overflow: hidden;}
.topbg2 a.wx:hover em ,.topbg2 a.m:hover em{position: absolute;display: inline-block;z-index: 9999;top: 20px;right: 0;background: #fff;text-align: center;line-height: 1;font-size: 14px;font-style: normal;padding-bottom: 10px;}
.topbg2 a.wx:hover,.topbg2 a.m:hover {color: #e62131;}
.topbg2 a:hover em {color: #000;}

.headLogo {padding:0;}

.headLogoLink{ float:left;margin:15px 0;}
.headLogoLink h1{ float:left}
.toptell{display: block;float: right; background:url(/images/tell.png) no-repeat center left;margin-top: 28px;}
.toptell h5{ float:right;margin-left:60px;}
.toptell h5 p {font-size: 18px;font-weight: bold;color: #db0000;line-height: 1.5;}
.toptell h5 p:first-child {font-size: 14px;color: #666;}
.headMenu {float: right;margin-right: 3%;}
.headMenu .ulMenu {margin: 0 auto;}
.headMenu .ulMenu .menuList {height: 100%;text-align: center;float: left;display: inline-block; padding:40px 0;position: relative;}
.headMenu .ulMenu .menuList:hover{height: 130px;color:#fff; background: rgba(42, 38, 38, 0.75);}
.headMenu .ulMenu .menuList:hover a{color:#fff;}
.headMenu .ulMenu .menuList .menuFir{width: 100%;padding: 0 20px;overflow: hidden;line-height:30px;display: block;font-size: 16px;color: #000;}
.headMenu .ulMenu .menuList .menuFir p{ display:inline-block;}
.headMenu .ulMenu .menuList a.on, .headMenu .ulMenu .menuList:hover a.on{transition: all 0.2s;color: #f00;}
.headMenu .ulMenu .menuList:hover .menuSonMenu a.on{line-height: 45px;background: #000;}
.headMenu .ulMenu .menuList .menuFir span{ display:block; line-height:20px;color: #888;font-size: 14px;}
.headMenu .ulMenu .menuList .menuFir:hover,.headMenu .ulMenu .menuList .menuLink {color:#fff;}
.headMenu .menuSonMenu {width: 200px;position: absolute;overflow: hidden;text-align: left;z-index: 9999;display: none;margin-left: 0;padding-top:40px;}
.headMenu .menuSonMenu ul {width: 100%;}
.headMenu .menuSonMenu ul li {width: 100%;overflow: hidden;}
.headMenu .menuSonMenu ul li a {width: 100%;height: 45px;line-height: 45px;display: block;overflow: hidden;font-size: 14px;background: rgba(42, 38, 38, 0.75);color: #fff;padding-left: 20px;}
.headMenu .menuSonMenu ul li a:hover {color: #fff;background: #e62131;}

.carousel {position: relative;border-top: 1px #f1f1f1 solid;}
.carousel-inner {position: relative;width: 100%;overflow: hidden}
.carousel-inner > .item {position: relative;display: none;-webkit-transition: .6s ease-in-out left;-o-transition: .6s ease-in-out left;transition: .6s ease-in-out left}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {line-height: 1;width: 100%;}
.carousel-inner img.m{ display:none;}

@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-inner > .item {-webkit-transition: -webkit-transform .6s ease-in-out;-o-transition: -o-transform .6s ease-in-out;transition: transform .6s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;perspective: 1000px}
.carousel-inner > .item.active.right, .carousel-inner > .item.next {left: 0;    -webkit-transform: translate3d(100%,0,0);    transform: translate3d(100%,0,0)}
.carousel-inner > .item.active.left, .carousel-inner > .item.prev {left: 0;    -webkit-transform: translate3d(-100%,0,0);    transform: translate3d(-100%,0,0)}
.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {left: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {display: block}
.carousel-inner > .active {left: 0}
.carousel-inner > .next, .carousel-inner > .prev {position: absolute;top: 0;width: 100%}
.carousel-inner > .next {left: 100%}
.carousel-inner > .prev {left: -100%}
.carousel-inner > .next.left, .carousel-inner > .prev.right {left: 0}
.carousel-inner > .active.left {left: -100%}
.carousel-inner > .active.right {left: 100%}
.carousel-control {position: absolute;top: 0;bottom: 0;left: 0;width: 15%;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,.6);background-color: rgba(0,0,0,0);filter: alpha(opacity=50);opacity: .5}
.carousel-control.left {background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat: repeat-x}
.carousel-control.right {right: 0;left: auto;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat: repeat-x}
.carousel-control:focus, .carousel-control:hover {color: #fff;text-decoration: none;filter: alpha(opacity=90);outline: 0;opacity: .9}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: absolute;top: 50%;z-index: 5;display: inline-block;margin-top: -10px}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left: 50%;margin-left: -10px}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 50%;margin-right: -10px}
.carousel-control .icon-next, .carousel-control .icon-prev {width: 20px;height: 20px;font-family: serif;line-height: 1}
.carousel-control .icon-prev:before {content: '\2039'}
.carousel-control .icon-next:before {content: '\203a'}
.carousel-indicators {position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none}
.carousel-indicators li {display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000\9;background-color: rgba(0,0,0,0);border: 1px solid #fff;border-radius: 10px}
.carousel-indicators .active {width: 12px;height: 12px;margin: 0;background-color: #d81507;}
.carousel-caption {position: absolute;right: 15%;bottom: 20px;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,.6)}
.carousel-caption .btn {text-shadow: none}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {width: 30px;height: 30px;margin-top: -10px;font-size: 30px}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left: -10px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: -10px;}
.carousel-caption {right: 20%;left: 20%;padding-bottom: 30px;}
.carousel-indicators {bottom: 20px;}

.glyphicon {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.glyphicon-chevron-left:before {content: "\e079";}
.glyphicon-chevron-right:before {content: "\e080";}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}


#Ascendancy { background: #fbfbfb; border-bottom: 1px solid #ebebeb; padding:10px 0; }
#Ascendancy ul {border-left: 1px #ebebeb solid;}
#Ascendancy li { float: left; width:100%; text-align: center;border-right: 1px #ebebeb solid;font-size: 36px;color: #d81507;font-weight: bold;letter-spacing: 20px;}
#Ascendancy .Item img {display: block;margin: 0 auto;}
#Ascendancy .Item:hover img {transition: all 0.6s;transform: rotatey(360deg);
-ms-transform:rotatey(360deg); 	/* IE 9 */
-moz-transform:rotatey(360deg); 	/* Firefox */
-webkit-transform:rotatey(360deg); /* Safari 和 Chrome */
-o-transform:rotatey(360deg); 	/* Opera */}
#Ascendancy .Item span {display: block; margin: 10px 0; font-size: 18px; line-height: 20px; color: #000; }
#Ascendancy .Item p { font-size: 15px; color: #666; line-height: 20px;}

/*case*/
.indexcase{padding-top: 30px;padding-bottom: 20px;*background-image: url(/images/homebg.jpg);}
.indexcase .container {}
.indexEachTitInfo {text-align: center;padding: 20px 0;}
.indexEachTit {font-size:30px;color: #262626;line-height:55px; text-align:left;text-indent: 6px;border-bottom: 1px #d6d6d6 solid;background: rgba(240,240,240,0.3);}
.indexEachTit span{ float:right;}
.indexEachTit span a{ display:inline-block;font-size: 16px;color: #666;padding-right: 10px;}
.indexEachTit span a:hover{ color:#F00;}
.indexEachTit em{color: #db0000;}
.indexEachTips {position: relative;padding: 0 90px;font-size: 16px;line-height: 24px;color: #666;display: none;}
.indexEachTips::before {content: "";position: absolute;left: 0;top: 50%;width: 50px;height: 1px;margin-top: -0.5px;background-color: #666;}
.indexEachTips::after {content: "";position: absolute;right: 0;top: 50%;width: 50px;height: 1px;margin-top: -0.5px;background-color: #666;}

#Team .indexEachTit, #Team .indexEachTips, .indexEachTips::before, .indexEachTips::after{ color:#fff;}

.case_list{margin-bottom:0px;}
.case_list:after{content: "";display: block;clear: both;}
.case_list li.case_b {float: left;width: 40%;position: relative;overflow: hidden;}
.case_list li.case_b a, .case_list ul li.case_s a{ display:block; color:#fff;}
.case_list li.case_b a img, .case_list ul li.case_s a img{ max-width:100%;-webkit-transition: .5s;-o-transition: .5s; transition: .5s;}
.case_list ul{ float:right; width:59%; text-align:center;}
.case_list ul li.case_s{width: 31.5%;display: inline-block;position: relative;overflow: hidden;margin-bottom:15px;margin-left: 1.5%;}
.case_list li p{width: 100%; text-align:center;font-size: 14px; line-height:2;position: absolute;bottom: 0;background: rgba(0,0,0,.3);transition: .4s;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.case_list li:hover img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.case_list li:hover p{background: rgba(230,33,49,.8);}

.ty_pic{ height:220px; width:100%; background:url(/images/tybg.jpg) center no-repeat;}
.ty_pic ul{ padding:0 20px;}
.ty_pic p.text{float:left;width:80%; color: #fff;margin-top: 60px;}
.ty_pic p.text span{display: block;font-size: 38px;}
.ty_pic p.text em{font-size: 21px;}
.ty_pic p.tybtn{ float:right;color: #fff;margin-top:80px;width: 200px;text-align: center;font-size: 24px;border-radius: 5px;}
.ty_pic p.tybtn a { position: relative; z-index: 1; transition: all 0.3s ease-out; display: block; width: 180px; height: 60px; border: 1px solid #fff; color: #fff;line-height: 60px; text-align: center; margin: 0 auto; border-radius: 5px; font-size: 22px;font-weight: bold; position: relative; overflow: hidden; letter-spacing: .08em; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ty_pic p.tybtn a:after { content: ""; position: absolute; background: #db0000; height: 0%; left: 50%; top: 50%; width: 100%; z-index: -1; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
.ty_pic p.tybtn a:hover { color: #fff; background: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 1px solid #db0000;}
.ty_pic p.tybtn a:hover:after { height: 420%; }

.case_t_list{margin-bottom: 30px;}
.case_t_list ul{font-size: 0;text-align: center;}
.case_t_list ul li{ display:inline-block;position: relative; font-size:15px;width: 20%;border: 1px #ccc solid;background:#e1e1e1;margin-left:6.333%;margin-bottom: 15px;
-webkit-box-shadow:1px 2px 5px rgba(20,20,20,0.6);
-moz-box-shadow:1px 2px 5px rgba(20,20,20,0.6);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c3c3c3));
background: -moz-linear-gradient(top, #efefef, #f8f8f8);
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
.case_t_list ul li.li_1{ margin-left:0px;}
.case_t_list ul li a{ display:block; padding: 10px 0;color:#000;transition: all 0.1s ease-out;font-weight: bold;}
.case_t_list ul li a:hover{display:block; color: #fff;text-shadow:none;}
.case_t_list ul li:hover{background: #000;
box-shadow: 0px 2px 5px rgba(20,20,20,0.6);
-webkit-box-shadow:0px 2px 5px rgba(20,20,20,0.6);
-moz-box-shadow:0px 2px 5px rgba(20,20,20,0.6);
}
.case_t_list ul li:active{
box-shadow: 0px 3px 1px rgba(20,20,20,0.5);
-webkit-box-shadow:0px 3px 1px rgba(20,20,20,0.5);
-moz-box-shadow:0px 3px 1px rgba(20,20,20,0.5);
}
.case_t_list ul li a:active{ color:#000; text-shadow: 0px 2px 1px #fff;}

.case_t_list ul li a span{position: absolute;right: 10px;font-size: 12px;line-height: 33px;color: #999;}
.case_t_list ul li a:hover span{ color:#eee;}

.indexClassify {}
section.baojia{padding:0 0 80px;background-color: #F0F0F0;display: none;}
section.baojia ul{background: rgba(0,0,0,0.7);border-radius: 15px;}
.indexBannerForm {width: 1100px;height: 150px;margin: 0px auto;}
.indexBannerFormTit {padding: 25px 0 20px 40px;font-size: 24px;color: #fff;}
.indexBannerFormTit span {font-size: 16px;}
.bannerFormInputBox {padding-left: 40px;}
.bannerFormInput {float: left;position: relative;margin-right: 20px;}
.bannerFormInput input, .bannerFormInput select {width: 180px;height: 45px;padding: 0 10px;box-sizing: border-box;background-color: #fff;border-radius: 5px;}
.bannerFormInput .square {position: absolute;right: 10px;top: 14px;font-size: 14px;color: #292929;}
.bannerFormBtn {float: left;width: 200px;height: 45px;margin-left: 10px;font-size: 18px;color: #fff;font-weight: 500;background-color: #ED6B00;border-radius: 5px;cursor: pointer;}

section.item{padding:80px 0;background-color: #F0F0F0;}
.indexClassifyEach {float: left;width:19%;height: 140px;margin-right:1%;padding: 20px 20px 20px 30px;box-sizing: border-box;background-color: #fff;transition: all 0.3s ease 0s;cursor: pointer;}
.right0{margin-right:0%;width: 20%;}
.indexClassifyEach .box {width: 100%;display: -webkit-box;display: box;text-align: left;}
.indexClassifyImg {margin-top: 26px;}
.indexClassifyInfo {text-align: right;}
.indexClassifyInfo p, .font1 a{ line-height:1.3;}
.font1 {font-size: 24px;color: #404040;}
.font2 {font-size: 14px;color: #404040;}
.indexClassifyGo {display: inline-block;margin-top: 15px;padding: 3px 40px 3px 20px;font-size: 14px;color: #ED6B00;background: url(../images/go.png) #fff no-repeat 56px center;border: 1px solid #ED6B00;border-radius: 70px;}
.indexClassifyEach:hover {-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);transform: translate3d(0px, -5px, 0px);}

/*公司简介*/
.jianjie_bg {width: 100%;height: 622px;background: url(/images/about_01.jpg) center no-repeat;margin: auto;}
.jianjie_t {width: 100%;height: auto;text-align: center;margin: auto;padding-top: 50px;}
.jianjie_t:hover {-webkit-animation: test 0.2s ease-in 2;}
.jianjie_t .t1 {line-height: 55px;font-size: 40px;color: #444;}
.jianjie_t .t1 p{ display:inline-block;}
.jianjie_t .t1 span {font-weight: bold;}
.jianjie_t .t2 {line-height: 35px;font-size: 16px;color: #888;letter-spacing: 10px;}
.jianjie_c {width:56%;float: right;padding-top:10px;}
.jianjie_h1 {font-size: 38px;font-weight: bold;color: #000;padding-bottom:10px;text-align: right;}
.jianjie_h2 {width: 350px;height: 45px;font-size: 18px;letter-spacing: 3px;line-height: 45px;background: #e62131;color: #fff;text-align: center;float: right;}
.jianjie_h3 {font-size: 14px;line-height: 35px;color: #333;padding-top: 25px;height: 125px;overflow: hidden;}
.jianjie_h3 a {font-size: 14px;}
.jianjie_h4 {width:auto;height: 60px;margin: 0 auto;margin-top: 60px;margin-left: -30px;}
.jianjie_h4 li {width: 203px;height: 60px;float: left;border-right: 1px solid #ddd;}
.jianjie_h4 li:last-child {border-right: none;}
.jianjie_h41 {font-size: 16px;color: #888;text-align: center;line-height: 30px;}
.jianjie_h41 span {font-size: 32px;color: #000;font-weight: bold;}


.custom{ width:100%; height:324px; background:url(/images/about_03.jpg) center bottom no-repeat; margin:auto; margin-bottom:30px;}
.custom .title { background:#eaeaea;}
.custom_fl{margin-top:138px; margin-left:110px; float: left;}
.custom_fl .h1{ font-size:25px; font-weight:bold; color:#000; }
.custom_fl .h1 span{ color:#a41e26;}
.custom_fl .h2{ color:#888; font-size:14px; line-height:34px;}

.custom_in { width: 70%;min-height: 200px; position: relative; float:left; margin-left:15px; }
.custom_col {width: 110px;height: 121px;display: block;float: left;position: absolute;top: 70px;}
.custom_col:after{ content: ''; width: 1px; height: 105px; display: block; position: absolute; top: 119px; left: 54px; background: url(/images/process_x.png) no-repeat center; }
.custom_col i{ width: 110px; height: 121px; display: block; position: absolute; top: 0; left: 0; }
.custom_col i:before,.custom_col i:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition:0.3s all ease-in-out; }
.custom_col i:before{ background: url(/images/20181231193113_252815632.png) no-repeat center; opacity: 1; filter: alpha(opacity=100); transform:rotateY(0deg); }
.custom_col i:after{ background: url(/images/liucheng.png) no-repeat center; opacity:0; filter: alpha(opacity=0); transform:rotateY(-180deg); }
.custom_col .on i:before{ opacity: 0; filter: alpha(opacity=0); transform:rotateY(180deg); }
.custom_col .on i:after{ opacity: 1; filter: alpha(opacity=100); transform:rotateY(0deg); }

.custom_col span{ display: block; width: 36px; height: 35px; background: url(/images/liucheng_main.png) no-repeat 0 0; position: absolute; transition: 0.3s all ease-in-out; left: 37px; top:22px; }
.custom_col_1{ left: 0; }
.custom_col_2{ left: 140px; }
.custom_col_3{ left: 280px; }
.custom_col_31{ left: 420px; }
.custom_col_4{ left: 560px; }
.custom_col_5{ left: 700px; }
.custom_col_6{ left: 840px; }
.custom_col_7 { left:980px;}
.custom_col_8 {right: 0;}
.custom_col_1 span { background-position: -53px -0px; }
.custom_col_2 span { background-position: -194px -0px; }
.custom_col_3 span { background-position: -334px -0px; }
.custom_col_31 span { background-position: -1021px -0px; }
.custom_col_4 span { background-position: -476px -0px; }
.custom_col_5 span { background-position: -616px -0px; }
.custom_col_6 span { background-position: -758px -0px; }
.custom_col_7 span { background-position: -898px -0px; }
.custom_col.on span { background-position-y: -35px; }
.custom_col_5 .on span,.custom_col_6 .on span{ background-position-y:-35px; }
.custom_col p { position: absolute; z-index: 3; text-align: center; width: 100%; line-height:1.8; height: 30px; left: 0; top: 65px; font-size: 14px; transition: 0.3s all ease-in-out; }
.custom_col p em{ display:block; line-height:0.5;}
.custom_col .on p { color: #fff; }

/*设计师*/
#Team { background: url('../images/teambg1.jpg') no-repeat center center;padding: 20px 50px;background-size: 100% 100%;}
.main {position: relative;}
.Team-Dital { float: right; width:50%; position: relative;}
.Disbox .Dispic { width:40%; height: 416px; background-image: url('../images/designerbg.png'); position: relative; float: left; margin-left: 20px; }
.Disbox .Dispic .Head { position: absolute; right: 0; top: 50px; width: 238px; height: 316px; overflow: hidden; }
.Disbox .Dispic .Head .btn { position: absolute; left: 0; bottom: 0; width: 100%; background-image: url('../images/aboutbg.png'); font-size: 14px; color: #fff; line-height: 50px; display: block; text-align: center; }
.Disbox .DisIntro {padding-top:0px; float:right; color: #fff; width: 50%;}
.Disbox .DisIntro img {max-width: 100%;height: auto !important;}
.DisIntro span { font-size: 30px; margin-bottom: 10px; font-weight: 500; }
.DisIntro p { font-size: 14px; line-height: 22px; }
.Team-list {padding-top: 20px; width:50%; float: left;background: rgba(214, 0, 0, 0.3);}
.Team-list li { float: left; width: 170px; max-height: 320px; overflow: hidden; margin-left: 20px; margin-bottom: 20px; position: relative; }
.Team-list li img{ max-width:100%;}
.Team-list .line { position: absolute; transition: all 0.3s ease; z-index: 8; display: block; background: #db0000; }
.Team-list .line1 { left: 0; top: 0; height: 3px; width: 0; }
.Team-list .line2 { right: 0; top: 0; height: 0; width: 3px; }
.Team-list .line3 { right: 0; bottom: 0; height: 3px; width: 0; }
.Team-list .line4 { left: 0; bottom: 0; height: 0; width: 3px; }
.Team-list li.cur .line1, .Team-list li.cur .line3, .Team-list li:hover .line1, .Team-list li:hover .line3 { width: 100%; }
.Team-list li.cur .line2, .Team-list li.cur .line4, .Team-list li:hover .line2, .Team-list li:hover .line4 { height: 100%; }
.Team-more { position: absolute; top: -60px; right: 10px; font-size: 14px; color: #fff; }
.Team-more:hover { color: #db0000; }

#Choose { background: #f5f5f5;padding-top:20px;}
#Choose li {display: inline-block; height: 285px; width:32%; text-align: center; margin-right:1.666%; margin-bottom: 15px; background: #fff; border: 1px solid #f0f0f0;overflow: hidden;}
#Choose li:nth-child(3n) { margin-right: 0; }
#Choose .Item { padding: 20px 40px; transition: all 0.3s ease-out; }
#Choose .Item .pic { position: relative; width: 115px; height: 115px; border-radius: 50%; overflow: hidden; border: 1px solid #ececec; margin: 0 auto; transition: all 0.3s ease-out; }
#Choose .Item .pic img { transition: all 0.3s ease-out; position: relative; top: 0; left: 0; }
#Choose .Item span {display: block; font-size: 18px; color: #000; line-height: 40px; font-weight: 500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#Choose .Item p { font-size: 14px; color: #999; line-height: 22px; height: 88px; overflow: hidden; }
#Choose .Item:hover { box-shadow: 3px 3px 5px 1px #e4e4e4; border-color: #db0000; }
#Choose .Item:hover .pic { background: #db0000; }
#Choose .Item:hover h4 { color: #db0000; }
#Choose .Item:hover .pic img { top: -115px; }

.hz{ width:100%; background:#ededed; margin:0 auto; margin-top:20px; padding:30px 0;}
.hz-con{ margin:0 auto;}
.hz-con h2{ text-align:center; font-size:36px; color:#333;  font-weight:bold; height:84px;}
.hz-con ul{ width:100%;}
.hz-con ul li{ float:left; background: #fff; width:264px; height:134px; margin-right:20px;  overflow: hidden;margin-bottom:30px; transform: scale(1.0, 1.0); transition: all 1s;}
.hz-con ul li:hover img{transform: scale(1.05, 1.05); transition: all 1s; }


.swiper-container2 {width:100%;height: auto;margin-left: auto;margin-right: auto;}
.swiper-slide2 { width:264px;  text-align: center;  font-size: 18px;  background: #fff;  height:134px;

      /* Center slide text vertically */
      display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;}
.gai-hz-con{ width:100%; height: 310px; margin:0 auto;margin-bottom:30px; position:relative;}
.swiper-slide2{width:264px; height:134px;overflow: hidden;}
.gai-hz-con img:hover{transform: scale(1.05, 1.05); transition: all 1s; }

.swiper-container2{position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container2-no-flexbox .swiper-slide2 { float: left }
.swiper-container2-vertical>.swiper-wrapper2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.swiper-wrapper2 { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; overflow:hidden;}
.swiper-container-android .swiper-slide2,
.swiper-wrapper2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper2 { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide2 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform }
.swiper-slide2:hover img {transition: all 0.6s;transform: rotateX(360deg);}
.swiper-slide2-invisible-blank { visibility: hidden }
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide2 { height: auto }
.swiper-container-autoheight .swiper-wrapper2 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide2,
.swiper-container-3d .swiper-slide2-shadow-bottom,
.swiper-container-3d .swiper-slide2-shadow-left,
.swiper-container-3d .swiper-slide2-shadow-right,
.swiper-container-3d .swiper-slide2-shadow-top,
.swiper-container-3d .swiper-wrapper2 { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide2-shadow-bottom,
.swiper-container-3d .swiper-slide2-shadow-left,
.swiper-container-3d .swiper-slide2-shadow-right,
.swiper-container-3d .swiper-slide2-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide2-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide2-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide2-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide2-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper2 { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper2 { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next,
.swiper-button-prev { position: absolute; top: 50%; width: 17px; height: 33px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 17px 33px; background-position: center; background-repeat: no-repeat }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { outline:none; background-image:url(../images/left2.png); left: -52px;  right: auto;display: none;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {outline:none; background-image:url(../images/right2.png); right:-52px; left: auto;display: none;}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-lock { display: none }
.swiper-container2 { text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-container2.swiper-container2-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-container2-bullets,
.swiper-container2-custom,
.swiper-container2-fraction { bottom:0px; left: 0; width: 100%; margin-top:20px;}
.swiper-container2-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-container2-bullets-dynamic .swiper-container2-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative }
.swiper-container2-bullets-dynamic .swiper-container2-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.swiper-container2-bullets-dynamic .swiper-container2-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.swiper-container2-bullets-dynamic .swiper-container2-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }
.swiper-container2-bullets-dynamic .swiper-container2-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-container2-bullets-dynamic .swiper-container2-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }
.swiper-container2-bullets-dynamic .swiper-container2-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-container2-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-container2-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-container2-clickable .swiper-container2-bullet { cursor: pointer }
.swiper-container2-bullet-active { opacity: 1; background: #009b4c }
.swiper-container-vertical>.swiper-container2-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-container2-bullets .swiper-container2-bullet { margin: 6px 0; display: block }
.swiper-container-vertical>.swiper-container2-bullets.swiper-container2-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px }
.swiper-container-vertical>.swiper-container2-bullets.swiper-container2-bullets-dynamic .swiper-container2-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform }
.swiper-container-horizontal>.swiper-container2-bullets .swiper-container2-bullet { margin: 0 4px }
.swiper-container-horizontal>.swiper-container2-bullets.swiper-container2-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-container2-bullets.swiper-container2-bullets-dynamic .swiper-container2-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform }
.swiper-container-horizontal.swiper-container-rtl>.swiper-container2-bullets-dynamic .swiper-container2-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform }
.swiper-container2-progressbar { background: rgba(0,0,0,.25); position: absolute }
.swiper-container2-progressbar .swiper-container2-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-container2-progressbar .swiper-container2-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-container2-progressbar,
.swiper-container-vertical>.swiper-container2-progressbar.swiper-container2-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-container2-progressbar.swiper-container2-progressbar-opposite,
.swiper-container-vertical>.swiper-container2-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-container2-white .swiper-container2-bullet-active { background: #fff }
.swiper-container2-progressbar.swiper-container2-white { background: rgba(255,255,255,.25) }
.swiper-container2-progressbar.swiper-container2-white .swiper-container2-progressbar-fill { background: #fff }
.swiper-container2-black .swiper-container2-bullet-active { background: #000 }
.swiper-container2-progressbar.swiper-container2-black { background: rgba(0,0,0,.25) }
.swiper-container2-progressbar.swiper-container2-black .swiper-container2-progressbar-fill { background: #000 }
.swiper-container2-lock { display: none }

/*news*/
#new_box { width:100%;padding-top:30px;margin-bottom: 80px;}
.newtel {height:50px;border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;font-family: "微软雅黑";font-size: 18px;color: #666;}
.new_telst {width:498px;margin: 0 auto;position: relative;top: 6px;text-align: center;}
.new_telst li {width: 166px;line-height:40px;text-align: center;float: left;display: inline;font-family: "微软雅黑";cursor: pointer;}
.new_telst li.newon {color:#fff;font-weight: bold;background: #ec0221;}
.new_telst p {position: absolute;top:40px;left: 0px;width: 166px;height: 10px;border-top: 3px solid #ec0221;overflow: hidden;text-align: center;}
.new_telst b {display: inline-block;width: 0;height: 0;margin-top: -3px;border-style: solid dashed dashed dashed;border-width: 9px;border-color: #ec0221 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.new_lst {height: 315px;position: relative;overflow: hidden;display: none;margin-top: 10px;padding-top: 20px;}
.new_lst ul {}
.new-wrap {margin-top: 30px;}
.new-wrap .show {display: block;}
li.new_cnlf {width:30%;float: left;}
li.new_cnlf p {width: 100%;}
li.new_cnlf p img{ width:100%;}
p.newlf_tel a {	font-size: 18px;line-height: 50px;text-align: center;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
p.newlf_tel a:hover {color:#ec0221;}
p.newlf_tx {font-size: 14px;line-height: 26px;color: #666;height:26px;overflow: hidden;}
li.new_cnrf {float: right;width: 70%;padding-left:20px;}
.newrf_lst:after, .newrf_lst dl:after {content: " ";display: block;clear: both;}
.newrf_lst dl {font-size: 0;}
.newrf_lst dd {width: 48%;height: 85px;display: inline-block;border: 1px solid #949191;margin-left:2%;margin-bottom: 20px;}
p.new_rq {padding: 0 15px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;}
p.new_rq span {display: block;font-size: 24px;text-align: center;font-weight: bold;line-height: 35px;padding-top: 5px;}
p.newrf_tx {float: left;margin-top:3px;width: 80%;height: 76px;overflow: hidden;}
p.newrf_tx a {color: #000;font-size: 14px;display: block;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
p.newrf_tx span a{display: block;font-size: 12px;color: #666;height: 60px;overflow: hidden;line-height: 1.8;white-space: normal;}
.newrf_lst dd:hover {width:48%;height: 85px;border: 2px solid #ec0221;box-shadow: 0px 0px 15px rgba(37, 125, 242, .27);}
.newrf_lst dd:hover p.newrf_tx a {color:#ec0221;}
.newrf_lst dd:hover p.new_rq {background: #ec0221;margin-top: 9px;margin-left: 9px;}
.newrf_lst dd:hover p.newrf_tx {margin-top:2px;}
.mr0 {margin-right: 0px;}


/*foot*/
section#foot {margin-top: 0px; border-top: 5px #ec0221 solid;background-color: #3C3C3C;color: #999;}
.link {padding: 10px 0;color: #fff;border-bottom: 1px #999 solid;}
.link a{color: #fff;}
.copyright{padding: 30px 0;}
.copyright a {color: #dadada;}
.copyright:after{ content:" "; display:block; clear:both;}
.copyright .c1{display: inline-block;padding: 0 80px 0 20px;float: left;}
.copyright .c2{display: inline-block;padding: 0 30px 0 0;float: left;color: #dadada;}
.copyright .c2 p{ line-height:2.3;}
.copyright .c3{display: inline-block; float:right;padding: 0 20px; display:none;}
.copyright .c3 img{ max-width:180px; max-height:180px;}
.copyright .c3 span{ display:block; width:100%; text-align:center; }
.copyright .c4{display: inline-block;margin-left: 50px;}
.copyright .c4 h3 {color: #fff;font-size: 16px;margin-bottom: 10px;line-height: 1.2;}
.copyright .c4 .usename {width: 240px;height: 40px;margin-bottom: 20px;}
.copyright .c4 .text {position: relative;width: 190px;height: 40px;background: #fff;border: none;padding-left: 10px;}
.copyright .c4 .telnumb {width: 240px;height: 40px;margin-bottom: 20px;}
.copyright .c4 .text {position: relative;width: 190px;height: 40px;background: #fff;border: none;padding-left: 10px;}
.copyright .c4 .submit {background: #ec0221;width: 240px;height: 40px;color: #fff;font-size: 14px;border: none;}
.footer {text-align: center;padding:6px 0 120px;background: #2b2b2b; color:#c3c3c3;}
.footer a{color:#c3c3c3;}

/*right float*/
.rightNav{ position:fixed;right:0px; bottom:200px; width:auto; height:auto; z-index:9999;border: 1px #e6e6e6 solid;}
.rightNav li{ margin-bottom:0px; width:auto; height:auto; cursor:pointer; position:relative;}
.rightNav li .show span.icoTel{ background-position: 0px -153px;}
.rightNav li .show span.icoTop{ background-position: 0px -232px;}

.rightNav li .hidden{ position:absolute;right:72px; top:0px;  text-align:center;border:1px solid #ddd; padding:5px; background:#fff; display:none; box-shadow:0px 0px 3px #ccc;}
.rightNav li .hidden .hidden_cont p.title{ font-size:14px; color:#333; font-weight:bold;}
.rightNav li .hidden .hidden_cont{ position:relative; min-width:180px;}
.rightNav li .hidden .hidden_cont span.span_ab{ display:inline-block; width:9px; height:9px; position:absolute; top:0px; right:-13px; background:url(/images/rightNav_ab.png) no-repeat;}
.rightNav li .hidden .hiddenQq a{ display: inline-block; margin:8px 1px; text-align:center;}
.rightNav li .hidden .hiddenTel{ font-size:18px; display:block; min-width:150px;}
.rightNav li .hidden .hiddenWx img{ width:120px; height:120px;}


.rightNav li .show{ width:72px; background:#fff;}
.rightNav li .show span.ico{ display:block; width:72px; height:42px; background:url(/images/sprit_right_nav.png) no-repeat;}
.rightNav li .show span.icoQq{ background-position: center 11px;}
.rightNav li .show span.icoWx{ background-position: center -67px;}
.rightNav li .show span.icoMfsj{ background-position: center -140px;}
.rightNav li .show span.icoZxbj{ background-position: center -216px;}
.rightNav li .show span.icoTop{ background-position: center -286px;}
.rightNav li .show p{line-height:30px; text-align:center; color:#656565; font-size:14px; }
.rightNav li .show p img{max-width: 150px;height: auto;}
.rightNav li .show:hover{transform: scale(1.02);box-shadow: 0px 0 11px #ddd;}

.rightNav li .qq:hover .hidden{ display:block;}
.ico_list {display: inline-block;width: 77px;height: 22px;background: url(../images/icolist.png) no-repeat;margin: 0px 2px;vertical-align: middle;}
/*浮动报价*/
input, textarea {border: 0;outline: none;-webkit-appearance: none;}
.moshang_kf_bj{position: fixed;left:50%;margin-left: -490px;top:20%;background:#fff;z-index: 3333;width:980px;height:400px;display: flex;flex-direction: row;border: 10px solid #f6bb19;}
.moshang_kf_tag{width:50px;display: flex;flex-direction: column;background: #F0F0F0;}
.moshang_kf_tag span{height: 99px;padding:50px 16px;background:#F0F0F0;color:#404040;font-size:18px;}
.moshang_kf_tag .on{color:#FF8A00;}
.moshang_kf_from{height:300px;width:930px;padding:40px 50px 40px 30px;position: relative;box-sizing: border-box;}
.moshang_kfm{display: flex;flex-direction:row;justify-content: space-between;}
.moshang_kfm_from{display: flex;flex-direction:column;width:53%;height:300px;border-right:1px dashed #000;}
.moshang_kf_title{margin-bottom:28px;}
.moshang_kfft_ttle{color:#262626;font-size:22px;margin-bottom:28px;width:100%;}
.moshang_kfft_today{color:#666666;font-size:14px;}
.font-ed6b00{color: #ED6B00;}
.moshang_kf_from_item{width:360px;height:40px;line-height:40px;margin-bottom:15px;display: flex;flex-direction: row;}
.moshang_kf_from_mobile small{float: left; margin-top:10px;}
.moshang_kf_from_item label{color:#404040;font-size:16px;width:72px;margin-right: 28px;line-height: 2.2;}
.moshang_kf_from_mj{height:40px;line-height:40px;width:250px;border:1px solid #CCCCCC;}
.moshang_kf_from_mj input,.moshang_kf_from_mobile input{height:36px;line-height:36px;width:230px;font-size:12px;padding-left:14px;box-sizing: border-box;}
.moshang_kf_from_select{display: flex;width:250px;justify-content: space-between;}
.moshang_kf_from_select select{width:115px;height:40px;line-height: 40px;}
.moshang_kf_from_type span{padding-left: 20px;margin-right: 20px;background: url(/images/tagtype.png) no-repeat left center;background-size:14px;cursor: pointer;font-size:14px;}
.moshang_kf_from_type span.on{background: url(/images/tagtypecheck.png) no-repeat left center;background-size:14px;}
.moshang_kf_from_mobile input{width:250px;height:40px;line-height:40px;border:1px solid #CCCCCC;}
.moshang_kf_bj_right{width:280px;height:170px;margin-left:99px;margin-top:38px;border:1px dashed #CCCCCC;padding:27px 60px;box-sizing: border-box;}
.cailiaoiocn{width:22px;height:22px;background: url(/images/cailiao.png) no-repeat left center;background-size:22px;}
.rengongiocn{width:22px;height:22px;background: url(/images/rengong.png) no-repeat left center;background-size:22px;}
.shejiiocn{width:22px;height:22px;background: url(/images/sheji.png) no-repeat left center;background-size:22px;}
.shigongiocn{width:22px;height:22px;background: url(/images/shigong.png) no-repeat left center;background-size:22px;}
.moshang_kf_bj_right_item{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom:12px;color:#333333;font-size;14px;}
.moshang_kfbjright_price{display: flex;justify-content: space-between;}
.moshang_kfbjright_price span:first-child{width:60px;display:inline-block;}
.moshang_kfbjright_price .price{width:50px;}
.moshang_kf_sheji_btn{background:#FAD2B2;width:120px;height:120px;;border-radius: 50%;position: absolute;left:420px;top:140px;}
.moshang_kf_sheji_btn div{background:#ED6B00;width:90px;height:90px;border-radius: 50%;margin:15px auto;text-align: center;}
.moshang_kf_sheji_btn button{background:none;border:none;color:#fff;line-height:25px;width:70px;}
.old-circle-animate {position: absolute;top:-10px;right:-5px;width: 130px;height: 130px;-webkit-border-radius: 50%;border-radius: 50%;background: #fdcc9a;z-index:-1;-webkit-animation: scale-three2 1.5s ease infinite;-moz-animation: scale-three2 1.5s ease infinite;-o-animation: scale-three2 1.5s ease infinite;animation: scale-three2 1.5s ease infinite;animation-fill-mode: both;}
@keyframes scale-three2{
	0%{
		transform:scale(1);
		background-color:#fdcd9b;
	}
	100%{
		transform:scale(1.2);
		background-color:#fff;
	}
}
.moshang_kf_sj_btn{background:#FF8A00;border:1px solid #FF8A00;width:180px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:14px;}
.moshang_kf_sj_right{margin-top:30px;width:350px;display:flex;flex-direction: row;justify-content: space-between;}
.moshang_kf_sj_right_item{height:200px;display:flex;flex-direction: column;justify-content: space-between;}
.moshang_kf_sj_right_item div{display:flex;flex-direction: column;font-size:14px;align-items: center;}
.moshang_kf_sj_right_item img{width:25px;height:25px;margin-bottom:15px;}
.tagShow,.tagKfShow ,.ctagShow,.tagShow2{position: fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;z-index: 111;}
.moshang_bj,.moshang_bj2{position: fixed;left:20%;top:20%;background:#fff;z-index: 3333;width:980px;height:400px;display: flex;flex-direction: row;}
.moshang_from{height:300px;width:930px;padding:50px 50px 40px 30px;position: relative;box-sizing: border-box;}
.moshang_fm{display: flex;flex-direction:row;justify-content: space-between;}
.moshang_fm_from{display: flex;flex-direction:column;width:50%;height:300px;border-right:1px dashed #000;}
.moshang_tag_title{margin-bottom:28px;}
.moshang_tagft_ttle{color:#262626;font-size:22px;margin-bottom:28px;width:100%;}
.moshang_tagft_today{color:#666666;font-size:14px;}
.moshang_tag_from_item{width:360px;height:40px;line-height:40px;margin-bottom:15px;display: flex;flex-direction: row;}
.moshang_tag_from_item label{color:#404040;font-size:16px;width:72px;margin-right: 28px;}
.moshang_tag_from_mj input{height:40px;line-height:40px;width:230px;font-size:12px;padding-left:14px;box-sizing: border-box;}
.moshang_tag_from_select{display: flex;width:250px;justify-content: space-between;}
.moshang_tag_from_select select{width:115px;height:40px;line-height: 40px;}
.moshang_tag_sheji_btn{background:#FAD2B2;width:120px;height:120px;;border-radius: 50%;position: absolute;left:395px;top:162px;}
.moshang_tag_sheji_btn div{background:#ED6B00;width:90px;height:90px;border-radius: 50%;margin:15px auto;text-align: center;}
.moshang_tag_sheji_btn button{background:none;border:none;color:#fff;letter-spacing:5px;margin-top:10px;line-height:25px;width:50px;}

.downin {z-index: 99;position: fixed;left: 0;right: 0;bottom: -530px;bottom: -430px;height: 0;margin: 0;padding: 0;}
.downin .dowbbgs {position: absolute;width: 100%;bottom: 0;height: 459px;background: rgba(0,0,0,.7);}
.downiner .dowbbgs {transition: all 0.3s ease 0s;}
.downiner .dowbbgs {background: rgba(0,0,0,.8);}
.downiner:hover .dowbbgs {background: rgba(0,0,0,.9);}
.downin .downnter {z-index: 99;position: absolute;bottom: 0;left: 50%;margin-left: -560px;width: 1120px;color: #333;}
.downin .downnter .imtrop {position: relative;padding: 0;margin: 0 auto;text-align: center;height:118px;}
.downin .downnter .imtrop h2 {font-size: 42px;font-weight: bold;letter-spacing: 2px;color: #ffffff;position: absolute;bottom: 24px;left: 189px;}
.downin .downnter .imtrop img {display: block;margin: 0 auto;width: auto;height: auto;}
.downin .downnter .imtrop .row-img {position: absolute;bottom: 12px;right: 35px;}
.downin .downnter .imtrop .row-img3 {left: 60px;bottom: 18px;}
.downin .downnter .imtrop .img_sd {display: block;width: 32px;cursor: pointer;position: absolute;right: 120px;top: 96px;margin: 0;}
.downin .downnter .imtrop .img_sder {width: 32px;top: 96px;transform: rotate(180deg);}
.downin .downnter .imtrop .img_hide {display: none;}
.downin .downnter .imcenter {position: relative;background: #fff;width: 1120px;box-sizing: border-box;margin: 0;}
.downin .downnter .imdwnszs {background: #fafafa;padding: 15px 50px 15px 50px;width: 958px;margin: 0;border: 1px solid #f4f4f4;}
.downin .downcleft,.downin .downcrigt {float: left;width: 560px;box-sizing: border-box;padding:18px 60px;height: 379px;}
.downin .downcleft>h3 {font-size: 20px;letter-spacing: 2px;color: #fa5b1c;margin-bottom: 22px;display: block;font-weight: 600;}
.downin .downcleft>p {font-size: 14px;letter-spacing: 1px;color: #999999;}
.downin .downcleft>p em {font-size: 14px;font-style: normal;letter-spacing: 1px;color: #fa5b1c;}
.downin .downcleft>h3 span {font-size: 16px;letter-spacing: 1px;color: #333333;}
.downin .downcleft>h3 span em {font-style: normal;font-size: 16px;letter-spacing: 1px;color: #f7511e;}
.downin .downcleft .ddtabletit {position: relative;margin: 0 auto;color: #393939;text-align: center;line-height: 30px;padding-bottom: 25px;}
.downin .downcleft .ddtabllist {position: relative;margin: 0 auto 15px;height: 50px;}
.downin .downcleft .ddtabllist #mianjimianji {padding-right: 40px;box-sizing: border-box;}
.downin .downcleft .ddtabllist #dff {padding-right: 70px;box-sizing: border-box;}
.downin .downcleft .ddtabllist .posi {display: block;position: absolute;top: 8px;right: 80px;color: #686464;}
.downin .downcleft .ddtabllist input {display: block;font-size: 14px;color: #333;height: 50px;line-height: 50px;text-indent: 10px;width: 370px;margin: 0;border-radius: 8px;border: solid 1px #c8c8c8;}
.downin .downcleft .ddtabllist select {display: block;font-size: 14px;color: #333;height: 50px;line-height: 50px;text-indent: 5px;margin: 0;border: solid 1px #c8c8c8;border-radius: 8px;}
.downin .downcleft .ddtabllist .dff {display: block;margin: 0;}
.downin .downcleft .ddtabllist .dff select {float: left;width: 32%;margin-left: 2%;}
.downin .downcleft .ddtabllist .dff select:first-child {margin: 0;}
.downin .downcleft .ddtabllist .dfff select {float: left;width: 49%;margin-left: 2%;}
.downin .downcleft .ddtabllist .dfff select:first-child {margin: 0;}
.downin .downcleft .ddtabllist input:focus {border: 1px solid #fe552e;}
.downin .downcleft .ddtabletit h3 {display: block;font-weight: 100;font-size: 20px;position: absolute;top: 0;left: -120px;}
.downin .downcleft .ddtabletit h3 b {color: #fe552e;font-weight: 100;}
.downin .downcleft .ddtabletit span {display: block;font-size: 14px;margin-left: 25px;color: #666;}
.downin .downcleft .ddtabletit span font {color: #ff552e;}
.downin .downccery {user-select: none;z-index: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 180px;height: 180px;background-color: #ff8124;border: 20px solid #fff;border-radius: 50%;color: #fff;text-align: center;font-size: 30px;letter-spacing: 2px;color: #ffffff;display: table;}
.downin .downccery p {display: table-cell;vertical-align: middle;position: relative;z-index: 4;cursor: pointer;line-height:2;}
.downin .downccery button{border: 0;BACKGROUND-COLOR: transparent;color: #fff;padding-top: 20px;}
.downin .downccery span {display: block;font-size: 16px;letter-spacing: 1px;color: #ffffff;}
.downin .downcrigt {float: right;width: 560px;padding: 55px 60px 66px 150px;box-sizing: border-box;background: #f3f3f3;}
.downin .downcrigt .ddtabletit {font-size: 18px;letter-spacing: 1px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.downin .downcrigt .ddtabletit font {font-size: 30px;letter-spacing: 2px;color: #fc7821;}
.downin .downcrigt .ddtabllist {position: relative;background-color: #ffffff;border: solid 1px #c8c8c8;text-align: center;line-height: 44px;font-size: 14px;letter-spacing: 1px;color: #333333;padding: 16px;}
.downin .downcrigt .ddtabllist .sdhglit {color: #333;font-size: 14px;}
.downin .downcrigt .ddtabllist .sdhglit font {display: inline-block;margin: 0 5px 0 15px;color: #fc7821;}
.downin .dgdright {width: 950px;height: 80px;line-height: 40px;text-align: center;overflow: hidden;float: right;color: #8e8e8e;font-size: 12px;}
.downin .dgdright span {float: left;width: 23%;margin-right: 2%;}
.downin .dgdrightghk {height: 400px;width: 100%;}
.pull-left {float: left;}
.pull-right {float: right;}
.downin .downnter .imtrop .row-img0 {margin-left: 16px;}
.row-img1 {animation: skyset 1200ms infinite ease;}

@keyframes skyset {0% {bottom: 0px}
    25% {bottom: 6px}
    50% {bottom: 12px}
    75% {bottom: 6px}
    100% {bottom: 0px}
}

.downin .downnter .imtrop .row-img-text {position: absolute;width: 106px;left: 15px;margin-top: -45px;}

.downin .downnter .imtrop .row-img-text p {position: absolute;width: 100%;top: 0;font-size: 16px;color: #ee7301;letter-spacing: 1px;margin: 0;line-height: 32px;}

.downin .downnter .imtrop .row-img-text em {font-style: normal;font-size: 16px;color: #ff3d17;}

.downin .downnter .imtrop .row-img-text {animation: tips 1000ms infinite ease-out;}

@keyframes tips {0% {top: 0}
    25% {top: -5px}
    50% {top: -10px}
    75% {top: -5px}
    100% {top: 0}
}

.downin .downccery::before {z-index: 1;content: '';position: absolute;left: 50%;top: 50%;margin-left: -70px;margin-top: -70px;width: 140px;height: 140px;background: #ff9e05;border-radius: 50%;animation: zbbackgrouund 1.5s ease infinite;}
@keyframes zbbackgrouund {0% {    opacity: 0.9;    width: 140px;    height: 140px;}

    100% {    opacity: 0;    width: 180px;    height: 180px;    margin-left: -90px;    margin-top: -90px
    }
}

.flex {-webkit-box-flex: 1;box-flex: 1;}
* html .cl { zoom: 1; }
.none{ display:none;}
.submitfd{BACKGROUND-COLOR: transparent;}

#neiyebanner{}
#neiyebanner img{ width:100%;height: auto;}
/*position*/
.crumb {background: #fff;height: 66px;line-height: 66px;border-bottom: 1px solid #eee;}
.crumb .position {background: url(/images/ico-position.png) no-repeat left center;padding-left: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumb span {font-size: 14px;}
.crumb span a {font-size: 14px;margin: 0 5px;color: #666;line-height: 66px;}

#main{margin-top:30px;}
#main .sub_menu{text-align: center;font-size: 0;margin-bottom: 30px;}
#main .sub_menu li{display: inline-block;width: 20%;padding-right: 1%;}
#main .sub_menu li a {font-size: 18px;line-height: 3;background: #f3f3f3;display: block;border-bottom: 1px #fcebf0 solid;color: #333;}
#main .sub_menu li a.on,#main .sub_menu li a:hover{background:#db0000;color: #fff;border-bottom: 1px #d80146 solid; transition:all 0.6s;}
#main .main_content{padding: 20px 0;}
#main .main_content .com-tit{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 10px;}
#main .main_content h6{text-align: center;margin: 0 auto 30px;border-bottom: 1px #ccc solid;padding-bottom: 10px;}
#main .main_content p{ line-height:2;}
#main .main_content img{ max-width:98%;height: auto !important;display: block;margin: 10px auto;}
#main .jianjie_h4{margin-left: 0;border-top: 1px #efefef solid;font-size: 0; height:auto;margin-bottom: 60px;}
#main .jianjie_h4 li{ float:none; display:inline-block; width:25%; height:auto;margin-top: 20px;}
#main .jianjie_h41 span{ font-size:38px;}

/*报价单面*/
.oneKeyKnows{padding: 100px 0 150px;background: url("../images/one-key-knows-bj.png") no-repeat center center;background-size: cover;}
.oneKeyKnowsTit{font-size: 50px;height:50px;line-height:50px;color: #404040;text-align: center;margin-bottom: 20px;}
.oneKeyKnowsTips{margin-bottom: 10px;font-size: 24px;color: #404040;text-align: center;line-height: 36px;}
.oneKeyKnowsBox{width:100%;height: 370px;box-sizing: border-box;background-color: #fff;border: 1px solid #ccc;-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);}
.oneKeyKnowTab{float: left;width:15%;height: 100%;box-sizing: border-box;}
.oneKeyKnowTabEach{width:100%;height: 50%;padding-top:50%;color: #404040;text-align: center;background-color: #F0F0F0;cursor: pointer;}
.oneKeyKnowTabEachImg{height: 95px;}
.oneKeyKnowTabEachImg1{background: url("../images/budget-j.png") no-repeat center 30px;}
.oneKeyKnowTabEachImg2{background: url("../images/budget-g.png") no-repeat center 30px;}
.oneKeyKnowP1{margin-bottom: 10px;font-size: 24px;}
.oneKeyKnowP2{font-size: 14px;}
.oneKeyKnowTabEachEd{color: #ED6B00;background-color: #fff;}
.oneKeyKnowTabEachEd .oneKeyKnowTabEachImg1{background: url("../images/budget-j-ed.png") no-repeat center 30px;}
.oneKeyKnowTabEachEd .oneKeyKnowTabEachImg2{background: url("../images/budget-g-ed.png") no-repeat center 30px;}
.oneKeyKnowForm{float: left;width:45%;height: 100%;padding-top: 30px;padding-left: 45px;box-sizing: border-box;}
.oneKeyKnowFormTit{margin-bottom: 27px;font-size: 24px;color: #262626;line-height: 36px;}
.oneKeyKnowFormTit i{font-style: normal;}
.oneKeyKnowFormTit>span{margin-left: 10px;font-size: 14px;color: #666;}
.oneKeyKnowFormTit>span>span{color: #ED6B00;}
.oneKeyKnowFormBox{padding-right: 50px;}
.oneKeyKnowFormBox .box{height: 40px;margin-bottom: 15px;}
.oneKeyKnowInputTit{float: left;display: inline-block;margin-right: 20px;font-size: 16px;color: #262626;line-height: 40px;}
.oneKeyKnowInputBox{display: inline-block;position: relative;height: 100%;width:80%;}
.oneKeyKnowInputBox input{width:100%;height: 40px;padding: 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 5px;}
.oneKeyKnowInputBox .square {position: absolute;right: 10px;top: 11px;font-size: 14px;color: #292929;}
.oneKeyKnowInputBox select{width:140px;height: 40px;padding: 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 5px;}
.oneKeyKnowFormTips{margin-top: 5px;padding-left: 100px;font-size: 14px;color: #999;}
.oneKeyKnowFormTips span{color: #FF0000;}
.oneKeyKnowBtnBox{float: left;width:120px;height: 100%;padding: 125px 0;box-sizing: border-box;background: url("../images/offReckonBtnBj.png") no-repeat center center;}
.oneKeyKnowBtn{position: relative;z-index: 8;width:100%;height: 100%;padding: 15px;background-color: rgba(237,107,0,0.3);border-radius: 50%;box-sizing: border-box;cursor: pointer;}
.oneKeyKnowBtn span{display: inline-block;padding: 17px 22px;font-size: 18px;color: #fff;text-align: center;line-height: 27px;background-color: #ED6B00;border-radius: 50%;box-sizing: border-box;}
.oneKeyKnowResult{float: left;width:30%;height: 100%;padding-top: 60px;padding-left: 40px;box-sizing: border-box;}
.oneKeyKnowResultP{margin-bottom: 32px;font-size: 24px;color: #262626;line-height: 36px;}
.oneKeyKnowResultP span{margin: 0 10px;font-size: 30px;color: #ED6B00;}
.oneKeyKnowResultDetailed{width:300px;height: 170px;padding-top: 25px;padding-left: 50px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 10px;}
.oneKeyKnowResultDetailed p{height: 20px;margin-bottom: 11px;font-size: 14px;color: #333;line-height: 20px;padding-left: 40px;}
.oneKeyKnowResultDetailedP1{background: url("../images/cost1.png") no-repeat left center;}
.oneKeyKnowResultDetailedP2{background: url("../images/cost2.png") no-repeat left center;}
.oneKeyKnowResultDetailedP3{background: url("../images/cost3.png") no-repeat left center;}
.oneKeyKnowResultDetailedP4{background: url("../images/cost4.png") no-repeat left center;}
.serviceProcess{padding-top: 70px;padding-bottom: 60px;}
.serviceProcessBox{width:100%;padding-top: 44px;}
.serviceProcessLine{float: left;width:5%;height: 2px;margin-top: 32px;background-color: #999;}
.serviceProcessEach{float: left;width:16%;min-height: 150px;color: #999;cursor: pointer;}
.serviceProcessEachImg{height: 60px;margin-bottom: 25px;}
.serviceProcessEachImg1{background: url("../images/service-process1.png") no-repeat center top;}
.serviceProcessEachImg2{background: url("../images/service-process2.png") no-repeat center top;}
.serviceProcessEachImg3{background: url("../images/service-process3.png") no-repeat center top;}
.serviceProcessEachImg4{background: url("../images/service-process4.png") no-repeat center top;}
.serviceProcessEachImg5{background: url("../images/service-process5.png") no-repeat center top;}
.serviceProcessEachTit{position: relative;padding-bottom: 12px;font-size: 20px;text-align: center;line-height: 29px;}
.serviceProcessEachTit::after{content: "";position: absolute;bottom: 0;left:50%;width:60px;height: 2px;margin-left: -30px;background-color: #999;}
.serviceProcessEachTips{padding-top: 10px;font-size: 14px;text-align: center;line-height: 22px;}
.serviceProcessEach:hover{color: #ED6B00;}
.serviceProcessEach:hover .serviceProcessEachTit::after{background-color: #ED6B00;}
.serviceProcessEach:hover .serviceProcessEachImg1{background: url("../images/service-process-hover1.png") no-repeat center top;}
.serviceProcessEach:hover .serviceProcessEachImg2{background: url("../images/service-process-hover2.png") no-repeat center top;}
.serviceProcessEach:hover .serviceProcessEachImg3{background: url("../images/service-process-hover3.png") no-repeat center top;}
.serviceProcessEach:hover .serviceProcessEachImg4{background: url("../images/service-process-hover4.png") no-repeat center top;}
.serviceProcessEach:hover .serviceProcessEachImg5{background: url("../images/service-process-hover5.png") no-repeat center top;}

/*case*/
.cateslist{    border: 1px solid #e5e5e5;}
.cateslist dl{text-align: center;font-size: 0;}
.cateslist dl dd {display: inline-block;width: 25%;font-size: 16px;margin-bottom: 30px;}
.cateslist dl dd a{ display:block; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.cateslist dl dd:hover img{ transition:all 0.6s; transform:scale(1.2);}
.cateslist dl dd:hover .txt a{ color:#ec0221;}

/*team*/
.k12-gl-gslb-3nf1-1-01{ font-size:0;}
.k12-gl-gslb-3nf1-1-01-left dl {width:24%;display: inline-block;background: #f0f0f0;margin: 0 1% 23px 0;}
.k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n) {margin-right: 0;}
.k12-gl-gslb-3nf1-1-01-left dt {border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;} 
.k12-gl-gslb-3nf1-1-01-left dt a{ display:block; overflow:hidden;}
.k12-gl-gslb-3nf1-1-01-left dt img {display: block;width: 266px;margin: 0 auto; max-width:100%;}
.k12-gl-gslb-3nf1-1-01-left dl:hover dt img{transition:all 0.6s; transform:scale(1.1);}
.k12-gl-gslb-3nf1-1-01-left dd {height: 50px;font-size: 14px;line-height: 50px;text-align: center;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.k12-gl-gslb-3nf1-1-01-left dd a {color: #4b4a4a;display: block;line-height: 50px;}

/*服务内容*/
.serviceTab li { width: 283px; margin-right: 20px; }
.serviceTab li:last-child { position: relative; left: 7px; }
.serviceTab li.liait i { left: 120px; }
.service { padding-bottom: 60px;background: #f7f7f7;}
.service h3 { height: 110px; line-height: 110px; text-align: center; font-size: 30px; font-weight: normal; }
.service h3 span { font-weight: bold; }
.service ul li { width:33.333%; height: 200px; float: left; border: 1px solid #ececec; padding: 35px; border-left: none; background-color: #fff; }
.service ul li.bor_bot { border-bottom: none; }
.service ul li.bor_left { border-left: 1px solid #ececec; }
.service ul li p { color: #333; font-size: 16px; line-height: 30px; max-height: 60px; overflow: hidden; }
.service ul li p.p1, .service ul li p.p2, .service ul li p.p3, .service ul li p.p4, .service ul li p.p5, .service ul li p.p6 { margin-bottom: 24px; }
.service ul li p span { display: inline-block; width: 59px; height: 40px; }
.service ul li p.p1 span { background: url("../images/01.png") no-repeat center top; }
.service ul li p.p2 span { background: url("../images/02.png") no-repeat center top; }
.service ul li p.p3 span { background: url("../images/03.png") no-repeat center top; }
.service ul li p.p4 span { background: url("../images/04.png") no-repeat center top; }
.service ul li p.p5 span { background: url("../images/05.png") no-repeat center top; }
.service ul li p.p6 span { background: url("../images/06.png") no-repeat center top; }
.service ul li p b { font-size: 20px; color: #db0000; position: relative; left: 10px; top: -5px; }
.service ul li p.p1 b, .service ul li p.p2 b, .service ul li p.p3 b { left: 6px; top: -10px; }

/*服务优势*/
.youshifw { width: 1200px; background-color: #fff; margin: 0 auto; height: 600px; position: relative; padding-top: 30px;margin-bottom: 60px;}
.youshifw div p { color: #999; font-size: 18px; margin-top: 14px; text-align: center; }
.youshifw div p:first-child { color: #000; font-size: 30px; font-weight: bold; }
.tabLi { width: 100%; text-align: center; height: 100px; line-height: 100px; }
.tabLi li { display: inline-block; font-size: 16px; cursor: pointer; padding: 0 30px; position: relative; color: #474747; }
.tabLi li.current { color: #db0000; }
.tabLi li.current i { display: block; width: 60px; height: 1px; background-color: #db0000; position: absolute; bottom: 25px; left: 0; right: 0; margin: 0 auto; }

.myslide { position: relative; width: 1100px; height: 320px; margin: 10px auto; overflow: hidden; }
.myslidetwo { position: absolute; width: 4800px; }
.myslidetwo li { float: left; width: 1120px; height: 320px; }
.myslidetwo li div { float: left; height: 100%; }
.myslidetwo li div.div_lf { width: 490px; }
.myslidetwo li div.div_lf img { width: 100%; }
.myslidetwo li div.div_rt { width: 620px; padding: 45px; overflow: hidden; }
.myslidetwo li div.div_rt p { line-height: 30px; font-size: 14px; color: #747373; text-align: left; margin-top: 0; }
.myslidetwo li div.div_rt p.p_tit { color: #db0000; font-size: 20px; font-weight: bold; position: relative; height: 45px; margin-bottom: 10px; margin-top: -6px; }
.myslidetwo li div.div_rt p.p_tit i { position: absolute; left: 0; bottom: 1px; display: block; background-color: #d0d0d0; width: 40px; height: 1px; }
.myslidetwo li div.div_rt p.p_txt { font-size: 18px; color: #000; }
.youshifw .pre, .youshifw .next { position: absolute; bottom: 170px; color: #000; font-size: 68px; font-family: 宋体; z-index: 1; }
.youshifw .pre { left: 0px; }
.youshifw .next { right: 0px; }
.youshifw .pre:hover, .youshifw .next:hover { color: #db0000; }

.pz_zContent {width: 100%;background: #f7f7f7;overflow: hidden;}
.service_the { padding-bottom: 60px; }
.service_the li { width:25%; float: left; padding-top: 42px; }
.service_the li span { display: block; background: url("/images/sale-iconbg.png") no-repeat center top; width: 115px; height: 115px; line-height: 115px; margin: 0 auto; text-align: center; color: #fff; font-weight: bold; font-size: 20px; }
.img_1 { text-align: center; padding-top: 24px; }
.img_1 h3 { font-size: 30px; }
.img_1 p { color: #db0000; font-size: 24px; margin: 20px 0; font-weight: bold; }
.img_2 { width: 100%; min-width: 1200px; background-color: #f7f7f7;}
.img_2 ul { width: 1220px; margin: 0 auto; }
.img_2 ul li { width: 390px; height: 395px; margin-right: 15px; float: left; background: url("/images/quality-img06.jpg") no-repeat center top; position: relative; margin-top: 20px; }
.img_2 ul li:first-child { background: url("/images/quality-img05.jpg") no-repeat center top; }
.img_2 ul li:last-child { margin-right: 0; background: url("/images/quality-img04.jpg") no-repeat center top; }
.img_2 ul li div { width: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0px; bottom: 0px; height: 90px; }
.img_2 ul li div p { font-size: 16px; margin: 0; color: #fff; padding-left: 200px; font-family: Arial; font-weight: normal; }
.img_2 ul li div p:first-child { font-size: 24px; font-weight: bold; font-family: 'Microsoft YaHei', Arial; margin-top: 8px;line-height: 1;}
.img_2 ul li div p:last-child { font-family: 'Microsoft YaHei', Arial; font-size: 14px; }
.img_2 ul li span { display: block; width: 115px; height: 115px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 115px; position: absolute; left: 20px; bottom: 35px; overflow: hidden; z-index: 1; }
.img_3 { background-color: #f7f7f7; /*margin-bottom: 50px;*/ }
.img_3 h3 { margin-top: 70px; margin-bottom: 26px; }

/*我们的承诺*/
.service_comt { margin-bottom: 60px; text-align: center;}
.service_comt h3 { height: 110px; line-height: 110px; text-align: center; font-size: 30px; margin-bottom: 20px; }
.service_comt ul.ul_1 li { width:33%; display:inline-block;}
.service_comt ul.ul_1 li div { height: 284px; background: url("/images/fw_bor.png") no-repeat center top; text-align: center; padding-top: 80px; }
.service_comt ul.ul_1 li div p { color: #fff; font-size: 48px; font-weight: bold;}
.service_comt ul.ul_1 li div p:last-child { color: #fff; font-size: 20px;  }
.service_comt ul.ul_1 li div span { font-weight: normal; }

.top_ { clear: both; margin-bottom: 0px !important; text-align:center;}
.service_comt ul.ul_2 li { width:32%;margin-right: 10px;padding-bottom: 30px;display:inline-block; border: 1px solid #ecebeb; background-color: #fff; text-align: center; }
.service_comt ul.ul_2 li:last-child { margin: 0; }
.service_comt ul.ul_2 li span { display: block; margin: 0 auto; margin-top: 45px; background: url("/images/sale-iconbg.png") no-repeat center top; width: 120px; height: 120px; line-height: 120px; }
.service_comt ul.ul_2 li p { padding: 0 30px; margin-top: 15px; font-size: 18px; font-weight: bold;height: 60px;}
.service_comt ul.ul_2 li p:last-child { font-weight: normal; font-size: 16px; color: #333; max-height: 63px; overflow: hidden; line-height: 30px; }


/*服务理念*/
.service-concept { width: 1200px; padding-bottom: 60px; padding-top: 30px; margin: 0 auto; text-align: center; }
.service-concept h4 { color: #db0000; margin-bottom: 5px; font-size: 24px; }
.service-concept p { font-size: 14px; }
.service-concept ul { margin-top: 40px; }
.service-concept ul li.text { margin-left: 40px; text-align: left; }
.service-concept ul li.text h3 { margin-bottom: 10px; }

.service-concept ul li p { text-align: left; width: 680px; line-height: 25px; color: #666666; }

/*售后保障*/
.service-guarantee { margin: 0 auto; text-align: center; background: #f2f2f2; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 60px 0; }
.service-guarantee h4 { color: #db0000; font-size: 24px; margin-bottom: 5px; }
.service-guarantee p { font-size: 14px; }
.service-guarantee ul { margin-top: 40px; }

.service-guarantee ul li { width: 24%; height: 320px; float: left; margin-right: 1%; background: #ffffff; }
.service-guarantee ul li img { margin-top: 50px; }
.service-guarantee ul li h5 { margin: 10px 0; font-size: 16px; }

.service-guarantee ul li p { margin: 0 20px; }

/*售后政策*/
.service-policy { width: 1200px; padding-bottom: 100px; margin: 0 auto; text-align: center; }
.service-policy h4 { color: #db0000; font-size: 24px; margin-top: 40px; margin-bottom: 5px; }
.service-policy p { font-size: 14px; }
.service-policy ul { margin-top: 40px; }

.service-policy ul li { width: 49%; height: 165px; float: left; margin-right: 1%; background: #ffffff; margin-bottom: 30px; }
.service-policy ul li img { margin-left: 20px; margin-top: 20px; vertical-align: middle; }
.service-policy ul li p { width: 58%; margin-top: 40px; margin-left: 10px; font-size: 18px; line-height: 2em; text-align: left; }
/*售后流程*/
.after-idea .com-des { padding: 0 60px; }
.after-zc ul li { width: 45%; float: left; padding: 0 30px; height: 50px; line-height: 50px; }
.after-lc { background: #f5f5f5; border-top: 1px solid #ebebeb; }
.after-lc h4 { color: #db0000; text-align: center; font-size: 24px; margin-top: 40px; margin-bottom: 5px; }
.after-lc p { text-align: center; font-size: 14px; }
.after-lc ul { margin-bottom: 120px; margin-top: 100px; background: url("/images/st_service_lc.png") no-repeat center top #f4f4f4; text-align: center;padding: 0 100px;}
.after-lc ul li { display: inline-block; margin-bottom: 54px; width: 264px; text-align: center; font-size: 0; position: relative; }
.after-lc ul li .tit { width: 92px; height: 32px; line-height: 32px; background: #fff; border-radius: 16px; font-size: 16px; display: inline-block; }
.after-lc ul li .des { font-size: 16px; margin-bottom: 44px; }
.after-lc ul li.line-1 { top: -62px; }
.com-block-list li { float: left; width: 226px; height: 303px; background: #fff; text-align: center; padding: 65px 30px 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.com-block-list li:hover { -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2); box-shadow: 0 0 30px rgba(0,0,0,0.2); }
.com-block-list li ~ li { margin-left: 18px; }
.com-block-list li .tit { margin-top: 30px; margin-bottom: 15px; font-size: 16px; color: #bb0f39; }
.com-block-list li .des { line-height: 1.75; }

/*news*/
#news {padding: 40px 0 50px;}
.innewsbox {width: 100%;margin-bottom: 30px;}
.innewsbox .listnews {overflow: hidden;width: 100%;}
.innewsbox .listnews dl {overflow: hidden;padding: 40px 0;border-bottom: 1px solid #eee;margin-bottom: 0;width: 100%;}
.innewsbox .listnews dt {overflow: hidden;float: left;position: relative;}
.innewsbox .listnews dt .img {width: 258px;height: 168px;overflow: hidden;margin-left: 30px;margin-right: 25px;float: left;position: relative;z-index: 1;}
.innewsbox .listnews dt i {display: block;width: 0;height: 2px;background-color: #be000f;position: absolute;left: 267px;top: 62px;z-index: 2;}
.innewsbox .listnews dt h4 {font-weight: 400;float: left;margin-top: 40px;margin-right: 30px;}
.innewsbox .listnews dt em {font-size: 28px;color: #333;display: block;font-family: Arial;}
.innewsbox .listnews dt span {display: block;font-size: 14px;color: #888;float: left;font-family: Arial;}
.innewsbox .listnews dd {overflow: hidden;width: 68.333333333%;float: right;position: relative;height: 125px;}
.innewsbox .listnews dd h5 {font-weight: 400;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 20px;width: 600px;}
.innewsbox .listnews dd p {font-size: 14px;width: 90%;color: #666;line-height: 20px;}
.innewsbox .listnews dd .more {overflow: hidden;display: block;width: 40px;height: 40px;background: url(/images/innews_more.jpg) no-repeat center top;position: absolute;top: 44px;right:30px;}
.innewsbox .listnews:hover {box-shadow: 0 0 10px #ccc;}
.innewsbox .listnews:hover dd .more{background: url(/images/innews_more.jpg) no-repeat center top;background-position-y: -40px; transition:all 0.6s;}
.innewsbox .listnews:hover dl {background-color: #f7f7f7;box-shadow: none;}

.zklist {overflow: hidden;margin-top:50px;border: 1px solid #e5e5e5;background: #fff; margin-bottom:30px;}
.zklist-T, .cateslist dt {height: 32px;line-height:2;font-size: 16px;font-weight: bold;text-indent: 12px;background: #fafafa;border-bottom: 1px solid #e5e5e5;text-align: center;padding: 5px 0;}
.cateslist dt{ margin-bottom:20px;}
.zklist-C {overflow: hidden;margin: 10px 0;padding: 0 15px;font-size: 12px;}
.zklist-C a {line-height: 25px;}
.zklist-C ul li {width: 45%;height: 25px;line-height: 25px;overflow: hidden;float: left;margin-right: 4%;}
.zklist-C ul li a {float: left;width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left: 15px;background: url(../images/dot.gif) no-repeat left center;}
.zklist-C ul li span {float: right;text-align: right;}

/*contact*/
.contact,.contact p{ text-align:center;}
.contact p img{ display:block; margin:0 auto; max-width:100%;}

/*page*/
.page_list{ text-align:center;margin-bottom: 60px;}
.page_list span,.page_list a{height: 36px;line-height: 36px;font-size: 12px;color: #888;background-color: #f7f7f7;padding: 0 15px;margin: 0 3px;border: 1px solid #ddd;display: inline-block;text-decoration: none;}
.page_list a.current, .page_list a:hover{color: #fff;background-color: #be000f;border-color: #be000f;margin-bottom: 10px;}


@media screen and (max-width:1500px) {
 .hz-con{ width:1200px; margin:0 auto; overflow:hidden;} 
 .hz-con ul{ width:1240px;} 
 .hz-con ul li{margin-right:40px;} 
}

@media screen and (max-width:1440px) {
	.container{width: 100%;padding:0 10px;}
	.headMenu{ float:left; margin:0;}
	.case_list ul li.case_s{ width:31%;}
	.jianjie_h4 li{ width:24%;}
	.custom{ background:none;margin: 0;height: auto;}
	.custom_fl {margin-top: 30px;float: left;width: 100%;text-align: center; margin-left:0;}
	.custom_in{width: 100%;margin-left: 0px;text-align: center;}
	.custom_col:after{ display:none;}
	.custom_col{ top:20px;float:none;position: relative;display: inline-block;}
	.custom_col_1,.custom_col_2,.custom_col_3,.custom_col_31,.custom_col_4,.custom_col_5,.custom_col_6,.custom_col_7,.custom_col_8{ left: auto; }
	.custom_col p{ width:auto; left:28px;}
	.service-concept ul li.fl{ width:45%;}
	.service-concept ul li.fl img{max-width:100%;}
	.service-concept ul li.text{ width:50%;}
	.service-concept ul li p{ width:100%;}
	.oneKeyKnowInputBox{ width:70%;}
	p.newrf_tx{width: 75%;}
	.oneKeyKnowForm{ width:40%;}
	.oneKeyKnowForm{padding-left: 15px;}
	.oneKeyKnowResult{padding-left: 25px;}

}
@media screen and (max-width:1340px) {
	.headLogo .container{padding:0;}
	.headMenu{ width:100%;background: #efefef;}
	.headMenu .ulMenu .menuList{ width:12.5%;padding: 15px 0;}
	.headMenu .ulMenu .menuList:hover{ height:auto;}
	.headMenu .menuSonMenu{padding-top: 12px;}
	.oneKeyKnows {padding: 50px 0 100px;}
	#Team{ padding:20px;}
	.Team-list li{width: 33%;padding: 0 1%; margin-left:0;}
	.DisIntro span {font-size: 26px;}
	#Choose li{margin-right: 1.56%;}
	.copyright .c4{margin-left: 20px;}
	.serviceProcess {padding-top: 0px;padding-bottom: 30px;}
	.innewsbox .listnews dd {width: 64%;}
}
@media screen and (max-width:1340px) and (min-width:930px) {
	.toptell{text-align: left;}
	.toptell h5 p:first-child{font-size: 22px;}
	.toptell h5 p{ float:left;height: 70px;font-size: 24px;line-height: 70px;margin-right: 15px;}
}
@media screen and (max-width:1220px) {
	.Disbox .Dispic .Head{ width:208px;}
	p.newrf_tx {width: 68%;}
	.hz-con{ width:100%;}
	.oneKeyKnowInputTit	{font-size: 13px;}
	.oneKeyKnowResultP{ font-size:18px;}
	.oneKeyKnowResultP span{ font-size:26px;}
	.oneKeyKnowFormTips{ padding:0;}
	.oneKeyKnowResultDetailed{ width:auto;}
	.ty_pic p.text{ width:60%;}
	.ty_pic p.text span{ font-size:34px;}
	.jianjie_t .t1{font-size: 32px;}
	.jianjie_h1{ font-size:30px;}
	.DisIntro p {font-size: 12px;}
	.copyright .c1,.copyright .c2,.copyright .c3{ padding:0;}
	.copyright .c4 .usename,.copyright .c4 .telnumb,.copyright .c4 .submit{ width:100%;}
	.copyright .c3 img {max-width: 160px;}
	.service-concept ,.service-policy{width: 100%;padding-top:0;padding-bottom: 25px;}
	.service-guarantee {padding: 20px 0;}
	.service-policy ul{margin-top: 20px;}
	.after-lc{ display:none;}
	.pz_zContent img{ max-width:100%;}
	.img_2{ min-width:100%;}
	.img_2 ul{ width:100%;}
	.img_2 ul li{ width:31%; margin:0 1.1%}
	.youshifw{ display:none;}
	.innewsbox .listnews dd {width: 60%;}
	.innewsbox .listnews dd .more{ display:none;}
}
@media screen and (max-width:1120px) {
	.downin .downnter{ width:100%; left:auto; margin:auto;}
	.innewsbox .listnews dd {width: 55%;}
}
@media screen and (max-width:1023px) {
	.headLogoLink{ margin:0;}
	.toptell {margin-top: 14px;}
	.headMenu .ulMenu .menuList .menuFir span {line-height: 1;font-size: 12px;}
	.headMenu .menuSonMenu{ display:none !important;}
	.headMenu .ulMenu .menuList {padding: 5px 0 10px;}
	.carousel-inner img.m{ display: block;}
	.carousel-inner img.pc{ display: none;}
	.copyright .c3{ display:none;}
	#Ascendancy li{ font-size:30px;}
	.case_list ul li.case_s {width: 48%;}
	.case_list li.case_b{width: 50%;}
	.case_list ul {width: 49%;}
	.case_list ul li.case_s {width: 47%;}
	.case_list ul li.case_s:nth-child(5),.case_list ul li.case_s:nth-child(6){ display:none;}
	.case_t_list ul li a{ padding:5px 0;}
	.jianjie_t {padding-top: 30px;}
	.oneKeyKnowResult{ display:none;}
	.oneKeyKnowForm {width: 60%;}
	.Team-Dital .Dispic{ display:none;}
	.Disbox .DisIntro{ width:95%;}
	#Choose li {margin-right: 1.36%;}
	.swiper-slide2 img {max-width: 100%;height: auto;}
	.downin{ display:none !important;}
	.footer {padding: 6px 0;}
	.rightNav li.l1{ display:none;}
	.rightNav li .show {background: rgba(255,255,255,0.85);}
	.indexEachTit{font-size: 24px;}
	.service-concept ul li.fl{ width:100%;}
	.service-concept ul li.text{width:100%;margin-top: 20px; margin-left:0;}
	.img_2 ul li div p{ padding-left:0;}
	.innewsbox .listnews dd {width: 50%;}
	#news {padding: 20px 0 10px;}
	#contactmap #container{ height:350px !important;}
	.rj,.moshang_kf_tag{ display:none;}
	.moshang_kf_bj{ width:100%; left:0; margin-left:0;height:auto;}
	.moshang_kf_from,.moshang_kfm_from,form#form4{ width:100%; height:auto;}
	.moshang_kfm_from{ border:0;}
	.moshang_kf_sheji_btn{left:auto;right: 20px;}
	.kf_close{position: absolute;display: block;padding: 10px;border-radius: 50px;background: #ffcf4d;right: -8px;top: -8px;}
}
@media screen and (max-width:930px) {
	.toptell{margin-right: 20px;}
	.headMenu .ulMenu {padding: 5px 0 10px;}
	.jianjie_bg{ height:auto; margin-bottom:20px;}
	.jianjie_h1,.jianjie_h2{ width:100%; text-align:center;}
	.jianjie_h4{ margin:10px 0;}
	.jianjie_bg{ background:none;}
	.jianjie_c{ width:100%;}
	p.newrf_tx {width: 60%;}
	.jianjie_h3{ height:auto;}
	#Choose .Item {padding: 10px;}
	.service_comt ul.ul_1 li{ width:45%;}
	.headMenu .ulMenu .menuList .menuFir p{ display: none;}
}
@media screen and (max-width:859px) {
	.container {padding: 0 5px;}
	#Ascendancy li {font-size: 26px;letter-spacing: 10px;}
	.ty_pic p.text span {font-size: 26px;}
	.ty_pic p.text em {font-size:17px;}
	.oneKeyKnowsTit{font-size: 36px;}
	.copyright .c1{ text-align:center;}
	.copyright .c1, .copyright .c2{ width:50%;}
	.copyright .c3{ width:100%; }
	.copyright .c4 {margin: 20px 0; width: 100%;}
	.copyright .c4 .usename,.copyright .c4 .telnumb,.copyright .c4 p{ width:32%;display: inline-block;}
	.copyright .c4 h3{text-align:center; line-height:2;font-size: 20px;}
	.copyright .c4 .text {width: 100%;}
	.custom {margin-bottom: 50px;}
	.Disbox .DisIntro ul{ display:none;text-align: center;}
	.Team-Dital,.Team-list,.Disbox .DisIntro{ width:100%;text-align: center;font-size: 0;}
	.Team-list li {display: inline-block;float: none;}
	.Team-Dital{ display:none;}
	.serviceProcessEachTit{ font-size:16px;}
	.service-policy ul li{height: auto;margin: 0 2.33333%;width: 45%;float: none;display: inline-block;}
	.service-policy ul li img{ margin-left:0;}
	.innewsbox .listnews dd {width: 46%;}
	.innewsbox .listnews dt h4{margin-right:5px;}
	.innewsbox .listnews dt .img{ margin:0 15px;}
	.case_list li.case_b {width: 51%;}
}
@media screen and (max-width:759px) {
	.headMenu .ulMenu .menuList .menuFir{font-size: 15px;padding: 0;}
	#Ascendancy li {font-size: 24px;}
	.jianjie_t .t1 {font-size: 24px;}
	.jianjie_h1 {font-size: 22px;}
	.jianjie_h2 {font-size: 16px;}
	.oneKeyKnowTab{ display:none;}
	.oneKeyKnowForm {width: 70%;}
	.indexcase{ padding:0;}
	.case_t_list ul li,.case_t_list ul li.li_1{width: 30%;margin: 0 1.5% 15px;font-size: 13px;}
	.case_t_list ul li a{ font-weight:normal;}
	#Choose li {margin-right: 1.26%;}
	.newrf_lst dd{ width:100%; margin-left:0;}
	.newrf_lst dd:hover {width: 100%;}
	p.newrf_tx {width: 70%;}
	.serviceProcessBox{ text-align:center;padding-top: 10px;}
	.serviceProcessLine{ display:none;}
	.serviceProcessEach{ float:none; display:inline-block;}
	.serviceProcessEachTips {height: 60px;overflow: hidden;}
	.service-policy ul li img {display: block;margin: 0 auto;float: none;}
	.service-policy ul li p{ width:100%;margin: 0;}
	.service-guarantee ul li{ width:48%; height:auto;}
	.service_comt ul.ul_2 li{  width:48%;}
	.img_1{ padding:0;}
	.img_3 h3{ margin:0;}
	.img_1 h3 {font-size: 22px;}
	.service h3{font-size: 24px;}
	.service ul li{padding: 25px;}
	.innewsbox .listnews dt, .innewsbox .listnews dt .img, .innewsbox .listnews dd, .innewsbox .listnews dt h4 {width:100%;margin: 0 auto;text-align: center; float:none;}
	.innewsbox .listnews dd h5{width:100%;}
	.innewsbox .listnews dt .img{ height:auto;}
	.innewsbox .listnews dt span{ display:none;}
	.innewsbox .listnews dl {padding: 10px 0 30px;}
}
@media screen and (max-width:659px) {
	#Choose .main{ text-align:center;}
	#Choose li{width:49%;margin: 0;display: inline-block;}
	.indexcase{ padding-bottom:15px;}
	.case_t_list{ margin-bottom:0px;}
	.case_list ul li.case_s {margin-bottom:10px;}
	.oneKeyKnows {padding: 30px 0;}
	.ty_pic p.text {width: 100%;margin-top: 30px;text-align: center;}
	.ty_pic p.tybtn{ margin-top:30px;display: inline-block; width:100%;}
	.oneKeyKnowsTit{font-size: 30px;}
	.serviceProcessEach{width: 30%;margin: 0 1% 25px;}
	#main .sub_menu li a{ font-size:16px;}
	.cateslist dl dd{ width:32%;}
	.service-policy ul li{ margin:0; width:95%;}
	.service-policy ul li p {font-size: 16px;text-align: center;}
	.service_comt ul.ul_1 li div p:last-child {font-size: 16px;}
	.service ul li{ width:50%;}
}
@media screen and (max-width:559px) {
	.headLogoLink img{ width:100%;}
	.toptell h5 p{ font-size:16px;}
	#Ascendancy li {font-size: 22px;letter-spacing: normal;}
	.jianjie_t {padding-top: 15px;}
	.jianjie_h1{ display:none;}
	.case_list li.case_b { width:60%;padding-bottom: 50%;}
	.case_list ul {width: 38%;}
	.case_list li.case_b img { display:none;}
	.case_list ul li.case_s { width:100%; margin-bottom:2px;margin-left: 0;}
	.case_list ul li.case_s:nth-child(3), .case_list ul li.case_s:nth-child(4) {display: none;}
	.case_list li.case_s p{ font-size:12px;}
	.oneKeyKnowsBox{ position:relative; height:auto; padding-bottom:15px;}
	.oneKeyKnowFormTit>span{ display:block;}
	.oneKeyKnowForm{ width:100%;}
	.oneKeyKnowFormBox{width:100%; padding:0;}
	.oneKeyKnowBtnBox{ position:absolute; padding: 0; height:auto;right: 20px;}
	.jianjie_t .t1 p{ display:none;}
	.hz{ display:none;}
	#new_box{padding-top: 0px;}
	#new_box{margin-bottom: 10px;}
	.new-wrap{margin-top: 15px;}
	.new_telst {width: 100%;}
	.new_telst li {width: 33%;}
	.new_telst p{ display:none;}
	li.new_cnlf,li.new_cnrf{ width:100%;}
	.new_lst{ margin:0; padding:0;height: 600px;}
	li.new_cnrf{ padding-left:0;}
	.newrf_lst dl {height: 300px;overflow: hidden;}
	.copyright{ padding:0;}
	.copyright .c1,.copyright .c2{ width:100%; text-align: center;}
	.oneKeyKnowsTit{font-size: 26px;}
	#main .sub_menu{ margin:0;}
	#main .sub_menu li{ width:45%;margin: 0 0 10px;}
	.old-circle-animate {display: none;}
	.moshang_kf_from_mobile input,.moshang_kf_from_item div{ width:200px;}
	.moshang_kf_from_item,.moshang_kf_from_item label,.moshang_kf_from_mj input{ width:auto;}
	.moshang_kf_sheji_btn{ background:none;}
	.moshang_kf_title{ margin-bottom:10px;}
	.moshang_kf_bj{top: 10%;}
	.moshang_kfft_today {display: block;}
	#main .main_content .com-tit{ font-size:18px;}
	#main .main_content h6{ font-size:12px;}
}
@media screen and (max-width:459px) {
	.headMenu .ulMenu .menuList .menuFir{ padding:0;}
	.headMenu .ulMenu .menuList .menuFir span{ font-size:10px;}
	.headLogoLink{ width:50%;}
	.toptell{ background:none;margin-top: 12px;text-align: left;}
	.toptell h5{ margin-left:0; margin-right:10px; float:right;}
	.toptell h5 p{line-height: 22px;}
	.case_list ul li.case_s {margin-bottom:0px;}
	.case_t_list ul li,.case_t_list ul li.li_1{width: 32.333%;margin: 0 0.5% 5px;box-shadow: none;}
	.ty_pic p.text span {font-size: 22px;}
	.ty_pic p.text em {font-size: 16px;}
	.jianjie_t{padding-top: 20px;}
	.jianjie_t .t1, .jianjie_h1 {font-size: 17px;}
	.jianjie_t .t2{letter-spacing:normal;}
	.jianjie_h4 .container{ padding:0;}
	.jianjie_h41{ font-size:14px;}
	#Team{ padding:0;}
	.indexEachTitInfo {padding: 10px 0;}
	#Choose li{ width:100%;height: auto;}
	#Choose .Item p{ height:auto;}
	.cateslist dl dd {width:49%;}
	.service_comt ul.ul_1 li,.service_comt ul.ul_2 li,.img_2 ul li{width: 100%;}
	.img_2 ul li{ margin:0 0 10px;}
	.service_the li{ width:50%;}
	.service h3{font-size: 20px;}
	.service ul li{ width:100%;}
	.jianjie_h4 li,#main .jianjie_h4 li{ width:50%;margin-bottom: 20px;}
	.jianjie_h4 li:nth-child(2){ border:0;}
	.moshang_kf_sheji_btn{ position:static;width: 100px;display: block; margin: 0px auto;padding-top: 20px;}
	.moshang_kf_from_item label{ font-size:14px;margin-right: 0;}
	.moshang_kf_from{ padding:10px;}
}
@media screen and (max-width:400px) {
	.headLogoLink img{ width:100%;}
	.toptell h5 p {line-height: 18px;}
	.headMenu .ulMenu .menuList .menuFir{font-size: 14px;}
	.headMenu .ulMenu .menuList .menuFir span {font-size: 10px;}
	.headMenu .ulMenu .menuList {padding: 0 0 5px;}
	#Ascendancy li {font-size: 20px;}
	.ty_pic p.text em {font-size: 14px;}
	.oneKeyKnows{ padding:0;}
	.oneKeyKnowsTit{font-size: 20px; margin-bottom:0;}
	.oneKeyKnowsTips{font-size: 20px;}
}
@media screen and (max-width:359px) {
	.toptell {margin-top: 6px;}
}

/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#e62131;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e62131), to(#000000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:25%;height:63px;background:url(http://www.xxwq.cn/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(http://www.xxwq.cn/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(http://www.xxwq.cn/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(http://www.xxwq.cn/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(http://www.xxwq.cn/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(http://www.xxwq.cn/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(http://www.xxwq.cn/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(http://www.xxwq.cn/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(http://www.xxwq.cn/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-378px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}
@media screen and (min-width:760px) {
.case_t_list ul.bg li:last-child,.case_t_list ul.jt li:last-child{ display:none;}
}