@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
body{min-width: 1200px;width: 100%;overflow-x: hidden;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei","宋体", "Arial";color: #333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1300px; margin: 0 auto;}
a{color: #434343;text-decoration: none;}
a:hover{color: #004079; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/*头部*/
.header{padding: 20px 0;overflow: hidden;}
.header .logo{float: left;}
.header .logo img{display: block; height:70px;;}
.header .tel{float: right;background: url(../images/tel.gif) no-repeat 0 center;padding-left: 50px;margin-left: 40px;margin-top: 18px;}
.header .tel strong{display: block;font-size: 30px;font-family: Arial, Helvetica, sans-serif;line-height: 1;margin-top:0px;}
/*导航*/
.nav_main{background: #235AA9;}
.nav_main .nav li{float: left;position: relative;}
.nav_main .nav li span{display: block;width: 162px;color: #fff;font-size: 16px;line-height:60px;text-align: center;background-repeat: no-repeat;background-position: bottom;background-image: -webkit-linear-gradient(left, #139AC7, #139AC7);background-image: linear-gradient(to left, #139AC7, #139AC7);background-size: 100% 0;transition: all .5s;}
.nav_main .nav li.cur span,.nav_main .nav li:hover span{background-size: 100% 100%;}
.nav_main .nav li dl{width: 162px;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.nav_main .nav li dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav li dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #ddd;}
.nav_main .nav li dl dd:first-child{border: none;}
.nav_main .nav li dl dd a{display: block;color: #333;font-size: 14px;padding: 0;background: #ededed;text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #139AC7, #139AC7);background-image: linear-gradient(to right, #139AC7, #139AC7);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}
.nav_main .nav li dl dd a:hover{background-size: 100% 100%;padding-left: 10px;}
.shadow {box-shadow:2px 4px 10px rgba(195,206,201,0.3),-2px -4px 10px rgba(195,206,201,0.3)};
.shadow2 { box-shadow: 0 27px 3px rgba(179,188,198,0.25);}
.line{ width: 100%; border-bottom: solid 1px #e2e2e2; padding-top: 10px; margin-bottom: 10px; position: relative; clear: both;}
.opacity85{opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85);  -moz-opacity:0.85; -khtml-opacity: 0.85;}
/*网站大图*/
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height: 600px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height: 600px;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px;height: 5px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 40px;z-index:3;}
#banner .tip span{width: 62px;height: 5px;margin: 0 5px;display:inline-block;cursor: pointer;background: #fff;transition: all .5s;}
#banner .tip span.cur{background: #004079;}
#banner #btn_prev,#banner #btn_next{width: 29px;height: 63px;position:absolute;top: 50%;margin-top: -32px;background: url(../images/arrows.png) center no-repeat;z-index:5;opacity: 0;}
#banner #btn_prev{background-position: 0;left: 6%;}
#banner #btn_next{background-position: -29px;right: 6%;}
#banner:hover #btn_prev,#banner:hover #btn_next{opacity: 1;}
/*搜索栏*/
.search{height: 89px;background:#fff;border-bottom: 1px solid #d7d7d7;}
.search .keyword{color: #888;font-size: 14px;line-height: 89px;}
.search .keyword b{color: #333;line-height: 24px;display: inline-block;border-left: 2px solid #004079;padding-left: 18px;}
.search .keyword a{color: #666;display:inline-block;padding-right: 10px;}
.search .keyword a:hover{color: #004079;}
.search .sou{position: relative;width: 280px;height: 38px;margin-top: 26px;overflow: hidden;}
.search .sou .ipt1{width: 242px;height: 38px;font-size: 14px;color: #999;border:none;text-indent:20px;line-height: 38px;background: #f1f1f1;border-radius: 50px;padding-right: 38px;outline: none;}
.search .sou .ipt2{position: absolute;top: 0;right: 0;display: block;width: 38px;height: 38px;border: none;float: right;outline: none;cursor: pointer;background: url(../images/s_so.png) no-repeat center;}
.search.ny{background: #f2f2f2;height: 82px;border-bottom: 1px solid #eee;overflow: hidden;font-size: 14px;}
.search.ny .keyword{color: #444;line-height: 82px;background: none;padding: 0;}
.search.ny .keyword b{color: #444;border-left: 0;padding-left: 0;}
.search.ny .keyword a{color: #444;margin-right: 15px;padding-right: 0;}
.search.ny .keyword a:after{display: none;}
.search.ny .sou{width: 270px;height: 30px;border-radius: 20px;background: #fff;padding-left: 10px;margin-top: 26px;}
.search.ny .sou .ipt1{width: 224px;height: 30px;line-height: 30px;color: #a9a9a9;float: left;text-indent: 0;background: none;padding: 0;}
.search.ny .sou .ipt2{position: relative;width: 40px;height: 30px;background: url(../images/sou.png) no-repeat center;margin: 0;border-left: 0;padding-left: 0;float: right;cursor: pointer;}
/*友情链接*/
.links{height: 66px;line-height: 66px;overflow: hidden;background: #1E99D6;}
.links b{display: block;float: left;font-size: 18px;color: #fff;padding-right: 20px;}
.links p{font-size: 14px;color: #666;float: left;}
.links p a{font-size: 14px;color: #fff;padding:0 10px 0 0;}
/*网站底部*/
.footer{background:#142038;padding: 70px 0 40px 0;overflow:hidden;}
.footer .f_nav{width: 390px;background:url(../images/f_line01.gif) no-repeat;padding: 20px 0 0;}
.footer .f_nav ul{overflow: hidden;}
.footer .f_nav ul li{height: 32px;line-height: 32px;background:url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 15px;width: 115px;float: left;}
.footer .f_nav ul li a{font-size: 14px;color: #fff;}
.footer .f_nav ul li a:hover{color: #004079;}
.footer .f_nav p{font-size: 24px;color: #fff;font-family:Arial, Helvetica, sans-serif;height: 60px;line-height: 60px;overflow: hidden;background:url(../images/f_line01.gif) no-repeat;font-weight: bold;margin-top: 30px;}
.footer .f_nav p span{background:url(../images/f_ico02.png) no-repeat 0 24px;display: block;padding: 0 25px;float: left;}
.footer .f_ban{width: 400px;padding: 20px 0 0;background: url(../images/f_line01.gif) no-repeat;margin-left: 90px;}
.footer .f_ban p{padding:0 0 12px 35px;font-size: 14px;color: #fff;line-height: 24px;}
.footer .f_ban p b{display: block;}
.footer .f_ban span{display: block;}
.footer .f_ban i{padding: 0 10px;}
.footer .f_ban p.f_p01{background:url(../images/f_ico03.png) no-repeat 0 15px;}
.footer .f_ban p.f_p02{background:url(../images/f_ico04.png) no-repeat 0 15px;}
.footer .f_ban a{color: #fff;}
.footer .f_ban a:hover{color: #004079;}
.footer .f_er{width: 240px;padding: 33px 0 0; background:url(../images/f_erbg.gif) no-repeat 0 20px;}
.footer .f_er p{width: 100px;text-align: center;line-height: 0;float: left;padding: 0 0 0 16px;}
.footer .f_er img{width:100px; height:100px;}
.footer .f_er span{display: block;font-size: 14px;color: #fff;line-height: 30px;padding: 15px 0 0;}
/*******index css*******/
/*首页标题*/
.section{padding: 75px 0;}
.index .in_title{margin-bottom: 40px;text-align: center;font-size: 40px;line-height: 42px;}
.index .in_title b{color: #235AA9;}
.index .in_title p{margin: 0;font-size: 0;}
.index .in_title span{display: inline-block;vertical-align: middle;position: relative;font-size: 20px;padding: 0 20px;}
.index .in_title span:before,.index .in_title span:after{position: absolute;top: 50%;content: '';width: 40px;height: 2px;background-color: #235AA9;margin-top: -1px;}
.index .in_title span:before{right: 100%;}
.index .in_title span:after{left: 100%;}
/*CSS3 左右抖动*/
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);}20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}40%,80%{-webkit-transform:translate3d(10px, 0, 0);}}
@keyframes shake{from,to{transform:translate3d(0, 0, 0);}20%,60%{transform:translate3d(-10px, 0, 0);}40%,80%{transform:translate3d(10px, 0, 0);}}
/*非常之道*/
.index .in-yin{ background:#f9f9f9}
.index .in-yin li{float: left;width: 176px;margin-right: 10px;}
.index .in-yin li:last-child{margin-right: 0;}
.index .in-yin li a{display: block;position: relative;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index .in-yin li .img{width: 100%;height: 326px;}
.index .in-yin li .img img{width: 100%;height: 100%;display: block;}
.index .in-yin li .tit{position: absolute;left: 0;bottom: 0;width: 100%;background-color: #235AA9;text-align: center;font-size: 16px;line-height:75px;font-weight: bold;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index .in-yin li .tit i{position: absolute;left: 50%;top: -23px;width: 46px;height: 46px;background: no-repeat center #0A417B;margin-left: -23px;border-radius: 50%;}
.index .in-yin li .tit img{width: 100%;height: 100%;display: block;filter: invert(100%);}
.index .in-yin li .text{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);-webkit-transition: all 0.5s;transition: all 0.5s;}
.index .in-yin li .wrap{color: #fff;padding: 50px 20px 0;}
.index .in-yin li .wrap i{width: 46px;height: 46px;background: no-repeat center #235AA9;margin: 0 auto;padding: 9px;border-radius: 50%;display: block;}
.index .in-yin li .wrap img{width: 100%;height: 100%;display: block;filter: invert(100%);}
.index .in-yin li .wrap h4{margin: 0;position: relative;line-height:40px;font-size: 18px;text-align: center;}
.index .in-yin li .wrap h4:after{position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 30px;background-color: #fff;margin-left: -15px;}
.index .in-yin li .wrap p{font-size: 15px;line-height: 1.8;text-align: justify;margin: 15px 0 0;}
.index .in-yin li a:hover{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.index .in-yin li a:hover .tit{bottom: -108px;}
.index .in-yin li a:hover .text{top: 0;}
/*产品中心*/
.index .in-pro{max-width: 1920px;margin: 0 auto;background: url(../images/cp_bg.jpg) no-repeat center 0;background-size: cover;}
.index .in-pro .in_title{color: #fff;}
.index .in-pro .pro_l{float: left;width: 260px;background-color: #fff;}
.index .in-pro .pro_l h4{line-height: 80px;text-align: center;font-size: 24px;font-weight: bold;background-color: #235AA9;}
.index .in-pro .pro_l .tit{line-height: 65px;background: #efefef url(../images/cp_ico02.png) no-repeat 210px center;font-weight: bold;border-bottom: 1px solid #efefef;}
.index .in-pro .pro_l .tit.cur{background-image: url(../images/cp_ico05.png);background-color: #fff;}
.index .in-pro .pro_l .tit a{display: block;background: url(../images/cp_ico01.png) no-repeat 25px center;padding-left: 55px;}
.index .in-pro .pro_l ul{overflow: hidden;margin: 0 15px;}
.index .in-pro .pro_l li a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 45px;border-bottom: #efefef 1px solid;background: url(../images/cp_ico03.png) no-repeat 18px center;padding-left: 45px;}
.index .in-pro .pro_l li:last-child a{border: 0;}
.index .in-pro .pro_l li a:hover{background-image: url(../images/cp_ico04.png);}
.index .in-pro .pro_l .tel{margin: 10px;background: #e9e9e9 url(../images/cp_tel.gif) no-repeat center 34px;padding: 72px 0 30px;text-align: center;}
.index .in-pro .pro_l .tel b{display: block;font-size: 30px;}
.index .in-pro .pro_r{float: none;width:1300px;}
.index .in-pro .pro_r li{float: left;width: 310px;margin-right: 10px;margin-bottom: 10px;}
.index .in-pro .pro_r li:nth-child(4n){margin-right: 0;}
.index .in-pro .pro_r li a{display: block;}
.index .in-pro .pro_r li .img{width: 100%;height: 225px;overflow: hidden;}
.index .in-pro .pro_r li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index .in-pro .pro_r li p{padding: 0 15px;text-align: center;line-height: 55px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color: #e0e0e0;transition: all .5s;}
.index .in-pro .pro_r li a:hover p{background-color: #235AA9;color: #fff;}
.index .in-pro .pro_r li:hover .img img{transform: scale(1.1);}
/*应用案例*/
.index .in-case{}
.index .in-case .case{position: relative;height: 517px;}
.index .in-case .hd{margin-bottom: 40px;text-align: center;}
.index .in-case .hd a{display: block;line-height: 40px;width: 160px;font-size: 14px;border: 1px solid #ebebeb;}
.index .in-case .hd li{display: inline-block;vertical-align: middle;margin: 0 10px;}
.index .in-case .hd li.on a,.index .in-case .hd li:hover a{background-color: #235AA9;border-color: #235AA9;color: #fff;}
.index .in-case .bd dl{position: relative;float: left;width: 285px;padding: 10px;margin: 10px;background-color: #fff;border: 1px solid #eee;transition: all .5s;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.index .in-case .bd dl:hover{border-color: #235AA9;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.index .in-case .bd dt{width: 100%;height: 261px;overflow: hidden;}
.index .in-case .bd dt img{width: 100%;height: 100%;-webkit-transition: all 1s;transition: all 1s;}
.index .in-case .bd dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-case .bd dd{padding: 0; border-top:1px #f0f0f0 solid;}
.index .in-case .bd dd h4{font-size: 16px;line-height: 30px;font-weight: bold;margin: 15px 0; text-align:center}
.index .in-case .bd dd p{color: #666;line-height: 24px;text-align: justify;height: 72px;overflow: hidden;}
.index .in-case .bd dd .more{display: block;width: 102px;margin: auto;margin-top: 20px;margin-bottom: 10px;padding: 7px 0;background-color: #235AA9;color: #fff;text-align: center;text-transform: uppercase;border-radius: 50px;}
.index .in-case .bd dd .more:hover{-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
.index .in-case .prev,.index .in-case .next{background: no-repeat center;width: 58px;height: 58px;position: absolute;top: 50%;margin-top: -29px;border-radius: 50%;}
.index .in-case .prev{background-image: url(../images/case_lico01.png);left: -68px;}
.index .in-case .prev:hover{background-image: url(../images/case_lico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
.index .in-case .next{background-image: url(../images/case_rico01.png);right: -68px;}
.index .in-case .next:hover{background-image: url(../images/case_rico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
/*四大优势*/
.index .in-ys{background: url(../images/ys_bg.jpg) no-repeat center 0;height: 1105px;overflow: hidden;padding: 90px 0 0;}
.index .in-ys .in_title{color: #fff;margin-bottom: 30px;}
.index .in-ys .list{padding: 0 26px;}
.index .in-ys dl{margin: 55px 0 0;float: left;width: 566px;height: 421px;position: relative;}
.index .in-ys dt{border: 12px solid #004079;width: 311px;height: 397px;line-height: 397px;overflow: hidden;}
.index .in-ys dt img{width: 100%;height: 100%;display: block;transition: all 1s;}
.index .in-ys dt img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-ys dd{position: absolute;right: 0;background-color: #fff;margin: -172px 0 0;top: 50%;width: 208px;height: 294px;color: #333;padding: 50px 50px 0 50px;}
.index .in-ys dd h4{font-size: 30px;font-weight: bold;}
.index .in-ys dd h4:after{display: block;height: 2px;width: 40px;background-color: #235AA9;content: '';margin-top: 15px;}
.index .in-ys dd p{color: #666;font-size: 16px;line-height: 1.8;height: 84px;margin: 20px 0 0;overflow: hidden;}
.index .in-ys dd .num{display: block;margin-top: 30px;}
.index .in-ys dl:nth-child(even){float: right;}
.index .in-ys dl:nth-child(even) dt{float: right;}
.index .in-ys dl:nth-child(even) dd{left: 0;right: auto;}
/*定制流程*/
.index .in-flow{background-color: #f5f5f5;padding: 50px 0;}
.index .in-flow .in_title{margin-bottom: 22px;}
.index .in-flow .in_title span{font-size: 26px;}
.index .in-flow ul{background:url(../images/liuc_line.png) no-repeat 165px 45px;}
.index .in-flow li{float:left;width:171px;text-align:center;color:#333;font-weight:bold;font-size: 14px;}
.index .in-flow li .icon{display:block;width:100px;height:100px;margin:0 auto 12px;position:relative;cursor: pointer;}
.index .in-flow li .icon i{position:absolute;width:100%;height:100%;top:0;left:0;}
.index .in-flow li .icon i img{width: 100%;height: 100%;display: block;border-radius: 50%;}
.index .in-flow li .icon i.default{background: #fff;border-radius: 50%;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.index .in-flow li .icon i.hover{background: #004079;border-radius: 50%;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.index .in-flow li .icon i.hover img{filter: invert(100%);}
.index .in-flow li:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.index .in-flow li:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
/*客户评价*/
.index .in-kehu{overflow: hidden;}
.index .in-kehu .kehu{position: relative;}
.index .in-kehu .bd{height: 205px;overflow: hidden;}
.index .in-kehu dl{float: left;margin: 10px;padding: 19px;background-color: #f5f5f5;border: 1px solid #eee;width: 540px;transition: all .5s;}
.index .in-kehu dl:hover{border-color: #235AA9;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.index .in-kehu dt{float: left;width: 193px;height: 145px;overflow: hidden;}
.index .in-kehu dt img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index .in-kehu dt:hover img{transform: rotateY(180deg);}
.index .in-kehu dd{margin-left: 220px;padding-top: 15px;}
.index .in-kehu dd h4{font-size: 16px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .in-kehu dd h4 a{color: #333;}
.index .in-kehu dd h4 a:hover{color: #004079;}
.index .in-kehu dd p{margin: 15px 0 0;color: #666;line-height: 23px;text-align: justify;height: 70px;overflow: hidden;}
.index .in-kehu .prev,.index .in-kehu .next{background: no-repeat center;width: 58px;height: 58px;position: absolute;top: 50%;margin-top: -29px;border-radius: 50%;}
.index .in-kehu .prev{background-image: url(../images/case_lico01.png);left: -68px;}
.index .in-kehu .prev:hover{background-image: url(../images/case_lico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
.index .in-kehu .next{background-image: url(../images/case_rico01.png);right: -68px;}
.index .in-kehu .next:hover{background-image: url(../images/case_rico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
/*小banner*/
.index .in-tel{background:url(../images/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;padding: 78px 0 0;}
.index .in-tel p{width: 530px;float: right;}
.index .in-tel p span{display: block;float: left;font-size: 16px;color: #fff;background:url(../images/ban_tel.png) no-repeat 0 15px;width: 270px;padding: 0 0 0 45px;line-height: 28px;}
.index .in-tel p b{display: block;font-size: 30px;color: #fff;font-family: "DINOT";}
.index .in-tel p em{display: block;width: 148px;float: left;padding: 3px 0 0;}
.index .in-tel p em a{font-size: 14px;color: #333;display: block;background:url(../images/ban_btn.png) no-repeat;width: 128px;height: 50px;line-height: 50px;overflow: hidden;padding: 0 0 0 20px;}
.index .in-tel p em a:hover{-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
/*新闻动态*/
.index .in-news{background-color: #f5f5f5;}
.index .in-news .news .hd{font-size: 0;text-align: center;margin-bottom: 20px;}
.index .in-news .news .hd li{display: inline-block;vertical-align: middle;margin: 0 10px;}
.index .in-news .news .hd li a{display: block;line-height: 40px;width: 160px;font-size: 14px;border: 1px solid #ebebeb;}
.index .in-news .news .hd li.on a{background-color: #235AA9;border-color: #235AA9;color: #fff;}
.index .in-news .news .bd ul{margin-left: -40px;display: none;}
.index .in-news .news .bd li{float: left;width: 50%;}
.index .in-news .news .bd li a{display: block;margin-left: 40px;border: 1px solid #eee;background-color: #fff;margin-top: 25px;overflow: hidden;}
.index .in-news .news .bd li .img{width: 100%;height:300px;overflow: hidden;}
.index .in-news .news .bd li .img img{width: 100%;height: 100%;display: block;transition: all 1s;}
.index .in-news .news .bd li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-news .news .bd li .date{float: left;width: 110px;color: #666;padding: 26px 0;text-align: center;border-right: 1px solid #eee;line-height: 1;}
.index .in-news .news .bd li .date b{display: block;font-size: 40px;color: #333;font-family: Arial, Helvetica, sans-serif;margin-bottom: 6px; font-weight:bold}
.index .in-news .news .bd li .info{margin-left: 110px;padding: 20px;}
.index .in-news .news .bd li .info h4{font-size: 16px;font-weight: bold;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .in-news .news .bd li .info p{color: #888;margin: 10px 0 0;overflow: hidden;line-height: 1.8;text-align: justify;height: 50px;}
.index .in-news .news .bd li a:hover{border-color: #235AA9;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
/*关于我们*/
.index .in-about{padding-bottom: 0;}
.index .in-about .about{background-color: #f5f5f5;}
.index .in-about dt{float: left;width: 660px;height: 415px;overflow: hidden;}
.index .in-about dt img{width: 100%;height: 100%;display: block;-webkit-transition: 1s;transition: 1s;}
.index .in-about dt:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-about dd{margin-left: 660px;padding: 60px 40px 0;}
.index .in-about dd h4{font-size: 28px;font-weight: bold;line-height: 45px;}
.index .in-about dd p{color: #666;line-height: 1.8;text-align: justify;margin: 20px 0 0;}
.index .in-about dd .more{display: inline-block;margin-top: 30px;padding: 7px 25px;background-color: #235AA9;color: #fff;text-transform: uppercase;border-radius: 50px;}
.index .in-about dd .more:hover{-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}

/*关于我们*/
.index .about{width:100%;max-width: 1920px;margin: 0 auto;;background: var(--colour1) url(../images/about_bg.png) top no-repeat;}
.index .about .box{padding-top: 60px; margin-bottom:40px;}
.index .about .img{width: 500px;height: 315px;}
.index .about .img img{display: block;width: 100%;height: 100%;}
.index .about .txt{width: 630px;}
.index .about .txt .tit{color: #333;height: 90px;border-bottom: 1px solid #dbdbdb;}
.index .about .txt .tit h3{position: relative;display: inline-block;font-size: 32px;line-height: 35px;font-weight: bold;padding-right: 111px;margin-bottom: 3px;}
.index .about .txt .tit h3:after{content:" ";position: absolute;top: 50%;margin-top: -31px;left: 0;width: 64px;height: 4px;background: #2E64AF;}
.index .about .txt .tit span{position: relative;display: block;font-size: 25px;line-height: 40px;padding-left: 0px; font-family:Arial, Helvetica, sans-serif}
/*.index .about .txt .tit span:before,.index .about .txt .tit span:after{content:"“";position: absolute;top: 0;left: 100px;font-family: impact;color: #cdcdcd;font-size: 65px;line-height: 55px;height: 20px;display: inline-block;}
.index .about .txt .tit span:after{content:"”";top: auto;bottom: 0;left: auto;right: 35px;}*/
.index .about .txt p{color: #5e5e5e;font-size: 16px;line-height: 30px;padding-top: 10px;text-align: justify;}


.b-1{text-align:center;/*padding:50px 0 208px;*/padding:50px 0 50px;position:relative;}
.b-1 .ii{font-size:14px;margin:20px 0 27px;line-height:24px;}
.b-1 ul li{width:25%;height:94px;border-right:1px solid #dcdcdc;box-sizing:border-box;float:left;display:inline;padding-top:6px;}


.b-1 ul li:nth-child(1) span{margin-left:70px;}

.b-1 ul li:nth-child(2)  span{margin-left: 20px;}


.b-1 ul li span{position: absolute;bottom:85px;font-size: 18px;font-weight: bold;margin-left: 50px;}



.b-1 ul li:nth-child(4){border-right:0;}
.b-1 ul li h3{font-size:60px;line-height:60px;font-family:Century Gothic,Arial;font-weight:normal;color:#d00;}
.b-1 ul li p{font-size:14px;color:#666;}

.m{position:relative;width:184px;height:48px;margin:42px auto 0;text-align:center;font-size:16px;color:#fff;}
.m a{display:block;width:100%;height:48px;line-height:46px;color:#fff;border-radius:48px;background:#0154a4;border:2px solid #0168B7;box-sizing:border-box;}
.m a:hover{background:#fff;color:#0154a4;}

.b-1 .pic{width:1066px;padding:16px;box-shadow:0 0 10px #ccc;background:#fff;position:absolute;bottom:-128px;left:50%;margin-left:-549px;z-index:10;}
.b-1 .pic a{display:block;overflow:hidden;}
.b-1 .pic a:hover img{transform:scale(1.04);}

@media all and (max-width:1200px){
	.b-1{padding:20px 0 0;}
	.b-1 .ii{margin:10px 0 17px;}

	.b-1 ul li{width:50%;height:auto;border-right:1px solid #dcdcdc;padding:0;}
	.b-1 ul li:nth-child(2n){border-right:0;}
	.b-1 ul li:nth-child(1),.b-1 ul li:nth-child(2){margin-bottom:10px;}
	.b-1 ul li h3{font-size:44px;line-height:44px;}

	.m{width:40%;height:38px;line-height:38px;border-radius:38px;margin:15px auto 0;font-size:14px;}
	.m a{border-radius:38px;}
	.m span{display:none;}
	
	.b-1 .pic{width:100%;padding:0;box-shadow:0 0 0 #ccc;position:static;margin-left:0;margin-top:15px;}
	.b-1 .pic img{width:100%;transform:scale(1);}
}


/*荣誉资质*/
.index .in-honor{padding-top: 0; padding-bottom:0px;}
.index .in-honor .honor{background-color: #fff;}
.index .in-honor .tit{background: #f7f7f7 url(../images/photo_line.png) no-repeat 0 62px;height: 124px;line-height: 124px;overflow: hidden;}
.index .in-honor .tit a{font-size: 16px;color: #333;font-weight: bold;}
.index .in-honor .tit span{float: right;font-size: 14px;text-transform: uppercase;font-weight: normal;display: block;width: 100px;text-align: center;}
.index .in-honor .tit em{display: block;float: left;width: 50px;height: 50px;line-height: 0;overflow: hidden;border-radius: 50%;box-shadow: 0 3px 10px 3px rgba(248,162,48,0.2);background: url(../images/photo_ico.png) no-repeat 0 center;margin: 35px 15px 0 30px;}
.index .in-honor .bd{height: 230px;overflow: hidden;}
.index .in-honor .bd li{float: left;width: 178px;margin-right: 12px;}
.index .in-honor .bd li .img{width: 178px;height: 120px;overflow: hidden; border:1px #f0f0f0 solid;}
.index .in-honor .bd li .img img{width: 100%;height: 100%;display: block;-webkit-transition: 1s;transition: 1s;}
.index .in-honor .bd li .text{text-align: center;padding: 15px 0;}
.index .in-honor .bd li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
/*******内页样式********/
.nybanner{width: 100%;position: relative;height: 350px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
.submian{padding-bottom: 30px;}
/*当前位置*/
.sobtitle{line-height: 46px;color: #333;border-bottom: 1px dashed #dcdcdc;margin-bottom: 20px;}
.sobtitle b{border-left: 10px solid #393939;font-weight: normal;padding-left: 8px;}
.sobtitle a{color: #333;}
.sobtitle a:hover{color: #004079;}
.sobtitle span{font-family: '宋体';padding: 0 5px;}
.submian .pro-tit{height: 50px;font-size: 24px;font-weight: normal;line-height: 50px;border-bottom: 1px solid #ebebeb;margin-bottom: 15px;}
.submian .pro-tit span{display: inline-block;height: 50px;border-bottom: 1px solid #393939;}
/*单页分类*/
.submian .menu{background: #f4f4f4;margin-bottom: 20px;}
.submian .menu span{width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px;}
.submian .menu li{position: relative;width: 20%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #fff;box-sizing: border-box;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.submian .menu li:nth-child(5n){border: 0;}
.submian .menu li a{display: block;color: #444;}
.submian .menu li a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent;border-bottom-color: #f4f4f4;border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.submian .menu li a.on,.submian .menu li a:hover{background: #235aa9;color: #fff;}
.submian .menu li a.on:after,.submian .menu li a:hover:after{border-bottom-color: #fff;}

.submian .menu6{background: #f4f4f4;margin-bottom: 20px;}
.submian .menu6 span{width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px;}
.submian .menu6 li{position: relative;width:16.6%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #fff;box-sizing: border-box;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.submian .menu6 li:nth-child(5n){border: 0;}
.submian .menu6 li a{display: block;color: #444;}
.submian .menu6 li a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent;border-bottom-color: #f4f4f4;border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.submian .menu6 li a.on,.submian .menu li a:hover{background: #235aa9;color: #fff;}
.submian .menu6 li a.on:after,.submian .menu li a:hover:after{border-bottom-color: #fff;}

.submian .menu4{background: #f4f4f4;margin-bottom: 20px;}
.submian .menu4 span{width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px;}
.submian .menu4 li{position: relative;width:25%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #fff;box-sizing: border-box;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.submian .menu4 li:nth-child(5n){border: 0;}
.submian .menu4 li a{display: block;color: #444;}
.submian .menu4 li a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent;border-bottom-color: #f4f4f4;border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.submian .menu4 li a.on,.submian .menu li a:hover{background: #235aa9;color: #fff;}
.submian .menu4 li a.on:after,.submian .menu li a:hover:after{border-bottom-color: #fff;}


.submian .menu5{background: #f4f4f4;margin-bottom: 20px;}
.submian .menu5 span{width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px;}
.submian .menu5 li{position: relative;width:20%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #fff;box-sizing: border-box;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.submian .menu5 li:nth-child(5n){border: 0;}
.submian .menu5 li a{display: block;color: #444;}
.submian .menu5 li a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent;border-bottom-color: #f4f4f4;border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.submian .menu5 li a.on,.submian .menu li a:hover{background: #235aa9;color: #fff;}
.submian .menu5 li a.on:after,.submian .menu li a:hover:after{border-bottom-color: #fff;}



.submian .menu8{background: #f4f4f4;margin-bottom: 20px;}
.submian .menu8 span{width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px;}
.submian .menu8 li{position: relative;height: 55px;font-size: 18px; line-height: 55px;text-align: center;float: left;border-right: 1px solid #fff;box-sizing: border-box;background: #f4f4f4;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.submian .menu8 li:nth-child(8n){border: 0;}
.submian .menu8 li a{display: block;color: #444;padding:0 30px;}
.submian .menu8 li a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent;border-bottom-color: #f4f4f4;border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.submian .menu8 li a.on,.submian .menu li a:hover{background: #235aa9;color: #fff;}
.submian .menu8 li a.on:after,.submian .menu li a:hover:after{border-bottom-color: #fff;}

/*内页左侧*/
.submian .subleft{width: 240px;}
.submian .subleft .title{height: 80px;background: #004079;}
.submian .subleft .title h2{height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
/*栏目分页*/
.submian .subleft .lefta{margin-bottom: 20px;}
.submian .subleft .lefta .comt ul li span{display: block;height: 50px;line-height: 50px;background: url(../images/jia.png) no-repeat right center #ececeb;margin-bottom: 2px;overflow: hidden;transition: all .5s;}
.submian .subleft .lefta .comt ul li a{display: block;height: 50px;font-size: 18px;font-weight: normal;margin-right: 40px;margin-left: 38px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.submian .subleft .lefta .comt ul li.cur span, .submian .subleft .lefta .comt ul li:hover span{background: url(../images/jian.png) no-repeat right center #004079;}
.submian .subleft .lefta .comt ul li.cur a,.submian .subleft .lefta .comt ul li:hover a{color: #fff;}
.submian .subleft .lefta .comt ul li .boxlist{display: none;padding: 1px 0 2px;}
.submian .subleft .lefta .comt ul li .boxlist li{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #ececec;position: relative;overflow: hidden;}
.submian .subleft .lefta .comt ul li .boxlist li:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transition: all .5s;}
.submian .subleft .lefta .comt ul li .boxlist li.cur:after,.submian .subleft .lefta .comt ul li .boxlist li:hover:after{border-color:#004079;}
.submian .subleft .lefta .comt ul li .boxlist li a{display: block;font-size: 16px;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;}
.submian .subleft .lefta .comt ul li .boxlist li.cur a,.submian .subleft .lefta .comt ul li .boxlist li:hover a{color: #004079;}
.submian .subleft .lefta .comt ul li.cur .boxlist{display: block;}
/*联系我们*/
.submian .subleft .contact1{background: #004079;text-align: center;color: #fff;margin-bottom: 20px;}
.submian .subleft .contact1 .img img{width: 100%;display: block;}
.submian .subleft .contact1 p{padding-top: 15px;}
.submian .subleft .contact1 p img{vertical-align: middle;margin-right: 5px;}
.submian .subleft .contact1 span{display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px;padding-top: 10px;}
.submian .subleft .contact2{height: 140px;background: url(../images/contact-z1.jpg) no-repeat;color: #333;margin-bottom: 20px;}
.submian .subleft .contact2 p{font-size: 20px;height: 30px;line-height: 30px;padding: 37px 0 0 95px;background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;}
.submian .subleft .contact2 span{display: block;height: 30px;font-weight: bold;font-size: 18px;line-height: 30px;padding-left: 73px;}
/*内页右侧*/
.submian .subright{width: 100%;}
/*默认单页*/
.submian .Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;min-height: 400px;}
.submian .Aboutpage h2{color: #666;font-size: 20px;line-height: 48px;text-align: justify; background:url(../images/dot.png) left center no-repeat; padding-left:35px; border-bottom:1px #ccc solid;}
.submian .Aboutpage img{max-width: 100%; margin:10px;}
.submian .Aboutpage .t{padding: 0 0 25px;color: #004079;font-size: 18px;}
/*联系我们*/
.submian .contact .in_title{color: #333;text-align: center;font-size: 40px;line-height: 42px;margin: 40px 0;}
.submian .contact .in_title b{color: #235AA9;}
.submian .contact .in_title p{margin: 0;font-size: 0;}
.submian .contact .in_title span{display: inline-block;vertical-align: middle;position: relative;font-size: 20px;padding: 0 20px;}
.submian .contact .in_title span:before,.submian .contact .in_title span:after{position: absolute;top: 50%;content: '';width: 40px;height: 2px;background-color: #235AA9;margin-top: -1px;}
.submian .contact .in_title span:before{right: 100%;}
.submian .contact .in_title span:after{left: 100%;}
.submian .contact .lianxi li{float: left;border: 1px solid #eee;width: 263px;height: 180px;text-align: center;margin-right: 20px;color: #666;margin-bottom: 30px;line-height: 160%;padding: 0 10px;background: #f5f5f5;}
.submian .contact .lianxi li.last{float: right;margin-right: 0px}
.submian .contact .lianxi li img{margin-top: 20px;width: 46px;}
.submian .contact .lianxi li i{display: block;font-size: 14px;color: #333;padding-bottom: 8px;font-style: normal;padding-top: 10px;}
.submian .contact .lianxi li span{display: block;color: #333;font-size: 18px;}
.submian .contact .lianxi li.last span{font-size: 15px;}
/*文章列表*/
.submian .Newslist{}
.submian .Newslist .list{padding-bottom: 20px;}
.submian .Newslist .item{display: block;padding: 20px;border: 1px solid #dedede;margin-bottom: 15px;transition: all .5s;}
.submian .Newslist .item a{display: block;}
.submian .Newslist .item .img{position:relative;width: 350px;height:250px;display:block;overflow: hidden;cursor: pointer;}
.submian .Newslist .item img{width: 100%;height: 100%;transition: all .5s;}
.submian .Newslist .item a:hover img{transform: scale(1.1, 1.1);}
.submian .Newslist .item .txt{position: relative;width:68%;height: 150px; margin-top:40px;}
.submian .Newslist .item .txt h3{font-size: 22px;line-height: 40px;transition: all .5s;}
.submian .Newslist .item .txt p{color: #797979;line-height: 34px;text-align: justify;height: 172px;overflow: hidden; font-size:16px}
.submian .Newslist .item .txt .more{position: absolute;right: 0;bottom: 0;width: 90px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;transition: all .5s;}
.submian .Newslist .item:hover{border-color: #004079;}
.submian .Newslist .item:hover .txt h3{color:#004079;}
.submian .Newslist .item:hover .txt .more{background: #004079;}
/*产品列表*/
.Prolist ul.list{float: left;width: 100%;padding-left: 0px;}
.Prolist ul.list li.item{float: left;position: relative;width: 298px;margin-bottom: 15px;margin-right: 15px;border: 1px solid #dedede;transition: all .5s;}
.Prolist ul.list li.item:nth-child(3n){margin-right: 0;}
.Prolist ul.list li.item a{display: block;}
.Prolist ul.list li.item h3{width: 100%;height: 56px;color: #666;font-size: 18px;text-align: center;display: block;line-height: 56px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Prolist ul.list li.item .img{width: 100%;height: 224px;overflow: hidden;}
.Prolist ul.list li.item .img img{width: 100%;height: 100%;transition: all .5s;}
.Prolist ul.list li.item:hover{border-color: #004079;}
.Prolist ul.list li.item:hover h3{color: #004079;}
.Prolist ul.list li.item:hover .img img{transform: scale(1.1);}
/*图片列表*/
.Piclist ul.list{float: left;width: 100%;}
.Piclist ul.list li{position: relative;display: block;float: left;width: 294px;margin-right: 20px;margin-bottom: 20px;border: 1px solid #dedede;background: #fff;transition: all .5s;}
.Piclist ul.list li:nth-child(3n){margin-right: 0;}
.Piclist ul.list li a{display: block;}
.Piclist ul.list li .img{position: relative;width: 294px;height: 221px;overflow: hidden;}
.Piclist ul.list li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.Piclist ul.list li .tit{position: relative;overflow: hidden;padding: 15px;box-sizing: border-box;}
.Piclist ul.list li .tit h3{color: #4b4b4b;font-size: 16px;line-height: 22px;transition: all .5s;}
.Piclist ul.list li .tit p{color: #666;line-height: 20px;text-align: justify;padding: 10px 0;height: 40px;overflow: hidden;}
.Piclist ul.list li .tit span{width: 100px;height: 28px;display: inline-block;border: 1px solid #aaa;font-size: 14px;line-height: 28px;text-align: center;transition: all .5s;}
.Piclist ul.list li:hover{border-color: #004079;}
.Piclist ul.list li:hover .img img{transform: scale(1.1);}
.Piclist ul.list li:hover .tit h3{color: #004079;}
.Piclist ul.list li:hover .tit span{color: #fff;border-color: #004079;background: #004079;}
/*图片列表*/
.Imglist .list{padding: 0;}
.Imglist .list .item{float: left;margin-bottom: 16px;margin-right: 16px;}
.Imglist .list .item:nth-child(4n){margin-right: 0;}
.Imglist .list .item a{display: block;width:100%;overflow: hidden;position: relative;background: #fff;}
.Imglist .list .item .img{position: relative;border: 1px solid #e5e5e5;padding: 10px 10px;background: #fff;}
.Imglist .list .item .img img{display: block;width: 266px;height: 200px;}
.Imglist .list .item .img .bg{position: absolute;top: 10px;width: 266px;height: 200px;background: url(../images/da.png) center no-repeat;background-color: rgba(250,193,44,.8);opacity: 0;transition: all .5s;}
.Imglist .list .item h3{width: 100%;color: #555;text-align: center;display: block;line-height: 50px;background: #f0f0f0;transition: all .5s;}
.Imglist .list .item:hover .img .bg{opacity: 1;}
/*留言表单*/
.formData{padding-bottom: 20px;}
.formData .t2{padding: 28px 0 48px;text-align: center;}
.formData .t2 .titb{font-size: 30px;font-weight: bold;margin-bottom: 16px;}
.formData .t2 .txt{color: #666;font-size: 14px;line-height: 24px;}
.formData .t2 .txt span{font-weight: bold;color: #004079;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #666;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 16px;}
.formData .item .txt{width: 490px;height: 50px;line-height: 50px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 16px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #004079;margin-right: 2px;text-align: center;background: #004079;color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;}
.formData .sub:hover{background: none;color: #004079;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
/*产品详情*/
.showproduct .tod{position: relative;padding: 12px 20px 16px 20px;margin-bottom: 15px;background: #fff;border: 1px solid #eee;}
.showproduct .showImg{position: relative;width: 400px;height: auto;overflow: hidden;margin-right: 26px;}
.showproduct .showImg .showImg_top{width: 400px;height: 300px;border: 1px solid #e7e7e7;box-sizing: border-box;}
.showproduct .showImg .showImg_top .swiper-slide img{width: 100%;height: 100%;display: block;cursor: pointer;}
.showproduct .showImg .showImg_top .swiper-prev,.showproduct .showImg .showImg_top .swiper-next{width: 20px;height: 20px;border: 2px solid #fff;transform: rotate(45deg);box-sizing: border-box;position: absolute;top: 50%;margin-top: -10px;z-index: 22;cursor: pointer;outline: none;}
.showproduct .showImg .showImg_top .swiper-prev{left: 4%;border-style: none none solid solid;}
.showproduct .showImg .showImg_top .swiper-next{right: 4%;border-style: solid solid none none;}
.showproduct .showImg .showImg_top .swiper-pagination-fraction{color: #fff;bottom: 6px;text-align: right;padding-right: 10px;text-shadow: 0 0 5px #000;box-sizing: border-box;}
.showproduct .showImg .showImg_top h3{position: absolute;left: 10px;bottom: 5px;color: #fff;z-index: 11;padding-left: 22px;background: url(../images/click.png) no-repeat center left;background-size: 18px;text-shadow: 0 0 5px #000;}
.showproduct .showImg .showImg_thumbs{margin-top: 10px;height: auto;box-sizing: border-box;}
.showproduct .showImg .showImg_thumbs .swiper-slide{width: 92.5px!important;height: 68px;margin-right: 10px;border: 1px solid #e7e7e7;box-sizing: border-box;cursor: pointer;transition: all .5s;}
.showproduct .showImg .showImg_thumbs .swiper-slide img{width: 90.5px;height: 66px;border: 1px solid #fff;box-sizing: border-box;}
.showproduct .showImg .showImg_thumbs .swiper-slide-thumb-active {border-color: #004079;}
.showproduct .baseInfo{width: 460px;}
.showproduct .baseInfo .t{height: 40px;font-size: 24px;line-height: 40px;color: #454545;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px dotted #e6e6e6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showproduct .baseInfo .desc{color: #666;line-height: 24px;font-size: 14px;max-height: 168px;margin-bottom: 76px;text-align: justify;overflow: hidden;}
.showproduct .baseInfo .webtel{width: 460px;height: 50px;border-top: 2px solid #e6e6e6;padding-top: 10px;position: absolute;bottom: 16px;right: 18px;}
.showproduct .baseInfo .webtel .tel{height: 45px;padding-left: 70px;background: url(../images/por_tel.png) no-repeat 10px center;font-size: 16px;line-height: 22px;color: #454545;}
.showproduct .baseInfo .webtel .tel strong{display: block;color: #004079;font-size: 24px;}
.showproduct .baseInfo .webtel a{float: right;width: 120px;color: #fff;font-size: 16px;line-height: 45px;text-align: center;background: #004079;}
.showproduct .pro_tit{position: relative;}
.showproduct .pro_tit h2{font-size: 24px;background: #f2f2f2;padding: 12px;color: #000;font-weight: normal;margin: 40px 0 20px;}
.showproduct .pro_tit h2:after{content: "";position: absolute;width: 3px;height: 22px;background: #004079;left: 0;top: 15px;}
.showproduct .pro_tit h2 span{font-weight: normal;color: #d6d6d6;display: inline-block;margin-left: 10px;text-transform: uppercase;font-size: 18px;}
/*热品推荐*/
.Randompro{}
.Randompro .tit{height: 46px;line-height: 46px;border-bottom: 2px solid #dfdfdf;margin-bottom: 30px;padding-top: 26px;}
.Randompro .tit b{display: inline-block;font-size: 24px;font-weight: normal;color: #464646;padding-left: 30px;border-bottom: 2px solid #393939;background: url(../images/pro_tit.png) no-repeat 0px center;}
.Randompro .tit span{margin-left: 10px;font-size: 18px;font-family: Arial;color: #c2c2c1;text-transform: uppercase;}
.Randompro ul li{float: left;width: 220px;border: 1px solid #dfdfdf;margin-right: 16px;box-sizing: border-box;margin-bottom: 10px;transition: all .5s;}
.Randompro ul li:nth-child(4n){margin-right: 0;}
.Randompro ul li .img{width: 100%;height: 164px;}
.Randompro ul li .img img{width: 100%;height: 100%;display: block;}
.Randompro ul li .txt{padding: 10px;}
.Randompro ul li .txt h3{height: 30px;font-size: 16px;font-weight: normal;line-height: 30px;color: #333;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Randompro ul li .txt p{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Randompro ul li:hover{border-color: #004079;}
.Randompro ul li:hover h3{color: #004079;}
/*文章详情*/
.submian .subright .conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;font-weight: bold;}
.submian .subright .conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-bottom: 1px dashed #ccc;}
.submian .subright .conBox .ArticleMessage span:first-child{margin-left:0;}
.submian .subright .conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;}
.submian .subright .conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}
.submian .subright .conBox .ArticleTencont{padding: 5px 0px 20px 0px;color: #666;font-size:14px;line-height: 28px;text-align: justify;overflow: hidden;}
.submian .subright .conBox .ArticleTencont img{max-width: 100%;}
/*推荐资讯*/
.Randomnews{}
.Randomnews .tit{height: 46px;line-height: 46px;border-bottom: 2px solid #dfdfdf;margin-bottom: 20px;padding-top: 26px;}
.Randomnews .tit b{display: inline-block;font-size: 24px;font-weight: normal;color: #464646;padding-left: 30px;border-bottom: 2px solid #393939;background: url(../images/pro_tit.png) no-repeat 0px center;}
.Randomnews .tit span{margin-left: 10px;font-size: 18px;font-family: Arial;color: #c2c2c1;text-transform: uppercase;}
.Randomnews ul li{float: left;width: 455px;font-size: 14px;line-height: 40px;margin-right: 20px;border-bottom: 1px dashed #ccc;transition: all .5s;}
.Randomnews ul li:nth-child(2n){margin-right: 0;}
.Randomnews ul li span{color: #666;}
.Randomnews ul li:hover h3{color: #004079;}
/*内容分页*/
.reLink{margin: 10px auto 10px;padding-top: 10px;border-top: 1px dashed #b5b5b5;}
.reLink span{display: inline-block;background-color: #a2a2a2;color: #fff;padding: 0 15px;margin-right: 10px;}
.reLink .prevLink, .reLink .nextLink{line-height: 32px;margin-bottom: 5px;color: #666;}
.reLink .prevLink a, .reLink .nextLink a{height: 38px;line-height: 38px;color: #666;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: #004079;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0B7AB0;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0B7AB0;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #0B7AB0;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0B7AB0;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #0B7AB0;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}

/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background: #ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom: 20px;}
.tags span{float: left;display: block;line-height: 40px;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}
.tags a:hover {background: #004079;border-color: #004079;color: #fff;}
/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #999;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #fff;border: 1px solid #f2f2f2;}
.pglist a:hover,.pglist a.cur{display:inline-block;color: #fff;background: #004079;border-color: #004079;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

/*--- Footer ---*/
.Footer-wrapper{}

.Fcr{padding:20px 0;line-height:20px;text-align:center;font-size:13px;color: #FFF;background:#000;}
.Fcr a{color: #FFF;}
.Footer-container{padding:30px 0 20px;color:#fff;background: url(../images/footer_bg.jpg) center top no-repeat;}

.Fcon{float:left;margin:3px 0 0;}
.Flogo img{max-width:200px;}
.Fticker{line-height:24px;color:#666666;margin:10px 0 0;}
.Fshare{margin:25px 0 0;}
.Fshare a{display:inline-block;width:36px;height:36px;line-height:34px;font-size:0px;text-align:center;border-radius:100%;border:1px solid #969696;margin:0 20px 0 0;position:relative;}

.Fnav{width:130px;float:left;}
.Fnav dt 
.Fct dt{line-height:31px;font-size:15px;color:#FFF}

.Fnav .type a{line-height:31px;font-size:15px;color:#FFF}
.Fnav dt .split{display:block;width:16px;height:1px;background:#fff;margin:5px 0 12px 2px;color:#FFF}
.Fnav dd a{display:block;padding:5px 10px 5px 0;line-height:22px;opacity:.9; color:#FFF}
.Fnav dd a:hover{opacity:1;}
.fewm{background:#fff;position:absolute;top:50px;left:0;right:-47px;margin:0 auto;width:96px;display:none;}
.fewm img{width:96px;height:96px;object-fit:cover;}
.Fshare a:hover .fewm{display:block;}

.Fct{float:right;;color:#FFF}
.Fct .tel{line-height:30px;font-size:16px;opacity:.75;;color:#FFF}

.Fct .tel a{color:#FFF}
.Fct dt a{color:#FFF}

.Fct .wx-code{display:inline-block;text-align:center;margin:14px 0 0;}
.Fct .wx-code img{max-width:96px;}
.Fct .wx-code .t{line-height:24px;font-size:13.21px;color:#b6b6b6;margin:5px 0 0;;color:#FFF}

.Footer-container .Fsplit{display:block;width:1px;height:185px;background:#fff;opacity:.12;float:left;margin:0 3% 0 4.5%;}
.Footer-container .Fsplit.Fs2{margin:0 0 0 1.166666666666667%;}

.Footer-wrapper.on .Fnav dd{display:block !important;}
.wrapper { width:1200px; margin-left:auto; margin-right:auto;}
.page_left { float: left; width: 240px; position: relative; }
.page_right { float: right; width: 78%; padding-left: 30px; padding-right: 30px;  min-height:700px; position: relative; background:#FFF; border-radius:12px; }
.left_menu { float: left; width: 240px; position: relative; }
.left_menu li{ width: 240px; box-sizing: border-box; line-height: 50px; background-color: #fff; margin:5px 0; float: left; font-size: 15px;box-shadow:2px 4px 10px rgba(195,206,201,0.3)}
.left_menu li a{ display: block; padding:0 20px 0 20px;width: 240px; box-sizing: border-box; border-left: 0px solid #232323;background-image: url('../images/ico_more.png'); background-repeat: no-repeat; background-position: 200px center;}
.left_menu li a:hover,.left_menu li.on2 a{ background-color: #357BCB; color: #fff;border-left: 0px solid #07727e;background-image: url('../images/ico_more2.png'); background-repeat: no-repeat; background-position: 200px center; box-sizing: border-box;}

.left_title { line-height: 40px; float: left; height: 40px; width: 210px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; font-size: 15px; font-weight: bold; color: #333333; background-image: url(../images/ico_rank.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 30px; }
.left_title2{ width: 200px; padding: 20px; background-color: #07727e;margin-top:2px;}
.left_title2 h3{ width: 100%; font-size: 20px; color: #fff; padding-left: 40px; background-image: url('../images/ico_cat2.png'); background-repeat: no-repeat; background-position: left center; }
.left_rank { width:240px; float:left; padding-top:8px; padding-bottom:8px; }
.left_rank li { line-height: 30px; float: left; height: 30px; width: 240px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-top: 3px; padding-bottom: 3px; }
.left_rank li i { font-style: normal; line-height: 20px; color: #FFFFFF; background-color: #4e4e4e; text-align: center; margin: 5px; float: left; height: 20px; width: 20px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }

.left_rank2 { width:240px; float:left; padding-top:8px; padding-bottom:8px; }
.left_rank2 li { float: left;  width: 240px; padding:5px 0; margin:2px 0;}
.left_rank2 li span{ width: 80px; height: auto; float: left; margin:5px; border:solid 1px #e2e2e2; }
.left_rank2 li span img{width: 80px; height: auto;}
.left_rank2 li p{ width: 140px; line-height: 25px; max-height: 50px; padding-bottom:5px; font-size: 16px;float:  right; overflow: hidden;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; }
.left_rank2 li dt{ width: 140px; line-height: 30px; font-size: 12px; color: #999; float:  right;}
.left_rank2 li i{ color: #666;font-style: normal; }
.page_read { float: left; width: 100%; padding: 10px; }
.page_read_title { font-size: 22px; line-height: 35px; font-weight: normal; color: #333333; text-align: left; float: left;padding-top: 10px; padding-bottom: 10px; background:url(../images/yin_ico011.png) left center no-repeat; border-bottom:2px #069 solid; padding-left:40px; font-weight:bold; width:100%;}
.page_read_info { line-height: 35px; color: #999999; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; text-align: center; }
.page_content { font-size: 15px; line-height: 2.2em; color: #333333; padding: 10px; float: left; width:100%; margin-top: 10px; margin-bottom: 10px; min-height:240px; }
.page_content img { max-width:780px; height:auto;}
#hits{ color: #fa4102; font-style: normal; }
.page_content2 { font-size: 15px; line-height: 2.2em; color: #333333; padding: 10px; float: left; width: 530px; margin-top: 10px; margin-bottom: 10px; min-height:240px; }
.page_content img { max-width:530px; height:auto;}
.map{ width: 100%; padding:10px; float: right; box-sizing: border-box; }
.share { float: left; height: 40px; width: 790px; padding-left: 10px; }
.msg_left{ width: 420px; padding: 25px; line-height: 2.2em; color: #fff; font-size: 16px; background-color: #07727e; float: left;}
.rank { width:260px; float:left; padding-top:8px; padding-bottom:8px; }
.rank li { line-height: 30px; float: left; height: 30px; width: 260px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-top: 3px; padding-bottom: 3px; }
.rank li i { font-style: normal; line-height: 20px; color: #FFFFFF; background-color: #4e4e4e; text-align: center; margin: 5px; float: left; height: 20px; width: 20px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
/*列表样式*/
.list {position: relative; padding: 20px; }
.list_txt { margin: 0px; padding: 0px; }
.list_txt li { float: left; width: 840px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #DFDFDF; }
.list_txt span { padding: 1px; float: left; border: 1px solid #e2e2e2; }
.list_txt h4 { font-size: 16px; line-height: 35px; font-weight: bold; float: left; height: 35px; width: 810px; background-image: url(../images/ico1.jpg); background-repeat: no-repeat; background-position: 2px center; padding-left: 10px; }
.list_txt p { line-height: 22px; color: #999999; float: right; width: 820px; padding-top: 5px; padding-bottom: 5px; }
.list_txt dt { line-height: 30px; color: #999999; float: right; height: 30px; width: 820px; }
.list_txt i{ font-size: 16px; color: #999; line-height: 30px; }

.list_txt2{ width: 1200px; float: left;padding: 15px 0; }
.list_txt2 li { float: left; width: 600px; padding: 15px 25px; box-sizing: border-box; margin:-1px 0 0 -1px; border-bottom: solid 1px #e2e2e2;  }
.list_txt2 h4 { font-size: 17px; line-height: 45px; float: left; height: 45px; width: 550px; padding: 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color: #f1f2f3; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; border-radius:40px; font-weight: normal; }
.list_txt2 h4 a { color:#333333; text-decoration:none; }
.list_txt2 li:hover h4{ background-color:#17a9e4;}
.list_txt2 li:hover h4 a { color:#FFFFFF;}
.list_txt2 li:hover h4 i{ color:#FFFFFF;}
.list_txt2 p { line-height: 25px; color: #999999; float: left; width: 530px; padding-left: 15px; max-height:48px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
.list_txt2 p a{color: #17a9e4;}

.list_tuwen { margin: 0px; padding: 0px; }
.list_tuwen span { padding: 1px; float: left; border: 1px solid #e2e2e2; }
.list_tuwen span img{ width: 240px; height: auto; }
.list_tuwen h4 { font-size: 16px; line-height: 35px; font-weight: bold; float: right; height: 35px; width: 560px; }
.list_tuwen p { line-height: 25px; color: #999999; float: right; width: 560px; padding-top: 5px; padding-bottom: 5px; }
.list_tuwen dt { width:560px; float:right; line-height: 30px; color: #999999; }
.list_tuwen li { float: left; width: 840px; padding-top: 25px; padding-bottom: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }
/*阅读*/
.read { float: left; width: 840px; padding: 20px; }
.read_title { font-size: 28px; line-height: 45px; font-weight: bold; color: #333333;float: left; width: 100%; padding-top: 20px; padding-bottom: 10px; text-align: center;}
.read_info { line-height: 35px; color: #999999; float: left; height: 35px; width: 100%; border-bottom: 1px solid #e2e2e2;text-align: center; }
.read_content { width:820px; padding:10px; margin-top:10px; margin-bottom:10px; font-size:15px; line-height:2.2em; color:#333333; float: left; }
.read_content img { max-width:820px; height:auto}
.read_content table, .read_content td,.read_content tr { max-width:100%; font-size:13px;}
.pagenext{ width: 100%; float: left; padding: 10px 0; }
.page_about{ width: 100%; float: left; }
.page_up { line-height: 35px; color: #666666; float: left; height: 35px; width: 50%; border-bottom: 1px dashed #e2e2e2; }

.list_pic { margin: 0px; padding: 0px; }
.list_pic li{ width: 260px; float: left; padding: 0px; position: relative; margin:10px;-moz-border-radius:5px; -ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; overflow: hidden; background-color: #fff;}
.list_pic li span{ width: 260px; float: left; }
.list_pic li span img { width: 260px; height: 200px; }
.list_pic li p { width: 100%; line-height: 45px; height:45px; text-align: center; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #f5f5f5;}
.list_pic li:hover{ background-color: #07727e; }
.list_pic li:hover p{ color: #fff; background-color: #07727e;}
.list_pic li:hover p a{ color: #fff; }
.list_pic li:hover .pshadow{ top:0px; }

.list_products { margin: 0px; padding: 0px; }
.list_products li{ width: 260px; float: left; padding: 0px; position: relative; margin:10px;-moz-border-radius:5px; -ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; overflow: hidden; background-color: #fff;}
.list_products li span{ width: 260px; float: left; }
.list_products li span img { width: 260px; height: 195px; }
.list_products li p { width: 100%; line-height: 45px; height:45px; text-align: center; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #f5f5f5; }
.list_products li:hover{ background-color: #07727e; }
.list_products li:hover p{ color: #fff; background-color: #07727e;}
.list_products li:hover p a{ color: #fff; }
.list_products li:hover .pshadow{ top:0px; }

.news_ul{padding-bottom: 40px;}
.news_ul li{border-bottom: 1px solid rgba(0,0,0,.06);padding: 30px 0;}
.news_ul li a{display: flex;}
.news_ul li .img{position:relative;width: 250px;height: 150px;margin-right: 30px;overflow: hidden;}
.news_ul li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.news_ul li .txt{flex: 1;overflow: hidden;padding-right: 20px;}
.news_ul li .txt h3{font-size: 20px;line-height: 30px;font-weight: 300;margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.news_ul li .txt .hits{color: #999;font-size: 14px;line-height: 30px;}

.news_ul li .txt p{color: #b5b5b5;font-size: 14px;line-height: 28px;text-align: justify;transition: all .5s;height: 80px;overflow: hidden;}
.news_ul li .date{width: 130px;padding: 24px 0 24px 35px;font-size: 30px;line-height: 50px;color:#999;font-weight:300;position:relative;text-align: center;}
.news_ul li .date:after{display:block;content:"";width:1px;height: 100%;background:#f3f3f3;left:10px;top: 0;position:absolute;}
.news_ul li .date span{display: block;}
.news_ul li:hover .img img{transform: scale(1.1);}
.news_ul li:hover .txt h3{color:var(--colour1);}
.news_ul li:hover .txt p{color: #666;}
.detail{padding-top: 50px;}
.detail .title{padding-bottom: 20px;border-bottom: 1px solid #f3f3f3;text-align: center;margin-bottom: 20px;}
.detail .title h1{font-size: 30px;font-weight: bold;padding-bottom: 15px;}
.detail .title span{line-height: 18px;font-family: arial;color: #999;margin-right: 14px;}
.detail .title span:last-child{margin-right: 0;}
.detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;}
.detail .title .i2{background-position: -104px 0;margin-left: 30px;}
.detail .context{color: #666;line-height: 30px;text-align: justify;padding-bottom: 25px; font-size:16px}
.detail .context img{max-width: 1200px;}
.detail .context h2{color: #666;font-size: 20px;line-height: 48px;text-align: justify; background:url(../images/dot.png) left center no-repeat; padding-left:35px; border-bottom:1px #ccc solid;}
/* reLink*/
.reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;color: #666;}
.reLink .nextLink,
.detail .reLink .prevLink{width: 50%;}
.reLink .nextLink{text-align: right;}
.reLink a{color: #666;}
.reLink a:hover{color: var(--colour1);}
.contact .box1{line-height: 18px;padding: 48px 0 0px;overflow: hidden;}
.contact .box1 ul{width: 125%;}
.contact .box1 li{float: left;width: 230px;margin-right: 250px;}
.contact .box1 li i{width: 56px;height: 56px;background-position: -142px 0;float: left;}
.contact .box1 li b{font-size: 18px;font-family: arial;font-weight: 100;}
.contact .box1 li td{vertical-align: middle;height: 56px;padding-left: 5px;}
.contact .box1 .l2 i{background-position: -204px 0;}
.contact .box1 .l3 i{background-position: -267px 0;}
.contact .box2{margin-bottom: 75px;}
.contact .box2 #map1_container,
.contact .box2 #allmap1{width: 100%;height: 400px;}
.box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}
.box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
.box3 b{color: #666}


.pagnation { text-align: center; margin-top: 32px; }
.pagnation a { display: inline-block; width: 34px; height: 34px; line-height: 34px; overflow: hidden; background: url(../images/sprite.png) no-repeat 0 -29px; margin-left: 4px; font-size: 16px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position: 0 -64px; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -35px -29px; }
.pagnation .page-prev:hover { background-position: -35px -64px; }
.pagnation .page-next { background-position: -70px -29px; }
.pagnation .page-next:hover { background-position: -70px -64px; }
.pagnation .current { background-position: 0px -64px; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

.case{margin-top: 40px;}
.case ul{width: 100%;}
.case li{width: 230px;float: left;margin-right: 30px;margin-bottom: 30px;transition: all .5s;}
.case li:nth-child(5n){margin-right: 0;}
.case li .img{width: 100%;height: 210px;display: block;border: 1px solid #eaeaea;border-bottom: none;overflow: hidden;box-sizing: border-box;}
.case li .img img{width: 100%;height: 100%;transition: all .5s;}
.case li:hover .img img{transform: scale(1.1);}
.case li .p{border: 1px solid #efefef;display: block;padding: 0 19px;height: 108px;border-top: none;box-sizing: border-box;}
.case li .p p{border-bottom: 1px solid #eaeaea;height: 58px;line-height: 58px;margin-bottom: 10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.case li .p  span{color: #666;transition: all .5s;}
.case li .p i{width: 32px;height: 12px;background-position: 0 -30px;}
.case li .p .fl{font-size: 12px;font-family: arial;}
.case li:hover a span{color:var(--colour1);}
.case li:hover a p{color:var(--colour1);}
.case li:hover{box-shadow: 0 1px 20px rgb(0 0 0 / 10%);}

/*.d_list{width:100%;border-bottom:#e5e5e5 1px solid;}
.d_list li{width:100%;height:50px;position:relative;overflow:hidden;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; background:#f1f1f1}
.d_list li:nth-child(2n){width:100%;height:50px;position:relative;overflow:hidden;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; background:#fff}
.d_list li:hover{background-color:#d2e8f7;}
.lidate{width:90px;height:50px;line-height:50px;position:absolute;left:35px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;}
.lidate span{font-size:12px; margin-left:10px;}
.liTitle{width:880px;height:50px;line-height:50px;position:absolute;left:30px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; font-size:18px}

.linr{width:880px;height:50px;line-height:50px;position:absolute;left:30px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; font-size:15px}

.flIco{width:30px;height:40px;position:absolute;right:30px;background:url(../images/liIco.png) no-repeat left 14px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;}
.d_list li:hover .flIco{background:url(../images/liIcoh.png) no-repeat left 14px;}*/


.d_list{width:100%;border-bottom:#e5e5e5 1px solid;}
.d_list li{width:100%;height:50px;position:relative;overflow:hidden;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; background: url(../images/dot.png)10px center no-repeat #f1f1f1}
.d_list li:nth-child(2n){width:100%;height:50px;position:relative;overflow:hidden;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;background: url(../images/dot.png)10px center no-repeat #fff}
.d_list li:hover{background: url(../images/dot.png)20px center no-repeat #d2e8f7;}
.lidate{width:90px;height:50px;line-height:50px;position:absolute;left:1140px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;}
.lidate span{font-size:12px; margin-left:10px;}
.liTitle{width:880px;height:50px;line-height:50px;position:absolute;left:50px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; font-size:14px}
.linr{width:120px;height:50px;line-height:50px;position:absolute;left:1050px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; font-size:14px}

.flIco{width:60px;height:40px;position:absolute;right:30px;background:url(../images/liIco.png) no-repeat left 14px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; line-height:40px;}
.d_list li:hover .flIco{background:url(../images/liIcoh.png) no-repeat left 14px; right:20px}

.d_list li:hover .lidate{left:1045px;}
.d_list li:hover .liTitle{left:1160px;}


.fltime{width:130px;height:40px; line-height:40px; font-size:15px;position:absolute;right:30px;transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s; text-align:right}
.d_list li:hover .fltime{}


.d_list li:hover .lidate{left:1160px;}
.d_list li:hover .liTitle{left:60px;}
.d_list li:hover .linr{left:1070px;}

DIV.black {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px;PADDING-BOTTOM: 50px; MARGIN: 0px auto 5px auto; COLOR: #a0a0a0; PADDING-TOP: 10px;  TEXT-ALIGN: center
}
DIV.black A {
	BORDER: #2F7EB7 1px solid;   COLOR: #000; MARGIN-RIGHT: 3px; font-size:14px; font-family: "宋体";  TEXT-DECORATION: none; border-radius:4px; padding:6px 10px;}
DIV.black A:hover {
	BORDER: #f0f0f0 1px solid; background:#2F7EB7;  COLOR: #ffffff;  font-size:14px; font-family: "宋体"; BACKGROUND-COLOR: #2F7EB7;  border-radius:4px;padding:6px 10px;}
DIV.black A:active {
	BORDER: #f0f0f0 1px solid; font-size:14px; font-family: "宋体";COLOR: #ffffff; BACKGROUND-COLOR: #2F7EB7;  border-radius:4px; padding:6px 10px;}

DIV.black SPAN.current1 {
	BORDER: #2F7EB7 1px solid; font-size:14px; font-family: "宋体";PADDING: 5px; FONT-WEIGHT: bold;  COLOR: #ffffff; MARGIN-RIGHT: 3px;  BACKGROUND-COLOR: #2F7EB7;  border-radius:4px; padding:6px 10px;}

DIV.black SPAN.disabled {
	BORDER: #2F7EB7 1px solid; PADDING-RIGHT: 5px; font-size:14px; font-family: "宋体";PADDING-LEFT: 5px; PADDING-BOTTOM: 2px;  COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px;  border-radius:4px; padding:6px 10px;
}
@media screen and (max-width: 1600px) {
.w1200{width: 1200px; margin: 0 auto;}

.nav_main .nav li span{display: block;width: 170px;}
.Fnav{width:120px;float:left;}

.submian .menu8 li a{display: block;color: #444;padding:0 24px;}
}