@charset "utf-8"; .page_v1{margin:20px auto; text-align:center; font-size:12px; line-height:25px; font-family:Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun,Verdana,Verdana; } .page_v1 span.disabled{ display:none} .page_v1 a,.page_v1 span.current{ -moz-box-shadow:1px 2px 1px #eeeeee; -webkit-box-shadow:1px 2px 2px #eeeeee; box-shadow:1px 2px 2px #eeeeee; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0)"; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0);} .page_v1 .cur{ margin-left:-3px; margin-right:-3px;} .page_v1 a,.page_v1 span{ display:inline-block; height:21px; line-height:21px; border:1px solid #ddd; background-color:#fff; padding:5px 14px; color:#666666; margin-left:-4px; *margin-left:-8px; } .page_v1 a:hover{ font-weight:normal; text-decoration:none; color:#ff6600; background-color:#f5f5f5; } .page_v1 span.current { border:1px solid #ddd; background-color:#f5f5f5; color:white; padding:5px 14px; display:inline-block; margin-left:-4px; *margin-left:-8px; height:21px; line-height:21px; color:#585858; } .page_v1 a.pages-goto:link,.page_v1 a.pages-goto:visited { background-color:#ff6600; padding:2px 8px; display:inline-block; } html{-webkit-text-size-adjust:none; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,iframe,button,textarea,p,blockquote,th,td,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)} ol,ul{list-style:none} a,area { blr:expression(this.onFocus=this.blur()) ;cursor:pointer} /* for IE */ :focus { -moz-outline-style: none;outline:0 } /* for Firefox */ img{border:0} html{height:100%;-webkit-text-size-adjust:none;} body{ font-size:14px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana; position:relative;margin:0;color:#333;height:100%;background:#fff; padding:0} .nybanner { padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } .nybanner img{ height: auto; width: 100%; }@media only screen and (max-width:906px){.nybanner { padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; }} .wbk { background:none;outline:none; margin:0px; padding:0px; height:20px; line-height:20px; width: 200px; float: left; text-align: left; border: 0px solid #FFF; BACKGROUND-COLOR: transparent; font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Helvetica, sans-serif;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color: #999999; } a:link { color:#666; text-decoration: none; FONT-SIZE: 13px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana; } a:visited { text-decoration: none; color:#666; } a:hover { color: #E62129; text-decoration: none; FONT-SIZE: 13px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana; } a:active { text-decoration: none; color:#666; } /**top**/ .kg { display: block; padding: 0px; text-align: center; height: 40px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } #Float1 { } .sjzfb { padding: 0px; text-align: center; height:50px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } #Float { }#goTopBtn { } .sjzfb2 { padding: 0px; text-align: center; height: 62px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } .biaoti { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left } .biaoti span{ padding: 0px 0px 0px 0px; text-align: center; height:auto; line-height:auto; width: 96%;float:left; margin-top: 60px; margin-right: 2%; margin-bottom: 60px; margin-left: 2%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 37px; color:#000000; font-weight: 600; } .biaoti div{ padding: 0px 0px 0px 0px; text-align: center; height:auto; line-height:auto; width: 70%;float:left; margin-top: 0px; margin-right: 15%; margin-bottom: 40px; margin-left: 15%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; font-weight: normal; } .biaoti .kgg{ padding: 0px 0px 0px 0px; text-align: center; height:20px; line-height:auto; width: 100%;float:left; margin: 0px; } .biaoti p{ padding: 0px 0px 0px 0px; text-align: center; height:5px; line-height:5px; width: 96%; float:left; margin-top: 0px; margin-right: 2%; margin-bottom: 20px; margin-left: 2%; background-image: url(pic/jx5.png); background-repeat: no-repeat; background-position: center bottom; } @media only screen and (max-width:906px) {.biaoti span{ padding: 0px 0px 0px 0px; text-align: center; height:auto; line-height:auto; width: 96%;float:left; margin-top: 30px; margin-right: 2%; margin-bottom: 30px; margin-left: 2%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 24px; color:#000000; font-weight: 600; }.biaoti p{ padding: 0px 0px 0px 0px; text-align: center; height:5px; line-height:5px;width: 96%;float:left; margin-top: 0px; margin-right: 2%; margin-bottom: 20px; margin-left: 2%; font-weight: normal; } .biaoti div{ padding: 0px 0px 0px 0px; text-align: center; height:auto; line-height:auto; width: 80%;float:left; margin-top: 0px; margin-right: 10%; margin-bottom: 24px; margin-left: 10%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#999; font-weight: normal; }} .neirong { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; float:left } .neirong2 { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; } .langu { float:left; padding: 0px; text-align: center; height: 40px;line-height: 40px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color:#03509A; } .langu2 { padding: 0px; text-align: center; height: 40px;line-height: 40px; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .ico {z-index:100; position:relative; margin-top: 0px; margin-left: 10px; padding: 0px; height:40px; width:auto; float: right; text-align: center; }.ico2 {color:#fff; FONT-SIZE: 12px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana;z-index:100; position:relative; margin-top: 0px; margin-right: 10px; padding: 0px; height:40px;line-height: 40px; width:auto; float: left; text-align: left; } .ico2 a{color:#fff; FONT-SIZE: 12px; } .ico2 a:hover{color: #FC0; FONT-SIZE: 12px; } .ico a{color:#fff; FONT-SIZE: 12px; } .ico a:hover{color: #FC0; FONT-SIZE: 12px; } .wenben { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left } .wenben2 { padding: 0px 0px; text-align: center; height: auto; width: 100%;max-width:1200px;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .wenben2 .jianjie{ padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 100%;float:left; margin-top: 100px; margin-right: 0; margin-bottom: 0px; margin-left: 0; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666;} .wenben2 .jianjieleft{ padding: 0px 0px 0px 0px; height:auto; width: 55%;float:right; margin-left:5%; margin-bottom: 50px;margin-top:0px; overflow:hidden } .wenben2 .jianjieright{ padding: 0px 0px 0px 0px; height:auto; width:40%;float:left; margin-top: 0px;margin-right:0;line-height:auto } .wenben2 .jianjieright h4{height:auto; width: 100%;float:left; margin-bottom:30px;margin-top:80px;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 38px; color:#000000 } .wenben2 .jianjieright p{height:auto; width: 100%;float:left; margin-bottom:20px } .wenben2 .jianjieright a{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .wenben2 .jianjieright a:hover{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .wenben2 .jianjieleft img {transition: all 0.5s; float:left; height:auto; width:100%; margin-right:0px;margin-left:0px;} .wenben2 .jianjieleft:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .youshi { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 40px; margin-left: auto; float:left } .youshi2 { padding: 0px 0px; text-align: center; height: auto; width: 100%;max-width:1200px;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .youshi2 .youshi3{ padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 100%;float:left; margin-top: 40px; margin-right: 0; margin-bottom: 0px; margin-left: 0; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666;} .youshi2 .youshi3left{ padding: 0px 0px 0px 0px; height:auto; width: 45%;float:right; margin-left:10%; margin-bottom: 50px;margin-top:0px; overflow:hidden} .youshi2 .youshi3right{ padding: 0px 0px 0px 0px; height:auto; width: 45%;float:left; margin-top: 0px;margin-right:0%; line-height:25px } .youshi2 .youshi3right h4{height:auto; width: 100%;float:left; margin-bottom:50px;margin-top:60px;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 38px; color:#000000 } .youshi2 .youshi3right p{height:auto; width: 100%;float:left; margin-bottom:20px } .youshi2 .youshi3right a{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .youshi2 .youshi3right a:hover{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .youshi2 .youshi3left img {transition: all 0.5s; float:left; height:auto; width:100%; margin-right:0px;margin-left:0px;} .youshi2 .youshi3left:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .neirong33 { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; float:left; background-color:#F5F5F5 } .text-desc{position: absolute; left: 0; top: 0; background-color:#008FD7; height: 100%; opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(Opacity=0); width: calc(100% + 1px); width: -moz-calc(100% + 1px); width: -webkit-calc(100% + 1px);padding: 0px; z-index:999999} .hotcp ul li .lk .text-desc{display:table;opacity: 0.8; -moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80);top: -100%; transition: 0.5s; color: #fff; padding:0px ;} .hotcp ul li:hover:hover .text-desc{top: 0; z-index:999999999} .text-desc h3{ display:table-cell; vertical-align:middle; font-size: 16px; margin: 0px 0px 0px 0px; font-weight:500} .hotcp { position: relative; padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 30px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; }.hotcp ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .hotcp ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 23%; margin: 0px 1% 0px 1%; } .hotcp ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; }.hotcp ul li .lk {position: relative;background-color:#F5F5F5; float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #cccccc; overflow:hidden ; }.hotcp ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:10px auto; text-align:center; height:40px;line-height:20px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; text-align:center;overflow: hidden; } .hotcp ul li:hover .lk2 { color: #03509A; text-decoration:underline }.hotcp ul li:hover .lk { border: 1px solid #03509A; } .hotcp ul li img { vertical-align: middle; text-align:center;height: auto; width: 100%; transition: all 0.5s; } .hotcp ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .hotcp ul li .x2 {float:left; height:auto;margin: 0px 0; width: 100%; text-align:left; line-height:20px } .hotcp a { font-size: 16px; color:#666; }.hotcp img { height:auto; width: auto; } .leibiecp ul li .lk .text-desc{display:table;opacity: 0.8; -moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80);top: -100%; transition: 0.5s; color: #fff; padding:0px ;} .leibiecp ul li:hover:hover .text-desc{top: 0; z-index:999999999} .leibiecp { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; } .leibiecp ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .leibiecp ul li {background-color:#FFF; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(23% - 2px); width: -moz-calc(23% - 2px); width: -webkit-calc(23% - 2px); margin: 0px 1% 22px 1%; border: 1px solid #E8E8E8; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .leibiecp ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; } .leibiecp ul li .lk { float:left; padding: 0px; margin:18px 18px 20px 18px; text-align:center; height:auto; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); overflow:hidden ; } .leibiecp ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:0px 18px 0px 18px; text-align:left; height:42px;line-height:20px; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 18px; color:#111111; overflow: hidden; font-weight:500;} .leibiecp ul li:hover .lk2 { color: #03509A; text-decoration:underline } .leibiecp ul li .lk3 { float:left; padding: 0px 0px 0px 0px; margin:8px 18px 20px 18px; text-align:left; height:82px;line-height:20px;width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#444444; overflow: hidden;} .leibiecp ul li .lk4 { float:left; padding: 0px 0px 0px 20px; margin:0px 18px 15px 18px; text-align:left; height:38px;line-height:20px; width: calc(100% - 56px); width: -moz-calc(100% - 56px); width: -webkit-calc(100% - 56px); font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#666; background-image: url(/pic/ly.png); background-repeat: no-repeat; background-position: left 6px;overflow: hidden;} .leibiecp ul li .lk4 a {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#666;} .leibiecp ul li .lk4 a:hover{ color: #03509A; text-decoration:underline } .lk5 { float:left; padding: 0px 0px 0px 0px; text-align: center; height:auto; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); margin:10px 18px 20px 18px;} .lk5 .jx8d { padding: 0px 0px 0px 0px; text-align: center; height:36px; line-height:36px; width: 120px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; background-color: #03509A; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .lk5 .jx8d:hover { background-color: #001D3A } .leibiecp ul li .lk6 { float:left; padding: 0px 0px 0px 0px; margin:0; text-align:left; height:210px;line-height:20px;width: 100%; float:left; overflow: hidden;} .leibiecp ul li:hover .lk { } .leibiecp ul li img { vertical-align: middle; text-align:center; height:auto; width: 100%; transition: all 0.5s; } .leibiecp ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .leibiecp ul li .x2 {float:left; height:auto;margin: 0px 0; width: 100%; text-align:left; line-height:20px } .leibiecp a { font-size: 16px; color:#666; }.leibiecp img { height:auto; width: 100%; } .technology ul li .lk .text-desc{display:table;opacity: 0.8; -moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80);top: -100%; transition: 0.5s; color: #fff; padding:0px ;} .technology ul li:hover:hover .text-desc{top: 0; z-index:999999999} .technology { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; } .technology ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .technology ul li {background-color:#FFF; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(31.33333333% - 2px); width: -moz-calc(31.33333333% - 2px); width: -webkit-calc(31.33333333% - 2px); margin: 0px 1% 22px 1%; border: 1px solid #E8E8E8; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .technology ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; } .technology ul li .lk { float:left; padding: 0px; margin:18px 18px 20px 18px; text-align:center; height:auto; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); overflow:hidden ; } .technology ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:0px 18px 0px 18px; text-align:left; height:42px;line-height:20px; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 18px; color:#111111; overflow: hidden; font-weight:500;} .technology ul li:hover .lk2 { color: #03509A; text-decoration:underline } .technology ul li .lk3 { float:left; padding: 0px 0px 0px 0px; margin:8px 18px 20px 18px; text-align:left; height:82px;line-height:20px;width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#444444; overflow: hidden;} .lk5k { float:left; padding: 0px 0px 0px 0px; text-align: center; height:auto; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); margin:10px 18px 20px 18px;} .lk5k .jx8d { padding: 0px 0px 0px 0px; text-align: center; height:36px; line-height:36px; width: 120px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; background-color: #03509A; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .lk5k .jx8d:hover { background-color: #001D3A } .technology ul li:hover .lk { } .technology ul li img { vertical-align: middle; text-align:center; height:auto; width: 100%; transition: all 0.5s; } .technology ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .technology ul li .x2 {float:left; height:auto;margin: 0px 0; width: 100%; text-align:left; line-height:20px } .technology a { font-size: 16px; color:#666; }.technology img { height:auto; width: 100%; } .neirong2 .honor { position:relative; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(100% - 88px); width: -moz-calc(100% - 88px); width: -webkit-calc(100% - 88px); margin-top: 0px; margin-right: 44px; margin-bottom: 60px; margin-left: 44px; } .tcScroll{width:100%; height:auto;position:relative; float:left; margin-bottom:30px} .tcScroll .prev,.tcScroll .next{width:33px;height:61px;position: absolute;top: 56%;margin-top: -56px;z-index:100; display:block; cursor:pointer; } .tcScroll .prev{background:url(pic/arrow-left.png) no-repeat; left:0;} .tcScroll .next{background:url(pic/arrow-right.png) no-repeat;right:0;} .tcScroll .prev:hover{} .tcScroll .next:hover{ } .tcScroll .scrollWrap{ width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);margin-left:60px;margin-right:60px; overflow:hidden;position:relative; } .tcScroll dl{float:left; width: calc(33.333333% - 20px); width: -moz-calc(33.333333% - 20px); width: -webkit-calc(33.333333% - 20px); height:auto; color:#333;text-align:center;position:relative; margin: 0 10px;} .tcScroll dl dd{ float:left;width:100%; text-align:center; padding:0px 0; color:#666; font-size:16px; line-height:70px; height:70px; } .tcScroll dl dd a{ float:left;width:100%; text-align:center; padding:0px 0; color:#333; font-size:16px; line-height:70px; height:70px; } .tcScroll dl dt{ height:262px; overflow:hidden; float:left; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); background-color:#FFF; border:1px solid #EAEAEA }.tcScroll dl:hover dt{color:#03509A;}.neirong2 .honor .tcScroll dl:hover dd a{ color:#03509A; text-decoration:underline }.tcScroll dl dt img{ vertical-align: middle; text-align:center;width: auto; height: auto; max-height:262px; max-width: 100%; transition: all 0.5s; }.tcScroll dl:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .tcScroll dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .neirong2 .sebeias { position:relative; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(100% - 88px); width: -moz-calc(100% - 88px); width: -webkit-calc(100% - 88px); margin-top: 0px; margin-right: 44px; margin-bottom: 60px; margin-left: 44px; }.neirong2 .sebeias .tcScroll{width:100%; height:auto;position:relative; float:left} .neirong2 .sebeias .tcScroll .prev,.neirong2 .sebeias.tcScroll .next{width:33px;height:61px;position: absolute;top: 56%;margin-top: -56px;z-index:100; display:block; cursor:pointer; }.neirong2 .sebeias .tcScroll .prev{background:url(/pic/arrow-left1.png) no-repeat; left:0;}.neirong2 .sebeias .tcScroll .next{background:url(/pic/arrow-right1.png) no-repeat;right:0;} .neirong2 .sebeias .tcScroll .prev:hover{} .neirong2 .sebeias .tcScroll .next:hover{ } .neirong2 .sebeias .tcScroll .scrollWrap{ width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);margin-left:60px;margin-right:60px; overflow:hidden;position:relative; } .neirong2 .sebeias .tcScroll dl{float:left; width: calc(50% - 20px); width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); height:auto; color:#333;text-align:center;position:relative; margin: 0 10px;} .neirong2 .sebeias .tcScroll dl dd{ float:left;width:100%; text-align:center; padding:0px 0; color:#666; font-size:16px; line-height:70px; height:70px; } .neirong2 .sebeias .tcScroll dl dd a{ float:left;width:100%; text-align:center; padding:0px 0; color:#333; font-size:16px; line-height:70px; height:70px; } .neirong2 .sebeias .tcScroll dl dt{ height:280px; overflow:hidden; float:left; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); background-color:#FFF; border:1px solid #EAEAEA }.neirong2 .sebeias .tcScroll dl:hover dt{ border:1px solid #03509A } .neirong2 .sebeias .tcScroll dl:hover dd a{ color:#03509A; text-decoration:underline } .neirong2 .sebeias .tcScroll dl dt img{ vertical-align: middle; text-align:center;width: auto; height: auto; max-height:280px; max-width: 100%; transition: all 0.5s; }.neirong2 .sebeias .tcScroll dl:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .neirong2 .sebeias .tcScroll dl dt span{ height: 100%; display: inline-block; vertical-align: middle; } .neirongv { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 60px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; } .xuanze { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; float:left; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px }.xuanze ul { padding: 0px 0px 0px 0px; float:left; height:auto; width: 100%; margin-bottom: 0px; } .xuanze ul li { padding: 0px 0px; margin:0px 1% 30px 1%; float:left; height:auto; width: 31.3333333%;background-color:#008FD7 } .xuanze ul li .jx { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 0%; width:100%; margin: 36px 0px 36px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; line-height:27px; } .xuanze ul li:hover { background-color:#03509A } .xuanze ul li .jx .jx2 { padding: 0px 0px 0px 0px; line-height:auto; text-align: center; float:left; height:93px; width: 100%; margin: 0px 0px 25px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color:#999; } .xuanze ul li .jx2 img { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; height:93px; width: 93px; }.xuanze ul li:hover .jx2 img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .xuanze ul li .jx1 { padding: 0px 0px 0px 0px; text-align: center; float:left; height:auto;line-height:auto; width: 100%; margin: 0px 0px 0px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 18px; color:#333; } .xuanze ul li .jx1 p{ padding: 0px 0px 0px 0px; text-align: center; float:left; height:auto;line-height:auto; width: 100%; margin: 0px 0px 10px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 22px; color:#000000; font-weight:600 }.xuanze ul li .jx1 span{ padding: 0px 0px 0px 0px; text-align: center; float:left; height:63px;line-height:20px; width: 90%; margin:0 5% 0 5% ;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 18px; color:#fff; font-weight:500 ; overflow:hidden} .xuanze ul li .jx3 { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; line-height:20px; width: 100%; margin: 0px 0px 10px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color:#393E5E; } .xuanze ul li .jx3 img{height:auto;width: 100%; } .xuanze ul li:hover .jx1 p { text-decoration:underline; color: #03509A; } .keh{ padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 100%;float:left; margin-top: 30px; margin-right: 0; margin-bottom: 60px; margin-left: 0; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666;} .keh img{ width:100%; height:auto} @media only screen and (max-width:1750px) { .neirong { padding: 0px 0px; text-align: center; height: auto; width: 86%; margin-top: 0px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%; float:left } .keh{ padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width:86%;float:left; margin-top: 30px; margin-right: 7%; margin-bottom: 60px; margin-left: 7%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999;} .xuanze { padding: 0px 0px 0px 0px; text-align: left; height:auto; width:86%; margin-top: 30px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px } .hotcp { position: relative; padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width:86%;max-width: 1200px; margin-top: 0px; margin-right: 7%; margin-bottom: 30px; margin-left: 7%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; } .wenben2 .jianjie{ padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width:86%;float:left; margin-top: 100px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999;} .youshi2 .youshi3{ padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width:86%;float:left; margin-top: 40px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666;} } @media only screen and (max-width:1150px) { .leibiecp ul li {background-color:#FFF; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(48% - 2px); width: -moz-calc(48% - 2px); width: -webkit-calc(48% - 2px); margin: 0px 1% 22px 1%; border: 1px solid #E8E8E8; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .technology ul li {background-color:#FFF; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(48% - 2px); width: -moz-calc(48% - 2px); width: -webkit-calc(48% - 2px); margin: 0px 1% 22px 1%; border: 1px solid #E8E8E8; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } } @media only screen and (max-width:1126px) {.xuanze { margin-top: 20px; }.xuanze ul li { padding: 0px 0px; margin:10px 1% 10px 1%; float:left; height:auto; width: 48%; } } @media only screen and (max-width:906px) {.neirongv { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 40px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; } .neirong2 .honor {position:relative; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width:96%; margin-top: 20px; margin-right: 2%; margin-bottom: 30px; margin-left: 2%; } .tcScroll .scrollWrap{ width: calc(100% - 72px); width: -moz-calc(100% - 72px); width: -webkit-calc(100% - 72px);margin-left:36px;margin-right:36px; overflow:hidden;position:relative; } .tcScroll dl{float:left; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); height:auto; color:#333;text-align:center;position:relative; margin: 0 10px;} .neirong2 .sebeias .tcScroll{width:100%; height:auto;position:relative; float:left; margin-bottom:0px} .neirong2 .sebeias {position:relative; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width:96%; margin-top: 20px; margin-right: 2%; margin-bottom: 30px; margin-left: 2%; } .neirong2 .sebeias .tcScroll .scrollWrap{ width: calc(100% - 72px); width: -moz-calc(100% - 72px); width: -webkit-calc(100% - 72px);margin-left:36px;margin-right:36px; overflow:hidden;position:relative; }.neirong2 .sebeias .tcScroll dl{float:left; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); height:auto; color:#333;text-align:center;position:relative; margin: 0 10px;} .neirong2 .sebeias .tcScroll dl dt{ height:200px; overflow:hidden; float:left; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); background-color:#FFF; border:1px solid #EAEAEA } .neirong2 .sebeias .tcScroll dl dt img{ vertical-align: middle; text-align:center;width: auto; height: auto; max-height:200px; max-width: 100%; transition: all 0.5s; } .langu { float:left; padding: 0px; text-align: center; height: 40px;line-height: 40px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #E8E8E8; } .ico {z-index:100; position:relative; margin-top: 0px; margin-right: 10px; padding: 0px; height:30px; width:auto; float: right; text-align: left; }.ico2 { display:none;color:#666; FONT-SIZE: 12px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana;z-index:100; position:relative; margin-top: 0px; margin-left: 0px; padding: 0px; height:30px;line-height: 30px; width:auto; float: left; text-align: left; } .ico2 a{color:#333; FONT-SIZE: 12px; } .ico2 a:hover{color: #F60; FONT-SIZE: 12px; } .ico a{color:#333; FONT-SIZE: 12px; } .ico a:hover{color: #F60; FONT-SIZE: 12px; } .wenben2 .jianjieleft{ padding: 0px 0px 0px 0px; height:auto; width: 96%;float:left;margin-left: 2%; margin-right: 2%; margin-bottom: 0px;margin-top:0px; } .wenben2 .jianjieright{ padding: 0px 0px 0px 0px; height:auto; width: 96%;float:left;margin-left: 2%; margin-right: 2%; margin-top: 20px;margin-right:0%; color:#666; } .wenben2 .jianjieright h4{height:auto; width: 100%;float:left; margin-bottom:10px;margin-top:0px;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 20px; color:#000000 } .wenben2 .jianjieright p{height:auto; width: 100%;float:left; } .wenben2 .jianjieright a{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .wenben2 .jianjieleft img { float:left; height:auto; width:100%; margin-bottom:0px;margin-left:0px } .youshi2 .youshi3left{ padding: 0px 0px 0px 0px; height:auto; width: 96%;float:left;margin-left: 2%; margin-right: 2%; margin-bottom: 0px;margin-top:0px; } .youshi2 .youshi3right{ padding: 0px 0px 0px 0px; height:auto; width: 96%;float:left;margin-left: 2%; margin-right: 2%; margin-top: 0px;margin-right:0%; } .youshi2 .youshi3right h4{height:auto; width: 100%;float:left; margin-bottom:30px;margin-top:30px;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 23px; color:#000000 } .youshi2 .youshi3right p{height:auto; width: 100%;float:left; margin-top:0px;margin-bottom:40px; } .youshi2 .youshi3right a{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .youshi2 .youshi3left img { float:left; height:auto; width:100%; margin-bottom:0px;margin-left:0px } .hotcp ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:10px auto; text-align:center; height:40px;line-height:20px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#000000; text-align:center;overflow: hidden; } .text-desc h3{ display:table-cell; vertical-align:middle; font-size: 12px; margin: 0px 0px 0px 0px; font-weight:500} .hotcp ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 46%; margin: 0px 2% 0px 2%; } .hotcp ul li .lk {position: relative; float:left; padding: 0px 0px 0px 0px; margin:0 auto; text-align:center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #cccccc; overflow:hidden } .hotcp ul li img { text-align:center;height: auto; width: 100%; transition: all 0.5s; } .leibiecp ul li {background-color:#FFF; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); margin: 0px 0 22px 0; border: 1px solid #E8E8E8; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .leibiecp ul li .lk { float:left; padding: 0px; margin:18px 18px 20px 18px; text-align:center; height:auto; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); overflow:hidden ; } .leibiecp ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:0px 18px 0px 18px; text-align:left; height:auto;line-height:20px; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#111111;font-weight:500;overflow: visible;} .leibiecp ul li .lk3 { float:left; padding: 0px 0px 0px 0px; margin:8px 18px 20px 18px; text-align:left; height:auto;line-height:20px;width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#444444; overflow: visible;} .leibiecp ul li .lk4 { float:left; padding: 0px 0px 0px 20px; margin:0px 18px 15px 18px; text-align:left; height:auto;line-height:20px; width: calc(100% - 56px); width: -moz-calc(100% - 56px); width: -webkit-calc(100% - 56px); font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#666; background-image: url(/pic/ly.png); background-repeat: no-repeat; background-position: left 6px;overflow: hidden;} .leibiecp ul li .lk6 { float:left; padding: 0px 0px 0px 0px; margin:0; text-align:left; height:auto;line-height:20px;width: 100%; float:left; overflow: visible;} .technology ul li {background-color:#FFF; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); margin: 0px 0 22px 0; border: 1px solid #E8E8E8; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .technology ul li .lk { float:left; padding: 0px; margin:18px 18px 20px 18px; text-align:center; height:auto; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); overflow:hidden ; } .technology ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:0px 18px 0px 18px; text-align:left; height:auto;line-height:20px; width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#111111;font-weight:500;overflow: visible;} .technology ul li .lk3 { float:left; padding: 0px 0px 0px 0px; margin:8px 18px 20px 18px; text-align:left; height:auto;line-height:20px;width: calc(100% - 36px); width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#444444; overflow: visible;} } @media only screen and (max-width:720px) { .xuanze { padding: 0px 0px 0px 0px; text-align: left; height:auto; width:90%; margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 5%;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#999; line-height:27px } .xuanze ul li { padding: 0px 0px; margin:10px 1% 10px 1%; float:left; height:auto; width: 98%; } .xuanze ul li .jx .jx2 { padding: 0px 0px 0px 0px; line-height:auto; text-align: center; float:left; height:auto; width: 100%; margin: 0px 0px 25px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color:#999; }} @media only screen and (max-width:500px) {} .leibie { position: relative; padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 30px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; line-height:27px; }.leibie ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .leibie ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 31.3%; margin: 0px 1% 0px 1%; } .leibie ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; }.leibie ul li .lk {background-color:#FFF; float:left; padding: 0px; margin:0 auto; text-align:center; height:290px; width: 100%; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #EAEAEA; overflow:hidden ; }.leibie ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:0 auto; text-align:center; height:50px;line-height:50px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; text-align:center;white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis; } .leibie ul li:hover .lk2 { color: #E7C759; text-decoration:underline }.leibie ul li:hover .lk { border: 1px solid #03509A; } .leibie ul li img { vertical-align: middle; text-align:center;width: auto; height: auto; max-height:290px; max-width: 100%; transition: all 0.5s; } .leibie ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(2.05); -webkit-transform: scale(2.05); /*Safari 和 Chrome*/ -moz-transform: scale(2.05); /*Firefox*/ -ms-transform: scale(2.05); /*IE9*/ -o-transform: scale(2.05); /*Opera*/} .leibie ul li .x2 {float:left; height:auto;margin: 0px 0; width: 100%; text-align:left; line-height:20px } .leibie a { font-size: 16px; color:#666; }.leibie img { height:auto; width: auto; } .blog { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; float:left; } .blog ul { padding: 0px 0px 0px 0px; float:left; height:auto; width: 100%; margin-bottom: 0px; } .blog ul li { padding: 0px 0px; margin:0 1% 20px 1%; float:left; height:auto; width: 31.333333333333%; overflow:hidden } .cm { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; line-height:27px; }.cmx { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; width:100% ; margin: 0px 0px 0px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; } .cm1 { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto;line-height:auto; width: 100%; margin: 10px 0px 5px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 18px; color:#111; font-weight:600;white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis; } .cm2 { padding: 0px 0px 0px 0px; line-height:auto; text-align: left; float:left; height:auto; width: 100%; margin: 0px 0px 5px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color:#666; font-weight:600; } .cmx2 { padding: 0px 0px 0px 0px; text-align: center; float:left; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #E8E8E8; margin: 0px 20px 0px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; line-height:27px; overflow:hidden } .cmx2 span{ height: 100%; } .cmx2 img { text-align:center; height: auto; width: 100%; transition: all 0.5s; }.blog ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .cm3 { padding: 0px 0px 0px 0px; text-align: left; float:left; height:60px; overflow:hidden;line-height:20px; width: 100%; margin: 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 13px; color:#666; } .blog ul li:hover .cm1 { text-decoration:underline; color: #03509A; } .cm4 { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; line-height:20px; width: 100%; margin: 10px 0px 0px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#03509A;font-weight:bold } .blog ul li:hover .cm4{ color: #001D3A; } .neirong4d { float:left; padding: 0px 0px 0px 0px; text-align: center; height:auto; width: 100%; margin-top:20px; margin-right: auto; margin-bottom: 60px; margin-left: auto; }.neirong4d .jx8d { padding: 0px 0px 0px 0px; text-align: center; height:40px; line-height:40px; width: 150px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; background-color: #03509A; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .neirong4d .jx8d:hover { padding: 0px 0px 0px 0px; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 16px; color:#fff; background-color: #001D3A } @media only screen and (max-width:906px) { .neirong33 { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; float:left; background-color:#F5F5F5 } .blog ul li { padding: 0px 0px; margin:0 0 20px 0; float:left; height:auto; width: 100%; }.cm3 { padding: 0px 0px 0px 0px; text-align: left; float:left; height:auto; overflow: visible;line-height:20px; width: 100%; margin: 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 13px; color:#666; } } @media only screen and (max-width:906px) { .leibie ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 46%; margin: 0px 2% 0px 2%; } .leibie ul li .lk { float:left; padding: 0px 0px 0px 0px; margin:0 auto; text-align:center; height:210px; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #e8e8e8; overflow:hidden } .leibie ul li img { text-align:center;width: auto; height: auto; max-height:210px; max-width: 100%; transition: all 0.5s; }} /* 底部 */ .banquan { padding-top: 20px;padding-bottom: 20px; text-align: left; height: auto; float:left; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color:#B3B3B3 } .banquan2 { height: auto;text-align: center; width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .banquanle { text-align: left; height: auto; float:left; width: 70%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .banquanle {line-height:25px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#ffffff;} .banquanle a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#ffffff; } .banquan a:hover { font-size: 15px;color:#03509A; text-decoration:underline } .banquanri { text-align: right; height: auto; float:left; width: 30%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .banquanri a { margin: 0 0px 0 10px; } .banquanri img { width:23px; height:auto} .dibu { padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; background-color:#B3B3B3; } .dibu2 { padding: 0px; text-align: center; height: auto; width: 100%;max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }.dibu22 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#fff; margin: 0px 0% 0px 0%; padding: 0px; height: auto; line-height: auto; width: 100%; float: left; text-align: left; border-bottom:#BEC1C3 solid 1px } .dibu5 { font-family:Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin: 60px 1% 60px 1%; padding: 0px; height: auto; line-height: auto; width: 18%; float: left; text-align: left; } .dibu5 span{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 19px; color:#fff; margin: 0px 0px 15px 0px ; padding: 0px; height: auto; line-height: auto; width: 100%; float: left; text-align: left; } .dibu5 p img{ width:166px; margin-top:10px; height:auto }.dibu5 p{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin: 5px 0px 0px 0px ; padding: 0px; height: auto; line-height: 28px; width: 166px; float: left; text-align: left; } .dibu3 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; margin: 50px 2% 50px 2%; padding: 0px; height: auto; line-height: auto; width:30%; float: left; text-align: left; } .dibu3 span{ font-family:Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 24px; color:#fff; margin: 0px 0px 15px 0px ; padding: 0px; height: auto; line-height: auto; width: 100%; float: left; text-align: left; font-weight:500 } .dibu3 a{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana;font-size: 15px; color:#fff; margin: 0px 0px 0px 0px ; padding: 0px; height: 28px; line-height: 28px; width: 100%; float: left; text-align: left;white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis; } .dibu3 a:hover{ color:#03509A;text-decoration:underline} .dibu4 { font-family:Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#999; margin: 50px 2% 50px 2%; padding: 0px; height: auto; line-height: auto; width: 28%; float: left; text-align: left; } .dibu4 span{ font-family:Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 24px; color:#fff; margin: 0px 0px 15px 0px ; padding: 0px; height: auto; line-height: auto; width: 100%; float: left; text-align: left;font-weight:500 } .dibu4 p img{ width: 100%; max-width:187px; margin-bottom:15px }.dibu4 p{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#fff; margin: 0px 0px 0px 0px ; padding: 0px; height: auto; line-height: 28px; width: 100%; float: left; text-align: left; }.dibu4 p a{ font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#fff; } .dibu4 a:hover{ color: #03509A; text-decoration:underline} @media only screen and (max-width: 1750px){ .dibu22 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 15px; color:#fff; margin: 0px 7% 0px 7%; padding: 0px; height: auto; line-height: auto; width: 86%; float: left; text-align: left; border-bottom:#BEC1C3 solid 1px } .banquan2 { height: auto; float:left; width: 86%; margin-top: 0px; margin-right: 7% ; margin-bottom: 0px; margin-left: 7% ; }} @media only screen and (max-width: 906px){ .dibu3 { font-family:Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; margin: 10px 2% 10px 2%; padding: 20px 0px 20px 0px; height: auto; line-height: auto; width: 96%; float: left; text-align: left; } .dibu4 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; margin: 0px 2% 10px 2%; padding: 20px 0px 20px 0px; height: auto; line-height: auto; width: 96%; float: left; text-align: left; } .dibu5 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; margin: 0px 2% 10px 2%; padding: 20px 0px 20px 0px; height: auto; line-height: auto; width: 96%; float: left; text-align: left; } .banquanle { text-align: center; height: auto; float:left; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } .banquanri { text-align: center; height: auto; float:left; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .banquanri a { margin: 0 5px 0 5px; } .banquanri img { width:23px; height:auto} } /* 底部end */ .ruiden { float:left ; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 40px; margin-left: auto;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; }.ruiden .fenlei { padding: 0px 0px 0px 0px; text-align:center; height:auto; width: auto; margin: 0px auto; }.ruiden .fenlei .m0 { display: inline-block; _display: inline; *display: inline; zoom: 1; padding: 8px 15px; text-align:center; height:auto; width: auto; margin: 0px 10px 15px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; background-color:#fff }.ruiden .fenlei .m0 a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; text-align:center; }.ruiden .fenlei .m0:hover a { color: #fff; text-decoration:underline }.ruiden .fenlei .m0:hover{ border: 1px solid #ED7748; background-color:#03509A } .ruiden .fenlei .m0.hover{border: 1px solid #03509A; background-color:#03509A }.ruiden .fenlei .m0.hover a{ color:#FFF; } /**定位**/ .locationm { bpadding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left } .location2m { padding: 20px 0px 20px 0px; text-align: left; height:auto;line-height:20px; width: 100%;max-width: 1530px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E8E8 ; }.location2m a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px;color: #666; }.location2m a:hover { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#03509A; text-decoration:underline } @media only screen and (max-width:767px){ .location2m {text-align: left; margin-top: 0px; width: 96%;margin-right: 2%; margin-bottom: 0px; margin-left: 2%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E8E8 ; }} /**定位**/ .location { bpadding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left } .location2 { padding: 20px 0px 20px 0px; text-align: left; height:auto;line-height:20px; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun; font-size: 12px; color:#000; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E8E8 ; }.location2 a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px;color: #000; }.location2 a:hover { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color:#03509A; text-decoration:underline } @media only screen and (max-width:1750px){.location { bpadding: 0px 0px; text-align: center; height: auto; width: 86%; margin-top: 0px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%; float:left }} @media only screen and (max-width:767px){ .location2 {text-align: left; margin-top: 0px; width: 100%;margin-right: 0; margin-bottom: 0px; margin-left: 0; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 12px; color:#000; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E8E8 ; }} /**定位end**/ .productss2 .ca { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; color:#03509A;font-size: 20px; float:left; padding: 15px 0px 15px 0px; margin: 0px 0px 20px 0px; text-align: left; height:auto; width: 100%; border-bottom: #EAEAEA solid 1px; font-weight:600 } .productss2 .ca2 { line-height:20px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; color:#666;font-size: 16px; font-weight:500; float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; text-align: left; height:auto; width: 100%; } .productss2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; } .productss2 ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; } .productss2 ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 23%; margin: 0px 1% 0px 1%; } .productss2 ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; }.productss2 ul li .lk { float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); overflow:hidden ; border: 1px solid #cccccc; cursor:pointer; background-color:#FFF ; -moz-box-shadow:1px 2px 10px #eeeeee; -webkit-box-shadow:1px 2px 10px #eeeeee; box-shadow:1px 2px 10px #eeeeee; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0)"; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0); }.productss2 ul li .lk2 { float:left; padding: 10px 0px 0px 0px; margin:0 auto 10px auto; text-align:center; height:40px; overflow:hidden;line-height:20px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; text-align:center; }.productss2 ul li:hover .lk { border: 1px solid #03509A; } .productss2 ul li:hover .lk2 { color: #03509A; text-decoration:underline }.productss2 ul li:hover .x2 { color:#FF9900; } .productss2 ul li img { vertical-align: middle; text-align:center; height: auto; width: 100%; transition: all 0.5s; } .productss2 ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .case { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; } .case ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; } .case ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 31.3%; margin: 0px 1% 0px 1%; } .case ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; }.case ul li .lk { float:left; padding: 0px; margin:0 auto; text-align:center; height:140px; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); overflow:hidden ; border: 1px solid #E6E6E6; cursor:pointer; background-color:#FFF ; -moz-box-shadow:1px 2px 10px #eeeeee; -webkit-box-shadow:1px 2px 10px #eeeeee; box-shadow:1px 2px 10px #eeeeee; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0)"; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0); }.case ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:20px auto 20px auto; text-align:center; height:47px;line-height:22px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#333; text-align:left; overflow:hidden}.case ul li:hover .lk { border: 1px solid #03509A; } .case ul li:hover .lk2 { color: #03509A; text-decoration:underline }.case ul li:hover .x2 { color:#03509A; } .case ul li img { vertical-align: middle; text-align:center;width: auto; height: auto; max-height:140px; max-width: 100%; transition: all 0.5s; } .case ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .content { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left } .content2 { padding: 0px 0px 0px 0px; text-align: center; height:auto; width: 100%;max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .left { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 380px; margin: 0px 20px 0px 0px; float:left; background-color: #DDDDDD } .cpx3 { background-image: url(pic/y32.png); background-repeat: repeat-y; background-position: left top; margin-top: 30px; margin-left: 0px; padding: 0px; height:auto; width: 100%; float: left; text-align: left; } .right { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: calc(100% - 400px); width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); margin: 0px; float:left } .le { padding: 30px 2% 0px 5%; text-align: left; height:30px; line-height:30px; width:93%; float:left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 27px; color: #000; cursor:pointer; background-color:#DDDDDD; font-weight:600 } .productss { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; } .productss ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; } .productss ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 31.3%; margin: 0px 1% 0px 1%; } .productss ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; }.productss ul li .lk { float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); overflow:hidden ; border: 1px solid #cccccc; cursor:pointer; background-color:#FFF ; -moz-box-shadow:1px 2px 10px #eeeeee; -webkit-box-shadow:1px 2px 10px #eeeeee; box-shadow:1px 2px 10px #eeeeee; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0)"; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0); }.productss ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:10px auto; text-align:center; height:40px;line-height:20px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; text-align:center;overflow: hidden; }.productss ul li:hover .lk { border: 1px solid #03509A; } .productss ul li:hover .lk2 { color: #03509A; text-decoration:underline }.productss ul li:hover .x2 { color:#03509A; } .productss ul li img { vertical-align: middle; text-align:center;height: auto; width: 100%; transition: all 0.5s; } .productss ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .fanyi { padding: 0px 0px; text-align: center; height: auto; width:100% ; max-width:1200px; margin-top: 20px; margin-right: 0; margin-bottom: 0px; margin-left: 0; float:left; border: 0px solid #E6E6E6; background-color: #fff; } .jieshao { float:left; padding: 10px 0px 10px 0px; text-align: left; height:auto; width:100%; margin-top: 0px; margin-right: 0; margin-bottom: 20px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; margin-left: 0; font-size: 16px; line-height:25px; color:#000000; border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: none; border-top-color: #CCC; border-bottom-color: #CCC; } .jieshao p { margin-bottom: 20px;} .jieshao a { font-size: 16px; } .jieshao img { height:auto; width:auto; max-width:100%} .jieshao iframe { } @media only screen and (max-width:1750px){ .content { padding: 0px 0px; text-align: center; height: auto; width: 86%; margin-top: 0px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%; float:left }} @media only screen and (max-width:1100px){.productss2 ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 48%; margin: 0px 1% 0px 1%; } .productss2 ul li .lk { float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); overflow:hidden ; border: 1px solid #cccccc; cursor:pointer; background-color:#FFF ; -moz-box-shadow:1px 2px 10px #eeeeee; -webkit-box-shadow:1px 2px 10px #eeeeee; box-shadow:1px 2px 10px #eeeeee; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0)"; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0); }.productss2 ul li img { vertical-align: middle; text-align:center;height: auto; width: 100%; transition: all 0.5s; }} @media only screen and (max-width:903px){ .productss2 .ca { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; color:#03509A;font-size: 17px; float:left; padding: 15px 0px 15px 0px; margin: 0px 0px 20px 0px; text-align: left; height:auto; width: 100%; border-bottom: #EAEAEA solid 1px;font-weight:600 } .le { padding: 20px 2% 0px 5%; text-align: left; height:40px; line-height:40px; width:93%; float:left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 20px; color: #00235A; cursor:pointer; background-color: #DDDDDD; font-weight:600 } .jieshao { width: 96% ; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 2%; } .cpx3 { background-image: none ; background-repeat: repeat-y; background-position: left top; margin-top: 30px; margin-left: 0px; padding: 0px; height:auto; width: 100%; float: left; text-align: left; }.cpx3m { background-image: none ; background-repeat: repeat-y; background-position: left top; margin-top: 30px; margin-left: 0px; padding: 0px; height:auto; width: 100%; float: left; text-align: left; } .left { display:none;padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 96% ; margin-top: 0px; margin-right: 2%; margin-bottom: 40px; margin-left: 2%; float:left; background-color: #DDDDDD }.right { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 96% ; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 2%; float:left } .productss ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 48%; margin: 0px 1% 0px 1%; }.case ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 48%; margin: 0px 1% 0px 1%; } .leftm { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 96% ; margin-top: 0px; margin-right: 2%; margin-bottom: 40px; margin-left: 2%; float:left; background-color: #F5F5F5 }.rightm { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 96% ; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 2%; float:left } .productss ul li .lk { float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); overflow:hidden ; border: 1px solid #cccccc; cursor:pointer; background-color:#FFF ; -moz-box-shadow:1px 2px 10px #eeeeee; -webkit-box-shadow:1px 2px 10px #eeeeee; box-shadow:1px 2px 10px #eeeeee; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0)"; *filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0); }.productss ul li img { vertical-align: middle; text-align:center;height: auto; width: 100%;transition: all 0.5s; } .ruiden .fenlei { padding: 0px 0px 0px 0px; text-align:center; height:auto; width: 100%; margin: 0px auto; float:left } .ruiden .fenlei .m0 {float:left; display: inline-block; _display: inline; *display: inline; zoom: 1; padding: 8px 0px; text-align:center; height:auto; width: calc(96% - 2px); width: -moz-calc(96% - 2px); width: -webkit-calc(96% - 2px); margin: 0px 2% 10px 2%; border: 1px solid #ccc; background-color:#fff }.ruiden .fenlei .m0 a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; text-align:center; } } /*产品*/ .prdinfo { padding: 0px 0px 0px 0px; text-align: center; height:auto; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); margin: 0px 0px 0px 0px; border: 1px solid #EAEAEA; float:left } .prdinfoleft { padding: 0px 0px 0px 0px; text-align: center; height:auto; width: 352px; margin: 20px 20px 20px 20px;float:left } .lanrenzhijia{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; height:auto; overflow:hidden ; width: 100%; text-align:center } .jqzoom span{ height: 100%; display: inline-block; vertical-align: middle; } .jqzoom img{ background:url(images/loading.gif) no-repeat center center;vertical-align: middle; text-align:center;width: auto; height: auto; max-height:100%; max-width: 100%; } .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} .spec-preview{width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); height:auto;border:1px solid #DFDFDF; float:left; margin-bottom:10px} .spec-scroll{clear:both;margin-top:5px;width:352px;} .spec-scroll .prev{float:left;margin-right:4px;} .spec-scroll .next{float:right;} .spec-scroll .prev,.spec-scroll .next{ font-size:12px;display:block;font-family:Verdana,Nunito,sans-serif,Arial,SimSun,Verdana;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;} .spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:56px;} .spec-scroll .items ul li{float:left;width:64px;text-align:center;border-right:0px solid #CCC; height:50px; overflow:hidden} .spec-scroll .items ul li img{vertical-align: middle; text-align:center;width: auto; height: auto; max-height:50px; max-width: 50px;}.spec-scroll .items ul li span{ height: 100%; display: inline-block; vertical-align: middle; } .spec-scroll .items ul li:hover{border-right:0px solid #F90;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} #focuscont { margin-top: 0px; margin-left: 0px;margin-right: 0px; padding: 0px; height:auto; width: 100%; float: left; text-align: center; } .prdinforight { padding: 0px 0px 0px 0px; text-align: center; height:auto; margin: 20px 20px 20px 20px;float:left; width: calc(100% - 432px); width: -moz-calc(100% - 432px); width: -webkit-calc(100% - 432px); } #jianshu { margin-top: 0px; margin-left: 0px;margin-right: 0px; padding: 0px; height:auto; width: 100%; float: left; text-align: left; }h1 { margin: 20px 20px; padding: 0px; height:auto;color: #000000; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 30px; font-weight:bold; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left;}#jianshu2 { margin-top: 0px; margin-left: 0px;margin-bottom: 0px; padding: 0px; height:auto;color:#666; line-height:25px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; width: 100%; float: left; text-align: left; font-weight: normal }#jianshu2 p { margin-bottom:20px;}#jianshu2 a { color:#666; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; }#jianshu2 img { width:100%; height:auto }#liuyan { margin-top: 20px; margin-left: 0px;margin-right: 0px; padding: 0px; height:auto; width: 100%; float: left; text-align: left; }#liuyan a { margin-top: 0px; margin-left: 0px;margin-right: 0px; padding: 5px 10px; height:auto; width: auto; float: left; text-align: left; background-color: #fff; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#FFF; background-color: #008FD7; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius:5px; border-radius: 5px; } #liuyan a:hover { color:#fff; background-color: #03509A; } .prdinfoxx { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 94%; margin: 20px 3% 20px 3%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#333; line-height:25px }.prdinfoxx p { margin: 0px 0px 20px 0px; }.prdinfoxx a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; }.prdinfoxx img { width:auto; height:auto; max-width:100% } .nybiaoti { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; float:left } .nybiaoti span{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3E3E3; padding: 0px 0px 0px 0px; text-align: left; height:40px; line-height:40px; width: 100%; float:left; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 25px; color: #000000; font-weight:600 }.cph1 { padding: 0px 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; float:left } .cph1 h1{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3E3E3; padding: 10px 0px 10px 0px; text-align: left; height:auto; line-height:auto; width: 100%; float:left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 20px; color: #03509A; font-weight:600 } .neirong3 { padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .neirong3 ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .neirong3 ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 23%; margin: 0px 1% 0px 1%; } .neirong3 ul li .lk span{ height: 100%; display: inline-block; vertical-align: middle; }.neirong3 ul li .lk {background-color:#FFF; float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: 100%; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #cccccc; overflow:hidden ; }.neirong3 ul li .lk2 { float:left; padding: 0px 0px 0px 0px; margin:10px auto; text-align:center; height:40px;line-height:20px; width: 100%; float:left; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; text-align:center;overflow: hidden; } .neirong3 ul li:hover .lk2 { color: #03509A; text-decoration:underline }.neirong3 ul li:hover .lk { border: 1px solid #03509A; } .neirong3 ul li img { vertical-align: middle; text-align:center;height: auto; width: 100%; transition: all 0.5s; } .neirong3 ul li:hover img { transition-duration:0.5s; /*过度的时间为0，5秒*/ transform: scale(1.05); -webkit-transform: scale(1.05); /*Safari 和 Chrome*/ -moz-transform: scale(1.05); /*Firefox*/ -ms-transform: scale(1.05); /*IE9*/ -o-transform: scale(1.05); /*Opera*/} .neirong3 ul li .x2 {float:left; height:auto;margin: 0px 0; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#666; text-align:left; line-height:20px } .xiangguan{ padding: 0px 0px 0px 0px; text-align: center; height:auto; width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }.xiangguan h4{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3E3E3; padding: 0px 0px 0px 0px; text-align: left; height:60px; line-height:60px; width: 100%; float:left; margin-top: 0px; margin-right: auto; margin-bottom: 30px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 25px; color: #000000; } @media only screen and (max-width:1150px){ .cph1 h1{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3E3E3; padding: 10px 0px 10px 0px; text-align: left; height:auto; line-height:auto; width: 100%; float:left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 17px; color: #03509A; font-weight:600 }h1 { margin: 20px 20px; padding: 0px; height:auto;color: #000000; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 20px; font-weight:bold; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; }.lanrenzhijia{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:100%; height:auto; overflow:hidden ; } .jqzoom img{ background:url(images/loading.gif) no-repeat center center; width:100%;height:auto;vertical-align: middle; text-align:center;width: auto; height: auto; max-height:100%; max-width: 100%;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px);height:auto;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} .spec-preview{ width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); height:auto;border:1px solid #DFDFDF; float:left; margin-bottom:10px} .spec-scroll{clear:both;margin-top:5px;width:100%;} .spec-scroll .prev{float:left;margin-right:4px;} .spec-scroll .next{float:right;} .spec-scroll .prev,.spec-scroll .next{ font-size:12px;display:block;font-family:Verdana,Nunito,sans-serif,Arial,SimSun,Verdana;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;} .spec-scroll .items{float:left;position:relative;width: calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); height:56px;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:56px;}.prdinfoleft { padding: 0px 0px 0px 0px; text-align: center; height:auto; width: 96%; margin: 20px 2% 20px 2%;float:left } .prdinforight { padding: 0px 0px 0px 0px; text-align: center; height:auto; margin: 20px 2% 20px 2%;float:left; width: 96% } .neirong3 ul { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 96%; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 2%; } .neirong3 ul li { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 48%; margin: 0px 1% 0px 1%; } } @media only screen and (max-width:903px){ .neirong3 ul li .lk {background-color:#FFF; float:left; padding: 0px; margin:0 auto; text-align:center; height:auto; width: 100%; width: calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); border: 1px solid #cccccc; overflow:hidden ; } .neirong3 ul li img { vertical-align: middle; text-align:center;height: auto; width: 100%; transition: all 0.5s; } } /*新闻*/ .x3 {float:left; height:80px;margin: 0px 0 0px 0; width: 100%; text-align:left; line-height:80px;background-image: url(/pic/x.jpg); background-repeat: repeat-x; background-position: left center; } .news { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0px 0 0px 0; width: 100% ; cursor:pointer; background-color:#FFF ; } .news ul{ float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0 2% 0 2%; width: 96%; } .news ul li{ float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0px 0 0px 0; width: 100%; } .news ul li:hover a { color:#03509A; text-decoration:underline } .news ul li img{ float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0 3% 0 0; width: 27%; }.news2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0 0 0 0; width: 70%; } .news2 a { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0px 0% 10px 0%; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 18px; color: #000; line-height:20px; font-weight:600 } .news2 p { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0px 0% 0px 0%; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size:14px; color:#999; line-height:22px; font-weight: normal } .newsxx h1 { margin: 0px 20px 20px 20px; padding: 0px; height:auto;color:#333; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 24px; font-weight:bold; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: center; }.lb { max-width:1200px; width: 96%; text-align: center; height:auto; float:left ; margin: 0px 2% 20px 2%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; font-weight:500; }.lb a { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; font-weight:500; } .xiangqing { color:#000000; float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 96%; margin: 0px 2% 20px 2%;font-family: Nunito,sans-serif,Nunito,Arial,SimSun,Verdana; font-size: 16px; line-height:35px } .xiangqing p { margin-bottom:20px;} .xiangqing a { font-size: 16px; color:#000000 }.xiangqing a:hover { color:#03509A; text-decoration:underline } .xiangqing img { height:auto; width:auto; max-width:100%} .xiangqing iframe { } table{border-collapse:collapse} table{width:100%;margin-bottom:1rem;color:#212529;} table th,.xiangqing table td{padding:0.5rem;vertical-align:middle;border:1px solid #dee2e6;text-align:center;} table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03);} table tbody tr:hover{background-color:rgba(0,0,0,0.075);color:#555;} @media only screen and (max-width:903px){ .newsxx h1 { margin: 0px 20px 20px 20px; padding: 0px; height:auto;color:#333; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 20px; font-weight:bold; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: center; }.news2 h1 { margin: 20px 20px; padding: 0px; height:auto;color:#000; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 22px; font-weight:bold; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: center; } .news ul li img{ float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0 0% 20px 0; width: 100%; }.news2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 0 0 0 0; width: 100%; } } /*联系留言*/ .contact { padding: 0px 0px; text-align: center; height: auto; width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .contact2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 96%; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 2%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; } .contact2 p { margin-bottom: 5px; }.contact2 a { font-size: 16px;color:#000000; }.contact2 a:hover {color:#03509A; text-decoration:underline } .contact2 img { margin:0px 20px 20px 0px; width:auto; height:auto; max-width:100% } #ly5 { padding: 0px 0px 0px 0px; text-align: center; height:auto; width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #ly3 { margin: 10px 2% 0 2%; padding: 0px; height:auto; width:96%; float: left; text-align: center; }#ly3-2 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 19px; color:#393E5E; margin-top: 20px; margin-left: 0px; padding: 0px; height:50px; line-height:50px; width: 145px; float: left; text-align: left; }#ly3-3 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 19px; color:#393E5E; margin-top: 20px; margin-left: 0px; padding: 0px; height:50px; line-height:50px; width: calc(100% - 145px); width: -moz-calc(100% - 145px); width: -webkit-calc(100% - 145px); float: left; text-align: left; }#ly3-5{font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 19px; color:#393E5E; margin-top: 20px; margin-left: 0px; padding: 0px; height:auto; line-height:auto; width: 100%; float: left; text-align: left; }#ly3-6 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 19px; color:#393E5E; margin-top: 20px; margin-left: 0px; padding: 0px; height:50px; line-height:50px; width: 100%; float: left; text-align: right; } #fkai{font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; margin-bottom: 0px; margin-left: 0px; padding: 0px; height:auto; line-height:auto; width: 45%; float: left; text-align: left; }#fkai2{font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin-bottom: 0px; margin-left: 0px; padding: 0px; height:auto; line-height:auto; width: 10%; float: left; text-align: left; }#fs3-5{ position:relative;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; margin-bottom: 20px; margin-left: 0px; padding: 0px; height:auto; line-height:auto; width: 100%; float: left; text-align: left; }.frnn { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly1.png); background-repeat: no-repeat; background-position: 10px center; height:40px; line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; float: left; background-color: #fff; border: 1px solid #e8e8e8; } .frnn5 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px;color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly2.png); background-repeat: no-repeat; background-position: 10px center; height:40px; line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; float: left; background-color: #fff; border: 1px solid #e8e8e8; } .frnn5zx { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px;color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly7.png); background-repeat: no-repeat; background-position: 10px center; height:40px; line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; float: left; background-color: #fff; border: 1px solid #e8e8e8; } .frnn66zx { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly8.png); background-repeat: no-repeat; background-position: 10px center; height:40px; line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; float: left; background-color: #fff; border: 1px solid #e8e8e8; } .frnn6 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly3.png); background-repeat: no-repeat; background-position: 10px center; height:40px; line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; float: left; background-color: #fff; border: 1px solid #e8e8e8; }.frnn66 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly6.png); background-repeat: no-repeat; background-position: 10px center; height:40px; line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; float: left; background-color: #fff; border: 1px solid #e8e8e8; }.frnn3 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px;color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; padding-top: 0px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly5.png); background-repeat: no-repeat; background-position: 10px 10px; height:40px; line-height:40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; float: left; background-color: #fff; border: 1px solid #e8e8e8; }#fs3-2 { position:absolute; right:0;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#F00; margin-top: 0px; margin-right: 10px; padding: 0px; height:40px; line-height:40px; width: auto; text-align: right; font-weight:normal }#fs3-3 { position:relative;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin-bottom: 20px; margin-left: 0px; padding: 0px; height:40px; line-height:40px; width: 100% ; float: left; text-align: left; }.frnn2 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; -webkit-text-fill-color:#000000 ; margin-top: 0px; margin-left: 0px; padding-left: 40px; padding-top: 5px; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); float: left; text-align: left; background-image: url(pic/ly4.png); background-repeat: no-repeat; background-position: 10px 5px; height:160px; line-height:25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; float: left; background-color: #fff; border: 1px solid #e8e8e8; }#fs3-6 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin-top: 10px; margin-left: 0px; padding: 0px; height:40px; line-height:40px; width: 100%; float: left; text-align: right; }#fs3-61 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#ccc; margin-top: 0px; margin-left: 0px; padding: 0px; height:40px; line-height:40px; width: 160px; float: left; text-align: left; font-weight:normal }#fs3-62 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin-top: 0px; margin-left: 0px; padding: 0px; height:40px; line-height:40px; width: 100%; float: left; text-align: right; } #fs3-621 {position:relative;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#666; margin-top: 0px; margin-left: 0px; padding: 0px; height:40px; line-height:40px; width: 170px; float: left; text-align: left; }#fs3-622 {font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; color:#666; margin-top: 5px; margin-left: 20px; padding: 0px; height:40px; line-height:40px; width: 100px; float: left; text-align: left; } #fs3-7 { font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; margin-top: 60px; margin-bottom: 30px; padding: 0px; height:auto; width: 100%; float: left; text-align: center; }#fs3-7 a { background-color: #fff;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#fff; margin-top: 0px; margin-left: 0px; padding: 0px; padding:10px 40px; width: auto; text-align: center; background-color: #03509A; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }#fs3-7 a:hover { background-color:#001D3A;color:#fff; } @media only screen and (max-width:1750px){ .contact2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 86%; margin-top: 0px; margin-right:7%; margin-bottom: 0px; margin-left: 7%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#000000; }#ly3 { margin: 10px 7% 0 7%; padding: 0px; height:auto; width:86%; float: left; text-align: center; }} @media only screen and (max-width:750px){ #fkai{font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin-bottom: 0px; margin-left: 0px; padding: 0px; height:auto; line-height:auto; width: 100%; float: left; text-align: left; }#fkai2{ display:none;font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; margin-bottom: 0px; margin-left: 0px; padding: 0px; height:auto; line-height:auto; width: 10%; float: left; text-align: left; } } /*faq*/ .wendaxx { padding: 0px 0px; text-align: center; height: auto; width: 100%;margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left;} .wenda2xx { max-width:1200px; padding: 0px 0px 0px 0px; text-align: center; height:auto; line-height:35px; width: 100%;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .wenda { padding: 0px 0px; text-align: center; height: auto; width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .wenda2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 40px; margin-left: 0; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } .wenda2left { background-color:#fff;float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 28%; margin-top: 10px; margin-right: 2%; margin-bottom: 0px; margin-left: 0; }.wenda2left img { width:100%; height:auto } .wenda2right { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; } .wenda3 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; width: 100%; margin-top: 0px; margin-right:0; margin-bottom: 30px; margin-left: 0; } .wenda3 img{ height:auto; width: 100%; margin-top: 0px; margin-right:0; margin-bottom: 0px; margin-left: 0; } .faq2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 1% 10px 1%; width:calc(98% - 2px); width: -moz-calc(98% - 2px); width: -webkit-calc(98% - 2px); cursor:pointer; float: left; background-color: #fff; border: 1px solid #e8e8e8;} .faq2:hover .faq3 .fbt, .faq2:hover .faq3 .fbt a { } .faq2:hover .faq3 .bt { color: #fff;text-decoration:underline }.faq2:hover{ background-color:#03509A }.faq22:hover .faq3 .bt2 { color: #03509A;text-decoration:underline }.faq2:hover .faq3 .fbt { color: #fff;text-decoration:underline } .faq22 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 1% 10px 1%; width:calc(48% - 2px); width: -moz-calc(48% - 2px); width: -webkit-calc(48% - 2px);; cursor:pointer; float: left; background-color: #EAF1FD; border: 1px solid #e8e8e8;} .faq3 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 20px 2% 20px 2%; width: 96%; } .faq3 .bt { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 0% 10px 0%; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 25px; color: #03509A; line-height:25px; font-weight:600 } .faq3 .bt2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 0% 10px 0%; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 25px; color: #F90; line-height:25px; font-weight:600 } .faq3 .bt a{ font-family: Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun,Verdana,SimSun; font-size: 25px; color: #03509A; line-height:25px; font-weight:600 } .faq3 .fbt { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 0% 20px 0%; width:100% ; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size:16px; color: #666; line-height:25px; font-weight: normal } .faq3 .fbt a { font-size:16px; color: #00F}.faq3 .fbt p{ margin-bottom:20px} .faq3 .bt4 { float:left; padding: 0px 0px 0px 0px; text-align: right; height:auto; margin: 10px 0% 10px 0%; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 25px; color: #03509A; line-height:25px; font-weight:600 } .faq3 .bt4 a { padding: 0px 0px 0px 20px;background-image: url(/pic/lyw.png); background-repeat: no-repeat; background-position: left center;font-family: Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana; font-size: 16px; color: #03509A; font-weight:600 } .faq2:hover .faq3 .bt4 a { color: #fff;text-decoration:underline } .faq2:hover .faq3 .bt a { color: #fff;text-decoration:underline } @media only screen and (max-width:1750px){.wendaxx { padding: 0px 0px; text-align: center; height: auto; width: 86%;margin-top: 30px; margin-right: 7%; margin-bottom: 0px; margin-left: 7%; float:left;} .wenda2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 86%; margin-top: 0px; margin-right: 7%; margin-bottom: 40px; margin-left: 7%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color:#666; } } @media only screen and (max-width:903px){ .wenda2left { display:none;background-color:#fff;float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 28%; margin-top: 10px; margin-right: 2%; margin-bottom: 0px; margin-left: 0; } .wenda2right { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; line-height:35px; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; } .faq3 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 20px 4% 20px 4%; width: 92%; }.faq3 .bt a{ font-family: Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun,Verdana,SimSun; font-size: 20px; color: #03509A; line-height:25px; font-weight:600 } .faq2 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 0 10px 0; width:calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); cursor:pointer; float: left; background-color: #fff; border: 1px solid #e8e8e8;} .faq2:hover .faq3 .fbt, .faq2:hover .faq3 .fbt a { } .faq2:hover .faq3 .bt { color: #fff;text-decoration:underline }.faq22 { float:left; padding: 0px 0px 0px 0px; text-align: left; height:auto; margin: 10px 0 10px 0; width:calc(100% - 2px); width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; float: left; background-color: #EAF1FD; border: 1px solid #e8e8e8;} }