/* CSS Document */



/*all*/

* {

    font: 14px/29px "微软雅黑,宋体,arial";

    padding: 0;

    margin: 0;

}



body {

    background-color: #FFF;

    margin: 0 auto;

    width: 100%;

}



a {

    color: #3b3b3b;

    text-decoration: none;

}



a:hover {

    color: #004e98;

    text-decoration: none;

    cursor: pointer;

}



button {

    cursor: pointer;

}



img {

    border: 0;

}



ul, ol {

    list-style: none;

}



.clear {

    clear: both;

}



table {

    border-collapse: collapse;

}



/*!all*/

/*index*/

.width-full {

    width: 100%;

    margin: 0;

}



.bgblue {

    background: #004e98;

}



.red {

    color: #ff3333;

}



.white {

    color: #fff;

}



#top {

    padding-top: 12px;

    height: 98px;

    width: 1200px;

    margin: 0 auto;

    vertical-align: middle;

}



#top .logo-t, #top #nav {

    float: left;

}



#top #top-r {

    float: right;

    text-align: right;

}



#top #nav {

    margin: 0 50px 0 50px;

}



#top #nav a {

    margin: 0 10px;

    color: #acacac;

    display: inline-block;

    line-height: 98px;

    height: 98px;

}



#top #nav a:hover {

    color: #fff;

}



#top #nav p {

    color: #004e98;

}



#top #top-r p a {

    font-family: "微软雅黑";

    font-size: 18px;

    color: #fff;

    margin: 0 12px;

}



#top #top-r p a:hover {

    color: #fff;

    text-decoration: underline;

    transition: .3s;

}



#top #top-r form input {

    border: 0;

    background: none;

}



#top #top-r form input[type="search"] {

    border-bottom: solid 1px #fff;

    outline: none;

    line-height: 20px;

}



#top #top-r p img {

    margin-right: 6px;

    vertical-align: middle;

}



#top #top-r form input[type="submit"] {

    outline: none;

    margin-right: 18px;

    background: url(/images/index/search.jpg) no-repeat;

    width: 32px;

    height: 32px;

}



/*banner*/

.bannerbgqping {

    height: 400px;

    width: 100%;

    background: #7a787d;

}



.componybgqp {

    height: 400px;

    width: 100%;

    background: #2f4246;

}



.footbgqpsa {

    position: relative;

}



.footbgqpsb {

    position: absolute;

    bottom: 0px;

    z-index: -1000000;

    height: 400px;

    width: 100%;

    background: #323a3e;

}



#banner {

    position: relative;

}



#linebannerindex {

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, 0.3) 50%, transparent 0, transparent 75%, rgba(255, 255, 255, 0.1) 0);

    background-size: 5px 5px;

    width: 100%;

    height: 400px;

}



#bannertxt p {

    clear: both;

    color: #fff;

}



.font48 {

    font-family: "微软雅黑";

    font-size: 48px;

    padding: 90px 0 40px;

    line-height: 120%;

}



.buttonf {

    text-align: center;

    display: block;

    color: #fff;

    border: solid 1px #004e98;

    width: 200px;

    height: 40px;

    line-height: 40px;

    background: #004e98;

}



.buttonf:hover {

    background: #fff;

    border: solid 1px #fff;

    color: #004e98;

    transition: .5s;

}



.bannerbutton {

    margin: 30px auto;

}



.width-1920bg {

    width: 100%;

    margin: 0 auto;

}



.indexbannerbg {

    height: 400px;

    background: url(/images/index/banner1.jpg) no-repeat center center;

    width: 100%;

}



#bannertxt {

    position: absolute;

    top: 0px;

    left: 30%;

    width: 40%;

    text-align: center;

}



/*Standard Products*/

.width-1200px {

    width: 1200px;

    margin: 0 auto;

}



.width-900px {

    width: 900px;

    margin: 0 auto;

}



#standardtitle {

    height: 20px;

    margin: 0 20px 20px;

}



#standardtitle a {

    font-size: 20px;

    font-family: "微软雅黑";

    margin-left: 40px;

    float: right;

    color: #9A9A9A;

}



#standardtitle a:hover {

    text-decoration: underline;

}



#standardtitle a img {

    vertical-align: middle;

    margin-right: 10px;

}



#standardtitle .titleindex {

    float: left;

    margin-left: 0px;

    padding-left: 20px;

    height: 20px;

    line-height: 20px;

    font-size: 20px;

    color: #004e98;

    border-left: solid 10px #004e98;

}



#standardtitle .titleindex:hover {

    text-decoration: none;

}



#standarproducts li {

    overflow: hidden;

    margin: 0 9px 30px 8px;

    border: solid 1px #e5e5e5;

    float: left;

    width: 379px;

    /*height: 435px;*/

}



#standarproducts li div {

    font-weight: 1;

    vertical-align: middle;

    padding: 15px 15px;

    clear: both;

    height: 100px;

    background: #017dd3;

    color: #fff;

}



#standarproducts li div p:first-child {
    font-size: 18px;
    font-family: "微软雅黑";
    margin-bottom: 5px;
}



#standarproducts li p {
    font-size: 12px;
    color: #E5E5E5;
}



#standarproducts li .txtt p:first-child {

    margin-top: 0;

}



#standarproducts li:hover div {

    background: #003b73;

    transition: .5s;

}



#standarproducts li:hover img {

    transform: scale(1.05);

    transition: .5s;

}



/*Custom Slip Ring */

.custombg {

    height: 348px;

    /*background: #969696;*/

}



.bgline {

    width: 100%;

    height: 348px;

    /*background-image: linear-gradient(135deg, transparent 25%, rgba(191, 191, 191, 1) 0, rgba(255, 255, 255, 0.3) 50%, transparent 0, transparent 75%, rgba(255, 255, 255, 0.3) 0);

    background-size: 5px 5px;*/

}



#custombgimg {

    padding: 88px 0;

    width: 1200px;

    height: 148px;

    margin: 40px auto 0;

}



.orange40px a {

    color: #004e98;

    font-size: 40px;

    font-family: "微软雅黑";

}



#custombgimg p {
    /*color: #7E7E7E;*/
    float: left;
    margin-left: 0px;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #004e98;
    border-left: solid 10px #004e98;
}


}



#custombgimg p:nth-child(2) {

    margin: 12px 0;

}



#custombgimg p + p {

    margin: 12px 0;

}



.custombgimg {

    background: url(/images/index/custombg.png) no-repeat 491px 0;

}



.custombgimgqihuahuan {

    background: url(/images/tuiguang/qihuahuan/custombg.png) no-repeat 491px 0;

}



/*show*/

#showindexcon {

    height: 500px;

    margin: 60px auto;

}



#showindexcon li {

    overflow: hidden;

    margin: 10px 0;

    height: 128px;

    background: #e3e3e3;

    float: left;

    width: 584px;

}



#showindexcon .oddshow {

    margin-right: 28px;

}



#showindexcon li p {

    color: #acacac;

    float: left;

    width: 128px;

    text-align: center;

    margin-top: 30px;

}



#showindexcon li img {

    float: left;

}



#showindexcon li:hover {

    background: #004e98;

    transition: .5s;

}



#showindexcon li:hover p {

    color: #fff;

    transition: .5s;

}



#showindexcon li:hover img {

    opacity: 0.9;

    transition: .5s;

}



#showindexcon .onelinetxt p {

    margin-top: 48px;

}



/*Compony*/

.componybgindex {

    height: 272px;

    padding: 64px 0;

    margin-top: -50px;

    background: url(/images/index/srbg_02.jpg) no-repeat center center;

    width: 100%;

}



#componyindex div {

    padding-bottom: 5px;

    width: 680px;

    margin-right: 72px;

    float: left;

    border-bottom: solid 3px #fff;

}



#componyindex img {

    float: left;

}



#componyindex p {

    color: #fff;

    margin-bottom: 25px;

}



.buttons {

    color: #fff;

    font-size: 18px;

    font-family: "微软雅黑";

}



#componyindex a {

    float: right;

}



/*Custom Solutions*/

#customsolutions {

    margin: 60px 0;

}



#customsolutions li {

    margin-right: 28px;

    float: left;

    width: 276px;

    height: 378px;

    border: solid 1px #eaeaea;

}



#customsolutions li p {

    font-size: 24px;

    color: #5a5a5a;

    height: 86px;

    padding-top: 50px;

    width: 276px;

    text-align: center;

    background: #eaeaea;

}



#customsolutions li:last-child {

    margin-right: 0;

}



#customsolutions li + li + li + li {

    margin-right: 0;

}



#customsolutions li:hover p {

    background: #004e98;

    color: #fff;

    transition: .5s;

}



#customsolutions li img {

    opacity: .9;

}



#customsolutions li:hover img {

    opacity: 1;

    transition: .5s;

}



/*news*/

.bglightgray {

    background: #f7f7f7;

    margin: 60px 0;

    height: 499px;

    padding-top: 92px;

    padding-bottom: 45px;

}



#newsindex2020 #news-i-l {

    float: left;

    width: 578px;

    margin-right: 44px;

}



#newsindex2020 #news-i-r {

    float: left;

    width: 578px;

}



#newsindex2020 h2 {

    font-family: "微软雅黑";

    margin-bottom: 20px;

    text-indent: 36px;

    background: url(/images/index/newsbga.jpg) no-repeat 0 4px;

    font-size: 16px;

    color: #3b3b3b;

}



#newsindex2020 p {

    color: #838383;

    margin-bottom: 38px;

}



#newsindex2020 li, #news-i-l div {

    border-bottom: solid 1px #acacac;

    margin-bottom: 55px;

}



#newsindex2020 img {

    margin-bottom: 28px;

}



#newsindex2020 li:hover h2, #newsindex2020 #news-i-l div:hover h2 {

    transition: .5s;

    color: #004e98;

    background: url(/images/index/newsbgb.jpg) no-repeat 0 4px;

}



#newsindex2020 li:hover, #news-i-l div:hover {

    transition: .5s;

    border-bottom: solid 1px #004e98;

}



#newsindex2020 li:hover p, #newsindex2020 #news-i-l div:hover p {

    transition: .5s;

    color: #004e98;

}



.indent2 {

    text-indent: 2em;

    font-size: 13px/32px;

    line-height: 25px;

}



/*customers*/

#customersindex p {

    font-size: 30px;

    color: #004e98;

    text-align: center;

    font-family: "微软雅黑";

}



#customersindex .blank {

    width: 77px;

    height: 5px;

    background: #004e98;

    margin: 15px 561px;

}



#customersindex .customersimg img {

    opacity: .8;

    float: left;

    margin-right: 6px;

}



#customersindex .customersimg .customersf {

    margin-right: 0;

}



#customersindex .customersimg img:hover {

    opacity: 1;

    transition: .5s;

}



/*questions*/

.bgorange {

    background-color: #004e98;

    height: 200px;

}



.questions {

    text-align: center;

    width: 100%;

    height: 200px;

    background-image: linear-gradient(135deg, transparent 25%, rgba(0, 78, 152, 1) 0, rgba(29, 98, 164, 1) 50%, transparent 0, transparent 75%, rgba(29, 98, 164, 0.5) 0);

    background-size: 5px 5px;

}



.questions p {

    color: #fff;

}



.questions .white36px {

    padding: 41px 0 13px;

    color: #fff;

    font-size: 36px;

    font-family: "微软雅黑";

}



.buttont {

    margin: 13px auto 0;

    display: block;

    background: #fff;

    border: solid 1px #fff;

    width: 174px;

    height: 39px;

    line-height: 39px;

    color: #004e98;

}



.buttont:hover {

    background: none;

    border: solid 1px #fff;

    color: #fff;

    transition: .3s;

}



/*buttom*/

.foot {

    position: relative;

    background: #000000 url(/images/index/srbg_04.jpg) no-repeat center center;

    z-index: 100;

    height: 400px;

    clear: both;

    width: 100%;

}



#linefoot {

    position: absolute;

    z-index: 101;

    top: 0;

    left: 0;

    background-size: 5px 5px;

    width: 1920px;

    height: 596px;

    background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 0, transparent 75%, rgba(255, 255, 255, 0) 0);

}



#footnav {

    padding: 55px 0 0px;

    height: 200px;

}



#footnav dl {

    float: left;

    width: 240px;

}



#footnav a {

    color: #fff;

}



#footnav dl dt a {

    display: block;

    font-weight: bold;

    margin-bottom: 24px;

}



#footnav dl dd a {

    display: block;

    color: #ddd;

    line-height: 25px;

}



#footnav dl dt a:hover {

    color: #4697e3;

    transition: .3s;

}



#footnav dl dd a:hover {

    color: #fff;

    text-decoration: underline;

    transition: .3s;

}



.social {

    border-top: solid 1px #ADADAD;

    text-align: center;

    padding-top: 25px;

    margin-top: 30px;

    color: #fff;

}



.social a {

    color: #fff;

}



/*.rights{ font-size: 14px; color: #fff; text-align: center;}*/

.rights {

    color: #fff;

    text-align: center;

}



/*products*/

.bannerall {

    height: 300px;

    position: relative;

    z-index: -100;

    text-align: center;

    width: 100%;

    /* margin-top: 120px; */

}



.bannerall .bannertxt {

    position: absolute;

    left: 360px;

    top: 130px;

    color: #f0f0f0;

    font-size: 48px;

    font-family: "微软雅黑";

}



.bread-crumbs {

    height: 58px;

    background: #eee;

    margin: 0;

}



/*.bread-crumbs p{ line-height:58px; font-size: 14px;}*/

.bread-crumbs p {

    line-height: 58px;

}



/*.bread-crumbs p a{ font-size: 14px; color: #004e98; margin-right: 15px; display: inline-block;}*/

.bread-crumbs p a {

    color: #004e98;

    margin-right: 0px;

    display: inline-block;

}



.bread-crumbs p a:hover {

    text-decoration: underline;

    transition: .3s;

}



.buttonborder {

    color: #fff;

    background: #ee6806;

    margin: 20px auto 0 auto;

    border: solid 1px #ee6806;

    text-align: center;

    display: block;

    width: 200px;

    height: 40px;

    line-height: 40px;

}



.seemore {

    cursor: pointer;

}



.buttonborder:hover {

    color: #fff;

    background: #004e98;

    transition: .3s;

}



#products-list2020 {

    padding: 50px 0;

}



#products-list2020 li {

    width: 585px;

    height: 350px;

    float: left;

    margin: 20px 0;

}



#products-list2020 li div {

    float: left;

    width: 291px;

}



#products-list2020 li img {

    float: left;

}



#products-list2020 .listleft {

    margin-right: 30px;

}



#products-list2020 h3 a {

    font-size: 36px;

    color: #004e98;

    line-height: 110%;

    font-family: "微软雅黑";

}



/*h1{ font-size: 36px; color: #004e98; line-height: 110%;}*/

/*.mark-pro{ width:291px; overflow: hidden; text-indent: 18px; height: 14px; line-height: 14px; margin:0 0 8px 0; font-size: 14px; color: #acacac; background: url(/images/products/products_03.gif) no-repeat;}*/

/*.mark-pro dd,.mark-pro-product{ width:291px; overflow: hidden; text-indent: 18px; height: 14px; line-height: 14px; margin:0 0 8px 0; font-size: 14px; color: #acacac; background: url(/images/products/products_03.gif) no-repeat;}*/

.mark-pro dd, .mark-pro-product {

    width: 291px;

    overflow: hidden;

    text-indent: 18px;

    height: 14px;

    line-height: 14px;

    margin: 0 0 8px 0;

    color: #acacac;

    background: url(/images/products/products_03.gif) no-repeat;

}



.bianjua {

    line-height: 150%;

    margin: 20px 0;

}



.prolistbu {

    margin-top: 30px;

}



#related li {

    display: block;

    background: #eee;

    width: 283px;

    height: 350px;

    border: solid 1px #eee;

    float: left;

    margin-left: 11px;

    margin-bottom: 20px;

}



/*#related li dd,#related li dt{ text-indent: 20px; font-size: 14px; color: #656565;}*/

#related li dd, #related li dt {

    text-indent: 10px;

    color: #656565;

}



#related li dt {

    text-align: center;

    font-weight: bold;

}



#related li dd {

    line-height: 30px;

    border-bottom: solid 1px #C8C8C8;

    width: 90%;

    margin: 0 5%;

}



/*#related li dd span{ font-size: 14px; color: #3b3b3b;}*/

#related li dd span {

    color: #3b3b3b;

}



#related li dd:last-child {

    border: none;

}



/*.center{ display: block; margin: 0 auto; margin-bottom: 50px;}*/

.gdcenter {

    display: block;

    margin: 0 auto;

    margin-bottom: 50px;

    display: none;

}



.commontitle {

    font-size: 24px;

    margin: 45px auto;

    text-align: center;

    font-family: "微软雅黑";

}



/*#related li a{ display: block; width: 283px; height: 400px; border: solid 1px #eee; float: left; margin-left: 20px; margin-bottom: 20px;}*/

/*#related li .related-l{ margin-left: 0;}*/

/*#related li a{ background: #eee;}*/

/*#related li a div p{ border-bottom: solid 1px #e5e5e5;line-height:25px; margin:0 20px; width: 243px; font-size: 14px; color: #acacac；}*/

/*#related li a div p span{ line-height:25px; font-weight: bold;display: inline-block;font-size: 14px; color:#3b3b3b;}*/

/*#related li a div .title-pro-rel{ line-height:50px; text-align: center; font-size: 18px; font-weight: bold;}*/

/*#related li a:hover{ color: #3b3b3b;}*/

/*#related li a:hover{box-shadow: 0px 0px 5px rgba(0,0,0,.3); transition: .3s;}*/





/*左侧导航navleft*/

/*.mainmargin{ margin: 30px auto;}*/

/*.mainmargin .navleft{ float: left; margin-right: 30px; width: 281px; height:100%; background: #e3e9ef;}*/

/*.mainmargin .mainright2020{ float: left; width: 889px;}*/

/*.mainmargin .navleft .list .yiji li a{ text-indent: 10px;font-size:14px; color:#fff;display:block; width:100%; hight:40px; line-height:40px; background: #004e98; border-bottom: solid 1px #fff;}*/

/*.mainmargin .navleft .list .yiji li ul li a{ background:#e3e9ef; color:#656565;}*/

/*.mainmargin .navleft .list .yiji li ul li ul li a{ background:#fafafa; display:none;}*/

/*.mainmargin .navleft .list .yiji li a:hover{ text-decoration: underline;}*/

/*.mainmargin .navleft .list .yiji li ul li a:hover{ text-decoration: none; color: #004e98;}*/

.mainmargin {

    margin: 50px auto;

    overflow: hidden;

}



.mainmargin .navleft {

    float: left;

    margin-right: 30px;

    width: 281px;

    height: 100%;

}



/*.mainmargin .navleft a{ font-size: 14px; text-indent: 20px; color: #fff; display: block; width: 281px; height: 40px; line-height: 40px;border-bottom: solid 1px #fff;}*/

.mainmargin .navleft a {

    text-indent: 20px;

    color: #fff;

    display: block;

    width: 281px;

    height: 40px;

    line-height: 40px;

    border-bottom: solid 1px #fff;

}



.mainmargin .navleft .yiji li {

    background: #004e98;

    text-indent: 20px;

}



.mainmargin .navleft .yiji li ul li {

    background: #dce3ec;

}



.mainmargin .navleft .yiji li ul li a {

    color: #3b3b3b;

    display: block;

}



.mainmargin .navleft .yiji li ul li ul li {

    background: #f6f9fc;

}



.mainmargin .navleft .yiji li ul li ul li a {

    font-size: 12px;

    border-bottom: solid 1px #dce3ec;

}



.mainmargin .mainright2020 {

    float: left;

    width: 889px;

}



.mainmargin .navleft a:hover {

    text-decoration: underline;

    transition: .3s;

}



.mainmargin .navleft .yiji li ul li ul li a:hover {

    color: #004e98;

}



.mainmargin .navleft .yiji li ul li ul li ul li a {

    border-bottom: solid 1px #dce3ec;

    background: #fcfdff;

}





/*mainright*/

.chanpinpailieer {

    width: 889px;

}



.chanpinpailieer li {

    margin: 0 0 35px 6px;

    float: left;

    width: 290px;

    height: 347px;

    border: solid 1px #eee;

    background: #eee;

}



.chanpinpailieer .chanpinpailieer-one {

    margin-left: 0px;

}



.chanpinpailieer li dd, .chanpinpailieer li dt h3 {

    color: #004E98;

    margin-left: 20px;

}



.chanpinpailieer li dt h3 {

    margin-bottom: 13px;

    margin-top: 5px;

}



/*.chanpinpailieer li .mark-pro{ color: #acacac;}*/

.chanpinpailieer li .mark-pro dd {

    color: #acacac;

}



.buttonchanpinp {

    margin-top: 20px;

    font-family: "微软雅黑";

    display: block;

    margin-left: 20px;

    width: 178px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border: solid 1px #004e98;

    color: #004e98;

    font-size: 16px;

}



.buttonchanpinp:hover {

    background: #004e98;

    color: #fff;

    transition: .3s;

}



.chanpinpailieer li p:first-of-type {

    margin: 10px 0 10px 20px;

}



/*Contact Us*/

#contactus2020nav {

    width: 1100px;

    margin: 0 auto;

    border-bottom: solid 1px #d2d2d2;

    height: 134px;

}



#contactus2020nav dl {

    position: relative;

    padding-top: 80px;

    width: 220px;

    float: left;

    height: 120px;

}



#contactus2020nav a dl dt {

    display: block;

    text-align: center;

}



#contactus2020nav a dl:hover dt {

    color: #004e98;

    transition: .3s;

}



#contactus2020nav .navcontactus {

    background: url(/images/contact/contactus.jpg) no-repeat 50% 30px;

}



#contactus2020nav .navcontactus:hover {

    background: url(/images/contact/contactusblue.jpg) no-repeat 50% 30px;

    transition: .3s;

}



#contactus2020nav .navonlineenquiry {

    background: url(/images/contact/onlineenquiry.jpg) no-repeat 50% 30px;

}



#contactus2020nav .navonlineenquiry:hover {

    background: url(/images/contact/onlineenquiryblue.jpg) no-repeat 50% 30px;

    transition: .3s;

}



#contactus2020nav .navagentapplication {

    background: url(/images/contact/agentapplication.jpg) no-repeat 50% 30px;

}



#contactus2020nav .navagentapplication:hover {

    background: url(/images/contact/agentapplicationblue.jpg) no-repeat 50% 30px;

    transition: .3s;

}



#contactus2020nav .navpayonline {

    background: url(/images/contact/payonline.jpg) no-repeat 50% 30px;

}



#contactus2020nav .navpayonline:hover {

    background: url(/images/contact/payonlineblue.jpg) no-repeat 50% 30px;

    transition: .3s;

}



#contactus2020nav .navtechnicalinquiry {

    background: url(/images/contact/technicalinquiry.jpg) no-repeat 50% 30px;

}



#contactus2020nav .navtechnicalinquiry:hover {

    background: url(/images/contact/technicalinquiryblue.jpg) no-repeat 50% 30px;

    transition: .3s;

}



#contactus2020nav dl dd {

    position: absolute;

    top: 120px;

    left: 44%;

    font-size: 72px;

    text-align: center;

    color: #e5e5e5;

}



#contactus2020nav dl:hover dd {

    color: #004e98;

    transition: .3s;

}



#contactus2020nav .contacthoverblue dt a {

    color: #004e98;

}



#contactus2020nav .contacthoverblue dd {

    color: #004e98;

}



#contactus2020nav #navcontactus {

    background: url(/images/contact/contactusblue.jpg) no-repeat 50% 30px;

    transition: .3s;

    color: #004e98;

}



#contactus2020nav #navonlineenquiry {

    background: url(/images/contact/onlineenquiryblue.jpg) no-repeat 50% 30px;

    transition: .3s;

    color: #004e98;

}



#contactus2020nav #navagentapplication {

    background: url(/images/contact/agentapplicationblue.jpg) no-repeat 50% 30px;

    transition: .3s;

    color: #004e98;

}



#contactus2020nav #navpayonline {

    background: url(/images/contact/payonlineblue.jpg) no-repeat 50% 30px;

    transition: .3s;

    color: #004e98;

}



#contactus2020nav #navtechnicalinquiry {

    background: url(/images/contact/technicalinquiryblue.jpg) no-repeat 50% 30px;

    transition: .3s;

    color: #004e98;

}



#contactus2020nav #navcontactus dd {

    color: #004e98;

}



#contactus2020nav #navonlineenquiry dd {

    color: #004e98;

}



#contactus2020nav #navagentapplication dd {

    color: #004e98;

}



#contactus2020nav #navpayonline dd {

    color: #004e98;

}



/*联系我们内容*/

strong {

    font-weight: bold;

}



#contact2020main {

    width: 1100px;

    margin: 0 auto;

    padding-top: 50px;

}



#conmainint img {

    float: left;

}



#conmainint div {

    float: left;

    width: 533px;

    margin-left: 60px;

}



#conmainint div p {

    font-size: 14px;

}



#contact2020main strong {

    font-size: 14px;

    color: #3b3b3b;

    font-family: "微软雅黑";

    margin-right: 5px;

}



#conmainint div p:first-child {

    margin-bottom: 5px;

    font-size: 24px;

    font-family: "微软雅黑";

    color: #004e98;

}



#proxy .titleline {

    width: 1100px;

    line-height: 50px;

    color: #004e98;

    border-bottom: dashed 1px #c9c9c9;

}



#agents ul {

    border-radius: 10px;

    width: 300px;

    float: left;

    margin: 33px 13px;

    padding: 20px;

}



#agents li h1{

    font-size: 24px;

    margin-bottom: 10px;

    font-family: "微软雅黑";

}



#agents dd {

    color: #656565;

    font-size: 14px;

}



#agents ul:hover {

    box-shadow: 0 0 5px #b6b6b6;

    transition: .3s;

}



.width1100 {

    width: 1100px;

    margin: 20px auto;

}



.width840 {

    width: 840px;

    margin: 0 auto;

}



.cxltitle {

    font-size: 30px;

    font-family: "微软雅黑";

    color: #004e98;

    text-align: center;

    margin-bottom: 20px;

}



table {

    border-collapse: collapse;

}



.width840 form table tr td {

    text-indent: 20px;

    font-size: 14px;

    color: #656565;

}



.width840 form table tr:first-child td {

    background: #004e98;

    color: #fff;

    text-align: center;

}



.width840 form table tr .bgbjhuise {

    background: #eee;

}



option {

    font-size: 14px;

}



.width840 input {

    width: 138px;

    height: 18px;

    line-height: 18px;

}



table label {

    margin-left: -10px;

}





/*2020010-温新加的*/



/*关于森瑞普*/

#aboutus2020nav {

    width: 1100px;

    margin: 0 auto;

    border-bottom: solid 1px #d2d2d2;

    height: 134px;

}



#aboutus2020nav dl {

    position: relative;

    padding-top: 80px;

    width: 220px;

    float: left;

    height: 120px;

}



#aboutus2020nav dl dt a {

    display: block;

    text-align: center;

}



#aboutus2020nav dl:hover a {

    color: #004e98;

}



#aboutus2020nav .navcompanyrd {

    background: url(/images/company/companyrd.jpg) no-repeat 50% 30px;

}



#aboutus2020nav .navcompanyrd:hover {

    background: url(/images/company/companyrdblue.jpg) no-repeat 50% 30px;

    transition: 0.1s;

}



#aboutus2020nav .navprocessingcenter {

    background: url(/images/company/processingcenter.jpg) no-repeat 50% 30px;

}



#aboutus2020nav .navprocessingcenter:hover {

    background: url(/images/company/processingcenterblue.jpg) no-repeat 50% 30px;

    transition: .1s;

}



#aboutus2020nav .navtestinglab {

    background: url(/images/company/testinglab.jpg) no-repeat 50% 30px;

}



#aboutus2020nav .navtestinglab:hover {

    background: url(/images/company/testinglabblue.jpg) no-repeat 50% 30px;

    transition: .1s;

}



#aboutus2020nav .navpatents {

    background: url(/images/company/patents.jpg) no-repeat 50% 30px;

}



#aboutus2020nav .navpatents:hover {

    background: url(/images/company/patentsblue.jpg) no-repeat 50% 30px;

    transition: .1s;

}



#aboutus2020nav .navhistory {

    background: url(/images/company/history.jpg) no-repeat 50% 30px;

}



#aboutus2020nav .navhistory:hover {

    background: url(/images/company/historyblue.jpg) no-repeat 50% 30px;

    transition: .1s;

}



#aboutus2020nav dl dd {

    position: absolute;

    top: 120px;

    left: 44%;

    font-size: 72px;

    text-align: center;

    color: #e5e5e5;

}



#aboutus2020nav dl:hover dd {

    color: #004e98;

    transition: .3s;

}



#aboutus2020nav .contacthoverblue dt a {

    color: #004e98;

}



#aboutus2020nav .contacthoverblue dd {

    color: #004e98;

}



.company2020title {

    text-indent: 17px;

    margin: 36px 0;

    font-family: "微软雅黑";

    font-size: 30px;

    color: #004e98;

    border-left: solid 7px #004e98;

}



.border-r5 {

    border-radius: 5px;

    margin: 5px 0;

}



.fontblue {

    color: #004e98;

}



.fontred {

    color: #ff0000;

}



.tu2pailie img {

    float: left;

    margin: 15px 34px 15px 0;;

}



.zhuanli2020pl img {

    float: left;

    margin: 10px 19px 10px 0;

}



.zhuanli2020pl .marginrightnone {

    margin-right: 0;

}



.historybg {

    background: #eee;

    height: 1700px;

    width: 100%;

    padding: 15px 0;

    margin-top: 40px;

}



#timeline li p {

    float: left;

}



.timelineleft {

    height: 50px;

    width: 168px;

    color: #b5b5b5;

    text-align: right;

    font-size: 24px;

    line-height: 50px;

    font-family: "微软雅黑";

}



.timelineleft span {

    font-weight: bold;

    font-size: 42px;

    margin-right: 43px;

    font-family: "微软雅黑";

}



.timelineright {

    width: 905px;

    height: 50px;

    margin-left: 25px;

    text-indent: 27px;

    border-left: dashed 1px #b5b5b5;

    position: relative;

    font-size: 14px;

    line-height: 50px;

}



.timelineright:before {

    position: absolute;

    top: 18px;

    left: -7px;

    z-index: 1;

    content: " ";

    width: 14px;

    border-radius: 7px;

    height: 14px;

    background: #b5b5b5;

}



#timeline li:hover p {

    color: #004e98;

    transition: .2s;

}



#timeline li .timelineright:hover {

    text-decoration: underline;

    transition: .2s;

}



#timeline li .timelineright:hover:before {

    background: #004e98;

    transition: .2s;

}



#timeline li:hover p span {

    color: #b5b5b5;

}



.font14px {

    font-size: 14px;

}



/*产品详情从旧版本挖过来的样式以及新增的*/

.dada {

    clear: both;

    width: 850px;

    border-left: solid 5px #004E98;

    color: #004E98;

    height: 20px;

    line-height: 20px;

    margin: 20px 0;

    text-indent: 15px;

    font-family: "微软雅黑";

    font-size: 20px;

}



.prodtblheader td {

    background: url(/images/prod_table_bg3.gif) repeat;

    color: #FFFFFF;

}



/*#jiuwangzhanwa{ width: 890px;}*/

/*.mainright2020 dd,.mainright2020 p,.mainright2020 td{ font-size: 14px;}*/

.mainright2020 table {

    text-align: center;

}



.sharedtd1 {

    text-align: center;

    background: #e0e0e0 url(/images/prod_table_bg_odd.gif);

    width: 135px;

}



.sharedtd3 {

    text-align: center;

    background: #e0e0e0 url(/images/prod_table_bg_odd.gif);

}



.sharedtd1end {

    border-bottom: 1px solid #ccc;

}



.sharedtd2 {

    text-align: left;

    padding-left: 6px;

    font-family: Verdana, sans-serif, Arial;

}



#features {

    position: relative;

    background: #FFF;

    padding: 15px 20px;

    border: solid 1px #D1D1D1;

    border-radius: 10px;

}



.pr-tedian-list {

    width: 650px;

    margin-left: 5px;

    margin-top: 10px;

    Color: #666666;

    font-size: 12px/18px;

}



.prodtb_submode {

    height: 25px;

    line-height: 25px;

}



/*产品内页*/

.mainright2020 .pro2020top {

    width: 889px;

    margin-bottom: 20px;

}



.mainright2020 .pro2020top div {

    float: left;

    width: 493px;

}



/*.mainright2020 .pro2020top img{ float: left; width:270px; margin-left: 120px; margin-bottom: 5px;}*/

.mainright2020 .pro2020top img {

    float: left;

    width: 270px;

    margin-left: 120px;

    margin-bottom: 5px;

}



#related li img {

    height: 170px;

    width: 229px;

    margin: 0 auto;

    padding: 0 27px;

    background: #fff;

}



.chanpinpailieer img {

    width: 213px;

    height: 158px;

    padding: 0 38px;

    background: #fff;

}



.mainright2020 .pro2020top h1 {

    margin-bottom: 20px;

    font-family: "微软雅黑";

    line-height: 36px;

    font-size: 24px;

    color: #004e98;

}



.font14px {

    font-size: 14px;

}



.productdetailstop {

    width: 889px;

}



.productdetailstop #pdtleft {

    float: left;

    width: 355px;

}



.productdetailstop #pdtright {

    float: left;

    width: 489px;

    margin-left: 45px;

}



.productdetailstop #pdtleft li {

    float: left;

    padding-top: 280px;

    margin-right: 15px;

}



.productdetailstop #pdtleft li img {

    width: 40px;

    border: solid 1px #dcdcdc;

    border-radius: 5px;

}



.productdetailstop #pdtleft ul {

    position: relative;

}



.productdetailstop #pdtleft li div img {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 0px;

    width: 355px;

    display: none;

    height: 255px;

}



.productdetailstop #pdtleft li:hover div img {

    display: block;

}



.productdetailstop #pdtleft li:first-child div img {

    display: block;

}



.productdetailstop #pdtright h2 {

    font-size: 22px;

    font-weight: bold;

    color: #004e98;

}



/*.productdetailstop #pdtright div{ background: #eee; margin: 20px 0; padding: 20px;}*/

.productdetailstop #pdtright div {

    background: #eee;

    padding: 20px;

}



.productdetailstop #pdtright div .font14px {

    margin-bottom: 20px;

    line-height: 22px;

    color: #656565;

}



.productdetailstop #pdtright div p a {

    line-height: 36px;

    color: #004e98;

    text-decoration: underline;

    width: 220px;

    text-align: left;

    text-indent: 15px;

    display: inline-block;

}



.productdetailstop #pdtright div p a:hover {

    color: #fff;

    background: #004e98;

    transition: .3S;

}



.rpproxq #related li a {

    width: 280px;

}



/*产品内页挖过来的*/

.pr-tedian-list dt, .pr-tedian-info-2018 dt {

    margin: 15px 0;

    background: #004E98;

    text-align: center;

    width: 150px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    color: #FFF;

}



.pr-tedian-list dd, .pr-tedian-info-2018 dd {

    line-height: 25px;

    padding-left: 20px;

    /*width:400px;*/

    background: url(/images/canshu-liebiao-tubiao.jpg) no-repeat 2px 8px;

}



/*20200411新增-w*/

/*.prodtblheader td strong,.mainright2020 table td,.mainright2020 table td a{font-size: 14px;}*/

.prodtb_noimg:nth-of-type(odd) {

    background: url(/images/prod_table_bg_odd.gif) repeat;

}



/*用下面这行样式把上面的替换掉*/

.prodtblheader1 td {

    background: url(/images/prod_table_bg7.gif) repeat;

    height: 45px;

    font-size: 15pt;

    color: #FFFFFF;

}



.prodtblheader td {

    border: 1px solid #acacac;

    background: url(/images/prod_table_bg8.gif) repeat;

    color: #FFFFFF;

}



/*用上面这行样式把上面的替换掉*/



/*.xinghaotable{background:#FF0000;}*/

/*.xinghaotable td{background:#FFF;}*/

.xinghaotable {

    border: 0px solid #a1a1a1;

}



/*以下代码是控制单元格里的元素居中,就是图片经常无法控制，用这个来实现了。*/

.xinghaotable .img {

    width: 86px;

    background: #FFF;

    line-height: 86px;

    display: table-cell;

}



.xinghaotable .img .imgme {

    vertical-align: middle;

}



/*用这个.gdcenter{ display: block; margin: 0 auto; margin-bottom: 50px;}

换上面这个.center{ display: block; margin: 0 auto; margin-bottom: 50px;}*/





/*产品手册与安装方法按钮*/

.scaz_2016_2 {

    overflow: hidden;

    margin: -180px 700px;

}



.scaz {

    overflow: hidden;

    margin: -180px 700px;

    position: absolute;

}



.scaz2 {

    padding-left: 2px;

}



/*三个按钮*/

.scaz ul li a {

    margin-bottom: 10px;

    display: block;

    font-size: 14px;

    color: #004e98;

    background: none;

    border: solid 1px #004e98;

    /*width: 170px; height: 36px;*/

    line-height: 36px;

    text-align: center;

    border-radius: 8px;

}



.scaz ul li a div {

    width: 170px;

    height: 36px;

}



.scaz ul li:last-child a {

    background: #004e98;

    color: #fff;

}



.scaz ul li a:hover {

    background: #004e98;

    color: #fff;

    transition: .3s;

}



.scaz ul li:last-child a:hover {

    opacity: .9;

    ansition: .3s;

}



.center {

    text-align: center;

    width: 100%;

}





/*** 翻页代码样式：e/class/userfun.php

-------------------------------------------------------------- ****/

.pageBox {

    text-align: center;

}



.pageBox a {

    border: 1px solid #ddd;

    display: inline-block;

    margin-right: 6px;

    color: #707070;

    width: 34px;

    height: 34px;

    font: bold 14px/34px arial;

}



.pageBox a:hover, .pageBox a:active {

    background: #3aa9f2;

    color: #FFFFFF;

    text-decoration: none;

}



.pageBox .active {

    background: #3aa9f2;

    border: 1px solid #3aa9f2;

    text-decoration: none;

}



.pageBox a.active {

    color: #fff;

}



.pageBox .disabled {

    width: 79px;

}



.pageBox .width120 {

    width: 120px;

}





/*-----------------20200426新增的---------------------*/

/*列表新闻详情页*/

.news_list li {

    padding: 30px 0;

    border-bottom: dashed 1px #D2D2D2;

    width: 890px;

    clear: both;

    height: 189px;

}



.news_list li:first-of-type {

    padding-top: 0;

}



.news_list li:last-of-type {

    border: 0;

}



.news_list img {

    float: left;

    width: 250px;

    border: #E1E0E0 1px solid;

    transition: .4s;

}



.news_list img:hover {

    transform: scale(1.05);

}



.news_list dl {

    width: 610px;

    margin-left: 20px;

    float: left;

    margin-top: 0;

}



.news_list dt a {

    color: #7b7b7b;

    font-size: 20px;

    font-family: "微软雅黑";

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 598px;

    display: inline-block;

}



.news_list dt a:hover {

    text-decoration: underline;

    color: #004e98;

}



.news_list dt span {

    display: block;

    color: #999999;

    padding-top: 5px;

}



.article_text {

    color: #666666;

    padding-top: 15px;

    line-height: 24px;

    text-align: justify;

    font-size: 14px;

}



.Details a {

    color: #999999;

    display: block;

    text-align: right;

    padding-top: 10px

}



.Details a:hover {

    text-decoration: underline;

    color: #666666;

}



.newsliststitle {

    color: #004e98;

    font-size: 30px;

    margin-bottom: 30px;

    font-family: "微软雅黑";

}



/*新闻页左侧时间轴导航*/

.newsnav dt a {

    color: #fff;

    background: #004e98;

    font-weight: bold;

}



.mainmargin .newsnav dd a {

    color: #3b3b3b;

    background: #e3e9ef;

    position: relative;

}



.mainmargin .newnav-suffix {

    margin-top: 25px;

}



.mainmargin .newnav-suffix dd a:after {

    content: ">";

    position: absolute;

    right: 33px;

    color: #004e98;

}



.mainmargin .newsnav dd a:hover {

    color: #fff;

    background: #5d8dbb;

    transition: .3s;

}



.mainmargin .newnav-suffix dd a:hover:after {

    color: #fff;

    transition: .3s;

}



/*新闻页列表的页码*/

/*.newslistspage{ text-align: center;}*/

/*.newslistspage a{ display: inline-block; border-radius: 5px; border: solid 1px #acacac; margin: 0 5px 30px 5px; color:#acacac; width: 26px; height: 26px; line-height: 26px; text-align: center;}*/

/*.newslistspage a:hover{ color: #004e98; border: solid 1px #004e98; }*/

/*.newslistspage a:first-child{ color: #004e98; border: solid 1px #004e98;}*/



/*新闻内容页*/

.newscontenttitle {

    color: #004e98;

    font-size: 24px;

    margin-bottom: 10px;

}



.newscontenttime {

    color: #b3bdb2;

}



/*.news-nextto{ background: #f7f7f7; padding: 15px 30px; margin: 15px 0;}*/

/*.news-nextto span{ font-size: 14px; color:#004e98; margin-right:10px;}*/

/*.news-nextto a{ font-size: 14px;}*/

/*.news-nextto a:hover{ text-decoration: underline; color: #3b3b3b;}*/

.title-news-related {

    font-size: 18px;

    margin: 10px 0 10px 0;

    font-weight: bold;

    color: #3b3b3b;

}





/*--------------------------------2020-05-06和07-新增-安装方式-----------------*/

/*installation*/

#insta {

    margin-top: 150px;

}



#ins {

    width: 890px;

}



.installpdfdown {

    width: 890px;

}



.installpdfdown a {

    font-size: 14px;

    color: #004e98;

    width: 890px;

    display: block;

    background: url(/images/huahuanjiegou/a2.jpg) no-repeat 5px 8px;

    transition: .2s;

    cursor: pointer;

}



.installpdfdown a:hover {

    color: #acacac;

}



#ins li {

    width: 890px;

    clear: both;

    height: 240px;

    margin: 20px 0;

}



#ins li img {

    transition: .5s;

}



#ins li img:hover {

    transform: scale(1.05);

}



#ins div {

    float: left;

    width: 300px;

    margin-right: 47px;

}



#ins .section {

    border-bottom: dashed 1px #CCC;

    height: 240px;

    float: left;

    width: 540px;

}



#ins dt {

    transition: .5s;

    margin-bottom: 20px;

    margin-top: 20px;

}



#ins dt a {

    font-size: 18px;

    color: #7b7b7b;

    text-align: justify;

    font-weight: bold;

}



#ins dt a:hover {

    color: #004e98;

    text-decoration: underline;

}



#ins .intro {

    color: #666666;

    line-height: 20px;

    text-align: justify

}



#ins dd {

    font-size: 14px;

}



#ins dd i {

    color: #424141;

    padding: 12px 0;

    display: block;

    font-size: 14px;

    line-height: 20px;

    text-align: justify

}



#ins .more a {

    color: #666;

    float: right;

    font: normal;

    font-size: 14px;

}



#ins .more a:hover {

    text-decoration: underline;

}



.installationmain p {

    font-size: 14px;

}



.installationmain a {

    font-size: 14px;

}



.installationmain li {

    font-size: 14px;

}



.zs-L-top .num {

    float: left;

    margin-right: 10px;

    font-weight: bold;

}



.zs-L-top .zs-T {

    float: left;

    color: #2fb3ff;

    line-height: 51px;

    font-size: 20px;

    border-bottom: solid 1px #2fb3ff;

    padding: 0 30px 0 10px;

}



.pdata {

    font-size: 14px;

    margin-right: 30px;

    color: #acacac;

}



.author a {

    color: #acacac;

}



.installationmain h1 {

    font-size: 24px;

    color: #004e98;

    font-weight: bold;

}



.zs-L-top {

    width: 890px;

    height: 51px;

}



.num {

    width: 60px;

    height: 51px;

    background: url(/images/sec-zs-bg.png) no-repeat;

    display: block;

    float: left;

    font-size: 30px;

    line-height: 50px;

    padding-left: 16px;

    FONT-FAMILY: Arial, Geneva, sans-serif;

    color: #fff;

}



/*二级产品列表(如：/through-hole-slip-ring/)图片切换*/

#tucp {

    margin: 10px 0 15px 0;

    position: relative;

    width: 840px;

    height: 400px;

}



#tucp li {

    margin-bottom: 10px;

    width: 148px;

    margin-left: 660px;

}



#tucp .xiao {

    display: block;

    width: 148px;

    border: solid 1px #FFF;

}



#tucp span {

    display: block;

}



#tucp span img {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

}



#tucp .xiao:hover {

    width: 148px;

    border: solid 1px #004E98;

}



#tucp li:hover img {

    display: block;

}



#tucp li #tuxian {

    display: block;

}



.mobilebr {

    display: none;

}



.pro2020top h1 {

    color: #004e98;

    font-size: 24px;

    font-weight: bold;

}



/*--2020-06-04新增的样式--*/

#contactus2020nav .nav3dmodel {

    background: url(/images/contact/3dmodel.jpg) no-repeat 50% 30px;

}



#contactus2020nav .nav3dmodel:hover {

    background: url(/images/contact/3dmodelblue.jpg) no-repeat 50% 30px;

    transition: .3s;

}



#contactus2020nav #nav3dmodel {

    background: url(/images/contact/3dmodelblue.jpg) no-repeat 50% 30px;

    transition: .3s;

    color: #004e98;

}



#contactus2020nav #nav3dmodel dd {

    color: #004e98;

}





/*------------------------新增PC端样式2020-05-19（配合移动端的）-------------*/

#meun-m, .abuotus-m, #contcat-m, .logo-m, #ydxz, .ydvidio, .ydbannerwz {

    display: none;

}

/*

.width1100 .company2020title:first-of-type {

    margin-top: 0px;

}*/



.width840 table {

    width: 840px;

}



#message {

    width: 100%;

}





/*------2020-05-27----------------------*/

.mobile-navfoot {

    display: none;

}



/*------------------------移动端自适应导航开始--------------------------------------------------------------------------*/

#mobilemenu {

}



.mobile-inner {

    display: none;

    top: 0px;

    background-color: none;

    position: fixed;

    width: 100%

}



.mobile-inner p {

    color: #676767;

    line-height: 25px;

    font-size: 16px;

    padding-bottom: 30px;

    padding-right: 30px;

    padding-left: 30px;

    margin: 0px;

}



.mobile-inner-header {

    background: url(/uploads/allimg/20220413/1-220413091H1437.png) no-repeat 12px 5px;

    background-size: 35%;

    margin-top: 0;

    background-color: #004e98;

    width: 100%;

    height: 65px;

    position: relative;

    left: 0px;

}



.mobile-inner-header-icon {

    color: #ffffff;

    height: 65px;

    font-size: 25px;

    text-align: center;

    float: right;

    width: 50px;

    position: relative;

    -webkit-transition: background 0.5s;

    -moz-transition: background 0.5s;

    -o-transition: background 0.5s;

    transition: background 0.5s;

}



.mobile-inner-header-icon:hover {

    background-color: rgba(255, 255, 255, 0.2);

    cursor: pointer;

}



.mobile-inner-header-icon span {

    position: absolute;

    left: calc((100% - 25px) / 2);

    top: calc((100% - 1px) / 2);

    width: 25px;

    height: 1px;

    background-color: rgba(255, 255, 255, 1);

}



.mobile-inner-header-icon span:nth-child(1) {

    transform: translateY(4px) rotate(0deg);

}



.mobile-inner-header-icon span:nth-child(2) {

    transform: translateY(-4px) rotate(0deg);

}



.mobile-inner-header-icon-click span:nth-child(1) {

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: clickfirst;

}



.mobile-inner-header-icon-click span:nth-child(2) {

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: clicksecond;

}



#mobile-clear-top60 {

    margin-top: 60px;

    display: none;

}



@keyframes clickfirst {

    0% {

        transform: translateY(4px) rotate(0deg);

    }

    100% {

        transform: translateY(0) rotate(45deg);

    }

}



@keyframes clicksecond {

    0% {

        transform: translateY(-4px) rotate(0deg);

    }

    100% {

        transform: translateY(0) rotate(-45deg);

    }

}



.mobile-inner-header-icon-out span:nth-child(1) {

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: outfirst;

}



.mobile-inner-header-icon-out span:nth-child(2) {

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: outsecond;

}



@keyframes outfirst {

    0% {

        transform: translateY(0) rotate(-45deg);

    }

    100% {

        transform: translateY(-4px) rotate(0deg);

    }

}



@keyframes outsecond {

    0% {

        transform: translateY(0) rotate(45deg);

    }

    100% {

        transform: translateY(4px) rotate(0deg);

    }

}



/*.mobile-inner-nav{overflow: hidden;background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top:50px; left: 0px; padding-top: 30px; padding-bottom: 60px; display: none; }*/

.mobile-inner-nav {

    overflow: hidden;

    background-color: rgba(0, 0, 0, 0.9);

    width: 100%;

    position: relative;

    left: 0px;

    display: none;

}



.mobile-inner-nav a {

    display: inline-block;

    line-height: 50px;

    text-decoration: none;

    width: 80%;

    margin-left: 10%;

    color: #FFFFFF;

    border-bottom: solid 1px rgba(255, 255, 255, 0.3);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 300;

}



.mobile-inner-nav a:hover {

    color: rgba(255, 255, 255, 0.4);

    border-bottom: solid 1px rgba(255, 255, 255, 0.2);

}



.mobile-inner-nav a {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: ReturnToNormal;

    animation-name: ReturnToNormal;

}



/*------------------------移动端自适应导航结束 --------------------------------------------------------------------------*/



/*----------2020-06-06--------------------------------------------------*/

#d3model .sd1, #pdf_down .sd1 {

    border: solid 1px #004e98;

    height: 92px;

    line-height: 92px;

    margin-top: 20px;

    font-size: 20px;

    color: #000;

    font-family: "微软雅黑";

    text-indent: 78px;

    font-weight: bold;

    background: url(/images/3d_03.jpg) no-repeat 20px 20px;

}



#d3model .sd2, #pdf_down .sd2 {

    height: 163px;

    border: solid 1px #999;

    margin-top: 11px;

    padding-top: 20px;

    padding-left: 17px;

    background: url(../../../images/manualdownload/h.jpg) no-repeat 630px 20px;

    margin-bottom: 25px;

}



#d3model .sd2 p, #pdf_down .sd2 p {

    height: 30px;

    line-height: 30px;

}



.a-sd {

    display: inline-block;

    width: 240px;

}



.b-sd {

    display: inline-block;

    width: 170px;

}



.c-sd {

    display: inline-block;

    width: 195px;

}



.d-sd {

    display: inline-block;

    width: 338px;

}



#d3model .sd2 #d-sd, #pdf_down .sd2 #d-sd {

    height: 27px;

    line-height: 27px;

    margin-top: 19px;

    color: #6c6c6c;

}



#d3model .sd2 #d-sd a, #pdf_down .sd2 #d-sd a {

    display: inline-block;

    width: 130px;

    text-indent: 35px;

    color: #6c6c6c;

}



#d3model .sd2 #d-sd a:hover, #pdf_down .sd2 #d-sd a:hover {

    color: #004e98;

    transition: .2s;

}



#d3model .sd2 #d-sd .a1-sd, #pdf_down .sd2 #d-sd .a1-sd {

    background: url(/images/3d_01.png) no-repeat;

}



#d3model .sd2 #d-sd .a2-sd, #pdf_down .sd2 #d-sd .a2-sd {

    background: url(/images/3d_02.png) no-repeat;

}



#d3model .sd2 #d-sd .a3-sd, #pdf_down .sd2 #d-sd .a3-sd {

    background: url(/images/3d_03.png) no-repeat;

}



#d3model .sd2 #d-sd .a4-sd, #pdf_down .sd2 #d-sd .a4-sd {

    background: url(/images/zixun.png) no-repeat;

}



#pdf_down .sd2 {

    background: url(/images/shouce-s1.jpg) no-repeat 640px 10px;

}



.anniu-3d a {

    display: block;

    width: 334px;

    height: 68px;

    line-height: 68px;

    background: url(/images/3d_11.jpg) no-repeat;

    font-size: 30px;

    color: #FFF;

    font-family: "微软雅黑";

    text-indent: 110px;

    cursor: pointer;

}



.ydbuttontnone, #ydsolutions, .contactcallbg {

    display: none;

}



.pcbuttontnone {

    display: block;

}



/*-------------20200623新增-------------------*/

#pcsolutions {

    margin-top: 50px;

}



#pcsolutions li {

    width: 276px;

    float: left;

    margin: 12px;

}



#pcsolutions p {

    line-height: 200%;

    padding: 15px 0;

    background: #004e98;

    color: #fff;

    font-size: 16px;

    text-align: center;

}



#pcsolutions li .imgyy {

    position: relative;

    width: 276px;

    height: 276px;

}



#pcsolutions li .imgyy .wzbgyy {

    opacity: 0;

    text-align: center;

    padding-top: 45px;

    top: 0;

    position: absolute;

    width: 276px;

    height: 231px;

    background: #004e98;

    color: #fff;

}



#pcsolutions li .imgyy:hover .wzbgyy {

    opacity: 1;

    transition: .3s;

    background: rgba(0, 78, 152, .6);

}



/*-----------20200624新增----------------*/

#solutionimg li {

    text-align: center;

    float: left;

    width: 333px;

    height: 330px;

    padding: 20px;

    margin: 10px;

    border: solid 1px #f4f4f4;

}



#solutionimg li:hover {

    transition: .3s;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);

}



#solutionimg li p {

    font-size: 20px;

    font-weight: bold;

    color: #585858;

}



/*---------20200628新增的样式（关于联系我们新增的表单）----------*/



#pcxianshibd .inputbiaodan {

    float: left;

    height: 36px;

    line-height: 36px;

    margin-bottom: 13px;

    width: 99%;

    border: solid 1px #acacac;

    border-radius: 4px;

}



#pcxianshibd .inputbiaodan {

    float: left;

    height: 36px;

    line-height: 36px;

    margin-bottom: 13px;

    margin-left: 0px;

    width: 99%;

    border: solid 1px #acacac;

    border-radius: 4px;



}



#pcxianshibd .inputbiaodan input {

    color: #A6A6A6;

    text-indent: 20px;

    line-height: 14px;

    width: 98%;

    border: 0;

    outline: none;

}



#pcxianshibd .inputbiaodan textarea {

    color: #A6A6A6;

    text-indent: 20px;

    line-height: 14px;

    width: 98%;

    border: 0;

    outline: none;

}



#pcxianshibd .inputbiaodan input.red, #pcxianshibd .inputbiaodan textarea.red {

    color: #FF3333;

}



#conmainint div form p:first-child {

    margin-bottom: 13px;

}



#pcxianshibd .subbtn {

    background: #004e98;

    color: #fff;

    border: none;

    width: 100%;

    height: 36px;

    line-height: 36px;

}



#pcxianshibd .inputbiaodan:nth-child(4) {

    width: 47%;

    margin-right: 3%;

}



#pcxianshibd .inputbiaodan:nth-child(5) {

    width: 48%;

}



#pcxianshibd .inputbiaodan-textarea {

    min-height: 50px;

}



#conmainint p {

    width: 100%;

}



#pcxianshibd .inputbiaodan:first-child {

    clear: both;

    margin-top: 15px;

    font-size: 18px;

    font-weight: bold;

    line-height: 36px;

    border: 0;

}



/*----20200704新增-----*/



.width840 .formxys {

    width: 99%;

    border: solid 1px #acacac;

    border-radius: 8px;

    margin-bottom: 15px;

    width: 100%;

}



.width840 .formxys input {

    color: #acacac;

    text-indent: 15px;

    border: 0;

    outline: none;

    height: 40px;

    line-height: 40px;

}



.width840 .formxys input.red {

    color: #FF3333;

}



.zcbg {

    margin-top: 20px;

}



/*-------20200717新增-------------*/

.ggtableleft {

    width: 40%;

    float: left;

}



.ggtableright {

    width: 60%;

    float: left;

}



/*-------20200718新增-------------*/

#hidetable {

    margin: 30px 0;

    margin-bottom: -10px;

    font-size: 18px;

    line-height: 18px;

    height: 18px;

    color: #656565;

    text-align: left;

}



#hidetable input[type="checkbox"] {

    width: 18px;

    height: 18px;

    margin-right: 15px;

}



.mehide {

    display: none;

}



.color-table tr .sharedtd2 {

    text-align: center;

}



/*------------------从旧中文网站挖过来的20200724------------------------------------*/

.title-index20191121 {

    text-align: center;

}



.title-index20191121 h2 {

    font-size: 36px;

    font-family: "微软雅黑";

    font-weight: bold;

    line-height: 72px;

    color: #004e98;

    margin-top: 60px;

}



.title-index20191121 p {

    color: #7E7E7E;

    padding-bottom: 60px;

}



.title-index20191121 h2 span {

    color: #B9B9B9;

}



#zizhi2019index {

    text-align: center;

}



#zizhi2019index img:nth-child(3) {

    display: block;

    margin-left: 88px;

}



#zizhi2019index img + img + img {

    display: block;

    margin-left: 88px;

}



#huahuanzuoyong-x {

    height: 100px;

    padding: 0 60px 50px;

}



#huahuanzuoyong-x ul {

    float: left;

    width: 492px;

    margin: 0 30px;

}



#huahuanzuoyong-x ul li {

    width: 600px;

    line-height: 36px;

    background: url(../images/index/t_30.gif) no-repeat 5px 6px;

    text-align: left;

    text-indent: 2em;

}



#huahuanzuoyong-x ul li a:hover {

    color: #004e98;

    text-decoration: underline;

}

.merge{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#componyindex,#hezuohuoban-x{
    width: 48%;
    box-sizing: border-box;
}


#componyindex{
    background: #2F4246;
    padding: 20px;
}

#componyindex a{
    text-align: right;
    display: block;
    width: 100%;
    border-bottom: 3px solid #fff;
}

/* 
#hezuohuoban-x {

    width: 1080px;

    margin: 0 auto;

    padding-left: 80px;

    margin-bottom: 70px;

} */



#hezuohuoban-x img {

    margin: 15px 2px;

}



.linex {

    border-bottom: dashed 1px #CBCBCB;

    padding-bottom: 60px;

}



.imgborder {

    text-align: center;

    margin: 80px auto 110px;

}



.imgborder img {

    border: 1px solid #F0F0F0;

}



#jiejuefangan-x {

    width: 984px;

    margin: 0 auto;

    text-align: center;

}



#jiejuefangan-x div {

    float: left;

}



#jiejuefangan-x ul {

    float: left;

}



#jiejuefangan-xl {

    width: 440px;

}



#jiejuefangan-xr {

    width: 494px;

    text-align: left;

    padding-left: 50px;

}



#jiejuefangan-xl img {

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

}



#jiejuefangan-xr li span {

    float: right;

    color: #BCBCBC;

}



#jiejuefangan-xr li a:hover {

    color: #004e98;

    text-decoration: underline;

}



/*设置导航条_status_back样式*/

.header {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 101;

    transition: all 1s;

    width: 100%;

}





/*banner开始*/

html, body {

    width: 100%;

}



#banner {

    clear: both;

}



.main {

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



main {

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.pro-switch {

    height: 100%;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.flexslider {

    margin: 0;

    padding: 0;

}



.flexslider .slides > li {

    display: none;

    -webkit-backface-visibility: hidden;

}



.flexslider .slides img {

    width: 100%;

    display: block;

}



.slides:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



html[xmlns] .slides {

    display: block;

}



* html .slides {

    height: 100%;

}



.no-js .slides > li:first-child {

    display: block;

}



.flexslider {

    margin: 0 auto;

    position: relative;

    width: 100%;

    zoom: 1;

}



.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

}



.flexslider .slides {

    zoom: 1;

}



.flex-direction-nav {

    *height: 0;

}



.flex-direction-nav a {

    width: 60px;

    height: 90px;

    margin: -60px 0 0;

    display: block;

    background: url(/images/ad_ctr.png) no-repeat 0 0;

    position: absolute;

    top: 50%;

    z-index: 10;

    cursor: pointer;

    text-indent: -9999px;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all .3s ease;

}



.flex-direction-nav .flex-next {

    background-position: 0 -90px;

    right: 0;

}



.flex-direction-nav .flex-prev {

    left: 0;

}



.flexslider:hover .flex-next {

    opacity: 0.8;

    filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

    opacity: 0.8;

    filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

    opacity: 1;

    filter: alpha(opacity=50);

}



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 10px;

    text-align: center;

}



.flex-control-nav li {

    margin: 0 5px;

    display: inline-block;

    zoom: 1;

    *display: inline;

}



.flex-control-paging li a {

    background: url(/images/dot.png) no-repeat 0 -16px;

    display: block;

    height: 16px;

    overflow: hidden;

    text-indent: -99em;

    width: 16px;

    cursor: pointer;

}



.flex-control-paging li a.flex-active {

    background-position: 0 0;

}



/*!banner结束*/

/*top all开始*/

#main {

    background-color: #fff;

    width: 1200px;

    margin: 5px auto;

    height: auto;

    min-height: 1420px;

    _height: 1420px;

}



.boxright_title_2018 {

    font: normal 18px Arial;

    color: #004E98;

    width: 100%;

    height: 40px;

    margin-top: 130px;

}



.boxright_title_2018 span {

    font-size: 14px;

    color: #666666;

    background: url(/images/sitemapico.png) no-repeat left;

    padding-left: 17px;

}



.boxright_title_2018 span a {

    color: #666666;

    font-weight: normal;

}



.widow_full_width {

    min-width: 1200px;

}



.clear {

    clear: both;

}



.whith1 {

    width: 100%;

    background: #ECECEC;

    border-bottom: 1px solid #ECECEC;

}



.whith {

    width: 1200px;

    margin: 0 auto;

}



#banner {

    width: 100%;

}



#header {

    height: 120px;

    width: 1200px;

    margin: 0px auto;

    margin-top: -10px;

}



#header #top {

    width: 100%;

    margin: 0 auto;

    position: relative;

}



#header #top div {

    float: left;

}



#nav-2017 {

    width: 665px;

    margin: 0 7px;

}



#nav-2017-ul li {

    float: left;

    width: 94px;

}



#nav-2017 a.nav_list {

    height: 78px;

    display: block;

    color: #FFF;

    font-size: 16px;

    text-align: center;

    padding-top: 42px;

    font: normal 14px/38px 微软雅黑, Arial;

}



#nav-2017 a.nav_list:hover {

    transition: .5s;

    background-color: #FFF;

    color: #000;

}



.nav_list_subbg {

    opacity: 1;

    top: 120px;

    left: 0;

    height: 260px;

    background: #153f67;

    width: 100%;

    position: absolute;

    padding-top: 20px;

    display: none;

}



.nav_about_sub_list {

    height: 240px;

    width: 180px;

    text-align: center;

    float: left;

}



.nav_about_sub_list a {

    color: #FFF;

    display: block;

    font: normal 16px/38px 微软雅黑, Arial;

}



.nav_about_sub_list a:hover {

    color: #FFF000;

}



.nav_about_sub_img {

    float: left;

    width: 630px;

    text-align: center;

}



.nav_about_sub_content {

    float: left;

    width: 380px;

    text-align: center;

}



.nav_about_sub_content dl {

    text-align: left;

    color: #FFF;

    padding: 10px;

}



.nav_about_sub_content dt {

    width: 184px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    border-radius: 14px;

    color: #153F67;

    background: #FFF;

    margin-bottom: 18px;

}



.nav_list_subbg_product {

    background: #153f67 url(/images/topbottom/lll_01.png) no-repeat;

}



.nav_product_img {

    width: 370px;

    height: 240px;

    text-align: center;

    padding-top: 20px;

}



.nav_product_sub_nav {

    width: 562px;

    height: 200px;

    padding-top: 40px;

    padding-left: 20px;

    position: relative;

}



.nav_product_sub_nav ol li {

    clear: left;

    height: 45px;

}



.nav_product_sub_nav ol li dt {

    font: bolder 16px/28px "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;

}



.nav_product_sub_nav ol li dl {

    display: none;

    position: absolute;

    color: #FFF;

    width: 670px;

    margin-top: -30px;

    margin-left: 130px;

}



.nav_product_sub_nav ol li .second {

    margin-top: -80px;

}



.nav_product_sub_nav ol li .third {

    margin-top: -139px;

}



.nav_product_sub_nav ol li .fourth {

    margin-top: -172px;

}



.nav_product_sub_nav a {

    color: #FFF;

    font: normal 14px/38px "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;

}



.nav_product_sub_nav .third a {

    font: normal 14px/28px "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;

}



.nav_product_sub_nav ol li:first-child a {

    width: 200px;

}



.nav_product_sub_nav a:hover {

    color: #FFF000;

}



.nav_product_wechat {

    width: 267px;

}



#search {

    width: 241px;

    position: relative;

}



#search div {

    margin-right: 0px;

}



#search div form {

    margin-top: 44px;

    margin-left: 37px;

    background: url(/images/topbottom/search.png) no-repeat;

    width: 201px;

    height: 30px;

}



#search #language {

    position: absolute;

    top: 0;

    right: 0;

    color: #FFF;

}



#search #language a {

    transition: .5s;

    color: #FFF;

}



#search #language a:hover {

    color: #68b7ff;

}



#search input[type="search"] {

    margin-left: 15px;

    height: 30px;

    color: #FFF;

    width: 130px;

    border: 0px;

    background: none;

}



#search input[type="submit"] {

    width: 51px;

    border: 0px;

    background: none;

}



.navbg {

    height: 120px;

    background: #017DD3;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -20;

}



.navbg-l-0 {

    filter: alpha(Opacity=60);

    -moz-opacity: 0.6;

    opacity: 0.6;

}



/*专用于首页*/

.navbg-l-820, .navbg-l-199 {

    filter: alpha(Opacity=80);

    -moz-opacity: 0.8;

    opacity: 0.8;

}



.show {

    display: block;

}



.hide {

    display: hidden;

}



/*top all结束*/



/*20200728*/

/*--选型手册--*/

#xxsc {

    width: 850px;

    height: 540px;

    background: #eee;

    padding: 20px;

    margin-bottom: 50px;

}



#xxsc #message .feed li {

    width: 50%;

    float: left;

}



#xxsc #message .feed li input {

    width: 94%;

    height: 30px;

    line-height: 30px;

}



#xxsc #message .feed .scadd {

    width: 100%;

}



#xxsc #message .feed .scadd input {

    width: 97%;

}



#xxsc #message .feed .scadd textarea {

    width: 97%;

    margin-bottom: 10px;

}



#xxsc #message .feed #J_submit {

    background: #004e98;

    color: #fff;

    border-color: #004e98;

}



#xxsc #message .feed #J_submit:hover {

    background: #0560B7;

    border-color: #0560B7;

    transition: .3s;

}



/*--20200807--*/

#search input[type="search"] {

    border-bottom: solid 1px #fff;

    color: #fff;

}



#search input[type="submit"] {

    border-bottom: solid 1px #fff;

    color: #fff;

}





/*20201126新增开始*/

#products-list_m {

    display: none;

}



/*20201126新增结束*/





@media (max-width: 960px) {

    /*20201126新增开始*/



    #related {

        display: block;

        width: 92%;

        margin: 0 4%;

        margin-top: 30px;

    }



    #products-list_m li {

        margin: 15px;

        border-bottom: dashed 1px #DDDDDD;

    }



    #products-list_m li h3 {

        color: #004e98;

        font-size: 8vw;

        font-family: "微软雅黑";

        margin-top: 20px;

    }



    .anniuw {

        text-align: center;

        margin: 25px 0;

        width: 150px;

        height: 36px;

        line-height: 36px;

        border: solid 1px #004e98;

        color: #004e98;

    }



    /*20201126新增结束*/

    #mwidth {

        width: 92%;

        margin: 0 4%;

    }



    #mobile-clear-top60, .ydbuttontnone, #ydsolutions, .contactcallbg {

        display: block;

    }



    .pcbuttontnone, #pcsolutions, .zcbg {

        display: none;

    }



    /*----------20200623新增---------*/

    #ydsolutions ul {

        margin-top: 30%;

    }



    #ydsolutions ul li {

        width: 84%;

        padding: 20px 5%;

        margin: 20px 3%;

        border-radius: 10px;

        clear: both;

        height: 100%;

        background: #e5e5e5;

    }



    #ydsolutions ul li .soluleft {

        float: left;

        width: 50%;

        height: 100%;

    }



    #ydsolutions ul li .soluleft img {

        margin: auto 0;

    }



    #ydsolutions ul li .soluright {

        float: left;

        width: 50%;

    }



    .soluright p {

        line-height: 100%;

        margin-left: 8%;

        color: #858585;

    }



    .soluright p strong {

        line-height: 150%;

        color: #3b3b3b;

    }



    .ydbuttontnone {

        width: 60%;

        font-weight: bold;

        font-size: 5vw;

        background: url(/images/bluepho.png) no-repeat 12px 9px;

        text-indent: 4vw;

        background-color: #fff;

    }



    .questions .white36px {

        font-weight: lighter;

    }



    .callmobilehead {

        color: #fff;

        margin-left: 45%;

        line-height: 65px;

        font-size: 5vw;

        background: url(/images/baisepho.png) no-repeat 0 4px;

        padding-left: 20px;

    }



    /*-----------------------2020-05-28新增的移动端相应样式-----------*/

    .mobile-inner {

        display: block;

        z-index: 1000;

    }





    /*移动端底部导航20201121*/

    .mobile-navfoot {

        display: block;

        position: fixed;

        bottom: 0;

        z-index: 1000;

        width: 100%;

        height: 63px;

        background: #004e98;

    }



    .mobile-navfoot li {

        position: relative;

        font-size: 0.5em;

        float: left;

        text-align: center;

        width: 25%;

        height: 63px;

        line-height: 63px;

        color: #fff;

    }



    .mobile-navfoot li a {

        padding-top: 28px;

        font-size: 2.4em;

        color: #fff;

        display: inline-block;

    }



    .mobile-navfoot li #goutongm {

        display: none;

        width: 100%;

        position: absolute;

        bottom: 72px;

        right: 0;

    }



    .mobile-navfoot li #goutongm a {

        padding-top: 0px;

        font-size: 1.2em;

        background: #3477b7;;

        width: 100%;

        display: block;

        height: 36px;

        line-height: 36px;

        border-bottom: solid 1px #fff;

    }



    .mobile-navfoot .gywmdb a {

        background: url(/images/gywmdb.png) no-repeat 50% 12px;

    }



    .mobile-navfoot .cpzxdb a {

        background: url(/images/cpzxdb.png) no-repeat 50% 10px;

    }



    .mobile-navfoot .zxgtdb {

        font-size: 1.2em;

    }



    .mobile-navfoot .lxfsdb a {

        background: url(/images/lxfsdb.png) no-repeat 50% 12px;

    }



    .mobile-navfoot .zxgtdb {

        padding-top: 12px;

        background: url(/images/zxgtdb.png) no-repeat 50% 12px;

    }



    /*-----------------------2020-05-18新增的移动端相应样式-----------*/

    img {

        width: 100%;

    }



    /*index*/

    #top {

        display: none;

    }



    .pro-m-yx {

        display: block;

    }



    /*#meun-m{ display:block; position:fixed; top:11px; right:5px; width:30px;}*/

    #bannertxt p:nth-of-type(2) {

        display: none;

    }



    .font48 {

        font-size: 10vw;

        line-height: 150%;

        padding: 110px 0 10% 0;

    }



    .buttonf {

        text-align: center;

        display: block;

        color: #fff;

        border: solid 1px #004e98;

        width: 200px;

        height: 40px;

        line-height: 40px;

        background: #004e98;

    }



    .bannerbutton {

        margin: 0 auto;

        display: none;

    }



    .width-1920bg {

        width: 100%;

        margin: 0 auto;

    }



    .indexbannerbg {

        height: 400px;

        background: url(/images/index/banner1.jpg) no-repeat;

        width: 100%;

    }



    #bannertxt {

        position: absolute;

        top: 0px;

        left: 10%;

        width: 80%;

        text-align: center;

    }



    .width-1200px {

        width: 100%;

    }



    #standardtitle {

        height: 50px;

        margin: 50px 0;

    }



    #standardtitle a {

        text-align: center;

        color: #acacac;

        font-size: 5vw;

        margin-left: 0;

        float: none;

        width: 100%;

        display: block;

    }



    #standardtitle a:nth-child(2) {

        display: none;

    }



    #standardtitle a img {

        width: 5%;

    }



    #standardtitle .titleindex {

        float: none;

        margin-left: 0;

        padding-left: 0;

        height: 35px;

        font-size: 8vw;

        color: #004e98;

        border-left: none;

    }



    #standarproducts li {

        overflow: hidden;

        margin: 0 2%;

        width: 96%;

        height: 100%;

        margin-bottom: 20px;

    }



    #standarproducts li a {

        display: block;

    }



    #standarproducts li div {

        font-weight: 1;

        vertical-align: middle;

        padding: 15px 15px;

        height: 100%;

    }



    #standarproducts li div p:first-child {

        font-size: 5vw;

        margin-top: 0;

        margin-bottom: 10px;

    }



    #standarproducts li div p {

        font-size: 3vw;

        line-height: 150%;

        color: #E3E3F0;

    }



    #standarproducts li a img {

        width: 100%;

    }



    .custombg {

        height: 100%;

        padding-top: 3px;

    }



    .bgline {

        width: 100%;

        height: 100%;

    }



    #custombgimg {

        padding: 88px 0;

        width: 100%;

        height: 100%;

        margin: 40px auto 0;

        background: url(/images/index/custombg.png) no-repeat 0 0;

        background-size: contain;

    }



    #custombgimg .orange40px {

        padding-top: 120px;

    }



    #custombgimg .orange40px a {

        font-size: 7vw;

    }



    #custombgimg p {

        padding: 0px 10% 0 10%;

    }



    #custombgimg .buttonborder {

        margin-left: 10%;

    }



    .componybgindex {

        height: 100%;

        padding: 45px 0;

        margin-top: -20px;

        background: url(/images/index/srbg_02.jpg) repeat center center;

        width: 100%;

    }



    #componyindex div {

        padding-bottom: 0px;

        width: 90%;

        margin-right: 0px;

        height: 100%;

        float: none;

        clear: both;

        border-bottom: 0;

        margin-left: 5%;

    }



    #componyindex img {

        display: none;

        float: none;

        clear: both;

        width: 100%;

        border-radius: 10px;

    }



    #componyindex p {

        color: #fff;

        margin-bottom: 25px;

    }



    #componyindex a {

        float: none;

        clear: both;

    }



    .abuotus-m {

        display: block;

        margin-top: 30px;

    }



    #customsolutions {

        margin: 60px 0;

        margin-top: 36%;

    }



    #customsolutions li {

        margin-right: 0px;

        float: none;

        width: 44%;

        height: 100%;

        border: 0;

        float: left;

        margin: 10px 3%;

    }



    #customsolutions li p {

        font-size: 7vw;

        width: 100%;

        height: 100%;

        padding-top: 0;

        text-align: center;

        background: #eaeaea;

        padding: 30px 0;

    }



    #customsolutions li img {

        opacity: 1;

    }



    .buletextcengter {

        font-size: 8vw;

        color: #004e98;

        text-align: center;

        line-height: 220%;

    }



    .bglightgray {

        margin: 60px 0;

        height: 100%;

        padding-top: 40px;

        padding-bottom: 0;

    }



    #newsindex2020 #news-i-l {

        display: none;

    }



    #newsindex2020 #news-i-r {

        float: none;

        width: 92%;

        margin: 0 4%;

    }



    #newsindex2020 h2 {

        margin-bottom: 15px;

        text-indent: 36px;

        font-size: 6vw;

    }



    #newsindex2020 p {

        margin-bottom: 15px;

    }



    #newsindex2020 #news-i-r ul li:last-child {

        display: none;

    }



    #customersindex p {

        font-size: 6vw;

    }



    #customersindex .customersimg img {

        width: 40%;

        opacity: 1;

        float: left;

        margin: 0 5%;

    }



    #customersindex .customersimg .customersf {

        margin-right: 0;

    }



    #customersindex .blank {

        display: none;

    }



    /*-------20200617修改-----------------*/

    .foot {

        height: 100%;

        width: 100%;

        margin-bottom: 50px;

    }



    #linefoot {

        width: 100%;

        height: 100%;

        margin-bottom: 40px;

    }



    #footnav {

        padding: 55px 0 0px;

        height: 280px;

        width: 87%;

        margin-left: 13%;

    }



    #footnav dl {

        float: left;

        width: 35%;

        padding: 0 4%;

    }



    #footnav dl:nth-child(1), #footnav dl:nth-child(3), #footnav dl:nth-child(4) {

        display: none;

    }



    #footnav a {

        color: #fff;

    }



    #footnav dl dt a {

        display: block;

        font-weight: bold;

        margin-bottom: 24px;

    }



    #footnav dl dd a {

        display: block;

        line-height: 32px;

        margin-bottom: 12px;

        /*border-bottom: double 5px #004e98;*/

        font-size: 3vw;

        color: #ddd;

    }



    #footnav dl dt a:hover {

        color: #4697e3;

        transition: .3s;

    }



    #footnav dl dd a:hover {

        color: #fff;

        text-decoration: underline;

        transition: .3s;

    }



    /*-------！20200617修改-----------------*/

    .social, .footbgqpsa {

        display: none;

    }



    .rights {

        border-top: solid 1px #ADADAD;

        line-height: 500%;

        font-size: 2vw;

    }



    /*products*/

    .bannerall {

        display: none;

    }



    #products-list2020 {

        display: none;

    }



    #related li {

        text-align: center;

        display: block;

        background: #eee;

        width: 100%;

        padding-top: 10px;

        padding-bottom: 10px;

        height: 100%;

        border: solid 1px #eee;

        float: left;

        margin-left: 0;

        margin-bottom: 3px;

    }



    #related li a img {

        margin: 20px auto;

        border-radius: 10px;

    }



    #related li dt a {

        font-size: 5vw;

        line-height: 200%;

    }



    .mainmargin {

        margin: 25px auto;



    }



    .mainmargin .navleft {

        display: none;

        position: fixed;

        bottom: 40px;

        clear: both;

        float: none;

        margin-right: 0;

        width: 100%;

        height: 164px;

    }



    .mainmargin .navleft a {

        text-indent: 20px;

        color: #fff;

        display: block;

        width: 99%;

        height: 40px;

        line-height: 40px;

        border-bottom: solid 1px #fff;

    }



    .mainmargin .navleft .yiji li ul li {

        display: none;

    }



    .mainmargin .mainright2020 {

        float: none;

        clear: both;

        width: 100%;

    }



    .chanpinpailieer {

        width: 100%;

    }



    .chanpinpailieer li {

        margin: 20px 9%;

        float: none;

        clear: both;

        width: 80%;

        height: 100%;

        padding-bottom: 20px;

    }



    /*.chanpinpailieer .chanpinpailieer-one{ margin-left:9%; margin-top:70px;}*/

    .chanpinpailieer .chanpinpailieer-one {

        margin-left: 9%;

    }



    .buttonchanpinp {

        width: 60%;

        font-size: 5vw;

    }



    .chanpinpailieer img {

        width: 100%;

        height: 100%;

        padding: 0;

    }



    #related li img {

        height: 100%;

        width: 100%;

        margin: 0;

        padding: 0;

    }



    /*.mainright2020 .pro2020top{ width:100%; margin-bottom: 20px; margin-top:70px;}*/

    .mainright2020 .pro2020top {

        width: 100%;

        margin-bottom: 20px;

    }



    #tucp {

        margin: 20px 0 30px 0;

        position: relative;

        width: 100%;

        height: 100%;

    }



    #tucp li {

        margin-bottom: 19px;

        width: 20%;

        margin-left: 80%;

    }



    #tucp .xiao {

        display: block;

        width: 99%;

        border: solid 1px #FFF;

    }



    #tucp span img {

        display: none;

        position: absolute;

        top: 0;

        left: 0;

        width: 80%;

    }



    #tucp .xiao:hover {

        border: solid 1px #004E98;

        width: 99%;

    }



    #tucp li:hover sapn img {

        display: block;

    }



    #features {

        position: none;

        padding: 15px 2%;

        border: solid 1px #D1D1D1;

        width: 92%;

        margin-left: 3%;

    }



    .pr-tedian-list {

        width: 100%;

        margin-left: 0;

        margin-top: 10px;

        font-size: 3vw;

    }



    .scaz {

        margin-bottom: 500px;

        overflow: auto;

        margin: 0;

        position: static;

        height: 100%;

        width: 100%;

    }



    .scaz ul li a {

        margin-left: 25%;

        margin-top: 20px;

        margin-bottom: 10px;

        display: block;

        width: 50%;

        font-size: 14px;

        color: #004e98;

        background: none;

        border: solid 1px #004e98;

        line-height: 36px;

        text-align: center;

        border-radius: 8px;

    }



    .scaz ul li a div {

        width: 90%;

        height: 36px;

    }



    .none, #dzsm {

        display: none;

    }



    .color-table {

        width: 95%;

        margin: 10px auto;

        text-align: center;

    }



    .color-table td {

        font-size: 3vw;

    }



    .color-table tr .sharedtd2 {

        text-align: center;

    }



    #aboutus2020nav {

        display: none;

    }



    .width1100 .company2020title:first-of-type {

        margin-top: 70px;

    }



    .width1100 {

        width: 96%;

        margin-left: 2%;

    }



    .width1100 .zhuanli2020pl img {

        width: 10%;

        margin-right: 4%;

    }



    .width1100 .zhuanli2020pl img:nth-child(3) {

        width: 20%;

        margin-left: 2%;

        margin-right: 5%;

    }



    .width1100 .zhuanli2020pl .marginrightnone {

        margin-right: 4%;

    }



    .width1100 .zhuanli2020pl img:first-child, .width1100 .zhuanli2020pl img:nth-child(7), .width1100 .zhuanli2020pl img:nth-child(14) {

        margin-left: 2%;

    }



    .historybg {

        background: #eee;

        height: 100%;

        padding: 15px 0;

        margin-top: 40px;

    }



    #timeline li p {

        float: none;

    }



    .timelineleft {

        height: 100%;

        width: 20%;

        float: left;

        color: #004e98;

        text-align: left;

        font-size: 6vw;

        line-height: 100%;

    }



    .timelineleft span {

        font-weight: bold;

        font-size: 9vw;

        margin-right: 15%;

    }



    .timelineright {

        border-bottom: dashed 1px #B5B5B5;

        margin-bottom: 15px;

        width: 100%;

        height: 100%;

        margin-left: 0;

        text-indent: 0;

        border-left: none;

        float: left;

        position: relative;

        font-size: 14px;

        line-height: 50px;

    }



    .timelineright:before {

        content: " ";

        width: 0px;

        border-radius: 0px;

        height: 0px;

        background: none;

    }



    .font14px {

        font-size: 14px;

    }



    #timeline {

        width: 90%;

        margin: 0 5%;

    }



    #contactus2020nav {

        display: none;

    }



    .news_list li {

        border-bottom: none;

    }



    .news_list img {

        width: 30%;

        border: none;

        margin-top: 2%;

    }



    .news_list dl {

        width: 65%;

        margin-left: 5%;

    }



    .news_list dt a {

        line-height: 100%;

        font-size: 4vw;

        width: 100%;

    }



    .news_list dt span {

        display: none;

    }



    .article_text {

        line-height: 150%;

        font-size: 3vw;

    }



    .newsliststitle {

        font-size: 7vw;

        margin-bottom: 25px;

        margin-top: 70px;

        width: 100%;

        text-align: center;

    }



    #contcat-m {

        display: block;

        margin-top: 26px;

        margin-bottom: 0px;

    }



    #contcat-m a {

        width: 40%;

        margin: 6px 5%;

        line-height: 300%;

        border-radius: 5px;

        text-align: center;

        float: left;

        font-size: 3vw;

        display: block;

        color: #3b3b3b;

        background: #E6E6E6;

    }



    #contact2020main {

        width: 98%;

        margin: 0 1%;

    }



    #conmainint img {

        width: 100%;

        margin-bottom: 25px;

        margin-top: 25px;

    }



    #conmainint div {

        width: 100%;

        margin-left: 0;

    }



    #proxy .titleline {

        width: 100%;

        line-height: 50px;

    }



    #agents ul {

        box-shadow: 0 0 5px #b6b6b6;

        border-radius: 10px;

        width: 84%;

        float: left;

        margin: 33px 4%;

        padding: 4%;

    }



    .width840 {

        width: 100%;

        margin: 0 auto;

    }



    .cxltitle {

        font-size: 6vw;

        margin-bottom: 20px;

        margin-top: 25px;

    }



    table {

        border-collapse: collapse;

    }



    .width840 form table tr td {

        text-indent: 20px;

        font-size: 14px;

        color: #656565;

    }



    .width840 form table tr:first-child td {

        background: #004e98;

        color: #fff;

        text-align: center;

    }



    .width840 form table tr .bgbjhuise {

        background: #eee;

    }



    .width840 table input {

        width: 80%;

        height: 18px;

        line-height: 18px;

    }



    table label {

        margin-left: -10px;

    }



    .width840 table {

        width: 97%;

        margin-left: 1%;

    }



    #msxh, #dzsmqi, #bzxh, #hfxl, #hfxl, #exl, #oxl, #kxl, #pxl, #yxl {

        display: none;

    }



    #showindexcon {

        display: none;

    }





    /*----------2020-06-06--------------------------------------------------*/

    #pdf_down .sd1 {

        font-size: 4vw;

        width: 97%;

        margin: 0 1%;

        margin-top: 60px;

        text-indent: 0;

        text-align: center;

        background: none;

    }



    #pdf_down .sd2 {

        height: 250px;

        margin: 15px 1%;

        background: url(/images/catalog.jpg) no-repeat 640px 10px;

    }



    #pdf_down .sd2 p {

        height: 30px;

        line-height: 30px;

        width: 100%;

    }



    .a-sd {

        display: block;

        width: 50%;

        float: left;

    }



    .b-sd {

        display: block;

        width: 50%;

        float: left;

    }



    .c-sd {

        display: block;

        width: 50%;

        float: left;

    }



    .d-sd {

        display: block;

        width: 5%;

        float: left;

    }



    .sd2 #d-sd a, #pdf_down .sd2 #d-sd a {

        width: 100%;

    }



    #pdf_down .sd2 #d-sd .a1-sd {

        float: left;

        width: 50%;

        margin-top: 20px;

        background: url(/images/3d_01.png) no-repeat;

    }



    #pdf_down .sd2 #d-sd .a2-sd {

        float: left;

        width: 50%;

        margin-top: 20px;

        background: url(/images/3d_02.png) no-repeat;

    }



    #pdf_down .sd2 #d-sd .a4-sd {

        float: left;

        width: 50%;

        margin-top: 20px;

        background: url(/images/zixun.png) no-repeat;

    }



    #pdf_down .sd2 {

        background: none;

    }



    .anniu-3d a {

        display: block;

        width: 334px;

        height: 68px;

        line-height: 68px;

        background: url(/images/3d_11.jpg) no-repeat;

        font-size: 30px;

        color: #FFF;

        font-family: "微软雅黑";

        text-indent: 110px;

        cursor: pointer;

    }



    /*--------20200609新增的---------*/

    #products-list2020 li:first-child img {

        border-top: none;

        margin-top: -170%;

    }



    .mainright2020 .center {

        width: 100%;

    }



    .mainright2020 .center img {

        width: 100%;

    }



    #ask_senring {

        width: 100%;

        margin: 0 auto;

        margin-bottom: 25px;

    }



    #ask_senring form table tr td {

        text-indent: 20px;

        font-size: 14px;

        color: #656565;

    }



    #ask_senring form table tr:first-child td {

        background: #004e98;

        color: #fff;

        text-align: center;

    }



    #ask_senring form table tr .bgbjhuise {

        background: #eee;

    }



    #ask_senring table input {

        width: 80%;

        height: 18px;

        line-height: 18px;

    }



    #ask_senring table {

        width: 97%;

        margin-left: 1%;

    }



    /*20200628修改之前：2020-06-17新增的*/

    #ydxz {

        display: block;

        border-bottom: dashed 1px #C9C9C9;

        width: 90%;

        padding: 0px 5%;

        padding-top: 15px;

        height: 100%;

    }



    .contactcallbg {

        background: #004e98;

        margin-top: 3%;

    }



    .contactcall {

        background: url(/images/ydd.png) no-repeat 15% 15px;

        display: block;

        width: 100%;

        line-height: 54px;

        line-height: 54px;

        font-size: 20px;

        color: #fff;

        text-align: center;

        margin-left: 10px;

    }



    .ydvidio {

        display: block;

        position: relative;

    }



    .vidiomeng {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 97%;

        background-color: rgba(0, 0, 0, 0.3);

        background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 50%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.2) 0);

        background-size: 5px 5px;

    }



    .ydbannerwz {

        display: block;

        position: absolute;

        top: 5%;

        left: 16%;

    }



    .ydbannerwz .font48 {

        color: #fff;

        font-size: 6vw;

        text-align: center;

    }



    .ydbannerwz .bannerbutton {

        background: none;

        border: solid 1px #fff;

    }



    /*#ydxz p{ width:99%; border: solid 1px #acacac; border-radius:8px; margin-bottom: 15px; }*/

    #ydxz p input {

        color: #acacac;

        text-indent: 15px;

        border: 0;

        outline: none;

        height: 40px;

        line-height: 40px;

        width: 99%;

    }



    #ydxz p:nth-of-type(1), #ydxz p:nth-of-type(6), #ydxz p:nth-of-type(8) {

        border: 0;

    }



    #ydxz p textarea {

        color: #acacac;

        text-indent: 15px;

        border: 0;

        outline: none;

    }



    #ydxz form {

        margin-top: 20px;

    }



    #ydxz p:nth-of-type(8) {

        margin: 0;

        padding: 0;

    }



    #ydxz .chuncenter {

        border: 0;

    }



    #ydxz .subbtn {

        margin-top: 10px;

        border-radius: 8px;

        width: 100%;

        background: #004e98;

        color: #fff;

    }



    /*#ydxz .chuncenter input[type="submit"]{ margin-top: 10px; border-radius:8px; width: 100%; background: #004e98;color:#fff;}*/

    /*-----------20200627新增----------------*/

    #solutionimg li {

        float: left;

        width: 89%;

        height: 100%;

        padding: 3%;

        margin: 2%;

    }



    #solutionimg li p {

        font-size: 5vw;

    }





    /*----------------20200717新增的-----------------------*/

    .dada {

        width: 90%;

        border-left: solid 5px #004E98;

        vertical-align: text-bottom;

        font-family: "微软雅黑";

        font-size: 20px;

        font-weight: bold;

        height: 100%;

        margin: 20px 0;

        text-indent: 0px;

        padding-left: 15px;

        font-size: 5vw;

    }



    .productdetailstop #pdtleft {

        float: none;

        width: 100%;

        clear: both;

    }



    .productdetailstop {

        width: 96%;

        margin: 0 2%

    }



    .productdetailstop #pdtright {

        float: none;

        width: 100%;

        margin: 0;

        clear: both;

    }



    .productdetailstop #pdtleft li {

        float: left;

        padding-top: 280px;

        margin-right: 15px;

    }



    .productdetailstop #pdtleft li img {

        width: 40px;

        border: solid 1px #dcdcdc;

        border-radius: 5px;

    }



    .productdetailstop #pdtleft ul {

        position: relative;

    }



    .productdetailstop #pdtleft li div img {

        position: absolute;

        top: 0;

        left: 0;

        border-radius: 0px;

        width: 98%;

        display: none;

        height: 255px;

    }



    .productdetailstop #pdtleft li:hover div img {

        display: block;

    }



    .productdetailstop #pdtleft li:first-child div img {

        display: block;

    }



    .productdetailstop #pdtright div {

        background: #eee;

        padding: 20px 5%;

        width: 89%;

    }



    .productdetailstop #pdtright div .font14px {

        margin-bottom: 20px;

        line-height: 22px;

        color: #656565;

        width: 100%;

    }



    .bread-crumbs {

        background: none;

        margin: 0 2%;

        line-height: 20px;

        height: 100%;

        margin-bottom: -6%;;

    }



    .bread-crumbs p {

        line-height: 150%;

    }



    .bread-crumbs p a {

        color: #004e98;

        margin-right: 0px;

        font-size: 3.8vw;

        display: inline-block;

    }





    /*banner*/

    .bannerbgqping {

        height: 400px;

        width: 100%;

        background: #7a787d;

    }



    .componybgqp {

        height: 400px;

        width: 100%;

        background: #2f4246;

    }



    .footbgqpsa {

        position: relative;

    }



    .footbgqpsb {

        position: absolute;

        bottom: 0px;

        z-index: -1000000;

        height: 400px;

        width: 100%;

        background: #323a3e;

    }



    /*--20200718--*/

    .ggtableleft {

        width: 99%;

        float: none;

        border-right: 0;

    }



    .ggtableright {

        width: 99%;

        float: none;

    }



    /*--20200722--*/

    .mainright2020 #pdtright .buttonborder {

        display: none;

    }



    /*20200727*/

    .title-index20191121 h2 {

        font-size: 24px;

        line-height: 48px;

    }



    .title-index20191121 p {

        padding-bottom: 0;

    }



    .imgborder {

        text-align: center;

        margin: 20px auto 40px;

        height: 100%;

    }



    .imgborder img {

        border: 1px solid #F0F0F0;

        width: 48%;

        float: left;

        margin-left: 1%;

        margin-bottom: 5px;

    }



    /*解决方案*/

    #jiejuefangan-x {

        width: 100%;

    }



    #jiejuefangan-x #jiejuefangan-xr {

        float: none;

        width: 98%;

        padding: 0;

        margin: 0 1%;

    }



    #jiejuefangan-x #jiejuefangan-xl {

        width: 100%;

        float: none;

        clear: both;

    }



    #jiejuefangan-x #jiejuefangan-xl img {

        width: 48%;

        margin: 20px 1%;

    }



    #jiejuefangan-x #jiejuefangan-xr li span {

        float: none;

        display: none;

    }



    #jiejuefangan-x #jiejuefangan-xr li {

        background: url(../../images/index/t_30.gif) no-repeat 5px 6px;

        margin-bottom: 20px;

        border-bottom: solid 1px #E0E0E0;

        width: 96%;

        margin: 0 2%;

        white-space: nowrap;

        overflow: hidden;

        overflow: ellipsis;

    }



    #zizhi2019index img:nth-child(3) {

        margin-left: 0px;

    }



    #zizhi2019index img + img + img {

        margin-left: 0px;

    }



    #huahuanzuoyong-x {

        height: 100%;

        padding: 0;

    }



    #huahuanzuoyong-x ul {

        float: none;

        width: 100%;

        margin: 0;

    }



    #huahuanzuoyong-x ul li {

        width: 100%;

        line-height: 36px;

        background: url(../images/index/t_30.gif) no-repeat 5px 6px;

        text-align: left;

        text-indent: 1em;

    }



    #hezuohuoban-x {

        width: 100%;

        padding-left: 1%;

        margin-bottom: 10px;

    }



    #hezuohuoban-x img {

        margin: 15px 1%;

        width: 30%;

    }



    /*20200728*/

    /*--选型手册--*/

    #xxsc {

        width: 94%;

        height: 380px;

        padding: 20px 3%;

        margin-bottom: 0px;

    }



    /*--20200801--*/

    /*--banner开始--*/

    #banner {

        display: none;

    }


    .navbg-l-0 {
        display: none;
    }

    .merge {
        width: 100%;
        flex-wrap: wrap;
    }

    #componyindex, #hezuohuoban-x{
        width: 100%;
    }





}





@media (min-width: 415px) {

}



@media (max-width: 580px) {

    .bannerbutton {

        margin: 0 auto;

        display: block;

    }



    .news_list li {

        border-bottom: dashed 1px #D2D2D2;

        height: 120px;

        width: 98%;

        margin-left: 1%;

    }

}



@media (max-width: 330px) {

}





/*移动端顶部菜单栏*/

@-webkit-keyframes ReturnToNormal {

    100% {

        -webkit-transform: translateX(0%) rotate(0deg);

        transform: translateX(0%) rotate(0deg);

    }

}



@keyframes ReturnToNormal {

    100% {

        -webkit-transform: translateX(0%) rotate(0deg);

        transform: translateX(0%) rotate(0deg);

    }

}