@charset "utf-8";
/*通用类代码*/
body{background-color:#fff;font-size:12px; color:#000; padding:0; margin:0 auto;width:100%;height:100%;font-family:"微软雅黑";}
ul,li,dl,dt,dd,p,div,br,p,table{margin:0; padding:0; list-style-type:none;}
/* 链接颜色 */
a:link{color: #000;text-decoration:none;}
a:visited{color: #000;text-decoration:none;}
a:hover{color: #000;text-decoration:none;}
a:active{color: #000;text-decoration:none;}
img{border:0;}
.clear{ clear:both;}
/*高度*/
.height1{height:1px;display: block;}
.height5{height:5px;}
.height10{height:10px;display: block;}
.height20{height:20px;}
.height90{height:90px;}
/*浮动*/
.clear{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
/*行高*/
.line-height24{line-height: 24px;}
/*文字对齐*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

/*代码开始*/
.header{position: fixed;top: 0px;left: 0;right: 0px;z-index: 99;}
.header2{background: #0F1D3D;position: fixed;top: 0px;left: 0;right: 0px;z-index: 99;}
.header3{background: #030037;position: fixed;top: 0px;left: 0;right: 0px;z-index: 99;}
.header.hover{background:rgba(15,29,61,0.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);}
.header-top{height: 90px;width: 1200px;margin: 0px auto;}
.header-top-img{width: 260px;float: left;text-indent: 44px;line-height: 90px;height: 90px;font-size: 21px;color: #fff;background: url(../images/logo01.png) left 20px no-repeat;}
.header-top-right{float: right;}
.header-top-right .header-top-right-mian{height: 90px;line-height: 90px;width: auto;float: left;font-size: 16px;color: #fff;position: relative;margin-left: 40px;cursor: pointer;display: block;}
.header-top-right .header-top-right-mian.hover{color: #277FFF;}
.header-top-right .header-top-right-mian.mousehover{color: #277FFF;}
.header-top-right .header-top-right-mian.mousehover .header-top-right-line{height: 2px;left: 0px;right: 0px;position: absolute;bottom: 0px;background: #277FFF;}

.subheader{position: fixed;top: 90px;left: 0px;right: 0px;height:90px;background:rgba(15,29,61,0.7);display: none;z-index: 99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);}
.subheader:before{content: '';height: 38px;width: 150px;position: fixed;top: 52px;left: 50%;margin-left: 150px;}
.subheader2{position: fixed;top: 90px;left: 0px;right: 0px;height:90px;background:rgba(15,29,61,0.7);display: none;z-index: 99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);}
.subheader2:before{content: '';height: 38px;width: 150px;position: fixed;top: 52px;left: 50%;margin-left: 150px;}
.subheader-mian{height: 90px;width: 1200px;margin: 0px auto;}
.subheader-mian .subheader-mian-box{float: right;margin-left: 40px;display: block;font-size: 16px;color: #fff;line-height: 90px;height: 90px;}
.zhanwei{visibility:hidden;}

.banner01{width: 100%;height: 980px;background: url(../images/banner01.jpg) top center no-repeat;overflow: hidden;}
.index-map{background: #E9F1F5;}
.index-map-title{margin-top: 70px;height: 50px;line-height: 50px;text-align: center;color: #000;font-size: 36px;}
.index-map-word{height: 37px;line-height: 37px;margin-top: 6px;text-align: center;color: #666;font-size: 24px;}
.index-map-mian{text-align: center;position: relative;margin-top: 6px;margin-bottom: 48px;}
.index-map-mian-explain{background: url(../images/frame01.png) top center no-repeat;width: 242px;height: 102px;position: absolute;bottom: 20px;left: 50%;margin-left: -471px;}
.index-map-mian-explain-word{width: 210px;margin: 13px auto 0px auto;color: #81A1B3;font-size: 16px;text-align: left;}

.index-customers{background: url(../images/customers-bg01.jpg) center top no-repeat;height: 882px;overflow: hidden;}
.index-customers-tabs{width: 360px;margin: 60px auto 0px auto;height: 50px;}
.index-customers-tabs-mian{width:179px;height: 48px;line-height: 48px;background:#FFFFFF;border:1px solid #CCCCCC;float: left;text-align: center;font-size: 18px;color: #666666;cursor: pointer;}
.index-customers-tabs .index-customers-tabs-mian.hover{background: #277FFF;color: #fff;border: 1px solid #277FFF;}

.bottom{background: #262C36;}
.bottom-box{width: 1131px;margin: 70px auto 0px auto;}
.bottom-box-title{font-size: 16px;color: #98A0B4;height: 22px;line-height: 22px;}
.bottom-box-title a{color: #98A0B4;}
.bottom-line{height: 1px;background: #9199AC;}

.bottom-box-word{height: 20px;line-height: 20px;display: block;font-size: 14px;color: #98A0B4;margin-top: 17px;}
.bottom-box-word a{color: #98A0B4;}
.bottom-explain{height: 22px;line-height: 22px;margin-top: 30px;text-align: center;color: #98A0B4;font-size: 16px;margin-bottom: 43px;}
.bottom-explain a{color: #98A0B4;}
.bottom-box-mian01{width: 138px;float: left;margin-right: 96px;}
.bottom-box-mian02{width: 173px;float: left;margin-right: 96px;}
.bottom-box-mian03{width: 158px;float: left;}

.bottom-box-photo{text-indent: 25px;height: 20px;line-height: 20px;display: block;font-size: 14px;color: #98A0B4;margin-top: 17px;}
.bottom-box-photo-bg{background: url(../images/photo.png) left center no-repeat;}

.banner02{background: url(../images/banner02.jpg) top center no-repeat;height: 440px;}
.banner08{background: url(../images/banner08.jpg) top center no-repeat;height: 437px;}

.banner-word03{height: 440px;line-height: 400px;width:100%;font-size: 50px;text-align: center;color: #fff;background: url(../images/wordBg.png) no-repeat top center;position: absolute;z-index:98;}
.banner-word02{height: 50px;line-height: 50px;font-size: 35px;text-align: center;color: #fff;}
.banner-word01{height: 70px;line-height: 70px;margin-top: 174px;font-size: 50px;text-align: center;color: #fff;}

.aboutboxcontent{background: #F6F7F7;}/*通用样式*/
.aboutbox{width:1200px;margin: -50px auto 0px auto;background:#fff;border-radius:4px;}

.aboutboxp{margin: 42px 63px 0px 63px;}
.aboutboxp p{line-height: 36px;font-size: 18px;text-indent: 2em;color: #333333;}

.aboutboxword01{margin: 58px 63px 0px 63px;height: 37px;line-height: 37px;color: #277FFF;font-size: 26px;}
.aboutboxword02{margin: 0px 63px 0px 63px;height: 36px;line-height: 36px;color: #333333;font-size: 18px;}


.monitoring-dingwei-top{margin-top: 129px;}

.monitoring-img-mian{width: 370px;height: 460px;float: left;margin-left: 22.5px;margin-right: 22.5px;float: left;position: relative;}
.monitoring-img-mian .monitoring-img-mian-img{display: block;width: 370px;height: 460px;}
.monitoring-img{width: 1245px;margin: 49px auto 49px auto;}
.monitoring-dingwei{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 2;}
.monitoring-dingwei-word{height: 33px;line-height: 33px;font-size: 24px;color: #fff;text-align: center;margin-top: 35px;}
.monitoring-dingwei-line{height: 4px;width:44px;margin: 20px auto 0px auto;background: #fff;}
.monitoring-img-mian-hover-show{display: none;cursor: pointer;}
.monitoring-hover-fugai{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 3;background: #277FFF;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.monitoring-hover{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 4;}
.monitoring-hover-top{}
.monitoring-hover-word{margin-top: 16px;font-size: 18px;color: #fff;text-align: center;height: 25px;line-height: 25px;}


.research{width: 1200px;margin: 49px auto 49px auto;}
.research-left{width:210px;height:auto;background: #fff;float: left;position: relative;}
.research-left-mian{height: 25px;line-height: 25px;color: #666666;font-size: 18px;margin: 19px 0px;text-indent: 48px;position: relative;cursor: pointer;}
.research-left-mian-spot{width:8px;height:8px;background: #E4E4E4;position: absolute;top: 50%;margin-top: -4px;left: 29px;border-radius: 4px;}
.research-left-mian-line{position: absolute;top: 40px;bottom: 40px;left: 33px;width: 1px;background: #E4E4E4;z-index: 0;}
.research-left-mian.hover{color: #000000;}
.research-left-mian.hover .research-left-mian-spot{width: 10px;height: 10px;background: #277FFF;position: absolute;top: 50%;margin-top: -5px;left: 29px;border-radius: 5px;z-index: 9;}
.research-right{width:960px;background: #FFFFFF;height:720px;border-radius: 1px;float: right;}
.research-right-img{margin: 29px 30px;}
.research-right-word{margin: 35px 30px 0px 30px;}
.research-right-word p{font-size: 18px;color: #333;line-height: 36px;}

.banner04{background: url(../images/banner04.png) top center no-repeat;height: 980px;}
.industry{width: 1252px;margin: 252px auto 0px auto;}

.industry-mian-img{margin-top: 27px;text-align: center;}
.industry-mian-img img{width: 90px;height: 90px;}
.industry-mian{width:261px;height:570px;border-radius:10px;float: left;position: relative;margin: 0px 26px;}
.industry-mian.hover{margin-top: 21px;}
.industry-mian-title{margin-top: 24px;text-align: center;font-size: 24px;color: #fff;height: 33px;line-height: 33px;}
.industry-mian-word{margin: 30px 20px 0px 20px;}
.industry-mian-word p{font-size: 18px;color: #fff;line-height: 36px;}
.industry-mian .industry-mian-a{display: block;height: 25px;line-height: 25px;position: absolute;bottom: 21px;right: 20px;color: #fff;font-size: 18px;}
.industry-mian-bg01{background:linear-gradient(180deg,rgba(9,140,246,0) 0%,rgba(51,109,190,1) 100%);backdrop-filter:saturate(100%) blur(5px);-webkit-backdrop-filter: saturate(100%) blur(5px);}
.industry-mian-bg02{background:linear-gradient(180deg,rgba(10,107,142,0) 0%,rgba(33,130,163,1) 100%);backdrop-filter:saturate(100%) blur(5px);-webkit-backdrop-filter: saturate(100%) blur(5px);}
.industry-mian-bg03{background:linear-gradient(180deg,rgba(68,54,151,0) 0%,rgba(75,58,161,1) 100%);backdrop-filter:saturate(100%) blur(5px);-webkit-backdrop-filter: saturate(100%) blur(5px);}
.industry-mian-bg04{background:linear-gradient(180deg,rgba(56,61,177,0) 0%,rgba(56,61,177,1) 100%);backdrop-filter:saturate(100%) blur(5px);-webkit-backdrop-filter: saturate(100%) blur(5px);}

.banner05{background: url(../images/banner05.png) top center no-repeat;height: 440px;position:relative;}

.platform{width:1200px;background:#fff;box-shadow:0px 6px 20px 0px rgba(15,29,61,0.1);border-radius:4px;margin: -52px auto 50px auto;}
.platform-left{width: 386px;float: left;margin-left: 30px;}
.platform-left-line{width:42px;height:6px;background:#267EFE;margin-top: 43px;}
.platform-left-title{height: 42px;line-height: 42px;color: #333;font-size: 30px;margin-top: 40px;}
.platform-left-word{margin-top: 18px;}
.platform-left-word p{line-height: 36px;font-size: 18px;color: #666;}
.platform-left-bottom{margin-top: 65px;margin-bottom: 42px;}
.platform-left-bottom .platform-left-bottom-a{width:200px;float: right;height:48px;line-height: 50px;color: #333;font-size: 18px;text-align: center;background:#fff;display: block;border-radius:25px;border:1px solid #979797;}

.platform-right{width: 710px;float: left;margin-left: 44px;margin-top: 44px;}

.banner06{background: url(../images/banner06.jpg) top center no-repeat;height: 440px;}

.activity-title{width: 1200px;margin: 0px auto;height: 100px;}
.activity-title-mian{width: 400px;height: 100px;text-align: center;color: #777777;font-size: 24px;line-height: 100px;cursor: pointer;float: left;}
.activity-title-mian.hover{background: #277FFF;color: #fff;}

.ranking{width: 1200px;margin: 49px auto 49px auto;}
.ranking-left{width:210px;background: #fff;height: auto;float: left;}
.ranking-left-mian{height: 55px;line-height: 55px;text-indent: 20px;color: #666666;font-size: 18px;cursor: pointer;position: relative;}
.ranking-left-mian.hover{color: #000000;}
.ranking-left-mian.hover:before{content: '';position: absolute;top: 0px;left: 0px;height: 55px;width: 6px;background: #277FFF;}
.ranking-right{width:960px;background:#fff;float: right;}
.ranking-list{background: #fff;border-radius:1px;}
.ranking-list-content{margin: 37px 30px 0px 30px;}
.ranking-list-top{position: relative;background: #F7F8FC;height: 220px;}
.ranking-list-top-img{position: absolute;top: 14px;left: 20px;width: 288px;height: 181px;display: block;}
.ranking-list-top-img img{width: 288px;height: 181px;}
.ranking-list-top-mian{margin-left: 336px;margin-right: 20px;}
.ranking-list-top-mian-title{margin-top: 31px;position: relative;height: 33px;line-height: 33px;display: block;}
.ranking-list-top-mian-title-left{font-size: 24px;color: #000000;height: 33px;line-height: 33px;margin-right: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranking-list-top-mian-title-right{position: absolute;top: 0px;height: 33px;line-height: 33px;right: 0px;color: #999999;font-size: 14px;}
.ranking-list-top-mian-word{margin-top: 15px;margin-bottom: 31px;}
.ranking-list-top-mian-word p{line-height: 36px;font-size: 18px;color: #777;}


.ranking-list-box{margin: 0px 30px;}
.ranking-list-box-mian{border-bottom: solid 1px #F7F8FC;position: relative;display: block;}
.ranking-list-box-word{height: 80px;line-height: 80px;margin-left: 20px;font-size: 18px;color: #000000;margin-right: 105px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranking-list-box-time{height: 80px;line-height: 80px;position: absolute;top: 0px;right: 20px;font-size: 14px;color: #999999;}
.ranking-list-more{margin-top: 17px;margin-bottom: 35px;}
.ranking-list-more a{height: 22px;display: block;line-height: 22px;color: #666666;font-size: 16px;text-align: center;}
/*图片切换*/
.slides{position: relative;width: 710px;height: 440px;}
.slides .slides_container{width:710px;height: 400px;overflow:hidden;position:relative;display:none;}
.slides .slides_container div.slide{width:710px;height: 400px;display:block;}
.slides .slides_container div.slide img{width:710px;height: 400px;}
.slides .next,.slides .prev{position:absolute;top:170px;left:0px;display:block;z-index:101;width:60px;height:60px;background:url(../images/zou02.png);}
.slides .next{left:auto;right: 0px;background:url(../images/you02.png);}
.slides .pagination{margin:26px auto 0;width:100px;}
.slides .pagination li{float:left;margin:0 1px;list-style:none;}
.slides .pagination li a{display:block;width:10px;height:10px;margin: 0px 5px;float:left;overflow:hidden;background: url(../images/dian02.png);}
.slides .pagination li.current a{background: url(../images/dian01.png);}
.slides .caption{z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:540px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}

.slides2{position: relative;width: 1200px;height: 675px;margin: 29px auto 50px auto;}
.slides2 .slides_container{width:1200px;height: 675px;overflow:hidden;position:relative;display:none;}
.slides2 .slides_container div.slide{width:1200px;height: 675px;display:block;}
.slides2 .slides_container div.slide img{width:1200px;height: 675px;}
.slides2 .next,.slides2 .prev{position:absolute;top:298px;left:0px;display:block;z-index:101;width:80px;height:80px;background:url(../images/you.png);}
.slides2 .next{left:auto;right: 0px;background:url(../images/zou.png);}
.slides2 .pagination{margin:26px auto 0;width:100px;display: none;}
.slides2 .pagination li{float:left;margin:0 1px;list-style:none;}
.slides2 .pagination li a{display:block;width:10px;height:10px;margin: 0px 5px;float:left;overflow:hidden;background: url(../images/dian02.png);}
.slides2 .pagination li.current a{background: url(../images/dian01.png);}
.slides2 .caption{z-index:5;position:absolute;bottom:-60px;left:0;right: 0px;height:60px;line-height: 60px;text-align: right;padding: 0px 21px;background:#000;background:rgba(0,0,0,0.4);font-size:16px;color:#fff;}


/**/
.collection_banner{width: 100%;height: 675px;background: url(../images/collection_banner.png) center top no-repeat;background-size: 1920px auto;}
.collection_banner_header{width: 950px;margin: 214px auto 0px auto;}
.collection_banner_header_logo{width: 207px;height: 90px;position: relative;background: url(../images/collection_title01.png) center center no-repeat;background-size: 207px auto;margin-left: 8px;float: left;}
.collection_banner_header_logo:before{content: '';height: 40px;width: 2px;background: #ACA6F9;position: absolute;right: -2px;top: 23px;}
.collection_banner_header_word{float: left;height: 73px;font-size: 52px;font-weight: 400;line-height: 73px;color: #FFFFFF;text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.4);letter-spacing: 6px;margin-left: 22px;margin-top: 7px;}
.collection_banner_word{margin-left: 26px;font-size: 18px;line-height: 50px;color: #fff;text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);}
.collection_banner_bottom{letter-spacing: 4px;margin-left: 26px;margin-top: 17px;width: 336px;height: 50px;line-height: 50px;cursor: pointer;text-align: center;font-size: 18px;color: #fff;background: linear-gradient(249deg, #1ED1FF 0%, #4629EF 100%);border-radius: 8px;}
.collection_banner_bottom:hover{background: linear-gradient(249deg, rgba(30,209,255,0.8) 0%,  rgba(70,41,239,0.8) 100%);}
.collection_title01{background: url(../images/collection_title02.png) center top no-repeat;margin-top: 70px;height: 100px;background-size: 310px auto;}
.collection_title02{background: url(../images/collection_title03.png) center top no-repeat;margin-top: 70px;height: 100px;background-size: 202px auto;}
.collection_title03{background: url(../images/collection_title04.png) center top no-repeat;margin-top: 70px;height: 100px;background-size: 195.5px auto;}
.collection_title04{background: url(../images/collection_title05.png) center top no-repeat;margin-top: 70px;height: 100px;background-size: 193px auto;}
.collection_title05{background: url(../images/collection_title06.png) center top no-repeat;margin-top: 70px;height: 100px;background-size: 197px auto;}

.collection_product{width: 1200px;margin: 0px auto;}
.collection_product_mian{width: 480px;height: 412px;float: left;}
.collection_product_right{width: 560px;float: right;}
.collection_product_right_box{}
.collection_product_right_box_title{position: relative;float: left;height: 72px;line-height: 72px;font-size: 20px;}
.collection_product_right_box_title:before{content: '';width: 2px;background: #999;height: 12px;position: absolute;top: 50%;margin-top: -5px;right: -18px;}
.circle-cur .collection_product_right_box_title:before{background: #0079FE;}
.collection_product_right_box_word{float: left;margin-left: 35px;font-size: 16px;line-height: 22px;height: 22px;margin-top: 25px;}
.collection_product_right_box_word2{float: left;margin-left: 35px;line-height: 22px;height: 44px;margin-top: 14px;font-size: 16px;}
.collection_product_right_bottom{cursor: pointer;width: 336px;height: 50px;line-height: 50px;text-align: center;background: linear-gradient(249deg, #1ED1FF 0%, #4629EF 100%);border-radius: 8px;font-size: 18px;letter-spacing: 4px;margin-top: 21px;color: #fff;}
.collection_product_right_bottom:hover{background: linear-gradient(249deg, rgba(30,209,255,0.8) 0%,  rgba(70,41,239,0.8) 100%);}

/*qiehuan*/
.v_out{width:480px;margin-left: 58px;height: 412px;margin-bottom: 125px;float: left;}
.v_show{width:480px;overflow:hidden;position:relative;height:412px;float:left}
.v_cont{ width:4800px;position:absolute;left:0px;top:0px;}
.v_cont ul{float:left;text-align:center;line-height:50px;}
.v_cont ul li{width:480px;height:412px;background:#f8f8f8;float:left;}
.v_out_p{position:relative;overflow:visible}
.circle{position:absolute;left: 0px;bottom: -20px;}
.circle li{width:12px;height:12px;float:left;margin-right:8px;background: url(../images/collection_yuan01.png) center center no-repeat;background-size: 12px 12px;}
.circle .circle-cur{background: url(../images/collection_yuan02.png) center center no-repeat;background-size: 12px 12px;}

.circle2{margin-top: 57px;}
.circle2 li{color: #999;cursor: pointer;}
.circle2 .circle-cur{color: #444444;}

.prev,.next{float:left;padding:105px 9px 0;display: none!important;}
.prev a{ background:#f00;}
.prev .ico_1{ background:url(input_a.gif) no-repeat 0 -3757px;}
.next a{background:#f00 }
.next .ico_2{background:url(input_a.gif) no-repeat right -3757px;}
.prev,.prev a,.next,.next a{width:21px;height:28px; display:block}


/*弹出层*/
.opening{display: none;}
.opening_fg{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 99;background: rgba(0,0,0,0.5);}
.opening_mian{position: fixed;width: 862px;height: 500px;border-radius: 4px;background: #fff;top: 50%;margin-top: -250px;left: 50%;margin-left: -431px;z-index: 100;}
.opening_content{width: 100%;height: 100%;position: relative;}
.opening_mian_header{height: 38px;width: 160px;margin: 44px auto 0px auto;background: url(../images/collection_word01.png) center top no-repeat;background-size: 160px 38px;}
.opening_mian_close{cursor: pointer;width: 24px;height: 24px;position: absolute;top: 30px;right: 30px;background: url(../images/collection_logo02.png) center center no-repeat;background-size: 24px 24px;}
.opening_box{margin-top: 40px;}
.opening_box_left{width: 548px;float: left;}
.opening_box_jg{float: left;height: 334px;width: 1px;background: #ddd;}
.opening_box_mian{margin-bottom: 30px;}
.opening_box_mian_word{width: 148px;height: 36px;line-height: 36px;margin-right: 20px;float: left;text-align: right;color: #444444;font-size: 18px;}
.opening_box_mian_word span{color: #FF0000;}
.opening_box_mian_input{float: left;width: 318px;height: 34px;border: 1px solid #ccc;border-radius: 4px;}
.opening_box_mian_input input{width: 294px;margin: 6px 12px;height: 22px;line-height: 22px;border: 0px;outline: none;color: #444444;font-size: 16px;}
.opening_box_mian_input2{float: left;width: 198px;height: 34px;border: 1px solid #ccc;border-radius: 4px;}
.opening_box_mian_input2 input{width: 174px;margin: 6px 12px;height: 22px;line-height: 22px;border: 0px;outline: none;color: #444444;font-size: 16px;}
.opening_box_mian_yzm{float: left;margin-left: 8px;width: 110px;height: 34px;line-height: 34px;background: #EEEEEE;border: 1px solid #818181;border-radius: 4px;text-align: center;font-size: 14px;color: #444444;cursor: pointer;}
.opening_box_mian_tijiao{font-size: 18px;color: #fff;letter-spacing: 6px;cursor: pointer;width: 336px;height: 50px;margin-top: 9px;margin-left: 122px;line-height: 50px;text-align: center;background: linear-gradient(234deg, #1ED1FF 0%, #462AEF 100%, #4629EF 100%);border-radius: 8px;}
.opening_box_right{width: 313px;float: left;}
.opening_box_right_header{margin-top: 39px;width: 100px;margin-left: auto;margin-right: auto;height: 100px;background: url(../images/collection_logo01.png) center center no-repeat;background-size: 100px 100px;}
.opening_box_right_tel{text-align: center;height: 33px;line-height: 33px;color: #444;font-size: 24px;font-weight: bold;margin-top: 30px;}
.opening_box_right_word{text-align: center;height: 22px;line-height: 22px;color: #444;font-size: 16px;margin-top: 10px;}


/**/
.bg_f8{background: #F8F8F8;}
.collection_advantage{width: 1218px;margin: 39px auto 0px auto;}
.collection_advantage_left{width: 298px;float: left;margin-right: 162px;position: relative;}
.collection_advantage_center{width: 298px;float: left;margin-right: 162px;margin-top: 19px;position: relative;}
.collection_advantage_right{width: 298px;float: left;margin-top: 32px;position: relative;}
.collection_advantage_imgage01{width: 298px;height: 170px;background: url(../images/collection_logo03.png) center top no-repeat;background-size: 298px auto;}
.collection_advantage_imgage02{width: 298px;height: 151px;background: url(../images/collection_logo04.png) center top no-repeat;background-size: 298px auto;}
.collection_advantage_imgage03{width: 298px;height: 138px;background: url(../images/collection_logo05.png) center top no-repeat;background-size: 298px auto;}
.collection_advantage_word{height: 40px;line-height: 40px;color: #444444;margin-top: 37px;text-align: center;font-weight: bold;font-size: 24px;}
.collection_advantage_bottom{font-size: 18px;color: #fff;letter-spacing: 6px;cursor: pointer;width: 336px;height: 50px;margin: 160px auto 70px auto;line-height: 50px;text-align: center;background: linear-gradient(234deg, #1ED1FF 0%, #462AEF 100%, #4629EF 100%);border-radius: 8px;}
.collection_advantage_bottom:hover{background: linear-gradient(249deg, rgba(30,209,255,0.8) 0%,  rgba(70,41,239,0.8) 100%);}
.collection_advantage_dw{position: absolute;top: 272px;left: 0px;width: 400px;}
.collection_advantage_dw2{position: absolute;top: 253px;left: 0px;}
.collection_advantage_dw3{position: absolute;top: 240px;left: 0px;}
.collection_advantage_tips01{float: left;height: 22px;line-height: 22px;color: #999;font-size: 16px;width: 178px;margin-bottom: 5px;}
.collection_advantage_tips02{float: left;height: 22px;line-height: 22px;color: #999;font-size: 16px;width: 200px;margin-bottom: 5px;}
.collection_advantage_tips03{line-height: 26px;color: #999;font-size: 16px;width: 290px;margin-left: 4px;}
.collection_advantage_tips04{line-height: 26px;color: #999;font-size: 16px;width: 281px;margin-left: 9px;}


/**/
.collection_function{margin: 50px auto 0px auto;width: 1264px;}
.collection_function_mian{display: block;width: 250px;height: 340px;float: left;margin: 0px 33px;background: #FFFFFF;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);border-radius: 8px;}
.collection_function_images01{display: block;width: 250px;height: 158px;background: url(../images/collection_bg01.png) center top no-repeat;background-size: 250px 158px;}
.collection_function_images02{display: block;width: 250px;height: 158px;background: url(../images/collection_bg02.png) center top no-repeat;background-size: 250px 158px;}
.collection_function_images03{display: block;width: 250px;height: 158px;background: url(../images/collection_bg03.png) center top no-repeat;background-size: 250px 158px;}
.collection_function_images04{display: block;width: 250px;height: 158px;background: url(../images/collection_bg04.png) center top no-repeat;background-size: 250px 158px;}
.collection_function_mian_title{display: block;height: 40px;line-height: 40px;text-align: center;margin-top: 20px;color: #444444;font-weight: bold;font-size: 24px;}
.collection_function_mian_word{display: block;line-height: 30px;margin-top: 20px;color: #999;font-size: 16px;margin-left: 21px;margin-right: 21px;}

a.hover .collection_function_mian_title{color: #0079FE;}
.collection_function_mian:hover{margin-top: -30px;position: relative;}
.collection_function_mian:hover:before{content: '';width: 250px;height: 50px;position: absolute;bottom: -70px;left: 50%;margin-left: -125px;background: url(../images/collection_bg05.png) center top no-repeat;background-size: 250px 50px;}

.collection_function_bottom{font-size: 18px;color: #fff;letter-spacing: 6px;cursor: pointer;width: 336px;height: 50px;margin: 62px auto 80px auto;line-height: 50px;text-align: center;background: linear-gradient(234deg, #1ED1FF 0%, #462AEF 100%, #4629EF 100%);border-radius: 8px;}
.collection_function_bottom:hover{background: linear-gradient(249deg, rgba(30,209,255,0.8) 0%,  rgba(70,41,239,0.8) 100%);}

.collection_process{margin: 46px auto 0px auto;width: 1200px;}
.collection_left_none{margin-left: 0px!important;}
.collection_right_none{margin-right: 0px!important;}

.collection_process_mian{float: left;width: 160px;margin: 0px 82px;}
.collection_process_mian img{width: 160px;height: 160px;}
.collection_process_mian_word{margin-top: 24px;line-height: 25px;color: #999;font-size: 16px;text-align: center;}
.collection_process_mian_word p span{color: #444;font-size: 20px;}
.collection_process_jg{width: 19px;height: 21px;background: url(../images/collection_logo10.png) center center no-repeat;background-size: 19px 21px;float: left;margin-top: 73px;}


.collection_banner2{background: url(../images/collection_bg07.png) center top no-repeat;height: 450px;background-size: auto 450px;}
.collection_banner_title{width: 194px;height: 45px;background: url(../images/collection_logo13.png) center top no-repeat;background-size: 194px 45px;margin: 144px auto 0px auto;}
.collection_banner_tkt{letter-spacing: 4px;cursor: pointer;width: 336px;height: 50px;line-height: 50px;margin: 47px auto 0px auto;text-align: center;color: #fff;font-size: 18px;background: linear-gradient(249deg, #1ED1FF 0%, #4629EF 100%);border-radius: 8px;}

.bg_light{background: #fff;}
.margin_topf70{margin-top: -70px;}

.collection_func_left_logo01,.collection_func_left_logo02{
	width: 138px;height: 276px;margin-top: 98px;margin-bottom: 98px;
}
.collection_func_left_logo01{float: right;background: url(../images/collection_logo11.png) center top no-repeat;background-size: 138px 276px;}
.collection_func_left_logo02{float: left;background: url(../images/collection_logo12.png) center top no-repeat;background-size: 138px 276px;}


.collection_func_content{width: 1223px;margin: 0px auto;}
.collection_func_mian{position: relative;float: right;width: 672px;margin: 109px 32px 0px 10px;background: url(../images/collection_logo11.png) left center no-repeat;background-size: 138px 276px;}
.collection_func_content_fan .collection_func_mian{float: left;margin: 109px 10px 0px 32px;background: url(../images/collection_logo12.png) right center no-repeat;background-size: 138px 276px;}

.collection_func_mian_image01,.collection_func_mian_image02,.collection_func_mian_image03,.collection_func_mian_image04{
	height: 96px;width: 96px;position: absolute;top: 0px;right: 0px;
}
.collection_func_mian_image01{background: url(../images/collection_logo14.png) center top no-repeat;background-size: 96px 96px;}
.collection_func_mian_image02{background: url(../images/collection_logo15.png) center top no-repeat;background-size: 96px 96px;}
.collection_func_mian_image03{background: url(../images/collection_logo16.png) center top no-repeat;background-size: 96px 96px;}
.collection_func_mian_image04{background: url(../images/collection_logo17.png) center top no-repeat;background-size: 96px 96px;}
.collection_func_content_fan .collection_func_mian_image02,.collection_func_content_fan .collection_func_mian_image04{
	left: 0px;
}


.collection_func_mian_title{height: 96px;margin-right: 128px;text-align: right;line-height: 96px;color: #444;font-size: 48px;}
.collection_func_mian_word{line-height: 52px;font-size: 18px;color: #444444;text-align: right;margin-top: 20px;}
.collection_func_mian_word span{font-weight: bold;color: #0079FE;}

.collection_func_content_fan .collection_func_mian_title{text-align: left;margin-right: auto;margin-left: 128px;}
.collection_func_content_fan .collection_func_mian_word{text-align: left;}


.collection_func_right_logo01,.collection_func_right_logo02,.collection_func_right_logo03,.collection_func_right_logo04{
	width: 509px;height: 398px;margin-top: 37px;float: right;margin-bottom: 37px;
}

.collection_func_right_logo01{background: url(../images/collection_logo18.png) center top no-repeat;background-size: 509px 398px;}
.collection_func_right_logo02{background: url(../images/collection_logo19.png) center top no-repeat;background-size: 509px 398px;}
.collection_func_right_logo03{background: url(../images/collection_logo20.png) center top no-repeat;background-size: 509px 398px;}
.collection_func_right_logo04{background: url(../images/collection_logo21.png) center top no-repeat;background-size: 509px 398px;}
.collection_func_content_fan .collection_func_right_logo02,.collection_func_content_fan .collection_func_right_logo04{
	float: left;
}


.circle3{width: 480px;height: 412px;background: url(../images/collection_bg08.png) center top no-repeat;background-size: 480px 412px;}
.circle3 li{display: none;position: relative;height: 100%;}
.circle3 li.hover{display: block;}
.circle3_mian01{position: absolute;left: 172px;top: 53px;width: 129px;height: 175px;background: url(../images/collection_logo22.png) center top no-repeat;background-size: 129px auto;}
.circle3_mian02{position: absolute;left: 172px;top: 53px;width: 129px;height: 175px;background: url(../images/collection_logo22.png) center top no-repeat;background-size: 129px auto;}

.circle3 li.hover .circle3_mian01{animation:circledh 4s infinite;webkit-animation:circledh 4s infinite; /*Safari and Chrome*/}


/**/
.guangshu { display:block; position: relative; width:100%; height:440px; margin:0 auto;overflow: hidden;z-index: 1;}
.guangshu:before { content: ""; position: absolute;z-index:9; width:280px; height:100px; left: 50%; overflow: hidden;
background: -moz-linear-gradient(left, rgba(28,54,178,0)0, rgba(28,54,178,.5)50%, rgba(28,54,178,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(28,54,178,0)), color-stop(50%, rgba(28,54,178,.5)), color-stop(100%, rgba(28,54,178,0)));
background: -webkit-linear-gradient(left, rgba(28,54,178,0)0, rgba(28,54,178,.5)50%, rgba(28,54,178,0)100%);
background: -o-linear-gradient(left, rgba(28,54,178,0)0, rgba(28,54,178,.5)50%, rgba(28,54,178,0)100%);
/*-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)*/
transform:rotate(30deg);
-ms-transform:rotate(30deg); 	/* IE 9 */
-moz-transform:rotate(30deg); 	/* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); 
animation:mymove 6s infinite;
webkit-animation:mymove 6s infinite; /*Safari and Chrome*/
}
/*.guangshu:hover:before { top:-150px;margin-left:-350px;transition: all 1s ease 0s; }*/
.light2{position: absolute;z-index:9; width:600px; height:880px; left: 50%; overflow: hidden;
background: -moz-linear-gradient(bottom, rgba(72,92,226,0)0, rgba(72,92,226,.5)25%, rgba(72,92,226,0)100%);
background: -webkit-gradient(linear, bottom left, top left, color-stop(0%, rgba(72,92,226,0)), color-stop(25%, rgba(72,92,226,.5)), color-stop(100%, rgba(72,92,226,0)));
background: -webkit-linear-gradient(bottom, rgba(72,92,226,0)0, rgba(72,92,226,.5)25%, rgba(72,92,226,0)100%);
background: -o-linear-gradient(bottom, rgba(72,92,226,0)0, rgba(72,92,226,.5)25%, rgba(72,92,226,0)100%);
/*background: -moz-linear-gradient(bottom, rgba(72,96,226,0)0, rgba(72,96,226,.5)25%, rgba(72,96,226,0)50%, rgba(72,96,226,0.5)75%), rgba(72,96,226,0)100%);
background: -webkit-gradient(linear, bottom left,top right, color-stop(0%, rgba(72,96,226,0)), color-stop(25%, rgba(72,96,226,.5)), color-stop(50%, rgba(72,96,226,0)), color-stop(75%, rgba(72,96,226,.5)), color-stop(100%, rgba(72,96,226,0)));
background: -webkit-linear-gradient(bottom,rgba(72,96,226,0)0, rgba(72,96,226,.5)25%, rgba(72,96,226,0)50%, rgba(72,96,226,0.5)75%), rgba(72,96,226,0)100%);
background: -o-linear-gradient(bottom, rgba(72,96,226,0)0, rgba(72,96,226,.5)25%, rgba(72,96,226,0)50%, rgba(72,96,226,0.5)75%), rgba(72,96,226,0)100%);*/
/*-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)*/
transform:rotate(31.4deg);
-ms-transform:rotate(31.4deg); 	/* IE 9 */
-moz-transform:rotate(31.4deg); 	/* Firefox */
-webkit-transform:rotate(31.4deg); /* Safari 和 Chrome */
-o-transform:rotate(31.4deg); 
animation:mymove2 6s infinite;
webkit-animation:mymove2 6s infinite; /*Safari and Chrome*/
}

@keyframes circledh2{
	0%{
		transform:scale(0,0);
	}
	12.5%{
		transform:scale(0.5,0.5);
	}
	25%{
		transform:scale(1,1);
	}
	37.5%{
		transform:scale(1,1);
	}
	50%{
		transform:scale(1,1);
	}
	62.5%{
		transform:scale(1,1);
	}
	75%{
		transform:scale(1,1);
	}
	87.5%{
		transform:scale(0.5,0.5);
	}
	100%{
		transform:scale(0,0);
	}
}

@keyframes circledh{
	0%{
		transform:scale(0,0);opacity: 0;top: 100;
	}
	12.5%{
		transform:scale(1,1);opacity: 1;top: 0;
	}
	25%{
		transform:scale(1,1);opacity: 1;top: 0;
	}
	36.25%{
		transform:scale(1,1);opacity: 1;top: -20;
	}
	37.5%{
		transform:scale(1,1);opacity: 1;top: -20;
	}
	50%{
		transform:scale(1,1);opacity: 1;top: 0;
	}
	62.5%{
		transform:scale(1,1);opacity: 1;top: 20;
	}
	73.75%{
		transform:scale(1,1);opacity: 1;top: 0;
	}
	75%{
		transform:scale(1,1);opacity: 1;top: 0;
	}
	87.5%{
		transform:scale(1,1);opacity: 1;top: 0;
	}
	100%{
		transform:scale(0,0);opacity: 0;top: 100;
	}
}

@keyframes mymove{
	0%{
		top: 500px;margin-left:-650px;
	}
	45%{
		top: 500px;margin-left:-650px;
	}
	62%{
		top:-150px;margin-left:-350px;
	}
	100%{
		top:-150px;margin-left:-350px;
	}
}


@-webkit-keyframes mymove {/*Safari and Chrome*/
	0%{
		top: 500px;margin-left:-650px;
	}
	45%{
		top: 500px;margin-left:-650px;
	}
	62%{
		top:-150px;margin-left:-350px;
	}
	100%{
		top:-150px;margin-left:-350px;
	}
}
@keyframes mymove2{
	0%{
		top: -880px;margin-left:965px;
	}
	33%{
		top: -880px;margin-left:965px;
	}
	67%{
		top: 880px;margin-left:-90px;
	}
	100%{
		top: 880px;margin-left:-90px;
	}
}

@-webkit-keyframes mymove2 {/*Safari and Chrome*/
	0%{
		top: -880px;margin-left:965px;
	}
	33%{
		top: -880px;margin-left:965px;
	}
	67%{
		top: 880px;margin-left:-90px;
	}
	100%{
		top: 880px;margin-left:-90px;
	}
}

.donghuahover{
	animation: myfirst 0.6s forwards;
	-moz-animation: myfirst 0.6s forwards;	/* Firefox */
	-webkit-animation: myfirst 0.6s forwards;	/* Safari 和 Chrome */
	-o-animation: myfirst 0.6s forwards;	/* Opera */
}

@keyframes myfirst{
	0% {width: 0%;}
	6.25% {width: 6.25%;}
	12.5% {width: 12.5%;}
	18.75% {width: 18.75%;}
	25% {width: 25%;}
	31.25% {width: 31.25%;}
	37.5% {width: 37.5%;}
	43.75% {width: 43.75%;}
	50% {width: 50%;}
	56.25% {width: 56.25%;}
	62.5% {width: 62.5%;}
	68.75% {width: 68.75%;}
	75% {width: 75%;}
	81.25% {width: 81.25%;}
	87.5% {width: 87.5%;}
	93.75% {width: 93.75%;}
	100% {width: 100%;}
}

/* Firefox */
@-moz-keyframes myfirst{
	0% {width: 0%;}
	6.25% {width: 6.25%;}
	12.5% {width: 12.5%;}
	18.75% {width: 18.75%;}
	25% {width: 25%;}
	31.25% {width: 31.25%;}
	37.5% {width: 37.5%;}
	43.75% {width: 43.75%;}
	50% {width: 50%;}
	56.25% {width: 56.25%;}
	62.5% {width: 62.5%;}
	68.75% {width: 68.75%;}
	75% {width: 75%;}
	81.25% {width: 81.25%;}
	87.5% {width: 87.5%;}
	93.75% {width: 93.75%;}
	100% {width: 100%;}
}
/* Safari 和 Chrome */
@-webkit-keyframes myfirst{
	0% {width: 0%;}
	6.25% {width: 6.25%;}
	12.5% {width: 12.5%;}
	18.75% {width: 18.75%;}
	25% {width: 25%;}
	31.25% {width: 31.25%;}
	37.5% {width: 37.5%;}
	43.75% {width: 43.75%;}
	50% {width: 50%;}
	56.25% {width: 56.25%;}
	62.5% {width: 62.5%;}
	68.75% {width: 68.75%;}
	75% {width: 75%;}
	81.25% {width: 81.25%;}
	87.5% {width: 87.5%;}
	93.75% {width: 93.75%;}
	100% {width: 100%;}
}
/* Opera */
@-o-keyframes myfirst {
	0% {width: 0%;}
	6.25% {width: 6.25%;}
	12.5% {width: 12.5%;}
	18.75% {width: 18.75%;}
	25% {width: 25%;}
	31.25% {width: 31.25%;}
	37.5% {width: 37.5%;}
	43.75% {width: 43.75%;}
	50% {width: 50%;}
	56.25% {width: 56.25%;}
	62.5% {width: 62.5%;}
	68.75% {width: 68.75%;}
	75% {width: 75%;}
	81.25% {width: 81.25%;}
	87.5% {width: 87.5%;}
	93.75% {width: 93.75%;}
	100% {width: 100%;}
}