* {margin: 0px;padding: 0px;border-box:box-sizing; -webkit-border-box:box-sizing;} div {border-box:box-sizing; -webkit-border-box:box-sizing;} p {border-box:box-sizing; -webkit-border-box:box-sizing;} @font-face { font-family:Atrament Medium; src: url('../fonts/Atrament Medium.woff.ttf'); } @font-face { font-family:AiDeep; src: url('../fonts/AiDeep-2.otf'); } body { font-size: 15px; font-family:microsoft yahei!important;font-weight: normal;color: #191919; line-height:26px!important;} div {border-box:box-sizing; -webkit-border-box:box-sizing;} ul { list-style-type: none; } ul li { list-style-type: none; } .fl { float:left;} .fr { float:right;} .flex { display:flex; justify-content: space-between;} .con { width:1277px; margin:0px auto; } .con_k { width:1277px; margin:0px auto; } .con1 { width:1277px; margin:0px auto; } .con2 { width:1277px; margin:0px auto; } .top { width:100%; background:#09428a; height:36px; line-height:36px; margin:0px auto; overflow:visible; color:#fff;} .top .fl p img { margin-top:7px;} .top p { float:left; margin-left:5px; margin-right:5px;} .top .fr .p1 { font-size: 16px; letter-spacing:0.1em; background:url(../images/top_dh.png) no-repeat left 10px; padding-left:20px; } .top .fr .p2 { font-size: 22px; font-family:"黑体"; } .top .fr .p3 { width:85px; line-height:23px; border:2px solid #fff; text-align: center; font-size:14px; float:left; border-radius:5px; margin-left:10px; margin-top:5px; } .top .fr { background:url(../images/dlu.png) no-repeat left 4px; padding-left:30px; height:34px;} .top .fr p { font-size:14px;} .top .fr p a {color:#fff;} /*header { width:100%; background:url(../images/top_bg1.jpg) no-repeat 120% 34px #fff; box-shadow:0px 0px 4px 4px rgba(0,0,0,.1); height:99px; z-index:999999; position:relative; background-color:#ffffff;} header h1 { width:258px;float:left; } header h1 img { margin-top:0px; width:258px; margin-top:14px; }*/ /*na nav { width:900px; float:right; height:99px;} nav ul {} nav ul li { float:left; } nav ul li a { text-align:center; line-height:99px; padding:0 0x; font-size:16px; display: block; color:#000; font-family:; font-weight:400;} nav ul li a:hover { color: #09428a; text-decoration: none; font-weight:bold; background-image: url(../images/nav_xx.png); background-repeat: no-repeat; background-position: center 76px; } nav .dropdown { min-width:97px; position:relative;} nav ul.dropdown_menu { display:block; position:absolute; z-index:99; margin:0; margin-left:-40px; border-bottom:0px solid #09428a; } nav .dropdown_menu li { width:180px; margin:0;background-color:#f6f6f6; height:0; overflow:hidden; float:none; padding:0 10px; transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s; } nav .dropdown:hover .dropdown_menu li { height: 45px;} nav .dropdown:hover ul.dropdown_menu { border-bottom:3px solid #09428a;} nav .dropdown .dropdown_menu li a{color: #1b1b1b; font-size: 14px; line-height: 45px; display: block; padding:0px; text-align: center; } v*/ .search form { margin-top:27px; float: left; height: 35px; width: 162px; background-position: left top; background-color: #FFF; border-radius:25px;border: 2px solid #e9e9e9; margin-right:10px; margin-left:35px; } .search1 { float: left; width: 107px; margin-left:22px; background-color: #FFFFFF; color: #c8c8c8; display: inline; line-height: 35px; font-size: 14px; border:none; text-align:left; font-family: Arial, Helvetica, sans-serif; } .searchimg1 { float: left; display: inline; margin-top:6px; } .kuang { float:left; margin-top:44px; /* background-image: -webkit-linear-gradient(top, #f3f3f3, #e7e7e7); background-image: -moz-linear-gradient(top, #f3f3f3, #e7e7e7); background-image: linear-gradient(top, #f3f3f3, #e7e7e7);*/ } /*a:hover .kuang { background:#417fbe; border:1px solid #417fbe; color:#fff;} a:hover .sou { background: url(../images/sou_b.png) #417fbe no-repeat center center; border:1px solid #417fbe; color:#fff;}*/ .sou { width:39px; height:19px; border-left:1px solid #969696; margin-left:6px;float:left; background-image:url(../images/sou.jpg); background-repeat:no-repeat; background-position:center center; } .sou img { margin-top:7px;} .banben { background:url(../images/banben.jpg) no-repeat left center; float:left; text-align:center; color:#9c9c9c; font-size:16px;font-weight:400; margin-left:6px; font-family:Arial, Helvetica, sans-serif; width:68px; text-align:center; padding-left:30px; } /*nav end*/ .biaoti { width:1277px; margin:0px auto; padding-top:50px; text-align:center;background:url(../images/biao_xx.png) center 110px no-repeat; font-size:43px; color:#000000; line-height:73px; } .biaoti strong { font-weight:400; color:#2b2b2b; font-size:40px; line-height:75px;} .biaoti p { font-weight:400; color:#666666; font-size:18px; line-height:35px; width:100%; margin:0px auto;} .biaoti p b { font-weight:700; color:#4b4b4b; font-size:17px;} .biaoti span { display:block; font-size:16px; line-height:25px; color:#5b5b5b;font-weight:400; margin-top:30px;} .xian{ width:59px; height:3px; background:#d02e39; margin: 12px auto 18px auto;} .xian1{ width:44px; height:3px; background:#2561aa; margin: 28px 0 15px 32px;} .hongse { color:#b31d26!important;} .more { width:570px; height:53px; font-size:18px; text-align:center; margin:90px auto 99px; color:#fff; } .more ul { text-align:center;} .more ul li { width:195px; height:53px; line-height:53px; text-align:center; color:#fff; font-size:17px; display:inline-block; margin:0px 5px; border-radius:50px; transition:all 0.4s; display:inline-block; } .more ul a:nth-child(1) li { background:#2662aa;} .more ul a:nth-child(2) li { background:#d22e37;} .more ul a:hover li {transform:translateY(-10px); text-decoration:underline;} /*咨询 s*/ .weixin-hover { position: relative; } .weixin-hover-img { display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; box-shadow: 0px 0px 0px 0px #edf7fd!important; z-index: 9999; } .weixin-hover:hover .weixin-hover-img { display: block; } .aabb { position: fixed; right: 0; top: 15%; width: 100%; max-width: 141px; z-index: 999999999999; text-align: center; } .aabb img { max-width: 100%; } .ccdd { position: fixed; right: 0; top: 65%; width: 100%; max-width: 70px; text-align: center; z-index: 999999999999; display: none; } .ccdd img { width: 100%; } .eeff img { /* box-shadow: 0px 2px 2px 2px #edf7fd;*/ } .index-swt-m { position: fixed; right: 0; top: 60px; width: 100%; max-width: 101px; z-index: 999999999999; text-align: center; display: none; } .index-swt-m img { max-width: 100%; } .index-swt-m-box img { box-shadow: 0px 1px 1px 1px #edf7fd; } .close-m-btn { position: absolute; top: 5px; right: 0; } @media(max-width:767px) { .ccdd { display: block; } } /*咨询 e*/ footer { background:#015198; height:370px; width:100%; margin:0px auto; clear:both; overflow:visible; color:#fff; text-align:center; line-height:40px; float:left; } footer a { color:#fff;} footer .con2 { display:block;} footer .con2:before { content:" "; width:100%; height:67px; float:left; } footer .f_logo { width:100%; text-align:left; float:left; padding-top:0px; font-size:40px; font-weight:bold; line-height:60px;} footer .f_logo a{ color:#FFFFFF} footer .fr { width:650px; padding-left:30px; float:left;} footer .fr ul { width:22%; float:left; text-align:left;} footer .fr ul li { font-size:15px; line-height:28px;color:#fff;} footer .fr ul li a {color:#add1f0;} footer .fr ul li a:hover{color:#fff;} footer .fr ul li:nth-child(1) { width:100%; line-height:44px; font-size:18px; margin-bottom:18px;} footer .fr ul li:nth-child(1) a { color:#fff;} footer .fl { width:240px; } footer .contact { width:280px; float:right;} footer .contact h3 { font-size:25px; background:url(../images/lr3.png) no-repeat left top; padding-left:55px; float:left; padding-bottom:30px;} footer .contact1 { width:280px; float:left; text-align:left; font-size:15px; line-height:26px;} .banquan1 { width:100%; float:left; background:url(../images/fot.jpg) no-repeat top center; line-height:77px; font-size:15px; height:77px; color:#fff;} .banquan { margin:auto; width:1277px;} .banquan a {color:#fff;} .banquan a:hover {color:#fff;} /*link s*/ SELECT { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px } SELECT { BOX-SIZING: content-box; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) } OPTION { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px } .footer-select { float:left; margin-top:20px; display: inline-block; } .footer_sel { BORDER-BOTTOM: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; LINE-HEIGHT: 22px; WIDTH: 120px; HEIGHT: 22px; COLOR: #656565; BORDER-TOP: #d6d6d6 1px solid; BORDER-RIGHT: #d6d6d6 1px solid } /*link e*/ .biaodan_1 { width:238px; border-bottom:2px solid #bfbfbf; float:left; margin-right:35px; height:45px;} .biaodan_1 .kuang1 { background:none; border:none; line-height:36px; margin-top:9px; font-family:microsoft yahei; color:#676767; font-size:14px;} .biaodan_2 { width:100%; float:left; height:52px; padding-top:15px;} .biaodan_sel { BORDER-BOTTOM: #c9c9c9 2px solid;font-family:microsoft yahei; color:#676767; font-size:14px; BORDER-LEFT: #c9c9c9 2px solid; LINE-HEIGHT: 30px; WIDTH: 147px; HEIGHT: 30px; COLOR: #656565; BORDER-TOP: #c9c9c9 2px solid; padding-left:10px; BORDER-RIGHT: #c9c9c9 2px solid; margin-right:10px; } .biaodan3 {} .biaodan3 .kuang1 {border:2px solid #bfbfbf; width:500px;font-family:microsoft yahei; color:#676767; font-size:14px; line-height:30px; padding-left:10px; } .biaodan4 {width:278px; border-bottom:2px solid #bfbfbf; float:left; margin-right:35px; height:45px;} .biaodan4 .kuang1 { width:150px; background:none; border:none; line-height:36px; margin-top:9px; font-family:microsoft yahei; color:#676767; font-size:14px;} .biaodan5 { width:100%; float: left; margin-top:20px;} .biaodan5 .kuang1 { width:139px; height:35px; line-height:35px; background:#09428a; border:1px solid #09428a;font-family:microsoft yahei; color:#fff; font-size:14px;} .lx{ width:100%; height:196px; float:left; background:#2561aa; color:#FFFFFF; position:relative; z-index:99999999999;} .ll{ width:870px; float:left; font-size:16px; line-height:40px; padding-top:47px;} .ll span{ font-size:30px; font-family:Arial, Helvetica, sans-serif;} .ll em{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#97b3d6;} .lr{ width:420px; float:right; padding-top:48px;} .lr ul{ width:100%; float:left; border-left:dotted 1px #dadada; height:97px;} .lr ul li{ width:138px; float:left; font-size:14px; border-right: dotted 1px #dadada; text-align:center; height:83px; line-height:40px; padding-top:14px;} .lr ul li .zi { text-align:center; width:100%;} .lr ul li .tu { display:none;} .lr ul li:hover .tu { display: block; } .lr ul li .tu { width: 150px; height: 150px; padding-top:26px; text-align: center; background:url(../images/footerflex.png) 1px top no-repeat; } .top_ewm li:hover span { display: block; font-size:15px; } .top_ewm li:hover .img-n { display: none; } .top_ewm li span { display: none; color: #fff; font-size: 13px; line-height: 45px; } .top_ewm li .img-n { padding-top: 10px; } .top_ewm { float:left} .top_ewm li { width: 45px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 20px 14px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; } .top_ewm li:hover { } /*button*/ .top_ewm li:hover .flex-footera { display: block; } .top_ewm li .flex-footera { width: 150px; height: 150px; position: absolute; left: -141px; top: -46px; padding-top:26px; text-align: center; background:url(../images/footerflex.png) 1px top no-repeat; display: none; } /*--------------------------------------------------------------------------------------------------------------------------------------550--*/ @media all and (max-width:950px){ .con { width: 100%!important; margin: 0px auto; } .news .con .fl { width: 100%; height: 263px; position: relative; text-align: left; float: left; } .news .con .fl img { position: absolute; z-index: 99; top: 0px; left: 0px; width: 100%; height:auto!important } .news .con .fl .wz h3 { font-size: 14px; font-weight: normal; line-height: 26px; font-family: Barlow-Regular; } .news .con .fl .wz { position: absolute; width: 95%; padding-left: 5%; bottom: 10px; color: #fff; text-align: left; z-index: 999; } .news .con .fr .news_1 { width: 100%; height: 119px; float: left; background: #15b89b; color: #FFFFFF; font-size: 16px; display:none }.news .con .fr { width: 100%; }.news .con .fr .news_1 b { font-size: 20px; font-weight: normal; line-height: 35px; font-family: Barlow-Regular; }.news .con .fr .news_1 p { padding: 30px 10px 0px 10px; line-height: 30px; font-family: Barlow-Regular; font-size:13px }.news .con .fr .news_3 { width:100%; padding-top: 14px!important; float: left; }.news .con .fr .news_3 ul { width:100%; float: left; display:flex;flex-direction:row; }.news .con .fr .news_3 ul li { width: 100%; float: none; font-size: 15px; line-height: 25px; flex:1; margin:0 1% }.news .con .fr .news_3 img { width: 100%!important; height:111px!important; padding-bottom: 10px; }.news .con .fr .news_3 ul li a{ font-size:13px} .ind_body .screen4 { width: 93.33vw; margin: 0 auto; height: 100%; position: relative; padding-top: 20px; padding-bottom: 0px; } }