html, body { width: 100%; height: 100%; }
body { font: 16px/1.5 "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
::selection { background: #1581e5; color: #fff; }

::-moz-selection {
 background:#1581e5;
 color:#fff;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i, b { font-style: normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
legend { display: none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: "" }
a { text-decoration: none; color: #333; }

a:hover { text-decoration: none }
a:hover { color: #ff8400; }
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1%; }
.clearfix { display: block }
.tul, .tul:hover { text-decoration: underline; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px; margin-right: 5px; }
input, img, textarea { outline: none; vertical-align: middle; }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #888;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #888;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: #888;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: #888;
}

html, body { position: relative; height: 100%; }
body { background: #fff; }

.detailBox { line-height: 1.8em; }
.article-title { padding-top: 10px; }
.detail-tit { padding-bottom: 5px; padding-top: 10px; font-size: 16px; font-weight: 600; color: #333; text-align: center; }
.detail-tit .large { font-size: 18px; margin-bottom: 7px; }
.detail-tit .small { font-weight: 500; padding-bottom: 10px; color: #666; text-align: center; }
.detail-tit .small span { margin-right: 15px; }
.paper { background: #f6f6f6; padding: 15px 25px; margin-bottom: 15px; color: #666; }
.paper .name { color: #333; }
.detailBox .t2 { text-indent: 2em; }
.detailBox h4, .detailBox h3 { margin-bottom: 5px; font-size: 1.1428em; }
.detailBox .media { margin-top: 15px; margin-bottom: 15px; text-align: center; }
.detailBox .media img { max-width: 100%; overflow: hidden; }
.detailBox .dline { margin: 10px 0 20px; border-top: 1px dashed #ddd; }
.detailBox p { font-size: 0.875rem; color: #555; margin-bottom: 0.5rem; line-height: 1.6rem; }
.title01 { margin-left: 0.8rem; margin-right: 0.8rem; padding-top: 48px; padding-top: 3rem; margin-bottom: 32px; margin-bottom: 2rem; position: relative; position: relative; text-align: center; line-height: 26px; line-height: 1.6rem; opacity: 0; }
.title01 .large { position: relative; font-size: 26px; font-size: 1.6rem; margin-bottom: 16px; margin-bottom: 1rem; }
.title01 .small { color: #666; font-size: 16px; font-size: 1rem; }
.title01 .large:after { content: ''; display: block; position: relative; z-index: 10; border-left: 15px solid #f3f3f3; border-right: 15px solid #f3f3f3; width: 5px; height: 5px; border-radius: 50%; background-color: #2b78d9; margin: 0 auto; margin-top: 16px; margin-top: 1rem; }
.title01:after { content: ''; width: 180px; height: 1px; background-color: #c9c9c9; left: 50%; top: 90px; top: 5.7rem; margin-left: -90px; position: absolute; }
.title01 .more { color: #fda701; }
.title01 .more:hover { text-decoration: underline; }
.title02 { margin-bottom: 16px; margin-bottom: 1rem; padding: 10px; padding-bottom: 0.65rem; overflow: hidden; border-bottom: 1px solid #ddd; line-height: 24px; line-height: 1.5rem; }
.title02 .more { float: right; color: #666; font-size: 14px; font-size: 0.875rem; }
.title02 .name { font-size: 19px; font-size: 1.2rem; font-weight: 600; }
.title03 { margin-bottom: 32px; margin-bottom: 2rem; text-align: center; }
.title03 .large { margin-bottom: 0.3rem; font-size: 32px; font-size: 1.5rem; color: #2b78d9; text-transform: uppercase; }
.title03 .small { font-size: 16px; font-size: 1rem; color: #666; }
.title03 .fcyellow { color: #f66c00; }
.fcyellow { color: #f66c00; }
.fcblue { color: #2b78d9; }
.fcred { color: #f41236; }
.con-warp { width: 100%; }
.header { padding-top: 16px; padding-bottom: 16px; padding-top: 1rem; padding-bottom: 1rem; }
.header .logo { float: left; margin-left: 10px; margin-right: 10px; }
.header .logo a { display: block; height: 64px; height: 4rem; }
.header .logo img { height: 100%; }
.header .top-text { float: left; font-size: 16px; font-size: 1rem; color: #555; line-height: 64px; line-height: 4rem; }
.header .top-text span { margin-right: 10px; }
.header .top-text strong { font-size: 22px; font-size: 1.3rem; font-weight: 500; color: #f41236; }
.top-tel { float: right; font-size: 16px; font-size: 1rem; color: #666; }
.top-tel .numb { font-size: 24px; font-size: 1.5rem; font-weight: 600; color: #f41236; }
.top-tel .tel-icon { margin-right: 2px; }
.top-tel:hover .tel-icon { -moz-animation: pulse 0.8s ease-out both; -ms-animation: pulse 0.8s ease-out both; -webkit-animation: pulse 0.8s ease-out both; -o-animation: pulse 0.8s ease-out both; animation: pulse 0.8s ease-out both; }
.menu-handler { position: relative; float: right; width: 48px; height: 48px; cursor: pointer; }
.menu-handler .burger { position: absolute; width: 22px; height: 2px; background: #fff; left: 11px; }
.menu-handler .burger-1 { top: 14px; }
.menu-handler .burger-2 { top: 21px; }
.menu-handler .burger-3 { top: 28px; }
.menu-handler.active .burger-1 { top: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.nav-title { overflow: hidden; padding-left: 15px; }
.nav-title .name { float: left; line-height: 48px; color: #fff; }
.nav-main { position: relative; z-index: 1000; background-color: #2370d1; width: 100%; }
.nav li { width: 100%; text-align: center; }
.nav li>a { display: block; width: 100%; color: #fff; line-height: 36px; line-height: 2.2rem; }
.nav .active, .nav li:hover { background-color: #1965c5; }
.sub-nav { display: none; padding: 16px 0 0; padding: 1rem 0 0; background-color: #fff; }
.sub-nav .sub-list { overflow: hidden; overflow: hidden; }
.sub-nav .sub-list dd { float: left; }
.sub-nav .sub-list a { display: block; text-align: center; font-size: 14px; font-size: 0.875rem; line-height: 16px; line-height: 1rem; }
.sub-nav .sub-list .img-icon { display: block; margin: 0 auto 5px; max-width: 100%; width: 110px; height: 110px; width: 6rem; height: 6rem; }
.sub-nav .sub-list .img-icon img { width: 100%; height: 100%; }
.service-item-home { padding: 22px 0; padding: 1.4rem 0; overflow: hidden; }

.service-item-home .title { background-color: #2370d1; text-align: center; line-height: 40px; line-height: 2.5rem; color: #fff; font-weight: 600; }
.service-item-home li a { display: block; padding: 25px; padding: 1.5rem; overflow: hidden; }
.service-item-home li:hover a { background-color: #f2f2f2; }
.service-item-home li .name { margin-bottom: 5px; font-weight: 600; font-size: 16px; font-size: 1rem; }
.service-item-home li .text { font-size: 14px; font-size: 0.875rem; color: #888; line-height: 26px; line-height: 1.6rem; }
.service-item-home li .img { float: left; width: 27%; margin-right: 3%; }
.service-item-home li img { width: 100%; }
.service-item-home li .cen { float: left; width: 70%; }
.brand-home { overflow: hidden; background-color: #f3f3f3; padding-bottom: 48px; padding-bottom: 3rem; }
.brand-list { padding-top: 3px; overflow: hidden; }
.brand-list li { position: relative; float: left; width: 22.5%; margin-left: 2%; margin-bottom: 15px; margin-bottom: 1rem; opacity: 0; left: 15px; overflow: hidden; }
.brand-list li .pic { position: relative; padding-bottom: 58%; display: block; width: 100%; }
.brand-list li img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); -moz-transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1); }
.brand-list li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); ; }
.brand-list li .cover { position: absolute; z-index: 10; display: none; width: 100%; height: 100%; background: url("../image/alp-bg-blue.png") left top repeat; }

.about-home { padding-bottom: 20px; overflow: hidden; }
.about-home .title01 .large:after { border-color: #fff; }
.about-home .pic-show { margin-bottom: 20px; margin-bottom: 1.5rem; display: block; width: 100%; text-align: center; }
.about-home .pic-show img { max-width: 90%; }
.about-home-list { overflow: hidden; text-align: center; }
.about-home-list li:hover { -moz-animation: swing 0.8s ease-out both; -ms-animation: swing 0.8s ease-out both; -webkit-animation: swing 0.8s ease-out both; -o-animation: swing 0.8s ease-out both; animation: swing 0.8s ease-out both; }
.about-home-list li { display: inline-block; margin-bottom: 16px; margin-bottom: 1rem; position: relative; opacity: 0; top: 20px; }
.about-home-list li a { display: block; width: 90px; width: 5rem; max-width: 90%; margin: 0 auto; }
.about-home-list li img { width: 100%; }

.news-home { padding: 48px 0; padding: 3rem 0; background-color: #f3f3f3; overflow: hidden; }
.news-item-h { margin: 0 auto; width: 95%; }
.news-list { }
.news-list .pic-news { border: 2px solid #fff; margin-bottom: 8px; margin-bottom: 0.5rem; }
.news-list .pic-news a { float: none; width: 100%; padding: 0; background: none; display: block; }
.news-list .pic-news img { width: 100%; }
.news-list li { border-bottom: 1px dotted #ddd; overflow: hidden; font-size: 14px; font-size: 0.875rem; line-height: 42px; line-height: 2.62rem; }
.news-list li .date { float: right; color: #666; }
.news-list li a { float: left; width: 70%; padding-left: 16px; background: url("../image/icon-list.png") left center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li:hover { background-color: #fff; }
.foot-wrap { width: 100%; background-color: #eee; border-top: 1px solid #2b78d9; }
.foot-menu { padding: 16px 0; padding: 1rem 0; overflow: hidden; }
.foot-wechat { float: left; width: 160px; width: 10rem; margin-right: 16px; text-align: center; font-size: 16px; font-size: 1rem; color: #2b78d9; line-height: 24px; line-height: 1.5rem; position: relative; z-index: 100; }
.foot-wechat img { width: 100%; margin-bottom: 3px; display: block; }
.foot-tel { padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid #afc7e9; position: relative; font-size: 20px; font-size: 1.25rem; font-weight: 600; color: #2b78d9; line-height: 26px; line-height: 1.625rem; }
.foot-tel a { color: #2b78d9; }
.foot-tel .icon-tel { float: left; width: 42px; width: 2.6rem; margin-right: 12px; line-height: 52px; }
.foot-tel .icon-tel img { width: 100%; }
.foot-contact dt { width: 100%; clear: both; font-size: 20px; font-size: 1.25rem; line-height: 20px; color: #2b78d9; }
.foot-contact dl { overflow: hidden; }
.foot-contact dd { float: left; margin-right: 15px; font-size: 14px; font-size: 0.875rem; line-height: 24px; line-height: 1.5rem; }
.foot-wrap .menu-list { }
.foot-wrap .menu-list dt { margin-bottom: 5px; position: relative; border-bottom: 1px solid #a0a0a0; font-size: 18px; font-size: 1.125rem; font-weight: 500; line-height: 20px; line-height: 1.2rem; padding-bottom: 10px; padding-bottom: 0.625rem; }
.foot-wrap .menu-list dt:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 38px; height: 2px; background-color: #2b78d9; }
.foot-wrap .menu-list dd { font-size: 14px; font-size: 0.875rem; line-height: 30px; }
.foot-wrap .menu-list a { display: block; }
.copyRight { width: 100%; background-color: #2b78d9; line-height: 24px; padding: 12px 0; }
.copyRight .container { overflow: hidden; }
.copyRight, .copyRight a { color: #fff; font-size: 14px; }
.copyRight span, .copyRight a { margin: 0 5px; }

.page-menu { border-bottom: 1px solid #ddd; }
.page-menu-list { overflow: hidden; }
.page-menu-list li { border-bottom: 2px solid #fff; float: left; margin-right: 32px; margin-right: 2rem; }
.page-menu-list .active { border-bottom-color: #2b78d9; }
.page-menu-list .active a { color: #2b78d9; }
.page-menu-list li a { float: left; font-size: 16px; font-size: 1rem; line-height: 19px; line-height: 1.2rem; padding: 24px 0 16px; padding: 1.5rem 0 1rem; }
.black-home { float: right; font-size: 16px; font-size: 1rem; line-height: 19px; line-height: 1.2rem; padding: 24px 0 16px; padding: 1.5rem 0 1rem; }
.black-home img { height: 19px; height: 1.2rem; margin-right: 8px; margin-right: 0.4rem; }
.about-page { padding-bottom: 30px; padding-bottom: 2rem; font-size: 15px; font-size: 0.94rem; line-height: 26px; line-height: 1.625rem; }
.about-page p { margin-bottom: 0.3rem; }
.about-page .t2 { text-indent: 2rem; }
.about-page .pic { text-align: center; }
.about-page .pic img { max-width: 100%; }
.about-advantag { padding-bottom: 32px; padding-bottom: 2rem; }
.advantag-list { }
.advantag-list .sub-list { }
.advantag-list .icon-img { display: block; width: 151px; height: 174px; text-align: center; line-height: 174px; }
.advantag-list .sub-list .icon-img { background: url("../image/adv-bg.png") center no-repeat; }
.advantag-list .icon-img .img2 { display: none; }
.advantag-list .active .icon-img .img1 { display: none; }
.advantag-list .active .icon-img .img2 { display: block; }
.advantag-list .name { padding: 10px 0; padding: 0.625rem 0; font-size: 18px; font-size: 1.125rem; color: #2370d1; }
.advantag-list .text { font-size: 16px; font-size: 1rem; color: #666; }
.about-jingying { margin-bottom: 32px; margin-bottom: 2rem; }
.page-server { height: 200px; background: url("../image/page-foot-pic.jpg") center no-repeat; }
.page-server .container { padding-top: 2.5rem; font-size: 26px; font-size: 1.6rem; color: #fff; text-align: center; }
.page-server .btn-red { margin-left: 0.5rem; width: 205px; width: 12rem; font-size: 20px; font-size: 1.25rem; text-align: center; display: inline-block; *display: inline;
zoom: 1; border-radius: 22px; background-color: #d4332c; line-height: 48px; color: #fff; }
.page-server .btn-red:hover { background-color: #e8352d; }
.wenhua-page { padding-bottom: 32px; padding-bottom: 2rem; overflow: hidden; }
.wenhua-page .sub-list { margin-bottom: 48px; margin-bottom: 3rem; min-height: 80px; position: relative; overflow: hidden; }
.wenhua-page .text img { float: left; margin-right: 20px; }
.wenhua-page .text .name { padding-top: 8px; padding-top: 0.5rem; margin-bottom: 5px; font-size: 26px; font-size: 1.6rem; color: #2370d1; line-height: 32px; line-height: 2rem; }
.fw-liucheng .fw-list { overflow: hidden; }
.fw-liucheng li { overflow: hidden; margin-bottom: 1rem; color: #555; position: relative; left: 20px; opacity: 0; }
.fw-liucheng .icon-img { margin-right: 24px; margin-right: 1.5rem; float: left; width: 120px; height: 120px; border-radius: 50%; background-color: #666; text-align: center; color: #fff; font-size: 16px; font-size: 1rem; }
.fw-liucheng .icon-img .icon { width: 41px; height: 33px; display: block; margin: 30px auto 5px; background: url("../image/about.png") 0 -15px no-repeat; }
.fw-liucheng .list1 .icon { width: 27px; }
.fw-liucheng .list2 .icon { width: 36px; height: 33px; background-position: 0 -48px; }
.fw-liucheng .list3 .icon { height: 34px; background-position: 0 -81px; }
.fw-liucheng .list4 .icon { height: 41px; background-position: 0 -115px; }
.fw-liucheng .list5 .icon { width: 51px; height: 38px; background-position: 0 -156px; }
.fw-liucheng .list6 .icon { width: 28px; height: 36px; background-position: 0 -194px; }
.fw-liucheng .list7 .icon { width: 42px; height: 36px; background-position: 0 -230px; }
.fw-liucheng .list8 .icon { width: 32px; height: 34px; background-position: 0 -266px; }
.fw-liucheng li:hover .icon-img { background-color: #2370d1; }
.pic-list { overflow: hidden; }
.pic-list li { float: left; width: 44%; margin-left: 4%; margin-bottom: 16px; margin-bottom: 1rem; }
.pic-list li .img { display: block; margin-bottom: 0.5rem; }
.pic-list li img { width: 100%; }
.pic-list li .img { border: 4px solid #eee; }
.pic-list li .name { font-size: 16px; font-size: 1rem; text-align: center; }
.pc-datail { padding-bottom: 32px; padding-bottom: 2rem; text-align: center; }
.pc-datail .title03 { margin-bottom: 20px; }
.pc1-class { overflow: hidden; }
.pc1-class>div { float: left; width: 15.2%; text-align: center; line-height: 164px; }
.pc1-class .icon { width: 6%; }
.pc1-class img { max-width: 100%; }
.pc1-class .icon img { max-width: 75%; }
.wrap-bgf6 { background-color: #f6f6f6; }
.pc1-block2 { padding: 32px 0; padding: 2rem 0; overflow: hidden; }
.pc1-block2 .cen { text-align: center; font-size: 16px; font-size: 1rem; }
.pc1-block2 .item { background-color: #fff; margin-top: 32px; text-align: left; margin-top: 2rem; font-size: 14px; font-size: 0.875rem; color: #666; border: 3px solid #549fd8; margin-left: 40px; padding: 20px; padding-left: 60px; position: relative; }
.pc1-block2 .item .icon { color: #fff; border-radius: 50%; width: 80px; text-align: center; line-height: 80px; background-color: #fe9900; position: absolute; left: -40px; top: 50%; margin-top: -40px; }
.pc1-block2 .item .name { padding-bottom: 8px; padding-bottom: 0.5rem; margin-bottom: 4px; margin-bottom: 0.4rem; font-size: 16px; font-size: 1rem; border-bottom: 1px solid #ddd; color: #2370d1; }
.pc1-block3 { padding: 32px 0; padding: 2rem 0; }
.pc1-block3 .main { overflow: hidden; }
.pc1-block3 .item { float: left; width: 50%; box-sizing: border-box; border: 1px solid #ddd; padding: 16px; padding: 1rem; text-align: center; }
.pc1-block3 .item img { max-width: 100%; }
.pc1-block3 .item .name { padding: 16px 0; padding: 1rem 0; font-size: 22px; font-size: 1.3rem; line-height: 24px; line-height: 1.5rem; }
.pc1-block3 .item1 .name { color: #e00762; }
.pc1-block3 .item2 .name { color: #6e30e7; }
.pc1-block3 .item3 .name { color: #a21081; }
.pc1-block3 .item4 .name { color: #0082b3; }
.pc1-block3 .item .text { font-size: 15px; font-size: 0.875rem; line-height: 26px; line-height: 1.6rem; color: #666; }
.pc1-block3 .item:hover { border-color: #fe9900; }
.pc1-block4 { padding: 32px 0; padding: 2rem 0; }
.pc1-block4 .main { overflow: hidden; }
.pc1-block4 .main .item { border-bottom: 2px solid #fff; padding-bottom: 0.5rem; overflow: hidden; font-size: 16px; font-size: 1rem; line-height: 26px; }
.pc1-block4 .item .img { float: left; width: 32%; text-align: center; }
.pc1-block4 .item img { max-width: 100%; }
.pc1-block4 .item .text { padding-top: 1.8rem; }
.pc1-block5 { padding: 32px 0; padding: 2rem 0; }
.pc1-block6 { padding: 32px 0; padding: 2rem 0; }
.pc1-block7 { padding: 32px 0; padding: 2rem 0; }
.pc1-block8 { padding: 32px 0; padding: 2rem 0; }
.pc1-block5 { }
.pc1-block5 .main { overflow: hidden; }
.pc1-block5 .item { padding-left: 78px; padding-left: 4.8rem; padding-bottom: 24px; padding-bottom: 1.5rem; padding-top: 24px; padding-top: 1.5rem; }
.pc1-block5 .item1 { background: url("../image/icon-numb1.png") left 24px no-repeat; }
.pc1-block5 .item2 { background: #f6f6f6 url("../image/icon-numb2.png") left 24px no-repeat; }
.pc1-block5 .item3 { background: url("../image/icon-numb3.png") left 24px no-repeat; }
.pc1-block5 .item4 { background: #f6f6f6 url("../image/icon-numb4.png") left 24px no-repeat; }
.pc1-block5 .item .name { margin-bottom: 16px; margin-bottom: 1rem; font-size: 16px; font-size: 1rem; color: #2370d1; line-height: 16px; line-height: 1rem; }
.pc1-block5 .item p { font-size: 15px; font-size: 0.875rem; }
.pc1-block7 { }
.pc1-block7 .main { overflow: hidden; }
.pc1-block7 .item { padding: 24px; padding: 1rem; padding-bottom: 24px; padding-bottom: 1.5rem; padding-top: 24px; padding-top: 1.5rem; }
.pc1-block7 .item2, .pc1-block7 .item4, .pc1-block7 .item6 { background: #f6f6f6 }
.pc1-block7 .item .name { margin-bottom: 16px; margin-bottom: 1rem; font-size: 16px; font-size: 1rem; color: #2370d1; line-height: 8px; line-height: 0.5rem; }
.pc1-block7 .item p { font-size: 15px; font-size: 0.875rem; }

.pc-block2 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pc-block3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pc-block4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pc-block5 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.container-page { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pc-advantag li { padding-bottom: 0.5rem; opacity: 0; left: 20px; position: relative; }
.pc-advantag li .name { margin-bottom: 8px; margin-bottom: 0.5rem; font-size: 18px; font-size: 1.125em; color: #2370d1; }
.pc-advantag li .text { font-size: 14px; font-size: 0.875rem; line-height: 24px; line-height: 1.5rem; }
.pc-advantag2 li { margin-bottom: 16px; margin-bottom: 1rem; left: 0; top: 20px; }
.pc-advantag2 li .name { color: #333; font-weight: 600; }
.pc-advantag2 li .img { margin-right: 16px; margin-right: 1rem; }
.pc-advantag2 li:hover img { -moz-animation: pulse 0.8s ease-out both; -ms-animation: pulse 0.8s ease-out both; -webkit-animation: pulse 0.8s ease-out both; -o-animation: pulse 0.8s ease-out both; animation: pulse 0.8s ease-out both; }
.pc-server-list { overflow: hidden; }
.pc-server-list li { float: left; width: 21%; margin-right: 2%; margin-left: 2%; margin-bottom: 1rem; position: relative; opacity: 0; top: 10px; }
.pc-server-list li img { width: 100%; }
.pc-server-list li:hover img { -moz-animation: bounce 0.8s ease-out both; -ms-animation: bounce 0.8s ease-out both; -webkit-animation: bounce 0.8s ease-out both; -o-animation: bounce 0.8s ease-out both; animation: bounce 0.8s ease-out both; }
.pc-process { overflow: hidden; }
.pc-process li { float: left; text-align: center; max-width: 147px; width: 18%; margin: 0 1%; position: relative; left: 10px; opacity: 0; }
.pc-process .img { display: block; background: url("../image/icon-bg.png") center no-repeat; background-size: cover; display: block; width: 100%; max-width: 147px; }
.pc-process .img img { width: 100%; }
.pc-process li .text { font-size: 14px; font-size: 0.875rem; color: #666; line-height: 24px; line-height: 1.5rem; }
.pc-process .numb:hover img { -moz-animation: swing 0.8s ease-out both; -ms-animation: swing 0.8s ease-out both; -webkit-animation: swing 0.8s ease-out both; -o-animation: swing 0.8s ease-out both; animation: swing 0.8s ease-out both; }
.pc2-detail1 { font-size: 16px; font-size: 1rem; position: relative; top: 10px; line-height: 28px; line-height: 1.75rem; }
.pc2-detail1 .title { padding: 16px 0; padding: 1rem 0; font-size: 20px; }
.pc2-detail1 .t2 { text-indent: 2rem; margin-bottom: 0.2rem; }
.pc2-detail1 .pic { text-align: center; }
.pc2-detail1 .pic img { max-width: 100%; }
.pc2-block1-item { padding-top: 32px; padding-top: 2rem; overflow: hidden; }
.pc2-block1-item li { position: relative; opacity: 0; padding-bottom: 17%; float: left; width: 20%; background: url("../image/pc2-bg1.png") center no-repeat; background-size: cover; color: #fff; font-size: 1rem; line-height: 32px; line-height: 2rem; text-align: center; }
.pc2-block1-item .li1 { background: url("../image/pc2-bg1.png") center no-repeat; background-size: cover; }
.pc2-block1-item .li2 { background: url("../image/pc2-bg2.png") center no-repeat; background-size: cover; }
.pc2-block1-item .li3 { background: url("../image/pc2-bg3.png") center no-repeat; background-size: cover; }
.pc2-block1-item .li4 { background: url("../image/pc2-bg4.png") center no-repeat; background-size: cover; }
.pc2-block1-item .li5 { background: url("../image/pc2-bg5.png") center no-repeat; background-size: cover; }
.pc2-block1-item li span { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -16px; margin-top: -1rem; }
.pc2-prosse { }
.pc2-prosse { overflow: hidden; }
.pc2-prosse li { float: left; width: 40%; margin: 0 5%; margin-bottom: 1.5rem; }
.pc2-prosse li .numb { display: block; margin: 0 auto; text-align: center; line-height: 92px; width: 92px; height: 108px; background: url("../image/pc2-process-bg.png") top center no-repeat; font-size: 32px; color: #fff; }
.pc2-prosse li .main { text-align: center; background-color: #2b78d9; color: #fff; padding: 20px; padding-bottom: 10px; border-radius: 3px; overflow: hidden; }
.pc2-prosse li .name { padding: 10px 0; font-size: 16px; font-size: 1.2rem; line-height: 24px; line-height: 1.5rem; }
.pc2-prosse li .text { min-height: 9rem; font-size: 14px; font-size: 0.875rem; line-height: 24px; line-height: 1.5rem; }
.pc2-prosse li:hover .numb { background: url("../image/pc2-process-bg2.png") top center no-repeat; color: #2b78d9; }
.pc2-service { padding: 10px 0; overflow: hidden; }
.pc2-service li { background-color: #f6f6f6; padding-bottom: 16px; padding-bottom: 1rem; margin-bottom: 0.8rem; border-bottom: 2px solid #89c12a; }
.pc2-service li .head { display: block; background-color: #89c12a; text-align: center; padding: 10px 0; padding: 0.6rem 0; font-size: 1.2rem; line-height: 24px; height: 24px; overflow: hidden; color: #fff; }
.pc2-service li .text { padding: 0 16px; padding: 0 1rem; text-align: center; font-size: 14px; font-size: 0.875rem; line-height: 26px; }
.pc2-service li .img { display: block; margin: 0 16px; text-align: center; }
.pc2-service li img { max-width: 100%; }
.pc2-service li:hover { -moz-animation: pulse 0.8s ease-out both; -ms-animation: pulse 0.8s ease-out both; -webkit-animation: pulse 0.8s ease-out both; -o-animation: pulse 0.8s ease-out both; animation: pulse 0.8s ease-out both; }
.pc2-service .li2 { border-color: #f5a913; }
.pc2-service .li2 .head { background-color: #f5a913; }
.pc2-service .li3 { border-color: #12a4db; }
.pc2-service .li3 .head { background-color: #12a4db; }
.case-list { padding-bottom: 32px; padding-bottom: 2rem; overflow: hidden; }
.case-list li { background-color: #f6f6f6; float: left; position: relative; width: 46%; margin: 0 2% 1.5rem; overflow: hidden; }
.case-list li .img { display: block; }
.case-list li img { width: 100%; }
.case-list li .name { padding: 0.5rem 0.5rem 0.8rem; font-size: 16px; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-list li .name:after { margin-top: 0.5rem; content: ''; display: block; width: 48px; height: 2px; background-color: red; }
.case-list li .cen { opacity: 0; filter: alpha(opacity=0); background: url("../image/alp-bg-blue.png") center repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.case-list li .info { color: #fff; line-height: 1.5rem; position: absolute; left: 0; width: 100%; height: 100%; top: 0; padding-top: 50%; margin-top: -1.5rem; display: block; }
.case-list li .title { font-size: 1.2rem; }
.case-list li .text { font-size: 14px; font-size: 0.875rem; }
.case-list li:hover .cen { -moz-animation: rotateInDownLeft 0.8s ease-out both; -ms-animation: rotateInDownLeft 0.8s ease-out both; -webkit-animation: rotateInDownLeft 0.8s ease-out both; -o-animation: rotateInDownLeft 0.8s ease-out both; animation: rotateInDownLeft 0.8s ease-out both; }
.case-list-page { padding-bottom: 0 !important; }
.case-list-page li { margin-bottom: 1.2rem !important; }
.btn-box { text-align: center; }
.btn-box .btn { display: inline-block; width: 120px; line-height: 36px; border-radius: 22px; border: 1px solid #ddd; }
.btn-box .btn:hover { background-color: #fe9900; border-color: #fe9900; color: #fff; }
.pc3-detail1 { font-size: 16px; font-size: 1rem; line-height: 26px; line-height: 1.6rem; }
.pc3-detail1 .pic { text-align: center; }
.pc3-detail1 .pic img { max-width: 100%; }
.pc3-detail1 .t2 { text-indent: 2em; }
.pc3-detail1-item { padding-top: 16px; padding-top: 1rem; overflow: hidden; text-align: center; }
.pc3-detail1-item li { float: left; width: 20%; font-size: 14px; font-size: 0.875rem; }
.pc3-detail1-item .img { display: block; margin-bottom: 4px; margin-bottom: 0.2rem; }
.pc3-detail1-item .img img { max-width: 80%; }
.pc3-process { overflow: hidden; }
.pc3-process li { float: left; width: 20%; text-align: center; font-size: 16px; font-size: 1rem; color: #0c7bc2; }
.pc3-process li .img { display: block; margin-bottom: 16px; margin-bottom: 1rem; }
.pc3-process li img { max-width: 80%; }
.pc3-process li .text { width: 90%; margin: 0 auto; }
.pc3-column li { position: relative; padding-left: 75px; margin-bottom: 24px; margin-bottom: 1.5rem; }
.pc3-column li .img { position: absolute; left: 0; top: 0; width: 60px; text-align: center; }
.pc3-column li .img img { max-width: 60px; }
.pc3-column li .name { font-size: 16px; font-size: 1rem; line-height: 1.5rem; }
.pc3-column li .text { font-size: 14px; font-size: 0.875rem; color: #666; }
.pc3-system { overflow: hidden; margin-left: -0.8rem; margin-right: -0.8rem; }
.pc3-system li { float: left; width: 23%; margin: 0 1%; text-align: center; margin-bottom: 1.5rem; }
.pc3-system .img { display: block; margin-bottom: 0.7rem; }
.pc3-system img { max-width: 80%; }
.pc3-system .text { border-radius: 22px; display: inline-block; *display: inline;
zoom: 1; font-size: 0.875rem; line-height: 1rem; width: 100%; border: 2px solid #42a5f6; box-sizing: border-box; padding: 0.5rem 0; }
.pc3-system .li1 .text { border-color: #42a5f6; }
.pc3-system .li2 .text { border-color: #ec407a; }
.pc3-system .li3 .text { border-color: #ffa827; }
.pc3-system .li4 .text { border-color: #a944ba; }
.pc3-system .li5 .text { border-color: #269cb9; }
.pc3-system .li6 .text { border-color: #e4bf4d; }
.pc3-system .li7 .text { border-color: #ff7dc3; }
.pc3-system .li8 .text { border-color: #33cccc; }
.pc3-system li:hover .text { color: #fff; }
.pc3-system .li1:hover .text { background-color: #42a5f6; }
.pc3-system .li2:hover .text { background-color: #ec407a; }
.pc3-system .li3:hover .text { background-color: #ffa827; }
.pc3-system .li4:hover .text { background-color: #a944ba; }
.pc3-system .li5:hover .text { background-color: #269cb9; }
.pc3-system .li6:hover .text { background-color: #e4bf4d; }
.pc3-system .li7:hover .text { background-color: #ff7dc3; }
.pc3-system .li8:hover .text { background-color: #33cccc; }
.pc4-detail { font-size: 16px; font-size: 1rem; line-height: 26px; line-height: 1.6rem; }
.pc4-detail .pic { text-align: center; }
.pc4-detail .pic img { max-width: 100%; }
.pc4-detail .t2 { text-indent: 2em; }
.pc4-detail-item { padding-top: 16px; padding-top: 1rem; overflow: hidden; text-align: center; }
.pc4-detail-item li { display: inline-block; *display: inline;
zoom: 1; width: 20%; margin: 0 3%; }
.pc4-detail-item .img { display: block; }
.pc4-detail-item .img img { max-width: 80%; }
.pc4-function { overflow: hidden; }
.pc4-function li { float: left; width: 21%; margin-bottom: 16px; margin: 0 2% 1rem; text-align: center; }
.pc4-function li .text { font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; height: 3rem; color: #666; }
.pc4-function li .img { padding-bottom: 80%; position: relative; display: block; margin-bottom: 0.5rem; }
.pc4-function li img { position: absolute; width: 70%; height: 100%; top: 0; left: 15%; }
.pc4-function li:hover img { -moz-animation: swing 0.8s ease-out both; -ms-animation: swing 0.8s ease-out both; -webkit-animation: swing 0.8s ease-out both; -o-animation: swing 0.8s ease-out both; animation: swing 0.8s ease-out both; }
.pc4-system { }
.pc4-system .ask-list { padding-left: 30px; }
.pc4-system .ask-list li { color: #fff; background-color: #50a3d5; margin-bottom: 45px; position: relative; padding: 10px; padding-left: 40px; line-height: 24px; }
.pc4-system .ask-list .numb { text-align: center; line-height: 60px; width: 60px; height: 60px; border-radius: 50%; background-color: #3083b7; position: absolute; left: -30px; top: 50%; margin-top: -30px; font-size: 32px; color: #fff; }
.pc4-system .ask-list .li2 { background-color: #f9b756; }
.pc4-system .ask-list .li2 .numb { background-color: #e4a242; }
.pc4-system .ask-list .li3 { background-color: #27a9ab; }
.pc4-system .ask-list .li3 .numb { background-color: #1a8c8d; }
.pc4-system .ask-list .li4 { background-color: #b24145; }
.pc4-system .ask-list .li4 .numb { background-color: #8c2328; }
.pc4-system .moshi-list { }
.pc4-system .moshi-list li { margin-bottom: 50px; min-height: 70px; position: relative; padding-left: 90px; overflow: hidden; font-size: 16px; line-height: 35px; }
.pc4-system .moshi-list .name { width: 66px; height: 66px; text-align: center; line-height: 70px; background-color: #f66c00; color: #fff; position: absolute; font-size: 26px; left: 0; top: 0; border: 2px solid #f66c00; }
.pc4-system .moshi-list li:hover .name { background-color: #fff; color: #f66c00; }
.pc5-wm { }
.pc5-wm li { opacity: 1; left: 0; }
.pc5-system { border-bottom: 1px solid #eee; }
.pc5-system li { padding: 16px 0; padding: 1rem 0; box-sizing: border-box; border: 1px solid #eee; width: 25%; margin: 0; border-bottom: none; border-right: none; }
.pc5-system li .text { border: none; color: #555; }
.pc5-system li:hover .text { color: #555; }
.pc5-system li:hover .img { -moz-animation: swing 0.8s ease-out both; -ms-animation: swing 0.8s ease-out both; -webkit-animation: swing 0.8s ease-out both; -o-animation: swing 0.8s ease-out both; animation: swing 0.8s ease-out both; }
.pc6-detail { text-align: center; }
.pc6-detail .text { font-size: 24px; font-size: 1.5rem; font-weight: 600; line-height: 38px; line-height: 2.5rem; }
.pc6-detail .egn { margin: 0 auto 15px; width: 80%; border-bottom: 1px dotted #ccc; font-size: 14px; font-size: 0.875rem; padding: 0.8rem 0; color: #888; }
.pc6-detail .media { padding: 16px 0; margin: 16px 0; padding: 1rem 0; margin: 1rem 0; text-align: center; }
.pc6-detail .media img { max-width: 100%; }
.pc6-detail .text-item { padding: 12px 0; padding: 0.8rem 0; background-color: #eee; }
.pc6-detail .text-item .egn { padding-top: 0.5rem; border-bottom: none; padding: 0; }
.pc6-service { }
.pc6-service li { margin-bottom: 16px; margin-bottom: 1rem; }
.pc6-service .name { margin-bottom: 4px; margin-bottom: 0.2rem; font-weight: 600; font-size: 18px; font-size: 1.125em; color: #ee7d7f; }
.pc6-service .li1 .name { color: #ee7d7f; }
.pc6-service .li2 .name { color: #f66b1f; }
.pc6-service .li3 .name { color: #7dc2ec; }
.pc6-service .li4 .name { color: #ec87c1; }
.pc6-service .li5 .name { color: #4792e3; }
.pc6-service .li6 .name { color: #7ec234; }
.pc6-service .li7 .name { color: #a6a7e8; }
.mobile-detail { line-height: 28px; }
.mobile-detail .text { text-align: center; color: #666; }
.mobile-size-list { padding-top: 21px; padding-top: 2rem; overflow: hidden; }
.mobile-size-list li { float: left; width: 21%; margin: 0 2%; }
.mobile-size-list li img { max-width: 100%; }
.mobile-detail .t-large { padding: 18px 0; padding: 1.2rem 0; color: #333; font-size: 32px; font-size: 2rem; }
.mobile-detail .media { margin-bottom: 8px; margin-bottom: 0.5rem; text-align: center; }
.mobile-detail .media img { max-width: 100%; }
.mobile-detail .media-3 img { max-width: 31%; margin: 0 1% }
.main-contact { text-align: center; }
.main-contact .tel { padding: 16px 0; font-size: 18px; font-size: 1.125rem; color: #ec1317; }
.btn-red-kong { display: inline-block; *display: inline;
zoom: 1; border: 2px solid #ec1317; line-height: 38px; padding: 0 25px; font-size: 16px; font-size: 1rem; color: #ec1317; }
.btn-red-kong:hover { background-color: #ec1317; color: #fff; }
.mobile-youshi { overflow: hidden; }
.mobile-youshi .item { position: relative; padding-left: 30%; }
.mobile-youshi .item .img { width: 25%; text-align: center; position: absolute; left: 0; top: 1rem; }
.mobile-youshi .item img { width: 100%; max-width: 127px; }
.mobile-youshi .item .name { border-bottom: 1px solid #ddd; margin-bottom: 0.5rem; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; }
.mobile-youshi .item .text { font-size: 14px; font-size: 0.875rem; color: #666; }
.mobile2-haochu { }
.mobile2-haochu li { margin-bottom: 1rem; opacity: 1; left: 0; }
.mobile2-haochu .img { width: 26%; margin-right: 2%; }
.mobile2-haochu .img img { max-width: 100%; }
.mobile-wechat-list { overflow: hidden; text-align: center; }
.mobile-wechat-list li { display: inline-block; *display: inline;
zoom: 1; font-size: 1rem; margin-bottom: 1.5rem; background: url("../image/micro_icon.png") 0 0 no-repeat; width: 120px; height: 40px; padding-top: 80px; line-height: 30px; text-align: center; }
.mobile-wechat-list li { margin-left: 2%; margin-right: 2%; }
.mobile-wechat-list .li1 { background-position: 0 0; color: #91d637; }
.mobile-wechat-list .li1:hover { background-position: 0 -120px; color: #fff; }
.mobile-wechat-list .li2 { background-position: -120px 0; color: #ef972c; }
.mobile-wechat-list .li2:hover { background-position: -120px -120px; color: #fff; }
.mobile-wechat-list .li3 { background-position: -240px 0; color: #4dd2d7; }
.mobile-wechat-list .li3:hover { background-position: -240px -120px; color: #fff; }
.mobile-wechat-list .li4 { background-position: -360px 0; color: #d7644d; }
.mobile-wechat-list .li4:hover { background-position: -360px -120px; color: #fff; }
.mobile-wechat-list .li5 { background-position: -480px 0; color: #d95ec0; }
.mobile-wechat-list .li5:hover { background-position: -480px -120px; color: #fff; }
.mobile-wechat-list .li6 { background-position: -600px 0; color: #4d9cd7; }
.mobile-wechat-list .li6:hover { background-position: -600px -120px; color: #fff; }
.mobile-wechat-list .li7 { background-position: -720px 0; color: #4d9cd7; }
.mobile-wechat-list .li7:hover { background-position: -720px -120px; color: #fff; }
.mobile-wechat-list .li8 { background-position: -840px 0; color: #4d9cd7; }
.mobile-wechat-list .li8:hover { background-position: -840px -120px; color: #fff; }
.mobile-wechat-list .li9 { background-position: -960px 0; color: #dd6dc6; }
.mobile-wechat-list .li9:hover { background-position: -960px -120px; color: #fff; }
.mobile-wechat-list .li10 { background-position: -1080px 0; color: #4d9cd7; }
.mobile-wechat-list .li10:hover { background-position: -1080px -120px; color: #fff; }
.mobile-wechat-list .li11 { background-position: -1200px 0; color: #bfcf3e; }
.mobile-wechat-list .li11:hover { background-position: -1200px -120px; color: #fff; }
.mobile-wechat-list .li12 { background-position: -1320px 0; color: #4dd78e; }
.mobile-wechat-list .li12:hover { background-position: -1320px -120px; color: #fff; }
.mobile-wechat-list .li13 { background-position: -1440px 0; color: #4d9cd7; }
.mobile-wechat-list .li13:hover { background-position: -1440px -120px; color: #fff; }
.mobile-wechat-list .li14 { background-position: -1560px 0; color: #4d9cd7; }
.mobile-wechat-list .li14:hover { background-position: -1560px -120px; color: #fff; }
.mobile-wechat-list .li15 { background-position: -1680px 0; color: #4d9cd7; }
.mobile-wechat-list .li15:hover { background-position: -1680px -120px; color: #fff; }
.mobile-wechat-list .li16 { background-position: -1800px 0; color: #4d9cd7; }
.mobile-wechat-list .li16:hover { background-position: -1800px -120px; color: #fff; }
.mobile3-gone { padding-top: 60px; overflow: hidden; }
.mobile3-gone li { float: left; background-color: #f6f6f6; width: 44%; padding: 0 2%; padding-top: 5px; margin: 0 1%; padding-bottom: 20px; text-align: center; margin-bottom: 70px; }
.mobile3-gone li .img { display: block; width: 107px; height: 107px; margin: 0 auto; margin-bottom: 16px; margin-top: -53px; }
.mobile3-gone li .img img { width: 100%; height: 100%; }
.mobile3-gone li .name { font-size: 18px; padding-bottom: 20px; position: relative; }
.mobile3-gone li .name:after { content: ''; display: block; margin: 0 auto; margin-top: 10px; width: 60px; height: 2px; background-color: #03a5e3; }
.mobile3-gone li .text { width: 80%; margin: 0 auto; font-size: 14px; font-size: 0.875rem; color: #666; line-height: 26px; line-height: 1.625rem; min-height: 156px; min-height: 9.75rem; }
.mobile3-gone .li1 .name:after { background-color: #ed5a8e; }
.mobile3-gone .li2 .name:after { background-color: #03a5e3; }
.mobile3-gone .li3 .name:after { background-color: #58cd63; }
.mobile3-gone .li4 .name:after { background-color: #f08026; }
.mobile-case-list { overflow: hidden; }
.mobile-case-list li { float: left; width: 40%; margin: 0 5%; margin-bottom: 24px; margin-bottom: 1.5rem; }
.mobile-case-list li img { width: 100%; height: 71px; }
.mobile5-haochu li .img { width: 28%; margin-right: 1rem; text-align: center; }
.mobile5-haochu li .img img { max-width: 100%; }
.mobile4-project { padding-top: 10px; text-align: center; }
.mobile4-project li { display: inline-block; *display: inline;
zoom: 1; width: 106px; margin: 0 2%; margin-bottom: 24px; margin-bottom: 1.5rem; }
.mobile4-project li .img { display: block; width: 106px; height: 106px; margin-bottom: 1rem; }
.mobile4-project li img { max-width: 100%; }
.mobile4-project li .name { font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; height: 24px; overflow: hidden; }
.mobile5-process .numb .img { background: none; }
.mobile5-process .name { font-size: 16px; font-size: 1rem; margin-bottom: 0.5rem; }

.tuiguang1-ask { }
.tuiguang1-ask .pic { margin-bottom: 1rem; text-align: center; }
.tuiguang1-ask .pic img { max-width: 100%; }
.tuiguang1-ask li { margin-bottom: 16px; margin-bottom: 1rem; text-align: center; }
.tuiguang1-ask li .name { margin-bottom: 0.2rem; font-size: 18px; font-size: 1.125rem; color: #f66c00; }
.tuiguang1-ask li .text { font-size: 14px; font-size: 0.875rem; color: #666; }
.tuiguang1-project { }
.tuiguang1-project li { width: 140px; text-align: center; }
.tuiguang1-project li .img { width: 140px; height: 140px; }
.tuiguang1-youshi { }
.tuiguang1-youshi .item .name { margin-bottom: 0; border: none; font-size: 18px; font-size: 1.125rem; }
.tuiguang1-youshi .img img { width: auto; max-width: 100%; }
.tuiguang-prosse { }
.tuiguang-prosse li { padding: 12px; padding: 0.8rem; background-color: #fff; margin-bottom: 16px; margin-bottom: 1rem; }
.tuiguang-prosse li .name { display: block; font-size: 20px; font-size: 1.25rem; font-weight: 600; }
.tuiguang-prosse .li1 .name { color: #ff975a; }
.tuiguang-prosse .li2 .name { color: #7aceb6; }
.tuiguang-prosse .li3 .name { color: #7aadce; }
.tuiguang-prosse .li4 .name { color: #7c6869; }
.tuiguang-prosse .li1 .text { font-size: 14px; font-size: 0.875rem; }
.tuiguang2-block2 { background-color: #edf0f4; }
.tuiguang2-block2 .detailBox .media { margin-bottom: 0; }
.sub-page-menu { margin-top: 8px; margin-top: 0.5rem; text-align: center; border-radius: 4px; overflow: hidden; }
.sub-page-menu li { float: left; width: 50%; }
.sub-page-menu li a { background-color: #eee; display: block; width: 100%; line-height: 2.6rem; font-size: 16px; font-size: 1rem; text-align: center; }
.sub-page-menu .active a { background-color: #03a5e3; color: #fff; }
.yuming-table { width: 100%; }
.yuming-table th, .yuming-table td { border: 1px solid #ddd; padding: 10px 5px; font-size: 14px; font-size: 0.875rem; line-height: 24px; line-height: 1.5rem; }
.yuming-table th { background-color: #eee; font-weight: 600; }
.yuming-table th .small { font-weight: 400; }
.yuming-table .hot { background-color: #03a5e3; color: #fff; padding: 0 5px; margin-right: 8px; border-radius: 3px; }
.yuming-table .name { display: inline-block; *display: inline;
zoom: 1; min-width: 60px; text-align: left; }
.wrap-tuig4-bg { background-color: #f1f3f5; }
.tuig4-block1 { margin-top: -15px; }
.tuig4-block .detailBox .media { margin-bottom: 0; }
.plane-list { }
.plane-list .item { margin-bottom: 16px; margin-bottom: 1rem; position: relative; overflow: hidden; }
.plane-list .name { margin-bottom: 5px; margin-bottom: 0.3rem; font-size: 16px; font-size: 1rem; line-height: 32px; line-height: 2rem; font-weight: 600; }
.plane-list .name img { height: 32px; height: 2rem; margin-right: 8px; margin-right: 0.5rem; }
.plane-list .text { font-size: 0.875rem; line-height: 1.6rem; color: #555; }
.plane-list2 .item { padding-left: 29%; position: relative; }
.plane-list2 .img { position: absolute; left: 0; top: 0; width: 26%; text-align: center; }
.plane-list2 .img img { max-width: 100%; }
.plane-list2 .item { min-height: 5rem; }
.plane-list2 .name { line-height: 1.2rem; }
.page-menu2 { margin-bottom: 1.5rem; }
.page-menu2 .item { margin-bottom: 1px; background-color: #f6f6f6; padding-left: 25%; position: relative; overflow: hidden; min-height: 28px; font-size: 14px; font-size: 0.875rem; line-height: 28px; line-height: 1.75rem; }
.page-menu2 .title { padding: 24px 0; padding: 1.5rem 0; width: 25%; position: absolute; left: 0; top: 0; bottom: 0; text-align: center; color: #fff; background-color: #2b78d9; font-size: 1rem; }
.page-menu2 .title img { margin-right: 3px; }
.page-menu2 .list { padding: 24px 16px; padding: 1.5rem 1rem; overflow: hidden; }
.page-menu2 .list li { padding-bottom: 4px; padding-bottom: 0.2rem; float: left; margin-right: 16px; margin-right: 1rem; }
.page-menu2 .list li a { display: block; padding: 0 10px; padding: 0 0.625rem; border-radius: 22px; overflow: hidden; }
.page-menu2 .list li:hover a, .page-menu2 .list .active a { background-color: #2b78d9; color: #fff; }
.page { padding: 1rem 0.8rem 0.2rem; overflow: hidden; text-align: center; line-height: 1.8rem; }
.page a, .page span { border: 1px solid #E6E6E6; background: #f5f5f5; border-radius: 3px; display: inline-block; *display: inline;
zoom: 1; margin: 0 5px; text-align: center; min-width: 1.25rem; padding: 0 0.2rem; color: #666; }
.page span, .page .current, .page a:hover { color: #fff; background: #373433; }
.news-list-page { padding: 3px 0; }
.news-list-page li { background-color: #f6f6f6; padding: 0.8rem; padding-left: 24%; min-height: 88px; min-height: 5.5rem; margin-bottom: 0.8rem; overflow: hidden; position: relative; font-size: 0.875rem; line-height: 1.4rem; }
.news-list-page .date { min-width: 4.4rem; width: 22%; height: 100%; box-sizing: border-box; padding: 0.5rem 0.5rem; padding-top: 1rem; text-align: right; background-color: #3498db; position: absolute; left: 0; top: 0; color: #fff; }
.news-list-page .date strong { padding-bottom: 0.2rem; display: block; font-size: 1.5rem; line-height: 1.5rem; }
.news-list-page .tag { padding-top: 0.1rem; display: block; }
.news-list-page li .text { clear: both; margin-bottom: 0.2rem; font-size: 0.875rem; max-height: 2.8rem; overflow: hidden; color: #666; }
.news-list-page li .title { margin-bottom: 0.2rem; overflow: hidden; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-page li .btn-more { color: #3498db; float: right; }
.news-list-page li a { display: block; }
.news-list-page li:hover { box-shadow: 0 0 5px #aaa; }
.contact-main { padding-bottom: 3rem; }
.contact-main .item { margin-bottom: 1rem; position: relative; padding-left: 6rem; min-height: 3rem; }
.contact-main .img { width: 5rem; position: absolute; left: 0; top: 0; text-align: center; }
.contact-main .img img { max-width: 100%; }
.contact-main .name { margin-bottom: 0.3rem; font-size: 1.2rem; color: #3498db; font-weight: 500; }
.contact-main p { margin-bottom: 0.2rem; font-size: 0.875rem; line-height: 1.6rem; color: #666; }
.contact-main .item2 p { line-height: 3rem; font-size: 1.2rem; }
.custom-types { }
.custom-types .item { color: #fff; text-align: center; }
.custom-types .item1 { background-color: #0d79c9; }
.custom-types .item2 { background-color: #73b400; }
.custom-types .item3 { background-color: #ff6800; }
.custom-types .item1 .title { background-color: #0c6db5; }
.custom-types .item2 .title { background-color: #67a200; }
.custom-types .item3 .title { background-color: #e55d00; }
.custom-types .title { font-size: 24px; font-size: 1.5rem; line-height: 28px; line-height: 1.8rem; text-align: center; padding: 14px 0; padding: 0.85rem 0; }
.custom-types .cen { border-bottom: 1px solid #0c6db5; padding: 24px 0; padding: 1.5rem 0; }
.custom-types .item1 .cen { border-bottom-color: #0c6db5; }
.custom-types .item2 .cen { border-bottom-color: #67a200; }
.custom-types .item3 .cen { border-bottom-color: #e55d00; }
.custom-types .foot { padding: 12px 0; padding: 0.75rem 0; }
.custom-types .text { font-size: 12px; font-size: 0.75rem; line-height: 20px; line-height: 1.2rem; }
.custom-types .price { line-height: 1.6rem; }
.custom-types .price strong { font-size: 24px; font-size: 1.5rem; }
.custom-types .btn-box { padding: 10px 0; padding: 0.5rem 0; }
.custom-types .btn-box a { display: block; width: 130px; line-height: 2.2rem; height: 2.2rem; margin: 0 auto; background-color: #fff; color: #0d79c9; font-size: 14px; font-size: 0.875rem; }
.custom-types .item1 a { color: #0c6db5; }
.custom-types .item2 a { color: #67a200; }
.custom-types .item3 a { color: #e55d00; }
.show-page { padding-top: 10px; padding-top: 0.5rem; font-size: 14px; font-size: 0.875rem; }
.show-page p { background-color: #f6f6f6; border-radius: 22px; line-height: 32px; line-height: 2rem; padding: 0 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pic-list li .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
 @media screen and (max-width: 373px) {
.top-tel .tel-icon { display: none; }
.pic-list li img { height: 86px; }
.news-list-page .date { font-size: 13px; }
.mobile-case-list li img { height: 71px; }
}
@media screen and (min-width: 375px) {
.about-home-list li { width: 20%; margin: 1%; }
html, body { font-size: 18px; }
.pic-list li img { height: 101px; }
.news-list-page .date { font-size: 14px; }
.mobile-case-list li img { height: 83px; }
}
@media screen and (min-width: 400px) {
.pic-list li img { height: 113px; }
.news-list-page .date { font-size: 16px; }
.mobile-case-list li img { height: 93px; }
}
 @media screen and (min-width:481px) {
html, body { }
.page-menu2 .list li { width: 100%; }
}
 @media screen and (max-width:640px) {
.top-text { }
.top-tel .numb { font-size: 1rem; }
.header .top-text { display: none; margin-left: 10px; line-height: 2rem; }
.page-menu2 .list li { }
}
 @media screen and (min-width:641px) {
.top-tel { line-height: 3rem; padding-right: 10px; z-index: 10; }
.top-tel .numb { font-size: 1.2rem; }
.top-tel .numb { font-size: 1.2rem; }
.brand-list li { width: 17.6%; margin-bottom: 20px; margin-bottom: 1.4rem; }
.about-home-list li { width: 13%; }
.about-home-list li a { width: 96px; width: 6rem; }
}
@media screen and (min-width: 768px) {
.pic-list li img { height: 223px; }
.news-list-page .date { font-size: 18px; }
.mobile-case-list li img { height: 179px; }
}
 @media screen and (min-width:862px) {
.page-menu2 .list li { width: 20%; margin-left: 1%; margin-right: 11%; }
}
@media screen and (min-width: 992px) {
.pic-list li img { height: 180px; }
.mobile-case-list li img { height: 137px; }
}
 @media screen and (max-width:1023px) {
.title03 { margin-bottom: 32px; margin-bottom: 2rem; text-align: center; }
.title03 .large { font-size: 1.6rem; }
.header { width: 100%; }
.header .logo a { height: 2.5rem; }
.news-list-page .date strong { font-size: 1.2rem; }
.top-tel { padding-right: 10px; float: right; line-height: 3rem; }
.top-tel .tel-icon { position: relative; }
.top-tel .tel-icon img { height: 1.5rem; position: relative; top: -0.4rem; }
.top-tel .text { display: none; }
.header .top-text { display: none; }
.nav { display: none; width: 100%; }
.nav li { border-top: 1px solid #66a6f7; }
.nav li>a { text-align: left; text-indent: 16px; text-indent: 1rem; }
.nav li:last-child { border-bottom: none; }
.sub-nav .sub-list dd { width: 20%; padding-bottom: 15px; padding-bottom: 1rem; }
.service-item-home .li2 { background-color: #f6f6f6; }
.about-home-list { padding-bottom: 1.1rem; }
.news-item-h { margin-bottom: 1rem; }
.foot-menu { width: 95%; margin: 0 auto; }
.menu-list { display: none; }
.foot-wechat { float: none; margin-bottom: 1rem; width: 10rem; margin-left: auto; margin-right: auto; }
.foot-contact { }
.foot-wrap .menu-list { padding-top: 1rem; clear: both; }
.copyRight { width: auto; padding-left: 1rem; padding-right: 1rem; }
.copyRight .left { margin-bottom: 5px; }
.page-menu { padding: 0.5rem 0.8rem; }
.page-menu-list li { margin-right: 1rem; }
.page-menu-list li a { padding: 0.5rem; }
.page-menu-list .active { background-color: #2b78d9; border-bottom-color: #2b78d9; }
.page-menu-list .active a { color: #fff; }
.black-home { display: none; }
.about-page { padding-left: 0.8rem; padding-right: 0.8rem; font-size: 0.875rem; }
.about-page .pic { padding: 0.5rem 0; text-align: center; }
.advantag-list { padding: 0 0.8rem; }
.advantag-list .sub-list { margin-bottom: 1rem; overflow: hidden; }
.advantag-list .icon-img { margin-right: 1rem; float: left; }
.detailBox { padding-left: 0.8rem; padding-right: 0.8rem; }
.wenhua-page { padding-left: 0.8rem; padding-right: 0.8rem; }
.wenhua-page .pic { margin-top: -4rem; }
.wenhua-page .pic img { max-width: 100%; }
.fw-liucheng { padding-left: 0.8rem; padding-right: 0.8rem; }
.fw-liucheng .text { padding-top: 1.5rem; font-size: 16px; font-size: 1rem; }

.pc-datail { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block2 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block3 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block3 .item .text { min-height: 14.4rem; }
.pc1-block4 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block5 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block6 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block7 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block9 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block10 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc1-block5 .pic { display: none; }
.pc1-block7 .pic { display: none; }
.pc-block1 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-block2 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-block3 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-block4 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-block5 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-block6 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-block7 { padding-left: 0.8rem; padding-right: 0.8rem; }
.container-page { padding-left: 0.8rem; padding-right: 0.8rem; }
.pc-advantag { overflow: hidden; }
.pc-advantag li { overflow: hidden; }
.pc-advantag li .img { float: left; width: 30%; }
.pc-advantag li img { max-width: 100%; }
.pc-block2 .pic { display: none; }
.pc-process { }
.pc-process .line { display: none; }
.pc4-system .pic { display: none; }
.pc5-wm li .img { width: 30%; margin-right: 20px; overflow: hidden; text-align: center; }
.pc5-wm li img { max-width: 100%; }
.mobile-size-list .line { display: none; }
.mobile-youshi .item { background-color: #fff; margin-bottom: 2px; padding-top: 1rem; padding-bottom: 1rem; }
.mobile2-column .last { display: none; }
.tuiguang3-block4 .pc1-block3 { padding: 0 !important; overflow: hidden; }
.tuiguang3-block4 .item { float: none; margin: 0 auto; width: 80%; padding: 0 9%; }
.tuiguang3-block4 .item .small { font-size: 16px; margin-bottom: 16px; margin-bottom: 1rem; }
.container-page .detailBox { margin-left: -0.8rem; margin-right: -0.8rem; }
.pc2-prosse li .text { min-height: 12rem; }
.mobile-detail .t-large { font-size: 1.2rem; }
.mobile3-gone li .text { width: 100%; }
.page-menu2 .item { padding-left: 28%; }
.page-menu2 .title { width: 28%; }
.pc1-block3 .item .name { font-size: 1rem; }
.custom-types { padding-bottom: 0; }
.custom-types .item { margin-bottom: 1rem; }
}


@media screen and (min-width:1024px) {
html, body { font-size: 16px; }
.header { padding: 20px 0; padding: 1.25rem 0; }
.top-tel { padding-left: 84px; height: 60px; position: relative; line-height: 24px; }
.top-tel .tel-icon { position: absolute; left: 0; top: 0; }
.top-tel .text { display: block; padding-top: 5px; }
.top-tel .numb { display: block; }
.nav-title { display: none; }
.nav li { float: left; width: 12.5%; height: 45px; }
.nav li>a { line-height: 44px; }
.sub-nav { padding-bottom: 20px; border-top: 1px solid #2370d1; background: #fff url("../image/nav-line.jpg") left bottom repeat-x; position: absolute; z-index: 1001; width: 100%; left: 0; top: 44px; right: 0; }
.sub-list dd { width: 110px; padding: 0 20px; border-right: 1px solid #eee; }
.sub-list dd:last-child { border: none; }

.page-server .container { padding-top: 80px; }
.service-item-home .item { float: left; width: 31%; margin-left: 1.75%; }
.service-item-home .service-list { border: 1px solid #eee; border-bottom: 2px solid #6facf9; }
.service-item-home li a { padding: 25px 20px 10px; }
.service-item-home li .text { height: 78px; }
.foot-menu .menu-list { float: left; }
.about-page { overflow: hidden; line-height: 28px; margin-bottom: 12px; }
.about-page .pic { float: right; margin-left: 50px; clear: both; }
.about-advantag { padding-bottom: 40px; }
.title03 { margin-bottom: 40px; }
.wenhua-page { overflow: hidden; }
.wenhua-page .text { padding-top: 32px; float: left; width: 50%; opacity: 0; }
.wenhua-page .pic { margin-top: -32px; float: right; width: 50%; opacity: 0; }
.fw-liucheng { overflow: hidden; }
.fw-liucheng li { float: left; width: 15%; margin: 0 5%; margin-bottom: 15px; text-align: center; }
.fw-liucheng li .icon-img { margin: 0 auto 20px; display: block; padding-top: 30px; height: 90px; float: none; }
.fw-liucheng li .icon-img .icon { margin: 0 auto 5px; }
.fw-liucheng li .text { line-height: 24px; height: 96px; overflow: hidden; }
.pic-list { padding-bottom: 20px; }
.pic-list li { float: left; width: 22%; margin-left: 2.4%; margin-bottom: 30px; }
.pc1-class { padding: 30px 0 15px; }
.pc1-block2 { padding-bottom: 50px; }
.pc1-block2 .item { float: left; width: 38%; line-height: 26px; }
.pc1-block2 .item1 { margin-right: 3%; }
.pc1-block2 .item .name { font-size: 17px; }
.pc1-block2 .item .icon { font-size: 16px; }
.pc1-block3 { padding-top: 40px; padding-bottom: 50px; }
.pc1-block3 .item { width: 214px; padding: 16px 20px; box-sizing: content-box; }
.pc1-block3 .item .text { min-height: 156px; }
.pc1-block4 { padding-top: 40px; padding-bottom: 50px; }
.pc1-block5 { padding-top: 40px; padding-bottom: 50px; }
.pc1-block6 { padding-top: 40px; padding-bottom: 50px; }
.pc1-block7 { padding-top: 40px; padding-bottom: 50px; }
.pc1-block8 { padding-top: 40px; padding-bottom: 50px; }
.pc1-block7 .main { position: relative; }
.pc1-block7 .pic { text-align: center; }
.pc1-block7 .item { background: none; position: absolute; padding-top: 10px; }
.pc1-block7 .item1 { top: 23px; right: 785px; text-align: right; }
.pc1-block7 .item2 { top: 143px; right: 830px; text-align: right; }
.pc1-block7 .item3 { top: 263px; right: 785px; text-align: right; }
.pc1-block7 .item4 { top: 23px; left: 785px; }
.pc1-block7 .item5 { top: 143px; left: 830px; }
.pc1-block7 .item6 { top: 263px; left: 785px; }
.pc-block1 { padding-top: 20px; padding-bottom: 50px; }
.pc-block2 { padding-top: 40px; padding-bottom: 50px; }
.pc-advantag { overflow: hidden; }
.pc-advantag li .img { margin-bottom: 10px; text-align: center; max-width: 100%; }
.pc-advantag li { float: left; width: 20%; margin: 0 2%; text-align: center; }
.pc-advantag li .text { line-height: 32px; color: #666; }
.pc-block2 { padding-top: 40px; padding-bottom: 50px; }
.pc-block3 { padding-top: 40px; padding-bottom: 50px; }
.pc-block4 { padding-top: 40px; padding-bottom: 50px; }
.pc-block5 { padding-top: 40px; padding-bottom: 50px; }
.pc-server-list li { margin-bottom: 30px; }
.pc-process { text-align: center; }
.pc-process li { display: inline-block; margin: 0 20px; float: none; width: 144px; }
.pc-process li .img { margin-bottom: 15px; }
.pc-process li .text { line-height: 24px; height: 48px; }
.pc-process .line { display: none; }
.container-page { padding-top: 40px; padding-bottom: 50px; }
.container-page .page-menu2 { margin-top: -20px; }
.pc2-block1-item li { font-size: 28px; }
.pc2-detail1 { overflow: hidden; }
.pc2-detail1 .pic { float: right; margin-top: -10px; margin-left: 15px; }
.pc2-block1-item li span { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -16px; margin-top: -1rem; }
.pc2-prosse { padding-bottom: 20px; }
.pc2-prosse li { width: 18%; margin: 0 1%; }
.pc2-prosse li .name { padding: 20px 0; font-size: 26px; }
.pc2-service li { float: left; padding-bottom: 25px; width: 27.3%; margin: 0 3%; }
.pc2-service li .head { font-size: 28px; line-height: 32px; height: auto; }
.pc2-service li .text { font-size: 16px; line-height: 28px; }
.case-list li { width: 22%; margin: 0 1%; }
.case-list-page li { margin-bottom: 25px !important; }
.pc3-detail1 { overflow: hidden; padding-top: 20px; line-height: 28px; }
.pc3-detail1 .pic { float: left; margin-right: 50px; margin-top: -20px; }
.pc3-detail1 p { margin-bottom: 10px; }
.pc3-process li .text { padding-top: 10px; font-size: 18px; }
.pc3-column { overflow: hidden; }
.pc3-column { margin-bottom: -1rem; }
.pc3-column li { float: left; width: 20%; margin-left: 5%; }
.pc3-system { margin-left: 0; margin-right: 0; }
.pc3-system li { margin-bottom: 35px; width: 15%; margin-left: 5%; margin-right: 5%; }
.pc3-system li .img { margin-bottom: 20px; }
.pc3-system li .text { font-size: 16px; line-height: 22px; max-width: 144px; }
.pc4-detail { padding-top: 15px; overflow: hidden; }
.pc4-detail .pic { float: right; margin-left: 40px; }
.pc4-detail p { margin-bottom: 10px; }
.pc4-function li { width: 18%; margin-left: 1%; margin-right: 1%; text-align: center; margin-bottom: 30px; }
.pc4-function li .img { padding-bottom: 0; height: 94px; text-align: center; line-height: 94px; margin-bottom: 18px; }
.pc4-function li img { position: relative; width: auto; height: auto; left: 0; }
.pc4-function li .text { font-size: 18px; height: 26px; }
.pc4-system { position: relative; padding-top: 20px; overflow: hidden; }
.pc4-system .ask-list { float: left; width: 40%; }
.pc4-system .moshi-list { padding-left: 120px; background: url("../image/pc4-xt2.png") 0 10px no-repeat; float: right; }
.pc4-system .pic { position: absolute; top: 50%; left: 550px; margin-top: -34px; }
.pc5-system { border-right: 1px solid #eee; }
.pc5-system li { margin: 0; width: 24.8%; }
.pc6-block2 .title03 { margin-bottom: 110px; }
.pc6-service { position: relative; min-height: 435px; background: url("../image/pc6-img3.png") center no-repeat; }
.pc6-service li { position: absolute; }
.pc6-service .li1 { top: 250px; text-align: right; right: 852px; }
.pc6-service .li2 { top: 130px; text-align: right; right: 827px; }
.pc6-service .li3 { top: 0; text-align: right; right: 738px; }
.pc6-service .li4 { top: -70px; left: 575px; }
.pc6-service .li5 { top: 42px; left: 750px; }
.pc6-service .li6 { top: 155px; left: 830px; }
.pc6-service .li7 { top: 270px; left: 845px; }
.mobile-size-list { padding-left: 10.5%; }
.mobile-size-list li { margin: 0; width: 164px; }
.mobile-size-list .line { width: 94px; text-align: center; line-height: 164px; }
.mobile2-haochu li { background-color: #fff; width: 16%; padding: 16px 1%; margin: 0 1%; }
.mobile2-haochu li .img { float: none; display: block; width: 100%; text-align: center; margin-bottom: 15px; }
.mobile2-haochu .img img { max-width: 150px; }
.mobile2-haochu li .text { line-height: 26px; min-height: 104px; }
.mobile2-haochu li:hover { -moz-animation: swing 0.8s ease-out both; -ms-animation: swing 0.8s ease-out both; -webkit-animation: swing 0.8s ease-out both; -o-animation: swing 0.8s ease-out both; animation: swing 0.8s ease-out both; }
.mobile-wechat-list li { margin-left: 1%; margin-right: 1%; margin-bottom: 30px; }
.mobile3-gone li { float: left; width: 19%; margin: 0 1%; padding-bottom: 30px; }
.mobile-case-list li { float: left; width: 21%; margin: 0 2%; }
.mobile4-project li:hover { -moz-animation: bounce 0.8s ease-out both; -ms-animation: bounce 0.8s ease-out both; -o-animation: bounce 0.8s ease-out both; -webkit-animation: bounce 0.8s ease-out both; animation: bounce 0.8s ease-out both; }
.tuiguang1-ask { padding-bottom: 60px; position: relative; }
.tuiguang1-ask .pic { }
.tuiguang1-ask .pic img { max-width: 100%; }
.tuiguang1-ask li { max-width: 400px; text-align: left; position: absolute; }
.tuiguang1-ask li .name { margin-bottom: 5px; }
.tuiguang1-ask .li1 { right: 724px; top: 0; text-align: right; }
.tuiguang1-ask .li2 { left: 729px; top: 0; }
.tuiguang1-ask .li3 { right: 812px; top: 160px; text-align: right; }
.tuiguang1-ask .li4 { left: 812px; top: 160px; }
.tuiguang1-ask .li5 { right: 724px; top: 324px; text-align: right; }
.tuiguang1-ask .li6 { left: 724px; top: 324px; }
.tuiguang-prosse { overflow: hidden; }
.tuiguang-prosse li { padding: 20px 40px; float: left; width: 496px; margin-left: 4px; margin-bottom: 4px; }
.tuiguang-prosse li .name { margin-bottom: 5px; }
.tuiguang-prosse li .text { font-size: 16px; color: #666; }
.sub-page-menu { margin-top: 20px; }
.tuiguang3-block4 .item { float: left; width: 25%; padding: 0 3%; padding-bottom: 30px; margin: 0 2%; box-sizing: content-box; }
.tuiguang3-block4 .item .small { margin-bottom: 15px; }
.tuiguang3-block4 .item .text { line-height: 26px; min-height: 156px !important; }
.tuiguang3-block4 .pc1-block3 { padding: 0; }
.plane-list { overflow: hidden; }
.plane-list .item { float: left; margin-left: 2%; width: 47%; }
.plane-list2 .item { margin-bottom: 20px; padding-left: 15%; width: 32%; }
.plane-list2 .img { width: 30%; }
.plane-list2 .item .text { line-height: 24px; min-height: 96px; }
.detailBox p { font-size: 15px; line-height: 26px; margin-bottom: 5px; }
.page-menu2 { margin-bottom: 25px; }
.page-menu2 .title { font-size: 20px }
.page-menu2 .title img { height: 18px; margin-right: 8px; }
.page-menu2 .list { padding-left: 50px; }
.page-menu2 .list li { padding-bottom: 5px; font-size: 15px; }
.page-menu2 .list li a { padding: 0; text-align: center; }
.page-menu2 .item2 li { width: 20%; margin: 0 1%; }
.page-menu2 .item2 li a { }
.page { padding: 16px 0 5px; line-height: 30px; }
.page a, .page span { margin: 0 5px; min-width: 20px; padding: 0 5px; }
.news-list-page li { min-height: 88px; padding: 15px; padding-left: 135px; line-height: 26px; }
.news-list-page .date { min-width: auto; box-sizing: content-box; width: 90px; padding: 15px; }
.news-list-page .date strong { font-size: 32px; padding: 0; line-height: 34px; font-weight: 500; }
.news-list-page .tag { }
.news-list-page li .text { max-height: inherit; font-size: 14px; height: 52px; }
.news-list-page li .title { margin-bottom: 0; font-size: 16px; }
.news-list-page li .btn-more { padding: 0 10px; border: 1px solid #3498db; color: #3498db; float: right; }
.news-list-page .btn-more:hover { background-color: #3498db; color: #fff; }
.contact-main { padding-bottom: 20px; }
.contact-main .item { width: 40%; float: left; padding-left: 100px; }
.contact-main .item2 { float: right; }
.contact-main .img { width: 85px; }
.contact-main .img img { max-width: 100%; }
.contact-main .name { margin-bottom: 5px; font-size: 20px; }
.contact-main p { font-size: 14px; line-height: 28px; margin-bottom: 0; }
.contact-main .item2 p { font-size: 20px; padding-top: 5px; line-height: 26px; }
.custom-types { overflow: hidden; padding-top: 50px; }
.custom-types .item { float: left; width: 33.2%; margin-left: 1px; }
.custom-types .item2 { margin-top: -16px; }
.custom-types .item2 .title { padding-top: 29px; }
.custom-types .btn-box a { width: 140px; line-height: 48px; height: 48px; }
.custom-types .text { font-size: 14px; }
.show-page { padding-top: 0; margin-top: 25px; background-color: #f6f6f6; border-radius: 22px; overflow: hidden; }
.show-page p { background: none; float: left; padding: 0 2%; width: 46%; line-height: 36px; }
.show-page p:last-child { text-align: right; }
.foot-menu .menu-list { width: 20%; }
.foot-contact { padding-bottom: 15px; }
}
 @media screen and (min-width:1280px) {
.con-warp, .foot-wrap { min-width: 1200px; }
.nav-main { min-width: 1200px; }
.header, .container, .nav, .container-page { min-width: 1200px; width: 1200px; margin-left: auto; margin-right: auto; }
.sub-nav { padding: 20px 0 25px; }
.sub-list { width: 1200px; margin-left: auto; margin-right: auto; }
.nav .li4 dd:first-child { margin-left: 300px; }
.nav .li5 dd:first-child { margin-left: 150px; }
.nav .li6 dd:first-child { margin-left: 290px; }
.nav .li7 dd:first-child { margin-left: 740px; }
.nav .li7 dd.fir { margin-left: 0; }
.nav .li7 dd { margin-left: 0; }
.service-item-home { padding: 60px 0; }
.service-item-home .title { padding: 13px 0; font-size: 24px; }
.service-item-home .item { margin-left: 30px; width: 380px; }
.service-item-home .item1 { margin-left: 0; }
.brand-list { margin-left: -20px; }
.brand-list li { margin-left: 20px; width: 224px; }
.about-home { }
.about-home .main { position: relative; background: url("../image/about-line.png") center no-repeat; }
.about-home-list { position: absolute; width: 100%; left: 0; top: 0; height: 100%; }
.about-home-list li { width: 90px; position: absolute; z-index: 10; opacity: 1; }
.about-home-list li a { width: 90px; height: 90px; max-width: 100% }
.about-home-list .li1, .about-home-list .li4 { top: 95px; }
.about-home-list .li2, .about-home-list .li5 { top: 176px; }
.about-home-list .li3, .about-home-list .li6 { top: 280px; }
.about-home-list .li1, .about-home-list .li3 { left: 146px; }
.about-home-list .li4, .about-home-list .li6 { right: 146px; }
.about-home-list .li2 { left: 0; }
.about-home-list .li5 { right: 0; }
.about-home-list .li1, .about-home-list .li2, .about-home-list .li3 { -webkit-transform: translate(50px, 0); -moz-transform: translate(50px, 0); transform: translate(50px, 0px); }
.about-home-list .li4, .about-home-list .li5, .about-home-list .li6 { -webkit-transform: translate(-50px, 0); -moz-transform: translate(-50px, 0); transform: translate(-50px, 0px); }
.about-home-list li.active { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0px); }
.news-item-h { float: left; width: 565px; margin-left: 70px; }
.news-item-h1 { margin-left: 0; }
.foot-wechat { float: left; margin-right: 120px; }
.foot-contact { float: right; width: 280px; }
.foot-menu .menu-list { width: 110px; float: left; margin-right: 42px; }
.copyRight .left { float: left; }
.copyRight .right { float: right; }

.page-menu { }
.advantag-list { overflow: hidden; margin-left: -70px; }
.advantag-list .sub-list { float: left; width: 151px; margin-left: 100px; text-align: center; }
.advantag-list .sub-list .name { padding: 20px 0; }
.pic-list { margin-left: -48px; }
.pic-list li { width: 264px; margin-left: 48px; }
.pc1-block3 .item { width: 258px; }
.pc1-block3 .item .text { min-height: 130px; }
.pc1-block4 .main .item { border: none; padding: 0; width: 200px; margin: 0 20px; float: left; }
.pc1-block4 .item .img { float: none; display: block; width: 100%; text-align: center; }
.pc1-block4 .item img { max-width: 100%; }
.pc1-block4 .item .text { text-align: center; line-height: 26px; font-size: 15px; }
.pc1-block4 .item:hover .text { color: #2370d1; }
.pc1-block5 .main { position: relative; padding-top: 30px; }
.pc1-block5 .item { width: 320px; float: left; padding-top: 0; }
.pc1-block5 .item2, .pc1-block5 .item4 { float: right; margin-left: 200px; }
.pc1-block5 .item1 { background: url("../image/icon-numb1.png") left top no-repeat; }
.pc1-block5 .item2 { background: url("../image/icon-numb2.png") left top no-repeat; }
.pc1-block5 .item3 { background: url("../image/icon-numb3.png") left top no-repeat; }
.pc1-block5 .item4 { background: url("../image/icon-numb4.png") left top no-repeat; }
.pc1-block5 .item .name { margin-bottom: 16px; margin-bottom: 1rem; font-size: 16px; font-size: 1rem; color: #2370d1; line-height: 16px; line-height: 1rem; }
.pc1-block5 .item p { font-size: 15px; font-size: 0.875rem; }
.pc1-block5 .pic { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.pc1-block5 .pic img { position: relative; }
.pc1-block5 .item { margin-bottom: 40px; }
.pc-advantag2 { padding-top: 10px; }
.pc-advantag2 li .img { display: block; margin: 0; margin-bottom: 15px; }
.pc-advantag2 li .name { padding: 5px 0; }
.pc-advantag2 li { width: 180px; margin: 0; margin-left: 30px; margin-right: 35px; text-align: center; }
.pc-advantag2 li .text { line-height: 28px; font-size: 16px; }
.pc-advantag2 .list3 { margin-left: 25px; }
.pc-advantag2 .list4 { margin-left: 20px; }
.pc-advantag2 .list5 { margin-left: 35px; margin-right: 0; }
.pc-process li { float: left; width: 144px; margin: 0; }
.pc-process .numb { width: 144px; }
.pc-process .line { display: block; width: 117px; position: relative; top: 58px; }
.pc-process li .img { margin-bottom: 15px; }
.pc-process li .text { line-height: 24px; height: 48px; }
.case-list { margin-left: -30px; }
.case-list li { width: 277px; margin-left: 30px; margin-right: 0; }
.case-list li .name { position: relative; padding: 12px; }
.case-list li .name:after { margin-top: 8px; }
.pc3-column { margin-left: -120px; }
.pc3-column li { width: 245px; margin-left: 120px; }
.pc3-column li .name { font-size: 18px; margin-bottom: 5px; }
.pc3-column li .text { line-height: 26px; min-height: 78px; color: #888; }
.pc5-system { margin: 0 1px; }
.pc5-system li { margin: 0; width: 299px; font-size: 16px; }
.mobile-youshi { overflow: hidden; margin-left: -40px; }
.mobile-youshi .item { margin-bottom: 50px; float: left; width: 430px; padding-left: 150px; margin-left: 40px; }
.mobile-youshi .item .img { top: 0; }
.mobile-youshi .item .text { line-height: 26px; }
.mobile2-column { position: relative; margin-left: 0; }
.mobile2-column li { width: 300px; margin-left: 450px; }
.mobile2-column .li2, .mobile2-column .li4, .mobile2-column .li6 { margin-left: 0; }
.mobile2-column li:first-child { width: 260px; margin: 0 auto; clear: both; float: none; }
.mobile2-column .last { position: absolute; right: 50%; margin-right: -185px; top: 100px; }
.mobile-block1 { }
.mobile-case-list { margin-left: -100px; }
.mobile-case-list li { float: left; width: 226px; margin-left: 98px; margin-right: 0; }
.mobile5-haochu li { width: 17%; margin: 0 4%; }
.mobile5-haochu li .img { width: auto; display: block; margin-bottom: 25px; }
.mobile4-project { margin-left: -161px; }
.mobile4-project li { margin-bottom: 35px; width: 106px; margin-left: 161px; margin-right: 0; }
.mobile4-project li .img { margin-bottom: 20px; }
.mobile4-project li .name { font-size: 18px; }
.mobile5-process .line { font-size: 38px; font-family: '宋体'; color: #bebebe; top: 0; line-height: 144px; }
.tuiguang1-project { margin-left: -120px; }
.tuiguang1-project li { width: 140px; margin-left: 120px; }
.tuiguang3-column { }
.tuiguang3-column li { margin-bottom: 40px; width: 460px; }
.plane-list { margin-left: -200px; }
.plane-list .item { width: 500px; margin-left: 200px; }
.plane-list .item .name { font-size: 18px; }
.plane-list .item .text { font-size: 16px; line-height: 28px; }
.plane-list2 { margin-left: 0; }
.plane-list2 .item { width: 32%; margin-left: 2%; }
.plane-list2 .item .text { min-height: 112px; }
.news-list-page { overflow: hidden; margin-left: -26px; }
.news-list-page li { margin-bottom: 20px; float: left; margin-left: 26px; width: 437px; }
}
 @media screen and (min-width:1440px) {
}
@media screen and (min-width:1600px) {
.green-dome li .txt-cen { right: 8%; top: 32%; width: 44%; }
.green-dome .txt .txt-cen { font-size: 17px; line-height: 28px; }
}
.detail-page { margin-bottom: 15px; padding: 5px 10px; overflow: hidden; background: #f7f8f9; margin-top: 20px; }
.detail-page p { float: left; width: 49%; color: #666; line-height: 30px; overflow: hidden; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail-page a:hover { text-decoration: underline; }
.detail-page p:last-child { float: right; text-align: right; }

.izl-rmenu { position: fixed; right: 5px; bottom: 10px; padding-bottom: 50px; z-index: 999; }
.izl-rmenu .btn { width: 52px; height: 52px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../image/r_qq.png) center no-repeat; background-size: 100%; }
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { background: url(../image/r_qq.png) center no-repeat; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../image/r_wx.png) center no-repeat; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -140px; top: 0px; display: none; width: 140px; height: 140px; }
.izl-rmenu .btn-phone { background: url(../image/r_phone.png) center no-repeat; }
.izl-rmenu .btn-phone .phone { position: absolute; width: 160px; left: -160px; top: 0px; line-height: 52px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../image/r_top.png) center no-repeat; }
.izl-rmenu .btn-class { display: block; background: url(../image/r_class.png) center no-repeat; background-size: 100%; }
.izl-rmenu .btn-class, .izl-rmenu .btn-qq, .izl-rmenu .btn-wx, .izl-rmenu .btn-phone, .izl-rmenu .btn-top { background-color: #2b78d9 !important; }
.izl-rmenu .btn-class a, .izl-rmenu .btn-qq a, .izl-rmenu .btn-wx a, .izl-rmenu .btn-phone a, .izl-rmenu .btn-top a { color: #FFF !important; }
.izl-rmenu .btn-class:hover, .izl-rmenu .btn-qq:hover, .izl-rmenu .btn-wx:hover, .izl-rmenu .btn-phone:hover, .izl-rmenu .btn-top:hover, .izl-rmenu .btn-phone .phone { background-color: #2b78d9 !important; }

.sp-title { color: #888; padding: 4px 12px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; background: #FAFAFA; margin-bottom: 8px; }
.sp-title h2 { font-size: 18px; line-height: 27px; }
.sp-title h2 a { margin-left: 6px; }
.sp-title .more01 { float: right; margin: -27px 0px; line-height: 27px; }
.linkbox { padding: 10px 8px; border-bottom: 1px solid #EEE; }
.linkbox h3, .linkbox h3 a { font-size: 16px; color: #F00; }
.f6 { width: 100%; overflow: hidden; clear: both; padding-bottom: 10px; }
.f6 li { list-style: none; float: left; line-height: 18px; padding: 8px 10px 0px; white-space: nowrap; }
.f6 li a { font-size: 16px; color: #666666; float: left; }