body{min-width:1200px}
.header{width:1200px;margin:0 auto;height:91px;}
.header .logo{float:left;margin-left:9px;margin-top:17px;}
.header .menu{float:left;margin-left:68px;}
.header .menu ul,.header .menu li{float:left;}
.header .menu a{font-size:18px;color:#575757;height:73px;line-height:73px;margin-top:18px;float:left;padding:0 15px;}
.header .menu li:hover{background:#004296;}
.header .menu li:hover a{color:#fff;}
.search-form {float:right;height:91px;}
.search-box {float:left;border:#898989 1px solid;border-radius:6px;width:222px;height:36px;margin-top:33px;}
.search-box .keyword{float:left;width:170px;height:36px;margin-left:10px;}
.search-box .keyword input{width:100%;height:34px;border:none;font-size:14px;color:#8f929c;}
.search-box .search{float:left;width:40px;height:36px;cursor: pointer;background:url(../image/search-icon.png) no-repeat center center;
    background-size:50%;}
.banner{height:620px;width:100%;}
.category{width:100%;float:left;}
.category_list{width:1200px;margin:0 auto;margin-top:30px;}
.category_list ul{float:left;width:100%;}
.category_list li{float:left;width:280px;margin-right:26px;}
.category_list li .picture{width:100%;height:220px;background:#f0f0f0;position:relative;overflow:hidden;text-align: center;line-height:220px;}
.category_list li .picture a{display: block; position: absolute; top: 0;left: 0;bottom: 0; right: 0;transition: all .5s ease;}
.category_list li .picture>a:before {transition: all .5s ease;display: block;content: '';background: rgba(5,6,5,.5);height: 100%;width: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.category_list li .picture>a:after {transition: all .5s ease;display: block;content: '';background: #004296;height: 100%;width: 100%;position: absolute;top: 0;left: 100%;}
.category_list li .picture>a:focus:after,.category_list li .picture>a:hover:after {left: -99%}
.category_list li .picture>a:focus:before,.category_list li .picture>a:hover:before {opacity: 1}
.category_list li .picture>a:focus *,.category_list li .picture>a:hover * {color: #fff;background: #004296}

.category_list li .picture a img{}
.category_list li .picture span{position: absolute;left:0;top:0;display: none;width:3px;height:229px;z-index:100;
background:#004296;opacity:0.4;cursor: pointer;}
.category_list li .title{width:100%;height:78px;line-height:60px;text-align: center;color:#004296;font-size:20px;}
.category_list li .title a{color:#004296;}
.category_list .picture button{color:#00509f;font-size:18px;width:203px;height:43px;line-height:43px;background:#f6f4f2;
border:#898989 1px solid;border-radius:6px;cursor: pointer; outline: none;}
.application{float:left;width:100%;}
.application_name{float:left;width:100%;}
.application_name span{width:1200px;margin:0 auto;color:#464546;font-size:26px;display: block;padding-bottom:14px;}
.application_list{float:left;width:100%;background:#464546;}
.application_list ul{display: block;width:1200px;margin:0 auto;padding-top:30px;}
.application_list li{float:left;width:392px;margin-right:12px;}
.application_list li .picture{float:left;width:100%;height:290px;background:#e0e0e0;}
.application_list li .title{float:left;width:100%;text-align: center;height:80px;line-height:70px;}
.application_list li .title a{color:#fff;font-size:20px;}

.news {float:left;width:100%;margin-bottom: 50px;}
.new_list {width: 1200px;margin: 0 auto;}
.new_list .new_name{width: 100%;float:left;color:#464546;font-size:26px;padding-top: 36px;padding-bottom: 17px;}
.new_main{width: 100%;float:left;}
.new_left {background:#f0f0f0;float: left;width: 580px;height: 595px;}
.new_category_name{float:left;width: 506px;margin-left:37px;color:#000;font-size: 20px;margin-top:45px;}
.new_title{float:left;width: 506px;margin-left:37px;color:#00509f;font-size: 30px;padding-top: 10px;padding-bottom: 24px; font-weight: 550; line-height: 40px;}
.new_date{color:#727171;font-size: 18px;float:left;width: 506px;margin-left:37px;}
.new_content{float:left;width: 506px;margin-left:37px;font-size: 18px; line-height: 32px;padding-top:25px;height:330px;}
.view_more_new{background: #004ea1;color:#fff;height: 70px;line-height: 70px;float:left;width:580px;padding-left: 27px;font-size: 20px;}

.new_right{float:left;width:620px;}
.new_item {float:left;margin-left: 75px;width:510px;}
.new_item .category_name{float:left;width: 100%;text-align: left;font-size: 20px;padding-top: 45px;}
.new_item .title{float:left;width: 100%;text-align: left;font-size: 24px;color:#00509f;height: 60px;line-height: 50px; font-weight: 550;}
.new_title a,.new_item .title a{color:#00509f;}
.new_item .date {color: #a2a2a2;font-size: 18px;float:left;width: 100%;}
.new_item .content{line-height: 32px;font-size: 18px;padding-top: 20px;float:left;width: 100%;}

.footer{height: 314px;float: left;width: 100%;background: #8198ab;border-top: solid 3px #0456a2;}
.footer .menu{width: 1200px;margin: 0 auto;}
.footer .menu ul{float:left;width: 100%;margin-top: 35px;}
.footer .menu li{ float: left;width: 175px;}
.footer .menu li a.category{float:left;width: 100%;color:#fff;font-size: 18px;line-height: 36px;}
.footer .menu li a{float:left;width: 100%;color:#fff;font-size: 16px;line-height: 36px;}
.footer .menu li a:hover{background: none transparent scroll repeat 0% 0%;color: #2061a7;text-decoration: underline;}
.footer .menu li.qrcode{float: right;width: 128px;margin-right: 30px;}
.footer .menu li.qrcode .qr{width: 100%;float: left;}
.footer .menu li.qrcode .qrname{width: 100%;float: left;text-align: center;color: #fff;font-size: 16px;padding-top: 20px;}

.copyright{float:left;width: 100%; background: #4d5c6a; height: 73px; line-height: 73px;}
.copyright a{color: #fff;}
.copyright span{display: block;width: 1200px; margin: 0 auto;color:#fff; font-size: 16px;height: 73px; line-height: 73px;}

/*关于我们*/
.about-banner{float:left;width:100%;background:#595757;height: 223px;}
.banner-text{width: 1200px; margin: 0 auto;color:#fff;}
.banner-text h1 {display: block;width: 100%; font-size: 40px; padding-top: 55px; padding-bottom: 35px;}
.banner-text p{display: block;width: 100%; font-size: 24px;}

.about-main{float:left;width: 100%;padding-top: 55px; margin-bottom: 40px;}
.about-main .about{width: 1200px; margin: 0 auto;}
.about-main .about ul{float:left;width: 100%;}
.about-main .about li.left{float:left; width: 765px;}
.about-main .about li.right{float:right; width: 375px;}
.about-main .about .company_profile{font-size: 18px;line-height: 36px; color: #000;text-indent: 40px;float:left; width: 100%;}
.about-main .about .company_profile p{ display: block; padding-bottom: 8px;}

.about-main .corporate_culture{float:left; width: 100%;}
.about-main .corporate_culture .text{float:left; width: 100%; padding-top: 40px;}
.about-main .corporate_culture .text h1{font-size: 40px; color:#004296;float:left; width: auto; margin-right: 90px;}
.about-main .corporate_culture .describe{float:left; width: 100%; font-size: 18px; color:#000; line-height: 36px; padding-top: 39px;}

.about-main .company_book{float:left;width: 100%; padding-top: 30px;}
.about-main .company_book .big_book,.about-main .company_book .small_book{float:left;width: 100%;}
.about-main .company_book .big_book img{float:left;margin-right: 11px;width: 377px;}
.about-main .company_book .small_book img{float:left;margin-top: 9px;margin-right: 6px;width: 251px;}

.about-right-banner{float:left;width: 100%;}
.about-contact{width: 373px;float: left;border:solid 1px #595757; margin-top: 59px;}
.about-contact h1{float:left;width: 100%; color:#fff; font-size: 25px; text-align: center; background: #003f98; height: 64px; line-height: 64px;}
.about-contact .detail{ font-size: 16px; line-height: 32px; color: #595757; padding-left: 15px; padding-top: 20px; float: left;
    padding-bottom: 20px;}

/*解决方案*/
.solution-banner{float:left;width: 100%;background: #0e6789; height: 450px;}
.solution-banner .banner-text{ width: 100%;height: 450px; background: url(../image/solution-banner.jpg) center center; background-size: cover;}

.solution-main{float:left; width: 100%; padding-bottom: 65px;}
.solution-list {width: 1200px; margin: 0 auto;}
.solution-list h1 { font-size: 26px; float: left;width: 100%;text-align: left; padding-bottom: 20px; padding-top: 40px;}
.solution-item {border-bottom: solid 1px #004296;}
.solution-item,.solution-item ul{float:left; width: 100%;}
.solution-item li{float:left; width: 280px;margin-right: 26px; cursor: pointer;}
.solution-item li .title{float:left;width: 100%;text-align: center;color:#004296; font-size: 20px;height: 100px; line-height: 100px;}
.solution-item li .picture{float:left;width: 100%;text-align: center;height:229px; position: relative; overflow: hidden;}
.solution-item li .picture span{ width: 0; height: 229px;position: absolute; background: #004296;
opacity: 0.4; left: 0;top: 0;display: none;}
.solution-item li .picture span.hot{display: block;width: 100%;}

.solution-detail{float:left; width: 100%;}
.solution-detail .title{float: left;width: 100%; text-align: left;color: #004296; font-size: 32px; padding-top: 40px; padding-bottom: 20px;}
.solution-detail .content { font-size: 20px; line-height: 32px;}

/*联系我们*/
.company_address{color:#595757; font-size: 20px; font-weight: bold; padding-left: 15px; padding-top: 35px; float: left; width: 100%;}

/*加入我们*/
.job-list{float:left;width: 100%;}
.job-list .job-title{float:left; width: 100%; font-size: 28px; color:#004296; padding-top: 20px; padding-bottom: 10px;}
.job-list .job-item{float:left; width: 100%; font-size: 20px; color: #595757; line-height: 32px;}

/*新闻动态*/
.new_page{float:left;width: 100%;}
.new_page ul {float:left;width: auto;}
.new_page li {float:left;}
.new_page .left {width: 580px;}
.new_page .right {width: 545px;margin-left: 75px;}

.new_detail_item div{float:left;width: 100%;}
.new_detail_item .category_name{ font-size: 24px; color: #000;}
.new_detail_item .title{ font-size:40px; color: #00509f; padding-top: 20px; padding-bottom: 23px;}
.new_detail_item .date{ font-size:24px; color: #727171;padding-bottom: 35px;}
.new_detail_item .content{float: left;width: 100%; font-size: 16px; line-height: 32px; color: #000;}
.new_detail_item .back {text-align: center; padding-top: 40px; padding-bottom: 20px;}
.new_detail_item .back input {color:#fff; font-size: 24px; border: none; background: #003f98; text-align: center;
cursor: pointer; height: 42px; line-height: 42px;width: 173px;border-radius: 30px;}

/*产品中心*/
.product-banner{float:left;width: 100%; height: 450px; background: url(../image/product-banner-bg.png) repeat-x left top;}
.product-banner div{float:left;width: 100%; height: 450px; background: url(../image/product-banner.png) no-repeat center center;
background-size: cover;}
.product-main {float:left;width: 100%; margin-bottom: 20px;}
.product-list {width: 1200px; margin: 0 auto; margin-top: 60px;}
.product-list ul {float:left;width: 100%;}
.product-list .product-left {float:left;width: 406px;}
.product-left h1{float:left;width: 404px; border-left:solid 1px #b5b5b6;border-right: solid 1px #b5b5b6; border-top: solid 1px #b5b5b6;
background: #004fa1;height: 74px; line-height: 74px;text-align: center; color:#fff; font-size: 30px;}
.category-item {float:left;width: 100%;}
.category-item .category-name{float:left;width: 404px; border-left:solid 1px #b5b5b6;border-right: solid 1px #b5b5b6;font-size: 20px;
    border-bottom:solid 2px #d5d5d6;height: 51px; line-height: 51px;padding-left: 21px; cursor: pointer;}
.category-item .category-name a{color:#000; }
.category-item .category-name a:hover{color:#004fa1;}
.small-category{float:left;width: 404px;border-left:solid 1px #b5b5b6;border-right: solid 1px #b5b5b6; display: none;}
.small-category a{float:left; width: 100%;font-size: 18px;color:#000; cursor: pointer;
    padding-left: 21px; background: #ebf6fd; height: 44px; line-height: 44px;border-bottom: solid 1px #fff;}
.small-category a.back-border{border-bottom:solid 2px #d5d5d6;}
.small-category a:hover{background: #004fa1; color:#fff;}

.product-right{float: right;width: 745px;}
.product-right .navigation{float:left; width: 100%;border-bottom: solid 1px #0658a6; padding-bottom: 5px;}
.product-right .navigation .name{ font-size: 23px; color: #464546;float:left;max-width: 350px; height: 42px;line-height: 42px;overflow: hidden;}
.product-right .navigation .right{ font-size: 14px; color: #000;max-width: 580px;height: 42px; line-height: 42px; overflow: hidden;
text-align: right;}
.pro-describe {float:left; width: 100%;font-size: 18px; line-height: 30px; color:#000; padding-top: 15px; padding-bottom: 15px;}
.pro-list, .pro-list ul{float: left; width: 100%;}
.pro-list li {float:left; width: 237px; margin-right: 17px;}
.pro-list .pro-picture { float: left; width: 100%;}
.pro-list .pro-picture img {width: 100%; height: 192px;}
.pro-list .pro-title {float: left; width: 100%; text-align: center; color:#004296; font-size: 16px; padding-top: 10px;
padding-bottom: 20px;}
.pro-list .pro-title a{color:#004296;height:42px;line-height:42px;overflow: hidden;display: block;}
.pro-list .pro-title a:hover{color:#000;}

.pro-series {float: left; width: 100%;}
.pro-series div {float: left; color: #000; font-size: 18px; line-height: 30px; padding-left: 43px; padding-top: 35px;}
.pro-content {float: left; width: 100%; margin-top: 30px;}
.pro-content img { max-width: 100%;}

a.view_more{color:#00509f;margin-left: 10px;font-size: 15px;font-style: italic;}
span.nodata{ display: block; font-size: 15px;font-weight: bold;padding-left: 40px;background: url(../image/oper-noinfo.gif) no-repeat left center;
height: 40px; line-height: 40px; color: #a2a2a2;}

.table-left{width: 350px;}
.table-right img {max-width: 395px;}
.table-describe img{width: 100%;}