@charset "utf-8";
/* CSS Document */
.m-header{width:100%; background:#fff; height:60px; position:fixed; top:0; left:0; z-index:99;box-shadow:0 0 15px rgba(0,0,0,0.13); display:none}
.m-header .logo img{ padding-top:8px; height:45px; float:left}
.m-header .logo .text{ float:left; margin-left:16px; padding-left:18px; margin-top:10px;position:relative}
.m-header .logo .text:before{ content:""; width:1px; height:30px; background:#ddd; position:absolute; left:0; top:2px}
.m-header .logo .text .p1{color:#333; font-size:14px;}
.m-header .logo .text .p2{ font-size:14px; color:#1f73b5; font-weight:bold;}
.m-header .logo .text .p2 span{ color:#ed9d10; background:url(../images/xing.png) no-repeat left center; background-size:12px auto; padding-left:18px; margin-right:10px;}
.m-header .m-btn{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 22px;
}
.m-header .m-btn span{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}
.m-header .m-btn span.line1{ top:0;-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-header .m-btn span.line2 {top: 7px;}
.m-header .m-btn span.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 .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-btn.active .line2{ opacity:0; filter:alpha(opacity=0)}
.m-btn.active span{background: #ef9b17;}
.m-menu{ position:fixed; top:60px; background:#fff; width:100%; display:none; z-index:10}
.m-menu li {line-height: 45px; font-size: 15px;border-bottom: 1px solid #e8e8e8;}
.m-menu li a{ position:relative; padding:0 3%; display:block;}
.m-menu li .menu_a i {position: absolute;top: 10px;right: 4%;width: 22px;height: 22px;background: url(../images/ico_03.png) no-repeat center;background-size: 18px auto;}
.m-menu li .menu_a.cur {background: #1f73b5;color: #fff;}
.m-menu li .menu_a.cur i{background: url(../images/ico_03_h.png) no-repeat;height: 2px;top: 20px;}
.m-menu li .sub {background: #f5f5f5;line-height:30px;font-size: 14px;padding: 10px 0 10px;display: none;}
.m-banner{ display:none; position:relative; overflow:hidden; margin-top:60px}
.m-banner .slick-slide a{ height:400px; display:block; overflow:hidden}
.m-banner .slick-dots{ bottom:3%}
.m-banner .slick-dots li.slick-active button {background: #ef9b17; border:none; }
.m-hornor{ display:none}
.m-nnav{ display:none}
.m-nnav .nav-fir a{ display:inline-block; width:50%; float:left; text-align:center; background:#1f73b6; line-height:45px; color:#fff; position:relative}
.m-nnav .nav-fir a.cur{ background:#ef9c10;}
.m-nnav .nav-fir a.cur:after{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #ef9c10; position:absolute; left:50%; margin-left:-7px; bottom:-8px;}
.m-nnav .nav-sed{ padding:30px 3% 0; margin-bottom:10px;}
.m-nnav .nav-sed ul{ width:102%}
.m-nnav .nav-sed li{ float:left; width:23%; margin-right:2%; margin-bottom:2%}
.m-nnav .nav-sed li a{ display:block; text-align: center; background:#ccc; border:1px solid #d8d8d8; color:#333; padding:10px 0}
.m-nnav .nav-sed li.cur a,.m-nnav .nav-sed li:hover a{background:#ef9c10; color:#fff;}
.m-footer{ position:fixed;bottom:0;left:0; width:100%; height:45px;background: #323232; color:#fff; z-index:99;display:none;font-size:12px}
.m-footer a{ color:#fff;}
.m-footer li{ width:33.33%; float:left; text-align:center}
.m-footer li a{ display:block;padding-top:22px}
.m-footer .li1 a{ background:url(../images/ftel.png) no-repeat center 2px;}
.m-footer .li2 a{ background:url(../images/fmail.png) no-repeat center 2px;}
.m-footer .li3 a{ background:url(../images/ftop.png) no-repeat center 2px;}
@media screen and (max-width:1440px){
	.title,.i-advantage .title{margin-top:60px; margin-bottom:40px}
	.i-custumer{ margin-top:60px; padding-top:60px}
	.i-news{ padding-top:60px}
	.advertise{ margin:60px 0}
}
@media screen and (max-width:1250px){
	.wrap{ width:94%}
	.i-advan-list li .pic{ width:200px; height:200px}
	.history .slick-prev{left:0; z-index:98;}
	.history .slick-next{right:0;z-index:98;}
	.proCon .left{ width:20%}
	.proCon .right{ width:76%; padding-left:4%}
	.i-about .picjian .jianin .biao h3{ font-size:32px; margin-bottom:22px; }
}
@media screen and (max-width:1024px){
.contact-list li{ font-size:14px; line-height:26px}
	body{ font-size:14px;}
	.header,.banner{ display:none}
	.m-header,.m-banner{ display:block}
	.hot-search .left{ max-width:none;width:60%; line-height:26px}
	.hot-search .right{ width:30%}
	.i-pro-con .i-pro-cl ul{justify-content:center;}
	.i-pro-con .i-pro-cl li{ width:18%; margin-left:1%; margin-right:1%;}
	.title, .i-advantage .title{ margin-top:40px; margin-bottom:30px; font-size:28px;}

	.i-rea-list li{ width:33.33%; }
	.i-rea-list li:nth-child(3):after{ display:none}
	.i-rea-list li:nth-child(4),.i-rea-list li:nth-child(5),.i-rea-list li:nth-child(6){border-top:1px solid #ddd; padding-top:15px}
	.i-pro-tit a{ line-height:50px; font-size:20px}
	.i-advan-list li .pic{ width:160px; height:160px}
	.advertise{ margin:40px 0}
	.advertise .text{ font-size:16px;}
	.advertise .text h3{ font-size:24px;line-height:30px}
	.advertise .text .tel{ font-size:18px; margin-top:20px}
	.advertise .text .zixun{ display:inline-block; top:auto;right:auto; position:static;font-size:14px; margin-top:15px}
	.i-about .text h2{ font-size:28px}
	.i-about .text p{ margin-bottom:10px}
	.i-news .top h3{ font-size:28px}
	.i-news .left{ width:48%}
	.i-news .right{ width:48%}
	.i-custumer{ margin-top:40px; padding-top:40px; padding-bottom:40px}
	.m-hornor{ display:block}
	.i-hor-list{ display:none}
	.hornor .slick-next{right:0;}
	.hornor .slick-prev{left:0;}
	.hornor .slick-slide .imgbox{ height:300px}
	.nbanner{ height:300px; margin-top:60px;}
	.main .ntitle{ margin-bottom:30px}
	.main .ntitle .ntitle-c{ font-size:32px; line-height:35px}
	.nbanner .nbanner-t{ line-height:30px; font-size:20px}
	.nbanner .nbanner-t .p5, .nbanner .nbanner-t .p6{ font-size:20px; line-height:30px}
	.nbanner .nbanner-t .p1{ font-size:20px}
	.nbanner .nbanner-t .p3, .nbanner .nbanner-t .p4{ line-height:30px}
	.nnav{ height:45px;}
	.nnav li a{ line-height:45px;}
	.proCon .left{ display:none}
	.proCon .wrap{ background:#fff;}
	.proCon .right{ width:100%; padding-left:0; min-height:inherit;padding-bottom:50px}
	.proCon .right .top{ display:none}
	.m-nnav{ display: block}
	#allmap{ margin-top:30px}
	.main{ padding:40px 0 50px}
	.newslist li .text .tit{ padding-top:0; font-size:16px;}
	.newslist li .text .intro{ font-size:12px; line-height:20px;margin:5px 0 10px;}
	.newslist li .text .time{ font-size:12px}
	.hrlist li .hd .closed{ top:70px}
	.advantageList li h3 {font-size:60px;line-height:60px;height:60px;}
.advantageList li:last-child h3{ font-size:16px;}
.advantageList li h3 span{ font-size:60px;}
.advantageList li p{ font-size:16px;}
}


@media screen and (max-width:920px){
.iwhy .wtitle{  background-size:100% 140px;height:140px; color:#fff;  }
.iwhy .wtitle h3{ font-size:32px; padding-top:20px; height:40px;}
.iwhy .wtitle p{ font-size:25px; font-weight:bold;}
.iwhy .wtitle p span{ width:40px; height:40px; line-height:40px; font-size:25px;}

.iwhy .conn .kuai .ynum{font-size:35px;width:80px; height:80px; line-height:80px;margin-left:-40px;margin-top:-40px; }
.iwhy .conn .kuai .wenzi .ytt{ padding-bottom:20px;font-size:18px;}
.iwhy .conn .kuai .wenzi .ytt span{color:#014493; font-size:32px; }
.iwhy .conn .kuai .wenzi .yconn p{ font-size:18px;}
}

@media screen and (max-width:768px){
.iwhy .conn .kuai .wenzi .yconn p{ font-size:16px;}
	.m-banner .slick-slide a{ height:350px}
	.i-advan-list li{ width:48%; margin-bottom:2%}
	.i-advan-list li h3{ margin-bottom:10px}
	.i-news .left{ width:100%}
	.i-news .right{ width:100%; margin-top:40px}
	.i-pro-con-list .tab-content li{ width:48%}
	.i-pro-con-list .tab-content li .tit,.prolist ul li .tit{ padding-bottom:15px}
	.i-about{ margin-top:30px;}
	.i-about .pic{ width:100%; margin-bottom:30px;}
	.i-about .text{ width:100%}
	.i-about .text .more{ float:left}
	.i-about .picabout{ float:none; width:100%;}
    .i-about .picjian{ float:none; width:100%; max-width:auto}
    .i-about .picjian .jianin{ margin:20px;}
    .i-about .picjian .jianin .biao h3{ font-size:28px; margin-bottom:15px; }
.contact-list li{ width:50%; margin-bottom: 50px;}
.contact-list li:nth-child(3),.contact-list li:nth-child(4){ margin-bottom:0}
.i-about .more{ margin-top:25px;}
.i-about{ padding-bottom:40px;}
	
	.advertise .text .img{ max-width:30%; margin-right:20px;}
	.advertise .text h3{ padding-top:10px; font-size:20px}
	.advertise .text .zixun{padding: 5px 20px 5px 45px; font-weight:normal;background: #ef9c10 url(../images/icon_1.png) no-repeat 18px center;}
	.advertise .text .tel{ font-size:16px}
	.nbanner{ height:200px}
	.nnavAbou .wrap{ width:100%;}
	.nnavAbou li{ width:20%; text-align:center}
	.nnavAbou li a{ padding:0}
	.culture li{ width:100%; text-align:left;}
	.newslist li .text .intro{ height:40px; overflow:hidden}
	.prolist ul li{ width:48%}
	.culture li .icon{ float:left; width:100px; height:100px; margin-right:20px}
	.ncontact-list li{ width:100%; padding-right:0; margin-bottom:25px;}
	#allmap{ margin-top:10px; height:200px}
	#preview{ width:100%; margin-bottom:30px}
	.proPic .pro-jianj{ width:100%}
	.jqZoomPup,.zoomdiv{ display:none !important}
	.f-message{ width:100%}
	.f-message .tit{ font-size:12px}
	.f-message .tit span{ font-size:16px; line-height:24px}
	.f-contact{ width:100%; padding-top:30px}
	.f-contact .ewm{ float:left; width:120px; margin-right:20px}
	.footer-top{ padding-top:30px; padding-bottom:30px}
	.footer-bot{ padding-top:20px; padding-bottom:20px; font-size:12px}
	.hrlist li .sh{ padding:20px 15px}
	.hrlist li .hd .text{ width:80%; padding:4%; max-height:60%; top:20%; left:10%; margin-left:0}
	.hrlist li h3{ text-align:center}
	.iwhy .wtitle h3{ font-size:29px;}
.iwhy .wtitle p{ font-size:24px; }
.iwhy .wtitle p span{font-size:24px;}

.iwhy .conn:after{content: "";display: none; }
.iwhy .conn .kuai .wenzi .ytt{ padding-bottom:10px;}
.iwhy .conn .kuai .wenzi .ytt span{font-size:28px; }

.iwhy .conn .kuai{padding-top:40px;}
.iwhy .conn .kuai .ypic{ float:none; width:100%; position:relative; margin-top:-60px; z-index:-9; margin-bottom:25px}
.iwhy .conn .kuai .ypic:after{ackground-color:#014493; top:0px; left:0px;}
.iwhy .conn .kuai:nth-child(2n) .ypic{ float:none;}
.iwhy .conn .kuai:nth-child(2n) .ypic:after{top:0px; left:0px;}
.iwhy .conn .kuai .wenzi{ float:none; width:100%;}
.iwhy .conn .kuai:nth-child(2n) .wenzi{ float:none;}

.iwhy .conn .kuai .ynum{font-size:30px; text-align:center; width:60px; height:60px; line-height:60px; position: relative; left:0%; margin-left:0px; top:0%; margin-top:0px;}
}
@media screen and (max-width:640px){
.iwhy .conn .kuai .wenzi .ytt{ font-size:16px;}
	.m-header .logo .text{ display:none}
	.title, .i-advantage .title{ font-size:24px}
	.i-reason .title .ltit{ font-size:16px}
	.title .ltit{ font-size:16px}
	.i-about .text h2,.i-news .top h3{ font-size:24px}
	.hot-search .right{ display:none}
	.hot-search .left{ width:100%}
	.i-pro-tit a{ line-height:45px; font-size:18px}
	.i-rea-list li .pic{ width:100px; height:100px}
	.i-pro-con .i-pro-cl li{ width:23%; white-space:nowrap; font-size:12px; line-height:30px}
	.advertise .text h3{ font-size:16px}
	.advertise .text{ font-size:12px}
	.i-news-list li.li0 .text .tit{ font-size:16px}
	.i-news-list li.li0 .text .time, .i-news-list li.li0 .text .info,.i-news-list li .text-2 .info{ font-size:12px; line-height:20px}
	.f-message .column1,.f-message .column2,.f-message .column3{ width:100%}
	.f-message .column3{ margin-top:10px}
	.f-message .column3 .submit{ width:150px; height:35px; padding:0; line-height:35px}
	.f-message .column3 .submit1{width:150px; height:35px; padding:0; line-height:35px}
	.floatKf{ display:none}
	.m-footer{ display:block}
	.footer{ padding-bottom:45px}
	.nbanner{ height:130px}
	.hrlist li{ width:50%}	
	.hrlist li:nth-child(3){ border-top:none}
	.techlist li .time{ width:80px; height:80px}
	.techlist li .text{ padding-left:105px}
	.techlist li .time .span1{ padding-top:12px; font-size:30px; line-height:30px}
	.techlist li .time span{ font-size:16px}
	.techlist li .text .tit{ font-size:16px}
	.techlist li .text .intro{ font-size:12px; line-height:22px}
	.newstit{ font-size:20px}
	.newstime{ padding:5px 0; font-size:12px}
	.m-banner .slick-slide a{ height:260px}
	.advantageList li h3 {font-size:50px;line-height:50px;height:50px;}
.advantageList li:last-child h3{ font-size:15px;}
.advantageList li h3 span{ font-size:50px;}
.advantageList li p{ font-size:15px;}
.contact-list ul{ margin-top:30px}
.contact-list li{ width:100%; padding:0;margin-bottom:25px;}
.contact-list li:nth-child(3){ margin-bottom:25px}
.contact-list .icon{ width:50px; height:50px;box-shadow: 0 0 0 10px #cce9f6; margin-bottom:15px;}
.contact-list .icon img{ height:18px}

}
@media screen and (max-width:480px){
.iwhy .conn .kuai .wenzi .yconn p{ font-size:14px;}
	.i-rea-list li .pic{ width:90px; height:90px}
	.i-advan-list li .pic{ width:150px; height:150px;border:4px solid #1f74b7;}
	.hornor .slick-slide .imgbox{ height:220px}
	.m-banner .slick-slide a{ height:180px}

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

.advantageList{ padding:20px 0 30px 0}
.advantageList li h3 {font-size:32px;line-height:40px;height:40px;}
.advantageList li:last-child h3{ font-size:14px;}
.advantageList li h3 span{ font-size:32px;}
.advantageList li p{ font-size:15px; line-height:22px !important}
}