* {margin: 0;padding: 0;box-sizing: border-box; font-family: 'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
body {min-width: 100%}
.youhua {display: none!important}
.gy {width: 1200px;margin: 0 auto; overflow: hidden}
.gy2 {width: 1600px; margin: 0 auto;  overflow: hidden}
a {text-decoration: none;color: #686868}
a:focus, a:hover {text-decoration: none; color: #f39800}
p {margin: 0;}
input, button {outline: none; border: 0;}

.fl {float: left;}
.fr {float: right;}

.foot {
width: 100%;
height: 57px;
padding-top: 9px;
background-color: #333;
clear: both
}

.foot_text {
width: 800px;
float: left;
line-height: 48px;
color: #666}

.foot_text p {font-size: 14px;  color: #666}
.foot_text p a {   color: #666}
.foot_button {
float: right
}

.foot_button li {
width: 48px;
height: 38px;
padding-top: 10px;
text-align: center;
float: left;
margin: 0 5px;
position: relative
}

.foot_button li.foot_txt {
width: 130px;
margin-right: 0;
line-height: 28px
}

.foot_button li.foot_txt a {
color: #adadad
}

.foot_button li.foot_txt a:hover {
color: #f39800
}

.foot_button li:hover {
}

.foot_button li .wem1 {
width: 203px;
display: none;
color: #363636;
text-align: center;
padding-top: 215px;
position: absolute;
left: -78px;
top: -205px;
background-image: url(../images/ewm.png);
background-repeat: no-repeat
}

.foot_button li .wem2 {
width: 203px;
display: none;
color: #363636;
text-align: center;
padding-top: 215px;
position: absolute;
left: -75px;
top: -205px;
background-image: url(../images/ewm.png);
background-repeat: no-repeat
}

.foot_div {overflow: hidden;clear: both}

.foot_div .foot_div_c { height: 362px; overflow: hidden;background-color: #333;}
.neiye .foot_div .foot_div_c { background: #fff}
.foot_div .foot_div_c h3 {   height: 60px;   line-height: 60px;   color: #ccc;  font-weight: 400;  border-bottom: 1px solid #666;font-size: 18px}

.foot_div .foot_div_c h3 a {color: #000; font-size: 18px}
.foot_div .foot_div_c h3 em {float: right;font-style: normal;line-height: 60px}

.foot_div .foot_div_c h3 em a {
color: #ccc;
font-size: 14px
}

.foot_div .foot_div_c ul {
color: #9b9b9b;
height: 300px;
margin: 0;
padding: 39px 0 0
}

.foot_div .foot_div_c ul li {
float: left
}

.foot_div .foot_div_c ul li.footyw {
width: 31%;
overflow: hidden
}

.foot_div .foot_div_c ul li.footyw p {width: 100%; margin-top: 20px;  color: #666; font-size: 14px; line-height: 30px;height: 200px;}
.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar {  width: 4px}
.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2); background: rgba(0,0,0,.2)}
.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);  border-radius: 0; background: rgba(0,0,0,.1)}
.foot_div .foot_div_c ul li.footyw p span { float: left;width: 50%;overflow: hidden}
.foot_div .foot_div_c ul li.footyw p a { color: #666;  display: block;  font-size: 14px;  height: 30px;  line-height: 30px; overflow: hidden; padding-right: 22px}
.foot_div .foot_div_c ul li.footyw p a:hover {color: #f39800}

.foot_div .foot_div_c ul li.footys {  width: 31%;overflow: hidden;padding-left: 4%}
.foot_div .foot_div_c ul li.footys p {  width: 100%;   margin-top: 20px;height: 200px;}
.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar {width: 4px}
.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);  background: rgba(0,0,0,.2)}
.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
border-radius: 0;
background: rgba(0,0,0,.1)
}

.foot_div .foot_div_c ul li.footys p span {
float: left;
width: 50%;
overflow: hidden
}

.foot_div .foot_div_c ul li.footys p a {
color: #666;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
overflow: hidden;
padding-right: 10px
}

.foot_div .foot_div_c ul li.footys p a:hover {
color: #f39800
}

.foot_div .foot_div_c ul li.footys p span label {
color: #666;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
overflow: hidden;
padding-right: 10px
}

.foot_div .foot_div_c ul li.footabout {
width: 31%;
overflow: hidden;
float: right
}

.foot_div .foot_div_c ul li.footabout p {   margin-top: 20px;color: #666;font-size: 14px;line-height: 30px;height: 200px;}
.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar {
width: 4px
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
background: rgba(0,0,0,.2)
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
border-radius: 0;
background: rgba(0,0,0,.1)
}

.foot_div .foot_div_c ul li.footabout p a {
color: #666;
font-size: 14px
}

.foot_div .foot_div_c ul li.footabout p a:hover {
color: #f39800
}

.foot_div .foot_links {
padding: 0;
width: 1440px;
margin: 0 auto;
margin-top: 40px;
padding-bottom: 38px;
line-height: 30px;
font-size: 14px
}

.foot_div .foot_links h3 {
color: #000;
font-size: 18px;
height: 32px;
line-height: 32px;
font-weight: 400;
margin-bottom: 20px
}

.foot_div .foot_links h3 a {
float: right;
width: 150px;
height: 32px;
line-height: 32px;
color: #fff;
background-color: #f39800;
font-size: 14px;
text-align: center;
border-radius: 20px
}

.foot_div .foot_links h3 a:hover {
color: #fff;
opacity: .8;
filter: Alpha(opacity=80)
}

.foot_div .foot_links a {
margin-right: 5px;
color: #666;
display: inline-block;
font-size: 14px
}

.foot_div .foot_links a:hover {
color: #f39800
}

.foot_div .foot_div_c .i_jsq_scroll {
padding-right: 5px;
width: 100%;
overflow: hidden;
height: 248px;
float: left
}

.foot_div .foot-top {
position: absolute;
top: -20px;
left: 0;
width: 100%;
text-align: center;
z-index: 2
}

.foot_div .foot-top-box {
margin: 0 auto;
width: 1440;
height: 39px;
line-height: 39px;
border-radius: 20px;
box-shadow: 0 1px 3px 0 #272727;
background-color: #131313
}

.foot_div .foot-top ul li {
margin: 5px 30px;
padding-left: 5px;
display: inline-block;
color: #9d9d9d;
position: relative;
overflow: hidden;
line-height: 20px
}

.foot_div .foot-top ul li em {
display: inline-block;
cursor: default;
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
-ms-transition: transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
font-style: normal
}

.foot_div .foot-top ul li i {
display: inline-block;
width: 18px;
height: 18px;
background-image: url(../images/sprint.png);
background-repeat: no-repeat;
position: relative;
right: 5px
}

.foot_div .foot-top ul li.tel i {
background-position: 0 0;
top: 5px
}

.foot_div .foot-top ul li.fax i {
background-position: 0 -27px;
top: 6px
}

.foot_div .foot-top ul li.mob i {
background-position: 0 -51px;
top: 7px
}

.foot_div .foot-top ul li.site i {
background-position: 0 -77px;
top: 7px
}

.foot_div .foot-top ul li.add i {
background-position: 0 -101px;
top: 7px
}

.ft {
position: relative;
margin-top: 170px
}

.waves {
height: 470px;
width: 100%;
position: absolute;
top: -280px;
overflow: hidden
}

.background-waves {
position: absolute;
height: 427px;
width: 2700px;
background: url(../images/waves.png) center 0 no-repeat;
left: -180px;
top: 30px
}

.wave1 {
background-position: 0 -854px;
animation: wave 5s ease-in-out alternate infinite
}

.wave2 {
background-position: 0 -427px;
animation-delay: .6s;
animation: wave 5s ease-in-out alternate infinite
}

@keyframes wave {
0% {
-ms-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
transform: translate(0px,0px)
}

50% {
-ms-transform: translate(-120px,30px);
-webkit-transform: translate(-140px,30px);
transform: translate(-80px,30px)
}

100% {
-ms-transform: translate(140px,-60px);
-webkit-transform: translate(160px,-60px);
transform: translate(160px,-60px)
}
}

#online_qq_layer {
display: none
}

.online_qq_layer {
display: block!important
}

#online_qq_layer table,td {
font: 12px/180% Arial,Helvetica,sans-serif,Verdana;
color: #666
}

#online_qq_layer table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show
}

#online_qq_layer th,#online_qq_layer td {
border-collapse: collapse
}

#online_qq_layer a:link {
text-decoration: none;
color: #666
}

#online_qq_layer a:visited {
text-decoration: none;
color: #666
}

#online_qq_layer a:hover {
text-decoration: none;
color: #db2d0c
}

#online_qq_layer img {
border: 0
}

#online_qq_layer .overh {
overflow: auto;
zoom:1;overflow-x: hidden;
overflow-y: hidden
}

#online_qq_layer input[type=submit]::-moz-focus-inner {
border: none;
padding: 0
}

#online_qq_layer a {
blr: expression(this.onFocus=this.blur())
}

#online_qq_layer a {
outline: none;
font-size: 12px
}

#online_qq_layer .h2 {
font-family: microsoft yahei;
font-weight: 400
}

.online_icon {
width: 36px;
height: 156px;
overflow: hidden
}

.online_icon a {
display: block;
width: 36px;
height: 156px;
background: url(../images/online_bg.png) no-repeat;
_background: url(../images/online_bg_ie6.png) no-repeat
}

.online_windows {
width: 144px
}

.online_w_top {
background: url(../images/online_bg.png) no-repeat -36px 0;
height: 10px;
_background: url(../images/online_bg_ie6.png) no-repeat -36px 0;
_margin-bottom: -7px
}

.online_w_c {
background: url(../images/online_bg.png) repeat-y 0 -185px;
padding: 0 5px;
_background: url(../images/online_bg_ie6.png) repeat-y 0 -185px
}

.online_w_bottom {
background: url(../images/online_bg.png) repeat-y -36px -35px;
height: 29px;
_background: url(../images/online_bg_ie6.png) repeat-y -36px -35px
}

.online_content {
background: url(../images/online_bg.png) no-repeat -147px -185px;
padding-top: 11px;
_background: url(../images/online_bg_ie6.png) no-repeat -147px -185px
}

.online_content a.qq_icon {
background: url(../images/online_bg.png) no-repeat -37px -130px;
width: 121px;
height: 25px;
display: block;
margin: 0 auto;
text-indent: 30px;
line-height: 23px;
cursor: pointer;
_background: url(../images/online_bg_ie6.png) no-repeat -37px -130px
}

.online_content a.qq_icon:hover {
background-position: -159px -130px;
color: #fff
}

.online_bar .h2 {
background: url(../images/online_bg.png) repeat-x 0 -156px;
height: 29px;
line-height: 27px;
font-size: 12px;
color: #666;
text-align: left;
_background: url(../images/online_bg_ie6.png) repeat-x 0 -156px
}

.online_bar .h2 a {
display: block;
padding-left: 14px;
margin-left: 6px;
cursor: pointer
}

.expand .h2 a {
background: url(../images/online_bg.png) no-repeat -36px -69px;
_background: url(../images/online_bg_ie6.png) no-repeat -36px -69px
}

.collapse .h2 a {
background: url(../images/online_bg.png) no-repeat -36px -96px;
_background: url(../images/online_bg_ie6.png) no-repeat -36px -96px
}

.expand .h2 a:hover,.collapse h2 a:hover {
text-decoration: none;
color: #c81d04
}

.online_content {
text-align: center;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 1px
}

.online_content ul li {
height: 24px;
line-height: 24px;
margin-bottom: 4px;
font-size: 12px
}

.online_content ul li a:hover {
color: #c81d04
}

#online_qq_layer {
position: fixed;
right: 0;
top: 152px;
_position: absolute;
z-index: 9999;
color: #333
}

#online_qq_layer {
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop + 150))
}

#online_qq_tab {
float: left;
margin-top: 50px
}

#onlineService {
float: left;
margin-left: -3px;
display: none
}

#onlineType1,#onlineType2,#onlineType3,#onlineType4,#onlineType5,#onlineType6 {
display: none
}

#onlineType1 {
display: block
}

.nav_mright {
cursor: pointer
}

@media screen and (max-width: 1440px) {
.top02 .top02_center {width:1200px}

}

.hotphone {float: right;margin-top: 38px}
.hotphone img {display: inline-block;width: 22px;  height: 22px; vertical-align: middle;  margin-bottom: 3px}
.phone01 {display: inline-block; font-size: 16px;  color: #797979; margin: 0}
.phone02 {display: inline-block;font-size: 18px}

@media only screen and (min-width: 1562px) and (max-width:1756px) {

}

@media only screen and (min-width: 1348px) and (max-width:1562px) {
}

@media only screen and (min-width: 1348px) and (max-width:1562px) {


}

@media screen and (max-width: 1348px) {
.hotphone {
display:none
}
}

.ftyl { width: 100%;padding: 15px 0;float: left;   background-color: #333;}

.ftyl .ftyl_center { max-width: 1600px;  min-width: 1200px;  margin: 0 }
.ftyl p {float: left;font-size: 14px;color: #ccc}
.ftyl a {
float: left;
font-size: 14px;
color: #666;
margin-left: 10px
}

.youhua {
width: 100%;
padding: 15px 0;
float: left;
background: #e7e7e7
}

.youhua .warp {
width: 1440px;
margin: auto
}

.youhua .zhanshi {
float: left
}

.youhua .zhanshi .p1 {
float: left;
color: #333;
font-size: 14px;
margin-right: 15px
}

.youhua .zhanshi .p1:after {
content: '';
width: 12px;
height: 7px;
background: url(../images/bgs4.png) no-repeat;
float: right;
margin-top: 7px;
margin-left: 10px
}

.youhua .zhanshi .p2 {
float: left;
color: #333;
font-size: 14px;
display: none;
margin-right: 15px
}

.youhua .zhanshi .p2:after {
content: '';
width: 12px;
height: 7px;
background: url(../images/bgs4_on.png) no-repeat;
float: right;
margin-top: 7px;
margin-left: 10px
}

.youhua .zBox {
width: 100%;
text-align: left;
float: left;
margin-top: 15px;
display: none
}

.youhua .zBox a {
display: inline-block;
line-height: 26px;
color: #666;
font-size: 14px
}

.youhua .zBox a:after {
content: '|';
font-size: 16px;
color: #ddd;
margin: 0 2px
}

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


.foot_text {
width: 100%;
text-align: center;
overflow: hidden
}

.foot_text p {
width: 1440px;
text-align: left;
margin: 0 auto
}

.m-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 0;
background-color: #f39800;
overflow: hidden;
z-index: 999;
display: none
}

.m-footer li {
width: 33.3%;
float: left;
text-align: center
}
.m-footer li span{
font-size: 30px;
}
.m-footer li img {
height: 25px
}

.m-footer li a {
color: #fff;
font-size: 14px
}

.align-center {align-items: center;}
.flex-column {flex-direction: column;}
.flex {display: flex;}
.flex-justify-center {justify-content: center;}
.m-t-8 {margin-top: 8px;}
.m-t-10 {margin-top: 10px;}
.m-l-5 {margin-left: 5px;}
#side {width: 120px;height: 480px;position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 99;}
#side .zixun {width: 120px;height: 250px;background: #fff;border-radius: 63px 63px 4px 4px;box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);position: relative;}
#side .zixun .icon-jia-copy-copy{font-size: 12px;color: #B7C8E8;position: absolute;right: 0;top: 0;}
#side .zixun .kefu_avatar {width: 90px;height: 90px;margin-top: 15px;}
#side .zixun .hot_phone {font-size: 12px;font-weight: 400;color: #999999;padding-left: 2px;}
#side .zixun .phone_number {font-size: 13px;line-height: 16px;color: #333333;margin-top: 8px;}
#side .zixun .zixun_btn {width: 88px;height: 28px;background: #000;border-radius: 4px;padding-bottom: 1px;}
#side .zixun .zixun_btn a{color: #fff;font-size: 13px;}
#side .work_code {width: 120px;background: #fff;border-radius: 4px;box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);padding-bottom: 10px;}
#side .work_code img{width: 100%; padding: 5px;}
#side .work_code .code_text {font-size: 13px;font-weight: 400;color: #666666;white-space: pre-wrap;}#
#side .red_code {color: #e64141 !important;}
#side .gitee_down {width: 120px;height: 44px;background: #fff;border-radius: 4px;color: #333;box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);}
#side .gitee_down img{width: 30px; height: 30px;}
#side .luntan {width: 120px;height: 44px;background: linear-gradient(135deg, #000 0%, #000 100%);border-radius: 4px;color: #fff;position: relative;box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);}
#side .back_top {width: 120px;height: 36px;background: #fff;border: 1px solid #EEEEEE;border-radius: 4px;box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);color: #333;}
#side .back_top img{width: 16px; height: 16px;}
#side .back_top span{padding-left: 10px;}
.pointer {cursor: pointer;}
.d-none {display: none;}

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

}

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

}

@media only screen and (max-width: 1550px) {
.gy {
width:90%;
margin-left: 5%
}
}

@media only screen and (max-width: 1440px) {
.gy {
width:90%;
margin-left: 5%
}

.ftyl .ftyl_center {
width: 100%!important;
min-width: 100%!important
}

.foot {
padding-left: 5%;
box-sizing: border-box
}

.gy2 {
width: 90%!important
}

.foot_text p {
width: 100%
}

.ftyl {
width: 100%!important;
padding: 15px 5%!important;
box-sizing: border-box
}
}

.m-nav-lists {display: none;z-index: 99999999999;}
.nav_mright {display: none}
@media only screen and (max-width: 1230px) and (min-width:1000px) {

.promotion-service li .description {
font-size: 12px
}
}

@media only screen and (max-width: 1000px) and (min-width:768px) {
.foot_text p {
width:100%
}

.nav_mright {
display: block
}

.nav_mright {
width: 30px;
height: 30px;
background-size: 100%;
float: right;
margin-top: 20px;
position: relative;
background: #f39800;
margin-right: .521739rem;
border-radius: 2px
}

.nav_mright .img1,.nav_mright .img2 {
left: 10%;
width: 80%;
text-align: center;
position: absolute;
z-index: 1;
background: #f39800;
top: 50%;
transform: translateY(-50%);
}

.nav_mright .img2 {
display: none
}

.m-nav-lists {
display: block
}
.m-nav-lists {
top: 86px;
width: 100%;
position: fixed;
z-index: 999;
height: calc(100vh - 86px);
background-color: #fff;
overflow: auto;
transform: translateX(100%);
transition: all .4s
}

.m-nav-lists.active {
transform: translateX(0)
}

.promotion-service li .description {
font-size: 12px
}

#side{display: none;}
}

@media only screen and (max-width: 768px) {
.right-pendant {
display:none
}

footer {
padding-bottom: 64px
}

.foot_text p {
width: 100%
}

.logo img {
height: 2.5rem;
width: auto
}

.logo .logo-year {
display: inline;
font-size: 12px;
margin-top: 6px;
padding-left: 2px;
padding-right: 2px
}

.logo .logo-text span {
font-size: 12px
}

.logo .logo-text {
margin-top: 0
}

.top02 {height: 65px!important;}

.top02 .top02_center {width: 100%;padding: 0 .625rem;  box-sizing: border-box}
.banner{padding-top: 65px;}
@keyframes letterWave {
0%,100% {
transform: translateY(0) scale(1);
padding: 0 0;
opacity: .8
}

25% {
transform: translateY(-50px) scale(.8);
padding: 0 3px;
opacity: .6
}

75% {
transform: translateY(50px) scale(1.5);
padding: 0;
opacity: 1
}
}

.nav_mright {width: 30px;height: 30px; margin-top: 20px; background-size: 100%; float: right;position: relative;background: #f39800;border-radius: 2px}

.nav_mright .img1,.nav_mright .img2 {
left: 10%;
width: 80%;
text-align: center;
position: absolute;
z-index: 1;
background: #f39800;
top: 50%;
transform: translateY(-50%);
color: white;
font-size: 20px;
}

.nav_mright .img2 {display: none}
.logo {width: 15rem}
.m-nav-lists {
top: 65px;
width: 100%;
position: fixed;
z-index: 999;
height: calc(100vh - 86px);
background-color: #fff;
overflow: auto;
transform: translateX(100%);
transition: all .4s
}

.m-nav-lists.active {
transform: translateX(0)
}

.m-nav-li.hasSub>a {
position: relative
}

.m-nav-li.hasSub>a:before {
content: "";
position: absolute;
top: 12.5px;
width: 15px;
height: 15px;
right: 10px;
background: url(../images/nav-sub-right.png);
background-size: cover
}

.m-nav-li {
line-height: 40px;
height: 41px;
overflow: hidden
}

.m-nav-li:hover {
height: auto
}

.m-nav-li>a {
display: block;
border-bottom: #ddd 1px solid;
padding: 0 10px;
box-sizing: border-box
}

.sub-nav {
padding-left: 20px
}

.foot_div .foot_div_c ul li {
float: none
}

.foot_div .foot_div_c ul li.footyw {
width: 100%
}

.foot_div .foot_div_c ul li.footys {
width: 100%;
padding-left: 0
}

.foot_div .foot_div_c ul li.footabout {
width: 100%;
float: none
}

.foot_div .foot_div_c {
height: auto
}

.foot_div .foot_div_c ul {
height: auto;
padding-bottom: 40px
}

.foot_text {
width: 100%;
line-height: 21px
}

.foot_text p {
width: 100%
}

.foot_div .foot_div_c h3 {
font-size: 16px
}

.m-nav-lists {
display: block
}

.nav_mright {
display: block
}

.consulting-service:hover .consulting-service-hidden {
display: none
}

.online-consulting:hover .online-consulting-hidden {
display: none
}

.m-footer {
display: block
}
}


.banner_info{height: 570px;color: #fff; position: relative;background: url(../images/about.jpg) center no-repeat;}
.banner_info .pose {text-align: right; position: absolute; bottom: 0;   height: 50px;line-height: 50px;background: rgba(0,0,0,0.3);width: 100%;color: #999999;font-size: 16px;}
.banner_info .pose a{ color: #999999;}
.banner_info .pose a:hover { color: #fff;}

.banner_info .up-cont { position: absolute;  left: 15%;  top: 50%;  margin-top: -165px;  color: #fff;  z-index: 2;}
.banner_info .up-cont h4 {font-size: 48px;line-height: 80px; font-weight:100;}
.banner_info  .up-cont .line {display: block; width: 40px;  height: 4px; background-color: #fff; margin-top: 17px;  opacity: 1; filter: alpha(opacity=100); transform: translateY(0);transition: 0.3s ease 0.2s;}
.banner_info  .up-cont .font {  display: block;  line-height: 68px;  font-size: 28px;  margin-top: 28px;}
.banner_info  .up-cont .down-ico { display: block;width: 43px;height: 43px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;margin-top: 95px;position: relative;overflow: hidden;}
.banner_info  .up-cont .down-ico i { display: block;width: 100%;height: 100%;background: url(../images/ico_16.png) no-repeat center;animation: downico 1.5s ease-out infinite;position: relative;}

@keyframes downico {
  0% {
top: 0;
opacity: 1;
  }
  35% {
top: 50%;
opacity: 0;
  }
  65% {
top: -50%;
opacity: 0;
  }
  100% {
top: 0;
opacity: 1;
  }
}

/*关于我们*/
.about_content {width: 100%; position: relative;  padding: 100px 0;}
.about_content .us01_left{   width:50%; float:left;}
.about_content .us01_left .line{width:64px; height:4px; background:#333; margin-bottom:35px;}
.about_content .indextitle{font-size: 36px;  text-transform: uppercase;}
.about_content .us01_left .c{font-size:16px; color:#333; line-height:34px; margin:20px 0 60px;}
.about_content .us01_left .d{display: flex;  flex-direction: row; justify-content: space-between;}
.about_content .us01_left .d .dli{text-align:left;}
.about_content .us01_left .d .dli .dt{font-size:50px; color:#333; font-family: "D-DINCondensed";}
.about_content .us01_left .d .dli .dt span{font-size:36px; color:#333; margin-left:15px; font-weight:normal; display:inline-block; transform: translateY(-10px);}
.about_content .us01_left .d .dli .db{font-size:18px; color:#666; font-weight:bold; margin-top:18px;}
.about_content .us01_right{width:45.5%; float:right; position:relative;}
.about_content .us01_right > img{display:block; width:100%; border-radius: 15px;}

.feature-section {position:relative;overflow:hidden;padding:70px 0 70px;background-color:#f5f5f5}
.feature-section .iconfont{font-size: 22px;}
.feature-section .title {font-size: 36px; font-weight: 700;  text-align: center;}
.feature-section .title:after {content: '';display: block;height: 4px;background: #f39800;margin: 30px auto 45px;width: 50px;}
.blocks-wenhua {position:relative; }
.blocks-wenhua .inner-column {position:relative}

.wenhua-block {position:relative;margin-bottom:40px; padding-right: 20px;}
.wenhua-block .inner-box {position:relative;text-align:center;border-radius:5px;padding:50px 25px 50px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.10)}
.wenhua-block .inner-box .icon-box {position:relative;width:40px;height:40px;color:#fff;font-size:24px;margin:0 auto;line-height:40px;text-align:center;margin-bottom:12px;border-radius:4px;background-color:#f39800;transition:all 600ms ease;-moz-transition:all 600ms ease;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease}
.wenhua-block .inner-box:hover .icon-box {-webkit-transform:scale(-1) rotate(180deg);-moz-transform:scale(-1) rotate(180deg);-ms-transform:scale(-1) rotate(180deg);-o-transform:scale(-1) rotate(180deg);transform:scale(-1) rotate(180deg)}
.wenhua-block .inner-box h6 {position:relative;font-weight:500;line-height:1.2em;margin-bottom:6px}
.wenhua-block .inner-box h6 {position:relative;font-size:16px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.wenhua-block .inner-box h6:hover {color:#f39800}
.wenhua-block .inner-box .text {position:relative;color:#888;font-size:14px;line-height:1.6em}

.image-wenhua {position:relative}
.image-wenhua .inner-column {position:relative}
.image-wenhua .image {position:relative;overflow:hidden;border-radius:15px}
.image-wenhua .image img {position:relative;width:100%;display:block}
.image-wenhua .feature-block-two {position:absolute;left:50%;bottom:18%;transform:translateX(-50%)}
.image-wenhua .feature-block-two .inner-box {max-width:260px;width:100%}

.feature-block-two .inner-box {position:relative;text-align:center;border-radius:5px;padding:26px 25px 22px;background-color:rgba(255,255,255,0.90);box-shadow:0 0 15px rgba(0,0,0,0.10)}
.feature-block-two .inner-box .icon-box {position:relative;width:40px;height:40px;color:#f39800;font-size:20px;margin:0 auto;line-height:40px;text-align:center;margin-bottom:12px;border-radius:4px;border:2px solid #f39800;background-color:#fff;transition:all 600ms ease;-moz-transition:all 600ms ease;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease}
.feature-block-two .inner-box:hover .icon-box {-webkit-transform:scale(-1) rotate(180deg);-moz-transform:scale(-1) rotate(180deg);-ms-transform:scale(-1) rotate(180deg);-o-transform:scale(-1) rotate(180deg);transform:scale(-1) rotate(180deg)}
.feature-block-two .inner-box h6 {position:relative;font-weight:500;line-height:1.2em;margin-bottom:6px}
.feature-block-two .inner-box h6 {position:relative;font-size:16px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.feature-block-two .inner-box h6:hover {color:#f39800}
.feature-block-two .inner-box .text {position:relative;color:#888;font-size:14px;line-height:1.6em}

.tx-adv {padding: 30px 0 50px;}
.tx-adv .tx-main-title {margin-bottom: 30px; text-align: center;}
.tx-main-title h3 {font-size: 34px; font-weight: 600; }
.tx-main-title h3 b{font-size: 20px; font-style: normal; }
.tx-main-title em {font-size: 18px;  color: #868686;   line-height: 30px; font-style: normal;}

.swiper-box {position: relative; width: 100%;}
.swiper-box .swiper-container {width: 100%;}
.swiper-box .swiper-button-prev {left: -40px;top: 50%;outline: none; color:#888; }
.swiper-box .swiper-button-next {right: -40px;top: 50%;outline: none; color:#888}
.tx-adv img {border: 0; max-width: 100%;height: auto;}
@media (max-width:768px) {
.swiper-box .swiper-button-prev,.swiper-box .swiper-button-next {display: none;}
}

.ncsite05{background: url(../images/ncmainsite04_2.jpg) no-repeat center center;background-size: 100% 100%; padding: 120px 0 90px;}
.ncsite05 .tit h2{font-size: 36px;color: #343434;margin-bottom: 18px; font-weight: 600;}
.ncsite05 .tit span{font-size: 18px;color: #666;overflow: hidden;}

.ncsite04_main{margin-top: 90px;overflow: hidden; position: relative;}
.ncsite04_main_ul_li{width: calc(20% - 24px);margin-left: 30px;float: left;
padding:20px 0;border: 1px solid #e5e5e5;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom: 30px;text-align: center;}
@media (min-width:768px) {
.ncsite04_main_ul_li:nth-child(5n+1){margin-left: 0;}
}
.ncsite04_main_ul_li i{display: block;font-size: 42px;margin-bottom: 20px;}
.ncsite04_main_ul_li span{display: block;font-size: 18px;}
.ncsite04_main_ul_li span strong{font-size: 14px;font-weight: normal;}
.ncsite04_main_ul_li_1{padding-bottom: 12px;}
.ncsite04_main_ul_li_1 i{margin-bottom: 10px;}
.ncsite04_main_ul .on{color: #fff;background: url(../images/ncmainsite04_3.png) no-repeat center center;
background-color: #f39800;box-shadow: 0px 10px 27px 0px rgba(175, 185, 202, 0.47);}

@media (max-width:768px) {
.about_content {padding: 20px 0;}
.about_content .us01_left{   width:100%; float:none;}
.about_content .indextitle {font-size: 18px;text-transform: uppercase;}
.about_content .us01_left .line{width:34px; height:2px; background:#333; margin-bottom:15px;}
.about_content .us01_left .c {font-size: 12px;color: #333;line-height: 24px; margin: 10px 0 20px;}
.about_content .us01_left .d .dli .dt{font-size:39px;}
.about_content .us01_left .d .dli .dt span{font-size:14px; margin-left: 5px;}
.about_content .us01_left .d .dli .db{font-size:14px; color:#666; font-weight:bold; margin-top:3px;}
.about_content .us01_right{width:100%; float:right; position:relative; margin-top: 20px;}

.feature-section {position: relative;overflow: hidden;padding: 25px 0 30px;}
.feature-section .title {font-size: 22px;}
.feature-section .title:after {margin: 16px auto 19px;width: 50px;}
.wenhua-block {position: relative;margin-bottom: 20px;padding-right: 0px;}
.image-wenhua {display: none;}

.tx-main-title h3 {font-size: 22px; font-weight: 600; }
.tx-main-title h3 b{font-size: 16px; font-style: normal; }
.tx-main-title em {font-size: 14px;  color: #868686;   line-height: 30px; font-style: normal;}

.ncsite05 {padding: 33px 0 25px;}
.ncsite05 .tit h2{font-size: 22px;color: #343434;margin-bottom: 10px; font-weight: 600;}
.ncsite05 .tit span{font-size: 16px;color: #666;overflow: hidden;}
.ncsite04_main {margin-top: 20px;}

.ncsite04_main_ul_li{width: calc(50% - 15px);margin-left: 15px;float: left; min-height: 125px;
padding:20px 0;border: 1px solid #e5e5e5;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom: 30px;text-align: center;}
.ncsite04_main_ul_li:nth-child(2n+1){margin-left: 0;}
.ncsite04_main_ul_li i{display: block;font-size: 25px;margin-bottom: 15px;}
.ncsite04_main_ul_li span{display: block;font-size: 14px; padding:0 10px; }
.ncsite04_main_ul_li span strong{font-size: 14px;font-weight: normal;}
.ncsite04_main_ul_li_1{padding-bottom: 12px;}
.ncsite04_main_ul_li_1 i{margin-bottom: 10px;}

}

.news_content{overflow:hidden; padding-top: 50px; padding-bottom: 50px;}
.news_right_c {width: 70%; float: left;}
.news_right_c ul.news li.li{ height:82px; padding:20px 0; border-bottom: dashed 1px #e0e0e0;}
.news_right_c ul.news li.li p.n_l{ height:81px; width:81px; background:#dcdcdc; display:block; float:left; text-align:center; margin: 0 auto;}
.news_right_c ul.news li.li p.n_l span.d{ font-size:30px;color:#777;display:block;margin:10px 0 5px 0;}
.news_right_c ul.news li.li p.n_l span.y{height:31px;font-size:15px;color:#777;display:block;}
.news_right_c ul.news li.li p.n_r{width:660px;float:right;  margin:0 10px 0 0;}
.news_right_c ul.news li.li p.n_r span.t{ font-size:16px; line-height:31px; display:block;}
.news_right_c ul.news li.li p.n_r span.c{ font-size:12px; color:#777;line-height:25px; display:block;}

.news_right_c ul.news li.li:hover{background:#f2f2f2;transition:all ease 0.4s;}

.news_top{overflow:hidden; border-bottom:5px solid #f3f3f3}
.news_top .bgdiv{position:absolute;width:100%;height:100%;z-index:9;left:0;top:0;background-image:url(../images/i22.png);background-repeat:no-repeat;background-position:0 100%;background-size:auto auto}
.news_top .big{position:relative;display:block}
.news_top .imWrap{width: 100%;  position: relative; overflow: hidden;}
.news_top .cont{display:inline-block;box-sizing:border-box;width:100%;position:absolute;bottom:0;left:0;padding:5%;z-index:10}
.news_top .cont .date{font-size:14px;color:#fff}
.news_top .cont .tit{font-size:18px;color:#fff;line-height:1.2;padding-top:.5em}
.news_top .n1{width:66.5%;float:left;padding-right:25px;}
.news_top img{ width: 100% }
.news_top .n2{width: 33.5%;   float: left;}
.news_top .n2 .big{margin-bottom:4.5%;position: relative;display: block; overflow: hidden;}
.news_top .n2 .tit{font-size:18px;}
.news_top .n2 img{ height:202px; }

.news_top img {-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}
.news_top a:hover img {-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}

.news-lists{overflow: hidden;  padding-bottom: 30px;margin: 50px auto;width: 90%;}
.news-lists .list{padding-bottom: 20px;}
.news-lists .list li{float: left;width: 100%;margin-bottom: 20px;}
.news-lists .list li a{display: block;float: left;width: 100%;padding: 18px;background: #F8F8F8;border: 2px solid #F8F8F8;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.news-lists .list li .img{width: 160px;height: 114px;display: table-cell;text-align: center;vertical-align: middle;float: left;overflow: hidden;margin-right: 26px;}
.news-lists .list li img{display: block;width: 100%;height: 100%;}
.news-lists .list li dt{font-size: 18px;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-lists .list li dt em{font-style: normal;color: red;}
.news-lists .list li .time{padding: 10px 0;color: #A1A6AB; }
.news-lists .list li .time i{padding-right: 5px;}


.news-lists .list li .des{color: #A1A6AB; line-height: 1.5; display: -webkit-box;margin: 0 auto;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-lists .list li:hover a{border-color: #f39800}

.sidebar {width: 27%; float: right; }
.sidebar .grayblock ul{overflow: hidden;}
.sidebar .grayblock {box-sizing: border-box; margin-bottom: 1.8rem;padding: .5rem 1.2rem 1rem;background-color: #f3f3f3;}
.sidebar .grayblock h2 {font-size: 20px; position: relative;font-weight: 600;  color: #888;   line-height: 40px;border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.sidebar .grayblock .iconfont{font-size: 20px; padding-right: 5px;}
.sidebar .grayblock h2 a{color: #888;}
.sidebar .grayblock h2:after {content: "";height: 5px;width: 3rem;background-color: #f39800;display: block;margin-bottom: -3px;}
.sidebar .iauth li {line-height:48px;background-color:#fff;overflow:hidden;border-radius:5px;margin-top:15px;}
.sidebar .iauth li a {color:#333;display:block;font-size:14px;position:relative;z-index:0;padding:0 15px;-webkit-transition:all .3s linear;   transition:all .3s linear}
.sidebar .iauth li a:hover {color: #f39800}
.sidebar .iauth li a i {padding: 10px 16px 0 10px;color: #999;font-size: 15px;float: right;line-height: 2;-webkit-transition: all .3s linear;transition: all .3s linear;}
.sidebar .iauth li a em {padding-right: 15px; font-style: normal;}


.sidebar .pre_news{ background-color: #fff;}
.sidebar .pre_news li a {
padding: 15px;
color: #888;
border-bottom: solid 1px #eee;
overflow: hidden;
position: relative;
display: block;
font-size: 14px;
line-height: 23px;
}

.sidebar .pre_news .text {
margin-top: 0;
color: #888;
display: block;}

.sidebar .pre_news .muted {
margin-right: 15px;
font-size: 12px;
color: #bbb;
}


.sidebar .grayblock #tagsChange {
color: #888;
font-size: 13px;
float: right;
line-height: 1.5;
margin-top: 1em;
}

.sidebar .tags_hot {overflow: hidden;}
#tagsPreview>a {
float: left;
display: inline-block;
padding: 0;
margin-right: 4%;
background: #fff;
margin-top: 10px;
border-radius: 15px;
width: 46%;
}
#tagsPreview>a:hover {background: #f39800;}
.sidebar .tags_hot a:hover { color: #fff;background: #f39800;}
.sidebar .tags_hot a {
font-size: 13px;
color: #888;
display: block;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
overflow: hidden;
line-height: 2.5;
z-index: 0;
padding: 0 1.5em;
border-radius: 1rem;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}

.new_show_l_top {margin-top: 30px; padding-bottom: 23px;  overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.new_show_l_top h1 {font-size: 24px; font-weight: 600; line-height: 38px; overflow: hidden;  color: #000;}
.new_show_l_top p {height: 40px;  line-height: 40px;  overflow: hidden;  font-size: 16px;}
.new_show_l_top p span {margin-left: 15px;}
.new_show_l_text {padding-top: 35px; line-height: 38px;  font-size: 16px;}
.new_show_l_text img {max-width: 100%; margin-bottom: 20px;}
.new_show_l_text .news_show_tag {overflow: hidden;margin-top: 20px;font-size: 16px; line-height: 32px;margin-bottom: 20px;}
.new_show_l_text .news_show_tag span {margin-bottom: 10px;float: left;}
.new_show_l_text .news_show_tag a {float: left;padding-left: 20px;   padding-right: 20px;line-height: 32px;height: 32px;overflow: hidden;color: #999;margin-bottom: 10px;margin-right: 1px;background: #fff;border: 1px solid #fff;transition: all 0.3s;}
.new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #f45900; color:#f45900;}

.skip{overflow:hidden;margin-top:10px;margin-bottom:20px;background:#f6f6f6;padding:5px}
.skip>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:46%;line-height:30px;height:30px;text-indent:10px}

.relate_bord {margin-top: 50px;}
.relate_tit { font-size: 22px;font-weight: 700;margin-bottom: 5px;padding-left: 5px;border-left: 5px solid #14264e;}
.relate_tit a, .relate_tit span {font-size: 14px;color: #666;font-weight: 400;}
.relate_news {overflow: hidden;  padding-top: 20px;}
.relate_news li {float: left; width: 47%;  margin-right: 3%; border-bottom: 1px dashed #dedede; line-height: 28px;}
.relate_news li a { display: block;}
.relate_news li .date { color: #999;display: inline-block;float: right;font-size: 13px;}
.relate_news li h5 { color: #888;font-size: 14px;display: block;font-weight: 400;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.relate_news li em {font-style: normal; padding-right: .5em;}

/*案例*/
.case{background: #f7f7f7;padding-top: 1px;}
.case_one {height: 92px; padding-top: 40px;}
.case_one .h2 {float: left;  line-height: 52px;font-size: 36px;font-weight: normal;letter-spacing: 1px;}
.case_one .case_one_r{ float:right;}
.case_one .case_one_r .all_a{ float:left; height:52px; width:280px; line-height:52px; font-size:16px; color:#fff; background:#f39800; text-align:center;transition:all 0.3s;}
.case_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.case_one .case_one_r .case_down{ float:left; margin-left:20px; width:280px; background:#f5f5f5; position:relative; color:#686868;}
.case_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; background:url(../images/bgs4.png) 238px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}
.case_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }
.case_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.case_one .case_one_r .case_down ul li{ display:block; height:38px; line-height:38px; overflow:hidden; }
.case_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.case_one .case_one_r .case_down ul li a:hover{ background:#f39800; color:#fff;}
.case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 238px center no-repeat;}

.caselist{margin-top: 50px;}
.caselist .item{width:calc(33.33% - 30px); margin-right:15px; margin-left: 15px; margin-top:30px; float:left; position:relative; padding:10.41% 0; display:block;}
.caselist .item .img{position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:1; overflow:hidden;}
.caselist .item .img img{position:absolute; height:100%; min-width:100%; top:0px; left:50%; transform:translateX(-50%);}
.transition0401 {transition: all 0.5s;-webkit-transition: all 0.5s;}
.index04_list:hover .img img {-webkit-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1);}
.caselist .item .blackdiv{position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:2;background:rgba(3,3,3,0.45);}
.caselist .item .text{ position:absolute; left:6.5%; bottom:12%; z-index:3; box-sizing:border-box;}
.caselist .item .text .quan{display:none; width:50px; height:50px; border-radius:100px; background:rgba(255,255,255,0.3); font-size:20px; color:#fff;margin:0 auto 26px; line-height:50px;}
.caselist .item .text .t{font-size:14px; color:#e1e1e1; margin-bottom:16px;}
.caselist .item .text .b{font-size:24px; color:#e1e1e1;}
.caselist .item:hover .img img{-webkit-transform:translateX(-50%) scale(1.1); -ms-transform:translateX(-50%) scale(1.1); transform:translateX(-50%) scale(1.1);}
.caselist .item:hover .blackdiv{background:rgba(3,3,3,0.8);}
.caselist .item:hover .text{ position:absolute; width:90.7%; height:87%; left:4.65%; top:6.5%;  text-align:center; display: flex;  flex-direction: column; justify-content: center; border:1px solid #908e8e;}
.caselist .item:hover .text .quan{  display:inline-block; }

.case .line {padding: 50px; overflow: hidden;}
.case .line a{ padding: 12px 35px;   font-size: 16px; line-height: 22px;color: #fff;   border-color: #f39800;background-color: #f39800;}


/*案例详情*/
.case_show_one{background:url(../images/case_bg1.jpg) right center no-repeat;background-size:50% 100%;overflow:hidden;margin-top: 50px;margin-bottom:30px;}
.case_show_one_l{ background:#fff; width:50%; float:left; overflow:hidden;  min-height:464px;}
.case_show_one_l .case_txt{ width:86%; margin:0 auto; overflow:hidden;}
.case_show_one_l .case_txt .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../images/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one_l .case_txt .divs{ line-height:28px; color:#666666; font-size:16px;}
.case_show_one_r{ width:50%; float:right; overflow:hidden;}
.case_show_one_r .case_txt{ width:70%; margin:0 auto; overflow:hidden; color:#fff;}
.case_show_one_r .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../images/case_bg3.jpg) left bottom no-repeat; color:#fff; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one_r ul li{ font-size:18px; display:block; height:48px;line-height:48px;}
.case_show_one .weblink{margin-top: 15px;background: url(../images/weblink.png) no-repeat 11px;width: 150px;}
.case_show_one .weblink:hover{background: #f39800 url(../images/weblink_h.png) no-repeat 11px;width: 150px;}
.case_show_one .weblink a{border: 1px solid #010000;padding: 10px 20px 10px 38px;display: inline-block;font-size: 14px;border-radius: 1px;width: 100%;}
.case_show_one .weblink a:hover{ color: #fff; border: 1px solid #fff;}

.case_con {line-height: 26px; font-size: 14px;margin-bottom:50px;  padding-top: 50px; overflow: hidden;background: #fff;}
.case_con img {display: inline-block; height: auto;  max-width: 90%;  box-shadow: 0 0 8px 0 rgba(18,29,39,0.16); padding: 10px;}

.case_con h2 {
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
}
.case_con .times {
  font-size: 16px;
  color: #ccc;
  line-height: 2;
  margin-bottom: 20px;
}

.case_con {
  box-sizing: border-box;
  padding: 50px 5%;
}

.case-t{display: block;  overflow: hidden;padding-top: 50px;text-align: center;}
.case-t .t-con { position: relative;display: inline-block;overflow: hidden;width: 30%;vertical-align: top;cursor: pointer;}
.case-t .t-con strong { display: block;margin: 0 auto;width: 50%;color: #fff;font-weight: 400;font-size: 1em;background-color: #1d1d1d;line-height: 1.6em;height: 50px;line-height: 50px;}
.case-t .t-con a {  position: absolute;top: 0;left: 0;z-index: 2;display: block;width: 100%;height: 100%;}
.case-t .t-con:Hover strong{background-color: #f39800}
.case-t h6 {position: relative;overflow: hidden;margin: 2% auto;width: 20%;border-radius: 1.6em;background: #ccc;text-align: center;line-height: 2em;}
.case-t h6 a {position: relative; top: 0;left: 0;z-index: 1;display: block;width: 100%;height: 100%;color: #fff;font-weight: 400;font-size: 1.6em;line-height: 2em;}
.case-t h6 a:Hover{background-color: #f39800}
.case-t h6 i{padding-right: 6px; font-size: 20px;}

/*分页*/
.pagination {display: block;text-align: center; overflow: hidden;}
.pagination a {line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;display:inline-block!important;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#f39800;color:#fff;border:1px solid #f39800;}
.pagination span{border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}

/*网站建设*/
.weblist li{position: relative; padding:80px 0;}
.weblist li .extra{position: absolute; left: 0;  top: 0; width: 100%; height: 100%;  z-index: -1;}
.weblist li .extra img{ width: 100%;}
.weblist li .sub_title{position: relative; font-size: 26px;  margin-top: 30px;margin-bottom: 70px;}
.weblist li .description{font-size: 20px; line-height: 35px}
.weblist li .sub_title:before{position: absolute;  content: '';bottom: -30px;background-color: #f39800;height: 4px;width: 45px;}
.weblist .left,.list .right{float: left;  width: 45%;}
.weblist .right{float: right; }

.btns-box {margin-top: 30px;}
.btns-box a {position: relative;font-size: 16px; padding: 10px;margin: 0 10px;border-radius: 7px;display: inline-block;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.btns-box .iconfont{margin-left: 10px;} 

.weblist li:nth-child(2n+1) .btns-box a{color: #333; border: 2px solid #333;}
.weblist li:nth-child(2n+1) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#fff}
.weblist li:nth-child(2n+1) .title{font-size: 62px; padding-top: 100px;}

.weblist li:nth-child(2n) .btns-box a{color: #333; border: 2px solid #333;}
.weblist li:nth-child(2n) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#fff}
.weblist li:nth-child(2n) .title{font-size: 62px; padding-top: 100px; color: #fff;}
.weblist li:nth-child(2n) .right{color: #fff; width: 45%}
.weblist li:nth-child(2n) .btns-box a{color: #fff; border: 2px solid #fff;}
@keyframes anim_right{
0%{
transform: translateX(100%);
}
90%{
transform: translateX(-5px);
}100%{
transform: translateX(0);
}
}
@keyframes anim_left{
0%{
transform: translateX(-100%);
}
90%{
transform: translateX(5px);
}100%{
transform: translateX(0);
}
}


/*解决方案*/
.solution{padding: 50px 0;}
.solutionlist{ overflow: hidden; padding-bottom: 50px;}
.solutionlist li{width:33.33%;position:relative;overflow:hidden;cursor:pointer;float:left;z-index:0;/*transition:all 0.3s;*/}
.solutionlist li .imgs{ overflow:hidden; position:relative;}
.solutionlist li .imgs img{display: block;height: 256px;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.solutionlist li .imgs p{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.3);opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.solutionlist li .imgs i{position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);  transition: all .36s ease;  border-radius: 100%;   width:50px;  height: 50px; background:url(../images/solutions_bg1.png) no-repeat;  box-sizing: border-box; margin-top: -50px; opacity:0;filter:Alpha(opacity=0);}
.solutionlist li:Hover .imgs p{opacity:1.0;filter:Alpha(opacity=100);}
.solutionlist li:Hover .imgs i{ margin-top:0px;opacity:1.0;filter:Alpha(opacity=100);}
.solutionlist li .txts{border:1px solid #e3e3e3; border-top:0; overflow:hidden;transition:all 0.3s;}
.solutionlist li .txts .cons{ margin:0 auto; padding:20px; height:234px; overflow:hidden; background:url(../images/case_bg4.png) 11px 180px no-repeat;}
.solutionlist li:last-child .txts{ border-right:1px solid #e3e3e3;}
.solutionlist li .txts .h2{ color:#666666; font-size:18px; font-weight:normal; margin-bottom:14px;transition:all 0.3s;}
.solutionlist li .txts .p{ font-size:24px; color:#000000; line-height:35px; overflow:hidden;transition:all 0.3s;}
.solutionlist li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); */}
.solutionlist li:hover .txts{ background:#f67524;border-bottom:1px solid #f67524;}
.solutionlist li:hover .txts .cons{background:url(../images/case_bg4_on.png) 11px 180px no-repeat;transition:all 0.3s;transform: translate(2%,0%);-webkit-transform: translate(2%,0%);-moz-transform: translate(2%,0%);-ms-transform: translate(2%,0%);-o-transform: translate(2%,0%);}
.solutionlist li:hover .txts .p{color:#fff;}
.solutionlist li:hover .txts .h2{color:#fff;}
.solutionlist li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.solutionlist li.hiden{ display:none;}

/*网站维护*/
.weihu {}
.weihu .zixun{text-align:center; padding-bottom: 30px;}
.toptitle{ width: 100%; text-align: center; overflow: hidden; padding: 30px 0; position: relative;}
.toptitle h2{ font-size: 36px; margin: 30px 0; font-weight: bold; text-align: center;color: #1f1f1f; position: relative;padding-bottom: 16px;}
.toptitle h2 font{ color:#f39800;}
.toptitle h2::after {position: absolute;  left: 0;right: 0;bottom: 0;margin: auto;width: 60px;height: 2px;background: #f39800;  content: '';}

.feature-block{position:relative;margin-bottom:30px}
.feature-block .inner-box{position:relative;text-align:center;border-radius:5px;padding:40px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.10)}
.feature-block .inner-box:hover{background-color:#f39800;color:#fff}
.feature-block .inner-box .icon-box .iconfont{font-size: 50px;}
.feature-block .inner-box h6{position:relative;font-size:22px; padding: 10px 0; font-weight:600;}
.feature-block .inner-box .text{position:relative; font-size:16px;}

.harsh{padding: 45px;  margin-bottom: 50px;}
.harsh .tit {font-size: 36px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.harsh .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}

.harsh ul {margin-top: 40px;}
.harsh ul li {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.harsh ul li .img {overflow: hidden;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;}
.harsh ul li .text { background: #fff; position: relative;overflow: hidden;  -webkit-box-flex: 1;  -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;}
.harsh ul li .text2 { position: relative;  z-index: 2; padding-left: 50px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.harsh ul li .text2 .title {padding-top: 50px;font-size: 24px;color: #1b1b1b;position: relative;padding-bottom: 20px;}
.harsh ul li .text2 .title::after {position: absolute;   left: 0;content: '';bottom: 0;width: 30px;height: 2px;background: #1b1b1b;}
.harsh ul li .text2 .desc {padding-top: 20px; padding-right: 20px; font-size: 14px; color: #888888; line-height: 28px;}
.harsh ul li .text2 .desc p span {display: inline-block; margin-right: 10px;  width: 15px;  height: 15px;  border-radius: 10px;text-align: center;font-size: 12px;line-height: 15px;border: 1px solid #000;}
.harsh ul li:nth-of-type(2n+0) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.weihulc{margin-bottom: 50px;}
.weihulc .tit {font-size: 36px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.weihulc .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}

.full-related-news {width: 100%; padding: 52px 0 57px;background-color: #f2f2f2;}
.full-related-news .tit {font-size: 36px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.full-related-news .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}
.full-related-news .related-news{overflow:hidden}
.full-related-news .related-news ul{margin-top: 30px;}
.full-related-news .related-news li{float:left;width:25%}
.full-related-news .related-news a{display:block;overflow:hidden;margin:0 13px 23px;border:1px solid #d2d2d2;padding:20px 30px 19px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.full-related-news .related-news a:hover{border-color:#f39800}
.full-related-news .related-news a:hover .title{color:#f39800}
.full-related-news .related-news a:hover .date{color:#e96a6a}
.full-related-news .related-news .title{margin-bottom:4px;font-size:16px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.full-related-news .related-news .date{font-size:18px;line-height:30px;color:#a5a5ab}

/*SEO优化*/
.indextitle .indextitle_t{font-size:36px; color:#999; text-transform:uppercase;}
.indextitle .indextitle_b{font-size:24px; color:#333333; font-weight:bold; margin:15px 0 30px;}
.indextitle .indextitle_line{width:100%; height:1px; background:#dcdcdc; position:relative;}
.indextitle .indextitle_line::after{ width:70px; height:2px; background:#333; content:" "; bottom:0px; left:0px; position:absolute;}

.seo_web{margin: 50px 0;}
.extension01_in {position: relative; }
.extension01_left{width:37.66%; background:#f39800; padding:30px 40px 70px;}
.extension01_left .t{font-size:32px; color:#fff; line-height:60px;}
.extension01_left .line{width:15px; height:2px; margin:25px 0 35px; background:#fff;}
.extension01_left .b{font-size:16px; color:#fff; line-height:30px; margin-bottom:60px;}
.extension01_left a{display:inline-block; border-radius:200px; padding:18px 50px; background:#fff;font-size:16px; text-align:center;}
.extension01_left a  span{padding-left: 10px; }
.extension01_left a img{ display:inline-block; margin-left:40px; width:24px; transform:translateY(0px);}
.extension01_right{width:62.34%; height:100%; position:absolute; overflow:hidden; right:0px; top:0px;}
.extension01_right img{  position:absolute; height:100%; min-width:100%; left:50%; transform:translateX(-50%); top:0px; z-index:1;}

.seo_web01{padding:70px 0; background:#f8f8f8;}
.seo_web01_in{padding-top: 90px; overflow:hidden;}
.seo_web01_list{width:calc(50% - 18px); margin-top:56px;   float:left; padding:7% 0; position:relative; overflow:hidden;}
.seo_web01_list > img{ position:absolute; height:100%; top:0px; left:50%; transform:translateX(-50%);  min-width:100.5%;}
.seo_web01_list .text{ position:absolute; height:100%; top:0px; left:0; width:100%; padding:0 55px;background:rgba(38,55,94,0.5); color:#fff; display: flex;  flex-direction: column; justify-content: center;}
.seo_web01_list .text .t{font-size:22px;}
.seo_web01_list .text .b{font-size:16px; line-height:24px; margin:20px 0 25px; width:75%;}
.seo_web01_list .text a{width:112px; height:36px; line-height:36px; border:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;
display:inline-block; font-size:16px;background:rgba(255,255,255,0.3);}
.seo_web01_list:nth-child(2n){float:right;}
.seo_web01_list:nth-child(-n+2){ margin-top:0px;}
.seo_web01_list.on{box-shadow: 0px 13px 27px 0px rgba(243,152,0, 0.25);}
.seo_web01_list.on .text{background:rgba(243,152,0, 0.8);}
.seo_web01_list.on .text a{background:none;}
.seo_web02{margin: 70px 0;}
.seo_web02_in{border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; overflow: hidden; margin-top: 80px}
.seo_web02_list{width:25%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#fff; padding:35px; float:left;}
.seo_web02_list .img img{height:40px;}
.seo_web02_list .img img:first-child{display:inline-block;}
.seo_web02_list .img img:last-child{display:none;}
.seo_web02_list .text{margin-top:25px;}
.seo_web02_list .text .t{font-size:22px; color:#333;}
.seo_web02_list .text .line{width:16px; height:2px; background:#333; margin:20px 0 15px;}
.seo_web02_list .text .b{font-size:16px; color:#666; line-height:24px;}
.seo_web02_list.on{background:#f39800;}
.seo_web02_list.on .text .t,.seo_web02_list.on .text .b{color:#fff;}
.seo_web02_list.on .text .line{background:#fff;}
.seo_web02_list.on .img img:first-child{display:none;}
.seo_web02_list.on .img img:last-child{display:inline-block;}

.seoyh01_05 { overflow: hidden; height: 780px; margin-bottom: 50px; background-attachment: fixed;background-color: rgba(28,28,28,0.75);
background-image: url(../images/seoyh33.jpg);background-size: cover;background-position: center;background-repeat: no-repeat; }
.seoyh01_05 .tg-title { padding-top: 50px;font-size: 36px; font-weight: 700; text-align: center; color:#fff}
.seoyh01_05 .tg-title:after {content: '';  display: block;height: 4px;background: #f39800; margin: 30px auto 45px;width: 50px;}
.seoyh01_05 .seoyh01_05Bg { overflow: hidden; background-color: #fff; padding: 50px; border-radius: 20px;}
.seoyh01_05 .seoyh01_05Bg .tab {position: relative; width: 100%; float: left; margin-bottom: 20px; z-index: 1;}
.seoyh01_05 .seoyh01_05Bg .tab+div {position: relative;  z-index: 1;}
.seoyh01_05 .seoyh01_05Bg .tab li {width: 19.9%;height: 35px; line-height: 35px;text-align: center;font-size: 18px;color: #fff;background: #f39800;float: left;border-left: 1px solid #fff;}

.seoyh01_05 .seoyh01_05Bg .box {width: 100%;height: 480px;overflow: hidden;float: left;border-bottom: 1px solid #ddd;}
.seoyh01_05 .seoyh01_05Bg .box dl { margin: 0;width: 100%;float: left;border-top: 1px solid #ddd;}
.seoyh01_05 .seoyh01_05Bg .box dl:hover { background:#eee;}

.allseo05 {width: 100%;  float: left;text-align: center;padding-bottom: 120px;}
.allseo05 .allseoTit { text-align: left;}
.allseo05 img {margin-top: 120px;}
.seoyh01_05 .seoyh01_05Bg .box dl dd {width: 20%; height: 48px;line-height: 48px;font-size: 17px;float: left;text-align: center;}

.seo_web06{margin:120px 0;}
.seo_web06_in{margin-top:90px; position:relative;display: flex;  flex-direction: row; justify-content: space-between;}
.seo_web06_in::before{width:83.33%; position:absolute; height:1px; border-bottom:1px dashed #d1d9f2; content:" "; top:30%; left:8.335%; z-index:1;}
.seo_web06_list{text-align:center; position:relative; z-index:2;}
.seo_web06_list .img{width:90px; height:90px; border-radius:90px; border:1px solid #f39800; color: #f39800; background:#fff; margin:0 auto;display: flex;  flex-direction: column; justify-content: center;}
.seo_web06_list .t{font-size:20px; color:#333; margin-top:35px;}
.seo_web06_list.on .img{color: #fff;background:#f39800; box-shadow: 0px 14px 20.37px 0.63px rgba(23, 64, 188, 0.3);}
.seo_web06_list  .img span{font-size: 45px;}

/*付款方式*/
.paymentPage{padding: 78px 0 60px 0;background: #f5f5f5; overflow:hidden;}
.paymentPage .tit { font-size: 36px;margin-bottom: 50px;font-weight: bold;text-align: center;color: #1f1f1f;position: relative;padding-bottom: 16px;}
.paymentPage .tit::after { position: absolute;left: 0; right: 0;bottom: 0;margin: auto;width: 60px;height: 2px;background: #f39800;  content: '';}
.paymentPage li{margin-bottom: 20px;}
.paymentPage li .box{background: #fff; padding:30px;}
.paymentPage li .pic{height: 80px; overflow: hidden;}
.paymentPage li .pic img{max-height: 100%;}
.paymentPage li .text{line-height: 24px;font-size: 18px;color: #333333;margin-top: 20px;}
.paymentPage li .text p{font-size: 18px;color: #333333; margin-bottom: 14px;}

/*联系我们*/
.contact1{ overflow: hidden;}
.contact1 h2 {margin: 100px 0 50px 30px; font-size: 35px;  color: #404040;}
.contact1 li{float: left;display: table;margin:20px 30px;width: calc(33.33% - 60px);height: 220px;background-color: #f2f2f2;}
.contact1s{display: table-cell;vertical-align: middle;padding: 0 10%;}
.contact1s i{font-size: 35px;color: #000;}
.contact1s p{font-size: 16px;color: #333;line-height: 25px;}
.contact1s span{display: block;margin: 25px 0 15px;font-size: 20px;font-weight: bold;font-family: arial;color: #404040;}
.contact1 li:hover{background-color: #f39800;color: #fff;}
.contact1 li:hover .contact1s i,.contact1 li:hover .contact1s p,.contact1 li:hover .contact1s span{color: #fff;}

.liuyan{overflow: hidden;  padding: 98px 0 80px 0;}
.liuyan .title{   line-height: 40px;font-size: 36px;color: #000000;}
.liuyan .right,.liuyan .left{float: left;width: 48%;margin-top: 28px;}
.liuyan .right{ float: right;}
.liuyan .inpu{border: solid 1px #e6e6e6; box-sizing: border-box;  background: #fff; padding: 10px 0px; margin-bottom: 20px;}
.liuyan .inpu textarea,.liuyan .inpu input{width: 100%; height: 48px; line-height: 48px; box-sizing: border-box;font-size: 18px;color: #333;border: none;outline:none;padding: 0 20px;box-sizing: border-box; background: none;}
.liuyan .inpu input::-webkit-input-placeholder{color:#666;}
.liuyan .inpu input:-moz-placeholder{color:#666;}
.liuyan .inpu input::-moz-placeholder{color:#666;}
.liuyan .inpu input:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea::-webkit-input-placeholder{color:#666;}
.liuyan .inpu textarea:-moz-placeholder{color:#666;}
.liuyan .inpu textarea::-moz-placeholder{color:#666;}
.liuyan .inpu textarea:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea{height: 228px;resize: none;line-height: 24px;padding: 10px 20px;}
.liuyan .btn{margin: 0;padding: 0;height: 70px;text-align: center;}
.liuyan .btn a,
.liuyan .btn button,
.liuyan .btn input{width: 160px;height: 70px;line-height: 70px;text-align: center;display: block;border: none;border-radius: 0;background: #f67524;-webkit-appearance:none;font-size: 18px;color: #fff;cursor: pointer;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.liuyan .btn a,.liuyan .btn button,.liuyan .btn input:hover{background: #ff6200;}

/*标签主页*/
.biaoqian{padding: 30px 0;}
.biaoqian .line{margin-top: 20px; margin-bottom: 20px;}
.biaoqian .line h2{font-size: 16px; font-weight: bold;}
.biaoqian .line a{line-height: 28px; padding: 5px;}



/*模板建站*/
.so-banner {height: 350px;min-width: 100%;background: url(../images/moban_bg.jpg) center center no-repeat #ff6f06;}
.so-banner h2{text-align: center; color: #fff; font-size: 40px; font-weight: 600; padding-top: 100px;}
.so-banner h3{text-align: center; color: #fff; font-size: 16px; padding-top: 20px;}

.so-contentWrap {width: 590px;margin: 0 auto; padding-top: 30px;  margin-bottom: 10px;}
.ey-blog-searchFrame {width: 560px;height: 40px; background: #fff;  border-radius: 23px;padding: 0 0 0 30px;}
.ey-blog-searchFrame .e-searchAreaWrap {width: 440px; height: 100%;float: left;}
.ey-blog-searchFrame .e-searchInput {
width: 100%;
height: 100%;
border: 0;
padding: 0;
outline: 0;
color: #333;
font-size: 14px;
line-height: 45px;
vertical-align: middle;
border: 0;
}
.help-hot-list {
padding: 10px 0;
width: 500px;
position: absolute;
left: 15px;
top: 40px;
margin: 0;
line-height: 32px;
font-size: 14px;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0,0,0,.2);
background-color: #fff;
display: none;
z-index: 999999;
}
.ey-blog-searchFrame .e-searchIconWrap {
float: right;
cursor: pointer;
position: relative;
right: 0;
display: inline-block;
width: 60px;
height: 100%;
border-radius: 20px;
transition: background .2s;
}

.ey-icon-search {height: 16px; width: 16px;background: url(../images/home_ico.png) no-repeat;display: inline-block;position: absolute;top: 50%;right: 50%;margin-top: -8px;margin-right: -8px;}
.ey-blog-searchFrame .e-searchIconWrap:hover {background: #f8e5d7;}
.help-ser-d {color: #fefefe;text-align: center;margin: 0 auto;}
.help-ser-d a {color: #fefefe;padding: 0 10px 0 0;font-size: 14px;}


.rk-header{height:66px;background:#f6f8fb; margin-bottom: 60px;}
.rk-header .f-wrap{margin:0 auto;height:66px;font-size:16px;position:relative;color:#333;text-decoration:none}
.rk-header .f-tmpWrap{position:relative;font-size:0; text-align: center;}
.rk-header .f-tabItem{height:50px;line-height:36px;padding:0 25px;margin-top:15px;margin-right:25px;font-size:16px;color:#333;display:inline-block;*display:inline;zoom:1;float:none;text-align:center;cursor:pointer;position:relative}
.rk-header .f-tabItem:hover{color:#f39800}
.rk-header .active::after{position:absolute;bottom:0;left:50%;margin-left:-44px;content:'';width:88px;height:3px;background:#f39800;border-radius:2px}
.rk-header .active{color:#f39800}


.shaixuan a {margin-right: 8px;  width: 16%;padding: 0 3px;   overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;line-height: 33px;color: #535353;text-align: center;margin-bottom: 10px;float: left; border-radius: 5px; font-size: 14px; cursor: pointer;}
.shaixuan b {color: #f39800;}
.column-item{max-width: 20%; margin-bottom: 20px;}
.inside_right_con{margin-top: 50px;}
.inside_right_con ul li { float: left; width: calc(25% - 27px); margin-right:27px; box-shadow: 0 0 15px 1px rgba(0,0,0,.3); overflow: hidden; margin-top: 25px; margin-bottom: 15px; }
.inside_right_con ul li h2 { height:350px; overflow: hidden;position:relative; font-size:14px }
.inside_right_con ul li h2 span img{ width:100%; position:relative; z-index:1;}
.inside_right_con ul li h2 span{ display:block; height:350px; width:100%; overflow:hidden; background:url(../images/load.gif) center no-repeat;}
.inside_right_con ul li h2 span b{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99; color:#fff;background:rgba(0, 0, 0, 0.75); filter:alpha(opacity=0); opacity:0; transition:all 0.6s;}
.inside_right_con ul li h2 span:hover b{filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000,endColorStr=#80000000); /* IE5.5 - IE8 */opacity:1;}
:root .inside_right_con ul li h2 span:hover b{filter:none;}
.inside_right_con ul li h2 span b strong{ display:block; position:relative; font-weight:normal;line-height:30px; width:278px; margin:0 auto; overflow:hidden; margin-top:80px; font-size:16px; border:#fff solid 1px; padding:10px; background:url(../images/dmz_02.png) 260px 5px no-repeat; position:relative;filter: alpha(opacity=100); -khtml-opacity:1; opacity:1;}
.inside_right_con ul li h2 span b i{ font-family:Arial, Helvetica, sans-serif;}
.inside_right_con ul li h2 span b .ylwz{ color:#fff; display:block; height:36px; line-height:36px; border:#fff solid 1px; border-radius:3px; width:100px; text-align:center; left:40px; bottom:100px; position:absolute;background:url(../images/ylwz.png) 8px center no-repeat; padding-left:30px; }
.inside_right_con ul li h2 span b a.ylwz:hover{ background:url(../images/ylwz_hover.png) #fff 8px center no-repeat;  color:#666; text-decoration:none;}
.inside_right_con ul li h2 span b .jgxq{ color:#fff; display:block; height:36px; line-height:36px; border:#fff solid 1px; border-radius:3px; width:100px; text-align:center; right:40px; bottom:100px; position:absolute; background:url(../images/jgxq.png) 8px center no-repeat; padding-left:27px;}
.inside_right_con ul li h2 span b a.jgxq:hover{  color:#666; text-decoration:none;background:url(../images/jgxq_hover.png) #fff 8px center no-repeat;}

.inside_right_con ul li h3 { font-size: 14px; color:#fb0808;  padding:25px 10px; position:relative; overflow:hidden; }
.inside_right_con ul li h3 span {color:#333;  float:left;  margin-right:10px; font-weight: normal;  }
.inside_right_con ul li h3 b {display: block;  float: right;}

/* 模板内页 */
.buy { height:70px;background:#333; background:rgba(0,0,0,0.8); border-top:#e72f3c solid 4px; width: 100%; position:fixed; bottom:0; left:0; overflow:hidden; }
.buy_con { text-align: center; height: 50px; overflow: hidden; color: #fff; line-height: 50px; font-size: 14px; width: 1000px; margin-top: 7px; }
.buy_con span { padding: 0 10px; float: left; }
.buy_con span b { font-family: Arial, Helvetica, sans-serif; padding: 0 5px; }
.buy_con span a { color: #f60; }
.buy_con .gmwz { border-radius: 3px; float: right; background:url(../images/gou.gif) 0 center #f60 no-repeat; padding-left:27px; }
.buy_con .gmwz a { color: #fff; }
.buy_con .alzs { background: #999; border-radius: 3px; margin-right: 5px; float: right; }
.buy_con .alzs a { color: #fff; }

.buy_con strong { float: left; }
.buy_con strong a { display: block; padding-left: 33px; font-weight: normal; color: #fff; background: url(../images/shoucang.png) 10px 10px no-repeat; }
.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
.white_content { display: none; position: absolute; top: 200px; left: 10%; width: 80%; height: 80%; border: none; z-index: 1002; overflow: auto; text-align: center; }
.white_content dl { float: left; width: 280px; margin-left: 20px; margin-top: 15px; padding-right: 32px; background: url(../images/fengge_2016.gif) right center no-repeat; }
.white_content dl dd { height: 28px; line-height: 28px; }
.white_content dl dt { height: 28px; line-height: 28px; }
.white_content ul { float: right; width: 280px; margin-right: 20px; margin-top: 15px; }
.form_close { text-align: right; }
.form_close input { height: 20px; margin: 3px; width: 20px; background: url(/image/dialog_closebtn.jpg); border: none; cursor: pointer; outline: none; }
#login .inputbox { height: 28px; line-height: 28px; width: 276px; padding: 0; margin: 0; border: #ddd solid 1px; padding-left: 3px; color: #999; outline: none; font-family: 'Microsoft YaHei'; }
#login .login { outline: none; height: 36px; line-height: 36px; width: 100%; border: none; background: #c00; color: #fff; text-align: center; border-radius: 3px; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 18px; font-weight: bold; }
.shou { position: fixed; right: 0; cursor: pointer; bottom: 70px; height: 60px; width: 60px; background: url(../images/shou.gif) top no-repeat; }
.simg { margin-bottom: 74px; }
.simg p { padding: 0; }


@media (max-width:768px){
.banner_info {height: 200px;}
.banner_info .up-cont h4 { font-size: 20px; line-height: 22px;}
.banner_info .up-cont .line {margin-top: 0px;}
.banner_info .up-cont .font {display: block; line-height: 22px; font-size: 12px;  margin-top: 10px;}
.banner_info .up-cont { position: absolute;   left: 5%;top: 15%;margin-top: 0px;color: #fff;   z-index: 2;}
.banner_info .up-cont .down-ico { display: block;width: 30px;height: 30px;  border-radius: 50%;  border: 1px solid rgba(255, 255, 255, 0.4); cursor: pointer;  margin-top: 11px;position: relative;overflow: hidden;}
.banner_info .pose { font-size: 12px; height: 35px;  line-height: 35px;}

.weblist li {position: relative; padding:45px 0;}
.weblist .left, .list .right {float: none;width: 100%;}

.weblist li:nth-child(2n+1) .title {font-size: 22px; padding-top: 20px;}
.weblist li:nth-child(2n) .title { font-size: 22px;padding-top: 20px;color: #fff;}
.weblist li:nth-child(2n) .right { color: #fff;  width: 100%;}
.weblist li .sub_title {position: relative; font-size: 14px;  margin-top: 10px;margin-bottom: 15px;}
.weblist li .sub_title:before {position: absolute;  content: '';  bottom: -7px;  height: 2px;width: 45px;}
.weblist li .description {font-size: 12px;line-height: 24px;}
.weblist .right { float: none;}
.weblist .right  img,.weblist .left  img{ width: 100%}
.btns-box { display: none;}

.seo_web {margin: 10px 0;}
.extension01_left { width: 100%;   background: #f39800;padding: 20px;}
.extension01_right {display: none;}
.extension01_left .t { font-size: 22px;color: #fff;  line-height: 25px;}
.extension01_left .line { width: 60px;height: 2px;margin: 14px 0 25px;background: #fff;}

.extension01_left .b {font-size: 14px;color: #fff;line-height: 24px;   margin-bottom: 20px;}
.extension01_left a { display: inline-block;border-radius: 100px;  padding: 4px 21px;background: #fff;font-size: 14px; text-align: center;}

.seo_web01 {padding: 25px 0;background: #f8f8f8;}
.indextitle .indextitle_b { font-size: 22px; color: #333333;   font-weight: bold;margin: 15px 0 10px;}
.indextitle .indextitle_t {display: none;}
.seo_web01_in { padding-top: 30px;overflow: hidden;}
.seo_web01_list { width: 100%;  float: none;padding:0; margin-bottom: 20px; margin-top: 0px;  position: relative;overflow: hidden;}
.seo_web01_list > img { position: relative;   height: 100%;top: 0px;left: 50%;transform: translateX(-50%);   min-width: 100.5%;}

.seo_web01_list .text {padding: 20px;}
.seo_web01_list .text .t {font-size: 18px;}
.seo_web01_list .text .b { font-size: 12px;  line-height: 24px;  margin: 15px 0 15px; width: 100%;}
.seo_web01_list .text a {width: 100px;height: 35px;   line-height: 35px; font-size: 14px;}

.seo_web02 {margin: 20px 0;}
.seo_web02_in { margin-top: 30px;}
.seo_web02_list { width: 50%; background: #fff;  padding: 15px;   float: left;}
.seo_web02_list .img{text-align: center;}

.seo_web02_list .text .t { text-align: center; font-size: 16px;  margin-bottom: 10px;}
.seo_web02_list .text .line { text-align: center; width: 16px;  height: 2px;background: #333;   margin: auto;}
.seo_web02_list .text .b {  font-size: 12px;color: #666;line-height: 22px; margin-top: 15px;}
.seoyh01_05 {display: none;}
.seo_web06 { margin:20px 0;}
.seo_web06_in {margin-top: 40px; display: block;}
.seo_web06_list{text-align:center; position:relative; z-index:2; width: 50%; float: left; margin-bottom: 20px;}
.seo_web06_in::before {display: none;}
.seo_web06_list .img {width: 60px;height: 60px; border-radius: 90px;border: 1px solid #f39800;}
.seo_web06_list .img span {font-size: 25px;}
.seo_web06_list .t {font-size: 14px; color: #333;  margin-top: 15px;}

.toptitle h2 {font-size: 22px; margin:0}
.feature-block .inner-box h6 {position: relative; font-size: 18px;  padding: 10px 0;}
.feature-block .inner-box .text {position: relative;font-size: 14px;}
.feature-block {position: relative;margin-bottom: 12px;}
.harsh {padding: 30px 0;background: #fff; margin-bottom: 0px;}
.harsh .tit {  font-size: 22px;  margin:0; padding-bottom: 16px;}
.harsh ul {  margin-top:20px;}
.harsh ul li { display:inline ;}
.harsh ul li img{ width: 100%; height: auto;}
.harsh ul li .text2 {padding-left: 0px; height: 100%; margin-bottom: 20px;}
.harsh ul li .text2 .title {  padding-top: 15px;   font-size: 16px;padding-bottom: 8px;}
.harsh ul li .text2 .desc { padding-top: 20px;padding-right: 0px;font-size: 14px;color: #888888;line-height: 24px;}

.case_one {padding-top: 20px;}
.case_one .h2 { float: left;  line-height: 52px;  font-size: 22px;font-weight: normal;letter-spacing: 1px;}
.case_one .case_one_r { float: none;width: 100%;}
.case_one .case_one_r .all_a { float: left; height: 45px; width: 50%;  line-height: 45px; font-size: 14px;}
.case_one .case_one_r .case_down { margin-left: 0px;  width: 50%;}
.case_one .case_one_r .case_down label { display: block;  height: 45px; line-height: 45px;margin-bottom: 0px;  font-size: 14px;}
.case_one .case_one_r .case_down ul {top: 45px;}

.related p {display: none;}
.related ul li h2 {font-size: 14px;}
.related {padding-top: 45px;}
.related ul li {margin-bottom: 10px;}

.case_show_one { background-size: 100% 100%;  overflow: hidden;  margin-top: 10px;  margin-bottom: 10px;}
.case_show_one_l {width: 100%;float: none;  overflow: hidden;  min-height: 255px;}
.case_show_one_r {width: 100%;float: none;  overflow: hidden; }
.case_show_one_r .case_txt {  width: 100%; text-align: center;}

.case_show_one_l .case_txt .h2 {margin-top: 14px;  height: 38px;  line-height: 25px;  font-size: 20px;  font-weight: normal;  margin-bottom: 10px;}
.case_show_one_l .case_txt .divs { line-height: 22px;  color: #666666;  font-size: 12px;}

.case_show_one_l .case_txt {width: 100%; padding: 10px; }
.case_show_one .weblink { margin: 15px auto;}
.case_show_one .weblink a {border: 1px solid #010000; padding: 3px 25px 3px 38px;  display: inline-block;   font-size: 12px;   border-radius: 1px; }

.case_show_one_r .h2 {background: url(../images/case_bg3.jpg) center bottom no-repeat; margin-top: 20px; height: 45px; line-height: 30px;  font-size: 22px; margin-bottom: 17px;}
.case_show_one_r ul{margin-bottom: 20px;}
.case_show_one_r ul li {   font-size: 14px;display: block;height: 30px;line-height: 30px;}

.case_con {margin-bottom: 20px; padding-top: 20px;}
.case-t {padding-top: 20px;}
.case-t .t-con {float:left;  width: 50%; margin-bottom: 30px;}
.case-t .t-con strong {width: 60%; height: 30px; line-height: 30px;}
.case-t h6 {width: 63%; margin-bottom: 30px;}
.case-t h6 a {font-size: 16px;line-height: 2em;}

.solution { padding:20px 0;}
.solutionlist {padding-bottom: 0px;}
.solutionlist li {width: 100%; float: none; margin-bottom: 15px;}
.solutionlist li .imgs img {height: auto;width: 100%;}
.solutionlist li .txts .h2 {font-size: 14px;}
.solutionlist li .txts .p {font-size: 15px;line-height: 24px;}
.solutionlist li .txts .cons {margin: 0 auto;  padding: 20px;  height: 150px;  overflow: hidden;background: url(../images/case_bg4.png) 20px 125px no-repeat;}

.news_content {overflow: hidden;  padding-top: 10px;padding-bottom: 10px;}
.news_right_c,.sidebar {width: 100%;float: none;}
.news-lists .list li { float: left;width: 100%;margin-bottom: 10px;background-color: #fff;}
.news-lists .list li .img {width: 100%; margin-right: 0px; float: none; display: inline;}
.news-lists .list li a {width: 100%; padding: 0px; border: 2px solid #F8F8F8;}
.news-lists .list li dl{padding: 10px;}
.news-lists .list li dt {font-size: 14px; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.news-lists .list li .time {padding: 6px 0;  color: #A1A6AB;}
.news-lists .list li .des {height: auto;}

.sidebar .iauth li {float: left; width: 50%; line-height: 28px;  background: none; margin-top: 10px;}
.sidebar .iauth li a { color: #333; background-color: #fff;margin: 0 5px;  padding: 0 5px;}
.sidebar .iauth li a i {padding: 0px 3px 0 2px;}
.sidebar .grayblock .iconfont { font-size: 16px;padding-right: 5px;}
.sidebar .grayblock h2 {font-size: 16px; line-height: 38px;  margin-bottom: 5px;}

.new_show_l_top h1 { font-size: 18px;  font-weight: 600;  line-height: 25px;  overflow: hidden;color: #000;}
.new_show_l_top p {height: 28px;  line-height: 40px;overflow: hidden;font-size: 12px;}
.new_show_l_top p span { margin-left: 8px;}
.new_show_l_top {margin-top: 10px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.new_show_l_text { padding-top: 25px;  line-height: 28px;font-size: 14px;}

.new_show_l_text .news_show_tag { overflow: hidden; margin: 0px; font-size: 14px; line-height: 32px;}
.new_show_l_text .news_show_tag a {float: left; padding-left: 5px; padding-right: 5px;}
.relate_bord {margin-top: 5px;}
.relate_news li {float: left;  width: 100%; margin: 0;}
.relate_news {overflow: hidden;padding: 0;}

.weihulc .tit {font-size: 22px;margin: 20px 0;font-weight: bold;text-align: center;color: #1f1f1f;position: relative;padding-bottom: 10px;}
.skip>div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;line-height: 30px;height: 30px;text-indent: 10px;}
.sidebar .iauth li a em {padding-right: 5px;font-style: normal;}

/*分页*/
.pagination {display: block;text-align: center; overflow: hidden;}
.pagination a {line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0;}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:5px 2px; font-size:14px;border:none;border-radius:4px;display:inline-block!important;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#f39800;color:#fff;border:1px solid #f39800;}
.pagination span{border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}

.full-related-news {width: 100%; padding: 10px 0 17px;background-color: #f2f2f2;}
.full-related-news .tit {font-size: 22px; margin:30px 0;  font-weight: bold;  text-align: center;  color: #1f1f1f;  position: relative; padding-bottom: 16px;}
.full-related-news .tit::after {position: absolute; left: 0;   right: 0;  bottom: 0;  margin: auto;  width: 60px;  height: 2px;  background: #f39800; content: '';}
.full-related-news .related-news{overflow:hidden}
.full-related-news .related-news ul{margin-top: 30px;}
.full-related-news .related-news li{float:left;width:100%}
.full-related-news .related-news a{display:block;overflow:hidden;margin: 0 5px 10px;border: 1px solid #d2d2d2;padding: 10px 10px 10px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.full-related-news .related-news a:hover{border-color:#f39800}
.full-related-news .related-news a:hover .title{color:#f39800}
.full-related-news .related-news a:hover .date{color:#f39800}
.full-related-news .related-news .title{margin-bottom:4px;font-size:16px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.full-related-news .related-news .date{font-size:14px;line-height:30px;color:#a5a5ab}

.caselist .item {width: 100%;margin:10px 0;float: left;position: relative;padding: 30% 0;display: block;}
.caselist .item .text .t {margin-bottom: 0px;}
.caselist .item .text .b {font-size: 16px; color: #e1e1e1;}

/*付款方式*/
.paymentPage{padding: 20px 0 15px 0;background: #f5f5f5; overflow:hidden;}
.paymentPage .tit { font-size: 22px;margin-bottom: 20px;font-weight: bold;text-align: center;color: #1f1f1f;position: relative;padding-bottom: 16px;}
.paymentPage .tit::after { position: absolute;left: 0; right: 0;bottom: 0;margin: auto;width: 60px;height: 2px;background: #f39800;  content: '';}
.paymentPage .col-sm-12{padding:0;}
.paymentPage li{margin-bottom: 20px;}
.paymentPage li .box{background: #fff; padding:10px;}
.paymentPage li .pic{height: 60px; overflow: hidden;}
.paymentPage li .pic img{max-height: 100%;}
.paymentPage li .text{line-height: 16px;font-size: 18px;color: #333333;margin-top: 10px;}
.paymentPage li .text p{font-size: 14px;color: #333333; margin-bottom: 10px;}

/*联系我们*/
.contact1{ overflow: hidden;}
.contact1 h2 {margin: 30px 0 0px 0px; font-size: 18px;  color: #404040; line-height: 28px;}
.contact1 li{float: none;display: table;margin:20px 0px;width: 100%; height: 180px;background-color: #f2f2f2;}
.contact1s{display: table-cell;vertical-align: middle;padding: 0 8%;}
.contact1s i{font-size: 35px;color: #000;}
.contact1s p{font-size: 14px;color: #333;line-height: 22px;}
.contact1s span{display: block;margin: 5px 0 0px;font-size: 16px;font-weight: bold;font-family: arial;color: #404040;}
.contact1 li:hover{background-color: #f39800;color: #fff;}
.contact1 li:hover .contact1s i,.contact1 li:hover .contact1s p,.contact1 li:hover .contact1s span{color: #fff;}

.liuyan{overflow: hidden;  padding: 10px 0 20px 0;}
.liuyan .title{   line-height: 30px;font-size: 22px;color: #000000;}
.liuyan .right,.liuyan .left{float: none;width: 100%;margin-top: 10px;}
.liuyan .right{ float: none;}
.liuyan .inpu{border: solid 1px #e6e6e6; box-sizing: border-box;  background: #fff; padding:0px; margin-bottom: 10px;}
.liuyan .inpu textarea,.liuyan .inpu input{width: 100%; height: 40px; line-height: 40px; box-sizing: border-box;font-size: 14px;color: #333;border: none;outline:none;padding: 0 20px;box-sizing: border-box; background: none;}
.liuyan .inpu input::-webkit-input-placeholder{color:#666;}
.liuyan .inpu input:-moz-placeholder{color:#666;}
.liuyan .inpu input::-moz-placeholder{color:#666;}
.liuyan .inpu input:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea::-webkit-input-placeholder{color:#666;}
.liuyan .inpu textarea:-moz-placeholder{color:#666;}
.liuyan .inpu textarea::-moz-placeholder{color:#666;}
.liuyan .inpu textarea:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea{height: 100px;resize: none;line-height: 24px;padding: 10px 20px;}
.liuyan .btn{margin: 0;padding: 0;height: 70px;text-align: center;}
.liuyan .btn a,
.liuyan .btn button,
.liuyan .btn input{width: 160px;height: 50px;line-height: 40px;font-size: 14px;}
.caselist .item .blackdiv {background: rgba(3,3,3,0.3);}

#side{display: none;}
}