@charset 'utf-8';
.disnone { display: none !important; }
.clearfix:after { display: block; clear: both; height: 0; content: ' '; }
.clearfix { zoom: 1; }
.container { position: relative; width: 1200px; margin: auto; }
/*@font-face { font-family: 'iconfont'; src: url("iconfont.eot-t=1479795277905"); src: url("iconfont.eot-t=1479795277905#iefix") format('embedded-opentype'), url("iconfont.woff-t=1479795277905") format('woff'), url("iconfont.ttf-t=1479795277905") format('truetype'), url("iconfont.svg-t=1479795277905#iconfont") format('svg'); }
.iconfont { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; }*/
.icon-fanhui:before { content: '\e600'; }

.icon-youjiantou:before { content: '\e642'; }

.icon-sousuo:before { content: '\e6ab'; }

.icon-al:before { content: '\e621'; }

.icon-dianhua:before { content: '\e603'; }

.icon-xiazai:before { content: '\e890'; }

.icon-ard:before { content: '\e601'; }

.icon-ald:before { content: '\e604'; }

.icon-biezhen:before { content: '\e70b'; }

.icon-ar:before { content: '\e6ac'; }
.icon-chakan:before { content: '\e65b'; }
/*.header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 76px; background: rgba(0,0,0,.3); }
.header .lmain { width: 1200px; margin: auto; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.header .lmain.act { width: 90%; }
.header .logodiv,
.header .slogan { display: inline-block; vertical-align: top; }
.header .logodiv { margin-top: 20px; margin-right: 13px; }
.header .slogan { font-size: 12px; margin-top: 22px; padding-left: 15px; letter-spacing: .2px; border-left: 1px solid rgba(255,255,255,.2);; }
.header nav { display: inline-block; float: right; }
.header .mainul { display: inline-block; }
.header .mainul a { color: #fff; }
.header .mainul li { line-height: 76px; position: relative; float: left; height: 100%; margin-right: 12px; margin-left: 12px; padding-right: 12px; padding-left: 12px; cursor: pointer; text-align: center; }
.header .mainul li a { display: block; width: 100%; height: 76px; color: #fff; }
.header .mainul li .seat { position: absolute; top: 76px; left: 0; width: 100%; height: 15px; background: transparent; }

.header .mainul .border { float: left; width: 1px; height: 14px; margin-top: 31px; background: rgba(255,255,255,.2); }
.header .lser,
.header .lph { line-height: 76px; position: relative; display: inline-block; height: 76px; margin-left: 3px; padding-right: 15px; padding-left: 15px; cursor: pointer; vertical-align: top; }
.header .lser:hover,
.header .lph:hover,
.header .mainul li:hover { background: #158bd1; }
.header .lser i,
.header .lph i { cursor: pointer; }
.header .mainmenu { position: absolute; top: 80px; left: 0; display: none; overflow: hidden; width: 100%; transition: 0s; }
.header .mainmenu a { color: #000; }
.header .mainmenu .bgdiv { width: 100%; margin-top: 7px; background: rgba(255,255,255,.9); }
.header .menucon { position: relative; width: 1200px; margin: auto; padding-top: 30px; padding-bottom: 50px; }
.header .menucon ul { display: inline-block; margin-right: 43px; vertical-align: top; }
.z_box { float: right; }
.header .menucon ul li { width: 285px; padding-top: 20px; padding-bottom: 20px; cursor: pointer; border-bottom: 1px solid #d7d7d7; }
.header .menucon ul li:hover a { color: #158cd0; }
.header .menucon ul li i { font-size: 10px; float: right; margin-top: 5px; }
.header .rightcon { padding-top: 24px; }
.header .rightcon p { line-height: 1.71; display: inline-block; width: 237px; margin-top: -6px; margin-left: 37px; vertical-align: top; letter-spacing: .5px; }
.header .menucon .arrow { position: absolute; top: -5px; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.header .menucon1 .arrow { left: 42%; }
.header .menucon2 .arrow { left: 51.5%; }
.header .menucon3 .arrow { left: 60%; }
.header .menucon4 .arrow { left: 69%; }
.header .menucon5 .arrow { left: 77.5%; }
.header .menucon6 .arrow { left: 86.5%; }
.header .serdiv { position: absolute; top: 75px; right: -26px; overflow: hidden; height: 0; background: url("../images/serbg.png") no-repeat 259px 7px; }

.header .tel_box { position: absolute; top: 75px; right: -26px; overflow: hidden; width: 200px; height: 0; background: #158cd0; }
.header .tel_box .z_tel { padding: 5px; text-align: center; font-size: 14px; color: #fff; line-height: 40px; }


.header .serdiv .ltxt { width: 264px; height: 45px; padding-right: 35px; padding-left: 10px; color: #666; border: 2px solid #e5e9ec; }
.header .serdiv .limg { position: absolute; top: 30px; right: 15px; }*/
.lmain .slideTxtBox1 { position: relative; }
.lmain .slideTxtBox1 .bd ul li img { width: 100%; }
.lmain .slideTxtBox1 .hd { position: absolute; z-index: 2; bottom: 19px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.lmain .slideTxtBox1 .bd ul li { position: relative; }
.lmain .slideTxtBox1 .bd ul li .imgtt { position: absolute; top: 42%; left: 50%; width: 1200px; margin-left: -600px; }

@media (max-width: 1440px) {
    .lmain .slideTxtBox1 .bd ul li .imgtt { top: 32%; }
}

.lmain .slideTxtBox1 .bd ul li h2 { font-size: 36px; width: 86px; padding-bottom: 23px; border-bottom: 1px solid #fff; }
.lmain .slideTxtBox1 .bd ul li h1 { font-size: 48px; font-weight: bold; margin-top: 25px; margin-bottom: 20px; letter-spacing: 16px; }
.lmain .slideTxtBox1 .bd ul li h3 { font-size: 24px; letter-spacing: .8px; }
.lmain .slideTxtBox1 .hd li { float: left; width: 10px; height: 10px; margin-right: 9px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; background: #fff; }
.lmain .slideTxtBox1 .hd li.on { background: transparent; }
.lmain .product { position: relative; min-height: 482px; padding-top: 70px; background: #f7f7f7; }
.lmain .product .ttul { width: 100%; }
.lmain .product #s2,
.lmain .product #s3,
.lmain .product #s4 { display: none; }
.lmain .product .ttul li { line-height: 76px; float: left; width: 24.9%; height: 76px; padding-top: 0px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; text-align: center; color: #555; border-right: 1px solid #f7f7f7; background: #e5e9ec; }
.lmain .product .ttul li h5 { font-size: 16px; vertical-align: middle; }
.lmain .product .ttul li h5 span { display: block; padding-right: 10px; line-height: 0px; }
.lmain .product .ttul li h5 span em { font-style: normal; position: relative; top: 15px; }
.lmain .product .ttul li img { margin-right: 14px; margin-top: 24px; margin-left: 10px; }
.lmain .product .aa { display: none; }
.lmain .product .slideTxtBox2 .tempWrap { width: 1200px !important; }
.lmain .product .slideTxtBox2 { position: absolute; top: 129px; }
.tempWrap ul { transition: 0s; }
.lmain .product .slideTxtBox2 .bd li { line-height: 213px; position: relative; float: left; width: 287px; height: 213px; margin-right: 14px; cursor: pointer; text-align: center; border: 1px solid #f7f7f7; background: #fff; }
.lmain .product .slideTxtBox2 .bd li img { width: 287px; height: 215px; }
.lmain .product .slideTxtBox2 .bd li:hover .mask { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.lmain .product .slideTxtBox2 .bd li .mask { position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; height: 40%; padding-top: 12px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; -webkit-transform: translateY(39%); -moz-transform: translateY(39%); -ms-transform: translateY(39%); -o-transform: translateY(39%); transform: translateY(39%); text-align: center; background: rgba(22,140,208,.8); }
.lmain .product .slideTxtBox2 .bd li a { color: #fff; }
.lmain .product .slideTxtBox2 .bd li .mask h5 { line-height: 1.6; width: 180px; margin: 0 auto; height: 30px; overflow: hidden; letter-spacing: .4px; }
.lmain .product .slideTxtBox2 .bd li .mask .more { line-height: 26px; display: block; width: 86px; height: 26px; margin: auto; margin-top: 12px; color: #fff; border: 1px solid #fff; border-radius: 20px; }
.alw { display: none; }
.ardiv { margin-top: 57px; text-align: center; }
.alw { display: none; }
.arrows { line-height: 27px; display: inline-block; width: 90px; height: 30px; margin-right: 8px; margin-left: 8px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; text-align: center; border: 1px solid #a7a7a7; border-radius: 20px; }
.arrows:hover { border-color: #014a7f; background: #014a7f; }
.lmain .app { width: 100%; height: 550px; background: url("../images/bg1.jpg") center; }
.lmain .app .appleft,
.lmain .app .appright { float: left; width: 600px; }
.lmain .app .appleft h1 { font-size: 36px; font-weight: bold; margin-top: 80px; letter-spacing: .2px; }
.lmain .app .appleft .bordiv { width: 37px; height: 1px; margin-top: 30px; margin-bottom: 30px; background: #fff; }
.lmain .app .appleft p { font-size: 16px; line-height: 2.25; padding-right: 30px; letter-spacing: .5px; height: 180px; overflow: hidden; }
.lmain .app .appleft a { line-height: 41px; display: block; width: 160px; height: 41px; margin-top: 52px; text-align: center; color: #fff; border: 1px solid #00a4c5; border-radius: 20px; text-decoration-line: 41px; }
.lmain .app .appleft a:hover { color: #fff; background: #00a4c5; }
.lmain .app .appright ul { width: 100%; border-left: 1px solid #5A9FC0; }
.lmain .app .appright ul li { position: relative; float: left; overflow: hidden; width: 299px; height: 180px; text-align: center; border-right: 1px solid #5A9FC0; border-bottom: 1px solid #5A9FC0; }
.lmain .app .appright ul li:last-child { width: 599px; border-bottom: 0; height: 188px; }
.lmain .app .appright ul li h5 { font-size: 16px; margin-top: 10px; letter-spacing: .4px; }
.lmain .app .appright ul li .con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 260px; }
.lmain .app .appright ul li .appimgdiv { display: inline-block; margin-top: 53px; -webkit-transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.lmain .app .appright ul li .h_display { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*opacity: 0;*/ z-index: 1; }
.lmain .app .appright ul li .h_display img { width: 100%; }
.lmain .app .appright ul li .h_ym { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; background: #000; }
/*.lmain .app .appright ul li:hover .h_display { opacity: 1; }
.lmain .app .appright ul li:hover .h_ym { opacity: .2; }
.lmain .app .appright ul li.norotate img,
.lmain .app .appright ul li.norotate .h_display,
.lmain .app .appright ul li.norotate h5 { -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; }
.lmain .app .appright ul li.norotate:hover .h_display img { -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }
.lmain .app .appright ul li.norotate:hover .appimgdiv img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.lmain .app .appright ul li.norotate:hover h5.h5 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; }*/
.lmain .news { padding-top: 60px; padding-bottom: 60px; background: #f7f7f7; }
.index_news_title { font-size: 36px; font-weight: bold; text-align: center; color: #014a7f; line-height: 32px; font-weight: normal; }
.index_news_title span { font-weight: normal; font-size: 20px; padding-top: 15px; display: block; }
.index_news_title em { font-style: normal; position: relative; font-weight: normal; font-size: 16px; color: #000; }
.lmain .news .slidenewBox { margin-top: 56px; position: relative; }
.lmain .news .slidenewBox .bd { width: 100%; }
.lmain .news .slidenewBox li { float: left; overflow: hidden; height: 450px; width: 400px; text-align: center; }
.lmain .news .slidenewBox li a { color: #333; }
.lmain .news .slidenewBox li .condiv { position: relative; z-index: 1; width: 100%; padding-top: 54px; padding-bottom: 53px; background: #fff; }
.lmain .news .slidenewBox li h5 { font-size: 16px; line-height: 1.875; width: 220px; margin: 0 auto; height: 60px; overflow: hidden; letter-spacing: .7px; }
.lmain .news .slidenewBox li h6 { font-size: 12px; width: 70px; margin: auto; margin-top: 20px; padding-top: 22px; color: #888; border-top: 1px solid #c7c7c7; }
.lmain .news .slidenewBox li:hover h6,
.lmain .news .slidenewBox li:hover h5 { color: #014a7f; }
.lmain .news .slidenewBox li:hover h6 { border-top: 1px solid #014a7f; }
.lmain .news .slidenewBox li img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.lmain .news .slidenewBox li:hover img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }
.lmain .about { box-sizing: border-box; width: 100%; /*height: 535px;*/ margin-bottom: 80px; padding-top: 60px; text-align: center; /*background: url("../images/bg2.jpg") center;*/ }
.lmain .about h1 { font-size: 36px; /*font-weight: bold;*/ }
.lmain .about p { font-size: 16px; line-height: 2.25; width: 765px; margin: auto; margin-top: 42px; letter-spacing: .5px; }
.lmain .about .bordiv { width: 36px; height: 1px; margin: auto; margin-top: 40px; margin-bottom: 43px; background: #fff; }
.lmain .about ul { text-align: center; }
.lmain .about ul li { display: inline-block; width: 147px; height: 147px; margin-right: 40px; margin-left: 40px; }

.lmain .about .abdiv { display: inline-block; margin-top: 40px; }
.lmain .about li .zhuan { -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; border: 1px solid #fff; border-radius: 50%; width: 100%; height: 100%; }
.lmain .about li:hover .zhuan { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.lmain .about ul li h5 { font-size: 16px; font-weight: bold; color: #fff; margin-top: 6px; }
.lmain .partner { box-sizing: border-box; padding-top: 60px; padding-bottom: 53px; text-align: center; /*background: #f7f7f7;*/ }
.lmain .partner h1 { font-size: 36px; /*font-weight: bold;*/ }
.lmain .partner h5 { font-size: 14px; margin-top: 27px; margin-bottom: 40px; letter-spacing: .5px; }
.lmain .partner .bd li { float: left; width: 16.666%; height: 322px; background: #fff; }
.lmain .partner .bd li .imgdiv { height: 33.3333%; border: 1px solid #eaeaea; }
.lmain .partner .bd li div { line-height: 108px; text-align: center; }
.lmain .partner .imgdiv { -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }
.lmain .partner .bd li div.rotate-box { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.lmain .partner .bd li div.text-box { position: absolute; top: 0; width: 100%; height: 100%; opacity: .0; }
.lmain .partner .bd li .imgdiv:hover .rotate-box { -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); opacity: 0; }
.lmain .partner .bd li .imgdiv:hover .text-box { -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); opacity: 1; }
.footer { position: relative; box-sizing: border-box; padding-top: 43px; background: #014a7f; }
.footer .footl,
.footer .footr { /*width: 50%;*/ }
.footer h5 { font-size: 16px; letter-spacing: .7px; }
.footer .footl h4 { font-size: 24px; font-weight: bold; margin-top: 23px; }
.footer .footl ul li { font-size: 14px; color: #a5a5a5; }
.footer .footl .fl ul { margin-top: 14px; }
.footer .footl .fl ul li { line-height: 2.14; letter-spacing: 1px; }
.footer .footl .fr ul { margin-top: 15px; }
.footer .footl .fr ul li { width: 186px; padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #636363; }
.footer .footl .fr ul li a { color: #a5a5a5; }
.footer .footl .fr ul li a:hover { color: #fff; }
.footer .footr h5 { margin-left: 110px; }
.footer .footr form { width: 490px; margin-top: 29px; }
.footer .footr form input { box-sizing: border-box; height: 46px; padding-left: 20px; border: 1px solid #636363; }
.footer .footr form input.iname,
.footer .footr form input.iph { width: 239px; }
.footer .footr form input.iname { margin-right: 8px; }
.footer .footr form input.icon { width: 490px; }
.footer .footr form .sub { width: 490px; height: 46px; margin-top: 15px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; text-align: center; border: none; background: #636363; }
.footer .footr form .sub:hover { background: #333; }
.footer .footr .group.topg { position: relative; display: inline-block; margin-top: 0; }
.footer .footr form .group { position: relative; margin-top: 15px; }
.footer .footr form label { font-weight: normal; position: absolute; top: 13px; left: 22px; color: #a5a5a5; }
.footer .link { display: inline-block; width: 100%; margin-top: 28px; padding-bottom: 63px; text-align: left; }
.footer .link .footslide { margin-top: 35px; }
.footer .tempWrap { width: 1200px !important; }
.footer .link .footslide .bd li { line-height: 89px; float: left; width: 372px; height: 89px; margin-right: 37px; text-align: center; border: 1px solid #3b3b3b; }
.footer #toTop { position: absolute; right: 20px; bottom: 137px; }
.footer .copyright { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #0073c6; margin-top: 40px; }
.footer .copyright p { font-size: 12px; letter-spacing: .5px; color: #fff; }
.footer .copyright .fl a { font-size: 12px; margin-left: 10px; color: #fff; }
.footer .copyright .fl a:hover,
.footer .copyright .fr a:hover { color: #ddd; }
.footer .copyright .fr a,
.footer .copyright .fr { font-size: 12px; color: #fff; }
.text-center { text-align: center; font-family: "微软雅黑"; }

/*产品与服务-产品*/
.lban .container { height: 386px; }
.lban .snav { position: absolute; right: 0; bottom: 12px; }
.lban .snav li { display: inline-block; }
.lban .snav li:hover a { color: #014a7f; }
.lban .snav li img { vertical-align: baseline; }
.lban img.img-responsive { position: absolute; top: 0; left: 50%; margin-left: -959px; }
.lban .con { position: absolute; top: 170px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: .5px; }

.lban .con h1 { font-family: '微软雅黑'; min-width: 1200px; }
.lban .con h4 { font-family: '微软雅黑'; min-width: 1200px; letter-spacing: .5px; }
.lban .bordiv { display: inline-block; width: 71px; height: 1px; margin-top: 14px; margin-bottom: 19px; }
.linkdiv { height: 62px; border-bottom: 1px solid #ddd; background: #eee; }
.linkdiv li { font-size: 16px; display: inline-block; }
.linkdiv li a { line-height: 62px; display: inline-block; width: 62px; height: 100%; margin-right: 63px; margin-left: 63px; border-bottom: 1px solid transparent; }
.linkdiv li a:hover { color: #014a7f; border-bottom: 1px solid #014a7f; }
.linkdiv li a.act { color: #014a7f; border-bottom: 1px solid #014a7f; }
.product .lcon1 { padding-top: 60px; padding-bottom: 60px; background: #f6f6f6; }
.product .lcon1 li { line-height: 20px; margin-top: 10px; display: inline-block; width: 211px; height: 40px; margin-right: 17px; margin-left: 17px; padding: 8px 0; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; border: 1px solid #014a7f; border-radius: 30px; }

.product .lcon1 li a { display: block; padding: 0 17px; }

.product .lcon1 li:hover,
.product .lcon1 li.act { color: #fff; background: #014a7f; }

.product .lcon1 li:hover a,
.product .lcon1 li.act a { color: #fff; }
.product .lcon1 .details { margin-top: 65px; letter-spacing: .5px; }
.product .lcon1 .details h4 { font-size: 16px; margin-top: 20px; margin-bottom: 8px; }
.product .lcon1 .details .bordiv { display: inline-block; width: 81px; height: 1px; margin-top: 30px; background: #ccc; }
.product .lcon2 { padding-top: 70px; padding-bottom: 53px; }
.product .lcon2 .shift a { color: #666; font-size: 16px; }
.product .lcon2 .shift li { display: inline-block; width: 165px; border-right: 1px solid #ccc; }
.product .lcon2 .shift li:first-child { border-left: 1px solid #ccc;; }
.product .lcon2 .shift a:hover,
.product .lcon2 .shift a.act { color: #014a7f; }
.product .lcon2 .list ul { margin-top: 56px; }
.product .lcon2 .list li { position: relative; display: inline-block; overflow: hidden; width: 360px; height: 268px; margin-top: 59px; margin-right: 53px; text-align: center; border: 1px solid #eaeaea; }
.product .lcon2 .list li:nth-of-type(3n) { margin-right: 0; }
.product .lcon2 .list li:hover .mask { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.product .lcon2 .list li .mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; padding-top: 18px; padding-bottom: 13px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; transform: translateY(40%); text-align: center; background: rgba(22,140,208,.8); }
.product .lcon2 .list li img { /*margin-top: 60px;*/ max-width: 100%; max-height: 100%; }
.product .lcon2 .list li a { color: #fff; line-height: 268px; }
.product .lcon2 .list li .mask h5 { line-height: 1.8; width: 180px; margin: 0 auto; height: 50px; overflow: hidden; letter-spacing: .4px; }
.product .lcon2 .list li .mask .more { line-height: 26px; display: block; width: 86px; height: 26px; margin: auto; margin-top: 17px; color: #fff; border: 1px solid #fff; border-radius: 20px; }
.page { margin-top: 63px; }
.page li { line-height: 33px; display: inline-block; width: 34px; height: 34px; margin-right: 7.5px; margin-left: 7.5px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; vertical-align: middle; border: 1px solid transparent; border-radius: 50%; font-family: 'Arial'; }
.page li:hover { color: #168cd0; border: 1px solid #168cd0; }
.page li img.img2 { display: none; vertical-align: initial; }
.page li:hover img.img1,
.page li.pageact img.img1 { display: none; vertical-align: initial; }
.page li:hover img.img2,
.page li.pageact img.img2 { display: inline-block; }
.page li.pageact { color: #168cd0; border: 1px solid #168cd0; }

/*项目内页*/
.productin .lcon1 { padding-top: 60px; padding-bottom: 60px; background: #f6f6f6; }
.productin .bordiv,
.appin .bordiv,
.soluin .lcon2 .bordiv { width: 69px; height: 1px; margin: auto; margin-top: 8px; margin-bottom: 28px; background: #ccc; }
.productin .lcon1 .bigimg { line-height: 374px; width: 583px; height: 374px; margin: auto; margin-bottom: 15px; border: 1px solid #e3e3e3; background: #fff; }
.productin .lcon2 .bordiv,
.appin .lcon3 .bordiv,
.soluin .lcon2 .bordiv { background: #1477ad; }
.productin .lcon1 .bigimg img { width: 509px; height: 310px; }
.productin .lcon1 .tempWrap { margin: auto; }
.productin .lcon1 .bd li { line-height: 103px; width: 143px; height: 103px; margin-right: 20px; margin-left: 20px; cursor: pointer; text-align: center; border: 1px solid #e3e3e3; background: #fff; }
.productin .lcon1 .bd li img { width: 74px; height: 50px; }
.productin .slideimgc { position: relative; }
.productin .slideimgc .prev,
.productin .slideimgc .next { position: absolute; top: 50%; margin-top: -17.5px; cursor: pointer; }
.productin .slideimgc .prev { left: 0; }
.productin .slideimgc .next { right: 0; }
.productin .lcon1 .rdiv { padding-top: 63px; color: #666; font-size: 14px; font-family: "微软雅黑"; letter-spacing: .4px; line-height: 2.2; width: 582px; }
.z_content { color: #666; font-size: 14px; font-family: "微软雅黑"; letter-spacing: .4px; line-height: 2.2; }


.productin .lcon1 .bdiv { margin-top: 76px; }
.productin .lcon1 .bdiv ul { margin-bottom: 50px; }
.productin .lcon1 .bdiv li { line-height: 36px; display: inline-block; width: 176px; height: 36px; margin-right: 30px; margin-left: 30px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; color: #666; border-radius: 30px; background: #e5e5e5; }
.productin .lcon1 .bdiv li:hover,
.productin .lcon1 .bdiv li.act { color: #fff; background: #014a7f; }
.productin .lcon1 .b_link { margin-top: 84px; }
.productin .lcon1 .b_link a { line-height: 36px; display: inline-block; width: 176px; height: 36px; margin-right: 32px; margin-left: 32px; color: #014a7f; border: 1px solid #014a7f; border-radius: 30px; }
.productin .lcon1 .b_link a i.iconfont { font-size: 28px; margin-right: 7px; vertical-align: middle; color: #1d90d1; }
.productin .lcon1 .b_link a:hover { color: #fff; background: #014a7f; }
.productin .lcon1 .b_link a:hover i.iconfont { color: #fff; }
.productin .lcon2,
.appin .lcon3,
.soluin .lcon2 { width: 100%; height: 636px; padding-top: 55px; background: url("../images/bgin.jpg") no-repeat top center; }
.productin .lcon2 ul,
.appin .lcon3 ul,
.soluin .lcon2 ul { width: 100%; margin-top: 10px; border-top: 1px solid #5d9ec0; border-left: 1px solid #5d9ec0; }
.productin .lcon2 .bordiv,
.appin .lcon3 .bordiv,
.soluin .lcon2 .bordiv { width: 56px; margin-bottom: 54px; }
.productin .lcon2 ul li,
.appin .lcon3 ul li,
.soluin .lcon2 ul li { position: relative; float: left; overflow: hidden; box-sizing: border-box; width: 33.33%; height: 160px; text-align: center; border-right: 1px solid #5d9ec0; border-bottom: 1px solid #5d9ec0; }
.productin .lcon2 ul li:last-child,
.appin .lcon3 ul li:last-child,
.soluin .lcon2 ul li:last-child { width: 99.99%; }
.productin .lcon2 ul li h5,
.appin .lcon3 ul li h5,
.soluin .lcon2 ul li h5 { font-size: 16px; margin-top: 10px; letter-spacing: .4px; }
.productin .lcon2 ul li .con,
.appin .lcon3 ul li .con,
.soluin .lcon2 ul li .con { font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.productin .lcon2 ul li .con h5,
.appin .lcon3 ul li .con h5,
.soluin .lcon2 ul li .con h5 { font-size: 14px; line-height: 1.71; }
.productin .lcon2 ul li .appimgdiv,
.appin .lcon3 ul li .appimgdiv,
.soluin .lcon2 ul li .appimgdiv { display: inline-block; margin-top: 43px; -webkit-transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; transform: rotate(0deg); }
.productin .lcon2 ul li:hover .appimgdiv,
.appin .lcon3 ul li:hover .appimgdiv,
.soluin .lcon2 ul li:hover .appimgdiv { opacity: 0; transform: translateY(-100%); }
.productin .lcon2 ul li .h_display,
.appin .lcon3 ul li .h_display,
.soluin .lcon2 ul li .h_display { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }
.productin .lcon2 ul li .h_display img,
.appin .lcon3 ul li .h_display img,
.soluin .lcon2 ul li .h_display img { width: 100%; }
.productin .lcon2 ul li .h_ym,
.appin .lcon3 ul li .h_ym,
.soluin .lcon2 ul li .h_ym { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; background: #000; }
.productin .lcon2 ul li:hover .h_display,
.appin .lcon3 ul li:hover .h_display,
.soluin .lcon2 ul li:hover .h_display { opacity: 1; }
.productin .lcon2 ul li:hover .h_ym,
.appin .lcon3 ul li:hover .h_ym,
.soluin .lcon2 ul li:hover .h_ym { opacity: .2; }
.productin .lcon2 ul li.norotate img,
.productin .lcon2 ul li.norotate .h_display,
.productin .lcon2 ul li.norotate h5,
.appin .lcon3 ul li.norotate img,
.appin .lcon3 ul li.norotate .h_display,
.appin .lcon3 ul li.norotate h5,
.soluin .lcon2 ul li.norotate img,
.soluin .lcon2 ul li.norotate .h_display,
.soluin .lcon2 ul li.norotate h5 { -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; }
.productin .lcon2 ul li.norotate:hover .h_display img,
.appin .lcon3 ul li.norotate:hover .h_display img,
.soluin .lcon2 ul li.norotate:hover .h_display img { transform: rotate(0deg); transform: scale(1.3,1.3); }
.productin .lcon2 ul li.norotate:hover h5.h5,
.appin .lcon3 ul li.norotate:hover h5.h5,
.soluin .lcon2 ul li.norotate:hover h5.h5 { transform: translateY(100%); opacity: 0; }





.productin .lcon3,
.appin .lcon4,
.soluin .lcon3 { padding-top: 56px; padding-bottom: 60px; background: #f6f6f6; }
.productin .lcon3 .bordiv,
.appin .lcon4 .bordiv,
.soluin .lcon3 .bordiv { width: 53px; margin-bottom: 43px; }
.productin .lcon3 .slideTxtBox2 .bd li,
.appin .lcon4 .slideTxtBox2 .bd li,
.soluin .lcon3 .slideTxtBox2 .bd li { line-height: 268px; position: relative; width: 360px; height: 268px; margin-right: 14px; margin-right: 60px; cursor: pointer; text-align: center; border: 1px solid #eaeaea; background: #fff; }
.productin .lcon3 .slideTxtBox2 .bd li:hover .mask,
.appin .lcon4 .slideTxtBox2 .bd li:hover .mask,
.soluin .lcon3 .slideTxtBox2 .bd li:hover .mask { transform: translateY(0%); }
.productin .lcon3 .slideTxtBox2 .bd li .mask,
.appin .lcon4 .slideTxtBox2 .bd li .mask,
.soluin .lcon3 .slideTxtBox2 .bd li .mask { position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; height: 50%; padding-top: 11px; padding-bottom: 13px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; transform: translateY(48%); text-align: center; background: rgba(22,140,208,.8); }
.productin .lcon3 .slideTxtBox2 .bd li a,
.appin .lcon4 .slideTxtBox2 .bd li a,
.soluin .lcon3 .slideTxtBox2 .bd li a { color: #fff; }
.productin .lcon3 .slideTxtBox2 .bd li .mask h5,
.appin .lcon4 .slideTxtBox2 .bd li .mask h5,
.soluin .lcon3 .slideTxtBox2 .bd li .mask h5 { line-height: 1.8; margin: 0 auto; width: 180px; height: 50px; overflow: hidden; letter-spacing: .4px; }
.productin .lcon3 .slideTxtBox2 .bd li .mask h5 { }
.productin .lcon3 .slideTxtBox2 .bd li .mask .more,
.appin .lcon4 .slideTxtBox2 .bd li .mask .more,
.soluin .lcon3 .slideTxtBox2 .bd li .mask .more { line-height: 26px; display: block; width: 86px; height: 26px; margin: auto; margin-top: 15px; color: #fff; border: 1px solid #fff; border-radius: 20px; }
/*产品与服务-服务*/
.service .lcon1 { padding-top: 92px; background: #f6f6f6; }
.service .lcon1 .shift li { line-height: 52px; display: inline-block; box-sizing: border-box; width: 211px; height: 52px; margin-right: 17px; margin-left: 17px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; vertical-align: middle; border: 1px solid #168cd0; border-radius: 30px; }

.service .lcon1 .shift li a { display: block; padding: 0 17px; }

.service .lcon1 .shift li.two { line-height: 1.2; overflow: hidden; padding-top: 10px; }
.service .lcon1 .shift li:hover,
.service .lcon1 .shift li.act { color: #fff; background: #168cd0; }
.service .lcon1 .shift li:hover a,
.service .lcon1 .shift li.act a { color: #fff; }
.service .lcon1 .content { font-size: 0; margin-top: 92px; }
.service .lcon1 .content .imgdiv { display: inline-block; width: 686px; }
.service .lcon1 .content .condiv { display: inline-block; box-sizing: border-box; width: 514px; height: 462px; padding-top: 115px; vertical-align: top; background: #fff; }
.service .lcon1 .content .condiv h3,
.service .lcon1 .content .condiv h4 { color: #014a7f; }
.service .lcon1 .content .condiv h3 { margin-bottom: 20px; }
.service .lcon1 .content .condiv h4 { margin-bottom: 25px; }
.service .lcon1 .content .condiv .bordiv { width: 53px; height: 1px; margin: auto; background: #ccc; }
.service .lcon1 .content .condiv h4 { margin-top: 25px; }
.service .lcon1 .content p { font-size: 14px; line-height: 2.57; }
.service .lcon2 { padding-top: 57px; background: #f6f6f6; }
.service .lcon2 .bordiv { width: 53px; height: 1px; margin: auto; margin-top: 23px; margin-bottom: 57px; background: #014a7f; }
.service .lcon2 .img { position: relative; margin-bottom: 87px; }
.service .lcon2 .imgcon { position: absolute; top: 91px; left: 50%; transform: translateX(-50%); }
.service .lcon2 .imgcon h3 { font-weight: bold; margin-bottom: 46px; }
.service .lcon2 .ser { position: relative; height: 459px; background: url("../images/sebg.png") center; }
.service .lcon2 .ser h4 span { font-size: 22px; font-weight: bold; }
.service .lcon2 .ser h4 { position: absolute; letter-spacing: 1px; }
.service .lcon2 .ser h4:first-child { top: 21px; left: 300px; }
.service .lcon2 .ser h4:nth-child(2) { top: 21px; right: 317px; }
.service .lcon2 .ser h4:nth-child(3) { top: 174px; left: 306px; }
.service .lcon2 .ser h4:nth-child(4) { top: 174px; right: 312px; }
.service .lcon2 .ser h4:nth-child(5) { top: 311px; left: 500px; }
.lban .con.h_conf { top: 168px; }
.lban .con.h_conf .bordiv { margin-bottom: 27px; margin-top: 13px; }
/*应用领域*/
.app .lcon1 { padding-top: 60px; padding-bottom: 85px; }
.app .lcon1 .list ul { margin-top: 56px; }
.app .lcon1 .list li { position: relative; display: inline-block; overflow: hidden; width: 380px; height: 449px; margin-top: 30px; margin-right: 23px; text-align: center; border: 1px solid #eaeaea; }
.app .lcon1 .list li:nth-of-type(3n) { margin-right: 0; }
.app .lcon1 .list li .mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 27%; padding-top: 30px; padding-bottom: 13px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); text-align: center; background: rgba(22,140,208,.8); }
.app .lcon1 .list li:hover .mask { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.app .lcon1 .list li:hover .mask h4 img { display: none; }
.app .lcon1 .list li img.bimg { width: 380px; height: 449px; }
.app .lcon1 .list li .mask h4 { margin-bottom: 21px; text-align: center; letter-spacing: .2px; }
.app .lcon1 .list li .mask img { margin-right: 20px; }
.app .lcon1 .list li p { line-height: 2; color: #fff; }
/*应用领域内页*/
.appin .lcon1 { padding-top: 95px; background: #f6f6f6; }
.appin .lcon1 .toplink { margin-bottom: 92px; }
.appin .lcon1 .toplink a { font-size: 16px; line-height: 38px; display: inline-block; width: 136px; height: 38px; margin-right: 35px; text-align: center; color: #666; border: 1px solid #014a7f; border-radius: 30px; }
.appin .lcon1 .toplink a:last-child { margin-right: 0; }
.appin .lcon1 .toplink a:hover,
.appin .lcon1 .toplink a.act { color: #fff; background: #014a7f; }
.appin .lcon1 .sban { position: relative; }
.appin .lcon1 .sban .con { position: absolute; top: 0; left: 0; width: 100%; height: 100; padding-top: 109px; }
.appin .lcon1 .sban .con h3 { font-weight: bold; }
.appin .lcon1 .sban .con .bordiv { display: inline-block; width: 50px; height: 1px; margin-top: 13px; margin-bottom: 30px; background: #fff; }
.appin .lcon1 .sban .con p { font-size: 16px; line-height: 1.875; }
.appin .lcon2 { padding-top: 48px; padding-bottom: 133px; background: #f6f6f6; }
.appin .lcon2 .bordiv { width: 57px; height: 1px; margin: auto; margin-top: 12px; margin-bottom: 27px; background: #ccc; }
.appin .lcon2 ul { font-size: 0; }
.appin .lcon2 li { display: inline-block; width: 50%; margin-top: 45px; vertical-align: top; }
.appin .lcon2 li .con { width: 573px; }
.appin .lcon2 li:nth-of-type(2n) .con { float: right; }
.appin .lcon2 li h4 { font-weight: bold; margin-top: 30px; margin-bottom: 20px; }
.appin .lcon2 li p { font-size: 14px; line-height: 2.28; letter-spacing: 1.5px; }
.lban .con.h_cony { top: 160px; }
.h_cony .bordiv { margin-bottom: 12px; margin-top: 15px; }
.lban .con.h_cony h4 { line-height: 1.75; }
/*多维合作-平台合作*/
.coop .lban span { font-size: 22px; }
.coop .lcon1 { padding-top: 92px; padding-bottom: 95px; }
.coop .tlink { margin-bottom: 90px; }
.tlink a { font-size: 18px; line-height: 39px; display: inline-block; width: 211px; height: 39px; margin-right: 17px; margin-left: 17px; color: #666; border: 1px solid #168cd0; border-radius: 30px; }
.tlink a:hover,
.tlink a.act { color: #fff; background: #168cd0; }
.coop .lcon1 .fl { display: inline-block; }
.coop .lcon1 .top { position: relative; width: 391px; height: 373px; margin-bottom: 44px; background: url("../images/coop1.png"); }
.coop .lcon1 .bottom { padding-left: 38px; color: #168cd0; }
.coop .lcon1 .top h3 { position: absolute; letter-spacing: .4px; }
.coop .lcon1 .top h3.h31 { top: 84px; left: 145px; }
.coop .lcon1 .top h3.h32 { top: 240px; left: 50px; }
.coop .lcon1 .top h3.h33 { top: 240px; left: 240px; }
.coop .lcon1 .fr { display: inline-block; width: 635px; padding-top: 54px; }
.coop .lcon1 .fr p { font-size: 16px; line-height: 2.5; margin-top: 52px; letter-spacing: 1px; }
.coop .lcon2 { background: #f6f6f6; }
.coop .lcon2 .container { box-sizing: border-box; height: 938px; padding-top: 146px; background: url("../images/coop2.png") center top; }
.coop .lcon2 .head h4 { font-weight: bold; line-height: 2.2; }
.coop .lcon2 .head h4 span { margin-right: 13px; }

.coop .lcon2 .foot { position: relative; }
.coop .lcon2 .l,
.coop .lcon2 .m,
.coop .lcon2 .r { position: absolute; display: inline-block; box-sizing: border-box; width: 336px; }
.coop .lcon2 .l { top: 15px; left: 23px; }
.coop .lcon2 div.m h3 { margin-bottom: 96px; }
.coop .lcon2 div.r h3 { margin-bottom: 93px; }
.coop .lcon2 div h3 { margin-bottom: 77px; }
.coop .lcon2 div h3 div { width: 52px; display: inline-block; }
.coop .lcon2 .l ul { padding-left: 67px; }
.coop .lcon2 .l h5 { line-height: 2.57; color: #333; }
.coop .lcon2 .l ul li { line-height: 2.4; letter-spacing: 1px; }
.coop .lcon2 .m p,
.coop .lcon2 .r p { line-height: 2.14; letter-spacing: .7px; }
.coop .lcon2 .m { top: 135px; left: 432px; padding-right: 48px; padding-left: 48px; }

.coop .lcon2 .r { top: 18px; right: 22px; padding-right: 50px; padding-left: 50px; }
.coop .lcon2 div a { line-height: 28px; display: inline-block; width: 108px; height: 28px; margin-top: 43px; color: #148cd0; border: 1px solid #00a4c5; border-radius: 30px; }
.coop .lcon2 div .m a,
.coop .lcon2 div .r a { margin-top: 50px; }
.coop .lcon2 div a:hover { color: #fff; background: #00a4c5; }
/*多维合作-解决方案*/
.solu .lcon1 { padding-top: 92px; padding-bottom: 78px; background: #f6f6f6; }
.solu .lcon1 .tlink { margin-bottom: 105px; }
.solu .lcon1 .list li { position: relative; display: inline-block; overflow: hidden; width: 358px; height: 251px; margin-top: 63px; margin-right: 59px; text-align: center; }
.solu .lcon1 .list li:nth-of-type(3n) { margin-right: 0; }
.solu .lcon1 .list li:hover .mask { transform: translateY(0%); }
.solu .lcon1 .list li .mask { position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; height: 103px; padding-top: 15px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; transform: translateY(47%); text-align: center; background: rgba(22,140,208,.8); }
.solu .lcon1 .list li a { color: #fff; }
.solu .lcon1 .list li .mask h5 { line-height: 1.8; letter-spacing: .4px; }
.solu .lcon1 .list li .mask .more { line-height: 26px; display: block; width: 86px; height: 26px; margin: auto; margin-top: 18px; color: #fff; border: 1px solid #fff; border-radius: 20px; }
/*多维合作-解决方案内页*/
.soluin .lcon1 { padding-top: 92px; padding-bottom: 80px; background: #f6f6f6; }
.soluin .lcon1 .tlink { margin-bottom: 58px; }
.soluin .lcon1 .bordiv { width: 80px; height: 1px; margin: auto; margin-top: 20px; margin-bottom: 40px; background: #ccc; }
.soluin .lcon1 h4.c_w { font-size: 16px; line-height: 35px; height: 35px; margin-bottom: 49px; background: #178cd0; }
.soluin .lcon1 h4.c_333 { margin-bottom: 34px; letter-spacing: .9px; }
.soluin .lcon1 .left,
.soluin .lcon1 .right { display: inline-block; margin-bottom: 75px; vertical-align: top; }
.soluin .lcon1 .left { margin-right: 255px; }
.soluin .lcon1 ul li,
.soluin .lcon1 .right h5 { line-height: 2.57; letter-spacing: 1.2px; }
.soluin .lcon1 .imgdiv { margin-bottom: 51px; }
.soluin .lcon1 .pic div { overflow: hidden; width: 50%; margin-bottom: 110px; }
.soluin .lcon1 .b_link a { line-height: 2.57; display: block; letter-spacing: 1.2px; }
.soluin .lcon1 .b_link a:hover { color: #168cd0; }
/*多维合作-合作伙伴*/
.par .lcon1 { padding-top: 92px; padding-bottom: 53px; background: #f6f6f6; }
.par .lcon1 .map { margin-top: 96px; }
.par .lcon1 .map h4 { margin-top: 63px; }
.par .lcon1 .slideparBox { margin-top: 78px; }
.par .lcon1 .slideparBox .bd { border-left: 1px solid #eaeaea; }
.par .lcon1 .slideparBox .bd li { float: left; width: 16.666%; height: 652px; background: #fff; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; }
.par .lcon1 .slideparBox .bd li .imgdiv { height: 16.51%; border-bottom: 1px solid #eaeaea; }
.par .lcon1 .slideparBox .bd li div { line-height: 108px; text-align: center; }
.par .lcon1 .slideparBox .imgdiv { -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }
.par .lcon1 .slideparBox .bd li div.rotate-box { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.par .lcon1 .slideparBox .bd li div.text-box { position: absolute; top: 0; width: 100%; height: 100%; opacity: .0; }
.par .lcon1 .slideparBox .bd li .imgdiv:hover .rotate-box { -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); opacity: 0; }
.par .lcon1 .slideparBox .bd li .imgdiv:hover .text-box { -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); opacity: 1; }
/*技术支持-资源下载-产品文档*/
.down .lcon1 { padding-top: 77px; padding-bottom: 57px; background: #f6f6f6; }
.down .linkg { font-size: 0; margin-top: 55px; margin-bottom: 55px; }
.down .linkg li { font-size: 16px; display: inline-block; width: 165px; border-right: 1px solid #ccc; }
.down .linkg li:first-child { border-left: 1px solid #ccc; }
.down .linkg li a:hover,
.down .linkg li a.hover { color: #168cd0; }
.down .lcon1 .downlist li { display: inline-block; box-sizing: border-box; width: 380px; height: 289px; margin-top: 30px; margin-right: 25px; padding-top: 45px; padding-bottom: 45px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; background: #e9e9e9; }
.down .lcon1 .downlist li:nth-child(3n) { margin-right: 0; }
.down .lcon1 .downlist li:hover { background: #5194d8; }
.down .lcon1 .downlist li:hover div.l { color: #fff; border-right: 1px solid #4a88c7; }
.down .lcon1 .downlist li div { display: inline-block; box-sizing: border-box; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; vertical-align: top; }
.down .lcon1 .downlist li div.l { width: 117px; height: 100%; padding-top: 12px; padding-right: 22px; text-align: right; color: #5194d8; border-right: 1px solid #dcdcdc; }
.down .lcon1 .downlist li div h5 { margin-bottom: 8px; }
.down .lcon1 .downlist li div h1 { font-weight: bold; font-family: '微软雅黑'; }
.down .lcon1 .downlist li div.r { width: 255px; padding-top: 6px; padding-right: 35px; padding-left: 20px; }
.down .lcon1 .downlist li:hover div.r { color: #fff; }
.down .lcon1 .downlist li:hover div.r span { color: #fff; }
.down .lcon1 .downlist li:hover div.r a { color: #fff; }
.down .lcon1 .downlist li div.r h4 { font-weight: bold; font-family: '微软雅黑'; }
.down .lcon1 .downlist li div.r p { line-height: 1.71; margin-top: 5px; margin-bottom: 39px; }
.down .lcon1 .downlist li .adiv { display: block; margin-top: 35px; }
/*文献*/
.tech .lcon1 .downlist li .adiv { margin-top: 116px; }
.tech .lcon1 .downlist li .adiv a { margin-right: 30px; }
.tech .lcon1 .downlist li .adiv a:last-child { margin-right: 0; }
.close { float: right; opacity: .5; }
.close:hover,
.close:focus { cursor: pointer; opacity: 1; }
.modal-open { overflow: hidden; }
.modal { position: fixed; z-index: 1050; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; width: 533px; margin: auto; margin-top: 77px; outline: 0; -webkit-overflow-scrolling: touch; }
.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); border: 1px solid #ccc; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; }
.modal-backdrop { position: fixed; z-index: 1040; top: 0; right: 0; bottom: 0; left: 0; opacity: .5 !important; background-color: #000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.in { opacity: .5; }
.modal-header { box-sizing: border-box; height: 40px; padding-top: 20px; padding-right: 20px; }
.modal-body { position: relative; padding-right: 65px; padding-bottom: 44px; padding-left: 65px; }
.fade { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; }
.fade.in { opacity: 1; }
.modal h4 { margin-bottom: 30px; padding-bottom: 20px; text-align: left; border-bottom: 1px solid #ddd; }
.modal .inputg { margin-top: 27px; position: relative; }
.modal .inputg input { width: 100%; height: 51px; padding-left: 15px; color: #666; border: 1px solid #ddd; }
.modal .inputg .h_yanma { width: 90px; height: 40px; position: absolute; top: 50%; margin-top: -20px; right: -10px; }
.modal .btn { width: 100px; height: 27px; margin-top: 40px; cursor: pointer; border-radius: 30px; background: #168cd0; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
/*视频资料*/
.video .lcon1 { padding-top: 75px; padding-bottom: 55px; background: #f6f6f6; }
.video .lcon1 .list ul { margin-top: 60px; }
.video .lcon1 .linkg { margin-bottom: 25px; }
.video .lcon1 .list li { position: relative; display: inline-block; overflow: hidden; width: 380px; height: 249px; margin-top: 30px; margin-right: 23px; text-align: center; border: 1px solid #eaeaea; }
.video .lcon1 .list li:nth-of-type(3n) { margin-right: 0; }

.video .lcon1 .list li .mask { position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; -webkit-transform: translateY(74%); -moz-transform: translateY(74%); -ms-transform: translateY(74%); -o-transform: translateY(74%); transform: translateY(74%); text-align: center; background: rgba(22,140,208,.8); }
.video .lcon1 .list li .mask .play { margin-top: 92px; -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; opacity: 0; cursor: pointer; }
.video .lcon1 .list li h4 { font-size: 16px; position: absolute; bottom: 25px; left: 0; width: 100%; letter-spacing: .2px; color: #fff; }
.video .lcon1 .list li:hover .mask { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.video .lcon1 .list li:hover .mask .play { opacity: 1; }
.lban .con_j { top: 177px; }
.lban .con_j .bordiv { margin-top: 11px; }

/*公司新闻*/
.news .lcon1 { padding-top: 60px; padding-bottom: 50px; background: #f6f6f6; }
.news .lcon1 .topnews { margin-top: 125px; margin-bottom: 108px; }
.news .lcon1 .topnews li { float: left; overflow: hidden; height: 450px; text-align: center; }
.news .lcon1 .topnews li a { color: #333; }
.news .lcon1 .topnews li .condiv { position: relative; z-index: 1; width: 100%; padding-top: 54px; padding-bottom: 53px; background: #fff; }
.news .lcon1 .topnews li h5 { height: 60px; overflow: hidden; width: 270px; margin: 0 auto; font-size: 16px; line-height: 1.875; letter-spacing: .7px; }
.news .lcon1 .topnews li h6 { font-size: 12px; width: 70px; margin: auto; margin-top: 20px; padding-top: 22px; color: #888; border-top: 1px solid #c7c7c7; }
.news .lcon1 .topnews li:hover h6,
.news .lcon1 .topnews li:hover h5 { color: #014a7f; }
.news .lcon1 .topnews li:hover h6 { border-top: 1px solid #014a7f; }
.news .lcon1 .topnews li img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.news .lcon1 .topnews li:hover img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }
.news .lcon1 .newscon li { width: 100%; height: 198px; background: #fff; }
.news .lcon1 .newscon li:nth-of-type(2n) { background: #f6f6f6; }
.news .lcon1 .newscon li div { display: inline-block; height: 100%; vertical-align: top; }
.news .lcon1 .newscon li .container { display: block; }
.news .lcon1 .newscon li div.l { width: 120px; padding-top: 59px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; color: #888; }
.news .lcon1 .newscon li div.l h1 { font-size: 48px; margin-bottom: 3px; }
.news .lcon1 .newscon li div.m { overflow: hidden; width: 271px; padding-top: 26px; }
.news .lcon1 .newscon li div.m img { width: 271px; }
.news .lcon1 .newscon li div.r { padding-top: 52px; padding-left: 40px; }
.news .lcon1 .newscon li div.r h4 { width: 672px; margin-bottom: 19px; font-size: 16px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; letter-spacing: 1.2px; color: #333; }
.news .lcon1 .newscon li div.r p { line-height: 1.85; overflow: hidden; width: 672px; max-height: 51.8; letter-spacing: .8px; color: #888; }
.news .lcon1 .newscon li .h_you { position: absolute; right: 15px; top: 50%; margin-top: -15px; }
.news .lcon1 .newscon li .h_you .img2 { display: none; }


.news .lcon1 .newscon li:hover .h_you .img1 { display: none; }
.news .lcon1 .newscon li:hover .h_you .img2 { display: block; }
.news .lcon1 .newscon li:hover div.r h4,
.news .lcon1 .newscon li:hover div.l { color: #014a7f; }

/**/
.lban .con.h_con { top: 155px; }
.lban .h_con .bordiv { margin-top: 14px; margin-bottom: 15px; }
.lban .con.h_con h4 { line-height: 1.8; }
.lban .con.h_conr { top: 152px; }
.lban .h_conr .bordiv { margin-top: 13px; margin-bottom: 16px; }
.lban .con.h_conr h4 { line-height: 1.7; }


/*睿度光电*/
.h_about { background-color: #f6f6f6; padding-top: 92px; padding-bottom: 89px; }
.h_anav { text-align: center; margin-bottom: 20px; }
.h_anav .l1 { display: inline-block; line-height: 36px; width: 211px; height: 38px; margin-right: 17px; margin-left: 17px; font-size: 18px; font-family: "微软雅黑"; color: #666; }
.h_anav .l1 a { display: block; width: 209px; height: 36px; border: 1px solid #168cd0; border-radius: 30px; color: #666; }
.h_anav .l1 a:hover,
.h_anav .l1 a.hover { color: #fff; background: #168cd0; }
.h_atitle { text-align: center; color: #333; font-family: "微软雅黑"; letter-spacing: .7px; margin-top: 81px; }
.h_atitle h3 { position: relative; margin-bottom: 32px; }
.h_atitle h3:after { content: ""; position: absolute; bottom: -14px; left: 50%; width: 58px; height: 1px; margin-left: -29px; background-color: #ccc; }
.h_atitle h5 { line-height: 2.1; }
.h_atitle h5 span { color: #168cd0; }
.h_atable { width: 100%; text-align: left; border-collapse: collapse; color: #666; font-size: 14px; font-family: "微软雅黑"; letter-spacing: .7px; margin-top: 53px; }
.h_atable th { font-weight: bold; background-color: #ddd; line-height: 41px; height: 41px; }
.h_atable td { height: 35px; padding-top: 5px; border-bottom: 1px solid #ddd; cursor: pointer; }
.h_atable tr:nth-child(2) td { height: 37px; padding-top: 6px; }
.h_atable th:first-child,
.h_atable td:first-child { padding-left: 31px; width: 283px; }
.h_atable th:nth-child(2),
.h_atable td:nth-child(2) { width: 340px; }
.h_atable th:nth-child(3),
.h_atable td:nth-child(3) { width: 222px; }
.h_atable th:nth-child(4),
.h_atable td:nth-child(4) { width: 196px; }
.h_atable tbody tr:hover td:first-child { color: #168cd0; }
/*弹框*/
body.active, html.active { position: relative; width: 100%; height: 100%; overflow: hidden; }
.pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; }
.pop .meng { position: absolute; top: 0; left: 0; background-color: #000; width: 100%; height: 100%; opacity: 0.4; }
.pop .tcon { position: relative; z-index: 101; width: 827px; height: 390px; margin: 10% auto; background-color: #fff; padding-left: 40px; padding-right: 40px; padding-top: 20px; padding-bottom: 30px; border: 1px solid #aaa; }

@media screen and (max-height: 590px) {
    .pop .tcon { margin: 7% auto; }
}

.pop .thead { color: #333; font-family: "微软雅黑"; border-bottom: 1px solid #ddd; padding-top: 6px; padding-bottom: 10px; }
.pop .thead img { position: absolute; top: 15px; right: 15px; cursor: pointer; }
.pop .tbody { height: 260px; margin-top: 26px; margin-bottom: 35px; overflow: hidden; }
.pop .tbody h5 { color: #333; font-family: "微软雅黑"; margin-bottom: 2px; }
.pop .tbody ul { margin-bottom: 26px; }
.pop .tbody li { color: #666; font-family: "微软雅黑"; line-height: 1.75; }
.pop .tfoot { text-align: center; }
.pop .tfoot a { color: #fff; font-family: "微软雅黑"; line-height: 1.75; background-color: #168cd0; width: 100px; height: 27px; border-radius: 30px 30px; cursor: pointer; font-size: 14px; display: block; }
.zUIpanelScrollBox, .zUIpanelScrollBar { width: 6px; top: 4px; right: 2px; border-radius: 5px; }
.zUIpanelScrollBox { background: black; opacity: 0.1; filter: alpha(opacity=10); }
.zUIpanelScrollBar { background: #666; }
/*弹框完*/
.lianxitu { width: 100%; display: block; margin-top: 90px; }
.lianxiul { margin-top: 100px; margin-bottom: 14px; }
.lianxiul li { float: left; width: 202px; text-align: center; margin-left: 13px; margin-right: 119px; }
.lianxiul li:nth-child(2) { margin-right: 82px; }
.lianxiul li:nth-child(3) { margin-right: 110px; }
.lianxiul li:nth-child(4) { margin-right: 0; }
.lianxiul h4 { font-size: 16px; font-family: "微软雅黑"; letter-spacing: 1px; color: #333; margin-top: 27px; }
.lianxiul h5 { font-family: "微软雅黑"; color: #666; margin-top: 2px; line-height: 2.1; letter-spacing: .6px; }
.lianxiul li:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.hmap { height: 349px; width: 100%; }
.lianxi { padding-top: 1px; padding-bottom: 40px; }
.lianxi .h_atitle { margin-top: 30px; color: #fff; }
.lianxi .h_atitle h3 { margin-bottom: 23px; }
.lianxi .h_atitle h3::after { background-color: #fff; bottom: -9px; width: 38px; margin-left: -19px; }
.lianxi .h_atitle h5 { font-size: 16px; color: #fff; }
.lianxi form { margin-top: 76px; }
.forml,
.formr { width: 50%; float: left; }
.forml input { width: 554px; height: 49px; border: 1px solid #afafb1; margin-top: 22px; padding-left: 15px; padding-right: 15px; font-size: 14px; color: #fff; }
.forml input.yan { width: 232px; margin-right: 12px; }
.forml input:first-child { margin-top: 0; }
.formr { text-align: right; }
.formr textarea { width: 554px; min-width: 554px; max-width: 554px; height: 165px; min-height: 165px; max-height: 165px; border: 1px solid #afafb1; padding: 15px 15px; font-size: 14px; color: #fff; }
.forml input::-webkit-input-placeholder,
.formr textarea::-webkit-input-placeholder { color: #fff; }
.forml input:-moz-placeholder,
.formr textarea:-moz-placeholder { color: #fff; }

.formr button { background-color: #168cd0; color: #fff; border-radius: 30px 30px; width: 260px; height: 54px; font-size: 18.01px; text-align: center; margin-top: 22px; }
/*.summary { padding-top: 43px; padding-bottom: 65px; border-bottom: 1px solid #ddd; }
.summary p { color: #333; font-size: 16px; font-family: "微软雅黑"; letter-spacing: .8px; line-height: 2.2; margin-top: 38px; }
.summary p:first-child { margin-top: 0; }*/
.h_titleg { margin-top: 66px; }
.h_titleg h3::after { bottom: -12px; }
.h_titleg h3 { margin-bottom: 30px; }
.h_titleg h5 { color: #666; }
.lishitop { width: 100%; text-align: center; margin-bottom: 100px; }
.lishir { background: url("../images/h_lishi02.jpg") no-repeat top left; width: 50%; float: right; margin-right: 8.5px; margin-top: -100px; }
.lishil { background: url("../images/h_lishi02.jpg") no-repeat top right; width: 50%; float: left; margin-left: 9.5px; margin-top: -100px; }
.lishir .lishirc { background: url("../images/lishir.png") no-repeat top left; width: 519px; height: 163px; padding-left: 33px; padding-top: 22px; margin-left: 61px; margin-top: 22px; }
.lishir .lishirc img { float: left; }
.lishir .lishirc div { width: 313px; float: left; margin-left: 24px; }
.lishir .lishirc div h4 { color: #0b599e; font-size: 18px; font-family: "思源黑体 CN","微软雅黑"; letter-spacing: 1px; font-weight: 300; }
.lishir .lishirc div h5 { color: #333; font-size: 14px; font-family: "微软雅黑"; letter-spacing: .5px; line-height: 2.1; }
.lishil .lishirc { background: url("../images/lishil.png") no-repeat top right; width: 519px; height: 163px; padding-right: 33px; padding-top: 22px; margin-right: 61px; margin-top: 22px; float: right; }
.lishil .lishirc img { float: right; }
.lishil .lishirc div { width: 313px; float: right; margin-right: 24px; }
.lishil .lishirc div h4 { color: #0b599e; font-size: 18px; font-family: "思源黑体 CN","微软雅黑"; letter-spacing: 1px; font-weight: 300; text-align: right; }
.lishil .lishirc div h5 { color: #333; font-size: 14px; font-family: "微软雅黑"; letter-spacing: .5px; line-height: 2.1; text-align: right; }
.lishibot { width: 100%; text-align: center; }
.lishibot img { margin-top: -201px; }
.h_lishia { padding-bottom: 48px; }

/*新闻内页*/
.h_newtitle { color: #333; font-family: "微软雅黑"; letter-spacing: 1px; text-align: center; }
.h_newtitle { color: #333; font-family: "微软雅黑"; letter-spacing: 1px; text-align: center; margin-top: 54px; }
.h_newxin { color: #999; font-family: "微软雅黑"; letter-spacing: 1px; text-align: center; margin-top: 28px; margin-bottom: 12px; }
.h_newxin div { display: inline-block; }
.h_newxin div:first-child { margin-right: 32px; }
.h_newxin span { color: #333; }
.newxian { width: 100%; height: 1px; background-color: #ddd; }
.newcon p { color: #666; font-size: 14px; font-family: "微软雅黑"; letter-spacing: .4px; line-height: 2.2; margin-top: 28px; }
.newcon p:after { content: ''; clear: both; display: block; }
.newcon p:first-child { margin-top: 20px; }
.newcon p img:first-child { float: left; }
.newcon p img:nth-child(2) { float: right; }
.newcon p img { margin-top: 54px; margin-bottom: 38px; }
/*分享*/
.h_fare { text-align: center; margin-top: 82px; margin-bottom: 94px; }
.h_fare ul { display: inline-block; }
.h_fare li { float: left; margin-left: 43px; }
.h_fare li:first-child { margin-left: 0; }
/*新闻内页分页*/
.h_page .prev { float: left; max-width: 268px; }
.h_page .next { float: right; max-width: 290px; }
.h_page a { position: relative; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: 14px; font-family: "微软雅黑"; }
.h_page a:after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background-color: #999; }
.h_page a:hover { color: #168cd0; }
.h_page a:hover:after { background-color: #168cd0; }
.h_newa { padding-bottom: 117px; padding-top: 60px; }
/*视频弹窗*/
.pop .tvideo { padding-bottom: 0; width: 608px; padding-left: 0; padding-right: 0; padding-top: 0; border: 0; background-color: #168cd0; height: 386px; }
.tvideo video { width: 100%; height: 100%; }
.pop .tvideo .tbody { height: 349px; margin-top: 0; margin-bottom: 0; }
.pop .tvideo .thead { border-bottom: 0; padding-left: 15px; color: #fff; padding-bottom: 6px; }
.pop .tvideo .thead img { width: 17px; height: 19px; top: 12px; }


@media screen and (max-width: 1200px) {
    .lmain,
    .footer,
    .header { width: 1220px; overflow: hidden; }
    .lmain .about { background: url("../images/bg2.jpg") top left; }
    html { overflow-x: auto; overflow-y: auto; }
}


.sitemap { width: 100%; float: left; }
.sitemap li { border-bottom: 1px dashed #d2d2d2; padding: 7px 0; float: left; line-height: 40px; width: 98%; padding-left: 2%; }
.sitemap li a { margin-right: 10px; font-size: 12px; float: left; white-space: nowrap; font-size: 14px; }
.sitemap li a:hover { color: #014a7f; }
.sitemap li .font16 { font-size: 16px; /*color:#135fb1*/ }
.sitemap li .font14 { font-size: 14px; }
.sitemap li .font12 { font-size: 12px; color: #999; }



.topDiv { height: 85px; margin-bottom: 10px; }
.topCon { padding-top: 20px; /*width: 1200px;*/ margin: 0 auto; }
.logoIndex { float: left; margin-left: 5%; }
.logoIndex img { }
.topTel { float: right; margin-right: 5%; }
.topTel img { height: 50px; }


/*首页新闻*/
.news-title { padding: 20px 0 15px; margin-top: 10px; border-top: 1px #959595 dotted; border-bottom: 1px #959595 dotted; overflow: hidden; zoom: 1; }
.news-descript { padding-bottom: 20px; margin-bottom: 10px; line-height: 24px; border-bottom: 1px dotted #ccc; }
.news-descript h4 { font-size: 18px; }
.news-descript h4 a:hover { color: #0094ff; }
.news-descript p { line-height: 24px; margin-top: 10px; }
.news-title ul { height: 42px; }
.news-title li { float: left; padding: 0; padding-left: 45px; width: 250px; height: 42px; }
.news-title li a { display: block; float: left; color: #000; font-size: 15px; line-height: 32px; }
.news-title li a i { display: block; float: left; font-size: 35px; margin-right: 10px; }
.news-title li a.active,
.news-title li a:hover { color: #014c83; }
.news-title .news-title-icon { height: 45px; line-height: 45px; padding-left: 65px; font-size: 15px; font-weight: bold; background-image: url(#); background-repeat: no-repeat; background-position: 0 0; }
.news-title li a:hover { color: #00aae8; }
.news-title .icon-n1 { background-position: 0 0; }
.news-title .icon-n1:hover, .news-title .icon-n1-active { background-position: 0 -45px; }
.news-title .icon-n2 { background-position: 0 -90px; }
.news-title .icon-n2:hover, .news-title .icon-n2-active { background-position: 0 -135px; }
.news-title .icon-n3 { background-position: 0 -181px; }
.news-title .icon-n3:hover, .news-title .icon-n3-active { background-position: 0 -225px; }
.news-title .icon-n4 { background-position: 0 -270px; }
.news-title .icon-n4:hover, .news-title .icon-n4-active { background-position: 0 -315px; }

.news-content { padding-top: 30px; }
.news-content .news-left { float: left; width: 600px; padding-right: 22px; font-size: 13px; }
.news-content .news-left .ntopd { padding: 0 10px 10px 20px; line-height: 20px; border-bottom: 1px #959595 dotted; }
.news-content .news-left .ntopd h3 { padding-bottom: 15px; font-size: 16px; font-weight: bold; margin: 0; }
.news-content .more { clear: both; padding-top: 5px; text-align: right; float: right; }
.news-content .more a { color: #00aae8; }
.news-content .more a:hover { color: #014c83; }
.news-content .newsli { clear: both; width: 600px; padding: 8px 10px 20px 0px; }
.news-content .newsli li { clear: both; line-height: 28px; }
.news-content .newsli li p { float: left; width: 340px; height: 28px; overflow: hidden; }
.news-content .newsli li p a:hover { color: #0094ff; }
.news-content .newsli li span { float: right; font-size: 12px; }
.news-content .news-right { width: 510px; height: 340px; float: right; position: relative; }
.news-content .news-right #slides { position: absolute; top: 15px; left: 4px; z-index: 100; }
.news-content .news-right #slides .prev { position: absolute; top: 297px; left: 10px; width: 24px; height: 12px; display: block; z-index: 101; }
.news-content .news-right #slides .next { position: absolute; top: 297px; right: 10px; width: 24px; height: 12px; display: block; z-index: 101; }
.news-content .news-right .slides_container { width: 511px; height: 321px; overflow: hidden; position: relative; }
.news-content .news-right .pagination { display: none; }
.news-content .news-right .caption { position: absolute; bottom: 0px; height: 35px; background: #333333; background: rgba(0,0,0, 0.9); opacity: 0.8; filter: alpha(opacity=80); width: 511px; overflow: hidden; font-size: 13px; line-height: 35px; color: #fff; text-shadow: none; text-align: center; }



.about_show { width: 1220px; margin-top: 40px; }
.about_show .job_Lbox { margin: 0 20px 0 0; display: inline; }

.job { width: 915px; height: 330px; margin: 0 auto; padding-top: 128px; }
.job_list { width: 915px; height: 330px; }
.job_Lbox { float: left; background-color: #f3f3f3; width: 285px; height: 330px; margin: 0 10px; display: inline; }
.job_img { width: 285px; height: 150px; }
.job_Lshow { padding: 22px 27px 0 27px; }
.job_title a { display: block; font-size: 20px; width: 231px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.job_en { font-family: Arial; color: #cfcfcf; font-size: 16px; margin-bottom: 8px; margin-top: 5px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.job_intro { background: url(../images/th_jobline.jpg) no-repeat top center; color: #888; line-height: 22px; overflow: hidden; text-align: left; font-size: 14px; }
.job_Lbox:hover { background-color: #014a7f; transition: all 0.4s ease 0.01s; -moz-transition: all 0.4s ease 0.01s; -webkit-transition: all 0.4s ease 0.01s; }
.job_Lbox:hover .job_title a { color: #FFF; }
.job_Lbox:hover .job_en { color: #b8e7cf; }
.job_Lbox:hover .job_intro { background: url(../images/th_joblineho.jpg) no-repeat top center; color: #FFF; }

.scrollbox { height: 430px; overflow: hidden; }

#horizontal .slyWrap { margin: 30px 0 0 0; }
#horizontal .scrollbar { margin: 1em 0; height: 20px; margin-top: 20px !important; }
#horizontal .scrollbar .handle { width: 100px; height: 100%; }
#horizontal .example1 .sly { height: 360px; }
#horizontal .example1 .sly ul { height: 100%; }
#horizontal .example1 .sly ul li { float: left; width: 282px; margin-right: 20px; height: 358px; border: 1px solid #f5f5f5; position: relative; }
#horizontal .example1 .sly ul li p { margin-left: 10px; width: 150px; overflow: hidden; margin-top: 10px; }
#horizontal .example1 .sly ul li.active { margin-right: 0px; }
#horizontal .example1 .sly ul li img { width: 282px; height: 275px; }
#horizontal .example1 .sly ul li em { color: #222222; font-size: 14px; text-align: left !important; display: block; margin: 15px 0 0 10px; font-style: normal; }
.more4 { background: url(../images/more5.png) 0 -23px no-repeat; width: 88px; height: 22px; position: absolute; line-height: 22px; text-align: left; text-indent: 9px; color: #fff; right: 0px; bottom: 9px; }
#horizontal .example1 .sly ul li:hover { border: 1px solid #b0000c; }
#horizontal .example1 .sly ul li:hover .more4 { background-position: 0 0px; }

.scrollbox { height: 430px; overflow: hidden; }

.left1 { width: 1200px; margin: auto; margin-top: 30px; }
.left1 .biao { width: 1200px; float: left; margin-top: 20px; }
.left1 .biao p { width: 275px; height: 90px; float: left; margin-right: 14px; border: 1px solid #CCCCCC; margin-bottom: 20px; }
.left1 .biao p a { width: 275px; height:90px; float: left; display: none; color: #006abc; font-size: 18px; text-align: center; }
.left1 .biao p:hover a { width: 271px; height: 56px; float: left; display: block; color: #006abc; background: #f8f8f8; padding-top: 32px; font-size: 18px; text-align: center; border: 2px solid #00419a; text-decoration: none; font-weight: bold; }
.left1 .biao p img { float: left; display: block; }
.left1 .biao p:hover img { float: left; display: none; }

.foot_logo { width: 280px; }
.foot_logo img { margin-top: 40px; margin-bottom: 40px; }
.foot_logo ul { }
.foot_logo ul li { width: 140px; float: left; text-indent: 40px; line-height: 40px; background-position: left; }
.foot_nav { float: left; margin-right: 45px; }
.foot_nav h5 { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.foot_nav ul { }
.foot_nav ul li { line-height: 35px; }
.foot_nav ul li a { color: #fff; }
.foot_nav_ewm { /*! padding-top: 50px; */ float: right; }
.foot_nav_ewm img { margin-bottom: 10px; }
.foot_nav_ewm p { }
.foot_nav_ewm p.food_cop { line-height: 28px; margin-top: 20px; border-top: 1px dotted #ccc; padding-top: 10px; }
.foot_nav_ewm p.food_cop h3 { }
.foot_nav_ewm ul { }
.foot_nav_ewm ul li { float: left; text-align: center; font-size: 12px; margin-left: 20px; }


.indexLinkDiv { width: 1200px; margin: 0 auto; margin-bottom: 30px; margin-top: 10px; }
.indexLinkDiv h3 { float: left; font-size: 18px; margin-right: 20px; }
.indexLinkDiv ul { }
.indexLinkDiv ul li { float: left; margin-left: 5px; margin-right: 5px; line-height: 30px; }
.indexLinkDiv ul li a { }


.col-md-4 { width: 27.4%; }
.h_chan00 { margin-top: 30px; padding-left: 27px; padding-right: 27px; float: left; overflow: hidden; height:380px; }
.h_chan00row { /*margin-right: -37px; margin-left: -37px;*/ }
.h_chan00 div[data-con] { position: relative; }
.h_chan00 div[data-con] img { width: 100%; border: 1px solid #ccc; }
.h_chan00 h4 { font-family: "微软雅黑"; letter-spacing: 1px; line-height: 1.5; margin-top: 21px; }
.h_chan00 h4 a { color: #333; }
.h_chan00 h4 a:hover { color: #014a7f; }
.h_chan00 h6 { color: #666; font-family: "微软雅黑"; letter-spacing: 1px; line-height: 1.5; margin-top: 10px; /*! width: 60%; */ }
.h_chan00 h6 a { display: inline-block; height: 32px; width: 101px; color: #014a7f; font-size: 12px; font-family: "微软雅黑"; letter-spacing: 1px; text-align: center; line-height: 30px; /*! position: absolute; */ /*! right: 0; */ /*! bottom: 0; */ border: 1px solid #014a7f; float: right; margin-top: 10px; }
.h_chan00 h6 a:hover { background-color: #014a7f; color: #fff; }
.h_chan00:hover h6 a { background-color: #014a7f; color: #fff; }
.h_chan00:hover h4 a { color: #014a7f; }

.col-md-3 { width: 23%; }
.h_chan01 { margin-top: 20px; padding-left: 10px; padding-right: 10px; float: left; height: 444px; overflow: hidden; }
.h_chan01row { /*margin-right: -37px; margin-left: -37px;*/ }
.h_chan01 div[data-con] { position: relative; }
.h_chan01 div[data-con] img { width: 100%; border: 1px solid #ccc; }
.h_chan01 h4 { font-family: "微软雅黑"; letter-spacing: 1px; line-height: 1.5; margin-top: 21px; }
.h_chan01 h4 a { color: #333; }
.h_chan01 h4 a:hover { color: #014a7f; }
.h_chan01 h6 { color: #666; font-family: "微软雅黑"; letter-spacing: 1px; line-height: 1.5; margin-top: 14px; width: 60%; }
.h_chan01 h6 a { display: inline-block; height: 32px; width: 101px; color: #014a7f; font-size: 12px; font-family: "微软雅黑"; letter-spacing: 1px; text-align: center; line-height: 30px; position: absolute; right: 0; bottom: 0; border: 1px solid #014a7f; }
.h_chan01 h6 a:hover { background-color: #014a7f; color: #fff; }
.h_chan01:hover h6 a { background-color: #014a7f; color: #fff; }
.h_chan01:hover h4 a { color: #014a7f; }

.article-body { color: white; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
.article-body .body-wrapper { max-width: 80%; text-align: center; }
.item-overlay { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.item-list .item-overlay { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.img-responsive { display: block; width: 100%; max-width: 100%; height: auto; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

.index_more { line-height: 30px; display: block; width: 100px; height: 30px; margin-top: 20px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 20px; text-decoration-line: 30px; margin-left: 78px; }


.index_hot { width: 1200px; margin: 0 auto; padding-top: 30px; }
.index_hot_1 { width: 400px; height: 500px; float: left; }
.index_hot_1 img { width: 400px; height: 500px; }
.index_hot_1 p { text-align: center; height: 40px; line-height: 40px; color: #fff; background: rgba(22,140,208,.8); position: relative; bottom: 40px; }
.index_hot_1 p:hover { height: 80px; position: relative; bottom: 80px; }
.index_hot_1 a.more { display: block; width: 86px; height: 26px; margin: auto; color: #fff; border: 1px solid #fff; border-radius: 20px; line-height: 26px; }
.index_hot_ul { width: 795px; float: right; }
.index_hot_ul li { float: left; width: 260px; margin-right: 4px; margin-bottom: 4px; height: 248px; }
.index_hot_ul li img { width: 260px; height: 248px; }
.index_hot_ul li p { text-align: center; height: 40px; line-height: 40px; color: #fff; background: rgba(22,140,208,.8); position: relative; bottom: 40px; overflow: hidden; }
.index_hot_ul li p:hover { height: 80px; position: relative; bottom: 80px; }

.index_hot_ul li a.more { display: block; width: 86px; height: 26px; margin: auto; color: #fff; border: 1px solid #fff; border-radius: 20px; line-height: 26px; }


.myProducts { overflow: hidden; margin: auto; /*margin-top: 26px;*/ width: 1200px; }
.myProductss { overflow: hidden; }
.myProductss a { margin-bottom: 20px; display: block; float: left; width: 372px; margin-left: 28px; }
.myProductss div { width: 372px; overflow: hidden; }
.myProductss img { width: 372px; height: 279px; transition: 0.3s linear; }
.myProductss .wrap { display: block; line-height: 50px; color: #464646; background: #dedede; text-align: center; }
.myProductss a:hover .wrap { color: #fff; background: #014a7f; }
.myProductss a:hover img { transition: 0.3s linear; transform: scale(1.1); }
.myProduct > a { display: block; width: 230px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #fff; border-radius: 40px; font-size: 14px; color: #fff; margin: 50px auto; transition: 0.2s ease all; }
.myProduct > a:hover { background: #fff; color: #464646; }


.cases { margin-top: 50px;background: #f7f7f7;padding-top: 50px;}

.about_bj { margin-top: 100px; background: url(../images/beij.jpg) center 0 no-repeat; padding: 50px 0px; overflow: hidden; }
.about_m { height: 620px; overflow: hidden; background: #fff; background: url(../images/xian_111.png) center 0 no-repeat; width: 1200px; margin: 0 auto; }
.about_left { width: 525px; margin-top: 50px; margin-left: 50px; }
.about_right { margin: 50px 0px; float: right; width: 538px; }
.about_00000 { padding: 30px 40px; }
.keji { color: #000; font-size: 28px; }
.keji_en { font-size: 14px; color: #4c4c4c; }
.keji_xian { width: 35px; height: 3px; background: #0075ca; margin-top: 30px; }
.about_xq { font-size: 15px; line-height: 26px; color: #666; margin-top: 30px; }
.about_a { background: url(../images/jiantou.png) center 0 no-repeat; width: 130px; height: 30px; line-height: 30px; display: block; color: #000; padding-left: 29px; margin-top: 20px; }
.about_a:hover { background: url(../images/jinatou_a.png) center 0 no-repeat; width: 134px; height: 38px; line-height: 38px; transition: 0.6s; }


.phoner { position: relative; overflow: hidden; background: #014a7f; padding-bottom: 20px;margin-top: 100px; }
.phoner-consult { float: left; padding-top: 45px; width: 730px; position: relative; }
.phoner-consult:after { content: ''; display: block; position: absolute; top: 77px; right: -1px; height: 346px; width: 1px; background: #0075ca; }
.phoner-t1 { font-size: 32px; color: #fff; font-weight: normal; height: 55px; }
.phoner-tt1 { font-size: 26px; color: #fff; font-weight: normal; }
.phoner-ttt1 { font-size: 16px; color: #fff; font-weight: normal; }
.phoner-btn { margin-top: 22px; }
.phoner-btn a { transition: all 0.5s; display: inline-block; margin-right: 24px; width: 127px; height: 45px; background:rgb(229, 233, 236); border-radius: 5px; text-align: center; line-height: 45px; color: #3b3b3b; font-size: 16px; }
.phoner-btn a:hover { background: #0075ca; color: #fff; }
.phoner-t2 { font-size: 18px; padding-left: 30px; color: #fff; margin-top: 87px; position: relative; }
.phoner-t2:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: url("../images/phone.png") no-repeat center; }
.phoner-t3 { font-size: 24px; padding-left: 30px; color: #fff; }
.phoner-input { float: right; margin-left: 54px; margin-top: 50px; }
.phoner-input input { color: #fff; font-size: 16px; padding-left: 22px; margin-top: 27px; width: 400px; height: 59px; border: 1px solid #0075ca; box-sizing: border-box; background: transparent; display: block; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.phoner-input input::placeholder { color: #fff; }
.phoner-input a { margin-top: 27px; display: block; width: 400px; height: 59px; background: #0075ca; text-align: center; line-height: 59px; color: #fff; font-size: 16px; }
.phoner-input a:hover { background:rgb(229, 233, 236); color: #3b3b3b; }
.content, .container { margin-left: auto; margin-right: auto; width: 1200px; }


/** 代理证书 **/
.Certificate{text-align: center;width: 100%;height:486px;background:url(../images/honor_bg.png);margin-top: 100px;}
.Certificate-Con{position:relative;}
.Certificate-Con i{display:block;position:absolute;top:102px;width:61px;height:116px;cursor:pointer;}
.Certificate-Con i.prev{left:-89px;background:#0075ca url(../images/prev.png) no-repeat center;}
.Certificate-Con i.next{right:-89px;background:#0075ca url(../images/next.png) no-repeat center;}
.Certificate-Con i:hover { background-color:#54bdf8;}
.Certificate-Group{overflow:hidden;width: 1200px;}
.Certificate-Group .item{float:left;width:20%;text-align:center;}
.Certificate-Group .item span{width: 213px;height: 279px;display: inline-block;overflow: hidden;}
.Certificate-Group .item span img{width: 213px;height: 279px;display: block;transition: .8s all;}
.Certificate-Group .item:hover span img{transform: scale(1.03);}
.Certificate-Group .item p{font-size: 16px;color: #636363;margin-top: 26px; overflow: hidden;}