body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
/* body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; } */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
.footer_menu p { margin: 0 0 10px }
.b-5 .bd p { font-size: 12px; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol, li{ list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border: 0; background: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;
}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());
}
a { outline: none; transition: all 0.5s; }
em { transition: all 0.5s; }
img { transition: all 0.5s; }
span { transition: all 0.5s; }
table { border-collapse: collapse; border-spacing: 0; }
.hide { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.i { text-align: justify; text-justify: inter-ideograph; }
/*Body*/
@-webkit-keyframes 
btnRotate-y { 0% {
 -webkit-transform: rotateY(0deg);
}
100% {
 -webkit-transform: rotateY(360deg);
}
}
body { color: #444; }
a { color: #444; }
a:hover { color: #0055a2; }
.wrap { width: 1300px; margin: 0 auto; }
.g-in { width: 1300px; margin: 0 auto; position: relative; }
.wrapper { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.t-b { height: 40px; background: #333; font-size: 14px; }
.t-b a { color: #fff; float: right; height: 18px; line-height: 18px; margin-top: 11px; }
.t-b a:hover { color: #0055a2; }
.t-b a:nth-child(2) { border-left: 1px solid #4e4e4e; border-right: 1px solid #4e4e4e; margin: 11px 13px 0; padding: 0 13px; }
.t-c { width: 100%; height: 99px; margin: 0 auto; background: #fff; }
.fixed { position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0 0 10px #aaa; }
.ico { width: 31px; height: 26px; background: url(../images/ico.png); background-size: contain; background-repeat: no-repeat; float: right; cursor: pointer; margin: 4px 0 0 0; display: none; }
.u-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 9; }
.m-nav { width: 200px; height: 100%; right: -200px; top: 0; background: #fff; position: fixed; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 100; }
.m-nav h2 { margin: 0 0 10px; padding: 10px 0; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 16px; line-height: 30px; text-align: center; }
.m-nav li { position: relative; padding: 12px 12px 12px 22px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 24px; }
.m-nav li a { display: block; }
.m-nav li a:hover, .m-nav .current a { color: #0055a2; }
.m-nav .current:after { position: absolute; top: 50%; left: 0; width: 5px; height: 14px; margin-top: -7px; border-left: 2px solid #0055a2; content: "" }
body.z-open .m-nav { transform: translate3d(-200px, 0, 0); -webkit-transform: translate3d(-200px, 0, 0); }
.swiper-container-1 .swiper-pagination-bullet { background: #fff; width: 8px; height: 8px; opacity: 1; }
.swiper-container-1 img { width: 100% !important; }
.swiper-container-1 .swiper-pagination-bullet-active { width: 30px; background: #fff; border-radius: 30px; }
.swiper-container-1>.swiper-pagination-bullets { bottom: 28px !important; }
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/iconfont.woff2') format('woff2'),  url('../fonts/iconfont.woff') format('woff'),  url('../fonts/iconfont.ttf') format('truetype'),  url('../fonts/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.menu_head { float: right; padding-right: 18px; }
 @media all and (max-width:1200px) {
.wrap { width: auto; margin: 0 2%; }
.g-in { width: auto; margin: 0 2%; }
.t-b { font-size: 13px; }
.t-c { width: auto; height: auto; margin: 14px 2%; }
.t-c .g-in { margin: 0; }
.logo { margin-top: 0; }
.logo img { height: 34px; }
.ico { display: block; }
.swiper-container-1 img { width: 100%; height: auto; }
.swiper-container-1>.swiper-pagination-bullets { bottom: 12px !important; }
.mes { width: 100%; margin: 0 auto; padding: 20px 0 18px; }
.mes-z { display: none; }
.mes-y { float: none; }
.copyright { width: 100%; padding: 10px 0; }
.copyright .c-z { display: none; }
.copyright p { float: none; text-align: center; }
}
.container1 { padding-bottom: 68px; }
.hd { text-align: center; }
.hd h2 { font-size: 30px; font-weight: normal; }
.hd p { font-size: 15px; font-family: Arial; color: #c2c2c2; text-transform: uppercase; }
 @media all and (max-width:1200px) {
.container1 { padding-bottom: 28px; }
.hd h2 { font-size: 25px; color:#333}
.hd p { font-size: 14px; color:#333}
}
.b-1 { text-align: center;/*padding:50px 0 208px;*/ padding: 50px 0 50px; position: relative; }
.b-1 .ii { font-size: 14px; margin: 20px 0 27px; line-height: 24px; }
.b-1 ul li { width: 25%; height: 94px; border-right: 1px solid #dcdcdc; box-sizing: border-box; float: left; display: inline; padding-top: 6px; }
.b-1 ul li:nth-child(4) { border-right: 0; }
.b-1 ul li h3 { font-size: 60px; line-height: 60px; font-family: Century Gothic, Arial; font-weight: normal; color: #333; }
.b-1 ul li p { font-size: 14px; color: #666; }
.m { position: relative; width: 184px; height: 48px; margin: 42px auto 0; text-align: center; font-size: 16px; color: #fff; }
.m a { display: block; width: 100%; height: 48px; line-height: 46px; color: #fff; border-radius: 48px; background: #0154a4; border: 2px solid #0168B7; box-sizing: border-box; }
.m a:hover { background: #fff; color: #0154a4; }
.b-1 .pic { width: 1066px; padding: 16px; box-shadow: 0 0 10px #ccc; background: #fff; position: absolute; bottom: -128px; left: 50%; margin-left: -549px; z-index: 10; }
.b-1 .pic a { display: block; overflow: hidden; }
.b-1 .pic a:hover img { transform: scale(1.04); }
 @media all and (max-width:1200px) {
.b-1 { padding: 20px 0 0; }
.b-1 .ii { margin: 10px 0 17px; }
.b-1 ul li { width: 50%; height: auto; border-right: 1px solid #dcdcdc; padding: 0; }
.b-1 ul li:nth-child(2n) { border-right: 0; }
.b-1 ul li:nth-child(1), .b-1 ul li:nth-child(2) { margin-bottom: 10px; }
.b-1 ul li h3 { font-size: 44px; line-height: 44px; }
.m { width: 40%; height: 38px; line-height: 38px; border-radius: 38px; margin: 15px auto 0; font-size: 14px; }
.m a { border-radius: 38px; }
.m span { display: none; }
.b-1 .pic { width: 100%; padding: 0; box-shadow: 0 0 0 #ccc; position: static; margin-left: 0; margin-top: 15px; }
.b-1 .pic img { width: 100%; transform: scale(1); }
}
.b-2 { background: #f4f4f4;/*padding:190px 0 70px;*/ padding: 70px 0 70px; }
.b-2 .bd { width: 1300px; margin: 28px auto 0; }
.swiper-container-2 { width: 580px; float: left; }
.swiper-container-2 .swiper-slide a { display: block; position: relative; overflow: hidden; }
.swiper-container-2 .swiper-slide a:hover img { transform: scale(1.04); }
.swiper-container-2 .swiper-slide a:hover span { padding-left: 10px; color: #ddd; }
.swiper-container-2 .swiper-slide a p { width: 100%; height: 42px; line-height: 42px; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; }
.swiper-container-2 .swiper-slide a span { float: left; font-size: 16px; color: #fff; padding-left: 20px; }
.swiper-container-2 .swiper-pagination-2 { text-align: right; padding-right: 17px !important; box-sizing: border-box; }
.swiper-container-2 .swiper-pagination-bullet { background: #808a89; width: 8px; height: 8px; opacity: 1; margin: 0 3px !important; }
.swiper-container-2 .swiper-pagination-bullet-active { background: #fff; }
.swiper-container-2>.swiper-pagination-bullets { bottom: 13px !important; }
.b-2 .bd-y { width: 680px; float: right; }
.b-2 .bd-y dl dt { border-bottom: 1px solid #dcdcdc; padding-bottom: 24px; margin-bottom: 11px; }
.b-2 .bd-y dl .dt-z { float: left; width: 93px; height: 93px; background: #fff; text-align: center; border-radius: 93px; box-sizing: border-box; padding-top: 19px; text-align: center; color: #0154a4; font-family: Arial; font-size: 48px; line-height: 32px; }
.b-2 .bd-y dl .dt-z em { display: block; font-size: 14px; }
.b-2 .bd-y dl .dt-y { width: 560px; float: right; padding-top: 12px; }
.b-2 .bd-y dl .dt-y h3 { font-size: 16px; text-align: justify; }
.b-2 .bd-y dl .dt-y h3 a:hover { padding-left: 8px; }
.b-2 .bd-y dl .dt-y p { font-family: Arial; font-size: 14px; padding-top: 6px; display: none; }
.b-2 .bd-y dl .dt-y .i { color: #999; padding-top: 10px; line-height: 20px; font-weight: 500; }
.b-2 .bd-y dl dd { font-size: 16px; height: 40px; line-height: 40px; }
.b-2 .bd-y dl dd em { width: 8px; height: 8px; background: #d0d0d0; border-radius: 8px; float: left; margin: 17px 8px 0 0; }
.b-2 .bd-y dl dd a { float: left; }
.b-2 .bd-y dl dd span { float: right; font-family: Arial; color: #999; }
.b-2 .bd-y dl dd a:hover { padding-left: 8px; }
.b-2 .bd-y dl dd:hover em { background: #0055a2; }
 @media all and (max-width:1200px) {
.b-2 {/*padding:20px 0 20px 0;*/ padding: 30px 0 20px 0; margin: 0 2%; background: none; }
.b-1, .b-2, .b-3, .b-4, .b-5, .b-6, .b-7 {/*padding:20px 0 20px 0;*/ padding-top: 50px!important; }
.b-2 .bd { width: 100%; margin: 10px auto 0; }
.swiper-container-2 { width: 100%; float: none; }
.swiper-container-2 .swiper-slide img { width: 100%; display: block; }
.swiper-container-2 .swiper-slide a p { text-align: center; height: 44px; line-height: 30px; }
.swiper-container-2 .swiper-slide a span { float: none; font-size: 14px; padding-left: 0; }
.swiper-container-2 .swiper-slide a:hover img { transform: scale(1); }
.swiper-container-2 .swiper-slide a:hover span { padding-left: 0; }
.swiper-container-2 .swiper-pagination-2 { text-align: center; padding-right: 0 !important; }
.swiper-container-2>.swiper-pagination-bullets { bottom: 38px !important; }
.swiper-container-2 .swiper-pagination-bullet { background: #fff; }
.swiper-container-2 .swiper-pagination-bullet-active { background: #0055a2; }
.hd { margin-bottom: 20px; }
.b-2 .bd-y { width: 100%; float: none; }
.b-2 .bd-y dl dt { padding-bottom: 10px; margin-bottom: 3px; }
.b-2 .bd-y dl .dt-z { display: none; }
.b-2 .bd-y dl .dt-y { width: 100%; float: none; }
.b-2 .bd-y dl .dt-y h3 { font-size: 14px; }
.b-2 .bd-y dl .dt-y h3 a:hover { padding-left: 0; }
.b-2 .bd-y dl .dt-y .i { padding-top: 5px; }
.b-2 .bd-y dl .dt-y p { display: block; }
.b-2 .bd-y dl dd { font-size: 14px; }
.b-2 .bd-y dl dd a { width: 82%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.x-advantage { background:none; padding: 47px 0 64px; }
.x-title.white { color: #fff; }
.x-advantage-list li { width: 45%; height: 235px; float: left; margin-top: 20px; overflow: hidden; position: relative;margin-left: 15px; margin-right: 15px; }
.x-advantage-list li .x-advantage-con1 { background-color: #f2f2f2; text-align: center; padding: 27px; padding-top: 30px; height: 235px; }
.x-advantage-list li .x-advantage-con2 { position: absolute; top: 235px; left: 0; width: 45%; height: 235px; transition: all 0.8s; }
.x-advantage-list li .x-advantage-con2 img { width: 250%; height: 235px; }
.x-advantage-list li .img { width: 50px; height: 50px; overflow: hidden; margin: 0 auto; }
.x-advantage-list li h3 { color: #333333; font: 600 24px/40px "Microsoft yahei"; }
.x-advantage-list li .text { color: #444444; font: 400 15px/28px "Microsoft yahei"; }
.x-advantage-list li:hover .x-advantage-con2 { transition: all 0.8s; transform: translateY(-235px); }
}

.x-advantage { background: url(../images/advbg.jpg) no-repeat center; padding: 47px 0 64px; }
.x-title.white { color: #fff; }
.x-advantage .hd h2 { color: #fff; }
.x-advantage .hd p { color: #fff; }
.x-advantage .x-title.white { margin-bottom: 20px; }
.x-advantage-list li { width: 436px; height: 250px; float: left; margin-top: 20px; overflow: hidden; position: relative;margin-left: 5px; margin-right: 5px; }
.x-advantage-list li .x-advantage-con1 { background-color: #f2f2f2; text-align: center; padding: 15px; height: 250px; }
.x-advantage-list li .x-advantage-con2 { position: absolute; top: 255px; left: 0; width: 436px; height: 250px; transition: all 0.8s; }
.x-advantage-list li .x-advantage-con2 img { width: 436px; height: 250px; }
.x-advantage-list li .img { width: 50px; height: 50px; overflow: hidden; margin: 0 auto; }
.x-advantage-list li h3 { color: #333333; font: 600 24px/40px "Microsoft yahei"; }
.x-advantage-list li .text { color: #444444; font: 400 13px/28px "Microsoft yahei"; }
.x-advantage-list li:hover .x-advantage-con2 { transition: all 0.8s; transform: translateY(-255px); }

 @-webkit-keyframes 
btnRotate-ys { 0% {
 -webkit-transform: rotateY(0deg);
}
100% {
 -webkit-transform: rotateY(180deg);
}
}
.b-3 .tit { height: 230px; text-align: center; overflow: hidden;/*background:url(../images/b3.jpg) center no-repeat;background-attachment: fixed !important;*/ }
.b-3 .tit h2 { font-size: 30px; color: #fff; font-weight: normal; padding-top: 110px; }
.b-3 .tit p { font-size: 113px; line-height: 113px; font-family: Arial; color: #fff; opacity: 0.18; text-transform: uppercase; font-weight: bold; }
.b-3 .hd { display: none; }
.b-3 ul { text-align: center; }
.b-3 li { width: 25%; float: left; display: inline; position: relative; background: #0154a4; }
.b-3 li a { display: block; position: absolute; top: 0; left: 0; color: #fff; width: 100%; height: 100%; box-sizing: border-box; padding-top: 192px; }
.b-3 li h3 { font-weight: normal; font-size: 24px; }
.b-3 li p { font-size: 17px; font-family: Arial; padding-top: 6px; height: 50px; margin-bottom: 56px; }
/*.b-3 li a:hover img{
	-webkit-animation: btnRotate-y 0.5s linear 1;
	animation: btnRotate-y 0.5s linear 1;
}*/
.b-3 li:hover .se { -webkit-animation: btnRotate-ys 0.4s linear 1; animation: btnRotate-ys 0.4s linear 1; }
 @media all and (max-width:1200px) {
.b-3 .tit { display: none; }
.b-3 .hd { display: block; }
.b-3 ul { padding-top: 10px; }
.b-3 li { width: 50%; }
.b-3 li a { padding-top: 22%; }
.b-3 li img { width: 100%; }
.b-3 li h3 { font-size: 18px; }
.b-3 li p { font-size: 14px; margin-bottom: 10%; }
.b-3 li a img { width: 50px; }
.x-advantage { background: url(../images/advbg.jpg) no-repeat center; padding: 47px 0 64px; }

}
.b-4 { padding: 60px 0 70px; }
.b-4 .bd { width: 1400px; margin: 28px auto 0; }
.b-4 .bd li { float: left; width: 685px; height: 61px; line-height: 61px; border: 1px solid #dcdcdc; font-size: 16px; border-top: 0; }
.b-4 .bd li:nth-child(2n) { float: right; }
.b-4 .bd li:nth-child(1), .b-4 .bd li:nth-child(2) { border-top: 1px solid #dcdcdc; }
.b-4 .bd li a { float: left; height: 33px; line-height: 33px; border-left: 4px solid #fff; margin-top: 14px; padding-left: 12px; }
.b-4 .bd li span { float: right; color: #999; font-family: Arial; margin-right: 12px; }
.b-4 .bd li a:hover { border-left: 4px solid #0055a2; padding-left: 20px; }
 @media all and (max-width:1200px) {
.b-4 { padding: 20px 0; }
.b-4 .bd { width: 100%; margin: 10px auto 0; }
.b-4 .bd li { float: none; display: block; width: 100%; height: 41px; line-height: 41px; border: none; border-bottom: 1px solid #dcdcdc; font-size: 14px; }
.b-4 .bd li:nth-child(2n) { float: none; }
.b-4 .bd li:nth-child(1) { border-top: 1px solid #dcdcdc; }
.b-4 .bd li:nth-child(2) { border-top: none; }
.b-4 .bd li a { float: left; height: 41px; line-height: 41px; border-left: 0; margin-top: 0; padding-left: 2%; width: 70%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.b-4 .bd li span { float: right; color: #999; font-family: Arial; margin-right: 2%; }
.b-4 .bd li a:hover { border-left: 0; padding-left: 2%; }
}
.b-5 { }
.b-5 .tit { text-align: center; }
.b-5 .tit h2 { font-size: 30px; color: #333; font-weight: normal; padding-top: 110px; }
.b-5 .tit p { font-size: 113px; line-height: 113px; font-family: Arial; color: #333; opacity: 0.18; text-transform: uppercase; font-weight: bold; }
.b-5 .hd { display: none; }
.b-5 .bd { width: 1340px; position: relative; margin: -40px auto 0; }
.swiper-container-3 { width: 1098px; background: #f5f5f5; }
.swiper-container-3 .swiper-slide .p { float: left; overflow: hidden; }
.swiper-container-3 .swiper-slide .p img { width: 410px; height: 300px; }
.swiper-container-3 .swiper-slide .p a:hover img { transform: scale(1.04); }
.swiper-container-3 .swiper-slide .t { float: left; width: 683px; box-sizing: border-box; padding: 30px 36px 0 42px; }
.swiper-container-3 .swiper-slide .t h3 { font-size: 16px;}
.swiper-container-3 .swiper-slide .t h3 a{font-weight:bold;}
.swiper-container-3 .swiper-slide .t h3 a:hover { padding-left: 10px; }
.swiper-container-3 .swiper-slide .t .i { line-height: 2; padding: 10px 0; font-size:16px;}
.swiper-container-3 .swiper-slide .t .more { font-size: 14px; }
.swiper-container-3 .swiper-slide .t .more a { color: #0055a2; background: url(more.png) right center no-repeat; padding-right: 30px; }
.swiper-container-3 .swiper-slide .t .more a:hover { background: url(more.png) right -21px center no-repeat; }
.b-5 .bd .swiper-button-next, .b-5 .bd .swiper-button-prev { width: 41px; height: 41px; outline: none; }
.b-5 .bd .swiper-button-prev { background: url(../images/prev.png); left: 0 !important; }
.b-5 .bd .swiper-button-prev:hover { opacity: 0.7; }
.b-5 .bd .swiper-button-next { background: url(../images/next.png); right: 0 !important; }
.b-5 .bd .swiper-button-next:hover { opacity: 0.7; }
.anli {width:1340px; margin:0 auto;overflow:hidden;padding-bottom: 70px;padding-bottom: 70px;}
.anli dl {width:426px;float:left;margin:10px;}
.anli dl dt .anli_img { width: 426px;height:310px;}
.anli dl dd {width:426px;padding:15px 25px;background:#f3f3f3 url(../images/index_sec4_text_icon.png) no-repeat 390px 50px;}
.anli dl dd a{color:#0154a4;line-height:2;font-size:20px;}
.anli dl dd p{color:#333;line-height:2;font-size:16px !important;}
.anli dl:hover dt .cover{display: block;text-align: center;}
.anli dl dt {  position: relative;}
.anli dl:hover dd{background:#0154a4 url(../images/index_sec4_text_icon.png)  no-repeat 390px 50px; ;}
.anli dl:hover dd a{color:#fff;}
.anli dl:hover dd p{color:#fff;}
.cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;}
.table-box {  display: table; width: 100%;height: 100%;}
.table-box div { display: table-cell; vertical-align: middle; text-align: center;width: 100%;height: 100%;}


 @media all and (max-width:1200px) {
.b-5 { height: auto; background: none!important; }
.b-5 .tit { display: none; }
.b-5 .hd { display: block; }
.b-5 .bd { width: 96%; margin: 10px auto 0; }
.swiper-container-3 { width: 100%; background: #f5f5f5; }
.swiper-container-3 .swiper-slide .p { float: none; text-align: center; }
.swiper-container-3 .swiper-slide .p a:hover img { transform: scale(1); }
.swiper-container-3 .swiper-slide .t { float: none; width: 100%; box-sizing: border-box; padding: 4% 2% 3% 2%; }
.swiper-container-3 .swiper-slide .t h3 { font-size: 16px; }
.swiper-container-3 .swiper-slide .t h3 a:hover { padding-left: 0; }
.swiper-container-3 .swiper-slide .t .i { padding: 0 0; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.b-5 .bd .swiper-button-next, .b-5 .bd .swiper-button-prev { width: 30px; height: 30px; }
.b-5 .bd .swiper-button-prev { background: url(prev.png) no-repeat; background-size: contain; left: 2% !important; }
.b-5 .bd .swiper-button-next { background: url(next.png) no-repeat; background-size: contain; right: 2% !important; }
}
.b-6 { padding: 15px 0 70px; }
.b-6 .bd { width: 1400px; margin: 28px auto 0; }
.b-6 .bd li { float: left; width: 450px; margin-right: 16px; }
.b-6 .bd li img { width: 450px; overflow: hidden;margin: 0 auto;}
#img img{ width: 100%; transition:all 2s;/*图片放大过程的时间*/position: relative;}
#img img:hover{ transform: scale(1.2);  /*以y轴为中心旋转*/}
.b-6 .bd li a { display: block; position: relative; overflow: hidden; }
.b-6 .bd li p {font-size: 16px;text-align: center;line-height: 3;}
.b-6 .bd li span { display: block; width: 100%; height: 285px; background: rgba(0,0,0,0.5); position: absolute; top: -100%; left: 0; z-index: 10;font-size:16px;line-height:2.5;padding:30px;color:#fff;text-align:justify;text-indent:2em; }
.b-6 .bd li a:hover span { top: 0; }
/* .b-6 .bd li:nth-child(4){float:left;margin-right:0;} */
@media all and (max-width:1200px) {
.b-6 { padding: 20px 0 0; }
.b-6 .bd { width: 96%; margin: 10px auto 0; }
.b-6 .bd li { width: 49%; margin-right: 0; }
.b-6 .bd li:nth-child(2n) { float: right; }
.b-6 .bd li:nth-child(1), .b-6 .bd li:nth-child(2) { margin-bottom: 10px; }
.b-6 .bd li img { width: 100%; }
.b-6 .bd li p { font-size: 13px; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.b-6 .bd li span { display: none; }
}
.b-7 { width: 1398px; margin: 0 auto; }
.b-7 .hd { display: none; }
.b-7 .tit { text-align: center; }
.b-7 .tit em { font-size: 14px; font-family: Arial; display: block; color: #ccc; text-transform: uppercase; }
.b-7 .tit h2 { font-size: 30px; color: #2f2f2f; font-weight: normal; }
.b-7 .tit p { font-size: 15px; font-family: Arial; color: #c2c2c2; text-transform: uppercase; }
.b-7 .tir { font-size: 14px; overflow: hidden; }
.b-7 .tir a { float: left; margin-top: 18px; padding: 0 96px; }
.b-7 .tir a:last-child { border-right: 0; }
 @media all and (max-width:1200px) {
.b-7 { padding: 20px 0 0; width: 96%; height: auto; border: none; margin: 0 auto; }
.b-7 .hd { display: block; }
.b-7 .tit { display: none; }
.b-7 .tir { float: none; height: auto; }
.b-7 .tir a { float: left; width: 49%; margin-top: 0; padding: 0; text-align: center; background: #f2f2f2; margin-top: 10px; }
.b-7 .tir a:nth-child(2n) { float: right; }
.x-advantage { background:none; padding: 47px 0 64px; }
.x-advantage .hd h2 {color: #333;}
.x-advantage .hd p {color: #333;}

.x-advantage-list li { width: 350px; height: 250px; float: left; margin-top: 20px; overflow: hidden; position: relative;margin-left: 5px; margin-right: 5px; }
.x-advantage-list li .x-advantage-con1 { background-color: #f2f2f2; text-align: center; padding: 15px; height: 250px; }
.x-advantage-list li .x-advantage-con2 { position: absolute; top: 255px; left: 0; width: 350px; height: 250px; transition: all 0.8s; }
.x-advantage-list li .x-advantage-con2 img { width: 350px; height: 250px; }
.x-advantage-list li .img { width: 50px; height: 50px; overflow: hidden; margin: 0 auto; }

}
.ad_closed { width: 16px; height: 16px; line-height: 16px; text-align: center; background: #f00; color: #fff; position: absolute; top: 0; right: 0; cursor: pointer; }
/*弹出广告*/
#popup { position: fixed; top: 50%; left: 50%; z-index: 9999; }
#ad_shadow { width: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 9000; opacity: 0.4; filter: alpha(opacity=40); }
/*漂浮广告*/
#ad1 { position: absolute; z-index: 9999; }
/*左侧门帘*/
#hangL { position: absolute; left: 0; z-index: 9999; }
/*右侧门帘*/
#hangR { position: absolute; right: 0; z-index: 9999; }
/*拉屏广告*/
#bigScreen { position: relative; left: 50%; top: 0; height: 0; overflow: hidden; }
#bigScreen .ad_closed { top: 10px; }
.foot_nav { width: 25%; float: left; background-color: #fafafa; text-align: center; cursor: pointer; }
.foot_nav:hover, .foot_nav:focus { background-color: #e4e4e4; cursor: pointer; }
.foot_nav a { color: #898989; display: block; cursor: pointer; }
.foot_nav a:hover, .foot_nav a:focus { text-decoration: none; }
.foot_nav span { display: block; padding: 3px 0px 0px 0px; }
/*
 * PHPWEB (http://weboss.hk)
 * Copyright (c) 2013-2020 http://www.weboss.hk All rights reserved.
 * Author: 吴先生 <510551@qq.com>
 */
body { font-family: 'microsoft yahei', Arial, Helvetica, sans-serif; color: #2F2F2F; }
a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
ul { list-style: none; }
.clear { clear: both; }
.img-thumbnail { transition : opacity 0.7s; }
.img-thumbnail:hover, .opacity_img:hover { opacity: 0.75; }
header { background-color: #fff; }
.navbar-nav > li:last {
padding-right: 0!important;
}
.top_menu { font-size: 12px; color: #7C98A2; width: 100%; height: 48px; line-height: 27px; background-color: #333; color: #fff; }
.top_lang { float: right; height: 48px;}
.top_name { display: inline-block; }
.flash img { width: 100% }
.flash ul.bxslider { list-style: none; }
.flash div.bx-pager { bottom: 4%; }
.flash div.bx-controls-direction { display: none; }
.img-thumbnail { border: none; }
.img-thumbnail:hover, .opacity_img:hover { opacity: 0.8; }
/*导航菜单*/
.navbar { margin: 0px; background-color: #fff; border: none; margin-top: 28px; box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1); }
#app_menudown { position: absolute; top: 0px; right: 0px; font-size: 16px; height: 40px; }
#app_menudown:hover { background-color: #0168B7; }
/*产品搜索*/
.search_group { margin: 15px 0px 20px 0px; }
.form-control { border-radius: 0px; box-shadow: none; }
.mysearch_btn { background-color: #305DC3; color: #fff; border-radius: 0px; }
.mysearch_btn:hover, .mysearch_btn:focus { background-color: #FC7C3B; color: #fff; }
#small_search { float: right; margin-top: 7px; padding: 8px 13px; font-size: 17px; border-radius: 4px; color: #fff; }
#small_search:hover, #small_search:focus { cursor: pointer; background-color: #3477c8; }
/*首页-左侧栏目*/
.left_nav { padding: 20px 15px 30px 15px; background: url(../images/left_head.jpg) no-repeat top center #0168B7; margin-top: 25px; margin-bottom: 20px; }
.left_nav h3 { text-align: center; color: #fff; margin: 0px 0px 4px 0px; }
.left_nav p { text-align: center; color: #fff; font-size: 14px; letter-spacing: 2px; margin-bottom: 10px; }
.left_nav_bg { background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff; padding: 10px 15px 22px 15px; }
.left_nav_tel { margin: 220px 0px 0px 0px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; }
.left_nav_ul { list-style: none; padding: 0px; margin: 15px 0px 0px 0px; padding-bottom: 10px; }
.left_nav_ul > li > a { display: block; text-decoration: none; color: #fff; font-size: 15px; background-color: #0168B7; border-radius: 5px; padding: 6px 0px 6px 18px; margin-bottom: 8px; }
.left_nav_ul > li > a:hover, .left_nav_ul li a.left_active { color: #fff; background-color: #03b29c; }
/*首页-左侧二级栏目*/
ul.left_snav_ul { list-style: none; padding: 0px; }
ul.left_snav_ul > li { margin: 0px; }
ul.left_snav_ul > li > a { display: block; text-decoration: none; color: #fff; padding: 5px 0px 5px 30px; background: url(../images/left_tree.gif) 20px 8px no-repeat #5f9fe6; border-radius: 5px; margin-bottom: 8px; }
ul.left_snav_ul > li > a:hover { color: #fff; background-color: #03b29c; }
/*列表页-左侧栏目*/
.left_h3 { font-size: 18px; font-weight: normal; color: #545454; line-height: 50px; font-weight: 500; border-bottom: 1px solid #ebebeb; }
.left_h3 span { display: inline-block; height: 50px; border-bottom: 1px solid #0168B7; }
.left_column ul.left_nav_ul { list-style: none; padding: 0px; margin: 15px 0px 0px 0px; padding-bottom: 10px; }
.left_column ul.left_nav_ul > li { margin-bottom: 5px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 12px no-repeat; }
.left_column ul.left_nav_ul > li > a { display: block; text-decoration: none; color: #000; font-size: 14px; background: transparent; border-radius: 0px; padding: 6px 0px 6px 18px; margin-bottom: 8px; }
.left_column ul.left_nav_ul > li > a:hover, .left_column ul.left_nav_ul li a.left_active { color: #03b29c; background: transparent; }
/*列表页-左侧二级栏目*/
.left_column ul.left_snav_ul { list-style: none; padding: 0px; }
.left_column ul.left_snav_ul > li { margin-bottom: 7px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 15px 11px no-repeat; }
.left_column ul.left_snav_ul > li > a { display: block; text-decoration: none; color: #000; padding: 5px 0px 5px 25px; background: transparent; border-radius: 25px; margin-bottom: 8px; }
.left_column ul.left_snav_ul > li > a:hover { color: #03b29c; background: transparent; }
/*左侧新闻*/
.left_news { clear: both; list-style: none; margin: 0px; padding: 0px; }
.left_news li { color: #545455; border-bottom: 1px dotted #dddddd; background: url(../images/li.png) no-repeat left 15px; line-height: 21px; padding: 10px 0px; padding-left: 14px; }
.left_news li a { color: #2F2F2F; }
.left_news li a:hover, .left_news li a:focus { text-decoration: none; color: #03b29c; }
/*左侧联系*/
.left_contact { margin: 30px 0px 35px 0px; }
.left_contact p { clear: both; }
/*首页产品*/
.product_head { margin-top: 40px; }
.product_head p, .product_head h2 { margin: 0; padding: 0; }
.ev-module-edit { width: 100%; z-index: 1; }
.ev-module-edit2 { width: 100%; margin-top: -54px; z-index: 2!important; }
.ev-module-edit2 P { text-align: center; line-height: 28px; }
.ev-module-edit h2 { text-align: center; font-size: 36px; font-weight: 400; line-height: 1.3 }
.ev-module-edit span { font-size: 56px; color: #F7F7F7; }
.ev-module-edit2 span { font-size: 36px; color: #333333; }
.ev-module-edit-box { height: 100%; width: 100% }
.product_list { clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; }
.product_list2 { padding-top: 20px; }
.product_img { padding-left: 15px; padding-right: 15px; }
.product_img img { margin-right: auto; margin-left: auto; display: block; max-height: 300px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; }
.product_list2 div.product_img { }
.product_title { text-align: center; height: 40px; }
.product_title a { color: #2F2F2F; }
.product_title a:hover { text-decoration: none; color: #0071bf; }
.center_tel { height: 274px; background-position: center center; }
/*首页-客户案例*/
.case_bg { padding-bottom: 20px; background-color: #f7f7f7; }
.case_head h2 { text-align: center; margin-top: 45px; font-size: 36px; color: #333; }
.case_head p { text-align: center; font-size: 18px; color: #555; }
.case_list { clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; }
.case_list2 { padding-top: 20px; }
.case_img { padding-left: 15px; padding-right: 15px; min-height: 270px; }
.case_img img { margin-right: auto; margin-left: auto; display: block; max-height: 270px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; }
.case_list2 div.case_img { min-height: 220px; }
.case_title { text-align: center; height: 40px; }
.case_title a { color: #2F2F2F; }
.case_title a:hover { text-decoration: none; color: #0071bf; }
/*首页-四大优势*/
.advantage_head h2 { text-align: center; margin-top: 60px; font-size: 36px; color: #0168B7; }
.advantage_head p { text-align: center; font-size: 18px; color: #666666; margin-top: 8px; }
.advantage_head span { display: block; margin: 0 auto; width: 50px; height: 2px; background-color: #0168B7; margin-bottom: 50px; }
.advantage_left img { width: 50%; float: left; }
.advantage_left h3 { width: 50%; float: right; text-align: right; font-size: 28px; font-weight: bold; color: #0168B7; }
.advantage_left h3 span { font-weight: bold; font-size: 45px; }
.advantage_left p { font-size: 16px; width: 50%; float: right; text-align: right; color: #666666; line-height: 47px; margin-top: 15px; padding-right: 28px; background: url(../images/advantage_libg.jpg) repeat-y right 13px; }
.advantage_right img { width: 50%; float: right; }
.advantage_right h3 { width: 50%; float: left; text-align: left; font-size: 28px; font-weight: bold; color: #0168B7; }
.advantage_right h3 span { font-weight: bold; font-size: 45px; }
.advantage_right p { font-size: 16px; width: 50%; float: left; text-align: left; color: #666666; line-height: 47px; margin-top: 15px; padding-left: 28px; background: url(../images/advantage_libg.jpg) repeat-y left 13px; }
/*首页-新闻资讯*/
.news_bg { background-color: #f7f7f7; }
.news_head { margin-bottom: 20px; }
.news_head h2 { text-align: center; margin-top: 50px; font-size: 36px; color: #333; }
.news_head p { text-align: center; font-size: 18px; color: #555; margin-top: 8px; }
.news_h3 { background: url(../images/news_title.jpg) left bottom no-repeat; padding: 10px 0px 10px 0px; font-size: 18px; font-weight: bold; }
.news_ul { clear: both; list-style: none; margin-top: 10px; padding: 0px; }
.news_ul li { color: #545455; line-height: 21px; padding: 10px 0px; }
.news_ul li a { color: #2F2F2F; }
.news_ul li a:hover { text-decoration: none; color: #0071bf; }
.news_time { float: right; }
.news_img img { max-width: 270px; margin-right: 28px; float: left; }
.news_img a { font-weight: bold; font-size: 16px; }
.news_img p { margin-top: 12px; line-height: 26px; }
.answer_ul { clear: both; list-style: none; margin-top: 10px; padding: 0px; }
.answer_ul li { color: #545455; line-height: 21px; padding: 10px 0px; }
.answer_ul li a { display: block; background: url(../images/ask.jpg) no-repeat left center; padding-left: 28px; color: #333; font-weight: bold; }
.answer_ul li a:hover { text-decoration: none; color: #0071bf; }
.answer_ul li p { background: url(../images/answer.jpg) no-repeat left 2px; padding-left: 28px; margin-top: 10px; line-height: 22px; color: #555; }
/*首页-公司简介*/
.about_head { margin-bottom: 60px; }
.about_head h2 { text-align: center; margin-top: 50px; font-size: 36px; color: #333; }
.about_head p { text-align: center; font-size: 18px; color: #555; margin-top: 8px; }
.about_h3 { font-family: Arial; color: #0168B7; font-size: 50px; font-weight: bold; margin: 0px; }
.about_p { font-size: 16px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #dadada; }
.about_content { line-height: 30px; color: #555; margin-top: 20px; }
.about_btn { display: block; text-align: center; width: 140px; padding: 7px 0px; color: #fff; text-decoration: none; border-radius: 15px; background-color: #0168B7; margin-top: 20px; }
.about_btn:hover, .about_btn:focus { color: #fff; text-decoration: none; background-color: #03b29c; }
.about_video { width: 100%; }
/*首页-合作客户*/
.cooperation_head { margin-top: 60px; margin-bottom: 30px; }
.cooperation_head p { text-align: center; font-size: 24px; color: #333; margin-top: 8px; }
.cooperation_head span { display: block; height: 3px; background: url(../images/cooperation_title.jpg) center center no-repeat; }
.cooperation_img { padding-left: 15px; padding-right: 15px; min-height: 180px; }
.cooperation_img img { margin-right: auto; margin-left: auto; display: block; max-height: 170px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; }
/*列表页-横幅*/
.page_bg { margin-top: 85px; height: 550px; margin-bottom: 0px; }
/*列表页-面包屑*/
.bread_bg { border-bottom: 1px solid #f3f3f3; color: #03499a; margin-bottom: 20px; }
.bread_nav { padding: 10px 0px 10px 0px; }
.bread_nav span { border-left: 8px solid #0168B7; padding-left: 8px; }
.bread_nav a { color: #03499a; }
.bread_nav a:hover { color: #0071bf; text-decoration: none; }
/*列表页-右栏*/
.right_head { clear: both; }
.right_head h2 { height: 50px; font-size: 18px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb; }
.right_head h2 span { display: inline-block; height: 50px; border-bottom: 1px solid #0168B7; }
.right_contents { clear: both; padding: 15px 0px 15px 0px; line-height: 28px; overflow: auto; }
.right_contents_h1 { margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size: 24px; color: #434343; font-weight: bold; line-height: 34px; }
.right_contents img { max-width: 840px; }
/*列表页-新闻*/
.right_new { clear: both; list-style: none; margin: 0px; padding: 0px 0px 20px 0px; }
.right_new li { color: #898989; background: url(../images/li.png) no-repeat left 18px; font-size: 16px; line-height: 22px; padding: 12px 0px; padding-left: 13px; border-bottom: 1px dashed #e3e2e2; }
.right_new li a { color: #2F2F2F; }
.right_new li a:hover, .right_new li a:focus { text-decoration: none; color: #0071bf; }
.right_new_time { float: right; }
.relevant_new ul.right_new li { font-size: 14px; }
/*分页样式*/
.page { clear: both; margin: 20px 0px 20px 0px; text-align: center; }
.page a { display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding: 4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none }
.page a:hover, .page a:focus { font-family: Arial; font-size: 13px; border: #0071be 1px solid; padding: 4px 9px; color: #fff; background-color: #0071be; }
.page .current { font-family: Arial; border: #0071be 1px solid; font-size: 13px; padding: 5px 9px; color: #fff; margin: 2px; background-color: #0071be }
.page ul li { float: left; }
/*产品详细页*/
.showpic_box, .proinfo_box { margin: 30px 0px 0px 0px; }
.product_h1 { margin: 0px; line-height: 22px; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 10px; border-bottom: 1px dotted #cccccc; }
.product_info { list-style: none; padding: 0px; margin-top: 10px; }
.product_info p { line-height: 28px; }
.product_btn { margin-top: 25px; }
#pic-page { text-align: center; margin-top: 10px; }
#pic-page a { margin: 0 2px; }
#pic-page a img { width: 40px; padding: 2px; border: solid #ccc 1px; margin-bottom: 5px; }
#pic-page a:hover img, #pic-page a.active img { border: solid #5280DD 1px; }
.product_con { clear: both; border-top: 1px dotted #a9a9a9; margin: 10px 0px 20px 0px; padding: 20px 0px 0px 0px; line-height: 26px; overflow: auto; }
.photo_con { clear: both; margin: 0px 0px 20px 0px; padding: 10px 0px 20px 0px; line-height: 26px; overflow: auto; }
.product_con img,  .photo_con img { max-width: 840px; }
.titu ul li { float: left; margin: 5px; }
.titu ul li img { width: 413px; border: 1px solid #ccc; padding: 2px; }
.titu1 ul {width:90%;overflow:hidden;margin:20px auto;}
.titu1 ul li { float: left; margin: 5px; }
.titu1 ul li img { width: 413px; border: 1px solid #ccc; padding: 2px; }
/*按钮样式*/
.download_btn { float: right; display: block; margin: 10px 10px 20px 0px; }
.page-btn { display: inline-block; float: left; background-color: #0071bf; border-radius: 0px; border: none; transition: background 0.3s; margin-right: 15px; }
.page-btn:hover, .page-btn:focus { background-color: #02b29c; }
.grey-btn { border-radius: 0px; border: none; background-color: #E8E8E8; }
.grey-btn:hover, .grey-btn:focus { background-color: #ccc; }
/*在线留言订购*/
.feedback { margin-top: 50px; }
.form-horizontal .form-group { margin-right: -10px; margin-left: -10px; }
.codeimg { margin: 0px 0px -10px -18px; }
/*上一个下一个*/
.point { clear: both; margin: 20px 0px 40px 0px; padding-bottom: 40px; line-height: 22px; }
.point span.to_prev { text-align: center; }
.point span.to_prev a { color: #337AB7; }
.point span.to_prev a:hover { color: #ea042b; }
.point span.to_next { text-align: center; }
.point span.to_next a { color: #337AB7; }
.point span.to_next a:hover { color: #ea042b; }
/*标签样式*/
.tags { margin: 18px 0px 10px 0px; }
.tags a { margin: 0px 5px 8px 0px; }
.tags_list { padding: 5px 10px 100px 10px; }
.tags_ul { margin-top: 0px; }
.tags_ul li { line-height: 28px; margin-bottom: 8px; padding-bottom: 10px; }
.tags_ul h3 { font-size: 14px; padding: 0px; margin: 0px; line-height: 20px; }
.tags_ul p { font-size: 13px; padding: 0px; margin: 0px; color: #777; line-height: 20px; padding-top: 8px; }
/*网站地图*/
ul.ul_sitemap { margin: 30px 0px 40px 30px; }
ul.ul_sitemap li { list-style: none; line-height: 26px; clear: both; }
ul.ul_sitemap li a { color: #7d7d7d; }
li.small_li_sitemap { clear: both; padding-left: 12px; }
li.small_li2_sitemap { float: left; padding-left: 20px; }
/*友情链接*/
.link_box { background-color: #1a1a1d; padding: 20px 0px 20px 0px; text-align: center; color: #999999; font-size: 13px; }
.link_box a { color: #999999; padding: 0px 0px 0px 10px; font-size: 13px; }
.link_box a:hover { text-decoration: none; color: #fff; }
.link_box a:last-child { border-right: 0px; }
.link_box button { display: none; }
.link_title { font-size: 13px; margin-right: -6px; }
.link_title:after { content: "："; }
/*底部TAGS*/
.tags_box { background-color: #1a1a1d; padding: 5px 0px 20px 0px; text-align: center; color: #999999; font-size: 13px; }
.tags_box a { color: #999999; padding: 0px 2px 0px 8px; font-size: 13px; }
.tags_box a:hover { text-decoration: none; color: #fff; }
.tags_box a:last-child { border-right: 0px; }
.tags_box button { display: none; }
.tags_title { font-size: 13px; margin-right: -6px; }
.tags_title a { padding: 0px; }
.tags_title:after { content: "："; }
/*底部信息*/
footer { margin-top: 20px; color: #9a9a9a; padding: 60px 0px 40px 0px; background-color: #333333; border-top: 5px solid #0168B7; }
footer a { color: #9a9a9a; }
footer a:hover { color: #9a9a9a; }
.footer_logo { max-width: 196px; display: block; }
.footer_logo_text { width: 196px; text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #5f5f5f; line-height: 22px; }
.footer_sitemap { color: #9a9a9a; }
.footer_sitemap:hover, .footer_sitemap:focus { color: #fff; text-decoration: none; }
/*底部分类*/
.footer_menu a { color: #9a9a9a; }
.footer_menu a:hover { color: #fff; text-decoration: none; }
.footer_menu_first { font-weight: bold; }
.footer_qrcode { max-width: 130px; display: block; }
.footer_qrcode_text { width: 130px; text-align: center; margin-top: 15px; }
/*底部翻译*/
.translate { background-color: #005188; }
.translate_btn { width: 130px; margin: 0 auto; padding-top: 20px; }
/*UEditor编辑器前端表格样式*/
table { margin-bottom: 10px; border-collapse: collapse; display: table; }
td, th { padding: 5px 10px; border: 1px solid #DDD; }
caption { border: 1px dashed #DDD; border-bottom: 0; padding: 3px; text-align: center; }
th { border-top: 1px solid #BBB; background-color: #F7F7F7; }
table tr.firstRow th { border-top-width: 2px; }
.ue-table-interlace-color-single { background-color: #fcfcfc; }
.ue-table-interlace-color-double { background-color: #f7faff; }
td p { margin: 0; padding: 0; }
.navbar-nav > li a:hover em, .navbar-nav > li.active a em { color: #fff; }
.navbar-nav > li a em { font-size: 12px; display: block; color: #aaa; font-family: Arial; }

/*大屏幕样式*/
@media screen and (min-width: 769px) {
.logo { max-height: 76px; max-width: 625px; margin-top: 12px; }
.flash { margin-top: 85px; }
.navbar { min-height: 95px; }
.navbar-nav { float: right; }
.navbar-nav > li > a { text-align: center; }
.navbar-default .navbar-nav > li > a { padding: 42px 13px 42px 13px; color: #5e5e5e; text-transform: uppercase; transition: 0.1s; }
.navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > li > a.active,  .navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .open > a,  .navbar-default .navbar-nav > .open > a:hover,  .navbar-default .navbar-nav > .open > a:focus { background-color: #0154a4; color: #fff; }
.navbar-default .navbar-nav-c > li > a { font-size: 16px; padding: 32px 16px 32px 16px; }
.small-nav { min-height: 60px; margin-top: 0px; border-bottom: 1px solid #F3F3F3; }
.small-nav .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }
.small-nav img.logo { max-height: 50px; margin-top: 15px; max-width: 600px; }
.nav_small { background: rgba(51,51,51,0.8); padding: 10px 0px 10px 0px; border: none; box-shadow: none; border-radius: 0px; font-size: 12px; min-width: max-content; }
.nav_small > li { text-align: center; float:left;}
.nav_small > li > a { line-height: 28px; color: #fff; padding-left: 20px; padding-right: 20px; }
.nav_small > li > a:hover { color: #fff; background-color: #0168B7; }
#app_menudown, #small_search { display: none; }
.index_left_nav, .footer_nav { display: none; }
.mfoot_box { display: none; }

.anli { margin:0 auto;overflow:hidden;padding-bottom:30px;}
.anli dl {width:430px;float:left;margin:8px;}
.anli dl dt .anli_img { width: 430px;height:310px;}
.anli dl dd {width:430px;padding:15px 25px;background:#f3f3f3 url(../images/index_sec4_text_icon.png) no-repeat 390px 50px;}
.anli dl dd a{color:#0154a4;line-height:2;font-size:18px;}
.anli dl dd p{color:#333;line-height:2;font-size:15px !important;}
.anli dl:hover dt .cover{display: block;text-align: center;}
.anli dl dt {  position: relative;}
.anli dl:hover dd{background:#0154a4 url(../images/index_sec4_text_icon.png)  no-repeat 390px 50px; ;}
.anli dl:hover dd a{color:#fff;}
.anli dl:hover dd p{color:#fff;}
.cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;}
.table-box {  display: table; width: 100%;height: 100%;}
.table-box div { display: table-cell; vertical-align: middle; text-align: center;width: 100%;height: 100%;}
.caseContent .half { width: 50% !important;}
}
/*小屏幕样式*/
@media screen and (max-width: 768px) {
.navbar-nav > li a em { display: none; }
.logo { margin-top: 5px!important; margin: 5px 0px 5px 10px; max-width: 350px; max-height: 60px; }
.top_name { display: none; }
.navbar { border: 0px; min-height: 50px; background-color: #fff; box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1); }
.small-nav { background: rgba(255,255,255,0.9); margin-top: 0px; }
.navbar-default .navbar-brand { color: #0168B7; font-size: 16px; }
.navbar-default .navbar-brand:hover,  .navbar-default .navbar-brand:focus { color: #fff; }
.navbar-toggle { border: none; }
.navbar-default .navbar-collapse,  .navbar-default .navbar-form { border: none; }
.navbar-default .navbar-toggle:hover,  .navbar-default .navbar-toggle:focus { background-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { }
.navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
.navbar-default .navbar-nav > li:last-child { border: none; }
.navbar-default .navbar-nav > li > a,  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; }
.navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .active > a:focus,  .navbar-default .navbar-nav > .open > a,  .navbar-default .navbar-nav > .open > a:hover,  .navbar-default .navbar-nav > .open > a:focus,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #0168B7; color: #fff; }
#app_menudown { position: absolute; top: 0px; right: 0px; font-size: 16px; }
#app_menudown:hover { background-color: #0168B7; }
.flash img { margin-top: 50px; }
/*手机-首页产品*/
.product_head { margin-top: 20px; background-image: none; }
.product_head h2, .product_head p { padding: 0; margin: 0; }
.ev-module-edit2 { width: 100%; margin: 0; z-index: 2; }
.ev-module-edit2 P { text-align: center; line-height: 28px; }
.ev-module-edit h2 { text-align: center; font-size: 36px; font-weight: 400; line-height: 1.3 }
.ev-module-edit2 span { font-size: 36px; color: #333333; }
.ev-module-edit-box { height: 100%; width: 100% }
.hidden-edit { display: none }
.product_img_list:last-child { display: none; }
.center_tel { display: none; }
.product_img { min-height: 240px; }
.product_list2 div.product_img { min-height: 240px; }
.product_list { padding-top: 10px; }
/*手机-首页案例*/
.case_head h2 { margin-top: 40px; font-size: 26px; }
.case_head p { font-size: 14px; margin-top: 4px; }
.case_img { min-height: 150px; }
.case_list2 div.case_img { min-height: 150px; }
/*手机-首页新闻*/
.news_bg { background-color: #fff; }
.news_head { margin-bottom: 0px; }
.news_head h2 { margin-top: 30px; font-size: 26px; }
.news_head span { background: url(../images/m_h2_line.jpg) center center no-repeat; }
.news_head p { font-size: 14px; margin-top: 4px; }
.news_h3 { text-align: center; background: url(../images/news_title.jpg) center bottom no-repeat; padding: 10px 0px 10px 0px; margin-bottom: 20px; }
.news_ul li { color: #000; border-bottom: 1px dotted #dddddd; background: url(../images/li.png) no-repeat left 15px; line-height: 21px; padding: 10px 0px; padding-left: 14px; }
.news_time,  .right_new_time,  .news_time_p,  .news_des { display: none; }
.news_img img { display: none; }
.news_img a { font-weight: normal; font-size: 14px; }
/*手机-首页公司简介*/
.about_bg { background-color: #f7f7f7; padding-bottom: 50px; }
.about_head { margin-bottom: 25px; }
.about_head h2 { margin-top: 35px; font-size: 26px; }
.about_head span { background: url(../images/m_h2_line.jpg) center center no-repeat; }
.about_head p { font-size: 14px; margin-top: 8px; }
.about_content { margin-top: 0px; }
.about_btn { display: block; width: 200px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; }
/*手机-首页合作客户*/
.cooperation_head { margin-top: 40px; }
.cooperation_head p { font-size: 22px; margin-top: 8px; }
.cooperation_img { min-height: 100px; }
.page_bg { display: none; }
.right_contents img,  .product_con img,  .photo_con img { max-width: 100%; }
.feedback { margin-top: 20px; }
.proinfo_box { margin-bottom: 80px; }
#pic-page a img { width: 35px; }
#cmsFloatPanel { display: none; }
.point span.to_prev,  .point span.to_next { text-align: left; padding-bottom: 8px; }
.bread_nav { padding-top: 65px; }
/*手机-底部信息*/
footer { padding-top: 40px; padding-bottom: 25px; }
.footer_logo,  .footer_logo_text { display: none; }
.footer_contact { margin-bottom: 30px; }
.footer_qrcode { display: block; max-width: 130px; margin: 0 auto; margin-top: 25px; }
.footer_qrcode_text { width: 130px; margin: 0 auto; margin-top: 10px; margin-bottom: 35px; }
/*手机-友情链接*/
.link_box { padding-left: 7px; margin-bottom: 50px; }
.link_box a { display: block; border-right: 0px; padding: 4px 0px; }
.link_title { display: block; }
.link_title:after { content: ""; }
.link_box button { display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; }
.link_box button:hover,  .link_box button:focus { color: #97f3e7; }
.link_list { display: none; padding-top: 7px; }
/*手机-Tags标签*/
.tags_box { padding-left: 7px; margin-bottom: 50px; }
.tags_box a { display: block; border-right: 0px; padding: 4px 0px; }
.tags_title { display: block; }
.tags_title:after { content: ""; }
.tags_box button { display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; }
.tags_box button:hover,  .tags_box button:focus { color: #97f3e7; }
.tags_rows { display: none; padding-top: 7px; }
/*手机-底部按钮*/
.mfoot_box { background-color: #fafafa; }
.mfoot_nav { width: 25%; float: left; background-color: #fafafa; text-align: center; color: #898989; cursor: pointer; }
.mfoot_nav:hover,  .mfoot_nav:focus { background-color: #e4e4e4; cursor: pointer; }
.mfoot_nav a { color: #898989; display: block; }
.mfoot_nav a:hover,  .mfoot_nav a:focus { text-decoration: none; }
.mfoot_nav span { display: block; padding: 3px 0px 0px 0px; }
.mfoot_share { width: 240px; padding: 5px; }
.x-advantage { background:none; padding: 47px 0 64px; }
.x-title.white { color: #fff; }
.x-advantage.hd h1 { color: #333; }
.x-advantage.hd p { color: #ccc; }
.x-advantage .x-title.white { margin-bottom: 20px; }
.x-advantage-list li { width: 95%; height: 200px; float: left; margin-top: 20px; overflow: hidden; position: relative;margin-left: 15px; margin-right: 15px; }
.x-advantage-list li .x-advantage-con1 { background-color: #f2f2f2; text-align: center; padding: 7px; height: 200px; }
.x-advantage-list li .x-advantage-con2 { position: absolute; top: 235px; left: 0; width: 95%; height: 200px; transition: all 0.8s; }
.x-advantage-list li .x-advantage-con2 img { width: 106%; height: 200px; }
.x-advantage-list li .img { width: 50px; height: 50px; overflow: hidden; margin: 0 auto; }
.x-advantage-list li h3 { color: #333333; font: 600 24px/40px "Microsoft yahei"; }
.x-advantage-list li .text { color: #444444; font: 400 13px/28px "Microsoft yahei"; }
.x-advantage-list li:hover .x-advantage-con2 { transition: all 0.8s; transform: translateY(-235px); }
.caseContent .half { width: 50% !important;}
.x-advantage {background:none; padding: 47px 0 64px;}
.x-advantage .hd h2 {color: #333;}
.x-advantage .hd p {color: #333;}
}
 @media screen and (max-width: 767px) {
.copyright_p { display: none; }
.caseContent .half { width: 100% !important;}
.x-advantage { background: none; padding: 47px 0 64px; }
.x-advantage .hd h2 {color: #333;}
.x-advantage .hd p {color: #333;}
}
/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
.col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; }
.col-mm-12 { width: 100%; }
.col-mm-11 { width: 91.66666667%; }
.col-mm-10 { width: 83.33333333%; }
.col-mm-9 { width: 75%; }
.col-mm-8 { width: 66.66666667%; }
.col-mm-7 { width: 58.33333333%; }
.col-mm-6 { width: 50%; }
.col-mm-5 { width: 41.66666667%; }
.col-mm-4 { width: 33.33333333%; }
.col-mm-3 { width: 25%; }
.col-mm-2 { width: 16.66666667%; }
.col-mm-1 { width: 8.33333333%; }

.anli {max-width:100%; margin:0 auto;overflow:hidden;padding-bottom:30px;}
.anli dl {width:100%;float:left;margin:8px;}
.anli dl dt .anli_img { width: 100%;height:310px;}
.anli dl dd {width:100%;padding:15px 25px;background:#f3f3f3 url(../images/index_sec4_text_icon.png) no-repeat 390px 50px;}
.anli dl dd a{color:#0154a4;line-height:2;font-size:16px;}
.anli dl dd p{color:#333;line-height:2;font-size:14px !important;}
.anli dl:hover dt .cover{display: block;text-align: center;}
.anli dl dt {  position: relative;}
.anli dl:hover dd{background:#0154a4 url(../images/index_sec4_text_icon.png)  no-repeat 390px 50px; ;}
.anli dl:hover dd a{color:#fff;}
.anli dl:hover dd p{color:#fff;}
.cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;}
.table-box {  display: table; width: 100%;height: 100%;}
.table-box div { display: table-cell; vertical-align: middle; text-align: center;width: 100%;height: 100%;}
.caseContent .half { width: 100%; }
.x-advantage {background:none; padding: 47px 0 64px;}
.x-advantage .hd h2 {color: #333;}
.x-advantage .hd p {color: #333;}
.caseContent .half { width: 100% !important;}
}
.logo {float: left;}

.homeCase { padding: 0 0 70px; background-color: #fff }
.homeTitle { position: relative; text-align: center }
.homeTitle .tit { font-size: 40px; line-height: 50px; color: #333; font-weight: bold; }
.homeTitle p { font-size: 16px; line-height: 30px; color: #888; position: relative; overflow: hidden }
.homeTitle p span { position: relative; display: inline-block; padding: 0 20px }
.homeTitle p span:after, .homeTitle p span:before { content: ""; overflow: hidden; height: 1px; background-color: #ddd; position: absolute; top: 50% }
.homeTitle p span:before { left: -1000px; right: 100% }
.homeTitle p span:after { right: -1000px; left: 100% }
.homeTitle h6 { font-size: 16px; line-height: 40px; color: #555 }
.homeTitle h6 span { color: #da251d }
.caseTitle { background-color: #ff5600 }
.caseCo { margin-top: 50px }
.caseContent dl dt { width: 500px; height: 320px; float: left }
.caseContent dl dt img { width: 500px; height: 320px }
.caseContent dl dd { width: 660px; height: 320px; float: left; margin-left: 40px; position: relative }
.caseContent dl dd h3 { padding: 60px 0 30px }
.caseContent dl dd h3 a { font-size: 22px; height: 40px; color: #333 }
.caseContent dl dd h3 a:hover { color: #da251d; text-decoration: none }
.caseContent dl dd p { font-size: 14px; line-height: 24px; color: #888 }
.caseContent .half { width: 50%; }
.caseContent .l p.protit { height: 36px; line-height: 36px; font-weight: bold; }
.caseContent .l p { height: 36px; line-height: 36px; }
.caseContent .l p.protit { font-size: 16px; margin-top: 8px; margin-top: 20px; font-weight: bold; }
.caseContent .l p { font-size: 14px; }
.caseContent .l .btn { background: #EEE; color: #333; padding: 8px 15px; margin-top: 8px; display: block; width: 110px; text-align: center; }
.caseContent .r ul li { display: block; }
.caseContent .r ul li:after { display: block; content: ''; clear: both; }
.caseContent .r ul li:nth-child(1) div, .caseContent .r ul li:nth-child(1) a { float: left; width: 50%; display: block; }
.caseContent .r ul li:nth-child(2) div, .caseContent .r ul li:nth-child(2) a { float: right; width: 50%; display: block; }
.caseContent .r ul li a img { width: 100%; height: 300px; }
.caseContent .r ul li div { padding: 0 10% 0 10%; background: #EEE; height: 300px; }
.caseContent .r ul li div p.protit { margin-top: 40px; font-size: 16px; height: 41px; line-height:45px;font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.caseContent .r ul li div p { margin-top: 20px; font-size: 14px; text-align: justify; }
.caseContent .r ul li div a { margin-top: 40px; font-size: 14px; height: 36px; display: block; text-align: left; }
.homeHy .caseContent { display: block; margin-top: 55px; }
.caseContent dd { width: 48%; margin-right: 1%; margin-left: 1%; height: 400px; visibility: visible; animation-delay: 200ms; animation-name: fadeInLeft; }
.caseTitle { background: none; }
.caseTitle li { width: 25%; margin: 0 4% 4% 4%; float: left; text-align: center; cursor: pointer; font-size: 16px; line-height: 40px; color: #fff; position: relative; border-radius: 20px; border: 1px solid silver; }
.caseTitle li.on { background-color: #008cff; }
.caseTitle li.on a { color: #FFF; }
.caseCo { margin-top: 50px }
.caseContent dl dt { width: 500px; height: 320px; float: left }
.caseContent dl dt img { width: 500px; height: 320px }
.caseContent dl dd { width: 660px; height: 320px; float: left; margin-left: 40px; position: relative }
.caseContent dl dd h3 { padding: 60px 0 30px }
.caseContent dl dd h3 a { font-size: 22px; height: 40px; color: #333 }
.caseContent dl dd h3 a:hover { color: #da251d; text-decoration: none }
.caseContent dl dd p { font-size: 14px; line-height: 24px; color: #888 }