锘緻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 { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:""; } abbr,acronym { border: 0; } a{ text-decoration: none; } img{ border:none; vertical-align: bottom;; } html,body{ font-family: "寰蒋闆呴粦"; font-size: 14px; min-width: 1200px; } .c{ width: 1200px; margin-left: auto; margin-right: auto; } .ha{ width: 100%; overflow: hidden; } .ha-box{ width: 400%; margin-left: -150%; text-align: center; } .hd{ /* height: 165px; */ position: relative; background: white; } .hd-logo{ width: 406px; height: 100px; } .hd-logo img{ width: 100%; height: 100%; } .hd-links{ position: absolute; top: 0; right: 0; font-size: 16px; height: 26px; line-height: 26px; padding: 30px 50px; } .hd-links a{ color: #000; } .hd-links i{ padding: 0 13px; color: #000; font-style: normal; } .hd-hotline{ height: 24px; line-height: 24px; position: absolute; right: 0; top: 66px; color: #da251d; font-size: 18px; background: url('../images/hd-hotline-icon.png') no-repeat left center; text-indent: 24px; letter-spacing: 3px; } .hd-nav{/* height: 30px; line-height: 30px; */ height: 40px; line-height: 40px; margin-top: 20px; background: #1d1d1d; } .hd-nav ul{ /* overflow: hidden; */ /* height: 30px; */ height: 40px; } .hd-nav li{ float: left; width: 10%; text-align: center; font-size: 15px; position: relative; } .hd-nav li a{ /* color: #717171; */ color: white; } .hd-nav li.active a{ color: #da251d; } .hd-nav li:hover .hd-nav-it-drawer{ display: block; } .hd-nav-it-drawer{ position: absolute; /* top: 21px; */ top: 32px; left: 0; padding-top: 24px; background: url('../images/hd-nav-it-drawer-arrow.png') no-repeat 40px top; display: none; z-index: 3; } .hd-nav-it-drawer-bd{ /* background: url('../images/hd-nav-it-drawer-bd-bg.png') repeat; */ background: white; border: 1px solid #a4b2bb; } .hd-nav-it-drawer-bd ul{ overflow: visible; height: auto; } .hd-nav-it-drawer-bd li{ float: none; position: inherit; width: auto; text-align: left; } .hd-nav-it-drawer-st-1 .hd-nav-it-drawer-bd ul{ margin: 14px 15px 8px; overflow: hidden; } .hd-nav-it-drawer-st-1 .hd-nav-it-drawer-bd li{ float: left; width: 14%; margin-right: 0.2%; margin-bottom: 2px; } .hd-nav-it-drawer-st-1 .hd-nav-it-drawer-bd li a{ height: 30px; line-height: 30px; font-size: 15.67px; color: #cc0909; font-size: 13px; display: block; clear: both; font-weight: bold; } .hd-nav-it-drawer-st-1 .hd-nav-it-drawer-bd li p{ margin-top: 2px; clear: both; } .hd-nav-it-drawer-st-1 .hd-nav-it-drawer-bd li p a{ display: block; height: auto; line-height: 28px; color: #898989; clear: none; font-weight: normal; } .hd-nav-it-drawer-st-2 .hd-nav-it-drawer-bd{ width: 120px; } .hd-nav-it-drawer-st-2 li{ float: none; width: 100%; text-align: center; } .hd-nav-it-drawer-st-2 li a{ display: block; height: auto !important; line-height: 33px; color: #898989 !important; } .hd-nav-it-pro .hd-nav-it-drawer{ width: 1124px; } .hd-nav-it-apps .hd-nav-it-drawer{ width: 1004px; } .hd-nav-it-ser .hd-nav-it-drawer{ width: 874px; } .hd-nav-it-ser .hd-nav-it-drawer-bd{ background: white; } .hd-nav-it-ser-it-1{ width: 32.6% !important; overflow: hidden; } .hd-nav-it-ser-it-1 a{ display: block; width: 50%; float: left; } .hd-nav-it-about .hd-nav-it-drawer{ left: -260px; background-position: 300px top; } .hd-nav-it-about .hd-nav-it-drawer-bd{ width: 608px; } .pages{ text-align: center; margin-top: 47px; } .pages p{ display: inline-block; } .pages a{ height: 26px; line-height: 26px; display: block; float: left; border: 1px solid #888686; padding: 0 13px; color: #333; font-size: 18px; margin: 0 10px; } .ft{ margin-top: 44px; height: 374px; } .ft-nav{ height: 58px; line-height: 58px; background: #1d1d1d; } .ft-nav ul{ overflow: hidden; } .ft-nav li{ float: left; width: 14.285%; text-align: center; } .ft-nav li a{ color: white; } .ft-w1{ overflow: hidden; margin-top: 33px; } .ft-w1-p1{ width: 350px; float: left; padding-left: 15px; } .ft-w1-p1 strong{ display: block; height: 40px; line-height: 40px; color: #d8271d; font-size: 18px; font-weight: normal; } .ft-w1-p1 p, .ft-w1-p1 p a{ color: #545353; line-height: 30px; font-size: 12px; } .ft-w1-p2{ width: 161px; float: left; margin-left: 67px; } .ft-w1-p3{ float: right; width: 490px; font-size: 12px; } .ft-w1-p3 div{ overflow:hidden; line-height: 22px; color: #858585; margin-top:12px; } .ft-w1-p3 div i, .ft-w1-p3 div span, .ft-w1-p3 div input, .ft-w1-p3 div textarea, .ft-w1-p3 div p{ float: left; } .ft-w1-p3 div i, .ft-w1-p3 div span { display: block; } .ft-w1-p3 div i{ width: 13px; color: #cf2120; } .ft-w1-p3 div span{ width: 52px; margin-right: 16px; } .ft-w1-p3 div input{ height: 20px; width: 180px; border: 1px solid #d0d0d0; } .ft-w1-p3 div textarea{ width: 289px; height: 64px; border: 1px solid #d0d0d0; } .ft-w1-p3 div p{ padding-left: 8px; } .ft-w1-p3-msg p{ padding-left: 80px !important; } .ft-w1-p3-btns{ padding-left: 80px; } .ft-w1-p3 div.ft-w1-p3-btns input{ width: 58px; height: 23px; line-height: 23px; text-align: center; color: white; display: block; margin-right: 8px; background: #cf2120; border: none; } .ft-w1-p3-btns-reset{ background: #2d2d2d !important; } /* .ft{ margin-top: 44px; background: #166dc6; height: 374px; } .ft-nav{ height: 58px; line-height: 58px; border-bottom: 1px dashed #4283c5; } .ft-nav ul{ overflow: hidden; } .ft-nav li{ float: left; width: 14.285%; text-align: center; } .ft-nav li a{ color: #a8c6e5; } .ft-w1{ overflow: hidden; margin-top: 56px; } .ft-w1-p1{ width: 873px; float: left; } .ft-w1-p1 ul{ overflow: hidden; } .ft-w1-p1 li{ float: left; width: 210px; border-right: 1px dashed #4283c5; margin-right: 80px; height: 30px; line-height: 30px; } .ft-w1-p1 li a{ color: #f8f8f8; } .ft-w1-p2{ width: 322px; line-height: 24px; color: #90b4d8; float: right; } .ft-w1-p2 a{ color: #90b4d8; } .ft-w1-p2 b{ color: white; font-size: 16px; font-weight: normal; } */ .bd{ overflow: hidden; margin-top: 24px; } .bd-l{ width: 180px; float: left; } .bd-l-catnav{ margin-bottom: 9px; } .bd-l-catnav-hd{ height: 50px; background-color: #da261e; overflow: hidden;idden; } .bd-l-catnav-hd h3{ height: 35px; line-height: 35px; margin: 7px 11px 0 11px; background: #da261e; text-align: center; font-size: 20px; color: white; } .bd-l-catnav-bd{ text-align: center; } .bd-l-catnav-bd li{ height:28px; line-height: 28px; /* background: url('../images/bd-l-catnav-line.jpg') repeat-x bottom; background-color: #434343; */ margin-top: 2px; background: #F3F3F3; position: relative; } .bd-l-catnav-bd a{ color: black; } .bd-l-catnav-bd li:hover a{ color: #da261e; } .bd-l-catnav-bd li ul{ display: none; position: absolute; left: 100%; top: 0; width: 180px; background-color: #f1f1f1; } .bd-l-catnav-bd li ul li{ background: #f1f1f1; } .bd-l-catnav-bd li:hover{ background: #f1f1f1; } .bd-l-catnav-bd li:hover ul{ display: block; } .bd-l-catnav-bd li:hover a{ color: #313131; } .bd-l-nav{ text-align: center; margin-top: 3px; } .bd-l-nav h3{ height: 50px; line-height: 50px; font-size: 20px; color: white; background: #da261e; } .bd-l-nav li{ height: 28px; line-height: 28px; background: #F3F3F3; margin-top: 2px; } .bd-l-nav li a{ color: black; } .bd-l-contact{ width: 180px; height: 100px; background: url('../images/bd-l-contact-bg.jpg') no-repeat center center; text-align: center; line-height: 100px; color: #eee; font-size: 17.85px; font-family: "Arial"; margin-top: 9px; letter-spacing: 2px; } .bd-l-contact p{background: rgba(0,0,0,0.5);} .bd-r{ width: 1010px; float: right; } .bd-r-hd{ height: 19px; line-height: 19px; border-bottom: 9px solid #535353; overflow: hidden; } .bd-r-hd-title{ float: left; overflow: hidden; } .bd-r-hd-title i, .bd-r-hd-title h2{ float: left; } .bd-r-hd-title i{ display: inline-block; width: 13px; height: 13px; background: #535353; margin-top: 3px; } .bd-r-hd-title h2{ color: #1b1b1b; margin-left: 6px; } .bd-r-hd-pos{ float: right; overflow: hidden; font-size: 12px; } .bd-r-hd-pos strong, .bd-r-hd-pos p{ float: left; } .bd-r-hd-pos strong{ color: black; } .bd-r-hd-pos p{ color: #313131; } .bd-r-hd-pos p a{ color: #7d7d7d; } .bd-r-pages{ height: 32px; line-height: 32px; border: 1px solid #ccc; overflow: hidden; margin-top: 39px; } .bd-r-pages-info{ float: left; color: #434343; text-indent: 12px; } .bd-r-pages-links{ float: right; overflow: hidden; padding: 4px 15px 0 0; } .bd-r-pages-links a{ display: block; float: left; height: 24px; line-height: 24px; padding: 0 6px; color: #da261e; } .bd-r-pages-links a.active{ background: #166dc6; color: white; padding: 0 8px; } .bd-r-pages-links a b{ display: block; border: 1px solid #898989; color: #535353; height: 22px; line-height: 22px; padding: 0 2px; font-weight: normal; } .bd-texts{ margin-top: 24px; } .bd-texts strong, .bd-texts b,.bd-texts h1,.bd-texts h2,.bd-texts h3,.bd-texts h4,.bd-texts h5,.bd-texts h6{ font-weight: bold; } .bd-r-prolink{ margin: 32px 62px 0; border-top: 1px dashed #a0a0a0; overflow-x: hidden; } .bd-r-prolink-hd{ line-height: 42px; font-size: 24px; color: #166dc6; text-align: center; margin-top: 21px; } .bd-r-prolink-hd span{ font-size: 72px; display: inline-block; margin-top: -30px; padding-left: 15px; } .bd-r-prolink-desc{ line-height: 24px; color: #313131; margin-top: 9px; text-align: center; } .bd-r-prolink-p1{ height: 320px; background: url('../images/bd-r-prolink-p1-bg.png') no-repeat left top; position: relative; margin-top: 32px; } .bd-r-prolink-p1 li{ position: absolute; text-align: center; } .bd-r-prolink-p1 li p{ color: white; } .bd-r-prolink-p1 li a{ display: block; height: 24px; line-height: 24px; color: #313131; } .bd-r-prolink-p1-it1{ width: 123px; left: 36px; top: 98px; } .bd-r-prolink-p1-it1 p{ height: 108px; line-height: 108px; font-size: 23.87px; } .bd-r-prolink-p1-it2{ width: 102px; left: 128px; top: 194px; } .bd-r-prolink-p1-it2 p{ height: 90px; line-height: 90px; font-size: 25.7px; } .bd-r-prolink-p1-it3{ width: 138px; left: 229px; top: 146px; } .bd-r-prolink-p1-it3 p{ height: 122px; line-height: 122px; font-size: 32.13px; } .bd-r-prolink-p1-it4{ width: 179px; left: 324px; top: 21px; } .bd-r-prolink-p1-it4 p{ height: 155px; line-height: 155px; font-size: 34.89px; } .bd-r-prolink-p1-it5{ width: 156px; left: 499px; top: 69px; } .bd-r-prolink-p1-it5 p{ height: 135px; line-height: 135px; font-size: 29.38px; } .bd-r-prolink-p1-it6{ width: 110px; left: 625px; top: 0; } .bd-r-prolink-p1-it6 p{ height: 95px; line-height: 95px; font-size: 22.03px; } .bd-r-prolink-p1-it7{ width: 138px; left: 707px; top: 71px; } .bd-r-prolink-p1-it7 p{ height: 118px; line-height: 118px; font-size: 25.7px; } .bd-r-prolink-p2{ margin:0 70px; } .bd-r-prolink-p2-blk{ overflow: hidden; margin: 33px 0 6px 0; } .bd-r-prolink-p2-blk-l{ float: left; } .bd-r-prolink-p2-blk-r{ float: right; } .bd-r-prolink-p2-blk h5{ height: 29px; line-height: 29px; font-size: 18px; color: #166dc6; } .bd-r-prolink-p2-blk ul{ margin-top: 1px; } .bd-r-prolink-p2-blk li{ height: 32px; line-height: 32px; color: #898989; overflow-x: hidden; } .bd-r-prolink-p2-blk li p{ float: left; font-size: 18px; } .bd-r-prolink-p2-blk li a{ float: right; color: #313131; display: block; margin-left: 6px; } .bd-r-prolink-p2-blk-en{ clear: both; line-height: 17px; text-align: center; font-size: 10px; color: #313131; padding-top: 23px; } .bd-r-prolink-p2-blk-1 h5,.bd-r-prolink-p2-blk-2 h5{ background: #166dc6; color: white; display: inline-block; padding: 0 11px; } .bd-r-prolink-p2-blk-1{ background: url('../images/bd-r-prolink-p2-blk-1-bg.png') no-repeat center 6px; } .bd-r-prolink-p2-blk-2{ background: url('../images/bd-r-prolink-p2-blk-2-bg.png') no-repeat center 9px; } .bd-r-prorec{ margin-top: 24px; } .bd-r-prorec-hd{ padding-left: 16px; } .bd-r-prorec-hd h4{ height: 24px; line-height: 24px; font-size: 18px; color: #01112f; font-weight: bold; } .bd-r-prorec-hd p{ height: 20px; line-height: 20px; color: #898989; } .bd-r-prorec-bd{ margin-top: 16px; overflow:hidden; } .bd-r-prorec-bd-prev, .bd-r-prorec-bd-ls, .bd-r-prorec-bd-next{ float: left; } .bd-r-prorec-bd-ls{ width: 917px; overflow:hidden; margin: 0 23px; min-height: 1px; } .bd-r-prorec-bd-ls ul{ width: 110%; overflow:hidden; } .bd-r-prorec-bd-ls li{ float: left; width: 173px; margin-right: 13px; } .bd-r-prorec-bd-ls li img{ width: 171px; height: 194px; border: 1px solid #ccc; } .bd-r-prorec-bd-ls li p{ height: 20px; line-height: 20px; margin-top: 27px; color: #616161; font-size: 12.73px; text-align: center; } .bd-r-prorec-bd-prev, .bd-r-prorec-bd-next{ display: block; height: 197px; width: 23px; background: url('../images/bd-r-prorec-bd-btns.png') no-repeat; text-indent: -999px; overflow: hidden; } .bd-r-prorec-bd-next{ background-position: right top; } /*kefu*/ .custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;} .scrollsidebar{position:absolute; z-index:999; top:150px; right:0;} .side_content{width:154px; height:auto; overflow:hidden; float:left; } .side_content .side_list {width:154px;overflow:hidden;} .show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;} .show_btn span { display:none;} .close_btn{width:24px;height:24px;cursor:pointer;} .side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;} .side_title {height:46px;} .side_bottom { height:8px;} .side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;} .close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;} .close_btn span { display:none;} .side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;} .other { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd} .other p { padding:5px 0; _height:16px; margin:0;color: #666666;} .msgserver { text-align:center; margin-bottom:5px;} .msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;} /* blue skin as the default skin */ .side_title, .side_blue .side_title {background-position:-195px 0;} .side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;} .side_bottom, .side_blue .side_bottom {background-position:-195px -50px;} .close_btn, .side_blue .close_btn {background-position:-44px 0;} .close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;} .show_btn , .side_blue .show_btn {background-position:-119px 0;} .msgserver a, .side_blue .msgserver a {color:#06C;} /* green skin */ .side_green .side_title {background-position:-349px 0;} .side_green .side_center {background:url(../images/green_line.png) repeat-y center;} .side_green .side_bottom {background-position:-349px -50px;} .side_green .close_btn {background-position:-44px -23px;} .side_green .close_btn:hover {background-position:-66px -23px;} .side_green .show_btn {background-position:-147px 0;} .side_green .msgserver a {color:#db211d;}