/* CSS Document */ * { margin: 0; padding: 0; } input[type="submit"] { cursor: pointer; } input[type="checkbox"] { cursor: pointer; } input[type="radio"] { cursor: pointer; } img.imgyzm { cursor: pointer; } .disnone { display: none; } html { font-size: 62.5%; height: 100%; background-color: #fff; } body { -webkit-transition: 0.5s; transition: 0.5s; margin: 0 auto; font-size: 14px; font-size: 1.4rem; max-width: 1920px; position: relative; overflow-x: hidden; font-family: "LatoRegular"; } img { border: none; } .img_responsive { display: block; max-width: 100%; height: auto; } ul li { list-style-type: none; -webkit-transition: 1s all; transition: 1s all; } a, dd, dl, dt, form, img, li, p, span, table, td, tr { margin: 0; padding: 0; list-style: none; color: #333; -webkit-transition: 1s all; transition: 1s all; } 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; -webkit-transition: 0.3s; transition: 0.3s; } h1 { margin: 0; padding: 0; font-weight: normal; color: #333; } .clear { clear: both; } .maln { margin-left: auto !important; } .mln { margin-left: 0 !important; } input, textarea { font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; } .l { float: left; } .r { float: right; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .box { position: relative; } .wp { width: 1200px; margin: auto; } @media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } } @media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } } @media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } } ::-webkit-input-placeholder { /* WebKit browsers */ font-family: "LatoRegular"; color: #333333; } :-o-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: "LatoRegular"; color: #333333; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: "LatoRegular"; color: #333333; } :-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: "LatoRegular"; color: #333333; } /* slideshow */ .slideshow .item img { width: 100%; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .slideshow .item.slick-active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .slick-dots { position: absolute; width: 100%; bottom: -43px; text-align: center; z-index: 999; } .slick-dots li { display: inline-block; background: #ffffff; padding-top: 13px; padding-bottom: 13px; padding-left: 9px; } .slick-dots li:last-child { padding-right: 9px; } .slick-dots li img { cursor: pointer; display: block; box-sizing: border-box; border: 4px solid transparent; max-width: 288px; max-height: 105px; width: 100%; margin: 0 auto; } .slick-dots li.slick-active img { border: 4px solid #c4c4c4; } .slick-prev, .slick-next { width: 74px; height: 74px; border: 0px; font-size: 0px; cursor: pointer; display: none !important; } .slick-prev { position: absolute; top: 50%; margin-top: -37px; left: 0px; z-index: 999; background: url(../png/header_l.png) no-repeat center center; cursor: pointer; } .slick-next { position: absolute; top: 50%; margin-top: -37px; right: 0px; z-index: 999; background: url(../png/header_r.png) no-repeat center center; cursor: pointer; } .slideshow:hover .slick-prev, .slideshow:hover .slick-next { display: block !important; } .slick-prev:hover { background: url(../png/header_lh.png) no-repeat center center; } .slick-next:hover { background: url(../png/header_rh.png) no-repeat center center; } @media screen and (max-width: 999px) { .slideshow:hover .slick-prev, .slick-next { display: none !important; } } .slide .carouse { width: 100%; overflow: hidden; position: relative; } .slide .slideItem .banner-img { display: block; width: 100%; } .slide .slideItem { display: block; } .slide .carouse .slideItem { width: 100%; position: absolute; } .slide { position: relative; } .slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; } .slide .dotList { text-align: center; position: absolute; bottom: 12px; left: 50%; margin-left: -118px; } .slide .dotList ul li { display: inline-block; width: 38px; height: 3px; background: url(../png/yao_hui.png) no-repeat center center; margin-left: 6px; margin-right: 6px; cursor: pointer; } .slide .dotList ul li.active { width: 75px; height: 3px; background: url("../png/yao_1.png") no-repeat center center; } .slide .carousel-control { position: absolute; top: 50%; width: 74px; height: 74px; z-index: 999; margin-top: -37px; } .slide .carousel-control.left { left: 0; background: url(../png/header_l.png) no-repeat center center; cursor: pointer; } .slide .carousel-control.right { right: 0; background: url(../png/header_r.png) no-repeat center center; cursor: pointer; } .slide .carousel-control.left:hover { background: url(../png/header_lh.png) no-repeat center center; } .slide .carousel-control.right:hover { background: url(../png/header_rh.png) no-repeat center center; } .slide .slidedetail { display: none; } .imgtoVideo img { width: 100%; } .imgtoVideo > div { padding: 1px; position: relative; cursor: pointer; width: 49%; display: inline-block; } .imgtoVideo > div:hover .imgtoVideoDetail { display: block; } .imgtoVideo .imgtoVideoDetail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1px; display: none; } .imgtoVideo .imgtoVideoDetail > div { background: rgba(0, 98, 197, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); width: 100%; height: 100%; text-align: center; } .imgtoVideo .tovideo .imgtoVideoDetail { display: block; } .imgtoVideo .tovideo .imgtoVideoDetail > div { background: #0C2D47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17%; } .imgtoVideo .imgtoVideoDetail .fa-search { color: #fff; font-size: 25px; margin-top: 21%; } .contentIV { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); margin: 0 auto; z-index: -999; max-width: 1024px; display: none; } #picturetoVideo .carouse .slideItem { display: table; height: 100%; } #picturetoVideo .carouse .slideItem > div { display: table-cell; vertical-align: middle; text-align: center; } #picturetoVideo .carouse .slideItem .banner-img { max-width: 100%; width: auto; } .closeContentIV { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: bold; cursor: pointer; z-index: 999; } .dan999 { display: block; } .dan998 { display: none; } @media screen and (max-width: 999px) { .dan999 { display: none; } .dan998 { display: block; } } /* search */ .search { width: 30px; z-index: 99999; position: relative; background: none; top: 35px; right: 0px; } .sb-icon-search { color: #fff; width: 30px; height: 30px; display: block; } .sb-search-submit { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: transparent; border: none; outline: none; z-index: 99999; } .sb-search { position: relative; width: 0%; min-width: 30px; height: 30px; float: right; display: inline; overflow: hidden; -webkit-transition: width 0s; transition: width 0s; -webkit-backface-visibility: hidden; z-index: 99999; border-radius: 5px; color: #333; } .sb-search-input { position: absolute; top: 0; left: 0px; outline: none; width: 236px; height: 30px; line-height: 30px; padding-left: 10px; border: none; margin: 0; z-index: 10; background: transparent; color: #fff; } .sb-icon-search, .sb-search-submit { width: 30px; height: 30px; display: block; position: absolute; right: 0px; top: 0px; padding: 0; margin: 0; cursor: pointer; background: url(../png/sousuo.png) no-repeat center; } .sb-search.sb-search-open, .no-js .sb-search { width: 236px; height: 30px; line-height: 30px; position: relative; right: 0px; top: 0px; z-index: 9999999; background: #333; color: #fff; border: 1px solid #ed0000; } .no-js .sb-search .sb-icon-search { position: absolute; background: #333 url(../png/sousuo.png) no-repeat center; z-index: 15; right: 0px; top: 0px; border: none !important; } .no-js .sb-search .sb-search-submit { z-index: 9990; } @font-face { font-family: 'LatoBold'; src: url("../eot/latobold.eot"); src: url("../eot/latobold.eot") format("embedded-opentype"), url("../woff2/latobold.woff2") format("woff2"), url("../woff/latobold.woff") format("woff"), url("../ttf/latobold.ttf") format("truetype"), url("../svg/latobold.svg#LatoBold") format("svg"); } @font-face { font-family: 'LatoRegular'; src: url("../eot/latoregular.eot"); src: url("../eot/latoregular.eot") format("embedded-opentype"), url("../woff2/latoregular.woff2") format("woff2"), url("../woff/latoregular.woff") format("woff"), url("../ttf/latoregular.ttf") format("truetype"), url("../svg/latoregular.svg#LatoRegular") format("svg"); } @font-face { font-family: 'LatoLight'; src: url("../eot/latolight.eot"); src: url("../eot/latolight.eot") format("embedded-opentype"), url("../woff2/latolight.woff2") format("woff2"), url("../woff/latolight.woff") format("woff"), url("../ttf/latolight.ttf") format("truetype"), url("../svg/latolight.svg#LatoLight") format("svg"); } .ziti { font-family: 'LatoBold'; } .zitilr { font-family: 'LatoRegular'; } .zitill { font-family: 'LatoLight'; } /* header_top */ .header_top { background: #313131; color: #fff; } .header_top a { color: #fff; } .header_top .h_right { text-align: right; font-family: 'LatoLight'; height: 38px; line-height: 38px; } .header_top .h_right a:nth-child(3){ padding-left: 22px; display: inline-block; background: url(../png/hpan1.png) no-repeat left center; } .header_top .h_right span { color: #fff; margin-left: 53px; padding-left: 22px; display: inline-block; background: url(../png/hpan2.png) no-repeat left center; } .header_top .shejiao { float: left; margin-top: 5px; } .header_top .shejiao a { display: block; float: left; margin-right: 10px; background: url(../png/htop.png) repeat-y right center; } .header_top .shejiao a:last-child { background: none; } .header_top .shejiao img { display: block; margin: 0 auto; max-width: 24px; max-height: 28px; width: 100%; } /* header */ .header { position: relative; width: 100%; background: #1c1c1c; } /*.header .logo { margin-top: 20px; }*/ .header .logo img { display: block; max-width: 144px; max-height: 107px; width: 75%; text-align: center; margin: 0 auto; padding-top: 12px; } .header_ul1 { padding-left: 0px; } .header_ul1 > li { float: left; margin-left: 2px; margin-right: 4px; position: relative; } .header_ul1 > li > a { color: #ffffff; line-height: 110px; display: block; background: url(../jpg/header_libj.jpg) no-repeat -150px bottom; -webkit-transition: 1s all; transition: 1s all; font-size: 18px; font-size: 1.8rem; padding: 0px 20px; text-transform: uppercase; font-family: 'LatoRegular'; } .header_ul1 > li > a > img { display: inline-block; position: relative; top: -5px; left: 3px; } .header_ul1 > li:last-child { background: url(../jpg/header_libj.jpg) repeat center center; } .header_ul1 > li:hover > a { background: url(../jpg/header_libj.jpg) repeat no-repeat bottom; } .header_ul1 li.on > a { background: url(../jpg/header_libj.jpg) repeat no-repeat bottom; } .header_ul1 > li:hover .dan_header { display: block; } .header_ul1 .dan_header { display: none; width: 236px; position: absolute; left: 0px; top: 100%; background: #fff; background: rgba(255, 255, 255, 0.8); z-index: 999999; } .header_ul1 .dan_header > ul { padding-top: 5px; } .header_ul1 .dan_header > ul > li { margin-top: 0px; line-height: 43px; position: relative; left: 0px; } .header_ul1 .dan_header > ul > li > a { border-bottom: 1px solid #bfbfbf; margin: 0px 10px; position: relative; font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 43px; display: block; } .header_ul1 .dan_header > ul > li:last-child a { border: 0px; } .header_ul1 .dan_header > ul > li:hover { background: #ed0000; } .header_ul1 .dan_header > ul > li:hover > a { color: #fff; border-color: #ed0000; } .header_ul1 .dan_header > ul > li:hover .dan_sanheader { display: block; } .header_ul1 .dan_sanheader { display: none; width: 236px; padding-left: 0px; position: absolute; left: 100%; top: -5px; z-index: 999999; } .header_ul1 .dan_sanheader > ul { padding-top: 5px; background: #fff; background: rgba(255, 255, 255, 0.8); } .header_ul1 .dan_sanheader > ul > li { line-height: 44px; position: relative; } .header_ul1 .dan_sanheader > ul > li > a { padding-left: 10px; font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 44px; display: block; } .header_ul1 .dan_sanheader > ul > li:hover > a { color: #fff; background: #ed0000; } .header_ul1 .dan_sanheader > ul > li:hover .dan_erader { display: block; } .header_ul1 .dan_erader { display: none; width: 236px; padding-left: 0px; position: absolute; left: 100%; top: -5px; z-index: 999999; } .header_ul1 .dan_erader > ul { padding-top: 5px; background: #fff; background: rgba(255, 255, 255, 0.8); } .header_ul1 .dan_erader > ul > li { line-height: 44px; position: relative; } .header_ul1 .dan_erader > ul > li > a { padding-left: 10px; font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 44px; display: block; } .header_ul1 .dan_erader > ul > li:hover > a { color: #fff; background: #ed0000; } @media screen and (max-width: 1219px) { .header_ul1 > li { margin-left: 0px; } .header_ul1 > li > a { padding: 0px 12px; font-size: 14px!important;font-size: 1.4rem!important;} .slick-dots li img { max-width: 190px; } .slick-dots li { padding-top: 5px; padding-bottom: 5px; } } @media screen and (max-width: 999px) { .header { position: relative; background: #fff; } .header_ul1 > li { margin-left: 0px; } .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 999px) { .header_top { display: none; } .slideshow { display: none; } .search { display: none; } .header { background: #fff; } .header_right { display: none; } .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 274px; margin-top: 10px; } } /* nav_head */ .nav_head { width: 100%; margin-top: 10px; background: #1c1c1c; display: none; } .nav_head li { text-align: center; width: 25%; float: left; } .nav_head li a { display: block; font-size: 18px; font-size: 1.8rem; color: #fff; line-height: 30px; } .nav_head li.on a { background: #ed0000; } .nav_head li:hover a { background: #ed0000; } @media screen and (max-width: 999px) { .nav_head { display: block; } } @media screen and (max-width: 640px) { .nav_head li a { font-size: 14px; font-size: 1.4rem; line-height: 30px; } } /*.container*/ .container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-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: 0px; 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 { 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(../png/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; 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("../png/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: 50px; } .container .nav > ul > li > a span { font-family: "LatoRegular"; 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: 50px; 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-family: "LatoRegular"; 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: 50px; 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-family: "LatoRegular"; 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 { margin-right: 50px; 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-family: "LatoRegular"; font-size: 12px; font-size: 1.2rem; color: #fff; } .container .nav > ul > dl { padding: 20px; } .container .nav > ul > dl dd { float: left; margin: 0 2px; } .container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-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: #333; } @media screen and (min-width: 1000px) { .container, .nav { display: none !important; } } /* footer */ .footer { background: #272727; padding-top: 38px; } .footer a { position: relative; left: 0px; -webkit-transition: 1s all; transition: 1s all; } .footer .title { font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 30px; text-transform: uppercase; font-family: 'LatoRegular'; } .footer .title a { color: #fff; } .footer_left { float: left; width: 334px; } .footer_center { float: left; width: 291px; } .footer_center2 { float: left; width: 252px; } .footer_right { float: right; width: 235px; } .ftx_ul { margin-top: 26px; font-family: 'LatoLight'; } .ftx_ul li { line-height: 30px; color: #eeecec; } .ftx_ul li a { color: #eeecec; } .ftx_ul2 { margin-top: 26px; font-family: 'LatoLight'; } .ftx_ul2 li { line-height: 30px; color: #eeecec; } .ftx_ul2 li a { color: #eeecec; position: relative; left: 0px; } .footer a:hover { color: #ed0000; } .footer_right { font-family: 'LatoLight'; } .footer_right .fr_title { margin-top: 26px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #eeecec; } .footer_right .fr_title img { position: relative; top: 5px; margin-right: 5px; } .footer_right p { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #eeecec; } .footer_right a { color: #eeecec; } .footer_right a.cnzz { display: inline-block; margin-left: 10px; margin-right: 10px; } .footer_bot { margin-top: 27px; /*height: 70px; */font-family: 'LatoLight'; border-top: 1px solid #707070; color: #ffffff; } .Links { margin-top: 14px; /*height: 30px; */line-height: 30px; display: block; } .Links a { display: inline-block; padding-right: 10px; color: #ffffff; } @media screen and (max-width: 1219px) { .footer_center { width: 200px; } .footer_bot { padding-bottom: 10px; } .footer_bot { line-height: 30px; } .footer_bot a, .footer_bot p { line-height: 30px; } .footer_left { width: 244px; } .footer .shejiao a { margin-bottom: 10px; margin-left: 0px; margin-right: 10px; } } @media screen and (max-width: 999px) { .footer_left { width: 45%; float: left; height: 280px; } .footer_center { width: 45%; float: right; height: 280px; } .footer_center2 { width: 45%; float: left; } .footer_right { width: 45%; float: right; } .footer .shejiao { margin-bottom: 20px; } .footer_right .c_nr { width: calc( 100% - 23px); } .footer_right .c_captcha { width: calc( 48% - 15px); margin-bottom: 10px; } .footer_right .c_input { width: calc( 100% - 35px); } .footer_right .c_textarea { width: calc( 100% - 35px); } .footer_right .c_send { width: 30%; } } @media screen and (max-width: 768px) { .footer { padding: 10px 0px; } .footer_left { display: none; } .footer_center { display: none; } .footer_center2 { display: none; } .footer .title { display: none; } .footer_right { width: 100%; margin: 0 auto; } .footer_right p { display: block; } .footer_bot { display: none; } .footer_right .fr_title { margin: 0 auto; padding: 0px; } } /* main1 */ .m1tu { width: 50%; *width: 49%; float: right; } .m1zi { width: 50%; *width: 49%; float: left; padding-top: 150px; } .m1tu a { display: block; } .m1tu a img { display: block; margin: auto; width: 100%; max-width: 925px; max-height: 650px; margin-top:50px; } .man_titbox { width: 565px; margin-right: 0px; padding-top: 0px; float: right; } .man_titbox .m1biao { margin-bottom: 9px; display: block; font-size: 48px; font-size: 4.8rem; line-height: 54px; text-transform: uppercase; } .man_titbox .m1a { display: block; font-size: 48px; font-size: 4.8rem; line-height: 54px; text-transform: uppercase; color: #333333; line-height: 36px; font-family: 'LatoLight'; } .man_titbox p { margin-top: 48px; padding-bottom: 35px; } .man_titbox p a { /*max-height: 120px; */overflow: hidden; display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; } .man_titbox .m1mor { display: block; font-size: 16px; font-size: 1.6rem; width: 184px; height: 60px; line-height: 60px; -webkit-transition: 1s all; transition: 1s all; font-family: 'LatoBold'; box-sizing: border-box; text-align: center; border: 2px solid #ed0000; color: #ed0000; border-radius: 5px; } .man_titbox .m1mor:hover { background: #ed0000; color: #fff; } /* main2 */ .main2 { margin-bottom: 55px; margin-top: 11px;} .m2tu { width: 50%; *width: 49%; float: left; } .m2zi { width: 50%; *width: 49%; float: right; padding-top: 157px; } .m2tu a { display: block; } .m2tu a img { display: block; margin: auto; width: 100%; max-width: 925px; max-height: 650px; } .man_titbox2 { float: left; margin-left: 36px; } .m2_more { margin-top: 16px; } .m2_more a { box-sizing: border-box; border: 1px solid #ed0000; margin: 0 auto; font-size: 18px; font-size: 1.8rem; border-radius: 5px; text-transform: uppercase; display: block; width: 246px; height: 54px; line-height: 54px; text-align: center; background: #ed0000; color: #fff; font-family: 'LatoBold'; } .m2_more a:hover { background: #fff; color: #ed0000; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .m1zi { width: 48%; float: right; padding-top: 63px; } .man_titbox .m1mor { margin-top: 20px; } .man_titbox .m1zi p a { margin-top: 0px; } .man_titbox { width: 95%; } .man_titbox2 { margin-left: 0%; } .man_titbox p { margin: 10px auto; padding: 0px; } .man_titbox .m1biao { line-height: 45px; font-size: 40px; font-size: 4rem; } .man_titbox .m1a { line-height: 45px; font-size: 40px; font-size: 4rem; } } @media screen and (max-width: 999px) { .main2, .main1 { width: 95%; margin: 0 auto; } .m1tu { width: 100%; float: none; padding-top: 0px; margin: 0 auto; } .m1zi { width: 100%; float: none; padding-top: 0px; margin: 0 auto; } .m2tu { width: 100%; float: none; padding-top: 0px; margin: 0 auto; } .m2zi { width: 100%; float: none; padding-top: 0px; margin: 0 auto; } .man_titbox p { margin: 20px auto; padding: 0px; } .man_titbox { width: 100%; margin: 0 auto; margin-top: 20px; } .man_titbox2 { width: 100%; margin: 0 auto; margin-top: 20px; } .man_titbox .m1biao { line-height: 35px; font-size: 30px; font-size: 3rem; } .man_titbox .m1a { line-height: 35px; font-size: 30px; font-size: 3rem; } } @media screen and (max-width: 640px) { .man_titbox .m1biao { line-height: 30px; font-size: 26px; font-size: 2.6rem; } .man_titbox .m1a { line-height: 30px; font-size: 26px; font-size: 2.6rem; } .man_titbox p a { font-size: 14px; font-size: 1.4rem; } .man_titbox p { margin-top: 10px; } } /*==========man_title==================*/ .mdan_title { padding-top: 54px; text-align: center; font-size: 52px; font-size: 5.2rem; line-height: 54px; text-transform: uppercase; } .ma_p { padding-bottom: 53px; max-width: 1113px; margin: 0 auto; margin-top: 13px; } .ma_p a { max-height: 60px; overflow: hidden; display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; } /*==========main3==================*/ .main3 { padding-top: 32px; } .main3 .m3_l { width: 49%\0; } .main3 .m3_r { width: 49%\0; } .main3 .m3_box { margin-bottom: 10px; position: relative; overflow: hidden; } .main3 .m3_box img { display: block; max-width: 594px; width: 100%; margin: 0 auto; } .main3 .m3_box a { color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main3 .m3_box .fu { width: 100%; height: 75px; bottom: 100%; position: absolute; color: #fff; -webkit-transition: 1s all; transition: 1s all; background: url(../png/prothi.png) repeat center center; } .main3 .m3_box .fu .m3_wrap { max-width: 548px; margin: 0 auto; width: 95%; } .main3 .m3_box .fu .title3 { line-height: 24px; margin-top: 11px; font-size: 18px; font-size: 1.8rem; } .main3 .m3_box .fu p { font-family: 'LatoLight'; font-size: 14px; font-size: 1.4rem; line-height: 30px; } .main3 .m3_box:hover .fu { bottom: -2px;} @media screen and (max-width: 1219px) { .main3 .m3_l { width: 48%; } .main3 .m3_r { width: 48%; } .mdan_title { font-size: 48px; font-size: 4.8rem; } } @media screen and (max-width: 999px) { .mdan_title { font-size: 30px; font-size: 3rem; } .main3 .m3_box .fu { bottom: 0px; } } @media screen and (max-width: 768px) { .mdan_title { font-size: 26px; font-size: 2.6rem; } .ma_p { margin-bottom: 20px; padding-bottom: 0px; margin-top: 0px; } .main3 .m3_l { width: 100%; float: none; margin: 0 auto; max-width: 594px; } .main3 .m3_r { width: 100%; float: none; margin: 0 auto; max-width: 594px; } } @media screen and (max-width: 640px) { .m2_more { margin-top: 10px; } .main3 { margin-top: 0px; padding-top: 0px; } .main3 .m3_box { background: #ed0000; } .main3 .m3_box .fu { position: relative; bottom: 0px; padding-top: 10px; } .main3 .m3_box .fu .title3 { margin-top: 0px; } } /*==========main4==================*/ .main4 { background: url(../jpg/main4.jpg) no-repeat center bottom; margin-top: 77px; } .main4 .m4_wrap { max-width: 76%; margin: 0 auto; padding-bottom: 71px; } .main4 .m4_ul { text-align: center; } .main4 .m4_ul li { float: left; width: 33.33%; background: url(../png/m4bj.png) no-repeat center right; } .main4 .m4_ul li:hover { background: #ed0000 url(../png/m4bj.png) no-repeat center right; } .main4 .m4_ul li:last-child { background: none; } .main4 .m4_ul li:last-child:hover { background: #ed0000; } .main4 .m4_ul a { color: #fff; display: block; } .main4 .m4_ul .title5 { margin-bottom: 39px; padding-top: 74px; font-size: 24px; font-size: 2.4rem; text-align: center; text-transform: uppercase; } .main4 .m4_ul p a { max-height: 120px; overflow: hidden; display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; } .main4 .m4_ul a.more { margin: 0 auto; border-radius: 5px; margin-top: 29px; display: block; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; max-width: 192px; width: 90%; height: 36px; line-height: 36px; text-align: center; box-sizing: border-box; border: 1px solid #fff; } @media screen and (max-width: 768px) { .main4 { margin-top: 40px; background: url(../jpg/main42.jpg) repeat center bottom; padding-bottom: 30px; } .main4 .m4_ul .title5 { padding-top: 30px; margin-bottom: 10px; } .main4 .m4_ul a.more { margin-top: 10px; } .main4 .m4_ul li { width: 100%; float: none; margin: 0 auto; background: none; } .main4 .m4_ul p a { font-size: 14px; font-size: 1.4rem; height: auto; max-height: 120px; overflow: hidden; } .main4 .m4_wrap { padding-top: 0px; padding-bottom: 10px; } .man_titbox .m1mor { font-size: 14px; font-size: 1.4rem; height: 35px; line-height: 33px; margin-bottom: 20px; } } /*==========main5==================*/ .main5 { background: #eeeeee; padding-bottom: 49px; } .main5 a:hover { color: #ed0000 !important; } .main5 .m6item { border-bottom: 1px solid #bfbfbf; margin-top: 55px; padding-bottom: 51px; } .main5 .m6item .riqi { width: 127px; height: 127px; border: 1px solid #333333; } .main5 .m6item .riqi .riqitop { font-size: 68px; font-size: 6.8rem; color: #333; text-align: center; line-height: 50px; margin-top: 20px; margin-bottom: 11px; } .main5 .m6item .riqi .riqibot { font-size: 24px; font-size: 2.4rem; color: #333; text-align: center; } .main5 .m6item .neirong { width: 790px; margin-left: 28px; } .main5 .m6item .neirong .m6top { margin-top: 9px; padding-bottom: 2px; } .main5 .m6item .neirong .m6top a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-size: 1.8rem; color: #333; line-height: 30px; } .main5 .m6item .neirong .m6mid { width: 53px; height: 1px; background-color: #333; margin-top: 3px; margin-bottom: 12px; } .main5 .m6item .neirong .m6bottom a { display: block; max-height: 60px; overflow: hidden; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; } .main5 .m6item .img { display: block; width: 203px\0; } .main5 .m6item .img a { display: block; } .main5 .m6item .img a img { display: block; max-width: 203px; width: 100%; margin: 0 auto; } .main5 .m5_le .tir5 { margin-top: 38px; padding-bottom: 13px; font-size: 30px; font-size: 3rem; font-family: 'LatoBold'; color: #333333; } .main5 .m5_le .poro { color: #555555; border-radius: 5px; padding-left: 18px; display: block; /*width: 478px;*/ width: 225px; height: 46px; line-height: 46px; font-family: "LatoRegular"; box-sizing: border-box; border: 1px solid #d2d2d2; /*font-size: 16px; font-size: 1.6rem;*/ font-size: 14px; font-size: 1.4rem;} .main5 .m5_le .send { font-family: "LatoRegular"; text-transform: uppercase; margin-left: 23px; border-radius: 5px; font-size: 16px; font-size: 1.6rem; display: block; width: 101px; height: 46px; line-height: 46px; text-align: center; background: #ed0000; color: #fff; } .main5 .shejiao {/* margin-top: 66px;*/ margin-top: 88px;} .main5 .shejiao a { display: block; float: left; margin-left: 53px; } .shejiao a img { -webkit-transition: 0.3s all; transition: 0.3s all; width:42px; } .shejiao a:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mdan_title a:hover { color: #ed0000; } .man_titbox .m1biao:hover { color: #ed0000; } .main5 .m5_le span{ float:left; margin-right:9px;} @media screen and (max-width: 1219px) { .main5 .m6item .neirong { width: 580px; } .main5 .shejiao a { margin-left: 12px; } .main5 .m5_le .poro{ width:208px; font-size: 12px; font-size: 1.2rem;} } @media screen and (max-width: 999px) { .main5 form { float: none; } .main5 .shejiao { float: none; margin-top: 20px; } .main5 .m6item { padding-bottom: 30px; padding-top: 20px; margin-top: 0px; } .main5 .m6item .neirong { float: left; width: 100%; margin: 10px 0px; } } @media screen and (max-width: 640px) { .main5 { padding-bottom: 30px; } .main5 .m5_le .tir5 { font-size: 26px; font-size: 2.6rem; } .main5 .m6item .neirong .m6bottom a { font-size: 14px; font-size: 1.4rem; } .main5 .m5_le .poro { width: 100%; margin-bottom: 10px; } .main5 .m5_le .send { margin-left: 0px; } } @media screen and (max-width: 400px) { .main5 .m6item .riqi { width: 100px; height: 100px; } .main5 .m6item .riqi .riqitop { font-size: 30px; font-size: 3rem; line-height: 30px; } .main5 .m6item .riqi .riqibot { font-size: 20px; font-size: 2rem; } .main5 .m6item .img { width: 166px; } .main5 .shejiao a { margin-left: 5px; } } /* break */ .break { margin-bottom: 60px; padding-top: 8px; padding-bottom: 9px; background: #eeeeee; } .break p { color: #333; text-transform: uppercase; } .break a { color: #333; line-height: 35px; } .break a.on, .break a:hover { color: #ed0000; } /*==========project==================*/ .project { padding-bottom: 83px; } .ject_bot { border-top: 1px solid #7d7d7d; } .ject_bot .ject-title { margin-top: 31px; padding-bottom: 50px; } .ject_bot .ject-title a { display: block; font-size: 36px; font-size: 3.6rem; line-height: 40px; } .jrct_wrap h1 { font-size: 30px; font-size: 3rem; text-align: center; margin-bottom: 13px; } .jrct_wrap .share1 { position: relative; top: 6px; display: block; width: 201px; height: 30px; margin: 0 auto; margin-bottom: 25px; } .jrct_wrap .share1 .span4 { font-size: 16px; font-size: 1.6rem; color: #555555; height: 21px; line-height: 21px; } .jrct_wrap .at-resp-share-element .at-icon { width: 21px !important; height: 21px !important; } .jrct_wrap .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .jrct_wrap .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 21px !important; height: 21px !important; } .jrct_wrap .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .jrct_wrap .updown { padding-top: 15px; border-top: 1px solid #e6e6e6; margin-bottom: 81px; } .jrct_wrap .updown .up { margin-top: 0px; margin-bottom: 0px; } .jrct_wrap .updown p { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #999; } .jrct_wrap .updown p .img { display: inline-block; padding-right: 4px; } .jrct_wrap .updown p .img img { display: inline-block; position: relative; top: 4px; } .jrct_wrap .updown p .on { color: #666666; } .jrct_wrap .updown p a, .jrct_wrap .updown p span { font-size: 14px; font-size: 1.4rem; color: #999; } .jrct_wrap .updown p a:hover { color: #666666; } .jrct_wrap .new_x { padding-top: 36px; border-top: 1px solid #7d7d7d; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; margin-bottom: 20px; } .jrct_wrap .new_x a { font-size: 14px; font-size: 1.4rem; color: #ed0000; line-height: 30px; } .jrct_wrap .new_x img { display: block; max-width: 100%; margin: 0 auto; } .jrct_wrap .new_x iframe { display: block; max-width: 100%; margin: 0 auto; } .jrct_wrap .new_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .jrct_wrap .new_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } .ject_ul { text-align: center; margin-bottom: 58px; } .ject_ul li { display: inline-block; text-align: center; margin-left: 2px; } .ject_ul li a { display: block; color: #fff; background: #313131; width: 200px; height: 64px; line-height: 64px; font-size: 16px; font-size: 1.6rem; } .ject_ul li:hover a { background: #ed0000; } .ject_ul li.on a { background: #ed0000; } .jiect_ul2 li { width: 390px; float: left; margin-left: 13px; margin-bottom: 17px; } .m4_box { margin-bottom: 10px; position: relative; overflow: hidden; max-width: 390px; margin: 0 auto; } .m4_box img { display: block; max-width: 390px; max-height: 276px; width: 100%; margin: 0 auto; } .m4_box a { color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .m4_box .fu { width: 100%; height: 55px; bottom: 100%; position: absolute; color: #fff; -webkit-transition: 1s all; transition: 1s all; background: url(../png/prothi.png) repeat center center; } .m4_box .fu .title3 { margin: 0 auto; width: 95%; text-align: center; line-height: 55px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-size: 1.8rem; } .m4_box:hover .fu { bottom: 0px; } @media screen and (max-width: 1219px) { .jiect_ul2 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } } @media screen and (max-width: 999px) { .project { padding-bottom: 50px; } .ject_ul li { width: 47%; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; } .ject_ul li a { display: block; width: 100%; } .m4_box .fu { bottom: 0px; } } @media screen and (max-width: 768px) { .jiect_ul2 { margin-top: 20px; } .break { margin-bottom: 30px; } .project { padding-bottom: 30px; } .ject_ul { margin-bottom: 0px; } .m4_box .fu { bottom: 0px; height: 30px; font-size: 14px; font-size: 1.4rem; line-height: 30px; } .m4_box .fu a { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } .jiect_ul2 li { width: 48%; margin-left: 1% !important; margin-right: 1%; } .ject_ul li { margin-bottom: 5px; } .ject_ul li a { font-size: 12px; font-size: 1.2rem; height: 40px; line-height: 40px; } .ject_bot .ject-title { text-align: center; margin: 0 auto; padding: 20px 0px 5px; } .ject_bot .ject-title a { font-size: 26px; font-size: 2.6rem; line-height: 30px; } .jrct_wrap h1 { font-size: 20px; font-size: 2rem; line-height: 30px; } .jrct_wrap .updown { margin-bottom: 40px; } } /*==========service==================*/ .service .se_ttile { font-size: 36px; font-size: 3.6rem; text-align: center; text-transform: uppercase; font-family: 'LatoBold'; } .service .se_top { margin-top: 46px; } .service .se_top p { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 20px; padding-bottom: 9px; } .service .se_top img { display: block; max-width: 576px; margin: 0 auto; width: 100%; margin-left: 30px; } .service .se_top2 { margin-top: 35px; } .service .se_top2 img { display: block; max-width: 576px; margin: 0 auto; width: 100%; margin-right: 30px; } .service .se_top_img { display: block; margin: 97px auto; max-width: 1203px; width: 100%; } @media screen and (max-width: 1219px) { .service .se_top img { width: 50%; } } @media screen and (max-width: 999px) { .service .se_ttile { font-size: 30px; font-size: 3rem; } .service .se_top img { width: 100%; float: none; margin: 0 auto; } .service .se_top p { padding: 0px; margin: 0 auto; padding-top: 10px; } } @media screen and (max-width: 768px) { .service .se_top { margin-top: 20px; } .service .se_ttile { font-size: 26px; font-size: 2.6rem; } .service .se_top p { font-size: 14px; font-size: 1.4rem; } .service .se_top_img { margin: 20px auto; } } /*==========about==================*/ .about .about_top img { display: block; float: left; max-width: 463px; max-height: 594px; width: 100%; margin: 0 auto; margin-right: 30px; } .about .about_top .ab_title2 { font-size: 36px; font-size: 3.6rem; font-family: 'LatoBold'; text-transform: uppercase; color: #333; background: url(../png/protbj.png) no-repeat left bottom; padding-bottom: 11px; margin-bottom: 24px; } .about .about_top p { margin-bottom: 29px; font-size: 16px; font-size: 1.6rem; line-height: 30px; } .main42 { margin-top: 59px; } .main42 .m4_ul li { float: left; width: 33.33%; background: url(../png/m4bj.png) no-repeat center right; } .main42 .m4_ul li:hover { background: url(../png/m4bj.png) no-repeat center right; } .main42 .m4_ul li:last-child { background: none; } .main42 .m4_ul li:last-child:hover { background: none; } .about_cen { background: #e7efe5; padding-top: 64px; padding-bottom: 12px; } .about_cen .ab2_ttil3 { font-size: 36px; font-size: 3.6rem; line-height: 40px; text-align: center; font-family: 'LatoBold'; text-transform: uppercase; color: #333; background: url(../jpg/abtuk.jpg) no-repeat center bottom; padding-bottom: 28px; } .about_cen img { display: block; max-width: 1201px; max-height: 693px; margin: 0 auto; width: 100%; margin-top: 52px; } @media screen and (max-width: 999px) { .about_cen .ab2_ttil3 { font-size: 30px; font-size: 3rem; line-height: 30px; } .about .about_top .ab_title2 { font-size: 30px; font-size: 3rem; margin-top: 10px; } .about .about_top img { display: block; float: none; margin: 0 auto; } .about .about_top .ab_title2 { background: url(../jpg/abtuk.jpg) no-repeat left bottom; margin-bottom: 10px; } .about .about_top p { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .about_cen .ab2_ttil3 { font-size: 24px; font-size: 2.4rem; padding-bottom: 12px; } .about .about_top .ab_title2 { font-size: 24px; font-size: 2.4rem; margin-top: 20px; } .main42 { margin-top: 30px; } .about .about_top p { font-size: 14px; font-size: 1.4rem; } .main42 .m4_ul li { float: none; width: 100%; background: none; border: 0px; } } /*==========about_cen2==================*/ .about_cen2 { background: url(../jpg/abipyo.jpg) no-repeat center top; padding-top: 138px; } .about_cen2 .ab_wrap41 { position: relative; } .about_cen2 .ab_prev3 { position: absolute; display: block; width: 66px; height: 66px; top: 50%; margin-top: -163px; z-index: 99; } .about_cen2 .ab_next3 { position: absolute; display: block; width: 66px; height: 66px; top: 50%; margin-top: -163px; z-index: 99; } .about_cen2 .ab_next3 { right: 0; cursor: pointer; background: url(../png/ab_left1.png) no-repeat center; } .about_cen2 .ab_prev3 { left: 0; cursor: pointer; background: url(../png/ab_righ1t.png) no-repeat center; } .about_cen2 .ab_next3:hover { background: url(../png/ab_left1on.png) no-repeat center; } .about_cen2 .ab_prev3:hover { background: url(../png/ab_righ1ton.png) no-repeat center; } .about_cen2 .ab_aox { position: relative; } .about_cen2 .ab_aox span { font-size: 18px; font-size: 1.8rem; font-family: 'LatoBold'; display: block; width: 90%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; } .about_cen2 .ab_aox p { width: 100%; height: 48px; line-height: 48px; text-align: center; position: absolute; bottom: 0px; left: 0px; background: url(../png/botiy.png) repeat center center; } .about_cen2 .ab_ul2 { width: 889px; margin: 0 auto; margin-bottom: 80px; } .about_cen2 .ab_ul2 li { display: none; } .about_cen2 .ab_ul2 li.show { display: block; } .about_cen2 .ab_ul2 img { display: block; max-width: 889px; max-height: 516px; margin: 0 auto; width: 100%; } .about_cen2 .ab_aox2 .ab-tit { line-height: 30px; margin-top: 33px; margin-bottom: 13px; font-size: 24px; font-size: 2.4rem; color: #ed0000; font-family: 'LatoBold'; } .about_cen2 .ab_aox2 p { font-size: 16px; font-size: 1.6rem; line-height: 30px;} .about_cen2 .ab_ul3 { border-top: 2px solid #ed0000; } .about_cen2 .ab_ul3 ul { max-width: 889px; margin: 0 auto; width: 100%; } .about_cen2 .ab_ul3 span { padding-top: 35px; display: block; text-align: center; cursor: pointer; } .about_cen2 .ab_ul3 li { position: relative; top: -10px; background: url(../png/ablibj.png) no-repeat center top; font-family: 'LatoBold'; font-size: 18px; font-size: 1.8rem; float: left; margin-left: 68px; } .about_cen2 .ab_ul3 li.on { background: url(../png/ablibjon.png) no-repeat center top; } .about_cen2 .ab_ul3 li.on span { color: #ed0000; } /*==========about_cen3==================*/ .about_cen3 { background: #e7efe5; padding: 80px 0px; margin-top: 81px; } .about_cen3 .wp { position: relative; } .about_cen3 .ab2_ttil3 { position: absolute; top: -40px; right: 0px; max-width: 241px; font-size: 36px; font-size: 3.6rem; line-height: 40px; text-align: center; font-family: 'LatoBold'; text-transform: uppercase; color: #333; background: url(../jpg/abtuk.jpg) no-repeat center bottom; padding-bottom: 28px; } .about_cen3 p { position: absolute; top: 30px; right: 0px; font-size: 16px; font-size: 1.6rem; line-height: 28px; max-width: 646px; text-align: right; } .about_cen3 img { display: block; max-width: 924px; max-height: 482px; width: 100%; } /*==========about_botm==================*/ .about_botm { background: #7d7d7d; padding-top: 36px; padding-bottom: 89px; } .about_botm .ab2_ttil3 { font-size: 36px; font-size: 3.6rem; line-height: 40px; text-align: center; font-family: 'LatoBold'; text-transform: uppercase; color: #fff; background: url(../jpg/abtuk.jpg) no-repeat center bottom; padding-bottom: 28px; } .about_botm .img-scroll { position: relative; width: 100%; margin-top: 50px; } .about_botm .img-scroll .prev { position: absolute; display: block; width: 46px; height: 46px; top: 50%; margin-top: -49px; z-index: 999; } .about_botm .img-scroll .next { position: absolute; display: block; width: 46px; height: 46px; top: 50%; margin-top: -49px; z-index: 999; } .about_botm .img-scroll .prev { left: 0; cursor: pointer; background: url(../png/ab_botleft.png) no-repeat center; } .about_botm .img-scroll .next { right: 0; cursor: pointer; background: url(../png/ab_botright.png) no-repeat center; } .about_botm .img-scroll .prev:hover { background: url(../png/ab_botlefton.png) no-repeat center; } .about_botm .img-scroll .next:hover { background: url(../png/ab_botrighton.png) no-repeat center; } .about_botm .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; } .about_botm .img-list ul { width: 10000%; } .about_botm .img-list li { float: left; width: 246px; margin-right: 72px; } .about_botm .img-list li .m3lien .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; } .about_botm .img-list li .m3lien { max-width: 246px; text-align: center; position: relative; overflow: hidden; } .about_botm .img-list li .m3lien img { display: block; max-width: 246px; max-height: 334px; width: 100%; margin: 0 auto; } .about_botm .img-list li .m4zi { margin: 0 auto; margin-top: 9px; display: block; max-width: 246px; width: 100%; font-size: 18px; font-size: 1.8rem; color: #fff; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .about_botm .img-list li .m3lien:hover .m4fu { top: 0; } @media screen and (max-width: 1219px) { /*==========about_cen3==================*/ .about_cen3 img { width: 63%; } .about_cen3 p { top: 75px; } .about_cen3 .ab2_ttil3 { top: 0px; } /*==========about_cen2==================*/ .about_cen2 .ab_ul2 { max-width: 889px; width: 100%; } .about_botm .img-list li { margin-right: 121px; } } @media screen and (max-width: 999px) { /*==========about_cen3==================*/ .about_cen3 img { width: 100%; display: block; margin: 0 auto; } .about_cen3 p { position: relative; top: 0; text-align: center; max-width: 100%; margin: 0 auto; width: 100%; margin-bottom: 20px; } .about_cen3 .ab2_ttil3 { position: relative; top: 0px; text-align: center; max-width: 100%; margin: 0 auto; width: 100%; } /*==========about_cen2==================*/ .about_cen2 { background: none; } .about_cen2 .ab_ul2 { max-width: 889px; width: 100%; margin: 0 auto; } .about_cen2 .ab_ul3 { border: 0px; margin-top: 20px; } .about_cen2 .ab_ul3 li { margin-left: 1% !important; max-height: 1%; width: 11.5%; margin-top: 20px; } /*==========about_botm==================*/ .about_botm .img-list li .m3lien .m4fu { top: 0px; opacity: 0; } .about_botm .img-list li { width: 0.212%; margin-right: .05%; } } @media screen and (max-width: 862px) { /*==========about_botm==================*/ .about_botm .img-list li .m3lien .m4fu { top: 0px; opacity: 0; } .about_botm .img-list li { width: 0.3%; margin-right: .05%; } } @media screen and (max-width: 768px) { /*==========about_cen3==================*/ .about_cen3 { padding: 30px 0px; margin-top: 20px; } .about_cen3 .ab2_ttil3 { font-size: 24px; font-size: 2.4rem; padding-bottom: 12px; margin-bottom: 20px; } .about_cen3 p { font-size: 14px; font-size: 1.4rem; } /*==========about_cen2==================*/ .about_cen2 { padding-top: 50px; } .about_botm .ab2_ttil3 { font-size: 24px; font-size: 2.4rem; padding-bottom: 12px; margin-bottom: 20px; } .about_cen2 .ab_prev3 { width: 30px; height: 30px; background-size: contain; margin-top: -129px; } .about_cen2 .ab_next3 { width: 30px; height: 30px; background-size: contain; margin-top: -129px; } .about_cen2 .ab_prev3:hover { width: 30px; height: 30px; background-size: contain; } .about_cen2 .ab_next3:hover { width: 30px; height: 30px; background-size: contain; } .about_cen2 .ab_aox2 p { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 640px) { /*==========about_cen2==================*/ .about_cen2 .ab_ul3 span { font-size: 0px; } /*==========about_botm==================*/ .about_botm .img-list li { width: 0.45%; margin-right: 0.1%; } } @media screen and (max-width: 400px) { /*==========about_botm==================*/ .about_botm .img-list li .m3lien { margin: 0 auto; } .about_botm .img-list li { width: 1%; margin-right: .1%; } } /************************* news1 ***********************/ .newlei a { display: block; line-height: 24px; float: left; padding: 0 10px; border-radius: 5px; margin-left: 20px; } .newlei a.currentlei { background: #ed0000; color: #fff; } .newlei a:hover { background: #ed0000; color: #fff; } .newlei { margin-bottom: 30px; } .ntu img { width: 100%; max-width: 396px; max-height: 253px; display: block; } .ntu { display: block; position: absolute; left: 0; top: 0; z-index: 9; } .nbox { position: relative; min-height: 253px; padding-bottom: 55px; background: url("../jpg/xwxu.jpg") repeat-x left bottom; margin-bottom: 51px; } .nbox.nboxbot { background: none; margin-bottom: 0px; } .nyou { padding-left: 450px; padding-top: 29px; padding-right: 256px; -webkit-transition: 0.5s; transition: 0.5s; position: relative; background: url("../jpg/huixian.jpg") no-repeat -400px bottom; } .nyou .synsj { color: #999999; display: block; } .xwp1 { display: block; font-size: 18px; font-size: 1.8rem; font-family: 'LatoBold'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 19px; margin-bottom: 12px; } .xwp2 { display: block; line-height: 24px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666; max-height: 120px; overflow: hidden; } .nlm { display: block; width: 148px; height: 32px; line-height: 32px; border: 1px solid #ed0000; color: #ed0000; border-radius: 16px; font-weight: bold; position: absolute; right: 59px; bottom: 45px; text-align: center; background: #fff; } .nyou:hover { padding-left: 496px; background: url("../jpg/huixian.jpg") no-repeat 408px bottom; padding-right: 215px; } .nyou:hover .nlm { right: 0; background: #ed0000; color: #fff; } .xwp1:hover { color: #ed0000; } .xwp2:hover { color: #ed0000; } .synsj { color: #666; padding-left: 23px; background: url("../png/sybiao.png") no-repeat left center; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .nyou { padding-right: 280px; } } @media screen and (max-width: 999px) { .ntu { width: 260px; display: block; } .nyou { padding-left: 290px; padding-top: 0px; padding-right: 170px; } .xwp1 { margin-top: 5px; margin-bottom: 5px; } .nlm { right: 0px; } .nyou:hover { padding-left: 290px; padding-top: 0px; padding-right: 170px; -webkit-transition: 0.5s; transition: 0.5s; position: relative; background: url("../jpg/huixian.jpg") no-repeat -400px bottom; } .newlei a { width: 20%; margin: 0; padding: 0; text-align: center; } .nbox { padding-bottom: 50px; min-height: auto; } } @media screen and (max-width: 750px) { .nyou { padding-left: 0; padding-top: 185px; padding-bottom: 45px; padding-right: 0; } .nlm { bottom: 0; right: 0px; } .nbox { padding-bottom: 15px; } .nyou:hover { padding-left: 0; padding-top: 185px; padding-right: 0px; -webkit-transition: 0.5s; transition: 0.5s; position: relative; background: url("../jpg/huixian.jpg") no-repeat -400px bottom; } } @media screen and (max-width: 639px) { .xwp2 { font-size: 14px; font-size: 1.4rem; } .newlei a { width: 33.3333%; margin-bottom: 10px; } .ms_ye a { margin-bottom: 10px; } } @media screen and (max-width: 400px) { .newlei a { width: 50%; margin-bottom: 10px; } } /*page*/ .page { position: relative; margin: 29px auto 100px; } .page { text-align: center; } .page a { display: inline-block; background-color: #fff; color: #333; margin-right: 8px; width: 33px; height: 28px; line-height: 28px; border: 1px solid #e5e5e5; text-align: center; border-radius: 0px; font-size: 12px; font-size: 1.2rem; } .page a.on, .page a:hover { background-color: #fff; color: #ed0000; border-color: #ed0000; } .page a.first { width: 59px; margin-right: 10px; } .page a.last { width: 59px; margin-left: 4px; } .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: 5px; margin-left: 15px; margin-right: 8px; } .ins { margin-left: 4px; width: 133px; display: inline-block; height: 28px; line-height: 26px; text-align: center; border: none; outline: none; background-color: #ed0000; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; } .page a.no,.page a.no:hover{color:#333 !important; border: 1px solid #e5e5e5 !important; background: #fff !important} @media screen and (max-width: 999px) { .page a { margin-bottom: 20px; } .page .l { float: none; } .page .add { float: none; } } @media screen and (max-width: 768px) { .page { margin-bottom: 30px; } } /*==========news2==================*/ .news2 h1 { font-family: 'LatoBold'; font-size: 24px; font-size: 2.4rem; line-height: 11px; margin-bottom: 29px; } .news2 .synsj { color: #999; } .news2 .new_x { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; margin: 20px 0px; } .news2 .new_x a { font-size: 14px; font-size: 1.4rem; color: #ed0000; line-height: 30px; } .news2 .new_x img { /*display: block;*/ max-width: 100%; /*margin: 0 auto; */ } .news2 .new_x iframe { display: block; max-width: 100%; margin: 0 auto; } .news2 .new_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .news2 .new_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } .news2 .updown { padding-top: 15px; border-top: 1px solid #e6e6e6; margin-bottom: 96px; } .news2 .updown .up { margin-top: 0px; margin-bottom: 0px; } .news2 .updown p { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #999; } .news2 .updown p .img { display: inline-block; padding-right: 9px; } .news2 .updown p .img img { display: inline-block; position: relative; top: 5px; } .news2 .updown p .on { color: #666666; } .news2 .updown p a, .news2 .updown p span { font-size: 14px; font-size: 1.4rem; color: #999; } .news2 .updown p a:hover { color: #666666; } @media screen and (max-width: 999px) { .news2 h1 { font-size: 24px; font-size: 2.4rem; line-height: 30px; } .news2 .updown { margin-bottom: 40px; } } /*==========contact==================*/ .contact { padding-bottom: 101px; } .con_wrap { margin-bottom: 36px; } .con_box { background: #eeeeee; padding: 15px 21px; border-radius: 5px; } .con_box .title { margin-bottom: 21px; font-size: 24px; font-size: 2.4rem; line-height: 30px; color: #ed0000; } .con_box p { padding-left: 30px; background: url(../png/conli.png) no-repeat left top; } .con_box p b { padding-bottom: 16px; display: block; font-size: 18px; font-size: 1.8rem; font-weight: normal; } .con_box p span { display: block; line-height: 30px; font-size: 16px; font-size: 1.6rem; } .con_box42 { margin-bottom: 50px; } .map { display: block; max-width: 1103px; margin-top: 46px; width: 100%; } .cob_bot .ab_xcon { font-size: 30px; font-size: 3rem; padding-left: 15px; } .cob_bot .ab_xcon b { display: inline-block; text-transform: uppercase; color: #333; } .cob_bot .ab_xcon span { margin-left: 5px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #999999; } .cob_bot .cuxin { margin-top: 5px; } .cob_bot .xinl { width: 489px; float: left; } .cob_bot .xinr { width: 610px; float: left; } .cob_bot .cuxin .int1 { padding-left: 16px; margin-top: 19px; } .cob_bot .cuxin .xing { background: url(../png/xing.png) no-repeat left 21px; } .cob_bot .cuxin .int1 input { width: 403px; height: 48px; border: 1px solid #595959; padding-left: 39px; font-size: 16px; font-size: 1.6rem; line-height: 48px; } .cob_bot .cuxin .curen { background: url(../png/foren.png) no-repeat 12px center; } .cob_bot .cuxin .cuxinfeng2 { background: url(../png/foxinfeng.png) no-repeat 13px center; } .cob_bot .cuxin .cudianhua2 { background: url(../png/fodianhua.png) no-repeat 13px center; } .cob_bot .cuxin .cufangzi2 { background: url(../png/foguojia.png) no-repeat 13px center; } .cob_bot .cuxin .int2 { padding-left: 20px; margin-top: 19px; } .cob_bot .cuxin .int3 { padding-left: 18px; margin-top: 11px; } .cob_bot .cuxin textarea { width: 546px; height: 191px; padding-left: 41px; font-size: 16px; font-size: 1.6rem; line-height: 46px; border: 1px solid #595959; background: url(../png/fobij.png) no-repeat 11px 13px; font-family: "LatoRegular"; } .cob_bot .cuxin .int4 { width: 230px; height: 48px; line-height: 48px; border: 1px solid #595959; padding-left: 11px; font-size: 16px; font-size: 1.6rem; float: left; } .cob_bot .cuxin .cuyanzheng { float: left; margin-left: 9px; cursor: pointer; } .cob_bot .cuxin .int5 { width: 169px; height: 50px; border: none; background: #ed0000; float: right; cursor: pointer; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; color: #fff; line-height: 38px; } .cob_bot .ditu { width: 1200px; height: 512px; margin-top: 45px; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .cob_bot .xinl { width: 454px; } .cob_bot .xinr { width: 519px; } .cob_bot .cuxin .int1 input { width: 368px; } .cob_bot .cuxin textarea { width: 455px; } .cob_bot .cuxin .int4 { width: 143px; } .cob_bot .cuxin .cuyanzheng { margin-bottom: 20px; } .cob_bot .cuxin .int5 { width: 150px; } .cob_bot .lxzongbei { width: 99%; } } @media screen and (max-width: 999px) { .cob_bot .xinl { width: 95%; margin: 0px auto !important; float: none; } .cob_bot .xinr { width: 95%; margin: 0px auto !important; float: none; } .cob_bot .cuxin .int1 input { width: calc( 100% - 39px); } .cob_bot .cuxin textarea { width: calc( 100% - 41px); } .cob_bot .cuxin .int4 { width: 30%; } .cob_bot .cuxin .int5 { width: 30%; float: left; margin-left: 10px; } .cob_bot .lxzongbei { width: 99%; } } @media screen and (max-width: 875px) { .cob_bot .xinl { width: 95%; margin: 0px auto !important; float: none; } .cob_bot .xinr { width: 95%; margin: 0px auto !important; float: none; } .cob_bot .cuxin .cuyanzheng { margin-bottom: 20px; } .cob_bot .cuxin .int5 { width: 100%; margin-top: 20px; margin-left: auto; } } @media screen and (max-width: 639px) { .cob_bot .cuxin .int4 { width: calc(31% - 11px); } .cob_bot .cuxin .cuyanzheng { float: left; margin-left: 10px; } .cob_bot .cuxin .int5 { width: 100%; margin-left: auto; } .cob_bot .ditu { margin-left: auto; } .cob_bot .cot ul { width: 49%; margin-left: 1%; margin-top: 20px; } .cob_bot .comain { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 419px) { .cob_bot .cuxin .int1 input { font-size: 14px; font-size: 1.4rem; } .cob_bot .cuxin textarea { font-size: 14px; font-size: 1.4rem; } .cob_bot .cuxin .int4 { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 1219px) { .con_l { width: 48%; } .con_r { width: 48%; } .con_box p b { line-height: 26px; } .con_box42 { margin-bottom: 30px; } } @media screen and (max-width: 640px) { .cob_bot .ab_xcon { font-size: 20px; font-size: 2rem; } .cob_bot .ab_xcon span { font-size: 14px; font-size: 1.4rem; } .contact { padding-bottom: 50px; } .con_l { width: 100%; float: none; } .con_r { width: 100%; float: none; } .con_box { margin-bottom: 20px; } .con_wrap { margin-bottom: 10px; } .con_box p b { font-size: 16px; font-size: 1.6rem; } .con_box p span { font-size: 14px; font-size: 1.4rem; } .con_box .title { font-size: 20px; font-size: 2rem; } } /*==========duct_ul1==================*/ .duct_ul1 { padding-bottom: 37px; } .duct_ul1 li { border-bottom: 1px solid #dcdcdc; padding-bottom: 62px; margin-bottom: 60px; } .duct_ul1 .img { display: block; max-width: 613px; margin: 0 auto; width: 100%; } .duct_ul1 .img img { display: block; max-width: 613px; max-height: 350px; margin: 0 auto; width: 100%; } .duct_ul1 .dc_r { width: 504px; text-align: center; } .duct_ul1 .ttile { display: block; margin-top: 22px; padding-bottom: 22px; margin-bottom: 27px; font-size: 36px; font-size: 3.6rem; text-align: center; line-height: 50px; background: url(../jpg/ductbj.jpg) no-repeat center bottom; } .duct_ul1 p a { display: block; max-height: 120px; overflow: hidden; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #555555; } .duct_ul1 .more { font-family: 'LatoBold'; margin: 0 auto; display: block; width: 184px; height: 60px; line-height: 60px; font-size: 16px; font-size: 1.6rem; box-sizing: border-box; border: 2px solid #ed0000; text-align: center; border-radius: 5px; background: #ed0000; color: #fff; border-radius: 5px; margin-top: 28px; } .duct_ul1 .more:hover { background: #fff; color: #ed0000; border-color: #ed0000; } .duct_ul1 .ttile a:hover { color: #ed0000; } .duct_ul1 p a:hover { color: #ed0000; } @media screen and (max-width: 1219px) { .duct_ul1 .img { width: 49%; } .duct_ul1 .dc_r { width: 49%; } .duct_ul1 .ttile { margin-top: 0px; } } @media screen and (max-width: 999px) { .duct_ul1 .img { width: 100%; float: none; margin: 0 auto; } .duct_ul1 .dc_r { width: 100%; float: none; margin: 0 auto; } .duct_ul1 .ttile { margin-top: 20px; margin-bottom: 10px; } .duct_ul1 .morema { margin-top: 10px; } } @media screen and (max-width: 768px) { .duct_ul1 .more { margin-top: 10px; height: 35px; line-height: 33px; font-size: 14px; font-size: 1.4rem; } .duct_ul1 .more a { height: 35px; line-height: 33px; } .duct_ul1 li { padding-bottom: 20px; margin-bottom: 40px; } .duct_ul1 .ttile { font-size: 26px; font-size: 2.6rem; line-height: 30px; padding-bottom: 10px; } .duct_ul1 p a { font-size: 14px; font-size: 1.4rem; } } /*==========duct_ul2==================*/ .duct_ul2 { padding-bottom: 37px; } .duct_ul2 li { border-bottom: 1px solid #dcdcdc; padding-bottom: 62px; margin-bottom: 60px; } .duct_ul2 .img { display: block; max-width: 600px; margin: 0 auto; width: 100%; } .duct_ul2 .img img { display: block; max-width: 600px; max-height: 513px; margin: 0 auto; width: 100%; } .duct_ul2 .dc_r { width: 545px; } .duct_ul2 .dc_r p{font-size: 1.4rem; font-size: 14px; line-height: 30px;} .duct_ul2 .ttile { line-height: 28px; margin-bottom: 11px; display: block; font-size: 30px; font-size: 3rem; } .duct_ul2 .focuses { font-size: 18px; font-size: 1.8rem; color: #333; line-height: 30px; } .duct_ul2 .pro_x { font-size: 16px; font-size: 1.6rem; color: #555555; line-height: 30px; margin-top: 14px; padding-bottom: 27px; } .duct_ul2 .pro_x p { color: #555555; line-height: 30px; } .duct_ul2 .pro_x a { font-size: 16px; font-size: 1.6rem; color: #ed0000; line-height: 30px; } .duct_ul2 .pro_x img { display: block; max-width: 100%; margin: 0 auto; } .duct_ul2 .pro_x iframe { display: block; max-width: 100%; margin: 0 auto; } .duct_ul2 .pro_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .duct_ul2 .pro_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } .duct_ul2 .pro2_x { font-size: 16px; font-size: 1.6rem; color: #555555; line-height: 30px; margin-top: 6px; padding-bottom: 11px; } .duct_ul2 .pro2_x p { color: #555555; line-height: 30px; } .duct_ul2 .pro2_x a { font-size: 16px; font-size: 1.6rem; color: #ed0000; line-height: 30px; } .duct_ul2 .pro2_x img { display: block; max-width: 100%; margin: 0 auto; } .duct_ul2 .pro2_x iframe { display: block; max-width: 100%; margin: 0 auto; } .duct_ul2 .pro2_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .duct_ul2 .pro2_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } .duct_ul2 .more { font-family: 'LatoBold'; display: block; width: 184px; height: 60px; line-height: 60px; box-sizing: border-box; border: 2px solid #ed0000; text-align: center; border-radius: 5px; background: #ed0000; color: #fff; border-radius: 5px; margin-top: 28px; font-size: 16px; font-size: 1.6rem; } .duct_ul2 .more:hover { background: #fff; color: #ed0000; border-color: #ed0000; } @media screen and (max-width: 1219px) { .duct_ul2 .img { width: 49%; } .duct_ul2 .dc_r { width: 49%; } .duct_ul2 .ttile { margin-top: 0px; } } @media screen and (max-width: 999px) { .duct_ul2 .img { width: 100%; float: none; margin: 0 auto; } .duct_ul2 .dc_r { width: 100%; float: none; margin: 0 auto; } .duct_ul2 .ttile { margin-top: 20px; margin-bottom: 10px; } .duct_ul2 .morema { margin-top: 10px; } } @media screen and (max-width: 768px) { .duct_ul2 .pro_x { font-size: 14px; font-size: 1.4rem; } .duct_ul2 .pro2_x { font-size: 14px; font-size: 1.4rem; } .duct_ul2 .more { margin-top: 10px; } .duct_ul2 li { padding-bottom: 20px; margin-bottom: 40px; } .duct_ul2 .ttile { font-size: 26px; font-size: 2.6rem; line-height: 30px; } } /*==========duct_3==================*/ .duct_3 h1 { margin-bottom: 42px; text-align: center; font-size: 30px; font-size: 3rem; border-bottom: 1px solid #bfbfbf; padding-bottom: 13px; } .duct_3 .img-scroll { position: relative; width: 100%; margin-top: 20px; } .duct_3 .img-scroll .prev { position: absolute; display: block; width: 58px; height: 58px; top: 50%; margin-top: -29px; z-index: 99; } .duct_3 .img-scroll .next { position: absolute; display: block; width: 58px; height: 58px; top: 50%; margin-top: -29px; z-index: 99; } .duct_3 .img-scroll .prev { left: 0; cursor: pointer; background: url(../png/proleft.png) no-repeat center; } .duct_3 .img-scroll .next { right: 0; cursor: pointer; background: url(../png/proright.png) no-repeat center; } .duct_3 .img-scroll .prev:hover { background: url(../png/prolefton.png) no-repeat center; } .duct_3 .img-scroll .next:hover { background: url(../png/prorighton.png) no-repeat center; } .duct_3 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; } .duct_3 .img-list ul { width: 10000%; } .duct_3 .img-list li { float: left; width: 1%; margin-right: .01%; } .duct_3 .img-list li .m3lien { margin: 0 auto; max-width: 785px; text-align: center; position: relative; overflow: hidden; } .duct_3 .img-list li .m3lien img { display: block; max-width: 785px; max-height: 671px; width: 100%; margin: 0 auto; } .duct_3 .btn { margin-top: 45px; text-align: center; } .duct_3 .btn a { margin: 0px 20px; border-radius: 5px; display: inline-block; color: #ed0000; width: 114px; height: 40px; border: 1px solid #ed0000; line-height: 40px; text-align: center; background-color: transparent; font-size: 16px; font-size: 1.6rem; } .duct_3 .btn span { border-radius: 5px; display: inline-block; color: #ed0000; width: 114px; height: 40px; border: 1px solid #ed0000; line-height: 40px; text-align: center; background-color: transparent; font-size: 16px; font-size: 1.6rem; } .duct_3 .btn a:hover { width: 196px; background-color: #ed0000; color: #fff; } .duct_3 .share1 { margin-top: 23px; text-align: center; } .duct_3 .share1 p { text-align: center; display: inline-block; margin-right: 20px; } .duct_3 .share1 p span { font-size: 14px; font-size: 1.4rem; color: #333333; position: relative; top: -8px; margin-right: 0px; display: inline-block; } .duct_3 .share1 .shar { display: inline-block; } /*==========pro_box3==================*/ .pro_box3 { background: #545454; margin-top: 48px; } .pro_box3 #tab { overflow: hidden; max-width: 1200px; margin: 0 auto; width: 100%; border-left: 2px solid #fff; } .pro_box3 #tab li { padding: 0px 37px; float: left; cursor: pointer; height: 50px; line-height: 50px; border-right: 2px solid #fff; font-size: 18px; font-size: 1.8rem; text-align: center; color: #fff; background: #545454; } .pro_box3 #tab li:hover { background: #ed0000; color: #fff; } .pro_box3 #tab li.current { background: #ed0000; color: #fff; } #content .chanxn { display: none; width: 100%; } .con_box1 { padding-bottom: 39px; padding-top: 30px } .con_box1 .prto_title { margin-top: 27px; padding-bottom: 8px; font-size: 24px; font-size: 2.4rem; line-height: 54px; } .con_box1 p { font-size: 16px; font-size: 1.6rem; color: #555555; line-height: 30px; } .con_box1 img{max-width: 100%;} .con_box2 { background: #eeeeee; padding-top: 43px; padding-bottom: 39px; } .con_box2 .wp { background: url(../png/prtot.png) no-repeat left top; padding-left: 21px; } .con_box2 .prto_title { font-size: 24px; font-size: 2.4rem; line-height: 36px; } .con_box2 p { font-size: 16px; font-size: 1.6rem; color: #555555; line-height: 30px; margin-bottom: 20px; } .con_box2 img { display: block; max-width: 100%; margin: 0 auto; } .con_box3 { background: #fff; } .litop { max-width: 998px; margin: 0 auto; width: 100%; position: relative; padding-bottom: 49.3%; height: 0; margin-top: 65px; overflow: hidden; } .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .litop iframe body { margin: 0px !important; } .title_no { color: #333; margin-bottom: 93px; text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-top: 26px; } .pro3_x { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; margin: 20px auto; } .pro3_x a { font-size: 16px; font-size: 1.6rem; color: #ed0000; line-height: 30px; } .pro3_x img { display: block; max-width: 100%; margin: 0 auto; } .pro3_x iframe { display: block; max-width: 100%; margin: 0 auto; } .pro3_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .pro3_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } .pro4_x { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; margin: 20px auto; } .pro4_x a { font-size: 16px; font-size: 1.6rem; color: #ed0000; line-height: 30px; } .pro4_x img { display: block; max-width: 100%; margin: 0 auto; } .pro4_x iframe { display: block; max-width: 100%; margin: 0 auto; } .pro4_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .pro4_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } @media screen and (max-width: 999px) { .con_box2 .prto_title { font-size: 24px; font-size: 2.4rem; line-height: 30px; } .con_box1 .prto_title { font-size: 24px; font-size: 2.4rem; line-height: 30px; } .duct_3 h1 { font-size: 24px; font-size: 2.4rem; line-height: 30px; } .con_box2 .wp { box-sizing: border-box; } } @media screen and (max-width: 640px) { .duct_3 .btn a { display: block; margin-bottom: 10px; } .con_box1 { padding-bottom: 20px; } .pro_box3 #tab { background: #fff; } .pro_box3 #tab li { width: 48%; margin-bottom: 0px; box-sizing: border-box; border: 1px solid #fff; padding: 0px; text-align: center; } .con_box2 p { font-size: 14px; font-size: 1.4rem; } .con_box1 p { font-size: 14px; font-size: 1.4rem; } .con_box2 .prto_title { font-size: 20px; font-size: 2rem; line-height: 30px; } .con_box1 .prto_title { font-size: 20px; font-size: 2rem; line-height: 30px; } .litop { margin-top: 50px; } .title_no { margin-bottom: 30px; margin-top: 10px; font-size: 20px; font-size: 2rem; } .pro_box3 #tab li { font-size: 16px; font-size: 1.6rem; } } .ziti { font-family: 'LatoBold'; } .zitilr { font-family: 'LatoRegular'; } .zitill { font-family: 'LatoLight'; } @media screen and (min-width: 1220px) { .header { transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; } .fixed .header { position: fixed; width: 100%; top: 0px; z-index: 99999; } .fixed .header .logo { margin-top: 5px; max-width: 100px; } .fixed .header_ul1 > li > a { line-height: 50px; } .fixed .search { top: 11px; } } .gotop { opacity: 0; position: fixed; opacity: 1 !important; width: 52px; height: 52px; background: url(../png/kefu4.png) no-repeat center center; cursor: pointer; z-index: 999; } .kefu { width: 69px; position: fixed; right: 0; top: 40%; z-index: 9999; } .kefu li { margin-bottom: 2px; position: relative; } .kefu #erweima { position: absolute; right: 100%; top: 0; display: none; } .kefu li img { display: block; } @media screen and (max-width: 999px) { .kefu { width: 69px; position: fixed; } } @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 { width: 100%; } .kefu li { width: 20%; height: 40px; float: left; } .kefu li img { margin: 0 auto; height: 40px; } .gotop { width: 22%; height: 40px; background-size: contain; } .kefu #erweima { top: -200%; width: 80px; height: 80px; } } #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; 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; 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; transition: left .4s ease,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; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; 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; 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: 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; animation: bounce 2s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;} .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;} .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;} .none{border: 1px solid #ed0000 !important; color: #ed0000 !important; background: #fff !important;width: 114px!important;} #saa{ margin-top: 99px!important;} .main111 .m1zi { width: 50%; width: 50%; float: left; padding-top: 30px; } @media screen and (min-width: 1220px){ .main4 .m4_ul .title5{height: 90px;} } @media screen and (max-width: 1220px) { .header_ul1 > li { margin-left: 0px; } .header_ul1 > li > a { padding: 0px 12px; font-size: 14px!important;font-size: 1.4rem!important;} .slick-dots li img { max-width: 190px; } .slick-dots li { padding-top: 5px; padding-bottom: 5px; } } .con_wrap{background: #eeeeee;} @media screen and (min-width: 769px){ .kefu li img { display: block; width: 75%; } .kefu{right: -14px;} } .service img{width: 60%;margin-bottom: 50px;} @media screen and (max-width: 722px){ .about_cen img{width: 100%!important;height: auto!important;} } .sumain{ padding-bottom:60px;} .sulie{ border-bottom:1px dashed #cecece; min-height:79px; position:relative; padding-bottom:30px; margin-bottom:28px;} .pdf{ width:59px; position:absolute; left:0px; top:7px;} .pdf img{ width:59px; height:72px;} .xiazai{ display:block; width:90px; height:40px; position:absolute; right:0px; top:28px; border:1px solid #003686; background:url(../png/xiazai.png) no-repeat left center; padding-left:50px; font-size:14px; font-size:1.4rem; line-height:40px; color:#003686;} .suzi{ margin-left:83px; margin-right:180px;} .suzi>a{ display:block; font-size:18px; font-size:1.8rem; line-height:32px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .suzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; height:48px; overflow:hidden; margin-top:5px;} .suzi a:hover{ color:#003686;} .xiazai:hover{ background:#003686 url(../png/xiazaih.png) no-repeat left center; color:#fff;} .bobn{ border-bottom:none} .mat2{ padding-top:36px; margin-top:auto;} @media screen and (max-width:699px){ .suzi{ margin-left:0px; margin-right:0px; padding-top:87px;} .suzi p a{ height:auto;} }