/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .7s;transition:all .7s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;font-family:Arial;

*/

/* 公用标题 */





/* 产品中心 */
.box_01{width:100%;height:auto;padding:80px 0;background:#fff;overflow:hidden;}

.box_01 .h_title{width:400px;height:auto;text-align:center;margin:0 auto;}

.box_01 .h_title span{display:block;width:400px;height:26px;background:url(../images/pro_bt.png) center center no-repeat;}

.box_01 .h_title h3{width:100px;height:30px;font-size:18px;color:#666;line-height:20px;font-weight:bold;margin:20px auto 0 auto;border-bottom:solid 1px #bfbfbf;}

.box_01 .h_title h3 a{display:block;color:#666;}

.box_01 .pro-center{width:1200px;height:auto;margin:40px auto 0 auto;overflow:hidden;}

.box_01 .pro-center .hd{width:1200px;height:260px;}

.box_01 .pro-center .hd ul{width:1200px;height:260px;}

.box_01 .pro-center .hd ul li{width:200px;height:260px;margin-right:50px;float:left;cursor:pointer;overflow:hidden;text-align:center;}

.box_01 .pro-center .hd ul li:last-child{margin-right:0;}

.box_01 .pro-center .hd ul li .yuan{width:170px;height:170px;border:solid 2px #02b2b5;padding:13px;background:#fff;border-radius:50%;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro-center .hd ul li.on .yuan{border:solid 2px #d6d6d6;background:#d6d6d6;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro-center .hd ul li .yuan .icon{width:170px;height:170px;border-radius:50%;overflow:hidden;position:relative;}

.box_01 .pro-center .hd ul li:nth-of-type(1) .yuan .icon{background:url(../images/pro_01.jpg) center center no-repeat;}

.box_01 .pro-center .hd ul li:nth-of-type(2) .yuan .icon{background:url(../images/pro_02.jpg) center center no-repeat;}

.box_01 .pro-center .hd ul li:nth-of-type(3) .yuan .icon{background:url(../images/pro_03.jpg) center center no-repeat;}

.box_01 .pro-center .hd ul li:nth-of-type(4) .yuan .icon{background:url(../images/pro_04.jpg) center center no-repeat;}

.box_01 .pro-center .hd ul li:nth-of-type(5) .yuan .icon{background:url(../images/pro_05.jpg) center center no-repeat;}

.box_01 .pro-center .hd ul li .yuan .icon .more{display:block;width:170px;height:170px;border-radius:50%;background:rgba(2,178,181,0.7);text-align:center;position:absolute;top:120px;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro-center .hd ul li.on .yuan .icon .more{position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro-center .hd ul li .yuan .icon .more span{display:block;font-size:18px;color:#fff;font-weight:bold; font-family:Arial;line-height:14px;margin-top:20px;}

.box_01 .pro-center .hd ul li .yuan .icon .more h4{font-size:14px;color:#fff;line-height:15px;margin-top:35px;}

.box_01 .pro-center .hd ul li .yuan .icon .more p{width:50px;height:14px; background:url(../images/pro_jt.png);margin:40px auto 0 auto;}

.box_01 .pro-center .hd ul li .txt{width:200px;height:60px;overflow:hidden;}

.box_01 .pro-center .hd ul li .txt p{font-size:12px;color:#888;line-height:15px;margin-top:15px;}

.box_01 .pro-center .hd ul li .txt .name{display:block;font-size:18px;color:#333;font-weight:bold;line-height:20px;margin-top:10px;}

.box_01 .pro-center .bd{width:1200px;height:780px;margin:40px auto 0 auto;overflow:hidden;}

.box_01 .pro-center .bd .main{width:1200px;height:780px;overflow:hidden;}

.box_01 .pro-center .bd .main li a{display:block;}

.box_01 .pro-center .bd .main li{width:265px;height:360px;border:solid 10px #f5f5f5;margin:0 20px 20px 0;overflow:hidden;float:left;position:relative;}

.box_01 .pro-center .bd .main li:nth-of-type(4n){margin-right:0;}

.box_01 .pro-center .bd .main li .img{width:265px;height:360px;overflow:hidden;}

.box_01 .pro-center .bd .main li .img img{width:265px;height:360px;transition: all 1s;vertical-align:top;object-fit:cover;}

.box_01 .pro-center .bd .main li:hover .img img{transform: scale(1.05);}

.box_01 .pro-center .bd .main li .txt{width:265px;height:360px;background:rgba(2,178,181,0.6);position:absolute;top:0;left:50%;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .7s, opacity .7s;-moz-transition: transform .7s, opacity .7s;-o-transition: transform .7s, opacity .7s;-ms-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;}

.box_01 .pro-center .bd .main li:hover .txt{-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}

.box_01 .pro-center .bd .main li .name{width:165px;font-size:16px;color:#fff;font-weight:bold;line-height:20px;text-align:center;margin:90px auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_01 .pro-center .bd .main li p{width:165px;font-size:14px;color:#fff;line-height:15px;text-align:center;margin:20px auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_01 .pro-center .bd .main li .more{width:50px;height:14px; background:url(../images/pro_jt.png);margin:155px auto 0 auto;}





/* 合作伙伴 */
.box_02{width:100%;height:394px;padding-top:80px;background:url(../images/hb_back.jpg) center top no-repeat;overflow:hidden;}

.box_02 .h_title{width:400px;height:auto;text-align:center;margin:0 auto;}

.box_02 .h_title span{display:block;width:400px;height:26px;background:url(../images/hb_bt.png) center center no-repeat;}

.box_02 .h_title h3{width:100px;height:30px;font-size:18px;color:#222;line-height:20px;font-weight:bold;margin:20px auto 0 auto;border-bottom:solid 1px #222;}

.box_02 .picScroll-left01{width:1200px;height:120px;margin:40px auto 0 auto;position:relative;}

.box_02 .picScroll-left01 .bd{width:1030px;height:120px;margin:0 auto;position:relative;z-index:5;overflow:hidden;}

.box_02 .picScroll-left01 .bd ul{width:860px;height:120px;overflow:hidden; zoom:1;}

.box_02 .picScroll-left01 .bd ul li{width:190px;height:120px;margin-right:20px;float:left;border-radius:5px;overflow:hidden;position:relative;}

.box_02 .picScroll-left01 .bd ul li a{display:block;}

.box_02 .picScroll-left01 .bd ul li .img{width:190px;height:120px;overflow:hidden;}

.box_02 .picScroll-left01 .bd ul li .img img{width:190px;height:120px;vertical-align:top;transition: all 1s;object-fit:cover;}

.box_02 .picScroll-left01 .bd ul li:hover .img img{transform: scale(1.1);}

.box_02 .picScroll-left01 .bd ul li .name{width:150px;padding:0 20px;height:120px;font-size:16px;color:#fff;line-height:120px;text-align:center;background:rgba(2,178,181,0.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;position:absolute;top:-120px;left:0;}

.box_02 .picScroll-left01 .bd ul li:hover .name{position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .picScroll-left01 .hd{width:1200px;height:120px;overflow:hidden;position:absolute;left:0;top:0;z-index:3;}

.box_02 .picScroll-left01 .hd .prev{width:40px;height:40px;cursor:pointer;background:url(../images/hb_jt_01.png) center center no-repeat #fff;border-radius:20px;position:absolute;left:0;top:40px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .picScroll-left01 .hd .next{width:40px;height:40px;cursor:pointer;background:url(../images/hb_jt_03.png) center center no-repeat #fff;border-radius:20px;position:absolute;right:0;top:40px;-webkit-transition:all .7s;transition:all .7s;}
