@charset "utf-8";
/* CSS Document */
html,body{color:#333;font-family:"思源黑体";font-style:normal;font-size:14px;line-height:26px;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline}
ul,ol,li{list-style:none}
table,tr,td,p,iframe{margin-top:0;padding:0}
a{text-decoration:none;color:#333}
a:hover{outline:0;color:#0d6fb8}
img{border:0;max-width:100%}
.fl{float:left}
.fr{float:right}
/**/
.top{background:#fff;opacity:1;height:90px;position:relative;top:0;left:0;right:0;z-index:3000;border-bottom:0px #eee solid}
.top.active{background:#fff;transition:all 0.5s linear;border-bottom:0px #ececec solid;box-shadow:0 0 10px #eee}
.wrap{width:80%;margin:0 auto;position:relative;}
.main{width:1200px;margin:0 auto;}
/**/
.head-logo{}
.head-logo a{display:table-cell;vertical-align:middle;height:85px;width:380px}
.head-logo img{display:block;width:100%;margin-top:0px}
/**/
.nav{margin-right:100px;}
.nav ul{z-index:10;position:relative; float:left;}
.nav ul li{position:relative;float:left;display:block;vertical-align:top;margin-right:0px;text-align:center; }
.nav ul li > a{position:relative;line-height:90px;height:90px;font-size:16px;color:#333;margin:0 18px;}
.nav ul li:before{content:'';position:absolute;top:40px;width:0px;right:0;height:15%;background:#ccc;filter:alpha(opacity=100);opacity:1.0;box-sizing:border-box;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.nav ul li:last-child::before{opacity:0;}
.nav ul li a:hover,.nav ul li a.cur{color:#0d6fb8}
.nav ul li:hover .sub-nav{top:100%;opacity:1;visibility:visible}
.nav ul li .sub-nav{z-index:999;position:absolute;top:100%;left:50%;margin-left:-85px;width:180px;background-color:rgba(255,255,255,0.9);text-align:center;opacity:0;visibility:hidden;border-top:1px #ddd solid;}
.T-nav li .sub-nav a{display:block;width:100%;text-align:center;vertical-align:top;border-bottom:1px #ddd solid;padding:10px 0;font-size:15px}
.T-nav li .sub-nav a:last-child{border-bottom:0px #ddd solid;}
.nav ul li .sub-nav a:hover{background:#fff;border-top:0}
.head-btn{display:none;}
/**/
.t-right{position:absolute; right:0; top:35px;}
.t-sear{ float:left;margin-right:5px;display:none;}
.my-sear{position:fixed;z-index:99;display:none;width:100%;height:auto;bottom:0;right:0;top:90px; background:rgba(0,0,0,0.5);  border-top:0px #ddd solid; transition:.6s ease;}
.Myclose{float:right;position:absolute; right:14%; top:-55px;}
.Myclose img{width:23px;}
.Myclose:hover img{transform:rotate(360deg);transition:4s;cursor:pointer}
.my-search{width:45%;margin:20% auto;}
.my-search form{border-bottom:2px #fff solid;padding:10px 15px;}
.my-search input[type="text"]{color:#fff;border-bottom:0px #ccc solid;width:85%;font-size:16px;line-height:30px}
.my-search input[type="button"]{color:#fff;font-size:16px;line-height:30px;background:url("../img/sear_02.png") no-repeat right;float:right;width:30px;height:30px;cursor:pointer;}
.t-lang,.t-mail{float:left;margin:0 5px;}
.t-mail{display:none;}
/**/
.index-pro{width:100%;padding:30px 0; overflow: hidden;}
.index-pro li{width:50%; float:left; overflow:hidden;}
.index-pro-list{margin:10px; overflow: hidden; background:#eceded; padding:10px;}
.index-pro-li-img,.index-pro-li-tit{width:100%; overflow: hidden;}
.index-pro li h2{color:#000; font-size:26px; letter-spacing: 3px;margin-bottom:15px; text-align: center; font-weight: normal;}
.index-pro li h3{color:rgba(0,0,0,0.5); font-size:20px; font-family: Arial;margin-bottom:15px;display: none;}
.index-pro-li-info{width:100%; overflow: hidden;display: none; color:rgba(0,0,0,0.8);margin-top:40px;}
.index-pro li h4{color:#d61617; font-weight: normal; margin-top:20px; display:block;display: none;}
.index-pro li h4:after{content:"\003E";padding-left:3px;}
.index-pro li:first-child{width:100%;}
.index-pro li:first-child .index-pro-li-img{width:50%; float:right;}
.index-pro li:first-child .index-pro-li-tit{width:50%; float:left;}
.index-pro li:first-child h2{display:block; text-align: left;}
.index-pro li:first-child h3{display:block;}
.index-pro li:first-child h4{display:block;}
.index-pro li:first-child .index-pro-li-info{display:block;}
.index-pro li:first-child .index-pro-li-tit{padding-top:90px;padding-left:50px;}
.index-pro li:hover h2{color:#0e6eb8; transition: all .4s;}
.index-pro li:hover img{transform:scale(1.1); transition: all .6s;}
/**/
.in-tit{width:100%; overflow: hidden; text-align: center;padding-bottom:30px}
.in-tit h1{font-weight:normal; font-size:30px; display:block;}
.in-tit h1:after{content:"\2013"; display:block;color:#d61617;}
/**/
.index-case{width:100%; overflow: hidden;}
.index-case li{ width:100%; overflow: hidden; background:#fff;}
.index-case-li{overflow: hidden;margin:15px;}
.index-case-li-img{width:65%; float:left; overflow: hidden;}
.index-case-li-img img{width:100%;}
.index-case-li-tit{width:30%; float:right;padding-top:30px;}
.index-case li h2{font-size:20px; font-weight:normal; display:block; margin-bottom:50px; color:#0f6fb7;}
.index-case-li-info{ color:rgba(0,0,0,0.6)}
.index-case li h5{color:#d61617; font-weight: normal; margin-top:50px; display:block;}
.index-case li h5:after{content:"\003E";padding-left:3px;}
/**/
.index-news{width:100%; overflow: hidden; padding:30px 0;}
.index-news li{width:calc(100%/3); float:left; overflow: hidden;}
.index-news-li{margin:5px; padding:5px; overflow: hidden;}
.idex-news-li-img,.index-news-li-tit{width:100%; overflow: hidden;}
.idex-news-li-img img{width:100%;}
.index-news li h6{ font-family: Agency FB; font-size:18px; display:block; margin-bottom:15px; color:#0f6fb7; }
.index-news li h3{ font-size:16px; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;margin-bottom:20px;}
.index-news li h5{font-weight:normal; color:rgba(0,0,0,0.5); display:block;}
.index-news li h5:after{content:"\003E";padding-left:3px;}
/**/
.foot{width:100%; padding-top:40px; overflow: hidden;background:#013c77; color:rgba(255,255,255,1.00);}
.f-nav{width:100%;padding-bottom:20px; overflow: hidden;}
.foot ul{float:left;width:calc(100%/7);}
.foot ul:first-child{width:42%;}
.foot ul h1{font-size:16px; font-weight:normal; display:block; margin-bottom:15px;}
.foot ul li a{color:rgba(255,255,255,0.7); }
.f-tel{overflow:hidden;margin:20px 0;}
.f-tel img{display:inline-block; vertical-align: bottom;margin-right:5px;}
.f-tel h4{display:inline-block; font-size:24px;}
.f-link{width:100%;}
.f-link a{display:inline-block; margin:0 10px;}
.icon_ew{position:relative;}
.f-wimg{width:120px; height:120px; background:#fff; padding:5px; position:absolute;bottom:65px;left:0;text-align: center;box-shadow: 0 0 5px #000; transition:all .8s; display:none;}
.f-wimg:after{content:"\25BC";color:#fff;position:absolute; bottom:-15px; left:20px;}
.icon_ew:hover .f-wimg{display:block; transition:.6s;}
/**/
.f-copy{width:100%; overflow: hidden;padding-top:0px;background:#16305b;line-height:55px;}
.f-cop-l{width:50%; float:left;}
.f-cop-r{width:50%; float:right; text-align:right;}
.f-cop-r a{color:rgba(255,255,255,0.8);}
.f-cop-r span{display:inline-block; margin:0 8px; position:relative; }
.f-cop-r span:nth-child(1):after{content:""; width:2px; height:12px; background:rgba(255,255,255,0.5); position:absolute; right:-10px; top:22px;}
/**/
/**/
.in-ban{width:100%; height:350px; overflow: hidden; position:relative;}
.in-ban .main{position:relative;}
.in-ban img{display:none;}
.in-ban-tit{color:#fff; padding-top:160px; position:absolute;top:30%;;left:0; z-index: 99;}
.in-ban-tit h2{font-size:30px; font-weight:normal; letter-spacing: 2px;}
/**/
.in-nav{width:100%; border-bottom:3px solid #e6ebf1; overflow: hidden;position:relative;}
.innav{width:65%; float:left; background:#0d80d7;padding:20px 0;position:relative; overflow: hidden;}
.in-nav:before{content:""; background:#0d80d7; height:100%; width:50%; position:absolute; left:0; top:0;right:0;}
.innav li{text-align: center;display:inline-block;}
.innav li a{color:#fff;font-size:16px;margin:0 10px;}
.innav li a:hover,.innav li a.active{color:#f3eb28;}
/**/
.contain{padding:30px 0; width:100%; overflow: hidden;}
.about-con{padding:0 50px; overflow: hidden; width:100%;}
.about-img{width:45%; float:left; overflow: hidden;}
.aboutcon{width:53%; float:right; overflow: hidden;border-left:1px #ddd solid;padding:30px;}
.aboutcon p{margin-bottom:5px;}
/**/
.about-cul{width:100%; overflow: hidden;padding:30px 0;}
.about-cul li{width:100%;margin-bottom:20px; overflow: hidden;}
.about-cul-img{float:left;width:20%; position:relative;}
.about-cul-img img{border:2px #e6ebf1 solid; border-radius: 100%;padding:10px;}
.about-cul-img:after{content:""; width:2px; height:0px; background:#ccc; position:absolute; transform:rotate(75deg);top:0px;right:25px;}
.about-cul-tit{width:78%; float:right; overflow: hidden;}
.about-cul li h2{margin-bottom:20px;font-size:22px; font-weight:normal;display:block;}
/**/
.hor-nav{width:100%; overflow: hidden;margin-bottom:20px; text-align: center;}
.hor-nav li{display:inline-block; overflow: hidden;}
.hor-nav li a{display:block; padding:10px 15px; border:1px #ccc solid; border-radius: 5px;margin:5px; transition: .4s;}
.hor-nav li a:hover,.hor-nav li a.active{background:#0d80d7;color:#fff;border:1px solid #0d80d7;}
/**/
.hor-list{width:100%; padding-bottom:20px; overflow: hidden;}
.hor-list li{width:24%; text-align: center;display:inline-block;}
.hor-list li a{display:block; margin:10px; overflow: hidden; background:#fff;border:1px #ccc solid;padding:5px;}
.hor-list li h4{padding:20px 0; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size:16px; font-weight:normal; border-top:1px #ccc solid;}
/**/
.eui-list{width:100%; overflow: hidden;padding-bottom:20px;}
.eui-list li{width:33%; text-align:center;display:inline-block;}
.eui-list li a{margin:8px; overflow: hidden; display:block; background:#e7ecf2;}
.eui-list li h4{font-weight:normal; padding:20px 0; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/**/
.pro-list{width:100%; padding:30px 0; overflow: hidden;}
.pro-list li{overflow: hidden; width:49.5%; display:inline-block;}
.pro-li{background:#fff; margin:15px; overflow: hidden;padding:30px 0px;}
.pro-li-img{width:100%; text-align: center; overflow: hidden;}
.pro-li-tit{width:100%; float:right;padding-top:30px;}
.pro-li-dec{margin-top:20px; color:rgba(0,0,0,0.6); line-height:35px;padding-left:20px;font-size:18px;}
.pro-list li h3{font-size:20px; display:block; margin-bottom:20px;padding-left:20px;}
.pro-list li h4{font-weight:normal; color:rgba(0,0,0,0.5);padding-left:20px;}
/**/
.pro-con{width:100%; overflow: hidden;}
.pro-con-up{width:100%;}
.pro-con-img{width:45%;float:left;}
.pro-con-tit{width:53%; float:right;}
.pro-con-tit h3{color:#333; font-weight:normal; display:block; padding:20px 0; font-size:26px;}
.pro-coninfo{width:100%; overflow: hidden;}
.pro-con h4{font-size:30px; color:rgba(0,0,0,0.1);text-align: center; }
.pro-con h5{font-size:30px; text-align: center;display:block;margin-bottom:20px;}
.pro-coninfo div{display:inline-block; width:45%;font-size:16px; line-height:35px; border-bottom:1px #ccc solid;margin:2%;color:rgba(0,0,0,0.5);padding:10px 0;}
.pro-coninfo div:before{content:"\2611"; font-size:26px; font-weight:bold; color:#0d6fb9;margin-right:15px; vertical-align: middle;}
.pro-conapp div{display:block; text-align: center;background:#0d6fb9; color:#fff;padding:50px 20px; vertical-align: middle;width:calc(100%/6); float:left;font-size:16px;border-right:5px #fff solid;}
.pro-conapp,.pro-confea{width:100%; margin:30px 0; overflow: hidden;}
/**/
.contact-con{width:100%; overflow: hidden; }
.contain h1{color:rgba(0,0,0,0.5); text-transform: uppercase;display:block;}
.contain h2{font-size:30px; font-weight:normal; margin-top:20px; letter-spacing: 5px;display:block;}
.contentcon{width:100%; overflow: hidden;margin-top:30px;}
.contact-left{width:35%; float:left;margin-top:30px;}
.contact-cen{width:45%; float:left;border-left:1px #ccc solid;padding:20px 0;}
.contact-right{width:20%; float:right;}
.contact-left li{float:left; width:100%; overflow: hidden;}
.contact-left li:first-child{margin-bottom:50px;}
.contact-img{float:left;margin-right:15px; vertical-align: middle; overflow: hidden;}
.contact-left li img{vertical-align: middle;margin-top:10px;}
.contact-left li h3{color:rgba(0,0,0,0.5); font-size:16px; font-weight:normal;}
.contact-left li h4{color:#0d6fb9;font-size:24px;}
.contact-cen li{width:100%; border-bottom:1px #ccc solid; overflow: hidden;padding:20px 20px 20px 30px;line-height:35px;}
.contact-cen li:last-child{border-bottom:0px #ccc solid; }
.contact-cen li img{float:left; vertical-align: middle;margin-right:15px;}
.contact-cen li h5{font-size:16px; font-weight:normal;}
.contact-right img{border:5px #0d6fb9 solid; width:130px; vertical-align: middle;display:table-cell;margin:30px auto; border-radius: 5px;}
/**/
.join-con{width:100%; overflow: hidden;padding-top:30px;}
.jobcon{padding-top:30px;}
.job-list{width:100%; overflow: hidden;}
.jobtop li{width:25%; float:left; border-right:1px #fff solid; background:#e6ebf1; height:55px; line-height:55px;  text-align: center; border-top:1px #fff solid;}
.jobtop li:last-child{border-right:0;}
/**/
.jobli{width:100%; text-align: center;}
.jobli a{color:#333; display:block;}
.jobli ul{ padding:10px 0; border-bottom:#ccc 1px dashed; overflow: hidden;width:100%;}
.jobli ul li{width:25%; float:left;  line-height:40px; }
.jobli a:hover{background-color:#f3f3f3;}
/**/
.jobdetail{width:100%; overflow: hidden; line-height:30px;color:#333;}
.jobdetail h3{color:#333; font-size:22px; display:block; line-height:45px; }
.jobl{ float:left;}
.jobr{float:right;line-height:45px; }
.jobr h5{ display:inline-block; padding-right:5px; font-weight: lighter;}
.jobr h5 span{color:#333;font-weight: bold;}
.job-con{width:100%; overflow: hidden; border-top:1px #ccc solid; padding-top:10px; }
.jobdetail h4{ padding:15px 0; font-size:18px; color:#0d6fb9;}
/**/
.case-list{width:100%; overflow: hidden;}
.case-list li{width:calc(100%/2); float:left;}
.case-li{margin:10px; overflow: hidden;}
.case-li-img{width:100%; overflow: hidden;background:#f2f2f2;}
.case-li-tit{width:100%; padding:20px; overflow: hidden;background:#f2f2f2;}
.case-li-tit h3{ font-size:18px;display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;margin-bottom:15px;}
.case-li-tit h4{font-weight:normal;font-size:14px; color:rgba(0,0,0,0.7);display:block;}
.case-li-tit h4:after{content:"\003E";transition:all .4s;}
.case-list li:hover h4{color:#0d6fb9;text-decoration: underline; }
.case-list li:hover img{ transform:scale(1.1); transition:.5s ease;}
.casecon{width:100%; overflow: hidden;padding:30px 50px;}
.casetit{width:30%; float:left;}
.casetit h2{display:inline-block; position:relative;  line-height:35px;}
.casetit h2:after{content:""; width:100%; height:3px; background:#d61617; position:absolute; bottom:-1px; left:0;right:0;}
.caseinfo{width:70%; float:right;margin-bottom:20px;padding-bottom:30px;}
.case-info{width:100%; overflow: hidden;}
.case-info h3{font-size:24px;display:block; margin:20px 0;position:relative; overflow: hidden; padding-left:0px; font-weight:normal;}
.case-info h3:before{content:"\25A3";color:#d61617; height:30px; transform: rotate(90deg);display:inline-block;margin-right:10px;}
/**/
.news-list{width:100%; overflow: hidden;}
.news-list li{width:calc(100%/3); float:left; overflow: hidden;position:relative;}
.news-li{margin:15px; overflow: hidden;}
.news-li-img{width:100%; height:200px; overflow: hidden;}
.news-li-img img{width:100%;}
.news-li-tit{width:100%;padding:20px 10px; overflow: hidden;}
.news-list li h3{font-size:18px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-list li h6{font-size:20px; color: #076ebe;font-family: Agency FB;line-height:30px; }
.news-li-dec{width:100%; overflow: hidden; height:50px;margin-top:20px;color:rgba(0,0,0,0.6)}
.news-list li:hover .news-li-tit{ transition:.4s ease;height:100%;}
.news-list li:first-child{width:100%; overflow: hidden;margin-bottom:20px;}
.news-list li:first-child .news-li-img{width:40%; float:left;}
.news-list li:first-child .news-li-tit{width:60%; float:left; overflow: hidden;padding-left:20px;}
.news-list li:first-child .news-li-dec{height:auto;}
.newscon{width:100%; overflow: hidden;}
.newscon h1{font-weight:normal;color: #076ebe; display:inline-block; line-height:45px;}
.newscon h4{display:inline-block; text-align:right; float:right;font-weight:normal; font-size:18px; position:relative;}
.newscon h4:before{content:"\2014"; display:inline-block;padding-right:10px;}
.news-con{width:100%; margin-top:30px;}
/**/
.his-list{width:100%;overflow: hidden;}
.his-top{text-align:center;padding-bottom:100px;}
.his-top h2{display:block;font-weight:bold; font-size:26px; position:relative;}
.his-top h2:after{content:"";background:url("../img/icon_07.png") no-repeat center; width:50px; height:50px;position:absolute; top:35px;left:48%;}
.his-list ul{background:url("../img/icon_08.png") no-repeat center bottom;}
.his-list li{width:100%; padding:80px 0; position:relative;}
.his-list li:first-child{padding-top:100px;}
.his-list li:after{content:""; position:absolute;width:2px; height:100%; top:-47px; left:50%;border-right:2px #ccc dashed;}
.his-list li:nth-child(2n):after{transform:rotate(180deg);}
.his-list li .his-li{width:46%; float:right;}
.his-list li:nth-child(2n) .his-li{width:50%; float:left;}
.his-list li .his-li-date{position:absolute; left:48.2%;top:0;height:40px;line-height:40px;font-size:20px;width:200px; background:#e7ecf2;z-index: 99;box-shadow: 1px 5px 5px #ccc;color:#333; border-radius: 3px;text-align: center;}
.his-list li:nth-child(2n) .his-li-date{left:35%;}
.his-list li .his-li-date div{display:inline-block; font-weight:bold;font-size:20px;}
/*
.his-list li:first-child .his-li-date{background:#339d46;}
.his-list li:nth-child(2) .his-li-date{background:#f2832a;}
.his-list li:nth-child(3) .his-li-date{background:#0e6eb9;}
.his-list li:nth-child(4) .his-li-date{background:#d91616;}
.his-list li:nth-child(5) .his-li-date{background:#4db9dd;}
.his-list li:nth-child(6) .his-li-date{background:#ed6d36;}
.his-list li:nth-child(7) .his-li-date{background:#919b38;}
*/
.his-list li h3{display:inline-block; background:#fff;height:40px;font-size:24px; color:#076ebe; padding:0 10px; text-align: center; float:left; font-family: Bahnschrift;}
/*
.his-list li:nth-child(2) h3{color:#f2832a}
.his-list li:nth-child(3) h3{color:#0e6eb9}
.his-list li:nth-child(4) h3{color:#d91616}
.his-list li:nth-child(5) h3{color:#4db9dd}
.his-list li:nth-child(6) h3{color:#ed6d36}
.his-list li:nth-child(7) h3{color:#919b38}
*/
.his-list li h3:after{content:"\25BC";display:block;position:absolute;top:25px;left:5%;color:#fff;}
.his-list li:nth-child(2n) h3{float:right;}
.his-list li:nth-child(2n) h3:after{left:85%;}
.his-list li h4{padding-left:0px;display:inline-block;font-size:20px;}
.his-list li:nth-child(2n) h4{ text-align: right;}
.his-li-con{width:92%;}
.his-list li:nth-child(2n) .his-li-con{text-align:right;}
.his-list li:last-child{padding-bottom:180px;}
@media screen and (max-width:1440px){
	.wrap{width:95%;}
	.nav ul li > a{margin:0 15px;}

}
@media screen and (max-width: 1220px) {
	.wrap{width:98%;}
	.head-logo a{width:300px}
	.nav ul li > a{margin:0 10px;}
}
@media screen and (max-width:1024px){
	.wrap{width:98%;margin:0 auto;}
	.main{width:95%;;margin:0 auto;position:relative; }
	.top{height:45px}
	.head-logo{overflow:hidden}
	.head-logo a{height:45px;width:150px}
	.head-logo img{margin-top:0px;margin-left:0px}
	.nav ul li > a{line-height:45px;font-size:14px}
	.nav ul li:before{top:20px;}
	.T-nav li .sub-nav a{font-size:14px;}
	.t-right{top:10px;}
	.my-sear{top:45px;}
	.Myclose{top:-33px;right:85px;}
	.my-search{width:98%;}
}
@media screen and (max-width:992px){
	.top{height:45px}
	.head-logo{overflow:hidden}
	.head-logo a{}
	.head-logo img{margin-top:0px;margin-left:0px}
	.nav{width:100%;background:#f2f2f2;}
	.nav ul{padding:0;position:absolute;top:45px;width:50%;display:none;right:-2%; background:#fafafa;}
	.nav ul li{display:block;width:100%;border-bottom:1px solid #ddd;margin:0;padding:0 2%;text-align:center;}
	.nav ul li:last-child{border-bottom:0px solid #ddd;}
	.nav ul li:before{opacity:0;}
	.nav ul li > a{text-align:center;padding:0 2%;line-height:45px;height:45px;font-size:16px;display:block;}
	.nav ul li a.cur{}
	.nav ul li .sub-nav{position:relative;width:100%;top:0;padding:10px 0;background:none;display:none}
	.nav ul li .sub-nav a{padding:0 5%}
	.head-btn{padding:0px 10px 0 0;height:50px;display:block;float: right; position:absolute; top:15px;right:100px;}
	.head-btn:before{content: '';display: block;width: 14px;height: 2px;background-color: #1d1d1d;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.head-btn:after{content: '';display: block;width: 20px;height: 2px;background-color: #1d1d1d;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.head-btn i{margin:5px 0;display: block;width: 25px;height: 2px;background-color: #1d1d1d;}
	.head-btn.active i{background-color:none;width:0px;display:none; opacity: 0;}
	.head-btn.active:before{content:""; transform:rotate(-45deg);position:absolute; width:30px;color:#fff;right:10px;top:8px;}
	.head-btn.active:after{content:""; transform:rotate(45deg); position:absolute; width:30px;color:#fff;right:10px;top:8px;}
	/*	*/
	.index-case-li-img,.index-case-li-tit{width:100%;}
	.about-img{width:100%;}
	.aboutcon{width:100%;border-left:0;}
	.hor-list li,.eui-list li{width:calc(100%/2);}
	/*	*/
	.pro-li-img,.pro-li-tit{width:100%;}
	.in-ban{height:auto; background:none!important;}
	.in-ban img{display:block;}
	.news-list li{width:calc(100%/2);}
	.news-li{margin:5px;}
	/*	*/
	.his-top{text-align:left;}
	.his-top h2:after{left:0;}
	.his-list ul{background-position: 3px bottom;}
	.his-list li:after{left:25px;}
	.his-list li .his-li-date{left:5px;}
	.his-list li .his-li{width:100%; float:left;}
	.his-list li:nth-child(2n) .his-li{width:100%; float:left;}
	.his-li-con{padding-left:50px;}
	.his-list li:nth-child(2n) .his-li-con{text-align:left;width:100%;}
	.his-list li:nth-child(2n) h3{float:left;}
	.his-list li:nth-child(2n) h3:after{left:5%;}
	.his-list li:nth-child(2n) .his-li-date{left:5px;}
	.pro-con-img,.pro-con-tit{width:100%;}
	.pro-coninfo div{width:100%;}
	.pro-conapp div{width:100%;}
}
@media screen and (max-width:567px){
	.Myclose{right:83px;}
	.index-pro li{width:100%;}
	.index-pro li:first-child .index-pro-li-img{width:100%; float:right;}
	.index-pro li:first-child .index-pro-li-tit{width:100%; float:left;}
	.index-news li{width:100%;}
	.foot ul{width:100%; display:none;}
	.foot ul:first-child{width:100%;display:block;}
	.f-copy{line-height:35px;}
	.f-cop-l,.f-cop-r{width:100%; text-align:center;}
	.f-cop-r span:nth-child(1):after{top:12px;}
	.innav{width:100%;}
	.about-con{padding:0;}
	.hor-nav li a{ margin:5px;}
	.pro-li{margin:3px;}
	.contact-left,.contact-cen,.contact-right{width:100%;border-left:0;}
	.contact-left li{border-bottom:1px #ccc solid;padding-bottom:20px;}
	.contact-cen li{padding-left:0;}
	.news-li-img{height:auto;}
	.news-list li:first-child .news-li-img{width:100%;}
	.news-list li:first-child .news-li-tit{width:100%;}
	.in-ban-tit{padding-top:20px;}
	.in-ban-tit h2{font-size:16px;}
}