@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/

/*产品*/
.i_one { width: 98%; margin: 0 auto; overflow: hidden; }
.i_one ul li { margin-right: 1%; float: left; width: 49.5%; overflow: hidden; transition: all 0.3s; background: #e7e7e7; margin-top: 1%; }
.i_one ul li:nth-child(2n+0) { margin-right: 0; }
.i_one ul li .cons { margin: 0 auto; width: 96%; overflow: hidden; position: relative; }
.i_one ul li .imgs { overflow: hidden; width: 66.3%; float: left; }
.i_one ul li.bgs2 .imgs { float: right; }
.i_one ul li .imgs img { display: block; width: 100%; vertical-align: middle;/*display:inline-block;*/ -webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.i_one ul li:hover .imgs img { -webkit-transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12); -o-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); }
.i_one ul li .txts { position: absolute; height: 92%; right: 0; overflow: hidden; background: #fff; width: 33.7%; top: 4%; }
.i_one ul li.bgs2 .txts { right: auto; left: 0; }
.i_one ul li .txts .table { display: table; width: 94%; max-width: 244px; margin: 0 auto; height: 100%; background: #ffffff; }
.i_one ul li .txts .table .td { display: table-cell; vertical-align: middle; }
.i_one ul li .txts .h2 { overflow: hidden; height: 32px; line-height: 32px; color: #000; padding-bottom: 3%; position: relative; text-align: left; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; font-weight: normal; margin-bottom: 7%; }
.i_one ul li .txts .h2:after { position: absolute; content: ""; left: 0; bottom: 0; width: 20px; height: 2px; background: #c5c5c5; }
.i_one ul li .p { line-height: 24px; /*height:68px;*/ margin-bottom: 6%; overflow: hidden; color: #666666 }
.i_one ul li .line { border-top: 1px dashed #7c7c7c; overflow: hidden; padding-top: 11%; }
.i_one ul li .line .imore { color: #000000; font-size: 16px; padding-right: 30px; float: left; height: 20px; line-height: 20px; background: url(../images/i_bg1.png) right center no-repeat; transition: all 0.3s; }
.i_one ul li:hover .line .imore { margin-left: 5px; }
.i_one ul li.bgs { background: #212121; }
/*.i_one ul li:Hover{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.05); box-shadow: 0 5px 15px rgba(0,0,0,0.05);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}*/
.i_mores { overflow: hidden; margin-top: 4%; margin-bottom: 5%; text-align: center; }
.i_mores a { display: inline-block; width: 34%; max-width: 180px; height: 58px; line-height: 58px; overflow: hidden; text-align: center; color: #643173; border: 1px solid #643173; font-size: 18px; transition: all 0.3s; position: relative; }
.i_mores a:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; transition: all 0.3s; background: #643173; z-index: -1; }
.i_mores a:hover { color: #fff; }
.i_mores a:hover:after { width: 100%; }
/* 产品列表 */
/*产品中心*/
.sec_bg { background: #d1d0d1; overflow: hidden; }
.product_ul { margin-top: 5%; margin-bottom: 5%; }
.product_ul ul li { float: left; width: 32%; margin-bottom: 2%; overflow: hidden; margin-right: 2%; position: relative; text-align: center; transition: all 0.3s; background: #fff; }
.product_ul ul li:nth-child(3n+0) { margin-right: 0; }
.product_ul ul li .imgs { overflow: hidden; position: relative; }
.product_ul ul li .imgs img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.product_ul ul li:hover .imgs img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.product_ul ul li .txts { width: 94%; max-width: 406px; margin: 0 auto; overflow: hidden; }
.product_ul ul li .txts .h3 { overflow: hidden; height: 30px; line-height: 30px; margin-top: 10px; font-weight: normal; font-size: 24px; color: #000000; }
.product_ul ul li:hover { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0,0,0,0.1);/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);*/ }
.product_ul ul li:hover .txts .h3 { color: #000; }
.product_ul ul li .txts .p { overflow: hidden; font-size: 18px; color: #666666; margin-top: 6px; /*height:24px;*/ line-height: 24px; }
.product_ul ul li .txts .line { margin-top: 24px; border-top: 1px dashed #999999; text-align: center; padding-top: 26px; padding-bottom: 26px; overflow: hidden; }
.product_ul ul li .txts .line em { font-style: normal; height: 20px; line-height: 20px; display: inline-block; padding-right: 30px; background: url(../images/product_bg1.png) right center no-repeat; color: #000; font-size: 16px; transition: all 0.3s; }
.product_ul ul li .txts .line em:hover { margin-left: 5px; }
/*.pro_list ul li .note span.more{position: absolute;top:30px;right:25px;background:url(../images/icon/pmore.png) no-repeat center / contain;width:45px;height:45px;transition: all 0.5s;}*/
.pro_list ul li .note span.more:hover { background: url(../images/icon/pmoreon.png) no-repeat center / contain; }
.pro_list ul li:hover .note { background: #643173; }
.pro_list ul li:hover .note h4,
.pro_list ul li:hover .note { color: #fff; }
.pro_list ul li:hover span.more { background: url(../images/icon/pmoreon.png) no-repeat center / contain; top: -20px; }
.pro_crumbs { margin-top: 70px; height: 40px; line-height: 40px; background: #1f55ad; color: #fff; font-size: 14px; }
.pro_cont { padding: 40px 0 20px; overflow: hidden; }
.pro_cont .pro_pic { width: 45.3125%; float: left; border: 1px solid #e5e5e5; text-align: center; padding: 40px 0; min-height: 430px; position: relative; }
.pro_cont .pro_pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pro_cont .pro_note { width: 50%; float: right; }
.pro_cont .pro_note h1 { font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 20px; }
.pro_cont .pro_note .info { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 20px; color: #666; }
.pro_cont .pro_note .infot { color: #666; }
.pro_cont .pro_note .info2 { margin-bottom: 20px; }
.pro_cont .pro_note .info span { font-weight: bold; }
.pro_cont .pro_note h4 { font-weight: bold; margin-bottom: 20px; color: #666; }
.pro_cont .pro_note { color: #666; }
.pro_special { border-top: 1px solid #e5e5e5; margin-top: 40px; padding-top: 15px; }
.pro_spec_tit a.cur,
.pro_spec_tit a:hover { background: #2055ad; color: #fff; }
.pro_spec_tit a { display: inline-block; width: 150px; height: 36px; line-height: 36px; text-align: center; color: #666; margin-left: 0px; float: left; border-right: 1px solid #e5e5e5; }
.pro_spec_tit { margin-bottom: 40px; }
.say_list { margin-bottom: 100px; overflow: hidden; }
.say_list ul li { border: 1px solid #e5e5e5; padding: 30px; color: #666; position: relative; height: 86px; background: url(../images/icon/icon_down.png) no-repeat 30px center; padding-left: 70px; margin-bottom: 20px; }
.say_list ul li a { position: absolute; right: 0px; top: 0px; width: 90px; height: 84px; top: 0px; right: 0px; background: url(../images/icon/down.jpg) no-repeat center; }
.say_list .ml60 { margin-left: 40px; }
.pro_special table { width: 100%!important; }
.pro_special table td { border: 1px solid #e5e5e5; padding: 5px; }
/*第二屏*/
.i_two_bg { background: #d1d0d1; overflow: hidden; }
.i_t { font-weight: normal; overflow: hidden; margin-top: 1%; margin-bottom: 1%; text-align: center; color: #3c1d51; }
.i_t1 { font-weight: normal; overflow: hidden; margin-top: 1%; margin-bottom: 8%; text-align: center; color: #3c1d51; }
.i_t2 { font-weight: normal; overflow: hidden; margin-top: 1%; margin-bottom: 5%; text-align: center; color: #802378; }
.i_t3 { font-weight: normal; overflow: hidden; margin-top: 5%; margin-bottom: 1%; text-align: center; color: #802378; }
.i_t4 { font-weight: normal; overflow: hidden; margin-top: 5%; margin-bottom: 1%; text-align: center; color: #3c1d51; }
.i_t5 { font-weight: normal; overflow: hidden; margin-top: 1%; /*margin-bottom: 5%;*/ text-align: center; color: #3c1d51; }
.i_two { padding-bottom: 0.5%; }
.i_two ul li { float: left; width: 49%; margin-right: 2%; overflow: hidden; position: relative; transition: all 0.3s; background: #fff; }
.i_two ul li:hover { -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1); }
.i_two ul li:nth-child(2n+0) { margin-right: 0; }
.i_two ul li .imgs { overflow: hidden; width: 49%; float: right; }
.i_two ul li .imgs img { display: block; width: 100%; vertical-align: middle;/*display:inline-block;*/ -webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.i_two ul li:hover .imgs img { -webkit-transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12); -o-transform: scale(1.12, 1.12); -ms-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); }
.i_two ul li .txts { overflow: hidden; }
.i_two ul li .txts .cons { width: 94%; margin: 0 auto; max-width: 310px; overflow: hidden; }
.i_two ul li .txts .tyles { display: inline-block; padding-left: 12px; padding-right: 12px; min-width: 76px; overflow: hidden; height: 28px; line-height: 28px; color: #333333; margin-bottom: 3%; margin-top: 15%; font-size: 14px; border: 1px solid #c1c1c1; border-radius: 6px; font-family: "微软雅黑"; text-align: center; transition: all 0.3s; }
.i_two ul li .txts .tyles:hover { background: #643173; color: #fff; }
.i_two ul li .txts .date { font-style: normal; display: block; overflow: hidden; height: 20px; line-height: 20px; color: #999999; font-size: 16px; }
.i_two ul li .txts .h2 { overflow: hidden; height: 60px; line-height: 30px; color: #000; margin-bottom: 12%; margin-top: 12%; position: relative; text-align: left;/*white-space:nowrap;text-overflow:ellipsis;*/ transition: all 0.3s; font-weight: normal; }
.i_two ul li .txts .p { border-top: 1px dashed #999999; line-height: 24px; height: 48px; padding-top: 10%; overflow: hidden; color: #666666 }
/*第三屏*/
.i2 { background-color: #FFFFFF; }
/*服务支持*/
.i_three { width: 90%; margin: 0 auto; overflow: hidden; clear: both; border-right: 0; margin-bottom: 5%; padding-top: 5%; border-top: 2px solid #643173; }
.i_three ul li { width: 33.33%; float: left; overflow: hidden; text-align: center; font-size: 22px; color: #3c1d51; padding-bottom: 30px; padding-top: 5%; position: relative; }
.i_three ul li::after { content: ""; position: absolute; bottom: 0; height: 3px; background: #643173; left: 50%; transform: translate(-50%, 0%); width: 0%; transition: all 0.3s; }
.i_three ul li .bt { position: absolute; bottom: 1px; height: 1px; background: #643173; width: 90%; left: 5% }
.i_three ul li .br { position: absolute; right: 0; height: 80%; background: #643173; width: 1px; top: 10%; }
.i_three ul li img { display: block; height: 48px; margin: 0 auto; margin-bottom: 6%; }
/*
.i_three ul li .h2{ font-weight:normal;color:#000000; line-height:30px; padding-bottom:3%; position:relative; font-size:24px; margin-bottom:4%;}
.i_three ul li .h2:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-10px; width:20px; height:2px; background:#643173;}
*/
.i_three ul li .p { line-height: 26px; height: 52px; overflow: hidden; }
.i_three ul li:hover:after { width: 100%; }
/*第四屏*/
.product_ul { margin-top: 5%; margin-bottom: 5%; }
.product_ul ul li { float: left; width: 32%; margin-bottom: 2%; overflow: hidden; margin-right: 2%; position: relative; text-align: center; transition: all 0.3s; background: #fff; }
.product_ul ul li:nth-child(3n+0) { margin-right: 0; }
.product_ul ul li .imgs { overflow: hidden; position: relative; }
.product_ul ul li .imgs img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.product_ul ul li:hover .imgs img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.product_ul ul li .txts { width: 94%; max-width: 406px; margin: 0 auto; overflow: hidden; }
.product_ul ul li .txts .h3 { overflow: hidden; height: 30px; line-height: 30px; margin-top: 10px; font-weight: normal; font-size: 24px; color: #000000; }
.product_ul ul li:hover { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.24);/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);*/ }
.product_ul ul li:hover .txts .h3 { color: #000; }
.product_ul ul li .txts .p { overflow: hidden; font-size: 18px; color: #666666; margin-top: 6px; /*height:24px;*/ line-height: 24px; }
.product_ul ul li .txts .line { margin-top: 24px; border-top: 1px dashed #ececec; text-align: center; padding-top: 26px; padding-bottom: 26px; overflow: hidden; color: #643173; }
.product_ul ul li .txts .line2 { margin-top: 24px; border-top: 1px solid #ececec; text-align: center; padding-top: 56px; padding-bottom: 56px; overflow: hidden; color: #643173; }
.product_ul ul li .txts .line1 { margin-top: 24px; /*border-top:1px dashed #ececec;*/ text-align: center; padding-top: 26px; padding-bottom: 26px; overflow: hidden; color: #636363; }
.product_ul ul li .txts .line em { font-style: normal; height: 20px; line-height: 20px; display: inline-block; padding-right: 30px; /*background:url(../images/product_bg1.png)*/ right center no-repeat;
color: #000; font-size: 26px; transition: all 0.3s; }
.product_ul ul li .txts .line em:hover { margin-left: 5px; }
/*视频*/
.i-video { margin-top: 50px; margin-bottom: 4%; }
.videolist { position: relative; display: block; }
.videolist:hover { cursor: pointer; }
.videoed { display: none; width: 73px; height: 48px; position: absolute !important; left: 45%; top: 45%; z-index: 99 !important; }
.videos { display: none; border: 1px solid #080808; background-color: #000; position: fixed; left: 15%; top: 10%; z-index: 100; width: 70%; height: auto; }
.vclose { position: absolute; right: 1%; top: 1%; border-radius: 100%; cursor: pointer; }
/*支持*/
.AtcInvest-support { padding: 78px 0 101px; }
.aiSupp-list { border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; margin: 54px 0 0; }
.aiSupp-list li { height: 300px; padding: 40px 3.90625% 0; width: 33.3334%; text-align: center; font-weight: lighter; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; float: left; }
.aiSupp-list li .name { line-height: 35px; font-size: 20px; margin: 10px 0 0; }
.aiSupp-list li .con { line-height: 24px; margin: 15px 0 0; }
.aiSupp-list li .icon { display: inline-block; width: 88px; height: 88px; }
.aiSupp-list li .icon.i1 { background: url(../uploadfile/aiSupp-1.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i1 { background-image: url(../uploadfile/aiSupp-1-2.png); }
.aiSupp-list li .icon.i2 { background: url(../uploadfile/aiSupp-2.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i2 { background-image: url(../../uploadfile/aiSupp-2-2.png); }
.aiSupp-list li .icon.i3 { background: url(../uploadfile/aiSupp-3.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i3 { background-image: url(../uploadfile/aiSupp-3-2.png); }
.aiSupp-list li .icon.i4 { background: url(../uploadfile/aiSupp-4.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i4 { background-image: url(../uploadfile/aiSupp-4-2.png); }
.aiSupp-list li .icon.i5 { background: url(../uploadfile/aiSupp-5.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i5 { background-image: url(../uploadfile/aiSupp-5-2.png); }
.aiSupp-list li .icon.i6 { background: url(../uploadfile/aiSupp-6.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i6 { background-image: url(../uploadfile/aiSupp-6-2.png); }
.aiSupp-list li .icon.i7 { background: url(../uploadfile/aiSupp-7.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i7 { background-image: url(../uploadfile/aiSupp-7-2.png); }
.aiSupp-list li .icon.i8 { background: url(../uploadfile/aiSupp-8.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i8 { background-image: url(../uploadfile/aiSupp-8-2.png); }
.aiSupp-list li .icon.i9 { background: url(../uploadfile/aiSupp-9.png) no-repeat center center; }
.aiSupp-list li:hover .icon.i9 { background-image: url(../uploadfile/aiSupp-9-2.png); }
.aiSupp-list li:hover .icon,
.aiSupp-list li:hover .name,
.aiSupp-list li:hover .con { transform: translateY(-10px) scale(1.1); -webkit-transform: translateY(-10px) scale(1.1); }
.contain { width: 1280px; margin: 0 auto; }
.about_img { overflow: hidden; }
/*产品页*/
.container { max-width: 11rem; box-sizing: border-box; margin: auto; position: relative; max-width: 1320px; }
.container:after { content: ""; display: block; clear: both; }



@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1100px) {
/*第二屏*/
.i_two ul li .txts .tyles { font-size: 13px; }
.i_two ul li .txts .date { font-size: 14px; }
.i_two ul li .txts .h2 { line-height: 26px; height: 52px; margin-top: 8%; margin-bottom: 8%; }
.i_two ul li .txts .p { margin-top: 8%; }
}
 @media screen and (max-width: 960px) {
/*产品*/
.i_one ul li { float: none; width: 100%; margin-right: 0; margin-top: 1.5%; }
.i_mores a { height: 50px; line-height: 50px; }
/*第二屏*/
.i_two ul li { margin-right: 0; float: none; width: 100%; margin-bottom: 3%; }
.i_two ul li:last-child { margin-bottom: 0; }
.i_two ul li .txts .cons { max-width: none; }
.i_two ul li .txts .h2 { font-size: 20px; height: auto; max-height: 52px; }
.i_two ul li .txts .p { font-size: 16px; height: auto; max-height: 44px; line-height: 22px; }
/*服务支持*/
.i_three ul li { font-size: 16px; }
.i_three ul li img { height: 40px; }
.i_three ul li .h2 { font-size: 20px; }
.i_three ul li .p { line-height: 22px; height: 44px; }
/*视频*/
.videos { left: 5%; top: 10%; z-index: 100; width: 90%; height: auto; }
}
@media screen and (max-width: 789px) {
}
@media screen and (max-width: 640px) {
/*产品*/
.i_one ul li .txts { width: 40%; }
.i_one ul li .imgs { width: 60%; }
.i_mores a { font-size: 17px; max-width: 140px; }
/*第二屏*/
.i_two ul li .txts .tyles { font-size: 12px; }
.i_two ul li .txts .h2 { font-size: 18px; }
.i_two ul li .txts .p { font-size: 15px; }
}
 @media screen and (max-width: 480px) {
/*产品*/
.i_one ul li .p { line-height: 20px; height: 40px; }
.i_one ul li .line .imore { font-size: 14px; }
.i_mores a { height: 40px; line-height: 40px; }
/*第二屏*/
.i_two ul li .txts .tyles { height: 24px; line-height: 24px; min-width: 68px; }
.i_two ul li .txts .h2 { line-height: 22px; max-height: 44px; font-size: 17px; margin-top: 6%; }
.i_two ul li .txts .p { padding-top: 7%; line-height: 20px; max-height: 40px; }
/*服务支持*/
.i_three ul li { padding-bottom: 20px; }
.i_three ul li img { height: 32px; }
.i_three ul li .h2 { font-size: 16px; margin-bottom: 6%; }
.i_three ul li .p { font-size: 12px; line-height: 20px; height: 40px; }
}
 @media screen and (max-width: 360px) {
/*产品*/
.i_mores a { height: 36px; line-height: 36px; font-size: 16px; }
/*第二屏*/
.i_two ul li .txts .tyles { margin-top: 13%; }
/*服务支持*/
.i_three ul li { font-size: 15px; padding-bottom: 15px; }
.i_three ul li .p { height: 60px; }
}