@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%;  font-size: 14px; background:#fff; color:#777; overflow-x:hidden; font-family: "微软雅黑" }
body.index{background:#f8f8f8;}
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank30{height:30px; line-height: 30px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper3{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px !important;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
header{width: 100%;background: #e9e7ef;box-shadow:0px 2px 5px -2px #d5d5d5; }
header .header_b{height: 25px;width: 100%;background: #051055;line-height: 25px;color: #fff;overflow: hidden}
header .header_g{height: 100px;width: 100%;overflow: hidden;position:relative}
header .header_b img{margin-left: 10px;display: inline-block;vertical-align:top;margin-top: 8px;}
header .header_b a{color: #fff;}
.fixednav {	position: fixed;top: 0px;left: 0px;	width: 100%;z-index: 9999;}
header .header_g ul{font-size: 0;}
header .header_g ul li{width: 14%;padding: 18px 3%;margin:0 auto;float: left;font-size: 14px;border-right:#d4d4d4 1px solid}
header .header_g ul li a{display: block}
header .header_g ul li h1 img{vertical-align: top;margin-top: 8px;margin-right: 10px;}
header .header_g ul li h1{border:#004cca  1px solid;font-size: 16px;color:#004cca;font-weight:bold;width: 180px;height: 40px;border-radius: 10px;text-align: center;line-height: 40px;}
header .header_g ul li h2{color: #004cca;font-size: 14px;font-weight: bold;}
header .header_g ul li p{margin-top: 5px;line-height: 22px;color: #777}
header .header_g ul li:first-child{padding:25px 3% 32px 0;margin: 0 auto}
header .header_g ul li:first-child h2{font-size: 18px;color: #051055;font-weight: bold;}
header .header_g ul li:first-child p{color: #051055;line-height: 22px;margin-top:5px;}
header .header_g ul li:last-child{border-right: 0;}
.itop{background: #f7f7f7;width: 100%;height: auto;box-shadow:0px 2px 3px -2px #d5d5d5;position: relative;}
.itop .logo{width: 73px;height: 88px;float: left;margin-top:15px;}
.itop .logo img{width: 73px;height: 88px;}
nav{width: 65%;float: left;margin-left: 3%;position: relative;}
nav ul li{float: left;width: 13.5%;text-align: center;height: auto;position: relative;}
nav ul li a{color: #333;font-size: 16px;display: block;width: 100%;font-weight: bold;padding:50px 0}
nav ul li:hover a{color: #004cca;background: -webkit-linear-gradient(top, #e9e7ef , #f7f7f7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e9e7ef,endcolorstr=#f7f7f7,gradientType=1);}
nav ul li.active a{color: #004cca;background: -webkit-linear-gradient(top, #e9e7ef , #f7f7f7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e9e7ef,endcolorstr=#f7f7f7,gradientType=1);}

nav ul li ul{display: none;position: absolute;left:0;right:0;top:121px;width:100%;margin:0 auto;z-index: 99999;}
nav ul li ul li{color: #fff;height:45px;line-height:45px;font-size: 16px; text-align: center;background: #004cca;min-width: 190px;width: 100%;border-bottom: 1px solid #286bdb;text-align:left;}
nav ul li ul li a:before{content: "";display: inline-block;background: url(../images/left_pointer.png) center center no-repeat;width: 9px;height: 9px;vertical-align: middle;margin-right: 10px;}
nav ul li:hover ul li a{color: #fff;display:inline-block;padding:0;background:none;width:100%;padding: 0 20px;font-size: 14px}
nav ul li:hover ul{display: block;}
nav ul li ul li:hover{background: #4088ff;border-bottom: #4088ff 1px solid}
.itop_r{float: right;width: 24%;}
.itop_r_t{display:none;background: #e3e3e3;height:42px;line-height: 40px;font-size:16px;color: #555;text-align:left;font-weight: bold;width: 100%;text-indent: 2em}
.itop_r_t img{float: right;}
.itop_r_b{width: 96%;border-radius: 20px;border: #dadada 2px solid;position: relative;margin: 40px auto 0 auto}
.itop_r_b input[type=text]{border: 0;background:none;height: 30px;text-indent: 1em;}
.itop_r_b input[type=submit]{position: absolute;right: 16px;cursor: pointer;top: 3px;background: url(../images/index_ico3.png) center center no-repeat;width: 24px;height: 24px;border: 0}
.device {
width: 100%;
float: left;
margin:0 auto;
position: relative;
	z-index: 9997
}
 .swiper-container { width: 100%;height: 100%;}
.pagination {
      display: block;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 50px !important;
    width: 100%;
	z-index: 999
}
.swiper-pagination-bullet{
	  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px;
  cursor: pointer;
opacity:1;
	display: none;
	
}
.swiper-slide img{width: 100%;height: 100%;}
.swiper-pagination-bullet-active{  background: #00518e;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image: url(../images/arrow_l.png);width: 30px;height: 60px;right:auto;left: 0; top: 50%;background-size: 100% 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 30px;height: 60px;right:0; top: 50%;background-size: 100% 100%;}
#New-Product .carousel-inner{position: relative;}
.banner_4{width: 100%;height: 200px;position: absolute;z-index: 9998;bottom: 0;left: 0;background: rgba(1,18,49,0.85)}
.banner_4 ul li{background: url(../images/banner_pic_01.jpg) center center no-repeat;width: 265px;height: 140px;float: left;margin-right:45px;margin-top: 30px;position: relative}

.banner_4 ul li .banner_4_z{width: 75px;position: absolute;left: 10px;bottom: 15px;}
.banner_4 ul li p{font-size: 10px;font-family:"Arial";color: #85a7e2;}
.banner_4 ul li h2{color: #fff;font-size: 18px;margin-top: 10px;}
.banner_4 ul li:nth-child(2){background: url(../images/banner_pic_02.jpg) center center no-repeat;}
.banner_4 ul li:nth-child(3){background: url(../images/banner_pic_03.jpg) center center no-repeat;}
.banner_4 ul li:nth-child(2) p{color: #8bd8f2}
.banner_4 ul li:nth-child(3) p{color: #cee15c}
.banner_4 ul li:last-child{margin-right: 0;background: url(../images/banner_pic_04.jpg) center center no-repeat;}
.banner_4 ul li:last-child p{color:#fefdc1}
.banner_4 ul li a{display: block;height: 140px;}
.index_title{width: 100%;height: auto;margin: 0 auto;overflow: hidden;}
.index_title h2{float: left;font-size: 28px;color: #333;font-weight: bold;}
.index_title h3{float: left;font-size: 28px;color: #ddd;text-transform: uppercase;font-family:"Arial";margin-left: 15px;margin-top: 5px;}
.index_partner ul{font-size: 0;width: 100%;overflow: hidden;}
.index_title span{display: inline-block;float: right;width: 100px;text-align: center;color: #fff;background: #004cca;height: 35px;border-radius: 5px; line-height: 35px;}
.index_partner ul li{display:inline-block;text-align: center;margin: 20px auto;}
.index_partner ul li img{width: 200px;height: 105px}
.index_case {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.index_case ul li{float: left;width: 285px;margin-right: 20px;margin-top: 30px;background: #f0f0f4;}
.index_case ul li:nth-child(4n){margin-right: 0;}
.index_case ul li .index_case_z1{position: relative;width: 285px;height: 200px;overflow: hidden}
.index_case ul li .index_case_z1 img.big{width: 285px;height: 200px;position: absolute;left: 0;top: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
.index_case ul li .index_case_z1 span{display: none;background:rgba(0,0,0,0.5);width: 100%;height:100%;position: absolute;left: 0;right: 0;border: #fff 2px solid;padding:0;text-align: center;color: #fff;overflow: hidden}
.index_case ul li .index_case_z1 span i{background: url(../images/case_ico.png) center 40% no-repeat;width: 49px;height: 47px;margin: 0 auto;border: #fff 2px solid;width: 90%;display: block;height: 85%;margin-top: 5%;font-style: normal;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;background: url(../images/case_ico.png) center 40% no-repeat;}
.index_case ul li .index_case_z1 span i b{position: absolute;left: 0;right: 0;top:0;}
.index_case ul li:hover .index_case_z1 span{display:block;}
.index_case ul li:hover .index_case_z1 span i b{top: 60%}
.index_case ul li:hover .index_case_z1 img.big{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.index_case ul li:hover{background: #5c6492;}
.index_case ul li .index_case_z2 h2{font-size: 20px;color: #111;width: 90%;margin: 20px auto 10px auto;line-height:30px;font-weight: bold;}
.index_case ul li .index_case_z2 h3{width: 90%;margin: 0 auto;color: #777}
.index_case ul li .index_case_z2 p{color: #c7c7c7;width: 90%;margin: 10px auto;}
.index_case ul li .index_case_z2 h4{height: 30px;line-height: 30px;color: #fff;text-align: center;background: #5c6492;width: 100%;margin: 20px auto 0 auto;}
.index_case ul li:hover .index_case_z2 h2{color: #fff;}
.index_case ul li:hover .index_case_z2 h3{color: #fff;}
.index_case ul li:hover .index_case_z2 p{color: #fff;}
.index_case ul li:hover .index_case_z2 h4{color: #5c6492}
.index_news{width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.index_news_l{float: left;width: 440px;height: auto;overflow: hidden;margin-top: 30px;background: #f0f0f4;}
.index_news_l_pic{width: 440px;position: relative;height: auto;font-style: normal}
.index_news_l_pic img{width: 440px;height: 280px;border-bottom: #004cca 3px solid;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
.index_news_l_pic:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.index_news_l_pic i{color:#fff;background: #004cca;font-style: normal; width:180px;height: 38px;font-size: 24px;font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif';display: inline-block;line-height: 38px;position: absolute;bottom: -20px;left: 0}
.index_news_l_pic i:before{background: url(../images/news_ico.png)left center no-repeat;vertical-align: middle;width: 18px;height: 19px;content: "";display: inline-block;margin: 0 15px;}
.index_news_l_z{clear: both;width: 90%;margin: 40px auto}
.index_news_l_z h2{color: #333;font-size: 16px;line-height: 26px;}
.index_news_l_z p{color: #999;line-height: 26px;margin: 10px auto;}
.index_news_l_z span{color: #004cca;}
.list_news_r{width: calc(100% - 440px);float: right;height: auto;overflow: hidden;margin-top: 30px;}
.list_news_r ul li{width: 100%;height: 127px;margin: 0 auto;padding: 0;background: #fff;}
.list_news_r ul li:last-child .list_news_r_z{border-bottom: 0}
.list_news_r ul li .list_news_r_z{width: 90%;float: right;padding: 15px 0;border-bottom: #f6f6fc 2px solid;}
.list_news_r ul li .list_news_r_z h2{color: #333;font-size: 20px;}
.list_news_r ul li .list_news_r_z h2:before{content:"";display: inline-block;margin-right: 10px;background: #004cca;height:17px;width: 4px; }
.list_news_r ul li .list_news_r_z p{color: #999;margin: 10px auto;line-height: 26px}
.list_news_r ul li .list_news_r_z span{color: #004cca;}
.list_news_r ul li .list_news_r_z span i{float: right;color: #999;font-style: normal;margin-right: 20px;display: inline-block;}
.list_news_r ul li:hover{background: #f6f6fc;}
.list_news_r ul li:hover .list_news_r_z{border: 0}
.index_about{background: #f7f7f7;height: auto;overflow: hidden;width: 100%;padding:30px 0;margin: 0 auto;}
.index_about_l{background: #fff;width: 58%;height: 250px;margin-top: 45px;float: left;}
.index_about img{float: right;width: 500px;height: 300px;margin-top: 20px;}
.index_about_l h2{width: 82%;margin: 20px auto 10px auto;padding-bottom: 10px;color: #004cca;font-size: 20px;border-bottom: #ddd 1px solid;font-weight: bold;}
.index_about_l p{width: 82%;margin: 5px auto;color: #333;line-height: 30px;}
footer{height: 400px;width: 100%;}
.foot_t{background: url(../images/foot_bg.jpg) center center no-repeat;width: 100%;height: 360px;}
.foot_t_l{float: left;width:73%;margin-top: 50px;}
.foot_t_l ul li{width: 115px;margin-right: 20px;float: left;}
.foot_t_l ul li h2{font-size: 18px;border-bottom: #c3c3c3 1px solid;color: #111;font-weight:bold;margin-bottom:15px;padding-bottom:15px;position: relative;}
.foot_t_l ul li h2:after{content: "";height: 3px;width: 50px;background: #b8b8b8;display: block;position: absolute;bottom: -2px;left: 0}
.foot_t_l ul li p{line-height: 28px;color: #333;}
.foot_t_l ul li p:hover a{color: #004cca}
.footer_logo{display: block;margin-bottom: 20px;}
.footer_logo img{width: 105px;height: 125px;}
.foot_t_r{width: 26%;float: right;}
.foot_t_r .foot_t_r_01{float: left;width:20% ;margin-top: 50px;}
.foot_t_r .foot_t_r_02{float: left;width:20% ;margin-top: 50px;}
.foot_t_r_03{float: left;width:100% ;margin-top: 50px;}
.foot_t_r .foot_t_r_01 a{display: inline-block;width: 100%;line-height: 28px;color: #333;}
.foot_t_r .foot_t_r_01 h2{font-size: 18px;color: #111;font-weight: bold;border-bottom: #b8b8b8 2px solid;padding-bottom: 10px;margin-bottom: 10px;}
.foot_t_r .foot_t_r_02 a{display: inline-block;width: 100%;line-height: 28px;color: #333;}
.foot_t_r .foot_t_r_02 h2{font-size: 18px;color: #111;font-weight: bold;border-bottom: #b8b8b8 2px solid;padding-bottom: 10px;margin-bottom: 10px;}
.foot_t_r_03 h2{font-size: 18px;color: #111;font-weight: bold;border-bottom: #b8b8b8 2px solid;padding-bottom: 10px;margin-bottom: 10px;}
.foot_t_r_03 p{text-align: left;margin-bottom: 10px;color:#333;}
.foot_t_r_03 p img{margin-right: 10px;}
.foot_f{height: 40px;line-height: 40px;background: #051055;color: #fff;}
.foot_f a{color: #fff;}
.foot_f .foot_f_l{float: left;width: 50%;}
.foot_f .foot_f_r{float: right;}
.foot_f .foot_f_r a{display: inline-block;margin: 0 5px}
.ny_banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.ny_banner img{width: 100%;}
.ny_title{position: absolute;bottom: 30px;left: 30px;width: 1200px;margin:0 auto;right:0}
.ny_title h2{color: #fff;margin-top: 0;font-size: 22px;font-weight: bold;}
.ny_title p{color: #fff;margin: 0 auto;font-size: 36px;font-weight: bold;text-transform: uppercase}
.mbx {margin: 30px auto 0 auto;}
.mbx .wrapper{border-bottom: #f0f0f4 4px solid;padding-bottom: 20px;}
.mbx img{margin-right: 10px;}
.mbx a{margin: 0 5px;color:#333;}
.mbx a:hover{color: #004cca;font-weight: bold}
.list_case ul li{margin-bottom: 30px;}
.list_case{margin: 0 auto 30px auto}
.list_l{width:320px;margin-top: 30px;margin-bottom: 50px;float:left;}
.list_l_case{width: 25%;margin-top: 30px;margin-bottom: 50px;float: right;}
.list_l .subtitle{height: 45px;line-height: 45px;width: 100%;background: #004cca;text-align: left;text-indent: 1em;font-size: 18px;color: #fff;}
.list_l_case .subtitle{height: 45px;line-height: 45px;width: 100%;background: #004cca;text-align: left;text-indent: 1em;font-size: 18px;color: #fff;}
.list_l ul{width: 100%;}
.list_l ul li{height: 45px;line-height: 45px;background:#fcfcfc;width: 99%;color: #333;border-left: #e8e8e8 1px solid;border-right: #e8e8e8 1px solid;font-size:16px;}
.list_l ul li:nth-child(even){background: #f3f3f3;}
.list_l ul li a:before{content: "";width: 6px;height: 6px;background: #c0c0c0;border-radius: 50%;margin: 0 15px;display: inline-block;vertical-align: middle}
.list_l ul li a{display:inline-block;width: 100%;}
.list_l ul li:hover a:before{background: #fff;}
.list_l ul li:hover a{background: #5d94ef;color: #fff;}
.list_l ul li.active a:before{background: #fff;}
.list_l ul li.active a{background: #5d94ef;color: #fff;}
.list_l ul li:last-child{border-bottom: #e8e8e8 1px solid;}
.list_l .index_news_l{width:100%;float: none;}
.list_l .index_news_l img{width: 240px;height: 157px;}
.list_l .index_news_l_pic i{width: 100px;height: 30px;text-align: center;bottom:-10px;font-size: 16px;line-height: 30px;font-weight: normal;}
.list_l .index_news_l_pic i:before{display: none;}
.list_l .index_news_l_z{margin: 20px auto}
.list_l .index_news_l_z span{margin: 10px auto;display: block}
.list_r{float:right;width:69%;margin-top: 30px;height: auto;margin-bottom: 30px;}
.list_r2{float: left;width:70%;}
.article_title{width: 100%;margin: 0 auto;text-align: center;}
.article_title h1{text-align: center;color: #111;font-size: 24px;}
.article_title p{color: #777777;margin-top: 10px;}
.fck{line-height:30px;color: #555;font-size: 15px;margin: 40px auto}
.fck div,.fck p{color: #555;font-size: 15px;line-height: 30px;}
.fck img{max-width: 100%}
.list_fw3 {margin: 30px auto;width: 100%;}
.list_fw3 ul li{width: 200px;margin: 0 3px; height:250px;float: left;text-align: center;overflow: hidden}

.list_fw3 ul li img{width: 200px;height: 140px;}
.list_fw3 ul li h2{padding: 10px 10%;height: 50px;width: 80%;margin: 0 auto;line-height: 22px}
.list_fw3 ul li:hover h2{background: #aee5ff;}
.list_fw3 ul li span{width: 100px;height: 30px;line-height: 30px;border-radius: 5px;background: #004cca;text-align: center;color: #fff;display: block;margin: 10px auto}
.list_fw{margin: 30px auto;width:95%;height: auto;overflow: hidden;text-align: center}
.list_fw ul {font-size: 0;}
.list_fw ul li{width:240px;display: inline-block;margin-right:60px;text-align: center}
.list_fw ul li:nth-child(4){margin-right: 0;}
.list_fw ul li h2{font-size: 22px;color: #fff;height: 60px;background: #004cca;line-height: 60px;}
.list_fw ul li p{display:none; height: 85px;padding: 15px 5%;width: 90%;font-size: 14px;background: #dadaf7;color: #111;line-height: 24px;}
.list_fw ul li img{width:240px;height:170px;}
.list_fw ul li:hover img{outline: 3px solid #004cca; outline-offset: -3px; }
.list_huoban {width: 95.8%;margin: 0 auto 80px auto;height: auto;overflow: hidden;text-align: center}
.list_huoban ul li{outline: 1px solid #ddd; outline-offset: -1px;width:210px;height: 180px; margin-right: 24px;margin-top: 24px;float: left;}
.list_huoban ul li img{width: 200px;height: 105px;vertical-align: middle;margin-top: 35px;}
.list_title{width: 100%;margin: 0 auto;text-align: center;}
.list_title h1{margin: 30px auto;text-align: center;color: #111;font-size: 24px;}
.list_huoban ul li:nth-child(5n){margin-right: 0;}
.list_zxjsxx {width: 95%;margin: 30px auto;text-align: center;height: auto;overflow: hidden}
.list_zxjsxx ul li img{width: 263px;height: 180px;position: absolute;left: 0;top: 0}
.list_zxjsxx ul li{width: 263px;margin-right: 28px;float: left;height:auto;overflow: hidden;text-align: center;background: #d3f6ff;margin-bottom: 30px;}
.list_zxjsxx ul li:nth-child(4n){margin-right: 0;}
.list_zxjsxx .zxjsxx_z{position: relative;width: 100%;height:180px;}
.list_zxjsxx .zxjsxx_z h2{width: 220px;height: 60px;line-height: 60px;font-size: 18px;color: #fff; background: #004cca;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: -30px;font-size: 16px;}
.list_zxjsxx ul li p{height: 50px;}
.list_zxjsxx .zxjsxx_z h2 i img{width: 40px;height: 40px;display:inline-block;margin: 10px 0 0 15px}
.list_zxjsxx span{display: block;height: 80px;text-align: center;line-height:110px;color: #345792;font-weight: bold;}
.pro_scroll {width: 100%;overflow-x: hidden;height: auto;overflow-y:auto;margin: 40px auto;border-top: #ccc 1px solid;}
.pro_scroll ul{margin: 0px auto 20px auto;position: relative;height: auto;overflow: hidden;padding-top: 40px;}
.pro_scroll ul li{margin-bottom: 20px;width:100%;float: left;position: relative}
.pro_scroll ul:before{height: 100%;width: 100%;border-left: #d3d3d3 1px solid;content: "";position: absolute;top:0px;left:25%}
.pro_scroll ul li span{display: block;font-size: 18px;color: #fff;background: #004cca;position: relative;height: 35px;float: left;width:15%;text-align: center;padding-top: 5px;margin-left: 7%;line-height: 30px}
.pro_scroll ul li:before{display: block;background: #d3d3d3;width:10px;height: 10px;border-radius: 50%; content: "";position: absolute;left:24.6%;top:10px}
.pro_scroll ul li p{font-size: 4mm;color: #2c2c2c;line-height:30px;float: right;display: block;width: 70%;}
.list_delevop{width: 90%;height: 75px;padding:0 5%;text-align:center;background: -webkit-linear-gradient(left, #004cca , #5de3ef);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#004cca,endcolorstr=#5de3ef,gradientType=1);color: #fff;}
.list_delevop dl {width: 100%;overflow-y: hidden;height: 75px;margin: 0 auto;text-align: center;}
.list_delevop dl dt{width: auto;height: 75px;line-height: 75px;float: left;}
.list_delevop dl dt a{display: block;width: 110px;padding:0;color: #fff;font-size: 34px;font-family: "DINCond-Bold"}
.list_delevop dl dt.on a{color: #ffea00;font-weight: bold;}
.news{width: 100%;height: auto;overflow: hidden;position: relative;}
.news ul li{width: 100%;margin-top:10px;height: auto;overflow: hidden}
.news ul li .news_list{width: 100%;margin: 0 auto;height: auto;overflow: hidden;position: relative;border-bottom: #f3f3f3 2px solid;}
.news ul li .news_list img{width: 254px;height: 175px;float: left;display: none;}
.news ul li .news_list .news_list_z{width:100%;margin:0 auto;}
.news ul li .news_list .news_list_z h2{font-size:14px;color: #111;margin: 0 auto;float:left;width:calc(100% - 120px);padding-bottom:10px}
.news ul li .news_list .news_list_z p{color: #444;font-size: 14px;line-height: 28px;margin: 10px auto;display: none;}
.news ul li .news_list .news_list_z span{display:none;width: 120px;height: 40px;color: #fff;background: #004cca;text-align: center;line-height: 40px;float: right;border-radius:5px;}
.news ul li .news_list .news_list_z i{line-height:24px;display:inline-block;float: right;width:100px;text-align: left;color: #999999;font-size: 14px;font-style: normal;}
.news ul li:hover .news_list .news_list_z h2{color: #004cca; }
.news ul li:hover .news_list .news_list_z i{color: #004cca;}
.news ul li:last-child .news_list{border-bottom: 0;}
.list_zp{width: 100%;height: auto;overflow: hidden;margin: 30px auto}
.list_zp ul li{height: 40px;line-height: 40px;background: #000;background: -webkit-linear-gradient(left, #ecf2fc , #ffffff);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ecf2fc,endcolorstr=#ffffff,gradientType=1);margin-bottom: 20px ;}
.list_zp ul li h2{font-size: 16px;font-weight: bold;color: #004cca;text-align: left;display: inline-block;float: left;}
.list_zp ul li h2:before{content: "";width: 6px;height: 40px;background: #5d94ef;display: inline-block;margin: 0 20px 0 0;float: left;}
.list_zp ul li span{width: 120px;height: 40px;background: #004cca;text-align: center;line-height: 40px;color: #fff;float: right;display: block;border-radius:5px}
.list_zp ul li a{display: block}
.fck_title {font-size: 16px;font-weight: bold;color: #004cca;text-align: left;display: inline-block;float: left;width: 100%;height: 35px;line-height: 35px;background: -webkit-linear-gradient(left, #ecf2fc , #ffffff);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ecf2fc,endcolorstr=#ffffff,gradientType=1);margin-bottom: 20px ;}
.fck_title:before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #004cca;display: inline-block;margin:15px 20px 0 20px;float: left;}

.page { clear:both; display:inline-block; padding:50px 0 ; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; }
 .page li.thisclass{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#004cca; color:#fff; }
.page a:hover, .page li.thisclass a { background:#004cca; color:#fff; }
.page li { display:inline-block; *display:inline; *zoom:1; }
.page li select{ font-size:16px;}
.page li option{font-size:16px; }
	.my-map { margin: 40px auto; width: 85%; height: 490px; }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}

.head_blue{background: #1f63d5;width: 100%;height: auto;overflow: hidden;}
header .nav-up-selected{display: block;background: #1f63d5;}
header .nav-up-selected h2{color: #fff !important;}
header .nav-up-selected p{color: #fff !important;}
.itop .tabs-vertical.nav-up-selected{display: block;top:121px;}
.itop .tabs-vertical{position: absolute;top:121px;left: 0;width: 100%; background:url(../images/xiala_bg.jpg) center center no-repeat;z-index: 99999;height: 270px;}
nav ul li.nav-up-selected{position: static!important;width:12%!important;background: #f7f7f7!important;height: 121px !important}
nav ul li.about_nav{position: relative;}
#about{display: none;position: absolute;left:340px;right:0;width: 1200px;margin:0 auto;z-index: 99999;}
#about ul li{background: #004cca;color: #fff;height: 40px;line-height: 40px;font-size: 16px;width:140px;text-align: center;}
#about ul li a{color: #fff;display: block;}
.itop #about.nav-up-selected{display: block;top:121px;}
.list_list ul li{width: 100%;margin: 10px auto;height: auto;overflow: hidden;}
.list_list ul li a{display: block;width: 100%;}
.list_list ul li h2{font-size: 16px;color:#777;float: left;margin: 0 auto}
.list_list ul li h2:before{display: inline-block;width: 7px;height: 7px;background: #004cca;margin-right: 10px;content: "";border-radius: 50%;vertical-align:middle}
.list_list ul li p{float: right;font-size: 16px;color: #004cca;display: inline-block;}
.lxwm_z{width: 85%;margin:30px auto;float: none;}
.h-top-border {margin-bottom:20px;margin-top: 20px;}
.h-border{display:inline-block; position:relative;top:1px; margin-right:15px; line-height:40px; border-bottom:3px solid #004cca; font-size:16px; color:#004cca; font-weight: 600;}
.h-top-border h2{ border-bottom: 1px solid #ccc;font-family: Arial; color: #999; font-weight: normal;}
.list_honor{margin:60px auto;height:auto;overflow:hidden;width: 100%;}
.list_honor ul li{float: left;width: 307px;height: 230px;position: relative;margin-right: 20px;margin-bottom: 30px;}
.list_honor ul li:nth-chlid(3n){margin-right: 0;}
.list_honor ul li h2{width: 100%;position: absolute;bottom:0;left: 0;height:40px;color: #fff;line-height: 40px;background: rgba(0,0,0,0.7);text-align:left;text-indent: 1em;font-size: 14px;}
.list_honor ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.list_case2{margin:50px auto;width:100%;height: auto;overflow: hidden;}
.list_case2 ul li{width: 100%;height: auto;overflow:hidden;margin-bottom: 30px;}
.list_case2 ul li img.case_l_img{width: 300px;height: 225px;float: left;}
.list_case2 ul li div.case_r{width: calc(100% - 300px);float: right;background: #f5f5f5;height: 225px}
.list_case2 ul li div.case_r p{text-align: left;color: #777;line-height: 26px;border-top: #dfdfdf 2px solid;width: 94%;font-size: 16px;margin:0 auto;padding-top: 10px;margin-top: 10px;}
.list_case2 ul li div.case_r img{width: 140px;height: 100px;margin-left: 25px;display: block;margin-top: 20px; }
.list_case_hj {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_case_hj ul li{float: left;width: 285px;margin-right: 20px;margin-top: 30px;background: #f0f0f4;}
.list_case_hj ul li:nth-child(4n){margin-right: 0;}
.list_case_hj ul li {position: relative;width: 285px;height:430px;overflow: hidden}
.list_case_hj2 img{width: 250px;height: 307px;}
.list_case_hj ul li p{font-size: 16px;width: 90%;line-height: 30px;margin:0 auto;padding: 10px 0;word-break: break-all; }

.g_jsdm{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.g_jsdm li{ float:left; width:430px; height:280px;  margin-right:20px; margin-bottom:30px;}
.g_jsdm li a{ display:block; width:348px; height:280px; background:url(../images/g_24.jpg) top center no-repeat; margin:0 auto; text-align:center;}
.g_jsdm li a img{ width:329px; height:222px; margin:12px 7px 25px 7px;}
.g_jsdm li a{ font-size:14px; color:#000;}

.g_jsdm2{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.g_jsdm2 li{ float:left; width:430px; margin-right:20px; margin-bottom:30px;}
.g_jsdm2 li a{ display:block; width:330px;border:#004cca 2px solid; margin:0 auto; text-align:center;border-bottom: 0}
.g_jsdm2 li a img{ width:330px; height:248px;}
.g_jsdm2 li a{ font-size:20px; color:#fff;}
.g_jsdm2 li h2{background: -webkit-linear-gradient(top, #004cca , #357ff9);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#004cca,endcolorstr=#357ff9,gradientType=1); height: 60px;line-height: 60px;text-align: center;}

.list_case_hj2{width: 69%;margin:40px auto;height: auto;overflow:hidden;text-align: center;}
.list_case_hj2 ul li{background: #fff;width:380px;margin-right: 60px;border:#004cca 1px solid;margin-top: 30px;overflow:hidden;margin-bottom: 30px;text-align:center;float: left;height:auto; }
.index_case_hj_img img{width: 260px;height: 370px;margin:0 auto;}
.list_case_hj2 ul li:nth-child(2n){margin-right: 0;}
.index_case_hj p{font-size: 100px;color:#7193C4; font-family: "Impact";margin:0px auto;padding-top: 40px;}
.index_case_hj h2{float:left;width: calc(100% - 300px);padding:0 20px;color:#fff;font-size: 18px;text-align:left;margin:20px auto;line-height: 30px;}
.index_case_hj_img{width: 100%;text-align: center;padding: 40px 0;position: relative;}
.index_case_hj_img i{background: url(../images/ruikun_icon.png) center center no-repeat;width: 125px;height: 125px;background-size: 100% 100%;position: absolute;left:20px;top:20px }
.index_case_hj_z{width: 100%;height: 60px;padding:0;background: -webkit-linear-gradient(top, #004cca , #337df8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#004cca,endcolorstr=#337df8,gradientType=1);}
.index_case_hj_z h2{color:#fff;font-size: 16px;margin: 0 auto;width: 90%;padding:5px 0;line-height: 26px;text-align:center;}
.like_case{width:100%;height:auto;overflow:hidden;}
.like_case dl dt{position: relative;width: 100%;height: 225px;margin-bottom: 20px;}
.like_case img{width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 97}
.like_case h2{height: 40px;line-height: 40px;color: #fff;background: rgba(0,0,0,0.7);text-align: left;text-indent:1em;left: 0;bottom: 0;position: absolute;z-index: 98;width: 100%}
.part01_n{background: url(../images/about_us_bg.jpg) center center no-repeat;clear:both;width: 100%;height:720px;background-size:cover; }
.part01_n h1{text-align: center;font-size: 44px;margin:40px auto;font-weight: bold;color: #111;}
.part01_n h1 span{color: #004cca;}
.part01_n h2{text-align: center;font-size: 28px;line-height: 38px;color: #111;width: 76%;margin:30px auto;}
.part01_n p{line-height: 28px;color: #505050;font-size: 16px;text-indent: 2em;text-align: left;}
.part01_n_z_l{width: 100%;height:auto;overflow:hidden;margin-top: 30px;}
.part01_n_z_l ul li{width: 374px;height: 200px;position: relative;float: left;margin-right:39px;}
.part01_n_z_l ul li:nth-child(3){margin-right: 0;}
.part01_n_z_l ul li img{position: absolute;width: 100%;height: 100%;left:0;top:0;}
.part01_n_z_l ul li span{display: block;background: rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;left:0;top:0;}
.part01_n_z_l ul li h3{font-size:14px;color: #fff;text-align:left;line-height:28px;position: absolute;left: 0;right:0;top: 0;width: 85%;margin:0 auto;padding:30px 0;}
.index_more_n{width: 180px;height: 45px;line-height: 45px;background: #004cca;text-align: center;margin:50px auto;font-size: 16px;color: #fff;display: block;}
.part02_t h1{text-align: center;font-size: 44px;margin:40px auto;font-weight: bold;color: #111;}
.part02_t h1 span{color: #004cca;}
.part02_n_01{width: 100%;height: auto;overflow:hidden;margin-top: 50px;}
.part02_n_01_r img{margin-top: 50px ;float: left;}
.part02_n_01_r{width: 47%;float: right;}
.part02_n_01_r h1{font-size:35px;font-weight: bold;color: #111;float: left;height:auto;margin-bottom: 20px;}
.part02_n_01_r h1 b{color: #004cca;display: block;}
.part02_n_01_r span{float: right;font-size: 16px;margin-top: 40px;display:inline-block;width: 120px;height: 40px;border:#777 1px solid;color: #777;line-height: 40px;text-align: center;border-radius:20px}
.part02_n_01_r span a{color: #777}
.part02_n_01_r p{clear: both;color: #777;line-height: 28px;font-size: 18px;}
.part02_n_02_r{width: 50%;float:left;}
.part02_n_02_r h1{font-size:35px;font-weight: bold;color: #111;float: left;height:auto;margin-bottom: 20px;}
.part02_n_02_r h1 b{color: #004cca;}
.part02_n_02_r img{float: right;}
.part02_n_02 {margin-top: 50px;width: 100%;height: auto;overflow:hidden;}
.part02_n_02_r p{clear: both;color: #777;line-height: 28px;font-size: 18px;width: 94%}
.part02_n_02_r span{width: 180px;height: 45px;line-height: 45px;background: #004cca;text-align: center;margin:100px auto;float: left;font-size: 16px;color: #fff;display: block;}
.part02_n_02_r a{color: #fff;display:block;}
.part03_n{background: #004cca;width: 100%;height: auto;overflow:hidden;padding: 0}
.part03_n_r{width: 50%;float: right;margin-top: 50px;}
.part03_n_r h1{font-size: 44px;font-weight: bold;color: #fff;float: left;height:auto;margin-bottom: 20px;}
.part03_n_r p{clear: both;font-size: 18px;color: #fff;line-height: 38px}
.part03_n_r p span{color: #2ffefe;font-size: 48px;font-family: "Impact";display: inline-block;margin:0 10px }
.part03_n_r a{width: 350px;height: 40px;line-height: 40px;background: #fff;display: block;text-align: center;color: #004cca;font-size: 16px;margin-top: 20px;font-weight:bold;}
.part04_n{background: #f8f8f8;width: 100%;height: auto;overflow:hidden;padding:50px 0}
.part04_n_l{width: 27%;float: left;}
.part04_n_l h1{font-size: 44px;font-weight: bold;color: #111;float: left;height:auto;margin-bottom: 20px;}
.part04_n_l h1 span{color: #004cca;}
.part04_n_l p{clear: both;font-size: 18px;color: #777;line-height:28px}
.part04_n_r{float: right;width: 70%;position:relative;}
.part04_n_l a{width: 180px;height: 45px;line-height: 45px;background: #004cca;text-align: center;margin:30px auto;float: left;font-size: 16px;color: #fff;display: block;}
.part04_n_r img{position: absolute;left: 0;top: 0}
.part04_n_r_z{width: 55%;position: absolute;right:20px;top:30px}
.part04_n_r_z p{color: #fff;font-size: 14px;line-height: 22px;text-indent: 2em;}
.part05_n{background: #fff;width: 100%;height: auto;overflow:hidden;padding:50px 0 0 0}
.part05_n_l{width: 49%;float:left;}
.part05_n_r{width: 48%;float:right;}
.part05_n_l h1{font-size: 44px;font-weight: bold;color: #111;float: left;height:auto;margin-bottom: 20px;}
.part05_n_l h1 span{color: #004cca;}
.part05_n_l p{clear: both;font-size: 18px;color: #777;line-height:28px}
.part05_n_l a{width: 180px;height: 45px;line-height: 45px;background: #004cca;text-align: center;margin:30px auto;float: left;font-size: 16px;color: #fff;display: block;}
.part05_n_r ul li{width: 280px;height: 124px;background: url(../images/index_n_blue_bg.jpg) center center no-repeat;float: left;text-align: center;margin-bottom: 15px;}
.part05_n_r ul li:nth-child(even){float: right;margin-left: 15px;}
.part05_n_r ul li a{font-size: 24px;color: #fff;font-weight:bold;display: block;margin-top: 40px;}
.part05_n_r ul li h2{display:inline-block;width: 50%;text-align: left;margin-top: 5px;}
.part05_n_r ul li img{margin-right: 10px;vertical-align:top;}
.part05_n_r ul li:nth-child(4) h2{margin-top:-10px ;}
.part05_n_2{width: 100%;height: auto;overflow:hidden;}
.part05_n_2 h1{font-size: 44px;font-weight: bold;color: #111;height:auto;margin-bottom: 20px;width: 100%;text-align: center;}
.part05_n_2 h1 span{color: #004cca;}
.part05_n_2 p{text-align: center;font-size: 24px;color: #333;line-height:36px;width: 70%;margin:0 auto;}
.part05_n_2 a{display:block;margin:0 auto;width: 350px;height: 45px;line-height: 45px;color: #fff;font-weight: bold;text-align: center;font-size: 16px;background: #004cca;text-align: center;}
.part_data{width: 100%;height: auto;overflow:hidden;}
.part_data h1{font-size: 44px;font-weight: bold;color: #111;height:auto;margin-bottom: 20px;width: 100%;text-align: center;}
.part_data h1 span{color: #004cca;}
.part_data ul {margin-top: 40px;}
.part_data ul li{width: 215px;height: 215px;background:url(../images/index_dsj_bg.jpg)center center no-repeat;float: left;margin-right: 30px;text-align: center;}
.part_data ul li:nth-child(5){margin-right: 0;}
@font-face {
  /* font-properties */
  font-family: DINCond-Bold;
  src: url('../images/DINCond-Bold.otf')
}
.part_data ul li h3{color: #fff;font-size: 28px;margin-top:35px;}
.part_data ul li h3 b{font-family:"DINCond-Bold";font-weight: normal;font-size:80px;}
.part_data ul li span{font-size: 28px;color: #fff;}
.index_honor_n{width: 100%;height: auto;overflow:hidden;margin-top: 50px;}
.index_honor_n h1{font-size: 44px;font-weight: bold;color: #111;height:auto;margin-bottom: 20px;width: 100%;text-align: center;}
.index_honor_n h1 span{color: #004cca;}
.index_honor_n p{text-align: center;font-size: 24px;color: #333;line-height:36px;width: 70%;margin:0 auto;}
.index_honor_n a{display:block;margin:30px auto;width: 350px;height: 45px;line-height: 45px;color: #fff;font-weight: bold;text-align: center;font-size: 16px;background: #004cca;text-align: center;}
.index_honor_l ul{font-size: 0;margin-top: 40px;}
.index_honor_l ul li{width: 33.3%;text-align: center;display: inline-block;min-height:350px;height: auto;overflow: hidden; }
.index_honor_l ul li img{width: 300px;height: 230px;}
.index_honor_l ul li p{font-size: 16px;line-height: 24px;color: #464646;width: 60%;margin:20px auto;}
.part06{background: #f4f4f4;width: 100%;height:auto;overflow:hidden;margin-top: 60px;padding-bottom: 40px}
.index_case_list{width: 100%;background: #fff;outline-offset:-1px;outline: #d2d2d2 1px solid;height:80px;margin:30px auto;text-align: center;position: relative;overflow:hidden;}
.index_case_list .mask{width: 100%;position: relative;overflow:hidden;}
.index_case_list .mask ul{position: relative;overflow: hidden;}
.index_case_list .mask ul li{height: 80px;line-height: 80px;float: left;width:200px; }
.index_case_list .mask ul li a:after{content: "";height: 30px;background: #d2d2d2;width: 2px;display: inline-block;float: right;margin-top: 25px;}
.index_case_list .mask ul li a{font-size: 20px;display:inline-block;width: 100%}
.index_case_list .mask ul li:nth-child(6n) a:after{display: none;}
.index_case_list .mask ul li:hover{background:#004cca;}
.index_case_list .mask ul li:hover a{color: #fff;}
.index_case_list .mask ul li:hover a:after{display: none;}
.index_case_list .mask ul li.active{background:#004cca;}
.index_case_list .mask ul li.active a{color: #fff;}
.index_case_list .mask ul li.active a:after{display: none;}
.index_case_dl .preview2,.index_case_dl .next2{background: url(../images/arrow_index_l.png) center center no-repeat;width: 19px;height: 36px;position: absolute;left: 0;top:45%;cursor: pointer;}
.index_case_dl .next2{background: url(../images/arrow_index_r.png) center center no-repeat;left:auto;right: 0;}
.index_case_dl{width: 100%;margin:0 auto;height:630px;overflow: hidden;position: relative;}
.index_case_dl .mask{position: relative;width:94.16%;margin:0 auto;overflow: hidden;}
.index_case_dl .mask ol{position: relative;overflow: hidden;}
.index_case_dl .mask ol li{height: auto;float: left;width: 1130px}
.index_case_dl .mask dl dt{width: 260px;height:230px;float: left;background: #fff;margin-right:30px;margin-bottom: 30px;overflow: hidden;}
.index_case_dl .mask dl dt:nth-child(4n){margin-right: 0;}
.index_case_dl .mask dl dt img{width: 260px;height: 120px;transition-duration: .3s;-webkit-transition-duration: .3s;-o-transition-duration: .3s;-ms-transition-duration: .3s;
-moz-transition-duration: .3s;}
.index_case_dl .mask dl dt:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.index_case_dl .mask dl dt div{text-align: center;padding: 20px 0;width: 90%;margin:0 auto;border-top: #ddd 1px solid;}
.index_case_dl .mask dl dt div h2{font-size: 18px;color: #111;font-weight:bold;}
.index_case_dl .mask dl dt div p{font-size: 14px;color: #666;line-height: 24px;margin-top: 10px;}
.list_case_list .mask{width: 94.2%}
.index_case_dl .mask dl dt{border:#ddd 2px solid;width: 256px;}
.list_case_list{height: auto}
.list_case_list .mask ol li{height: auto}
.index_case_dl .mask dl dt:hover{border:#004cca 2px solid;width: 256px;}
.index_honor_k{width: 100%;height: 53px;border-bottom: #ddd 2px solid;text-align: center;margin:20px auto;position: relative;overflow:hidden;}
.index_honor_k .mask{position: relative;overflow: hidden;width: 100%;margin:0 auto;}
.index_honor_k ul{margin:0 auto;text-align: center;}
.index_honor_k ul li{width: 200px;float: left;}
.index_honor_k ul li h2{font-size: 20px;line-height: 50px;height: 50px;display: inherit}
.index_honor_k ul li:hover h2:after{height: 4px;background: #004cca;content: "";display: block;}
.index_honor_k ul li.active h2:after{height: 4px;background: #004cca;content: "";display: block;}
.index_honor_l{position: relative;overflow: hidden;width:100%;margin:0 auto;}
.index_honor_l .mask{position: relative;overflow:hidden;width: 94%;margin:0 auto;}
.index_honor_l .mask dl{position: relative;overflow: hidden;}
.index_honor_l .mask dl dt{float: left;width: 1128px;}
.index_honor_l .preview2,.index_honor_l .next2{background: url(../images/arrow_index_l.png) center center no-repeat;width: 19px;height: 36px;position: absolute;left: 0;top:45%;cursor: pointer;}
.index_honor_l .next2{background: url(../images/arrow_index_r.png) center center no-repeat;left:auto;right: 0;}
.index_honor_l ul li img{width: 300px;height: 230px;transition-duration: .3s;-webkit-transition-duration: .3s;-o-transition-duration: .3s;-ms-transition-duration: .3s;
-moz-transition-duration: .3s;}
.index_honor_l ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.list_yw2{width:100%;height:auto;overflow: hidden;}
.list_yw2 ul li{border-bottom:#ddd 1px solid;height: 50px;line-height: 50px;width:100%;}
.list_yw2 ul li h2{float:left;}
.list_yw2 ul li span{width:90px;height:40px;line-height: 40px;text-align: center;color: #fff;background:#004cca;display:block;float: right; }
.retop{position:absolute;width: 60px;height: 60px;right:-65px;top:-60px;}
  .zxcase_title{background: #e3e9f4;width: 100%;height: 45px;line-height: 45px;font-size: 16px;color: #333;margin:0 auto 30px auto;}
  .zxcase_title img{display: inline-block;margin-left: 20px;vertical-align: middle;margin-right: 20px;}
  .zxcase_list{margin:0 auto 30px auto;width: 94%;height:auto;overflow:hidden;}
  .zxcase_list ul li{width: 180px;float: left;margin-right: 19px;margin-bottom: 15px;height:260px;position: relative;}
  .zxcase_list ul li:nth-child(4n){margin-right: 0;}
  .zxcase_list ul li img{width: 180px;height: 130px;}
  .zxcase_d{background: #e3e3e3;padding:15px;color: #333;height:90px}
  .zxcase_d h2{font-weight:bold;}
  .zxcase_d p{margin-top: 10px;}
  .zxcase_list .cblue{display:block;width:90px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #5e8cd7;position: absolute;left: 0;top: 0;}
  .zxcase_list .cblue2{background: #65b8df;}
  #showMore span{width:180px;height: 45px;border:#004cca 1px solid;border-radius: 10px;margin:0 auto;clear: both;line-height: 45px;text-align: center;}
  #showMore a{color:#004cca;font-size: 16px}
  #showMore .hide{display: block;}
  #showMore .show{display: none;}
  header button { position:absolute; right:10px; top:40px; width:45px; height:24px;  line-height:10px;display: none;z-index: 998 }
header button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #083a6a }
.isc{ position:absolute; right:70px; top:45px; width:23px; height:23px; display: none;z-index: 998 }
.foot_f .foot_f_l p{display: inline-block;}
@media screen and (max-width:1280px){
	
	.banner_4 ul li{width: 200px;height: 106px;}
	.retop{right:-25px;}
	
	
}
@media screen and (max-width:1024px){
.banner_4{display: none;}
.wrapper{width:96%}
.wrapper2{width:96%}
.part01_n_z_l ul li{width:320px;height: 170px;margin-right: 10px;}
.part01_n{height: 750px}
.part02_n_01{text-align: center;}
.part02_n_01_r{width: 100%;margin:30px auto 10px auto;float: none;text-align: left;}
.part02_n_02{text-align: center;}
.part02_n_02_r{width: 100%;margin:30px auto 10px auto;float: none;text-align: left;}
.part_data ul li{width:172px;height: 172px}
.part_data ul li h3 b{font-size: 60px}
.part_data ul li span{font-size: 24px}
.index_case_list .mask ul li{width:165px}
.proTag{left: 0 !important}
.index_case_dl{height:600px}
.index_case_dl .mask ol li{float:none;width:985px;margin:0 auto;}
.index_case_dl .mask ol{left: 0 !important}
.index_case_dl .mask dl dt{width:216px;margin-right:15px;}
.index_case_dl .mask dl dt img{width:216px;height:100px;}
.index_case_dl .mask dl dt div h2{font-size:16px;}
.index_case_dl .index_more_n{margin:20px auto;}
.index_honor_l .mask dl dt{float:none;width:985px;margin:0 auto;}
.list_r{float: none;width: 100%}
.retop{right:-10px;}
.zxcase_list ul li{margin-left: 25px;margin-right: 25px;}
footer{height:auto;}
.foot_t{height: 470px;background:#e1e1e1 }
.foot_t_l{width: 100%;float: none;margin-top: 0;}
.foot_t_l ul{padding-top: 50px;}
.foot_t_r{float: none;width: 100%}
.footer_logo img{float: left;}
.foot_t_r_03 p{float: left;display:block;margin-left: 20px;width:80%}
.list_case_list2 .mask ul li{width: 163px;}
.list_case_list{height:650px;}
.list_huoban ul li{margin-left: 12px !important;margin-right: 12px !important;}

}
@media screen and (max-width:800px){
nav{display: none;}
.itop .logo{margin-left: 25px;margin-bottom: 10px;}
.part_data ul li{width: 215px;height: 215px;margin-bottom:20px;margin-right:45px;}
.part_data ul li:nth-child(3){margin-right: 0;}
.part_data ul li h3 b{font-size: 80px}
.part01_n_z_l ul li{width: 374px;height: 200px;margin:20px auto !important;float: none}
.part01_n{background:#ebebeb;height: auto;overflow: hidden;}
.index_case_list .mask{overflow-x:auto;}
.index_case_dl .mask dl dt{margin:0 5px 30px 5px !important;}
.index_case_dl .mask ol li{width: 100%}
.index_honor_n p{width: 80%}
.index_case_dl{height: auto;}
.index_honor_l .mask dl dt{width: 100%}
.index_honor_l ul li{width:50%;}
.foot_t{height: 300px}
.foot_t_l{display: none;}
.foot_t_r{margin:0 auto;text-align: center;float: none}
.foot_t_r_03{float: none;margin:50px auto;}
.foot_t_r_03 .footer_logo img{float: none;margin-top:40px;}
header button{display: block;cursor: pointer;}
nav{width: 100%;float: none;margin:0 auto;position: absolute;left: 0;top:108px;z-index: 99999}
nav ul li{width: 100%;float: none;border-bottom: #ddd 1px solid}
nav ul li a{padding: 20px 0;background:#e9e7ef}
nav ul li:hover ul{display: none;}
header .wrapper2{width: 100%}
.isc{display: block;cursor: pointer;}
.search{display: none;}
.itop .logo{margin-top: 10px;}
.itop_r{width: 100%;float: none;position: absolute;top: 108px;left:0;z-index: 9999;background:#e9e7ef;margin:0 auto;}
.search{width: 94%;margin:20px auto;border:#999 1px solid;}
.itop_r_b input[type=submit]{background: url(../images/index_ico4.png) center center no-repeat;}
.fck img{width: 100% !important;height:100%  !important;}
.foot_f{height: auto;overflow:hidden;}
.foot_f .foot_f_l{float: none;width: 100%;text-align: center;}
.foot_f .foot_f_l p{display: block;}
.foot_f .foot_f_r{display: none;}
.ny_title p{font-size: 26px}
}

@media screen and (max-width:640px){

.part01_n h1{font-size: 30px;margin:30px auto 20px auto;}
.part02_t h1{font-size: 30px;margin:30px auto;}
.part02_n_02{margin-top: 20px;}
.part02_n_01{margin-top: 20px;}
.part02_n_02_r h1{font-size: 30px;margin:30px auto 20px auto;}
.part02_n_01_r{margin-top: 0;}
.part02_n_02_r{margin-top: 0;}
.part02_n_01_r h1{font-size: 30px;margin:30px auto 20px auto;}
.part01_n h2{font-size: 20px;margin:20px auto;width: 95%}
.part01_n p{line-height: 32px;}
.part02_n_01_r p{font-size: 16px;line-height: 30px}
.part02_n_02_r p{font-size: 16px;line-height: 30px}
.part02_n_01 img{width: 100%}
.part02_n_02 img{width: 100%}
.part_data ul li{margin:10px 45px !important;}
.index_case_list .mask ul li a:after{margin-top: 15px;}
.index_case_list{height: 60px}
.index_case_list .mask ul li{height: 60px;line-height: 60px}
.index_case_dl .mask dl dt{margin:0 30px 30px 30px !important;}
.ny_title{bottom:15px;}
.zxcase_list ul li{margin-left: 5px;margin-right: 5px;}
.list_huoban ul li{margin-left: 5px !important;margin-right: 5px !important;width:186px;height: 159px;}
.list_huoban ul li img{width:186px;height:98px;}
}

@media screen and (max-width:480px){
.part01_n h2{font-size: 18px}
.part02_n_01_r h1{font-size: 24px}
.part02_n_02_r h1{font-size: 24px}
.part_data ul li{margin:10px !important;width: 178px;height: 178px}
.part_data ul li h3 b{font-size: 60px}
.part05_n{padding:0}
.index_case_dl .mask dl dt{width: 174px;margin:0 10px 20px 10px !important;}
.index_case_dl .mask{width: 100%}
.index_case_dl .mask dl dt img{width: 174px;height: 80px;}
.index_honor_l ul li{width: 46%;margin:10px 2%;height:auto !important;min-height:auto;display: block;float: left;}
.index_honor_l ul li img{width: 100%;height: 100%}
.index_honor_l ul li p{font-size: 14px;width: 80%;margin:10px auto;}
.index_honor_k .mask{overflow-x:auto;}
.retop{right:0;}
.ny_title{bottom:10px;}
.ny_title p{font-size: 14px}
.ny_title h2{font-size: 16px}
.zxcase_list ul li{width: 175px}
.zxcase_list ul li img{width: 175px;height: 126px;}
.list_huoban ul li{width: 180px;height: 154px;}
.list_huoban ul li img{width: 180px;height: 95px}
}
@media screen and (max-width:375px){
.part01_n_z_l ul li{width: 350px;height: 187px;}
.part_data ul li{width: 160px;height: 160px}
.index_case_dl .mask dl dt{width: 154px;}
.index_case_dl .mask dl dt img{width: 154px;height: 71px;}
.part_data ul li h3 b{font-size: 50px}
.part_data ul li span{font-size: 18px}
.foot_t_r_03 p{width: 100%}
.zxcase_list ul li{width: 158px}
.zxcase_list ul li img{width: 158px;height: 114px;}
.list_huoban ul li{width: 160px;height: 137px;}
.list_huoban ul li img{width: 160px;height: 84px}
}
@media screen and (max-width:360px){
.part_data ul li{width: 152px;height: 152px}
.index_case_dl .mask dl dt{width: 148px;}
.index_case_dl .mask dl dt img{width: 148px;height: 68px;}
.ny_title{bottom:8px;}
.zxcase_list ul li{width: 152px}
.zxcase_list ul li img{width: 152px;height: 110px;}
.list_huoban ul li{width: 155px;height: 133px;}
.list_huoban ul li img{width: 155px;height: 81px}
}
@media screen and (max-width:320px){
.part01_n_z_l ul li{width: 310px;height: 165px;}
.zxcase_list ul li{width: 180px}
.zxcase_list ul li img{width: 180px;height: 130px;}
.zxcase_list ul li{margin:0 auto 15px auto !important;float:none;}

}