/*------style.css start------*/ /*less*/ @c:center; @small:12px; @mid:14px; @big:16px; @b:#000; @g:#666; @r:#d41c29; .clearfix:after{ content:""; display:block; clear:both; } .clearfix{ zoom:1; } .fl{ float:left; } .fr{ float:right; } .db{ display:block; } .tl{ text-align: left; } .tc{ text-align: center; } .tr{ text-align: right; } .full{ width:100%; height:100%; } .box{ display: inline-block; } .none{ display: none; } a:hover{ text-decoration:none; color: #ca1c28; transition: color 0.4s; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -o-transition: color 0.4s; } @-webkit-keyframes fromBottomFade { from { -webkit-transform: translateY(20%); opacity:0; } } @keyframes fromBottomFade { from { transform: translateY(20%); opacity:0; } } a{text-decoration:none;} /*container*/ .container{ width: 92%; max-width:1600px; margin:0 auto; clear:both; } /*header*/ #header{display:none;} #leftcontrol{display:none;} #rightcontrol{display:none;} .pctop{ } .pctop .logo_tel{ } .pctop .logo{ float:left; height: 138px; font-size:0px;display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; display:-ms-flex; -ms-align-items:center; } .pctop .logo_tel .tel{ float: right; } .pctop .logo_tel .tel p{ line-height: 138px; font-size: 16px; color: #666666; } .pctop .logo_tel .tel p span{ padding-left: 15px; font-size: 34px; color: #0070ac; position: relative; top: 5px; } .pctop .containerNav{ background-color: #f2f2f2; } .nav{line-height:64px;} .navul li{float:left;height:64px;position:relative;width: 8.5vw; text-align: center;margin-right: 10px;} .navul li>a{font-size:16px;} .navul li.cur{color:#fff;background-color: #0070ac;} .navul li.cur>a{color:#fff;} .navul li>a:hover{color:#117ec8;} .navul li.cur a:hover{color:#fff;} .navul li .nav_son{display: none;position: absolute;top:64px;z-index:100;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);width: 8.5vw;font-size: 14px;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;} .navul li .nav_son a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#222;display:block;padding:10px 20px;border-bottom:1px solid #ebebeb;line-height:23px;} .navul li .nav_son a:hover{color:#0070ac;background:#f5f5f5;} .navul li .line{width:0px;height:3px;position:absolute;top:64px;left:0px;background:#117ec8;} .navul li:hover .line{width:100%;} .navul li:hover .nav_son{display:block;} /*banner*/ #indexbanner{overflow: hidden; position: relative;margin-top:0px;} #indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 70; width: 100%; color: rgba(0,0,0,0);} #indexbanner .bx-controls .bx-pager{ text-align: center;} #indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;} #indexbanner .bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);} #indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,0.8);} #indexbanner .bx-controls .bx-controls-direction{ display: none;} .insidebanner{} .tit{width:100%;text-align:center;overflow:hidden;} .tit .cn{font-size:41px;font-weight:bold;color:#333333;margin-bottom:16px;} .tit .cn span{color:#117ec8;text-transform:uppercase;} .tit .line{width:300px;height:1px;background:#e8e8e8;margin:auto;position:relative;margin-top:25px;margin-bottom:30px;} .tit .line:before{content:"";position:absolute;width:42px;height:3px;background:#71bf44;left:50%;top:-1px;transform:translateX(-50%); } .tit .intro{color:#bbbbbb;font-size:38px;font-weight:lighter;text-transform:uppercase;margin-bottom: 17px;} #indexproduct{width:100%;overflow:hidden;padding:70px 0px 80px;} .product{height:100%;margin:auto;overflow:hidden;} .product .cpzs{width:100%;margin-top:50px;} .product .cpzs ul li{width:31%;float:left;margin-right:3.5%;} .product .cpzs ul li:nth-child(3n){margin-right:0px;} .product .cpzs ul li .pic{border:1px solid #f2f2f2;width:100%;display:block;overflow:hidden;text-align:center;background:#fff;position:relative; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; display:-ms-flex; -ms-align-items:center;} .product .cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;transition:0.3s;} .product .cpzs ul li .tt{position:relative;text-indent:40px;height:44px;line-height:44px;background:#f5f5f5;font-size:22px;color:#484848;} .product .cpzs ul li .tt span{position:absolute;right:0px;height:44px;width:68px;background:url(../images/pro_span.jpg)no-repeat center;} .product .cpzs ul li:hover .pic{border:1px solid #117ec8;} .product .cpzs ul li:hover .pic img{transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); /* IE 9 */ -moz-transform:scale(1.1,1.1); /* Firefox */ -webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1,1.1); /* Opera */} .product .cpzs ul li:hover .tt{color:#117ec8;} #indexabout{width:100%;background-size:cover;overflow: hidden;} .about{ float: left; width: 50%; padding: 105px 56px 0px 160px; box-sizing: border-box; height: 713px; } .notice{ float: left; width: 50%; padding: 105px 160px 87px 55px; background-color: #f3f3f3; box-sizing: border-box; height: 713px; } .about .tit p,.notice .tit p{ text-align: left; margin-bottom:23px; } .about .tit,.notice .tit{ margin-bottom: 4px; } .about .detail{ /* line-height: 23px; */ font-size: 15px; line-height: 200%; } .about .more{width:202px;height:57px;line-height:57px;border:1px solid #ffffff;text-align:center;color:#fff;display:block;margin-top:78px;position:relative;z-index:5;background:#117ec8;border-radius: 57px;} .about .more:before{content:"";width:0;height:57px;position:absolute;top:0;left:0;background:#36749e;z-index:-1; transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;border-radius: 57px;} .about .more:hover:before{width:100%;} .notice .title .cn{ float: left; } .notice .title .tab{ float: right; margin-top: 15px; } .notice .title .tab p{ display: inline-block; color: #303945; font-size: 15px; padding-left: 22px; padding-right: 22px; border-right: 2px solid #303945; } .notice .title .tab p:last-child{ border-right: none; padding-right: 0; } .notice .title .tab p.current{ font-weight: bold; } .notice .cpcon ul li a{ display: block; padding-bottom: 30px; color: #303945; border-bottom: 1px solid #e1e1e1; font-size: 15px; margin-top: 29px; } .notice .cpcon ul li p{ float: left; width: calc(100% - 150px) } .notice .cpcon ul li span{ float: right; } .notice .cpcon .detail { display: none; } .notice .cpcon .detail:first-child { display: block; } #indexcase{width:100%;overflow:hidden;padding-top:67px;padding-bottom: 70px;} .case ul{float:left;margin-top:50px;} .case ul li{float:left;margin-right:26px;} .case ul li img{height:220px;} .case ul li .tt{line-height:70px;text-align:center;color:#333333;} #indexnews{width:100%;padding:70px 0px;overflow:hidden;} .news{margin:auto;} .news .con{margin-top:45px;} .news .detail_left{width:53.8%;float:left;} .news .detail_left ul li{width:86%;;} .news .detail_left ul li img{max-width:100%;display:block;margin:auto;transition:0.6s;} .news .detail_left ul li .details{width:100%;overflow:hidden;margin-bottom:25px;} .news .detail_left ul li .date{width:20%;float:left;} .news .detail_left ul li .date .date1{font-size:28px;font-weight:lighter;color:#999;} .news .detail_left ul li .date .date2{font-size:15px;margin-top:10px;font-weight:lighter;color:#999;} .news .detail_left ul li .conn{width:80%;float:left;} .news .detail_left ul li .tt{color:#333;font-size:16px;overflow:hidden;margin-bottom:15px;transition:0.6s;text-overflow:ellipsis;white-space:nowrap;} .news .detail_left ul li .des{line-height:24px;height:48px;color:#999;font-size:13px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news .detail_right{width:46%;float:left;border-left:1px solid #f0f0f0;} .news .detail_right ul{width:90%;margin:auto;padding-bottom:40px;} .news .detail_right ul li{width:100%;overflow:hidden;padding:30px 0px 20px;border-bottom:1px solid #f0f0f0;} .news .detail_right ul li a{color:#000;} .news .detail_right ul li .date{width:20%;float:left;} .news .detail_right ul li .date .date1{font-size:28px;font-weight:lighter;color:#999;} .news .detail_right ul li .date .date2{font-size:15px;margin-top:10px;font-weight:lighter;color:#999;} .news .detail_right ul li .conn{width:80%;float:left;} .news .detail_right ul li .tt{color:#333;font-size:16px;overflow:hidden;margin-bottom:15px;transition:0.6s;text-overflow:ellipsis;white-space:nowrap;} .news .detail_right ul li .des{line-height:24px;height:48px;color:#999;font-size:13px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news ul li:hover .tt{color:#e35f13} .news ul li:hover .des{color:#e35f13} .news ul li:hover .date1{color:#e35f13} .news ul li:hover .date2{color:#e35f13} .news .detail_right ul li:hover .tt{color:#e35f13} .news .detail_right ul li:hover .des{color:#e35f13} .news .detail_right ul li:hover .date1{color:#e35f13} .news .detail_right ul li:hover .date2{color:#e35f13} #ne_nav{width:100%;height:60px;background:#f5f5f5;line-height:60px;} #ne_nav p{line-height:60px;padding-left:30px;background:url(../images/home.png) no-repeat left center;} .col{width:100%;min-height:450px;line-height:220%;margin-top:40px;margin-bottom:50px;} .col h2{text-align:center;font-weight:normal;color:#000;font-size: 20px;font-weight: 600;} .col h3{text-align:center;font-weight:normal;font-size:12px;font-size: 16px;} .pccol{width:100%;min-height:450px;line-height:220%;margin-top:40px;margin-bottom:50px;} .pccol h2{text-align:center;font-weight:normal;color:#000;} .pccol h3{text-align:center;font-weight:normal;font-size:12px;} .phonecol{display:none;} .maintit{text-align:center;margin-top:45px;} .maintit p{font-size:30px;color:#333;font-weight:lighter;margin-bottom:10px;} .maintit span{font-size:16px;color:#999;text-transform:uppercase;} .son_nav{margin-top:25px;text-align:center;} .son_nav a{padding:0px 20px;height:45px;line-height:45px;border-radius:2px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin:0px 10px;transition: color 0s;} .son_nav a.active{background:#008b92;color:#fff;border:1px solid #008b92;} .son_nav a:hover{background:#008b92;color:#fff;border:1px solid #008b92;} .pxxm{width:100%;min-height:450px;margin-bottom:50px;margin-top:30px;overflow:hidden;} .pxxm ul{width:100%;} .pxxm ul li{width:32%;margin-right:2%;float:left;margin-bottom:22px; position: relative;} .pxxm ul li a{border:#f2f2f2;} .pxxm ul li:nth-child(3n){margin-right:0px;} .pxxm ul li .pic{width:99%;height:363px;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */} .pxxm ul li .pic img{max-width:100%;max-height:100%;margin:auto;transition:0.3s;} .pxxm ul li p{width:100%;height:20px;text-align:center;line-height:20px;margin-top:15px;color:#fff;font-size:22px;} .pxxm ul li .des{font-size:12px;height:36px;line-height:18px;margin-top:12px;padding:0 3px;color:#666;} /* .pxxm ul li:hover .pic{border:1px solid #117ec8;} */ .pxxm ul li:hover img{transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); /* IE 9 */ -moz-transform:scale(1.1,1.1); /* Firefox */ -webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1,1.1); /* Opera */} .pxxm ul li:hover p{color:#117ec8;} .pxxm ul li a.title{ position: absolute; bottom: 30px; width: 100%; display: block;} .imglist{width:100%;min-height:450px;margin-bottom:50px;margin-top:30px;overflow:hidden;} .imglist ul{width:100%;} .imglist ul li{width:15%;margin-right:2%;float:left;margin-bottom:22px; position: relative;overflow: hidden;height: 170px;} .imglist ul li a{border:#f2f2f2; display: block; width: 100%; height: 100%;} .imglist ul li:nth-child(6n){margin-right:0px;} .imglist ul li .pic{border:1px solid #f2f2f2;width:99%;height:156px;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */} .imglist ul li .pic img{max-width:100%;max-height:100%;margin:auto;transition:0.3s;} .imglist ul li p{width:100%;height:20px;text-align:center;line-height:20px;margin-top:15px;color:#fff;font-size:16px;} .imglist ul li .des{font-size:12px;height:36px;line-height:18px;margin-top:12px;padding:0 3px;color:#666;} .imglist ul li:hover .pic{border:1px solid #117ec8;} .imglist ul li:hover img{transform:scale(1.1,1.1);transition:0.3s; -ms-transform:scale(1.1,1.1); /* IE 9 */ -moz-transform:scale(1.1,1.1); /* Firefox */ -webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1,1.1); /* Opera */} .imglist ul li:hover p{color:#117ec8;} .imglist ul li a.title{position: absolute;left: 40px;bottom: 30px;} .articleNotice #sidenav{ background-color: #fff; } .article-notice{ padding-top: 56px; background-color: #f2f4f7; } .article-notice ul li{ margin: 0 125px; border-radius: 10px; line-height: 90px; margin-bottom: 15px; background-color: #fff; padding: 0 63px; } .article-notice ul li .tt{ float: left; color: #333334; font-size: 16px; width: 80%; } .article-notice ul li .date{ float: right; color: #333333; } .contact .us{ height: 510px; padding-top: 160px; box-sizing: border-box; } .contact .us .left{ float: left; width: 666px; width: 34.68vw; } .contact .us .left .tit{ text-align: left; font-size: 42px; color: #323232; } .contact .us .left .tit_en{ text-align: left; font-size: 56px; color: #323232; font-weight: bold; margin-bottom: 44px; } .contact .us .right p{ font-size: 18px; margin-bottom: 15px; } .contact .us .right p:nth-child(1){ font-size: 28px; } .contact .us .right p:nth-child(2){ font-size: 38px; color: #2673a7; margin-bottom: 50px; } .contact .map *{ max-width: 100% !important; } .contact .message{ margin-top: 80px; padding-bottom: 80px; } .contact .message .tit{ font-size: 42px; color: #323232; text-align: left; margin-bottom: 60px; } .contact .message .mc tr{ margin-bottom: 6px; display:block; width: 1020px; } .contact .message .mc tr#f_content td{ display: block; } .contact .message .mc tr#f_email td{ display: block; } .contact .message .mc tr#f_email input{ width: 100%; } .contact .message .mc input{ height: 60px; padding-left: 20px; background-color: #f2f2f2; border: none; border-radius: 5px; box-sizing: border-box; } .contact .message .mc #f_name input{ width: 505px; } .contact .message .mc textarea{ padding-top: 20px; padding-left: 20px; height: 258px; box-sizing: border-box; background-color: #f2f2f2; border: none; border-radius: 5px; } .contact .message .mc .submit{ width: 500px; padding: 0; background-color: #0070ac; border: none; border-radius: 5px; color: #fff; float: left; } .online{width:100%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;} .online form{padding-left:150px;} .online .text{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;} .online .text input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;} .online .text p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;} .online .text p span{color:#eb0000;position:relative;top:2px;} .online .con{width:927px;height:205px;float:left;margin-bottom:20px;} .online .con textarea{padding:20px;border:1px solid #c9c9c9;height:163px;width:760px;} .online .con p{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;} .online .con p span{color:#eb0000;position:relative;top:2px;} .online .verify{height:38px;margin-bottom:20px;} .online .verify p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;} .online .verify p span{color:#eb0000;position:relative;top:2px;} .online .verify input{width:154px;height:36px;border:1px solid #c9c9c9;float:left;padding-left:20px;margin-right:10px;} .online .verify img{cursor:pointer;} .online .submit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin-right:47px;} .online .reset{width:107px;height:35px;color:#fff;cursor:pointer;background:#008b92;float:left;border:none;} .xwzx{width:100%;min-height:350px;margin-bottom:50px;margin-top: 50px;} .xwzx ul{width:100%;} .xwzx ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 50px; overflow: hidden; box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, .175); } .xwzx ul li:nth-child(3n){ margin-right: 0; } .xwzx ul li .pic{ display: flex; align-items: center; justify-content: center; height: 310px; } .xwzx ul li .pic img{ max-width: 100%; transition: all 0.3s ease 0s; } .xwzx ul li .con{ padding: 20px 40px 35px; } .xwzx ul li .con .line{ width: 24px; height: 4px; background-color: #acacac; margin-bottom: 23px; } .xwzx ul li .con .tt{ font-size: 17px; margin-bottom: 12px; } .xwzx ul li .con .des{ line-height: 23px; height: 46px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; } .xwzx ul li .con .date{ font-weight: bold; color: #333333; } .xwzx-show{ margin-top: 60px; } .xwzx-show .col{ margin-top: 0; } .xwzx-show .left{ float: left; width: calc(100% - 550px); } .xwzx-show .left h2{ text-align: left; font-size: 31px; margin-bottom: 36px; } .xwzx-show .left h3{ text-align: left; font-size: 16px; } .xwzx-show .right{ float: right; width: 400px; } .xwzx-show .right .title{ font-size: 19px; font-weight: bold; color: #000; margin-bottom: 36px; } .xwzx-show .right ul li .date{ font-weight: bold; color: #d3d3d3; margin-bottom: 16px; font-size: 18px; } .xwzx-show .right ul li .tt{ color: #000; font-size: 16px; } .xwzx-show .right ul li{ padding-bottom: 32px; margin-bottom: 38px; border-bottom: 1px dashed #d3d3d3; } .container.notice_show{ max-width: calc(1600px - 376px); } .notice_show .download .mt{ font-size: 18px; font-weight: bold; } .notice_show .download a{ margin-right: 20px; } /* .xwzx ul{width:100%;overflow:hidden;} .xwzx ul li{width:100%;height:231px;transition: all 0.3s ease 0s;border-bottom:1px solid #ddd;position:relative;} .xwzx ul li a{padding:22px 0px;width:100%;height:187px;display:block;} .xwzx ul li .pic{float:left;width:300px;height:187px;overflow:hidden; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items: center;} .xwzx ul li .pic img{max-width:100%;max-height:187px;transition:0.6s;} .xwzx ul li .con{width:800px;margin-left:29px;float:left;} .xwzx ul li .con .tt{font-size:16px;color:#333;margin-top:38px;} .xwzx ul li .con .date{line-height:25px;margin-top:12px;} .xwzx ul li .con .des{height:73px;margin-top:12px;color:#999;line-height:25px;} */ .xwzx ul li:hover .tt{color:#408542;} .xwzx ul li:hover .pic img{transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); /* IE 9 */ -moz-transform:scale(1.1,1.1); /* Firefox */ -webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1,1.1); /* Opera */} .orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;} .orientation .previous{float:left;} .orientation .next{float:right;} .aboutus .title{ margin-bottom: 70px; } .aboutus .title p{ font-size: 41px; font-weight: bold; color: #333333; text-align: center; } .aboutus .business{ height: 665px; background: url('../images/about-business-bg.png'); } .aboutus .business .title p{ padding-top: 87px; color: #fff; } .aboutus .business .con ul li{ float: left; width: 25%; text-align: center; } .aboutus .business .con ul li p{ margin-top: 80px; font-size: 16px; color: #fff; } .aboutus .qualification .con ul li img{ height: 230px; } .aboutus .honor .con ul li img{ height: 260px; } .aboutus .business,.aboutus .qualification,.aboutus .honor,.aboutus .us{ margin-bottom: 80px; } .aboutus .us{ margin-top: 70px; } .aboutus .us *{ font-size: 15px; line-height: 220%; } .inset_page .pccol *{ font-size: 15px; line-height: 220%; } /*footer*/ #footer{width:100%;} .footer_top{background:#0070ac;} .footer_nav{height:80px;line-height:80px;border-bottom:1px solid #008ad4;} .footer_nav ul li{float:left;width:8.1%;} .footer_nav ul li .title a{color:#fff;font-size:14px;} .footer_top .address{height:354px;padding-top: 55px;box-sizing: border-box;} .footer_top .address .address-1{float:left;height:354px;display:flex; align-items:center; display:-webkit-flex; -webkit-align-items: center} .footer_top .address .address-1 img{} .footer_top .address .address-2{float:left;margin-left:65px;} .footer_top .address .address-2 img{margin-top:80px;} .footer_top .address .address-2 .footer-lxfs{margin-left:60px;font-weight:lighter;font-size:16px;line-height:25px;} .footer_top .address .address-2 .footer-lxfs ul li{font-size:16px;color:#117ec8;overflow:hidden;} .footer_top .address .address-2 .footer-lxfs ul li span{display:block;float:left;max-width:315px;} .footer_top .address .address-3{float:right;} .footer_top .address .address-3 img{margin-top:55px;} .footer_top .address .address-3 p{text-align:center;line-height:35px;} .footer_bottom{height:70px;line-height:70px;color:#999999;background:#004c75;} .footer_bottom1{display:none;} .footer_top .title{ margin-bottom: 23px; color: #fff; font-weight: bold; font-size: 20px; } .footer_top .address .address1{ float:left; width: 41.06%; box-sizing: border-box; padding-right: 5%; } .footer_top .address .address1 .footer-logo{ margin-bottom: 37px; display: flex; align-items: center; } .footer_top .address .address1 .footer-logo img{ max-width: 100%; } .footer_top .address .address1 .links{ padding-left: 123px; } .footer_top .address .address1 .links .detail a{ display: inline-block; color: #fff; margin-bottom: 10px; } .footer_top .address .address1 .links .detail span { height: 17px; border-left: 2px solid #fff; margin: 0 7px; margin-right: 7px; } .footer_top .address .address1 .links .detail span:last-child{ display: none; } .footer_top .address .address2{float:left;width: 456px;width:28.5%;padding-left: 2%;box-sizing: border-box;} .footer_top .address .address2 .detail *{color: #fff;} .footer_top .address .address3{float:right;} .footer_top .address .address3 .detail tr{ margin-bottom: 6px; display:block; } .footer_top .address .address3 .detail tr#f_content td{ display: block; } .footer_top .address .address3 .detail input{ height: 50px; padding-left: 20px; background-color: #ffffff; border: none; border-radius: 5px; } .footer_top .address .address3 .detail textarea{ padding-top: 20px; padding-left: 20px; box-sizing: border-box; background-color: #ffffff; border: none; border-radius: 5px; } .footer_top .address .address3 .detail .submit{ width: 100%; padding: 0; background-color: #ffffff; border: none; border-radius: 5px; color: #83a5b7; } .footer_top .address .address3 .detail input::-webkit-input-placeholder { color:#83a5b7;caret-color:#83a5b7;} .footer_top .address .address3 .detail input::-moz-placeholder { color:#83a5b7;caret-color:#83a5b7;} /* firefox 19+ */ .footer_top .address .address3 .detail input:-ms-input-placeholder { color:#83a5b7;caret-color:#83a5b7;} /* ie */ .footer_top .address .address3 .detail input:-moz-placeholder { color:#83a5b7;caret-color:#83a5b7;} .footer_top .address .address3 .detail textarea::-webkit-input-placeholder { color:#83a5b7;caret-color:#83a5b7;} .footer_top .address .address3 .detail textarea::-moz-placeholder { color:#83a5b7;caret-color:#83a5b7;} /* firefox 19+ */ .footer_top .address .address3 .detail textarea:-ms-input-placeholder { color:#83a5b7;caret-color:#83a5b7;} /* ie */ .footer_top .address .address3 .detail textarea:-moz-placeholder { color:#83a5b7;caret-color:#83a5b7;} #sidenav{width:100%;background:#f5f5f5;} #sidenav .left{ float: left; line-height:90px; } #sidenav .left .location{ margin-right: 10px; color: #333333; font-weight: bold; } #sidenav .right{ float: right; } #sidenav ul{text-align:center;} #sidenav ul li{display:inline-block;line-height:90px;margin: 0px 30px;font-size:16px;} #sidenav ul li a{font-size:16px;} #sidenav ul li a.cur{color:#0070ac;} #sidenav ul li:hover{color:#0070ac;cursor:pointer;} @media screen and (min-width:600px) and (max-width:1500px){ .footer_top .address .address2{ padding-left: 0px; } } .mypage{ text-align: center; width:100%; margin-top:20px; overflow:hidden; } .mypage span,.mypage a{ display: inline-block; vertical-align: top; color: #0070ac; border: 1px solid #0070ac; padding: 5px 10px; margin: 5px; } .mypage span.current,.mypage a.current{ background: #0070ac; color: #fff; }