@charset "utf-8"; ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: arial, Microsoft YaHei, sans-serif;} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;} button{ cursor:pointer;} textarea{resize:none;} textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ border:none; border:0; vertical-align:top;max-width: 100%;} a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#d0111b;} /**:hover{transition: all ease 0.3s;}*/ /*input字体*/ :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} select { /*chrome和firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #d9d9d9; text-indent:1em; /*很关键:将默认的select选择框样式清除*/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px;} /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none;} /*网页滚动条*/ ::-webkit-scrollbar{ width: 3px; height:3px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} ::-webkit-scrollbar-track{ background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #ec1b24;} ::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} /*公用样式*/ .fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;} .hide{ display:none;} .block{ display:block;} .clear{ clear:both;} .clearfix{zoom:1;} .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;} .clearfix{*zoom:1;}.relative{ position:relative;} .bodyon{ overflow:hidden;} .Contain{ position:relative; clear:both; max-width:1000px; margin:0px auto;} .Contain1{ position:relative; clear:both; width:1000px; margin:0px auto;} /*font*/ .f_gray{ color:#333;} .iconfont{ font-size:24px; vertical-align:middle;} .tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;} .p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .Contain{width: 1000px;} @media ( max-width:1024px){ body{ padding-top:45px; font-size:14px; line-height:24px;min-width:300px;} .Contain{max-width:none; margin:0 15px;} } /*effict*/ .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;} .ptb{ padding:0 0 2% 0;} .HomePro{ background:url(../images/probg.jpg) center top no-repeat; background-size:cover;width: 1000px;margin: 0 auto;} .HomePro .flipster{ margin-top:-15px; padding:15px 0 62px;} .HomePro .flipster ul{height:360px !important;} .HomePro .flipster li{ width:400px; text-align:center; background:#fff; border-radius:22px; box-shadow:0 2px 20px rgba(0,0,0,0.16); padding-bottom:20px;} .HomePro .flipster .imgbox{ padding-top:69%; border-radius:22px 22px 0 0;} .HomePro .flipster .ti{ line-height:32px; font-size:20px; color:#333333;} .HomePro .flipster .ti span{ display:block; line-height:20px; color:#b5b5b5; font-size:14px;} .HomePro .flipster .ico{ padding:20px 0 5px;} .HomePro .flipster .ico img{ width:40px; height:40px;} .HomePro .flipto-prev,.HomePro .flipto-next{ font-family:"宋体"; background:#dcdcdc; border-radius:50%; display:block; bottom:0px; text-align:center; width:35px; height:35px; line-height:35px; position:absolute;font-size: 18px;font-weight: bold;} .HomePro .flipto-prev{ left:46%;} .HomePro .flipto-next{ right:46%;} .HomePro .flipto-prev:hover,.HomePro .flipto-next:hover{ background:#009900; color:#fff;} .HomeTit{ position:relative; text-align:center; padding-bottom:30px;} .HomeTit h2{ font-weight:normal; font-size:30px; color:#333333; line-height:30px;} .HomeTit h2 i{ display:block; margin:0px auto; width:46px; height:43px; border-top:2px solid #d0111b;} .HomeTit p{ line-height:37px; font-size:18px; color:#999999; text-transform:uppercase;} .HomeTit p i{ display:block; margin:0px auto; width:96%; height:22px;background: url(../images/line2.jpg) center bottom no-repeat;} .HomeTit.tl{ text-align:left;} .HomeTit.tl h2 i,.HomeTit.tl p i{ margin:0;} .HomeTit.sub h2{font-size:36px; color:#d0111b; font-weight:bold;} .HomeTit.sub p{font-size:20px; color:#999999;} .HomeTit.sub2 h2{font-size:36px;} .HomeTit.sub2 p{font-size:20px; color:#999999;} .HomeTit .nav{ position:absolute; right:0; top:30px;} .HomeTit .nav a{ background:#fff; float:left; display:block; text-align:center; width:140px; line-height:40px; margin-left:30px; border-radius:20px; box-shadow:0 5px 15px rgba(0,0,0,0.08);} .HomeTit .nav a.on{ color:#fff; background:#d0111b; box-shadow:0 5px 15px rgba(205,31,36,0.35);} .HomeNews{padding:0.2% 0 1.2% !important;width: 1000px;margin: 0 auto;background:#fff;} .HomeNews ul{width: 98%;} .HomeNews li{ width:50%; float:left;} .HomeNews .box{ margin:20px 0 20px 20px; overflow:hidden;transition: all ease 0.3s; background: url(../images/arrw.jpg) left top no-repeat;padding-left: 20px;} .HomeNews .ti{ color:#2f3035; font-size:15px; overflow:hidden;} .HomeNews li:hover .box{background:#e6e6e696;} .HomeNews li.top{width:50%;} .HomeNews li.top .box{ padding:0; height:auto;} .HomeNews li.top .imgbox{ padding-top:262px;} .HomeNews li.top .info{ position:relative; padding:10px; background:#009900;} .HomeNews li.top .ti{ color:#fff;} .HomeHr{background:url(../images/hrbg.jpg) center top no-repeat; background-size:cover;} .HomeHr .HomeTit p{ padding:6px 0 45px; color:#666666;} @media ( max-width:1440px){ .HomeNews li.top .imgbox{ padding-top:270px;} } /**网站头部**/ .header{ padding:30px 55px 0 55px; background: #1780d5; } .header001{width:1400px;margin:0px auto;} .dz-link{font-size: 16px; color: #fff; } .dz-link a{ display: inline-block; font-size: 16px; color: #fff; margin:0px 8px;} .dz-link a:hover{ color: #fff; } .dropdown{ margin-left: 15px; } .header-right{ margin-bottom: 8px; position: relative; z-index: 1000; } .nav-list li{ float: left; position: relative; z-index: 1000;text-align: center; margin-left:40px;} .nav-list li a{ display: block; position: relative; font-size: 18px; color: #fff; line-height: 52px;text-decoration: none; } .nav-down{ position: absolute; display: none; top: 100%; min-width:100%; white-space:nowrap; background: #f6f8fa; transform: translate(-50%, 0); left: 50%;} .nav-down li{ float: none; width: 100%;margin-left:0px; } .nav-list>li:hover a,.nav-list>li.on a{ color: #fff; font-weight:bold;} .nav-down li a{ background: none!important; color: #333!important; padding:0 20px;text-decoration: none;font-size: 16px;line-height:40px;font-weight:normal !important;} .nav-down li a:hover{ background: #247ec7!important; color: #fff!important; font-weight: bold;} .nav-list li:hover .nav-down{ display: block; } .banner img{display:block;margin:0 auto;width: 1259px;} .search-box{position: relative;width: 220px;margin-top: -5px;background:#fff ;height:30px;border-radius: 15px;float:right;margin-left:30px;} .search-box .form-control{ box-shadow: none; height: 30px;line-height: 30px;color:#333;width:82%;background: none;padding-left: 15px;font-size: 14px; } .btn-search{ position: absolute; right: 0; top: 0; height: 30px; width: 14%; background: url(../images/ss.png) no-repeat left center;cursor: pointer; } .search-box input:-webkit-autofill, .search-box input:-webkit-autofill:hover, .search-box input:-webkit-autofill:focus, .search-box input:-webkit-autofill:active {-webkit-transition-delay: 9999s; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;} .search input:-moz-placeholder{color: #d4ebfe; } .search input:-ms-input-placeholder{color: #d4ebfe; } .search input::-webkit-input-placeholder{color: #d4ebfe; } /**网站底部**/ .footer{background: #187fd9 center no-repeat;background-size: cover;padding-top: 48px;} .footer a{ line-height:20px; } .footer p{ line-height: 0px; padding: 7px 0; } .footer-left{width:450px;} .footer-tt{ font-size: 16px; color: #fff; font-weight: bold; margin-top: 50px; margin-bottom: 20px; } .footer-p{margin-top:35px;} .footer-p p{ color: #fff; opacity: 0.7; margin-bottom: 15px; font-size:14px;} .footer-title{ font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 20px; } .footer-ul li{ margin-bottom: 15px; } .footer-ul li a{ color: #fff; opacity: 0.7; font-size:14px;} .footer-ul li a:hover { opacity: 1;} .footer-width{ margin-left: 65px; } .footer-bottom{background: #0d70c9;margin-top: 20px;/* position: relative; */} .footer-bottom .container{background: #0d70c9;/* position: relative; */padding: 26px 15px;color: #fff;} .footer-bottom .container .pull-left span{display: inline-block;padding-right: 20px;font-size:14px;} .footer-bottom .container .pull-left img{ margin-right: 5px; } .footer-bottom .container a{ color: #fff; line-height:24px;} .footer-bottom .container font{ padding:0 10px; } .footer-bottom .container{/* position: relative; */} .footer-bottom .pull-right{ margin: -8px; } .container { width: 1430px;padding-right: 15px;padding-left: 15px; margin-right: auto;margin-left: auto;} .pull-left {float: left !important;} .pull-right {float: right !important;font-size:14px;line-height: 20px;} .pull-left span{ color:#fff; }