@charset "utf-8";
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0; font-weight: normal}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important; width:100%!important;}
table td,table th{ border: 1px solid #fff!important; padding: 20px 3%; margin: 0px;}
table thead tr{ background-color: #28a3de; color: #fff;}
table tbody tr{ background-color: #f2f2f2;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; margin: 0 auto; color: #333333; background-color: #fff; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing:antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #1d4992; color: #fff; text-shadow: none; }
::selection { background: #1d4992; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.smlink{ margin-left: 15px;}
.inner { width: 1170px; margin: 10px auto; }
.header a:link, .header a:visited { color: #333333; }
.header a:active, .header a:hover { color: #1c3681; }
.header{ background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); z-index: 999;}
.gropSider{ padding-top: 10px; height: 30px;}
.top-nav{ float: right; display: block; width:400px; height:30px; z-index: 104; color: #999; position: relative; font-size: 12px; transition:300ms;-webkit-transition:300ms;}
.language-box{display: inline-block; margin-right: 10px; position: relative; top: -10px}
.language-box a{float: left; margin-right: 20px; color: #999; text-decoration: none}
.language-box a:hover{color:#1d4992}
.share-box{display: inline-block;}
.share-box a{float: left; margin-right: 10px;}
.share-box img{width: 30px;}


.select-Language{ float: right; display: block; width:85px; height:30px; z-index: 104; color: #999; position: relative; font-size: 12px; transition:300ms;-webkit-transition:300ms;}
.select-Language .mb{ padding:0 20px 0 5px; position:relative;cursor:pointer; line-height:30px;}
.select-Language .mb .aw{ width:11px; position:absolute;top:0;bottom:0;right:5px;background:url(../images/bot_sj.png) no-repeat scroll center center; height: 100%; transition:300ms;-webkit-transition:300ms;}
.select-Language .b{ position:absolute;top:30px;display:none; width: 100%;}
.select-Language ul{background-color:#eee; overflow:hidden;}
.select-Language a{ display:block; padding:8px 5px;line-height:1.2; border-top: 1px solid #e1e1e1;}
.select-Language.act{ background-color: #eee;}
.select-Language.act .mb .aw{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.gropSearch{ float: right; display: block; width: 30px; height: 30px; background: url(../images/serach_ico.png) no-repeat scroll center center; margin-right: 5px; cursor: pointer;}
.gropSearch:hover{ background-color: #EEEEEE;}
.top{ position: relative; z-index: 5;}
.logo{ padding: 4px 0px; width: 150px; position: absolute; left: -15px; top: -35px;}
.logo img{ width: 100%; display: block;}
.nav{ float: right; display: block;}
.nav li{ float: left; display: block; text-align: center; position: relative; margin-left: 22px;}
.nav .nav-link{ height: 50px; line-height: 50px; padding: 0px 20px; display: block; position: relative; z-index: 1; background-color: #fff;}
.csstransforms .nav .nav-link:before{ content:""; width:100%; height:100%; background-color:#345578; z-index: -1; position:absolute; left:0; top:0px; transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0;  -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0);}
.csstransforms .nav .nav-link.hov:before,.csstransforms .nav .nav-link.active:before,.csstransforms .nav .nav-link:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;}
.no-csstransforms .nav .nav-link.hov,.no-csstransforms .nav .nav-link.active,.no-csstransforms .nav .nav-link:hover{ background-color: #345578;}
.nav .nav-link.hov,.nav .nav-link.active,.nav .nav-link:hover{ color: #fff;}
.nav .subnav a:link, .nav .subnav a:visited { color: #666;}
.nav .subnav a:active,.nav .subnav a:hover { color: #345578;}   
.nav .subnav{ position: absolute; left: 0%; top: 80px; padding: 0px 0px; display: none; background-color: #ffffff; word-break:keep-all; white-space:nowrap; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}
.nav .subnav a{ display: block; padding: 5px 15px; line-height: 1.4;}
.searchArea{ position: absolute; left: 0; top: 90px; background-color: #f2f2f2; width: 100%; display: none;}
.search-txt{ display: block; width: 94%; font-weight: bold; padding: 15px 0; border: 0px none; margin: 0; background-color: #F2F2F2; font-size: 15px;}
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; width: 52px; height: 52px; background-color: #345578; cursor: pointer; position: absolute; right: 0px; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 26px; height: 3px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0px 0px 0px -13px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-3 { top: 32px; }
.menu-handler.active .burger-1 { top: 24px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-3 { top: 24px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.search-Mbtn { width: 52px; height: 52px; position: absolute; right:52px; top: 0px; cursor: pointer; display: none; border-left: 1px solid #e9e9e9; x}
.search-Mbtn i { width: 24px; height: 24px; background: url(../images/serach_btn2.png) no-repeat scroll center center; background-size: cover; display: block; margin: 15px auto;}
.searchIBox { position: fixed; left: 0px; top: 52px; height: 0px; overflow: hidden; padding: 12px 104px 12px 3%; background-color: #f2f2f2; z-index: 800; width: 100%; box-sizing: border-box; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; visibility: hidden; }
.searchIBox.active { visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); height: 48px; }
.searchIBox .txt { border: 0px none; height: 24px; line-height: 24px; padding: 0px; margin: 0px; width: 100%; background-color: transparent; font-size: 14px; color: #000; font-family: "microsoft yahei"; }
.searchIBox .btn { position: absolute; right: 0px; top: 0px; width: 105px; height: 100%; background-color: #666; }
.searchIBox .btn i { width: 20px; height: 20px; background: url(../images/serach_btn3.png) no-repeat scroll center center; background-size: cover; display: block; margin: 16px auto; }
.pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.search-bg,.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900; }
.menuBox { background-color: #fff; color: #000; position: fixed; right: 0px; top: 0px; width: 390px; height: 100%; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; transform: translate(100%,0px); -moz-transform: translate(100%,0px); -webkit-transform: translate(100%,0px); -o-transform: translate(100%,0px); }
.no-csstransforms3d .menuBox { display: none; }
.languageBox a:link, .languageBox a:visited { color: #666; }
.languageBox a:active, .languageBox a:hover, .languageBox a.act { color: #1c3681; }
.languageBox { text-align: right; font-size: 14px; padding: 13px 20px 14px; }
.languageBox a { margin-left: 15px; }
.trans4{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.navMobile{ border-top: 2px solid #000;}
.navMobile li { padding-bottom: 2px; }
.navMobile .nav-link { color: #000; display: block; font-size: 18px; padding: 5px 25px; position: relative; background-color: #F2F2F2;}
.navMobile .nav-link.cur{ background-color: #1d4992; color: #fff;}
.navMobile .mico { width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; margin-top: -7px;}
.navMobile .mico .line1 { width: 14px; height: 2px; overflow: hidden; background: #000; position: absolute; left: 0; top: 6px; transition: 400ms; -webkit-transition: 400ms; }
.navMobile .mico .line2 { width: 2px; height: 14px; overflow: hidden; background: #000; position: absolute; left: 6px; top: 0; transition: 400ms; -webkit-transition: 400ms;}
.navMobile .cur .mico{ transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); o-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.navMobile .cur .mico .line1,.navMobile .cur .mico .line2{ background-color: #fff;}
.navMobile .cur .mico .line2{ display: none;}
.navMobile .subnav { background-color: #fff; display: none; }
.navMobile .subnav dd { margin-bottom: 5px; line-height: 1.4;}
.navMobile .subnav a { color: #666666; position: relative; display: block; padding: 6px 25px; border-bottom: 1px solid #F2F2F2;}
.navMobile .subnav a:hover { color: #1c3681; }
.menuOpen .pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
.menuOpen .pusher-black { display: block; }
.menuOpen .menuBox { z-index: 999; }
.pageTop{ height:90px;}
.linkIbox a:link, .linkIbox a:visited { color: #666; }
.linkIbox a:active, .linkIbox a:hover { color: #1c3681; }
.linkIbox{ padding: 80px 0px 70px;}
.linkIbox dt,.linkIbox dd{ float: left; display: block; width: 20.78%; margin-right: 3%;}
.linkIbox dt{ width: 16.66%; margin-right: 0;}
.linkIbox dd.lastItem{ width: 12%; margin-right: 0; float:right;}
.ermBox{ float: right; display: block; text-align: center; width: 92px;}
.ermBox .img{ width: 100%; display: block; margin-bottom: 5px;}
.foot{ background-color: #333333; color: #fff; padding: 8px 0px; text-align: center;}
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #ff0000; }
.dock a:link, .dock a:visited { color: #999999; }
.dock a:active, .dock a:hover { color: #fff; }
.dock{ position: fixed; right: 0; bottom: 10%; z-index: 1000;}
.dock a{ width: 50px; height: 50px; margin-bottom: 1px; display: block; background-color: #fff; box-shadow: 0 0 5px rgba(4, 0, 0, 0.1);}
.dock a i{ background: url(../images/dock.png) no-repeat; width: 100%; height: 100%; display: block; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.dock a i.i1{ background-position: 0px 0px;}
.dock a i.i2{ background-position: -50px 0px;}
.dock a i.i3{ background-position: -100px 0px;}
.dock a i.i4{ background-position: -150px 0px;}
.dock a:hover{ background-color: #1d4992;}
.dock a:hover i.i2{ background-position: -50px -50px;}
.dock a:hover i.i3{ background-position: -100px -50px;}
.dock a:hover i.i4{ background-position: -150px -50px;}
.dock a.ihome:hover{ background-color: #fff;}
.backTop{ font-size: 14px; color: #999999; line-height: 50px; text-align: center; text-transform: uppercase; font-weight: bold;}
.pbanner{ position: relative; overflow: hidden; min-height: 200px; background: url(../images/loader.gif) no-repeat scroll center center #fff;}
.pbanner .load-img{ display: block; width: 100%;}
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #d5012a;}
.pbanner-C{ position: absolute; left: 5%; top: 0%; width: 90%; visibility: hidden; height: 100%; display: block;}
.pbanner-C .t{ color: #fff; text-align: center; font-weight: bold; font-size: 24px; line-height: 1.5;}
.pbanner-C.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1; }
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.pageNavBox { height: 40px; margin-bottom: 50px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #ffffff;}    
.pagenav { background-color: #fff; width: 100%; text-align: center; border-bottom: 2px solid #1d4992;}
.cpnavbox { height: 32px; line-height: 32px; padding-top: 6px; -webkit-transition:height 0.3s;  transition:height 0.3s;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; margin: 0px 5px; padding: 0px 16px;  *display: inline; *zoom: 1; position: relative; text-transform: uppercase;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #1d4992; color: #fff; }
.cpnav { display: none; width: 100%; line-height: 38px; height: 38px; overflow: hidden; text-align: center;  cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.bannerBox{ height: 100%; position: relative; width: 100%;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; font-family: "Microsoft yaHei"; background-color: #fff; display:block}

.mbanner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; font-family: "Microsoft yaHei"; background-color: #fff; display:none}
.mbanner img{width: 100%}
.content { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.about-banner{width:100%; margin-top:0px; display:block; overflow: hidden}
.about-banner img{width:100%;}

.m-about-banner{width:100%; margin-top:0px; display:none}
.m-about-banner img{width:100%;}


/*search style*/
.search-page{ background-color: #efefef; padding: 80px 0px;}
.serachPbox{ box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2); transition: 300ms; -webkit-transition: 300ms; height: 60px; overflow: hidden; position: relative; background-color: #fff; padding-right: 130px; margin: 0px auto 35px;}
.serachPbox .txt{ border: 0px none; height: 30px; line-height: 30px; padding: 0px; margin: 15px 0px 0px; width: 96%; margin-left: 2%; background-color: transparent; font-size: 18px; color: #3d3d3d; font-family: "microsoft yahei";}
.serachPbox .btn{ position: absolute; right: 0px; top: 0px; width: 130px; height: 100%; background-color: transparent;}
.serachPbox .btn i{ width: 100%; height: 100%; background: url(../images/serach_btn4.png) no-repeat scroll center center #1D4992; display: block;}
.serachPbox .btn:hover{ background-color: #E2E2E2;}
.serachPbox .btn:hover i{ border-left-color: #E2E2E2;}

.serachList a:link,.serachList a:visited { color: #333;}
.serachList a:active,.serachList a:hover { color: #1D4992;}
.serachList{ padding:15px 0px 40px;}
.serachList dd{ background-color: #fff; margin-bottom: 4px; color: #333;}
.serachList a{ display: block; padding: 12px 2%; line-height: 1.4;}
.serachList .w-search-txt{ color: #1D4992; font-size: 16px;}
/*search style end*/



/*产品中心*/
.advantage{ max-width:1200px; overflow:hidden; margin:60px auto 0px auto;}
.advantage .title{ width:100%; text-align:center; position:relative}
.advantage .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0; text-transform: uppercase}
.advantage .title h1:after{width: 80px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}
.advantage_con{ width:100%; overflow:hidden; clear:both; margin:50px auto;} 
.advantage_con dl{width: 31%; margin-right: 3.3%; float:left; font-size:14px; overflow:hidden; color:#666;}
.advantage_con dl:last-child{margin-right: 0}
.advantage_con dl dd{ height:185px; margin-bottom:10px; padding:1px;} 
.advantage_con dl dd:hover{background-color:#ccc;}
.advantage_con dl dd a{ display:block; width:100%; height:100%;}
.advantage_con dl dt{padding:0px; margin:0px;}
.advantage_con dl dt H3{text-align:left; font-size:16px; color:#666; font-weight:normal}
.advantage_con dl dt p{text-align:left; font-size:12px; color:#666; font-weight:normal}
/*成功案例*/
.case-bj{width:100%; padding-bottom:50px;}
.case-bj .title{ width:100%; padding:30px 0px; text-align:center; position:relative}
.case-bj .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0; text-transform: uppercase}
.case-bj .title h1:after{width: 80px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}

.index-head {text-align: center; margin-bottom: 24px; margin-top:20px;}
.index-head li{display: inline-block;padding-left: 10px;padding-right: 10px; margin-bottom: 20px;}
.index-head a{font-size: 16px; border:1px solid #ccc; color:#666; padding:5px 20px;}
.index-head li.on a{color:#fff; border:1px solid #345578; background: #345578}
.index-head li:last-of-type{background: none;}
.index-head a:hover{color:#fff; border:1px solid #345578; background: #345578}
.index-case .case-text{padding: 15px 3%; text-align: center;}
.index-case .case-text h2{padding-bottom: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: normal}
.index-case .case-text h2 a{font-size: 14px;color:#333; }
.index-case .owl-prev{width: 36px;height: 36px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/icon-left.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-next{width: 36px;height: 36px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/icon-right.jpg) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: -70px;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: -70px;}
.index-case .case-toggle{margin-bottom: 50px;}
.see-more{text-align: center;display: block; margin-top:30px; margin-left: auto;margin-right: auto; width: 170px; height: 45px; line-height: 45px; border-radius: 45px; background: #eee; font-size: 16px;color:#999;}
.see-more:hover{color:#345578;}
.see-more i{color:#345578; font-size:20px;}
.case-toggle{position:relative; max-width:1200px; margin:0px auto}
.case-toggle .case-body{opacity: 0;/*z-index: 1;*/visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;}
.case-body .case-pic{overflow: hidden;}
.case-body .case-pic img{border: 1px solid #eee; padding: 1px; width: 98%!important}




.i_about{width:100%; margin:100px auto 0px auto;}

.i_aboutbox dd{ width: 50%; float: left; position: relative;}
.i_aboutbox2{ background-color: #284b70; color: #fff; margin-top: 0px; position: relative; height: 530px;}
.i_aboutbox2 .box{padding: 3% 3%; max-width: 600px;}
.i_aboutbox2 H2{ font-size:36px; color: #fff; line-height: 60px; position: relative;}
.i_aboutbox2 H2:after{width:80px; height:2px; background:#fff; content: ""; display: block; position: absolute; left: 0px; bottom: 0px;}
.i_aboutbox2 H6{ font-size:16px; color: #fff; line-height: 30px; margin-top: 30px; }

.i_aboutbox2 .add{border: 1px solid #fff; display: block; margin-top: 30px; font-size: 16px; color: #fff; width: 170px; height: 45px; line-height: 45px; border-radius: 45px; text-align: center; font-size: 16px}

.i_about-imgbox{ cursor: pointer; position: relative; z-index: 0}
.i_about-imgbox .vimg{ width: 100%; height: 530px;}
.i_about-imgbox .vimg .img{ height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: transform .8s ease-out 0s; -webkit-transition: -webkit-transform .8s ease-out 0s;}


.i-product{width:100%; margin-top:50px;}
.i-product .title{width:100%; position:relative; text-align:center;}
.i-product .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0; text-transform: uppercase}
.i-product .title h1:after{width: 80px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}

.i-product-box{width:100%; margin-top:20px; float:left}
.i-product-box li{width:96%; margin-right:4%; margin-left:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.i-product-box li:nth-child(3n+3){margin-right:0}
.i-product-box li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;}
.i-product-box li figure img{width:100%; text-align:center; transition:460ms; display:block; overflow:hidden}
.i-product-box li figure H6{font-size:14px; color:#585d63; line-height:36px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; min-width:100px; border-top:1px solid #eee;}
.i-product-box li .xx{content: "";max-width:100%; width: 100%;height: 1px;margin:5px auto;background: #000; z-index:2;}
.i-product-box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}

.i-product .owl-nav{margin-left:0px; width:90px; margin: 0px auto;}
.i-product .owl-nav .owl-prev {background:url(../images/index-left-1.png) no-repeat!important; width: 40px; height: 40px; overflow:hidden; margin: 0px auto; text-indent: 9999px; margin-top: 0px; border-radius:0px!important; display: inline-block; margin-right: 10px;}
.i-product .owl-nav .owl-prev:hover {background:url(../images/index-left-1a.png) no-repeat!important;}
.i-product .owl-nav .owl-next {background:url(../images/index-right-1.png) no-repeat!important;width: 40px;height: 40px;text-indent: 9999px;overflow:hidden;  margin: 0px auto; margin-top: 0px;border-radius:0px!important; display: inline-block}
.i-product .owl-nav .owl-next:hover {background:url(../images/index-right-1a.png) no-repeat!important;}
.i-product .owl-dots{display:none!important;}


.i_news{margin:50px auto; float:left; width:100%;}
.i_news .title{width:100%; position:relative; text-align:center; margin-bottom: 20px; display: inline-block}
.i_news .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0; text-transform: uppercase}
.i_news .title h1:after{width: 80px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}
.i_news .newsimg{width:50%; float:left;}

.newsimg_box figcaption:before{ content:""; width:100%; height:100%; left:0; top:-100%; transition:750ms; position:absolute;}
.newsimg_box:hover figcaption:before{ top:0;}
.newsimg_box:hover figcaption .casemore:before{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:650ms 450ms;}
.newsimg_box:hover figcaption .casemore:after{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 450ms;}
.newsimg_box:hover figcaption b{ width:100%;}
.newsimg_box figure{ display:block; position:relative; overflow:hidden;}
.newsimg_box figure:before{ width:100%; height:0px; content:""; position:absolute; left:0; top:0; transition:750ms; background:#00a29a; z-index:10;} 
.newsimg_box figure .img{ width:100%; height:350px; display:block; line-height:0; transition:860ms; }
.newsimg_box figure .img img{ width:100%;}
.newsimg_box figcaption{ display:block; padding:12px 0px 10px; position:relative; overflow:hidden;}
.newsimg_box figcaption h3{ color:#404040; font-size:18px; line-height:30px; font-weight:normal; transition:480ms;}
.newsimg_box figcaption .time{display:block; color:#cecece; font-size:12px; line-height:30px; overflow:hidden}
.newsimg_box figcaption .time i{padding-right:5px; vertical-align:middle; float:left; padding-top:3px;}
.newsimg_box figcaption .txt{line-height:24px; color:#8c8c8c; font-size:14px;}

.i_news .newsbox{width:48%; float:right}
.i_news .newsbox li{display:inline-block; border-bottom:1px dashed #eee; padding:10px 0px 15px 0; width:100%; margin:0px auto 5px auto;}
.i_news .newsbox .ncon{margin-left:0px; float:left; width:100%;}
.i_news .newsbox .ncon H5{color:#666; font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight: normal}
.i_news .newsbox .ncon H6{color:#666; font-size:14px; line-height:26px; font-weight: normal}
.i_news .newsbox .ncon a{color:#666;}
.i_news .newsbox .ncon span{color:#666; font-size:12px; line-height:20px;}


/* 底部 */
.footer{ background:#232222;}
.footer a{ color:#fff; }
.footer a:hover,.footer a:active{ color:#eee; }
.footer .fnav{ width:60%; float:right; line-height:2.2; margin-top:35px;  margin-left:5%; }
.footer .fnav li{ float:left; margin-left:7%; }
.footer .fnav li:first-child{ margin-left:0; }
.footer .fnav a{ display:block; text-transform:capitalize; font-size:14px; line-height: 40px; position: relative}
.footer .fnav li a span{position: absolute; width: 18px; height:1px; background: #fff; display: block; top: 20px;}
.footer .fnav li a p{padding-left: 0px;}
.footer .fnav .fa{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; color:#e8e8e8; font-size:18px; position:relative; margin-bottom:0px; }
.footer .fnav .fa:hover .line{ width:0; }
.footer .t{ padding:0px 0 45px 0;}
.footer .t .r{ width:33%; float:left; margin-top:35px;}
.footer .t .r .tx{ padding-left:0px; line-height:30px; width:100%; float:left; color:#fff; font-size:14px;}
.tool a{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; width:32px; height:32px; margin-right:15px; margin-top:10px;}
.footer .t .r .ewm{ padding-left:0px; line-height:30px; width:50%; float:left}
.footer .t .r .ewm img{padding-left:20px;}

.footer .b{ color:#fff; background: #1a1a1a;}
.footer .b a{ color:#fff; }
.footer .b a:hover,.footer .b a:active{ opacity:0.5; filter:alpha(opacity=50); }
.footer .lef{ float:right; min-height:35px; padding-top:15px; font-size:14px;}
.back_1{ background:#585d63;}
.back_2{ background:#f2f2f2;}


/*内页*/
.inside{width:100%; margin:0px auto;}
.inside-title {margin-top:65px; text-align:center; position:relative}
.inside-title H2{font-size:36px; color:#050209; line-height:36px; font-weight:bold}
.inside-title H2:after{width: 50px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}




.inside-nav{width:100%; border-bottom:1px solid #eeeeee; text-align:center;  display:inline-block; background:#fff; margin-top:-10px; height:75px; }
.inside-nav li{ display:inline-block; clear:both; padding:0px 0px; line-height:75px; text-align:center;  width:16%; margin-right: -5px; border-left:1px solid #eee;}
.inside-nav li:last-child{border-right:1px solid #eee;}
.inside-nav li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block; border-right:0px;}
.inside-nav li a:hover, .inside-nav li a.cur{text-decoration:none; background:#345578; color:#fff; height:75px;}
.inside-nav li a.cur:after{content:"";  width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #345578; margin:0px auto; display:block;}


.pro-nav{width:100%; text-align:center;  display:inline-block; background:#fff; margin-top:30px; height:35px; }
.pro-nav li{ display:inline-block; clear:both;  line-height:35px; text-align:center;  margin-right: 10px; border: 1px solid #eee; margin-bottom: 10px;}
.pro-nav li:last-child{margin-right: 0}
.pro-nav li a{font-size:14px; color:#666; text-decoration:none; padding:0px 20px; display:block; border-right:0px;}
.pro-nav li a:hover, .pro-nav li a.cur{text-decoration:none; background:#345578; color:#fff; height:35px;}



/*公司介绍*/
.about{width:100%;}

.about-company{width:100%; margin:30px auto 0 auto;}
.about-company .box{width:100%; margin-top:70px; float:left; margin-bottom:120px;}
.about-company .box li{text-align:center; border-right:1px solid #ccc; width:33%; float:left}
.about-company .box li:last-child{border-right:0px;}

.about-company .c{width:100%; line-height:30px; font-size:14px; max-width:1200px; margin:0px auto 50px auto}
.about-company .c a.more{background:#fff; border:1px solid #eee; width:100px; height:36px; display:block; margin:30px auto; text-align:center; line-height:38px; color:#0168b7;}


.about-company .honor{width:100%; float:left;}



.about-company .culture{width:100%; margin-top:50px; margin-bottom:60px; float:left; display:block}
.about-company .culture .video{width:50%; float:left; margin-top:50px;}
.about-company .culture .txt{width:50%; float:left; margin-top:50px;}
.about-company .culture .txt p{line-height:24px; font-size:14px; color:#666;}


.about-company .workshop{width:100%;}
.about-company .workshop li{width:31%; margin-right:3.4%; float:left; background:#fff; margin-bottom:3.1%; transition:460ms;box-shadow:0px 0px 3px #ddd;}
.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li figure{ display:block; line-height:normal; width:94%; margin:3% auto 0% auto; overflow:hidden;}
.about-company .workshop li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;}
.about-company .workshop li H4{font-size:16px; color:#666; line-height:30px; padding:10px 0px 20px 0px; text-align:center;}
.about-company .workshop li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.about-company .workshop li:hover{box-shadow:0px 0px 20px #ccc;}


.about-company .honor{width:100%;}
.about-company .honor li{width:23%; margin-right:2%; float:left; background:#eeeeee; margin-bottom:3.1%; transition:460ms;}
.about-company .honor li:nth-child(4n+4){margin-right:0}
.about-company .honor li figure{ display:block; line-height:normal; width:94%; margin:3% auto 0% auto; overflow:hidden;}
.about-company .honor li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;}
.about-company .honor li H4{font-size:16px; color:#666; line-height:30px; padding:10px 0px 10px 0px; text-align:center; height:30px; overflow:hidden;white-space: nowrap;  
 text-overflow:ellipsis;}
.about-company .honor li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.about-company .honor li:hover{box-shadow:0px 0px 20px #aaa;}


/*新闻中心*/
.news{width:100%;}
.news-list {margin-top: 30px;}
.news-list li {position: relative; margin-bottom: 20px; padding-top:20px; padding-bottom:20px; background: #fff; overflow: hidden;}

.news-list li:after {content: ''; display: table; clear: both;}
.no-boxshadow .news-list li {border: 1px solid #eee;}
.news-list li figure{float:left; line-height:normal; width:30%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; height:auto; transition:460ms;}
.news-list .desc {float: left; width: 64%; padding-left: 3%; padding-right: 3%;}
.news-list .desc h3 {margin-top:5px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .38s; color:#000;}
.news-list .desc p {height: 100px; line-height:25px; font-size:14px; color: #666; overflow: hidden; margin:20px 0px;}
.news-list .date {display:block; line-height:20px;}
.news-list .date span {font-size: 12px; color:#666666; font-size:12px;}
.news-list .more {display:block; width:100px; height:32px; border:2px solid #eee; background:#fff; text-align:center}
.news-list .more span {font-size: 12px; color:#0168b7; font-size:12px; line-height:32px;}
.news-list li:hover .desc h3 { color: #000;}
.news-list li:hover figure img { transform: scale(1.1);}

.newsview {width: 100%; margin: 50px auto 10px auto;}
.newsview H3 {font-size: 30px; color: #333; line-height: 60px; text-align: center; padding:0px 10px;}
.newsview .info {width: 98%; margin: 0px auto; text-align: center; padding-top:10px; border-bottom: 1px solid #eee; padding-bottom: 10px; height:30px;}
.newsview .info span {margin: 0px 10px;	line-height: 30px; font-size: 12px; text-align: center}

.newsview .c {font-size: 14px; line-height: 30px; padding: 0px 10px; margin-top: 30px;}
.newsview .c img {text-align: center;}


/*产品中心*/
.product{width:100%; margin-top:0px; float:left}
.product-box{margin:20px 20px;}
.product-list{ margin-top:15px;}
.product-list li{ width:30%; float:left; margin-right:3.5%; margin-bottom:30px; text-align:center}
.product-list li:nth-child(3n+3){ margin-right:0;}
.product-list li figure{ display:block; line-height:normal; overflow:hidden; position:relative; border:1px solid #eee;}
.product-list li figure img{ display:block; width:94%; margin:3% auto; height:auto; transition:424ms linear;}
.product-list li figcaption{ display:block; color:#5d5d5d; font-size:14px; line-height:normal; margin-top:14px; transition:350ms;height: 56px}
.product-box .product-down{ float:left;}

.product-list li figure mark{ position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,142,62,0); filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms;}
.product-list li figure mark:before{ content:""; width:100%; height:0%; border-left:3px solid #345578; border-right:3px solid #345578; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.product-list li figure mark:after{ content:""; width:0%; height:100%; border-top:3px solid #345578; border-bottom:3px solid #345578; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.product-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;}
.product-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;}
.product-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;}
.product-list li:hover figure img{ transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02);}
.product-list li:hover figcaption{ color:#333; text-align:center}


.product-view{width:100%;}
.product-view .box{width:100%; max-width:1200px; margin:50px auto}
.product-view .box .img{width:60%; max-width:770px;}



.product-view .box .info{width:35%; max-width:390px;}
.product-view .box .info .t{font-size:24px; line-height:24px; padding:30px 0px; border-bottom:1px solid #eee; width:100%; display:block; color:#000}
.product-view .box .info .c{border-bottom:1px solid #eee; padding:30px 0px; font-size:12px; line-height:18px; color:#666;  display:block}
.product-view .box .info .zx{padding:30px 0px; border-bottom:1px solid #eee; width:100%; display:block}
.product-view .box .info .zxbtn{width:100%; height:60px; background:#0768b2; border-radius:5px; text-align:center; line-height:60px; text-align:center; color:#fff; display:block; font-size:20px;}
.product-view .box .info .zxbtn i{background:url(../images/probig_icon_kf.jpg) no-repeat; width:34px; height:30px; margin:0px auto; display:inline-block; position:relative; top:5px; margin-right:10px;}
.product-view .box .info .tel{border-bottom:1px solid #eee; padding:30px 0px; width:100%; display:block}
.product-view .box .info .tel H5{font-size:14px; color:#666; line-height:24px;}
.product-view .box .info .tel H3{color:#0768b2; font-size:36px; line-height:36px;}
.product-view .box .share{width:100%; padding-top:20px; display:block}

.product-view .details{margin-top: 30px; margin-bottom: 30px;}

.product-view .details .d-img{width:100%; display:block; margin-top:20px;}
.product-view .details .d-img li{width:31%; margin-right:3.3%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.product-view .details .d-img li:nth-child(3n+3){margin-right:0}
.product-view .details .d-img li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;}
.product-view .details .d-img li figure img{width:100%; text-align:center; transition:460ms; display:block}
.product-view .details .d-img li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.product-view .details .d-img li H5{font-size:14px; color:#666; line-height:45px;}


.product-view .details .d-img2{width:65%; display:block; margin-top:20px; clear:both;}
.product-view .details .d-img2 li{width:48%; margin-right:4%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.product-view .details .d-img2 li:nth-child(2n+2){margin-right:0}
.product-view .details .d-img2 li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;}
.product-view .details .d-img2 li figure img{width:100%; text-align:center; transition:460ms; display:block}
.product-view .details .d-img2 li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.product-view .details .d-img2 li H5{font-size:14px; color:#666; line-height:45px;}



.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:hidden; background:#fff;}
.canshu table{width:1200px;} 
.cs-d{display:none;}

.product-view .zixun{width:100%; margin-top:30px;}
.product-view .zixun .t{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0px; font-size:14px; line-height:24px; color:#0768b2}
.product-view .zixun .list{margin-top:30px;}
.product-view .zixun .list dd{width:47.7%; display:block; margin-bottom:20px; margin-right:3%; float:left}
.product-view .zixun .list dt{width:100%; display:block;}
.product-view .zixun .list dd:nth-child(2n+2){margin-right:0}
.product-view .zixun .list .txt{ background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 97%; font: 14px/1.8 "microsoft yahei"; border:1px solid #ddd; color:#999}
.product-view .zixun .list span{color:#F00; padding-left:5px;}
.product-view .zixun .list .txt2{height: 200px; margin-bottom: 0px;}
.product-view .zixun .list .btn{text-align:center; margin:20px auto;}
.product-view .zixun .list .fromBtn { display:inline-block; width: 100%; max-width:150px; margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #0769b2; border:0px; border-radius:5px; margin-right:20px; cursor:pointer }
.product-view .zixun .list .fromBtn:hover { background-color: #045b9c; }

.product-view .tuijian{width:100%; margin-top:60px; background:#eee; padding:10px 0px 60px 0px; display:block}


.product-view .tuijian .tuijian-box{width:100%; margin-top:50px;}
.product-view .tuijian .tuijian-box li{width:96%; margin-right:4%; margin-left:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.product-view .tuijian .tuijian-box li:nth-child(4n+4){margin-right:0}
.product-view .tuijian .tuijian-box li figure{display:block; line-height:normal; overflow:hidden; border:1px solid #eee; transition:460ms; background:#fff;}
.product-view .tuijian .tuijian-box li figure img{width:100%; text-align:center; transition:460ms; display:block}
.product-view .tuijian .tuijian-box li H5{font-size:24px; color:#000; line-height:45px; font-family:Arial, Helvetica, sans-serif;}
.product-view .tuijian .tuijian-box li H6{font-size:16px; color:#585d63; line-height:30px; padding-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px; min-width:100px;}
.product-view .tuijian .tuijian-box li .xx{content: "";max-width:100%; width: 100%;height: 1px;margin:5px auto;background: #000; z-index:2;}
.product-view .tuijian .tuijian-box li:hover figure{border:1px solid #0768b2;}
.product-view .tuijian .tuijian-box li:hover figure H6{color:#0768b2;}
.product-view .tuijian .tuijian-box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.product-view .tuijian .tuijian-box li .btn{z-index:1; margin:0px auto; width:98px; height:32px; background:#fff; border:1px solid #eee; border-radius:3px; line-height:35px; margin-top:-15px; color:#999}
.product-view .tuijian .tuijian-box li:hover .btn{background:#0768b2; border:1px solid #0768b2; color:#fff;}
.product-view .tuijian .tuijian-box li i{background:url(../images/icon-yy.png) no-repeat; width:220px; height:25px; float:left; opacity:0; margin-left:10%; margin-top:5px; transition:460ms}
.product-view .tuijian .tuijian-box li:hover i{display:block; margin-top:5px; opacity:1;}

.product-view .owl-nav{margin-top:30px;!important }
.product-view .owl-nav .owl-prev {background:url(../images/probig_tj_left.jpg) no-repeat!important; width: 90px; height: 50px; overflow:hidden; text-indent: 9999px; margin-top: 20px; border-radius:0px!important;}
.product-view .owl-nav .owl-next {background:url(../images/probig_tj_right.jpg) no-repeat!important; width:90px; height: 50px; text-indent: 9999px; overflow:hidden; margin-top: 20px; border-radius:0px!important;}
.product-view .owl-nav .owl-prev:hover {background:url(../images/probig_tj_left.jpg) no-repeat!important;}
.product-view .owl-nav .owl-next:hover {background:url(../images/probig_tj_right.jpg) no-repeat!important;}

.product-view  .owl-dots{display:none!important;}



.product-view .peitao{width:100%; margin-top:60px; padding:10px 0px 60px 0px; display:block}


.product-view .peitao .peitao-box{width:100%; margin-top:50px;}
.product-view .peitao .peitao-box li{width:96%; margin-right:4%; margin-left:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.product-view .peitao .peitao-box li:nth-child(4n+4){margin-right:0}
.product-view .peitao .peitao-box li figure{display:block; line-height:normal; overflow:hidden; border:1px solid #eee; transition:460ms; background:#fff;}
.product-view .peitao .peitao-box li figure img{width:100%; text-align:center; transition:460ms; display:block}
.product-view .peitao .peitao-box li H5{font-size:24px; color:#000; line-height:45px; font-family:Arial, Helvetica, sans-serif;}
.product-view .peitao .peitao-box li H6{font-size:16px; color:#585d63; line-height:30px; padding-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px; min-width:100px;}
.product-view .peitao .peitao-box li .xx{content: "";max-width:100%; width: 100%;height: 1px;margin:5px auto;background: #000; z-index:2;}
.product-view .peitao .peitao-box li:hover figure{border:1px solid #0768b2;}
.product-view .peitao .peitao-box li:hover figure H6{color:#0768b2;}
.product-view .peitao .peitao-box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.product-view .peitao .peitao-box li .btn{z-index:1; margin:0px auto; width:98px; height:32px; background:#fff; border:1px solid #eee; border-radius:3px; line-height:35px; margin-top:-15px; color:#999}
.product-view .peitao .peitao-box li:hover .btn{background:#0768b2; border:1px solid #0768b2; color:#fff;}
.product-view .peitao .peitao-box li i{background:url(../images/icon-yy.png) no-repeat; width:220px; height:25px; float:left; opacity:0; margin-left:10%; margin-top:5px; transition:460ms}
.product-view .peitao .peitao-box li:hover i{display:block; margin-top:5px; opacity:1;}


.product-view .peitao .owl-nav{margin-top:30px;!important }
.product-view .peitao .owl-nav .owl-prev {background:url(../images/service_jt_left.jpg) no-repeat!important; width: 90px; height: 50px; overflow:hidden; text-indent: 9999px; margin-top: 20px; border-radius:0px!important;}
.product-view .peitao .owl-nav .owl-next {background:url(../images/service_jt_right.jpg) no-repeat!important; width:90px; height: 50px; text-indent: 9999px; overflow:hidden; margin-top: 20px; border-radius:0px!important;}
.product-view .peitao .owl-nav .owl-prev:hover {background:url(../images/service_jt_left.jpg) no-repeat!important;}
.product-view .peitao .owl-nav .owl-next:hover {background:url(../images/service_jt_right.jpg) no-repeat!important;}



.product-view .yysj{width:100%; margin-top:20px;}
.product-view .yysj .box{display:block; clear:both;}
.product-view .yysj .tit{background:#0768b2; max-width:150px; height:45px; padding:0px 15px; line-height:45px; text-align:center; border-radius:5px; margin-bottom:30px;}
.product-view .yysj .tit H5{font-size:14px; color:#fff;}
.product-view .yysj li{width:18%; margin-right:2%; float:left; background:#f1f1f1; margin-bottom:2%; transition:460ms}
.product-view .yysj li:nth-child(5n+5){margin-right:0}
.product-view .yysj li figure{ display:block; line-height:normal; width:90%; margin:5% auto 0% auto; overflow:hidden;}
.product-view .yysj li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;}
.product-view .yysj li H4{font-size:14px; color:#666; line-height:30px; padding:5px 0px 5px 0px; text-align:center;}
.product-view .yysj li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.product-view .yysj li:hover{box-shadow:0px 0px 20px #ccc;}

.excellent-tab a:link, .excellent-tab a:visited{ color: #000;}
.excellent-tab a:active,.excellent-tab a:hover { color: #e40d08;}
.excellent-tab{ padding: 0px 0px 0px; width:100%; max-width:1200px; margin: 0px auto;}
.excellent-tab-t{ border-bottom: 1px solid #eee; height: 40px; line-height: 40px; font-size: 14px; color: #000000; text-align: center;}
.excellent-tab-t li{float:left; cursor: pointer; width:16%; margin-right:1px; background:#eee; height:100%;}
.excellent-tab-t li .txt{ height: 100%; display: block; position: relative; z-index: 1; }
.excellent-tab-t li.active{ background:#0768b2; color:#fff;}
.excellent-tab-con .btn-more{ background-color: #e40d08; width: 120px; height: 38px; line-height: 38px; margin: 0px auto; color: #fff;}
.excellent-tab-con .btn-more .txt{ color: #fff;}
.excellent-tab-con .btn-more.btn-more:before{ background-color: #333;}
.excellent-list2{ padding: 60px 0px;}
.excellent-list2 dd{ float: left; display: block; width: 42%; margin-left: 8%; font-weight: bold; font-size: 16px; height: 29px; overflow: hidden; margin-bottom: 10px;}
.excellent-tab-con{ overflow: hidden; display: none; -webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.excellent-tab-con.on{ display: block;}
.tab-international2 .tabs-list li{ width: 20%;}

.pmpics{ width:100%; float:left; }
.bigpic{ position:relative; display:block; height:520px; max-width:740px; }
.bigpic .imgs{ width:100%; position:absolute; left:0; top:0; }
.bigpic .imgs .pic{ position:absolute; top:0; left:0; border:0px solid #eee}
.bigpic .imgs .pic img{width:100%;}
.smallpic .bodr{ position:absolute; left:0; top:0; bottom:0; right:0; border:1px solid #eee; border-color:transparent; transition:300ms; -webkit-transition:300ms; }
.smallpic .bx-wrapper .bx-controls-direction a{ z-index:99; }
.smallpicb .bx-wrapper .bx-prev{ background:url(../images/proinfo_ljt.jpg) no-repeat left center; left:-45px; }
.smallpicb .bx-wrapper .bx-next{ background:url(../images/proinfo_rjt.jpg) no-repeat right center; right:-45px; }
.smallpicb .bx-wrapper .bx-prev:hover{ background-position:right center; }
.smallpicb .bx-wrapper .bx-next:hover{ background-position:left center; }
.smallpic .item{ cursor:pointer; width:80px!important; border:1px solid #eee; height:80px}
.smallpic .item.act .bodr{ border:1px solid #0768b2; }
.smallpicb{ margin-top:15px; display:block; position:relative; float:left;}
.jqzoom { position: relative; padding: 0; }
.zoomdiv { z-index: 100; position: absolute; top:0 !important; right:-410px !important; left:auto !important; width: 400px !important; height: 373px !important; background: url(../images/bx_loader.gif) #fff no-repeat center center; border: 1px solid #78b92d; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 200px !important; height: 200px !important; background: #78b92d 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }


/*联系我们*/
.contact{width:100%; margin-top:30px;}
.contact li{width:45%; margin-right:10%; float:left}
.contact li:last-child{margin-right:0}
.contact .contbox{width:100%; float:left; margin-bottom:60px;}
.contact .contbox  h4{color:#333; font-size:18px;  border-bottom:1px solid #eee; width:100%; line-height:45px;}
.contact .contbox  h6{color:#666; font-size:14px; border-bottom:1px solid #eee; width:100%; line-height:45px;}
.contact .contbox .img{margin-top:20px; width:100%;}
.contact .contbox .img img{width:99%; border:1px solid #eee; padding:1px;}
.contact .feedback{width:100%; float:left; margin-bottom:60px;}
.contact .feedback  h6{color:#0768b2; font-size:12px; width:100%; line-height:18px; margin-bottom:10px;}
.contact .feedback dd{width:100%; display:block; margin-bottom:20px;}
.contact .feedback .txt{ background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 97%; font: 12px/1.8 "microsoft yahei"; border:1px solid #ddd; color:#999}
.contact .feedback .txt2{height: 200px; margin-bottom: 0px;}
.contact .feedback span{color:#F00; padding-left:5px;}
.contact .feedback .fromBtn { display:inline-block; width: 100%; max-width:120px; margin:0px auto; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background-color: #345578; border:0px; margin-right:20px; cursor:pointer }
.contact .feedback .fromBtn:hover { background-color: #203f61; }
.contact .feedback .fromBtn2 { display:inline-block; width: 100%; max-width:120px; margin:0px auto; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background-color: #b93e39; border:0px; margin-right:20px; cursor:pointer }
.contact .feedback .fromBtn2:hover { background-color: #a2221d; }

/*翻页*/

.pagelist{ text-align:center; margin:30px 0px;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#eee; text-align:center; height:41px; line-height:41px; color:#000; border-radius:0px;  margin:0px 3px 5px 3px;}
.pages a.prev{ width:41px;}
.pages a:hover{ color:#fff; background:#0768b2;}
.pages a.prpage{ width:41px;}
.pages a.first i{background:url(../images/page-first.png) no-repeat; width:11px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-6px;}
.pages a.first:hover i{background:url(../images/page-first-2.png) no-repeat}
.pages a.last i{background:url(../images/page-last.png) no-repeat; width:11px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-6px;}
.pages a.last:hover i{background:url(../images/page-last-2.png) no-repeat}
.pages a.pre i{background:url(../images/page-prev.png) no-repeat; width:8px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-4px;}
.pages a.pre:hover i{background:url(../images/page-prev-2.png) no-repeat}
.pages a.nex i{background:url(../images/page-next.png) no-repeat; width:8px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-4px;}
.pages a.nex:hover i{background:url(../images/page-next-2.png) no-repeat}
.pages a.nuble{ width:41px;}
.pages a.act{ color:#fff; background:#0768b2;}


/*首页数字*/
.gdsz{
	padding: 100px 0 50px;

}
.gdsz>div{
	display: flex;justify-content: space-between;align-items: center;
}
.szit{
	display: flex;align-items: center;
}
.szitr div{
	font-size: 50px;
    font-weight: bold;
    color: rgba(62, 62, 62, 1);line-height: 1.5;
}
.szitr p{
	color: rgba(60, 60, 60, 0.84);
    font-size: 16px;
    padding-left: 5px;
}
.gdsz img{
	margin: 0 10px;
}


@media screen and (max-width: 600px) {
  
.gdsz{
	padding: 30px 0 ;

}
.szit{
	padding: 20px 0;justify-content: center;
}.szitr div {
    font-size: 20px;
}.szitr p {
    color: rgba(60, 60, 60, 0.84);
    font-size: 12px;
    padding-left: 5px;
}.gdsz img {
    margin: 0 5px;
    width: 40px;
}
}


/*新栏目*/
.caob-page-1 {
  background: url(../images/caob-page-bg.jpg) no-repeat center left;
}
.caob-page-1 .caob-1 .left {
  padding-right: 9%;
}
.caob-page-1 .caob-1 .right .img > img {
  border-radius: 140px 0 140px 0;
}
.caob-page-1 .caob-1 .play {
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  cursor: pointer;
  cursor: hand;
}
.caob-page-1 .caob-1 .play::before,
.caob-page-1 .caob-1 .play::after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.4);
  -webkit-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
  z-index: -1;
}
.caob-page-1 .caob-1 .play::after {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}
.caob-page-1 .caob-1 .play i {
  font-size: 30px;
  color: #b1c957;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: 3px;
}
.caob-page-1 .caob-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7f3d7), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(#e7f3d7, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(#e7f3d7, rgba(255, 255, 255, 0));
  background-image: linear-gradient(#e7f3d7, rgba(255, 255, 255, 0));
}
.caob-page-1 .caob-2 .top ul {
  background-color: white;
  border-radius: 0 71px 0 71px;
}
.caob-page-1 .caob-2 .top ul li {
  padding: 15px;
}
.caob-page-1 .caob-2 .top .num {
  color: #123485;
  line-height: 1;
}
.caob-page-1 .caob-2 .top .num em {
  font-size: 38px;
}
.caob-page-1 .caob-2 .bottom ul {
  margin: -25px -15px;
}
.caob-page-1 .caob-2 .bottom ul li {
  padding: 25px 15px;
}
.caob-page-1 .caob-2 .bottom img {
  border-radius: 71px 0 71px 0;
}
.caob-page-1 .caob-3 ul {
  background-color: #d9f0ef;
  border-radius: 0 71px 0 71px;
  padding-left: 15%;
}
.caob-page-1 .caob-3 ul li {
  padding: 15px;
}
.caob-page-1 .caob-3 .num {
  color: #123485;
  line-height: 1;
}
.caob-page-1 .caob-3 .num em {
  font-size: 38px;
}
.caob-page-1 .caob-4 ul {
  margin: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.caob-page-1 .caob-4 ul li {
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.caob-page-1 .caob-4 img {
  border-radius: 51px 0 51px 0;
}
.caob-page-1 .caob-5 ul {
  margin: -25px -15px;
}
.caob-page-1 .caob-5 ul li {
  padding: 25px 15px;
}
.caob-page-1 .caob-5 img {
  border-radius: 71px 0 71px 0;
}.ui.container {
    padding: 0 15px;
    position: relative;
    width: 1440px;
}
.caob-page-1 img {
    vertical-align: top;
    border: 0;
    max-width: 100%;
    height: auto;
}
.caob-page-1 *{box-sizing:border-box;}
.caob-page-1{
/*	padding-top:200px;*/
	padding-bottom:100px;
}
h2.inner {
    font-size: 50px;
    line-height: 1;
    font-weight: 600;width: auto;
}.caob-base-line {
    width: 200px;
    height: 2px;
    background-color: #73c7c8;
}
.caob-color {
    color: #123485;
}
@media (max-width: 1440px) {
.ui.container {
    width: 1200px;
}
.caob-page-1{
/*	padding-top:150px;*/
	padding-bottom:70px;
}
}	
@media (max-width: 1200px) {
  .caob-page-1 .caob-1 .left {
    padding-right: 5%;
  }
  .caob-page-1 .caob-3 ul {
    padding-left: 5%;
  }
  .caob-page-1 .caob-2 .top ul {
    padding: 30px;
  }.ui.container {
    width: 1000px;
}
.caob-page-1{
/*	padding-top:100px;*/
}
}
@media (max-width: 1000px) {
	.ui.container {
    width: 700px;
}
  .caob-page-1 .caob-1 .left {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }
  .caob-page-1 .caob-1 .right {
    width: 100%;
  }
  .caob-page-1 .caob-1 .right .img > img {
    border-radius: 70px 0 70px 0;
  }
  .caob-page-1 .caob-2 .top ul {
    border-radius: 0 30px 0 30px;
  }
  .caob-page-1 .caob-2 .bottom img {
    border-radius: 30px 0 30px 0;
  }
  .caob-page-1 .caob-3 ul {
    border-radius: 0 30px 0 30px;
  }
  .caob-page-1 .caob-4 img {
    border-radius: 30px 0 30px 0;
  }
  .caob-page-1 .caob-5 img {
    border-radius: 30px 0 30px 0;
  }
}

@media (max-width: 700px) {
.ui.container {
    width: 100%;
}
h2.inner {
    font-size: 30px;
}.caob-base-line {
    width: 100px;
}
}