@charset "utf-8";
html{ font-family:"微软雅黑" !important; font-size:14px;}
body{ background-color:#fff;}
a{ color:#333333;}
a:hover{ color:#9e1c35;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.container{ width:100%; position:absolute; left:0; top:0; z-index:2; background-color:#fff;}
.cont-s{ width:1200px; margin-left:auto; margin-right:auto;}
/* 首页弹窗 */
.index_box{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999;}
.index_box_con{width: 50%; height: auto; margin: 8% auto 0 auto; border-radius: 5px; background: #fff; position: relative; padding: 0.5%;}
.index_box_con i{display: block; width: 25px; height: 25px; line-height: 25px; font-size: 14px; position: absolute; top: 1%; right: 1%; color: #fff; font-style: normal; cursor:pointer; background: #9e1c35; border-radius: 50%; text-align: center;}

/* 首页5个按钮 */
.index_nav_box{width: 1200px; margin: 0 auto;}
.index_nav_box ul{margin: 0 ; padding: 0;}
.index_nav_box ul li{list-style: none; float: left; background: #9e1c35; width: 20%;}
.index_nav_box ul li a{color: #fff; display: block; padding: 20px 0; width: 100%; text-align: center; }
.index_nav_box ul li a:hover{background: #666;}

/* 匹配查询页 */
.detail form p{font-size: 15px; margin: 10px 0;}
.detail form label{margin:10px;}
.a-radio{display: none;}
.b-radio{display: inline-block; border:1px solid #ccc; width:16px; height: 16px; border-radius:2px; vertical-align: middle; margin-right: 5px; position: relative;}
.b-radio:before{content: ''; font-size: 0; width: 10px; height: 10px; background: #9e1c35; position: absolute; left:50%; top:50%; margin-left: -5px; margin-top: -5px; border-radius: 2px; display: none;}
.a-radio:checked~.b-radio:before{display: block;}
.selevt_submit{text-align: center;}
.submit{background: #9e1c35; color: #fff; border: 0; padding: 10px 80px; margin-top: 50px;}
.detail_select_box{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999;}
.detail_select_div{width: 50%; height: auto; margin: 5% auto 0 auto; border-radius: 5px; background: #fff; position: relative;}
.detail_select_div h2{color: #9e1c35; text-align: center; padding: 2% 0; margin: 0;}
.detail_select_div i{font-size: 16px; position: absolute; top: 2%; right: 2%; color: #9e1c35; font-style: normal; cursor:pointer;}
.detail_select_body{width: 100%; max-height: 500px; overflow-y: auto;}
.detail_select_con{padding: 0 5%; margin-bottom: 20px;}
.detail_select_con img{border-top: 1px solid #ddd; padding-top: 20px;}
.detail_select_con p{font-size: 14px; text-align: center;}

/*头部head*/
.top{ width:100%; height:36px; background-color:#f6f6f6;}
.top .search{ width:180px; height:28px; margin-top:2px; border-radius:13px; border:1px solid #ddd; float:right; position:relative;}
.top .search input[type="text"]{ border:none; outline:none; position:absolute; left:12px; top:5px; background-color:#f6f6f6; font-size:12px; color:#666;}
.top .search .submit{ border:none; outline:none; background:url(/uploads/image/pimages/search.png) center no-repeat; width:26px; height:26px; position:absolute; top:1px; right:5px;}
.head{ background-color:#fff; height:95px; width:1200px; margin:0 auto; position:relative;}
.head .box{ position:relative; height:100%;}
.head .box .logo{ overflow:hidden; position:absolute; left:0; top:6px;}
.head .box .logo img{ height:54%;}
.head .box .logo img#logo2{ display:none;}
.head .box .nav{ position:absolute; right:0; top:0; height:100%;}
.head .box .nav ul{ width:100%; height:100%;}
.head .box .nav ul li{ height:100%; text-align:center; float:left; line-height:95px; cursor:pointer; position:relative;}
.head .box .nav ul li i{ display:none; width:70%; position:absolute; bottom:0; left:15%; height:2px; background-color:red;}
.head .box .nav ul li:hover i{ display:block;}
.head .box .nav ul li .site{ color:#666666; font-size:15px; padding:0 30px; border-right:1px solid #ddd;}
.head .box .nav ul li .linkbox{ display:none; position:fixed; text-align:left; line-height:normal; width:100%; top:131px; left:0; z-index:100;}
.head .box .nav ul li .linkbox .all{ height:39px; line-height:39px; margin:0 auto; background-color:#eeeeee; width:1200px;}
.head .box .nav ul li .linkbox .all .sslink:hover{ color:#9e1c35;}
.headon .site{ color:#9e1c35 !important;}
.headon i{ display:block !important;}
.head .box .nav ul li:hover{}
.head .box .nav ul li:hover .site{ color:#9e1c35 !important;}
.head .box .nav ul li:hover .linkbox{ display:block;}
.head .box .nav ul .search{ width:10%;}
.head .box .nav ul .search .site{ height:18px; width:19px; background:url(/uploads/image/pimages/search.png) center no-repeat; margin:0 auto; display:block; margin-top:32px;}
.head .box .nav ul .search:hover .site{ background:url(/uploads/image/pimages/search1.png) center no-repeat;}
.vadiobox{ height:500px; width:1200px; margin:0 auto; background-color:#999; overflow:hidden; }
.vadio{ width:100%; height:100%; position:relative; overflow:hidden;}
.vadio .font{ width:460px; text-align:center; position:absolute; right:0; bottom:54px; z-index:3;}
.vadio span{ height:675px !important; margin-top:-160px;}
.vadio video{ width:100%; position:absolute; left:0; top:-160px;object-fit:fill;}
.vadio-imgico{width: 100%; height: 100%; background: rgba(0,0,0,0.5);position: absolute; top: 0;}
.vadio .font{width: 100%; top: 35%; font-size: 24px; color: #fff;}
.vadio .font p{margin-bottom: 30px; line-height: 36px;}
.vadio .font a{color: #fff; padding: 12px 50px; font-size: 14px; background: #9e1c35; margin: 20px 0;}
.slide{ height:448px; overflow:hidden; position:relative;}
.slide .swiper-container,slide .swiper-container .swiper-wrapper,slide .swiper-container .swiper-wrapper .swiper-slide,.slide .swiper-container .swiper-wrapper .swiper-slide a{ width:100%; height:100%; overflow:hidden;}
.slide .swiper-container .swiper-wrapper .swiper-slide a{ display:block; background-size:cover; background-position:center; background-repeat:no-repeat;}
.slide img{ height:100%;}
.sut{ position:absolute; bottom:10px; width:100%; left:0; text-align:center; z-index:2;}
.sut span{ height:18px; width:18px; display:inline-block; margin:0 8px; background:url(/uploads/image/pimages/point.png) center no-repeat; cursor:pointer;}
.sut span:hover{ background:url(/uploads/image/pimages/pointon.png) center no-repeat; background-size:100% 100%;}
.sut .swiper-active-switch{ background:url(/uploads/image/pimages/pointon.png) center no-repeat; background-size:100% 100%;}
.boxs{ padding-top:30px;}
.boxs .title{ position:relative; margin-left:auto; margin-right:auto; width:190px;}
.boxs .title h1{ font-size:20px; color:#333; margin:0 auto; text-align:center;}
.boxs .title .line{ height:1px; width:40px; position:absolute; top:49%; background-color:#bababa;}
.boxs .title .line1{ left:0;}
.boxs .title .line2{ right:0;}
.boxs .cont{ font-size:12px; color:#666; line-height:24px; margin:4px auto; text-align:center; margin-bottom:20px;}
.product{ width:100%;}
.product li{ width:290px; margin-right:13px; height:240px; float:left; position:relative;}
.product li:nth-child(4){ margin-right:0;}
.product li img{ width:100%; height:100%;}
.product li p{ width:100%; height:36px; line-height:36px; text-align:center; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.6); color:#fff;}
.product li:hover p{ background-color:rgba(158,28,53,0.6);}
.product li:hover img{ opacity:0.9;}
.slide2{ width:100%; margin:0 auto; margin-bottom:40px; position:relative;}
.slide2 .slidebox{ width:1200px; margin:0 auto; height:160px;}
.slide2 .slidebox .swiper-wrapper,.slide2 .slidebox .swiper-wrapper .swiper-slide,.slide2 .slidebox .swiper-wrapper .swiper-slide a{ height:100%; display:block;}
.slide2 .slidebox .swiper-wrapper .swiper-slide{ width:20%; margin:0;}
.slide2 .slidebox .swiper-wrapper .swiper-slide img{ width:232px; height:130px; margin:0 auto; display:block;}
.slide2 .slidebox .swiper-wrapper .swiper-slide p{ width:100%; text-align:center; color:#333; margin-top:6px;}
.slide2 .slidebox .swiper-wrapper .swiper-slide:hover img{ opacity:0.9;}
.slide2 .slidebox .swiper-wrapper .swiper-slide:hover p{ color:#9e1c35;}
.slide2 .prev,.slide2 .next{ width:50px; height:50px; position:absolute; top:40px; cursor:pointer; z-index:99}
.slide2 .prev{ background:url(/uploads/image/pimages/prev.png) center no-repeat; left:15px;}
.slide2 .next{ background:url(/uploads/image/pimages/next.png) center no-repeat; right:15px;}
.slide2 .prev:hover,.slide2 .next:hover{ opacity:0.8;}
.order{ background:url(/uploads/image/pimages/cloudbg.jpg) center no-repeat; height:203px;}
.order .font{ width:60%; float:right; text-align:center;}
.order .font h1{ font-size:30px; color:#8f273b; text-align:center; margin:0 auto; padding:20px 0; padding-bottom:15px;}
.order .font p{ font-size:16px; color:#666; text-align:center;}
.order .font a{ color:#fff; background-color:#9e1c35; border-radius:6px; width:80px; height:32px; line-height:32px; text-align:center; margin:0 auto; margin-top:20px; display:block;}
.order .font a:hover{ background-color:#ca546b;}
.subpage{ width:1200px; margin:0 auto; overflow:hidden;}
.subpage .topimg{ width:100%; max-height:400px; overflow:hidden;}
.subpage .topimg img{ width:100%;}
.subpage .pro{ width:96%; margin:0 auto; padding:20px 0;}
.subpage .pro .dt{ padding-bottom:20px; font-size:14px; color:#666; line-height:26px; width:80%;}
.subpage .pro .tab{ width:100%; /*border-bottom:1px solid #333333;*/}
.subpage .pro .tab span{ display:block; height:36px; line-height:36px; color:#fff; width:147px; text-align:center; font-size:14px; border-right:1px solid #fff; background-color:#999999; float:left; cursor:pointer;}
.subpage .pro .tab span:hover{ background-color:#333333 !important;}
.subpage .pro .tabon{ background-color:#333333 !important;}
.subpage .pro .detail{ width:96%; margin:0 auto; padding-top:20px; font-size:1.0rem; line-height:24px; color:#666; overflow:hidden; display:none;}
.subpage .pro .detail img,.subpage .pro .detail video,.subpage .pro .detail iframe{ max-width:90%; margin-top:10px;}
.subnav{ display:block; text-align:left; line-height:normal; width:100%; height:39px;}
.subnav .all{ margin:0 auto; background-color:#eeeeee; height:100%; width:1200px;}
.subnav .all .subsub{ position:relative; float:left; line-height:39px;}
.subnav .all .subsub .sslink{ color:#666666; border-right:1px solid #cfcfcf; padding:0 22px;}
.subnav .all .subsub .ss{ position:absolute; display:none; left:0; width:100%; top:39px;}
.subnav .all .subsub .ss a{ width:100%; font-size:12px; height:auto; line-height:20px; padding:4px 12px; display:block; color:#fff; text-align:center; background-color:#9e1c35; border-bottom:1px dashed #ae5462;}
.subnav .all .subsub .ss a:hover{ color:#999;}
.subnav .all .subsub .sslink:hover{ color:#9e1c35;}
.subnav .all .subsub:hover .ss{ display:block;}
.subon .ss{ display:block !important;}
.subnav{ display:block; text-align:left; line-height:normal; width:100%;}
.linkbox .all{ margin:0 auto; background-color:#eeeeee; width:1200px;}
.linkbox .all .subsub1{ position:relative; float:left;}
.linkbox .all .subsub1 .sslink{ color:#666666; border-right:1px solid #cfcfcf; padding:0 22px;}
.linkbox .all .subsub1 .ss{ position:absolute; display:none; left:0; top:39px; width:100%;}
.linkbox .all .subsub1 .ss a{ width:100%; font-size:12px; height:auto; line-height:20px; padding:4px 12px; display:block; color:#fff; text-align:center; background-color:#9e1c35; border-bottom:1px dashed #ae5462;}
.linkbox .all .subsub1 .ss a:hover{ color:#999;}
.linkbox .all .subsub1 .sslink:hover{ color:#9e1c35;}
.linkbox .all .subsub1:hover .ss{ display:block;}

.scrap{ margin:10px auto; width:96%;}
.scrap .title{ border-bottom:1px dashed #dddddd; padding:15px 0;}
.scrap .title h1{ font-size:1.8rem; font-weight:normal; text-align:center; margin:0 auto; width:90%; margin-bottom:10px;}
.scrap .title p{ text-align:center; color:#999; font-size:0.8rem;}
.scrap .detail{ width:94%; margin:35px auto; color:#666; font-size:1.0rem; line-height:26px; min-height:300px;}
.scrap .detail img,.scrap .detail embed,.scrap .detail iframe{ max-width:100%; margin:10px auto;}
.scrap .detail img{display:block;}
.selectpage{ background-color:#f1f1f1; padding:15px 0; margin-bottom:60px;}
.selectpage p a:hover{ text-decoration:underline;}
.selectpage p{ width:46%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.selectpage .prevp{ float:left; margin-left:2%;}
.selectpage .nextp{ float:right; margin-right:2%; text-align:right;}
.proj .list ul li img{ height:250px;; width:100%; display:block;}
.proj .list ul li{ width:394px; margin-right:9px; float:left; margin-bottom:10px; overflow:hidden;}
.proj .list ul li p{ height:40px; line-height:40px; width:100%; text-align:center; font-size:1.0rem; color:#333;}
.proj .list ul li:hover p{ background-color:#9e1c35; color:#fff !important;}
.proj .list ul li:nth-child(3n){ margin-right:0;}
.pages{ margin-top:30px; margin-bottom:40px; text-align:center;}
.contact .us{ width:100%; margin-top:60px;}
.contact .us .ttl{ width:90%; margin:12px 0; margin-left:2%; font-size:1.4rem; color:#9e1c35; white-space:nowrap; overflow:hidden;}
.contact .us .cont{ width:90%; margin-left:2%; font-size:1.0rem; color:#333333; line-height:26px;}
.contact .map{ width:100%;}
.contact .map .mapbox{width:100%; height:340px;}
.od{ width:96%; margin:20px auto;}
.od .title{ padding:20px 0; border-bottom:1px dashed #ddd; padding-bottom:40px;text-align: center;}
.od .title h3{ font-size:15px; margin:0 auto; width:96%; color:#333; font-weight:normal;}
.od .title .cont{ font-size:14px; line-height:25px; color:#666; margin:0 auto; width:96%; margin-top:6px;}
.od .odtable{ width:900px; margin:30px auto;}
.od .odtable li{ width:50%;float:left;margin-bottom: 15px;}
.od .odtable li.area,.od .odtable li.btn{width:100%;}
.od .odtable .name{ text-align:right; padding-right:10px; color:#333;float:left;width:80px;line-height:45px;display:inline-block;}
.od .odtable div input[type="text"],.od .odtable div select{ width:320px; height:40px; line-height:40px; border:1px solid #ddd; box-shadow:inset 2px 2px 4px #ebebeb; border-radius:4px; text-indent:10px; outline:none; color:#999; font-size:14px;}
.od .odtable div textarea{ height:192px; display:block; border:1px solid #ddd; box-shadow:inset 2px 2px 4px #ebebeb; border-radius:4px; width:760px; outline:none; padding:5px; color:#999; font-size:14px;}
.od .odtable li .button{ width:192px; height:40px; text-align:center; line-height:40px; border:none; outline:none; color:#fff; background-color:#9e1c35;margin:0 auto;display:block;}
.proj{ margin-top:15px;}
.yuyue{ padding:7px 12px !important; border:1px solid #9e1c35 ; background-color:#9e1c35 ;color:#fff !important;}
.head .box .nav ul li:hover .yuyue{ color:#fff !important;}
.sson{ color:#9e1c35 !important;}

.foot{}
.foot .fri{ width:100%; background-color:#f7f7f7;}
.foot .fri .cont-s{ padding:20px 0; position:relative;}
.foot .cont-s{ padding:20px 0;}
.foot .fri .cont-s p{ color:#9e1c35; width:1010px; float:left;}
.foot .fri .cont-s p a{ padding:0 20px; color:#666; border-right:1px solid #999;}
.foot .fri .cont-s p a:hover{ color:#9e1c35;}
.foot .fri .cont-s .share{ width:167px; height:60px; position:absolute; top:0; right:0; background-color:#f1f1f1;}
.foot .fri .cont-s .share a{ display:block; width:33.3333%; height:100%; float:left;}
.foot .fri .cont-s .share .tx{ background:url(/uploads/image/pimages/tx.png) center no-repeat;}
.foot .fri .cont-s .share .qq{ background:url(/uploads/image/pimages/qq.png) center no-repeat;}
.foot .fri .cont-s .share a:hover{ opacity:0.8;}
.foot .fri .cont-s .share .weibo{ background:url(/uploads/image/pimages/weibo.png) center no-repeat;}
.foot ul li{ width:13%; float:left;}
.foot ul li img{ width:150px;}
.foot ul .first{ width:30%; text-align:right;}
.foot ul .first p{ color:#666;}
.foot ul .second{ width:15.5%;}
.foot ul li span{ font-size:1.0rem; color:#666; display:block; margin-bottom:10px;}
.foot ul li a{ font-size:12px; color:#cccccc; margin:5px 0; display:block;}
.foot ul li a:hover{ color:#666;}
.ft-se{ margin-top:20px;}
.ft-se .l{ width:50%; float:left; color:#333; text-indent:30px; background:url(/uploads/image/pimages/case1.png) left no-repeat; background-size:auto 100%;}
.ft-se .l span{ font-weight:bold; font-size:1.1rem;}
.ft-se .r{ width:50%; float:right; text-align:right;}
.copy{ background-color:#464646; border-top:1px solid #636363; padding:20px 0;}
/*右侧悬浮*/
.tip{ position:fixed; bottom:250px; right:40px; display:block; z-index:99;}
.tip a{ width:40px; height:40px; text-align:center; line-height:40px; display:block; margin-top:3px; background-color:#dadbdd;}
.tip a img{ width:100%; height:100%;}
.tip a:hover{ background-color:#007cc3;}
.qrcodeimg{ width:140px; height:140px; background-color:#fff; border:1px solid #ebebeb; position:absolute; right:45px; bottom:40px;}
.copy .l{ width:50%; float:left; color:#969595;}
.copy .l span{ font-weight:bold; font-size:1.1rem;}
.copy .r{ width:50%; float:right; text-align:right; color:#969595;}
.copy .r a,.copy .l a{ color:#969595;}

.pop .top{ margin-top:0 !important;}
.bmap_omctrl,.anchorbl,.bmap_marker{ display:none;}
.cslist{ width:100%; margin-bottom:20px;}
.cslist .clbox{ width:32.7%; float:left; margin-right:10px;}
.cslist .clbox:nth-child(3){ margin-right:0;}
.cslist .clbox h3{ height:28px; line-height:28px; margin:0; background-color:#333; color:#fff; text-indent:12px; font-size:14px; font-family:"宋体";}
.cslist .clbox ul li{ height:50px; position:relative; border-bottom:1px solid #ddd;}
.cslist .clbox ul li span{height:100%; line-height:50px; font-family:"宋体"; color:#333; padding:0 10px; white-space:nowrap; overflow:hidden; width:50%; top:0; position:absolute;}
.cslist .clbox ul li .le{ left:0; text-align:left;}
.cslist .clbox ul li .ri{ right:0; text-align:right;}

.bottom{text-align: center;padding:20px 0;}

/*兼容ie9以下*/
@media \0screen\,screen\9 {
	
}

.wpsearch,.menuicon,.navup{display:none;}
@media (max-width:768px){
    input{outline: none;}
    .top{display: none;}
    .container{position: inherit;}
    .cont-s,.head{width:100%;}
    .head{height:60px;background: #fff;}
    .head .box{position: inherit;height:50px;}
    .head .box .logobox{width:100%;position: fixed;height:60px;z-index: 101;background: #fff;top:0;left:0;}
    .head .box .logo{position: inherit;height:50px;overflow: hidden;float:left;width:55%;line-height: 50px;top:5px;left:5px;}
    .head .box .logo a{display: inline-block;height:50px;line-height: 50px;}
    .head .box .logo img{max-width:100%;height:auto;max-height:50px;display:inline-block;}
    .head .box .menuicon{width:50px;display: block;float:right;width:40%;height:60px;overflow: hidden;}
    .head .box .menuicon a{line-height: 60px;font-size:120%;float:right;margin-right:1rem;}
    .head .box .menuck{display:block;width:60px;height:60px;background:url(/uploads/image/pimages/icon_menu.png) no-repeat center;background-size:3rem;float:right;}
    .head .box .nav{top:0px;background: #fff;position: fixed;z-index: 100;width:100%;overflow-y: auto;display:none;}
    .head .box .nav .wpsearch{display: block;margin:75px 20px 0 20px;height:4rem;position: relative;}
    .head .box .nav .wpsearch .btn{font-size:120%;width:6rem;height:2.8rem;line-height: 2.8rem;border:solid 1px #09f;text-align: center;background: #09f;color:#fff;border-radius:20px;position: absolute;right:0;top:0;}
    .head .box .nav .wpsearch div{margin-right:7rem;}
    .head .box .nav .wpsearch .txt{width:92%;padding:0 4%;height:2.8rem;border:solid 1px #ddd;border-radius: 20px;}
    .head .box .nav .wpsearch .txt:focus{outline: none;}
    .head .box .nav ul{height:auto;margin-bottom: 5rem;}
    .head .box .nav ul li{/*height:50px;*/line-height:50px;text-align:left;width:100%;float:none;border-top: solid 1px #eee;position: relative;}
    .head .box .nav ul li .site{display:inline-block;padding:0 20px;border:0;font-size:16px;}
    .head .box .nav ul li:first-child .site{display: block;}
    .head .box .nav ul li:last-child{border:none;}
    .head .box .nav ul li .yuyue{margin:1rem;display:block;height:35px;line-height: 35px;border-radius:30px;text-align: center;}
    .head .box .nav ul li.active{height:auto;}
    .head .box .nav ul li .linkbox{position: absolute;left:0;top:0px;position: inherit;}
    .head .box .nav ul li:hover .linkbox{display:none;}
    .head .box .nav ul li i{display:block;position: absolute;height:50px;width:100px;right:0;top:0;left:inherit;
        background: url(/uploads/image/pimages/icon_up.png) no-repeat center left 1rem;background-size: 16px;transform:rotate(180deg);}
    .head .box .nav ul li.active i{transform: rotate(0deg);background-position: center right 1rem;}
    .headon i{display: none !important;}
    .head .box .nav ul li.headon{height:auto;}
    .head .box .nav ul li.headon i{display:block !important;}
    .head .box .nav ul li .linkbox .all{background: none;display:block;width:100%;height:auto;line-height: 50px;}
    .head .box .nav ul li:first-child i{display:none !important;}
    .linkbox .all .subsub1{float:none;width:100%;position: inherit;border-top: solid 1px #ddd;background: #f5f5f5;}
    .linkbox .all .subsub1 .sslink{display:inline-block;border:0;font-size:15px;}
    .linkbox .all .subsub1 .ss{position: inherit;clear:both;width:100%;background: #eee;line-height: 30px;padding:12px 0;}
    .linkbox .all .subsub1 .ss a{display:inline-block;width:auto;margin-left:20px;padding:0;background: none;border:0;color:#333;font-size:15px;}
    .navup{display:block;position:fixed;bottom:0;width:100%;height:3rem;background:#fff url(/uploads/image/pimages/icon_up.png) no-repeat center;background-size:1.4rem;}
    .linkbox .all .subsub1:hover .ss{display: none;}

    .vadiobox{width:100%;height:300px;background: url(/uploads/image/pimages/wpbanner.jpg) no-repeat center;background-size: 100%;}
    .vadio video{top:0;height:300px;object-fit:fill;display: none;}
    .vadio .font{width:100%;}
    .vadio .font img{max-width:80%;}
    .vadio .font{font-size: 4vw; top: 21%;}
    .vadio .font p{margin-bottom: 5vw; line-height: 10vw;}
    .vadio .font a{padding: 3vw 10vw; font-size: 3vw;}
    .slide2 .slidebox{width:100%;height:auto;}
    .slide2 .slidebox .swiper-wrapper .swiper-slide{width:49.5%;overflow: hidden;margin-bottom: 1rem;padding-right: 0.5%;}
    .slide2 .slidebox .swiper-wrapper .swiper-slide:nth-child(2n){padding:0 0 0 0.5%;}
    .slide2 .prev,.slide2 .next{display:none;}
    .slide2 .slidebox .swiper-wrapper .swiper-slide img{width: 100%;height:14rem;}
    .slide2 .slidebox .swiper-wrapper{padding:0 1%;width:98%;overflow: hidden;}
    .product{width:98%;margin:0 auto;}
    .product li{width:49.5%;margin:0 0.5% 0.5rem 0;overflow: hidden;height:260px;}
    .product li a{display: block;height:100%;background: #444;}
    .product li p{background: #666;}
    .product li:nth-child(2n){margin:0 0 0.5rem 0.5%;}
    .product li img{height:auto;}

    .order{background-position: center left;}
    .order .font{float:none;margin:0rem auto 0 auto;width:80%;}
    .order .font p{color:#fff;}

    .subpage{width:100%;}
    .subnav{height:auto;overflow: hidden;}
    .subnav .all{width:100%;padding:0px 0 10px 0;}
    .subnav .all .subsub{line-height: 24px;margin:0px 0 0 0;padding-top:10px;overflow: hidden;}
    .subnav .all .subsub .sslink{border:0;margin:0 10px;padding:0;}
    .subnav .all .subactive{float:none;width:100%;position: static;display:block;clear:both;overflow: hidden;}
    .subnav .all .subactive .ss{display:block;position: inherit;background: #ddd;padding:5px 0;}
    .subnav .all .subactive .ss a{display:inline-block;background: none;border:0;width:auto;font-size:14px;color:#333;}
    .subnav .all .subsub:hover .ss{}

    #newbridge,#nb_icon_wrap{display: none;overflow: hidden;}
    .tip{bottom:3rem;right:1rem;}
    .tip a{width:3rem;height:3rem;}
    .foot .fri{background: none;}
    .foot .fri .cont-s{padding:0;}
    .foot .fri .cont-s p{width:96%;float:none;padding:15px 2%;line-height: 25px;background: #f7f7f7;}
    .foot .fri .cont-s p a{border:0;padding:0;margin-right:15px;}
    .foot .fri .cont-s .share{width:200px;position: inherit;float:none;margin:10px auto 0 auto;background: none;}
    .foot ul li{display:none;}
    .foot ul li.first{display:block;width:100%;text-align: center;}
    .ft-se .l{width:210px;text-align: center;float:none;margin:1rem auto;}
    .ft-se .r{width:50%;text-align: center;float:none;margin:0 auto;}
    .copy .l{width:96%;text-align: center;float:none;margin:0 auto;}
    .copy .r{width:96%;text-align: center;float:none;margin:0 auto;}
    .foot .cont-s{padding-top: 0px;}

    .subpage .pro .dt{width:100%;}
    .subpage .topimg{height:auto;max-height:100%;}
    .subpage .topimg img{width:100%;}
    .subpage .pro .tab span{width:33.33%;border:0;}
    .cslist .clbox{width:32.5%;margin:0 1% 0 0;}
    .proj .list ul{padding:0 0.5rem;overflow: hidden;}
    .proj .list ul li{width:50%;margin:1rem 0 0 0;}
    .proj .list ul li a{display:block;margin:0 0.5rem;}
    .od .odtable{width:100%;}
    .od .odtable div input[type="text"], .od .odtable div select{width:240px;}
    .od .odtable .name{width:60px;}
    .od .odtable div textarea{width:600px;}

    .index_box_con{width: 80%; margin-top: 50%;}

    .detail form p{font-size: 3.5vw; margin: 3vw 0; float: left;}
	.detail form label{width: 100%; float: left; font-size: 3.5vw;}
	.b-radio{width: 3.5vw; height: 3.5vw; margin-right: 3vw;}
	.b-radio:before{width: 2.5vw; height: 2.5vw; margin-left: -1.3vw; margin-top: -1.2vw;}
	.selevt_submit{float: left; width: 100%;}
	.submit{padding: 3.5vw 15vw; margin-top: 10vw;}
	.detail_select_div{width: 90%; margin-top: 10vw;}
	.detail_select_div h2{font-size: 4vw; padding: 3vw 0;}
	.detail_select_div i{font-size: 4vw; top: 4vw; right: 4vw; font-weight: bold;}
	.detail_select_body{height: 140vw; min-height: 140vw;}

	.index_nav_box{width: 100%;}
    .index_nav_box ul li{padding: 0 3vw; width: 14%;}
    .index_nav_box ul li a{font-size: 3vw; height: 15vw; padding: 5vw 0 0 0;}
}
@media (max-width:640px){
    .od .odtable li{width:100%;}
    .od .odtable .name{width:80px;}
    .od .odtable div input[type="text"], .od .odtable div select{width:70%;}
    .od .odtable div textarea{width:68%;}
}
@media (max-width:425px){
    .vadiobox{background-size: 140%;}
    .cslist .clbox{width:100%;margin:0 0 1rem 0;}
    .product li{height:200px;}
    .foot .fri .cont-s span{display: block;text-align: center;}
    .proj .list ul li img{height:180px;}
    .slide2 .slidebox .swiper-wrapper .swiper-slide img{width: 100%;height:10rem;}
}
@media (max-width:320px){
    .head .box .logo img{margin-top:5px;}
    .head .box .menuicon a{width:50px;}
    .product li{height:160px;}
    .vadiobox,.vadio video{height:250px;}
    .od .odtable li{margin-bottom: 10px;}
    .od .odtable .name{width:80px;text-align: left;line-height: 30px;}
    .od .odtable div input[type="text"], .od .odtable div select{width:97%;float:none;margin:0 auto;}
    .od .odtable div textarea{width:95%;}
    .proj .list ul li img{height:120px;}
    .slide2 .slidebox .swiper-wrapper .swiper-slide img{width: 100%;height:8rem;}
}