锘緻charset "utf-8"; /* Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,th,var,i { font-weight:300; font-style:normal; } ol,ul,li { list-style: none; } div,dl,dt,dd,ol,ul,li{ zoom:1; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: 300; font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; } /* Public */ .wrap{ position:relative; } body{ color:#333;font:300 14px/2em "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif;font-family:PingFangSC-Thin; -webkit-text-size-adjust: none; cursor: default; background: #f3f3f3;min-width: 1240px;} li font{ } a{ color: #333; text-decoration:none; outline:none; -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;} a:hover { color: #b10f0f; } .clearbox {border:none;border-top: 1px solid transparent !important;clear: both; font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;} .blank{ display:block; height:0;font-size:0px; line-height:0; overflow:hidden; clear:both; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* * html .clearfix{height:1%;} *+html .clearfix{min-height:1%;} */ .clear {clear: both; } .fl {float:left;display: inline; } .fr {float:right;display: inline; } .hide {display:none; } .mt10 {margin-top: 10px; } .mb10 {margin-bottom: 10px; } input::-webkit-input-placeholder{color:#fff;} input:-ms-input-placeholder{color:#fff;} /* frame */ #header .inner, #footer .inner,.introContent{max-width: 1400px;margin: 0 auto;min-width: 1200px;} .titmore{display:none;} /* header */ #top{background:#2978b0;min-width: 1200px;} #top .inner{max-width: 1400px;margin: 0 auto;height:40px;line-height:40px;color: #fff;font-size: 13px;min-width: 1200px;} #top .inner .fl{color:#fff; font-size:14px;float: right;margin-top: 6px;} #top .inner .fl span{padding: 0 5px;font-size: 12px;height: 24px;border-radius: 10px;display: inline-block;line-height: 24px;text-align: center;color:rgba(255, 255, 255, 0.68);} .userLogged .loggedin>a,#top .inner .fl a{color: #fff;} .userLogged .userDropdown a.nickname,.userLogged .userDropdown a.nickname:hover{color: #fff;} #top .userLogged .userDropdown .ud-bd li a{color:#333;} #top .inner .fr{float:left;} #top .inner .fr a,#top .inner .fr em{color: #fff;float: left;} #top .inner .fr a:hover{color: #ffcc00;} #top .inner .fr em{margin: 0 10px;} #top .inner .fr span {color: #ffcc00; font-weight: 400;} #header {width: 100%;min-width: 1200px;position: absolute;left: 0;z-index: 30;} /* #header { width: 100%; min-width: 1200px; height: 120px; position: absolute; left: 0; top: 0; z-index: 99; background:url(images/chunjie.jpg) center top no-repeat; box-shadow: #ccc 0px 0px 10px;-webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow:#ccc 0px 0px 10px;}*/ #header .bg-color{height: auto;transition: all 0.2s ease;} .fixed-box .bg-color{background: rgba(20, 94, 160, 0.95)!important;} #header .inner {position: relative;} #header .logo {position: absolute;top: 30px;left: 30px;} #header .logo a{background: url(images/logo.png) center no-repeat;background-size:100%;width: 180px;height:40px;display: inline-block;text-indent: -999em;} /* #header .logo a { display: block;width: 645px;height: 50px;background: url(images/2014/logo.gif) no-repeat; text-indent: -9999px; }*/ #header .logo small{display:none;} #header .nav {display: inline-block;margin: 28px 0 22px 260px;/* height: 38px; */} #header .nav li {float: left;margin-right: 5px;border: none;position: relative;} #header .nav li .itemSub{position: absolute;left: 0;top: 40px;padding-top: 20px; text-align:left;} #header .nav li a {display: block;padding: 10px 20px;font-size: 18px;color: #fff;zoom: 1;float: left;border: solid 1px #fff0;transition: all 0.2s;border-radius:30px;} #header .nav li a:hover,#header .nav li.on1 a {border-radius: 30px;border: solid 1px #fff;color: #fff;text-decoration: none;} #header .nav #item-Products a{background: url(images/sjx.png) 90% 50% no-repeat;padding-right: 30px;} #header .nav #item-Products:hover a{} #header .second-nav .nav-ul{background: #ffffffeb;height:auto;overflow:hidden;padding: 15px 30px 15px 15px;width: 260px;border-radius:4px;display: none;box-shadow: 0px 5px 5px #1e65a359;} #header .nav #item-Products .second-nav .nav-ul a{background:none;border:none;float: none;color: #666;font-size: 16px;font-weight: 500;border-radius:0;padding: 5px 10px;border-radius:4px;} #header .nav #item-Products .second-nav .nav-ul a:after{transition: all .4s; background: none; width: 0%; height: 5px; content: ""; position: absolute; left: 10px; border-radius: 5px; bottom: 0px; } #header .nav #item-Products .second-nav .nav-ul a:hover:after{background: #035d9b;width:100%;} #header .nav .second-nav .nav-ul li{float:none;width:100%} #header .nav .second-nav .nav-ul li.class_name{font-weight:bold;font-size:18px; margin:15px 10px 5px;border-bottom:#035d9b solid 2px;padding-bottom:10px;color:#035d9b } /*#header .second-nav .nav-ul{max-width: 1920px;margin: 0 auto;min-width: 1400px;display: none;position: relative;} #header .second-nav .nav-ul .pic{/*background: url(images/product-pic.png) no-repeat;margin-left: 20px;width: 338px;height: 223px;float: left;*//*display:none;} /* #header .second-nav .nav-ul ul {padding:2em;height: auto;overflow: hidden;} #header .second-nav .nav-ul ul.nav-list1{border-bottom: #09131b solid 1px;border-top: #1f333e solid 1px;background:rgba(14, 34, 66, 0.95)} #header .second-nav .nav-ul ul.nav-list2{ border-top: #1f333e solid 1px;border-bottom: #1f333e solid 1px;background:rgba(21, 34, 53, 0.95);} #header .second-nav .nav-ul ul.nav-list3{ border-top: #09131b solid 1px;border-bottom: #1f333e solid 1px;background:rgba(14, 34, 66, 0.95);} #header .second-nav .nav-ul ul li{display: inline-block;margin: 0;text-align: center;width:19.9%;padding: 1em 0;transition: all 0.2s;border-radius: 5px;position: relative;opacity: 0.8;} #header .second-nav .nav-ul ul li:hover{cursor: pointer; background-color: rgba(41, 120, 176, 0.7);opacity: 1;} #header .second-nav .nav-ul ul li i{display: block;height: 80px;transition: all 0.2s;padding: 1em 0;} #header .nav #item-Products .second-nav li:hover a, #header .second-nav .nav-ul ul li:hover i{color:#fff;} #header .second-nav .nav-ul ul li a{font-size: 16px;color: #fefefe;border: none;float: none;background: none;left: 0;line-height: 1.5em;right: 0;position: absolute;top: 0;padding: 80px 0 0 !important;} #header .second-nav .nav-ul ul .li1 i{background: url(images/SUP.png) 50% 5px no-repeat;background-size: 25%;} #header .second-nav .nav-ul ul .li2 i{background: url(images/SEP.png) 50% 5px no-repeat;background-size: 25%;} #header .second-nav .nav-ul ul .li4 i {background: url(images/SIP.png) 50% 5px no-repeat;background-size: 25%;} #header .second-nav .nav-ul ul .li15 i {background: url(images/SHP.png) 50% 0px no-repeat;background-size: 25%;} #header .second-nav .nav-ul ul .li16 i {background: url(images/SMP.png) 50% 0px no-repeat;background-size: 25%;} #header .second-nav .nav-ul ul .li10 i{background: url(images/WebFuture.png) 50% 12px no-repeat;background-size: 60%;} #header .second-nav .nav-ul ul .li1:hover i{background-image: url(images/SUP2.png);} #header .second-nav .nav-ul ul .li2:hover i{background-image: url(images/SEP2.png);} #header .second-nav .nav-ul ul .li4:hover i {background-image: url(images/SIP2.png) ;} #header .second-nav .nav-ul ul .li15:hover i {background-image: url(images/SHP2.png);} #header .second-nav .nav-ul ul .li16:hover i {background-image: url(images/SMP2.png);} #header .second-nav .nav-ul ul .li10:hover i {background-image: url(images/WebFuture2.png);} #header .second-nav .nav-ul ul .li5 i {background: url(images/SmartGov.png) 50% 20px no-repeat;background-size: 55%;} #header .second-nav .nav-ul ul .li3 i {background: url(images/SiteAzure.png) 50% 12px no-repeat;background-size: 60%;} #header .second-nav .nav-ul ul .li6 i {background: url(images/SmartSchool.png) 50% 10px no-repeat;background-size: 55%;} #header .second-nav .nav-ul ul .li7 i {background: url(images/SiteFactory.png) 50% 0px no-repeat;background-size: 20%;} #header .second-nav .nav-ul ul .li8 i {background: url(images/saas.png) 50% 3px no-repeat;background-size: 45%;} #header .second-nav .nav-ul ul .li9 i {background: url(images/mbsj.png) 50% 5px no-repeat;} #header .second-nav .nav-ul ul .li17 i {background: url(images/dpyhjs.png) 50% 0px no-repeat;} #header .second-nav .nav-ul ul .li11 i {background: url(images/Allmedia-icon.png) 50% 0px no-repeat;background-size: 30%;} #header .second-nav .nav-ul ul .li12 i {background: url(images/newmediamonitor-icon.png) 50% 0px no-repeat;background-size: 30%;} #header .second-nav .nav-ul ul .li13 i {background: url(images/leadermailbox-icon.png) 45% -5px no-repeat;background-size: 30%;} #header .second-nav .nav-ul ul .li14 i {background: url(images/petitionplatform-icon.png) 45% 5px no-repeat;background-size: 25%;} */ /*#header .nav #item-Products .second-nav a{background: none;color: rgba(255, 255, 255, 0.4);font-size:14px;text-shadow: 1px 1px black;} #header .nav #item-Products .second-nav a span{display:block;} */ /*#header #sub-Products ul{margin-top: 10px;height:auto;overflow: hidden;/* background: #155793; *//*-webkit-backdrop-filter: saturate(120%) blur(8px);backdrop-filter: saturate(120%) blur(8px);box-shadow: #4646464a 0px 0px 10px;-webkit-box-shadow: #4646464a 0px 0px 10px;-moz-box-shadow: #4646464a 0px 0px 10px;} #header #sub-Products ul li{width: 14%;float: left;padding:17px;margin-right: 2px;position: relative;cursor: pointer;transition: all 0.1s;cursor: default;border:none;} #header #sub-Products ul li img{width:100%;height:100%;object-fit:cover} #header #sub-Products ul li h3{text-align: left;color: #111;margin: 18px 0;} #header #sub-Products ul li a{padding:0!important;font-size: 20px!important;border:none;} */ .userPanel{float: left; line-height: 26px; height: 26px; margin: 2px 6px 0;} /* .siteSearch { position: relative; width: 260px; _width: 365px; right: 30px; top: -30px;} */ /* #header .siteSearch .keyword { float: left; width: 250px; height: 20px; padding: 5px 0 5px 12px; line-height: 25px\9; _line-height: 30px; background: #fff; border: 1px solid #d9d9d9; outline: none; font-family: "Microsoft Yahei";border-radius: 18px;font-size: 13px;} */ /* #header .siteSearch .submit { position: absolute; width: 32px; height: 32px; line-height: 30px; color: transparent; background: url(images/search-btn.png) 50% no-repeat; border: none; cursor: pointer;right: 0;border-radius: 50%;} */ .search-wrapper { position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top:25px; left:16%;} .search-wrapper .input-holder {overflow: hidden; height: 50px; background: rgba(255,255,255,0); border-radius:6px; position: relative; width:50px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.3s ease-in-out;} .search-wrapper.active .input-holder {border-radius: 50px;width:230px;background: rgba(255,255,255,1);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, ndcolorstr=#7f000000);} .search-wrapper .input-holder .search-input {width:80%;height: 30px;padding:0px 0 0 20px;opacity: 0;position: absolute;top:0px;left:0px; background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none; outline:none;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.2s;moz-transition-delay: 0.2s;transition-delay: 0.2s;} .search-wrapper.active .input-holder .search-input {opacity: 1;-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);transform: translate(0, 10px);} .search-wrapper .input-holder .search-icon {width:48px;height:48px;border:none;background: url(images/search-icon.png) 50% no-repeat;padding:0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;border: solid 1px #ffffff;border-radius: 50%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .search-wrapper .input-holder .search-icon:hover{background: #2978b0 url(images/search-icon.png) 50% no-repeat; } .search-wrapper.active .input-holder .search-icon {display:none;} .search-wrapper .input-holder .submit{ display: none;} .search-wrapper.active .input-holder .submit {display:block; width: 40px;height: 40px;position: absolute; right: 0;margin: 5px; border-radius: 50%;color: transparent; border:none; background:#093e6e url(images/search-icon.png) 50% no-repeat; cursor:pointer;} .search-wrapper.active .input-holder .submit:hover {background:#000 url(images/search-icon.png) 50% no-repeat;} .search-wrapper .close {display: none;position: absolute;z-index: 1;top:13px;right:20px;width:25px;height:25px;cursor: pointer;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);-moz-transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s;} .search-wrapper.active .close { right:-35px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;transition-delay: 0.5s;} .search-wrapper .close::before, .search-wrapper .close::after {position:absolute;content:'';border-radius: 2px;background: rgba(255, 255, 255, 0.2);transition: all 1s; } .search-wrapper .close:hover::before, .search-wrapper .close:hover::after {background: rgba(255,0, 0, 0.7); } .search-wrapper.active .close:hover { -webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);transform: rotate(225deg); transition: all 0.1s; } .search-wrapper .close::before {width: 5px;height: 25px;left: 10px;top: 0px;} .search-wrapper .close::after {width: 25px;height: 5px;left: 0px;top: 10px;} .search-wrapper .result-container { width: 100%;position: absolute;top:80px;left:0px;text-align: center;font-size: 14px;display:none;color:#B7B7B7;} .fixed-box{position: fixed!important;top: 0px!important;} .fixed-box .logo,.fixed-box .order-link{top: 15px!important; } .fixed-box .nav li .itemSub{margin-top: -17px!important;top: 56px!important;} .fixed-box .logo a{/*background-size: 85%!important;*/ } .fixed-box .nav {margin: 10px 0 0px 260px!important;} .fixed-box .nav{top: 10px!important;} .fixed-box .nav li a{/*font-size:16px!important;*/} .fixed-box .order-link i span{width:36px; height:36px!important;background-size: 50%!important} .fixed-box .active {top: 20px;} .fixed-box .search-wrapper .input-holder .search-icon{width:36px; height:36px;background-size: 50%} .fixed-box .search-wrapper{left: 25%;top: 20px;} .fixed-box .search-wrapper .input-holder{height: 40px;} .fixed-box .search-wrapper .input-holder .submit{margin: 0px;} .fixed-box .search-wrapper .input-holder .search-input{top: -5px;} .fixed-box .search-wrapper .close{top:9px;} /* .fixed-box .siteSearch{right: 60px;top: -18px;} */ .order-link{position: absolute;top: 28px;right: 0;width: 260px;height: 40px;} .order-link i span{display: inline-block;width: 48px;height: 48px;margin: 0 5px;cursor: pointer;position: relative;transition: all 0.2s;position: relative;} /* .order-link i span:hover{transform: rotate(360deg);} */ .order-link .wx{position: absolute;right:0;} .order-link .wx span{background: url(images/wx-icon.png) 50% no-repeat;border: solid 1px #ffffff;border-radius: 50%;} .order-link .search span{background: url(images/search-icon.png) 50% no-repeat;border: solid 1px #ffffff;border-radius: 50%;} .order-link .wx:hover span{background-color: #2978b0;} .order-link .search:hover span{background-color: #2978b0;} .order-link .wx img{position: absolute;top: 55px;left: -20px;display: none;} .order-link .wx:hover img{display: block;} .order-link .phone img{position: absolute;top: 50px;left: 44px;display: none;} .order-link .phone:hover img{display: block;} .s-form{} .s-form .select-box{display:none;} .s-form .input-box{ position: relative;} .s-form .input-box .from-control {width: 58%;height: 30px;padding: 0px 0 0 10px;/* opacity: 0; */position: absolute;top: -50px;color: #fff;left:0px;border: #ffffff4d solid 1px;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-right: none; outline:none;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.2s;moz-transition-delay: 0.2s;transition-delay: 0.2s;} .s-form .btn-box .btn {border:none; display:block;width: 38px;height: 38px;position: absolute;right: 25%;padding: 24px;border-radius: 50%;color: transparent;border: #fff solid 1px;background: url(images/search-icon.png) 50% no-repeat; cursor:pointer;transition: all 0.2s;} .s-form .btn-box .btn:hover{background-color: #2978b0;} .fixed-box .order-link{width: 200px;} .fixed-box .s-form .input-box .from-control {height: 26px;padding: 0px 0 0 10px; top: -53px;} .fixed-box .s-form .btn-box .btn {padding:15px;width:38px; height:38px;background-size:50%} /* links */ #footlinks { max-width: 1400px;height:auto; overflow:hidden; min-width: 1200px; margin: 0 auto;/* border-top: 2px solid #00A2E9;*/ padding: 4px 0 0; font-size:14px;} #footlinks dl {float:left; margin-top:20px;margin-right: 39px;min-width: 130px;} #footlinks dt{color:#000;} #footlinks li a { color:#006699; font-size:14px; line-height:28px;margin-right: 15px;white-space:nowrap;} #footlinks dl.float li{float: left; } #footlinks dl.float{max-width: 130px;} #footlinks li a:hover{color: #111;text-decoration: underline;} /* footer */ #footer { color: #333; line-height: 22px;background-color: #f2f2f2;padding: 20px 0 0;} #footer .siteWidth{min-width: 1200px;margin: auto;max-width: 1400px;padding: 10px 0;height: auto;overflow: hidden;} #footer .footL { position: relative; float: left;width: 500px;} #footer .footlogo{display:block; margin:0px 0 15px;width:108px;height:23px; background: url(images/footlogo.png) no-repeat left center;} #footer .footL .intro span{display: inline-block;margin-right:1em;color: #333333;line-height: 32px;} #footer .footL .intro p{} #footer .footC{float: left;width:30%;height: 111px;margin-left: 9%;} #footer .footC h3,#footer .footR h3{font-size: 16px;color: #333333;} #footer .footC ul li{width: 147px;height: 32px;background-color: #efefef;border: solid 1px #d8d8d8;float: left;margin: 10px 10px 0px 0;line-height: 32px;text-align: center;text-indent: -5px;cursor: pointer;transition: all 0.5s;} #footer .footC ul li i{display: inline-block;width: 20px;height: 17px;background: url(images/lxwm-icon.png) no-repeat;float: left;margin: 8px 0 0 17px;transition: all 0.5s;} #footer .footC ul li.li5 i, #footer .footC ul li.li6 i {background: url(images/lxwm2-icon.png) no-repeat;} #footer .footC ul li:hover{background-color: #fff;} #footer .footC ul li:hover i{transform: rotateY(360deg);} #footer .footR{width: 216px;height: 149px;float: right;margin-bottom: 20px;} #footer .honor {clear: both;border-top: 1px solid #cfcfcf;background: #1e252b;padding: 30px 0;color: #85a0b7;} #footer .honor li{float:left; } #footer .honor li.li1,#footer .honor li.li2{width:50%;} #footer .honor li.li3{margin-top:30px;} #footer .honor H3{font-weight:bold; margin-bottom: 15px; margin-left: 10px; font-size: 13px;;display: inline-block; background: #4ea3ef;color: #fff;padding: 0 10px;position: relative;} #footer .honor H3:before,#footer .honor H3:after{position: absolute;content: "";width: 0;height: 0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;} #footer .honor H3:before{left: -9px;border-right: 9px solid #4ea3ef;border-left: 0 none;} #footer .honor H3:after{ right: -9px;border-left: 9px solid #4ea3ef;border-right: 0 none;} #footer .honor span{display:inline-block; padding-right:1.5em;height:30px;line-height: 30px;min-width: 20%;} .weiboShow,.weixinShow{width:99px;float: left;} .weixinShow{margin-right: 18px;} .weiboShow img,.weixinShow img{width:99px;height:99px;float: left;} .weiboShow span a,.weixinShow span {display: block;text-align: center;font-size: 12px;color: #888888;line-height: 24px;} #box_weibo{padding-top: 10px;} .footer-bottom{height: 68px;line-height: 68px;clear: both;background-color: #11191f; color: #2066a5;} .footer-bottom .copyRight {max-width: 1400px;margin: auto;min-width: 1200px;} .footer-bottom .copyRight p{float: left;} .footer-bottom .copyRight .gg{float: right;} .footer-bottom .copyRight .gg .ga-icon{display: inline-block;width: 18px;height: 20px;background: url(images/ga-icon.png) no-repeat;margin: 0 5px;vertical-align: middle;} .footer-bottom .copyRight .gg .jc-icon{display: inline-block;width: 38px;height: 47px;background: url(images/jc-icon.png) no-repeat;vertical-align: middle;margin-left: 10px;} .footer-bottom a{color: #2066a5;} .pageBanner{min-width:1200px; height:300px;} .pageBanner a{display:block;height:100%;} .banner-box{position: relative;} .banner-box .pageBanner{height: 820px} /* common title */ #content{margin: auto;} #content .printArea h1.title { font-size: 40px; line-height: 50px; font-family: "寰蒋闆呴粦","榛戜綋"; margin:0 0 20px 0; text-align: left;} #content .printArea h1.title small { font-size: 30px; } .introPath { margin-bottom: 10px; height: 35px; line-height: 30px; color: #999; font-size: 14px;} .introPath a, .introPath span {color: #999; margin: 0 5px; } .introPath a:hover {color: #447099; } .introPath .contactLink {float: right;font-size: 18px;line-height: 24px;color: #000;padding-left: 35px;background: url(images/icon_mail.png) no-repeat left center; } /* sideBarList */ .sideBarList {} .sideBarList h3{ background: #447099; color: #fff; font-size: 18px; padding-left: 10px; line-height: 30px;} .sideBarList ul{padding: 5px 10px 20px;} .sideBarList li{height: 30px;border-bottom:#ccc dotted 1px;overflow: hidden;} .sideBarList li a{display:block;font-size: 14px;line-height: 30px;color:#666;overflow:hidden;padding-left:15px;background: url("images/icons.gif") 0 -96px no-repeat; } .sideBarList li a:hover{background-position:0 -122px; text-decoration:none; color:#3399cc;} /* 鍒嗕韩鍔熻兘 */ #content.clearfix {overflow: visible;position: relative; } #bdshare { position: absolute;left: -44px;top: 0;margin-top: 50px;width: 44px;text-align: center;padding-top: 21px;padding-bottom: 5px !important;background: url(images/tit_share.png) no-repeat #E3E3E3;display:none; } #bdshare a { margin: 0 0 0 2px; } #bdshare .bds_more, #bdshare .shareCount { display: none; } .zoo{box-shadow: #999 0px 0px 5px;z-index: 20;background: white;font: 12px/20px "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif;} .zoo ul{padding:10px 0;} .zoo li{padding:2px 0 2px 5px;} .zoo li:hover{background:#f0f0f0;} .introContent{margin: auto;} /* box-D */ .box-D { background:url(images/boxDbg.jpg) no-repeat center top; height:280px;} .box-D .siteWidth{width: 1200px;margin: auto;} .sup{font-weight: 600;} .service-item{background: url(images/serviceitembg.png) no-repeat center;height: 200px;position: relative;} .service-item span{width: 25%;float: left;text-align: center;position: relative;} .service-item span p{font-size: 28px;color: #ffc743;} .service-item span p em, .service-item span p b {color: #ffc743;font-weight: 400;font-size:30px;} .service-item span i{display: block;height: 140px;} .service-item font { color:#fff; margin-left:8px;} .service-item .li2 i{background-position-y: -267px;} .service-item .li3 i{background-position-y: 0;} .service-item .li4 i{background-position-y: -410px;} /* @media screen and (max-width: 560px) { .search-wrapper.active .input-holder {width:200px;} } */ @media only screen and (max-width: 1400px) { /* #header{width:auto;} */ /* .honor span{ width: 16%; } */ #footer .footC{margin-left: 8%;} /*#header .second-nav .nav-ul{min-width: 1200px;} #header .second-nav .nav-ul ul li{} #header .second-nav .nav-ul ul .li6, #header .second-nav .nav-ul ul .li7, #header .second-nav .nav-ul ul .li8, #header .second-nav .nav-ul ul .li9{} #header .second-nav .nav-ul .pic{width: 300px;} #header #sub-Products ul li{padding: 15px;} */ #top .inner,#header .inner, #footer .inner, .introContent,#footer .siteWidth{padding: 0 20px;} .order-link{right: 20px;} #header .nav{margin: 26px 0 24px 245px;} #header .nav li a{padding: 10px 15px;} .fixed-box .nav{margin: 15px 0 8px 220px!important;} .fzlc-box .bd ul{width: 380px;margin: 0 20px;} .fzlc-box .bd ul .Years{text-indent: -54px;} }