@import url(../../css/animate.css);

.delay1,.delay5 { -webkit-animation-delay: 0s; animation-delay: 0s;}
.delay2,.delay6 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay3,.delay7 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay4,.delay8 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}

.newdelay1{-webkit-animation-delay: 0s; animation-delay: 0s; }
.newdelay2{-webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.newdelay3{-webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.newdelay4{-webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.newdelay5{-webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.newdelay6{-webkit-animation-delay: 1s; animation-delay: 1s; }
.newdelay7{-webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/icos.png);
  *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}

html { overflow-x:auto;}
html,body,.wrap { min-width:0;}
.wrap { width:auto; margin-right:auto; margin-left:auto;}
body{font-size:13px; line-height:1.6; color:#555; background:#fff;/*  padding-top:75px; */ /* overflow:hidden;  min-width: 1000px;*/ overflow-x:hidden; }
a{color:inherit;}
a:hover { color:#ec1c1c;}
::-moz-selection {color:#fff; background:#ec1c1c; }
::selection {color:#fff; background:#ec1c1c; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control,.input-group-addon, .btn {border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .4s ease 0s; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.rotation { -webkit-animation:rotation .8s infinite linear; animation:rotation .8s infinite linear;}
@-webkit-keyframes rotation {
  0% { -webkit-transform:rotateZ(0deg)}
  100% { -webkit-transform:rotateZ(360deg)}
}
@keyframes rotation {
  0% { transform:rotateZ(0deg)}
  100% { transform:rotateZ(360deg)}
}

.sr .anim { visibility:hidden;}
.ie10_below .anim { visibility:visible;}

a.atel { cursor:default;}

.iservice .more { display:block; position:absolute; right:30px; bottom:30px; width:46px; height:46px; line-height:46px; text-align:center; border:#fff 1px solid;}
.iservice .more .ion { display:block; width:46px; height:46px; font:0/0 a; letter-spacing:-9px; margin:0; color:#fff; background:url(../img/ipart01_arr.png) -46px 0 no-repeat; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.iservice:hover .more { background-color:#fff; }
.iservice:hover .more .ion { background-position:0 0; }

.color2 .iservice .more { border-color:#ec1c1c; }
.color2 .iservice .more .ion {/*  color:#3d3d3d; */ background-position:0 0;}
.color2 .iservice.box:hover .more { background-color:#ec1c1c; border-color:#ec1c1c;}
.color2 .iservice.box:hover .more .ion { background-position:0 -46px;}

.color12 .iservice .more { border-color:#3d3d3d;}
.color12 .iservice .more .ion {/*  color:#3d3d3d; */ background-position:-46px -184px;}
.color12 .iservice.box:hover .more { background-color:#ec1c1c; border-color:#ec1c1c;}
.color12 .iservice.box:hover .more .ion { background-position:0 -184px;}

.rolling > .rolling-box {
  -webkit-perspective:1300px;
  -o-perspective:1300px;
  -ms-perspective:1300px;
  perspective:1300px;
  -webkit-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
.rolling .is_animated {
  -webkit-transition-duration:1.2s;
  -webkit-transition-property:-webkit-transform,opacity;
  -webkit-transition-delay:.15s;
  -webkit-transition-timing-function:'ease-in-out';
  -moz-transition-duration:1.2s;
  -moz-transition-property:all;
  -moz-transition-delay:.15s;
  -moz-transition-timing-function:'ease-in-out';
  -o-transition-duration:1.2s;
  -o-transition-property:transform,opacity;
  -o-transition-delay:.15s;
  -o-transition-timing-function:'ease-in-out';
  -ms-transition-duration:1.2s;
  -ms-transition-property:transform,opacity;
  -ms-transition-delay:.15s;
  -ms-transition-timing-function:'ease-in-out';
  transition-duration:1.2s;
  transition-property:transform,opacity;
  transition-delay:.15s;
  transition-timing-function:'ease-in-out';
  -webkit-transform:rotatex(-80deg) translateZ(0);
  -ms-transform:rotatex(-80deg) translateZ(0);
  transform:rotatex(-80deg) translateZ(0);
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  transform-origin:0 0 0;
  opacity:0
}
.rolling .is_animated.revealed {
  -webkit-transform:rotatex(0) translateZ(0);
  -ms-transform:rotatex(0) translateZ(0);
  transform:rotatex(0) translateZ(0);
  opacity:1
}
.servicePage .channel_bd video{ height: 100%; }
.servicePage .channel_bd .color9 video{ height: auto; width: 100%;}

.ipart01 .color1,.ipart01 .color4 { transition-delay:0s; -webkit-transition-delay:0s;}
.ipart01 .color2,.ipart01 .color5 { transition-delay:.15s; -webkit-transition-delay:.15s;}
.ipart01 .color3,.ipart01 .color6 { transition-delay:.3s; -webkit-transition-delay:.3s;}

.delay150 { -webkit-transition-delay:.15s!important; transition-delay:.15s!important;}
.delay300 { -webkit-transition-delay:.3s!important; transition-delay:.3s!important;}
.delay450 { -webkit-transition-delay:.45s!important; transition-delay:.45s!important;}
.delay600 { -webkit-transition-delay:.6s!important; transition-delay:.6s!important;}
.delay750 { -webkit-transition-delay:.75s!important; transition-delay:.75s!important;}
.delay900 { -webkit-transition-delay:.9s!important; transition-delay:.9s!important;}

/*ipart02*/
.i_hd { text-align:center; margin-bottom:15px;}
.i_hd .title { font-size:40px; font-weight:normal; color:#000;}
.i_hd .text { font-size:24px; color:#777777; margin-bottom: 40px;}

.pBox { position:relative; overflow:hidden; margin-bottom:0px; /*cursor: pointer;*/}
.pBox ._n { display:block; width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; text-align:left; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pBox ._img img { width:100%; height:auto;}
.pBox ._mask { width:100%; height:100%; position:absolute; text-align:left; background:url(../img/orange.8.png);}
.pBox ._mask a { display:block; color:#ffffff; padding:20px 10%; opacity:0; display:none/9; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}

.pBox ._mask ._tag {display:inline-block;font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pBox ._mask ._n { display:block; margin-bottom:5px; margin-top:7%; color:#ffffff;}
.pBox ._mask ._text {font-size:13px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pBox ._mask ._more { display:inline-block; width:auto; height:42px; line-height:42px; background:#d95204; color:#ffffff; padding:0 50px; font-size:14px; }
.pBox:hover ._img ._n { bottom:-40px; }
.pBox ._mask { left:0; top:0; opacity:0; display:none/9; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;visibility: hidden;}
.pBox:hover ._mask { opacity:1; display:block/9; visibility: visible;}
.pBox:hover ._mask a { opacity:1; display:block/9; margin-top:0;}


/*ipart03*/
.inner_wrap { margin-left:5%; margin-right:5%; /* min-width: 1000px; */}
.ipart03 { background-color:#f5f7f8; padding:30px 0 40px;}


/*ipart04*/
.ipart04 .i_bd { position:relative;}
.ipart04 .i_bd .img { font:0/0 a;letter-spacing:-9px;}
.ipart04 .i_bd .img img { width:100%; height:auto;}
.ipart04 .i_bd .intro { width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; color:#fff;}
.ipart04 .i_bd .title { font-size:50px; font-weight:normal; color:#fff; margin-top:7%;}
.ipart04 .i_bd .text { font-size:16px; padding:0 31%; margin-bottom:20px;}

/*channel content*/
.channel_banner { 
  display:block; text-align:center; overflow:hidden; 
  position: relative;
  height:600px; padding-bottom:0; padding-top: 88px;
}

.channel_banner img { display:inline-block; margin:0 -100%; margin:0 -50%\9; max-width:none; width:auto; -moz-transition:all 8s ease 0s; -ms-transition:all 8s ease 0s; -o-transition:all 8s ease 0s; -webkit-transition:all 8s ease 0s; transition:all 8s ease 0s;}
.zoomActive img { -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}

.brand_tit{ text-align: center; position: absolute; color: #fff; width: 100%; /* padding-top: 80px; */ top: 40%; margin-top: -50px;}
.brand_tit ._tit{ font-size: 60px; font-weight: normal; line-height: 1; margin-bottom: 25px; }
.brand_tit ._sub{ font-size: 25px; font-weight: bold; height:60px;}
.brand_tit ._sub p{ display: inline-block; position: relative;}
.brand_tit ._sub p:before{ content: ""; position: absolute; width: 120px; height: 1px; background:rgba(255,255,255,.5); top: 20px; left: -140px;}
.brand_tit ._sub p:after{ content: ""; position: absolute; width: 120px; height: 1px; background:rgba(255,255,255,.5); top: 20px; right: -140px;}
.brand_tit ._txt{ font-size: 18px;line-height: 50px; }
.num_list{ width: 102%;}
.num_list li{ background:#e01b22; width: 19%; height: 141px; float: left; margin-right: 1%;  box-sizing:border-box; text-align: left;}
.num_list li ._con{ border: 6px solid #fff; padding: 5%; position: relative;}
.num_list li i{ background: url(../img/brand_num.png) no-repeat 0 0; display: inline-block; width: 115px; height: 100px;}
.num_list .li2 i{ background-position: -115px 0;}
.num_list .li3 i{ background-position: -230px 0;}
.num_list .li4 i{ background-position: -345px 0;}
.num_list .li5 i{ background-position: -460px 0;}
.num_list li ._txt{ position: absolute; left: 50%; margin-left: -38%; top: 0; font-size: 16px; width: 76%; padding-top: 10%;}

.ydhl_sec1{ background: #e01b22; color: #fff; text-align: center; padding: 45px 0;}
.ydhl_sec1 .p1{ font-size: 28px; line-height: 1; }
.ydhl_sec1 .p2{ font-size: 44px; margin-bottom: 20px;}
.ydhl_sec2{ padding-top: 80px;}
.ydhl_sec2 ._t{ font-size: 40px; color: #323232; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.ydhl_sec2 ._intro{ font-size: 15px; margin-bottom: 80px; }
.service_icos li{ width: 20%; float: left; border-right: 1px solid #ededed; margin-bottom: 70px; margin-left: -1px; cursor: pointer;}
.service_icos li .ic{  display: inline-block; background:url(../img/lb_brand_icos.png) no-repeat 0 0; width: 50px; height: 50px; margin: 0 auto;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.service_icos li .p1{ font-size: 16px;}
.service_icos li .ic2{ background-position: -50px 0;}
.service_icos li .ic3{ background-position: -100px 0;}
.service_icos li .ic4{ background-position: -150px 0;}
.service_icos li .ic5{ background-position: -200px 0;}
.service_icos li .ic6{ background-position: -250px 0;}
.service_icos li .ic7{ background-position: -300px 0;}
.service_icos li .ic8{ background-position: -350px 0;}
.service_icos li .ic9{ background-position: -400px 0;}
.service_icos li .ic10{ background-position: -450px 0;}
.service_icos li .ic14{ background-position: -150px -50px;}
.service_icos li .ic15{ background-position: -200px -50px;}
.service_icos li .ic16{ background-position: -250px -50px;}
.service_icos li .ic17{ background-position: -300px -50px;}
.service_icos li:hover .ic{ -webkit-transform: translateY(-15px); transform: translateY(-15px);}

.ydhl_sec3{ width: 100%; height: 242px; padding-top:70px; background:url(../img/brand_bg2.jpg) no-repeat center; color: #fff;text-align: center; position: relative;}
.ydhl_sec3 .inner_wrap{ position: relative; height: 100%;}
.ydhl_sec3 ._t{ font-size: 42px; font-weight: normal;}
.ydhl_sec3 ._intro{ font-size: 15px; }
.brand_menu { position: absolute; bottom: 0; left: 0; width: 100%;}
.brand_menu li{ width: 14.1%; float: left; margin-right: 2px; cursor: pointer;  background:rgba(0,0,0,.2); color: #fff; height: 52px; line-height: 52px; font-size: 17px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.brand_menu li.cur{ background: #ec1c1c;}
.brand_menu li a{ display: block;}
.brand_menu li a:hover{ color: #fff; }
.brand_menu li:hover{ /* transform:translateY(-15px);  */ background:#ec1c1c;}

.ydhl_sec4{ background: #f4f4f4; padding: 70px 0; }
.ydhl_sec4 .tip{ font-size: 17px; color: #ec1c1c; margin-bottom: 30px;}
.ydhl_sec4 ._t{ font-size: 24px; line-height: 1; margin-bottom: 20px;}
.ydhl_sec4 ._txt{ margin-bottom: 40px; line-height: 2;}
.ydhl_sec4 .links a{ float: left; width: 100px; height: 50px; padding: 25px 0; background: #0497b7; text-align: center;}
.ydhl_sec4 .links .a2{ background: #fa9f00;}
.ydhl_sec4 .links .a3{ background: #65bc46;}
.ydhl_sec4 .links a i{ display: inline-block;  background:url(../img/lb_brand_icos.png) no-repeat 0 -50px; width: 50px; height: 50px;  vertical-align: middle;}
.ydhl_sec4 .links a:hover{ opacity: .8;}
.ydhl_sec4 .links .a2 i{  background-position: -50px -50px;}
.ydhl_sec4 .links .a3 i{ background-position: -100px -50px; margin-right: 25px; }
.ydhl_sec4 .links .a3{ width: auto; padding:25px; color: #fff; font-size: 28px; }

.xyswz_sec1 { width: 100%; height: 204px; text-align: center;background:url(../img/Lbwebbg01.jpg) left top no-repeat;background-size: cover;}
.xyswz_sec1 .bounceIn{float: left;  visibility: hidden; }
.xyswz_sec1 .animated{ visibility: visible;opacity: 1; }
.xyswz_sec1 ._con{ padding-top: 56px; padding-bottom: 51px;padding-left:5%;}
.xyswz_sec1 ._con .fh{ font-weight: bold; font-size: 28px; color: #fff; padding:1.5% 5%;}
.xyswz_sec2 ._img{ text-align: center; }
.xyswz_sec2 .p1{ font-size: 18px; color: #000; margin-bottom: 10px;}
.xyswz_sec2 .p2{ font-size: 15px; color: #737373; text-align: center; margin-bottom: 50px;}
.xyswz_sec2{ padding-bottom: 90px;}
.xyswz_sec3 { background:url(../img/xyswz_sec3_bg.jpg) fixed; padding: 75px 0; overflow: hidden;}
.xyswz_sec3 .img_list li img{ width: 100%; }
.xyswz_sec3 ._tit{ text-align: center; font-size: 40px; color: #fff; line-height: 1; margin-bottom: 65px;}
.xyswz_sec3 ._tit b{ color: #ec1c1c;}
.xyswz_sec3 .img_list li{ overflow: hidden; }
.xyswz_sec3 .img_list li .t{ font-size: 26px; color: #fff; position: absolute; top: 30px; left: 35px;}
.xyswz_sec3 .img_list li .t:after{ content: ''; width: 50px; height: 1px; background: #fff; position: absolute; left: 0; bottom: -15px;}
.xyswz_sec3 .img_list li ._con{ height: 0; padding-bottom: 79%; background: #42668f; position: relative;}
.xyswz_sec3 .img_list li .span-6 { position: relative; cursor: pointer;}
.xyswz_sec3 .img_list li ._mask{ background:rgba(0,0,0,.8); color: #fff; width: 90%; height: 90%; padding: 5%; position: absolute; top: 100%; left: 0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.xyswz_sec3 .img_list>.span-6:hover ._mask{ top: 0;}
.xyswz_sec3 .img_list li i{ display: inline-block;position: absolute; width: 60px; height: 50px; background:url(../img/xyswz_num.png) no-repeat 0 0; bottom: 25px; right: 30px;}
.xyswz_sec3 .img_list li .num02{ background-position: -60px 0;}
.xyswz_sec3 .img_list li .num03{ background-position: -120px 0;}
.xyswz_sec3 .img_list li .num04{ background-position: -180px 0;}
.xyswz_sec3 .img_list li .num05{ background-position: -240px 0;}
.xyswz_sec3 .img_list li .num06{ background-position: -300px 0;}
.xyswz_sec3 .img_list .l4 ._con{  background: #4d2e83; }
.xyswz_sec3 .img_list .l5 ._con{  background: #65bc46; }
.xyswz_sec3 .img_list .l7 ._con{  background: #ffb400; }
.xyswz_sec3 .img_list .l10 ._con{  background: #2cbcb1; }
.xyswz_sec3 .img_list .l12 ._con{  background: #42668f; }
.xyswz_sec4{ text-align: center; padding: 65px 0;}
.xyswz_sec4 ._tit{ font-size: 40px; line-height: 1; margin-bottom: 20px;}
.xyswz_sec4 .p1{ font-size: 16px;  margin-bottom: 50px;}
.xyswz_sec4 .icos{ width: 100%; height: 270px; }
.xyswz_sec4 .dot ._list{ display: none;}
.xyswz_sec4 .dot ._list a{ display: block; line-height: 28px;}
.xyswz_sec4 .dot { z-index: 5; background: #fff; position: absolute; cursor: pointer; width: 128px; height: 128px; border: 1px solid #ddd; border-radius: 64px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.xyswz_sec4 .dot .ic{ display: inline-block; width: 50px; height: 50px; background:url(../img/lbwz_ico.png) no-repeat 0 0;  margin-top: 30px; }
.xyswz_sec4 .dot h3{ line-height: 1; font-weight: normal; font-size: 17px; margin-bottom: 8px; margin-top: 5px;}
.xyswz_sec4 .dot:hover{ z-index:6; background: #ec1c1c; color: #fff; height: auto; padding-bottom: 30px;}
.xyswz_sec4 .dot:hover ._list{ display: block; text-align: left;padding-left: 30px; padding-right: 10px;}
.xyswz_sec4 .dot:hover ._list a{ color: #fff;}
.xyswz_sec4 .dot1 .ic{ background-position: 0 0;}
.xyswz_sec4 .dot2 .ic{ background-position: -50px 0; }
.xyswz_sec4 .dot3 .ic{ background-position: -100px 0; }
.xyswz_sec4 .dot4 .ic{ background-position: -150px 0; }
.xyswz_sec4 .dot5 .ic{ background-position: -200px 0; }
.xyswz_sec4 .dot6 .ic{ background-position: -250px 0; }
.xyswz_sec4 .dot7 .ic{ background-position: -300px 0; }
.xyswz_sec4 .dot8 .ic{ background-position: -350px 0; }
.xyswz_sec4 .line{ content:''; position: absolute; background:url(../img/line1_2.png) no-repeat center; width: 100px; height: 107px; z-index: 1;}
.xyswz_sec4 .line2,.xyswz_sec4 .line4,.xyswz_sec4 .line6,.xyswz_sec4 .line8{ background-image: url(../img/line1_1.png); height: 123px; width: 110px;}
.xyswz_sec4 .line1{ left: 7%; top: 91px;}
.xyswz_sec4 .line2{ left: 19%; top: 91px;}
.xyswz_sec4 .line3{ left: 32%; top: 91px;}
.xyswz_sec4 .line4{ left: 44%; top: 91px;}
.xyswz_sec4 .line5{ left: 57%; top: 91px;}
.xyswz_sec4 .line6{ left: 69%; top: 91px;}
.xyswz_sec4 .line7{ left: 82%; top: 91px;}

.xyswz_sec4 .dot1:hover .ic{ background-position: 0 -50px;}
.xyswz_sec4 .dot2:hover .ic{ background-position: -50px -50px;}
.xyswz_sec4 .dot3:hover .ic{ background-position: -100px -50px;}
.xyswz_sec4 .dot4:hover .ic{ background-position: -150px -50px;}
.xyswz_sec4 .dot5:hover .ic{ background-position: -200px -50px;}
.xyswz_sec4 .dot6:hover .ic{ background-position: -250px -50px;}
.xyswz_sec4 .dot7:hover .ic{ background-position: -300px -50px;}
.xyswz_sec4 .dot8:hover .ic{ background-position: -350px -50px;}

.xyswz_sec4 .dot1{ top: 0; }
.xyswz_sec4 .dot2{ bottom: 0; left: 12.5%;}
.xyswz_sec4 .dot3{ top:0;  left: 25%;}
.xyswz_sec4 .dot4{ bottom: 0; left: 37.5%;}
.xyswz_sec4 .dot5{ top: 0; left: 50%;}
.xyswz_sec4 .dot6{ bottom: 0; left: 62.5%;}
.xyswz_sec4 .dot7{ top: 0; left: 75%;}
.xyswz_sec4 .dot8{ bottom: 0; left: 87.5%;}

/*case list*/

#case_list .title,#case_list .tag { height:1.5em; line-height:1.5em; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#case_list .title { font-size:17px; font-weight:normal; padding-top:10px;}
#case_list .tag { margin-bottom:30px; font-size:12px; color:#919191;}


.top_title{  border-left: 1px solid #ddd; padding-left: 20px; height: 45px; line-height: 45px;  margin: 15px 0 15px 20px;}
.top_title h1{ font-size: 24px; font-weight: normal;}

.ydhl_wz_anli_list { margin-bottom:55px; }
.ydhl_wz_anli_list .i_hd { margin:40px 0 45px; }
.ydhl_wz_anli_list .i_hd .text { margin-bottom:0; }

.brand_intro_list>li{ display: none;}
.brand_intro_list li.show{ display: block;}
.breadCrumb h2{ font-size: 17px; font-weight: normal; display: inline-block;}

.ecommerce_menu h2{ font-size: 62px; font-weight: normal; font-family: Arial; line-height: 1; color: #ec1c1c;}
.ecommerce_menu h3{ font-size: 36px; font-weight: normal; margin-bottom: 15px;}
.ecommerce_menu ._txt{ margin-bottom: 90px; font-size: 16px;}

@media only screen and (max-width: 1199px) {
#case_list .span-4 { width:48%; }
.xyswz_sec1{display: none;}
}
@media only screen and (max-width: 767px) {
.xyswz_sec3 .img_list li ._mask{display: none;}
.xyswz_sec4{display: none;}
.brand_menu {height: 52px;overflow: hidden;}
.brand_menu li{width:80px;font-size: 14px;}
.ydhl_sec3{padding-bottom: 40px;}
.ydhl_sec3 ._t{font-size: 24px;}
.ydhl_sec3 ._intro{font-size: 14px;}
.brand_tit ._tit,.ydhl_sec2 ._t,.xyswz_sec3 ._tit,.i_hd .title{font-size: 30px;}
.brand_tit ._sub,.xyswz_sec3 .img_list li .t,.ydhl_wz_anli_list .i_hd .text{font-size: 20px;}
.brand_tit ._txt{font-size: 16px;padding:10px 15px 0 15px;}
.ydhl_sec4 .links .a3{font-size: 16px;    padding: 25px 5px;}
.xyswz_sec2 ._img img{max-width: 100%;}
#case_list .span-4 { width:100%; }
.row>[class*="span-"] {float: none;    margin-right:0;}
.ydhl_sec1{display: none;}
.service_icos li{width: 50%;}
.channel_banner { padding-top:0;}
.brand_tit {margin-top: -80px;}
}

.Telhd{width: 50px; height: 50px; overflow: hidden;position: fixed;bottom: 65px;right: 5px;;background-color:rgba(234, 104, 104, 0.5);text-align: center; line-height: 50px; color:#e03838; font-size:16px;

    text-transform:Uppercase;font-weight: bold;

    -webkit-border-radius:8px;

    -moz-border-radius:8px;

    -ms-border-radius:8px;

    -o-border-radius:8px;

    border-radius: 8px;
transition:all 0.3s;
}
.Telhd img{ width:50px; height:50px;}
.Telhd:hover{ width:180px;}
.Telhd a:hover{ color:#fff;}
.feedbackhd{width: 50px; height: 50px; overflow: hidden;position: fixed;bottom: 10px;right: 5px;;background-color:rgba(234, 104, 104, 0.5);text-align: center; line-height: 50px; color:#e03838; font-size:16px;

    text-transform:Uppercase;font-weight: bold;

    -webkit-border-radius:8px;

    -moz-border-radius:8px;

    -ms-border-radius:8px;

    -o-border-radius:8px;

    border-radius: 8px;
cursor:pointer;
}
.feedbackhd img{ width:50px; height:50px;}


.feedbackbox{position: fixed;right: 0; bottom: 0px;width:300px;overflow: hidden; text-align:left; z-index:998; }

.feedbackbox .tit{height: 52px; overflow: hidden;background: #e03838; line-height: 52px; text-align: left; text-indent: 20px; color:#fff;

    text-transform:Uppercase; font: 700 24px/52px Roboto;

    -webkit-border-radius:8px 8px 0 0;

    -moz-border-radius:8px 8px 0 0;

    -ms-border-radius:8px 8px 0 0;

    -o-border-radius:8px 8px 0 0;

    border-radius: 8px 8px 0 0;

}

.feedbackbox .tit span{float: right;line-height: 52px;margin-right: 10px;cursor:pointer;}

.feedbackbox .warp{background: #f2f5f9;border:1px solid #e3e3e3;padding:15px;}

.feedbackbox .warp .ui-input{width: calc(100% - 24px); line-height:18px;padding:10px;margin-bottom:20px;border:1px solid #e3e3e3;}

.feedbackbox .checkcode{border:1px solid #e3e3e3;background:#fff;margin-bottom:20px;padding:5px 0;}

.feedbackbox .checkcode .ui-input{margin-bottom:0;border:0;}

.feedbackbox .warp .mode02{padding-right: 0;}

.feedbackbox .warp .mode02 a{height:40px;width:100%;font: 300 16px/40px microsoft yahei; text-align: center; display: inline-block;

    border:0 none;background: #e03838; color: #fff;}

.feedbackbox .warp .mode02 a:hover{background:#e61c1c;color:#fff;}