/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
header{ display:block}
/*通用样式*/
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-110{padding-bottom: 105%;}
.rect-120{padding-bottom: 120%;}
.rect-130{padding-bottom: 130%;}
.rect-165{padding-bottom: 165%;}
.rect-160{padding-bottom: 160%;}
.rect-180{padding-bottom: 180%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.more {transition:.3s all linear;width:120px;font-size:14px; line-height:1.7;height:auto;padding:5px 8px}
.more span {background:#004097;border-radius:50%;color:#fff;padding:0px 5px;font-size:15px; margin-left:8px; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
.more:hover {background:#004097;color:#fff;width:115px;border-radius:5px}
.more:hover span {background:#fff; color:#004097;}
.more:hover a{ color:#fff;}
/*图放大*/
.pic .img-tp{overflow:hidden;}
.pic .img-tp img{display:block;transition:all 1s;}

.pic:hover .img-tp img{transform:scale(1.1);
-webkit-transform: scale(1.1); /*Safari 和 Chrome*/
-moz-transform: scale(1.1); /*Firefox*/
-ms-transform: scale(1.1); /*IE9*/
-o-transform: scale(1.1); /*Opera*/
}
/*page*/
.page{color: #777777; text-align: center;padding-top: 40px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: middle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #004097;border: 1px solid #c8a063;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
/*header*/
header{position: relative;  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);}
.nav-container{position: inherit;}
.logo{padding:15px 0;}
.logo img{float: left}
.logo-text{margin-left: 250px;padding-left: 10px;border-left: 1px solid #666;margin-top: 12px;}
.logo-text .logo-text-top{color:#999;font-size: 14px;letter-spacing:2px;}
.logo-text .logo-text-bottom{color:#c0a16b;font-size: 18px;line-height: 30px;}
.top_right{color:#333;padding: 10px 0px 6px 0;}
.top_right .top_right_w{ width:22%; float:right; text-align:right;}
.top_right .top_right_w .tel { font-size:20px; color:#004097; }
.top_right .top_right_w .tel .fa{ color:#004097; margin-right:8px;}
.main-navbar{text-align: right;}
.main-navbar .caret{display: none;}
.nav > li > a:hover, .nav > li > a:focus{background: inherit;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: inherit;}
.main-navbar .navbar-nav > li > .dropdown-menu{width: 100%;top: inherit;text-align: left;background: #fff; margin-top:5px;}
.main-navbar .navbar-nav > li > .dropdown-menu li{display: inline-block; width:100%;}
.main-navbar .navbar-nav > li > .dropdown-menu > li > a{ width:100%;color:#333; font-size:16px; padding: 12px 0px; text-align:center;}
.main-navbar .navbar-nav > li > .dropdown-menu > li > a:hover, #main-navbar .navbar-nav > li > .dropdown-menu > li > a:focus{background: #004097;color:#fff;}
.main-navbar .navbar-nav > li > a{padding: 20px 20px 20px; color:#333; font-size:19px;}
.main-navbar .navbar-nav > li:last-child > a{ padding-right:0px;}
.main-navbar .navbar-nav > li.open >a{padding-bottom:17px;color:#004097; border-bottom:3px solid #004097;}
.main-navbar .navbar-nav > li >a:hover{color:#004097;}
.main-navbar .navbar{position: inherit;margin-bottom: 0;}
.main-navbar .navbar.nav > li{position: inherit;}
.main-navbar .navbar .dropup,.main-navbar .navbar .dropdown{position: inherit;}
.navbar { margin-bottom:0px!important;border: 0px }
@media (min-width: 992px) and (max-width: 1199px) {
.logo img{width:100%;}
.main-navbar .navbar-nav > li > a{padding: 10px 13px; font-size:16px;}
.top_right .top_right_w{ width:57%; float:right;}

}
@media (max-width: 992px) {
.main-navbar{text-align: left;}
.navbar-brand{height: inherit;padding: 20px 15px;text-indent: -9999px;background: url(../images/logo.png) no-repeat 0px 7px;width: 180px;background-size:80%;}
.main-navbar .navbar-nav > li > a{padding: 13px 15px 13px 10px; font-size:16px;}
.main-navbar .navbar-nav > li{border-bottom: 1px solid #bfbfbf;}
.main-navbar .navbar-nav > li:last-child{border-bottom: none;}
.main-navbar .navbar-nav > li > .dropdown-menu{text-align: left;background:transparent; color:333;}
.main-navbar .navbar-nav > li > .dropdown-menu li{display: block;border-top:1px solid #eaeaea;}
.navbar-toggle{font-size: 22px;padding: 5px 0px;}
.main-navbar .navbar-nav > li > .dropdown-menu > li > a{ color:#666; border-right:0px solid #333; }
.main-navbar .navbar-nav > li.open >a{padding-bottom:0px;color:#004097;border-bottom: 0px solid #004097;}
.main-navbar .caret{display: block; float:right; margin-top:10px;}
}
@media (max-width: 992px) {
.main-navbar .navbar-nav > li > .dropdown-menu > li > a{ width:94%;color:#333; font-size:16px; padding: 12px 3%; text-align: left;}
}

/*foot*/
.f-logo img{max-width: 100px;vertical-align: bottom;}
.footer{padding: 70px 0px;background: #dbdbdb;}
.f-page{margin-left:40px;}
.f-page h2{color: #004097; font-weight:bold;}
.f-page h2 span{font-size: 18px;color: #444; }
.f-page p{color: #808080;margin: 10px 0;}
.f-page span{color: #808080;margin-right:10px;}
.f-page span b{color: #444;font-weight: normal;}
.footer-link{text-align: right;margin-bottom: 15px;}
.footer-link a{color: #252525; }
.footer-r p,.footer-r p a,.footer-r p span{color: #808080; margin-bottom: 10px;}
.m_footer{ position:fixed; width:100%; bottom:0; display:none; z-index:555; background:#004097; }
.m_footer .m_footer_list{ display:inline-block; width:24%; text-align:center; color:#fff; padding:10px 0px; position:relative;}
.m_footer .m_footer_list:before{ content:""; display:inline-block; width:1px; height:60%; top:22%; right:0; background:rgba(255,255,255,.5); position:absolute;}
.m_footer .m_footer_list:last-child:before{ display:none;}
.m_footer .m_footer_list:nth-child(2) dd{ font-size:16px;}
.m_footer .m_footer_list dt{ font-weight:normal;}
@media (max-width: 992px) {
.footer-link{ display:none;}
.footer-link,.f-logo{display: none;}
.f-page.lf{margin-left:0px; float:none; text-align:center;}
.footer-r{float: none;margin-top: 10px;}
.footer{text-align: center;padding: 30px 0;}
.footer-r p span,.footer-r p a{display: inline-block;}
.footer-r.rt{ float: none; margin-top:15px;}
.m_footer{ display:block;}
.m_height{ height: 60px;}
}

.swiper-container-banner{height:700px;}
.swiper-container-banner .swiper-slide a{display:block;width:100%;height:100%;}
.index-banner .img { position: relative; padding-bottom: 700px; height: 0; }
.index-banner .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-size: cover; }
.index-banner a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; /*background: rgba(3, 3, 3, 0.3);*/ }
.index-banner .txt { position: absolute; left: 25%; top: 45%; margin-top: -96px; width: 50%; text-align: center; }
.index-banner .txt .top_txt{ transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);line-height:40px;text-align:center;color: #FFF; font-size:28px;text-shadow:0 0 6px rgba(0,0,0,0.6); }
.index-banner .swiper-slide-active .top_txt { transform: translateY(0); }
.index-banner .txt1 { height: 56px; overflow: hidden; line-height: 50px; margin-bottom: 30px; text-align:center; }
.index-banner .swiper-slide-active .txt1 span { transform: translateY(0); }
.index-banner .txt1 span { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block; font-size:48px; font-family:"微软雅黑"; font-weight: bold; color: #fff;text-shadow:0 0 6px rgba(0,0,0,0.6); }
.index-banner .swiper-slide-active .txt2 span { transform: translateY(0); }

@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes myfirst { 0% { transform: translateY(-5px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-5px); } }

@media (max-width:1440px) {
.swiper-container-banner{height: 600px;}
.index-banner .img {padding-bottom: 600px; }
.index-banner .txt { position: absolute; left:9%; top: 50%; margin-top: -76px; width: 70%; }
.index-banner .txt1 span { font-size: 42px;}
}
@media (max-width:1366px) {
.swiper-container-banner{height: 570px;}
.index-banner .img {padding-bottom: 570px; }
.index-banner .txt { position: absolute; left:6%;}
}
@media (max-width:1280px) {
.swiper-container-banner{height: 533px;}
.index-banner .img {padding-bottom: 533px; }
.index-banner .txt1 span { font-size: 40px;}
.index-banner .txt .top_txt{ line-height:40px; font-size:22px; }
.index-banner .txt { position: absolute; left:5%;}
}
@media (max-width:1024px) {
.swiper-container-banner{height: 427px;}
.index-banner .img {padding-bottom: 427px; }
.index-banner .txt .top_txt{ font-size:20px; }
}
@media (max-width: 768px) {
.swiper-container-banner{height: 320px;}
.index-banner .img {padding-bottom: 320px; }
.index-banner .txt { position: absolute; left:5%; top: 50%; margin-top: -26px; width: 100%; }
.index-banner .txt1 { height: 36px; line-height: 30px; margin-bottom: 10px; }
.index-banner .txt1 span { font-size: 24px;}
.index-banner .txt .top_txt{ line-height:20px; font-size:16px; }
.index-banner .swiper-pagination-bullet {width: 12px;height: 12px;}
.index-banner .swiper-pagination-bullet:before {width: 4px;height: 4px;margin-left: -2px;margin-top: -2px}
.index-banner .swiper-button-next, .index-banner .swiper-button-prev {width: 20px!important;height: 33px!important;background-size: 20px 33px!important;}
}
@media (max-width: 425px) {
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ display:none;}
.swiper-container-banner{height: 187px;}
.index-banner .img {padding-bottom: 187px; }
.index-banner .txt .top_txt{ display:none; }
.index-banner .txt1 span { font-size: 20px;}
}
@media (max-width: 375px) {
.swiper-container-banner{height: 166px;}
.index-banner .img {padding-bottom: 166px; }
.index-banner .txt1 span { font-size: 18px;}
}
@media (max-width: 320px) {
.swiper-container-banner{height: 153px;}
.index-banner .img {padding-bottom: 153px; }
}

.pagesection{padding:70px 0;}
.pagesection1{padding:60px 0;}
.pagesection-white{background: #FFF;color:#333;}
.section-title{margin-bottom: 20px; text-align:center;}
.section-title h2{font-size: 30px; color:#333; font-weight:600;}
.section-title p{font-size: 16px;padding: 20px 0;}
.pagesection-white .section-title h2{color:#333;}
.pagesection-white .section-title p{color:#666;}
.pagesection-white .section-title p:after, .pagesection-white .section-title p:before {background: #666;}
@media (max-width:1024px) {
.pagesection{padding:60px 0;}
.section-title h2{font-size:24px;}
.pagesection1{padding:40px 0;}
}
@media (max-width: 768px) {
.pagesection{padding:40px 0;}
.pagesection1{padding:20px 0;}
.section-title{margin-bottom:10px;}
.section-title h2{font-size:20px;}
}

/*index_pt1*/
.index_pt1_left_1 img{max-width:94%;}
.index_pt1_left_1 span{display:inline-block;text-align:left; color:#005499; font-size:30px;}
.index_pt1_left_t{margin:0 0 2em 0;}
.index_pt1_left_2{font-size:22px; color:#333; line-height:32px; margin-bottom:15px; margin-top:15px;}
.index_pt1_left_3{line-height:30px; color:#666; margin-bottom:20px;}
.index_pt1_right_mid{padding-bottom:1.25em;padding-right:1.25em; position:relative;}
.index_pt1_right_mid img{position:relative; z-index:10;}
.index_pt1_right_mid_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);position:absolute; right:0; top:15%; height:85%; width:93%; z-index:0;}
@media (max-width: 1024px) {
.index_pt1_right_mid{ margin-top:30px;}
}
@media (max-width:768px) {
.index_pt1_left_1 span{ font-size:24px;}
.index_pt1_left_2{font-size:20px;}
.index_pt1_left_3{line-height:26px; }
}
@media (max-width: 425px) {
.index_pt1_left_1 span{ font-size:22px;}
.index_pt1_left_2{font-size:18px; line-height:30px;}
}
/*index_pt2*/
.index_pt2{/*background: url(../images/index_pt2.jpg) top center no-repeat #FFF;*/ background-color:#f4f4f4; }
.index_pt2 .section-title h2{color:#333;}
.index_pt2 .pro_list{position: relative; overflow: hidden;}
.index_pt2 .pro_list .pro_list_cover {position: absolute;bottom: 0px;padding: 120px 0 30px;left: 0;width: 100%;text-align: center;background: url("../images/black.png") repeat-x bottom;}
.index_pt2 .pro_list .pro_list_cover h3 a {font: 400 22px/32px "Microsoft YaHei UI";color: #ffffff;}
.index_pt2 .pro_list .pro_list_cover > a {display: inline-block;opacity: 0;height: 0;overflow: hidden;-webkit-transition: all .3s;transition: all .3s;font: 400 14px/28px "Arial";color: #fff;text-transform: uppercase;}
.index_pt2 .pro_list .pro_list_cover > a {opacity: 1;height: 28px;}
.index_pt2 .pro_list:hover .pro_list_cover > a {opacity: 1;height: 28px;}

/*
.index_pt2 .pro_list .pro_list_cover{position: absolute;filter: alpha(opacity=80);background-color: #005499;padding:6px 5%;width: 100%;transition: all 0.5s ease 0s;bottom: 0px;left: 0px;-moz-opacity: 0.9;opacity: 0.9;}
.index_pt2 .pro_list .pro_list_cover H3{ text-align:center;}
.index_pt2 .pro_list .pro_list_cover H3 a{line-height: 42px;color: #fff;font-size: 18px; }
.index_pt2 .pro_list a:hover .pro_list_cover H3{ color: #fff;font-weight: bold;font-size: 16px;text-decoration: none;}
.index_pt2 li:hover .pro_list .pro_list_cover{background-color: rgba(215,0,14,0.9); bottom: 0; -moz-opacity: 1;}
.index_pt2 li:hover .pro_list .pro_list_cover H3 A{color: #fff;}
*/
/*.index_pt2 .swiper-slide{padding: calc((100vw - 905px) * 0.0127604166666667);width: 905px;}*/
.index_pt2 .swiper-button-next{ right:0; background-color: rgba(0,0,0,0.6); width: 67px;height: 64px;}
.index_pt2 .swiper-button-prev{ left:0; background-color: rgba(0,0,0,0.6); width: 67px;height: 64px;}
@media (max-width:1280px) {
/*.index_pt2 .swiper-slide{padding: calc((100vw - 700px) * 0.0127604166666667);width: 700px;}*/
}
@media (max-width:1024px) {
/*.index_pt2 .swiper-slide{padding: calc((100vw - 600px) * 0.0127604166666667);width: 600px;}*/
}
@media (max-width:768px) {
.index_pt2 .swiper-button-next{ right:0; background-color:transparent; }
.index_pt2 .swiper-button-prev{ left:0;background-color:transparent;  }
.index_pt2 .pro_list .pro_list_cover h3 a {font: 400 18px/28px "Microsoft YaHei UI";color: #ffffff;}

}
/*
.index_pro{background: #f8f8f8;}
.index_pro.pagesection{padding:70px 0 0px;}
.index_pro .container1{ width:16%; margin:0 auto;}
.prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11; margin-top:40px; margin-bottom:20px; margin-left:auto; margin-right:auto; text-align:center;}
.prodcut-nav ul li{ width:60%; margin:0 auto;}
.prodcut-nav ul li{ width:150px; height:150px; float:left; line-height:100%; text-align:center;}
.prodcut-nav  a{ display:block; height:150px; width:150px; color:#005499; padding-top:19px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.pro-icon{ display:block; background:url(../images/product_icon.png); width:80px; height:80px; margin:0 auto 10px;}
.prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#005499; color:#fff}
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(../images/product_icon_h.png)}
.pro-icon-2{ background-position:0 -80px}
.pro-nav-img{ height:540px; position:relative;}
.pro-nav-img li{ width:100%; height:540px; background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:540px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99; color:#fff;}
.pro-nav-text{ position:absolute; top:160px; left:0; right:0; text-align:center; color:#fff; z-index:12}
.pro-nav-text .t1{ font-size:36px; padding-bottom:27px;}
.pro-nav-text .t2{ font-size:16px; line-height:26px;}
.pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; line-height:46px; font-size:14px; margin-top:33px;}
.pro-nav-img li:hover .t3{background:#005499;color:#fff;border-color:#005499}
.pro-nav-img li .li-bg{-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-o-transition: transform 1s ease;-ms-transition: transform 1s ease;transition: transform 1s ease;}
.pro-nav-img li:hover .li-bg{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-o-transition: transform 1s ease;-ms-transition: transform 1s ease;transition: transform 1s ease;}
@media screen and (max-width: 1024px){
.index_pro{background: #f8f8f8; padding:50px 0 0;}
.prodcut-nav li{ width:195px; height:200px; }
.prodcut-nav  a{ display:block; height:191px; width:193px; color:#999; padding-top:39px;}
.prodcut-nav{margin-top:30px; }
.pro-nav-text .t1{ font-size:30px; padding-bottom:27px;}
.pro-nav-img{ height:450px;}
.pro-nav-img li{ height:450px;}
.pro-nav-img li .li-bg{ height:450px;}
.pro-nav-text{ position:absolute; top:130px; }
}
@media screen and (max-width: 768px){
.index_pro{background: #f8f8f8; padding:30px 0 0;}
.prodcut-nav li{ width:20%; height:100px; }
.prodcut-nav  a{ display:block; height:91px; width:100%;padding-top:39px;}
.pro-icon{ display:none; }
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ display:none;}
.pro-icon-2{ display:none;}
.pro-icon-3{ display:none;}
.pro-icon-4{ display:none;}
.pro-icon-5{ display:none;}
.pro-nav-img{ height:380px; }
.pro-nav-img li{ height:380px;}
.pro-nav-img li .li-bg{ height:380px;}
.pro-nav-text{ position:absolute; top:100px; }
.pro-nav-text .t3{ width:148px; height:40px; line-height:40px; margin-top:23px;}
}
@media screen and (max-width: 425px){
.prodcut-nav{margin-top:20px; }
.prodcut-nav li{height:80px; }
.prodcut-nav  a{ height:66px;padding-top:25px;}
.pro-nav-img{ height:300px; }
.pro-nav-img li{ height:300px;}
.pro-nav-img li .li-bg{ height:300px;}
.pro-nav-text{ position:absolute; top:80px; }
.pro-nav-text .t1{ font-size:22px; padding-bottom:10px;}
.pro-nav-text .t2{ width:98%; margin:0 auto; font-size:14px; line-height:24px;}
.pro-nav-text .t3{ width:128px; height:30px; line-height:30px; margin-top:20px;}
}
*/
/*index_pt3*/
.index_pt3 { background: url(../images/indexbg.jpg) top center no-repeat #f4f4f4;}
.index_pt3 .section-title h2{color:#333;}
.index_pt3 .tit{ padding:20px 15px; color:#333; background:#fff;border-bottom:2px solid #FFF;}
.index_pt3 .tit h4{ margin-bottom:10px; font-weight:600;}
.index_pt3 .tit p{color:#666; line-height:24px;}
.index_pt3 a:hover .tit{ color:#d7000e;}
.index_pt3 ul {margin-right: -0.5%;margin-left: -0.5%; width:101%;}
.index_pt3 .pic{ width: 25%; float:left;  padding-right: 0.5%;padding-left: 0.5%;}
@media (max-width: 768px) {
.index_pt3 .tit h4{ font-size:16px;}
}
@media (max-width: 425px) {
.index_pt3 .pic{ width: 50%;}
}
/*index_pt4*/
.index_pt4{ background: url(../images/index_pt4.jpg) top center no-repeat #FFF; }
.index_pt4 .section-title{ color:#fff;}
.index_pt4 .section-title h2{color:#fff;}
.index_pt4 ul li {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.index_pt4 ul li div{ text-align:center; margin-bottom:15px; margin-left:auto; margin-right:auto;}
.index_pt4 ul li div img{ text-align:center; width:90px; height:90px; margin:0 auto;}
.index_pt4 ul li p{ color:#fff; text-align:center; font-size:16px;}
.index_pt4 ul li:hover{transform: translateY(-10px);}
@media (max-width: 768px) {
.index_pt4 ul li { margin-bottom:20px;}
.index_pt4 ul li p{ font-size:15px;}
.index_pt4 ul li div img{  width:60px; height:60px;}
}
/*index_pt5*/
.index_pt5 .section-title h2{color:#333;}
.index_pt5 .index_pt5_left {margin-bottom:20px;}
.index_pt5 .index_pt5_left  a{display:block;}
.index_pt5 .index_pt5_left .date{position:absolute;top:10px;left:10px;width:90px;height:72px;background-color:#005499;color:#fff;text-align: center; }
.index_pt5 .index_pt5_left .date span{display:block;}
.index_pt5 .index_pt5_left .date .day{font-size:28px;font-weight: bold;line-height: 30px;margin-top: 10px;}
.index_pt5 .index_pt5_left .date .year{font-size:15px;}
.index_pt5 .index_pt5_left .text {overflow:hidden;}
.index_pt5 .index_pt5_left .text .title{font-size:18px; color:#333; line-height:1.5; margin-bottom:13px; overflow:hidden;}
.index_pt5 .index_pt5_left .text .info{ color:#666; line-height:24px; overflow:hidden; margin-bottom:25px;}
.index_pt5 .index_pt5_left .text .more{ width:100px; padding:5px 12px;text-align:center; color:#666;border:1px solid #999; text-transform:uppercase; transition:all 0.5s ease;}
.index_pt5 .index_pt5_left .text .more:hover{color:#fff; background:#005499;border:1px solid #005499;}
.index_pt5 .index_pt5_right {border-top:1px solid #d2d2d2; }
.index_pt5 .index_pt5_right li { clear:both; overflow:hidden; padding:15px 10px; border-bottom:1px solid #d2d2d2;  position:relative;}
.index_pt5 .index_pt5_right li a{ color:#333;}
.index_pt5 .index_pt5_right li a:hover{ color:#005499;}
.index_pt5 .index_pt5_right li:before{ position:absolute; left:0; content:"+"; bottom:10px; font-size:18px; }
.index_pt5 .index_pt5_right ._time { width:20%; float:right; font-family:Verdana;line-height: 1.1;  }
.index_pt5 .index_pt5_right ._title { width:80%; font-weight:normal; font-size:16px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; float:left; padding-left:10px; }
@media (max-width:767px) {
.index_pt5 .index_pt5_left .text { margin-top:10px;}
.index_pt5 .index_pt5_right ._time { width:24%; }
.index_pt5 .index_pt5_right ._title { width:76%; }
}
@media (max-width:375px) {
.index_pt5 .index_pt5_right ._time { width:27%; font-size:14px; }
.index_pt5 .index_pt5_right ._title { width:73%; font-size:15px;}
}
@media (max-width: 320px) {
.index_pt5 .index_pt5_left .text .title{font-size:16px;}
.index_pt5 .index_pt5_right ._title {width:72%;font-size:14px; padding-left:5px; }
.index_pt5 .index_pt5_right ._time {width:28%; font-size:13px; }
}

.page_banner{position:relative;top:0px; left:0; height:420px;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:auto 100%;}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
.page_banner .index_house_content{ position: absolute; top: 0; margin: 0 auto; left: 0; right: 0;}
.page_banner .page_banner_title{ padding-top: 14%;}
.page_banner .page_banner_title dt:before{ content: ""; position: absolute; display: inline-block; width: 60px; height:3px; background: #fff; top: 0px;}
.page_banner .page_banner_title dt{ color: #fff; font-size: 28px; font-weight:bold; position: relative; padding-top: 20px;}
.posi{font-size:15px;font-weight: normal; color: #fff; margin-top:20px;}
.posi em{margin:0 5px;}
.posi a{ color: #fff; }	
@media (max-width:1440px){
.page_banner{height:320px;}
.page_banner .page_banner_title{ padding-top: 12%;}
}
@media (max-width:1366px){
.page_banner{height:300px;}
.page_banner .cat_box .cat_name{font-size:30px;}
.page_banner .page_banner_title dt{font-size: 30px;padding-top: 20px;}
}
@media (max-width:1200px){
.page_banner{height:280px;}

}
@media (max-width:992px){
.page_banner{ height:230px;}
.page_banner .cat_box h4{font-size:26px;}
.page_banner .page_banner_title{ padding-top: 14%;}
.page_banner .page_banner_title dt:before{ width: 46px; height:3px;}
.page_banner .page_banner_title dt{font-size: 24px;padding-top:15px;}
}
@media (max-width: 768px){
.page_banner{  height:200px;}
.page_banner .page_banner_title dt{font-size: 20px;padding-top:15px;}
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .page_banner_title{ padding-top: 30%;}
.page_banner .page_banner_title dt{font-size: 20px;padding-top:15px;}

}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
.page_banner .page_banner_title{ padding-top: 25%;}
.page_banner .page_banner_title dt{font-size: 17px;padding-top:15px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
.page_banner .page_banner_title{ padding-top: 28%;}
.page_banner .page_banner_title dt{padding-top:10px;}
}

.conten-nav-list{text-align: center; margin: 50px auto 20px;border-bottom: 1px solid #bebebe;}
.conten-nav-list li{width: 15%;display: inline-block;margin: 0 3%;}
.conten-nav-list li a{font-size: 20px;line-height: 80px; color:#333;position: relative;display: block;}
.conten-nav-list li a:before{content: ''; position: absolute; width: 0;bottom:0;left: 50%;border-bottom: 4px solid #004097;transform: translateX(-50%);-webkit-transform: translateX(-50%); padding-bottom:15px;}
.conten-nav-list li.active a:before,.conten-nav-list li a:hover:before{width: 100%;}
.conten-nav-list li.active a,.conten-nav-list li a:hover{color: #004097;}
@media (max-width: 768px){
.conten-nav-list li{width:30%;display: inline-block;margin: 0 3%;}
.conten-nav-list{text-align: center; margin: 20px auto 10px; }
.conten-nav-list li a{font-size: 18px;line-height:40px;}
.conten-nav-list li a:before{ border-bottom: 2px solid #004097; padding-bottom:8px;}
}
.about_page p{ line-height:30px; font-size:16px; margin-bottom:15px;}
.contactfix {padding: 30px 0;border-bottom: 1px solid #eaeaea;position: relative;}
.contactfix:before {content: "";width: 40px;height: 4px;background: #d3232c;position: absolute;left: 0;bottom: -2px;}
.contactfix strong {display: block;line-height: 1.2;color: #004097;font-size: 20px;margin-bottom: 14px;}
.address-box {margin-top: 26px;margin-bottom: 50px;}
.addrebox {float: left;margin-right: 56px;}
.addrebox b {display: block;width: 40px;background: #a8a8a8;transition: 0.38s;height: 40px;float: left;position: relative;}
.addrebox b img {display: block;max-width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.addright {float: left;margin-left: 18px;margin-top: -4px;}
.addright p {color: #7e7e7e;font-size: 16px;}
.ditu{ margin-top:40px; width:100%;}
.contactMap{overflow: hidden;height: 425px;}
.product_page .item {cursor:pointer;}
.product_page .item ._item_top { position:relative; overflow:hidden; }
.product_page .item{margin-bottom:20px; background:#E8E8E8;}
.product_page .item ._pic { height:0; overflow:hidden; padding-bottom:72%; }
.product_page .item ._pic img{ width:100%;}
.product_page .item .title{ height:55px; line-height:55px; font-size:16px; color:#333; text-align: center;}
.product_page li:hover .item{  background:#004097; }
.product_page li:hover .item .title{ color:#FFFFFF;}
@media (max-width:425px) {
.product_page .item .title{ height:40px; line-height:40px; font-size:15px;}
.ditu{ margin-top:20px;}
.addrebox { margin-bottom:20px;}
.contactfix {padding: 10px 0;}
.contactfix strong { font-size: 18px;margin-bottom: 10px;}
}

.news_list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s;}
.news_list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative;}
.news_list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0;}
.news_list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666;}
.news_list li .info { font-size: 14px; line-height: 1.5; color: #999999;}
.news_list li .more { margin-top: 15px;}
.news_list li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);}
.news_list li:hover .tit h3 { color: #292e39;}
@media (max-width: 990px) {
.news_list li { padding: 10px; margin-bottom: 15px; }
.news_list li .tit {border-bottom: none; }
.news_list li .tit h3 {padding-right: 0;padding-bottom: 10px; font-size: 16px;  }
.news_list li .tit .date {position: static;border-bottom: 1px solid #cbcbcb;padding-bottom: 5px;color: #999; }
.news_list li .more { margin-top: 10px;}
}

.detail-title {font-size: 20px;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7; text-align:center;}
.detail-info-bar {font-size: 14px;font-family: Arial;color: #9e9e9e;line-height: 35px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 20px; text-align:center;}
.detail-info-bar .detail-info-time { margin-right: 20px; padding-left: 25px;}
.detail-con { color: #333;line-height: 1.7;}
.detail-con img,
.detail-con p img {width: auto !important;max-width: 100%;height: auto !important;}

.service_process .desc p{ line-height:28px; margin-bottom:10px;}
.service_process li{ width:16.666666666666668%; float:left; text-align:center; margin-top:40px;}
.service_process .pd{ position:relative;}
.service_process .pd:after{ content:'\20'; height:3px; background:#043785; position:absolute; left:50%; width:100%; top:34px;}
.service_process .pd:before{ content:'\20'; height:16px; width:13px; background:url(../images/sj.png) no-repeat; position:absolute; right:0px; top:28px;}
.service_process i{ width:70px; height:70px; line-height:70px; margin:0 auto; border:1px solid #043785; display:block; border-radius:50%; font-size:36px; color:#043785; background:#fff; margin-bottom:19px; position:relative; z-index:2;}
.service_process em{ font-size:14px; text-transform:uppercase; display:block; line-height:1; margin-bottom:8px;}
.service_process strong{ font-size:20px; color:#043785; font-weight:normal; line-height:1;}
.service_process li:nth-child(6) .pd:after,
.service_process li:nth-child(6) .pd:before,
.service_process li:last-child .pd:after,
.service_process li:last-child .pd:before{ display:none;}