* { margin: 0px; padding: 0px; }
html { font-size: 62.5%; height: 100%; }
body { width: 100%; overflow-x: hidden; font-family: Microsoft JhengHei; font-size: 16px; font-size: 1.6rem; color: black; margin: 0 auto; }
a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
a:hover { color: #ec1947; }
ol, ul, li { list-style: none; }
img { max-width: 100%; border: 0px solid #ccc; }
table, embed, video { max-width: 100%; }
input, textarea { border: none; background: none; font-family:"SEGOE UI","Microsoft JhengHei"; }
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input:focus, textarea:focus { outline: none; }
textarea { resize: none; }
button { border: none; background: none; cursor: pointer; }
em, i { font-style: normal; }
.c-fl { float: left; }
.c-fr { float: right; }
.c-cb { clear: both; }
.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.c-oh { overflow: hidden; }
.c-nomt { margin-top: 0 !important; }
.c-nomr { margin-right: 0 !important; }
.c-nomb { margin-bottom: 0 !important; }
.c-noml { margin-left: 0 !important; }
.c-nofont { line-height: 0; font-size: 0; }
.c-nobg { background: none !important; }
.f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; }
@media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } }
@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }
@media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } }
.f-box1 { margin: 0 auto; max-width: 1408px; overflow: hidden; }
@media screen and (min-width: 960px) and (max-width: 1219px) { .f-box1 { width: 950px; } }
@media screen and (min-width: 768px) and (max-width: 959px) { .f-box1 { width: 750px; } }
@media screen and (max-width: 767px) { .f-box1 { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } }
[class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }
[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
[class*="-item"] .item-title { overflow: hidden; }
[class*="-item"] .item-title a:hover { color: #ec1947; }
[class*="-item"] .item-desc { overflow: hidden; }
[class*="-item"] .item-desc a { display: block; }
[class*="-item"] .item-desc a:hover { color: #ec1947; }
@font-face {
font-family: "fontawesome-webfont";
src: url("../fonts/fontawesome-webfont.woff2") format("woff2"),
url("../fonts/fontawesome-webfont.woff") format("woff"),
url("../fonts/fontawesome-webfont.ttf") format("truetype"),
url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
url("../fonts/fontawesome-webfont.svg") format("svg");
}
.g-hd { position: relative; z-index: 9; top:-22px; }
.m-hdbox { overflow: visible; }
.m-hdfix1 { background-color: #1d121a; }
.m-hdfix2 { float: right; padding: 1px 0; overflow: hidden; }
.m-hdfix3 { /*border-bottom: 1px solid #efefef;*/ }
.m-hdinfo { float: left; margin-right: 48px; overflow: hidden; }
.m-hdinfo .info-item { float: left; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; padding-left: 20px; /*background: url("../images/tel1.png") no-repeat left center;*/ }
.m-hdsch { float: left; height: 20px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-top:8px; margin-bottom:8px; }
.m-hdsch .form-text { float: left; width: 109px; height: 20px; line-height: 20px; padding: 0 11px; font-size: 14px; font-size: 1.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; background:#4a4148; }
.m-hdsch .form-text::-webkit-input-placeholder { color: #fff; }
.m-hdsch .form-text::-moz-placeholder { color: #fff; }
.m-hdsch .form-text:-moz-placeholder { color: #fff; }
.m-hdsch .form-text:-ms-input-placeholder { color: #fff; }
.m-hdsch .form-btn { float: left; width: 14px; height: 14px; background:url(../images/sousuo.jpg) no-repeat left center; margin-top:3px; margin-right:5px; margin-left:70px; }
.lang-line{ padding-left:12px; padding-right:12px; }
.m-hdlang { float: left; line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #fff; text-transform: uppercase; }
.m-hdlang a { color: #8e898d; width: 47px; border-radius: 3px; padding-top: 2px; padding-bottom: 2px; padding-left: 11px; padding-right: 5px;}
.m-hdlang a:hover { color: #fff; background:#ec1947; }
.m-hdlang a.active { color: #fff; background:#ec1947; }
.m-hdlang .info-line { margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; }
.m-hdlogo { float: left; display: block; width: 136px; text-align: center; font-size: 0; line-height: 0; margin-top:15px; }
.m-hdnav { float: right; }
.m-hdnav .nav-item { position: relative; float: left; margin: 0 76px; margin-right: 0; }
.m-hdnav .nav-item > a { display: block; padding: 37px 0; font-size: 16px; font-size: 1.6rem; color: #11162c; border-top:#fff solid 5px; }
.m-hdnav .nav-item > a:hover { color: #ec1947; border-top:#ec1947 solid 5px; }
.m-hdnav .nav-item > a.active { color: #ec1947; border-top:#ec1947 solid 5px; }
.m-hdnav .nav-item > a.current { color: #ec1947; border-top:#ec1947 solid 5px; }
.m-hdnav .nav-item > a.current1 { color: #fff; border-top:#ec1947 solid 5px; background: #ec1947; padding-left: 15px; padding-right: 15px; }
.m-hdnav .sbnav-list { position: absolute; display: none; border: 1px solid #efefef; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box;background:#fff;box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-hdnav .sbnav-list:hover{ border-top:none; box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-hdnav .sbnav-list1 { width:185px; top: 100%; left: 0; padding: 4px 0; background: #fff url("../images/img3.png") no-repeat right center; }
.erji{ margin-left:-183px; position: absolute; top:auto; margin-top:-29px; left: 0; background-color: #FFFFFF; width: 183px; display:none }
.erji > li { line-height: 30px; text-align: left; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box;background:#fff;box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-hdnav .sbnav-item { width: 183px; }
.m-hdnav .sbnav-item a { display: block; padding-left: 23px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #11162c; }
.m-hdnav .sbnav-item a:hover { color: #fff; background:#ec1947; }
@media screen and (max-width: 1219px) { .m-hdnav .nav-item { margin: 0 18px; }
.m-hdnav .nav-item > a { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 959px) { .m-hdsch, .m-hdinfo, .m-hdnav { display: none; }
.m-hdfix2 { float: left; }
.m-hdlogo { float: none; width: 100%; } }
.wap-hd-nav { display: none; }
.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }
.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }
.wap-nav .nav span { font-family: Microsoft JhengHei; }
.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }
.wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }
.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background:url(../images/moblesousuo.png) #fff no-repeat center center; }
.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }
.wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }
.wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }
.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }
.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }
.wap-nav .nav > ul > li .c-show { display: none; width: 100%; z-index:9999999999; }
.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; z-index:9999999999; }
.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }
.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }
.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }
.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.wap-nav .nav > ul > dl { padding: 20px; }
.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }
.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #ec1947; }
@media screen and (min-width: 960px) { .wap-nav, .menubtn { display: none; } }
@media screen and (max-width: 959px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #ec1947; }
.wap-hd-nav-item { width: 25%; }
.wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
.wap-hd-nav-item a.active { color: white; background-color: #ec1947; } }
.m-ftshare{
margin-top: 15px; padding-left: 15px; }
.pro1-list { padding-bottom: 43px; }
.pro1-list .list-item { float: left; width: 24%; margin-left: 1%; background-color: #fff; border: solid 1px #EEEEEE; margin-bottom: 38px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); }
.pro1-list .list-item:hover { -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); }
.pro1-list .item-pic { width: 100%; }
.pro1-list .item-pic img { display: block; max-width: 288px; margin: 0 auto; width: 100%; border-bottom:#fff 3px solid; }
.pro1-list .item-pic img:hover { border-bottom:#ec1947 3px solid; }
.pro1-list .item-pic:hover img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.pro1-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 25px; min-height: 32px; line-height: 25px;vertical-align:middle; display:flex; align-items:center; justify-content:center; flex-direction:column; margin-top: 12px; margin-left:20px; margin-right:20px; overflow:hidden }
.pro1-list .item-btnbox { padding-left: 47px; padding-bottom: 18px; padding-top: 3px; }
.pro1-list .item-btnbox input { margin-right: 8px; position: relative; top: 2px; }
.pro1-list .item-btn2 { display: inline-block; width: 28px; height: 28px; line-height: 30px; color: #555; text-align: center; background:url(../images/syleftjiantou1.jpg) no-repeat; float:right; margin-right:20px; margin-bottom:13px; }
.pro1-list .item-btn2:hover { background:url(../images/syleftjiantou1.jpg) no-repeat; color: #fff; }
@media screen and (max-width: 1219px) { .pro1-list { padding-bottom: 30px; }
.pro1-list .item-btnbox { text-align: center; padding-left: 0; }
.pro1-list .item-title { height: 50px; }
}
@media screen and (max-width: 999px) { .pro1-list { padding-bottom: 15px; }
.pro1-list .list-item { width: 21.9%; margin: 0 1% 30px; } }
@media screen and (max-width: 767px) { .pro1-list { padding-bottom: 10px; }
.pro1-list .list-item { width: 47%; }
.pro1-list .item-title { font-size: 14px; font-size: 1.4rem; }
.pro1-list .item-btnbox input { margin-right: 3px; }
.pro1-list .item-btn { width: 110px; } }
@media screen and (max-width: 550px) { .pro1-list .list-item { width: 47%; margin: 0 1% 20px; } }
.m-cultureb1 { margin-bottom: -25px; overflow: hidden; }
.m-cultureb1 .list-item { float: left; margin-right: 0.55%; margin-bottom: 25px; width: 24.45%; background:#fff;box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-cultureb1 .list-item:hover{ border-top:none; box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-cultureb1 .item-text { text-align: center; }
.m-cultureb1 .item-title { width: 253px; min-height: 70px; line-height: 25px;vertical-align:middle; /*display:flex;*/ align-items:center; justify-content:center; flex-direction:column; font-size: 20px; font-size: 2.0rem; margin-left:20px; margin-right:20px; /*float:left;*/ overflow:hidden; }
.baise{ color:#fff; }
.baise:hover{ color:#ec1947; }
.m-cultureb1 .item-desc { margin-top: 13px; height: 78px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #4d4d4d; overflow: hidden; }
@media screen and (max-width: 1220px) {.m-cultureb1 .item-title { width: auto;}}
@media screen and (max-width: 960px) {.m-cultureb1 .item-title { height: 100px; }}
@media screen and (max-width: 767px) {.m-cultureb1 .item-title { height: 100px; }}
@media screen and (max-width: 767px) { .m-cultureb1 .item-title { margin-top: 10px; font-size: 16px; font-size: 1.6rem; }
.m-cultureb1 .item-desc { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 640px) { .m-cultureb1 .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }
@media screen and (max-width: 320px) { .m-cultureb1 .list-item { margin-left: 1%; margin-right: 1% !important; width: 100%; } }
@media screen and (max-width: 420px) {.m-cultureb1 .item-title { height: 115px; }}
/*index products*/
.main4{ }
.m4l{ width:239px; float:left; padding-top:28px; }
.m4r{ width:1200px; margin:0 auto; }
.m4l>a{ display:block; margin-left:17px; font-size:24px; font-size:2.4rem; line-height:50px; background:url(../images/m4tiao.jpg) no-repeat left bottom; }
.m4l p a{ display:block; padding-left:17px; font-size:16px; font-size:1.6rem; line-height:24px; color:#fff; margin-top:35px; padding-right:15px; }
.m4l a:hover{ color:#ec1947; }
.m4lie{ width:300px; float:left; position:relative; overflow:hidden; max-height:405px; }
.m4tu{ display:block; text-align:center; }
.m4tu img{ width:100%; max-width:300px; max-height:405px; transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s; }
.m4fu1{ line-height:65px; width:100%; position:absolute; background:#fff; background:rgba(80,110,137,0.5); top:0%; transition:0.5s; height:100%; text-align:center; }
.m4fu1 img{ padding-top:70px; text-align:center}
.m4fu1 a{ display:block; font-size:24px; font-size:2.4rem; color:#fff; }
.m4fu1 span{ font-size:36px; font-size:3.6rem; font-style:italic; display:block; float:right; }
.m4mor{ position:absolute; display:block; width:250px; height:95px; text-align:center; line-height:25px; border-radius:17px; font-size:18px; font-size:1.8rem; color:#fff; top:100%; opacity:0; margin-left:25px; }
.m4mor p a{ color:#fff; }
.top47{ margin-top:47px; height:65px; overflow:hidden; }
.m4lie:hover .m4fu1 a{ margin-top:-33px; transition:0.5s; }
.m4fu1:hover { padding-top:0px; text-align:center; transition:0.5s;; }
.m4lie:hover .m4fu1{ margin-top:0px; background:rgba(236,25,71,0.9)}
.m4lie:hover .m4fu1 a,.m4lie:hover .m4fu1 span{ color:#fff; }
.m4lie:hover .m4fu1 a{ background:url(../images/m4jiahaoh.jpg) no-repeat right center; }
.m4lie:hover .m4mor{ top:50%; margin-top:11px; opacity:1; transition:0.5s; }
.m4lie:hover .m4tu img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); }
@media screen and (min-width:1000px) and (max-width:1219px) {
.m4l{ width:200px; float:left; padding-top:10px; }
.m4r{ width:760px; }
.m4lie{ float:left; margin-right:5px; position:relative; overflow:hidden; }
.m4l p a{ margin-top:10px; font-size:14px; font-size:1.4rem; }
.m4lie:hover .m4mor{ top:50%; margin-top:120px; opacity:1}
.m4fu1 a{ display:block; font-size:18px; font-size:1.8rem; color:#fff; margin-top:-10px; }
.m4mor{ display:none}
}
@media screen and (max-width:999px) {
.m4l{ width:100%; float:left; padding-top:10px; }
.m4r{ width:100%; float:right; }
.m4lie{ width:100%; }
.m4mor{ display:none}
.m4fu1 img{ padding-top:30px; }
.m4fu1 a{ font-size:16px; font-size:1.6rem; line-height:25px; }
.m4fu1:hover { padding-top:30px; }
.m4lie:hover .m4fu1 a{ margin-top:-5px; }
}
@media screen and (max-width:779px) {
.m4r{ padding-bottom:20px; }
.m4lie{ width:100%; margin-top:20px; }
/*.m4fu1{ max-width:235px; left:50%; margin-left:-118px; }*/
.m4fu1{ left:auto; margin-left:auto; }
.m4tu{ overflow:hidden; margin:auto; }
}
@media screen and (max-width:529px) {
.m4fu1{ left:auto; margin-left:auto; }
}
@media screen and (max-width:419px) {
.m4lie{ width:100%;}
.m4fu1{ left:auto; margin-left:auto; }
.top47{ margin-top:7px; height:65px; overflow:hidden; }
}
/* slide */
.slide-main { position: relative; }
.prev-btn,.next-btn {
display: block; width: 40px; height: 40px; position: absolute; z-index: 222; top: 50%; margin-top: -20px; overflow: hidden; cursor: pointer; /* opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; */
}
.prev-btn { left: 0; }
.next-btn { right: 0; }
.next-btn:hover,
.next-btn:hover,
.nav-main a:hover,
.nav-main a.cur {
opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item {
display: block; width: 100%; height: 18px; position: absolute; z-index: 124; bottom: 0px; left: 0; text-align: center; }
.item a {
display: inline-block; width: 18px; height: 18px; margin-right: 10px; border-bottom:#cccccc 4px solid; width:100px; overflow: hidden; /* background-size: */
cursor: pointer; margin-top:44px; }
.item a.cur { border-bottom:#ec1947 4px solid; width:100px; }
.slide-box,.slide { display: block;width: 100%;overflow: hidden; }
.slide-box { position: relative; }
.slide2{ display: none;position: relative;z-index: 8; width:100% }
.slide-box{ }
.slide2{ box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; width:100%}
.slide-box .item-pic{ position: absolute;top: 54px;width: 439px; }
.slide-box .item-pic img{ width: 100%;max-width: 439px;max-height: 381px;display: block;margin: 0 auto; }
.slide-box .item-info{ padding-left: 488px; }
.slide-box .item-info .item-title{ font-size: 18px;font-size: 1.8rem;font-weight: bold;font-family: Microsoft JhengHei;margin-bottom: 15px;margin-top: 50px; }
.slide-box .item-info .item-desc{ color: #666666;line-height: 24px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.slide2{}
.slide-box .item-info .item-title{ margin: 0; }
.slide-box .item-info{ padding-left: 470px; }
}
@media screen and (max-width:999px) {
.slide2{ padding:30px 50px; }
.slide-box .item-pic{ width:100%;position: relative;top: auto;left: auto; }
.slide-box .item-info{ padding-left: 0; }
.slide-box .item-info .item-title{ margin-top: 30px; }
}
@media screen and (max-width:767px) {
.slide-box{ margin-top: 20px; }
.slide2{ padding:20px 50px 30px}
.slide-box .item-info .item-title{ font-size: 16px;font-size: 1.6rem;margin: 20px 0 10px; }
.slide-box .item-info .item-desc{ font-size: 12px;font-size: 1.2rem;line-height: 20px; }
.item a {
width: 10px; height: 10px; margin-right: 5; background-size: contain; }
.item a.cur{ background-size: contain; }
}
@media screen and (max-width:500px) {
.slide2{ padding: 20px 0 30px; padding-top:0}
.slide-btns{ position: relative; }
.prev-btn,.next-btn{ position: relative;top: 0;margin-top: 20px;width: 30px;height: 30px; }
.prev-btn{ float: left; }
.next-btn{ float: right; }
.prev-btn img,.next-btn img{ width: 30px; }
}
.l{ float:left; }
.r{ float:right; }
@media screen and (min-width: 1220px) { .no_marginr { margin-right: auto !important; }
.no_marginl { margin-left: auto !important; } }
@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_marginr { margin-right: auto !important; }
.no_marginl { margin-left: auto !important; } }
/*index news*/
.latest-news { padding: 40px 0; }
.latest-news .index-title { text-align: center; font-size:30px; line-height:60px; }
.synewsbor{ border:#f4f4f4 solid 1px; border-top:none; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.synewsbor:hover{ border:#f4f4f4 solid 1px; border-top:none; box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
@media screen and (max-width: 1219px) { .latest-news { padding: 20px 0; } }
@media screen and (max-width: 999px) { .latest-news { padding: 20px 0; } }
@media screen and (max-width: 767px) { .latest-news { padding: 20px 0; /*padding-left:10px;*/ }
.latest-news .index-title { font-size: 18px; font-size: 3rem; }
}
.latest-list .list-item { float: left; width: 380px; margin-left: 29px; margin-top: 51px; }
.latest-list .item-pics { position: relative; width: 100%; overflow: visible; }
.latest-list .item-pics a { display: block; overflow: hidden; }
.latest-list .item-pics img { display: block; max-width: 380px; margin: 0 auto; width: 100%; }
.latest-list .item-date { position: absolute; display:none; width: 64px; height: 61px; background-color: #333333; right: 0; bottom: 0px; text-align: center; font-size: 16px; font-size: 1.6rem; padding-top: 5px; }
.latest-list .item-date, .latest-list .item-date span { color: #FFFFFF; }
.latest-list .item-date span { font-size: 24px; font-size: 2.4rem; display: block; margin-bottom: -4px; }
.latest-list .item-riqi{ font-size:0.14rem; text-align:left; padding-top:0.9rem; padding-left:30px;}
.latest-list .item-title { font-size: 20px; font-size: 2.0rem; font-weight:bold; line-height: 30px; padding-top: 26px; padding-left:30px; padding-right:30px; height:96px; overflow:hidden; }
.latest-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 24px; padding-top: 8px; padding-bottom: 28px; padding-left:30px; padding-right:30px; height:100px; overflow:hidden; }
.item-desc a { height: 96px; overflow: hidden; color:#666666; }
.item-btn { display: block; width: 152px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 20px; font-size: 2.0rem; color: #292929; margin-top: 28px; border:#292929 solid 1px; text-align:center; margin:0 auto; margin-top:48px; }
.item-btn:hover { color: #fff; background:#ec1947; border:#ec1947 solid 1px; }
.item-desc:hover a { color: #ec1947; }
.item-btn1 { display: block; width: 152px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 20px; font-size: 2.0rem; color: #fff; margin-top: 28px; border:#fff solid 1px; text-align:center; margin:0 auto; margin-top:48px; margin-bottom:50px; }
.item-btn1:hover { color: #fff; background:#ec1947; border:#ec1947 solid 1px; }
@media screen and (max-width: 1219px) { .latest-list .list-item { width: 312px; margin-left: 7px; } }
@media screen and (max-width: 999px) { .latest-list .list-item { width: 31.33%; margin: 30px 1% 0; } }
@media screen and (max-width: 767px) { .latest-list .list-item { width: 48%; }
.latest-list .item-date { width: 60px; height: 50px; }
.latest-list .item-date span { font-size: 22px; font-size: 2.2rem; margin-bottom: 0px; }
.latest-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; }
.latest-list .item-desc { padding-top: 8px; padding-bottom: 15px; line-height: 22px; }
.latest-list .item-desc a { height: 44px; }
.latest-list .item-btn { font-size: 14px; font-size: 1.4rem; margin-top: 15px; width: 130px; background-position-x: 100px; padding-left: 20px; } }
@media screen and (max-width: 400px) { .latest-list .list-item { width: 98%; } }
.sybeijing2{background: #13235C repeat; margin-top:107px; }
.syseries{padding-top: 23px; }
.syseries .sybt{margin-bottom: 38px; }
.syseries .img-scroll {position: relative;margin: 0 auto;width: 100%; }
.syseries .img-scroll .prev,.syseries .img-scroll .next {position: absolute;display: block;width: 24px;height: 41px;top:50%; margin-top:-20px;color: #fff;text-align: center;line-height: 100px;z-index: 9999; }
.syseries .img-scroll .prev {left: 0;margin-right: 122px;cursor: pointer;background:url(../images/aboutlefthgjiantou.png) no-repeat; display: none; }
.syseries .img-scroll .prev:hover{background:url(../images/aboutleftjiantou.png) no-repeat; }
.syseries .img-scroll .next {right: 0;margin-right: 23px;cursor: pointer;background:url(../images/aboutrighthgjiantou.png) no-repeat; display: none; }
.syseries .img-scroll .next:hover{background:url(../images/aboutrightjiantou.png) no-repeat; }
.syseries .img-list {position:relative;width:100%;overflow: hidden;margin: 0 auto;padding-bottom: 15%; }
.syseries .img-list ul {width: 10000%; }
.syseries .img-list li {float: left;display: inline;width: 1%;margin-right:10px;position: relative; }
.shou{display: block; }
.shou img{width: 100%;max-width: 1200px;max-height: 10px; }
.fupart{position: absolute;left: 0px; z-index: 999; }
.syszuotu{position: absolute;left: 0;bottom: 81px; }
.syszuotu img{width: 100%;max-width: 132px;max-height: 132px; padding:8px;/* background:url(../images/aboutyuanjing.png) no-repeat;*/ background: rgba(255, 255, 255, 0.94); border-radius:50%; }
.sysyou{ /*margin-left: 70px; padding-left:125px; padding-bottom: 56px;padding-right: 45px; margin-right:15px;*/ /*padding:45px; background: rgba(255, 255, 255, 0.94);*/ }
.sysp1{display: block;font-size: 20px;font-size: 2.0rem; padding-top:44px; padding-bottom: 14px;background:url(../images/redxian.jpg) no-repeat left bottom;margin-bottom: 33px; }
.sysp2{position: relative; }
.syap21{display: block;font-size: 18px;font-size: 1.8rem; height:112px; text-align: center; overflow:hidden; color: aliceblue; line-height: 28px;padding-right: 20px; font-family: Microsoft JhengHei; }
.sysp1:hover{color: #ec1947; }
.syap21:hover{color: #ec1947; }
/*@media screen and (min-width:1000px) and (max-width:1419px) {
.syszuotu{width: 200px; }
.sysyou{padding-left: 230px;padding-right: 0; }
.fupart{bottom: -150px; }
.sysp1{font-size: 34px;font-size: 3.4rem;margin-bottom: 15px; }
.syap21{font-size:18px;font-size:1.8rem;line-height: 30px; }
.syseries .img-scroll .prev, .syseries .img-scroll .next{bottom: 28%; }
}*/
@media screen and (max-width:999px) { /*.sysyou{ margin-left:105px; }*/
.syszuotu{width: 200px; }
.sysyou{/*padding-left: 106px;*/padding-right: 0; }
.fupart{position: static;margin-top: 20px; }
.sysp1{font-size: 34px;font-size: 3.4rem;margin-bottom: 15px; }
.syap21{font-size:18px;font-size:1.8rem;line-height: 30px; }
.syseries .img-scroll .prev, .syseries .img-scroll .next{bottom: 24%; }
.syseries{/*padding-top: 40px;*/ padding: 2%; }
.syseries .img-list{padding-bottom: 0; }
.syseries .img-scroll .prev{margin-right: 95px; }
}
@media screen and (max-width:767px) {
.syszuotu{width: 150px; }
/*.sysyou{padding-left: 90px; }*/
.sysp1{font-size: 24px;font-size: 2.4rem; }
.syap21{font-size:14px;font-size:1.4rem;padding-right: 50px; }
.syseries .img-list{padding-bottom: 40px; }
.syseries .img-scroll .prev, .syseries .img-scroll .next{bottom: 0; }
.sybt{font-size: 30px;font-size: 3rem; }
}
@media screen and (max-width:600px) {
.syap21{padding-right: 0; }
.syap22{position: static;margin-top: 10px; }
.sybt{font-size: 24px;font-size: 2.4rem; }
.syszuotu img{ width:70%}
.sysyou{/*padding-left: 20px;*/ }
.sysp1{font-size:16px;font-size: 1.6rem; }
}
@media screen and (max-width:400px) { /*.sysyou{ margin-left:70px; }*/
.syszuotu img{ width:50%}
.sysyou{/*padding-left: 25px;*/ }
/*.syszuotu{width: 100px; }
.sysyou{padding-left: 120px; }
.syap21{height: 60px;overflow: hidden; }*/
}
/*footer*/
.footer { background: #3f4042; padding-top: 24px; }
.footer a:hover { color: #fff; }
.footer .title { font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 30px; }
.footer .title a { color: #fff; }
.footer .title b { display: block; width: 60px; height: 1px; background: #fff; margin-top: 11px; }
.footer_left { float: left; width: 17.7%; margin-left:8.5% }
.footer_left2 { float: left; width: 17.7%; }
.footer_center { float:right; width: 16.6666%; }
.footer_center div{ text-align:right}
.footer_center ul{ text-align:right}
.footer_right { float: right; width: 249px; }
.ftx_ul { margin-bottom: 21px; }
.ftx_ul li { line-height: 30px; color: #ffffff; padding-left: 20px; }
.ftx_ul li a { font-size:16px; font-size:1.6rem; }
.ftx_ul li.li1 { background: url(../images/foli1.png) no-repeat left 8px; }
.ftx_ul li.li2 { background: url(../images/foli2.png) no-repeat left 10px; }
.ftx_ul li.li3 { background: url(../images/foli3.png) no-repeat left 10px; }
.ftx_ul li.li4 { background: url(../images/foli4.png) no-repeat left 10px; }
.footer a, .footer p { color: #fff; line-height: 30px; }
.footer p a { display: inline-block; padding-left: 2px; line-height: 30px; color: #fff; }
.ftx_ul2 { margin-top: 5px; }
.ftx_ul2 li { line-height: 30px; color: #a3a2a2; font-size:14px; font-size:1.4rem; }
.ftx_ul2 li a { color: #a3a2a2; position: relative; left: 0px; }
.ftx_ul2 li a:hover { padding-left: 10px; }
.footer .shejiao { padding-top: 32px; }
.footer .shejiao a { display: block; margin-left: 10px; float: left; }
.shejiao a img { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }
.shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.footer_bot { margin-top: 15px; color: #a3a2a2; background:#000000; }
.Links { height: 60px; line-height: 60px; width:1200px; margin:0 auto; text-align:center }
.Links a { display: inline-block; padding-left: 5px; color: #fff; }
@media screen and (max-width: 1219px) { .footer_left { float: left; width: 220px; margin-left:0 }
.footer_left2 { float: left; width: 183px; }
.footer_center { float: left; margin-left: 20px; }
.Links { width:100%; margin:0 auto; height:auto; line-height:30px; }
.footer_bot{ background:#000; margin-top:0; padding-top:15px; padding-bottom:15px; } }
@media screen and (max-width: 999px) { .footer_left { width: 30%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 303px; }
.footer_left2 { width: 30%; float: right; }
.footer_center { width: 30%; float: left; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }
.footer_right { width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }
.clear{ clear:both}
}
@media screen and (max-width: 768px) { .footer { padding-top: 0px; padding-bottom: 10px; }
.footer_left, .footer_left2 { display: none; }
.footer_center { display: none; }
.footer_right { padding-left: 0px; background: none; width: 100%; }
}
/*about us*/
.fix { *zoom: 1; }
.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.about-title1 { text-align: center; font-size:30px; font-size:3.0rem !important; color:#000 !important; line-height:25px; padding-bottom:0px; padding-top:5% !important; }
.about1-box .item-videobox { width: 50.41%; max-width: 605px; overflow: hidden; margin-right: 3.167%; margin-top: 59px; }
.about1-box .item-video { position: relative; overflow: hidden; padding-bottom: 56.978%; height: 0; }
.about1-box .item-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.about1-box .item-video iframe body { margin: 0px !important; }
.abooutzi1{ line-height:25px; color:#626060; font-size:20px; font-size:2.0rem; margin-top:40px; }
.abooutzi1 a{ color:#626060; }
.abooutzi1 a:hover{ color:#ec1947; }
@media screen and (max-width: 999px) { .about1-box .item-videobox { width: 100%; margin: 50px auto 0; float: none !important; } }
@media screen and (max-width: 767px) { .about1-box .item-videobox { margin: 30px auto 0; } }
.about1-box .item-body { margin-top: 53px; font-size: 16px; font-size: 1.6rem; line-height: 25px; width:46%; float:left; }
.about1-box .item-body p { margin-bottom: 36px; font-size:20px; font-size:2.0rem; color:#626060; line-height:25px; }
@media screen and (max-width: 999px) { .about1-box .item-body { margin-top: 40px; line-height: 30px; }
.about1-box .item-body p { margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .about1-box .item-body { margin-top: 20px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.about1-box .item-body p { margin-bottom: 15px; } }
.top37{ margin-top:37px; }
.azuo img{width: 100%; max-width: 642px; }
.us{ font-size: 20px;font-size: 2rem;color: #ec1947;font-weight: bold; margin-top:30px; }
.ayou{width: 473px; }
.awen{line-height: 30px;margin-top: 15px;font-size: 16px;font-size: 1.6rem; }
.sanbiao a{display: inline-block;width: 327px;line-height: 30px;padding-top: 150px;float: left;text-align: center;margin-left:92px;font-size: 16px;font-size: 1.6rem; }
.span1{background: url("../images/ai1.jpg") no-repeat center top; }
.span2{background: url("../images/ai2.jpg") no-repeat center top; }
.span3{background: url("../images/ai3.jpg") no-repeat center top; }
.sanbiao span{display: block;height: 60px;overflow: hidden;color: #080103; }
.sanbiao{margin-top: 70px;margin-bottom: 70px; }
.oa{background: url("../images/aboutbg.jpg") no-repeat center bottom;padding-top: 99px;padding-bottom: 73px;background-attachment: fixed; }
.oap{font-size: 24px;font-size: 2.4rem;font-weight: bold;color: #fff;margin-bottom: 22px;text-transform: uppercase; }
.oapp{font-size: 16px;font-size: 1.6rem;color: #fff;line-height: 30px;margin-bottom: 31px;width: 873px; }
.oapp2{text-align: center;font-size: 18px;font-size: 1.8rem;line-height: 30px;color: #fff;margin-top: 69px; }
.banner2 a{display:block;text-align: center; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.azuo{width: 480px; }
.ayou{width: 445px; }
.us{ margin-top:10px; }
.sanbiao a{width: 320px;margin-left: 10px; }
.about1-box .item-body{ width:100%}
}
@media screen and (max-width:999px) {
.azuo{width: 100%;margin-bottom: 20px; }
.ayou{width: 100%; }
.sanbiao a{width: 31%;margin: 0 1%; }
.oapp{width: 100%; }.about1-box .item-body{ width:100%}
}
@media screen and (max-width:499px) {
.sanbiao a{width: 100%;margin: 0;margin-bottom: 20px; }
}
@media screen and (max-width:639px) {
.banner2 img{width: 200%;position: relative;left:-50%; }
}
@media screen and (min-width:1220px) {
.no_margin{margin-left: 0!important; }
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.no_margin{margin-left: auto!important; }
.nav1>li{margin-right:10px; }
}
/*mianbaoxie*/
.m-crm { font-size: 16px; font-size: 1.6rem; color: #fff; padding-top:27px; padding-bottom:27px; background-color:crimson; background-size:cover; }
.m-crm p { width:50%; }
.m-crm span { display: block; font-size: 30px; font-size: 3.0rem; display: inline-block; }
.m-crm a { color: #fff; }
.m-crm a:hover { color: #ec1947; }
/*.m-crm a.active{ color: #ec1947; } */
.youduiqi{ text-align:right; padding-top: 10px; }
@media screen and (max-width:639px) {
.m-crm p { width:100%; text-align:left !important }
}
/*carrier mianbaoxie*/
.m-carrier { font-size: 16px; font-size: 1.6rem; margin-bottom: 45px; color: #fff; padding-top:27px; padding-bottom:27px; background-color:crimson; background-size:cover; }
.m-carrier p { width:50%; }
.m-carrier span { display: block; font-size: 30px; font-size: 3.0rem; display: inline-block; }
.m-carrier a { color: #fff; }
.m-carrier a:hover { color: #ec1947; }
/*.m-carrier a.active { color: #ec1947; } */
@media screen and (max-width:639px) {
.m-carrier p { width:100%; text-align:left !important }
}
/*case */
.m-case1 { margin-bottom: -25px; overflow: hidden; }
.m-case1 .list-item { float: left; margin-right: 0.55%; margin-bottom: 25px; width: 25.45%; background:#fff;box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-case1 .list-item:hover{ border-top:none; box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.m-case1 .item-text { text-align: center; }
.m-case1 .item-title { width: 253px; height: 70px; font-size: 20px; font-size: 2.0rem; margin-left:20px; margin-right:20px; float:left; vertical-align:middle; /*display:flex;*/ align-items:center; justify-content:center; flex-direction:column; }
.m-case1 .item-desc { margin-top: 13px; height: 78px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #4d4d4d; overflow: hidden; }
@media screen and (max-width: 1220px) {
.m-case1 .item-title { height: 100px; width: auto; line-height: 25px;}}
@media screen and (max-width: 767px) { .m-case1 .item-title { margin-top: 10px; font-size: 16px; font-size: 1.6rem; }
.m-case1 .item-desc { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 640px) { .m-case1 .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }
@media screen and (max-width: 320px) { .m-case1 .list-item { margin-left: 1%; margin-right: 1% !important; width: 100%; } }
.casemore{ font-size:20px; font-size:2.0rem; margin-top:185px; text-align:center }
.casemore a{ color:#333; }
.casemore a:hover{ color:#ec1947; }
@media screen and (max-width: 1200px) {
.casemore{ margin-top:155px; }
}
@media screen and (max-width: 999px) {
.casemore{ margin-top:105px; font-size:16px; font-size:1.6rem; }
}
/*order mianbaoxie*/
.m-order { font-size: 16px; font-size: 1.6rem; color: #292929; padding-top:27px; padding-bottom:27px; background:#f5f5f5; }
.m-order p { width:50%; }
.m-order span { display: block; font-size: 30px; font-size: 3.0rem; display: inline-block; }
.m-order a { color: #292929; }
.m-order a:hover { color: #ec1947; }
/*.m-order a.active { color: #ec1947; } */
@media screen and (max-width:639px) {
.m-order p { width:100%; text-align:left !important }
}
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }
.table table tr td { padding: 3px; border: 1px solid #d9d9d9; }
.order-dh{ background:url(../images/redtiao.jpg) no-repeat left center; font-size:24px; font-size:2.4rem; padding-left:1.03%; width:48% !important; }
.m-jobtable table { width: 100%; border-collapse: collapse; line-height: 24px; }
.m-jobtable table tr{ border: 1px solid #d9d9d9; }
.m-jobtable table tr td { padding: 0 8px; height: 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-size: 1.4rem; color: #333; border: none; background-color: #f2f2f2; }
.m-jobtable table tr th { padding: 0 8px; height: 65px; font-size: 14px; font-size: 1.4rem; color: #141414; font-weight: normal; text-align: left; background-color: #f7f7f7; border: 1px solid #d9d9d9; }
.m-jobtable table tr:nth-child(2n) td { background-color: #fff; }
.m-jobcont { margin-top: 70px; padding-left: 42px; padding-right: 42px; padding-top: 47px; padding-bottom: 70px; background-color: #f7f7f7; }
.m-jobcont .box-title { font-size: 28px; font-size: 2.8rem; }
.m-jobcont .box-fix { margin-top: 38px; }
.m-jobcont .box-item { margin-top: 45px; }
.m-jobcont .box-item:first-child { margin-top: 0; }
.m-jobcont .boxitem-title { margin-bottom: 19px; font-size: 20px; font-size: 2rem; }
.m-jobcont .boxitem-desc { color: #666; }
.m-jobcont .box-link { margin-top: 46px; display: block; width: 170px; line-height: 48px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #854bff; }
@media screen and (max-width: 767px) { .m-jobcont { margin-top: 30px; padding: 25px; }
.m-jobcont .box-item { margin-top: 25px; }
.m-jobcont .boxitem-title { font-size: 16px; font-size: 1.6rem; }
.m-jobcont .boxitem-desc { margin-top: 15px; }
.m-jobcont .box-link { margin-top: 25px; line-height: 36px; } }
@media screen and (max-width: 1200px) { .table { width: 100%; overflow: scroll; }
.table table { width: 885px; } }
.m-hdsch1 { float: right; height:34px;border-radius:5px; margin-top:8px; }
.m-hdsch1 .box-form1 { width: 262px; border: 1px solid #bbb; border-radius: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.m-hdsch1 .form-text1 { float: left; width: 222px; padding: 0 15px; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:#cccccc solid 1px; background:#fff; border-radius:5px 0px 0 5px; }
.m-hdsch1 .form-btn1 { float: right; width: 38px; height: 32px; background:url(../images/sousou2.jpg) #ec1947 no-repeat center; }
.top30{ padding-top:30px; }
.m-hnews .item-link { position: absolute; bottom: -18px; left: 0; right: 0; margin: 0 auto; display: block; width: 140px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; font-size: 1.6rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.23); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.23); }
.m-hnews .item-link:hover { color: #fff; background-color: #0484bd; }
.k50{ width:50% }
@media screen and (max-width:1200px) {
.k50{ width:100% !important; text-align:left !important }
}
.zong{max-width:1550px; margin:0px auto; overflow:hidden; }
@media screen and (min-width:1200px) and (max-width:1550px){ .zong{width:1200px;margin:0px auto; }}
@media screen and (min-width: 960px) and (max-width: 1200px) { .zong { width: 950px; } }
@media screen and (min-width: 768px) and (max-width: 959px) { .zong { width: 750px; } }
@media screen and (max-width: 767px) { .zong { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } }
.huijing{ background:#f5f5f5; }
.orderniu1{ background:#d8d8d8; margin-left:9px; margin-top:10px; float:right; border-radius:5px; line-height:28px; font-size:12px; font-size:1.2rem; width:80px; color:#fff; cursor:pointer }
.orderniu2{ background:#333333; margin-left:9px; margin-top:10px; float:right; border-radius:5px; line-height:28px; font-size:12px; font-size:1.2rem; width:80px; color:#fff; cursor:pointer }
.orderniu3{ background:#ec1947; margin-left:9px; margin-top:10px; float:right; border-radius:5px; line-height:28px; font-size:12px; font-size:1.2rem; width:80px; color:#fff; cursor:pointer }
.feedback { font-size: 14px; font-size: 1.4rem; color: #292929; padding-top:27px; padding-bottom:27px; /*background:#fff;*/ }
.cor{ width:724px; margin: 0 auto; padding-top:33px; background:#fff;box-shadow: 0px 3px 7px 0 rgba(53, 53, 53, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.coln{ background:#f4f4f4; border:10px solid #fff; margin-top:49px; padding-right:20px; position:relative; min-height:152px; padding-bottom:17px; }
.coltu{ display:block; position:absolute; left:25px; top:23px; }
.coltu img{ width:129px; height:129px; }
.colzi{ margin-left:186px; padding-top:20px; }
.colzi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; font-weight:bold; margin-bottom:13px; }
.colzi li{ padding-left:28px; font-size:14px; font-size:1.4rem; line-height:30px; color:#333; }
.colzi li a{ color:#333; }
.colzi li a:hover{ color:#00c566; }
.codianhua{ background:url(../images/codianhua.jpg) no-repeat 3px 10px; }
.coyouxiang{ background:url(../images/coxinfeng.jpg) no-repeat 3px 11px; }
.cos{ background:url(../images/cos.jpg) no-repeat 3px 11px; }
.cor span{ color: #ec1947; }
.cor .int1{ width:319px; float:left; text-align:right; padding-left:15px; margin-top:17px; margin-left: 20px; }
.cor .int1 input{ width:56.39%; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; float:right; }
.cor .int1 select{ width:58.99%; background: #eeeeee; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; }
.cor .int2{ width:325px; float:right; padding-left:14px; text-align: right; margin-top:17px; margin-right: 30px; }
.cor .int2 input{ width:55.49%; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; border-radius: 5px; }
.cor .int2 select{ width:58.99%; background: #eeeeee; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; border-radius: 5px; }
.cor .int3{ padding-left:15px; margin-top:16px; line-height: 30px; }
.cor .se2{ border:#cccccc solid 1px; border-radius:5px; width:613px; height:30px; line-height:30px; padding-left:10px;font-size:14px; font-size:1.4rem; color:#999; }
.cor .int3 input{ width:520px; float: right; margin-right: 30px; height:30px; border-radius:5px; padding-left:5px; padding-right:5px; font-size:14px; font-size:1.4rem; line-height:42px; border:#cccccc solid 1px; }
.cor .int3 textarea{ width:520px; float: right; margin-right: 30px; height:105px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:42px; border:#cccccc solid 1px; }
.cor .yanzheng{ width:98px; height:44px; margin-top:19px; float:left; margin-left:24px; cursor:pointer; }
.cor .int5{ width:106px; margin-right: 255px; height:28px; background:#ec1947; border-radius:5px; float:right; margin-top:19px; font-size:12px; font-size:1.2rem; color:#fff; cursor:pointer; }
.cor .int5:hover{ background:#fff; color: #ec1947; border:#ec1947 solid 1px; }
@media screen and (max-width:750px){
.cor{ width:90%; margin-left: 5%; float: left !important; }
.cor .int1,.cor .int2,.cor .int3,.cor .int4{ padding-left:14px;float: left !important; text-align: left; margin-left: 20px; }
.cor .int3 input{ width: 82%; float: left !important; }
.cor .int3{ float: left !important; margin-right: 0 !important; width: 90%; }
.cor .int1 input{ width:80%; margin-top: 5px; }
.cor .int2 input{ width:80%; margin-top: 5px; }
.cor .int1 select{ width:80%; margin-top: 5px; }
.cor .int2 select{ width:80%; margin-top: 5px; }
.cor .se2{ width:92%; }
.cor .int3 textarea{ width:90%; margin-right: 0; float: left; }
.cor .yanzheng{ margin-left:14px; }
.cor .int5{ margin-right: 0; float: left; margin-left: 35px; margin-top: 5px !important; }
#j-filetext{ width: 90% !important; float: left !important; }
}
@media screen and (max-width:550px){
.cor .int1 input{width: 65%; margin-top: 5px; }
.cor .int2 input{width: 65%; margin-top: 5px; }
.cor .int1 select{ width:70%; margin-top: 5px; }
.cor .int2 select{ width: 70%; margin-top: 5px; }
}
.box-fix1 { width: 43.96135%; }
#j-filetext{ width: 425px; }
.input-btn1 { right: 0; cursor: pointer; top: 0; width: 66px !important; float: left; height: 32px; line-height: 30px !important; font-size: 13px; font-size: 1.3rem; color: white; background-color: #ec1947; border-radius: 5px; border:none !important; text-align: center; }
.contixing{ text-align: right; line-height: 20px; margin-right: 19px; margin-top: 9px; color: #666666; font-style: italic; margin-bottom: 35px; }
.w728{ width: 728px; margin: 0 auto; }
.f24{ font-size: 24px; font-size: 2.4rem; }
.faqk{background: #f5f5f5; margin-top: 20px; width: 100% !important }
.faq{ border-bottom: #d9d9d9 1px solid; margin-left: 25px; line-height: 60px; margin-right: 25px; font-size: 16px; font-size: 1.6rem; }
.faq p{ margin-left: 70px; width: 430px; display: block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.faq a{ display:initial }
.item-btnfaq { display: block; width: 128px; height: 36px; color: #fff; background:#ec1947; line-height: 36px; border-radius: 8px; font-size: 14px; font-size: 1.4rem; color: #fff; border:#ec1947 solid 1px; text-align:center; margin:0 auto; margin-top:25px; margin-bottom: 20px; display: block; }
.item-btnfaq:hover { border:#ec1947 solid 1px; color: #fff; }
.faqtopxia{ margin-top: 30px; margin-bottom: 30px; display: block; }
@media screen and (max-width:750px){
.faq{ width: 90% !important; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.faq p{ width: 90% !important; margin-left: 0; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.faq span{ width: 100%; }
.w728{ width:100%; margin: 0 auto; }
}
.m-prob1 .prob-pic { width: 505px; margin-top:18px; }
.m-prob1 .prob-pic-big { width: 505px; margin: 0 auto; position: relative; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }
.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }
.m-prob1 .zoomWrapperImage img { max-width: 2000px; }
.m-prob1 .prob-pic-small { position: relative; margin-top: 10px; padding: 0px 18px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; }
.m-prob1 .prob-pic-btn { position: absolute; top: 0; display: block; width: 16px; height: 100%; background-repeat: no-repeat; background-position: center; }
.m-prob1 .prob-pic-btn.prev { left: 0; background-image:url(../images/jtl1.png); }
.m-prob1 .prob-pic-btn.next { right: 0; background-image: url("../images/jtr1.png"); }
.m-prob1 .prob-pic-list { overflow: hidden; width: 100%; margin: 0 auto; }
.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }
.m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.1%; width: 2.41%; padding-top: 5px; }
.m-prob1 .prob-pic-item .item-pic { border: 1px solid #cfcfcf; overflow: inherit; }
.m-prob1 .prob-pic-item .item-pic img { border: 0px solid transparent; }
.m-prob1 .prob-pic-item .item-pic:hover { /*border-color: #ec1947; */}
.m-prob1 .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.m-prob1 .prob-pic-item .item-pic.active {/* border-color: #ec1947; */}
.m-prob1 .prob-pic-item .item-pic.active:before { display: block; }
.m-prob1 .prob-info { float: right; width: 496px; margin-left:105px; }
.m-prob1 .prob-info-title { position: relative; padding-bottom: 16px; line-height: 30px; text-transform: uppercase; font-size: 40px; font-size: 4.0rem; font-weight: normal; padding-top:63px; }
.pro_x { font-size: 22px; font-size: 2.2rem; color: #333333; line-height: 50px; text-align:left; }
.pro_x a { color: #ec1947; line-height: 24px; color: #ec1947; }
.pro_x strong { color: #ec1947; }
.pro_x img { display: block; max-width: 100%; }
.pro_x iframe { display: block; max-width: 100%; margin: 0 auto; }
.pro_x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border:none }
.pro_x .table table tr td { padding: 3px; border: 1px solid #ccc; }
.pro_x table tr:nth-child(2n-1) td { background-color: #cbd2d7; }
.pro_x table td:first-child { border-right:#e6e5e5 solid 1px; width:135px; }
.table1 table { width:558px; border-collapse: collapse; line-height: 22px; font-size:14px; font-size:1.4rem; border:none; }
.table1 table tr td { padding: 3px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding-left: 15px; }
.pro_x li{ list-style:inherit !important; margin-left: 21px;}
.w557{ width:557px; }
.detaile-p{ font-size:18px; font-size:1.8rem; line-height:47px; font-weight:bold; padding-left:15px; width:519px; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; }
@media screen and (max-width: 1215px) {
.w557{ width:450px; }
.detaile-p{ width:412px; }
}
@media screen and (max-width: 999px) {
.w557{ width:100%; }
.detaile-p{ width:100%; border:none; }
.table1{ float:left !important; }
.table1 table { width:100%; float:left !important; }
.m-prob1 .prob-info { width: 496px; margin-left:105px; text-align: center; }
}
.item-tabel { margin-bottom: 12px; }
.item-tabel .item-cell { color: #999; font-size: 16px; font-size: 1.6rem; line-height: 35px; width: 10%; font-size: 16px; font-size: 1.6rem; }
.item-tabel p { width: 83%; }
.item-tabel p span { margin-bottom: 10px; color: #333333; cursor: pointer; font-size: 14px; font-size: 1.4rem; border: 1px solid #afafaf; display: block; padding: 0px 6px; line-height: 35px; float: left; text-align: center; margin-right: 10px; }
.item-tabel p span.on, .item-tabel p span:hover { border-color: #ec1947; }
.m-prob1 .prob-info-link { margin-top: 32px; overflow: hidden; }
.m-prob1 .prob-info-link a { float: left; margin-bottom: 20px; display: block; width: 242px; height: 40px; line-height: 38px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #666666; background:#666666; color: #fff; border-radius:3px; }
.m-prob1 .prob-info-link a:hover { color: white; background-color: #ec1947; border-color: #ec1947; }
.m-prob1 .prob-info-link a:first-child { float: left; margin-right:12px; }
@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
.zoomPup { display: none !important; }
.zoomWindow { display: none !important; }
.zoomPreload { display: none !important; }
.m-prob1 .prob-pic { }
.m-prob1 .prob-info { margin-top: 20px; width: 350px; margin-left:50px !important; }
.m-prob1 .prob-info-title { padding-top:0}
}
@media screen and (max-width: 1000px) { .pro_x .table { width: 100%; overflow: scroll; }
.m-prob1 .prob-pic { float: none; margin: 0 auto !important; margin-top:25px !important; }
.m-prob1 .prob-info { margin-top: 20px; width: 100%; margin-left:0px !important; }
.pro_x .table table { width: 885px; } }
@media screen and (max-width: 767px) { .m-prob1 .prob-pic-list { max-width: 640px; width: 100%; margin: 0 auto; }
.m-prob1 .prob-pic { width: 100%; }
.m-prob1 .prob-pic-big { display: none; }
.m-prob1 .prob-pic-small { margin-top: 0; }
.m-prob1 .prob-info-link a { width: 100%; }
.m-prob1 .prob-pic-list ul li { width: 9%; margin-left: 0.5%; }
.m-prob1 .prob-pic-item .item-pic:before { display: none !important; }
.m-prob1 .prob-info-title { margin-top: 25px; }
.zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; }}
.detail-title1 { text-align:center; font-size:30px; font-size:3.0rem !important; color:#000 !important; background:url(../images/abouttitlejing.png) no-repeat center bottom; line-height:25px; padding-bottom:29px; padding-top:20px !important; }
.detailxq{ width:95%; margin:0 auto; font-size:16px; font-size:1.6rem; line-height:43px; color:#292929; }
.detailxq img{ width: 100% !important; max-width: 100%;
height: auto !important;}
.detailxq table td{padding:0px 7px!important;}
@media screen and (max-width: 767px) {.detailxq{ width:100% !important; } .detailxq table td{padding:0px!important;}}
.prlie{ width:580px; float:left; margin-left:35px; padding-top:40px; padding-bottom:48px; }
.mal1{ margin-left:3px !important; border-right:#ccc solid 1px; }
.prtu{ position:relative; }
.prtu a{ display:block; }
.prtu a img{ display:block; margin:auto; width:50%; max-width:550px; max-height:550px; }
.prtu .newpro{ position:absolute; left:6px; top:7px; }
.przi{ display:block; text-align:center; font-size:24px; font-size:2.4rem; line-height:30px; margin-top:8px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.przi1{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:8px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.prmor{ display:block; width:152px; height:38px; border:1px solid #333; margin:auto; text-align:center; line-height:36px; font-size:16px; font-size:1.6rem; color:#333; border-radius:23px; margin-top:18px; }
.prlie:hover .prmor{ background:#ec1947; color:#fff; border:1px solid #ec1947; }
.przi:hover{ color:#ec1947; }
.dixian{ border-bottom:#ccc solid 1px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.prlie{ width:450px; margin-left:20px; margin-top:20px; margin-bottom:26px; }
}
@media screen and (max-width:999px) {
.prmain{ padding-top:28px; }
.prnav>li{ float:none; margin-right:0px}
.prnav>li>a{ width:auto; border-radius:0px; margin-top:10px; font-size:14px; font-size:1.4rem; border-width:1px !important; line-height:30px; height:30px; }
.prerji{ position:relative; top:auto; left:auto; width:auto; margin:auto; }
.prnav>li:hover .prerji{ top:auto; }
.prlie{ width:45%; margin-left:2% !important; margin-right:2%; margin-top:20px; margin-bottom:6px; }
.przi{ font-size:14px; font-size:1.4rem; }
.prmain6{ padding-top:21px; padding-bottom:23px; }
.prtu a img{ width:90%;}
}
@media screen and (max-width:509px) {
.prlie{ width:45%; }
.prtu .newpro{ width:30%}
.prmor{ width:120px; height:35px; line-height:33px; font-size:14px; font-size:1.4rem; }
}
.m-jobtable1 table { width: 100%; border-collapse: collapse; line-height: 24px; }
.m-jobtable1 table tr{ border: 1px solid #d9d9d9; }
.m-jobtable1 table tr td { padding: 0 8px; height: 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-size: 1.4rem; color: #333; border: none; background-color: #f7f7f7; }
.m-jobtable1 table tr th { padding: 0 8px; height: 65px; font-size: 14px; font-size: 1.4rem; color: #141414; font-weight: normal; text-align: left; background-color: #f7f7f7; border: 1px solid #d9d9d9; }
.m-jobtable1 table tr:nth-child(2n) td { background-color: #f7f7f7; }
/*download*/
.downbaijing{ background:#fff; height:300px; }
.downwid{ width:742px; margin:0 auto; padding-top:62px; }
.downinput{ width:580px; border:#ccc solid 1px; border-radius:3px; line-height:30px; float:left; }
.downkey{ width:160px; float:left; color:#282828; line-height:30px; }
.downcheck{ width:160px; float:left; color:#282828; line-height:30px; }
.downsous{ margin-right:60px; line-height:30px; }
@media screen and (max-width:768px) {
.downwid{ width:100%;}
.downinput{ width:400px}
.downsous{ margin-right:20px; line-height:30px; }
}
@media screen and (max-width:600px) {
.downinput{ width:250px}
.downsous{ margin-right:5px; line-height:30px; }
}
@media screen and (max-width:448px) {
.downkey{ width:110px;}
.downcheck{ width:110px;}
.downinput{ width:180px}
.downsous{ margin-right:5px; line-height:30px; }
}
.cor .intque1{ width:319px; float:left; text-align: left; padding-left:15px; margin-top:17px; margin-left: 20px; line-height:30px; }
.cor .intque1 input{ width:50.69%; height:30px; float:right; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; line-height:30px; }
.cor .intque1 select{ width:53.99%; float:right; background: #eeeeee; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; line-height:30px; }
.cor .intque3{ padding-left:39px; margin-top:16px; line-height: 30px; }
.cor .intque3 input{ width:500px; float:right; margin-right: 30px; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:42px; border:#cccccc solid 1px; }
.cor .intque3 textarea{ width:94%; float:left; height:105px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:42px; border:#cccccc solid 1px; }
.cor .intque2{ width:325px; float:right; padding-left:14px; text-align: right; margin-top:17px; margin-right: 30px; }
.cor .intque2 input{ width:55.49%; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; border-radius: 5px; }
.cor .intque2 select{ width:58.99%; background: #eeeeee; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; border-radius: 5px; }
.cor .intque5{ width:106px; margin-right: 35px; height:28px; background:#ec1947; border-radius:5px; float:right; margin-top:19px; font-size:12px; font-size:1.2rem; color:#fff; cursor:pointer; }
.cor .intque5:hover{ background:#fff; color: #ec1947; border:#ec1947 solid 1px; }
@media screen and (max-width:768px) {
.cor .intque2 input{ width:100%; }
.cor .intque2{ width:100%;}
.cor .intque1{ width:90% !important; }
.cor .intque1 input{ width:90%; float:left; }
.cor .intque1 select{ width:90%; float:left; }
.cor .intque3{ width:90% !important; padding-left:35px; margin-top:16px; line-height: 30px; }
.cor .intque3 input{ width:91%; float:left; }
.cor .intque2{ width:100%; float:left; padding-left:14px; text-align: left; margin-left:20px; margin-top:17px; margin-right: 30px; }
.cor .intque2 input{ width:50.49%; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; border-radius: 5px; }
.cor .intque2 select{ width:58.99%; background: #eeeeee; height:30px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px; border:#cccccc solid 1px; border-radius: 5px; }
}
.serviceleft{ width:475px; float:left; display:none }
.serviceleftjing{ width:347px; background:#f9f9f9; margin:0 auto; border:#ccc solid 1px; border-radius:5px; margin-top:30px; }
.servicep1{ font-size:24px; font-size:2.4rem; padding-top:35px; padding-left:30px; }
.servicep2{ font-size:16px; font-size:1.6rem; padding-left:30px; padding-right:30px; line-height:25px; margin-top:33px; }
.servicep3{ padding-left:30px; padding-right:30px; font-size:16px; font-size:1.6rem; font-weight:bold; margin-top:25px; padding-bottom:25px; }
.servicecor{ width:724px;/* float:right;*/ padding-top:33px; font-size:16px; font-size:1.6rem; margin:0 auto }
.sercor{ width:605px; margin:0 auto }
.servicecor .intque1{margin-top:16px; line-height: 30px; }
#j-filetext1{ width: 375px; float:right }
.servicecor .intque3{ margin-top:16px; line-height: 30px; }
.servicecor .intque3 input{ width:395px; float:right; height:30px; border-radius:5px; padding-left:5px; padding-right:5px; font-size:16px; font-size:1.6rem; line-height:42px; border:#cccccc solid 1px; margin-right:28px; }
.servicecor .intque1 select{ width:405px; float:right; background: #fff; height:30px; border-radius:5px; padding-left:10px; font-size:16px; font-size:1.6rem; line-height:30px; border:#cccccc solid 1px; margin-right:28px; }
.servicecor .intque3 textarea{ width:94%;float:left; height:105px; border-radius:5px; padding-left:10px; font-size:16px; font-size:1.6rem; line-height:42px; border:#cccccc solid 1px; }
.servicecor .intque5{ width:106px; height:28px; background:#ec1947; border-radius:5px; margin:0 auto; margin-top:19px; font-size:12px; font-size:1.2rem; color:#fff; cursor:pointer; margin-left:170px }
.servicecor .intque5:hover{ background:#fff; color: #ec1947; border:#ec1947 solid 1px; }
.servicezi{ width:580px; font-size:16px; font-size:1.6rem; color:#292929; margin-top:30px; padding-bottom:12px; border-bottom:#ccc solid 1px;}
.height16{ height:16px; }
.servicecor span{ line-height:30px; color:#ec1947; }
.yanzhengma { margin-left:170px; margin-top:8px;}
@media screen and (max-width:1220px) {
.servicecor{ width:558px;}
.serviceleft{ width:380px; }
.sercor{ width:558px;}
.servicezi{ width:530px; }
#j-filetext1{ width:326px;}
}
@media screen and (max-width:1000px) {
.servicecor{ width:90%; margin-left:5%; }
.serviceleft{ width:100%; }
.sercor{ width:90%; margin-left:5%; }
.servicezi{ width:90%;}
.servicecor .intque1 select{ width:250px;}
.servicecor .intque3 input{ width:240px;}
#j-filetext1{ width:150px;}
.upleft{ float:left !important; }
.servicecor .intque5{ margin-left:0}
.yanzhengma { margin-left:0}
}
@media screen and (max-width:540px) {
.servicecor{ width:100%; margin-left:0%; }
.servicezi{ width:100%; }
.sercor{ width:100%; margin-left:0; float:left }
.servicecor .intque1 select{ width:100%; margin-top:5px; margin-bottom:15px; margin-right:0}
.servicecor .intque3 input{ width:100%; margin-right:16px; margin-right:0px; padding-left:0}
.serviceleftjing{ width:100%;}
}
.main1{ padding-bottom:72px;}
.m1l{ width:53.74%; margin-bottom:20px; }
.m1r{ width:100%; float:left;}
.m1l a{ display:block; text-align:center;}
.m1l a img{ width:100%; max-width:834px; max-height:486px;}
.m11n{ position:relative; max-width:834px; margin:auto; overflow:hidden;}
.m11tu{ display:block; text-align:center;}
.m11tu img{ width:100%; max-width:834px; max-height:486px;}
.m11zi{ position:absolute; width:100%; height:100%; top:61.73%; left:0px; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}
.m11zi a{ display:block; margin-top:30px; position:absolute; width:748px; line-height:20px; font-size:24px; font-size:2.4rem; color:#fff; position:absolute;top:0%; margin-left:43px; cursor:text; }
.m11zi p{ display:block; position:absolute; width:748px; line-height:25px; font-size:18px; font-size:1.8rem; color:#fff; position:absolute;top:75px; margin-left:43px; cursor:text; height:100px; overflow:hidden; }
.m11zi:hover a ,.m11zi:hover p{ cursor:text; color:#292929; }
.m11zi:hover{ background:#fff; }
.m11zi1{ position:absolute; width:100%; height:100%; top:61.73%; left:0px; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}
.m11zi1 a{ display:block; margin-top:26px; position:absolute; width:620px; line-height:28px; font-size:24px; font-size:2.4rem; color:#fff; position:absolute;top:0%; margin-left:43px; cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.m11zi1 p{ display:block; position:absolute; width:620px; line-height:25px; font-size:18px; font-size:1.8rem; color:#fff; position:absolute;top:75px; margin-left:43px; cursor:text; height:100px; overflow:hidden; }
.m11zi1:hover a ,.m11zi1:hover p{ cursor:text; color:#292929; }
.m11zi1:hover{ background:#fff; }
.m12{ width:44.65%; margin-bottom:20px; }
.m12n{ position:relative; max-width:692px; margin:auto; overflow:hidden;}
.m12tu{ display:block; text-align:center; }
.m12tu img{ width:100%; max-width:692px; }
.m11:hover .m11zi,.m12:hover .m11zi{ top:61.73%;}
@media screen and (max-width:1550px) {
.m11{ width:54.24%; }
.m12{ width:44.65%; }
.m11zi a{ width:570px;}
.m11zi1 a{ width:570px;}
.m11zi p{ width:570px; height:50px; overflow:hidden; }
.m11zi1 p{ width:450px; height:50px; overflow:hidden; }
}
@media screen and (max-width:1201px) {
.m11zi ,.m11zi1{ top:0;}
.m11zi p{ width:425px; height:200px; overflow:hidden; }
.m11zi1 p{ width:325px; height:200px; overflow:hidden; }
.m11zi a{ width:325px;}
.m11zi1 a{ width:325px;}
.m11zi:hover{ top:0}
.m11:hover .m11zi,.m12:hover .m11zi{ top:0;}
}
@media screen and (max-width:960px) {
.m11zi a{ width:86%;}
.m11zi1 a{ width:86%;}
.m11zi p{ width:90%; height:100px; overflow:hidden; }
.m11zi1 p{ width:90%; height:100px; overflow:hidden; }
}
@media screen and (max-width:700px) {
.m1l{ width:100%; float:none; max-width:100% !important; }
.m1r{ width:100%; float:none; max-width:100% !important; }
.m11{ width:100%; float:none; max-width:100% !important; }
.m12{ width:100%; float:none; max-width:100% !important; }
.m11zi p{ width:90%; height:auto}
.m11zi1 p{ width:90%; height:auto}
}
@media screen and (max-width:499px) {
.m1l{ width:100%; float:none;}
.m1r{ width:100%; float:none;}
.m11{ width:100%; float:none;}
.m12{ width:100%; float:none;}
.m11zi a{ width:90%; }
.m11zi1 a{ width:90%; }
.m11zi p{ display:none; }
.m11zi1 p{ display:none; }
}
.height54{ height:54px; }
.supk{background: #f5f5f5; margin-top: 35px; width: 100% !important }
.supbiaoge{ border-bottom: #d9d9d9 1px solid; line-height: 67px; font-size: 16px; font-size: 1.6rem; }
.supbiaoge span{ width:25%; margin:0 auto; line-height:67px; text-align:center; color:#03427f; }
.supbiaoge a{ display:initial }
.sup table{ border-collapse: collapse; width: 100%; cursor: default; background:#f5f5f5; }
.sup tr{ height: 58px; }
.sup table thead tr{ background-color: #fff; }
.sup td{ border-bottom: solid 1px #d9d9d9; padding:5px;word-wrap:break-word; word-break:break-all; }
.sup th{ border-bottom: solid 1px #d9d9d9; text-align:left; cursor: pointer; font-size:16px; font-size:1.6rem; }
.f16{ font-size:16px; font-size:1.6rem; }
.red{ color:#ec1947; }
.m-hdsch2 { float: right; height:34px;border-radius:5px; }
.m-hdsch2 .box-form2 { width: 262px; border: 1px solid #bbb; border-radius: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-bottom:20px; }
.m-hdsch2 .form-text2 { float: left; width: 222px; padding: 0 15px; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:#cccccc solid 1px; background:#fff; border-radius:5px; }
.m-hdsch2 .form-btn2 { float: right; width: 61px; height: 32px; margin-left:8px; background:url(../images/sousou2.jpg) #ec1947 no-repeat center; border-radius:5px; }
.top43{ margin-top:43px; }
.downsouss { float: right; width: 106px; height: 26px; color: #292929; text-align: center; cursor: pointer; margin-left:8px; background: #d8d8d8; border-radius:5px; margin-top: 25px; }
.downsouss:hover { background: #ec1947; color: #fff; }
@media screen and (max-width:768px) {
.supbiaoge span{ width:50%;}
}
/*REGISTER*/
.foxin{ width:660px; margin:0 auto; padding-top:18px; margin-top:18px; border-top:#ec1947 solid 6px; border-radius:8px; background:#fff;box-shadow: 0px 2px 20px 0 rgba(157, 157, 157, 0.26); -webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1); transition: box-shadow .5s cubic-bezier(.4,0,.2,1); }
.foxin .int1{ line-height:47px; width:299px; margin:0 auto; height:45px; border:1px solid #c9c9c9; padding-left:69px; font-size:16px; font-size:1.6rem; margin-top:21px; border-radius:5px; margin-left:146px; }
.foxin .int2{ line-height:47px; width:95px; padding-left:69px; margin:0 auto; height:45px; border:1px solid #c9c9c9; font-size:16px; font-size:1.6rem; margin-top:20px; margin-left:146px; border-radius:5px; }
.left35{ margin-left:35px !important; }
.coyanzheng{ width:148px; height:50px; float:left; margin-top:18px; cursor:pointer}
.foxin .int3{ width:368px; margin-left:146px; height:50px; margin-top:45px; background:#ec1947; font-size:16px; font-size:1.68rem; text-transform:uppercase; color:#fff; cursor:pointer; border-radius:8px; border:#fff solid 1px; }
.foxin .int3:hover{ background:#fff; color:#ec1947; border:#ec1947 solid 1px; }
.ditu{ display:block; border:1px solid #a0a0a0; margin-top:45px; }
.ditu img{ display:block; margin:auto; width:100%; max-width:1198px; max-height:468px; }
.coren{ background:url(../images/usernamejing.jpg) no-repeat left; }
.coxinfeng{ background:url(../images/passwordjing.jpg) no-repeat left; }
.codianhua{ background:url(../images/teljing.jpg) no-repeat left; }
.cofang{ background:url(../images/companyjing.jpg) no-repeat left; }
.coname{ background:url(../images/namejing.jpg) no-repeat left; }
.cofax{ background:url(../images/faxjing.jpg) no-repeat left; }
.coadd{ background:url(../images/addjing.jpg) no-repeat left; }
.comail{ background:url(../images/emailjing.jpg) no-repeat left; }
.foxin p{ font-size:12px; font-size:1.2rem; color:#292929; font-style:italic; float:right; margin-right:146px; margin-top:22px; margin-bottom:126px; }
.foxin a{ color:#ec1947; text-decoration:underline }
.xing{ background:url(../images/xing.jpg) no-repeat left center; }
@media screen and (max-width:680px) {
.foxin{ width:95%; margin-left:2.5%;}
.foxin .int1,.foxin textarea{ width:85%; margin-left:0 }
.foxin .int2{ width:85%;margin-left:0; }
.left35{ margin-left:0 !important}
.foxin p{ margin-right:0}
.foxin .int3{ margin-left:0; width:89%;}
.comain{ padding-bottom:30px; }
.cobiao{ font-size:26px; font-size:2.6rem; }
.colie ul{ width:49%; }
.codingwei{ width:100% !important; }
.foxin .int3{ margin-top:20px; }
}
@media screen and (max-width:439px) {
.colie ul{ width:99%; }
.foxin .int1{ width:78%; }
.foxin .int2{ width:78%; }
}
.bottom80{ margin-bottom:80px !important;}
/*news xiangqing*/
.m-news .box-title { font-size: 28px; font-size: 2.8rem; text-align: left; font-weight: normal; color: #333; }
.m-news .box-info { margin-top: 15px; overflow: hidden; }
.m-news .box-time { float: left; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }
.m-news .box-share { float: right; }
.m-news .box-desc { padding-top: 15px !important; padding-bottom: 30px; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #333; border-bottom: 1px solid #d2d2d2; margin-bottom:20px; }
.m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc a { line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #333; }
.m-news .box-desc a { color: #e60012; }
.m-oths .oths-item { height: 26px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }
.m-oths .oths-item a { color: #888; }
.m-oths .oths-item a:hover { color: #ec1947; }
@media screen and (max-width: 767px) { .m-news .box-time { float: none; font-size: 14px; font-size: 1.4rem; text-align: left; }
.m-news .box-share { float: none; margin-top: 10px; font-size: 14px; font-size: 1.4rem; }
.m-news .box-desc { margin-top: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
.m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc a { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }
.m-page { margin-top:45px; letter-spacing: 0; font-size: 0; text-align: center; }
.m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; background: #fff; }
.m-page a.big { width: 61px; }
.m-page a:hover { color: white; border-color: #ec1947; background-color: #ec1947; }
.m-page a.active { color: white; border-color: #ec1947; background-color: #ec1947; }
.m-page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; }
.m-page img { display: inline-block; position: relative; top: 2px; margin-left: 5px; margin-right: 8px; }
.m-page .ins { margin-left: 20px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #ec1947; color: #fff; font-size: 12px; font-size: 1.2rem; cursor: pointer; }
.m-page .add { max-width: 200px\0; }
.m-page2 { position: relative; }
@media screen and (max-width: 767px) { .m-page { padding-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } }
.proli{ width:950px; margin:0 auto; margin-bottom:60px; }
.proli li{ width:164px; height:40px; background:#fff; line-height:38px; border:#ccc solid 1px; color:#292929; text-align:center; float:left; margin-left:8px; margin-right:8px; }
.proli li:hover a{ color:#fff; }
.proli li:hover{ background:#ec1947; border:#ec1947 solid 1px; color:#fff; }
.proli .active{ background:#ec1947; border:#ec1947 solid 1px; color:#fff;}
.proli .active a{ color: #fff }
@media screen and (max-width: 969px) {
.proli{ width:450px !important;}
.proli li{ margin-bottom: 10px; }
}
@media screen and (max-width: 385px) {
.proli{ width:200px !important;}
}
@font-face {
font-family: "fontawesome-webfont";
src: url("../fonts/fontawesome-webfont.woff2") format("woff2"),
url("../fonts/fontawesome-webfont.woff") format("woff"),
url("../fonts/fontawesome-webfont.ttf") format("truetype"),
url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
url("../fonts/fontawesome-webfont.svg") format("svg");
}
.hotpro-scrollbox.scroll-box { position: relative; padding: 30px 42px 0; }
.hotpro-scrollbox.scroll-box .scroll-btns { text-align: center; }
.hotpro-scrollbox.scroll-box .scroll-btn { width: 19px; height: 35px; display: inline-block; cursor: pointer; position: absolute; top: 50%; margin-top: -18px; }
.hotpro-scrollbox.scroll-box .scroll-btn.prev { background: url(../images/syproleftniu1.png) no-repeat center; background-size: contain; left: 0; }
.hotpro-scrollbox.scroll-box .scroll-btn.next { background: url(../images/syprorightniu1.png) no-repeat center; background-size: contain; right: 0; }
.hotpro-scrollbox .scroll-list-box { width: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; }
.hotpro-scrollbox.scroll-box .scroll-list { width: 1000%; }
.hotpro-scrollbox.scroll-box .scroll-list li { float: left; width: 300px; margin-right: 0px; }
.hotpro-scrollbox .item-pic { width: 100%; position: relative; }
.hotpro-scrollbox .item-pic img { width: 100%; max-width: 300px; display: block; margin: 0 auto; }
.hotpro-scrollbox .item-title { margin-top: 11px; }
@media only screen and (max-width: 1219px) { .hotpro-scrollbox.scroll-box .scroll-list li { width: 289px; margin-right: 0px; } }
@media only screen and (max-width: 999px) { .hotpro-scrollbox.scroll-box .scroll-list li { width: 2.5%; } }
@media only screen and (max-width: 767px) { .hot-pro { padding: 30px 0 30px; }
.hotpro-scrollbox.scroll-box { padding: 20px 30px 0; }
.hotpro-scrollbox.scroll-box .scroll-btn { width: 12px; }
.hotpro-scrollbox.scroll-box .scroll-list li { width: 5.21%; }
.hotpro-scrollbox .item-title { font-size: 12px; font-size: 1.2rem; }
.m4fu1 img{ width: 80%; padding-top: 15px }
}
}
@media only screen and (max-width: 740px) {
.hotpro-scrollbox.scroll-box .scroll-list li { width: 5.21%; }}
@media only screen and (max-width: 450px) {.hotpro-scrollbox.scroll-box .scroll-list li{ width: 10.5% !important; }
}
.m4fu1 img{ max-width: 60%;}
.top47{ margin-top: 15px; }
}
#outer { margin-top:27px; margin-bottom:50px; }
#tab {overflow:hidden; zoom:1; border-bottom:1px solid #c1c1c1; }
#tab li{float:left;cursor:pointer; height:40px; text-align:center; line-height:40px; font-size:20px; font-size:2.0rem; margin-left:3px; font-family:Helvetica; margin-right:80px; }
#tab li:hover{ border-bottom:1px solid #000; }
#tab li.current { border-bottom:1px solid #000; }
#content {}
#content .chanxn {line-height:24px; font-size:17px; font-size:1.7rem; display:none; padding-top:58px; color:#787878; }
.chanxa{ display:block; font-size:14px; font-weight:bold; }
#maln{ margin-left:auto !important; }
.chanxn li{ padding-left:11px; background:url(../images/landian.jpg) no-repeat left 10px; }
@media screen and (min-width:1000px) and (max-width:1319px){
#tsShopContainer{ float:none; }
.jianjie{ width:100%; float:none; margin-left:0px; margin-top:20px; }
.jianjie ul{ height:auto}
#tab { border:none}
#tab li{ margin-left:auto; margin-right:3px; margin-bottom:3px; width:150px; }
}
@media screen and (min-width:1000px){
.chanpin{ display:none; }
}
@media screen and (max-width:999px){
#tsShopContainer{ display:none}
.chanpin{ margin-top:10px; }
.chanpin a{ display:block; width:45%; float:left; margin-left:1.5%; margin-right:1.5%; margin-top:40px; }
.chanpin a img{ width:100%; max-width:308px; max-height:301px; border:1px solid #ccc}
.jianjie{ width:100%; float:none; margin-left:0px; margin-top:20px; }
.jianjie ul{ height:auto}
#tab { border:none}
#tab li{ margin-left:auto; margin-right:3px; margin-bottom:3px; width:48%; border-bottom:1px solid #ffffff; font-size: 16px; font-size:1.6rem; }
}
.pro_right{ float: left; }
@media screen and (max-width:979px){
.pro_right{ float: none; }}
.xqkuan{ float: left; }
@media screen and (max-width:979px){
.xqkuan{ width: 505px; margin:0 auto; float: none; }
}
@media screen and (max-width:767px){
.xqkuan{ width: 95%; margin-left: 2.5%; }
}