/*Clear default properties*/ *{padding:0;margin:0;text-decoration:none;} li,p,a,div,input,span,font,b,strong,em,small,h1,h2,h3,h4,h5,h6,dt,dd,body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea{font-family: 'Microsoft Yahei','Arial','sans-serif'!important; font-size: 14px; color: #000;} .ui-sortable{border:none!important;box-shadow:0 0 1px #ccc inset;} html{font-size:62.5%;} img{border:none;max-width:100%;vertical-align:middle;} li{list-style:none;} textarea{resize:none;} button,a,input,textarea{outline:none;overflow:visible;-webkit-tap-highlight-color:rgba(255,255,255,0);} a{cursor:pointer;text-decoration:none;} a:hover{color:#088fe4;} button,a{cursor:pointer;text-decoration:none;} .clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;} .clearfix{*zoom:1;} .portlet-header{position:relative;} .portlet-header .shadow.dn{left:15px!important;top:15px!important;} .txtToPointer{display:block;white-space:nowrap;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .css3guodu{-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;} .fl{float:left;} .fr{float:right;} .none{display:none;} .eps-design-mode-toolbar-container{clear:both;} .navgationDiv .navgation-container h1 img{width:150px;height:50px;object-fit:cover;} body{min-width:1170px;margin:0 auto;} .maxWidth{width:1170px;margin:0 auto;} /*澶撮儴*/ .header{position: relative; z-index: 100;} .top{ padding:20px 0; height: 72px; position: relative; z-index: 10;} .logo img{width: 340px;} .tzz{width: 74px; height: 20px; position: relative;} .tzz span img{margin-left: 14px;} .tzz ul{position:absolute;right:0px;top:30px;width:138px;height:150px;padding:12px 0px 5px;border-top:2px solid rgb(0,136,206);background-color:rgb(243,243,243);text-align:center;display:block; display: none;} .tzz ul li{line-height: 30px; text-align: center;} .nav{width: 880px; height: 36px;} .nav li{ margin-right: 55px; float: left; position: relative; height: 36px;} .nav li>a{font-size: 17px;} .nav li div.ejNav{padding-top: 3px;position: absolute;left: 0;width: 465px;height: auto;top: 36px;display: none;padding-top: 2px;} .nav li dl{background: #fff;padding: 20px;} .nav li dt{float: right;width: 50%;} .nav li dt img{display: block;} .nav li dd{float: left;width: 50%;} .nav li dd a{float: left;width: 106px;color: #333333;font-size: 14px;line-height: 35px;} .nav li dd a span{color: #a1a1a1;padding-right: 10px;} .headerConR{width: 145px; height: 36px; position: relative;} .sou{float:left; width:24px; height:36px; background-image:url(/cnnp/template/common/header/src.jpg); background-position:center 0; background-repeat:no-repeat; cursor:pointer;} .zi{ float:left; margin-left:28px;width:37px; height:36px;background-image:url(/cnnp/template/common/header/dw.jpg); background-position:center 0; background-repeat:no-repeat; cursor:pointer;} .email{ float:left; margin-left:28px;width:28px; height:36px;background-image:url(/cnnp/template/common/header/em.jpg); background-position:center 5px; background-repeat:no-repeat; cursor:pointer;} .sou1,.zi1,.email1{ display:none;position:absolute; top:38px; right:0; z-index:100; background-color:#fff;} .sou2{background-image:url(/cnnp/template/common/header/srcH.jpg)} .zi2{background-image:url(/cnnp/template/common/header/dwH.jpg)} .email2{background-image:url(/cnnp/template/common/header/emH.jpg)} .sou1{ width:430px; height:160px;} .zi1{ width:1170px; height:290px;} .email1{ width:430px; height:282px;} .zi1Con{padding:40px 0 0 20px;} .zi1Con .div1,.zi1Con .div2,.zi1Con .div3,.zi1Con .div4,.zi1Con .div5{float: left;margin:45px 0 0 20px;} .zi1Con .div1{width:337px; margin:0px;} .zi1Con .div2{width:170px;} .zi1Con .div3{width:184px;} .zi1Con .div4{width:169px;} .zi1Con .div5{width:169px;} .zi1Con .div4 span,.zi1Con .div4 a,.zi1Con .div5 span,.zi1Con .div5 a{line-height: 32px; font-size: 12px;} /*搴曢儴*/ .foot{background-color: #0064a5; color: #fff; height: 411px; background-image: url("/cnnp/template/common/footer/bg6.jpg"); background-position: center; background-repeat: no-repeat; margin-top: 30px;} .foot_11{ padding-top: 28px; float: left; width: 468px; } .foot_12{ width: 1px; margin: 30px; float: left;display:inline; border-right:1px solid #005e9a; border-left:1px solid #027ac5; height: 340px } .foot_13{ width:355px; padding-top: 30px; float: left;} .foot a{color: #fff} .foot_14{ width: 240px; padding-top: 30px; float: right;} .foot_13 a,.foot_14 a{float:left;width:175px;border-bottom:1px solid #3599da; height: 34px; line-height: 34px; font-size: 12px;width: 175px; display: inline-block;} .foot_11>h2,.foot_13>h2,.foot_14 h2{font-size: 18px;line-height: 24px; color: #fff;} .foot_13>h2,.foot_14 h2{padding-bottom: 10px;} .foot_11>p{font-size: 12px;line-height:2em; padding: 10px 0 20px 0; color: #fff;} .foot_11 .ewm1,.foot_11 .ewm2{width: 114px; display: inline-block; *display: inline;text-align: center} .foot_11 .ewm2{margin-left: 26px} .foot_11 .ewm1 img,.foot_11 .ewm2 img{width: 114px;} .foot_11 .ewm1 span,.foot_11 .ewm2 span{font-size: 14px;padding-top: 10px; display: block; color: #fff;} /*-----------鐗堟潈---------*/ .copyright{ height: 65px; line-height: 50px;} .copyright span a {display: unset;} .copyright a{width: 66px; text-align: center; display: inline-block} /*褰撳墠浣嶇疆*/ .erjiTitle{background-color: #f2f2f2; height: 52px; line-height: 52px; margin-bottom:30px;} .erjiTitle .lujing img{ margin: -4px 15px 0 0;} .erjiTitle .lujing a{font-size:16px; color:#464646;} /*棣栭〉銆侀閬撻〉鏍忕洰榛樿鏍囬鍒楄〃鏍峰紡 灏忓瓧浣?/ .bt_link { font-size:12px; text-decoration:none; color:#464646; } /*寰蒋闆呴粦瀛椾綋浣跨敤*/ .bt_link_w { font-size:13px; FONT-FAMILY: "寰蒋闆呴粦"; text-decoration:none; color:#464646; } /*棣栭〉銆侀閬撻〉鏍忕洰榛樿鏍囬鍒楄〃鏍峰紡 澶у瓧浣擄紙澧烇級*/ .bt_linkb { font-size:14px; text-decoration:none; color:#464646; } /*寰蒋闆呴粦瀛椾綋浣跨敤*/ .bt_linkb_w { font-size:15px; FONT-FAMILY: "寰蒋闆呴粦"; text-decoration:none; color:#464646; } /*-----------鑷畾涔夊叕鍏辩被---------*/ .fl{ float:left; } .fr{float:right} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{zoom:1} /*-----------banner---------*/ *{zoom:1} .fullSlide{ position:relative; background:#000; margin:0 auto; } .fullSlide .bd{ position:relative; z-index:0; } .fullSlide .bd li img{width:100%; vertical-align:top; } .fullSlide .hd{position:relative; z-index:1; margin-top:-40px; height:40px; line-height:30px; text-align:center; } .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:22px; height:22px; margin:5px; background:url(index.png) no-repeat; overflow:hidden; font-size:0; } .fullSlide .hd ul .on{background:url(index_on.png) no-repeat; } .fullSlide .prev{background:url(prev.png) 0 0 no-repeat;} .fullSlide .next{background:url(next.png) 0 0 no-repeat;} .fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:32px; height:56px; position:relative; margin:-12% 0 0 10%; float:left; filter:alpha(opacity=40);opacity:0.4 } .fullSlide .next{ float:right; margin-right:10% } .fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 } /*-----------main---------*/ .h35{ font-size: 35px;border-bottom: 1px #0082cc solid;display: inline-block} .h18{ font-size: 18px;display: inline-block; padding-left: 13px;} .new{text-align: center; height: 90px; line-height: 92px; padding-top: 10px } .tong{ height: 50px; line-height: 50px; background-color: #f6f6f6; margin-top: 35px; font-size: 16px; overflow: hidden} .t_1{ font-weight: bold; padding-left: 16px; float: left} .t_2{padding-left: 45px;float: left;} .t_2 span{padding-left: 45px;} .close{float: right; padding-right:15px ; width: 16px; cursor: pointer; } .new_n{margin-top:30px; } .new_1{ width: 31.6%; height: 420px; background-color: #f6f6f6; float: left} .new_2{ width: 31.6%; height: 420px; background-color: #f6f6f6; float: left;margin-left: 2.6%} .new_3{ width: 31.6%; height: 420px; float: right} .new_11{ padding: 15px 20px 0 20px; } .new_111{ float: left; width: 14%} .new_112{float: right;width: 81%;} .new_21{ padding:10px 20px 0 20px; font-size: 20px; line-height: 40px} .new_21 div{float: left} .new_21>div+div{ margin-left:6.5%;} .new_21_on{ color: #0081cc} .new_222>div{padding: 10px 0;} .new_222>div+div{ border-top: 1px solid #e6e6e6} .new_3>div+div{margin-top: 30px} .new_3 img{ } .gupiao{background-color: #d70000; height: 50px; line-height: 50px; color:#fff; margin-top: 40px} .gp_1{max-width: 1170px; font-size: 24px; margin: 0 auto} .download{ background-color: #eaeaea; background-image: url("bg1.jpg");background-position: center;background-repeat: no-repeat; height: 403px} .cnnp{ margin-top: 40px} .cnnp>div{width: 31.6%; height: 430px; background-color:#f6f6f6; background-image:url("bg5.jpg"); background-position: bottom; background-repeat: no-repeat;} .cnnp_1{ float: left;} .cnnp_2{ float: left; margin-left: 2.6%} .cnnp_3{ float: right;} .cnnp_11{ background: url("bg2.jpg") center no-repeat; width: 100%; height: 50px} .cnnp_21{ background: url("bg3.jpg") center no-repeat;width: 100%; height: 50px} .cnnp_31{ background: url("bg4.jpg") center no-repeat;width: 100%; height: 50px} .cnnp_12{height: 154px;} .h30{ font-size: 30px; padding: 20px 0 0 35px;} .join{ width: 100%; margin-top: 30px; height: 200px; background-color:#f6f6f6; background-image: url("img15.jpg"); background-position: right bottom; background-repeat: no-repeat; } .input{padding: 10px 0 0 35px;} .input_1{border: none; height: 45px; width: 400px;text-indent: 10px; font-size: 16px; line-height: 45px; color: #666} .input_2{width: 58px; height: 45px; background:url("img6.jpg"); border: none} .download_more{padding-top: 40px ;text-align: center; display: block} /* 鍥剧墖缁忚繃鏀惧ぇ */ .imghov{overflow:hidden;} .imghov img{transition: all 1s ease 0s;} .imghov:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} /* 鏍忕洰椤 */ .weizhi{ background-color:#f2f2f2; height:52px; line-height:52px;} .main{ margin-top:30px;} .main_1eft{ float:left; width:270px;} .main_right{ float:right; width:840px;} .left_1{ width:270px; height:50px; background-image:url(bg101.jpg); text-indent:75px; font-size:20px; font-weight:bold; color:#fff; line-height:50px;} .left_2>div{ height:50px; line-height:50px; border-bottom:1px #fff solid; background-color:#f8f8f8; text-indent:75px; font-size:16px;} .left_3{ margin-top:30px; width:270px; } .left31{ padding:20px 20px 0 20px; height:44px; line-height:44px;} .left32{ padding:0 20px; height:25px; line-height:25px;} .left32>div+div{ border-top:1px solid #e8e8e8} .col_on{ font-weight:bold; background:url(on.jpg) 190px center no-repeat;} .col_on a{ color:#0081cb} .right1{ font-size:35px; font-weight:bold;} @media screen and (max-width: 980px) { .headr,.nav,.content1,.content2,.content3,.copyright,.foot_1{ width: 100% !important; max-width:initial !important; margin: 0 auto;} .logo{width: 353px !important;} .main_right{width: 666px !important;} .xxfz_box{width: 100% !important;} .xxfz_box_left{width: 40% !important;} .xxfz_box_left img{width: 100% !important;} .xxfz_box_right{width: 50% !important;} .link_1{width: 950px !important;} .link_11{width: 950px !important;} .foot_11{transform: scale(0.8) translate(-30px,-65px);} .foot_12{position: relative;left: -46px;margin: 30px 15px;} .foot_132{width: 155px !important;} .foot{overflow: hidden;} .copyright{line-height: 36px;height: auto;overflow: hidden;} .copyright span{width: 100%;text-align: center;} }