/* CSS Document */

.m-btn{ width:25px; height:15px; margin-top:20px; display:none; position:relative}
.m-btn span{ width:100%; height:3px;background: #014190; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.active .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.active .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu li .subnav{ padding:0 3%; line-height:30px; margin:15px 0; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#014190; color:#fff;}
.m-menu .menu_a.active i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}
.sub-menubg {position: fixed;width: 100%;height: 100%;background: #f5f5f5;top: 0;left: 0;z-index: 9;display: none;}
.m-menu li.last{ border-bottom:none; margin-top:15px; font-weight:bold;}
.m-menu li.last span{ background:url(../images/l_uk.jpg) no-repeat left center; padding-left:30px; background-size:25px; display:block}
.m-footer{ width:100%; background:#014190; color:#fff; position:fixed; bottom:0; left:0; height:45px;display:none; z-index:99}
.m-footer li{ float:left; width:33.33%; text-align:center;height:45px; }
.m-footer li a{ color:#fff; display:block;height:100%; padding-top:25px}
.m-footer li.li1 a{ background:url(../images/fltel01.png) no-repeat center 5px}
.m-footer li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px}
.m-footer li.li3 a{ background:url(../images/flmail.png) no-repeat center 5px}
@media screen and (max-width:1250px){
	.wrap{ width:95%}
	.viewport-cont{ width:95%; margin-left:0; left:2.5%}
}
@media screen and (max-width:1024px){
	#aboutRepusi{ height:auto}
	.header-r{ display:none}
	.nheader{ height:60px;}
	.header{ height:60px;}
	.logo img{ padding-top:13px; max-height:35px; width:auto}
	.header.scroll{ height:60px;}
	.header.scroll .logo img{ padding-top:10px}
	.m-btn{ display:block}
	.nbanner{ height:220px}
	.nav{ padding:20px 0}
	.main{ padding:30px 0}
	.f-menu{ display:none}
	.footer{ height:auto; padding-top:30px}
	.f-contact{ width:100%}
	.f-ewm{ margin-top:-100px;}
	.copyright{ margin-top:30px; padding-top:20px; padding-bottom:20px}
	
	.message{ padding-bottom:0; padding:0 10%}
	.meslist{ margin-top:0}
	.meslist .box{ width:100%; margin-bottom:20px}
	
	/*==========*/
	.Repusi .m-menu{top:60px}
	.header:hover {background:none;}
	.header.hover{ background:#fff}
	.header.scroll{ background:#fff}
	.fixed-view-ico{ display:none}
	.viewport{ height:auto; }
	.viewport-cont{ position:relative;top:auto;padding:50px 0; margin-top:0 !important;
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
	
	.banner.viewport-cont{ padding:0}
	.banner .slick-slide a{ height:500px}
	.i-about-qk{ margin-top:25px}
	.i-about-qk li .icon_bg{ display:none}
	.i-about-qk li a{ width:100%; height:100%;}
	
	.i-pro-list li .text h3{ white-space:nowrap}
	.i-about-top .right .more{ display:none}
	.nav_sed{ margin-top:0}
	.news li .text .tit{ padding-top:5px}
	
}
@media screen and (max-width:768px){
	.copyright{ text-align:center}
	.culture li{ width:48%}
	.ntit{ font-size:24px}
	.honor_2 li,.honor li{ width:48%}
	.title_2{ font-size:24px; margin-bottom:30px}
	.contact_top .title_2{ border-bottom:none;padding-bottom:20px;}
	.contact_top li{ width:100%; min-height:auto;padding-top:0; padding-left:0; float:none; padding-bottom:10px; margin-bottom:10px; font-size:14px; line-height:30px}
	.contact_top li:nth-child(1):after,.contact_top li:nth-child(2):after{ width:100%; height:1px; bottom:0; left:0; top:auto}
	.map{ margin-top:20px;}
	#allmap, #container{ height:220px}
	.message{ padding:0 5%}
	.meslist .box>label{ font-size:15px}
	.hrlist li .tit{ padding:0 3%;height:50px;line-height: 50px;}
	.hrlist li .hr_con_det{ padding:3% 3% 5%}
	.prolist li{ width:48%}
	.pro_picL{ width:100%}
	.pro_top .right{ width:100%; margin-top:20px;}
	.pro_top .right h2{ font-size:24px; margin-bottom:0}
	.pro_top .right p{ line-height:30px}
	.pro-bot{ margin-top:25px}
	.pro-bot > .tit span{ padding:5px 25px}
	
	.banner .slick-slide a{ height:400px}
	.title_1{ font-size:30px; margin-bottom:25px}
	.title_1 .cn{ line-height:45px}
	.title_1 .en{ font-size:14px}
	.i-about-top .left,.i-about-top .right{ width:100%}
	.i-about-top .right{ margin-top:20px}
	.i-about-top .right h2{ margin-bottom:15px}
	.view-bg-1,.view-bg-3{ background:#014085 !important}
	.view-bg-2{ background:#c2e1ea !important}
	.i-pro-list>ul>li{ width:49%}
	.i-pro-list>ul{ display: -webkit-flex;display:flex;justify-content:center;  flex-wrap:wrap}
	.i-pro-list li.li4{ margin-bottom:2%}
	.i-pro-list li.li5{ width:99%}
	.i-pro-list li .text h3{ font-size:24px;}
	.i-news-list .left, .i-news-list .right{ width:100%}
	.i-news-list .left li:first-child{ margin-bottom:2%}
	.i-news-list .left li{ margin-bottom:2%}
	.i-news-list .right li{ margin:0 3%}
	.about_con .video{ width:100%; margin-right:0; margin-bottom:15px}
	.cultureSlide{ margin-top:10px}
	.i-news-list .left li .text{ padding-top:3%; padding-bottom:3%}
}
@media screen and (max-width:640px){
	body{ font-size:13px}
	.viewport-cont{ padding:30px 0}
	.title_1{ font-size:26px}
	.title_1 .en{ font-size:12px}
	.title_1 .t_box{ padding:0 100px}
	.title_1 .t_box:before,.title_1 .t_box:after{ width:80px}
	.nbanner{ height:150px}
	.nav li{ margin:0 2px}
	.nav li a{ font-size:14px; padding:6px 15px}
	.nav_pro ul{ margin-right:-2%}
	.nav_pro li{ float:left; width:31.33%; margin-right:2%; margin-left:0; margin-bottom:2%}
	.nav_pro li a{padding:6px}
	.main .content{ font-size:14px; line-height:28px}
	.advantage .pic{ width:95%}
	.advantage .text{ width:100%; padding-top:15px}
	.advantage .kuai{ padding-bottom:20px; margin-top:30px}
	.advantage .text h3{ font-size:20px; margin-bottom:10px}
	.advantage .kuai_2 .text{ padding-top:25px}
	.culture li{ width:98%}
	.ntit{ font-size:20px}
	.honor_2 li,.honor li{ width:98%;margin-bottom: 2%;}
	.hor_t{ margin:15px 0; font-size:20px}
	.news li{}
	.news li .pic{ width:30%}
	.news li .text{ width:63%}
	.news li .text .tit{ padding-top:5px;line-height: 1.4;}
	.news li .text .more{ margin-top:10px; font-size:12px;line-height: 20px;}
	.news li .text .intro{ display:none}
	.news li .text .time{ font-size:12px; line-height:1.4}
	.news li:hover{ background:#fff;}
	.news li:hover .text .tit{color:#014190}
	.news li:hover .text .time{ color:#999}
	.news li:hover .text .intro{color: #8c8c8c;}
	
	.news .time_1{ padding-bottom:5px; margin-bottom:20px}
	.page-2{ margin-top:20px; font-size:13px}
	.page-2 .more{ width:80px}
	.page-2 p{ padding-right:100px}
	.title_2{ font-size:20px}
	.message{ padding:0}
	label.radio span.txt,.meslist .box>label{ font-size:14px}
	.meslist .box>label{ width:75px}
	.meslist .box input{ height:32px}
	.meslist .box{ margin-bottom:10px}
	.meslist .box .submit{ width:130px; display:block;margin:20px auto 0}
	.meslist .box .gender{ width:120px}
	.meslist .box .inp{width: calc(100% - 220px);}
	.m-footer{ display:block}
	.footer{ margin-bottom:45px}
	.f_logo img{ width:auto; height:35px}
	.f-ewm img{ width:80px;}
	.copyright{ font-size:12px}
	.f-ewm span{ padding-top:5px; font-size:12px}
	.prolist li{ width:98%}
	
	.banner .slick-slide a{ height:300px}
	.i-about-top .right h2{ font-size:20px}
	.i-about-top .right p{ font-size:14px; line-height:28px}
	.i-about-qk li .icon{ padding-top:0}
	.i-about-qk li .icon img{width:40px; height:40px}
	.i-about-qk li .cn{ font-size:14px}
	.i-pro-list>ul>li,.i-pro-list li.li4{ width:99%}

	.cultureSlide .slick-dots{ bottom:3%}
}
@media screen and (max-width:425px){
	.f-ewm{ margin-top:0; float:left; margin-top:15px}
}