/* CSS Document */ * { margin: 0; padding: 0; } @font-face { font-family: 'GOTHICB'; src: url("../fonts/GOTHICB.eot"); src: url("../fonts/GOTHICB.eot") format("embedded-opentype"), url("../fonts/GOTHICB.woff2") format("woff2"), url("../fonts/GOTHICB.woff") format("woff"), url("../fonts/GOTHICB.ttf") format("truetype"), url("../fonts/GOTHICB.svg#GOTHICB") format("svg"); } .gob { font-family: 'GOTHICB'; } img { transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; } input[type="submit"] { cursor: pointer; } input[type="checkbox"] { cursor: pointer; } input[type="radio"] { cursor: pointer; } img.imgyzm { cursor: pointer; } .img-responsive { display: block; max-width: 100%; } .partner ul li img{ width: 291px; height: 245px; } .disnone { display: none; } #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, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-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, 0.6); box-shadow: 0 0 8px rgba(0, 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, 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,-webkit-transform .4s ease; -o-transition: left .4s ease,-o-transform .4s ease; -moz-transition: left .4s ease,transform .4s ease,-moz-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; display: block !important; } .baguetteBox-button#previous-button { left: 2%; display: block !important; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); 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%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; -moz-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-moz-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; } } @-moz-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); } } @-moz-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); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } html { font-size: 62.5%; height: 100%; background-color: #fff; } body { margin: 0 auto; font-size: 12px; font-size: 1.2rem; max-width: 1920px; position: relative; overflow-x: hidden; background-color: #fff; font-family: Arial, Helvetica, sans-serif; } img { border: none; } ul { margin-bottom: 0; } ul li { list-style-type: none; } a, dd, dl, dt, form, img, li, p, span, table, td, tr, ul { margin: 0; padding: 0; list-style: none; color: #333; } a { text-decoration: none; color: #333; outline: none; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; } h1 { margin: 0; padding: 0; font-weight: normal; color: #333; } .clear { clear: both; } input, textarea { font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; font-family: Arial, Helvetica, sans-serif; } textarea { resize: none; } .l, .fl { float: left; } .r, .fr { float: right; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .wp { position: relative; } .box { position: relative; } .mln { margin-left: 0 !important; } .mbn { margin-bottom: 0 !important; } .mtn { margin-top: 0 !important; } @media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } .partner ul li img{ height: 194px; } } @media screen and (max-width: 1220px) { .partner ul li img{ height: 194px; } } @media screen and (max-width: 979px) { .partner ul li img{ height: 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; } } @media screen and (min-width: 1220px) { .zong { width: 1200px; margin: auto; } } @media screen and (min-width: 1000px) and (max-width: 1219px) { .zong { width: 980px; margin: auto; } } @media screen and (max-width: 999px) { .zong { width: 95%; margin: auto; } } ::-webkit-input-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } :-o-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } ::-moz-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } :-ms-input-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } .ipt::-webkit-input-placeholder { color: #fff; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } .ipt:-o-placeholder { color: #fff; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } .ipt::-moz-placeholder { color: #fff; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } .ipt:-ms-input-placeholder { color: #fff; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; } /*.container*/ .container { padding: 0; 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; } .container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .container .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; } .container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../images/sousuo1.png) no-repeat center center; } .container .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; } .container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; } .container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; } .container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; } .container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px; } .container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; } .container .nav > ul > li .c-show { display: none; width: 100%; } .container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .container .nav > ul > li .c-show1 .c-s1 > a { margin-right: 40px; position: relative; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .container .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .container .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .container .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; } .container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .container .nav > ul > dl { padding: 20px; } .container .nav > ul > dl dd { float: left; margin: 0 5px; } .container .menubtn { width: 23px; height: 18px; position: absolute; top: 15px; right: 20px; -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; } .container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #014099; } @media screen and (min-width: 769px) { .container, .nav { display: none !important; } } .gotop { cursor: pointer; opacity: 0; position: fixed; bottom: 60px; z-index: 999999; right: 20px; width: 61px; height: 61px; } .gotop img { max-width: 100%; display: block; } @media screen and (max-width: 768px) { .gotop { width: 30px; height: 30px; right: 15px; bottom: 40px; } } .kefu { width: 53px; position: fixed; right: 0; top: 25%; z-index: 9999999999999999; background: #fff;} .kefu li { margin-bottom: 1px; position: relative; } .kefu #erweima { position: absolute; right: 100%; top: 0; display: none; } @media screen and (max-width: 768px) { .kefu { width: 100%; left: 0; bottom: 0; top: auto; right: auto; background-color: #fff; } body { padding-bottom: 40px; } .kefu ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kefu li { width: 14.28%; height: 40px; } .kefu li img { margin: 0 auto; height: 40px; } .kefu #erweima {right: auto; top:auto;bottom:100%;left: 50%;margin-left: -50px; width: 100px;height: 100px;} } /*head*/ .head { z-index: 9999; width: 100%; position: absolute; width: 100%; left: 0; top: 0; } .head .head-top { background: url(../images/hd-topbg.png) repeat center center; padding-top: 5px; padding-bottom: 5px; } .head .head-top .sousuo { border: 1px solid #fff; width: 271px; height: 29px; background-color: transparent; border-radius: 15px; margin-top: 5px;} .head .head-top .sousuo form { display: block; width: 100%; height: 100%; } .head .head-top .sousuo .ipt { width: 190px; height: 29px; line-height: 29px; display: block; float: left; text-indent: 7px; font-size: 14px; font-size: 1.4rem; color: #fff; font-family: Arial, Helvetica, sans-serif; background-color: transparent; } .head .head-top .sousuo .ips { width: 29px; height: 29px; display: block; float: right; background: transparent url(../images/sousuo.png) no-repeat center center; } .head .head-top .hd-mail { margin-top: 8px; margin-right: 10px; font-size: 14px; font-size: 1.4rem; color: #fff; padding-left: 19px; background: url(../images/hd-mail.png) no-repeat left center; } .head .head-top .hd-mail a { font-size: 14px; font-size: 1.4rem; color: #fff; } .head .head-top .hd-mail a:hover { text-decoration: none; color: #e60012; } .head .head-top .shejiao1 { margin-top: 2px; margin-bottom: 3px; width: 380px;} .head .head-top .shejiao1 li { float: left; margin-left: 18px; } .head .head-top .shejiao1 li a { display: block; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .head .head-top .shejiao1 li:hover a { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .head .head-top .shejiao1 li:first-child:hover a { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .head .head-bot { /*padding-top: 11px; padding-bottom: 7px;*/ background: url(../images/hd-botbg.png) repeat center center; } .head .head-bot .nav1 > ul { margin-left: 108px; margin-top: 38px; } .head .head-bot .nav1 > ul > li { position: relative; float: left; margin-left: 52px; font-size: 12px; font-size: 1.2rem; } .head .head-bot .nav1 > ul > li > a { font-weight: bold; color: #333; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; padding: 0 0px 28px; display: block; } .head .head-bot .nav1 > ul > li:hover > a { color: #014099; } .head .head-bot .nav1 > ul > li.on > a { color: #014099; } .head .head-bot .logo { margin-left: 7px; } .head-bot .yiji { width: 218px; position: absolute; top: 100%; left: 50%; margin-left: -86px; display: none; padding-top: 7px; } .head-bot .yiji .yijiin { position: relative; background: url(../images/xian.png) repeat center center; } .head-bot .yiji .yijiin > a { padding: 10px 12px 10px 27px; background: url(../images/jiantou.png) no-repeat 12px center; display: block; line-height: 20px; color: #333; font-size: 14px; font-size: 1.4rem; border-radius: 0px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .head-bot .yiji .yijiin:hover > a { color: #fff; background: #014099 url(../images/jiantouon.png) no-repeat 12px center; } .head-bot ul > li:hover .yiji { display: block; } .head-bot .erji { width: 287px; position: absolute; top: 0%; left: 100%; display: none; padding-left: 2px; } .head-bot .erji .erjiin { background: url(../images/xian.png) repeat center center; } .head-bot .erji a { padding: 10px 12px 10px 27px; background: url(../images/jiantou.png) no-repeat 12px center; display: block; line-height: 20px; color: #333; font-size: 14px; font-size: 1.4rem; border-radius: 0px;/* white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; */} .head-bot .erjiin:hover > a { color: #fff; background: #014099 url(../images/jiantouon.png) no-repeat 12px center; } .head-bot .yiji .yijiin:hover .erji { display: block; } /* nav2 */ .nav2 { display: none; width: 100%; padding-top: 0px; } .nav2 ul li { width: 25%; float: left; text-align: center; padding-top: 8px; padding-bottom: 8px; } .nav2 ul li:hover, .nav2 ul li.hover { background-color: #014099; } .nav2 ul li:hover a, .nav2 ul li.hover a { color: #fff; } .nav2 ul li a { display: block; font-size: 12px; font-size: 1.2rem; color: #014099; } @media screen and (max-width: 1219px) { .head .head-bot .nav1 > ul > li { margin-left: 20px; } } @media screen and (max-width: 999px) { .head { position: relative; } .head .head-bot .nav1 > ul { margin-left: 60px; } } @media screen and (max-width: 979px) { .logo a { width: 90px; display: block; } .head .head-bot .nav1 > ul > li > a { padding: 0 0 18px; font-size: 14px; font-size: 1.4rem; } .head .head-bot .nav1 > ul { margin-left: 25px; margin-top: 15px; } .head .head-bot .nav1 > ul > li { margin-left: 15px; } .head .head-bot { padding-bottom: 0; } } @media screen and (max-width: 768px) { .head .head-top .sousuo,.head .head-top .hd-mail{ display: none; } .head .head-top .shejiao1 {margin-right: 55px;} .head .head-bot { padding-bottom: 5px; padding-top: 5px; } .head .head-bot .nav1 { display: none; } .head .head-bot .logo { margin-left: 0; } .nav2 { display: block; } .head .head-top .shejiao1 li { margin-left: 6px; } } @media screen and (max-width: 470px) { .head-top .hd-mail { float: none; } /*.head-top .shejiao1 { display: none; }*/ .head-bot .sousuo { width: 190px; } .head-bot .sousuo .ipt { width: 140px; } .head-top .shejiao1 li { margin-left: 0px; margin-right: 5px; } } /*lun bo*/ .index_focus { position: relative; width: 100%; height: 670px; margin: 0 auto; overflow: hidden; z-index: 9; } .index_focusn { width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; height: 670px; z-index: 99; } .index_focus .bd li { display: none; position: absolute; left: 0; top: 0; width: 1920px; z-index: 999; } .index_focus .slide_nav { position: absolute; bottom: 19px; left: 50%; margin-left: -36px; z-index: 9998; } .index_focus .slide_nav a { width: 16px; height: 16px; cursor: pointer; float: left; margin-right: 5.5px; margin-left: 5.5px; background: url(../images/dian.png) no-repeat center center; } .index_focus_post { z-index: 10; } .index_focus .pic { height: auto; display: block; margin: 0 auto; } .index_focus .pic:hover { text-decoration: none; } .index_focus .slide_nav li:hover, .index_focus .slide_nav .on { text-decoration: none; background: url(../images/dianh.png) no-repeat center center; } .index_focus_pre, .index_focus_next { display: block; position: absolute; top: 55%; margin-top: -38px; width: 0px; height: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 9999; } .index_focus_pre { left: 40px; } .index_focus_next { right: 40px; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .index_focus { height: 680px; } .index_focus .index_focusn{ height: 680px; } .index_focusn img { width: 80%; } .bannerf{padding-top: 134px;} } @media screen and (min-width: 1000px) { .carousel, .clear2 { display: none; } } @media screen and (max-width: 999px) { .index_focus { display: none; } .index_focus2 { display: none; } .carousel { width: 100%; position: relative; overflow: hidden; } .carousel ul { width: 100%; height: 100%; } .carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .carousel ul li img { width: 100%; vertical-align: middle; } .carousel ol { position: absolute; z-index: 2; width: 80px; height: 5px; bottom: 0px; left: 52%; -webkit-transform: translate3d(-50%, 0, 0); } .carousel ol li { float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .carousel ol li.cur { width: 10px; background: #014099; } .carousel ol li:last-child { margin: 0; } } /* mainindex */ .mainindex .title { font-size: 44px; font-size: 4.4rem; color: #333; text-transform: uppercase; } .mainindex .title1 { font-size: 44px; font-size: 4.4rem; color: #333; } /* main1 */ .main1 { padding-top: 65px; padding-bottom: 20px; } .main1 .title { margin-bottom: 56px; padding-bottom: 13px; background: url(../images/titlebg.jpg) no-repeat bottom center; } .main1 .title a { text-align: center; display: block; } .main1 .title a:hover { color: #014099; } .main1 .tt2 { margin-bottom: 0px; } .main1 .tt2 ul li { float: left; margin-left: 60px; width: 360px; } .main1 .tt2 ul li .litop a { display: block; overflow: hidden; } .main1 .tt2 ul li .litop a img { margin: 0 auto; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .main1 .tt2 ul li .litop a: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); } .main1 .tt2 ul li .limid { margin-top: 15px; margin-bottom: 5px; } .main1 .tt2 ul li .limid a { display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px; font-size: 1.8rem; } .main1 .tt2 ul li .limid a:hover { color: #014099; } .main1 .tt2 ul li .libot { height: 78px; overflow: hidden; } .main1 .tt2 ul li .libot a { display: block; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #666666; } .main1 .tt2 ul li .libot a:hover { color: #014099; } @media screen and (max-width: 1219px) { .mainindex .title { font-size: 36px; font-size: 3.6rem; } .main1 .tt2 ul li { width: 31%; margin: 1% !important; } } @media screen and (max-width: 979px) { .mainindex .title { font-size: 26px; font-size: 2.6rem; } .main1 { padding-top: 20px; } .main1 .title { margin-bottom: 10px; } .main1 .tt2 ul li .limid a { font-size: 16px; font-size: 1.6rem; } .main1 .tt2 ul li .libot a { font-size: 12px; font-size: 1.2rem; line-height: 26px; } } @media screen and (max-width: 500px) { .main1 .tt2 ul li { width: 98%; margin: 1% !important; } } /* main2 */ .main2 { background: url(../images/m2bg.png) no-repeat top center; margin-top: 52px; padding-top: 42px; padding-bottom: 59px; display:none} .main2 .subtitle { margin-top: 10px; margin-bottom: 20px; font-size: 24px; font-size: 2.4rem; text-align: center; } .main2 .subtitle a { color: #333; } .main2 .subtitle a:hover { color: #014099; } .main2 .content { margin-bottom: 35px; } .main2 .content a { display: block; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666; height: 90px; overflow: hidden; } .main2 .content a:hover { color: #014099; } .main2 .more a { text-align: center; line-height: 45px; display: block; font-size: 16px; font-size: 1.6rem; color: #999; width: 200px; height: 45px; border: 1px solid #a0a0a0; background-color: transparent; margin: 0 auto; border-radius: 23px; } .main2 .more a:hover { background-color: #333; border: 1px solid #333; color:#fff; } .main2 li.zuoce { width: 373px; margin-left: 70px; } .main2 li.youce { width: 373px; margin-right: 70px; } .main2 li.youce .subtitle a { color: #fff; } .main2 li.youce .subtitle a:hover { color: #333; } .main2 li.youce .content a { color: #fff; } .main2 li.youce .content a:hover { color: #333; } .main2 li.youce .more a { color: #fff; border-color: #fff; } .main2 li.youce .more a:hover { border-color: #333; } @media screen and (max-width: 1219px) { .main2 li.zuoce { margin-left: 0; } .main2 li.youce { margin-right: 0; } } @media screen and (max-width: 979px) { .main2 { background: none; margin-top: 0; padding-top: 20px; padding-bottom: 0; } .main2 li { padding-top: 20px; padding-bottom: 30px; } .main2 li.zuoce { background-color: #eeeeee; width: 50%; } .main2 li.zuoce .content { width: 90%; margin: 0 auto 35px; } .main2 li.zuoce .content a { font-size: 12px; font-size: 1.2rem; line-height: 24px; max-height: 72px; } .main2 li.youce { background-color: #267ad2; width: 50%; } .main2 li.youce .content { width: 90%; margin: 0 auto 35px; } .main2 li.youce .content a { font-size: 12px; font-size: 1.2rem; line-height: 24px; max-height: 72px; } } @media screen and (max-width: 768px) { .main2 .more a { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 540px) { .main2 li { float: none; } .main2 li.zuoce { width: 100%; height: auto; max-height: none; } .main2 li.youce { width: 100%; height: auto; max-height: none; } } /* main3 */ .main3 { margin-top: 41px; padding-top: 40px; padding-bottom: 46px; } .main3 .title { margin-bottom: 36px; padding-bottom: 13px; background: url(../images/titlebg.jpg) no-repeat bottom center; } .main3 .title a { text-align: center; display: block; } .main3 .title a:hover { color: #014099; } .main3 ul { text-align: center; margin-bottom: 49px; } .main3 ul li { display: inline-block; margin: 0 46px; font-size: 18px; font-size: 1.8rem; color: #333; cursor: pointer; } .main3 ul li:hover { color: #014099; } .main3 ul li.on { color: #014099; } .main3 dl dd { margin-bottom: 55px; float: left; margin-left: 60px; width: 360px; } .main3 dl dd .ddtop a { overflow: hidden; display: block; position: relative; overflow: hidden; } .main3 dl dd .ddtop a .ddimg img { margin: 0 auto; width: 358px; height: 270px; max-height:270px; } .main3 dl dd .ddtop a:hover .ddimg 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); } .main3 dl dd .ddtop a .ddzz { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: block; width: 100%; height: 100%; position: absolute; top: -100%; left: 0; background: url(../images/m3zz.png) no-repeat center center; } .main3 dl dd .ddtop a:hover .ddzz { top: 0; } .main3 dl dd .ddmid { margin-top: 19px; margin-bottom: 3px; } .main3 dl dd .ddmid a { display: block; text-align: center; color: #333; font-size: 16px; font-size: 1.6rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .main3 dl dd .ddmid a:hover { color: #014099; } .main3 dl dd .ddbot a { display: block; text-align: center; color: #666; font-size: 14px; font-size: 1.4rem; line-height: 28px; height:56px; overflow:hidden; } .main3 dl dd .ddbot a:hover { color: #014099; } .main3 .more { margin-top: -4px; margin-bottom: 15px; } .main3 .more a { margin: 0 auto; display: block; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #e60012; border: 1px solid #e60012; text-align: center; border-radius: 23px; width: 360px; height: 45px; line-height: 45px; } .main3 .more a:hover { color: #014099; border-color: 1px solid #014099; background-color: #fff; } @media screen and (max-width: 1219px) { .main3 dl dd { width: 31%; margin: 1% !important; } .main3 .more { margin-top: 30px; } } @media screen and (max-width: 979px) { .main3 { margin-top: 0; padding-top: 20px; } .main3 ul li { margin: 5px 20px; } .main3 .title { margin-bottom: 20px; } .main3 ul { margin-bottom: 25px; } .main3 dl dd .ddbot a { font-size: 12px; font-size: 1.2rem; line-height: 26px; max-height: 52px; overflow: hidden; } .main3 dl dd .ddtop a .ddzz { display: none; } .main3 ul li { font-size: 16px; font-size: 1.6rem; } .main3 dl dd .ddmid a { font-size: 14px; font-size: 1.4rem; } .main3 dl dd .ddtop a .ddimg img { height: 189px; } } @media screen and (max-width: 639px) { .main3 dl dd { width: 48%; margin: 1% !important; } .main3 .more a { width: 200px; height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } .main3 dl dd .ddtop a .ddimg img {max-height:150px; } } @media screen and (max-width: 420px) { .main3 dl dd .ddtop a .ddimg img {max-height:125px; } } /* main4 */ .main4 { margin-top: 41px; padding-top: 65px; padding-bottom: 115px; } .main4 .slideBox { width: 530px; overflow: hidden; position: relative; } .main4 .slideBox .hd { height: 100px; width: 10px; overflow: hidden; position: absolute; left: 0px; top: 43%; z-index: 1; } .main4 .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .main4 .slideBox .hd ul li { margin-bottom: 14px; width: 10px; height: 10px; line-height: 35px; overflow: hidden; background: url(../images/m4circle.png) no-repeat center center; cursor: pointer; } .main4 .slideBox .hd ul li.on { background: url(../images/m4circleon.png) no-repeat center center; } .main4 .slideBox .bd { position: relative; height: 100%; z-index: 0; padding-left: 45px; } .main4 .slideBox .bd li { margin: 0 2px; position: relative;top: -2px;} .main4 .title { margin-bottom: 61px; padding-bottom: 13px; background: url(../images/m4line.jpg) no-repeat bottom left; margin-left: 45px;} .main4 .title a { color: #fff; } /* .main4 .title a:hover { color: #014099; }*/ .main4 .slideBox .bd li .litem2 { margin-bottom: 30px; } .main4 .slideBox .bd li .litem2 { font-size: 22px; font-size: 2.2rem; color: #fff; } /*.main4 .slideBox .bd li .litem2 a:hover { color: #014099; }*/ .main4 .slideBox .bd li .litem3 { margin-bottom: 39px; } .main4 .slideBox .bd li .litem3 { display: block; font-size: 14px; font-size: 1.4rem; color: #bbbbbb; line-height: 30px; } /* .main4 .slideBox .bd li .litem3 a:hover { color: #014099; }*/ .main4 .slideBox .bd li .litem4 { display: block; font-size: 16px; font-size: 1.6rem; width: 200px; height: 44px; line-height: 44px; text-align: center; border-radius: 23px; border: 1px solid #fff; color: #fff; } .main4 .slideBox .bd li .litem4 a{ color:#fff; display:block;} .main4 .slideBox .bd li .litem4 a:hover { color: #e60012; border-color: #e60012; } @media screen and (max-width: 1219px) { .main4 .slideBox { width: 480px; } .main4 .slideBox .bd li .litem3 { height: 150px; overflow: hidden; } } @media screen and (max-width: 979px) { .main4 { margin-top: 0px; padding-top: 30px; padding-bottom: 40px; background: #1f2734 url(../images/m4bg.png) no-repeat top left !important; } .main4 .slideBox { width: 100%; } .main4 .slideBox .bd li .litem3 { height: auto; } .main4 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 30px; } .main4 .slideBox .bd li .litem2 { margin-bottom: 15px; } .main4 .slideBox .bd li .litem2 { font-size: 18px; font-size: 1.8rem; } .main4 .slideBox .bd li .litem3 { font-size: 13px; font-size: 1.3rem; } .main4 .slideBox .bd li .litem4 { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } .main4 .slideBox .bd li .litem3 { margin-bottom: 15px; } } @media screen and (max-width: 639px) { .main4 .slideBox .bd { padding-left: 30px; } } /*main5*/ .main5 { padding-top: 65px; padding-bottom: 23px; } .main5 .title { margin-bottom: 29px; padding-bottom: 13px; background: url(../images/titlebg.jpg) no-repeat bottom center; } .main5 .title a { text-align: center; display: block; } .main5 .title a:hover { color: #014099; } .main5 .content a { display: block; text-align: center; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; } .main5 .content a:hover { color: #014099; } .main5 .img-scroll3 { position: relative; z-index: 9; padding-bottom: 90px; margin-top: 57px; margin-bottom: 55px; } .main5 .img-scroll3 .prev3, .main5 .img-scroll3 .next3 { position: absolute; display: block; width: 16px; height: 28px; bottom: 0%; z-index: 999; } .main5 .img-scroll3 .prev3 { left: 50%; margin-left: -40px; cursor: pointer; background: url(../images/i3imgleft.png) no-repeat center center; } .main5 .img-scroll3 .prev3:hover { cursor: pointer; background: url(../images/i3imglefton.png) no-repeat center center; } .main5 .img-scroll3 .next3 { right: 50%; margin-right: -40px; cursor: pointer; background: url(../images/i3imgright.png) no-repeat center center; } .main5 .img-scroll3 .next3:hover { cursor: pointer; background: url(../images/i3imgrighton.png) no-repeat center center; } .main5 .img-list3 { position: relative; overflow: hidden; z-index: 99; width: 100%; } .main5 .img-list3 li img{ border-radius: 50%; } .main5 .img-list3 ul { width: 9999px; } .main5 .img-list3 li { float: left; display: inline; width: 280px; margin-right: 180px; } .main5 .img-list3 li .litop { display: block; } .main5 .img-list3 li .litop:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .main5 .img-list3 li .libot { text-align: center; display: block; margin-top: 19px; color: #333; font-size: 16px; font-size: 1.6rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .main5 .img-list3 li .libot:hover { color: #014099; } @media screen and (max-width: 1219px) { .main5 .img-list3 li { margin-right: 70px; } } @media screen and (max-width: 999px) { .main5 .img-list3 ul { width: 1000%; } .main5 .img-list3 ul li { width: 3.2%; margin-right: 0.2%; } } @media screen and (max-width: 979px) { .main5 { padding-top: 20px; } .main5 .title { margin-bottom: 15px; } .main5 .content a { line-height: 26px; } .main5 .img-list3 li .libot { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 639px) { .main5 .img-list3 ul li { width: 4.8%; margin-right: 0.2%; } .main5 .img-scroll3 { padding-bottom: 60px; margin-top: 30px; margin-bottom: 15px; } } @media screen and (max-width: 400px) { .main5 .img-list3 li .litop img { margin: 0 auto; } .main5 .img-list3 ul li { width: 9.8%; margin-right: 0.1%; margin-left: 0.1%; } } .main6 { background: url(../images/m6bg.jpg) no-repeat top center; padding-top: 173px; padding-bottom: 145px; } .main6 .content { max-width: 872px; width: 872px\9; width: 100%; margin: 0 auto 45px; font-size: 22px; font-size: 2.2rem; line-height: 44px; text-align: center; font-weight: bold; } .main6 .content a { display: block; text-transform: uppercase; color: #fff; } .main6 .content a:hover { color: #e60012; } .main6 .more a { display: block; font-size: 16px; font-size: 1.6rem; width: 200px; height: 45px; line-height: 45px; text-transform: uppercase; margin: 0 auto; text-align: center; border-radius: 23px; border: 1px solid #fff; color: #fff; } .main6 .more a:hover { color: #e60012; border-color: #e60012; } @media screen and (max-width: 639px) { .main6 { padding-top: 30px; padding-bottom: 30px; } .main6 .content { font-size: 18px; font-size: 1.8rem; } .main6 .more a { height: 30px; line-height: 30px; } } .main7 { margin-top: 64px; margin-bottom: 40px; display:none} .main7 .title { margin-bottom: 67px; padding-bottom: 13px; background: url(../images/titlebg.jpg) no-repeat bottom center; } .main7 .title a { text-align: center; display: block; } .main7 .title a:hover { color: #014099; } .main7 ul li { float: left; width: 371px; margin-left: 43.5px; } .main7 .litem1 { margin-bottom: 17px; } .main7 .litem1 a { display: block; font-size: 18px; font-size: 1.8rem; color: #333333; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .main7 .litem1 a:hover { color: #014099; } .main7 .litem2 { margin-bottom: 21px; } .main7 .litem2 span { display: block; font-size: 14px; font-size: 1.4rem; color: #999999; padding-left: 25px; background: url(../images/m7riqi.png) no-repeat left center; } .main7 .litem3 { margin-bottom: 17px; } .main7 .litem4 { margin-bottom: 18px; } .main7 .litem4 a { display: block; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 28px; max-height: 84px; overflow: hidden; } .main7 .litem4 a:hover { color: #014099; } .main7 .litem5 a { display: block; width: 130px; height: 37px; line-height: 37px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #666; border: 1px solid #666; border-radius: 17px; } .main7 .litem5 a:hover { color: #fff; background-color: #e60012; border-color: #e60012; } @media screen and (max-width: 1219px) { .main7 ul li { width: 31%; margin: 1% !important; } } @media screen and (max-width: 979px) { .main7 { margin-top: 20px; } .main7 .title { margin-bottom: 20px; } .main7 .litem1 a { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 639px) { .main7 ul li { width: 98%; margin: 0px auto 40px !important; } .main7 .litem1, .main7 .litem2, .main7 .litem3, .main7 .litem4 { margin-bottom: 10px; } .main7 .litem5 a { height: 30px; line-height: 30px; } } .main8 { margin-top: 60px; margin-bottom: 84px; } .main8 .title { margin-bottom: 57px; padding-bottom: 13px; background: url(../images/titlebg.jpg) no-repeat bottom center; } .main8 .title a { text-align: center; display: block; } .main8 .title a:hover { color: #014099; } .main8 .img-scroll3-5 { position: relative; z-index: 9; } .main8 .img-list3-5 { position: relative; overflow: hidden; z-index: 99; width: 100%; } .main8 .img-list3-5 ul { width: 9999px; } .main8 .img-list3-5 li { float: left; width: 180px; margin-right: 24px; } @media screen and (max-width: 1219px) { .main8 .img-list3-5 ul li { margin-right: 20px; } } @media screen and (max-width: 999px) { .main8 .img-list3-5 ul { width: 1000%; } .main8 .img-list3-5 ul li { width: 1.9%; margin-right: 0.125%; } } @media screen and (max-width: 979px) { .main8 { margin-top: 30px; margin-bottom: 20px; } .main8 .title { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .main8 .img-list3-5 ul li { width: 2.4%; margin-right: 0.1333%; } } @media screen and (max-width: 550px) { .main8 .img-list3-5 ul li { width: 3.2%; margin-right: 0.2%; } } @media screen and (max-width: 438px) { .main8 { margin-top: 0px; } .main8 .img-list3-5 ul li { width: 4.9%; margin-right: 0.2%; } } .foot { background: url(../images/footbg.png) no-repeat top center; padding-top: 100px; padding-bottom: 24px; } .foot .title { font-size: 24px; font-size: 2.4rem; color: #fff; text-transform: uppercase; margin-bottom: 12px; } .foot .title a { font-size: 24px; font-size: 2.4rem; color: #fff; } .foot .title a:hover { color: #fff; } .foot .ft { float: left; } .foot .ft li { font-size: 14px; font-size: 1.4rem; color: #bbbbbb; line-height: 30px; } .foot .ft li a { font-size: 14px; font-size: 1.4rem; color: #bbbbbb; } .foot .ft li a:hover { color: #fff; } .foot .ft1 { width: 38%; } .foot .ft2 { width: 46%; } .foot .ft2 li { padding-left: 25px; max-width: 380px; } .foot .ft2 .li1 { background: url(../images/ft-tel.png) no-repeat left 9px; } .foot .ft2 .li2 { background: url(../images/ft-phone.png) no-repeat left 9px; } .foot .ft2 .li3 { background: url(../images/ft-print.png) no-repeat left 9px; } .foot .ft2 .li4 { background: url(../images/ft-mail.png) no-repeat left 7px; } .foot .ft2 .li5 { background: url(../images/ft-skype.png) no-repeat left 7px; } .foot .ft2 .li6 { background: url(../images/ft-site.png) no-repeat left 7px; } .foot .ft2 .li4 .a1 { margin-right: 5px; } .foot .ft3 { width: 16%; } .foot .ft3 a { display: block; padding-top: 15px; } .foot .ft1 li { padding-left: 13px; background: url(../images/baidian.png) no-repeat left center; } .foot .foot1 { margin-bottom: 21px; } .links1 { padding-top: 7px; padding-bottom: 14px; background-color: #202835; } .links1 p { color: #bbbbbb; font-size: 14px; font-size: 1.4rem; line-height: 29px; } .links1 a { color: #bbbbbb; font-size: 14px; font-size: 1.4rem; } .links1 a:hover { color: #fff; } .links1 .sitemap { margin-left: 7px; margin-right: 9px; } .links1 .reanod { margin-left: 10px; margin-right: 7px; position: relative; top: -2px; } .links1 .cnzz { position: relative; top: -2px; } .links1 .links2 { border-top: 1px solid #373e4a; padding-top: 9px; } .links1 .shejiao1 { margin-top: 8px; } .links1 .shejiao1 li { float: left; margin-left: 18px; } .links1 .shejiao1 li a { display: block; } .links1 .links { padding-bottom: 11px; font-size: 14px; font-size: 1.4rem; color: #bbbbbb; text-align: left; line-height: 20px; font-family: Arial, Helvetica, sans-serif; } .links1 .links a { font-size: 14px; font-size: 1.4rem; color: #bbbbbb; margin-left: 22px; text-align: left; line-height: 20px; font-family: Arial, Helvetica, sans-serif; } .links1 .links a:hover { color: #fff; } @media screen and (max-width: 1219px) { .foot .ft1 { width: 38%; } .foot .ft2 { width: 40%; } .foot .ft3 { width: 20%; } } @media screen and (max-width: 768px) { .foot { display: none; } .links1 .links { display: none; } .links1 .shejiao1 { display: none; } .links1 .links2 { border: none; } } .bread { margin-top: 0px; padding-top: 16px; padding-bottom: 16px; font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; } .bread a { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; } .bread a:hover, .bread a.a2 { color: #014099; } /*============================================ product ==============================================*/ /*goods*/ .product { padding-top: 11px; } .product .xiangqing .goods { width: 880px; } .product .xiangqing .goods .box1 { width: 100%; } .product .xiangqing .goods .box1 ul { width: 100%; } .product .p-title1 { font-size: 30px; font-size: 3rem; color: #014099; text-transform: uppercase; position: relative; top: -8px; margin-bottom: 20px; } .product .p-title2 { font-size: 30px; font-size: 3rem; color: #333333; text-transform: uppercase; margin-top: 26px; margin-bottom: 27px; } .product .xiangqing .goods ul li { float: left; margin-left: 38px; margin-bottom: 24px; max-width: 268px; } .product .liimg { width: 100%; max-width: 268px; } .product .liimg a { display: block; } .product .liimg a img { display: block; width:268px; height:202px; max-width: 100%; } .product .liimg a:hover img { border: 0px solid #014099; } .product .litxt { margin-top: 11px; padding-bottom: 25px; } .product .litxt .topp { text-align: center; margin-bottom: 3px; /*white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;*/ height: 111px; overflow:hidden; } .product .litxt .topp a { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 27px; } .product .litxt .topp a:hover { color: #014099; } .product .litxt .midd { text-align: center; margin-bottom: 11px; } .product .litxt .midd a { display: block; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; height: 60px; overflow: hidden; } .product .litxt .midd a:hover { color: #014099; } .product .litxt .bott { position: relative; } .product .litxt .bott a { font-size: 14px; font-size: 1.4rem; border: 1px solid #014099; color: #014099; display: block; width: 141px; height: 33px; line-height: 30px; text-align: center; margin: 0 auto; } .product .litxt .bott a:hover { background-color: #014099; color: #fff; } .product .litxt .bott input { position: absolute; left: 0%; top: 21%; cursor: pointer; } /*list*/ .product .xiangqing .list { width: 260px; margin-bottom: 20px; } .product .xiangqing .list .title1 { margin-bottom: -3px; } .product .xiangqing .list .title1 a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 45px; background-color: #014099; color: #fff; font-weight: bold; font-size: 24px; font-size: 2.4rem; } .product .xiangqing .list .title1 a:hover { background-color: #014099; } @media screen and (min-width: 1220px) { .product .xiangqing .list .subNavBox { display: block !important; } } @media screen and (max-width: 1220px) { .product .liimg a img { height:202px; } } @media screen and (max-width: 1100px) { .product .liimg a img { height:161px; } } @media screen and (max-width: 800px) { .product .liimg a img { height:130px; } } @media screen and (max-width: 640px) { .product .liimg a img { height:141px!important; } } @media screen and (max-width: 639px) { .product .liimg a img { height:202px!important; } } @media screen and (max-width: 639px) { .product .liimg a img { height:202px!important; } } @media screen and (max-width: 400px) { .product .liimg a img { height:125px !important; } } .product .xiangqing .list .subNav { cursor: pointer; margin-bottom: 0px; border: 1px solid #d2d2d2; margin-top: 8px; padding-top: 0px; background: #eee url(../images/probg.png) no-repeat 13px center; } .product .xiangqing .list .subNav a { line-height: 26px; padding-top: 7px; padding-bottom: 7px; display: block; padding-left: 47px; font-size: 14px; font-size: 1.4rem; color: #333333; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; } .product .xiangqing .list .subNav:hover { background: #014099 url(../images/probgon.png) no-repeat 13px center; } .product .xiangqing .list .subNav:hover a { color: #fff; } .product .xiangqing .list .currentDd { background: #014099 url(../images/probgon.png) no-repeat 13px center; } .product .xiangqing .list .currentDd a { color: #fff; } .product .xiangqing .list .navContent { display: none; background: #fff; position: relative; padding-top: 8px; padding-bottom: 10px; border: 1px solid #d2d2d2; border-top: 0; } .product .xiangqing .list .navContent > li a { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0px; color: #666666; padding-left: 47px; line-height: 26px; padding-bottom:5px; padding-top:5px; } .product .xiangqing .list .navContent > li a:hover { color: #014099; } .product .xiangqing .list .title2 { width: 100%; margin-bottom: 20px; margin-top: 50px; } .product .xiangqing .list .title2 a { font-size: 24px; font-size: 2.4rem; font-weight: bold; display: block; height: 45px; line-height: 45px; background-color: #014099; color: #fff; text-align: center; text-transform: uppercase; } .product .xiangqing .list .title2 a:hover { background-color: #014099; } .product .xiangqing .list dl { border: 1px solid #ccc; background-color: #eeeeee; } .product .xiangqing .list dl dd { background-color: #eeeeee; padding-bottom: 18px; border-bottom: 1px solid #ccc; padding-left: 22px; padding-right: 22px; padding-top: 22px; } .product .xiangqing .list dl dd .top a { font-size: 16px; font-size: 1.6rem; color: #333; padding-left: 26px; display: block; background: url(../images/newslist.png) no-repeat left 6px; line-height: 26px; } .product .xiangqing .list dl dd .bottom a { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 24px; display: block; } .product .xiangqing .list dl dd a:hover { color: #014099; } .product .xiangqing .list dl dd .bottom { margin-top: 9px; } .product .xiangqing .list dl dd.dd2 { border-bottom: 0px; } .linebar { display: none; width: 100%; padding: 10px 15px; font-size: 20px; font-size: 2rem; color: #fff; cursor: pointer; text-transform: uppercase; background-repeat: no-repeat; background-position: 98% center; background-color: #014099; background-image: url(../images/santiao.png); } .show768 { display: none; width: 100%; height: 1px; } /*page*/ .page { position: relative; margin: 21px auto 100px; } .page { text-align: center; } .page a { display: inline-block; background-color: transparent; color: #333; margin-right: 6px; width: 35px; height: 30px; line-height: 30px; border: 1px solid #e5e5e5; text-align: center; font-size: 12px; font-size: 1.2rem; border-radius: 0px; } .no:hover{ color:#333 !important; border: 1px solid #e5e5e5 !important; background:#fff !important;} .page a.on, .page a:hover { background-color: #014099; border: 1px solid #014099; color: #fff; } .page a.first { width: 59px; margin-right: 6px; } .page a.last { width: 59px; margin-right: 15px; } .page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; } .page img { display: inline-block; position: relative; top: -2px; margin-left: 3px; margin-right: 0px; } .ins { margin-left: 0px; width: 150px; display: inline-block; height: 30px; font-family: tahoma; line-height: 28px; text-align: center; border: none; outline: none; background-color: #014099; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-family: "arail"; } .ins:hover { background-color: #333; } @media screen and (max-width: 1219px) { .product .xiangqing .goods { width: 690px; } .product .xiangqing .goods ul li { margin: 0 1% 20px 1% !important; width: 31%; } } @media screen and (max-width: 999px) { .product .xiangqing .goods { width: 640px; } } @media screen and (max-width: 979px) { .product .xiangqing .list { width: 25%; } .product .xiangqing .goods { width: 73%; } .product .litxt .bott a { width: 110px; } .show768 { display: block; } .page a { margin-bottom: 10px; } .page { margin-top: 20px; margin-bottom: 30px; } .bread { padding-top: 8px; padding-bottom: 8px; } } @media screen and (max-width: 768px) { .product .xiangqing .list .subNavBox { display: none; } .linebar { display: block; } .product .xiangqing .list .title1 { display: none; } .product .xiangqing .list .title1 a { text-align: left; text-indent: 20px; font-size: 20px; font-size: 2rem; } .product .xiangqing .goods { width: 100%; float: none; } .product .xiangqing .list { width: 100%; float: none; } .product .xiangqing .title2{ display:none} .product .xiangqing .list dl{ display:none} .product .xiangqing .list .title2 { margin-top: 30px; } .product .xiangqing .list .title2 a { text-align: left; font-size: 20px; font-size: 2rem; text-indent: 20px; } .product .litxt .topp a { font-size: 14px; font-size: 1.4rem; } .product .litxt .bott a { width: 100px; } .product .litxt .midd a { font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 639px) { .product .xiangqing .goods ul li { margin: 0 1% 20px 1% !important; width: 48%; } } /* good1 */ .product .xiangqing .goods1 { width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product #tsShopContainer li, .product #tsShopContainer img { vertical-align: top; } .product #tsShopContainer { position: relative; float: left; } .product #tsShopContainer #tsImgS { text-align: center; width: 522px; height: 397px; position: relative; border: 0px solid #dadada; padding: 0px 0px !important; } .product #tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; } .product #tsShopContainer #tsImgS img { display: block; } .product #tsShopContainer #tsPicContainer { width: 100%; position: relative; height: 97px; margin-top: 18px; } .product #tsShopContainer #tsPicContainer #tsImgSArrL { width: 12px; position: absolute; top: 0px; left: 0px; cursor: pointer; height: 97px; background: url(../images/prleft.png) no-repeat left center; } .product #tsShopContainer #tsPicContainer #tsImgSArrR { width: 12px; position: absolute; top: 0px; right: 0px; cursor: pointer; height: 97px; background: url(../images/prright.png) no-repeat right center; } .product #tsShopContainer #tsPicContainer #tsImgSArrL:hover { background: url(../images/prlefton.png) no-repeat left center; } .product #tsShopContainer #tsPicContainer #tsImgSArrR:hover { background: url(../images/prrighton.png) no-repeat right center; } .product #tsShopContainer #tsPicContainer #tsImgSCon { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 2px; left: 18px; width: 1px; overflow: hidden; height: 97px; } .product #tsShopContainer #tsPicContainer #tsImgSCon ul { width: 100%; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product #tsShopContainer #tsPicContainer #tsImgSCon li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 129px; float: left; cursor: pointer; margin-left: 0px; margin-bottom: 0; padding: 0 17.5px; } .product #tsShopContainer #tsPicContainer #tsImgSCon li a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; width: 129px; } .product #tsShopContainer #tsPicContainer #tsImgSCon li img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; width: 129px; height: 97px; border: 0px solid #dadada; } .product .MagicZoomBigImageCont { border: 1px solid #dadada; background: #FFF; } .product .MagicZoomBigImageCont img { width: 800px !important; height: 602px !important; } .product .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; } .product .xiangqing .goods1 .content { width: 605px; margin: 10px auto 0; padding-right: 0px; } .goods1 .content .title { text-align: left; margin-bottom: 20px; border-bottom: 1px solid #dddddd; padding-bottom: 14px; } .goods1 .content .title h1 { text-align: left; font-size: 20px; font-size: 2.0rem; color: #333; position: relative; top: -3px; line-height: 30px; } .goods1 .content p { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; } .yikuai { margin-top: 45px; } .rsh { width: 230px; } .at-resp-share-element .at-icon { width: 26px !important; height: 26px !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: 26px !important; height: 26px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .rsh { padding-top: 6px; } .rsh .xqfx { font-size: 14px; font-size: 1.4rem; color: #666; position: relative; top: 4px; } .goods1 .content .btn1 { width: 360px; } .goods1 .content .btn1 a,.goods1 .content .btn1 span { display: block; font-size: 18px; font-size: 1.8rem; color: #fff; width: 164px; border: 0px solid #014099; height: 43px; line-height: 43px; text-align: center; background-color: #999999; } .goods1 .content .btn1 a:hover { background-color: #014099; color: #fff; } .goods1 .content .share1 { width: 100%; position: relative; top: 0px; margin-top: 167px; } .goods1 .content .share1 .lspan { margin-right: 7px; text-align: left; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; } .goods1 .content .share1 .rsh { height: 24px; } .protitle1 { background-color: #f4f4f4; width: 100%; margin-bottom: 13px; margin-top: 29px; height: 45px; line-height: 45px; } .protitle1 a { width: 213px; height: 45px; line-height: 45px; font-size: 18px; font-size: 1.8rem; font-weight: bold; padding-left: 40px; background: #014099 url(../images/protitle1.jpg) no-repeat left center; color: #fff; margin-left: 0px; display: block; } .goods1 .wenzi { margin-bottom: 30px; } .goods1 .wenzi p { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; } .goods1 .wenzi p span { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; } .goods1 .wenzi p li { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; } .goods1 .wenzi p strong { font-size: 16px; font-size: 1.6rem; color: #014099; line-height: 30px; } .goods1 .wenzi p img { max-width: 100%; } .goods1 .wenzi p a { font-size: 16px; font-size: 1.6rem; color: #172645; line-height: 30px; } .goods1 .wenzi table { width: 97%; border-collapse: collapse; line-height: 24px;border-collapse: collapse; border: 1px solid #333; color: #333 } .goods1 .wenzi tr td { line-height: 24px; padding: 2px; border: 1px solid #333; } .content table { width: 97%; border-collapse: collapse; line-height: 24px;border-collapse: collapse; border: 1px solid #333; color: #333 } .content tr td { line-height: 24px; padding: 2px; border: 1px solid #333; } .show979 { display: none; } .show979 li { float: left; width: 48%; margin: 1% !important; } .hbiti { background: url(../images/relative.png) no-repeat center center; padding-top: 10px; padding-bottom: 16px; margin-bottom: 29px; } .hbiti a { margin-left: 0px; font-size: 38px; font-size: 3.8rem; color: #014099; display: block; text-align: center; text-transform: uppercase; } .hbiti a:hover { text-decoration: underline; } .rel-pro { width: 100%; padding-bottom: 78px; } .rel-pro li { width: 270px; float: left; margin-left: 40px; } .rel-pro li a { display: block; } .rel-pro li a img { max-width: 270px; height: 203px; width: 100%; margin: 0 auto; display: block; border: 0px solid #dadada; } .rel-pro li a span { display: block; padding-top: 13px; padding-bottom: 14px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .rel-pro li a span:hover { color: #014099; } @media screen and (max-width: 1219px) { .product .xiangqing .goods1 .content { width: 380px; } .MagicZoomBigImageCont, .MagicZoomPup { display: none !important; } .rel-pro li { width: 23%; margin: 1% !important; } .yikuai .rsh { float: left; margin-top: 15px; } } @media screen and (max-width: 979px) { .hbiti a { font-size: 26px; font-size: 2.6rem; } .goods1 .content .btn1 { float: none; width: 280px; } .goods1 .content .btn1 a ,.goods1 .content .btn1 span{ width: 130px; height: 32px; line-height: 32px; font-size: 12px; font-size: 1.2rem; } .product #tsShopContainer { float: none; width: 522px; margin: 0 auto 25px; } .product .xiangqing .goods1 .content { width: 100%; } } @media screen and (max-width: 639px) { .rel-pro li { width: 48%; margin: 1% !important; } .product #tsShopContainer { display: none; } .show979 { display: block; margin-bottom: 20px; } .goods1 .content .title h1 { font-size: 18px; font-size: 1.8rem; } .rel-pro li a span { font-size: 12px; font-size: 1.2rem; } .rel-pro { padding-bottom: 10px; } .hbiti { margin-bottom: 0; } .rel-pro li a img { height: 135px;} } .about11 { background: url(../images/about12.jpg) no-repeat bottom center; padding-top: 10px; } .about .ab-top { background: url(../images/ab-top.jpg) no-repeat center 58px; margin-bottom: 48px; } .about .ab-top ul { text-align: center; } .about .ab-top ul li { margin: 0 29px; width: 150px; display: inline-block; } .about .ab-top ul li .litop img { margin: 0 auto; } .about .ab-top ul li .libot { margin-top: 15px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; } .about .ab-top ul li.on .libot { color: #014099; } .about1 { padding-bottom: 122px; } .about1 .ab-mid{ min-height:420px; } .about1 .ab-mid .con3 { background: url(../images/shuxv.jpg) repeat-y center; margin-top: 20px; padding-top: 2px; } .about1 .ab-mid .con3lie { position: relative; min-height: 90px; margin-top: 32px; } .about1 .ab-mid .nianfen { display: block; width: 90px; height: 90px; background: url(../images/nianfen.png) no-repeat center; text-align: center; line-height: 90px; font-size: 20px; font-size: 2rem; color: #014099; position: absolute; left: 50%; margin-left: -45px; top: 0px; } .about1 .ab-mid .jia { display: block; width: 71px; position: absolute; top: 35px; } .about1 .ab-mid .jia img { display: block; margin: auto; width: 100%; max-width: 71px; max-height: 20px; } .about1 .ab-mid .con3lie1 .jia { left: 50%; margin-left: 45px; } .about1 .ab-mid .con3lie2 .jia { right: 50%; margin-right: 45px; } .about1 .ab-mid .con3lien { width: 462px; background: #014099; margin-top: 3px; } .about1 .ab-mid .con3lie1 .con3lien { float: right; margin-right: 0px; } .about1 .ab-mid .con3lie2 .con3lien { float: left; margin-right: 12px; } .about1 .ab-mid .con3lien p { font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 24px; padding: 7px 16px; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .about1 .ab-mid .con3lien { width: 342px; } } @media screen and (max-width: 999px) { .about1 .ab-mid .con3lien { width: 342px; } .about1 .ab-mid .con3 { background: none; } .about1 .ab-mid .nianfen { left: 0px !important; margin: auto !important; } .about1 .ab-mid .comain3 { padding-top: 30px; padding-bottom: 39px; } .about1 .ab-mid .con3lien { width: auto; float: none; margin-left: 95px; } .about1 .ab-mid .con3lie1 .con3lien{float: none;} .about1 .ab-mid .jia { display: none; } } .about1 .ab-bot { margin-top: 99px; } .about1 .ab-bot ul { margin-top: 15px; } .about1 .ab-bot ul li { float: left; margin-left: 37px; width: 375px; } .about1 .ab-bot ul li img { margin: 0 auto; } @media screen and (max-width: 1219px) { .about .ab-top ul li { margin: 0 15px; } .about1 .ab-bot ul li { width: 31%; margin: 1% !important; } } @media screen and (max-width: 999px) { .about1 .ab-bot { margin-top: 30px; } .about1 { padding-bottom: 30px; } } @media screen and (max-width: 979px) { .about .ab-top { background: none; margin-bottom: 0; } .about .ab-top ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .about .ab-top ul li .libot { font-size: 12px; font-size: 1.2rem; } .about1 .ab-mid .con3 { margin-top: 0; } } @media screen and (max-width: 768px) { .about11 { background: url(../images/about11.jpg) no-repeat bottom center; } } @media screen and (max-width: 500px) { .about .ab-top ul li { width: 31%; margin: 1% !important; margin-bottom: 10px !important; } .about .ab-top ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about1 .ab-mid .con3lien p { font-size: 12px; font-size: 1.2rem; } .about1 .ab-bot ul li { width: 98%; } } .about2 { padding-bottom: 11px; } .about2 .ab-top1 { margin-top: -6px; } .about2 .ab-top1 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; } .about2 .ab-mid .ab5main { padding-bottom: 89px; } .about2 .ab-mid .ab5main .zhanshi_tp2 { position: relative; width: 986px; margin: auto; margin-top: 49px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .ulBigPic { width: 863px; margin-left: 61px; overflow: hidden; -webkit-box-shadow: 2px 2px 6px #c1c1c1; box-shadow: 2px 2px 6px #c1c1c1; } .about2 .ab-mid .ab5main .zhanshi_tp2 .ulBigPic li { width: 845px; display: none; border: 9px solid #fff; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .about2 .ab-mid .ab5main .abfu { position: absolute; width: 100%; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 38px; bottom: 0px; left: 0px; background: #000; background: rgba(0, 0, 0, 0.5); } .about2 .ab-mid .ab5main .zhanshi_tp2 .ulBigPic .liSelected { display: block; } .about2 .ab-mid .ab5main .zhanshi_tp2 .ulBigPic img { display: block; width: 845px; height: 547px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnA, .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnASel, .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnABan, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnA, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnASel, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnABan { width: 24px; height: 45px; display: block; position: absolute; top: 245px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnA, .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnASel, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnA, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnASel { cursor: pointer; } .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnA, .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnASel, .about2 .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnABan { left: 0px; background: url(../images/eqleft.png); } .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnA, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnASel, .about2 .ab-mid .ab5main .zhanshi_tp2 .sRightBtnABan { right: 0px; background: url(../images/eqright.png); } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPicBox { width: 986px; height: 139px; position: relative; margin-top: 12px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic { width: 863px; left: 61px; height: 139px; position: absolute; top: 0px; overflow: hidden; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic ul { position: absolute; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic li { width: 221px; height: 139px; float: left; display: inline; cursor: pointer; overflow: hidden; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic { width: 199px; height: 131px; display: block; padding-top: 8px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic img { width: 193px; height: 125px; border: 3px solid #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic:hover { background: url(../images/zhizhen2.png) no-repeat center top; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic img:hover { border: 3px solid #014099; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .liSelected .sPic { background: url(../images/zhizhen2.png) no-repeat center top; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .liSelected .sPic img { border: 3px solid #014099; } @media screen and (min-width: 1000px) and (max-width: 1319px) { .about2 .ab-mid .ab5main .zhanshi_tp2 { width: 980px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .ulBigPic { margin-left: 55px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPicBox { width: 980px; } .about2 .ab-mid .ab5main .zhanshi_tp2 .dSmallPic { left: 55px; } } @media screen and (min-width: 1000px) { .about2 .ab-mid .ab5main .gongchang2 { display: none; } } @media screen and (max-width: 999px) { .about2 .ab-mid .ab5main .zhanshi_tp2 { display: none; } .about2 .ab-mid .ab5main .gongchang2 { width: 100%; } .about2 .ab-mid .ab5main .gonglie2 { display: block; width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%; margin-top: 30px; } .about2 .ab-mid .ab5main .gongtu2 img { width: 100%; max-width: 845px; max-height: 547px; } .about2 .ab-mid .ab5main .gongzi2 { display: block; text-align: center; line-height: 30px; margin-top: 5px; } .about2 .ab-mid .ab5main .ab3main { padding-bottom: 39px; } } @media screen and (max-width: 639px) { .about2 .ab-mid .ab5main .gonglie2 { width: 95%; } .about2 .ab-mid .ab5main .wenav a { width: 135px; font-size: 12px; font-size: 1.2rem; font-weight: normal; margin: 0 2px; } } @media screen and (max-width: 999px) { .about2 .ab-top1 { margin-top: 30px; } .about2 .ab-top1 p { font-size: 14px; font-size: 1.4rem; } .about2 .ab-mid .ab5main { padding-bottom: 30px; } } .about3 { padding-bottom: 52px; } .about3 .ab-top1 { margin-top: -6px; margin-bottom: 35px; } .about3 .ab-top1 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; } .about3 .ab-ul1 .subtitle1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; } .about3 .ab-ul1 .subtitle1 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; } .about3 .ab-ul1 .imgab { position: relative; z-index: 9; padding-top: 0px; margin-top: 29px; margin-bottom: 46px; } .about3 .ab-ul1 .imgab .preab, .about3 .ab-ul1 .imgab .nextab { position: absolute; display: block; width: 14px; height: 23px; top: 50%; margin-top: -24px; z-index: 999; } .about3 .ab-ul1 .imgab .preab { left: 0px; cursor: pointer; background: url(../images/i3-1imgleft.png) no-repeat center center; } .about3 .ab-ul1 .imgab .preab:hover { cursor: pointer; background: url(../images/i3-1imglefton.png) no-repeat center center; } .about3 .ab-ul1 .imgab .nextab { right: 0px; cursor: pointer; background: url(../images/i3-1imgright.png) no-repeat center center; } .about3 .ab-ul1 .imgab .nextab:hover { cursor: pointer; background: url(../images/i3-1imgrighton.png) no-repeat center center; } .about3 .ab-ul1 .listab { position: relative; overflow: hidden; z-index: 99; width: 1080px; margin: 0 auto; } .about3 .ab-ul1 .listab ul { width: 9999px; } .about3 .ab-ul1 .listab li { float: left; display: block; width: 325px; margin-right: 52px; } .about3 .ab-ul1 .listab li .libot1 { padding: 7px 12px 10px; border: 1px solid #014099; } .about3 .ab-ul1 .listab li a { display: block; } .about3 .ab-ul1 .listab li a.litop { overflow: hidden; position: relative; } .about3 .ab-ul1 .listab li a.litop img { margin: 0 auto; } .about3 .ab-ul1 .listab li a.litop .fzz { position: absolute; width: 100%; height: 100%; left: 0; top: -100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; background: #014099 url(../images/fangda2.png) no-repeat center center; background: rgba(1, 64, 153, 0.8) url(../images/fangda2.png) no-repeat center center; } .about3 .ab-ul1 .listab li a.litop:hover .fzz { top: 0; } .about3 .ab-ul1 .listab li .libot { margin-top: 13px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; } @media screen and (max-width: 1219px) { .about3 .ab-ul1 .listab { width: 830px; } .about3 .ab-ul1 .listab li { width: 250px; margin-right: 40px; } } @media screen and (max-width: 979px) { .about3 .ab-ul1 .listab li a.litop .fzz { top: 0 !important; background: url(../images/fangda2.png) no-repeat center center; background-size: 30px 30px; } .about3 .ab-ul1 .listab { width: 100%; } .about3 .ab-ul1 .listab ul { width: 1000%; } .about3 .ab-ul1 .listab ul li { width: 3.2%; margin-right: 0.2%; } } @media screen and (max-width: 768px) { .about3 { padding-bottom: 20px; } .about3 .ab-top1 { margin-top: 30px; } .about3 .ab-top1 p { font-size: 14px; font-size: 1.4rem; } .about3 .ab-ul1 .subtitle1 { font-size: 14px; font-size: 1.4rem; } .about3 .ab-ul1 .imgab { margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 600px) { .about3 .ab-ul1 .listab ul li { width: 4.8%; margin-right: 0.2%; } } .about4 .ab-mid li { float: left; margin-left: 63px; width: 358px; margin-bottom: 44px; } .about4 .ab-mid li .lizz { display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: #000 url(../images/fangda1.png) no-repeat center center; background: rgba(0, 0, 0, 0.5) url(../images/fangda1.png) no-repeat center center; } .about4 .ab-mid li:hover .lizz { top: 0; } .about4 .ab-mid li a { display: block; } .about4 .ab-mid li a img { margin: 0 auto; } .about4 .ab-mid li a.litop { position: relative; overflow: hidden; } .about4 .ab-mid li a.libot { margin-top: 12px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; } .about4 .page { margin-top: 0; } @media screen and (max-width: 1219px) { .about4 .page { margin-top: 20px; } .about4 .ab-mid li { width: 31%; margin: 1% !important; } } @media screen and (max-width: 999px) { .about4 .ab-mid li .lizz { top: 0 !important; background: rgba(0, 0, 0, 0.1) url(../images/fangda1.png) no-repeat center center; } } @media screen and (max-width: 768px) { .about4 .ab-mid li { width: 48%; margin: 1% !important; } .about4 .ab-mid li .lizz { background-size: 30px 30px; } } .about5 .ab-mid li { float: left; margin-left: 53px; width: 260px; margin-bottom: 53px; } .about5 .ab-mid li .lizz { display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: #014099 url(../images/fangda1.png) no-repeat center center; background: rgba(1, 64, 153, 0.8) url(../images/fangda1.png) no-repeat center center; } .about5 .ab-mid li:hover .lizz { top: 0; } .about5 .ab-mid li a { display: block; } .about5 .ab-mid li a img { margin: 0 auto; } .about5 .ab-mid li a.litop { position: relative; overflow: hidden; } .about5 .ab-mid li a.libot { margin-top: 12px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; height: 18px; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/} .about5 .page { margin-top: 0; } @media screen and (max-width: 1219px) { .about5 .page { margin-top: 20px; } .about5 .ab-mid li { width: 23%; margin: 1% !important; } } @media screen and (max-width: 999px) { .about5 .ab-mid li .lizz { top: 0 !important; background: url(../images/fangda1.png) no-repeat center center; } } @media screen and (max-width: 768px) { .about5 .ab-mid li { width: 31%; margin: 1% !important; } .about5 .ab-mid li .lizz { background-size: 30px 30px; } } @media screen and (max-width: 500px) { .about5 .ab-mid li { width: 48%; margin: 1% !important; } } /* ===========================================video========================================= */ .video { padding-top: 14px; padding-bottom: 78px; } .video .big { max-width: 825px; margin: 0 auto 67px; } .video .big .top { position: relative; overflow: hidden; } .video .big .datu { display: block; } .video .big .datu img { max-width: 100%; display: block; } .video .big .top a.vzhezhao { display: block; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; width: 100%; top: 0; left: 100%; height: 100%; background: url(../images/bofang.png) no-repeat center center; position: absolute; } .video .big .top:hover a.vzhezhao { left: 0; } .video .bottom a { display: block; text-align: center; } .video .bottom a.a1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 13px; margin-bottom: 2px; } .video .bottom a.a2 { font-size: 14px; font-size: 1.4rem; line-height: 30px; } .video .small ul li { float: left; margin-left: 28px; margin-bottom: 35px; width: 381px; } .video .small .s-top { position: relative; overflow: hidden; } .video .small .datu { display: block; } .video .small .datu img { max-width: 100%; display: block; } .video .small .s-top a.vzhezhao { display: block; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; width: 100%; top: 0; left: 100%; height: 100%; position: absolute; } .video .small .s-top:hover a.vzhezhao { left: 0; } .video .small .s-bottom { margin-top: -2px; padding: 0 15px 15px 15px; } .video .small .s-bottom a { display: block; text-align: center; } .video .small .s-bottom a.title { font-size: 16px; font-size: 1.6rem; color: #333; margin-top: 14px; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; } .video .small .s-bottom a.title:hover { color: #014099; } .video .small .s-bottom a.miaoshu { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #333; } .video .small .s-bottom a.miaoshu:hover { color: #014099; } @media screen and (max-width: 1219px) { .video .small ul li { width: 31%; margin: 1% !important; } .video .big { margin-bottom: 20px; } } @media screen and (max-width: 849px) { .video .bottom a.a1 { font-size: 14px; font-size: 1.4rem; } .video .small .s-bottom { margin-bottom: 0; padding-bottom: 0; } .video .small .s-bottom a.title { font-size: 14px; font-size: 1.4rem; } .video { padding-bottom: 20px; } .video .small ul li { width: 48%; margin: 1% !important; } .video .big .top a.vzhezhao { background-size: 40px 40px; left: 0; } } @media screen and (max-width: 410px) { .video .small ul li { width: 98%; margin: 1% !important; } } /* ===========================================partner========================================= */ .partner ul { padding-top: 10px; } .partner li { width: 48%; margin-bottom: 33px; } .partner li.li1 { float: left; } .partner li.li2 { float: right; } .partner li .limg a { display: block; } .partner li .limg img { margin: 0 auto; } .partner li .rtxt { width: 268px; } .partner li .rtxt a { display: block; } .partner li .rtxt .rt-top { margin-top: 16px; margin-bottom: 11px; } .partner li .rtxt .rt-top a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; font-weight: bold; height: 60px; overflow: hidden; } .partner li .rtxt .rt-top a:hover { color: #014099; } .partner li .rtxt .rt-bot a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; height: 120px; overflow: hidden; } .partner li .rtxt .rt-bot a:hover { color: #014099; } @media screen and (max-width: 1219px) { .partner li .limg a { width: 230px; } .partner li .rtxt { width: 200px; } .partner li .rtxt .rt-top { margin-top: 5px; } } @media screen and (max-width: 979px) { .partner li .rtxt { width: -webkit-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); } .partner li { width: 100%; margin-bottom: 33px; float: none !important; } } @media screen and (max-width: 639px) { .partner li .rtxt { width: 100%; float: none; } .partner li .rtxt .rt-top { margin-top: 10px; } .partner li .rtxt .rt-top a { max-height: none; font-size: 14px; font-size: 1.4rem; height: auto; text-align: center; } .partner li .rtxt .rt-bot a { max-height: none; font-size: 14px; font-size: 1.4rem; height: auto; text-align: center; } .partner li .limg { float: none; } .partner li .limg a { margin: 0 auto; } } /* ===========================================partner1========================================= */ .partner1 .nemain2 { padding-top: 9px; padding-bottom: 87px; } .partner1 .nemain2 h1 { font-size: 20px; font-size: 2rem; line-height: 26px; text-align: center; color: 3333; } .partner1 .n-share { width: 235px; margin: 28px auto 0; } .partner1 .n-wz { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; } .partner1 .n-pic { display: block; } .partner1 .nex { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 15px; color: #666666; } .partner1 .nex p, .partner1 .nex span, .partner1 .nex strong { color: #666666; } .partner1 .nex a { color: #014099; } .partner1 .nex img { max-width: 100%; } .partner1 .nex table { width: 97%; border-collapse: collapse; line-height: 24px; } .partner1 .nex tr td { line-height: 24px; padding: 2px; } .partner1 .fanpian { border-top: 1px dashed #808080; padding-top: 17px; margin-top: 75px; } .partner1 .fanpian li { line-height: 30px; position: relative; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding-left: 91px; margin-top: 16px; font-size: 16px; font-size: 1.6rem; color: #333; } .partner1 .fanpian li span { display: block; width: 77px; height: 26px; line-height: 26px; border: 1px solid #0a0a0a; text-align: center; position: absolute; left: 0px; top: 0px; font-size: 14px; font-size: 1.4rem; background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .partner1 .fanpian li a { color: #333; } .partner1 .fanpian li:hover a { color: #014099; } /* ===========================================news========================================= */ .news .nemain { padding-top: 1px; } @media screen and (min-width: 1200px) { .news .nemain { margin-top: -42px; } } .news .nelie { width: 360px; float: left; margin-left: 57px; margin-top: 53px; } .news .netu { display: block; position: relative; max-width: 360px; margin: auto; overflow: hidden; } .news .netun { display: block; } .news .netun img { display: block; margin: auto; width: 100%; max-width: 360px; max-height: 240px; } .news .nefu { display: block; background: #333333; background: rgba(51, 51, 51, 0.89); position: absolute; width: 100%; height: 100%; left: 0px; top: 100%; } .news .nefu span { display: block; width: 148px; height: 54px; background: #014099; text-align: center; line-height: 54px; position: absolute; left: 50%; margin-left: -74px; top: 50%; margin-top: -27px; font-size: 14px; font-size: 1.4rem; color: #fff; text-transform: uppercase; } .news .nezi { display: block; font-size: 18px; font-size: 1.8rem; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; margin-top: 19px; } .news .nelie p a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666666; height: 60px; overflow: hidden; margin-top: 17px; } .news .nelie > span { display: block; font-size: 14px; font-size: 1.4rem; color: #999999; padding-left: 22px; line-height: 24px; background: url(../images/neshizhong.png) no-repeat left center; margin-top: 13px; } .news .nelie:hover .nefu { top: 0px; } .news .nelie:hover a { color: #014099; } .news .page { margin-top: 53px; margin-bottom: 63px; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .news .nelie { width: 320px; margin-left: 10px; } } @media screen and (max-width: 999px) { .news .nelie { width: 32.333%; margin-left: 0.5% !important; margin-right: 0.5%; margin-top: 20px; } .news .nezi { font-size: 16px; font-size: 1.6rem; } .news .nelie p a { font-size: 14px; font-size: 1.4rem; } .news .nemain { padding-top: 1px; padding-bottom: 24px; } } @media screen and (max-width: 699px) { .news .nelie { width: 49%; margin-left: 0.5%; margin-right: 0.5%; } .news .page { margin-top: 20px; margin-bottom: 0; } } @media screen and (max-width: 459px) { .news .nelie { width: 99%; margin-left: 0.5%; margin-right: 0.5%; } } .hbiti.hbiti1 { background: url(../images/hot.png) no-repeat center center; } /* ===========================================news1========================================= */ .news1 .nemain2 { padding-top: 9px; padding-bottom: 87px; } .news1 .nemain2 h1 { font-size: 20px; font-size: 2rem; line-height: 26px; text-align: center; color: 3333; } .news1 .n-share { width: 226px; margin: 13px auto 0; } .news1 .n-wz { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; color: #666; } .news1 .n-pic { display: block; } .news1 .n-riqi { width: 110px; margin: 16px auto 0; font-size: 14px; font-size: 1.4rem; color: #999; padding-left: 21px; background: url(../images/neshizhong.png) no-repeat left center; } .news1 .nex { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 15px; color: #666666; } .news1 .nex p, .news1 .nex span, .news1 .nex strong { color: #666666; } .news1 .nex a { color: #014099; } .news1 .nex img { max-width: 100%; } .news1 .nex table { width: 97%; border-collapse: collapse; line-height: 24px; } .news1 .nex tr td { line-height: 24px; padding: 2px; } .news1 .fanpian { border-top: 1px dashed #808080; padding-top: 17px; margin-top: 75px; } .news1 .fanpian li { line-height: 30px; position: relative; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding-left: 91px; margin-top: 16px; font-size: 16px; font-size: 1.6rem; color: #333; } .news1 .fanpian li .span { display: block; width: 77px; height: 26px; line-height: 26px; border: 1px solid #0a0a0a; text-align: center; position: absolute; left: 0px; top: 0px; font-size: 14px; font-size: 1.4rem; background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .news1 .fanpian li a { color: #333; } .news1 .fanpian li:hover a { color: #014099; } /* ===========================================contact========================================= */ .contact { padding-bottom: 95px; } .sino { text-align: center; font-size: 60px; font-size: 6rem; } .whether { text-align: center; padding: 0 265px; font-size: 26px; font-size: 2.6rem; margin-top: 22px; margin-bottom: 79px; line-height: 30px; } .cz_part { width: 510px; padding-top: 10px; } .clxfs > li > span { font-size: 18px; font-size: 1.8rem; color: #333; display: block; } .clxfs > li { margin-bottom: 28px; } .clxfs > li p { padding-left: 27px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333333; } .clxfs > li p a { color: #333333; } .cicbiao { color: #333333; line-height: 30px; font-size: 16px; font-size: 1.6rem; padding-left: 26px; } .cicbiao a { color: #333333; line-height: 30px; font-size: 16px; font-size: 1.6rem; } .clxfs > li.li1 { margin-bottom: 17px; } .clxfs > li p.cicbiao1 { color: #014099; padding-left: 0; font-size: 24px; font-size: 2.4rem; line-height: 30px; } .clxfs > li p.cicbiao2 { background: url("../images/cic1.png") no-repeat left 5px; color: #333; font-size: 16px; font-size: 1.6rem; line-height: 30px; } .cicbiao3 { background: url("../images/cic2.png") no-repeat left 10px; } .cicbiao4 { background: url("../images/cic3.png") no-repeat left 7px; } .cicbiao5 { background: url("../images/cic4.png") no-repeat left 5px; } .cicbiao6 { background: url("../images/cic5.png") no-repeat left 10px; } .cicbiao7 { background: url("../images/cic6.png") no-repeat left 7px; } .cicbiao8 { background: url("../images/whatsapppy.png") no-repeat left 7px; } .cicbiao9 { background: url("../images/skypepy.png") no-repeat left 7px; } .cicbiao10 { background: url("../images/wechatpy.png") no-repeat left 7px; } .cicbiao6 a.a1 { margin-right: 21px; } .cp1 { font-weight: bold; margin-bottom: 3px; } .cp2 { line-height: 24px; } .cicbiao1 li { margin-bottom: 28px; } .clxfs a:hover { color: #3172c4; } .wu { font-weight: bold; margin-bottom: 10px; } .cy_part { width: 662px; padding-top: 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .cy_part .title { font-size: 20px; font-size: 2rem; color: #333; } .cy_part p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 28px; padding-top: 3px; padding-bottom: 33px; } .xing input { width: 298px; height: 52px; line-height: 52px; padding-left: 13px; color: #333; font-family: "arail"; font-size: 14px; font-size: 1.4rem; border: 1px solid #d2d2d2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .xing { padding-left: 14px; margin-bottom: 23px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; } .xing2 { background: url("../images/xing.jpg") no-repeat left 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .textarea { width: 632px; padding-left: 13px; border: 1px solid #d2d2d2; line-height: 37px; height: 191px; color: #333; font-family: "arail"; font-size: 14px; font-size: 1.4rem; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .xing input.capt { width: 163px; height: 52px; padding-left: 13px; color: #666666; border: 1px solid #d2d2d2; } .yzm { cursor: pointer; vertical-align: top; margin-left: 17px; position: relative; top: -2px; } .xing3 { display: inline-block; } .csub { width: 250px; height: 54px; text-align: center; text-align: center; background: #014099; color: #fff; float: right; cursor: pointer; font-size: 14px; font-size: 1.4rem; font-family: "arail"; line-height: 54px; } .csub:hover { background: #333; } .ditu { margin-top: 80px; } .ditu img { display: block; width: 100%; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .cz_part { width: 280px; } .cy_part { width: 670px; } .xing input { width: 300px; } .textarea { width: 643px; } .csub { width: 220px; } .whether { padding: 0 50px; } .con_name input { height: 52px; width: -webkit-calc( 100% - 13px); width: -moz-calc( 100% - 13px); width: calc( 100% - 13px); font-size: 16px; font-size: 1.6rem; padding-left: 13px; color: #a6a6a6; border: 1px solid #d2d2d2; } } @media screen and (max-width: 999px) { .cz_part { width: 100%; padding-top: 20px; } .cy_part { width: 100%; padding-top: 20px; } .textarea { width: -webkit-calc( 100% - 13px); width: -moz-calc( 100% - 13px); width: calc( 100% - 13px); } .contact { padding-bottom: 70px; } .zydiv { width: 100%; } .xing input { width: -webkit-calc( 100% - 13px); width: -moz-calc( 100% - 13px); width: calc( 100% - 13px); } .whether { padding: 0 30px; } .head2 .nav_list { margin-top: 20px; } .con_name input { height: 52px; width: -webkit-calc( 100% - 13px); width: -moz-calc( 100% - 13px); width: calc( 100% - 13px); font-size: 16px; font-size: 1.6rem; padding-left: 13px; color: #a6a6a6; border: 1px solid #d2d2d2; } .clxfs > li { margin-bottom: 10px; } .ditu { margin-top: 20px; } } @media screen and (max-width: 850px) { .csub { width: -webkit-calc(100% - 14px); width: -moz-calc(100% - 14px); width: calc(100% - 14px); } .ditul { width: 100%; float: none; } .ditur { width: 100%; float: none; } } @media screen and (max-width: 699px) { .zydiv { width: 100%; } .xing3 { display: block; } .yzm { margin-bottom: 27px; margin-left: 14px; } .sino { font-size: 40px; font-size: 4rem; } .whether { font-size: 20px; font-size: 2rem; } .xing input.capt { width: -webkit-calc(100% - 13px); width: -moz-calc(100% - 13px); width: calc(100% - 13px); } .clxfs > li p.cicbiao1 { font-size: 20px !important; font-size: 2rem !important; } .cicbiao { font-size: 14px !important; font-size: 1.4rem !important; } .cicbiao a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 479px) { .contact { padding-bottom: 20px; } } @media screen and (max-width: 420px) { .xing input.capt { width: 96%; } .xing3 { display: block; } .yzm { margin-bottom: 20px; margin-left: 15px; } } @media screen and (max-width: 768px) { ::-webkit-input-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: "arail"; } :-o-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: "arail"; } ::-moz-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: "arail"; } :-ms-input-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: "arail"; } } /*# sourceMappingURL=index.css.map */ /* ===========================================video========================================= */ .video{padding-top: 14px;padding-bottom: 78px;text-align: center;} .video .big{max-width:825px;margin: 0 auto 67px; } .video .big .top{position: relative;overflow: hidden;} .video .big .video1{ position: relative;padding-bottom: 62.7%;height: 0;overflow: hidden;margin: 0 auto;} .video .big .video1 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .video .big .video1 iframe body{margin: 0!important;} .video .bottom a.a1{font-size:16px;font-size:1.6rem;line-height: 30px;margin-top: 13px;margin-bottom: 2px;} .video .bottom a.a2{font-size:14px;font-size:1.4rem;line-height: 30px;} .video .small ul li{float: left;margin-left: 28px;margin-bottom: 35px;width: 381px;} .video .small .s-top{position: relative;overflow: hidden;} .video .small .video2{ position: relative;padding-bottom: 62.4%;height: 0;overflow: hidden;margin: 0 auto;} .video .small .video2 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .video .small .video2 iframe body{margin: 0!important;} .video .small .s-bottom {margin-top: -2px; padding: 0 15px 15px 15px; } .video .small .s-bottom a{display: block;text-align: center;} .video .small .s-bottom a.title{font-size:16px;font-size:1.6rem;color:#333;margin-top: 14px;margin-bottom: 6px;} .video .small .s-bottom a.title:hover{color: $maincolor;} .video .small .s-bottom a.miaoshu{font-size:14px;font-size:1.4rem;line-height: 24px;color:#333;} .video .small .s-bottom a.miaoshu:hover{color: $maincolor;} @media screen and (max-width:1219px){ .video .small ul li{width: 31%;margin: 1%!important;} .video .big{margin-bottom: 20px;} } @media screen and (max-width:849px){ .video .bottom a.a1{font-size:14px;font-size:1.4rem;} .video .small .s-bottom{margin-bottom: 0;padding-bottom: 0;} .video .small .s-bottom a.title{font-size:14px;font-size:1.4rem;} .video{padding-bottom: 20px;} .video .small ul li{width: 48%;margin: 1%!important;} .video .big .top a.vzhezhao{background-size: 40px 40px;left: 0;} .video .big .video1 iframe{ width:100% !important} } @media screen and (max-width:410px){ .video .small ul li{width: 98%;margin: 1%!important;} } .xing label{ height:23px; line-height:27px; color:red; font-weight:normal; position: absolute;} .zanwu{ padding-bottom:30px; padding-top:30px; text-align: left;} .main8{ margin-top: 60px; margin-bottom: 84px; .title{margin-bottom: 57px;padding-bottom: 13px; background:url(../images/titlebg.jpg) no-repeat bottom center;} .title a{text-align: center;display: block;} .title a:hover{color:$maincolor;} .img-scroll7 { position:relative; z-index:9; padding-top:9px; } .img-list7 { position:relative; overflow:hidden; z-index:99} .img-list7 ul { width:9999px;} .img-list7 li { float:left; display:block; width:180px; margin-right:24px;} } .main8 { margin-top: 60px; margin-bottom: 84px; } .main8 .title { margin-bottom: 57px; padding-bottom: 13px; background: url(../images/titlebg.jpg) no-repeat bottom center; } .main8 .title a { text-align: center; display: block; } .main8 .title a:hover { color: #014099; } .main8 .img-scroll7 { position: relative; z-index: 9; padding-top: 9px; } .main8 .img-list7 { position: relative; overflow: hidden; z-index: 99; } .main8 .img-list7 ul { width: 9999px; } .main8 .img-list7 li { float: left; display: block; width: 180px; margin-right: 24px; } @media screen and (max-width: 1219px) { .main8 .img-list7 li { margin-right: 18px; } } @media screen and (max-width: 999px) { .main8 .img-list7 ul { width: 1000%; } .main8 .img-list7 li { width: 1.9%; margin-right: 0.125%; } } @media screen and (max-width: 979px) { .main8 { margin-top: 30px; margin-bottom: 20px; } .main8 .title { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .main8 .img-list7 li { width: 2.4%; margin-right: 0.1333%; } } @media screen and (max-width: 639px) { .main8 .img-list7 li { width: 3.2%; margin-right: 0.2%; } } @media screen and (max-width: 438px) { .main8 { margin-top: 0px; } .main8 .img-list7 li { width: 4.9%; margin-right: 0.2%; } } .juse{ color:#014099 !important;} .list_cart{ margin-bottom:30px;} .shejiaopy{ display:none;} @media screen and (max-width: 768px) { .shejiaopy{ display:block;} .head .head-top .shejiao1{ display:none} .head .head-top{ display:none} } .shejiao1 .yy{text-transform: uppercase; padding: 5px 0; padding-left: 13px; margin-left: 14px; float: right;color: #fff;} .shejiao1 .yy a{color: #fff; font-size: 16px; font-size: 1.6rem;} .shejiao1 .yy img{ width: 35px;} .xyy{display: none;margin-right: 15%} .xyy img{width: 35px;} @media screen and (max-width: 768px) { .xyy{display: block;} }