@charset "utf-8";
/*公共样式*/.sqiao_fixed{height: 225px !important;}
* {margin:0;padding:0;}
body {font-size:14px;background:#fff;font-family:"MicrosoftYaHei;";line-height:1.3;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
ol,ul,li {list-style:none;}
a {text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(255,0,0,0);cursor:pointer;}
a:hover {color:#D50213!important;}
em,i {font-style:normal;}
h1,h2,h3,h4,h5,h6,th {font-weight:normal;}
img {border:0;max-width:100%;height:auto;vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
input,textarea,select,button {border:0;background:none;outline:0;font-family:"Arial";}
input[type="button"],input[type="text"],input[type="submit"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input,input:focus,input:active {user-select:text;}
textarea {resize:none;}
.clearfix {zoom:1;}
.clearfix:after {content:".";*zoom:1;display:block;visibility:hidden;height:0;clear:both;}
.fl {float:left;}
.fr {float:right;}
.hide {display:none;}
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right!important;}
.middle {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:0;height:100%;}
.container {width:1520px;margin:0 auto;position:relative;}
.w1841 {width:1841px;margin:0 auto;position:relative;}
.col-lg-6 {
    width: 50%;
    *width: 49.98%;
    float: left;
}
.col-sm-6 {
    width: 50%;
    float: left;
    *width: 49.98%;
}
@media only screen and (max-width:1499px) {.container {width:1200px;}
}
/*字体图标*/
@font-face {
    font-family: 'mikeiconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
  }
  .mikeiconfont{font: 16px/1 mikeiconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*slick.css*/
.slick-slider {position:relative;z-index:2;}
.slick-list {position:relative;overflow:hidden;}
.slick-list:focus {outline:0;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-track {position:relative;}
.slick-track:before,.slick-track:after {content:"";display:table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {float:left;height:100%;min-height:1px;display:none;position:relative;z-index:1;}
.slick-slide:focus {outline:0;}
.slick-slide img {display:block;}
.slick-slide.slick-active {z-index:2;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-prev,.slick-next {display:block;width:20px;height:20px;line-height:0;font-size:0;cursor:pointer;position:absolute;top:50%;margin-top:-10px;z-index:6;}
.slick-prev:focus,.slick-next:focus {outline:0;}
.slick-prev {left:-25px;}
.slick-next {right:-25px;}
.slick-dots {width:100%;font-size:0;text-align:center;position:absolute;bottom:30px;z-index:4;}
.slick-dots li {position:relative;display:inline-block;*display:inline;*zoom:1;margin:0 5px;}
.slick-dots li button {display:block;width:14px;height:14px;line-height:0;font-size:0;background:#fff;border-radius:50%;overflow:hidden;cursor:pointer;}
.slick-dots li.slick-active button {background:#ff9800;}

/*头部*/
.header{height: 80px; background: #fff; position: relative; z-index: 22;}
.logo{float: left; margin-top: 13px;}
.logo img{display: block; height: 55px;}
.htel{height: 80px; float: right; line-height: 80px; font-size: 17px; color: #666; padding-left: 26px; border-left: 1px solid #eee;}
.nav{float: right; margin-right: 8px;}
.nav > ul > li{float: left; padding: 0 18px; font-size: 16px;}
.nav > ul > li > a{display: block; height: 80px; line-height: 80px; padding: 0 6px; position: relative;}
.nav > ul > li > a i{display: block; width: 0; height: 2px; background: #dd0518; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.nav > ul > li.active > a,.nav > ul > li:hover > a{color: #dd0518!important;}
.nav > ul > li.active > a i,.nav > ul > li:hover > a i{width: 100%;}
@media only screen and (max-width: 1549px){
	.nav > ul > li{padding: 0 9px;}
}
/*底部*/
.footer{background: #111; color: #666; position: relative; overflow: hidden;}
.footer a{color: #666;}
.foot-model{padding: 58px 0;}
.foot-nav{float: left; border-right: 1px solid #333; position: relative;}
.foot-nav dl{float: left; margin-right: 166px; font-family: "Microsoft Yahei Light";}
.foot-nav dl.last{margin-right: 130px;}
.foot-nav dt{font-size: 18px; margin-bottom: 20px;}
.foot-nav dt a{color: #ccc;}
.foot-nav dd{height: 36px; line-height: 36px;}
.foot-tel{float: right; margin-top: 14px; margin-right: 54px; overflow: hidden;}
.foot-tel .tit{font-size: 0; text-align: right; margin-bottom: 12px;}
.foot-tel .tit i,.foot-tel .tit span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px;}
.foot-tel .tit i{width: 22px; height: 20px; background: url(../images/ft_icon.png) no-repeat -12px -0; margin-right: 6px;}
.foot-tel .ftel{font-size: 24px; font-weight: bold; color: #D50213; line-height: 1.25;}
.foot-tel .advice{display: block; float: right; width: 140px; height: 40px; line-height: 40px; background: #D50213; border-radius: 4px; font-size: 0; color: #fff; text-align: center; margin-top: 28px;}
.foot-tel .advice i,.foot-tel .advice span{display: inline-block; *display: inline; *zoom: 1; min-height: 1px; vertical-align: middle; font-size: 14px; color: #fff;}
.foot-tel .advice i{width: 20px; height: 22px; background: url(../images/icon.png) no-repeat -369px -175px; margin-right: 8px;}
.foot-tel .advice:hover{filter: alpha(opacity: 80); opacity: .8;}
.foot-wechat{width: 150px; float: right; margin-top: 14px; margin-right: 26px;}
.foot-wechat img{display: block; width: 108px; height: 108px; border: 1px solid #929898; margin: 0 auto 6px; border-radius: 4px;}
.foot-wechat p{font-size: 14px; text-align: center; line-height: 24px; color: #666;}
.foot-copy{padding: 16px 0 36px 0; line-height: 24px; border-top: 1px solid #333; color: #666;}
.foot-copy a{color: #666;}
@media only screen and (max-width: 1549px){
	.foot-nav dl{margin-right: 100px;}
	.foot-nav dl.last{margin-right: 90px;}
	.foot-tel{margin-right: 24px;}
}
/* 微信小程序开发 */
.bans-dots{width: 100%; font-size: 0; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 10;}
.bans-dots .pos{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative;}
.bans-dots .line{width: 100%; height: 1px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0;}
.bans-dots ul{position: relative; z-index: 2;}
.bans-dots li{width: 90px; float: left; padding-top: 1px; position: relative; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}
.bans-dots li span{display: block; width: 1px; height: 5px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: -5px;}
.bans-dots li i{display: block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; top: -1px;}
.bans-dots li em{display: block; height: 30px; line-height: 30px;}
.bans-dots li.active{font-weight: bold;}
.bans-dots li.active i{width: 100%;}
.inner-title {font-size:32px;color:#333333;font-family:MicrosoftYaHei;text-align:center;}
.inner-title>span {color:#D50213;}
.inner-desc {font-size:16px;color:#666666;text-transform:uppercase;text-align:center;margin-top:10px;font-family:MicrosoftYaHei;}
.ind-border {width:100%;height:1px;background-color:#000;opacity:0.1;filter:alpha(opacity=100);position:absolute;left:0;bottom:0;}
.pbanner{ position:relative; overflow:hidden;}
.pbanner figure{ display:block; line-height:1; overflow:hidden;}
.pbanner figure mark{ display:block; background:none;}
.pbanner figure img{ display:block; width:100%; height:auto;}
.pbanner.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:5; display:none\9;} 
.pbanner.article-block mark{ opacity:0; opacity:1\9;}
.pbanner.articleShow:before{ animation:scroll_on22 1s ease-in-out forwards; -webkit-animation:scroll_on22 1s ease-in-out forwards; }
.pbanner.articleShow mark{ animation:scroll_on2 1s ease-in-out forwards; -webkit-animation:scroll_on2 1s ease-in-out forwards; }
.pbanner.article-block .ptext{ opacity:0; opacity:1\9;}
.pbanner.articleShow .ptext{ animation:scroll_on2 0.8s 0.3s ease-in-out forwards; -webkit-animation:scroll_on2 0.8s 0.3s ease-in-out forwards; }
.pbanner.article-block .ptext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;}
.pbanner.articleShow .ptext:before{ animation:scroll_on22 0.8s 0.3s ease-in-out forwards; -webkit-animation:scroll_on22 0.8s 0.3s ease-in-out forwards; }
.small_introduce {background-color:#f6f6f6;padding-top:40px;position:relative;overflow:hidden;}
.small_introduce .intro_pic {float:right;position:relative;right:100px;top:28px;height:100%;width:837px;background-repeat:no-repeat;background-size:cover;}
.small_introduce .small_introdce_box {background-color:#fff;width:100%;height:550px;font-family:MicrosoftYaHei;box-sizing:border-box;padding-left:80px;overflow:hidden;}
.small_introduce .intro_left {float:left;padding-top:76px;}
.small_introduce .intro_line {width:36px;height:1px;background-color:#CCCCCC;margin:18px 0;}
.small_introduce .introduce_tit {color:#333;font-size:24px;}
.small_introduce .introduce_desc_list {font-size:0;width:599px;margin-top:14px;line-height:30px;}
.small_introduce .introduce_desc_list a,.small_introduce .introduce_desc_list i.intro_line2 {font-size:16px;display:inline-block;color:#666666;vertical-align:middle;}
.small_introduce .introduce_desc_list i.intro_line2 {margin:0 8px;}
.small_introduce .introduce_text {font-size:14px;color:#999999;width:586px;line-height:30px;}
.small_introduce .introduce_more {width:160px;margin-top:32px;}
.small_introduce .introduce_more a {display:block;width:160px;height:38px;border:1px solid #E1E1E1;text-align:center;line-height:38px;font-family:MicrosoftYaHei;color:#999999;position:relative;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;margin:0 auto;text-transform:uppercase;}
.small_introduce .introduce_more a span {background:url(../images/fangan-arr3.png) no-repeat right center;transition:background .5s ease-in;-webkit-transition:background .5s ease-in;-moz-transition:background .5s ease-in;-ms-transition:background .5s ease-in;-o-transition:background .5s ease-in;position:relative;z-index:5;padding-right:34px;}
.small_introduce .introduce_more a::after,.small_introduce .introduce_more a::before {content:"";position:absolute;top:0;left:0;width:100%;height:0px;background:#DD0518;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.small_introduce .introduce_more a::after{top: auto;bottom: 0;}
.small_introduce .introduce_more:hover a {color:#fff !important;border-color:#DD0518;}
.small_introduce .introduce_more:hover a span {background:url(../images/fangan-arr2.png) no-repeat right center;}
.small_introduce .introduce_more:hover a::after ,.small_introduce .introduce_more:hover a::before{height: 19px;}
.small_introduce .introduce_list {margin:20px -10px;}
.small_introduce .intro_item {float:left;width:50%;}
.small_introduce .case_item_con {margin:0px 10px;}
.small_case {padding:55px 0 50px;overflow: hidden;}
.small_case .inner-desc {color:#999;}
.small_case .case_tab_itit {font-size:0;margin-bottom:15px;margin-top:25px;text-align:center;}
.small_case .tab_item {display:inline-block;font-size:18px;color:#999999;padding:0 34px;height:42px;line-height:42px;text-align:center;font-family:MicrosoftYaHei;cursor:pointer;position:relative;}
.small_case .tab_item .case-line {position:absolute;background-color:#999999;width:1px;height:12px;right:0;top:50%;margin-top:-6px;}
.small_case .tab_item:last-child .case-line {width:0;height:0;}
.small_case .tab_item.active {background-color:#DD0518;color:#fff;}
.small_case .tab_item.active .case-line {background-color:#DD0518;}
.small_case .case_tab_content {font-family:MicrosoftYaHei;margin:0 -12.5px;}
.small_case .case_item {float:left;width:33.3%;}
.small_case .case_item_con {margin:15px 12.5px;}
.small_case .case_desc_box,.small_introduce .case_desc_box {border:1px solid #e5e5e5;background-color:#fff;}
.small_case .case_desc,.small_introduce .case_desc {padding-top:26px;padding-bottom:33px;padding-left:32px;transition:padding-left .4s;}
.small_introduce .case_desc {padding-top:46px;padding-bottom:40px;}
.small_case .case_tit,.small_introduce .case_tit {font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.small_introduce .case_tit {font-size:24px;}
.small_case .case_text,.small_introduce .case_text {color:#8d8e8d;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px;}
.small_introduce .case_text {font-size:14px;color:rgb(163, 156, 156);}
.small_case .case_more,.small_introduce .case_more {height:43px;line-height:43px;border-top:1px solid #e5e5e5;margin:0 32px;}
.small_case .case_more a {display:block;color:#8d8e8d;transition:margin-left .4s;}
.small_case .case_more a span {display:block;background:url(../images/fangan-arr.png) no-repeat  right center;}
.small_introduce .case_more {background:url(../images/fangan-arr3.png) no-repeat  right center;height:74px;line-height:74px;font-size:16px;color:#666;}
.small_introduce .case_more_con {margin-left:-12px;transition:margin-left .4s;}
.small_introduce .case_more a {color:#666;position:relative;margin:0 12px;}
.small_introduce .case_more a::after {content:"";position:absolute;right:-12px;top:4px;width:1px;height:16px;background-color:#666;}
.small_introduce .case_more a:last-child::after {width:0;height:0;}
.small_case .case_tab_list .pic,.small_introduce .intro_item .pic {position:relative;width:100%;overflow:hidden;}
.small_case .case_tab_list .pic{height: 305px;}
.small_case .case_tab_list .pic img,.small_introduce .intro_item .pic img {width:100%;transition:transform 3s}
.small_case .in-l-h6 {transition:0.5s;opacity:0;position:absolute;width:100%;top:0;left:0;background:rgba(0,0,0,0.6);height:100%;}
.small_case .in-l-h6 #h5 {margin-top:-21px;display:block;position:absolute;top:50%;left:0;width:100%;}
.small_case .in-l-h6 #h5 #h4 {transition:0.5s;display:block;width:20%;height:1px;background:#eee;margin:0 auto;}
.small_case .in-l-h6 #h5 #title {display:block;color:#fff;text-align:center;font-size:14px;letter-spacing:2px;height:30px;line-height:30px;}
.small_case .in-l-h6 #h5 #h4 {transition:0.5s;display:block;width:20%;height:1px;background:#eee;margin:0 auto;}
.case_tab_list .pic:hover .in-l-h6 {opacity:1;}
.case_tab_list .pic:hover .in-l-h6 #h5 #h4 {width:5%;}
.case_tab_list .pic:hover .in-l-h6 #h5 #h4 {width:5%;}
.small_case .case_item_con:hover .case_desc,.small_introduce .case_item_con:hover .case_desc {padding-left:36px;}
.small_case .case_item_con:hover  .case_more a {margin-left:4px;}
.small_introduce .case_item_con:hover  .case_more_con {margin-left:-4px;}
.small_case .case_item_con:hover .pic img,.small_introduce .intro_item:hover .pic img {transform:scale(1.08);}
.small_fangan {padding:54px 0 74px;}
.small_fangan .small_fangan_list {margin-top:32px;}
.small_fangan .fangan-item {float:left;width:25%;text-align:center;}
.small_fangan .pic {height:136px;position:relative;}
.small_fangan .pic span {display:block;width:100%;height:100%;position:absolute;left:0;top:0;font-size:0;text-align:center;}
.small_fangan .pic span i {display:inline-block;*display:inline;*zoom:1;width:0;height:100%;vertical-align:middle;}
.small_fangan .pic img {display:inline-block;*display:inline;*zoom:1; animation: sonos-floating 6s ease-in-out infinite;}
.small_fangan .fangan-tit {font-size:18px;color:#000000;font-family:MicrosoftYaHei;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;margin-top:16px;}
.small_fangan .fangan-tit a {color:#000000;font-weight:500;}
.small_fangan .fangan-desc {color:#333;font-size:14px;text-align:center;height:48px;font-family:MicrosoftYaHei;overflow:hidden;width:266px;margin:23px auto;line-height:24px;}
.small_fangan .fangan-more{width: 140px;margin: 0 auto;}
.small_fangan .fangan-more a {display:block;width:140px;height:38px;border:1px solid #666666;text-align:center;line-height:38px;font-family:MicrosoftYaHei;color:#666666;position:relative;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;margin:0 auto;text-transform:uppercase;}
.small_fangan .fangan-more a span {background:url(../images/fangan-arr.png) no-repeat right center;transition:background .5s ease-in;-webkit-transition:background .5s ease-in;-moz-transition:background .5s ease-in;-ms-transition:background .5s ease-in;-o-transition:background .5s ease-in;position:relative;z-index:5;padding-right:34px;}
.small_fangan .fangan-more a::after,.small_fangan .fangan-more a::before {content:"";position:absolute;top:0;left:0;width:100%;height:0px;background:#DD0518;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.small_fangan .fangan-more a::after{top: auto;bottom: 0;}
.small_fangan .fangan-more:hover a {color:#fff !important;border-color:#DD0518;}
/* .small_fangan .fangan-more:hover a::after {width:100%;} */
.small_fangan .fangan-more:hover a::after,.small_fangan .fangan-more:hover a::before{height: 19px;}
.small_fangan .fangan-more:hover a span {background:url(../images/fangan-arr2.png) no-repeat right center;}
.small_process {height:550px;box-sizing:border-box;padding-top:56px;}
.small_process .inner-desc {color:#999999;}
.small_process .process_item {float:left;width:16.66%;text-align:center;margin-top:55px;position:relative;}
.small_process .process_item span {color:#333;font-size:18px;display:block;margin-top:20px;}
.small_process .process-arr {position:absolute;width:45px;height:5px;right:-22px;top:50px;background:url(../images/process-arr.png) no-repeat;animation: mike-bounce-up 1.1s linear infinite;}
.small_process .process-icon {display:block;width:90px;height:80px;background:url(../images/process-icon.png) no-repeat;margin:0 auto;transition:all .4s;}
.small_process .process-icon1 {background-position:0 14px;}
.small_process .process-icon2 {background-position:-142px 6px;}
.small_process .process-icon3 {background-position:-271px 0;}
.small_process .process-icon4 {background-position:-401px 9px;}
.small_process .process-icon5 {background-position:-518px 12px;}
.small_process .process-icon6 {background-position:-629px 19px;}
.small_process .process-icon7 {background-position:-738px 19px;}
.small_process .process-icon8 {background-position:-843px 9px;}
.small_process .process-icon9 {background-position:-945px 6px;}
.small_process .process-icon10 {background-position:-1045px 17px;}
.small_process .process-icon11 {background-position:-1156px 7px;}
.small_process .process-icon12 {background-position:-1264px 21px;}
.small_process .process_item:hover .process-icon1 {background-position:0 -97px;}
.small_process .process_item:hover .process-icon2 {background-position:-142px -105px;}
.small_process .process_item:hover .process-icon3 {background-position:-263px -112px;}
.small_process .process_item:hover .process-icon4 {background-position:-392px -102px;}
.small_process .process_item:hover .process-icon5 {background-position:-518px -99px;}
.small_process .process_item:hover .process-icon6 {background-position:-629px -94px;}
.small_process .process_item:hover .process-icon7 {background-position:-738px -92px;}
.small_process .process_item:hover .process-icon8 {background-position:-843px -102px;}
.small_process  .process_item:hover .process-icon9 {background-position:-945px -106px;}
.small_process .process_item:hover .process-icon10 {background-position:-1045px -95px;}
.small_process .process_item:hover .process-icon11 {background-position:-1156px -102px;}
.small_process .process_item:hover .process-icon12 {background-position:-1264px -91px;}
.small_process .process_item:hover span {color:#DD0518;}
.small_about {width:100%;height:850px;}
.small_about .inner-title { color:#FFFFFF; font-size:36px; font-weight:300; padding-top:180px; animation:tapH3 2s ; -webkit-animation:tapH3 2s ; }
.small_about .about-more {position:relative;width:140px;margin:0 auto;}
.small_about .inner-desc { color:#FFFFFF; font-size:24px; opacity:0.6; filter:alpha(opacity=60); margin-top:22px; animation: tapP1 2s; -webkit-animation: tapP1 2s; }
.small_about .inner-desc i.about-line { width:70px; height:2px; background-color:#DD0518; display:block; margin:16px auto 24px; animation: tapP2 2.5s; -webkit-animation: tapP2 2.5s; }
.small_about .about-desc {font-size:14px;color:#FFFFFF;line-height:30px;width:700px;font-weight:300;margin:0 auto;text-align:center;}
.small_about .ali-about-box {position:relative;width:100%;height:300px;margin-bottom:30px;margin-top:24px;overflow: hidden;}
.small_about .ali-about-box .about-mask {position:absolute;left:0;top:0;width:100%;height:300px;background-color:#DD0518;opacity:0.8;filter:alpha(opacity=0.8);}
.small_about .ali-about-box ul {position:relative;z-index:22;color:#fff;text-align:center;}
.small_about .ali-about-box ul li {float:left;width:33.3%;position:relative;margin-top:90px;}
.small_about .ali-about-box ul .num {font-size:30px;color:#fff;margin-bottom:4px;}
.small_about .ali-about-box ul .num span {font-size:72px;font-weight:bold;font-family:Arial;}
.small_about .ali-about-box ul .title {font-size:18px;opacity:.8;filter:alpha(opacity=80);}
.small_about .ali-about-box ul div.line {width:1px;height:100%;background:#fff;filter:alpha(opacity= 40);opacity:.4;position:absolute;left:0;top:0;}
.small_about .about-border {position:absolute;left:50%;top:0;width:138px;height:38px;border:1px solid #fff;opacity:0.6;filter:alpha(opacity=60);margin-left:-70px;transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-ms-transition:all .4s ease-in;-o-transition:all .4s ease-in;}
.small_about .about-more a {display:block;margin:0 auto;width:140px;height:40px;font-weight:300;font-size:14px;color:#fff;text-align:center;line-height:40px;position:relative;}
.small_about .about-more a span {position:relative;z-index:22;}
.small_about .about-more a::after ,.small_about .about-more a::before{content:"";position:absolute;top:0;left:0;width:100%;height:0px;background:#DD0518;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.small_about .about-more a::after{top: auto;bottom: 0;}
.small_about .about-more:hover a::after,.small_about .about-more:hover a::before {height: 20px;}
.small_about .about-more:hover a {color:#fff !important;}
.small_about .vr-btn {position:absolute;right:0;top:51px;animation: scroll_on1 1s ease-in-out forwards; -webkit-animation: scroll_on1 1s ease-in-out forwards;}
.small_service_box {width:100%;height:200px;background-color:#F6F6F6;padding:50px 0;}
.small_service_list .item {float:left;width:33.3%;text-align:center;position:relative;height:200px;}
.small_service_list .item::after {content:"";position:absolute;right:0;top:0;border-right:1px solid #E1E1E1; height: 200px;}
.small_service_list .item:last-child::after {border-right:0;}
.small_service_list .item .pic {width:50px;height:50px;overflow:hidden;margin:0 auto;;animation: sonos-floating 4s ease-in-out infinite;}
.small_service_list .item:hover .pic img {width:100%}
.small_service_list .item-tit {color:#333333;font-size:24px;margin:26px 0 24px;}
.small_service_list .item-desc {color:#666;font-size:14px;}
/*新闻底部定制方案*/
.nylonform{background: #dd0518; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 76px 0;}
.nylonform .title{font-size: 36px; line-height: 1;}
.nylonform .desc{font-size: 24px; margin-top: 12px;}
.nylonform .btns{display: block; width: 200px; height: 48px; line-height: 48px; background: #fff; margin: 24px auto 0; font-size: 14px; color: #000; text-align: center;}
@media only screen and (max-width:1499px) {.small_introduce .intro_pic {right:60px;width:570px;top:54px;}
.small_introduce .introduce_text {width:550px;}
.small_introduce .introduce_desc_list {width:550px;}
.small_introduce .case_more{font-size: 15px;}
.small_introduce .case_more a{margin: 0 8px;}
.small_case .case_tab_list .pic{height: 233px;}
}
@keyframes sonos-floating{
    0%{-webkit-transform:translateY(-6%);transform:translateY(-6%) }
    65%{-webkit-transform:translateY(6%) ;transform:translateY(6%)}
    to{-webkit-transform:translateY(-6%);transform:translateY(-6%)}
}
@keyframes mike-bounce-up{25% { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); } 50%, 100% {transform: translateX(0);} 75% {transform: translateX(-5px);}}
@keyframes scroll_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes scroll_on1 {
	0% { opacity:0; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); }
	100% { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
}
@keyframes scroll_on22 {
	0% { left:0; }
	100% { left:100%; }
}
@keyframes tapH3 {
    0% {font-size: 12px;}
    100% {font-size: 36px;}
}
@keyframes tapP1 {
    0% {font-size: 0;}
    100% {font-size: 24px;}
}
@keyframes tapP2 {
    0% {width: 0;}
    100% {width: 70px;}
}
@keyframes tapImg {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}

/* 小程序内页 */
.ny-banner-con{
	display: none;
    position: absolute;
    left: 161px;
    bottom: 160px;
    color: #fff;
}
.ny-banner-con .ny-banner-tit{
    /* font-size: 36px; */
	font-size: 30px;
	color: #999999;
    opacity: .8;
    filter: alpha(opacity=80);
    font-weight: 300;
}
.ny-banner-con .ny-banner-desc{
	font-size: 30px;
	color: #FFFFFF;
}
.ny-banner .ny-banner-desc{
    font-size: 18px;
    opacity: .8;
    filter: alpha(opacity=80);
}
.small_case_detail{
    background-color: #f6f6f6;
    padding: 0 0 44px 0;
}
.small_case_detail .small_case_ibox{
    background-color: #fff;
    padding: 27.5px 48px 41.5px;
}
.small_position{
    height: 52px;
    line-height: 52px;
}
.small_position .p-middle {
    float: left;
    height: 64px;
}
.small_position .p-middle a {
    padding: 0px 10px;
    color: #222;
    font-size: 14px;
    position: relative;
    display: inline-block;
    height: 52px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 0 26px;
}
.small_position .p-middle a .right-position-line {
    display: block;
    width: 0;
    height: 2px;
    background: #dd0518;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: width .6s;
    -moz-transition: width .6s;
    -ms-transition: width .6s;
    -o-transition: width .6s;
    transition: width .6s;
}
.small_position .p-middle a .small-line{
    position: absolute;
    left: 0;
    top: 50%;
    width:1px;
    height:10px;
    margin-top: -5px;
    background-color: #ddd;
}
.small_position .p-middle a:hover .right-position-line, .small_position .p-middle .active .right-position-line {
    width: 100%;
}
.small_position .p-middle .active {
    color: #dd0518;
}
.small_position .p-right {
    float: right;
    color: #666666;
}
.small_position .p-right a{
    color: #666666;
}
.small_position .p-right a.active{
    color: #DD0518;
}
/*列表分页 */
.small_case_detail  .list-page{background: #f6f6f6; padding: 26px 0px; text-align: left; line-height: 29px; color: #999; overflow: hidden; font-size: 0;}
.small_case_detail .list-page li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 8px; font-size: 14px;}
.small_case_detail  .list-page a,.small_case_detail .list-page .disabled span{display: block; float: left; height: 38px; line-height: 40px; position: relative; padding: 0 14.9px; border: 1px solid #666666; background: #f6f6f6; color: #666; font-size: 14px;}
.small_case_detail  .list-page a:hover{border: 1px solid #dd0518; background-color: #dd0518;color: #fff !important;}
.small_case_detail  .list-page span{       color: #666;
    font-size: 14px;
    float: left;
    height: 40px;
    line-height: 40px;
}
.small_case_detail  .list-page li.active span{
    display: block; float: left; height: 38px; line-height: 40px; position: relative; padding: 0 14.9px; border: 1px solid #DD0518; background: #dd0518; color: #fff !important; font-size: 14px;
}
.small_case_detail .list-page input{border: 1px solid #666 ;width: 38px; height: 38px; line-height: 40px; text-align: center; color: #666; margin: 0 8px;}
.small_case_detail .list-page a.disabled{cursor: not-allowed;}
.small_case_detail .list-page .pagination{float:left;}
.small_case_detail .list-page .go_page{float:left;margin-left: 12px;}
.small_case_detail .list-page .confirm_jump_page {vertical-align: middle; margin-left: 10px;width: 40px;height: 30px;background-color: #333333;color: #fff;font-size: 14px;margin-top: 5px;}
@media only screen and (max-width:1499px) {
    .D50213-con{bottom: 110px;}
}

/* 案例详情 */
.caseview-banner.ny-banner{
    background: url(../images/1-1ZI01T6180-L.jpg) no-repeat center;
    width:100%;
    height:620px;
  background-attachment: fixed;
  background-size: cover;
}
.col-lg-4 {
    width: 33.3333%;
    *width: 33.3311%;
    float: left;
    min-height: 1px;
}
  .ins-ban {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
}
  .ins-ban .bgimg {
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
}
.w-f {
    width: 100%;
}
.h-f {
    height: 100%;
}
.caseview-info{background: #fff; height: 450px; position: relative; z-index: 3;box-sizing: border-box;padding-top: 79px;position: relative;}
.caseview-info ul{overflow: hidden;}
.caseview-info .left .title{margin-bottom: 25px;font-size: 36px;color: #333;font-weight: normal;}

.caseview-info .left p{color: #666; line-height: 2; margin-left: 20px;}
.caseview-info .left p i.mikeiconfont{font-size: 18px; margin-right: 8px; -webkit-text-stroke-width: .3px; vertical-align: -2px; color: #999;}

.caseview-info .left p a{color: #428bca;}
.caseview-info .bdsharebuttonbox{overflow: hidden; margin-top: 20px; margin-left: 15px;}
.caseview-info .bdsharebuttonbox a{width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0 5px; background: none; font-size: 38px; text-indent: 0; color: #666; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.caseview-info::after{content: "";background-color: #DD0518;position: absolute;right: 0;top:0;width: 50%;height: 100%;}
.caseview-info .right{position: relative;z-index: 33;padding-left: 78px;
    box-sizing: border-box;}
.caseview-info .right .caseview-info-tit{color: #fff;font-size: 36px;opacity: .8;filter: alpha(opacity=80); font-weight: 300;}
.caseview-info .right .caseview-line{display: block;width:50px;
    height:1px;opacity: .4;filter: alpha(opacity=40);background-color: #fff;margin-top: 22px;}
.caseview-info .right .desc{font-size: 18px; text-align: justify; color: #fff; line-height: 30px; margin-top: 20px;opacity: .8;filter: alpha(opacity=80);}
.caseview-body{background-color: #f6f6f6;padding-top: 50px;}
.caseview-prevnext{color: #333; line-height: 1.4; margin: 20px -10px 0px;}
.caseview-prevnext li .item{padding: 17px 14px; height: 26px; line-height: 26px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;background-color: #fff;cursor: pointer;transition: all .5s;}
.caseview-prevnext li .item:hover{background-color: #DD0518;color: #fff;}
.caseview-prevnext li .item:hover a{color: #fff !important;}
.caseview-prevnext .prev, .caseview-prevnext .next{width: 750px;float: left;margin: 0 10px;}
.caseview_introuduce.small_introduce{padding-top: 30px;padding-bottom: 30px;}
.caseview_introuduce.small_introduce .introduce_list{margin: 20px -15px;}
.caseview_introuduce.small_introduce  .intro_item{width: 25%;}
.caseview_introuduce.small_introduce .case_item_con{margin: 0 15px;}
.caseview_introuduce.small_introduce .case_more{height: 32px;line-height: 32px;margin: 0 18px;background: none;}
.caseview_introuduce.small_introduce .case_tit{font-size: 18px;}
.caseview_introuduce.small_introduce .case_desc {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
}
.caseview_introuduce.small_introduce .case_item_con:hover .case_desc {
    padding-left: 28px;
}
.caseview_introuduce.small_introduce .case_more_con{margin-left: 0;}
.caseview_introuduce.small_introduce .case_item_con:hover .case_more_con{margin-left: 12px;}
.caseview-news{background-color: #fff;}
/* .innews{overflow: hidden; padding: 30px 0 72px 0;}
.innews ul{margin: 0 -15px;}
.innews li .item{margin: 0 15px;}
.innews li .title{font-size: 24px; padding-bottom: 10px; color: #514a7c;}
.innews li .dt{margin-bottom: 16px;}
.innews li .dt a{display: block; padding: 20px 18px; background: #f6f6f6;}
.innews li .dt .time{width: 78px; height: 30px; line-height: 30px; border-bottom: 2px solid #dd0518; color: #666; margin-bottom: 25px; white-space: nowrap; transition: color .5s;}
.innews li .dt .text{position: relative; height: 108px; padding-left: 164px; margin: 10px 0;}
.innews li .dt .pic{width: 150px; height: 108px; background: #d6d6d6; overflow: hidden; position: absolute; left: 0; top: 0;}
.innews li .dt .pic img{display: block; width: 100%; min-height: 100%; height: auto;}
.innews li .dt h3{font-size: 18px; height: 90px; line-height: 30px; overflow: hidden;} 
.innews li .dt .desc{font-size: 14px; height: 48px; line-height: 24px; color: #999; overflow: hidden; transition: color .5s;}
.innews li .dt a:hover{background: #dd0518; color: #fff!important;}
.innews li .dt a:hover .time,.innews li .dt a:hover .desc{color: #fff!important;}
.innews li .dt a:hover .time{border-bottom-color: #fff;}
.innews li .dd{height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; padding: 0 4px; margin-top: 6px;}
.innews li .dd .time{float: right; color: #999;}
.innews li .dd h3{height: 48px; line-height: 48px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (max-width: 1549px){
	.innews ul{margin: 0 -10px;}
	.innews li .item{margin: 0 10px;}
} */
/*新闻列表*/
.news-container{padding: 30px 0 60px 0;}
.news-search{margin-left: 35px; width: 953px;}
.news-search .form{padding: 0 100px 0 10px; height: 40px; background: #f7f7f7; border-radius: 7px; overflow: hidden; position: relative;}
.news-search .form .input{display: block; width: 100%; height: 40px; line-height: 40px; *line-height: 42px; }
.news-search .form .btns{display: block; width: 90px; height: 40px; background: #dd0518; cursor: pointer; position: absolute; right: 0; top: 0;}
.news-search .form .btns i{display: block; width: 21px; height: 20px; background: url(../images/icon.png) no-repeat -238px -336px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;}
.news-menu{margin-top: 16px; border-bottom: 1px solid #eee;}
.news-menu ul{margin-left: 32px;}
.news-menu li{float: left; position: relative;}
.news-menu li a{display: block; height: 40px; line-height: 40px; font-size: 14px; color: #666; padding: 0 26px; position: relative;}
.news-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.news-menu li i{display: block; height: 2px; background: #dd0518; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.news-menu li.active i,.news-menu li:hover i{left: 4px; right: 4px;}
.news-menu li.active a,.news-menu li:hover a{color: #dd0518!important;}
.news-box{margin-top: 32px;}
.news-left{width: 953px; float: left; margin-left: 35px;}
.list-news ul{overflow: hidden; margin-top: -18px;}
.list-news li{padding-top: 20px; margin-bottom: 20px; overflow: hidden;}
.list-news li .time{width: 70px; float: left; font-family: "Microsoft Yahei Light"; text-align: center;}
.list-news li .time span{display: block; font-size: 48px; line-height: 48px;}
.list-news li .time em{display: block; font-size: 14px; margin-top: 10px;}
.list-news li .text{margin-left: 112px;}
.list-news li .title{font-size: 16px; color: #000; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-news li .title a{color: #000;}
.list-news li .desc{font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 12px;}
.list-news li .tags{margin: 3px 5px -5px -5px; position: relative; overflow: hidden;}
.list-news li .tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.list-news li .tags a:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.news-search{width: 850px; margin-left: 0;}
	.news-menu ul{margin-left: 0;}
	.news-menu li a{padding: 0 21px;}
	.news-left{width: 850px; margin-left: 0;}
	.list-news li .text{margin-left: 100px;}
}
/*内页右侧*/
.pull-right{width: 400px; float: right;}
.pull-title{font-size: 18px; border-bottom: 1px solid #eee; color: #000; padding-bottom: 10px;}
.pull-tagslist{position: relative; overflow: hidden; padding: 15px 6px;}
.pull-tagslist a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.pull-tagslist a:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;}
.pull-problem{margin-top: 14px;}
.pull-problem ul{padding: 15px 14px;}
.pull-problem li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;}
.pull-problem li a{color: #666; float: left; padding-left: 16px; padding-right: 25px; position: relative;}
.pull-problem li a i{display: block; width: 6px; height: 6px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 16px; transition: background .5s;}
.pull-problem li a span{display: block; width: 28px; height: 18px; background: url(../images/icon.png) no-repeat -259px -336px; position: absolute; right: 0; top: 9px;}
.pull-problem li a:hover i{background: #dd0518;}
.pull-solution{margin-top: 22px;}
.pull-solution ul{padding: 15px 14px;}
.pull-solution li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;}
.pull-solution li i{display: block; width: 24px; height: 20px; background: url(../images/icon.png) no-repeat; position: absolute; left: 0; top: 8px;}
.pull-solution li .ico1{background-position: -150px -358px;}
.pull-solution li .ico2{background-position: -174px -358px;}
.pull-solution li .ico3{background-position: -198px -358px;}
.pull-solution li .ico4{background-position: -222px -358px;}
.pull-solution li .ico5{background-position: -246px -358px;}
.pull-solution li .ico6{background-position: -270px -358px;}
.pull-solution li .ico7{background-position: -294px -358px;}
.pull-solution li .ico8{background-position: -318px -358px;}
.pull-solution li a{color: #666; padding-left: 32px;}
@media only screen and (max-width: 1549px){
	.pull-right{width: 320px;}
	.pull-problem li{font-size: 14px;}
	.pull-solution li{font-size: 14px;}
}
/*当前位置*/
.location{height: 63px; line-height: 62px; font-size: 14px; color: #666;}
.location a{color: #666;}
.location a:last-child{color: #dd0518;}
.location .container{border-bottom: 1px solid #eee;}
/*新闻详情*/
.sidebar{margin-top: 20px;}
.sidebar-left{width: 1057px; float: left;}
.sidebar-menu{width: 260px; float: left;}
.sidebar-menu .title{background: #333; color: #fff; text-align: center; padding: 22px 10px;}
.sidebar-menu .title h2{font-size: 18px; line-height: 22px;}
.sidebar-menu .title p{text-transform: capitalize; margin-top: 6px; font-size: 14px; line-height: 18px;}
.sidebar-menu ul{padding-top: 1px;}
.sidebar-menu li{margin-bottom: 1px;}
.sidebar-menu li a{display: block; height: 50px; line-height: 50px; background: #f7f7f7; padding: 0 20px 0 20px; position: relative;}
.sidebar-menu li a i{display: block; width: 7px; height: 11px; background: url(../images/icon.png) no-repeat -300px -336px; position: absolute; right: 20px; top: 19px;}
.sidebar-menu li.active a,.sidebar-menu li a:hover{background: #dd0518; color: #fff!important;}
.sidebar-menu li.active a i,.sidebar-menu li a:hover i{background-position: -300px -347px;}
.article{margin-left: 343px; padding-top: 16px;}
.article-title{font-size: 24px; color: #000; line-height: 30px;}
.article-intro{overflow: hidden; margin-top: 14px;}
.article-intro .time{height: 28px; line-height: 28px; float: left; position: relative; padding-left: 26px; color: #c7c7c7;}
.article-intro .time i{display: block; width: 18px; height: 18px; background: url(../images/icon.png) no-repeat -150px -378px; position: absolute; left: 0; top: 5px;}
.article-intro .bdsharebuttonbox{float: right; height: 28px;}
.article-intro .bdsharebuttonbox a{display: block; float: left; width: 28px; height: 28px; transition: all 0s; padding: 0; margin: 0 6px; background: url(../images/icon.png) no-repeat!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important;}
.article-intro .bdsharebuttonbox .bshare-qzone{background-position: -168px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina{background-position: -196px -378px!important;}
.article-intro .bdsharebuttonbox .returnlist{background-position: -224px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin{background-position: -252px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq{background-position: -280px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-qzone:hover{background-position: -168px -406px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina:hover{background-position: -196px -406px!important;}
.article-intro .bdsharebuttonbox .returnlist:hover{background-position: -224px -406px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin:hover{background-position: -252px -406px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq:hover{background-position: -280px -406px!important;}
.article-tags{margin: 14px 5px -5px -5px; position: relative; overflow: hidden;}
.article-tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.article-tags a:hover{background-color: #dd0518; border-color: #dd0518; color: #fff!important;}
.article-body{font-size: 14px; line-height: 28px; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 30px;}
.article-body img{width: auto !important; height: auto !important;}
.artcile-menu{margin-top: 20px;}
.artcile-menu ul{margin: 0 -6px;}
.artcile-menu li a{display: block; height: 60px; line-height: 60px; background: #f7f7f7; padding: 0 14px; margin: 0 6px; overflow: hidden;}
@media only screen and (max-width: 1549px){
	.sidebar-left{width: 850px;}
	.sidebar-menu{width: 220px;}
    .article{margin-left: 250px;}
}
/*内页*/
.main-container{padding-bottom: 60px; background: #fff; position: relative; overflow: hidden;padding-top: 30px;}
.main-container.bg1{background: #f7f7f7;}
.ny-banner{height: 240px; background-repeat: no-repeat; background-position: center; position: relative;}
.ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff; line-height: 36px; position: absolute; left: 0; top: 50%; margin-top: -45px;}
.ny-banner .text .title{font-size: 48px; line-height: 48px;}
.ny-banner .text .entitle{font-size: 24px; text-transform: uppercase; margin-top: 6px;}
.navigation{height: 62px; border-bottom: 1px solid #eee;}
.cream-menu{float: left;}
.cream-menu li{float: left; position: relative; padding: 0 8px;}
.cream-menu li a{display: block; height: 62px; line-height: 62px; font-size: 16px; color: #666; padding: 0 22px; position: relative;}
.cream-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.cream-menu li i{display: block; height: 2px; background: #dd0518; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.cream-menu li.active i,.cream-menu li:hover i{left: 8px; right: 8px;}
.cream-menu li.active a,.cream-menu li:hover a{color: #dd0518!important;}
.cream-nav{float: right; height: 62px; line-height: 62px; font-size: 14px; color: #666;}
.cream-nav a{color: #666;}
.cream-nav a:last-child{color: #dd0518;}
/*列表分页*/
.list-page{padding: 26px 0 10px 0; text-align: left; color: #666; overflow: hidden; font-size: 0;}
.list-page .pagination,.list-page .go_page{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.list-page li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 4px; font-size: 14px;}
.list-page a, .list-page .disabled span{display: block; text-align: center; min-width: 28px; height: 38px; line-height: 38px; position: relative; padding: 0 5px; border: 1px solid #666; color: #666; font-size: 14px;}
.list-page a:hover,.list-page li.active span{border: 1px solid #dd0518; background: #dd0518; color: #fff!important;}
.list-page li.disabled span{font-size: 18px;}
.list-page li span{display: block; height: 38px; line-height: 38px; min-width: 28px; text-align: center; padding: 0 5px;}
.list-page .go_page{margin-left: 24px;}
.list-page .go_page span{color: #666; font-size: 14px; float: left; height: 40px; line-height: 40px;}
.list-page input{border: 1px solid #666; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #666; margin: 0 8px; vertical-align: top;}
.list-page a.disabled{cursor: not-allowed;}
.list-page .confirm_jump_page{float: left; width: 40px; height: 30px; line-height: 30px; margin-left: 10px; margin-top: 5px; background: #333333; color: #fff; cursor: pointer;}
/*关于我们*/
.about-title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;}
.about-team{height: 800px; background: url(../images/about-teambg.jpg) no-repeat center #111; background-attachment: fixed; color: #fff; position: relative; z-index: 2; overflow: hidden;}
.about-team .bg{width: 100%; height: 100%; background: #111; filter: alpha(opacity=40); opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;}
.about-team .text{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; z-index: 2;}
.about-team .text .middle,.inteam .text ul{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.about-team .text .middle{width: 0; height: 100%;}
.about-team .text ul{padding-top: 60px;}
.about-team .text li{min-width: 200px; float: left; margin: 0 110px; text-align: left;}
.about-team .text li .num{font-size: 48px; color: #dd0518; line-height: 1;}
.about-team .text li .num span{font-family: "Arial"; font-size: 150px; font-weight: bold;}
.about-team .text li .title{font-size: 24px; color: #dd0518; margin-top: 8px;}
@media only screen and (max-width: 1499px){
	.about-team .text li{margin: 0 60px;}
	.about-team .text li .num{font-size: 38px;}
	.about-team .text li .num span{font-size: 120px;}
	.about-team .text li .title{font-size: 18px;}
}
.about-text{position: relative; overflow: hidden; background: #dd0518;}
.about-text .pic{overflow: hidden;}
.about-text .pic img{width: 100%; transition: transform 1.2s;}
.about-text .pic:hover img{transform: scale(1.1);}
.about-text .text{width: 584px; padding-top: 5%; padding-right: 84px; position: absolute; right: 50%; top: 0; margin-right: -750px;}
.about-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;}
.about-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;}
.about-text .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.about-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 30px; color: #fff; margin-top: 20px;}
.about-text .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #f19ba3; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;}
.about-text .text .more:hover{background: #c00; border-color: #c00; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.about-text .text{width: 520px; padding-top: 3%; padding-right: 30px; margin-right: -600px;}
	.about-text .text .name{font-size: 20px;}
	.about-text .text .title{font-size: 40px;}
	.about-text .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.about-text .text .more{margin-top: 32px;}
}
.history{padding: 58px 0 76px 0; background: #fff;}
.history-title{font-size: 18px; text-align: center; margin-top: 16px;}
.history-box{position: relative; margin-top: 22px;}
.history-box .line{width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0;}
.history-scroll{height: 600px; padding-top: 24px; position: relative; overflow: hidden; max-width: 1262px; margin: 0 auto;}
.history-scroll .radius{width: 15px; height: 15px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 50%; margin-left: -8px; top: 0;}
.history-scroll ul{margin: 0 14px; overflow: hidden; margin-bottom: 10px;}
.history-scroll li{width: 588px; float: left;}
.history-scroll li .pic{width: 140px; height: 140px; float: left; border-radius: 50%; overflow: hidden;}
.history-scroll li .pic img{width: 140px; height: 140px;}
.history-scroll li .text{padding-left: 220px; text-align: right;}
.history-scroll li .text .time{font-family: "Arial"; font-size: 40px; font-weight: bold; position: relative; line-height: 44px; transition: color .5s;}
.history-scroll li .text .time span{display: block; width: 18px; height: 18px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: -39px; top: 12px;}
.history-scroll li .text .time span i{display: block; width: 10px; height: 10px; background: #333; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 3px; top: 3px; transition: background .5s;}
.history-scroll li .text .desc{font-size: 18px; margin-top: 6px; line-height: 1.7;}
.history-scroll .n2 li{float: right;}
.history-scroll .n2 li .pic{float: right;}
.history-scroll .n2 li .text{padding-left: 0; padding-right: 220px; text-align: left;}
.history-scroll .n2 li .text .time span{right: auto; left: -39px;}
.history-scroll li:hover .text .time{color: #dd0518;}
.history-scroll li:hover .text .time span i{background: #dd0518;}
.history-box .down{width: 19px; height: 48px; background: url(../images/icon.png) no-repeat -372px -224px #fff; position: absolute; left: 50%; bottom: -20px; margin-left: -9px; animation: bounce-down 1.1s linear infinite;}
@keyframes bounce-down{25%{transform: translateY(10px);}50%,100%{transform: translateY(0);}75%{transform: translateY(-10px);}}
@media only screen and (max-width: 1549px){
	.history-scroll li{width: 558px;}
	.history-scroll li .text .desc{font-size: 16px;}
}
.abtjoinus{background: #111; background-size: auto 100%; position: relative; overflow: hidden;}
.abtjoinus .pic{position: relative; overflow: hidden;float: right;}
.abtjoinus .pic img{width: 100%; transition: transform 1.2s;}
.abtjoinus .pic:hover img{transform: scale(1.1);}
.abtjoinus .pic a{display: block; padding-top: 28px; color: #fff; position: absolute; right: 28px; top: 28px;}
.abtjoinus .pic a i{display: block; width: 34px; height: 21px; background: url(../images/icon.png) no-repeat -54px 0; position: absolute; left: 50%; top: 0; margin-left: -17px;}
.abtjoinus .text{width: 636px; padding-top: 5%; position: absolute; left: 50%; top: 0; margin-left: -750px;}
.abtjoinus .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;}
.abtjoinus .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;}
.abtjoinus .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.abtjoinus .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; color: #fff; margin-top: 20px;}
.abtjoinus .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #f19ba3; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;}
.abtjoinus .text .more:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.abtjoinus .text{width: 570px; padding-top: 3%; margin-left: -600px;}
	.abtjoinus .text .name{font-size: 20px;}
	.abtjoinus .text .title{font-size: 40px;}
	.abtjoinus .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.abtjoinus .text .more{margin-top: 32px;}
}
.abtteam{padding: 100px 0 10px 0; background: #fff; position: relative; overflow: hidden;}
.abtteam-text{position: relative; overflow: hidden;}
.abtteam-text .col-lg-62{float: right;}
.abtteam-text .pic{width: 98%; position: relative; margin-left: 5px;}
.abtteam-text .pic > img{width: 100%;}
.abtteam-text .pic .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam-text .pic .mask img{display: block; width: 100%; height: 100%;}
.abtteam-text .pic:hover .mask{opacity: 1; visibility: visible;}
.abtteam-text .text{width: 620px; position: absolute; left: 50%; top: -10px; margin-left: -750px;}
.abtteam-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 1.8;}
.abtteam-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25;}
.abtteam-text .text .line{width: 50px; height: 1px; background: #e83f39; margin-top: 20px;}
.abtteam-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; margin-top: 20px;}
.abtteam-spic{margin: 10px 5px 0 5px; position: relative;}
.abtteam-spic li .item{position: relative; margin: 0 5px;}
.abtteam-spic li .pic img{width: 100%;}
.abtteam-spic li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam-spic li .mask img{display: block; width: 100%; height: 100%;}
.abtteam-spic li:hover .mask{opacity: 1; visibility: visible;}
.abtteam-spic ol{position: absolute; left: 0; bottom: 0;}
.abtteam-spic ol li.s1{width: 50%;}
.abtteam-spic ol li.s2{width: 50%; position: absolute; right: 0; bottom: 0;}
.abtteam-spic ul{float: right; margin: }
.about-vr{position: relative; height: 100vh;}
.about-vr .iframe{display: block; width: 100%; height: 100%;}
@media only screen and (max-width: 1549px){
	.abtteam-text .text{width: 546px; margin-left: -600px;}
	.abtteam-text .text .name{font-size: 20px;}
	.abtteam-text .text .title{font-size: 40px;}
	.abtteam-text .text .desc{font-size: 16px;}
	.abtteam-text .pic{width: 98%;}
}
@media only screen and (max-width: 1399px){
	.abtteam-text .pic{width: 98%;}
	.abtteam-spic{margin-top: 20px;}
}
/*联系我们*/
/* .contact{height: calc(100vh - 80px); position: relative;} */
.contact{ position: relative;}
.contact-map{height: 100%; position: relative;}
.contact-map .iframe{width: 100%; height: 100%;}
.contact-map img{max-width: none;}
.contact-text{width: 46.875%; background: #dd0518; font-family: "Microsoft Yahei Light"; color: #fff; position: absolute; right: 0; bottom: 0; z-index: 16;}
.contact-text .text{padding: 60px 0 85px 70px;}
.contact-text .tit1{font-size: 40px;}
.contact-text .tit2{font-size: 72px; font-weight: bold; margin-top: 10px;}
.contact-text ul{margin-top: 14px;}
.contact-text li{min-height: 30px; line-height: 30px; position: relative; padding-left: 40px; font-size: 24px; margin-bottom: 10px;}
.contact-text li .icon{display: block; width: 30px; height: 30px; background: url(../images/icon.png) no-repeat; position: absolute; left: 0; top: 0;}
.contact-text li .ico1{background-position: -370px -274px;}
.contact-text li .ico2{background-position: -370px -304px;}
.contact-text .more{display: block; width: 210px; height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #dd0518; text-align: center; margin-top: 34px;}
.contact-text .more:hover{transform: translateX(10px); color: #dd0518!important;}
@media only screen and (max-width: 1620px){
	.contact-text .text{padding: 40px 0 65px 50px;}
}
@media only screen and (max-width: 1549px){
	.contact-text .tit1{font-size: 26px;}
	.contact-text .tit2{font-size: 54px;}
	.contact-text li{font-size: 20px;}
}
@media only screen and (max-width: 1399px){
	.contact-text{width: 40%;}
	.contact-text .text{padding: 30px 0 30px 30px;}
	.contact-text .tit1{font-size: 20px;}
	.contact-text .tit2{font-size: 40px;}
	.contact-text li{font-size: 18px;}
	.contact-text .more{width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 20px;}
}
/*加入我们*/
.joinus-banner .text .title{font-size: 36px;}
.joinus{background: #f7f7f7; padding-bottom: 60px;}
.joinus .container{max-width: 1200px;}
.joinus .location{border-bottom: 1px solid #eee;}
.list-joinus ul{padding: 20px 0 10px 0;}
.list-joinus li{padding: 30px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.05); margin-bottom: 20px;}
.list-joinus li .title{font-size: 24px; margin-bottom: 12px;}
.list-joinus li .info{font-size: 12px; color: #666;}
.list-joinus li .info span{margin-right: 10px; color: #a3afb7;}
.list-joinus li .info em{color: #999;}
.list-joinus li .info em i{color: #666;}
.list-joinus li .editor{padding: 14px 15px; font-size: 16px; line-height: 1.8; border-top: 1px solid #e4eaec; border-bottom: 1px solid #e4eaec; margin-top: 14px;}
.list-joinus li .editor p{margin-bottom: 10px;}
.list-joinus li .more{display: block; width: 86px; height: 34px; line-height: 34px; border: 1px solid #dd0518; font-size: 14px; color: #dd0518; text-align: center; margin-top: 14px;}
.list-joinus li .more:hover,.list-joinus li .more:focus{background: #dd0518; border-color: #dd0518; color: #fff!important; touch-action: manipulation;}
/*加入我们---在线应聘*/
.layui-layer-joinus{box-shadow: 0 2px 12px rgba(0,0,0,.2)!important; border-radius: 0!important;}
.layui-layer-joinus .layui-layer-title{height: 28px; line-height: 28px; background: #dd0518; font-size: 18px; color: #fff; padding: 15px 20px; border-bottom: 0;}
.layui-layer-joinus .layui-layer-setwin{right: 20px; top: 22px;}
.layui-layer-joinus .layui-layer-setwin a{display: block; width: 14px; height: 14px; margin-left: 0; background: url(../images/icon.png) no-repeat -166px 0;}
.joinus-form{padding: 20px;}
.joinus-form .item{margin-bottom: 15px;}
.joinus-form .item .input{display: block; width: 534px; line-height: 24px; padding: 5px 12px; border: 1px solid #e4eaec; border-radius: 4px; color: #76838f; transition: border .25s linear;}
.joinus-form .item .input:focus{border-color: #dd0518;}
.joinus-form .item .input::-webkit-input-placeholder{color: #a3afb7;}
.joinus-form .item .input::-moz-placeholder{color: #a3afb7;}
.joinus-form .item .input:-ms-input-placeholder{color: #a3afb7;}
.joinus-form .item .btns{display: inline-block; height: 36px; line-height: 36px; background: #e4eaec; color: #76838f; padding: 0 16px; margin-right: 8px; cursor: pointer; transition: background-color .2s linear;}
.joinus-form .item .btns-primary{background: #dd0518; color: #fff;}
.joinus-form .item .btns-default:hover{background: #f3f7f9;}

.pull-links-ibox{
	margin-top: 14px;
}
.pull-links-ibox li{
	margin-bottom: 20px;
}
.pull-links-ibox li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.pull-links-ibox li img{
	overflow: hidden;
	width: 100%;
	transition: transform 1.1s;
	-webkit-transition: transform 1.1s;
	-moz-transition: transform 1.1s;
	-ms-transition: transform 1.1s;
	-o-transition: transform 1.1s;
}
.pull-links-ibox li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}



/*首页---新闻*/
.innews{overflow: hidden; padding: 76px 0;}
.innews ul{margin: 0 -15px;}
.innews li .item{margin: 0 15px;}
.innews li .title{font-family: "Microsoft Yahei Light"; height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; border-left: 4px solid #dd0518; margin-bottom: 22px; padding-left: 12px;color: #333;}
.innews li .title a{font-family: "Microsoft Yahei"; float: right; margin-right: 4px; font-size: 14px; font-weight: normal; color: #666;}
.innews li .dt{margin-bottom: 16px;}
.innews li .dt a{display: block; padding: 20px 34px 26px 40px; background: #fff; border: 1px solid #ccc;}
.innews li .dt .time{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #dd0518; transition: color .5s;}
.innews li .dt .line{width: 23px; height: 2px; background: #ccc; margin-left: 14px; margin-top: 10px; transition: background .5s;}
.innews li .dt h3{font-size: 24px; height: 68px; line-height: 34px; overflow: hidden; margin-top: 10px;} 
.innews li .dt .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; height: 72px; line-height: 24px; color: #666; overflow: hidden; transition: color .5s; margin-top: 10px;}
.innews li .dt a:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;}
.innews li .dt a:hover .line{background: #fff;}
.innews li .dt a:hover .time,.innews li .dt a:hover .desc{color: #fff!important;}
.innews li .dt a:hover .time{border-bottom-color: #fff;}
.innews li .dd{height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; padding: 0 4px; margin-top: 6px;}
.innews li .dd .time{float: right; color: #999;}
.innews li .dd h3{height: 40px; line-height: 40px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (max-width: 1549px){
	.innews ul{margin: 0 -10px;}
	.innews li .item{margin: 0 10px;}
	.innews li .dt a{padding-left: 24px; padding-right: 18px;}
	.innews li .dt h3{font-size: 22px;} 
}.yqlj{
	height: 40px;
	line-height: 40px;
}
.yqlj span{
	float: left;
}
.yqlj ul li{
	float: left;
	padding: 0 10px;
}
.sqiao_fixed{height: auto !important;}
.sqiao_fixed ul{margin-bottom: 8px;}