@charset "utf-8";


@media screen and (max-width: 1200px) {
	
    ::-webkit-scrollbar{width: 0}
    .HeaderNav { display:none;}
    .Header{ height: auto; /* padding-bottom: 20px; */ border-bottom: 1px solid #8C8C91; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
    .HeaderOn{ box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
    .w1200{ width:96%;}
    .HeaderNav ,.searchIcon ,.zxIcon,.fdmaincdtxt .swiper-pagination ,.fdmainbslider .swiper-pagination{ display:none;}
    .HeaderLogo{ height:35px; width:auto;}
    .HeaderLogo img{ height:100%;    top: -5px;}
	.hlimg1,.hlimg2{ max-width:inherit;}

    /* 手机端导航 */
    .menuIcon-nav{ display: none; }
    .menuIcon2{ position:relative; right:0px; float:right; top:23px; z-index:99999; cursor:pointer;}
     .menuIcon{ position:relative; right:0px; float:right; top:15px; z-index:99999; cursor:pointer;}
    .menuIcon{ display:block;}
    .btn-nav{float:right; background:0 0;border:none;padding:0 ;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
    .btn-nav:focus{outline:0}
    .icon-bar{display:block;margin:5px 0;width:23px;height:2px;background-color:#fff}
    .btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
    .animated2{display:block;margin:0 auto}
    .animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
    .animated2:focus{cursor:pointer;z-index:9999}
    .middle{width:18px;}
    .icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
    .animated2 .icon-bar{z-index:999999;background-color:#000}
    .animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
    .animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
    .animated2 .middle{width:0}
    .Header.showMenu{  background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
    .Header.showMenu .logo{ background-image:url("../images/wangZhan/logo2.png") }
    .Header.showMenu .animated2 .icon-bar{ background:#fff;}
    .HeaderOn .icon-bar,.CaseOn .icon-bar{background:#000;}
    .menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden;}
    .menuBox{ margin:80px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden;}
    .menuBox li{ padding:0 0px 0 0; position:relative;}
    .menuBox li>a{ height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background:url("../images/wangZhan/icon_01.png")  no-repeat 98% center; background-size:12px; display:block; opacity:0.8}
    .menuBox li.on>a{ background-image:url("../images/wangZhan/icon_02.png") ;}
    .menuBox li.link>a{ background-image:url("../images/wangZhan/icon_031.png") ;}
    .menuBox li.searchBtn>a{ background: url("../images/wangZhan/icon_04.png")  no-repeat left center;background-size:14px; text-indent:18px;}
    .serList{ overflow:hidden; display:none;}
    .serList a{ width:100%; display:inline-block; height:42px; line-height:42px; font-size:13px; text-indent:20px; color:rgba(255,255,255,0.6); position:relative;}
    .bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
    .lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
	.pagemainl, .pagemainr{ width:100%; min-height:inherit; padding:0; margin:0;}

    /* 内页banner */
    .nybanner{ height:290px; background-size: cover !important;}
    .nybanner h2,.nybanner p{ width: 94%;}
    .nybanner h2{ padding: 150px 0 10px 0; font-size: 18px; font-weight: normal; }
    .joinbanner h2{ padding: 120px 0 20px 0;}
    .nybanner p{ line-height: 22px; font-size: 14px; }
    .nybanner a{ margin: 20px auto;}
    .caseshow{ height:290px; background-size: cover;}
    .ctit{ width: 94%; height: auto; left: 3%; top: 100px; margin: 0; }
    .ctit i{ font-size: 16px;}
    .ctit h2{ font-size: 18px;}
    .ctit p{ margin: 10px 0 15px 0;}
    .alsxp{ width: 94%; left: 3%; bottom: 20px; margin: 0; }
    .alsxp .prev{ float: left; }
    .alsxp .back{ float: left; margin-left: 33%; }
    .alsxp .next{ float: right; }

    /* 走进双安 */
	.aboutsub a{ height:40px; line-height:40px; margin:0; padding-left: 30px; text-align: left; color:#595959; border-bottom:1px solid #c1c1c1; font-weight:normal;}
	.aboutsubem{ right:auto; height:100%; left:0;}
    .pagemain{ background:#fcfcfc; padding-bottom:0;}
	.pagemainl,.aboutsubi,.pagemainrbg{ display:none !important;}
	.pagemainlbg{ display:none;}
	.pagemainr{ padding-top:15px;}
	.pagemainrp1l,.pagemainrp1r{ margin:0; padding:0; width:100%;}
	.pagemainrp1r{ padding-top:10px;line-height: 24px; font-size: 14px;}
	.pagemainrp1{ margin: 15px 0;}
    .pagemainrtxt img{ width: 100% }
    .img2,.img3{ width: 100% ;height:auto;}
    .hxye{ margin: 15px 0; }
    .shim{ width: 100%; height: auto; margin: 15px 0; }
    .shim dt{ width: 100%; height: auto; }
    .shim dd{ width: 98%; height: auto; padding: 10px 1%; }
    .shim dd h3{ letter-spacing: 2px; font-size: 16px; font-weight: normal; }
    .shim dd p{ line-height: 18px; margin-top: 5px; font-size: 12px; }
    .jiazhi{ width: 100%; }
    .jiazhi h1{ margin-bottom: 0; font-size: 20px; }
    .jiazhi h3{ padding: 10px 0 5px 0; font-size: 16px;}
    .jiazhi p{ line-height: 24px; padding-bottom: 10px; font-size: 14px;}
    .pagemainrtxt{ padding-bottom: 15px; }
    .pagemainrh2 em{ padding-bottom: 5px;  }
    .pagemainrh2 span{ margin-top: 10px;    font-size: 20px; }
    /*双安资讯 */
    .news{ padding:15px 0;}
    .newslist{ margin-top: 15px; }
    .newslist dl dt{ width: 100%; height: auto;}
    .newslist .dl2 dt{ width: 100%; height: auto;}
    .newslist dl dd{ width: 96%; height: auto; padding: 10px 2% 10px 2%; }
    .newslist .dl2 dd{ width: 96%; height: auto; padding: 10px 2% 10px 2%; }
    .newslist dl dd h3{ margin: 10px 0; }
    .newslist dl dd p{ margin-bottom: 5px; }
    .newscon{ width: 92%; margin: 15px 2%; padding:15px 2%; }
    .newscon h2{ letter-spacing: 1px; }
    .newscon .bdsharebuttonbox{ padding: 10px 0; }
    .newscon .bdsharebuttonbox span{ width: 100%; text-align: center; margin-right: 0; }
    .newscon .bdsharebuttonbox b,.newscon .bdsharebuttonbox a{ display: none; }
    .newslist dl{ margin-bottom: 15px; }
    .newscon .conts{ margin-top: 10px; margin-bottom: 0; padding-bottom: 10px; }
    .newscon .conts p{ line-height: 24px; margin-bottom: 10px; font-size: 14px; }
    .prenext{ padding-top:10px; }
    .newslist dl dd span{ margin: -5px 0; }
    .newslist dl dt img{ display: block; }
    .newslist dl dd b{ font-weight: normal; padding-left: 0; background: none; }
    /*双安业务 */
    .descr{ padding: 10px 0 0 0; font-size: 14px;  }
    .yewu{ padding-bottom: 15px;  }
    .yewu dl{ width: 100%; margin: 10px 0 0 0; }
    .yewu dl dt{ width: 100%; height: auto; }
    .casetit{ line-height: 24px; padding: 15px 0 0 0; }
    .case dl{ width: 49%; margin: 10px auto 0; float: left; }
    .case dl dt{ width: 100%; height: auto; }
    .case dl:nth-child(2n){ float: right }
    .case dl.lr{ margin: 10px auto; }
    .yjywny{ padding: 15px 2%; width: auto}
    .casecon{ width: 96%; padding: 15px 2%; }
    .yewu dl dd{ margin-top: 0; }
    .yewu dl.lr{margin: 10px 0 0 0;}
    .casecon h1{ font-size: 20px }
    .casecon h2{ padding-top:15px; font-size: 16px; }
    .casecon p{ line-height: 24px; font-size: 14px;  padding: 10px 0 10px 0;}
    .casecon img{ margin-top: 15px; }
    .case dl dt img{ display: block }
    /* 合作伙伴 */
    .hzhb{ overflow: hidden;}
    .pater{ width:92%; padding:10px 2%; margin: 15px auto; top:0;}
    .paterlist{ margin-top:10px;}
    .paterlist li{ width: 49%;  float: left; margin:auto; margin-bottom: 1%; height: auto; }
    .paterlist li:nth-child(2n){ float: right; }
    /* 加入双安 */
    .jointit{ padding:15px 2%; margin-top:10px;}
    .jointit p.t1{ width:50%;}
    .jointit p.t2{ display: none }
    .jointit p.t3{ width:50%; margin-left:0;text-align: left;}
    .join{ margin-bottom:10px;}
    .join ul li a{ padding:20px 2%; right: 5px}
    .join ul li a p.c1{ width:50%;}
    .join ul li a p.c2{ display: none;}
    .join ul li a p.c3{ width:50%; margin-left:0;text-align: left;}
    .join .submenu-indicator{ right: 15px; top:20px; }
    .join ul ul.submenu{ line-height: 24px;  padding: 0 2% 10px 2%; }
    .join ul li .c3::before{ right: 20px; }
    .join ul li .c3.open::before{ right: 20px; }
    /* 联系我们 */
    .lxwm{ overflow: hidden; }
    .contact{ width:92%; padding:10px 2% 10px 2%; margin: 15px auto; top:0;}
    .xltop .left{ width:100%;}
    .xltop .left dl{ margin-top:15px; padding-left:50px;}
    .xltop .left dl.adds{ margin-top:10px;}
    .xltop form{ width:96%; padding:10px 2%; margin-top: 15px; }
    .xltop form input{ width:98%; padding-left:2%;border:0; overflow: hidden;}
    
    .xltop form textarea{ width:98%; padding-left:2%;border:0; overflow: hidden;}
    
    .xltop form .sub{ margin-top:15px;}
    #dituContent{ width:99%; height:198px; margin-top:15px; display: none !important;}
    .lxtit{ margin:15px 0; overflow:hidden;}
    .lxtit h2{ width:64%;}
    .lxtit p{ width:18%;}
    .company dl{ width:96%; padding:15px 2%; margin-bottom: 10px;}
    .company dl.gs2{ float:left}
    .company dl dt{ padding-bottom:15px;}
    .company dl dd{ margin-top:10px;}
    .company dl dd p{ width:100%; font-size: 14px;}
    .company dl dd span{ margin-top: 5px; float: left; }

    /* 分页 */
    #page{ display: none;}
    #mpage{ display: block; padding-top: 0 }
    .prenext p a{ line-height: 24px; margin-bottom: 10px; font-size: 15px; }
    .prenext .back{ margin-top: 0; float: left; }

	/* 公用底部 */
    .backtop{  bottom:72px; right:3%;}
    .Otherlink{ display: none;}
    .bottoms{ padding: 0 0 15px 0; }
    .botcon{ width: 94%; display: none; }
    .botcon ul{ display: none; }
    .botcon dl{ margin: 0 0 20px 0; }
    .botcon dl.lx,.botcon dl.email,.botcon dl.adv{ width: 100%; }
    .botcon dl dt{ padding-bottom: 5px; }
    .botcon dl dd{ margin-top: 10px; overflow: hidden; }
    .botcon dl dd p{ line-height: 25px; }
    .botcon dl dd a{ float: left; }
    .botcon dl dd a.qq{ margin-right: 20px; }
    .copyright{ padding-top: 20px; font-size: 12px; border-top: 1px solid #484848; }

}