font-family: Roboto-Bold;0093dfm1biaoarticle, aside, dialog, footer, header, main, section, nav, figure, menu { display: block; } @font-face { font-family: 'RobotoBold'; src:font-display: swap; font-weight: normal; font-style: normal; url("../fonts/RobotoBold.eot"); src: url("../fonts/RobotoBold.eot") format("embedded-opentype"), url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype"), url("../fonts/RobotoBold.svg#RobotoBold") format("svg"); } @font-face { font-family: 'RobotoItalic_0'; font-display: swap; font-weight: normal; font-style: normal;src: url("../fonts/RobotoItalic_0.eot"); src: url("../fonts/RobotoItalic_0.eot") format("embedded-opentype"), url("../fonts/RobotoItalic_0.woff2") format("woff2"), url("../fonts/RobotoItalic_0.woff") format("woff"), url("../fonts/RobotoItalic_0.ttf") format("truetype"), url("../fonts/RobotoItalic_0.svg#RobotoItalic_0") format("svg"); } @font-face { font-family: 'RobotoRegular'; font-display: swap; font-weight: normal; font-style: normal; src: url("../fonts/RobotoRegular.eot"); src: url("../fonts/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg"); } * { margin: 0px; padding: 0px; } html { font-size: 62.5%; height: 100%; } body { width: 100%; overflow-x: hidden; font-family: "RobotoRegular", Arial, "sans-serif"; font-size: 14px; font-size: 1.4rem; color: black; } a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } a:hover { color: #0093de; } ol, ul, li { list-style: none; } img { max-width: 100%; border: 0px solid #ccc; } table, embed, video { max-width: 100%; } input, textarea { border: none; background: none; font-family: inherit; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input:focus, textarea:focus { outline: none; } textarea { resize: none; } button { border: none; background: none; cursor: pointer; } em, i { font-style: normal; } /* .c-xx start */ .c-fl { float: left; } .c-fr { float: right; } .c-cb { clear: both; } .c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .c-oh { overflow: hidden; } .c-wd { width: 1200px; } .c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c-pr { position: relative; } .c-mt-5 { margin-top: 5px; } .c-mt-10 { margin-top: 10px; } .c-mt-15 { margin-top: 15px; } .c-mt-20 { margin-top: 20px; } .c-mt-25 { margin-top: 25px; } .c-mt-30 { margin-top: 30px; } .c-mt-35 { margin-top: 35px; } .c-mt-40 { margin-top: 40px; } .c-mt-45 { margin-top: 45px; } .c-mt-50 { margin-top: 50px; } .c-nomt { margin-top: 0 !important; } .c-nomr { margin-right: 0 !important; } .c-nomb { margin-bottom: 0 !important; } .c-noml { margin-left: 0 !important; } .c-nofont { line-height: 0; font-size: 0; } .c-nobg { background: none !important; } /* .c-xx end */ /* .f-xx start */ .f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; } @media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } } @media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } } @media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /* .f-xx end */ .l { float: left; } .r { float: right; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .box { position: relative; } .mln { margin-left: 0 !important; } .clear { clear: both; } .wp { width: 1200px; margin: auto; } .wp2 { width: 1670px; margin: auto; } @media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } } @media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } } @media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } } /* break */ .break { padding-top: 15px; margin-bottom: 60px; } .break .wp { border-bottom: 1px solid #0093de; } .break p { text-transform: uppercase; font-family: 'GothamBold'; padding-left: 25px; color: #2f6665; font-size: 16px; font-size: 1.6rem; } .break a { color: #2f6665; line-height: 35px; } .break a.on, .break a:hover { color: #0093de; } /* .m-xx start */ .m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; } .m-desc a { color: #0093de; } .m-desc a:hover { text-decoration: underline; } .m-desc p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; } .m-desc span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; } .m-desc b { font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; } .m-desc a { font-size: 14px; font-size: 1.4rem; color: #0093de; line-height: 30px; } .m-desc img { display: block; max-width: 100%; margin: 0 auto; } .m-desc iframe { display: block; max-width: 100%; margin: 0 auto; } .m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; } .m-tt2 { font-size: 20px !important; font-size: 2rem !important; } .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; } .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; } .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; } [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; } [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-modal { display: none; } } /* .m-xx end */ /* .j-xx start */ .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 1; } .j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; } .j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } .j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-lazy { min-width: 100%; } /* .j-xx end */ [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; } [class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } [class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } [class*="-item"] .item-title { overflow: hidden; } [class*="-item"] .item-title a:hover { color: #0093de; } [class*="-item"] .item-desc { overflow: hidden; } [class*="-item"] .item-desc a { display: block; } [class*="-item"] .item-desc a:hover { color: #0093de; } .m-crm { margin-top: 21px; margin-bottom: 44px; padding-bottom: 6px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; background: url(../images/crm.png) no-repeat left 4px; border-bottom: 1px solid #cccccc; } .m-crm a { color: #666; } .m-crm a:hover { color: #0093de; } .m-crm a.active { color: #0093de; } @media screen and (max-width: 767px) { .m-crm { margin-bottom: 20px; } } .m-oths { margin-top: 18px; } .m-oths .oths-item { padding-left: 22px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; } .m-oths .oths-item a { color: #666; } .m-oths .oths-item a:hover { color: #0093de; } .m-oths .oths-item-1 { margin-bottom: 12px; background-image: url("../images/oths1.png"); } .m-oths .oths-item-2 { background-image: url("../images/oths2.png"); } .m-oths a { color: #666666; } .m-page { margin-top: 65px; margin-bottom: 100px; letter-spacing: 0; font-size: 0; text-align: center; } .m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .m-page a.big { width: 70px; } .m-page a:hover { color: white; border-color: #0093de; background-color: #0093de; } .m-page a.active { color: white; border-color: #0093de; background-color: #0093de; } .m-page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; } .m-page img { display: inline-block; position: relative; top: 5px; margin-left: 15px; margin-right: 8px; } .m-page .ins { margin-left: 4px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #0093de; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; } .m-page2 { position: relative; } @media screen and (max-width: 767px) { .m-page { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } } .m-kf { position: fixed; *position: absolute; z-index: 10; right: 0; top: 20%; background-color: #ebebeb; } .m-kf .list-item { position: relative; padding-top: 9px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; cursor: pointer; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .m-kf .list-item:first-child .item-line { display: none; } .m-kf .list-item .img { position: absolute; top: 0; right: 100%; padding: 0 5px; width: 100px; height: 100px; display: none; background-color: #fff; } .m-kf .item-pic { margin-left: auto; margin-right: auto; display: block; line-height: 0; font-size: 0; width: 49px; } .m-kf .item-title { margin-top: 3px; font-size: 12px; font-size: 1.2rem; color: #000; text-align: center; } .m-kf .item-title a { color: #000; } .m-kf .item-line { position: absolute; left: 50%; top: 0; margin-left: -24px; display: block; width: 49px; height: 1px; background-color: #aaa; } .m-kf .item-wx { position: absolute; right: 100%; top: 0; width: 150px; line-height: 0; font-size: 0; display: none; } .item2-wx{position: absolute;top: 0;right: -999px;width: 120px;} .m-kf .list-item:hover .item2-wx{right: 75px;} @media screen and (max-width: 768px) { .m-kf { top: auto; right: auto; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .m-kf .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .m-kf .list-item .img { left: 0; top: auto; right: auto; bottom: 100%; } .m-kf .item-line { display: none; } .m-kf .item-wx { left: 0; right: auto; top: auto; bottom: 100%; } .m-kf .kf-item2{position: relative;} .m-kf .kf-item2:hover .item2-wx{right: 0px;top: -120px;left: 0;} } @media screen and (max-width: 767px) { body { padding-bottom: 65px; } } .returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 50px; height: 50px; background: url("../images/gotop.png") no-repeat center; line-height: 0; font-size: 0; display: none; } @media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; background-size: contain; } } .wap-hd-nav { display: none; } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .wap-nav .nav span { font-family: arial, helvetica, sans-serif; } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; } .wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; } .wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; } .wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; } .wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; } .wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; } .wap-nav .nav > ul > li .c-show { display: none; width: 100%; } .wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > dl { padding: 20px; } .wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 30px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #0093de; } @media screen and (min-width: 960px) { .wap-nav, .menubtn { display: none; } } @media screen and (max-width: 959px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #0093de; } .wap-hd-nav-item { width: 25%; } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; } .wap-hd-nav-item a.active { color: white; background-color: #0093de; } } /* search */ /* header_top */ .header_top { margin-top: 13px; margin-bottom: 10px; text-align: right; } .header_top a.mess { display: inline-block; line-height: 30px; padding-left: 25px; background: url(../images/meile.png) no-repeat left center; margin-right: 34px; } .header_top a.guoqi { display: inline-block; line-height: 30px; padding-left: 33px; background: url(../images/guoqi.png) no-repeat left center; font-size: 12px; font-size: 1.2rem; } .header_top span { display: inline-block; line-height: 30px; padding-left: 25px; background: url(../images/tel.png) no-repeat left center; margin-right: 51px; } .heder_bot { border-top: 1px solid #ccc; padding-top: 28px; } /* header */ .header .logo { margin-top: 4px; } .header .logo img { display: block; max-width: 90px; max-height: 134px; width: 100%; margin: 0 auto; } .header .header_form { display: inline-block; border: 1px solid #ccc; width: 250px; height: 36px; line-height: 36px; -moz-border-radius: 50px; border-radius: 50px; position: relative; } .header .header_form .tex { background: transparent; -moz-border-radius: 50px; border-radius: 50px; text-indent: 10px; width: 100%; height: 36px; line-height: 36px; display: inline-block; color: #999999; font-family: "RobotoItalic_0"; font-size: 12px; font-size: 1.2rem; } .header .header_form .sub { position: absolute; top: 0px; right: 0px; height: 36px; width: 32px; font-size: 0px; cursor: pointer; z-index: 99; background: url(../images/suosou.png) no-repeat left -1px; } .header_ul1 > li { float: left; margin-left: 3px; margin-right: 28px; position: relative; padding-bottom: 10px; } .header_ul1 > li:hover .dan_header { display: block; } .header_ul1 > li > a { color: #333; line-height: 36px; display: block; border-bottom: 2px solid transparent; font-family: "RobotoBold"; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; padding-bottom: 15px; } .header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #0093de; border-color: #0093de; } .dan_header { display: none; width: 260px; position: absolute; left: 0px; top: 100%; background: #fff; z-index: 999999; border: 1px solid #d2d2d2; } .dan_header > ul > li { border-top: 1px solid #d2d2d2; line-height: 42px; position: relative; left: 0px; } .dan_header > ul > li:first-child { border-top: 0px; } .dan_header > ul > li > a { padding-left: 17px; position: relative; color: #333; line-height: 42px; display: block; } .dan_header > ul > li:hover > a { background: #0093de; color: #fff; } .dan_header > ul > li:hover .dan_sanheader { display: block; } .dan_sanheader { display: none; width: 204px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 999999; border: 1px solid #d2d2d2; } .dan_sanheader > ul { background: #fff; padding: 10px 0px; } .dan_sanheader > ul > li { line-height: 28px; position: relative; } .dan_sanheader > ul > li > a { padding-left: 17px; color: #333; line-height: 28px; display: block; } .dan_sanheader > ul > li:hover > a { color: #0093de; } @media screen and (max-width: 1219px) { .header_ul1 > li { margin-left: 0px; margin-right: 0px; } .header_ul1 > li > a { padding: 0px 6px; } } @media screen and (max-width: 999px) { .header { position: relative; } .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 959px) { .header_top .header_form { display: none; } .header_top { display: none; } .header_right { display: none; } .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 90px; margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .slide .carousel-control { display: none; } } /* footer */ .footer { background:url("../images/fobei.jpg"); padding-top: 41px; text-align: center; } .footer a { color: #fff; } .footer a:hover { color: #000 !important; } .footer p { color: #fff; } .footer span { color: #fff; } .footer .dizhi { margin-bottom: 30px; display: inline-block; line-height: 30px; color: #fff; padding-left: 39px; background: url(../images/dizhi.png) no-repeat left 5px; } .footer ul { line-height: 30px; text-align: center; } .footer ul li { display:inline-block; vertical-align: middle; padding-left: 30px; margin-left: 45px; color: #fff; } .footer .pspan1 { background: url(../images/foli1.png) no-repeat left 3px; } .footer .pspan2 { background: url(../images/foli2.png) no-repeat left 3px; } .footer .pspan3 { background: url(../images/foli3.png) no-repeat left 3px; } .footer .pspan4 { background: url(../images/foli4.png) no-repeat left 3px; } .footer .pspan5 { background: url(../images/foli5.png) no-repeat left 8px; } .footer p.fot_top { margin-top: 63px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; } .footer p.fot_top a { display: inline-block; margin-left: 16px; margin-right: 16px; } .footer p.fot_top span { display: inline-block; margin-left: 16px; margin-right: 16px; } .footer .shejiao a { display: inline-block; margin-bottom: 24px; margin-left: 12px; margin-right: 12px; } .footer .shejiao a img { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .footer .shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .footer .footer_bot { margin-top: 35px; padding-top: 19px; padding-bottom: 26px; border-top: 1px solid #cbcbcb; color: #fff; } .footer .footer_bot p { line-height: 40px; } .footer .Links { height: 26px; line-height: 26px; color: #ffff; } .footer .Links a { display: inline-block; padding-left: 5px; color: #fff; } @media screen and (max-width: 1219px) { .footer .pspan5 { margin-left: 0px; } } @media screen and (max-width: 999px) { .footer ul { line-height: 30px; text-align: left; } .footer ul li { width: 47%; margin-left: 1% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 768px) { .footer { padding-top: 20px; } .footer .shejiao { display: none; } .footer ul { display: none; } .footer .dizhi { display: none; } .footer p.fot_top { display: none; } .footer .Links { display: none; } .footer .shejiao a { margin-bottom: 5px; } .footer p.fot_top { margin-top: 40px; } .footer p.fot_top a { display: block; width: 48%; float: left; line-height: 30px; text-align: left; margin: 0 1%; } .footer p.fot_top span { display: none; } .footer .footer_bot { margin-top: 0px; padding-top: 0px; border: 0px; padding-bottom: 10px; } .footer .footer_bot p { line-height: 30px; } } /*==========main1==================*/ .main1 { margin-top: 59px; font-family: Georgia; } .main1 .m1_warpper a { display: block; } .main1 .m1_warpper img { display: block; } .main1 .m1_warpper .title { margin-bottom: 32px; font-size: 36px; font-size: 3.6rem; color: #333; text-transform: uppercase; } .main1 .m1_div { position: relative; border: 1px solid #cccccc; } .main1 .m1_div .fu { position: absolute; top: 30px; left: 26px; font-size: 24px; font-size: 2.4rem; line-height: 30px; text-transform: uppercase; } .main1 .m1_div .fu2 { position: absolute; top: 37px; left: 47px; font-size: 30px; font-size: 3rem; line-height: 40px; text-transform: uppercase; } .main1 .m1_qrap { position: relative; border: 1px solid #cccccc; max-width: 378px; margin: 0 auto; } .main1 .m1_qrap .fu { position: absolute; top: 27px; right: 26px; font-size: 22px; font-size: 2.2rem; line-height: 30px; text-transform: uppercase; } .main1 .m1_qrap img { display: block; max-width: 378px; max-height: 399px; width: 100%; margin: 0 auto; } .main1 .m1_ul { margin-bottom: 92px; } .main1 .m1_ul li { margin-left: 30px; float: left; margin-top: 42px; } @media screen and (max-width: 1219px) { .main1 .m1_left { width: 31%; margin-left: 1% !important; margin-right: 1%; } .main1 .m1_right { width: 65%; margin-left: 1% !important; margin-right: 1%; } .main1 .m1_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; } } @media screen and (max-width: 999px) { .main1 .m1_qrap .fu { font-size: 16px; font-size: 1.6rem; top: 15px; } .main1 .m1_warpper .title { font-size: 24px; font-size: 2.4rem; } .main1 .m1_div .fu { font-size: 16px; font-size: 1.6rem; line-height: 25px; left: 10px; } .main1 .m1_div .fu2 { font-size: 16px; font-size: 1.6rem; line-height: 25px; left: 10px; } } @media screen and (max-width: 686px) { .main1 { margin-top: 0px; } .main1 .m1_div .fu { font-size: 14px; font-size: 1.4rem; line-height: 20px; top: 2px; } .main1 .m1_div .fu2 { font-size: 14px; font-size: 1.4rem; line-height: 20px; top: 2px; } .main1 .m1_left { margin: 20px auto !important; } .main1 .m1_right { margin: 20px auto !important; } .main1 .m1_warpper .title { font-size: 20px; font-size: 2rem; margin-top: 30px; margin-bottom: 10px; } .main1 .m1_ul li { max-width: 378px; width: 48%; margin: 10px 1% !important; } .main1 .m1_qrap .fu { font-size: 14px; font-size: 1.4rem; } .main1 .m1_ul { margin-bottom: 40px; } } @media screen and (max-width: 480px) { .main1 .m1_div .fu { font-size: 16px; font-size: 1.6rem; line-height: 30px; top: 10px; } .main1 .m1_div .fu2 { font-size: 16px; font-size: 1.6rem; line-height: 30px; top: 10px; } .main1 .m1_qrap .fu { font-size: 16px; font-size: 1.6rem; } .main1 .m1_left { max-width: 378px; width: 99%; float: none; margin: 20px auto !important; } .main1 .m1_right { max-width: 768px; width: 99%; float: none; margin-left: 1% !important; margin-right: 1%; } .main1 .m1_ul li { max-width: 378px; width: 98%; float: none; margin: 10px auto !important; } } /*==========m-sd1==================*/ .m-sd1 { float: left; width: 260px; margin-left: -100%; } @media screen and (max-width: 959px) { .m-sd { float: none; margin-left: 0; margin-right: 0; margin-top: 30px; width: 100%; } } .m-mn1 { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 320px; } @media screen and (max-width: 959px) { .m-mn { float: none; padding: 0; } } .m-sdtt { margin-bottom: 20px; } .m-sdtt a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 45px; background-color: #0093de; color: #fff; font-size: 24px; font-size: 2.4rem; font-family: "RobotoBold"; } .m-sdtt a:hover { background-color: #0093de; } .m-sdnav { margin-bottom: 59px; overflow: hidden; } .m-sdnav .sdnav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; font-family: "RobotoBold"; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #0093de; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-sdnav .sdnav-btn > p { position: absolute; bottom: 12px; right: 15px; } .m-sdnav .sdnav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: white; } .m-sdnav .nav-item { margin-top: 8px; background-color: #fff; border: 1px solid #d2d2d2; } .m-sdnav .nav-item > a { display: block; padding-left: 16px; padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #eee; } .m-sdnav .nav-item > a:hover { color: #fff; background-color: #0093de; } .m-sdnav .nav-item > a.active { color: #fff; background-color: #0093de; } .m-sdnav .sbnav-list { padding: 9px 0; } .m-sdnav .sbnav-item { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0px; color: #333; padding-left: 47px; line-height: 30px; } .m-sdnav .sbnav-item:hover { color: #0093de; } .m-sdnews { margin-bottom: 30px; } .m-sdnews .box-list { background-color: #eeeeee; border: 1px solid #ccc; padding-bottom: 40px; } .m-sdnews .list-item { background-color: #eeeeee; padding-bottom: 10px; border-bottom: 1px solid #ccc; padding-left: 8px; padding-right: 8px; padding-top: 22px; } .m-sdnews .item-title a { display: block; font-size: 16px; font-size: 1.6rem; color: #0093de; display: block; max-height: 48px; line-height: 24px; overflow: hidden; } .m-sdnews .item-desc { margin-top: 9px; } .m-sdnews .item-desc a { font-size: 14px; font-size: 1.4rem; color: #333; max-height: 72px; line-height: 24px; display: block; overflow: hidden; } .m-sdnews .item-desc a:hover { color: #0093de; } @media screen and (max-width: 767px) { .m-sdnav { margin-bottom: 25px; } .m-sdnav .nav-name { display: none; } .m-sdnav .sdnav-btn { display: block; } .m-sdnav .nav-list { display: none; } } @media screen and (max-width: 999px) { .wap-nav .shejiao a { width: 14%; margin-right: 2%; display: block; float: left; } .wap-nav .shejiao a img { display: block; max-width: 100%; } } /*==========m-prol==================*/ .m-prol { margin-bottom: 0px; overflow: hidden; } .m-prol .list-item { float: left; margin-right: 1.25%; margin-bottom: 24px; width: 32.5%; padding: 3px; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-prol .list-item:hover .item-pic { -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.16); } .m-prol .item-pic { border: 1px solid #ccc; } .m-prol .item-font { padding: 12px 10px 0 10px; } .m-prol .item-title { text-align: center; text-transform: uppercase; height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #333; text-overflow: ellipsis; white-space: nowrap; } .m-prol .item-title a { color: #333; } .m-prol .item-title a:hover { color: #0093de; } .m-prol .item-desc { margin-top: 15px; } .m-prol .item-desc a { display: block; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; } .m-prol .item-desc a:hover { color: #0093de; } .m-prol .item-link { position: relative; margin-top: 18px; text-align: center; } .m-prol .item-link input { display: inline-block; width: 14px; height: 14px; margin-right: 30px; } .m-prol .item-link a { margin: 0 auto; display: inline-block; width: 141px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #0093de; text-align: center; border: 1px solid #0093de; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-prol .item-link a:hover { color: #fff; background-color: #0093de; } @media screen and (max-width: 1219px) { .m-prol .item-link input { margin-right: 10px; } .m-prol .item-link a { width: 101px; } } @media screen and (max-width: 640px) { .m-prol .item-link input { margin-right: 5px; } .m-prol .item-link a { width: 78%; } .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } .m-prol .item-title { font-size: 14px; font-size: 1.4rem; } .m-prol .item-desc a { font-size: 14px; font-size: 1.4rem; } } /*==========prob-pic==================*/ .m-prob1 .prob-pic { width: 430px; } .m-prob1 .prob-pic-big { position: relative; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; } .m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; } .m-prob1 .zoomWrapperImage img { max-width: 1200px; } .m-prob1 .prob-pic-small { position: relative; margin-top: 13px; padding-left: 29px; padding-right: 29px; overflow: hidden; } .m-prob1 .prob-pic-btn { position: absolute; top: 0; display: block; width: 11px; height: 100%; background-repeat: no-repeat; background-position: center; } .m-prob1 .prob-pic-btn.prev { left: 0; background-image: url("../images/jtl1.png"); } .m-prob1 .prob-pic-btn.prev:hover { background-image: url("../images/jtl2.png"); } .m-prob1 .prob-pic-btn.next { right: 0; background-image: url("../images/jtr1.png"); } .m-prob1 .prob-pic-btn.next:hover { background-image: url("../images/jtr2.png"); } .m-prob1 .prob-pic-list { overflow: hidden; } .m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; } .m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.2%; width: 3.2%; padding-top: 5px; } .m-prob1 .prob-pic-item .item-pic { border: 1px solid #ccc; overflow: inherit; } .m-prob1 .prob-pic-item .item-pic:hover { border-color: #0093de; } .m-prob1 .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .m-prob1 .prob-pic-item .item-pic.active { border-color: #0093de; } .m-prob1 .prob-pic-item .item-pic.active:before { display: block; } .m-prob1 .prob-info { float: right; width: 400px; } .m-prob1 .prob-info-title { position: relative; padding-bottom: 10px; line-height: 30px; font-family: "RobotoBold"; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; border-bottom: 1px solid #ccc; } .m-prob1 .prob-info-desc { margin-top: 13px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; } .m-prob1 .prob-info-desc .item-table { display: table; } .m-prob1 .prob-info-desc .item-cell { display: table-cell; } .m-prob1 .prob-info-desc .item-cell:first-child { width: 120px; } .m-prob1 .prob-share { margin-top: 24px; } .m-prob1 .prob-share .font { float: left; margin-right: 10px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-prob1 .prob-share .img { float: left; height: 26px; } .m-prob1 .prob-info-link { margin-top: 26px; margin-bottom: -20px; overflow: hidden; } .m-prob1 .prob-info-link a { float: left; margin-bottom: 20px; display: block; width: 140px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #0093de; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0093de; } .m-prob1 .prob-info-link a:hover { color: white; background-color: #0093de; border-color: #0093de; } .m-prob1 .prob-info-link a:first-child { float: left; margin-right: 52px; } @media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; } .zoomPup { display: none !important; } .zoomWindow { display: none !important; } .zoomPreload { display: none !important; } .m-prob1 .prob-pic { float: none; margin: 0 auto; } .m-prob1 .prob-info { margin-top: 20px; width: 100%; height: auto; } } @media screen and (max-width: 767px) { .m-prob1 .prob-pic { width: 100%; } .m-prob1 .prob-pic-big { display: none; } .m-prob1 .prob-pic-small { margin-top: 0; } .m-prob1 .prob-info-link a { width: 100%; } .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 4.9%; } .m-prob1 .prob-pic-item .item-pic:before { display: none !important; } .m-prob1 .prob-info-title { margin-top: 25px; } .m-prob1 .prob-share { margin-top: 20px; } } .m-prob2 { margin-top: 50px; } .m-prob2 .box-title { padding-bottom: 7px; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #0093de; border-bottom: 1px solid #ccc; } .m-prob2 .box-desc { margin-top: 25px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; } .m-prob2 .box-desc p { line-height: 32px; font-size: 18px; font-size: 1.8rem; color: #666666; } .m-prob2 .box-desc span { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; } @media screen and (max-width: 767px) { .m-prob2 { margin-top: 30px; } .m-prob2 .box-title { font-size: 20px; font-size: 2rem; } } .m-mpro { margin-top: 30px; } .m-mpro .box-hd { position: relative; padding-bottom: 7px; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #0093de; border-bottom: 1px solid #ccc; } .m-mpro .box-title { color: #0093de; } .m-mpro .box-btn { position: absolute; top: 6px; width: 11px; height: 18px; background-repeat: no-repeat; background-position: center; } .m-mpro .box-btn.prev { right: 26px; background-image: url("../images/jtl1.png"); } .m-mpro .box-btn.prev:hover { background-image: url("../images/jtl2.png"); } .m-mpro .box-btn.next { right: 0; background-image: url("../images/jtr1.png"); } .m-mpro .box-btn.next:hover { background-image: url("../images/jtr2.png"); } .m-mpro .box-bd { margin-top: 23px; padding-bottom: 44px; overflow: hidden; } .m-mpro .box-list { width: 1000%; overflow: hidden; } .m-mpro .list-item { float: left; margin-right: 0.125%; margin-bottom: 49px; width: 3.25%; padding: 3px; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-mpro .list-item:hover .item-pic { -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); } .m-mpro .item-pic { border: 1px solid #ccc; } .m-mpro .item-font { padding: 15px 10px 0 10px; } .m-mpro .item-title { text-transform: uppercase; height: 20px; line-height: 20px; font-size: 18px; font-size: 1.8rem; color: #333; text-overflow: ellipsis; white-space: nowrap; text-align: center;} .m-mpro .item-title a { color: #333; } .m-mpro .item-title a:hover { color: #0093de; } .m-mpro .item-desc { margin-top: 11px; } .m-mpro .item-desc a { display: block; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; } .m-mpro .item-desc a:hover { color: #0093de; } @media screen and (max-width: 640px) { .m-mpro .list-item { margin-bottom: 0px; margin-left: .1%; margin-right: .1% !important; width: 4.8%; } .m-mpro .item-title { font-size: 14px; font-size: 1.4rem; } .m-mpro .item-desc a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 480px) { .m-mpro .list-item { margin-left: 0%; margin-right: 0% !important; width: 10%; } } /* new1 */ .new1 { padding-bottom: 0px; } .new1 .fwp { padding-bottom: 28px; position: relative; } .new1 .swp { position: absolute; top: 0; left: 0; } .new1 .swp a { display: block; width: 100%; margin: 0 auto; } .new1 .swp a img { display: block; max-width: 314px; max-height: 205px; border: 1px solid #b7b7b7; width: 100%; margin: 0 auto; } .new1 .zi { padding-left: 354px; min-height: 207px; padding-right: 0px; } .new1 .zi .time { padding-bottom: 20px; padding-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; } .new1 .zi .title { color: #333; display: block; padding-top: 22px; margin-bottom: 29px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-family: "RobotoBold"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new1 .zi .p { display: block; max-height: 56px; overflow: hidden; margin-bottom: 39px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; } .new1 .zi .more { display: block; font-size: 14px; font-size: 1.4rem; height: 34px; line-height: 34px; color: #0093de; } .new1 .zi .title:hover { color: #0093de; } .new1 .zi .p:hover { color: #0093de; } @media screen and (max-width: 700px) { .new1 .fwp { padding-bottom: 20px; } .new1 .swp { position: relative; top: 0; left: 0; padding: 0px; } .new1 .zi { padding-left: 0px; min-height: auto; padding-right: 0px; } .new1 .zi .time { padding-bottom: 0px; padding-top: 0px; margin-bottom: 10px; } .new1 .zi .title { margin-bottom: 0px; } .new1 .zi .p { margin-bottom: 10px; } } /*==========news==================*/ .news { position: relative; } .news .title1 { text-align: center; } .news .title1 h1 { font-size: 24px; font-size: 2.4rem; font-family: "RobotoBold"; color: #333; font-weight: normal; } .news .time { text-align: center; margin-top: 24px; margin-bottom: 18px; } .news .time span.sapn1 { font-size: 14px; font-size: 1.4rem; color: #666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; } .news .time .share1 { display: inline-block; position: relative; top: 9px; margin-left: 10px; width: 234px; } .news .time .share1 .span { padding-right: 5px; font-size: 14px; font-size: 1.4rem; color: #0093de; height: 26px; line-height: 26px; } .news .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; } .news .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } .news .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; } .news .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .news .news2x { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 24px; margin-top: 20px; } .news .news2x a { color: #0093de; line-height: 24px; } .news .news2x img { display: block; max-width: 100%; margin: 0 auto; } .news .news2x iframe { display: block; max-width: 100%; margin: 0 auto; } .news .news2x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .news .news2x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } .news .updown { margin-top: 20px; padding-top: 31px; border-top: 1px solid #cccccc; margin-bottom: 91px; } .news .updown .up { margin-top: 0px; margin-bottom: 0px; } .news .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333333; } .news .updown p .img { display: inline-block; } .news .updown p .img img { display: inline-block; position: relative; top: 6px; margin-right: 5px; } .news .updown p .on { color: #0093de; } .news .updown p span { font-size: 16px; font-size: 1.6rem; color: #333333; } .news .updown p a { font-size: 16px; font-size: 1.6rem; color: #333333; } .news .updown p a:hover { color: #0093de; } @media screen and (max-width: 768px) { .news .time { margin-top: 10px; } .news .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } } /*==========m-ctusinfo ==================*/ .m-ctusinfo { width: 38.5%; } .m-ctusinfo .box-title { line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #333333; } .m-ctusinfo .list-item { padding-left: 32px; line-height: 35px; font-size: 14px; font-size: 1.4rem; color: #333333; background-repeat: no-repeat; background-position: left 12px; } .m-ctusinfo .list-item a { color: #333; } .m-ctusinfo .list-item a:hover { color: #0093de; } .m-ctusinfo .list-item-1 { background: url("../images/cicon1.png") no-repeat left center; } .m-ctusinfo .list-item-2 { background: url("../images/cicon2.png") no-repeat left center; } .m-ctusinfo .list-item-3 { background: url("../images/cicon3.png") no-repeat left center; } .m-ctusinfo .list-item-4 { background: url("../images/cicon4.png") no-repeat left center; } .m-ctusinfo .list-item-5 { background: url("../images/cicon5.png") no-repeat left center; } .m-ctusinfo .list-item-6 { background: url("../images/cicon6.png") no-repeat left 7px; } @media screen and (max-width: 959px) { .m-ctusinfo { float: none; width: 100%; } .m-ctusinfo .list-item { padding-top: 10px; padding-bottom: 10px; line-height: 24px; } } .m-ctusform { float: right; width: 55.83333%; overflow: hidden; } .m-ctusform .form-item { float: left; position: relative; margin-bottom: 22px; padding-left: 22px; line-height: 0; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .m-ctusform .form-item.important { background: url("../images/xing.png") no-repeat 8px 22px; } .m-ctusform .form-item-1 { width: 50%; } .m-ctusform .form-item-2 { width: 100%; } .m-ctusform .form-item-2.important { background: url("../images/xing.png") no-repeat 8px 18px; } .m-ctusform .form-item-3 { margin-right: 3.28358%; width: 29.85075%; } .m-ctusform .form-item-4 { width: 26.26866%; height: 54px; padding-left: 0; line-height: 52px; text-align: center; background-color: transparent; -moz-border-radius: 0; border-radius: 0; background-color: #fff; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; } .m-ctusform .form-item-4 img { max-height: 52px; vertical-align: middle; } .m-ctusform .form-item-5 { float: right; border: none; width: 37.31343%; padding-left: 0; } .m-ctusform .item-btn1 { width: 100%; height: 54px; padding-left: 0; line-height: 54px; color: #ffffff; font-size: 14px; font-size: 1.4rem; text-align: center; text-transform: uppercase; background-color: #0093de; } .m-ctusform .item-text { width: 100%; height: 54px; line-height: 52px; padding-left: 14px; padding-right: 14px; font-size: 14px; font-size: 1.4rem; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; } .m-ctusform .item-text2 { height: 193px; line-height: 40px; } @media screen and (max-width: 959px) { .m-ctusform { float: none; margin-top: 30px; width: 100%; } } @media screen and (max-width: 767px) { .m-ctusform .form-item { margin-bottom: 15px; width: 100%; } .m-ctusform .form-item.important { background-position: 5px 13px; } .m-ctusform .item-text { height: 35px; line-height: 35px; font-size: 14px; font-size: 1.4rem; } .m-ctusform .item-text2 { height: 140px; } } .m-ctusmap { margin-top: 32px; margin-bottom: 102px; } @media screen and (max-width: 767px) { .m-ctusmap { margin-top: 30px; margin-bottom: 30px; } } /*==========about==================*/ .m-abt .box-img { float: left; margin-left: -10px; margin-right: 2.08333%; width: 50.08333%; } .m-abt .box-title { padding-left: 29px; overflow: hidden; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-family: "RobotoBold"; color: #0093de; background: url("../images/bd1.png") no-repeat left 5px; } .m-abt .box-name { text-transform: uppercase; margin-top: 8px; line-height: 1.2; font-size: 41px; font-size: 4.1rem; font-family: "RobotoBold"; color: #0093de; } .m-abt .box-desc { margin-top: 18px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; } @media screen and (max-width: 1219px) { .m-abt .box-name { font-size: 24px; font-size: 2.4rem; } } @media screen and (max-width: 959px) { .m-abt .box-img { max-width: 601px; margin: 0 auto; float: none; width: 100%; } } @media screen and (max-width: 767px) { .m-abt .box-title { font-size: 24px; font-size: 2.4rem; } .m-abt .box-name { font-size: 20px; font-size: 2rem; } .m-abt .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } } .m-show { margin-top: 20px; margin-bottom: -20px; overflow: hidden; } .m-show .list-item { position: relative; float: left; margin-right: 0.5%; margin-bottom: 20px; width: 24.58333%; overflow: hidden; } .m-show .list-item:hover .item-modal { top: 0; } .m-show .item-modal { position: absolute; left: 0; top: 100%; display: block; width: 100%; height: 100%; background: url("../images/fd1.png") no-repeat center; background-color: rgba(58, 168, 253, 0.7); } .m-show .item-title { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 52px; line-height: 52px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); background-color: #000 \9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 959px) { .m-show .item-modal { top: 0; background-color: transparent; background: none; } .m-show .item-title { height: 30px; line-height: 30px; } } @media screen and (max-width: 640px) { .m-show .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } .m-sd1 { float: left; width: 260px; margin-left: -100%; } @media screen and (max-width: 959px) { .m-sd { float: none; margin-left: 0; margin-right: 0; margin-top: 30px; width: 100%; } } .m-mn1 { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 320px; } @media screen and (max-width: 959px) { .m-mn { float: none; padding: 0; } } .m-sdtt { margin-bottom: 20px; } .m-sdtt a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 45px; background-color: #0093de; color: #fff; font-size: 24px; font-size: 2.4rem; font-weight: bold; } .m-sdtt a:hover { background-color: #0093de; } .m-sdnav { overflow: hidden; } .m-sdnav .sdnav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #0093de; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-sdnav .sdnav-btn > p { position: absolute; bottom: 12px; right: 15px; } .m-sdnav .sdnav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: white; } .m-sdnav .nav-item { margin-top: 8px; background-color: #fff; border: 1px solid #d2d2d2; } .m-sdnav .nav-item > a { display: block; padding-left: 45px; padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #eee; } .m-sdnav .nav-item > a:hover { color: #fff; background-color: #0093de; } .m-sdnav .nav-item > a.active { color: #fff; background-color: #0093de; } .m-sdnav .sbnav-list { padding: 9px 0; } .m-sdnav .sbnav-item { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0px; color: #333; padding-left: 47px; line-height: 30px; } .m-sdnav .sbnav-item:hover { color: #0093de; } .m-sdnews .box-list { border: 1px solid #ccc; } .m-sdnews .list-item { background-color: #eeeeee; padding-bottom: 10px; border-bottom: 1px solid #ccc; padding-left: 8px; padding-right: 8px; padding-top: 22px; } .m-sdnews .item-title a { display: block; font-size: 16px; font-size: 1.6rem; color: #0093de; display: block; max-height: 48px; line-height: 24px; overflow: hidden; } .m-sdnews .item-desc { margin-top: 9px; } .m-sdnews .item-desc a { font-size: 14px; font-size: 1.4rem; color: #333; max-height: 72px; line-height: 24px; display: block; overflow: hidden; } .m-sdnews .item-desc a:hover { color: #0093de; } @media screen and (max-width: 767px) { .m-sdnav { margin-bottom: 25px; } .m-sdnav .nav-name { display: none; } .m-sdnav .sdnav-btn { display: block; } .m-sdnav .nav-list { display: none; } } /*==========about2==================*/ .about { padding-bottom: 63px; } .about2 { background: #f6f6f6; padding-top: 68px; padding-bottom: 61px; margin-bottom: 50px; } .about2 .about2_p { max-width: 790px; margin: 0 auto; margin-top: 24px; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; } .about2 .img img { display: block; width: 100%; max-width: 908px; max-height: 50px; margin: 0 auto; } .about2 .img-scroll { position: relative; width: 100%; margin-top: 70px; } .about2 .img-scroll .hot { position: relative; max-width: 65px; width: 100%; height: 28px; margin: 0 auto; } .about2 .img-scroll .prev { position: absolute; display: block; width: 28px; height: 28px; z-index: 99; } .about2 .img-scroll .next { position: absolute; display: block; width: 28px; height: 28px; z-index: 99; } .about2 .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; } .about2 .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; } .about2 .img-scroll .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; } .about2 .img-scroll .next:hover { background: url(../images/arrowrighton.png) no-repeat center; } .about2 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; } .about2 .img-list ul { width: 1000%; } .about2 .ab2_ul { padding-bottom: 72px; } .about2 .ab2_ul li { float: left; margin-right: 25px; } .about2 .ab2_ul li .dan_wrap { position: relative; max-width: 214px; width: 100%; margin: 0 auto; overflow: hidden; } .about2 .ab2_ul li .fu { position: absolute; top: 100%; width: 100%; height: 100%; left: 0; } .about2 .ab2_ul li img { display: block; max-width: 214px; max-height: 305px; width: 100%; } .about2 .ab2_ul li:hover .fu { top: 0px; } @media screen and (max-width: 1219px) { .about2 .img-list li { width: 3%; margin-right: .5%; } } @media screen and (max-width: 999px) { .about2 { margin-bottom: 30px; padding-bottom: 30px; } .about2 .ab2_ul { padding-bottom: 30px; } .about2 .img-list li { width: 3%; margin-right: .5%; } .about2 .ab2_ul li .fu { top: 0px; opacity: 0; } } @media screen and (max-width: 768px) { .about2 { padding-top: 30px; } .about2 .about2_p { font-size: 14px; font-size: 1.4rem; } .about2 .img-scroll { margin-top: 20px; } .about2 .img-list li { width: 4.5%; margin-right: 1%; } } @media screen and (max-width: 400px) { .about2 .img-list { width: 191px; margin: 0 auto; } .about2 .img-list li { width: 191px; margin-right: .487%; } } /*==========ab2_ul==================*/ .about3_ttile { font-family: "RobotoBold"; line-height: 40px; font-size: 36px; font-size: 3.6rem; text-transform: uppercase; color: #0093de; text-align: center; } @media screen and (max-width: 767px) { .about { padding-bottom: 30px; } .about3_ttile { font-size: 24px; font-size: 2.4rem; } } /*==========about3==================*/ .abmain6 .top { margin-top: 41px; } .abmain6 .top .m6box { width: 595px; position: relative; } .abmain6 .top .m6box .m6tu a { display: block; } .abmain6 .top .m6box .m6tu a img { display: block; max-width: 595px; width: 100%; margin: 0 auto; } .abmain6 .top .m6box { overflow: hidden; } .abmain6 .top .m6box .m6tuzz { position: absolute; top: 100%; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; } .abmain6 .top .m6box:hover .m6tuzz { top: 0; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 { text-align: center; margin-top: 23.7%; margin-bottom: -2px; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 a { text-transform: uppercase; font-size: 20px; font-size: 2rem; line-height: 50px; color: #fff; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang2 { margin: 0 auto; width: 71px; height: 1px; background-color: #fff; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { margin: 3px auto 23px; text-align: center; width: 95%; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang4 a { font-size: 14px; font-size: 1.4rem; display: block; width: 118px; height: 28px; border: 1px solid #fff; color: #fff; line-height: 28px; text-align: center; margin: 0 auto; } .abmain6 .bottom { margin-top: 8px; margin-bottom: 97px; } .abmain6 .bottom .m6box { width: 394px; position: relative; } .abmain6 .bottom .m6box .m6tu a { display: block; } .abmain6 .bottom .m6box .m6tu a img { display: block; max-width: 100%; } .abmain6 .bottom .m6box { overflow: hidden; } .abmain6 .bottom .m6box .m6tuzz { position: absolute; top: 100%; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; } .abmain6 .bottom .m6box:hover .m6tuzz { top: 0; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { text-align: center; margin-top: 16.7%; margin-bottom: -2px; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 a { text-transform: uppercase; font-size: 20px; font-size: 2rem; line-height: 50px; color: #fff; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang2 { margin: 0 auto; width: 71px; height: 1px; background-color: #fff; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { margin: 3px auto 23px; text-align: center; width: 95%; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang4 a { font-size: 14px; font-size: 1.4rem; display: block; width: 118px; height: 28px; border: 1px solid #fff; color: #fff; line-height: 28px; text-align: center; margin: 0 auto; } .abmain6 .bottom .m6box.m6boxz { margin-left: 10px; } @media screen and (max-width: 1219px) { .abmain6 .top .m6box { width: 48%; } .abmain6 .bottom .m6box { width: 30%; } .abmain6 .bottom .m6box.m6boxz { margin-left: 5%; } } @media screen and (max-width: 999px) { .abmain6 { height: auto; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { max-height: 50px; overflow: hidden; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { max-height: 60px; overflow: hidden; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 979px) and (min-width: 640px) { .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { width: 100%; max-height: 35px; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 15%; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 a { font-size: 14px; font-size: 1.4rem; line-height: 16px; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 a { font-size: 12px; font-size: 1.2rem; line-height: 16px; margin-top: 0; margin-bottom: 5px; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { width: 100%; max-height: 35px; margin-top: 0; margin-bottom: 5px; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 8%; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 a { font-size: 14px; font-size: 1.4rem; line-height: 16px; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 a { font-size: 12px; font-size: 1.2rem; line-height: 16px; } } @media screen and (max-width: 720px) { .abmain6 .bottom { margin-bottom: 40px; } .abmain6 .top { margin-top: 10px; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 5%; } .abmain6 { background-attachment: fixed; } } @media screen and (max-width: 700px) { .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 5%; } } @media screen and (max-width: 640px) { .abmain6 .top .m6box { width: 100%; margin-bottom: 25px; } .abmain6 .top .m6box .m6tuzz { position: relative; top: 0px; height: 110px; } .abmain6 .bottom .m6box .m6tuzz { position: relative; top: 0px; height: 110px; } .abmain6 .top .m6box .m6tuzz { position: relative; top: 0px; } .abmain6 .bottom .m6box { width: 100%; max-width: 373px; float: none; margin: 10px auto !important; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { margin-top: 0% !important; padding-top: 5%; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 a { line-height: 16px; } .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 { margin-top: 0% !important; padding-top: 5%; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-top: 0% !important; padding-top: 5%; } .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 a { line-height: 16px; } } /* .j-xx start */ .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; } .j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } .j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } /*# sourceMappingURL=style.css.map */ .ppp{line-height: 30px;} .listcart{ width:100%; margin-top:40px;} .listcart a{ display:inline-block;height: 30px; width:150px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #0093de;cursor: pointer; border:1px solid #0093de; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;} .listcart a:hover{ border:#0093de solid 1px; background:#0093de; color:#fff} @media screen and (max-width:999px){ .listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px } .listcart{ width:100%; margin-top:2rem } } @media screen and (max-width:420px){ .listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem} } .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;} .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;} .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;} .m-page a.no:hover{ color: #333!important; background: #fff!important; border: 1px solid #e5e5e5!important; } .prob-info-link a.no:hover{ border: 1px solid #0093de; background: #fff; color:#0093de; } .up a.no:hover{ color: #333333!important; } .box-desc strong{color: #0093de;} @media screen and (max-width: 999px){ .carousel ol { position: absolute; z-index: 2; width: 115px!important; height: 5px; bottom: 13px; left: 52%; -webkit-transform: translate3d(-50%, 0, 0); }} .wp2 { width: 1670px; margin: auto; } @media screen and (min-width: 1690px) { .wp2 { width: 1670px; margin: auto; } } @media screen and (min-width: 1220px) and (max-width: 1669px) { .wp2 { width: 1200px; margin: auto; } } @media screen and (min-width: 1000px) and (max-width: 1219px) { .wp2 { width: 980px; margin: auto; } } @media screen and (max-width: 999px) { .wp2 { width: 95%; margin: auto; } } .main2{margin-top: 59px;margin-bottom: 59px;} .main-title{font-size: 30px;font-size: 3.0rem;text-align:center;color: #333;} .main-desc{font-size: 14px;font-size: 1.4rem;padding: 30px 0;text-align: center;margin:0 auto;width:750px;color: #666;} .main2-con .blue, .main2-con .fff{padding: 44px 0;} .main2-con .blue img, .main2-con .fff img{display: block;margin: auto;} .main2-con ul li{box-sizing:border-box;border:1px solid #f1f1f1;width: calc(23.5% - 2px );transition:all .5s ease;margin-left: 2%;float: left;} .main2-con ul li:hover{background-color: #0093de;} .why-name{font-size: 20px;font-size: 2.0rem;text-align: center;padding-bottom: 10px;color: #333;} .why-desc{font-size: 14px;font-size: 1.4rem;min-height: 80px;padding: 0 25px;color: #666;padding-bottom: 20px;} .main2-con ul li:hover .why-name{color: #fff;} .main2-con ul li:hover .why-desc{color: #fff;} .main3{background-color: #0093de;padding-bottom: 59px;padding-top: 59px;background: url(https://www.jhxingbu.com/themes/simplebootx/picbanners/beijing.jpg) no-repeat center center;} .main3 .main-title{color: #fff;} .main3 .main-desc{width: 100%;color: #fff;font-size: 18px;font-size: 1.8rem;} .cs-con{margin-top: 40px;} .cs-con ul {display: flex; justify-content: space-evenly;} .cs-con ul li{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;} .cs-num, .cs-name{color: #fff;} .cs-num{font-size: 24px;font-size: 2.4rem;} .cs-name{font-size: 12px;font-size: 1.2rem;} .cs-line{ margin-top: 10px; position: relative; width: 80%; height: 2px; background: #FFF;} .cs-linen{ position: absolute; width: 50%; height: 100%; background: #ffc300;} @media screen and (max-width: 999px){ .main-desc{width: 100%;} .main2-con ul li{width: calc(50% - 2px );margin-left: 0} } @media screen and (max-width: 767px){ .cs-con ul, .cs-con ul li{display: block;} .cs-con ul li{width: 50%;float: left;margin-bottom: 20px;} .cs-num, .cs-name{text-align: center;} .cs-tu img{display: block;max-width: 100%;margin: auto;} .cs-line{width: 140px;left: 50%;margin-left: -70px;} } @media screen and (max-width:620px){ .main2-con ul li{width: 100%;margin: 0;margin-bottom: 20px;} } /* Our Partners*/ .main4{/*max-width: 1280px;*/margin: auto; margin-top: 59px;margin-bottom: 59px;} .main4 .main-title{margin-bottom: 40px;} .par-box{background-color: #EAE9E9;padding-bottom: 37px;} .par-title{font-size: 26px;font-size: 2.6rem;font-weight: bold;text-transform: uppercase;padding-top: 30px;margin-bottom: 28px;} .par-title a{color:#0156B3} .par-scrollbox.scroll-box{position: relative;padding: 0 68px;} .par-scrollbox.scroll-box .scroll-btns{text-align: center;display: block;} .par-scrollbox.scroll-box .scroll-btn{width: 15px;height: 32px;display: inline-block;cursor: pointer;top: 50%;margin-top: -16px;position: absolute;} .par-scrollbox.scroll-box .scroll-btn.prev{background: url(../images/prev1.png) no-repeat center;background-size: contain;left: 0;} .par-scrollbox.scroll-box .scroll-btn.prev:hover{background-image: url(../images/prev1_1.png);} .par-scrollbox.scroll-box .scroll-btn.next{background: url(../images/next1.png) no-repeat center;background-size: contain;right: 0;} .par-scrollbox.scroll-box .scroll-btn.next:hover{background-image: url(../images/next1_1.png);} .par-scrollbox .scroll-list-box{width: 100%;overflow: hidden;box-sizing: border-box;} .par-scrollbox.scroll-box .scroll-list{width: 1000%;} .par-scrollbox.scroll-box .scroll-list li{float: left; /*width:165px; margin-right:30px;*/width: 1.4666%;margin-right: 0.2333%;} .par-scrollbox .item-pic{width: 100%;border: solid 1px #ddd;} .par-scrollbox .item-pic img{display: block;width: 100%;max-width: 165px;max-height: 72px;margin: 0 auto;} @media screen and (max-width:1219px) { .par-scrollbox.scroll-box .scroll-list li{margin-right: 15px;width: 162px;} } @media screen and (max-width:999px) { .par-scrollbox.scroll-box{padding: 0 40px;} .par-scrollbox.scroll-box .scroll-list li{margin-right: 0.1%;width: 1.92%;} } @media screen and (max-width:767px) { .par-box{padding-bottom: 30px;} .par-title{font-size: 22px;font-size: 2.2rem;padding-top: 20px;margin-bottom: 20px;} .par-scrollbox.scroll-box .scroll-btn{width: 12px;} .par-scrollbox.scroll-box .scroll-list li{margin-right: 0.1%;width:2.4%;} } @media screen and (max-width:640px) { .par-scrollbox.scroll-box .scroll-list li{margin-right: 0.2%;width:3.14%;} } @media screen and (max-width:450px) { .par-scrollbox.scroll-box .scroll-list li{margin-right: 0.2%;width:4.87%;} } .hot5{margin-bottom: 59px;} .hot5 .main-title{margin-bottom: 40px;} .hot5 ul li{width: calc(18.5% - 2px );margin-left: 2%;float: left;} .hot5 .hot-tu{display: block;border:1px solid #ddd;} .hot5 .hot-tu img{display: block;max-width: 100%;margin: auto;} .hot-name{display: block;font-size: 16px;font-size: 1.6rem;color: #333;text-align: center;margin-top: 16px;padding: 0 10px;} .hot5 .hot-tu:hover{border:1px solid #fff;} .hot5 ul li:hover .hot-name{color: #0093de;} @media screen and (max-width:999px){ .hot5 ul li{width: calc(50% - 2px );margin-left:0;margin-bottom: 20px;} .main3{background-size: cover;padding-bottom: 20px;padding-top: 20px;} } @media screen and (max-width:490px){ .hot-name{min-height: 40px;font-size: 14px;font-size: 1.4rem;} } .pro_cate{width: 700px;position: absolute;top: -9999px;left: 0;background: #fff;z-index: 999999;padding: 10px 10px;} .yiji-cate{width: 58.333333%;float: left;} .yiji-left{width: 50%;float: left;} .yiji-right{width: 50%;float: right;} .erji-name li a{font-size: 14px;font-size: 1.4rem;color: #777;line-height: 24px;} .yiji-name{font-size: 16px;font-size: 1.6rem;color: #434d53;font-weight: bolder;line-height: 30px;} .hot-pic{float: right;max-width: 41.666667%;} .hot-pic img{width: 100%;display: block;} .header_ul1 > li:hover .pro_cate{top: 100%;} .erji-name li a:hover{color: #0093de;} .xjmain1{ padding-top: 64px; padding-bottom: 80px;} .m1biao{ display:block; text-align:center; font-size: 40px; font-display: 4rem; line-height: 50px; padding-bottom: 22px; font-weight: bold; position: relative; font-family: 'RobotoBold', Arial, "sans-serif"; text-transform: uppercase;} .m1biao:before{content: ""; position:absolute; width: 48px; height: 3px; background: #0093df; bottom: 0px; left: 50%; transform: translateX(-50%)} .m1n{ font-size: 0px; padding-top: 22px;} .m1lie{ width: 23.33%; display: inline-block; vertical-align: top; margin-left: 2.2266%; background: #f0f0f0; margin-top: 20px;} .m1lie:nth-child(4n-3){margin-left: auto;} .m1tu{display: block; border: solid 1px #f0f0f0;} .m1tu img{width: 100%;} .m1zi{ display: block; text-align: center; line-height: 35px; padding: 5px; font-size: 18px; font-size: 1.8rem;} @media screen and (max-width:1219px) { .m1biao{ font-size: 30px; font-display: 3rem; line-height: 40px; padding-bottom: 16px;} .m1zi{ line-height: 30px; font-size: 16px; font-size: 1.6rem;} } @media screen and (max-width:999px) { .xjmain1{ padding-top: 44px; padding-bottom: 40px;} .m1biao{ font-size: 26px; font-display: 2.6rem; line-height: 30px; padding-bottom: 12px;} .m1zi{ line-height: 26px; font-size: 14px; font-size: 1.4rem;} } @media screen and (max-width:767px) { .xjmain1{ padding-top: 34px; padding-bottom: 30px;} .m1biao{ font-size: 22px; font-display: 2.2rem; line-height: 28px; padding-bottom: 10px;} .m1zi{ line-height: 24px; font-size: 12px; font-size: 1.2rem;} .m1n{ padding-top: 10px;} .m1lie{ width: 49%; margin-left: 2%; margin-top: 10px;} .m1lie:nth-child(2n-1){margin-left: auto;} } .xjmain2{ background: url("../images/m2bei.jpg"); padding-top: 62px; padding-bottom: 66px;} .m2biao{color: #fff;} .m2biao:before{background: #fff;} .xj2n{font-size: 0px; margin-top: 43px;} .xj2l{ width: 49%; display: inline-block; vertical-align: top;} .xj2r{ width: 49%; display: inline-block; vertical-align: top; margin-left: 2%;} .shipin1{position: relative; padding-bottom:109%;height: 0;overflow: hidden; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.15); border: solid 4px #ffffff;} .shipin1 iframe,.shipin1 video { position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;} .shipin1 iframe body{ margin:0px !important;} .shipin2{position: relative; padding-bottom:52.3%;height: 0;overflow: hidden; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.15); border: solid 4px #ffffff; margin-bottom: 3%;} .shipin2 iframe,.shipin1 video { position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;} .shipin2 iframe body{ margin:0px !important;} @media screen and (max-width:999px) { .xj2n{ margin-top: 30px;} .xjmain2{ padding-top: 32px; padding-bottom:30px;} } @media screen and (max-width:499px) { .xj2l{ width: 100%; display: inline-block; vertical-align: top;} .xj2r{ width: 100%; display: inline-block; vertical-align: top; margin-left: 0%;} .shipin2{ margin-bottom: 0; margin-top: 2%;} } /* main3 */ #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%; background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;} #baguetteBox-overlay.visible{opacity:1} #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;} #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%} #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);} #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;} #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease} #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out} #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out} .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px} .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%; border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;} .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)} .baguetteBox-button#next-button{right:2%} .baguetteBox-button#previous-button{left:2%} .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px} .baguetteBox-button svg{position:absolute;left:0;top:0} .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px} .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out} .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s} @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}} @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}} @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} .xjmain3{ background: url("../images/m3bei.jpg"); padding-top: 62px; padding-bottom: 75px; font-size: 0px;} .m3pz a{ display: block; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 26px; text-align: center; margin-top: 16px;} .m3n{ padding-top:28px;} .m3n .box-btn { position: absolute; top: 50%; margin-top: -20px; width: 30px; height: 40px; color:#000; background: #e8e8e8; text-align: center; border-radius: 4px; line-height:40px; font-size:20px;} .m3n .box-btn.prev { left: 0; background: url(../images/prev1.png) no-repeat center;} .m3n .box-btn.next { right: 0; background: url(../images/next1.png) no-repeat center;} .m3n .c-oh { overflow: hidden; } .m3n .box-lunbo { position: relative; margin-top: 20px; padding-left: 40px; padding-right: 40px; } .m3n .box-lunbo1 { display: none \9; } .m3n .box-lunbo1 .box-list { position: relative; height: 371px; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px;} .m3n .box-lunbo1 .list-item { position: absolute; top: 0; width: 258px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);} .m3n .box-lunbo1 .list-item1 { z-index: 1; left: 0; -webkit-transform: rotateY(45deg) scale(0.9); -moz-transform: rotateY(45deg) scale(0.9); transform: rotateY(45deg) scale(0.9); } .m3n .box-lunbo1 .list-item2 { z-index: 2; left: 203px; -webkit-transform: rotateY(30deg) scale(0.9); -moz-transform: rotateY(30deg) scale(0.9); transform: rotateY(25deg) scale(0.9); } .m3n .box-lunbo1 .list-item3 { z-index: 3; left: 428px; margin: 0 auto; } .m3n .box-lunbo1 .list-item4 { z-index: 2; left: 650px; -webkit-transform: rotateY(-30deg) scale(0.9); -moz-transform: rotateY(-30deg) scale(0.9); transform: rotateY(-25deg) scale(0.9); } .m3n .box-lunbo1 .list-item5 { z-index: 1; left: 865px; -webkit-transform: rotateY(-45deg) scale(0.9); -moz-transform: rotateY(-45deg) scale(0.9); transform: rotateY(-45deg) scale(0.9); } .m3n .box-lunbo1 .list-item6 { left: 100%; -webkit-transform: rotateY(-45deg) scale(0.9); -moz-transform: rotateY(-45deg) scale(0.9); transform: rotateY(-45deg) scale(0.9); } .m3n .box-lunbo1 .list-item0 { left: -270px; } .m3n .box-lunbo2 { display: none; display: block \9; } .m3n .box-lunbo2 .box-list { width: 1000%; overflow: hidden; } .m3n .box-lunbo2 .list-item { float: left; margin-right: .14%; width: 1.9%; } .list-item a{ display:block; position:relative;} .list-item a img{ width:100%; max-width:271px;} .list-item a i{ display:block; position:absolute; background:#4880de; background:rgba(72,128,222,0.8); width:31px; height:31px; border-radius:50%; text-align:center; line-height:31px; color:#fff; font-size:14px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.5s; opacity:0;} .list-item a:hover i{ opacity:1} @media screen and (max-width: 1219px) { .m3n{ padding-top:2px;} .m3n .box-btn { margin-top: -23px; width: 30px; height: 30px; line-height:30px; font-size:14px;} .m3n .box-lunbo1 { display: none; } .m3n .box-lunbo2 { display: block; } .m3n .box-lunbo2 .list-item { width: 2.4%; } .m3n .box-lunbo { margin-top: 70px; padding: 0 50px; } .m3pz a{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 15px;} } @media screen and (max-width: 999px) { .xjmain3{ padding-top: 30px; padding-bottom: 30px; font-size: 0px;} .m3n{ background:none; padding-bottom:0px; padding-top:2px;} .m3n .box-lunbo { margin-top: 20px;} } @media screen and (max-width: 767px) { .m3n .box-lunbo { margin-top: 30px; padding: 0px; } .m3n .box-btn { z-index: 99} .m3pz a{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 15px;} } @media screen and (max-width: 640px) { .m3n .box-lunbo2 .list-item { margin-right: .2%; width: 3.2%; } } @media screen and (max-width: 480px) { .m3n .box-lunbo2 .list-item { margin-right: .2%; width: 4.9%; } } /* main4 */ .xjmain4{ background: url("../images/m4bei.jpg"); font-size: 0px; padding-top: 62px; padding-bottom: 56px;} .xjmain4 .zong{ font-size: 0px;} .m4lie{ width: 7.5%; display: inline-block; vertical-align: top; margin-left: 1.75%;} .m4lie:nth-child(11n-10){ margin-left: auto;} .m4tu{display: block; width: 100%; padding-bottom: 100%; border-radius: 50%; position: relative; border: solid 2px #ffffff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); transition: 0.5s;} .m4tu img{width: 100%; position: absolute; left: 0px; top: 0px; border-radius: 50%;} .m4zi{display: block; text-align: center; color: #ffffff; font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-top: 15px;} .m4lie:hover .m4tu{ transform: translateY(-10px)} /* main5 */ .xjmain5{ background: url("../images/m5bei.jpg"); padding: 80px 0;} @media screen and (max-width:1219px) { .m4zi{ font-size: 14px; font-size: 1.4rem;} .xjmain5{ padding: 40px 0;} } @media screen and (max-width:999px) { .xjmain4{ padding-top: 32px; padding-bottom: 36px;} .m4lie{ width: 15%; display: inline-block; vertical-align: top; margin-left: 2%; margin-top: 20px;} .m4lie:nth-child(6n-5){ margin-left: auto;} } @media screen and (max-width:767px) { .m4zi{ font-size: 12px; font-size: 1.2rem; line-height: 22px;} .xjmain5{ padding: 30px 0;} } @media screen and (max-width:549px) { .m4lie{ width: 23%; margin-left: 2.66% !important; margin-top: 20px;} .m4lie:nth-child(4n-3){ margin-left: auto !important;} } .xjmain6{ background: url("../images/m6bei.jpg"); text-align: center; padding-top: 65px; padding-bottom: 83px;} .m6pz{ font-size: 22px; font-size: 2.2rem; line-height: 44px;} .m6pz strong{ color: #0093df; font-size: 32px; font-size: 3.2rem;} .m6n{ font-size: 0px; padding-top: 27px;} .m6lie{ width: 23%; display: inline-block; vertical-align: top; margin-left: 2.66%; border-radius: 6px; background: #3a93cc; padding: 0 10px; padding-top: 40px; margin-top: 20px; padding-bottom: 33px; -moz-box-sizing: border-box; box-sizing: border-box;} .m6lie:nth-child(4n-3){margin-left: auto;} .m6lie:nth-child(2n){ background: #337cab;} .m6tu{display: block; width: 68px; height: 68px; position: relative; margin: auto;} .m6tu img{ max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)} .m6a{display: block; color: #ffffff; font-size: 24px; font-size: 2.4rem; line-height: 30px; height: 60px; overflow: hidden; font-family: 'RobotoBold', Arial, "sans-serif"; margin-top: 20px;} .m6p{margin-top: 19px;} .m6p a{ display: block; color: #ffffff; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; overflow: hidden;} @media screen and (max-width:1219px) { .xjmain6{ padding-top: 35px; padding-bottom: 43px;} .m6pz{ font-size: 18px; font-size: 1.8rem; line-height: 44px;} .m6pz strong{ color: #0093df; font-size: 32px; font-size: 3.2rem;} .m6n{ padding-top: 10px;} .m6pz{ font-size: 18px; font-size: 1.8rem; line-height: 30px;} .m6pz strong{ font-size: 24px; font-size: 2.4rem;} .m6a{ border-top-style: 20px; font-size: 2rem;} } @media screen and (max-width:999px) { .m6lie{ width: 24%; margin-left: 1.333%; padding: 0 6px; padding-top: 30px; margin-top: 10px; padding-bottom: 30px;} .m6p{margin-top: 10px;} .m6p a{ font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px;} } @media screen and (max-width:767px) { .m6lie{ width: 49%; margin-left: 2%; padding-top: 20px; margin-top: 10px; padding-bottom: 20px;} .m6lie:nth-child(2n-1){margin-left: auto;} .m6tu{ width: 40px; height: 40px;} .m6a{ font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px;} .m6p a{ font-size: 12px; font-size: 1.2rem; line-height: 22px; height: 44px;} .m6pz{ font-size: 16px; font-size: 1.6rem; line-height: 30px;} .m6pz strong{ font-size: 22px; font-size: 2.2rem;} } /* main7 */ .xjmain7{ padding: 80px 0;} .m7n{ font-size: 0px; padding-top: 40px;} .m7n li{ width: 13.66%; display: inline-block; vertical-align: top; margin-left: 3.6%; position: relative; margin-top: 20px;} .m7n li:nth-child(6n-5){margin-left: auto;} .m7fu{display: none; width: 170px; position: absolute; bottom: 100%; left: 0px;} .m7fu img{width: 100%;} .m7n li a{ display: block; border:dashed 1px #3badee; height: 0px; padding-bottom: 100%; position: relative; border-radius: 50%; cursor: pointer;} .m7n li a img{position: absolute; max-width: 60%; max-height: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%)} .m7n li:hover .m7fu{display: block;} @media screen and (max-width:1219px) { .xjmain7{ padding: 40px 0;} } @media screen and (max-width:999px) { .xjmain7{ padding: 30px 0;} .m7n{ padding-top: 10px;} .m7fu{ width: 120px} } @media screen and (max-width:499px) { .m7n li{ width: 32.333%; margin-left: 1.5%; margin-top: 20px;} .m7n li:nth-child(3n-2){margin-left: auto;} } .pro1-top { padding: 19px 0 0;} .pro1-txt .pro1-desc { overflow: hidden;font-size: 16px; font-size: 1.6rem; line-height: 28px; } .pro1-txt .pro1-desc a{color: #0093de;} .pro1-txt .more_btn { display: none; color: #0093de; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-top: 10px; margin-bottom: 10px;} .pro1-txt .more_btn span { color: #0093de;cursor: pointer;font-weight: bold; }