@charset "utf-8";
/* CSS Document */
.menu-btn{ height:85px; width:25px;cursor:pointer; display:none; position:fixed; top:0; right:3%; z-index:9999}
.menu-btn span{display:block; height:2px; width:25px; background:#333; margin-bottom:5px}
.menu-btn .line1{ margin-top:38px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:50px; display:block}

.m-menu li.last form {width: 80%;margin:25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px; text-align:center;background: #0353a5;color: #FFF;margin-left: -3px; border:none; text-transform:uppercase}
.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}

.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0; background-image:linear-gradient(to right,#ff8b1e, #ff6c01);  color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#ff6c01}
.tanchuang .text .tel{  background-image:linear-gradient(to right,#ff8b1e, #ff6c01); color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#ff6c01; font-size:18px; margin-top:15px}

@media screen and (max-width:1650px){
.header .wrap .logo .ad{ font-size:22px;}
.wrap{width: 84%;}
.header .menu li .menu_a{margin: 0 16px;}
.ihot .item .top h3 span{ font-size:50px}
}

@media screen and (max-width:1440px){
.header .wrap .logo .ad{ font-size:20px;}
.wrap{width: 88%;}
.header .menu li .menu_a{margin: 0 15px;}
.header .wrap .menu{right: 210px;}
body{ font-size:15px; line-height:28px;}
.ihot .item .top h3 span{ font-size:45px}

.title { margin-bottom:30px;}
.title h3{font-size:32px; line-height:35px; }
.title p{ font-size:17px;}
.banner img{ width:110%; margin-left:-5%;}

.website .text h3{ font-size:32px; margin-bottom:25px;}
.website .text .conn p{ line-height:35px; font-size:20px;}
.website.section{ padding:100px 0}
.website .dapei{top: -112px;}

.header .wrap .logo{ margin-top:-15px; }
.header .wrap .logo img{ height:30px;}
.topnav li{ margin-left:3px; margin-right:3px; line-height:30px}
}

@media screen and (max-width:1366px){
.header .menu li .menu_a{ font-size:17px;}	
.header .wrap .logo .ad{ font-size:19px;}	
.header .wrap .tel{font-size:20px;}
.header .wrap .menu{ right:200px;}
.search .biao h3{font-size:20px;}
.search .wrapinn{padding: 20px 25px 25px 25px;}

.space{height:90px;}
.header .wrap{ position:relative; height:90px;}
.header .menu li .menu_a{ line-height:90px;}

.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}
.iyoushi .conn .left p, .iyoushi .conn .right p{ font-size:18px;}
.iyoushi .conn .mid .vs{ font-size:35px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:77px; margin-top:-38.5px;}

.header .menu li .menu_a{margin: 0 12px;}
.iabout .sectionnext{ padding-bottom:50px !important;}
.ihot .item .marqueetop li a{ font-size:14px; }
.ihot .item .top .intro{ margin:10px 0;}
.ihot .item .top{ margin: 35px 18px 18px 18px;}
.ihot .item .moredata{margin: 0 18px 18px 18px;}

.ihot .item .top h3{ font-size:20px;}
.ihot .item .top h3 span{ font-size:45px;}
.ihot .item .top .intro{margin: 5px 0 10px 0;}
.ihot .item .moredata h3{ font-size:18px;}
.ihot .item .ads{padding: 20px 18px;}
.ihot .item .ads h3{ font-size:20px;}
.iyoushi .conn .mid .vs{width: 76px;  height: 76px;line-height: 76px; margin-left:-38px;}

.nbanner>img{ width:110%; margin-left:-5%}

.news-list li{padding:30px 0 30px;}
.news-list .nlist-date{padding:2px 1.5% 19px 0;width:80px;}
.nlist-date .day{font:bold 40px/45px 'Arial';}
.nlist-date .year{font:bold 18px/24px 'Arial';}
.news-list .nlist-box{width:calc(100% - 100px);float:right;margin:0;}
.nlist-box .name{line-height:34px;font-size:18px;font-weight:600;}

.i-case-list ul{ width:102%}
.i-case-list li{ width:31.33%; margin-right:2%}
}

@media screen and (max-width:1260px){
.title h3{font-size:30px; line-height:30px; }
.bottom .title h3{font-size:30px;}
.title p{ font-size:16px;}
.website .text h3{ font-size:30px; }
.website .text .conn p{ font-size:18px;}
.website.section{ padding:80px 0}

.space{height:85px;}
.header .wrap{ height:85px;}
.header .menu li .menu_a{ line-height:85px;margin: 0 10px;}

.ihot .item .top h3{ font-size:18px;}
.ihot .item .top h3 span{ font-size:40px;}
.ihot .item .more{ font-size:15px;}
.ihot .item .top{ margin: 30px 18px 18px 18px;}

.iyoushi .conn .mid .kuai:nth-child(1) p, .iyoushi .conn .mid .kuai:nth-child(2) p{ line-height:26px;}
.iyoushi .conn .left p, .iyoushi .conn .right p{margin-top: 25px;}
.wrap{width: 92%;}
.website .dapei{top: -92px;}

.inews .ntitle h3{ font-size:24px; }
.footer li:nth-child(1) .weixin img, .footer li:nth-child(1) .weixin{ width:120px;}
.feedback .conn{ padding:25px 25px 35px 25px}
}

@media screen and (max-width:1160px){
.header .wrap .menu, .header .wrap .tel{ display:none; }
.menu-btn{ display:block}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:58px; margin-top:-29px;}
.m-foot{ display:block;}
.footer{ margin-bottom:50px;}
.footer li:nth-child(2){ display:none}
.nbanner>img{ width:120%; margin-left:-10%}

.nbanner .text{font-size: 30px;}
.nbanner-2{ height:220px}
.nbanner-2>img{ height:100%; width:auto; min-width:100%}
.nbanner .text .line{ width:15px}
.nbanner .text .p1{ font-size:16px}
.nbanner .text .weblink{ margin-top:30px}
}

@media screen and (max-width:930px){
.ihot .conn{display: block;}
.ihot .item{ width:100%; margin-right:0%; margin-top:20px}
.wrap{width: 94%;}
.ihot .item .top h3{ font-size:16px;}
.ihot .item .top h3 span{ font-size:30px;}
.title h3{font-size:24px; line-height:28px; }
.title p{ font-size:16px;}
.website .text h3{ font-size:24px; }
.website .text .conn p{ font-size:16px;}
.banner img{ width:120%; margin-left:-10%;}
.search{ margin-top:30px; text-align:center}
.search .wrapinn{ padding:15px;}
.search .biao h3{ font-size:18px;}
.search .item{ float:none; display:inline-block; min-width:100px;}
.bottom .title h3{font-size:26px;}

.ntuijian .left{ display:none}
.ntuijian .right{ width:100%; position: relative; top:auto; right:auto}
.ntuijian .right .item{ width:20%; height:80px; position: relative; left:auto; top:auto; float:left}
.ntuijian .right .item h3{ font-size:16px;}
.ntuijian .right .item a{ font-size:15px;}
.ntuijian .right .item:nth-child(5n+1){ left:auto}
.ntuijian .right .item:nth-child(5n+2){ left:auto}
.ntuijian .right .item:nth-child(5n+3){ left:auto}
.ntuijian .right .item:nth-child(5n+4){ left:auto}
.ntuijian .right .item:nth-child(5n+5){ left:auto}
.ntuijian .right .item:nth-child(6), .ntuijian .right .item:nth-child(7), .ntuijian .right .item:nth-child(8), .ntuijian .right .item:nth-child(9), .ntuijian .right .item:nth-child(10){ top:auto}
.ntuijian .right .item:nth-child(11), .ntuijian .right .item:nth-child(12), .ntuijian .right .item:nth-child(13), .ntuijian .right .item:nth-child(14), .ntuijian .right .item:nth-child(15){ top:auto}
.ntuijian .right .item:nth-child(16), .ntuijian .right .item:nth-child(17), .ntuijian .right .item:nth-child(18), .ntuijian .right .item:nth-child(19), .ntuijian .right .item:nth-child(20){ top:auto}
.ntuijian .right .item:nth-child(21), .ntuijian .right .item:nth-child(22), .ntuijian .right .item:nth-child(23), .ntuijian .right .item:nth-child(24), .ntuijian .right .item:nth-child(25){ top:auto;  bottom:auto}

.iliucheng .conn .item{ padding:25px;}
.iabys .conn .item{ padding:15px;}

.nguide li {line-height:42px; font-size:16px;}
.nguide li a{padding:0 38px;}
.nmain .newstitle h3{ font-size:24px;}

.feedback .form .row{ width:160px; line-height:42px; height:42px; }
.feedback .form .row .submit{ width:160px; font-size:16px; line-height:42px; height:42px; }
.nprodetail .wrap{ padding:30px; border-radius: 25px 25px 0 0;}
.nprodetail .wrap .title h4{ font-size:20px;}
}


@media screen and (max-width:929px){
.search .item{ float:left; width:calc(33.33% - 6.666px); margin-right:10px; min-width:auto;}
.search .item:nth-child(6), .search .item:nth-child(7){float:left; width:calc(33.33% - 6.666px); margin-right:10px; min-width:auto;}	
.search .item:nth-child(4), .search .item:nth-child(5){margin-top:10px; margin-bottom:10px;}
.search .item:nth-child(3), .search .item:nth-child(5), .search .item:nth-child(7){ margin-right:0}
.search .item:nth-child(4), .search .item:nth-child(6){ margin-left:16.66%; clear:both}

.section{ padding:40px 0 60px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:60px;}
.iabout .conn{ font-size:16px; line-height:26px;}
.iys .item .icon{width:100px; height:100px; margin:-55px auto 10px auto;}
.iys .item .icon:hover{ margin:-65px auto 10px auto;}
.iys .item .wenzi h3{ font-size:16px; line-height:26px; padding:0 10px;}


.iproducts .item{width:23.5%;}
.iproducts .item:nth-child(6n){ margin-right:2%}
.iproducts .item:nth-child(6n+1) { clear:none;}
.iproducts .item:nth-child(4n){ margin-right:0}
.iproducts .item:nth-child(4n+1) { clear:both;}

.website .img{width: 100%; float:none; display:block; margin-bottom:30px;}
.website .img img{ float:none; }
.website .text{width: 100%;position: relative; left: auto;-webkit-transform: translate(0%,-0%); transform: translate(0%,-0%); top:auto;}

.inews .ntitle h3{ font-size:20px; }
.inews .inewslist, .inews .aqlist{padding: 15px 15px 20px 15px}
.inews .inewslist .topnews .wenzi h3{font-size: 18px; line-height: 40px;}
.inews .ntitle{ margin-bottom:20px;}
.inews .inewslist .othernews .kuai{ margin-top:15px;}

.nbanner>img{ width:130%; margin-left:-15%}
.mab01 .conn{ margin-bottom:90px;}
.iliucheng .conn .item{ padding:25px 15px;}
.iliucheng .conn .item .text h3{ font-size:16px; margin-bottom:6px;}

.what .tabmenu li{ padding:10px;}
.what .tabmenu li h3{font-size: 16px; -webkit-line-clamp: 3; line-height:24px; height:72px;}
.what .more a:nth-child(1), .what .more a:nth-child(2){ width:140px;}

.about_con .left{ width:100%; margin-top:0}
.about_con .left .more{ display:none}
.about_con .left h4{ font-size:26px; line-height:30px; margin-top:0}
.about_con .text{ width:100%}
.about_con .ntit{ font-size:18px}

.topnav li{ font-size:16px; margin:0 2px 10px}
.topnav li a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding: 5px 15px;}
}


@media screen and (max-width:640px){
.space{height:70px;}
.header .wrap{ height:70px;}	
.header .wrap .logo{ margin-top:-12px; }
.header .wrap .logo img{ height:24px;}
.header .wrap .logo .ad{padding-left: 8px; margin-left: 8px; margin-top: 4px; font-size:16px;}
.menu-btn{ height:70px;}
.menu-btn .line1{ margin-top:30px;}
.search .biao h3{ line-height:26px;}
.title p{ margin-top:0}
.title h3{ margin-bottom:10px; font-size:22px;}
.bottom .title h3{font-size:22px;}
.title{ margin-bottom:20px;}
.iyoushi .conn .mid{width: 92px;margin-left: -46px;}
.iyoushi .conn .mid .kuai:nth-child(1){border-radius:25px; width:46px; }
.iyoushi .conn .mid .kuai:nth-child(2){ border-radius:25px;width:46px; }
.iyoushi .conn .mid .kuai:nth-child(1) p, .iyoushi .conn .mid .kuai:nth-child(2) p{ font-size:18px; padding-top: 90px;}
.iyoushi .conn .left p, .iyoushi .conn .right p{ font-size:15px; }
.iyoushi .conn .left p, .iyoushi .conn .right p{ padding:0 10px; border-radius: 25px}
.iyoushi .conn .left p span, .iyoushi .conn .right p span{line-height:20px;}
.iyoushi .conn .left p{padding-right: 55px;}
.iyoushi .conn .right p{padding-left: 55px;}
.iyoushi .conn .mid .vs{ top:20px;width: 60px; height: 60px; line-height: 60px; margin-left: -30px;}
.iyoushi .conn .left p, .iyoushi .conn .right p{ margin-top:20px;}

.iproducts .item{width:32%; padding:5% 3% 3% 3%;}
.iproducts .item:nth-child(4n){ margin-right:2%}
.iproducts .item:nth-child(4n+1) { clear:none;}
.iproducts .item:nth-child(3n){ margin-right:0}
.iproducts .item:nth-child(3n+1) { clear:both;}

.inews .inewslist .topnews .wenzi h3{font-size: 16px; line-height: 35px;}

.inews .inewslist{ float:none; width:100%; margin-bottom:25px;}
.inews .aqlist{ width:100%; height:auto; position: relative; top:auto; right:auto}
.inews .aqlist .marqueetop{height:200px; width:100%; position: relative; top:auto; left:auto;}
.inews .aqlist .more{ position:relative; bottom:auto; margin-top:20px;}
.inews .inewslist .othernews .kuai h3{ font-size:16px;}
.website .dapei{ font-size:20px;}

.footer .fcontent{ padding:40px 0;}
.footer ul {width: 100%;display: block;}
.footer li {line-height:30px; }
.footer li:nth-child(1) .weixin img{ display:none}
.footer li:nth-child(1) .weixin{ text-align:left; display:block; width:100%}
.footer li:nth-child(1) .text{ float:none}
.footer li:nth-child(3){ margin-top:20px;}
.footer li:nth-child(1) p{ font-size:15px !important; line-height:25px;}
.bottom{padding:40px 0;}
.footer li{ display:block}

.why .item{ float:left; width:48.5%; margin-right:3%; padding:20px;}
.why .item:nth-child(2n){ margin-right:0}
.why .item:nth-child(1), .why .item:nth-child(2){ margin-bottom:3%}

.iyoushi .sanda .item{ float:none; width:100%; clear:both; margin-top:15px;}
.iyoushi .sanda .item:nth-child(1){ margin-top:0}
.ntuijian .right .item{ width:25%; }
.iyoushi .sanda .item{ width:215px; margin-left:auto; margin-right:auto}
.iyoushi .sanda .item .icon{ width:80px;}
.iyoushi .sanda .item .text{width: calc(100% - 100px);}
.iyoushi .sanda .item .text h3{ margin-top:8px;}

.iliucheng .conn .item{ width:100%; margin-right:0%; margin-top:20px;}
.iliucheng .conn .item:nth-child(1){ margin-top:0;}

.nmain .naqlist li{ padding:12px 18px;}
.about_con .left h4{ font-size:22px; }

.feedback .form .column{ float:none; width:100%; margin-right:0;}
.feedback .form .row_1 { margin-right:0px}
.feedback .form .row_1 input{ line-height:40px; height:40px;}
.feedback .form .column{line-height:40px; margin-bottom:10px;}
.about_con .text{ font-size:16px;}

.nbanner_2{ height:300px}
.nbanner .text{ font-size:25px}
.nbanner .text .tit1{ font-size:25px; padding-bottom:5px}
.nbanner .text .tit2{ font-size:16px}
.nbanner .text .p1{font-size:14px;}
.nbanner .text1{ top:18%}
.nbanner .num_list{ width:auto; margin-top:10%}
.nbanner .num_list li{ text-align:center; padding-left:2.5%; padding-right:2.5%}
.nbanner .num_list li .num{ font-size:40px}
}


@media screen and (max-width:540px){
.inews .inewslist .othernews .kuai{ float:none; width:100%;}
.inews .inewslist .othernews .kuai:nth-child(2n){ float:none}	
.inews .inewslist .topnews .wenzi .dmore{ display:none;}

.icase .conn .item{width:32%;}
.icase .conn .item:nth-child(5n){margin-right:2%}
.icase .conn .item:nth-child(3n){margin-right:0}
.nbanner>img{ width:160%; margin-left:-30%}
.ntuijian .right .item{ width:33.33%; }
.ntuijian .right .item:nth-child(19), .ntuijian .right .item:nth-child(20){ display:none; }

.ncb01 .conn .item .icon{ width:100px; height:100px; margin:0 auto 15px}
.ncb01 .item span{ font-size:16px;}
.ncb01 .item{ width:100%; float:none; margin-top:20px;}
.ncb01 .item:nth-child(1){ margin-top:0}

.iabys .conn .item{ float:none; width:100%; margin-right:0%; margin-top:20px;}
.iabys .conn .item:nth-child(1){ margin-top:0}
.nmain .newstitle h3{ font-size:22px;}

.caselist{ display:block}
.i-case-list li{ width:98%; margin-bottom:20px}
}