 /*=======RESET=========*/
 
 .container {
     width: 1200px;
     height: auto;
     margin: 0 auto;
 }
 
 img {
     border: 0;
 }
 
 * {
     margin: 0 0;
     padding: 0 0;
     font-family: "微软雅黑", "黑体", 'MICROSOFT YAHEI', '宋体', 'SIMSUN', 'THOMAS', 'ARIAL';
     list-style: none;
     transition: all 0.3s linear;
 }
 
 *:hover {
     transition: all 0.3s linear;
 }
 
 body {
     width: 100%;
     overflow: scroll;
     position: relative;
 }
 
 a {
     text-decoration: none;
 }
 
 i,
 em,
 b {
     font-style: normal;
     font-weight: normal;
 }
 /*=======SHARE=========*/
 
 .clearfix {
     clear: both;
 }
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 /*==========sousuo===============*/
 
 .listbox {
     width: 100%;
     height: auto;
 }
 
 .listbox .ss {
     width: 80%;
     height: 50px;
 }
 /*=======HEADER=========*/
 
 .header {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     text-align: center;
     z-index: 9999;
     display: block;
     font-size: 12px;
     background: rgba(15, 30, 100, 0.9);
 }
 
 .fixed {
     position: fixed;
     background: #0f1e64;
     top: 0;
 }
 
 .header .nav_box {
     width: 100%;
 }
 
 .header .nav_box .container {
     width: 1300px;
     margin: 0px auto;
 }
 
 .header .nav_box i {
     display: none;
 }
 
 .header .nav_box .logo {
     width: 15%;
     height: 50px;
     padding: 5px 0;
     overflow: hidden;
 }
 
 .header .nav_box .logo a {
     width: 100%;
     height: 50px;
     display: block;
 }
 
 .header .nav_box .logo img {
     max-width: 100%;
     max-height: 100%;
 }
 
 .header .nav_box .nav {
     width: 64%;
	 height:60px;
 }
 
 .header .nav_box .nav li {
     width: 13%;
     height: 60px;
     line-height: 60px;
     font-size: 1.1em;
     text-align: center;
     display: block;
     float: left;
 }
 
 .header .nav_box .nav li:nth-child(1) {
     margin-left: 4%;
 }
 
 .header .nav_box .nav li a {
     font-size: 1.1em;
     color: #fff;
     width: 100%;
     height: 100%;
     display: inline-block;
     overflow: hidden;
 }
 
 .header .nav_box .phonebox {
     width: 21%;
     height: 60px;
     overflow: hidden;
 }
 
 .header .nav_box .phonebox li {
     width: auto;
     display: block;
     font-size: 1.2em;
     color: #fff;
     line-height: 60px;
     font-weight: 600;
     float: left;
 }
 
 .header .nav_box .phonebox li a {
     color: #fff708;
     font-size: 1em;
     font-weight: 300;
 }
 
 .header .nav_box .phonebox li em {
     font-style: normal;
     margin: 0px 0.5em;
     font-size: 10px;
     font-weight: 300;
 }
 
 .header .nav_box .phonebox li:nth-child(1) {
     background: url(/tpl/demo/images/icon15.png) left center no-repeat;
     text-indent: 2em;
 }
 
 .header .nav_small {
     display: none;
     width: 100%;
     height: 60px;
     position: absolute;
     top: 60px;
     left: 0;
     background: rgba(88, 120, 205, 0.6);
 }
 
 .header .fixed {
     background: rgba(88, 120, 205, 0.95);
 }
 
 .header .nav_small ul {
     width: 85%;
     height: 60px;
     text-align: left;
     margin: 0px auto;
     overflow: hidden;
 }
 
 .header .nav_small ul li {
     font-size: 1.1em;
     color: #fff;
     line-height: 60px;
     display: inline;
     text-align: center;
 }
 
 .header .nav_small ul li a {
     font-size: 1.1em;
     color: #fff;
     line-height: 60px;
 }
 
 .header .nav_small ul li a i {
     font-size: 1em;
     font-style: normal;
     margin: 0 10px;
     font-weight: 300;
 }
 
 .header .nav_small ul li:last-child a i {
     display: none;
 }
 
 .header-sp {
     display: none;
 }
 
 .nav-sp {
     display: none;
 }
 
 .nav-sp-index {
     display: none;
 }
 
 .logo-sp-index {
     display: none;
 }
 /*=======轮播=========*/
 
 .index-banner {
     width: 100%;
     height: 750px;
     overflow: hidden;
     position: relative;
     background: #0f1e64;
 }
 
 //.index-banner-sp{display:none;width:100%;height:200px;overflow:hidden;}
 .pc {
     display: block;
     width: 100%;
     height: auto;
	 margin-top:3%;
 }
 
 .pc img {
     width: 100%;
 }
 
 .sp {
     display: none;
 }
 
 .swipslider {
     width: 100%;
     position: relative;
     overflow: hidden;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background: #f2f2f2;
 }
 
 .swipslider .sw-slides {
     display: block;
     padding: 0;
     list-style: none;
     width: 100%;
     height: 100%;
     white-space: nowrap;
     font-size: 0;
     -webkit-transform: translateX(0);
     transform: translateX(0);
     position: absolute;
     bottom: 0;
 }
 
 .swipslider .sw-slide {
     width: 100%;
     height: 100%;
     margin: auto;
     display: inline-block;
     position: relative;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% auto;
 }
 
 .swipslider .sw-slide a {
     width: 100%;
     height: 100%;
     display: block;
 }
 
 .swipslider .sw-slide>img {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     height: 100%;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .swipslider .sw-slide .sw-content {
     width: 100%;
     height: 100%;
     margin-left: 0;
     margin-right: 0;
     font-size: 14px;
 }
 
 .sw-next-prev {
     display: none;
 }
 
 .sw-bullet {
     position: absolute;
     bottom: 2%;
     list-style: none;
     display: block;
     width: 100%;
     text-align: center;
     padding: 0;
     margin: 0;
 }
 
 .sw-bullet li {
     width: 40px;
     height: 3px;
     background-color: rgba(62, 153, 247, 0.53);
     display: inline-block;
     cursor: pointer;
     transition: all .2s ease-out;
 }
 
 .sw-bullet li:hover {
     background-color: rgba(255, 255, 255, 0.74);
 }
 
 .sw-bullet li.active {
     background-color: rgba(255, 255, 255, 0.8);
     box-shadow: 0 0 2px rgba(62, 153, 247, 0.53);
 }
 
 .sw-bullet li:not(:last-child) {
     margin-right: 5px;
 }
 /*=======BRAND=========*/
 
 .title1 {
     font-size: 2.2em;
     font-weight: 600;
     color: #333;
     margin-bottom: 10px;
 }
 
 .title1 b {
     font-size: 3.2em;
     font-family: Felix Titling;
     margin-right: 10px;
     position: relative;
     top: 3px;
 }
 
 .brandbox {
     width: 100%;
     margin: 0 auto;
     padding: 30px 0;
     background: #f8f8f8;
     font-size: 12px;
 }
 
 .brandbox .brand {
     width: 100%;
 }
 
 .brandbox .brand ul {
     width: 50%;
     float: left;
 }
 
 .brandbox .brand ul li {
     width: 100%;
     height: auto;
 }
 
 .brandbox .brand ul li h2 {
     width: 100%;
     height: 36px;
     line-height: 36px;
     color: #444;
     text-align: left;
     font-size: 1.5em;
     font-weight: 700;
 }
 
 .brandbox .brand ul li:nth-child(2) h2 {
     display: inline-block;
 }
 
 .brandbox .brand ul li h2 span {
     font-size: 1em;
 }
 
 .brandbox .brand ul li dt {
     width: 100%;
     height: auto;
     padding: 10px 0;
     font-size: 1.2em;
     line-height: 200%;
     color: #666;
 }
 
 .brandbox .brand ul li img {
     width: 590px;
     margin: 0px auto;
 }
 
 .brandbox .videobox {
     width: 45%;
     height: auto;
     float: right;
     margin-top: 40px;
 }
 /*=======PRODUCT=========*/
 
 .productbox {
     width: 100%;
     margin: 0 auto;
     height: auto;
     position: relative;
     padding: 30px 0;
     font-size: 12px;
 }
 
 .productbox .product {
     margin: 0 auto;
 }
 
 .productbox img {
     width: 100%;
 }
 
 .productbox .product ul {
     height: auto;
 }
 
 .productbox .product ul li {
     width: 48.5%;
     height: 400px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: auto 100%;
     color: #fff;
     margin: 10px 0.5%;
     float: left;
 }
 
 .productbox .product ul li:nth-child(2) {
	 background-position:2%;
       
 }
 
 .productbox .product ul li:nth-child(3) {
     
 }
 
 .productbox .product ul li:nth-child(4) {
     width: 100%;
     margin: 10px 0;
	 background-position:5%;
 }
 
 .productbox .product ul li:nth-child(3) .text a {
     left: 46%;
 }
 
 .productbox .product ul li:nth-child(4) .text a {
     width: 40%; 
     right: -1%;
 }
 
 .productbox .product ul li:nth-child(2) .text a i {
     background-image: url(/tpl/demo/images/pro_ico1.png);
 }
 
 .productbox .product ul li:nth-child(3) .text a i {
     background-image: url(/tpl/demo/images/pro_ico2.png);
 }
 
 .productbox .product ul li:nth-child(4) .text a i {
     background-image: url(/tpl/demo/images/pro_ico3.png);
 }
 
 .productbox .product ul li .text {
     width: 100%;
     height: 100%;
     /* background: rgba(0, 0, 0, 0.3); */
     position: relative;
 }
 
 .productbox .product ul li .text a {
     width: 50%;
     height: 100%;
     display: block;
     text-align: left;
     padding: 5em 0;
     box-sizing: border-box;
     position: absolute;
     right: 0;
     top: 0;
     text-align: center;
 }
 
 .productbox .product ul li .text a i {
     width: 70px;
     height: 70px;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% 100%;
     margin: 0px auto;
     margin-top: 30px;
 }
 
 .productbox .product ul li:hover .text a i {
     margin-top: 0px;
 }
 
 .productbox .product ul li .text a hr {
     border: 0;
     width: 20px;
     height: 2px;
     background-color: #fff;
     margin: 0px auto;
     margin-top: 0;
     margin-bottom: 0.5em;
 }
 
 .productbox .product ul li .text a h2 {
     width: 100%;
     height: 2.2em;
     line-height: 2.2em;
     color: #282c7d;
     font-size: 1.6em;
     font-weight: 650;
 }
 
 .productbox .product ul li .text a p {
     font-size: 1.2em;
     line-height: 200%;
     font-weight: 700;
     color: #3f51b5;
     /* display: none; */
 }
 
 .productbox .product ul li .text a button {
     width: 80px;
     height: 26px;
     line-height: 26px;
     border-radius: 13px;
     background: none;
     border: 1px solid #f2f2f2;
     color: #f2f2f2;
     font-size: 1em;
     cursor: pointer;
     margin: 0px auto;
     display: none;
     margin-top: 1em;
     margin-bottom: 1em;
 }
 
 .productbox .product ul li .text a button:hover {
     background: #f2f2f2;
     color: #333;
 }
 
 .productbox .product ul li:hover .text {
     background: rgba(0, 0, 0, 0.13);
 }
 
 .productbox .product ul li:hover .text a hr {
     display: none;
 }
 
 .productbox .product ul li:hover .text a p {
     display: block;
 }
 
 .productbox .product ul li:hover .text a button {
     display: block;
 }
 /*=======CASE=========*/
 
 .casebox {
     width: 100%;
     height: auto;
     padding: 10px 0 3px 0;
     background: #f8f8f8;
     font-size: 12px;
 }
 
 .casebox .case {
     margin: 0 auto;
 }
 
 .casebox .case .case_title {
     width: 100%;
     height: auto;
     margin-bottom: 20px;
     position: relative;
 }
 
 .casebox .case .case_title .case_title_left {
     width: 60%;
     float: left;
 }
 
 .casebox .case .case_title .case_title_left p {
     width: 100%;
     height: auto;
     font-size: 1.4em;
     line-height: 200%;
 }
 
 .casebox .case .case_title .case_title_right {
     width: 40%;
     float: right;
     text-align: right;
     height: 40px;
     position: absolute;
     bottom: 1em;
     right: 0;
 }
 
 .casebox .case .case_title .case_title_right a {
     display: inline-block;
     width: 120px;
     height: 40px;
     line-height: 40px;
     font-size: 1.5em;
     color: #333;
     text-align: left;
 }
 
 .casebox .case .case_title .case_title_right a:hover {
     color: #0f1e64;
 }
 
 .casebox .case .case_title .case_title_right a i {
     width: 40px;
     height: 40px;
     display: block;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     position: relative;
     top: 0px;
     float: left;
 }
 
 .casebox .case .case_title .case_title_right a:nth-child(1) i {
     background-image: url(/tpl/demo/images/icon1.png);
 }
 
 .casebox .case .case_title .case_title_right a:nth-child(1):hover i {
     background-image: url(/tpl/demo/images/icon01.png);
 }
 
 .casebox .case .case_title .case_title_right a:nth-child(2) i {
     background-image: url(/tpl/demo/images/icon2.png);
 }
 
 .casebox .case .case_title .case_title_right a:nth-child(2):hover i {
     background-image: url(/tpl/demo/images/icon02.png);
 }
 
 .casebox .case ul {
     width: 100%;
 }
 
 .casebox .case ul a {
     width: 24%;
     height: 205px;
     float: left;
     overflow: hidden;
     position: relative;
     cursor: pointer;
     margin: 0.5% 0.6666666%;
 }
 
 .casebox .case ul a:nth-child(1) {
     margin-left: 0;
 }
 
 .casebox .case ul a:nth-child(4n) {
     margin-right: 0;
 }
 
 .casebox .case ul a:nth-child(4n+1) {
     margin-left: 0;
 }
 
 .casebox .case ul a li {
     width: 100%;
     height: 100%;
 }
 
 .casebox .case ul a li div {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 999;
     opacity: 0;
 }
 
 .casebox .case ul a li:hover div {
     opacity: 1;
 }
 
 .casebox .case ul a li:hover div b {
     opacity: 1;
 }
 
 .casebox .case ul a li img {
     min-height: 100%;
     width: 100%;
     transform: scale(1.0, 1.0);
 }
 
 .casebox .case ul a li:hover img {
     transform: scale(1.08, 1.08);
 }
 
 .casebox .case ul a li div b {
     width: 80%;
     margin-left: 10%;
     color: #fff;
     z-index: 2;
     position: absolute;
     bottom: 20px;
     height: 2em;
     line-height: 2em;
     text-indent: 0.5em;
     font-size: 1.2em;
     overflow: hidden;
     opacity: 0;
 }
 
 .casebox .case ul a li div b hr {
     width: 100%;
     height: 1px;
     background-color: #fff;
     border: 0;
     position: absolute;
     bottom: 0px;
     right: 0;
 }
 
 .casebox .case ul a li div b .cover {
     width: 100%;
     height: 1px;
     background-color: #0f1e64;
     border: 0;
     position: absolute;
     bottom: 0px;
     right: 70%;
 }
 
 .casebox .case ul a li:hover div b .cover {
     right: 0%;
 }
 /*=======NEWS=========*/
 
 .newsbox {
     width: 100%;
     height: auto;
     padding: 30px 0 0 0;
     font-size: 12px;
 }
 
 .newsbox .news {
     width: 100%;
     height: auto;
     border: 0;
 }
 
 .newsbox .news .news_left {
     width: 65%;
     position: relative;
     float: right;
 }
 
 .newsbox .news .news_left ul {
     width: 100%;
     padding-top: 20px;
 }
 
 .newsbox .news .news_left ul li {
     width: 100%;
     margin-bottom: 10px;
     background: #fff;
     padding: 0.6em 0;
 }
 
 .newsbox .news .news_left ul li:hover {
     background: #ececec;
 }
 
 .newsbox .news .news_left ul li .time {
     width: 15%;
     float: left;
     text-align: center;
     font-size: 1.2em;
     border-right: 1px solid #999;
     box-sizing: border-box;
     font-family: "Arial";
 }
 
 .newsbox .news .news_left ul li .time b {
     font-size: 3em;
     font-family: "Arial";
 }
 
 .newsbox .news .news_left ul li .time p {
     font-size: 1.5em;
     font-family: "Arial";
 }
 
 .newsbox .news .news_left ul li .text {
     width: 80%;
     float: right;
     padding-right: 1em;
 }
 
 .newsbox .news .news_left ul li .text h2 {
     width: 100%;
     font-size: 1.2em;
     height: 1.5em;
     line-height: 1.5em;
     margin-bottom: 0.5em;
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .newsbox .news .news_left ul li .text h2 a {
     font-size: 1.05em;
     color: #333;
     font-weight: 600;
 }
 
 .newsbox .news .news_left ul li:hover .text h2 a {
     color: #0f166d;
     font-weight: 600;
 }
 
 .newsbox .news .news_left ul li .text p {
     font-size: 1.2em;
     line-height: 200%;
     color: #666;
 }
 
 .newsbox .news .news_right {
     width: 30%;
     position: relative;
     float: left;
     text-align: left;
 }
 
 .newsbox .news .news_right h1 {
     width: 100%;
     letter-spacing: 2px;
     margin-bottom: 1px;
 }
 
 .newsbox .news .news_right p {
     width: 100%;
     font-size: 1.3em;
     text-align: right;
     margin-bottom: 1em;
 }
 
 .newsbox .news .news_right img {
     width: 100%;
 }
 /*=======ENVIRONMENTAL=========*/
 
 .environbox {
     width: 100%;
     background: #f7f8f8;
     height: auto;
     font-size: 12px;
 }
 
 .environbox .environ {
     width: 100%;
     height: auto;
 }
 
 .environbox .environ h1 {
     width: 100%;
 }
 
 .environbox .environ p {
     font-size: 16px;
     line-height: 32px;
     margin-bottom: 36px;
 }
 
 .environbox .environ ul {
     width: 100%;
     height: auto;
 }
 
 .environbox .environ ul li {
     width: 28%;
     padding: 2%;
     margin: 0 1%;
     float: left;
     background: #fff;
 }
 
 .environbox .environ ul li:nth-child(1) {
     margin-left: 0;
 }
 
 .environbox .environ ul li:nth-child(3) {
     margin-right: 0;
 }
 
 .environbox .environ ul li img {
     width: 100%;
 }
 
 .environbox .environ ul li h3 {
     font-weight: normal;
     width: 100%;
     font-size: 1.2em;
     height: 30px;
     line-height: 30px;
     text-indent: 1em;
     background: #fff url(../images/icon3.png) no-repeat left center;
     box-sizing: border-box;
     padding: 0 0;
     text-align: center;
     margin-bottom: 1em;
 }
 
 .environbox .environ ul li h3 a {
     font-size: 1.4em;
     color: #272727;
     margin-right: 1.5em;
 }
 
 .environbox .environ ul li h3 span {
     width: 80px;
     height: 26px;
     line-height: 26px;
     text-align: center;
     background: #ececec;
     border-radius: 13px;
     text-indent: 0em;
     font-size: 0.7em;
     float: right;
     color: #0f1e64;
 }
 
 .environbox .environ ul li:hover h3 span {
     background: #0f1e64;
     color: #fff;
 }
 
 .environbox .environ .fontbox {
     width: 100%;
     height: auto;
     padding: 0.5em 0;
 }
 
 .environbox .environ .fontbox dl {
     width: 100%;
     background: url(/tpl/demo/images/icon4.png) no-repeat 1% center;
     text-indent: 2em;
     overflow: hidden;
     height: 3em;
     line-height: 3em;
 }
 
 .environbox .environ .fontbox dl:hover {
     background-color: #f2f2f2;
 }
 
 .environbox .environ .fontbox dl a {
     font-size: 1.2em;
     color: #272727;
 }
 
 .environbox .environ .fontbox dl:hover a {
     color: #0f166d;
 }
 /*=======PARTNER=========*/
 
 .partnerbox {
     width: 100%;
     height: auto;
     padding: 30px 0;
     font-size: 12px;
 }
 
 .partner {
     width: 100%;
     height: auto;
 }
 
 .partner .partner_title {
     width: 100%;
     height: auto;
 }
 
 .partner .partner_title h1 {
     width: 36%;
     height: 3em;
     line-height: 3em;
     background: #0f166d;
     color: #fff;
     text-indent: 2em;
     font-size: 1.5em;
 }
 
 .partner ul {
     width: 100%;
     height: auto;
     padding: 3em 0;
 }
 
 .partner ul li {
     width: 100%;
     height: auto;
     float: left;
     height: 13em;
     overflow: hidden;
     margin: 1em 1%;
 }
 
 .partner ul li a {
     width: 100%;
     display: block;
 }
 
 .partner ul li img {
     width: auto;
     max-width: 100%;
     height: 100%;
 }
 
 //.partner ul li:hover{border:1px solid black;}
 /*=======FOOTER=========*/
 
 .footerbox {
     width: 100%;
     height: auto;
     background: #294199;
     color: #fff;
     overflow: hidden;
 }
 
 .footerbox .footer-top {
     width: 100%;
     height: 40px;
     line-height: 40px;
     background: #1a33ac url(../images/footertop.png) center center no-repeat;
     cursor: pointer;
 }
 
 .footerbox .footer-top:hover {
     background-color: #3452e0;
 }
 
 .footerbox .footer-top a {
     width: 100%;
     height: 100%;
     display: block;
 }
 
 .footerbox .img_foot {
     display: none;
 }
 
 .footerbox .footer_link {
     display: none;
 }
 
 .footerbox .copyright-sp {
     display: none;
 }
 
 .footerbox .copy_p {
     display: none;
 }
 
 .footerbox .footer {
     width: 100%;
     position: relative;
 }
 
 .footerbox .footer .footer_image {
     width: 18%;
     height: auto;
     float: left;
     text-align: left;
 }
 
 .footerbox .footer .footer_image img {
     max-width: 100%;
     margin: 2em auto;
 }
 
 .footerbox .footer .footer_nav {
     width: 82%;
     height: auto;
     float: left;
     padding: 2em 0;
     border-bottom: 1px solid #0c1750;
 }
 
 .footerbox .footer .footer_nav ul {
     width: 12%;
     float: left;
     padding: 0 1%;
     overflow: hidden;
 }
 
 .footerbox .footer .footer_nav ul:nth-child(6) {
     width: 240px;
     margin: 0 0;
     float: right;
     padding: 0 0;
 }
 
 .footerbox .footer .footer_nav ul h5 {
     width: 75%;
     border-bottom: 0px solid #f2f2f2;
     margin-bottom: 1em;
     overflow: hidden;
     white-space: nowrap
 }
 
 .footerbox .footer .footer_nav ul h5 a {
     width: 100%;
     color: #fff;
     height: 3em;
     line-height: 3em;
     font-size: 1.2em;
 }
 
 .footerbox .footer .footer_nav ul li {
     width: 100%;
 }
 
 .footerbox .footer .footer_nav ul li a {
     width: 100%;
     height: 2em;
     line-height: 2em;
     color: #c3c3c3;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font-size: 0.9em;
 }
 
 .footerbox .footer .footer_nav ul ol {
     width: 100%;
 }
 
 .footerbox .footer .footer_nav ul ol li {
     width: 120px;
     float: left;
 }
 
 .footerbox .footer .footer_nav ul ol li img {
     width: 80%;
     margin: 0 0 0 0;
 }
 
 .footerbox .footer .footer_nav ul ol li p {
     width: 80%;
     text-align: center;
     height: 2em;
     line-height: 2em;
     color: #999;
     font-size: 0.8em;
 }
 
 .footerbox .footer .footer_right {
     width: 80%;
     float: left;
 }
 
 .footerbox .footer .footer_right a {
     color: #fff;
 }
 
 .footerbox .footer .footer_right .wzjs {
     display: none;
 }
 
 .footerbox .footer .footer_right .link {
     width: 100%;
     height: 3em;
     line-height: 3em;
     margin-top: 3em;
 }
 
 .footerbox .footer .footer_right .link a {
     font-size: 1.5em;
     float: left;
     margin: 0 0.2em;
 }
 
 .footerbox .footer .footer_right .link dl {
     float: left;
     padding-left: 2em;
 }
 
 .footerbox .footer .footer_right .link dl a {
     width: 1.8em;
     height: 1.8em;
     display: inline-block;
     margin: 0 0;
 }
 
 .footerbox .footer .footer_right .link dl .bds_weixin {
     background: url(/tpl/demo/images/icon17.png) 1px center no-repeat;
 }
 
 .footerbox .footer .footer_right .link dl .bds_sqq {
     background: url(/tpl/demo/images/icon17.png) -31px center no-repeat;
 }
 
 .footerbox .footer .footer_right .link dl .bds_tsina {
     background: url(/tpl/demo/images/icon17.png) -62px center no-repeat;
 }
 
 .footerbox .footer .footer_right .tel {
     width: 100%;
     color: #c3c3c3;
 }
 
 .footerbox .footer .footer_right .tel p {
     font-size: 1em;
     line-height: 200%;
 }
 
 .footerbox .footer .footer_right .tel dl {
     padding: 0.5em 0;
 }
 
 .footerbox .footer .footer_right .tel dl dt {
     width: 280px;
     height: 2em;
     line-height: 2em;
     font-size: 1.4em;
     float: left;
     border: 1px solid #dcdefa;
 }
 
 .footerbox .footer .footer_right .tel dl dt em {
     width: 100px;
     height: 100%;
     line-height: 2em;
     background: #dcdefa;
     color: #0f166d;
     font-size: 0.8em;
     text-align: Center;
     display: block;
     margin: 0 0;
     padding: 0 0;
     float: left;
 }
 
 .footerbox .footer .footer_right .copyright {
     width: 100%;
     height: auto;
     line-height: 2em;
     color: #c3c3c3;
     font-size: 0.8em;
     overflow: hidden;
 }
 
 .footerbox .footer .footer_right .flink {
     width: 100%;
     height: 40px;
     line-height: auto;
     color: #c3c3c3;
 }
 
 .footerbox .footer .footer_right .flink a:hover:not(:first-child) {
     color: yellow;
 }
 
 .footerbox .footer .footer_right .flink span {
     font-size: 0.8em;
 }
 
 .footerbox .footer .footer_right .flink a {
     font-size: 0.8em;
     line-height: 12px;
     color: #c3c3c3;
     border-right: 1px solid #fff;
     display: block;
     float: left;
     height: 12px;
     margin: 10px 0;
     padding: 0 5px;
 }
 
 .footerbox .footer .footer_right .flink a:last-child {
     border: 0px;
 }
 
 .footerbox .footer .footer_right .flink a:last-child i {
     display: none;
 }
 
 .floatbox {
     width: 50px;
     height: auto;
     position: fixed;
     right: 0;
     top: 50%;
     margin-top: -150px;
     background: #294199;
 }
 
 .floatbox ul {
     width: 95%;
     height: 100%;
 }
 
 .floatbox ul li {
     width: 100%;
     height: 50px;
     line-height: 50px;
     border-bottom: 1px solid #959bf0;
     overflow: hidden;
 }
 
 .floatbox ul li:last-child {
     border: 0;
 }
 
 .floatbox ul li span {
     display: none;
     font-size: 1em;
 }
 
 .floatbox ul li span a {
     font-size: 0.8em;
 }
 
 .floatbox ul li span em {
     font-size: 0.8em;
     padding-left: 0.3em;
 }
 
 .floatbox ul li i {
     color: #fff;
     width: 50px;
     height: 50px;
     line-height: 50px;
     display: block;
     text-align: Center;
     float: right;
     background-position: 0 0;
     background-repeat: no-repeat;
 }
 
 .floatbox ul li:nth-child(1) i {
     background-image: url(/tpl/demo/images/float_icon7.png);
 }
 
 .floatbox ul li:nth-child(2) i {
     background-image: url(/tpl/demo/images/float_icon2.png);
 }
 
 .floatbox ul li:nth-child(3) i {
     background-image: url(/tpl/demo/images/float_icon10.png);
 }
 
 .floatbox ul li:nth-child(4) i {
     background-image: url(/tpl/demo/images/float_icon3.png);
 }
 
 .floatbox ul li:nth-child(5) i {
     background-image: url(/tpl/demo/images/float_icon4.png);
 }
 
 .floatbox ul li:nth-child(6) i {
     background-image: url(/tpl/demo/images/float_icon9.png);
 }
 
 .floatbox ul li:nth-child(7) i {
     background-image: url(/tpl/demo/images/float_icon5.png);
 }
 
 .floatbox:hover {
     width: 250px;
 }
 
 .floatbox:hover ul li span {
     height: 50px;
     display: block;
     float: left;
     color: #fff;
     text-indent: 1em;
 }
 
 .floatbox:hover ul li span a {
     color: #fff;
 }
 
 .floatbox:hover ul li:hover {
     background: #f2f2f2;
 }
 
 .floatbox:hover ul li:nth-child(7):hover {
     background: #0f166d;
 }
 
 .floatbox:hover ul li:hover span {
     color: #0f166d;
 }
 
 .floatbox:hover ul li:hover span a {
     color: #0f166d;
 }
 
 .floatbox:hover ul li:hover i {
     color: #0f166d;
     background-position: 0 -53px;
 }
 
 .floatbox:hover ul li:nth-child(7):hover i {
     background-position: 0 0px;
 }
 
 .floatbox:hover ul li span dl {
     height: 100%;
     float: left;
 }
 
 .floatbox:hover ul li span dl a {
     width: 50px;
     height: 50px;
     display: block;
     margin: 0 0;
     float: left;
     padding: 0 0;
 }
 
 .floatbox:hover ul li span dl a:hover {
     background-color: #131c7c;
 }
 
 .floatbox:hover ul li span dl .bds_weixin {
     background: url(/tpl/demo/images/icon17.png) 4px center no-repeat;
 }
 
 .floatbox:hover ul li span dl .bds_sqq {
     background: url(/tpl/demo/images/icon17.png) -48px center no-repeat;
 }
 
 .floatbox:hover ul li span dl .bds_tsina {
     background: url(/tpl/demo/images/icon17.png) -106px center no-repeat;
 }
 /*=======关于我们=========*/
 
 .left {
     width: 22%;
     padding-top: 20px;
     padding-bottom: 40px;
     text-align: left;
     color: #fff;
     font-size: 12px;
 }
 
 .left h1 {
     width: 100%;
     height: 50px;
     font-weight: bold;
     letter-spacing: 1px;
     line-height: 50px;
     border-bottom: 1px solid #e2e2e2;
     position: relative;
     background: #f2f2f2;
 }
 
 .left h1 img {
     width: 30px;
     height: 30px;
     position: absolute;
     top: 50%;
     margin: -15px 5px 0px 5px;
 }
 
 .left h1 em {
     font-size: 20px;
     color: #0f1e64;
     font-weight: 600;
     margin-left: 40px;
     line-height: 50px;
 }
 
 #left_bott {
     width: 100%;
     height: auto;
     border-bottom: none;
     background-color: #fdfdfd;
     margin-top: 20px;
     border: 1px solid #e2e2e2;
     border-bottom: 0px;
     text-align: left;
 }
 
 #left_bott dl {
     display: none;
 }
 
 #left_bott dt {
     width: 100%;
     border-bottom: 1px solid #e2e2e2;
     line-height: 50px;
     height: 50px;
     cursor: pointer;
     position: relative;
     color: #333;
     overflow: hidden;
     box-sizing: border-box;
     font-weight: 300;
 }
 
 #left_bott dt a {
     color: #333;
 }
 
 #left_bott dt i {
     float: left;
     margin-right: 5px;
     margin-left: 10%;
     font-family: "宋体";
 }
 
 #left_bott li {
     width: 100%;
     border-bottom: 1px solid #e2e2e2;
     line-height: 50px;
     height: 50px;
     cursor: pointer;
     position: relative;
     color: #333;
     overflow: hidden;
     box-sizing: border-box;
     background: #f2f2f2;
     font-weight: 600
 }
 
 #left_bott li:hover a {
     color: #0f1e64;
 }
 
 #left_bott li i {
     float: left;
     margin-right: 5px;
     margin-left: 10%;
     font-family: "宋体";
 }
 
 #left_bott li i img {
     width: 20px;
     height: 20px;
     position: relative;
     top: 4px;
 }
 
 #left_bott li a {
     text-align: left;
     width: 90%;
     height: 100%;
     display: block;
     color: #333;
     font-size: 1.2em;
     padding-left: 40px;
     font-weight: 300;
 }
 
 #left_bott li a i {
     float: right;
     margin-right: 2em;
     color: #333;
     font-size: 16px;
     font-style: normal;
     font-family: "宋体";
 }
 
 #left_bott span li {
     background: #ececec;
 }
 
 #left_bott .hover {
     border-left: 2px solid #0f166d;
 }
 
 #left_bott .hover a {
     color: #0f166d;
 }
 
 #left_bott .hover a i {
     color: #0f166d;
 }
 
 #left_bott .li_class3 a:hover {
     color: blue;
 }
 
 #left_bott select {
     width: 100%;
     border-bottom: 1px solid #c1c1c1;
     line-height: 45px;
     height: 45px;
     cursor: pointer;
 }
 
 #left_bott select option {
     width: 100%;
     border-bottom: 1px solid #e2e2e2;
     line-height: 60px;
     height: 60px;
     cursor: pointer;
 }
 
 .li_class2:hover {
     color: blue
 }
 
 .right {
	 margin-top:20px;
     width: 73%;
     padding: 0px 2%;
     font-size: 12px;
 }
 
 .right .right_top_left {
     color: #454545;
     font-size: 18px;
     line-height: 68px;
 }
 
 .right .right_top_left b {
     font-size: 20px;
 }
 
 .right .right_top_left span {
     color: #454545;
     padding-left: 10px;
     font-size: 18px;
 }
 
 .right_top_right {
     color: #666;
     line-height: 60px;
 }
 
 .right_top_right a {
     font-size: 1.5em;
     color: #666;
     line-height: 60px;
 }
 
 .right .right_top {
     border-bottom: 1px solid #ececec;
     padding:0 30px;
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .right .row {
     margin-top: 20px;
     /* border: 1px solid #dadada; */
     padding: 0px 40px;
     position: relative;
     font-size: 1.1em;
     line-height: 200%;
 }
 
 .btn {
     width: 100%;
     position: relative;
 }
 
 .btn a.link1 {
     width: 33.33%;
     height: 90%;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .btn a.link2 {
     width: 33.33%;
     height: 90%;
     position: absolute;
     left: 33.33%;
     top: 0;
 }
 
 .btn a.link3 {
     width: 33.33%;
     height: 90%;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 .content_head {
     width: 100%;
     position: relative;
 }
 
 .content_head a.link4 {
     width: 13%;
     height: 50%;
     position: absolute;
     left: 7%;
     top: 0;
 }
 
 .content_head a.link5 {
     width: 13%;
     height: 50%;
     position: absolute;
     left: 25%;
     top: 0;
 }
 
 .content_head a.link6 {
     width: 13%;
     height: 45%;
     position: absolute;
     left: 43%;
     top: 0;
 }
 
 .content_head a.link7 {
     width: 13%;
     height: 50%;
     position: absolute;
     left: 61%;
     top: 0;
 }
 
 .content_head a.link8 {
     width: 13%;
     height: 50%;
     position: absolute;
     left: 79%;
     top: 0;
 }
 
 .content_head a.link9 {
     width: 13%;
     height: 47%;
     position: absolute;
     left: 7%;
     top: 50%;
 }
 
 .content_head a.link10 {
     width: 13%;
     height: 47%;
     position: absolute;
     left: 25%;
     top: 50%;
 }
 
 .content_head a.link11 {
     width: 13%;
     height: 47%;
     position: absolute;
     left: 60%;
     top: 50%;
 }
 
 .content_head a.link12 {
     width: 13%;
     height: 47%;
     position: absolute;
     left: 79%;
     top: 50%;
 }
 
 .right .row p {
     font-size: 1.2em;
     line-height: 150%;
     color: #333;
 }
 
 .right .row img {
     max-width: 100%;
 }
 
 .left img {
     width: 100%;
 }
 
 #contact {
     width: 100%;
     height: auto;
     background-color: #fff;
     margin: 0 0;
     padding: 0 0;
 }
 
 #contact li {
     width: 50%;
     color: #333;
     height: 90px;
     line-height: 40px;
     text-align: center;
     float: left;
     padding: 0 0;
     text-indent: 0em;
     box-sizing: border-box;
     border: 1px solid #0f166d;
     overflow: hidden;
 }
 
 #contact li em {
     width: 100%;
     height: 40px;
     line-height: 40px;
     display: inline-block;
     text-indent: 0em;
     background: #0f166d;
     color: #fff;
 }
 
 #contact li span {
     width: 100%;
     font-weight: 600;
     height: 50px;
     line-height: 50px;
     font-family: "Arial", "Microsoft Yahei", "Thomas";
     font-size: 1.2em;
 }
 
 #contact li span i {
     width: 18px;
     height: 18px;
     display: inline-block;
     background-image: url(/tpl/demo/images/ico.png);
     background-repeat: no-repeat;
     float: left;
     margin-left: 10%;
     margin-top: 16px;
 }
 
 #contact li span .addr {
     background-position: left center;
 }
 
 #contact li span .tel {
     background-position: -24px center;
 }
 
 #contact li span .qq {
     background-position: -45px center;
 }
 /*=======zl=========*/
 
 .left .left_boott li .xialan {
     display: none;
     color: black
 }
 
 .left .left_boott li:hover {
     display: block;
     color: black
 }
 /*=======客户案例=========*/
 
 .case_big ul {
     width: 100%;
     margin: 0 auto;
 }
 
 .case_big ul li img {
     width: 100%;
 }
 
 .case_big .case_c img {
     width: 5%;
 }
 
 .case_big ul li {
     background: #fff;
     box-shadow: 1px 2px 3px #cdcdcd;
     border: 1px solid #f6f6f6;
     padding: 10px 10px 0 10px;
     width: 29%;
     float: left;
     margin: 0 1%;
     overflow: hidden;
 }
 
 .case_big ul li:nth-child(1) {
     margin-left: 0;
 }
 
 .case_big ul li:nth-child(4) {
     margin-left: 0;
 }
 
 .case_big ul li:nth-child(3) {
     margin-right: 0;
 }
 
 .case_big ul li:nth-child(6) {
     margin-right: 0;
 }
 
 .case_c {
     background: #dadada;
 }
 
 .case_c b {
     float: left:
 }
 
 .case_c img {
     float: left:
 }
 
 .case_big ul a {
     color: #333;
 }
 
 //.case_big ul li:hover{ border:1px solid #333;}
 /*=======客户案例_家庭=========*/
 
 .right p {
     font-size: 14px;
     line-height: 28px;
 }
 
 .left img {
     width: 20px;
     height: 20px;
 }
 
 .right .casecon {
     width: 100%;
     height: auto;
     box-sizing: border-box;
     padding: 0 0;
     border: 0px solid #dadada;
 }
 
 .right .casecon ul {
     width: 100%;
     height: auto;
 }
 
 .right .casecon ul li {
     width: 100%;
     height: auto;
     margin: 1em 0;
 }
 
 .right .casecon ul li h3 {
     width: 100%;
     height: 40px;
     line-height: 40px;
     margin: 0 0;
     color: #fff;
     text-indent: 2.5em;
     background: #1f166d url(../images/logomin.png) 10px center no-repeat;
     font-size: 1.2em;
     font-weight: 600;
     padding: 0 0;
 }
 
 .right .casecon ul li dl {
     width: 100%;
     border: 1px solid #1f166d;
     padding: 1em 1em;
     overflow: hidden;
     color: #333;
     font-size: 1.1em;
     line-height: 200%;
     box-sizing: border-box;
 }
 
 .right .casecon ul li dl img {
     border: 0;
     max-width: 100%;
 }
 
 .right .row .message {
     width: 100%;
     height: auto;
 }
 
 .right .row .message h5 {
     width: 100%;
     height: 40px;
     line-height: 40px;
     border-bottom: 1px dotted #cdcdcd;
 }
 
 .right .row .message form {
     width: 100%;
     padding: 1em 0;
     line-height: 20px;
 }
 
 .right .row .message form label {
     width: 100%;
     line-height: 2em;
     padding-top: 0.5em;
     font-size: 1em;
     display: block;
     color: #111;
     font-weight: 600;
 }
 
 .right .row .message form label em {
     color: #ff0000;
     height: 1em;
     line-height: 1em;
     font-size: 1.2em;
     display: inline-block;
     position: relative;
     top: 4px;
 }
 
 .right .row .message form p {
     width: auto;
     line-height: 30px;
     height: auto;
     margin: 0 0;
 }
 
 .right .row .message form p input[type="text"] {
     width: 100%;
     max-width: 200px;
     line-height: 30px;
     height: 30px;
     border: 1px solid #ccc;
 }
 
 .right .row .message form p input[type="submit"] {
     width: 100%;
     max-width: 120px;
     line-height: 30px;
     height: 30px;
     background: #0f166d;
     color: #fff;
     border: 0px;
     cursor: pointer;
     margin-top: 1em;
 }
 
 .right .row .message form p input[type="submit"]:hover {
     background: #1723ae;
 }
 
 .right .row .message form textarea {
     width: 100%;
     max-width: 400px;
     line-height: 30px;
     min-height: 80px;
     border: 1px solid #ccc;
 }
 
 .right .row .message form p span {
     width: 100%;
     display: block;
 }
 
 .right .row .message form p label {
     height: 2em;
     line-height: 2em;
     padding: 0 0;
     font-weight: 300;
 }
 
 .right .case_big {
     height: auto;
     margin-top: 30px;
     width: 100%;
 }
 
 .case_big .case_b {
     background-color: #fff;
     width: 31%;
     border: 1px solid #f6f6f6;
     box-shadow: 1px 2px 3px #cdcdcd;
 }
 
 .case_big ul {
     padding: 15px 15px 0 15px;
 }
 
 .case_big ul:nth-child(1) {
     margin: 0;
 }
 
 .case_big ul:nth-child(3) {
     margin: 0;
 }
 
 .case_b ul li h4 {
     font-size: 14px;
     text-align: center;
     line-height: 42px;
     color: #272727;
 }
 
 .case_b .li1 {
     width: 32%;
     background: #ececec;
     padding-left: 205px;
 }
 
 .case_b .li1 img {
     width: 22%;
     float: left;
     margin-top: 14px;
 }
 
 .case_b .li1 span {
     float: left;
     margin-left: 10px;
     line-height: 42px;
     font-size: 13px;
     color: #aeaeae;
 }
 
 .case_big a:hover {
     border: 1px solid #515151;
 }
 
 .case_bott {
     margin: 0 auto;
     text-align: center;
     margin-top: 5%;
     width: 100%;
 }
 
 .case_bott ul li {
     float: left;
     display: inline-block;
     border: 1px solid #dbdbdb;
     padding: 6px 14px;
     margin: 0 10px;
     color: #828282;
 }
 
 .case_bott ul li:hover {
     background: #0f166d;
     color: #fff;
 }
 
 .case_bott ul a {
     color: #828282;
 }
 
 //.case_bott ul a:hover{color:#fff;}
 .case_bott ul {
     margin: 0 auto;
     padding-left: 25%;
 }
 /*=======猪八戒6555444资质=========*/
 
 .newsbox {
     width: 100%;
     color: #333;
 }
 
 .news_n {
     padding-bottom: 25px;
     border-bottom: 1px solid #dadada;
     background-color: #fcfdfe;
 }
 
 .newsbox dl dt {
     width: 15%;
     float: left;
     margin-left: 20px;
     margin-left: 8%;
 }
 
 .newsbox dl dd {
     width: 62%;
     float: left;
     margin-left: 4%;
     margin-top: 30px;
 }
 
 .newsbox dl dd h1 a {
     font-size: 16px;
     color: #272727;
     line-height: 32px;
 }
 
 .newsbox dl dd p a {
     font-size: 14px;
     color: #999999;
 }
 
 .newsbox dl dd span {
     margin-top: 20px;
 }
 
 .newsbox dl dd span a {
     color: #333;
 }
 
 .case_bott {
     margin: 0 auto;
     width: 100%;
 }
 
 .case_bott ul li {
     float: left;
     display: inline-block;
     border: 1px solid #dbdbdb;
     padding: 6px 14px;
     margin: 0 10px;
     color: #828282;
 }
 
 .case_bott ul li:hover {
     background: #0f166d;
     color: #fff;
 }
 
 .case_bott ul a {
     color: #828282;
 }
 
 .case_bott ul {
     margin: 0 auto;
     padding-left: 25%;
 }
 /*=======新闻资讯=========*/
 
 .newsbox img {
     width: 100%;
 }
 
 .newsbox dl dd p {
     font-size: 14px;
     color: #999999;
 }
 /*=======新闻资讯_光触媒资讯=========*/
 
 .newsbox {
     width: 100%;
 }
 
 .news_n {
     padding-bottom: 25px;
     margin-top: 30px;
     border-bottom: 1px solid #dadada;
 }
 
 .newsbox dl dt {
     width: 30%;
     float: left;
     margin-left: 20px;
 }
 
 .newsbox dl dd p {
     font-size: 14px;
     color: #999999;
 }
 /*=======新闻资讯_室内环保动向=========*/
 
 .newsbox dl dd {
     width: 86%;
     float: left;
     margin-left: 4%;
 }
 
 .newsbox dl dd h1 {
     float: left;
 }
 
 .newsbox dl dd h1 a {
     font-size: 16px;
     color: #272727;
     line-height: 28px;
 }
 
 .newsbox dl dd h1 a:hover {
     border-bottom: 1px solid #272727;
 }
 
 .newsbox dl dd span {
     margin-top: 6px;
     color: #bfbfbf;
 }
 /*=======产品中心=========*/
 
 .productbox {
     width: 100%;
 }
 
 .product_b {
     border: 1px solid #e5e5e5;
     width: 42%;
     margin: 35px 15px 20px 15px;
     padding: 15px 25px 15px 25px;
     outline: 1px solid #e5e5e5;
 }
 
 .product_b:hover {
     box-shadow: 1px 2px 3px #cdcdcd;
 }
 
 .product_s a img {
     width: 100%;
 }
 
 .product_s .product_sm {
     width: 40%;
 }
 
 .product_bot {
     margin-left: 16%;
     margin-top: 15px;
 }
 
 .product_bot p {
     background: #f4f4f4;
     color: #333;
     padding: 0 10px;
     font-size: 14px;
     line-height: 32px;
     margin-bottom: 18px;
 }
 
 .product_bo {
     background: #0f166d;
     border-radius: 8px;
 }
 
 .product_bo img {
     float: left;
     padding-left: 18px;
     padding-top: 15px;
 }
 
 .product_bo h1 {
     float: left;
     color: #fff;
     line-height: 32px;
     padding: 10px 0;
     margin-left: 28px;
     font-size: 15px;
 }
 /*=======检测=========*/
 
 .newsbox {
     width: 100%;
 }
 
 .newsbox dl dd p {
     font-size: 14px;
     color: #999999;
 }
 
 .newsbox img {
     width: 1px;
 }
 /*=======治理=========*/
 
 .news {
     border-bottom: 1px solid #dadada;
 }
 
 .newsbox dl dt {
     width: 30%;
     float: left;
     margin-left: 20px;
 }
 
 .newsbox dl dt img {
     width: 100%;
     height: auto;
 }
 
 .newsbox dl dd {
     width: 62%;
     float: left;
     margin-left: 4%;
     margin-top: 15px;
 }
 
 .newsbox dl dd h1 a {
     font-size: 16px;
     color: #272727;
     line-height: 32px;
     font-size: bold;
 }
 
 .newsbox dl dd p {
     font-size: 14px;
     color: #999999;
 }
 
 .newsbox dl dd span {
     margin-top: 20px;
 }
 
 .case_bott {
     clear: both;
     width: 100%;
     padding-bottom:3%;
 }
 
 .case_bott span:nth-child(1) {
     display: none;
 }
 
 .case_bott a {
     padding: 0.5em 0.5em;
     color: #666;
     border: 1px solid #d5d5d5;
     margin: 0 0.5em;
     cursor: pointer;
 }
 
 .case_bott span {
     padding: 0.5em 0.5em;
     color: #666;
     border: 1px solid #d5d5d5;
     margin: 0 0.5em;
 }
 
 .case_bott .hover {
     border: 1px solid #0f166d;
     background: #0f166d;
     color: #fff;
 }
 /*=======zuolan=========*/
 /*=======列表模版=========*/
 
 .listbox {
     width: 100%;
     height: auto;
 }
 
 .listbox ul {
     width: 100%;
     height: auto;
 }
 
 .listbox ul li {
     width: 100%;
     height: auto;
     border-bottom: 1px solid #ececec;
     padding-bottom: 18px;
     margin-bottom: 18px;
 }
 
 .listbox ul li dt {
     width: 25%;
     height: 145px;
     overflow: hidden;
     float: left;
 }
 
 .listbox ul li dt img {
     width: 100%;
     transform: scale(1.0, 1.0);
 }
 
 .listbox ul li:hover dt img {
     transform: scale(1.05, 1.05);
 }
 
 .listbox ul li dd {
     width: 73%;
     float: right;
 }
 
 .listbox ul li dd h1 {
     width: 100%;
     line-height: 1.5em;
     margin-bottom: 1em;
     font-size: 12px;
 }
 
 .listbox ul li dd h1 a {
     font-size: 1.3em;
     color: #0f1e64;
     font-weight: normal;
     font-weight: 300;
 }
 
 .listbox ul li dd h1 a:hover {
     text-decoration: underline;
 }
 
 .listbox ul li dd h1 span {
     width: 70px;
     height: 1.5em;
     line-height: 1.5em;
     display: inline-block;
     color: #0f1e64;
     float: right;
     text-align: center;
 }
 
 .listbox ul li dd p {
     width: 100%;
     font-size: 1.2em;
     color: #555;
 }
 
 .listbox ul li dd .link {
     width: 56px;
     height: 2em;
     line-height: 2em;
     display: inline-block;
     color: #0f1e64;
     margin-top: 1em;
     float: right;
 }
 
 .listbox ul li dd .link:hover {
     text-decoration: underline;
     color: #0f1e64;
 }
 
 .listbox ul li dd .link i {
     width: 2em;
     height: 2em;
     display: inline-block;
     text-align: center;
     font-size: 1em;
     line-height: 2em;
     background: #0f166d;
     float: right;
     font-style: normal;
     font-family: "宋体";
     text-indent: 0;
 }
 
 .listbox .city_x {
     width: 100%;
     background: #f2f2f2;
     padding: 1em 1em;
     margin: 1em 0;
 }
 
 .listbox .city_x li {
     width: 100%;
     height: 40px;
     line-height: 40px;
 }
 
 .listbox .city_x li i {
     font-size: 1.3em;
     font-weight: 600;
     line-height: 40px;
     text-indent: 1em;
     position: relative;
     display: inline-block;
     width: auto;
     height: 40px;
 }
 
 .listbox .city_x li i:before {
     content: " ";
     margin-right: 1em;
     background-color: #0f1e64;
     width: 2px;
     height: 14px;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -7px;
 }
 
 .listbox .city_x li a {
     margin-left: 3em;
     font-size: 1.2em;
 }
 
 .city_00 {
     width: 100%;
     height: auto;
     background: #f2f2f2;
     padding: 1em 1em;
     margin: 1em 0;
 }
 
 .city_00 dd b {
     font-size: 16px;
     font-weight: 600;
     margin-left: 20px;
 }
 
 .listbox .list-box-search {
     width: 48%;
     float: left;
 }
 
 .listbox .list-box-search input[type="text"] {
     width: calc(100% - 50px);
     height: 42px;
     line-height: 42px;
     text-indent: 0.8em;
     margin: 0 0;
     box-sizing: border-box;
 }
 
 .listbox .list-box-search input[type="submit"] {
     width: 50px;
     height: 42px;
     line-height: 42px;
     background: #333;
     color: #fff;
     border: 0px solid #333;
     cursor: pointer;
     margin: 0 0;
     margin-left: -4px;
     box-sizing: border-box;
 }
 
 .listbox .list-box-search input[type="submit"]:hover {
     background: #0f166d;
     border: 0px solid #0f166d;
 }
 
 .listbox .jiameng-box-search {
     width: 48%;
     float: right;
 }
 
 .listbox .jiameng-box-search input[type="text"] {
     width: calc(100% - 50px);
     height: 42px;
     line-height: 42px;
     text-indent: 0.8em;
     margin: 0 0;
     box-sizing: border-box;
 }
 
 .listbox .jiameng-box-search button {
     width: 50px;
     height: 42px;
     line-height: 42px;
     background: #333;
     color: #fff;
     border: 1px solid #333;
     cursor: pointer;
     margin: 0 0;
     margin-left: -4px;
     box-sizing: border-box;
 }
 
 .listbox .jiameng-box-search button:hover {
     background: #0f166d;
     border: 1px solid #0f166d;
 }
 /*=======图片列表模版=========*/
 
 .piclistbox {
     width: 100%;
     height: auto;
 }
 
 .piclistbox ul {
     width: 100%;
     height: auto;
 }
 
 .piclistbox ul li {
     width: 32%;
     height: auto;
     margin: 0 1%;
     float: left;
     box-sizing: border-box;
     padding: 10px 10px;
     border: 1px solid #ececec;
     margin-bottom: 2em;
     box-shadow: 0px 0px 3px #ececec;
 }
 
 .piclistbox ul li:hover {
     border: 1px solid #0f1e64;
 }
 
 .piclistbox ul li:nth-child(1) {
     margin-left: 0;
 }
 
 .piclistbox ul li:nth-child(3n+1) {
     margin-left: 0;
 }
 
 .piclistbox ul li:nth-child(3n) {
     margin-right: 0;
 }
 
 .piclistbox ul li dt {
     width: 100%;
     height: 180px;
     overflow: hidden;
     float: left;
 }
 
 .piclistbox ul li dt img {
     width: 100%;
     transform: scale(1.0, 1.0);
 }
 
 .piclistbox ul li:hover dt img {
     width: 100%;
     transform: scale(1.05, 1.05);
 }
 
 .piclistbox ul li dd {
     width: 100%;
     float: right;
 }
 
 .piclistbox ul li dd h1 {
     width: 100%;
     line-height: 4em;
     text-align: center;
     font-size: 12px;
 }
 
 .piclistbox ul li dd h1 a {
     font-size: 1.25em;
     color: #333;
     font-weight: normal;
     font-weight: 300;
 }
 
 .piclistbox ul li dd h1 a:hover {
     color: #0f166d;
 }
 
 .piclistbox ul li dd h1 span {
     width: 70px;
     height: 1.5em;
     line-height: 1.5em;
     display: inline-block;
     background: #0f166d;
     color: #fff;
     float: right;
     text-align: center;
 }
 
 .piclistbox ul li dd dl {
     width: 100%;
     height: 4em;
     line-height: 2em;
     font-size: 1em;
     color: #555;
     overflow: hidden;
 }
 
 .piclistbox ul li dd .link {
     width: 120px;
     height: 2em;
     line-height: 2em;
     border: 1px solid #0f166d;
     display: inline-block;
     color: #555;
     text-indent: 1em;
     margin-top: 1em;
 }
 
 .piclistbox ul li dd .link:hover {
     background: #0f166d;
     color: #fff;
 }
 
 .piclistbox ul li dd .link i {
     width: 2em;
     height: 2em;
     display: inline-block;
     text-align: center;
     font-size: 1em;
     line-height: 2em;
     background: #0f166d;
     float: right;
     font-style: normal;
     font-family: "宋体";
     text-indent: 0;
 }
 
 .clear {
     clear: both
 }
 /*=======产品列表模版=========*/
 
 .prolistbox {
     width: 100%;
     height: auto;
 }
 
 .prolistbox ul {
     width: 100%;
     height: auto;
 }
 
 .prolistbox ul li {
     width: 100%;
     height: auto;
     border-bottom: 1px solid #ececec;
     padding-bottom: 18px;
     margin-bottom: 18px;
 }
 
 .prolistbox ul li dt {
     width: 25%;
     height: 200px;
     overflow: hidden;
     float: left;
 }
 
 .prolistbox ul li dt img {
     width: 100%;
     transform: scale(1.0, 1.0);
 }
 
 .prolistbox ul li:hover dt img {
     transform: scale(1.05, 1.05);
 }
 
 .prolistbox ul li dd {
     width: 73%;
     float: right;
 }
 
 .prolistbox ul li dd h1 {
     width: 100%;
     line-height: 1.5em;
     margin-bottom: 1em;
     font-size: 1.5em;
     color: #0f166d;
     font-weight: normal;
     font-weight: 600;
 }
 
 .prolistbox ul li dd h1 span {
     width: 70px;
     height: 1.5em;
     line-height: 1.5em;
     display: inline-block;
     background: #0f166d;
     color: #fff;
     float: right;
     text-align: center;
 }
 
 .prolistbox ul li dd dl {
     width: 100%;
     height: auto;
     line-height: 2em;
     color: #444;
     font-size: 1em;
     padding: 0.3em 0;
 }
 
 .prolistbox ul li dd dl em {
     font-weight: 600;
     color: #0f166d;
     font-size: 1.2em;
 }
 
 .prolistbox ul li dd dl p {
     margin: 0 0;
 }
 
 .prolistbox ul li dd .link {
     width: 120px;
     height: 2em;
     line-height: 2em;
     border: 1px solid #0f166d;
     display: inline-block;
     color: #555;
     text-indent: 1em;
     margin-top: 1em;
 }
 
 .prolistbox ul li dd .link:hover {
     background: #0f166d;
     color: #fff;
 }
 
 .prolistbox ul li dd .link i {
     width: 2em;
     height: 2em;
     display: inline-block;
     text-align: center;
     font-size: 1em;
     line-height: 2em;
     background: #0f166d;
     float: right;
     font-style: normal;
     font-family: "宋体";
     text-indent: 0;
 }
 
 .fixm {
     display: none;
 }
 /*=======左右滑动图片模版=========*/
 
 .testimonial {
     background-color: #f3f3f3;
     border-radius: 5px;
     padding: 30px;
     margin: 0 15px;
 }
 
 .testimonial .pic {
     width: 90px;
     height: 90px;
     margin: 0 30px 15px 0;
     float: left;
 }
 
 .testimonial .pic img {
     width: 100%;
     height: auto;
     border-radius: 50%;
 }
 
 .testimonial .testimonial-title {
     color: #000000;
     font-size: 16px;
     margin-top: 5px;
     font-weight: 800;
     text-transform: capitalize;
 }
 
 .testimonial .testimonial-title small {
     display: block;
     color: #dc005a;
     font-size: 14px;
     font-weight: 800;
     margin-top: 10px;
 }
 
 .testimonial .testimonial-review p {
     color: #888888;
     font-size: 15px;
     font-style: italic;
     line-height: 19px;
     margin-bottom: 0;
 }
 
 .owl-theme .owl-controls {
     margin-top: 20px;
 }
 
 .owl-theme .owl-controls .owl-page span {
     width: 10px;
     height: 10px;
     background: #fff;
     opacity: 1;
 }
 
 .owl-theme .owl-controls .owl-page.active span,
 .owl-theme .owl-controls.clickable .owl-page:hover span {
     background: #fff;
     border: 0px solid #cdcdcd;
 }
 
 .owl-pagination {
     margin-top: 40px;
 }
 
 .owl-theme .owl-controls .owl-page.active span,
 .owl-theme .owl-controls.clickable .owl-page:hover span {
     background: #0f1e64;
     border: 0px solid #fff;
 }
 
 @media screen and (max-width: 990px) {
     .testimonial-parallax h2 {
         margin-bottom: 40px;
     }
     .testimonial {
         margin: 0;
     }
 }
 
 .mt50 {
     padding-top: 50px;
 }
 
 .test {
     width: 100%;
     height: 50px;
     line-height: 50px;
 }
 
 .test a {
     padding: 0px 20px;
 }
 
 .hechabox {
     margin-top: 30px;
     margin-left: 30px;
 }
 
 .hechabox dl {
     width: 360px;
     max-width: 100%;
 }
 
 .hechabox dl input {
     margin-right: 0px;
     border: 1px solid #999;
     width: 200px;
     height: 30px;
     line-height: 30px;
     padding-left: 5px;
 }
 
 .hechabox dl button {
     background: #0f166d;
     color: #fff;
     border: 0;
     height: 30px;
     padding: 0px 6px;
     cursor: pointer;
     border-radius: 3px;
     line-height: 30px;
 }
 
 .hechabox dl button:hover {
     background: #1b27c0;
 }
 
 .hechabox span {
     width: 700px;
     max-width: 100%;
     font-size: 13px;
     line-height: 30px;
     color: #999;
     padding-bottom: 50px;
     display: block;
 }
 
 .red {
     color: #1b27c0 !important;
 }