@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
body{background: #fff;font-size: 14px;font-family: "微软雅黑";color: #5e5e5e;line-height: 25px;
min-width:1200px;}
a{text-decoration: none;color: #424242;}
li{list-style-type: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.l{width: 1200px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.cl:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl{zoom: 1;}
/*------------------------------------------ 产品
------------------------------------------*/
.magic-background{}
.magic-content{width: 1200px;margin: 0 auto;overflow: hidden;}
.magic-p-title .p5{font-size: 13px;color: #949494;padding-top: 12px;width: 450px;margin: 0 auto;}
.magic-p-title .span-1{margin-top: 11px;margin-left: 73px;}
.magic-p-title .span-2{margin-top: -29px;margin-right: 80px;}
.magic-header{padding-top: 40px;padding-bottom: 30px;text-align: center;}
.magic-header-title{font-size: 30px;color: #4c6de7;font-weight: normal;line-height: 1;}
.magic-header-title p{font-size: 14px;color: #e4e3e3;font-weight: normal;line-height: 25px;}
.magic-tab{padding-top: 25px;font-size: 0;}
.magic-tab-head{width: 832px;margin: 0 auto;}
.magic-tab-head ul li{width: 115px;height: 17px;padding: 10px 0px;margin-left: 25px;color: #4c6ce7;font-size: 16px;line-height: 1;cursor: pointer;float: left;border: 1px solid #fff;}
.magic-tab-head ul li:first-child{margin-left: 0px;}
.magic-tab-head ul .on{width: 115px;height: 17px;padding-top: 10px;background: #4c6ce7;color: #fff;}
.magic-tab-head ul .on a{color: #fff;}
.magic-tab-body > ul{margin-top: 35px;text-align: center;width: 1210px;}
.magic-item-title{text-align: right;float: left;margin-right: 30px;width: 80px;margin-left: -20px;}
.magic-item-text{font-size: 25px;line-height: 1;font-weight: normal;height: 36px;overflow: hidden;}
.magic-item-time{font-size: 14px;color: #999;margin: 0;line-height: 1.8;height: 50px;overflow: hidden;}
.magic-item-info{float: left;width: 355px;text-align: left;}
.magic-item-info p{font-size: 14px;color: #999;margin: 0;line-height: 1.8;height: 50px;overflow: hidden;}
.magic-info-title{font-size: 18px;width: 355px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.magic-info-title a:hover{color: #2f82ff;}
.magic-info-text{vertical-align: middle;}
.case-container{width: 1200px;margin: 0 auto;padding: 0;}
.case-index-title{font-size: 16px;text-align: center;padding: 50px 0;}
.case-index-title h2{font-size: 36px;font-weight: normal;}
.case-index-title a{width: 100px;height: 36px;line-height: 36px;border: 1px solid #DBDCE0;text-align: center;font-size: 14px;display: block;margin: 25px auto 0;transition: all .2s;}
.case-index-title a:hover{background: #F96A69;border-color: #F96A69;color: #fff;}
.case-index-content{position: relative;}
.case-index-content ul{margin-right: -18px;}
.case-example-item{width: 284px;height: 290px;overflow: hidden;margin: 0 18px 18px 0;text-align: center;background: #fff;position: relative;transition: all .2s;}
.case-index-content .ll{float:left; display:inline-block}
.case-example-item a .case-pad{width: 100%;}
/*.case-example-item:nth-child(4n+0){margin-right:0px;}*/
.case-item-info{height: 45px;overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;background: #4c99e7;transition: all .2s;}
.case-info-logo{margin-top: 15px;margin-bottom: -10px;height: 80px;transition: all .2s;}
.case-info-title{font-size: 16px;color: #fff;line-height: 44px;}
.case-info-text{font-size: 14px;color: #666;padding: 0 30px;text-align: left;line-height: 1.8;}
.case-index-content .case-example-item:hover .case-item-info{height: 295px; /*background-color:rgba(76,153,231,0.8);*/}
.case-index-content .case-example-item:hover .case-info-title{line-height: 295px;}
.case-info-text img{margin-left: 20px;margin-top: -28px;}
/*------------------------------------------ 关于
------------------------------------------*/
.h21{text-align: center;font-size: 30px;color: #4c6ce7;line-height: 35px;padding-top: 40px;}
.h21 p{font-size: 14px;color: #e4e3e3;}
.h31{font-size: 13px;text-align: center;color: #949494;padding-bottom: 15px;}
.about-bj{width: 100%;height: auto;overflow: hidden;background: #ecf3f8;padding: 60px 0 50px;}
.about-bj .about-s-l{width: 590px;height: 400px;color: #6a6a6b;text-align: left;font-size: 14px;text-align: justify; padding-top:30px;}
.about-bj .about-s-l p{font-size:15px; text-indent:2em}
.about-sjx{width: 0;height: 0;border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 15px solid #fff;margin: 0 auto;margin-top: -60px;}
.about-bj .about-s-r{padding-top: 50px;}
/*------------------------------------------ 新闻
------------------------------------------*/
.news-l{width: 517px;height: 335px;position: relative;margin: 30px 0 30px;}
.news-l img{width: 100%;}
.news-l .news-text{width: 100%;height: 40px;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 16px;position: absolute;margin-top: -48px;line-height: 40px;text-indent: 1em;}
.news-r{width: 600px;margin: 30px 0;position:relative;}
.news-r .xian{position:absolute; width:1px; height:103%; background-color:#E4E4E4;left: 6px; z-index:-99; top:-12px;}
.news-r h3{font-size: 16px;line-height: 35px;}
.news-r h3 i{margin-right: 1em;color:#E4E4E4}
.news-r a:hover i{color: #4c6de7;}
.news-r p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 560px;margin-left: 2em;color: #999;line-height: 20px;}
.news-r li{margin-bottom: 12px;}
/*------------------------------------------ 案例
------------------------------------------*/
.case-bj{width: 100%;height: auto;overflow: hidden;background: #f5f5f5;padding: 60px 0 50px;}
.two{margin: 10px auto 0px;height: 150px;width: 1200px;overflow: hidden;position: relative;}
.two ul{height: 85px;width: 100000px;position: absolute;left: 0;}/*ul width的宽不能过小*/
.two ul li{display: block;float: left;height: 85px;width: 235px;border: 1px solid #e5e4e4;position: relative;margin:0 5px;
background: #fff;text-align: center;}
.two ul li a{display: inline-block;height: 85px;}
.two ul li img{display: block;width: 100%;height: 85px;}
.foot-ewm{}
.i-news{overflow: hidden;}
.case{width: 103%}
.case ul li{width: 227px;height: 230px;overflow: hidden;float: left;text-align: center;line-height: 30px;margin-right: 13px;}
.case ul li:nth-child(4n+0){margin-right: 0px !important;}
.case ul li p{text-align: center;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case ul li img{width: 100%;height: 196px;border: 1px solid #dbdada;padding: 4px;box-sizing: border-box;}
.i-news{background: #fff;}
.about_left{height: auto;margin-top: 27px;margin-bottom: 20px;box-shadow: 0 0 10px #ccc;}
.about_left_bt{width: 223px;height: 45px;background: #4c99e7;color: #fff;line-height: 45px;text-align: center;}
.about_left_bt span{font-size: 18px;font-family: '微软雅黑';}
.about_left .contact .c{border: #dadada 1px solid;border-top: 0;padding: 10px;font-size: 13px;line-height: 24px;}
.about_left .contact .c img{border: 1px solid #dadada;display: block;padding: 2px;}
.about_left .contact strong{color: #4c99e7;}
.left_nav ul{border: #dadada 1px solid;color: #383838}
.left_nav ul{border-top: 0;font-size: 13px;}
.left_nav ul li{color: #656565;margin: 0 0 0 12px;border-bottom: 1px solid #e4e4e4;line-height: 50px;list-style: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 205px;}
.case{margin-top: 18px;}
.left_nav li:last-child{border: none}
.left_nav li a{font-size: 14px;color: #656565;line-height: 35px;width: 200px}
.left_nav li a:hover, .cover .cover_left li.hover a{color: #4c99e7}
.left_nav li a span{width: 10px;height: 7px;display: inline-block;overflow: hidden;float: right;margin: 14px 10px}
.left_nav li a:hover span, .cover .cover_left li.hover a span{background-position: right -4px}
.left_nav ul li p{line-height: 24px;margin-bottom: 10px;background: #fafafa;display: none;width: 221px !important;padding: 3px 0;}
.left_nav ul li p a{line-height: 24px;width: auto;display: block;}
.about_right{width: 950px;height: auto;float: right;margin-top: 27px;overflow: hidden;font-size: 14px;line-height: 1.5;;min-height: 500px;}
.about_site{height: 38px;border-bottom: 2px solid #4c99e7;overflow: hidden;}
.about_site ul li{line-height: 38px;}
.about_site ul{list-style-type: none;width: 100%}
.about_site ul li.z{float: left}
.about_site ul li.y{float: right;}
.mtw{margin-top: 20px !important;}
.about_site ul li.z span{font-size: 18px;font-family: '微软雅黑';font-weight: 400;color: #888; /*border-left:3px solid #7ec027; padding-left:10px;*/margin-right: 15px;display: block;float: left;}
.about_site ul li.z span.cur{color: #65280a;height: 44px; /*background:url(../images/nav.png) no-repeat center bottom;*/}
.about_lr{height: auto;margin: 0px auto;line-height: 26px;}
.about_lr_p{padding: 0px;line-height: 26px;color: #696969;font-family: "微软雅黑", Arial, Helvetica, sans-serif;font-size: 14px;border-bottom: 1px dashed #b61c25;padding-bottom: 20px;margin-bottom: 20px;min-height: 400px;}
.about_lr .pre, .about_lr .next{width: 49.5%;float: left;text-align: center;margin-bottom: 20px;}
.about_lr .pre{text-align: left;}
.about_lr h2{font-size: 20px;line-height: 50px;text-align: center;}
.about_lr .info{line-height: 24px;border-bottom: 1px dashed;text-align: center;}
.about_lr .next{text-align: right;}
.left_nav_1{width: 253px;height: auto;border: 1px solid #dadada;border-top: #4c4c4c 5px solid;}
.left_nav_1 ul li{width: 233px;height: 40px;border-bottom: 1px solid #e4e4e4;margin: 0 12px;line-height: 40px;font-size: 14px;font-family: "微软雅黑";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left_nav_1 ul li a{padding-left: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #656565}
.gsxw_01{width: 100%;margin-top: 20px;}
.gsxw_011{width: 100%;}
.gsxw_011 img{width: 110px;height: 80px;float: left;margin: 26px 10px 0 24px;display: inline}
.gsxw_01p1{width: 602px;float: left;margin: 26px 0 0 0;}
.gsxw_01p1 a{color: #333333;font-weight: bold;font-size: 12px}
.gsxw_01p2{width: 602px;float: left;line-height: 16px;color: #888888;font-size: 12px;margin: 5px 0 0 0;}
.gsxw_01p3{width: 387px;float: left;margin: 5px 0 0 0}
.gsxw_01p3 a{color: #f49500}
.gsxw_01ul{margin: 10px;display: inline;}
.gsxw_01ul li{width: 100%;float: left;line-height: 40px;}
.gsxw_01ul li a{float: left;color: #333333;font-size: 14px;}
.gsxw_01ul li a:hover{background: url(../images/jt.png) no-repeat left center;color: #4c99e7;}
.gsxw_01ul li span{float: right;color: #333;}
.page{text-align: right;clear: both;}
.page ul{margin: 25px 0;}
.page ul li{display: inline; *display:inline; *zoom:1;}
.page ul li a{display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;background: #F7F7F7;border: 1px solid #E9E9E9;font-size: 12px;margin-bottom: 8px;}
.page ul li a:hover{background: #4c99e7;color: #FFF;text-decoration: none;}
.page ul li.thisclass a{background: #4c99e7;color: #FFF;text-decoration: none;}
.message{margin: 0 auto 20px;}
.message h1{font-family: "微软雅黑", "方正正纤黑简体";font-weight: 100;font-size: 30px;color: #797979;margin: 20px auto;}
.message_ts{font-family: "微软雅黑", "宋体";font-size: 12px;color: #585858;line-height: 20px;padding: 8px;background: #f8f8f8;border: 1px solid #e3e3e3;}
.message_ts span{color: #fd0000;}
.message_con{margin-top: 30px;}
.message_con ul li{height: 64px;}
.message_con ul li label{width: 110px;float: left;font-size: 14px;color: #333333;display: inline-block;text-align: right;padding-right: 5px;}
.message_con ul li input{width: 278px;height: 28px;border: 2px solid #e3e4e8;}
.message_con ul li input:hover{border: 2px solid #d09595;}
.message_con ul li textarea{width: 378px;height: 100px;border: 2px solid #e3e4e8;}
.message_con ul li span{display: inline-block;margin-left: 10px;font-size: 12px;line-height: 20px;color: #fd0000;max-width: 207px;}
.message_con ul li button{width: 94px;height: 34px;border: 0;line-height: 34px;text-align: center;background: #e50011;font-size: 18px;color: #fff;cursor: pointer;margin-top: 60px;}
.message_con ul li .tipinfo{display: inline-block;font-size: 12px;color: #f00;margin-left: 6px;}
.message_con ul li{height: auto;min-height: 64px;}
.message_con ul li .btn_submit{background: none repeat scroll 0 0 #e50011;border: 0 none;color: #FFFFFF;cursor: pointer;font-size: 18px;height: 34px;line-height: 34px;text-align: center;width: 94px;margin-left: 115px;margin-top: 20px;}
.message_con ul li .btn_submit:hover{border: 0;}
.fwzc_wd ul li{border-bottom: #CCC 1px solid; height: 162px; padding: 20px 0; overflow: hidden;}
.fwzc_wd ul li .left{float: left;}
.fwzc_wd ul li .left img{width: 246px; height: 160px;}
.fwzc_wd ul li .right{float: right; width: 640px; margin-left: 30px;}
.fwzc_wd ul li .right h3{color: #3599cb; font-size: 15px; margin-top: 10px;}
.fwzc_wd ul li .right p.p1{font-size: 14px; margin-top: 16px; line-height: 26px;}
.fwzc_wd ul li .right p.p2{margin-top: 10px;}
.fwzc_wd ul li .right h3 span{float: right; color: #CCC; font-weight: 100;}
.fwzc_wd ul li .right h3 a{color: #3599cb;}
.fwzc_wd ul li .right p.p2 a{font-size: 14px; color: #3599cb; font-weight: bold;}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.cpxq-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-top:30px;}
.cpxq-img{width: 35%;overflow:hidden;}
.cpxq-text{width: 60%;}
.cpxq-text h2{font-size:18px;text-align:left;color:#333;}
.cpxq-jianjie{width: 100%;margin-top: 20px;}
.cpxq-jianjie h4{font-size: 14px;color: #333;}
.cpxq-jianjie-p p{font-size: 14px;color: #666;line-height: 25px;}
.cpxq-zxzh{position:relative;margin-top:20px;width: 120px;height: 45px;}
.cpxq-zxzh a{display: block;width: 120px;height: 45px;line-height: 45px;background:#3599cb;color:#fff;font-size:16px;text-align: center;}
.cpxq-zxzh figure{position:absolute;display:none;width:120px;height:120px;border:1px solid #eee;bottom:45px;}
.cpxq-zxzh figure img{width: 100%;}
.cpxq-zxzh:hover figure{display:block;}
.cpxq-nr{width: 100%;margin-top: 30px;border: 1px solid #ececec;}
.cpxq-nr .cpxq-nr-bt{width: 100%;background: #f5f5f5;}
.cpxq-nr .cpxq-nr-bt h3{padding: 5px 15px;background: #fff;display: block;width: 120px;text-align: center;border-top:2px solid #3599cb;
color: #3599cb;}
.cpxq-nr-p{width: 100%;padding: 15px;box-sizing: border-box;}
.cpxq-nr-p img{max-width: 100%;}
.cpxq-img .zoom-container{position: relative;overflow: hidden;display: inline-block;width: 100%;}
.cpxq-img .zoom-container .zoom-image{width: 100%;transition: transform 0.3s ease;}
.cpxq-img .zoom-container:hover .zoom-image{transform: scale(2);}
.cpxq-img .zoom-container:hover{cursor: crosshair;}
.cpxq-img .mySwiper2{width: 99%;border: 1px solid #eee;}
.cpxq-img .mySwiper2 .swiper-wrapper{}
.cpxq-img .mySwiper2 .swiper-slide{}
.cpxq-img .mySwiper{width: 100%;margin-top:15px;}
.cpxq-img .mySwiper .swiper-slide{width:22.5%;border: 1px solid #eee;overflow:hidden;cursor:pointer;}
.cpxq-img .mySwiper .swiper-slide img{width: 100%;}

body {
    transition: zoom 0.3s; /* 添加过渡效果 */
}

@media (max-width: 1500px) {
    body {
        zoom: 0.98; /* 设置缩放 */
    }
}