 @media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

	.basef{}
	.shoujit{display: none;}
	.banner_top{display:block; margin-top: 130px;}
/*=====================首页=====================*/
/*index导航*/
.navbar-toggle{padding:0px;color:#fff; padding-top: 0px; z-index: 1111;position: absolute;top:10px;right:10px;height: 60px;}
.navbar-toggle i{font-size:22px; line-height: 1;color:#fff;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 30px; height: 3px; display: block; background: #0e69bb; margin-bottom: 8px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
/*.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}*/
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,11px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,11px,0) rotate(-135deg);
    -moz-transform:translate3d(0,11px,0) rotate(-135deg);
    -ms-transform:translate3d(0,11px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-11px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-11px,0) rotate(135deg);
    -moz-transform:translate3d(0,-11px,0) rotate(135deg);
    -ms-transform:translate3d(0,-11px,0) rotate(135deg);
}

/*导航*/
.headnav{width: 100%; position:fixed;top: 0px;left: 0px;background: #fff;z-index: 99999999999;}

.head1200{width: 100%;max-width: 1520px;margin: auto;padding: 0px 10px;}
.headlogo{width: 100%;float: none;padding: 10px 0px;border-bottom: 1px solid #eee;}
.headsearch{width: 100%;float: none;padding: 15px 0px;position: relative;}
.headlogo img{width: auto;max-width: 300px;height: auto;}
.headsearch{width: 100%;float: none;}
.headsearch input{width: 100%;float: none;line-height: 38px;height: 40px;border:1px solid #ddd;border-radius: 5px;padding-left: 10px;}
.search{position: absolute;right: 0px;top: 15px;display: block;line-height: 40px;height: 40px;width: 40px;text-align: center;}
.search i{display: block;line-height: 38px;}
.headulnav{width: 100%; height: 100%; background: url(..../images/navbg.png);background-size:100% 100%;position: fixed;background: #fff;display: none;}
.headulnav{width: 100%; height: 100%; background: url(..../images/navbg.png);background-size:100% 100%;position: fixed;background: #fff;display: none;}
.navlist{width: 100%;float: none;margin:0px; background: #f8f8f8;}
.navlist li{width: 100%;float: none; position: relative;border-bottom: 1px solid #0e69bb;}
.navlist li a{display: block;line-height: 50px;color: #0e69bb;width: 100%;text-align: center;}
.navlist li.dq a,.navlist li:hover a{background:#0e69bb;color: #fff; }
#slider{margin-top: 130px; display: none;}
.nav-dow {display: none;opacity: 0;visibility: hidden; position: relative; left: 0px; top: 110%; min-width: auto; width:100%; max-width: 100%; padding: 0px 0px; background: #0e69bb; border-radius: 2px; z-index: 99; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);  text-align: left;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
ul.nav-dow li {display:inline-block; width: 50%; float: left;}
ul.nav-dow li a{font-size: 14px; width: 100%; color: #fff; line-height: 35px; margin: 0px 0px; padding: 0px 25px; display: block; border-bottom: 1px solid #666;}

.navlist li:hover .nav-dow { top: 100%; opacity: 1; visibility: visible;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    filter: alpha(opacity=100);display: block;
}



/******/

/*首页标题*/
.indextit{width: 100%;overflow: hidden;padding: 10px 0px;}
.indextitcn{}
.indextitcn:after{content:"";width: 50px;height: 4px;background: #1278d5;display: inline-block;vertical-align: middle;margin-left: 20px;}
.indextiten{}
/**/

/*产品*/
.indexcp{width: 100%;overflow: hidden;padding: 10px 0px;}
.cplist{width: 100%;overflow: hidden;}
.cplist li{width: 50%;overflow: hidden;position: relative;padding:5px;transition: all 500ms;float: left;height: 300px;}
.cplist li:hover{padding: 0px;transition: all 500ms;}
.cplist li:hover .cpcon{padding: 15px 15px 0px 15px;transition: all 500ms;}
.cplist li:hover .cpmore{transition: all 500ms;background: #c9161e;border-color:#c9161e;font-size: 12px; }
.cpimg{width: 100%;overflow: hidden;height: 100%;background-size: cover;background-position: center;}
.cpimg img{width: 100%;overflow: hidden;}
.cpcon{width: 100%;overflow: hidden;position: absolute;bottom: 0px;left: 0px;padding: 15px 15px 0px 15px;transition: all 500ms;}
.cpstr{width: 100%;overflow: hidden;margin: 10px 0px;height: 1px;background: #aaa;}
.cptit{width: 100%;overflow: hidden;line-height: 30px;margin-bottom: 15px;}
.cpbrief{width: 100%;overflow: hidden;max-height:60px ;height:60px;line-height: 20px; overflow: hidden;}
.cpmore{width: 100%;line-height: 30px; font-size: 12px; height: 30px;text-align: center;color: #333;margin-bottom: 15px;border: 1px solid #000;border-radius: 5px;}

/**/
/*领域*/
.indexapp{width: 100%;overflow: hidden;padding: 30px 0px;}
.applist{width: 100%;overflow: hidden;}
.applist li{width: 100%;overflow: hidden;position: relative;float: left;padding: 5px;transition: all 500ms;}
.appimg{width: 100%;overflow: hidden;}
.appimg img{width: 100%;overflow: hidden; transition: all 500ms;}
.appcon{width: 100%;overflow: hidden;padding:10px;}
.appcon .f16{font-size: 14px;}
	.appcon .f14{font-size: 12px;}
	
.apptit{width: 100%;overflow: hidden; height: 30px; line-height:20px;}
.appbrief{width: 100%;overflow: hidden;margin-top: 5px; text-align:justify; text-justify:inter-ideograph;}
.apppad{width: 100%;overflow: hidden;box-shadow: 1px 1px 10px 1px #eee;padding: 15px;transition: all 500ms;}
.applist li:hover .appmore{opacity: 1; transition: all 500ms;}
.applist li:hover img{transform: scale(1.1); transition: all 500ms;}
.applist li:hover{background: #1178d5;transition: all 500ms;}
.applist li:hover .apppad{box-shadow: 0px 0px 0px 0px #1178d5;transition: all 500ms;}
.applist li:hover .apptit,.applist li:hover .appbrief{color: #fff;transition: all 500ms;}
.appmore{width: 150px;line-height: 35px;height: 35px;background: #c9161e;color: #fff;margin: 20px auto 0px;border-radius: 30px;opacity: 1;transition: all 500ms;display: block; font-size: 12px;}


.pagecontent .applist li:hover{background: none;transition: all 500ms;color: #000; }
.pagecontent .applist li:hover .apptit,.pagecontent .applist li:hover .appbrief{color: #000;transition: all 500ms;}
/**/
/*新闻*/
.indexnews{background: #efefef;padding: 30px 0px;}
.newsl{width: 100%;float: left;}
.nlimg{width: 100%;overflow: hidden;}
.nltit{width: 100%;overflow: hidden;margin: 6px 0px;}
.nlmore{width: 150px;display: block;}
.nlimg img{width: 100%;overflow: hidden;}
.newsr{width:100%;float: right;}
.nlist{width: 100%;overflow: hidden;}
.nlist li{width: 100%;overflow: hidden;position: relative;padding: 10px; padding-left: 120px;}
.ndate{position: absolute;left: 0px;top: 5px;height: 100%;width: 100px;padding: 10px 0px;}
.nlist li:hover{background: #fff;transition: all 500ms;}
.nlist li:hover .ndate{background: #c9161e;transition: all 500ms;}
.nlist li:hover .year,.nlist li:hover .day{color: #fff;transition: all 500ms;}
.nlist li:hover .ntit{color: #c9161e;transition: all 500ms;}
.ncon{width: 100%;overflow: hidden;}
.ntit{width: 100%;overflow: hidden;line-height: 30px;height: 30px;}
.nbrief{width: 100%;overflow: hidden;line-height: 20px;height: 40px;margin-top: 2px;}
.nlmore{width: 130px;line-height: 30px;height: 30px;background: #c9161e;color: #fff;border-radius: 3px;transition: all 500ms;text-align: center;margin-top: 10px;display: block;}	
.newsli li{width: 100%;overflow: hidden;display: none;background: #fff;padding: 8px;}
.newsli li:nth-child(1){display: block;}
	.ncon .f22{font-size: 14px;}
	.ncon .f16{font-size: 12px;}
.nlbrief{min-height: 60px;}
/**/
/*客户服务*/
.indexser{background: #fff;padding: 30px 0px;}
.serlist{width: 100%;overflow: hidden;}
.serlist li{width: 100%;overflow: hidden;position: relative;float: left;padding: 10px 25px;padding-left: 90px;}
.serimg{width: 70px;overflow: hidden;position: absolute;left: 5px;top: 10px;}
.serimg img{width: 100%;overflow: hidden;}
.sercon{width: 100%;overflow: hidden;}
	.sercon .f18{font-size: 14px;}
.sertit{width: 100%;overflow: hidden;line-height: 30px;}
.serbrief{width: 100%;overflow: hidden;line-height: 20px;height: 60px; font-size: 12px; color: #999;}

/**/
/*dibu*/
.bottom{width: 100%;overflow: hidden;background: #222;}
.bottom1200{width: 100%;overflow: hidden;max-width: 1200px;margin: auto;padding: 0px 10px;}
.bottomleft{width: 100%;float: left;margin: 20px 0px;}
.bottomright{display: none;}
.bottomnav{width: 100%;}
.bottomnav li{width: 21%;float: left;overflow: hidden;margin: 0px 2%;}
.headlink{font-size: 16px;color: #eee;line-height: 20px;padding: 5px;width: 100%;overflow: hidden;border-bottom: 1px solid #aaa;padding-bottom: 20px;margin-bottom: 15px;}
.bottomnav li a{font-size: 15px;color: #aaa;line-height: 20px;padding: 5px;width: 100%;overflow: hidden;display: block;}
.bottomnav li a:hover{color: #38c7f4;}
.link{width: 100%;overflow: hidden;padding:10px; text-align: left;border-top: 1px solid #666;font-size: 12px;}
.link a{display: inline-block;color: #bbb; padding: 0px 10px;font-size: 12px;}
.bottomlogo{margin-bottom: 20px;float: left;width: 100%; text-align: center;}
	.bottomlogo img{ width: auto; max-width: 100%;}
.phones{width: 100%;overflow: hidden;color: #aaa;line-height: 30px; height: 35px; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;text-align: center;margin-bottom: 10px; }
.phones a{overflow: hidden;color: #aaa;display: inline-block;font-size: 16px;margin: 0px 8px;}
.phone{width: 100%;float: left;margin-bottom: 20px; text-align: center;}
	.phone .f16{text-align: left; font-size: 14px;}
	.phone a{color:#fff;}
.er{width:100%;float: none;margin-left: auto;margin: auto;text-align: center;padding: 20px 0px; clear: both;}
.er img{width: 43%;margin: 0px 1%;}
.copyright{width: 100%;border-top: 1px solid #aaa;color: #aaa;padding: 20px 0px;text-align: center; font-size: 12px;}
.copy{float: left;width: 100%;text-align: center;}
.copyr{float: left;width: 100%;text-align: center;}
/****/
/*右侧*/
.zaixian{height: 0;position: fixed;right: 10px;bottom:10px;display: none;z-index: 99999;display: none;width: 0;}
.zaixian ul li{width:50px;height: 50px;background: rgba(0,0,0,0.8);border-radius: 5px;text-align: center;line-height: 50px;margin-top: 3px;transition: all 500ms;}
.zaixian ul li a{color: #fff;display: block;width: 100%;height: 100%;}
.zaixian ul li a i{font-size: 40px;line-height: 40px;}
.zaixian ul li:nth-child(2){font-size: 25px;}
.zaixian ul li:nth-child(3) i{font-size: 25px;}
.zaixian ul li:nth-child(5) a i{font-size: 25px;line-height: 50px;}
.zaixian ul li:nth-child(1){height: auto;font-size: 16px;line-height: 20px;padding: 10px 5px;}
.zaixian ul li:nth-child(2) a i{font-size: 25px;display: block;height: 40px;line-height: 50px;}
.zaixian ul li:nth-child(1) a i{line-height: 40px;font-size: 25px;display: block;}

.zaixian ul li:hover{background: #9be3f9;transition: all 500ms;}
.codesfix{position: absolute;right: 54px;bottom:115px; background:#9be3f9;width: 150px;height: 150px;text-align: center;margin: auto;padding: 5px;border: 1px solid #d2d2d2;display: none;}
.codesfix img{width: 100%;}
/****/


/*内页*/
.page{width: 100%;overflow: hidden;position: relative;z-index: 6;min-height: 400px;}
.pagebanner{width: 100%;overflow: hidden;padding-top: 130px;}
.bannerbg{width: 100%;height: 220px; display: none;}
/********/


/*neiye标题*/
.pagetit{width: 100%;overflow: hidden;padding: 5px 0px; float: left; display: none;}
.pagetitcn{}
.pagetitcn:after{content:"";width: 50px;height: 4px;background: #1278d5;display: inline-block;vertical-align: middle;margin-left: 20px;}
.pagetitle{border-bottom: 1px solid #ddd;}
/*内页导航横向*/
.nav_page{width:100%;overflow: visible;position: relative;left: 0px;top: 20px;margin-bottom: 20px; display: none;}
	.nav_paged{display: block;}
.nav_page i{margin: 0px 5px;}
.nav_page li{width: 50%; float: left; overflow: hidden;text-align: center;transition: all 500ms;border:1px solid #ddd;border-top: 0px solid #ddd;}
.nav_page li:nth-child(1){border-top: 0px solid #ddd;}
.nav_page_a{display: block;width: 100%;  line-height: 20px;padding: 10px 0px;cursor: pointer;font-size: 12px;color: #0075c2;}
.nav_page_a a{font-size: 12px;color: #0075c2;}
.nav_page li.dq .nav_page_a{background: #0075c2;color: #fff;transition: all 500ms;}
	.nav_page .basef {display: none;}
.navpagesecbox{display: none;overflow: hidden;line-height: 40px;}	
.divthir a{display: block;width: 100%;}
.pagebox{width: 100%;overflow: hidden;position: relative;padding-left: 0px;}
.thirbox{background: #f2f2f2;display: none;}
.thirbox a{display: block;line-height: 20px; line-height: 20px;padding: 8px 0px; font-size: 12px;}
.divthir{background: #f2f2f2;}
.divthir a{display: block;line-height: 20px;line-height: 20px; padding: 8px 0px;}
.divfour{background: #f8f8f8;display: none;}
.divfour a{display: block; font-size: 12px; line-height: 20px; padding: 8px 0px;}
.thirtit{cursor: pointer;line-height: 40px;}						
.sectti{cursor: pointer;line-height: 45px;font-size: 14px;}	
.divsec:hover .sectti{color: #0075c2;}
.divsec:hover .sectti a{color: #0075c2;}
.naver img{width: 46%;margin: 10px 2%;float: left;display:none;}
.pagecontent{width: 100%;overflow: hidden;min-height: 400px; padding:10px 0px;}
.pagecontent img{max-width: 100%;width: auto;}
.nav_page li:hover .nav_page_a{background: #0075c2;color: #fff;transition: all 500ms;}
.nav_page li:hover .nav_page_a a{color: #fff;transition: all 500ms;}
/***********/

/*招聘*/
.hire{width: 100%;overflow: hidden;}
.hire li{width:96%;overflow: hidden;float: left;margin: 15px 2%;}
.hirecon{margin-top: 10px;}
.hiretit{font-weight: 600;}
/**/

/*面包削*/	
.crack_nav{width: 100%;overflow: hidden;text-align: left;margin: auto;float: right;margin-top: 0px;}
.crack_nav li{display: inline-block;overflow: hidden;line-height: 40px;height: 40px; padding-right: 5px;}
.crack_nav li i{font-size: 12px;padding: 0px 4px;color: #999;}
.crack_nav li a{font-size: 12px;color: #999;}
.crack_nav li.dq a,.crack_nav li a:hover{color:  #38c7f4;}
.crack_nav li i.firsti{font-size: 18px;}
.crack_nav li:nth-child(1){animation-delay: 100ms;}
.crack_nav li:nth-child(2){animation-delay: 200ms;}
.crack_nav li:nth-child(3){animation-delay: 300ms;}
.crack_nav li:nth-child(4){animation-delay: 400ms;}
.crack_nav li:nth-child(5){animation-delay: 500ms;}
.crack_nav li:nth-child(6){animation-delay: 600ms;}
/********/
/*翻页*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 50px 0px;}
.pageflip li{display: inline-block;padding: 5px;overflow: hidden;}
.pageflip li a{display: block;line-height: 30px;padding: 0px 10px;border: 2px solid #38c7f4;border-radius: 5px;color: #38c7f4;}
.pageflip li a:hover,.pageflip li.dq a{background: #38c7f4;color: #fff;}
/*****/

/*产品列表*/
.pagecplist li{width: 48%;  overflow: hidden;position: relative;padding:5px;transition: all 500ms;float: left;height: 300px;}
.pagecplist li .cpbrief{height:40px; line-height: 20px; overflow: hidden; }
.pagecplist li .f24{ font-size: 16px;}
.pagecplist li .f16{ font-size: 12px;}

.pagecpinfo{ width: 100%; padding-bottom: 50px;}
.pagecpinfo_l{float: none; width: 100%; padding: 5px;}
.pagecpinfo_l img{width: 100%; max-width: 100%;}
.pagecpinfo_r{float: none; width: 100%; padding-top: 20px;}
.pagecpinfo_r .bt3{font-size: 14px; line-height: 26px; padding-bottom: 10px;}
.pagecpinfo_r1{ font-size: 12px; color:#6C6C6C;}

.pagecpif_ms{ border-bottom: 4px solid #ececec;margin-top: 10px;}
.pagecpif_ms h4{ display: block; width: 150px; height: 40px; line-height: 40px; background: #0075c2; text-align: center; color: #fff;}

.pagecpif_main{width: 100%; overflow: hidden; position: relative; padding: 30px 0px; line-height: 26px; font-size: 12px; color: #333;}
.pagecpif_main img{width: auto; max-width: 100%;}

/*产品内推*/
.tuijian_hy{ width:100%; padding: 30px 0px;}
.applist_hy li{width: 25%;overflow: hidden;position: relative;float: left;padding: 15px;transition: all 500ms;}

/*行业内荣*/
.pagehyinfo{ width: 100%; padding: 50px 0px;}

.pagehyinfo_tit{border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.pagehyinfo_tit h5{ font-size: 20px; line-height: 30px; position: relative; padding-bottom: 10px; text-align: center; color: #0075c2;}
.pagehyinfo_tit h5:before{position: absolute;bottom: 0px;left: 50%;width: 150px; margin-left: -75px; height: 2px;background:#0075c2;content: "";transition: all 500ms; }

.pagehyif_main{width: 100%; overflow: hidden; position: relative; padding: 10px 0px 30px 0px; line-height: 26px; color: #333;}
.pagehyif_main img{width: auto; max-width: 100%;}


/*========== 新闻 ==========*/
.pag_news{width: 100%; padding: 5px 5px;}
.new-block{width: 100%;margin: 15px 0px; height:auto; border-bottom: 1px dotted #8A8A8A;}
.new-block .new-blockimg{width: 100%; height:auto; margin-right: 0px;float: none;}
.new-block .new-blockimg img{width: 100%; max-height: 500px;}
.new-block .new-text{margin-left: 0px; width: 100%; padding-left:0px;padding: 10px 10px 15px;}
.new-block .new-text{ position: relative;}
.new-block h3{font-size: 14px; height: auto; line-height: 25px; overflow: hidden; font-weight: bold; margin: 5px auto; color: #000;transition:400ms ease all; position: relative; display: block;}
.new-block div.text{font-size: 12px;line-height: 22px; color: #4e4e4e; width: 100%;; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;transition:400ms ease all;}
.new-block p.time{ font-size: 14px; font-weight: 100; color: #a4a4a4; margin: 0px 0 6px; float: right; text-align: right; width: 150px;}
.new-block p.time b{padding-right: 5px; font-size: 14px;}
.new-block .line::before,
.new-block .line::after{ width: 38px;}
.new-block .line::before{ top: -24px; left: 2px;}
.new-block .line::after{top: -48px;}
.new-block:hover h3{ color: #0075c2;transition:400ms ease all;}
.new-block:hover div.text{ color: #4e4e4e;transition:400ms ease all;}

/*新闻内荣*/
.pagenewsinfo{ width: 100%; padding: 10px 0px;}
	
.pagenewsinfo iframe { width: 100%; height:200px; }

.pag_newsinfo{width: 100%; padding: 5px 5px; font-size: 14px; line-height: 26px;color: #666; }
.pag_newsinfo a{color: #000; }
.pag_newsinfo img{width: auto; max-width: 100%; height: auto;}
/*========== 内页标题 ==========*/
.pag_infotit{ width: 100%; text-align: center; padding: 20px 0px;color: #999; }
.pag_infotit b{ font-size: 14px; font-weight: 100; color:#000;}
.pag_infotit1{ color: #999;font-size: 12px; border-bottom: 1px dotted #666; padding: 10px 0px 10px 0px;}

.pag_news_info_tit{margin: 20px 0px; height:auto; line-height: 30px; color: #000; padding: 0px 0px 0px 0px; }
.pag_news_info_titl{ padding:3px 0px 3px 10px; font-size: 12px; color: #000;  display: block; margin-bottom: 1px;}
.pag_news_info_titl a i{ padding-right: 10px;}
.pag_news_info_titl a{ color: #000; padding-left: 10px;font-size: 12px;}
.pag_news_info_titl a:hover{ color: #fad715;}

.news_more{ width: 100%; height: auto; overflow: hidden; padding: 20px 0px;border-top: 2px solid #ccc;}
.news_more_tit{ font-size: 16px; padding-left: 15px;}
.news_more ul{display: block; padding-top: 20px; height: 160px; overflow: hidden;}
.news_more ul li{ display: block; width:98%; padding: 0px 0px;border: 1px solid #666; margin: 7px 1%; float: left;}
.news_more ul li a{display: block; font-size: 12px; padding: 7px 5px 7px 30px; color: #666; background: url(../images/jt.png) no-repeat 5px 12px; background-size: 20px; text-overflow:ellipsis; word-break:keep-all;      /* 不换行 */  
    white-space:nowrap;       /* 不换行 */  
    overflow:hidden;      }
.news_more ul li a span{ padding-left: 20px;}
.news_more ul li a:hover{ background: #0075c2; color: #FFFFFF; }





.swiper-container {
      width: 100%;
      height: auto;
	  max-height: auto;
    }
.displa .swiper-container {
      width: 100%;
      height: auto;
	  max-height: 220px;
    }
.lista.swiper-container {
      width: 100%;
      height: auto;
	  max-height: 620px;
    }
.displa .swiper-slide {
	  max-height: 230px;
	height: auto;
      text-align: center;
      font-size: 18px;
     overflow: hidden;
	 max-height: auto;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }.lista .swiper-slide {
		 max-height: 620px;
	height: auto;
      text-align: center;
      font-size: 18px;
     overflow: hidden;
	 max-height: auto;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-button-next{background:transparent;}
.swiper-button-prev{background:transparent;}

.fixvideo{width: 100%;position: fixed;top: 0px;left: 0px;overflow: hidden;height: 100%;z-index: 9999999999999999;background:rgba(0,0,0,0.6);display: none;}
.videobox{max-width: 1000px;height: 500px;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;}
.videobox iframe{width: 100%;height: 100%;}
.dwdes{font-size: 14px;padding: 5px;line-height: 30px;}
/*zaixian留言*/
.signlist{width: 100%;overflow: hidden;margin: auto;max-width: 700px;color: #000;}
.signlist li{width: 100%;overflow: hidden;line-height: 40px;position: relative;margin: 10px 0px; padding: 3px;float: left;padding: 0px 20px; padding-left: 70px;}
.signlist li input{width: 100%;float: left;overflow: hidden;background: #eee; line-height: 40px;height: 40px;padding-left: 10px;box-shadow: inset 0px 0px 0px 0px;}
.signlist li input::-webkit-input-placeholder{color: #999;}
.per10{width:20%;float: left;overflow: hidden;display: block;text-align: left;padding-right: 20px;font-size: 15px;position: absolute;top: 0px;left: 10px;}
.signlist li  textarea{width:100%;float: left;overflow: hidden;display: block;padding-right: 20px;font-size: 16px;border: 0px; padding-left: 10px;background: #efefef;}
.signlist li:nth-child(3){width: 100%;}
.closeimg{width: 50px;height: 50px;position: absolute;right: 0px;top: 0px;}
.closeimg img{width: 100%;}
.signlist li:nth-child(4){width: 100%;}
.code_pic2{position: absolute;right: 30px; top:1px;width: 90px;height:35px;overflow: hidden;}
.code_pic2 img{width: 100%;height: 100%;}
input.submitcontact{width: 100%;display: block;line-height: 40px;margin: auto;color: #fff;margin-top: 30px;background:#0e75bc;}
.pagecon{width: 100%;padding: 50px 5px;}


/*=============================================================================================================*/


	

/*字体*/
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 14px;}
.f16{font-size: 12px;}
.f18{font-size: 16px;}
.f19{font-size: 17px;}
.f20{font-size: 17px;}
.f21{font-size:17px;}
.f22{font-size: 17px;}
.f23{font-size: 17px;}
.f24{font-size: 16px;}
.f26{font-size: 18px;}
.f28{font-size: 20px;}
.f30{font-size: 20px;}
.f32{font-size: 20px;}
.f34{font-size: 20px;}
.f35{font-size: 22px;}
.f36{font-size: 22px;}
.f38{font-size: 22px;}
.f40{font-size: 24px;}
.f50{font-size: 24px;}
.f60{font-size: 26px;}
.f70{font-size: 30px;}
.f80{font-size: 36px;}
/*字体颜色*/


	

/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}

















@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {




	


/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

	
	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}



@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {



/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}

