﻿@charset "utf-8";
body { min-width: 1200px; width: 100%; }
/*产品中心*/
.cp_bt { font-size: 40px; color: #333; text-align: center; line-height: 36px; padding: 60px 0 0; height: 80px; overflow: hidden; }
.cp_bt a { font-size: 40px; color: #333; }
.cp_bt span { display: block; font-size: 20px; color: #666; font-weight: normal; padding: 10px 0 0; }
.cp_tit { overflow: hidden; }
.cp_ul01 li { float: left; padding: 0 0 0 25px; width: 540px; }
.cp_ul01 li a { display: block; font-size: 20px; color: #fff; font-weight: bold; width: 540px; height: 54px; line-height: 54px; background: url(../images/cp_ico01.png) no-repeat 0 17px; padding: 0 0 0 40px; }
.cp_ul01 .cp_ul02 li { width: 108px; padding: 0; }
.cp_ul01 .cp_ul02 li a { font-size: 14px; color: #bcc5cf; font-weight: normal; background: url(../images/cp_ico02.png) no-repeat 0 15px; padding: 0 0 0 18px; width: 90px; height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_ul01 .cp_ul02 li a:hover { background: url(../images/cp_ico03.png) no-repeat 0 15px; color: #fff; }
.cp_ul01 li.nobor { width: 324px; padding: 0 0 0 60px; }
.cp_more { position: absolute; top: 70px; right: 0; width: 225px; }
.cp_more b { display: block; font-size: 16px; color: #fff; width: 70px; height: 80px; }
.cp_more em { display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #0f5aad; background: #fff; overflow: hidden; border-radius: 20px; -webkit-transition: all .3s; transition: all .3s; }
.cp_more a:hover em { box-shadow: 0 2px 3px 0 #bcc5cf; z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px) }

.cp_m{padding: 35px 0;position: relative;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 210px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;z-index: 30;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.cp_m ul{float: left;}
.cp_m ul li{width: 262px;margin-right: 50px;}
.cp_m ul li em{width: 262px;height: 187px;display: block;line-height: 0;overflow: hidden;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{width: 262px;height: 187px;}
.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 374px;height: 260px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pinz dl dd span img:hover,.ys_pic img:hover,.jz dl dt span img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_m ul li span{ width:262px; display:block; text-align:center; height:40px; line-height:25px;font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m ul li a:hover span{color: #0f5aad;}
.cp_m ul li a:hover em,.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*品质*/
.pinz_bg { background: url(../images/pinz_gb.jpg) no-repeat center 0; height: 560px; overflow: hidden; }
.pinz .cp_bt { color: #fff; padding: 54px 0 0; height: 122px; }
.pinz .cp_bt span { color: #c6c6c6; }
.pinz dl { width: 333px; float: left; padding-right: 50px; padding-left: 50px; background: url(../images/pinz_line.gif) no-repeat 0 57px; padding-top: 40px; }
.pinz dl dt { overflow: hidden; font-size: 24px; color: #555; }
.pinz dl dt em { display: block; line-height: 0; text-align: center; }
.pinz dl dt em img { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
.pinz dl dt:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.pinz dl dd { padding: 0px 0 0; font-size:18px; color: #666666; text-align: center; }
.pinz dl dd p { color: #555; line-height: 20px; overflow: hidden; font-size:13px; }
.pinz dl dd span { display: block; overflow: hidden; color:#000000; line-height:40px; }
.pinz dl dd span img { width: 333px; height: 120px; }
.pinz .nobor01 { padding-left: 0; background: none; }
.pinz .nobor02 { padding-right: 0; }

/*优势*/
.ys { padding: 0 0 40px; position: relative; }
.ys .cp_bt { padding: 30px 0 0; height: 154px; }
.ys dl { width: 337px; height: 370px; float: left; background: #f7f7f7; position: relative; padding: 50px 0 0 40px; -webkit-transition: all .3s; transition: all .3s; position: relative; margin-right: 34px; margin-bottom: 30px; }
.ys dl dt { font-size: 24px; color: #333; line-height: 36px; }
.ys dl dt em { display: block; height: 70px; }
.ys dl dt em img { width: 60px; height: 60px; }
.ys dl dt span { display: block; font-size: 20px; color: #0f5aad; }
.ys dl dd { width: 275px; padding: 25px 0 0; }
.ys dl dd p { font-size: 14px; color: #666; line-height: 24px; padding: 5px 0 0; }
.ys dl dd span { font-family: Georgia; font-size: 52px; color: #e3e3e3; position: absolute; bottom: 40px; right: 30px; }
.ys dl.on, .jz dl dd span a:hover { box-shadow: 0 8px 10px 0 #ccc; z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px) }
.ys_t dl:first-child { margin-right: 820px; }
.ys .nobor { margin-right: 0; }
.ys_m { position: absolute; top: 184px; right: 0; width: 789px; height: 420px; overflow: hidden; line-height: 0; }
.ys_pic { width: 789px; height: 420px; float: left; overflow: hidden; line-height: 0; }
.ys_pic img { width: 789px; height: 420px; }
/*荣誉资质*/
.honor_bgw { background: url(../images/honor_bgw.jpg) no-repeat center 0; }
.honor_bg { background: url(../images/honor_bg.png) no-repeat center 0; height: 641px; overflow: hidden; }
.honor .cp_bt, .about .cp_bt { padding: 54px 0 0; height: 120px; }
.honor .cp_bt a, .about .cp_bt a { color: #fff; }
.honor .cp_bt span, .about .cp_bt span { color: #d3d3d3; }
.honor_c { width: 215px; float: right; height: 360px; padding: 20px 60px 0 40px; }
.honor_c ul li { height: 55px; line-height: 55px; overflow: hidden; }
.honor_c ul li a { font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 215px; }
.honor_c ul li a:hover { color: #0f5aad; }
.honor_c ul li b { font-size: 18px; padding: 0 10px 0 0; }
/*客户见证*/
.jz { padding: 0 0 60px; position: relative; }
.jz .cp_bt, .news_bg .cp_bt { padding: 57px 0 0; height: 120px; }
.jz dl dt { position: relative; width: 690px; float: left; }
.jz dl dt em { width: 240px; height: 450px; display: block; position: absolute; top: 0; left: 0; z-index: 20; }
.jz dl dt em img { width: 240px; height: 450px; }
.jz dl dt span { width: 600px; height: 450px; display: block; overflow: hidden; margin-left: 90px; }
.jz dl dt span img { width: 600px; height: 450px; }
.jz dl dd { width: 410px; float: right; padding: 40px 0 0; }
.jz dl dd h5 { font-weight: normal; line-height: 52px; height: 130px; background: url(../images/jz_line.gif) no-repeat 5px 128px; }
.jz dl dd h5 a { color: #1f1715; font-size: 34px; display: block; }
.jz dl dd h5 a:hover { color: #0f5aad; }
.jz .jz_desc { font-size: 14px; color: #9e9e9e; line-height: 28px; height: 112px; overflow: hidden; padding: 35px 0 0; }
.jz dl dd span { display: block; width: 140px; padding: 60px 0 0; }
.jz dl dd span a { display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #0f5aad; overflow: hidden; border-radius: 20px; -webkit-transition: all .3s; transition: all .3s; }
.jz b { width: 50px; height: 50px; position: absolute; top: 577px; display: block; z-index: 50; }
.jz b a { width: 50px; height: 50px; display: block; }
.jz_l a { background: url(../images/case_lico01.gif) no-repeat; }
.jz_l a:hover { background: url(../images/case_lico02.gif) no-repeat; }
.jz_r a { background: url(../images/case_rico01.gif) no-repeat; }
.jz_r a:hover { background: url(../images/case_rico02.gif) no-repeat; }
.jz_l { left: 640px; }
.jz_r { left: 691px; }
/*新闻中心*/
.news_bg { padding: 0 0 60px; background: #f7f7f7; overflow: hidden; }
.news { width: 580px; height: 400px; background: #fff; box-shadow: 0 3px 10px 3px #ddd; }
.news_t { height: 60px; line-height: 60px; overflow: hidden; border-bottom: #ebebeb 1px solid; }
.news_t em { float: left; width: 100px; height: 60px; display: block; line-height: 0; }
.news_t em img { width: 80px; height: 60px; }
.news_t a { font-size: 22px; color: #333; }
.news_t a:hover, .news_t a:hover i { color: #0f5bad; }
.news_t span { float: right; width: 85px; height: 60px; display: block; line-height: 16px; padding: 15px 0 0 15px; background: url(../images/news_line.gif) no-repeat 0 20px; }
.news_t span a { font-size: 12px; color: #2e2e2e; }
.news_t span i { color: #666; display: block; }
.news dl { width: 520px; padding: 30px 0 20px; margin: 0 auto; height: 126px; }
.news dt { width: 224px; height: 126px; overflow: hidden; float: left; }
.news dt img { width: 224px; height: 126px; }
.news dd { width: 260px; float: left; padding: 0 0 0 30px; }
.news dd span { display: block; font-size: 36px; color: #0f5bad; font-weight: bold; font-family: "Times New Roman", Times, serif; line-height: 40px; }
.news dd h3 { height: 30px; line-height: 30px; overflow: hidden; }
.news dd h3 a { font-size: 14px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.news dd h3 a:hover, .news ul li a:hover { color: #0f5bad; }
.news .news_desc { font-size: 14px; color: #757373; height: 40px; line-height: 20px; overflow: hidden; }
.news_c { width: 520px; margin: 0 auto; display: block; }
.news ul li { height: 45px; line-height: 45px; overflow: hidden; border-top: #c2c2c2 1px dotted; }
.news ul li a { font-size: 14px; color: #666; display: block; float: left; width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news ul li span { display: block; float: right; font-size: 14px; color: #909090; width: 100px; text-align: right; }
.news ul li b { padding: 0 10px 0 0; }
/*关于我们*/
.about { background: url(../images/ab_bg.jpg) no-repeat center 0; overflow: hidden; padding: 10px 0 60px; }
.ab_desc { font-size: 14px; color: #fff; height: 56px; line-height: 28px; overflow: hidden; width: 960px; text-align: center; margin: 0 auto; }
.about h4 { font-size: 24px; color: #fff; font-weight: normal; height: 44px; line-height: 44px; text-align: center; overflow: hidden; padding: 25px 0 0; }
.about em { display: block; width: 135px; margin: 0 auto; padding: 60px 0 0; }
.about em a { display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; background: #fff; border-radius: 20px; }
.about em a:hover { animation: shake 1.5s linear; -webkit-animation: shake 1.5s linear; }
/*友情链接*/
.f_link { height: 62px; line-height: 62px; overflow: hidden; background: #0F5AAD; }
.f_link b { display: block; float: left; font-size: 14px; color: #FFFFFF; width: 80px; font-weight: normal; }
.f_link p { font-size: 14px; color: #FFFFFF; float: left; width: 1120px; }
.f_link p a { font-size: 14px; color: #FFFFFF; padding: 0 10px 0 0; }
.f_link p a:hover { color: #CCCCCC; transition: all 0.5s; }

/**/
@-webkit-keyframes shake {
 from, to {
-webkit-transform:translate3d(0, 0, 0);
}
 20%, 60% {
-webkit-transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
transform:translate3d(0, 0, 0);
}
 20%, 60% {
transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
transform:translate3d(10px, 0, 0);
}
}
/*--éšè—éƒ¨åˆ†--*/
.header_mo, #demo2 { display: none; }
.tg-haslayout { width: 100%; float: left; }
.tg-main-section { /*padding: 100px 0;*/ padding: 25px 0 50px 0; }
.tg-btn { display: inline-block; vertical-align: middle; background: #333; color: #fff; text-align: center; font-size: 16px; line-height: 44px; padding: 0 50px; }
a.tg-btn:hover { color: #fff; }
.tg-btn2 { display: inline-block; vertical-align: middle; background: #fff; color: #333; text-align: center; font-size: 16px; line-height: 44px; padding: 0 50px; border: 1px solid #CCC; }
a.tg-btn2:hover { color: #fff; border: 1px solid #004098; background: #004098; }
.tg-btn-sm { padding: 0 20px; line-height: 30px; }
.tg-btn-lg { width: 100%; }
.tg-socialicon { text-align: center; float: left; width: 100%; list-style: none; }
.tg-socialicon li { padding: 0 3px; overflow: hidden; list-style-type: none; display: inline-block; vertical-align: middle; }
.tg-socialicon li a { width: 30px; height: 30px; display: block; background: #fff; overflow: hidden; color: #a0a0a0; border: 1px solid #a0a0a0; }
.tg-socialicon li a i { display: block; font-size: 13px; line-height: 30px; text-align: center; }
.tg-socialicon li a:hover { color: #fff; }
.tg-description { width: 100%; float: left; }
.tg-img-hover { left: 0; top: 70%; opacity: 0; width: 100%; height: 100%; position: absolute; visibility: hidden; background: rgba(206,46,133,0.75); }
.tg-section-head { width: 100%; float: left; text-align: center; }
.tg-section-head h2 { margin: 0 0 30px; padding: 0 0 20px; position: relative; display: inline-block; vertical-align: middle; }
.tg-heading { width: 100%; position: relative; float: left; }
.tg-section-head h2:after, .tg-section-head h2:before { content: ''; position: absolute; top: 40%; right: 0; width: 115px; height: 30px; margin: 0 30px 0 0; text-align: center; font-size: 20px; line-height: 30px; border-bottom: 2px solid #004098; }
.tg-section-head h2:after { content: url(../images/heading_border.png); width: 0; margin: 7px 22px 0 0; }
.tg-section-head .tg-description { padding: 0 0 40px; }
.tg-section-head .tg-description p { margin: 0; }
.tg-displaytable { width: 100%; height: 100%; display: table; }
.tg-displaytablecell { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.tg-border { border: 1px solid #ddd; }
.tg-bordertop { border-top: 1px solid #ddd; }
.tg-borderright { border-right: 1px solid #ddd; }
.tg-borderbottom { border-bottom: 1px solid #ddd; }
.tg-borderleft { border-left: 1px solid #ddd; }
.tg-heading-border { width: 100%; float: left; position: relative; margin: 0 0 14px; }
.tg-heading-border h2 { margin: 0 0 20px; }
.tg-heading-border:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 40px; height: 2px; margin: 0 0 0 -25px; }
.tg-heading-border.tg-borderwhite:after { background: #fff; }
.tg-product-detail .tg-heading-border:after { background: #fff; }
.tg-padding-half { padding: 50px 0; }
.tg-backgroundwhite { background: #fff; }
.tg-banner { position: relative; padding: 100px 0 0; }
.tg-banner .tg-heading-border { padding: 0 0 5px; }
.tg-banner .tg-heading-border:after { left: 15px; margin: 0; }
.tg-banner h1 { font-size: 30px; line-height: 30px; color: #fff; position: relative; margin: 0; float: left; padding: 0 15px; text-transform: uppercase; }
.tg-banner h1:after { content: ''; display: block; position: absolute; left: 100%; top: 3px; background: url(../images/bg-heading.png) repeat-x; width: 10000%; height: 25px; opacity: 0.50; }
.tg-banner h1:before { content: ''; display: block; position: absolute; right: 100%; top: 3px; background: url(../images/bg-heading.png) repeat-x; width: 10000%; height: 25px; opacity: 0.50; }
.tg-product-hover, .tg-portfolio-hover, .tg-theme-hover .fig-hover, .tg-post .fig-hover, .tg-team-hover { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.anchor-top, .anchor-bottom, .anchor-right, .anchor-left { color: #fff; display: block; left: 45%; margin-left: -20px; opacity: 1; position: absolute; top: -100%; visibility: hidden; }
.anchor-bottom { border-bottom: 70px solid #004098; border-left: 70px solid transparent; height: 0; width: 0; margin: 0; left: auto; top: auto; right: -20%; bottom: -20%; }
.anchor-top i { font-size: 80px; }
.anchor-bottom i { font-size: 25px; color: #fff; top: 37px; left: -25px; position: absolute; }
.tg-theme-hover:hover { border: 1px solid; }
.tg-product:hover .anchor-top, .tg-product:hover .anchor-right, .tg-project:hover .anchor-bottom, .tg-theme-hover:hover .anchor-top, .tg-theme-hover:hover .anchor-bottom, .tg-post:hover .anchor-bottom, .tg-member:hover .anchor-top, .tg-member:hover .anchor-right, .tg-member:hover .anchor-left { visibility: visible; opacity: 1; top: 32%; }
.tg-project:hover .anchor-bottom, .tg-theme-hover:hover .anchor-bottom, .tg-post:hover .anchor-bottom { top: auto; bottom: 0; right: 0; }
.tg-product:hover .tg-product-hover, .tg-project:hover .tg-portfolio-hover, .tg-theme-hover:hover .fig-hover, .tg-post:hover .fig-hover, .tg-member:hover .tg-team-hover { opacity: 1; }
.tg-banner ul { list-style: outside none none; padding: 15px 0; text-align: center; width: 320px; float: right; /*color:#FFF;--zståŠ ç™½è‰²--*/
}
.tg-banner ul li { display: inline-block; line-height: normal; list-style-type: none; padding: 0 5px; position: relative; width: auto; color: #fff; }
.tg-banner ul li a { color: #fff; }
.tg-banner ul li a:hover { color: #c1daa0; }
.tg-banner ul li:first-child::after { color: #fff; content: "/"; height: 5px; position: absolute; right: 0; top: 0; width: 1px; }
.tg-banner ul li:nth-child(2)::after { color: #fff; content: "/"; height: 5px; position: absolute; right: 0; top: 0; width: 1px; }
/* 解决方案 */

.swiper-container { width: 1200px; height:296px; text-align:left; }
.swiper-slide {}
.swiper-slide .img { width:365px; height:256px; }
.swiper-slide .title { margin-bottom: 0; text-align:center; font-size:16px; line-height:40px; display:block; width:365px; }
.pagination { position: absolute; z-index: 20; left: 46%; bottom: 50px; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fff; }
div.swiper-slide-active+div { margin: 0px 17px; }
