header,
footer,
#main{width: 100%; overflow: hidden; min-width: 1200px;}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 变量 */
/*css3*/
.clear::after{display: block; content: ''; clear: both;}
/************************header************************/
.header-all{line-height: 35px; background: #efefef; overflow: hidden; font-size: 14px; color: #666666;}
.header-all a{color: #666666;}
.header-all span{float: left;}
.header-all ol{float: right;}
.header-all ol li{float: left;}
.header-all ol li:nth-of-type(2){margin: 0 15px;}
.h-top{overflow: hidden; padding: 25px 0;}
.h-top h1{float: left; margin-top: 5px;}
.h-top p{float: right; background: url("../images/tel.png") no-repeat left 1px; padding-left: 85px; padding-bottom: 5px;}
.h-top p span{display: block; color: #414141;}
.h-top p b{color: #2662b7; font-size: 30px; display: block;}
nav{background: #2662b7;}
nav::after{display: block; content: ''; clear: both;}
nav ul li{float: left; text-align: center; width: 171px; font-size: 14px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; line-height: 56px; position: relative;}
nav ul li > a{color: #fff; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; display: block; position: relative;}
nav ul li > a span{position: relative; z-index: 310;}
nav ul li > a:before{display: block; content: ''; width: 1px; height: 16px; background: url("../images/nav2.png") no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -8px;}
nav ul li > a:after{display: block; content: ''; width: 100%; height: 80px; background: url("../images/navbg.png") no-repeat center; background-size: cover; position: absolute; z-index: 100; left: 0; top: 0; opacity: 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
nav ul li > a:hover:after{opacity: 1;}
/*main*/
.product{padding: 60px 0; overflow: hidden; background: url("../images/probg.jpg") no-repeat center;}
/*sidebar*/
.sidebar{width: 250px; float: left; background: #2662b7 url("../images/sbbg.png") no-repeat top center; padding: 25px 7px 7px 7px;}
.sidebar .s-top p{text-align: center; color: #fff;}
.sidebar .s-top p b{display: block; font-size: 30px;}
.sidebar .s-top p span{font-size: 14px;}
.sidebar .s-top div{background: #fff; position: relative; margin-top: 25px; padding-bottom: 30px;}
.sidebar .s-top div:after{display: block; content: ''; width: 100%; height: 17px; background: url("../images/sbg2.png") no-repeat center; position: absolute; left: 0; top: -17px; background-size: cover;}
.sidebar .s-top div ul{position: relative; padding-top: 20px;}
.sidebar .s-top div ul li{width: 90%; border: 1px solid #ccc; text-align: center; font-size: 15px; margin: 0 auto 10px; box-shadow: 0 1px 1px #ccc; border-radius: 5px;}
.sidebar .s-top div ul li a{display: block; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; padding: 12px 0; border-radius: 5px; color: #2662b7; font-weight: bold;}
.sidebar .s-top div ul li:hover a{background: #2662b7; color: #fff;}
.sidebar .s-top div > span{background: url("../images/tel2.png") no-repeat left center; padding-left: 35px; display: block; margin-left: 25px; margin-top: 30px;}
.sidebar .s-top div > span small{display: block; font-size: 14px; color: #303030;}
.sidebar .s-top div > span b{display: block; font-size: 20px; color: #2662b7;}
.pro-right{width: 903px; float: right;}
.pro-right .pro-tit{position: relative; margin-bottom: 40px;}
.pro-right .pro-tit p{position: relative;}
.pro-right .pro-tit p b{display: block; font-size: 20px; color: #2662b7;}
.pro-right .pro-tit p small{display: block; font-size: 24px; color: #cacaca;}
.pro-right .pro-tit p span{font-size: 12px; color: #3f3f3f; position: absolute; left: 140px; top: 36px;}
.pro-right .pro-tit a{display: block; width: 132px; height: 36px; line-height: 36px; background: #2662b7 url("../images/morebg2.png") no-repeat 20px center; position: absolute; right: 0; top: 0; color: #fff; text-indent: 51px; border-radius: 5px;}
.pro-list{width: 922px;}
.pro-list li{width: 287px; margin-bottom: 25px; float: left; margin-right: 20px;}
.pro-list li p{width: 287px;height: 206px; background: url("../images/probg.png") no-repeat center; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; position: relative;}
.pro-list li p img{max-width: 270px;width: 270px; max-height: 190px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pro-list li span{display: block; font-size: 14px; color: #666666; text-align: center; margin-top: 10px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.pro-list li:hover p{background: url("../images/probg2.png") no-repeat center;}
.pro-list li:hover span{color: #2662b7;}
/*company*/
.main-tit h3{text-align: center; font-size: 40px; color: #fff; background: url("../images/guanyu.png") no-repeat center;}
.main-tit small{display: block; text-align: center; color: #999999; font-size: 14px; margin-top: 15px;}
.main-tit2{margin-top: 60px; margin-bottom: 40px;}
.main-tit2 h3{color: #2662b7; background: url("../images/advtit.png") no-repeat center;}
.main-tit3{margin-top: 60px; margin-bottom: 40px;}
.main-tit3 h3{color: #2662b7; background: url("../images/newbg.png") no-repeat center;}
.company{overflow: hidden; padding: 60px 0; background: url("../images/companybg.jpg") no-repeat center;}
.company span{display: block; text-align: center; font-size: 14px; color: #fff; line-height: 30px; margin: 40px 0;}
.company ul li{float: left; border: 4px solid #2662b7; margin-left: 28px; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; transition: all 400ms linear;}
.company ul li:hover{border: 4px solid #4cc5f3; transform: translateY(-20px);}
.company ul li:first-child{margin-left: 0;}
.company ul li img{width: 270px; height: 200px; display: block;}
/*adv*/
.adv-one .adv-one-con::after{display: block; content: ''; clear: both;}
.adv-one .adv-one-con > img{float: left; margin-left: -100px; margin-top: -35px;}
.adv-one .adv-one-con ul{width: 825px; float: right;}
.adv-one .adv-one-con ul li{width: 400px;  border-bottom: 2px solid #2662b7;padding-bottom: 10px;/*margin-bottom: 45px; */}
.adv-one .adv-one-con ul li:nth-of-type(odd){float: left;}
.adv-one .adv-one-con ul li:nth-of-type(even){float: right;}
.adv-one .adv-one-con ul li h3{position: relative; text-indent: 40px;/* margin-bottom: 22px;*/}
.adv-one .adv-one-con ul li h3 img{position: absolute; left: 0px; top: 2px;}
.adv-one .adv-one-con ul li h3 span{font-size: 24px; color: #333333;}
.adv-one .adv-one-con ul li small{/*margin-left: 40px; */display: block; height:40px;line-height: 40px;}
.adv{height: 153px; background: url("../images/advbg.png") no-repeat center; position: relative;}
.adv img{margin-top: 40px;}
.adv p{text-align: right; color: #fff; font-size: 24px; float: right; margin-top: 36px;}
.adv p span{display: block; font-size: 30px;}
.index-location{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 25px;}
.index-location b{color: #2662b7; font-size: 20px; border-left: 2px solid #2662b7; padding-left: 10px;}
.index-location small{font-size: 16px; color: #afafaf;}
.index-location a{float: right; font-size: 14px; color: #6f6f6f;}
/*news*/
.news{overflow: hidden; padding-bottom: 75px;}
.news ul li{width: 600px; float: left; overflow: hidden; margin-bottom: 30px;}
.news ul li:nth-of-type(odd){padding-right: 25px; width: 575px;}
.news ul li img{width: 186px; height: 140px; float: left;}
.news ul li p{width: 378px; float: right; position: relative;}
.news ul li p b{display: block; font-size: 16px; color: #2662b7; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.news ul li p strong{position: absolute; right: 0; top: 0; font-size: 12px; color: #2662b7; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.news ul li p small{font-size: 12px; color: #999999; margin: 15px 0 25px 0; display: block;}
.news ul li p span{display: block; font-size: 14px; color: #666666;}
.news ul li:hover b,
.news ul li:hover strong{color: #4cc5f3;}
/*footer*/
footer{background: #2662b7; padding: 40px 0 0 0; overflow: hidden; color: #fff;}
footer #allmap2{height: 200px !important;}
footer>.wrapper{position: relative; height: 100%; overflow: hidden; padding-bottom: 30px;}
footer .wrapper .f-left{width: 50%; float: left;}
footer .wrapper .f-left > img{display: block; padding-bottom: 25px; margin-bottom: 25px;}
footer .wrapper .f-left ol li{color: #fff; font-size: 15px; margin-bottom: 18px; position: relative; float: left; margin-right: 35px;}
footer .wrapper .f-right{width: 50%; float: right;}
footer .wrapper .f-right #allmap2{height: 250px; width: 100%;}
footer .f-bottom{background: #004e96; line-height: 45px;}
footer .f-bottom span{display: block; font-size: 14px; color: #fff;}
footer .f-bottom span a{color: #fff;}
footer .f-bottom span span{float: right;}
/*sidebar*/
.prev_next a:hover{color: #da0922;}
.prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #da0922;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
.prev_next .prev,
.prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
.prev_next .prev a:hover,
.prev_next .next a:hover{color: #da0922;}
.prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
.prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
/*news*/
.new_right li{border-bottom: 1px dashed #999999; padding: 15px 0;}
.new_right li:first-child{margin-top: 20px; padding-top: 0;}
.new_right li p{overflow: hidden;}
.new_right li b{float: left; color: #000; font-weight: bold; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.new_right li small{float: right; color: #666666; font-weight: 400;}
.new_right li span{display: block; line-height: 26px; color: #666666; padding: 10px 0 0 0;}
.new_right li:hover b{color: #085dbd;}
/*jobs*/
ul.jobs li{border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 15px; line-height: 30px; padding-left: 20px; position: relative;}
ul.jobs li a{display: block; position: absolute; background-color: #2662b7; color: #ffffff; padding: 1px 8px; top: 50px; left: 500px;}
ul.jobs li a:hover{border-radius: 8px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}
ul.jobs li strong{color: #b50000;}
.zizhi{width: 880px;}
.zizhi li{padding: 10px; border: 1px solid #ccc; float: left; margin: 0 24px 20px 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.zizhi li b{display: block; width: 100%; height: 100%; overflow: hidden;}
.zizhi li img{display: block; width: 246px; height: 192px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.zizhi li span{display: block; line-height: 40px; background: #ededed; text-align: center; color: #2e2e2e; font-size: 14px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.zizhi li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.zizhi li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.zizhi li:hover span{background: #2662b7; color: #fff;}
.container{width: 1200px; margin-left: auto; margin-right: auto;}
.left{float: left !important;}
.right{float: right !important;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom: 1;}
.sub-page{padding-top: 60px; padding-bottom: 70px; overflow: hidden; background: #f2f2f2;}
.sub-page .article{width: 860px; background: #fff; padding: 25px;}
.sub-page .article .cat{height: 52px; line-height: 52px; border-bottom: 2px solid #ccc; margin-bottom: 20px;}
.sub-page .article .cat b{display: block; float: left; padding: 0 40px; background: #2662b7; color: #fff; font-size: 18px; height: 56px; line-height: 56px; margin-left: -2px; margin-top: -2px;}
.sub-page .article .cat span{float: right; font-size: 14px; color: #666;}
.sub-page .article .cat span a{color: #666;}
.sub-page .article .cat span a:hover{color: #2662b7;}
.sub-page .article .pro-tit{width: 600px;}
.sub-page .article .pro-img{width: 400px; border: 3px solid #ccc; padding: 5px; margin-top: 20px; height: 400px; position: relative;}
.sub-page .article .pro-img img{position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.sub-page .article .pro-text{width: 400px; padding-top: 30px;}
.sub-page .article .pro-text ul{font-size: 16px; line-height: 35px;}
.sub-page .article .pro-text ul b{font-size: 24px; color: #e79934;}
.sub-page .article .pro-text a.hs{display: block; text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #d1020c; border-radius: 4px; width: 250px;}
.sub-page .article .pro-text a.hs:hover{background: #b1000a;}
.sub-page .article h1.title{font-size: 24px; color: #2a2a2a; line-height: 54px;}
.sub-page .article .desct{width: 100%; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; background: #f1f1f1;}
.sub-page .article .desct b{display: block; float: left; padding: 0 20px; background: #d1020c; color: #fff;}
.sub-page .article .content{font-size: 15px; line-height: 30px; color: #333;}
.sub-page .article .content img{max-width: 860px;}
.news_time{margin-bottom: 25px;}