html,body{ font:14px 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}
input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none;
    border: 0;
}
img{ max-width:100%}
.boxli{display: none;}
@media only screen and (max-width:400px) {
.boxli{display: block;}	
}

.indextel{width: 130px;height: 410px;position: fixed;left: 2%;z-index: 999;top: 300px; border:1px solid #ccc; border-radius:10px;
background-image: url(../indextel.png);
background-size:100%;
background-repeat:no-repeat;
background-color:#fff;
}
.qqtel ul{padding: 40px 10px 0 10px; }
.qqtel ul li{text-align: center;line-height: 70px;font-weight: bold;}
.qqtel ul li img{float: left;position: relative;left: 0;top:22px;}
.qqtel ul li:last-child{border-bottom: 1px #e5e5e5 solid;margin-bottom: 10px;}
.ewmtel ul li img{margin: auto;}
.ewmtel ul li p{text-align: center;line-height: 30px;font-weight: bold;}

@media only screen and (max-width: 414px){
.indextel{display: none;}	
}

.met_page{margin: 25px 0;}
.pic img{width: 100%!important;}

.jjfa .bx-controls-direction {
    position: absolute;
    width: 100%;
    top: 40%;
}
.jjfa .bx-controls-direction .bx-prev {
    position: absolute;
    left: -70px;
    background: url(../prevhover.png);
    width: 50px;
    height: 50px;
}
.jjfa .bx-controls-direction .bx-next {
    position: absolute;
    right: -70px;
    background: url(../nexthover.png);
    width: 50px;
    height: 50px;
}

.jjfa .bx-controls-direction .bx-prev:hover{
    background: url(../indexprev.png);
}
.jjfa .bx-controls-direction .bx-next:hover{
    background: url(../indexnext.png);
}
#showproduct h1.title {
    font-size: 28px;
	padding: 50px 0;
	color: #033aa0;
}

.clear{ clear:both}

.donghua{
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
}

#topc{color: #033aa0;}
#topw{opacity: 1;width: 100%;}

img{border: none;display: block;}
body {color: #333;background: #fff;-webkit-text-size-adjust: none;}
body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr { margin: 0;padding: 0; font-weight:normal;}
a {color: #333;text-decoration: none;border: none;}
a:hover {color: #0181e6;text-decoration: none;}
ul{list-style:none;padding: 0px;margin: 0px;}
 @font-face {
 font-family: 'DINCOND';
 src: url('dm.eot');
 src: local('dm Regular'),
        local('dm'),
        url('dm.woff') format('woff'),
        url('dm.ttf') format('truetype'),
        url('dm.svg') format('svg');
}

 @font-face {
 font-family: 'ttRegular';
 src: url('tt.eot');
 src: local('tt Regular'),
        local('tt'),
        url('tt.woff') format('woff'),
        url('tt.ttf') format('truetype'),
        url('tt.svg') format('svg');
}
#searchlist{width: 100%;max-width: 1200px;margin: auto;}

/* 标题 */
.title{text-align: center;margin-bottom:30px;}
.title h1{font-size: 36px;font-weight: bold;}
.title p{font-size: 14px;color: #aaaaaa;text-transform: uppercase;}

/* 头 */
.header{width: 100%;overflow: hidden;max-width:1200px;margin: auto;}
.logo{width: 270px; margin-top: 20px;float: left}
.logo img{ width: 100%;}
.nav_warp{overflow: hidden;}
.nav_form{overflow: hidden;margin-top: 10px;}
.nav_form ul{float: right;}
.nav_form ul li{overflow: hidden;font-size: 14px;float: left;color: #5a5a5a;font-weight: bold}
#tel{width: 20px;height: 20px;background: url(../tel.png);display: block;float: left;margin: 8px 5px 0 0;}
#btn{width: 40px;height: 20px;background: url(../btn.png) no-repeat center;display: block;float: left;margin: 6px 0 0 20px;border-left: 1px #e5e5e5 solid;cursor: pointer;}
.nav_form ul li span{font-family:'DINCOND' ;font-size: 24px;color: #f72b2b;}
.nav_bottom{overflow: hidden;}
.nav_bottom ul{float: right;border-top: 1px #e5e5e5 solid;margin-top: 10px;}
.nav_bottom ul li{float: left; padding:0 20px; font-size:16px; text-align: center;line-height: 66px;position: relative;}
.nav_bottom ul li a{display: block;color: #323232;}
.nav_bottom ul li:last-child{margin-right: 0; }
.nav_bottom ul li:hover a{color: white;z-index: 999;position: relative;}
.nav_bottom ul li:hover .bkg{top:0}

.nav_bottom dl{position: fixed;left: 0;margin: auto;background: #969aa0;width: 100%;z-index: -1;height: 0px;opacity: 0;}
.nav_bottom dl dt{
    display: inline-block;
    padding-right: 30px;
    margin-right: 26px;
    
	color: white;
}
.nav_bottom ul li:hover dl{z-index: 1;height: 65px;transition: all .5s;opacity:1;}

#xiahua{width: 0px; height: 2px; background: #005baa;-moz-transition: all .5s; 
	-webkit-transition: all 1s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all 1s;}
.bkg{    top: 100%;
    z-index: 1;
    background-color: #033aa0;
    -webkit-transition: top 200ms;
    transition: top 200ms;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%}	

#bkg{top: 0;}
#on{color: white;
    z-index: 999;
    position: relative;}
	
	
/* 轮播图 */
.banner1{width: 100%;overflow: hidden;position: relative;}
.banner1 img{width: 100%;display: block;}
.banner1 .bx-pager{overflow: hidden;text-align: center;position: relative;bottom: 50px;width: 100%;}
.banner1 .bx-pager.bx-default-pager a {
float: left;width:40px;height: 2px;background: white;cursor: pointer;margin: 10px;
}
.banner1 .bx-pager-item{display: inline-block!important;}
.banner1 .bx-pager.bx-default-pager a:hover,
.banner1 .bx-pager.bx-default-pager a.active {
		background: red;
}	

.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;display: block;}
.banner .bx-pager{overflow: hidden;text-align: center;position: relative;bottom: 50px;width: 100%;}
.banner .bx-pager.bx-default-pager a {
float: left;width:40px;height: 2px;background: white;cursor: pointer;margin: 10px;
}
.banner .bx-pager-item{display: inline-block!important;}
.banner .bx-pager.bx-default-pager a:hover,
.banner .bx-pager.bx-default-pager a.active {
		background: red;
}	
.banner_title{color: white;position: relative;top: 30%;font-size: 30px;}
.banner_title p{color: white;position: relative;top: 30%;font-size: 18px;text-transform: uppercase;}
/* 解决方案 */
.jjfa{width: 100%;max-width: 1200px;margin: auto;padding:50px 0;}
.plan{position: relative;}
.plan ul li{width: 270px;height: 430px;float: left;margin-right: 40px;position: relative;}
.plan ul li:last-child{margin-right: 0px;}
#plan1{background: url(../plan1.jpg) no-repeat;background-size: 100%}
#plan2{background: url(../plan2.jpg) no-repeat;background-size: 100%}
#plan3{background: url(../plan3.jpg) no-repeat;background-size: 100%}
#plan4{background: url(../plan4.jpg) no-repeat;background-size: 100%}
#p1{background: url(../p1.png) no-repeat;background-size: 100%;width: 56px;height: 56px;}
#p2{background: url(../p2.png) no-repeat;background-size: 100%;width: 56px;height: 56px;}
#p3{background: url(../p3.png) no-repeat;background-size: 100%;width: 76px;height: 56px;}
#p4{background: url(../p4.png) no-repeat;background-size: 100%;width: 56px;height: 56px;}
.bg{width: 100%;height: 100%;position: absolute;background: #2976d3;opacity:0;}
.plan_img{position: absolute;z-index: 999;left: 40%;top: 25%;transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;}
.hr{position: absolute;z-index: 999;background: white;height: 2px;width: 30px;top: 45%;left: 45%;}
.plan ul li h1{margin-top: 220px;text-align: center;z-index: 999;color: white;position: relative;font-size: 30px;}
.plan ul li:hover .bg{opacity:0.8;}
.plan ul li:hover h1{color: white;}
.plan ul li:hover .hr{background: white;}
.plan ul li:hover #p1{background: url(../p1.png) no-repeat;background-size: 100%;width: 56px;height: 56px;}
.plan ul li:hover #p2{background: url(../p2.png) no-repeat;background-size: 100%;width: 56px;height: 56px;}
.plan ul li:hover #p3{background: url(../p3.png) no-repeat;background-size: 100%;width: 76px;height: 56px;}
.plan ul li:hover #p4{background: url(../p4.png) no-repeat;background-size: 100%;width: 56px;height: 56px;}

/* 产品 */
.product{width: 100%;height: 1340px;background: url(../product_bg.jpg) center no-repeat}
.product_main{width: 100%;max-width: 1200px;margin: auto}
.product_div{width: 100%;position: relative;float: left;}
.product_div1{width: 100%;position: relative;float: left;top: 120px;}
.product_divl{width: 65%;float: left;}
.product_div1r{width: 65%;float: right;}
.product_divl img{width: 100%;}
.product_div1r img{width: 100%;}
.product_divr{width: 38%;padding: 40px 5%;position: absolute;right: 0px;top: 50px;background: url(../product_r.jpg);background-size: 100% auto;}
.product_divr h1{font-size: 30px;color: white;display: inline-block;border-bottom: 3px #80d0c7 solid;padding-bottom: 15px;margin-bottom: 30px;}
.product_divr h3{font-size: 16px;color: white;margin-bottom: 15px;}

.product_divr ul li{float: left;width: 30%;}
.product_divr ul li img{width: 100%}
.product_div1l ul li{float: left;width: 30%;}
.product_div1l ul li img{width: 100%}

.product_divr dl dt{float: left;margin: 2%;}

.product_div1l{width: 38%;padding: 40px 5%;position: absolute;left: 0px;top: 50px;background: url(../product_r.jpg);}
.product_div1l h1{font-size: 30px;color: white;display: inline-block;border-bottom: 3px #80d0c7 solid;padding-bottom: 15px;margin-bottom: 30px;}
.product_div1l h3{font-size: 16px;color: white;margin-bottom: 15px;}

.product_div1l ul li{float: left;}
.product_div1l dl dt{float: left;margin: 2%;}
.producturl {
    
    width: 140px;
    height: 45px;
    margin: auto;
    
    text-align: center;
    line-height: 45px;
    background: url(../product_url.jpg);
    display: none;
}
.producturl a {
    color: #a5e3d8;
    display: block;	
}
@media  only screen and (max-width:1200px) {
.product_url {display: none!important}
.producturl {display: inline-block;}
}
@media  only screen and (max-width:850px) {
	
}


.produc_text1{width: 100%;margin: auto;overflow: hidden;background: url(../productbg1.jpg) center no-repeat;position: relative;}
.product_l{width: 42%;position: relative;top: 80px;left: 80px;float: left;}
.product_l h1{width: 55%;text-align: center;border-bottom: 4px #80d0c7 solid;color: white;padding-bottom: 10px;font-size: 30px;}
.product_l h3{width: 90%;color: white;font-size: 16px;margin-top: 30px;}
.product_url{display: inline-block;width: 140px;height: 45px;margin: auto;position: absolute;text-align: center;line-height: 45px;background: url(../product_url.jpg);bottom: 50px;left: 46%;}
.product_url a{color: #a5e3d8;display: block;}

.product_main1{width: 100%;}
.product_img{width: 44.5%;float: left;margin-right: 5%;border: 1px #dcdcdc solid;}
.product_img img{width: 100%;}



.product_showtext{width: 50%;float: right;}
.product_showtext h1{font-size: 24px;color: #033aa0;padding-bottom:15px;border-bottom: 1px #033aa0 solid;margin-bottom: 10px;}
.product_showtext .desc p{ font-size:16px!important;}
.product_showtext .desc span{ font-size:16px!important;}

.product_cpts{float: left;width: 100%;}
.product_cpts h1{width: 45%;font-size: 24px;color: #033aa0;line-height: 50px;border-bottom: 1px #033aa0 solid;margin-bottom: 10px;}
/* .product_cpts img{width: 100%;} */
#urlboder{width: 40px;height: 1px;background: white;position: relative;bottom: 25px;right: 20px;}
#urlboder1{width: 40px;height: 1px;background: white;position: relative;bottom: 25px;left: 20px;float: right;}

@media only screen and (max-width:12px) {
.product_showtext p{font-size: 12px;}
}


@media only screen and (max-width:870px) {
.product_img{width:auto;float: left;margin-right:0;border: 1px #dcdcdc solid;}
.product_showtext{width: 100%;float: left;}
.product_showtext h1{margin: 10px 0;}
.product_cpts h1{width: 100%;}
}




.q_product{ max-width:1200px; width:96%;margin: auto; }
.q_product .tant1{ overflow:hidden}
.q_product .tant1 li{ float:left; width:18%; margin-right:2%; margin-bottom:16px;}
.q_product .tant1 li a{ display:block; background:#999; border-radius: 4px; text-align:center; color:#fff; line-height:46px; height:46px; overflow:hidden; font-size:16px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.q_product .tant1 li a:hover{ background:#033aa0;}
.q_product .tant1 li:nth-chil(5n){ margin-right:0}

.q_product .tant2{  margin:20px 0; position:relative;}
.q_product .tant2 img{ width:100%;}


.q_product .bx-controls-direction{ position:absolute; top:50%; left:0; margin-top:-23px;  width:100%; z-index:99999}
.q_product .bx-controls-direction a{ position:absolute;  top:0;
display:block;
width:64px; height:64px;
opacity:0.85;
filter:Alpha(opacity=85); /* IE8 以及更早的浏览器 */
background-position:center;
background-repeat:no-repeat;
	-moz-transition: all .3s; 
	-webkit-transition: all .3s;  
	-o-transition: all .3s;
	-ms-transition: all .3s; 
	transition: all .3s; 
}

.q_product .bx-controls-direction a.bx-prev{ background-image:url(../left.png); float:left;left:0;}
.q_product .bx-controls-direction a.bx-next{ background-image:url(../right.png); float:right; right:0;}


.q_product .bx-pager{ 
	text-align:center; 
	width:100%; 
	height:16px; 
	position:absolute; 
	bottom:20px; 
	z-index:99999;
	background:url(../banner_pager.png);
	display:none;
}

.q_product .bx-pager .bx-pager-item{ 
	display:inline-block; 
	margin:0 5px;
}

.q_product .bx-pager .bx-pager-item a{ 
	width:12px; 
	height:12px;
	display:block;
	background:none;
	border:2px solid #fff;
	border-radius:14px;
}

.q_product .bx-pager .bx-pager-item a.active{
	background:#fff;
}


.q_product:hover .bx-controls-direction{ 
	display:block;
}

/* 新闻中心 */
.news{width: 100%;max-width: 1200px;margin: auto;padding: 50px 0;}
.news_main{width: 380px;float: left;margin-right: 30px;}
.news .news_main:last-child{margin-right: 0px;}
.news_img{width: 380px;height: 220px;overflow: hidden;}
.news_img img{width: 100%;display: block;    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}
.news_text{padding: 20px; box-shadow:0px 0px 15px #333333;z-index: 999;clear: both;clear:both}
.news_text h1{font-size: 16px;font-weight: bold;}
.news_text h3{font-size: 14px;color: #828282;margin: 15px 0;}
.news_text span{font-size: 16px;font-family:'DINCOND' ;color: #a0a0a0;}
.news_text span:before{content: url;}
.news_text i{font-size: 18px;font-style: normal;float: right;}
.clear{clear:both}
.more{text-align: center;display: inline-block;width: 100%;}
.more a{width: 140px;height: 45px;line-height: 45px;background: url(../more.jpg);color: #ffffff;display: block;margin: auto;margin-top: 60px;box-shadow: 0 10px 10px #acc4e5;}
.news_main:hover .news_img img{float: left;margin-right: 30px;-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/* 简介 */
.about{background: url(../aboutbg.jpg) no-repeat center;background-size:100% 100%;width: 100%;height: auto;padding: 80px 0 65px 0;}
.about h1{text-align: center;font-weight: bold;color: #ffffff;font-size: 30px;}
.about_li{max-width: 1200px;margin: auto;margin-top: 60px;}
.about_li ul li{color: white;float: left;width: 30%;margin: 0 1.5%;text-align: center;}
.about_li ul li:nth-child(1){text-align: left;}
.about_li ul li h2{font-size: 18px;font-weight: bold;line-height: 50px;}
.about_li ul li span{font-size: 70px;font-family:'DINCOND'}

/* 发展历程 */
.fzlc_title{padding: 50px;}
.fzlc_title h1{text-align: center;font-size: 32px;color: #005baa;}
.fzlc{height: 800px;position: relative;overflow: hidden;}
#fzlc_hr{width: 10000px;height: 10px;background: url(../fzlc_hr.png);position: relative;top: 44%;}
.fzlc_list ul li{width: 145px; float: left;position: relative;}
.fzlc_list ul li:nth-of-type(odd){border-left: 1px #dddddd solid;height: 100px;margin-left: 10px;}
.fzlc_list ul li:nth-of-type(even){border-left: 1px #dddddd solid;bottom: 265px;}
.fzlc_text{margin-left:30px;position: relative;top: 80px;}
.fzlc_text2{margin-left:30px;position: relative;bottom: 25px;}
.fzlc_list ul li h1{font-size:28px ;color: #005baa;font-family: 'DINCOND';font-weight: bold;}
.fzlc_list ul li h3{width: 250px;float: left;font-size: 14px;margin-bottom:10px;}


.fzlc_list ul li h3:before{content:"●";display: block;float: left;color: #005baa;margin-right: 15px;height: 100%;}

#pager{position: absolute;left: 0px;top: 40%;width: 46px;height: 46px;background: url(../fzlcpager.png) no-repeat;cursor: pointer;z-index: 2;}
#next{position: absolute;left:1150px;top: 40%;height: 46px;width: 46px;background: url(../fzlcnext.png) no-repeat;cursor: pointer;z-index: 2;}

/*企业荣誉*/
.honor-bg{
	padding-top: 80px;
	display: none;
	padding-bottom: 60px;
	position: relative;
}
.honor-bg .year-chose{
	float: right;
	position: relative;
	z-index: 111;
}
.honor-bg .year-chose .word{
	min-width: 160px;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 30px;
	position: relative;
	font-size: 1.16rem;
	color: #151515;
	background-color: #f5f5f5;
	cursor: pointer;
}
.honor-bg .year-chose .word:after{
	content: "";
	width: 6px;
	height: 6px;
	border-style: solid;
	border-width: 1px;
	border-color:transparent #151515 #151515 transparent;
	position: absolute;
	right: 20px;
	top:50%;
	margin-top: -3px;
	transform: rotate(45deg);
}
.honor-bg .year-chose .sub{
	position: absolute;
	left: 0;
	top:100%;
	width: 100%;
	background-color: #fff;
	display: none;
	z-index: 11;
}
.honor-bg .year-chose .sub .sub-a{
	display: block;
	font-size: 1.16rem;
	color: #000;
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
}
/*列表*/
.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}
.honor-bg .honor-list{
	padding-top: 20px;
}
.honor-bg .honor-list .lih{
	padding-bottom: 40px;
}
.honor-bg .honor-list .lih .year{
	font-size: 3rem;
	color: #033aa0;
	margin-bottom: 10px;
	font-family: "ziti2";
}
.honor-bg .honor-list .lih .menu .mitem{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: #f8fafc;
    min-height: 60px;
}
.honor-bg .honor-list .lih .menu .mitem:nth-child(2n){
	background-color: #f5f5f5;
}
.honor-bg .honor-list .lih .menu .mitem .left{
	width: 125px;
	border-right: 1px solid #fff;
	position: relative;
}
.honor-bg .honor-list .lih .menu .mitem .left .num{
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.16rem;
	color: #005baa;
	font-weight:bold;
	font-family: "ziti3";
}
.honor-bg .honor-list .lih .menu .mitem .content{
	width: calc(100% - 125px);
	padding: 20px;
	font-size: 1.16rem;
	color: #444444;
	line-height: 2;overflow: hidden;
}

@media only screen and (min-width: 601px){
.honor-bg .year-chose .sub .sub-a:hover{
	background-color: #f5f5f5;
	color: #151515;
}
}
@media only screen and (max-width:1280px){
.honor-bg {
    padding-top: 60px;
    padding-bottom: 50px;
}
}
@media only screen and (max-width:1024px){
.honor-bg {
    padding-top: 40px;
    padding-bottom: 30px;
}
.honor-bg .honor-list .lih .year {
    font-size: 2.5rem;
}
.honor-bg .honor-list .lih .menu .mitem .content{
	padding: 15px;
}
.honor-bg .honor-list .lih {
    padding-bottom: 30px;
}
}
@media only screen and (max-width:640px){
.honor-bg {
    padding-top: 6%;
    padding-bottom: 6%;
}
.honor-bg .year-chose{
	float: none;
}
.honor-bg .honor-list .lih {
    padding-bottom: 6%;
}
.honor-bg .honor-list .lih .menu .mitem {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.honor-bg .honor-list .lih .menu .mitem .left{
	width: auto;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 3%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.honor-bg .honor-list .lih .menu .mitem .left .num{
	position: static;
	left: 0;
	top: 0;
	transform: translateY(0);
}
.honor-bg .honor-list .lih .menu .mitem .content{
	width: auto;
	font-size: 14px;
}
}

@media only screen and (max-width:1300px){
.fzlc{display: none;}
.honor-bg{display: block;}
.fzlc_title {
    padding: 25px;
}
}
/* 底部 */
.footbg{width: 100%;background: black;overflow: hidden;}
.foot{width: 100%;max-width: 1200px;margin: auto;}
.foot_top{padding: 35px 0;overflow: hidden;}
.foot_nav{width: 13%;float: left;}
.foot_nav ul li h1{color: white;margin-bottom: 25px;font-size: 16px;font-weight: bold;}
.foot_nav ul li span{font-size: 18px;}
.foot_nav dl {overflow: hidden;}
.foot_nav dl dt{margin: 0 0 15px 0;color: white;}
.foot_nav dl dt a{color: #c8c8c8;}
.foot_address{width: 38%;float: left;color: white;}
.address_text{margin: auto;overflow: hidden;width: 70%;}
.address_text h1{margin-bottom: 40px;font-size: 14px;}
.address_text span{font-size: 18px;}
.address_text h3{font-size: 18px;}
.address_text p{line-height: 30px;color: #e1e1e1;}
.foot_ewm{width: 20%;float: left;color: white;}
.foot_ewm ul li{float: left;margin-right: 12%;margin-top: 20px;}
.foot_ewm ul li:last-child{margin-right: 0px;}
.foot_ewm h1{padding-bottom: 10px;font-size: 16px;color: white;font-weight: bold;;border-bottom: 1px #36373a solid}
.foot_ewm span{font-size: 30px;font-family:'DINCOND'}
.ewm_img{width: 105px; height: 105px; overflow: hidden;margin: auto;float: left;}
.ewm_img img{width: 100%;}
.foot_ewm h3{font-size: 14px;line-height: 30px;text-align: center;color: #c8c8c8}
.foot_ewm h6{font-size: 14px;line-height: 30px;}
.foot_urlkj{width: 100%;background: #033aa0;overflow: hidden;}
.foot_url{width: 1200px;margin: auto;}
.foot_url h6{line-height: 70px;color: white;}
.foot_url h6 span{ float:right; margin-top:28px; margin-left:15px;}
.foot_url a{color: white;}
#beian{float: left;}
#technology{float: right;}

/* 全站搜索 */
.isearch{
    position: absolute;
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, .8);
    padding: 20px 20px;
    z-index: 99;
}
#nav_isearch{

}
.isearch form {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.isearch input[type=text] {
    font-size: 14px;
    line-height: 28px;
    width: 92%;
    height: 28px;
    /* text-indent: 12px; */
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
}
.isearch input[type=submit] {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #2384c7 url(../btn.png) no-repeat center!important;
}

/* 內頁search */
.ny_banner{
    width: 100%;
    height: 400px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    
}
.ny_banner .wrap {
    position: relative;
    height: 100%;
}
.wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    overflow: hidden;
}
.ny_inner{ padding:40px 5% 0 5%; width:94%; height:60px; overflow:hidden; background:url(../ny_nav2_bg.png); position:absolute; bottom:0; left:0}
.ny_nav2{ float:left;}
.ny_nav2 ul{ }
.ny_nav2 li{ float:left; height:50px; line-height:50px; font-size:14px; margin-right:20px; position:relative}
.ny_nav2 li a{ color:#5a5a5a; display:block}
.ny_nav2 li:hover a,.ny_nav2 li.nav2_now a{ color:#033aa0}
.ny_nav2 li .ny_nav2_l_line{ position:absolute; width:0; height:2px; background:#033aa0; bottom:0; left:0;
opacity:0;
filter:Alpha(opacity=0); /* IE8 以及更早的浏览器 */
}
.ny_nav2 li:hover .ny_nav2_l_line,.ny_nav2 li.nav2_now .ny_nav2_l_line{
width:100%;
opacity:1;
filter:Alpha(opacity=100); /* IE8 以及更早的浏览器 */ 
}


@media only screen and (max-width: 768px) {
.ny_weizhi{ display:none}
}
@media only screen and (max-width: 414px) {
.ny_nav2 li{ display:none}
.ny_nav2 li.nav2_now{ display:block}
}

/*内页位置*/
.ny_weizhi{ float:right; background:url(../ny_weizhi.png) no-repeat center left; padding-left:8px;}
.ny_weizhi a{ display:block; float:left; background:url(../ny_weizhi_a.png) no-repeat center left; padding-left:12px; margin-left:10px; font-size:14px; color:#323232; line-height:50px;}
.ny_weizhi a:hover{ color:#033aa0}

/*内页内容*/
.ny_main{ width:100%; overflow:hidden; background:#f5f5f5 }


.ny_title{ overflow:hidden; line-height:36px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; margin-bottom:30px;}
.ny_title h1{ font-size:36px; color:#c1b9b9; font-family: 'ttRegular'; text-transform:uppercase;letter-spacing:1px}
.ny_title h2{ font-size:24px; color:#0181e6; font-weight:bold;}

.ny_title2{ overflow:hidden; line-height:30px; margin-bottom:16px}
.ny_title2 h1{ font-size:16px; color:#d80c21; font-weight:bold; }
.ny_title2 h2{ font-size:36px; color:#d2d2d2; font-family: 'ttRegular';text-transform:uppercase;letter-spacing:1px}


#showproduct{ padding:15px 0}


@media only screen and (max-width: 768px) {
.ny_inner{ padding:40px 20px 0 20px}
.ny_main .wrap{ padding:10px  0;color: #005baa;}
}
/* 简介内页 */
.showtext{
    padding: 50px;
    overflow: hidden;
    font-size: 14PX;
    line-height: 24px;
    color: #797979;
    text-align: justify;
}

.q_gsdt{padding:50px 50px 0 50px;}
.q_gsdt_list li {
    float: left;
    width: 31.6363%;
    margin-right: 2.5454%;
    margin-bottom: 40px;
	
}
.q_gsdt_list ul li img{height : 100%;margin: auto;transition: all 0.5s;}
/*图片*/
.q_gsdt_list{ overflow:hidden;position: relative;}
.q_gsdt_list ul{}

.q_gsdt_list li{ float:left; width:21.6363%; margin:0 1.5%; margin-bottom:130px;z-index: 2;cursor: pointer;}
.q_gsdt_list li a{ display:block}
.q_gsdt_list li .indeximg{ 
	z-index: 1;
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 320px;
}
.q_gsdt_list li .text{  padding:10px 20px;height: 40px;}
.q_gsdt_list li .text h1{ font-size:14px; color:#323232;overflow:hidden;text-align: center;line-height: 20px;}
.q_gsdt_list li .text h2{ font-size:13px; color:#828282; line-height:24px; height:72px; overflow:hidden;display: none;}
.q_gsdt_list li .text h3{ font-size:15px; color:#a0a0a0; font-family: 'ttRegular'; position:relative;line-height:26px; border-top:1px solid #e5e5e5; padding-top:16px; margin-top:10px;}
.q_gsdt_list li .text h3 i{ position:absolute; width:26px; height:26px; border:1px solid #d2d2d2;  text-align:center; font-style:normal; font-size:20px; border-radius:100px; right:0; font-family:Arial}

.q_gsdt_list li:hover .text{opacity: 0;}
.q_gsdt_list li:hover .indeximg img{transform: scale(1.1);transition: all 0.5s;}


@media only screen and (max-width: 767px) {
.q_gsdt_list li{ width:100%; float:none; margin-right:0; margin-bottom:20px}
.q_gsdt_list li .text h1{ font-size:16px;}
.q_gsdt_list li .text h2{ font-size:12px;}
.q_gsdt_list li .text h3{ font-size:18px; margin-top:0}
}
@media only screen and (max-width: 1110px) {
.q_gsdt_list li {
    float: left;
    width: 30%;
    margin: 0 1.5%;
    margin-bottom: 130px;
    z-index: 2;
    cursor: pointer;
}
.ny_ryzz_bg{display: none;}
}
@media only screen and (max-width: 920px) {
.q_gsdt_list li {
    float: left;
    width: 46%;
    margin: 0 1.5%;
    margin-bottom: 130px;
    z-index: 2;
    cursor: pointer;
}
.ny_ryzz_bg{display: none;}
}
@media only screen and (max-width: 530px) {
.q_gsdt_list li {
    width: 100%;
}
.ny_ryzz_bg{display: none;}
}


.ny_ryzz_bg{position: absolute;max-width: 1200px;margin: auto;}
.ny_ryzz_bg img{width: 100%;}
.ny_ryzz_bg1{position: absolute;max-width: 1200px;margin: auto;top: 780px;}
.ny_ryzz_bg1 img{width: 100%;}

.ny_ryzz_list_li_fix {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../touming.png);
    display: none;
}
.ny_ryzz_list_li_fix_img {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ny_ryzz_list_li_fix_img img {
    position: absolute;
    width: auto!important;
    height: 80%!important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}


/*图片内页*/
#shownews{padding: 50px;}
#shownews h1 {
    font-size: 24px;
    text-align: center;
    padding: 5px 0px;
    margin: 10px 0px;
    color: #333;
	border: none;
}
.detail{ text-align:center;  overflow:hidden; text-align:center; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding:6px 0}
.detail_m{ display:inline-block;line-height: 20px;}
.detail .time{font-family: 'ttRegular';font-size: 20px; color: #828282; float:left; margin-right:14px}
.detail .hits{font-size: 13px; color: #797a81; float:left; margin-right:14px}
.detail .share{ float:left;}
.detail .share em{font-size: 13px;color: #797a81; font-style:normal; float:left;}
.detail .share .bdsharebuttonbox{ float:left; }
.detail .share a{ width:20px; height:20px;  display:inline-block; margin:0; padding-left:0; margin-left:10px; background-position:center; background-repeat:no-repeat; background-size:100%}
.detail .share a.bds_weixin{ background-image:url(../wx.png)}
.detail .share a.bds_tsina{ background-image:url(../wb.png)}
.detail .share a.bds_qzone{ background-image:url(../qzone.png)}
.detail .share a.bds_sqq{ background-image:url(../qq.png)}

.bd_weixin_popup{ height:auto!important}

/* 公司简介 */
.about_l{width: 45%;margin-right: 3%;float: left;}
.about_l img{width: 100%;display: block;}
.about_r{float: left;width: 52%;}
.about_r h1{font-size: 36px;color: #005baa;margin-bottom: 10px;}
.about_r h1 span{font-size: 20px;color: #acacac;font-family: 'ttRegular';}


@media only screen and (max-width: 767px) {
.detail .hits{ display:none}
.detail .share a{ margin-left:4px}
}

/* 产品内页 */
.list {
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
	
}
 .list li {
    width: 30%;
    margin:1% 1.65%;
    background: #fff;
    float: left;
    transition: all 0.3s;
	
}
.list .pic {
    width: 100%;
    overflow: hidden;
    height: 296px;
    position: relative;
}
@media only screen and (max-width:1024px) {
.list .pic {height: 200px;}
.list .pic img{height: 100%;}	
}

.list p {
    font-size: 13px;
    color: #333;
    line-height: 29px;
    min-height: 58px;
}
.list .font {
    padding:10px;
    width: auto;
	height: 180px;
}


.list li a.link {
    display: block;
    width: 100%;
}
.list h2 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 32px;
    transition: all 0.3s;
}
.list li:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.list li img{
	-webkit-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.list li:hover  img{
        -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

/*新闻列表页*/
.newslist{ overflow:hidden; padding:50px 50px 0 50px;}
.newslist_com{ width:100%;  overflow:hidden;  margin-bottom:28px;}
.newslist_com .img{ float:left; width:38.1818%;  overflow:hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.newslist_com .img img{ width:100%;}
.newslist_com .text{ float:left; width:56%; margin-left:30px; }
.newslist_com .text h1{ font-size:17px; color:#323232;  margin-top:10px; line-height:50px; height:50px; overflow:hidden}
.newslist_com .text h2{ font-size:15px; color:#a0a0a0;  margin-bottom:20px;font-family: 'ttRegular'; background:url(../icon_time.png) no-repeat center left; padding-left:22px;}
.newslist_com .text h3{ font-size:13px; color:#828282; line-height:24px; height:72px;overflow:hidden;}
.newslist_com .text h4{ width:120px; height:36px; border-radius:100px; overflow:hidden; text-align:center; line-height:36px; background:#d80c21; font-size:14px; color:#ffffff; margin-top:40px;}
.newslist_com .text h4 a{ color:#fff; display:block;}


.newslist_list{ width:100%;   overflow:hidden;  }
.newslist_list li a{ display:block; overflow:hidden;padding:20px 0;  border-bottom:1px solid #e5e5e5;position:relative}
.newslist_list li:nth-child(1) a{border-top:1px solid #e5e5e5;}
.newslist_list li .img{ float:left; width:19.09%;height: 145px;overflow: hidden;text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.newslist_list li .img img{ height:100%;display: inline;	}

.newslist_list li .text{ float:right; width:78.1818%;}
.newslist_list li .text h1{ font-size:17px; color:#323232;  line-height:30px;}
.newslist_list li .text h2{ font-size:15px; color:#979797;  font-family: 'ttRegular'; }
.newslist_list li .text h3{ font-size:13px; color:#828282; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.newslist_list li .more{ position:absolute; top:0; right:-5%; height:100%; padding-left:100px; background:url(../news_tm_bg.png) repeat-y center left;
opacity:0;
filter:Alpha(opacity=0); /* IE8 以及更早的浏览器 */
width: auto;
}
.newslist_list li .more span{ display:block; width:152px; height:100%; background:url(../icon_more1.png) no-repeat center #033aa0;}

.newslist_list li:hover{ background:#f4f4f5}
.newslist_list li:hover .more{
right:0;
opacity:1;
filter:Alpha(opacity=100); /* IE8 以及更早的浏览器 */
}

.newslist_more{ width:100%; height:52px; overflow:hidden; background:#f0f0f0; line-height:52px; text-align:center; margin-top:46px; cursor:pointer}
.newslist_more span{ height:100%; display:inline-block; background:url(../icon_more2.png) no-repeat center left; padding-left:46px; font-size:14px; color:#797979;}

.newslist_more:hover{ background:#d80c21;}
.newslist_more:hover span{ background:url(../icon_more1.png) no-repeat center left; color:#fff;}

.shownews{  overflow:hidden}



@media only screen and (max-width: 767px) {
.newslist_com .img{ float:none; width:100%;}
.newslist_com .text{ float:none; width:100%; margin-left:0; padding:0 20px 20px 20px;}
.newslist_com .text h1{ font-size:16px;}
.newslist_com .text h2{ font-size:18px;}
.newslist_com .text h3{ font-size:12px;}
.newslist_com .text h4{ width:100px; height:30px; line-height:30px; margin-top:20px}

.newslist_list li .img{ float:none; width:100%;}
.newslist_list li .text{ float:none; width:100%; margin-top:10px; padding:0 20px}
.newslist_list li .text h1{ font-size:16px;}
.newslist_list li .text h2{ font-size:18px;}
.newslist_list li .text h3{ font-size:12px;}
.newslist_list li .more{ display:none}
}
.spic{float: left;}
.editor img{margin: auto;}


/* 成功案例 */
.cgal ul li{width: 30%;margin: 1.5%;float: left;}
.cgal_imgc{width: 100%;height: 300px;overflow: hidden;}
.cgal_imgc img{display: block;width: 100%;-webkit-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;}
.cgal ul li h3{text-align: center;}
.cgal ul li:hover img{        -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;}


/* 售后服务 */
.ny_service{border-bottom:1px #e3e3e3 solid ;}
.bodertop{margin-top: 20px;margin-bottom: 20px;}
.ny_service h1{font-size: 30px;color: #323232;margin-bottom: 20px;}
.ny_service h3{font-size: 24px;color: #005baa;margin-bottom: 20px;font-weight: bold;}
.ny_service h6{font-size: 14px;color: #5a5a5a;margin-bottom: 20px;}
.service_l{width: 45%;float: left;margin-right: 5%;}
.service_l img{width: 100%;}
.service_r{width: 50%;float: left;}
.service_r h6{font-size: 14px;margin-bottom: 10px;}
.service_r img{width: 100%;margin-top: 30px;}


/* 联系我们 */
.tel_top{padding-bottom: 50px;border-bottom: 1px #e5e5e5 solid;}
.tel_map{width: 50%;float: left;margin-right: 10%;}
.tel_map img{width: 100%;}
.tel_text{width: 400px;float: left;border: 1px #eeeeee solid;}
.tel_text h1{font-size: 22px;color: #005baa;text-align: center;margin: 4%;}
.tel_main h3{background: #f5f5f5;padding:2% 10%;font-size: 14px;}
.tel_img img{margin:3% auto;}
.tel_bottom{margin-top: 50px;}


.box_foot {
    background: #033aa0;
    padding: 5% 0;
    display: none;
	margin-bottom: 45px;
}
.box_foot h6 {
    color: white;
    text-align: center;
    padding: 1% 0;
}
.box_foot a {
    color: white;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.plan ul li h1 {
    font-size: 20px;
}
.banner1 .bx-pager {
    overflow: hidden;
    text-align: center;
    position: relative;
    bottom: 25px;
    width: 100%;
}	
.logo{width: 50%;height: 50px;margin: 25px 0;float: left}	
.nav_warp{display: none;}
.boxnav{display: block!important;}
	
.box_foot{display: block;}
.jjfa {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding:  0;
}
.title h1 {
    font-size: 24px;
    font-weight: bold;
}
.plan ul li {
    width: 50%;
    height: 298px;
    float: left;
    margin-right: 0;
    position: relative;
}
.logo {
    margin: 25px 2%;
}
.news {
    padding:  0;
}
.news_main {
    
    width: 96%;
    padding: 2%;
    float: left;
    margin-right: 0;
	margin-bottom: 20px;
}
.news_img {
    width: 100%;
    height: auto;
    overflow: hidden;
	
}
#newsmore a{margin-top:0;margin-bottom: 20px;}

.showtext {
     padding: 0 2%;
    overflow: hidden;
    font-size: 14PX;
  line-height: normal;
    color: #797979;
    text-align: justify;
}
.about_l {
    width: 100%;
    margin-right: 3%;
    float: left;
}
.about_r {
    float: left;
    width: 100%;
}
.list li {
    width: 46%;
    margin: 1% 1.65%;
    background: #fff;
    float: left;
    transition: all 0.3s;
}
.list .font {
    padding: 0;
     width: auto;
	 height: 180px;
}
.list .pic {
    width: 100%;
	height: 140px;
    overflow: hidden;
    
    position: relative;
}
.cgal_imgc {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.cgal ul li {
    width: 46%;
    margin: 1.5%;
    float: left;
}
.newslist {
    
    padding: 0;
}
.newslist_list li .text {
    float: none;
    width: 96%;
    
    padding:2%;
}
#shownews {
    padding: 0;
}
.service_l {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.service_r{
	width: 100%;
}
.tel_map {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.tel_text{
    width: 100%;
    float: left;
    border: none;
}
.tel_img img {
    margin: 3% auto;
    width: 100%;
}

.ny_title h1 {
    font-size: 30px;
}
.about_li ul li {
    color: white;
    float: left;
    width: 100%;
    margin: 0 1.5%;
    text-align: center;
}
.about_li ul li:nth-child(1) {
    text-align: center;
}
.about h1 {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
}
.about_li ul li span {
    font-size: 50px;
    font-family: 'DINCOND';
}
.about {
    
    background-size: auto 100%;
    width: 100%;
    height: auto;
    padding: 80px 0 65px 0;
}

.title {
    text-align: center;
    
}
@media  only screen and (max-width:480px) {
	.met_page{display: none;}
}
#blc{display: block;}
.q_gsdt {
     padding: 0;
}
.showtext_content img{width: 100%;}
.boxproduct_mian{display: block!important;}
.boxproduct_mian .title{margin: 0;}
.boxproduct_mian .title h1{padding: 30px ;}
.boxproduct_mian ul {padding: 0 2%;}
.boxproduct_mian ul li{width: 48%;float: left;margin: 1%;}
.boxproduct_mian ul li img{width: 100%;}
.boxproduct_mian ul li h2{line-height: 40px;text-align: center;}
.boxproduct_url{padding: 2%;}
.boxproduct_url a{display: block;width: 30%;text-align: center;margin: auto;padding: 2%;background: url(../product_url.jpg);background-size: 100%;color: white;}

.ny_banner {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}

.banner_title p {
    color: white;
    position: relative;
    top: 30%;
    font-size: 12px;
}
.banner_title {
    color: white;
    position: relative;
    top: 30%;
    font-size: 18px;
}
.wp2img{height: 160px;overflow: hidden}
}


/*侧边栏*/
.mask{width:100%;height:100%;background:#000;-webkit-opacity:0.5;opacity:0.5;filter:Alpha(opacity=50);z-index:900;position:fixed;top:0;left:0;display:none;}

.sitemap{width:360px; height:100%; background:#fff;z-index:99999999;position:fixed;right:-100%;top:0; }
.sitemap-con{width:100%; height:100%; overflow-y: scroll;}
.sitemap-head{width:auto;height:84px;padding:0 24px; background:#033aa0;}
.sitemap-head h2{font-size: 16px;color:#fff;line-height:84px;float:left;}
.sitemap-head a.sitemap-close{width:46px;height:46px;background:url(../close.png) no-repeat center center;float:right;margin-top:19px;}

.sitemap-nav{width:auto;padding:10px 24px;}
.sitemap-nav dl{width:100%; padding:10px 0;margin-bottom:8px;border-bottom:2px #f4f4f4 solid;float: left;}
.sitemap-nav dt{font-size:16px;color:#333333; padding-bottom:10px;}
.sitemap-nav dd{float:left;margin:0px 20px 5px 0px;}
.sitemap-nav dd a{font-size:13px;color:#999999;}
.sitemap-nav dd a:hover{ color:#da251d}

.sitemap-code{ width:100%; padding:0 24px}
.sitemap-code .text{ padding-left:30px; color: #999999; font-size: 13px; line-height:26px; height:26px; background-image: url(../wx.png); background-repeat:no-repeat; background-position:center left; background-size:auto 100%; margin-bottom:10px;}
.sitemap-code .code{ width:120px;}

@media only screen and (max-width: 414px) {
.sitemap{ width:100%;}
.sitemap-head{ height:65px}
.sitemap-head h2{ line-height:65px;}
.sitemap-head a.sitemap-close{ width:30px; height:30px; margin-top:17.5px}
.sitemap-code{ display:none}
}


.boxnav{width: 32px;height: 32px;float: right;background: url(../boxtab.png) no-repeat center;background-size:100%;position: absolute;top: 30px;cursor: pointer;display: none;right: 20px;}
.boxnavli{width: 40%;position: absolute;top: 115px;right: 0px;z-index: 9999;display: none;}
.boxnavli{background: #005baa;}
.boxnavli ul li a{display: block;  padding: 10px 15px; color: white;text-align: center;font-size: 16px;}
.boxnavli ul li a:hover{background: #0b5392;}
#boxon{background: #0b5392;}

.boxproduct_mian{width: 100%;display: none;}

@media only screen and (max-width: 1200px){
.footbg {
    width: auto;
	padding: 0 2%;
    
}	
.foot_url{display: none;}
.foot_ewm{width: 100%;}
.foot_nav{width: 20%;}
.foot_nav ul li span {
    font-size: 16px;
}
}

@media only screen and (max-width: 550px){
.foot_nav dl dt { 
	display: none;
}
}


@media only screen and (min-width: 768px) and (max-width: 1200px) {
	
.nav_warp{display: none;}
.boxnav{display: block!important;}
.footbg{width: auto;padding: 0 2%;}
.box_foot{display: block;}
.plan ul li {
    width: 35%;
    height: 430px;
    float: left;
    margin:0 7.5%;
    position: relative;
}
.logo {
    margin: 25px 2%;
}
.news_main {
    width: 30%;
	
    float: left;
	margin: 0 1.5%;
}
.news_img {
    width: 100%;
    height: auto;
    overflow: hidden;
	
}
.service_l {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.service_r{
	width: 100%;
}
.tel_map {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.tel_text{
    width: 100%;
    float: left;
    border: none;
}
.tel_img img {
    margin: 3% auto;
    width: 100%;
}
.ny_title h1 {
    font-size: 30px;
}
.boxproduct_mian{display: block!important;}
.boxproduct_mian .title{margin: 0;}
.boxproduct_mian .title h1{padding: 30px ;}
.boxproduct_mian ul {padding: 0 2%;}
.boxproduct_mian ul li{width: 48%;float: left;margin: 1%;}
.boxproduct_mian ul li img{width: 100%;}
.boxproduct_mian ul li h2{line-height: 40px;text-align: center;}
.boxproduct_url{padding: 2%;}
.boxproduct_url a{display: block;width: 30%;text-align: center;margin: auto;padding: 2%;background: url(../product_url.jpg);background-size: 100%;color: white;}
.wp2img{height: 250px;overflow: hidden}

}


.zp{padding:2%;}
.q_zp_list{ overflow:hidden; padding:30px 0 50px 0}

.q_zp_list_call{ overflow:hidden; float:right; margin-bottom:20px;}
.q_zp_list_call .title{ float:left; font-size:18px; color:#646464; line-height:60px; background:url(../q_contact_call.png) no-repeat center left;padding-left:54px;}
.q_zp_list_call .boxtel{ float:left; font-size:30px; line-height:60px; color:#009B4C; font-family: 'ttRegular';  }

.q_zp_list_top{ padding:0 2%; height:60px; background:#033aa0; line-height:60px;}
.q_zp_list_top ul li{ float:left; width:25%; font-size:16px;color:#fff; text-align:center}

.q_zp_list_main{ overflow:hidden}
.q_zp_list_tant{ overflow:hidden; margin-bottom:10px;}

.q_zp_list_tant_title{  padding:0 2%; height:52px; background:#fff; line-height:52px; cursor:pointer}
.q_zp_list_tant_title ul{ height:100%}
.q_zp_list_tant_title ul li{float:left; width:25%; height:100%; font-size:14px;color:#5a5a5a;position:relative; text-align:center}

.q_zp_list_tant_title ul li:nth-child(1):before{ content:""; display:block; position:absolute; left:250px; top:0; width:9px; height:100%; background:url(../q_zp_list_top_li_before.png) no-repeat center}

.q_zp_list_tant_content{ display:none; overflow:hidden;}
.q_zp_list_tant_content.on{ height:auto;}

.q_zp_list_tant_content_m{  padding:1% 4%; background:#fff; border-top:2px solid #eee;}
.q_zp_list_tant_content_m .text{ border-bottom:1px solid #d5d5d5; line-height:40px; padding-bottom:6px; position:relative}
.q_zp_list_tant_content_m .text h1{ font-size:16px; color:#323232; font-weight:bold}
.q_zp_list_tant_content_m .text h2{ font-size:14px; color:#5a5a5a; font-weight:bold; padding-left:10px;}
.q_zp_list_tant_content_m .text h2 span{ margin-right:20px;}
.q_zp_list_tant_content_m .text i{ display:block; position:absolute; width:30px; height:30px; border-radius:30px; overflow:hidden; bottom:10px; right:0; background:url(../q_zp_list_tant_content_i.png) no-repeat center #fe8f01; cursor:pointer}

.q_zp_list_tant_content_m .content{ font-size:14px; color:#797979; line-height:30px; padding:2% 10px}

.q_m_zp_list{ display:none; padding:20px 0}
.q_m_zp_list_tant{ overflow:hidden; margin-bottom:10px;}
.q_m_zp_list_tant .text{ background:#009B4C; color:#fff;  padding:2% 4%;overflow:hidden; margin-bottom:2px; position:relative}
.q_m_zp_list_tant .text h1{ font-size:14px;line-height:36px;}
.q_m_zp_list_tant .text h2{ font-size:12px;line-height:24px; }
.q_m_zp_list_tant .text h2 span{ margin-right:20px; display:block; float:left}
.q_m_zp_list_tant .text i{  display:block; position:absolute; width:24px; height:24px; border-radius:26px; overflow:hidden; top:18%; right:4%; background:url(../q_zp_list_tant_content_i.png) no-repeat center #fe8f01; cursor:pointer;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
}
.q_m_zp_list_tant .text i.active{transform:rotate(180deg);}

.q_m_zp_list_tant .content{padding:2% 4%; font-size:12px; line-height:26px; background:#f5f5f5; display:none}



@media only screen and (max-width: 768px) {
.q_zp_search .list li{ width:46%}
.q_zp_search .search .navsearch_input{ width:46%}
.q_zp_search .search .searchgo{ width:12%}
}

@media only screen and (max-width: 736px) {
.q_zp_list,.q_zp_list2{ display:none}
.q_m_zp_list{ display:block}
.zp_tdjl a{ width:100px; font-size:14px;}
}

@media only screen and (max-width: 568px) {
.q_zp_search{ margin-top:20px;}
.q_zp_search .list{ width:100%}
.q_zp_search .list li{ width:100%; margin-bottom:10px;}
.q_zp_search .list li select{ width:100%}

.q_zp_search .search{ width:100%}
.q_zp_search .search .navsearch_input{ width:88%}
}

/* 云服务平台 */
.yfwpt{width: 100%;max-width: 1200px;margin: auto;}
.tsfw h1{font-size: 28px;margin-bottom: 30px;}
.tsfw h1:before{content: url(../yfwbefore.png);width: 46px;height: 46px;position: relative;top: 12px;margin-right: 5px;}
.kshzs_tl{width: 65%;float: left;height: 430px;overflow: hidden;}
.kshzs_tl img{width: 100%;}

.kshzs_tr{width: 35%;background: url(../tsfw1.png);float: left;height: 430px;}
.kshzs_tr ul li{margin-top: 35%;}
.kshzs_tr ul li img{margin: auto;}
.kshzs_tr ul li hr{margin: auto;width: 8%;margin: 10px auto;height: 2px;background: white;}
.kshzs_tr ul li h3{text-align: center;font-size: 24px;color: white;}
.kshzs_b{padding: 2% 0 2% 0;border-bottom: 1px #e5e5e5 solid;margin-bottom: 1%;}
.kshzs_bl{width: 49%;float: left;margin-right:1%;}
.kshzs_bl img{width: 100%;display: block;}
.kshzs_br{width: 49%;float: left;margin-left: 1%;}
.kshzs_br img{width: 100%;display: block;}

.ptys h1{font-size: 28px;margin-bottom: 30px;}
.ptys h1:before{content: url(../ptys.png);width: 46px;height: 46px;position: relative;top: 12px;margin-right: 5px;}
.ptys_list{border-bottom: 1px #e5e5e5 solid}
.ptys_list ul li{width: 23%;margin:0 1%;float: left;}
.ptys_list ul li img{margin: auto;}
.ptys_list ul li h3{font-size: 20px;color: #324fa9;font-weight: bold;text-align: center;margin-top: 30px;}
.ptys_list ul li p{color: #5a5a5a; font-size: 14px;text-align: center;padding: 5%;}


.kshzs{ overflow:hidden; position:relative; margin-bottom:20px;}
.kshzs img{ width:100%;}
.kshzs .bx-controls-direction{ position:absolute; top:50%; left:0; margin-top:-23px;  width:100%; z-index:99999}
.kshzs .bx-controls-direction a{ position:absolute;  top:0;
display:block;
width:64px; height:64px;
opacity:0.85;
filter:Alpha(opacity=85); /* IE8 以及更早的浏览器 */
background-position:center;
background-repeat:no-repeat;
	-moz-transition: all .3s; 
	-webkit-transition: all .3s;  
	-o-transition: all .3s;
	-ms-transition: all .3s; 
	transition: all .3s; 
}

.kshzs .bx-controls-direction a.bx-prev{ background-image:url(../left.png); float:left;left:0;}
.kshzs .bx-controls-direction a.bx-next{ background-image:url(../right.png); float:right; right:0;}


.kshzs .bx-pager{ 
	text-align:center; 
	width:100%; 
	height:16px; 
	position:absolute; 
	bottom:20px; 
	z-index:99999;
	background:url(../banner_pager.png);
	display:none;
}

.kshzs .bx-pager .bx-pager-item{ 
	display:inline-block; 
	margin:0 5px;
}

.kshzs .bx-pager .bx-pager-item a{ 
	width:12px; 
	height:12px;
	display:block;
	background:none;
	border:2px solid #fff;
	border-radius:14px;
}

.kshzs .bx-pager .bx-pager-item a.active{
	background:#fff;
}


.kshzs:hover .bx-controls-direction{ 
	display:block;
}


@media only screen and (max-width:1190px) {
.kshzs_tl img {
    height: 100%;
	width: auto;
}	
}
@media only screen and (max-width:767px) {
.kshzs_tl{
    height: auto;
	width: 100%;
}	
.kshzs_tl img{
	width: 100%;
}	
.kshzs_tr ul li {
    /* margin-top: 35%; */
    margin: 5%;
}
.kshzs_tr {
    width: 100%;
    background: url(../tsfw1.png);
	background-size:auto 100%;
    float: left;
    /* height: 430px; */
	height: auto;
}
.kshzs_bl {
    width: 100%;
    float: left;
	margin-bottom: 2%;
    /* margin-right: 1%; */
}
.kshzs_br {
    width: 100%;
    float: left;
    margin-left: 0;
}
.ptys_list ul li {
    width: 48%;
    margin: 2% 1%;
    float: left;
}
.tsfw h1,.ptys h1 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}
.ptys_list ul li p {
    height: 90px;
	overflow: hidden;
}
.news {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 25px 0;
}
}
@media only screen and (max-width:1140px) {
.product_divl {
    width: 100%;
    float: left;
}
.product_divr {
    width: 90%;
    padding: 20px 5%;
    position: static;
	float: left;
    background: url(../product_r.jpg);
    background-size: 100% auto;
}
.product_divr h1 {
    font-size: 20px;
    margin-bottom: 10px;
}
.product_div1 {
    position: static;
    
}
.product_div1r {
     width:100%;
    
}
.product_div1l {
    width: 90%;
	float: left;
    padding: 20px 5%;
    position: static;
    background: url(../product_r.jpg);
	background-size: 100% auto;
}
.product_div1l h1 {
    font-size: 20px;
    margin-bottom: 10px;
}
.product {
    width: 100%;
    height: auto; 
    background: url(../product_bg.jpg) center no-repeat;
}
.yfwpt {
	padding-top: 30px;
    margin: auto;
}
}
@media only screen and (max-width:768px) {
#footer{display: block!important;}	
.product_divr dl dt {
    float: left;
	width: 12%;
    margin: 2%;
}
.product_divr dl dt img{
	width: 100%;
}
.producturl {
    margin-top: 2%;
}

.product_div1l dl dt {
    float: left;
	width: 12%;
    margin: 2%;
}
.product_div1l dl dt img{
	width: 100%;
}
.product_divr h3 {
    font-size: 14px;
    color: white;
    margin-bottom: 15px;
}

.product_div1l h3 {
    font-size: 14px;
    color: white;
    margin-bottom: 15px;
}
}

 #footer {
	 display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 45px;
    overflow: hidden;
    z-index: 999;
    text-align: center;
}
#footer .footerbox {
    width: 100%;
    height: 45px;
    margin: 0 auto;
    position: relative;
}
#footer .footerlist.footerlist {
    background: #033aa0;
}
#footer ul {
    width: 100%;
    display: -webkit-box;
}
#footer ul li {
    display: -webkit-box;
    -webkit-box-flex: 1;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.2);
    border-left: 0;
    position: relative;
}
#footer ul li a {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 45px;
}
#footer .icon {
    display: block;
    text-align: center;
    margin: 0 auto 0;
    width: 35px;
    height: 29px;
    line-height: 33px;
    overflow: hidden;
    font-size: 26px;
}
#footer .txt {
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
}
#footer .fa-home {
    background:url(../Home.png);
}
#footer .fa-phone {
    background:url(../footPhone.png);
}
#footer .fa-qq {
    background:url(../QQ.png);
}
#footer .fa-wechat {
    background:url(../Wechat.png);
}

#footewm {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
	
    top: 0px;
    background: #000;
}

#ewmimg{width: 200px;margin: auto;top: 25%;left: 25%;margin-top: 20%;}
#ewmimg img{width: 100%;}