@charset "utf-8";
/* CSS Document */
body, td, th { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; color: #353535; }
input { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; }
body, form { margin: 0px; width: 100%; }

a:link { color: #353535; text-decoration: none; }
a:visited { text-decoration: none; color: #353535; }
a:hover { text-decoration: none; color: #353535; }
a:active { text-decoration: none; color: #353535; }
img { border: 0px; }
ul, li, dl, dt, dd, p { margin: 0px; padding: 0px; list-style: none; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

.green, a.green { color: #ff2940; }
.orange, a.orange { color: #ff6600; }
.blue, a.blue { color: #0978b0; }
.red, a.red { color: #ff2940; }
input[type=text], input[type=button], input[type=submit], textarea { outline: none; -webkit-appearance: none; }

@media screen and (min-width:1200px) {
    body { width: 100%; min-width: 1200px; padding-top: 185px; }
    .container { width: 1200px; margin: 0px auto; overflow: hidden; }
    .header.fixed { position: fixed; top: -135px; left: 0; }

    .header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; }
    .header .webcomebar { background: #f5f5f5; line-height: 35px; }
    .header .webcomebar .container { display: flex; justify-content: space-between; color: #888; font-size: 12px; }

    .header .logobar { display: flex; align-items: center; justify-content: space-between; align-items: center; height: 100px; }
    .header .logobar .logo { display: flex; align-items: center; }
    .header .logobar .logo img { }
    .header .logobar .logo p { color: #ff2940; font-style: italic; font-size: 14px; margin-left: 30px; font-weight: bold; }
    .header .logobar .search { border: 1px solid #ff2940; display: flex; }
    .header .logobar .search input[type=text] { border: none; width: 260px; height: 38px; padding: 0px 15px; }
    .header .logobar .search button { border: none; padding: 0px 20px; background: #ff2940; color: #fff; }
    .header .logobar .search button i { margin-right: 5px; }
    .header .navbar { background: #1e1d20; }
    .header .navbar .nav_switch { display: none; }
    .header .navbar .nav { }
    .header .navbar .nav .closenav { display: none; }
    .header .navbar .nav ul { margin: 0px auto; width: 1200px; display: flex; }
    .header .navbar .nav ul li { flex: 1; }
    .header .navbar .nav ul li.lan { display: none; }
    .header .navbar .nav ul li a { display: block; line-height: 50px; text-align: center; font-size: 16px; color: #fff; position: relative; }
    .header .navbar .nav ul li a.current, .header .navbar .nav ul li a.hover, .header .navbar .nav ul li a:hover { background: linear-gradient(to bottom, #ff3d61 0%, #ff1827 90%,#b20f19 91%, #b20f19 100%); }

    .p-productcenter { margin: 80px 0px; display: flex; justify-content: space-between; }
    .p-productcenter .data { display: none; }
    .p-productcenter .brand { background: #f7f7f7; width: 320px; }
    .p-productcenter .brand dl { padding: 40px 20px; }
    .p-productcenter .brand dl dt { font-size: 20px; font-weight: bold; line-height: 20px; }
    .p-productcenter .brand dl dt:after { display: block; margin-top: 10px; content: ''; width: 40px; height: 4px; overflow: hidden; background: #ff2940; }
    .p-productcenter .brand dl dd { overflow: hidden; margin-left: -10px; margin-top: 5px; }
    .p-productcenter .brand dl dd a { display: block; float: left; width: 130px; margin-left: 10px; margin-top: 10px; text-align: center; line-height: 30px; border: 1px solid #ddd; }
    .p-productcenter .brand dl.active { background: #eee; }
    .p-productcenter .brand dl.active dd a { background: #fff; border: 1px solid #fff; }
    .p-productcenter .brand dl dd a.active { background: #ff2940; color: #fff; border: 1px solid #ff2940; }
    .p-productcenter .category { width: 835px; padding: 40px 0px; }
    .p-productcenter .category .dt1 { font-weight: bold; font-size: 18px; line-height: 20px; }
    .p-productcenter .category .dt1:before { display: block; float: left; margin-right: 10px; content: ''; width: 4px; height: 20px; overflow: hidden; background: #ff2940; }
    .p-productcenter .category .dd1 { overflow: hidden; margin-left: -20px; }
    .p-productcenter .category .dd1 a { display: block; float: left; width: 263px; line-height: 40px; margin-left: 20px; margin-top: 20px; border: 1px solid #ddd; text-align: center; }
    .p-productcenter .category .dd1 a.active { background: #ff2940; color: #fff; border: 1px solid #ff2940; }
    .p-productcenter .category .dt2 { font-weight: bold; font-size: 16px; margin-top: 40px; line-height: 16px; }
    .p-productcenter .category .dt2:before { display: block; float: left; margin-right: 10px; content: ''; width: 4px; height: 16px; overflow: hidden; background: #ff2940; }
    /*.p-productcenter .category .dd2 { column-count: 3; column-gap: 20px; margin-top: 20px; }
    .p-productcenter .category .dd2 a { display: block; }
    .p-productcenter .category .dd2 .a1 { padding: 10px 0px; color: #888; }
    .p-productcenter .category .dd2 .a1:after { margin-left: 5px; font-family: "iconfont" !important; content: "\e637"; }
    .p-productcenter .category .dd2 .a2 { line-height: 25px; font-size: 12px; color: #00669b; }*/
    .p-productcenter .category .dd2 { background: #f5f5f5; margin-top: 15px; padding: 20px 20px; line-height: 25px; display: flex; flex-direction: column; }
    .p-productcenter .category .dd2 .a1 { color: #00669b; }
    .p-productcenter .category .dd2 .a1:after { margin-left: 5px; font-family: "iconfont" !important; content: "\e637"; }
    .p-productcenter .category .dd2 p { display: flex; flex-wrap: wrap; margin-left: -15px; margin-top: 10px; }
    .p-productcenter .category .dd2 p a { margin-left: 15px; font-size: 12px; }



    .p-index { }

    .p-index .tit1 { }
    .p-index .tit1 h2 { font-size: 24px; text-align: center; }
    .p-index .tit1 h3 { display: none; }
    .p-index .banner .swiper-container { position: relative; }
    .p-index .banner .swiper-container .swiper-pagination-bullets { width: auto; right: 50%; bottom: 50px; display: flex; justify-content: flex-end; margin-right: -310px; }
    .p-index .banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; border: 1px solid #ddd; border-radius: 5px; opacity: 1; margin: 0px 0px 0px 10px; background: #fff; }
    .p-index .banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 16px; background: #ff2940; border: 1px solid #ff2940; opacity: 1; opacity: 1; }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide { position: relative; z-index: 2; padding-bottom: 50px; }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide p { position: absolute; z-index: 1; left: 50%; bottom: 10px; margin-left: -340px; width: 680px; height: 250px; background: #fff; box-shadow: 0 0 15px #ddd; }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide p span { margin: 30px 40px 0px 40px; display: block; font-size: 40px; font-weight: bold; }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide p a { display: block; position: absolute; left: 40px; bottom: 40px; border: 1px solid #ff2940; color: #ff2940; padding: 3px 5px; }
    .p-index .banner .swiper-container .swiper-button { display: none; }
    .p-index .banner-wap { display: none; }

    .p-index .product { padding: 80px 0px; }
    .p-index .product .list-tit { margin-top: 40px; display: flex; justify-content: center; line-height: 40px; }
    .p-index .product .list-tit a { border: 1px solid #ddd; padding: 0px 40px; margin: 0px 15px; }
    .p-index .product .list-tit a.current { border: 1px solid #ff2940; background: #ff2940; color: #fff; }
    .p-index .product .list { width: 1200px; margin: 40px auto 0px auto; display: flex; }

    .p-index .product .list .item { flex: 1; position: relative; transition: all .3s; }
    .p-index .product .list .item:nth-child(n+5) { display: none; }
    .p-index .product .list .item img { display: block; width: 100%; }
    .p-index .product .list .item .child { position: absolute; top: 0px; left: 0px; bottom: 70px; right: 0px; background: rgba(0,0,0,.8); flex-direction: column; justify-content: center; display: none; }
    .p-index .product .list .item .child a { margin: 0px 30px; line-height: 35px; color: #888; }
    .p-index .product .list .item .child a:before { color: #ff2940; margin-right: 5px; }
    .p-index .product .list .item .child a:hover { color: #ff2940; }
    .p-index .product .list .item .category { line-height: 20px; background: rgba(0,0,0,.8); height: 70px; overflow: hidden; }
    .p-index .product .list .item .category { }
    .p-index .product .list .item .category h2 { text-align: center; font-size: 16px; color: #fff; margin-top: 10px; }
    .p-index .product .list .item .category:after { content: ''; position: absolute; left: 50%; bottom: 32px; margin-left: -10px; height: 2px; width: 20px; background: #fff; overflow: hidden; opacity: .8; }
    .p-index .product .list .item .category h3 { margin-top: 10px; text-align: center; font-size: 12px; font-weight: normal; color: #fff; opacity: .7; }
    .p-index .product .list .item:hover { transform: translateY(-20px); box-shadow: 0 0 10px #666; }
    .p-index .product .list .item:hover:before { position: absolute; left: 3px; bottom: -5px; display: block; content: ''; width: 60%; height: 5px; overflow: hidden; background: #b20f19; transform: skewX(-135deg); }

    .p-index .product .list .item:hover:after { position: absolute; right: 3px; bottom: -5px; display: block; content: ''; width: 60%; height: 5px; overflow: hidden; background: #b20f19; transform: skewX(-45deg); }
    .p-index .product .list .item:hover .child { display: flex; }
    .p-index .product .list .item:hover .category { background: #ff2940; }

    .p-index .solution { background: #f5f5f5; padding: 80px 0px; }
    .p-index .solution .container{ overflow: visible; }
    .p-index .solution .list { margin-left:-60px;}
    .p-index .solution .list .item { float: left; margin-top: 30px; width: 360px; height: 300px; margin-left: 60px; text-align: center; transition: all .3s; }
    .p-index .solution .list .item img { display: block; margin: 40px auto 0px auto; height: 90px; }
    .p-index .solution .list .item h2 { margin-top: 30px; font-size: 18px; }
    .p-index .solution .list .item p { margin: 10px 30px 0px 30px; color: #888; line-height: 25px; }
    .p-index .solution .list .item i { display: block; margin-top: 10px; color: #ff2940; }
    .p-index .solution .list .item:hover { background: #fff; box-shadow: 0 0 10px #ddd; border-radius: 10px; }
    .p-index .solution .list .item:hover h2 { color: #ff2940; }


    .p-index .productsupport { padding: 80px 0px; background: url(/content/home/images/img1_15.jpg) no-repeat center center; background-size: cover; }
    .p-index .productsupport .tit1 h2 { color: #fff; }
    .p-index .productsupport .summary { color: #fff; opacity: .9; width: 800px; margin: 30px auto 0px auto; line-height: 25px; }
    .p-index .productsupport .summarywap { display: none; }
    .p-index .productsupport .list { display: flex; justify-content: center; margin-top: 40px; }
    .p-index .productsupport .list .item { box-sizing: border-box; margin: 0px 30px; width: 180px; height: 180px; background: #fff; overflow: hidden; border-radius: 50%; text-align: center; }
    .p-index .productsupport .list .item i { margin-top: 25px; display: block; line-height: 50px; font-size: 40px; }
    .p-index .productsupport .list .item h2 { margin-top: 10px; font-size: 18px; font-weight: normal; }
    .p-index .productsupport .list .item h3 { color: #888; font-weight: normal; font-size: 12px; }
    .p-index .productsupport .list .item:after { display: block; font-size: 20px; margin-top: 10px; font-family: "iconfont" !important; content: "\e666"; color: #ff2940; }
    .p-index .productsupport .list .item:hover { background: linear-gradient(to bottom, #ff3d61, #ff1827 ); border-bottom: 5px solid #b20f19; }
    .p-index .productsupport .list .item:hover i { color: #fff; }
    .p-index .productsupport .list .item:hover h2 { color: #fff; }
    .p-index .productsupport .list .item:hover h3 { color: #eee; }
    .p-index .productsupport .list .item:hover:after { color: #fff; }
    .p-index .about { padding: 80px 0px; }
    .p-index .about { }
    .p-index .about .swiper-container { float: left; width: 500px; margin-top: 40px; position: relative; overflow: hidden; }
    .p-index .about .swiper-container { }
    .p-index .about .swiper-container .swiper-pagination-bullets { bottom: 20px; }
    .p-index .about .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 5px; background: #fff; }
    .p-index .about .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ff2940; opacity: 1; }
    .p-index .about .swiper-container .swiper-wrapper .swiper-slide { }
    .p-index .about .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; }
    .p-index .about .swiper-container .swiper-button { display: none; }
    .p-index .about .content { margin-left: 560px; margin-top: 40px; }
    .p-index .about .content-wap { display: none; }

    .p-inner { }
    .p-inner .navbar2 { }
    .p-inner .navbar2 a { display: block; float: left; padding: 0px 30px; line-height: 50px; }
    .p-inner .navbar2 a.current, .p-inner .navbar2 a:hover { background: #ff2940;  color:#fff;}
    .p-inner .banner-wap { display: none; }
    .p-inner .banner img { display: block; width: 100%; }
    .p-about { padding: 80px 0px; line-height: 200%; }
    .p-about-wap { display: none; }

    .p-partners { padding: 40px 0px 80px 0px; }
    .p-partners .list { overflow: hidden; margin-left: -40px; }
    .p-partners .item { float: left; border: 1px solid #ddd; width: 268px; margin-left: 40px; margin-top: 40px; line-height: 20px; }
    .p-partners .item img { background: #fff; border-bottom: 1px solid #eee; display: block; width: 240px; height: 140px; padding: 14px; }
    .p-partners .item h2 { margin: 14px 14px 0px 14px; font-size: 14px; height: 20px; overflow: hidden; }
    .p-partners .item p { margin: 10px 14px 14px 14px; color: #888; height: 60px; overflow: hidden; }
    .p-partners .item:hover { background: #1e1d20; }
    .p-partners .item:hover h2 { color: #fff; }

    .p-recruit { padding: 80px 0px; }
    .p-recruit .list { }
    .p-recruit .list .item { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; overflow: hidden; padding: 40px; line-height: 25px; }
    .p-recruit .list .item:first-child { border-top: 1px solid #ddd; }
    .p-recruit .list .item .position { font-size: 22px; }
    .p-recruit .list .item .experience { margin-top: 10px; color: #888; }
    .p-recruit .list .item .duty { margin-top: 10px; }
    .p-recruit .list .item duty-wap { display: none; }
    .p-recruit .list .item .view { display: block; margin-top: 10px; float: left; color: #888; }
    .p-recruit .list .item .view:after { margin-left: 5px; font-family: "iconfont" !important; content: "\e637"; }
    .p-recruit .list .item .view:hover { color: #ff2940; }

    .p-recruitdetail { padding: 80px 0px; }
    .p-recruitdetail .position { font-size: 24px; }
    .p-recruitdetail .experience { margin-top: 15px; color: #888; }
    .p-recruitdetail .duty-tit { margin-top: 30px; font-size: 16px; font-weight: bold; }
    .p-recruitdetail .duty { margin-top: 10px; line-height: 200%; }

    .p-newscenter { padding: 80px 0px; }
    .p-newscenter .list .item { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; overflow: hidden; padding: 40px; }
    .p-newscenter .list .item:first-child { border-top: 1px solid #ddd; }
    .p-newscenter .list .item img { float: left; width: 240px; }
    .p-newscenter .list .item .title { margin-left: 270px; font-size: 22px; margin-top: 10px; }
    .p-newscenter .list .item .summary { margin-left: 270px; margin-top: 10px; line-height: 25px; }
    .p-newscenter .list .item .time { margin-left: 270px; margin-top: 10px; color: #888; }
    .p-newscenter .list .item:hover .title { color: #ff2940; }

    .p-newsdetail { border: 1px solid #ddd; margin: 80px 0px; }
    .p-newsdetail .title { text-align: center; margin: 60px 40px 0px 40px; font-size: 24px; }
    .p-newsdetail .time { text-align: center; margin-top: 20px; color: #888; }
    .p-newsdetail .content { padding: 30px 40px; line-height: 200%; }
    .p-newsdetail .contentwap { display: none; }
    .p-newsdetail .siblings { border-top: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; }
    .p-newsdetail .siblings a.prev:before { margin-right: 10px; font-family: "iconfont" !important; content: "\e63b"; }
    .p-newsdetail .siblings a.next:after { margin-left: 10px; font-family: "iconfont" !important; content: "\e637"; }
    .p-newsdetail .siblings span { color: #888; }
    .p-newsdetail .siblings .back { background: #ff2940; width: 30px; line-height: 16px; text-align: center; padding: 15px 15; color: #fff; }


    .p-productcategory { width: 1200px; margin: 0px auto; padding: 80px 0px; }
    .p-productcategory .category1 { display: flex; align-items: center; }
    .p-productcategory .category1 dt { }
    .p-productcategory .category1 dd { display: flex; line-height: 28px; align-items: center; }
    .p-productcategory .category1 dd .current { border: 1px solid #ff2940; color: #ff2940; padding: 0px 15px; }
    .p-productcategory .category1 dd a { margin-left: 15px; }
    .p-productcategory .category1 dd select { display: none; }
    .p-productcategory .category1.category2 { margin-top: 20px; }
    .p-productcategory .category3 { border-top: 1px solid #ddd; margin-top: 20px; }
    .p-productcategory .category3 dt { text-align: center; font-size: 20px; font-weight: bold; margin-top: 40px; }
    .p-productcategory .category3 dd { display: flex; justify-content: center; margin-top: 40px; }
    .p-productcategory .category3 dd .current { background: #ff2940; }
    .p-productcategory .category3 dd a { line-height: 30px; background: #1e1d20; color: #fff; margin: 0px 10px; padding: 0px 10px; font-size: 12px; }
    .p-productcategory .category4 { margin-left: -60px; display: flex; flex-wrap: wrap; }
    .p-productcategory .category4 .item { width: 360px; margin-left: 60px; margin-top: 60px; overflow: visible; }
    .p-productcategory .category4 .item .content { }
    .p-productcategory .category4 .item .content .pic { }
    .p-productcategory .category4 .item .content img { display: block; width: 100%; }
    .p-productcategory .category4 .item .content .desc { }
    .p-productcategory .category4 .item .content h2 { font-size: 18px; font-weight: bold; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-productcategory .category4 .item .content p { margin-top: 10px; height: 75px; line-height: 25px; color: #888; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
    .p-productcategory .category4 .item .content .viewchild { margin-top: 20px; display: block; line-height: 28px; width: 100px; text-align: center; border: 1px solid #ddd; color: #555; }
    .p-productcategory .category4 .item .content .viewchild:after { font-family: "iconfont" !important; content: "\e637"; transform: rotate(90deg); margin-left: 5px; display: inline-block; }
    .p-productcategory .category4 .item .content .viewchild.active { color: #ff2940; border: 1px solid #ff2940; }
    .p-productcategory .category4 .item .content .viewchild.active:after { transform: rotate(-90deg); }
    .p-productcategory .category4 .item a.view { margin-top: 20px; display: block; width: 80px; text-align: center; line-height: 30px; background: #1e1d20; color: #fff; }
    .p-productcategory .category4 .item a.view:hover { background: #ff2940; }
    .p-productcategory .category4 .item .child { width: 1200px; margin-top: 20px; padding-bottom: 30px; background: #f7f7f7; display: none; overflow: hidden; }
    .p-productcategory .category4 .item .child .item { width: 262.5px; margin-left: 30px; float: left; margin-top: 30px; }
    .p-productcategory .category4 .item .child .item h2 { font-size: 16px; }
    .p-productcategory .category4 .item:nth-child(3n+2) .child { margin-left: -420px; }
    .p-productcategory .category4 .item:nth-child(3n+3) .child { margin-left: -840px; }

    .p-productlist { padding: 80px 0px; }
    .p-productlist .category { }
    .p-productlist .category .path { border-bottom: 1px solid #ddd; color: #888; padding-bottom: 10px; }
    .p-productlist .category .path a { text-decoration: underline; }
    .p-productlist .category h2 { font-size: 20px; margin-top: 40px; }
    .p-productlist .category p { margin-top: 20px; line-height: 25px; }
    .p-productlist .list-tit { font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 40px; }
    .p-productlist .list-tit:before { content: ''; display: block; float: left; width: 4px; height: 18px; overflow: hidden; background: #ff2940; margin-right: 10px; }
    .p-productlist .list { margin-top: 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
    .p-productlist .list .item { display: flex; border-bottom: 1px solid #ddd; padding: 20px 40px; line-height: 25px; }
    .p-productlist .list .item .no { }
    .p-productlist .list .item .title { margin-left: 40px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-productlist .list .item .title a { color: #ff2940; }
    .p-productlist .list .item .summary { flex: 1; margin-left: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-productlist .list .item .view { margin-left: 40px; padding: 0px 10px; background: #1e1d20; color: #fff; }
    .p-productlist .list .item .view:hover { background: #ff2940; }
    .p-productlist .pagerhtml { }


    .p-productdetail { padding: 80px 0px; }
    .p-productdetail .category { }
    .p-productdetail .category .path { border-bottom: 1px solid #ddd; color: #888; padding-bottom: 10px; }
    .p-productdetail .category .path a { text-decoration: underline; }
    .p-productdetail .pics { margin-top: 40px; float: left; width: 450px; position: relative; }
    .p-productdetail .pics img.big { display: block; width: 100%; }
    .p-productdetail .pics .swiper-container { position: relative; overflow: hidden; height: 50px; margin: 10px 30px 0px 30px; }
    .p-productdetail .pics .swiper-container .swiper-pagination-bullets { display: none; }
    .p-productdetail .pics .swiper-container .swiper-wrapper .swiper-slide { box-sizing: border-box; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; opacity: .7; cursor: pointer; }
    .p-productdetail .pics .swiper-container .swiper-wrapper .swiper-slide img { display: block; max-width: 64px; max-height: 44px; }
    .p-productdetail .pics .swiper-container .swiper-wrapper .swiper-slide.current { border: 1px solid #ff2940; opacity: 1; }
    .p-productdetail .pics .swiper-button { position: absolute; bottom: 0px; top: auto; margin: 0px; height: 50px; line-height: 50px; font-size: 25px; font-weight: bold; background: none; }
    .p-productdetail .pics .swiper-button:hover { }
    .p-productdetail .pics .swiper-button-next { right: 0px; }
    .p-productdetail .pics .swiper-button-prev { left: 0px; }
    .p-productdetail .title { margin-left: 490px; margin-top: 40px; font-size: 24px; color: #ff2940; font-weight: bold; }
    .p-productdetail .summary { margin-left: 490px; margin-top: 15px; line-height: 25px; }
    .p-productdetail .down { margin-left: 490px; margin-top: 30px; overflow: hidden; }
    .p-productdetail .down a { float: left; display: block; margin-right: 10px; line-height: 30px; border: 1px solid #ff2940; color: #ff2940; padding: 0px 10px; }
    .p-productdetail .down a i { margin-left: 5px; font-size: 12px; }
    .p-productdetail .params-tit { clear: both; font-size: 18px; font-weight: bold; line-height: 18px; padding-top: 40px; }
    .p-productdetail .params-tit:before { content: ''; display: block; float: left; width: 4px; height: 18px; overflow: hidden; background: #ff2940; margin-right: 10px; }
    .p-productdetail .params { clear: both; padding-top: 20px; }
    .p-productdetail .params table { width: 100%; }
    .p-productdetail .params tr { display: flex; }
    .p-productdetail .params td { flex: 2; border-bottom: 1px solid #ddd; border-left: 1px solid #fff; padding: 10px; }
    .p-productdetail .params td p { word-break: break-all; }
    .p-productdetail .params tr:first-child td { background: #999; color: #fff; text-align: center; padding: 2px 10px; }
    .p-productdetail .params td:first-child { flex: 1; background: #eee; border-left: 0px; }

    .p-solution { padding: 35px 0px 80px 0px; }
    .p-solution .list { margin-left: -45px; display: flex; flex-wrap: wrap; }
    .p-solution .list .item { margin-left: 45px; margin-top: 45px; width: 370px; background: #f7f7f7; }
    .p-solution .list .item img { display: block; width: 100%; }
    .p-solution .list .item h2 { padding: 30px 40px 10px 40px; font-size: 24px; font-weight: normal; }
    .p-solution .list .item p { padding-bottom: 20px; }
    .p-solution .list .item p a { display: block; margin: 0px 20px; line-height: 55px; padding: 0px 20px; font-size: 16px; }
    .p-solution .list .item p a:after { float: right; font-family: "iconfont" !important; content: "\e666"; color: #ff2940; font-weight: bold; font-size: 20px; }
    .p-solution .list .item p a:hover { background: #1e1e20; color: #fff; }

    .p-solutiondetail { }
    .p-solutiondetail .swiper-container { overflow: hidden; position: relative; }
    .p-solutiondetail .swiper-container .swiper-pagination-bullets { }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide { padding-bottom: 80px; background: #fff; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .banner { background: #f7f7f7; display: flex; align-items: center; position: relative; z-index: 0; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .banner img { display: block; width: 50%; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .banner .desc { flex: 1; padding: 0px 40px; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .banner .desc h1 { font-size: 30px; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .banner .desc h2 { font-size: 18px; margin-top: 60px; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .banner .desc p { margin-top: 20px; line-height: 25px; padding-bottom: 40px; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .tit1 { margin-top: 40px; font-size: 24px; color: #ff2940; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .case { line-height: 200%; margin-top: 30px; }
    .p-solutiondetail .swiper-container .swiper-wrapper .swiper-slide .case-wap { display: none; }
    .p-solutiondetail .swiper-button-box { position: absolute; left: 50%; bottom: 20px; margin-left: 40px; display: flex; align-items: center; }
    .p-solutiondetail .swiper-button-box .swiper-pagination { position: static; margin: 0px; }
    .p-solutiondetail .swiper-button-box .swiper-button { position: static; font-size: 36px; background: none; font-weight: bold; margin: 0px; width: auto; height: auto; text-align: center; }
    .p-solutiondetail .swiper-button-box .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 5px; }
    .p-solutiondetail .swiper-button-box .swiper-pagination .swiper-pagination-bullet-active { background: #ff2940; }
    .p-solutiondetail .swiper-button:hover { }
    .p-solutiondetail .swiper-button-next:before { font-family: "iconfont" !important; content: "\e637"; }
    .p-solutiondetail .swiper-button-prev:before { font-family: "iconfont" !important; content: "\e63b"; }

    .p-message { padding: 80px 0px; overflow: hidden; }
    .p-message img.webcome { display: block; float: left; width: 380px; }
    .p-message .desc { margin-left: 430px; margin-top: 20px; color: #888; line-height: 25px; text-indent: 2em; }
    .p-message .form { margin-left: 430px; }
    .p-message .form dl { overflow: hidden; line-height: 35px; margin-top: 15px; }
    .p-message .form dl dt { float: left; width: 80px; text-align: right; }
    .p-message .form dl dd { float: left; margin-left: 15px; display: flex; }
    .p-message .form dl dd input[type=text] { border: 1px solid #ddd; width: 280px; height: 35px; line-height: 33px; padding: 0px 10px; }
    .p-message .form dl dd input[type=text].short { width: 120px; }
    .p-message .form dl dd img { margin-left: 10px; height: 35px; cursor: pointer; }
    .p-message .form dl dd textarea { border: 1px solid #ddd; width: 480px; height: 90px; line-height: 23px; padding: 5px 10px; resize: none; }
    .p-message .form input[type=button] { margin-left: 95px; margin-top: 20px; padding: 0px 30px; height: 40px; border: none; background: linear-gradient(to bottom, #ff3d61 0%, #ff1827 90%,#b20f19 91%, #b20f19 100%); color: #fff; }

    .p-technicalsupport { }
    .p-technicalsupport .form { width: 1000px; margin: 0px auto; }
    .p-technicalsupport .form dl dt { width: 60px; }
    .p-technicalsupport .form dl dd input[type=text] { width: 240px; }
    .p-technicalsupport .form dl dd input[type=text].short { width: 120px; }
    .p-technicalsupport .form dl dd textarea { width: 560px; height: 220px; }
    .p-technicalsupport .desc { margin-left: 0px; text-indent: 0em; }
    .p-technicalsupport .form input[type=button] { margin-left: 0px; }

    .p-download { padding: 60px 0px 80px 0px; }
    .p-download .search { }
    .p-download .search .row { margin-top: 20px; display: flex; margin-left: -20px; }
    .p-download .search select { margin-left: 20px; border: 1px solid #ddd; height: 40px; width: 100%; padding: 0px 10px 0px 16px; }
    .p-download .search input[type=text] { margin-left: 20px; box-sizing: border-box; border: 1px solid #ddd; width: 466px; height: 40px; padding: 0px 20px; line-height: 38px; }
    .p-download .search button { margin-left: 20px; border: none; padding: 0px 20px; background: #ff2940; color: #fff; }
    .p-download .search button i { margin-right: 5px; }
    .p-download { }
    .p-download .list-tit { margin-top: 40px; background: #eee; line-height: 40px; display: flex; }
    .p-download .list-tit a { padding: 0px 20px; }
    .p-download .list-tit a.current { background: #ff2940; color: #fff; }
    .p-download .list { }
    .p-download .list .item { display: flex; padding: 20px 0px; border-bottom: 1px solid #ddd; }
    .p-download .list .item .title { width: 140px; }
    .p-download .list .item .summary { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-download .list .item .extension { margin-left: 30px; width: 100px; color: #888; }
    .p-download .list .item .size { width: 100px; color: #888; }
    .p-download .list .item .down { color: #ff2940; padding: 0px 10px; }


    .footer { }
    .footer .contact { background: #ddd; position: relative; }
    .footer .contact:before { content: ''; position: absolute; z-index: 0; left: 0px; top: 0px; bottom: 0px; right: 50%; margin-right: 270px; background: linear-gradient(to bottom, #ff3d61, #ff1827 ); }
    .footer .contact dl { position: relative; z-index: 1; display: flex; align-items: center; height: 160px; }
    .footer .contact dl dt { width: 300px; float: left; text-align: right; padding-right: 30px; }
    .footer .contact dl dt h2 { font-size: 20px; color: #fff; }
    .footer .contact dl dt p { color: #fff; opacity: .5; margin-top: 5px; }

    .footer .contact dl dd { flex: 1; margin-left: 40px; }
    /*.footer .contact dl dd { flex: 1; display: flex; justify-content: space-around; }
    .footer .contact dl dd p { font-size: 14px; line-height: 60px; color: #333; }
    .footer .contact dl dd p i { float: left; font-size: 30px; color: #888; margin-right: 10px; }*/
    .footer .copyright { background: #1e1e20; color: #666; padding: 60px 0px; }
    .footer .copyright a { color: #666; }
    .footer_wap { display: none; }

    .pagerhtml { line-height: 35px; padding-top: 40px; display: flex; justify-content: center; }
    .pagerhtml .custominfo { display: none; }
    .pagerhtml a { display: inline-block; background: #eee; padding: 0px 15px; margin: 0px 5px; }
    .pagerhtml a.current, .pagerhtml a:hover { background: #ff2940; color: #fff; }
    .pagerhtml a.disabled { background: #eee; color: #888; }
}