@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
* { padding: 0px; margin: 0px }
/*body { font-size: 100px; }
*/
 html{font-size:62.5%;} 
 body{font-size:12px;font-size:1.2rem ;} 

 @media only screen and (min- 320px){
   html {
     font-size: 62.5% !important;
   }
 }
 @media only screen and (min- 640px){
   html {
     font-size: 125% !important;
   }
 }
 @media only screen and (min- 750px){
   html {
     font-size: 150% !important;
   }
 }
 @media only screen and (min- 1242px){
   html {
     font-size: 187.5% !important;
   }
 }


* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }
.trans { transition: all .3s ease-in; }
html { width: 100%; min-height: 100%; }
body { width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font:.24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;
color: #666; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f5f5f5; position: relative; }
body:before, body:after { content: ""; width: 100%; display: block; }
body:before { height: .75rem;
}
body:after { height: .88rem;
}
img { border: 0px; }
em { font-style: normal; }
s, i { font-style: normal; }
ul, ol { list-style-type: none; }
li { list-style: none outside none; }
b { font-weight: normal; }
/*表单*/
input, button, select, textarea { outline: none; font-family: "PingFang SC", "Microsoft Yahei", Arial; font-size:.24rem;
-webkit-appearance: none !important; }
table { border-collapse: collapse; border-spacing: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999;
}
/*公用样式*/
.layout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-wrapper: 101; background: #000; opacity: 1; }
.blue { color: #779BAD; }
/*链接*/
a, a:link, a:visited, a:hover, a:active { color: #666; text-decoration: none; }
a:focus { outline: none; }
a:hover, a:active { color: #779BAD; outline: none; }
/*标题*/
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; }
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; background-size: 2.4rem auto; vertical-align: middle; }
.icon, .iconbef:before, .iconbef:after { content: "\20"; display: block; }
.iconbef:before { background: url(../images/icon.png) no-repeat; background-size: 2.4rem auto; vertical-align: middle; }
/*清除浮动*/
.fl { float: left; }
.fr { float: right; }
.hidden { display: none; }
.clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear, .clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
/*==========@@HTML默认  结束@@==========*/
/*==========@@HTML默认  结束@@==========*/
.wrapper { width: 100%; }
/*==========@@公共模块 开始@@==========*/
.header { background-size: 100% 1.04rem; }
#top_main { width: 100%; height: .9rem;
*zoom: 1;
z-index: 300; position: fixed; top: 0px; left: 0px; background: #fff; }
#top { max-width: 640px; min-width: 320px; height: .9rem;
margin: 0px auto; position: relative; border-bottom: 1px solid #e3e3e3; }
#top .logo { width: 4.5rem; display: block; padding-top: .12rem;
margin-left:.14rem;
}
#top .logo a { display: block; }
#top .logo img { display: block; width: 4.5rem; }
#top .topsearch { display: block; position: absolute; right: 15%; top:.08rem;
text-align: center; cursor: pointer; width:.5rem;
height:.5rem;
margin: .22rem auto;
}
#top .topsearch span { display: block; width:.34rem;
height: 0.34rem; background-position: 0rem -1.2rem; }
#top_main .tsearch * { box-sizing: border-box; }
#top_main .tsearch { position: absolute; height: 1rem; width: 6.4rem!important; padding: .2rem 5%;
left: 0; top: .9rem;
z-index: 99; background: #f5f5f5; box-sizing: border-box; display: none; border-top: 1px solid #99B9CC; }
#top_main .tsearch input { -webkit-appearance: none; }
#top_main .tsearch .txt { width: 76%; color: #666; text-indent: .3rem;
font-size:.22rem;
height:.64rem;
background: #fff; border: 1px solid #fff; border-radius: 0.1rem; position: absolute; left: 5%; top:.2rem;
border-top-left-radius: .6rem;
border-bottom-left-radius: .6rem;
}
#top_main .tsearch .btn { color: #fff; font-size:.22rem;
width: 12%; height:.62rem;
line-height: .6rem;
text-align: center; border: 0px; background-color: #99B9CC; background-position: -0.888rem -1.055rem; position: absolute; right: 7%; top:.2rem;
border-top-right-radius: .6rem;
border-bottom-right-radius: .6rem;
}
#top_main .btn_close_main {
width: .88rem; height: 0.9rem;  background-color:;
position: absolute; top: 0; right: 14%; z-index: 101; display: none; }
#top_main .btn_close_main .btn_close {
width: .40rem;
height: .34rem;
margin-top: .30rem;
margin-left: .26rem; background-position: -2.03rem 0px; background-color: #fff; }
#top #nav {
width: .4rem;
height: .4rem;
background-position: -.5rem -1.2rem; position: absolute; right: 4%; top: .28rem;
text-align: center; cursor: pointer; }
#top .close { background-position: -2.06rem 0; width: .34rem;
height: .34rem;
cursor: pointer; position: absolute; right: 12%; top: -0.06rem; text-align: center; }
/*subNav*/
.subNav { position: fixed; top: 0px; left: 0px; right: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 399; opacity: 0; visibility: hidden; width: 100%; height: 100%; max-width: 640px; min-width: 320px; margin: auto; background: #fff; transition: all .6s ease 0s; transform: translate3d(0, -100px, 0); -moz-transform: translate3d(0, -100px, 0); -webkit-transform: translate3d(0, -100px, 0); }
.subNavCon { margin: 0px; width: 100%; }
.subNav .subTop {
height:.9rem; background: #fff; z-index: 400; position: relative; border-bottom: 1px solid #ddd; }
.subNav .subTop .nylogo { width: 4.5rem; display: block; padding-top: .12rem;
margin-left:.14rem;
}
.subNav .subTop .nylogo a { display: block; }
.subNav .subTop .nylogo img { display: block; width: 4.5rem; }
.subNav .subTop .close {
width:.42rem;
height:.42rem; position: absolute; z-index: 1; right: .25rem;
top:.24rem;
background-position: -2.06rem 0; display: inline-block; vertical-align: middle; }
.subNav .subBottom { height: 100%; margin: 0 0.6rem; }
.subNav .subBottom li {
padding-top:.06rem;
padding-bottom:.08rem; border-bottom: 1px solid #ddd; position: relative; }
.subNav .subBottom li a { display: block; font:normal .3rem "AvantGarde Bk BT";
color: #999; width: 80%; }
.subNav .subBottom li a .txt {
height:.8rem;
line-height:.8rem; color: #333; }
.subNav .subBottom li a.hover .txt { color: #99B9CC; }
.subNav .subBottom li a .tit { display: inline-block; font-size:.3rem;
line-height:.8rem;
font-family: "AvantGarde Bk BT"; color: #333; }
.subNav .subBottom li em {
width: .28rem;
 height: .28rem; display: inline-block; background-position: -2.08rem -.5rem;
#99B9CC  vertical-align: middle;
position: absolute; right: 0; top: .32rem;
}
.subNav .subBottom .list { padding-top: 0.2rem; }
.subNav .subBottom li.hover a .tit, .subNav .subBottom li:hover a .tit { color: #333; }
.subNav.show { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.subNavShow { -webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block; }
.subNav .subnav2 {
margin-top:.2rem; display: none; }
.subNav .subnav2 a {
height: .6rem;
font-size: .24rem; box-sizing: border-box;  line-height: .6rem;
text-align: left; color: #fff; display: block; padding: 0; background: none; border-bottom: 1px solid #ddd; font-size: .24rem!important;
 margin-bottom: .2rem;
}
.subNav li.hover em {
width:.31rem;
height:.03rem;
top:.46rem; background-position: -2.06rem -1.54rem; }
/* banner */
#banner_main { width: 100%; overflow: hidden; margin-top:.14rem;
position: relative; z-index: 1; height: 4rem; background-size: 1px auto; }
.banner { margin: 0 auto; width: 100%; *zoom: 1;
overflow: hidden; position: relative; height: 4rem; }
.banner .list { width: 100%; overflow: hidden; }
.banner .list li { float: left; width: 100%; overflow: hidden; }
.banner .list li img { width: 100%; height: 4rem; }
#banner .tip { width: 100%; height: 0.32rem; line-height: 0.32rem; text-align: center; clear: both; position: absolute; left: 0%; bottom: 8%; z-index: 12; font-size: 0; }
#banner .tip li { display: inline-block; vertical-align: middle; width: 0.2rem; height: 0.2rem; margin: 0 0.06rem; vertical-align: middle; background-color: #fff; border-radius: 100%; }
#banner .tip li.on {
width:.2rem;
height:.2rem; background-color: #99B9CC; }
/* reLink */
.reLink { line-height: 0.38rem; color: #666; border-top: 0.02rem solid #e4e4e4; border-bottom: 0.02rem solid #e4e4e4; margin-bottom: 0.15rem; font-size: 0.24rem; padding: 0.15rem; }
.reLink .prevLink, .reLink .nextLink { width: 100%; }
.reLink a { color: #666; font-size: 0.24rem; }
.reLink a:hover { color: #004a91; }
/*版权信息*/
#footer_main { text-align: center; width: 100%; background: #fff; height: 55px; padding: 0.1rem; }
#returntop { width: 1rem; height: 1rem; background: url(../images/gotop.png) no-repeat center top; background-size: 1rem auto; position: fixed; bottom: 20%; right: 2%; cursor: pointer; z-index: 99; }
#footer_main .bottomNav { padding-left:.4rem;
padding-right:.4rem;
}
#footer_main .bottomNav .list { padding-top:.3rem;
}
#footer_main .bottomNav .list li { width: 100%; height:.8rem;
border-bottom: 1px solid #ccc; }
#footer_main .bottomNav .list li a { display: block; height: 0.8rem; line-height: 0.8rem; }
#footer_main .bottomNav .list li .tit { display: block; font: normal 0.26rem "AvantGarde Bk BT"; color: #333; line-height: 0.8rem; float: left; }
#footer_main .bottomNav .list li em { display: block; float: right; width: 0.28rem; height: 0.32rem; margin-top: 0.25rem; background-position:-2.08rem -.5rem;
}
#footer_main .bottomNav .list li:hover .tit { color: #8ABC29; }
#copyright { width: 90%; margin: 0 auto; color: #666; font-size: 0.24rem; line-height:.4rem;
padding: 0.4rem 0 .5rem;
text-align: left; }
#copyright p {
font:normal .2rem "microsoft yahei"; color: #666; line-height:.4rem;
text-align: center; }
#copyright a {
font:normal .2rem "microsoft yahei"; color: #666; line-height:.3rem;
}
#fix-sider { width: 1rem; height: 1rem; position: fixed; right: 2%; bottom: 29%; background: url(../images/tel.png) no-repeat center top; background-size: 1rem auto; cursor: pointer; z-index: 999; }
/* 工具栏 */
#toolbar { position: fixed; bottom: 0; width: 100%; z-index: 88; height: 1.12rem; background: #fff; left: 0; border-top: 1px solid #e6e6e6; }
#toolbar .list { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; }
#toolbar .list li { float: left; width: 25%; text-align: center; border-right: 1px solid #ddd; }
#toolbar .list li:last-child { border-right: none; }
#toolbar .list a { display: block; height: 1.12rem; line-height: 0.24rem; font: bold 0.26rem "microsoft yahei"; padding-top: 0.2rem; }
#toolbar .list a span { text-align: center; color: #666; margin-top:.06rem;
display: block; font-size:.2rem;
}
#toolbar .list a s { margin-left: auto; margin-right: auto; width: 0.44rem; height: 0.44rem; display: block; background-position: -.0rem -.0rem;
margin-bottom: .02rem;
}
#toolbar .list li:nth-child(2) s { background-position: -.5rem -.0rem;
}
#toolbar .list li:nth-child(3) s { background-position: -0.99rem .0rem;
}
#toolbar .list li:nth-child(4) s { background-position: -1.5rem .0rem;
width:.47rem;
height:.44rem;
}
#toolbar .list li:nth-child(1):hover s { background-position: -.0rem -.44rem;
width:.44rem;
height:.44rem;
}
#toolbar .list li:nth-child(2):hover s { background-position: -.5rem -.44rem;
}
#toolbar .list li:nth-child(3):hover s { background-position: -1rem -.44rem;
width:.41rem;
height:.44rem;
}
#toolbar .list li:nth-child(4):hover s { background-position: -1.5rem -.44rem;
width:.47rem;
height:.44rem;
}
#toolbar .list li:hover span { color: #99B9CC; }
/*==========@@页面布局  开始@@==========*/
#search { background: #fff; width: 96%; margin: 0.2rem auto; height: 0.6rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; padding: 0; -webkit-box-shadow: 1px 1px 1px #e7e9e9; -moz-box-shadow: 1px 1px 1px #e7e9e9; box-shadow: 1px 1px 1px #e7e9e9; }
#search input { display: block; font-family: "微软雅黑"; padding: 0; margin: 0; }
#search .txt { border: none; width: 66%; height: 0.5rem; line-height: 0.6rem; margin-right: 1%; padding: 0 4%; color: #666; font-size: 0.22rem; background: none; }
#search .searchbtn { cursor: pointer; border: none; font-size: 0.24rem; width: 0.8rem; height: 0.6rem; text-align: center; background-position: -0.63rem 0; }
/*首页导航*/
.inav_t { width: 100%; height: 1.4rem; background-color: #ef7f26; background-position: top; }
.inav_t dl { height: 1.4rem; overflow: hidden; }
.inav_t dl dd { width: 25%; height: 0.7rem; float: left; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; }
.inav_t dl dd:nth-child(5), .inav_t dl dd:nth-child(6), .inav_t dl dd:nth-child(7), .inav_t dl dd:nth-child(8) { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
.inav_t dl dd a { display: block; width: 100%; height: .69rem;
line-height: .69rem;
color: #fff; }
/*index*/
.index { background: #f5f5f5; overflow: hidden; }
.index .top_tit { position: relative; padding-top:.6rem;
}
.index .top_tit .enName {
font-size:.2rem; color: #779BAD; line-height:.2rem;
text-align: center; text-transform: uppercase; }
.index .top_tit .cName {
margin-top:.08rem;
font-size:.32rem; color: #333; text-align: center; line-height:.32rem;
background: url(../images/titLine1.png) no-repeat center center; background-size:6.08rem .2rem;
}
.index .more { display: block; width: 2.19rem; height:.59rem;
margin: 0 auto; font-size:.24rem;
line-height:.6rem;
text-align: center; color: #fff; background: url("../images/lookMore.png") no-repeat; background-size:2.19rem .59rem;
}
/*解决方案*/
.solution {
padding-bottom:.5rem; border-bottom: 1px solid #e3e3e3; margin-bottom:.2rem;
background: #fff; }
.solution .solute .h3tab { width: 6.1rem; height: .5rem;
margin: 0 auto; margin-top:.3rem;
border-bottom: 1px solid #e6e6e6; }
.solution .solute .h3tab a { position: relative; display: block; height: .5rem;
}
.solution .solute .h3tab a .tit {
font-size: .26rem; font-weight: bold; color: #999; line-height:.32rem;
text-align: center; width: 1.8rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.solution .solute .h3tab a s.line { position: absolute; bottom: 0; left: 0; display: block; width: 1.8rem; height:.05rem;
background: #99B9CC; display: none; }
.solution .solute .h3tab li { margin-left:.6rem;
}
.solution .solute .h3tab li:first-child { margin-left: 0; }
.solution .solute .h3tab li:nth-child(2) { margin-left: 0.3rem; }
.solution .solute .h3tab li:nth-child(3) { margin-left: 0.4rem; }
.solution .solute .h3tab .on a .tit { color: #99B9CC; }
.solution .solute .h3tab .on a .etit { color: #99B9CC; }
.solution .solute .h3tab .on a s.line { display: block; }
.solution .solute .togCon { width: 6.1rem; margin: 0 auto; margin-top:.5rem;
margin-bottom: .3rem;
}
.solution .solute .togCon .img { width: 2.96rem; height: 2.32rem; }
.solution .solute .togCon .txt { width: 2.92rem; margin-left:.2rem;
}
.solution .solute .togCon .txt .tit {
margin-top:.12rem;
font-size:.28rem; color: #333; line-height:.36rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.solution .solute .togCon .txt .cont {
margin-top:.14rem;
font-size:.24rem; color: #666; line-height:.4rem;
}
/*案例展示*/
.caseShow { border-bottom: 1px solid #e3e3e3; padding-bottom: 0.5rem; margin-bottom: 0.2rem; background: #fff; }
.caseShow .menu1 { text-align: center; margin-top: .3rem;
}
.caseShow .menu1 a { display: inline-block; width: 1.8rem; padding: 0 0.1rem; height: 0.5rem; margin: 0 0.05rem; font-size: .22rem;
text-align: center; line-height: 0.5rem; color: #fff; border-radius: 0.5rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #666666; }
.caseShow .caseList .list { padding:0 .18rem;
margin-top: .2rem;
}
.caseShow .caseList .list li { float: left; width: 2.82rem; border: 1px solid #d6d6d6; margin-bottom:.3rem;
}
.caseShow .caseList .list li:nth-child(even) { margin-left:.4rem;
}
.caseShow .caseList .list li .img { display: block; width: 2.8rem; height: 2.1rem; }
.caseShow .caseList .list li .img img { display: block; width: 100%; height: 100%; }
.caseShow .caseList .list li .txt { width: 2.8rem; height: 1.5rem; }
.caseShow .caseList .list li .txt .tit {
padding-top:.24rem;
margin-left:.2rem;
font-size:.24rem; color: #666; line-height:.36rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.caseShow .caseList .list li .txt .cont { width: 2.56rem; margin-left:.2rem;
font-size:.22rem;
color: #999; line-height:.4rem;
}
/*news*/
.news { width: 100%; background: #fff; padding-bottom: 0.5rem; margin-bottom: 0.2rem; }
.news .newsList { margin-top:.4rem;
}
.news .newsList .list li { display: block; width: 6rem; margin: 0 auto; background: #fff; margin-bottom:.2rem;
}
.news .newsList .list li:first-child { padding-top: none; }
.news .newsList .list li a { display: block; width: 6rem; height: 1.5rem; margin: 0 auto; }
.news .newsList .list li .img { float: left; width: 1.68rem; height: 1.26rem; }
.news .newsList .list li .img img { display: block; width: 100%; height: 100%; }
.news .newsList .list li .txt {
margin-top:.02rem; float: left; width: 4rem; margin-left:.3rem;
}
.news .newsList .list li .txt .tit {
font-size:.3rem; color: #666; line-height:.4rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .newsList .list li .txt .cont {
margin-top:.2rem;
font:normal .24rem arial; color: #999; }
.news .newsList .list li:hover .txt .tit { color: #99B9CC; }
/*about*/
.about { width: 100%; background: #fff; }
.about .aboutCont { width: 6.1rem; margin: 0 auto; }
.about .aboutImg { position: relative; width: 6.1rem; margin-top:.3rem;
}
.about .aboutImg .aboutBg { position: absolute; top: 0; left: 0; width: 2.8rem; height: 3.96rem; background: #99B9CC; z-index: 2; }
.about .aboutImg .aImg { position: relative; z-index: 3; }
.about .aboutImg .aImg .img {
margin-left:.5rem; display: block; width: 5.59rem; height: 3.45rem; }
.about .aboutImg .aImg .tit {
padding-left:.24rem;
margin-top:.12rem;
font-size:.24rem;
margin-left:.2rem; background: url("../images/triger.png") no-repeat left center; color: #fff; text-transform: uppercase; background-size:.17rem;
}
.about .aboutCont .cont {
margin-top:.2rem;
font-size:.24rem; color: #666; line-height:.4rem;
}
.about .aboutCont .more { margin-top:.4rem;
}
/**************category****************/
.nybanner { width: 100%; height: 2.4rem; position: relative; overflow: hidden; margin-bottom:-.9rem;
background: url(../images/nybanner.jpg) center top no-repeat; background-size: 6.4rem 2.4rem; color: #fff; }
.nybanner .title { padding-left:.4rem;
}
.nybanner h3 {
margin-top: .7rem;
font-size:.4rem;
line-height: .45rem; color: #fff; }
.nybanner .en {
font-size: .33rem; font-family: arial; font-weight: bold; }
.nybanner .line { display: block; width:.6rem;
height:.04rem;
background: #fff; margin-top: .05rem;
}
.cateList { width: 100%; margin-top:.9rem;
line-height: 0.8rem; text-align: center; background: #99B9CC; color: #fff; position: relative; }
.cateList .goBack {
width: .8rem;
height: .8rem;
padding-top: .25rem; position: absolute; left: .1rem;
top: 0; z-index: 12; }
.cateList .goBack:before {
width: .2rem;
height: .32rem; display: block; margin: 0 auto; background-position: -1.5rem -2.1rem; }
.cateList h3 { position: relative; font-size: .3rem;
}
.cateList h3 s { position: absolute; top: 0.34rem; right:.4rem;
width: .22rem;
height: .18rem;
margin-left: .1rem;
background-position: -1.06rem -2.2rem; display: none; }
.cateList .box { width: 100%; padding: .2rem 3% .0;
z-index: 11; background: #fff; display: none; border-bottom: 1px solid #ddd; }
.cateList .box a { width: 48.5%; margin-right: 3%; margin-bottom: .15rem;
height: .62rem;
line-height: .6rem;
border: 1px solid #dddddd; font-size: .26rem;
text-align: center; display: block; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cateList .box a:nth-child(2n) { margin-right: 0; }
.cateList .box a.on { background: #99B9CC; border-color: #99B9CC; color: #fff; }
.dialog-layout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: .8; }
/*content*/
.content { width: 100%; padding: .3rem 0 .3rem;
background: #f0f0f0; }
.content.iteam { padding: 0 3% .4rem;
}
/*newsPage*/
.newsPage { padding-bottom: 1.4rem; }
.newsPage .item { width: 94%; padding-right: .1rem;
height: 1.5rem; display: block; background: #fff; margin: 0 auto .22rem;
}
.newsPage .item img { width: 2rem; height: 1.5rem; display: block; margin-right: .2rem;
}
.newsPage .item h3 {
padding-top: .1rem;
font-size: .26rem; line-height: 0.34rem; margin-bottom: .06rem;
color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsPage .item p {
font-size: .22rem; line-height: 0.32rem; color: #999999; overflow: hidden; }
.newsPage .item .time { color: #999; font-size: .22rem;
}
.newsPage .item:first-child { padding-top: 0; }
/*picturePage*/
.picturePage { width: 100%; padding-bottom: 5%; }
.picturePage .item { width: 45.5%; margin-left: 3%; margin-bottom: .3rem;
float: left; background: #fff; }
.picturePage .item a { display: block; width: 100%; }
.picturePage .item figure { width: 100%; padding-top: 110%; overflow: hidden; position: relative; }
.picturePage .item img { width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; }
.picturePage .item h3 { text-align: center; line-height: .3rem;
height: 0.9rem; padding-right: 10px; padding-left: 10px; overflow: hidden; padding-top: 5px; }
/*showPage*/
.showPage { width: 100%; padding-bottom: 5%; }
.showPage .item { width: 45.5%; margin-left: 3%; margin-bottom: .3rem;
float: left; background: #fff; }
.showPage .item a { display: block; width: 100%; }
.showPage .item figure { width: 100%; padding-top: 56.25%; overflow: hidden; position: relative; }
.showPage .item img { width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; }
.showPage .item h3 { text-align: center; line-height: .6rem;
height: .6rem;
}
.searchPage .list { width: 100%; padding: 0; }
.searchPage .list .item img { height: auto; }
.seeMore { width: 94%; margin: 0 auto; height: 0.7rem; line-height: 0.7rem; display: block; text-align: center; background: #99B9CC; color: #fff; }
.seeMore a { color: #fff; }
/*reLink*/
.reLink {
margin: .2rem .4rem .2rem; border: 1px solid #dddddd; color: #333; }
.reLink .prevLink, .reLink .nextLink { width: 100%; height: 0.6rem; line-height: 0.6rem; position: relative; overflow: hidden; text-indent: .18rem;
border-bottom: 1px solid #ddd; background: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.reLink .prevLink:before, .reLink .nextLink:before { width: 0.16rem; height: 0.26rem; position: absolute; right: .18rem;
top: .18rem;
background-position: -4.45rem 0; }
.reLink .nextLink { border-bottom: 0; }
.reLink .nextLink:hover a { color: #0362ab; }
/*showInfo*/
.showInfo {
padding: 0 0 .2rem; overflow: hidden; }
.showInfo article { width: 100%; padding: .3rem 0;
text-align: center; background: #fff; border-bottom: 1px solid #dddddd; }
.showInfo article .title { margin: 0 2%; font-size: .36rem;
line-height: .44rem;
text-align: center; }
.showInfo article .mark {
font-size: .22rem;
padding: .2rem 0 0; text-align: center; color: #666666; }
.showInfo article .mark span { margin: 0 .06rem;
}
.showInfo .img { width: 94%; margin: .25rem auto;
}
.showInfo .img img { max-width: 100%; display: block; margin: 0 auto; }
.showInfo .contxt {
padding: .2rem 3% .4rem;
line-height: .42rem; color: #666666; }
.showInfo .contxt img { max-width: 100%; height: auto !important; }
/*proPage*/
.proPage .item {
margin: 0 3% .4rem; background: #fcfafb; border-bottom: .04rem solid #e7e5e6;
}
.proPage .item a { display: block; width: 100%; }
.proPage .item a img { width: 100%; display: block; }
.proPage .item h3 { height: 1rem; line-height: 1rem; color: #333333; font-size: .28rem;
font-weight: bold; padding-left: .2rem;
}
/*aboutPage*/
.aboutPage {
padding: .3rem .4rem .4rem; color: #666; line-height: .38rem;
box-sizing: border-box; text-align: justify; }
.aboutPage1 { background: #fff; }
.aboutPage img { max-width: 100%; height: auto!important; }
/*contactPage*/
.contactPage1 { background: #fff; }
.contactPage { padding-bottom: .3rem;
}
.contactPage .txtcon { padding: 0 .4rem .3rem;
}
.contactPage .imessage { position: relative; }
.contactPage .miaod { position: absolute; width: 100%; height: .01rem;
display: block; opacity: 0; left: 0; top: -1rem; }
.contactPage .title {
margin: .2rem 3% .2rem; color: #61b32e; font-size: .34rem;
font-weight: bold; }
.contactPage .mapArea { width: 100%; overflow: hidden; margin-top: .2rem;
}
.BMap_bubble_content { font-size: .2rem;
}
.detailPage { background: #fff; }
/*fenx*/
#nativeShare { margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px; }
#nativeShare .label { margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem; }
#nativeShare .list { width: 5.4rem; float: right; }
#nativeShare .list span { height: 0.9rem; width: 0.9rem; padding: 0; display: inline-block; }
#nativeShare .list span i { margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block; }
#nativeShare .weibo i { background-image: url('../images/weibo.png'); background-size: cover; }
#nativeShare .weixin i { background-image: url('../images/weixin_friend.png'); background-size: cover; }
#nativeShare .weixin_timeline i { background-image: url('../images/weixin.png'); background-size: cover; }
#nativeShare .qq i { background-image: url('../images/qq.png'); background-size: cover; }
#nativeShare .qzone i { background-image: url('../images/qqzone.png'); background-size: cover; }
#nativeShare .more i { background-image: url('../images/more.png'); background-size: cover; }
#nativeShare .list span.qzone, #nativeShare .list span.more { width: 0.73rem; }
#fenxiang { display: none; }
.fenx { height: 1.0rem; width: 100%; }
.fenx .tt { margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem; }
.fenx .bdsharebuttonbox { width: 80%; float: right; }
.fenx .bdsharebuttonbox a { margin-left: 0.2rem; }
#bdfx a { height: 0.6rem; width: 0.6rem; margin: 0; padding: 0; margin: 0px 0.08rem; display: inline-block; }
#bdfx .d1 { background: url(../images/qqzone.png) no-repeat center; background-size: 100% 100%; }
#bdfx .d2 { background: url(../images/weibo.png) no-repeat center; background-size: 100% 100%; }
embed { width: 100% !important; height: auto !important; }
/*字体*/ 
@media only screen and (min-width:641px) {
html { font-size: 100px; }
}
@media only screen and (max-width:640px) {
html { font-size: 100px; }
/*技术支持*/
.pt80 { padding-top: 20px; }
.pt20 { padding-top: 20px; }
.pt100 { margin-top: 220px; }
#support1 .case_t2 { font-size: 14px; color: #666; text-align: center; font-weight: normal; line-height: 24px; margin-top: 5px; padding-bottom: 10px; }
h4.support_tit { font-size: 30px; color: #666; margin-bottom: 30px; text-align: center; padding-top: 0px; padding-right: 0; padding-left: 0; }
.support1_pic { width: 100%; text-align: center; margin-right: auto; margin-left: auto; height: auto; }
.support1_info { width: 100%; }
.support1_detail em { display: block; width: 42px; height: 42px; line-height: 42px; border: 1px solid #779BAD; text-align: center; font-size: 24px; color: #08aeea; position: absolute; left: 0; top: 0; }
.support1_detail { padding-left: 65px; min-height: 48px; margin-bottom: 16px; }
.support1_detail p { font-size: 14px; color: #666; line-height: 24px; }
.support_ul { margin-right: -30px; margin-top: 25px; }
.support_ul li { width: 380px; height: 280px; float: left; margin-right: 30px; }
.support3_ul li { width: 100%; border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 30px; }
.support3_ul li p { font-size: 14px; color: #666; line-height: 30px; }
.support3_ul li p span { color: #000; }
.support3_ul li em { width: 0; height: 0; border-top: 44px solid #08aeea; border-right: 44px solid transparent; position: absolute; left: 0; top: 0; z-index: 99; }
.support3_ul li b { font-size: 18px; color: #fff; position: absolute; left: 0; top: 0; z-index: 999; padding-left: 8px; }
/*技术支持*/
/*技术服务*/

.item2 { text-align: center; padding-top: 10px; padding-bottom: 0px; margin-right: auto; margin-left: auto; width: 100%; }
.item2 .center { position: relative; }
.item2 .h3 { font-size: 14px; color: #333333; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; line-height: 30px; text-align: center; }
.item2 ul { overflow: hidden; }
.item2 ul li { float: left; width: 100%; height: 415px; margin: 10px; position: relative; transition: all 0.5s ease-out 0s; }
.item2 ul li.n2 { margin: 0 90px; }
.item2 ul li .pic img { width: 340px; height: 225px; }
.item2 ul li .txt { position: absolute; width: 80%; left: 5%; top: 165px; font-size: 14px; background-color: #fff; padding-top: 5%; padding-bottom: 5%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; right: 5%; line-height: 24px; text-align: left; }
.item2 ul li .txt h1 { font-size: 18px; font-weight: bolder; }
.item2 ul li:hover { transform: translate(0, -10px); box-shadow: 0 5px 10px rgba(130, 130, 130, 0.3); }
.item2 .box2 { position: absolute; width: 100%; left: 0px; bottom: 0px; top: 1300px; }
.item2 .box2 .pic { width: 100%; position: absolute; top: -80px; }
.item2 .box2 .h4 { font-size: 24px; color: #779BAD; padding-top: 90px; }
.item2 .box2 .time { font-weight: bold; color: #fff; font-size: 36px; display: inline-block; line-height: 60px; padding-left: 90px; padding-right: 47px; background-color: #779BAD; background-image: url(../images/icon_time.png); background-repeat: no-repeat; background-position: 20px center; }
.item2 .photo { border: solid 1px #eeeeee; margin-top: 230px; }
.item3 dl { display: inline-block; width: 150px; text-align: center; }
.item3 dl dt { width: 150px; padding: 29.5px 0; margin: auto; border-radius: 100px; transition: ease-in-out 0.3s; background: url(../images/after-service-yuan.png) no-repeat center center }
.item3 dl dt img { transition: ease-in-out 0.3s; }
.item3 dl:hover dt { }
.item3 dl:hover dt img { transform-style: preserve-3d; transform: rotateY(180deg); }
.item3 dl dd { font-size: 20px; padding-top: 20px; line-height: 40px; }
.item3 dl.icon { width: 162px; height: 250px; opacity: 0.5; background: url(../images/after-service-yuan2.png) no-repeat center 75px }
.item3_font { margin-top: 60px; }
.item3_font .h3, .item3_font .h4 { color: #333333; text-align: center }
.item3_font .h3 { font-size: 24px; padding: 5px 0; }
.item3_font .h4 { font-size: 18px; }
.item3_font span.line { display: block; width: 3px; height: 90px; margin: auto; background-color: #cb333b; margin-bottom: -16px; position: relative; z-index: 5 }
.item4 { padding-top: 30px; }
.item4 .h3, .item4 .h4 { color: #333333; text-align: center }
.item4 .h3 { font-size: 24px; padding: 5px 0; }
.item4 .h4 { font-size: 18px; padding-bottom: 30px; }
.item4 .h4 span { color: #c92a32; }
.item4 ul { overflow: hidden; }
.item4 ul li { float: left; width: 320px; height: 229px; font-size: 18px; }
.item4 ul li dl { padding: 20px 30px; height: 160px; border: solid 1px #e5e5e5; }
.item4 ul li.icon { width: 120px; background: url(../images/after-service-icon.jpg) no-repeat center 65px }
.item4 ul li h5 { color: #c92a32; font-size: 30px; }
.item4 ul li h5:after { margin-top: 10px; content: ''; width: 20px; height: 2px; display: block; background-color: #c92a32 }
.item5 dl { text-align: center; padding-top: 15px; }
.item5 dl a { color: #fff; font-size: 24px; border: solid 1px #ddd; display: inline-block; padding: 0px 26px; line-height: 58px; text-align: center }
/*技术服务*/
.pr { position: relative; z-index: 0; }
.img { text-align: center; overflow: hidden; }
}
@media only screen and (max-width:540px) {
html { font-size: 84.375px; }
}
@media only screen and (max-width:480px) {
html { font-size: 75px; }
}
@media only screen and (max-width:414px) {
html { font-size: 64.6875px; }
}
@media only screen and (max-width: 400px) {
html { font-size: 62.5px; }
}
@media only screen and (max-width: 375px) {
html { font-size: 58.5938px; }
}
@media only screen and (max-width: 360px) {
html { font-size: 56.25px; }
}
@media only screen and (max-width: 320px) {
html { font-size: 50px; }
}
@media all and (min-width:640px) {
#top_main { max-width: 640px; left: 50%; margin-left: -320px; }
}
@media all and (min-width:640px) {
#toolbar { max-width: 640px; left: 50%; margin-left: -320px; }
}
.fzlz { background-image: url(../images/fzlc2.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 400px; text-align: left; padding-right: 15px; padding-left: 15px; }

/*价值*/
@media(max-width:767px) {
.met-index-body {
	padding: 50px 0
}
.met-index-body h3 {
	font-size: 28px
}
.met-index-body p.desc {
	font-size: 14px
}
}

@media(max-width:488px) {
.met-index-body {
	padding: 30px 0
}
}

@media(max-width:767px) {
.met-index-advantage .container {
	margin-top: 20px
}
.met-index-advantage .container li.text {
	padding: 30px 3%
}
.met-index-advantage .container li.text h4 {
	font-size: 20px
}
.met-index-advantage .container li.text p { font-size: 16px; padding-bottom: 10px; }
.met-index-advantage .container li.text .drop-cap { font-size: 30px; margin-right: 0; color: #F30; }
}

@media(max-width:488px) {
.met-index-advantage .container li.text {
	padding: 20px 3%
}
}




@media(max-width:767px) {
.met-index-service .blocks li {
	width: 50%;
	margin-top: 30px
}
.met-index-service .blocks li i {
	font-size: 40px;
	width: 90px;
	height: 90px;
	line-height: 90px
}
}
.met-index-body { background: #fff; padding-top: 70px; padding-right: 0; padding-bottom: 0px; padding-left: 0; }
.met-index-body:nth-of-type(odd) {
	background: #eee
}
.met-index-body h3 {
	font-size: 0.5rem;
	margin-top: 0;
	text-align: center;
	font-weight: 300
}
.met-index-body h3 a{color: #37474f;}
.met-index-body p.desc {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	color: #5e7387
}



.met-index-advantage .container ul { display: block; margin: 0px; padding: 0px; }
.met-index-advantage .container li.text { display: block; background-color: #333333; text-align: center !important 
}
.met-index-advantage .container li.text div { display: inline-block; }
.met-index-advantage .container li.text h4 { font-size: 0.4rem; color: #FFF; }
.met-index-advantage .container li.text p { font-size: 0.25rem; padding-bottom: 10px; color: #FFF; }
.met-index-advantage .container li.text .drop-cap { float: none; font-size: 1rem; color: #ef7f26; }
.met-index-advantage .container li img {
	width: 100%
}}

.drop-cap { float: left; padding: 5px; margin-right: 5px; font-family: Georgia; font-size: 60px; line-height: 50px; color: #FF3300 }
 .row-lg>.col-md-6,  .row-lg>.col-xlg-12, .row-lg>.col-xs-12,  {
	padding-right: 25px;
	padding-left: 25px
}
.col-md-6, .col-xs-12, {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}