@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff; background-position:center; background-repeat:no-repeat; background-size:contain;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0; font-family:"Microsoft YaHei",arial,sans-serif;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:990; height:100px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ height:80px; background-color:#0064c8;}
.header.cur{ background-color:#0064c8;}
.header.active{ background-color:#0064c8;}
.header .head{ width:1200px; margin:auto; height:100%;}
.header .head .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .head .logo img{ height:40px; display:block;}
.header .head .nav{ display:block; float:right; margin-right:45px;}
.header .head .nav li{ display:flex; align-items:center; height:100%; float:left; padding:0 25px;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden; color:#fff; position:relative;}
.header .head .nav li>a b{ width:100%; height:2px; display:none; position:absolute; left:0; bottom:0; background-color:#0064c8;}
.header .head .nav li.cur>a b{ display:block;}
.header .head .nav li:hover{ background-color:#fff;}
.header .head .nav li:hover>a{ color:#0064c8;}
.header.pos .head .nav li.cur>a b,.header.cur .head .nav li.cur>a b,.header.active .head .nav li.cur>a b{ background-color:#fff;}
.header.pos .head .nav li:hover>a b,.header.cur .head .nav li:hover>a b,.header.active .head .nav li:hover>a b{ background-color:#0064c8;}
.header .head .nav li .down{ position:absolute; width:100%; z-index:1; left:0; background:rgba(255,255,255,.9); box-shadow:0 5px 10px rgb(31 67 144 / 30%); top:100%; transition:all 0.3s ease; opacity:0; transition:all 0.3s ease; visibility:hidden; transform:translateY(20px); text-align:center; display:flex; justify-content:center; padding:25px 0;}
.header .head .nav li:hover .down{ opacity:1; visibility:visible; transform:translateY(0);}
.header .head .nav li .down a{ display:block; margin:0 15px; color:#666; line-height:24px; font-size:16px;}
.header .head .nav li .down a:hover,.header .head .nav li .down a.on{ color:#0064c8;}
.header .head .Header-search{ width:16px; height:100%; position:relative; display:flex; align-items:center; float:right;}
.header .head .Header-search .Header-search-click{ width:16px; height:16px; cursor:pointer; display:flex; align-items:center; overflow:hidden;}
.header .head .Header-search .Header-search-click img{ height:16px; display:block; margin:auto;}
.header .head .Header-search .Header-search-click img.img02{ display:none;}
.header .head .Header-search .Header-search-wordsform{ display:none;}
.header .head .Header-search-wordsform{ position:absolute; width:300px; height:38px; top:50%; margin-top:-24px; right:40px; padding-left:38px; display:none;}
.header .head .Header-search-submit{ width:24px; height:100%; background:url('../images/ser.png') no-repeat left center; cursor:pointer; position:absolute; top:0; left:0;}
.header .head .Header-search-wordsform .ss{ width:100%; height:38px; line-height:38px; display:block; font-size:14px; color:#fff; border-bottom:1px solid #eee; background:transparent; padding-right:60px; box-sizing:border-box;}
.header .head .Header-search-wordsform .tijiao{ width:60px; text-align:center; color:#fff; height:38px; line-height:38px; display:block; background-color:transparent; position:absolute; right:0; top:0; cursor:pointer;}
.header .head .Header-search-wordsform .tijiao:hover{ color:#be1d23;}
.header.cur .head .Header-search-wordsform{ display:block;}
.header.cur .head .Header-search-click img.img01{ display:none;}
.header.cur .head .Header-search-click img.img02{ display:block;}
.header .head .Header-search-wordsform input.ss::-webkit-input-placeholder{ color:#ccc;} 
.header .head .Header-search-wordsform input.ss:-moz-placeholder{ color:#ccc;} 
.header .head .Header-search-wordsform input.ss::-moz-placeholder{ color:#ccc;} 
.header .head .Header-search-wordsform input.ss:-ms-input-placeholder{ color:#ccc;} 

/*banner*/
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide img{ display:block; width:100%; height:100%; object-fit:cover;}
.banner .text{ width:1100px; padding-right:100px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .text span{ display:block; color:#fff; font-size:48px; line-height:58px; transform:translateY(-100px); transition:0.6s;}
.banner .text p{ display:block; color:#fff; font-size:20px; line-height:30px; margin-top:20px; transform:translateY(100px); transition:0.6s;}
.banner .text .more{ width:100px; padding:0 24px; height:38px; line-height:38px; border:1px solid #fff; display:block; margin-top:60px; font-size:14px; color:#fff; transform:translateY(100px); transition:0.6s; position:relative; border-radius:40px; overflow:hidden;}
.banner .text .more::before{ content:''; position:absolute; right:40px; top:50%; margin-top:-4px; width:8px; height:8px; background:#fff; transform:rotate(-45deg);}
.banner .text .more::after{ content:''; position:absolute; right:24px; top:50%; margin-top:-4px; width:8px; height:8px; background:#fff; transform:rotate(-45deg); opacity:.5;}
.banner .text .more:hover{ background:#0064c8; color:#fff; border:1px solid #0064c8;}
.banner .swiper-slide-active .text span,.banner .swiper-slide-active .text p,.banner .swiper-slide-active .text .more{ transform:translateY(0px);}
.banner .swiper-pagination{ width:26px; position:absolute; top:50%; right:50%; margin-right:-600px; transform:translateY(-50%);}
.banner .swiper-pagination span{ width:26px; height:26px; display:block; margin:14px 0; cursor:pointer; border-radius:100%; background-image:url(../images/ban_06.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh_03.png);}
.banner .down{ width:18px; position:absolute; left:50%; margin-left:-9px; bottom:30px; z-index:3;}
.banner .down img{ width:100%; display:block; cursor:pointer;}

/*关于我们*/
.abox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.abox .title{ width:1200px; margin:auto;}
.abox .title .left{ width:1000px; float:left;}
.abox .title .left span{ display:block; font-size:16px; line-height:24px; text-transform:uppercase; color:#999;}
.abox .title .left p{ display:block; font-size:30px; line-height:40px; color:#333; margin-top:6px;}
.abox .title .left a{ display:block; font-size:30px; line-height:40px; color:#0064c8;}
.abox .title .right{ float:right; padding-top:65px;}
.abox .title .right a{ width:100px; padding:0 24px; height:38px; line-height:38px; border:1px solid #0064c8; display:block; font-size:14px; color:#0064c8; position:relative; border-radius:40px; overflow:hidden;}
.abox .title .right a::before{ content:''; position:absolute; right:40px; top:50%; margin-top:-4px; width:8px; height:8px; background:#0064c8; transform:rotate(-45deg);}
.abox .title .right a::after{ content:''; position:absolute; right:24px; top:50%; margin-top:-4px; width:8px; height:8px; background:#0064c8; transform:rotate(-45deg); opacity:.5;}
.abox .title .right a:hover{ background:#0064c8; color:#fff; border:1px solid #0064c8;}
.abox .title .right a:hover::before{ background:#fff;}
.abox .title .right a:hover::after{ background:#fff;}
.abox .box{ width:1200px; margin:auto; margin-top:35px;}
.abox .box ul{ width:1220px; display:block; overflow:hidden;}
.abox .box ul li{ width:250px; height:460px; display:block; float:left; margin-right:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.abox .box ul li.active{ width:420px;}
.abox .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.abox .box ul li.active .bg{ background-color:rgba(0,0,0,.3);}
.abox .box ul li.active .bg b{ display:block; width:100%; height:100%; background-image:url(../images/abg_13.png); background-position:left bottom; background-repeat:repeat-x;}
.abox .box ul li .tu{ position:absolute; left:30px; bottom:50px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box ul li .tu img{ height:60px; display:block;}
.abox .box ul li.active .tu{ left:50px;}
.abox .box ul li .wen{ width:calc(100% - 60px); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box ul li.active .wen{ width:calc(100% - 100px)}
.abox .box ul li .wen .en{ font-size:14px; line-height:22px; height:22px; color:#fff; opacity:.7; text-transform:uppercase;}
.abox .box ul li.active .wen .en{ font-size:16px; line-height:24px; height:24px;}
.abox .box ul li .wen .cn{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.abox .box ul li.active .wen .cn{ font-size:24px; line-height:34px; height:34px;}
.abox .box ul li .wen .wz{ display:none; padding-top:17px; font-size:14px; line-height:30px; color:#fff;}
.abox .box ul li.active .wen .wz{ display:block;}

/*产品*/
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#ebeff8; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .title{ width:1200px; margin:auto;}
.pbox .title .left{ width:1000px; float:left;}
.pbox .title .left span{ display:block; font-size:16px; line-height:24px; text-transform:uppercase; color:#999;}
.pbox .title .left p{ display:block; font-size:30px; line-height:40px; color:#333; margin-top:6px;}
.pbox .title .left a{ display:block; font-size:30px; line-height:40px; color:#0064c8;}
.pbox .title .right{ float:right; padding-top:65px;}
.pbox .title .right a{ width:100px; padding:0 24px; height:38px; line-height:38px; border:1px solid #0064c8; display:block; font-size:14px; color:#0064c8; position:relative; border-radius:40px; overflow:hidden;}
.pbox .title .right a::before{ content:''; position:absolute; right:40px; top:50%; margin-top:-4px; width:8px; height:8px; background:#0064c8; transform:rotate(-45deg);}
.pbox .title .right a::after{ content:''; position:absolute; right:24px; top:50%; margin-top:-4px; width:8px; height:8px; background:#0064c8; transform:rotate(-45deg); opacity:.5;}
.pbox .title .right a:hover{ background:#0064c8; color:#fff; border:1px solid #0064c8;}
.pbox .title .right a:hover::before{ background:#fff;}
.pbox .title .right a:hover::after{ background:#fff;}
.pbox .box{ width:1198px; margin:auto; margin-top:35px;}
.pbox .box .swiper-container{ width:100%; height:420px; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide{ width:280px; height:420px; position:relative; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .bg{ width:100%; height:320px; position:absolute; left:0; top:40px; z-index:1; background-color:#fff; border-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide .bg b{ width:100%; height:0; background-color:#0064c8; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide:hover .bg{ height:400px; top:0;}
.pbox .box .swiper-container .swiper-slide:hover .bg b{ height:130px;}
.pbox .box .swiper-container .swiper-slide .nei{ position:relative; z-index:3; width:100%; height:100%;}
.pbox .box .swiper-container .swiper-slide .nei .tb{ width:100%; height:70px; position:absolute; left:0; top:90px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide .nei .tb img{ display:block; height:70px; margin:auto;}
.pbox .box .swiper-container .swiper-slide .nei .tb img.t02{ display:none;}
.pbox .box .swiper-container .swiper-slide:hover .nei .tb{ top:95px;}
.pbox .box .swiper-container .swiper-slide:hover .nei .tb img.t01{ display:none;}
.pbox .box .swiper-container .swiper-slide:hover .nei .tb img.t02{ display:block;}
.pbox .box .swiper-container .swiper-slide .nei .bt{ text-align:center; width:calc(100% - 30px); position:absolute; left:15px; top:175px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide:hover .nei .bt{ top:26px;}
.pbox .box .swiper-container .swiper-slide .nei .bt span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .nei .bt p{ display:block; font-size:14px; line-height:26px; height:26px; overflow:hidden; color:#666;}
.pbox .box .swiper-container .swiper-slide:hover .nei .bt span{ color:#fff;}
.pbox .box .swiper-container .swiper-slide:hover .nei .bt p{ color:#fff; opacity:.7;}
.pbox .box .swiper-container .swiper-slide .nei .line{ width:150px; height:1px; background-color:#eee; position:absolute; left:65px; top:235px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide:hover .nei .line{ top:218px;}
.pbox .box .swiper-container .swiper-slide .nei .zi{ width:calc(100% - 40px); position:absolute; left:20px; top:420px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:30px; height:120px;}
.pbox .box .swiper-container .swiper-slide:hover .nei .zi{ top:230px;}
.pbox .box .swiper-container .swiper-slide .nei .wen{ text-align:center; width:calc(100% - 40px); position:absolute; left:20px; top:251px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; height:48px;}
.pbox .box .swiper-container .swiper-slide:hover .nei .wen{ top:160px;}
.pbox .box .swiper-container .swiper-slide .nei .xun{ width:100%; position:absolute; left:0; bottom:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide:hover .nei .xun{ bottom:0;}
.pbox .box .swiper-container .swiper-slide .nei .xun a{ width:118px; height:34px; line-height:34px; display:block; border-radius:40px; margin:auto; border:1px solid #0064c8; background-color:#fff; text-align:center;}
.pbox .box .swiper-container .swiper-slide .nei .xun a:hover{ background-color:#0064c8; color:#fff;}
.pbox .swiper-pagination{ width:100%; margin-top:30px; display:flex; justify-content:center;}
.pbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#0064c8;}

/*方案*/
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.sbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.sbox .title .left{ width:1000px; float:left;}
.sbox .title .left span{ display:block; font-size:16px; line-height:24px; text-transform:uppercase; color:#999;}
.sbox .title .left p{ display:block; font-size:30px; line-height:40px; color:#fff; margin-top:6px;}
.sbox .title .left a{ display:block; font-size:30px; line-height:40px; color:#0064c8;}
.sbox .title .right{ float:right; padding-top:65px;}
.sbox .title .right a{ width:100px; padding:0 24px; height:38px; line-height:38px; border:1px solid #fff; display:block; font-size:14px; color:#fff; position:relative; border-radius:40px; overflow:hidden;}
.sbox .title .right a::before{ content:''; position:absolute; right:40px; top:50%; margin-top:-4px; width:8px; height:8px; background:#fff; transform:rotate(-45deg);}
.sbox .title .right a::after{ content:''; position:absolute; right:24px; top:50%; margin-top:-4px; width:8px; height:8px; background:#fff; transform:rotate(-45deg); opacity:.5;}
.sbox .title .right a:hover{ background:#0064c8; color:#fff; border:1px solid #0064c8;}
.sbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3; overflow:hidden;}
.sbox .box .swiper-container{ height:460px; overflow:hidden;}
.sbox .box .swiper-slide{ width:380px; height:460px;}
.sbox .box .swiper-slide a{ width:calc(100% - 60px); margin:auto; padding-top:68px; display:block; border-radius:10px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; height:100%;}
.sbox .box .swiper-slide.swiper-slide-active a{ width:100%; background-color:#fff; padding:10px;}
.sbox .box .swiper-slide .tu{ width:100%; height:240px; border-radius:10px;}
.sbox .box .swiper-slide.swiper-slide-active .tu{ height:270px;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block;}
.sbox .box .swiper-slide .wen{ width:100%; margin:auto; padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ width:calc(100% - 40px); padding-top:25px;}
.sbox .box .swiper-slide .wen .left{ width:260px; float:left;}
.sbox .box .swiper-slide .wen .left span{ display:block; padding-left:20px; font-size:18px; line-height:28px; height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; color:#fff;}
.sbox .box .swiper-slide .wen .left p{ display:none; margin-top:5px; border-top:1px solid #ddd; padding-top:15px; font-size:14px; line-height:24px; height:48px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .swiper-slide .wen .left b{ display:none; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#999; font-weight:normal; overflow:hidden;}
.sbox .box .swiper-slide .wen .left strong{ display:block; font-size:30px; line-height:34px; color:#ddd; margin-top:5px; border-top:1px solid #ddd; padding-top:5px; padding-left:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left span{ color:#333;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left p{ display:-webkit-box;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left b{ display:block;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left strong{ display:none;}
.sbox .box .swiper-slide a:hover .wen .left span{ background-image:url(../images/li01.png);}
.sbox .box .swiper-slide.swiper-slide-active a:hover .wen .left span{ color:#0064c8;}
.sbox .box .swiper-slide a:hover .wen .left strong{ border-top:1px solid #fff;}
.sbox .box .swiper-slide.swiper-slide-active a:hover .wen .left strong{ border-top:1px solid #0064c8;}
.sbox .box .swiper-slide a:hover .wen .left p{ border-top:1px solid #0064c8;}
.sbox .box .swiper-slide .wen .right{ width:29px; height:29px; border:1px solid #999; border-radius:100%; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat; float:right; margin-top:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .right{ width:33px; height:33px; border:1px solid #0064c8; background-image:url(../images/gdh.png); margin-top:17px;}
.sbox .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; float:left; position:absolute; top:210px;}
.sbox .box .swiper-button-white:hover{ background-color:#0064c8; border:1px solid #0064c8;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:345px;}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png); right:345px;}
.sbox .swiper-pagination{ width:100%; margin-top:30px; display:flex; justify-content:center;}
.sbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:rgba(255,255,255,.5);}
.sbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#0064c8;}

/*案例*/
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.cbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.cbox .title .left{ width:1000px; float:left;}
.cbox .title .left span{ display:block; font-size:16px; line-height:24px; text-transform:uppercase; color:#999;}
.cbox .title .left p{ display:block; font-size:30px; line-height:40px; color:#333; margin-top:6px;}
.cbox .title .left a{ display:block; font-size:30px; line-height:40px; color:#0064c8;}
.cbox .title .right{ float:right; padding-top:65px;}
.cbox .title .right .swiper-button-white{ width:38px; height:38px; border-radius:100%; border:1px solid #0064c8; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; float:left;}
.cbox .title .right .swiper-button-prev{ background-image:url(../images/prev01.png);}
.cbox .title .right .swiper-button-next{ background-image:url(../images/next01.png); margin-left:10px;}
.cbox .title .right .swiper-button-white:hover{ background-color:#0064c8;}
.cbox .title .right .swiper-button-prev:hover{ background-image:url(../images/prev.png); left:345px;}
.cbox .title .right .swiper-button-next:hover{ background-image:url(../images/next.png); right:345px;}
.cbox .box{ width:1200px; margin:auto; margin-top:15px; position:relative; z-index:3; overflow:hidden;}
.cbox .box .swiper-container{ height:240px; overflow:hidden;}
.cbox .box .swiper-slide{ width:224px;}
.cbox .box .swiper-slide a{ width:222px; height:98px; margin-top:20px; display:flex; align-items:center; border:1px solid #ddd; overflow:hidden;}
.cbox .box .swiper-slide a img{ max-width:100%; max-height:98px; display:block; margin:auto;}
.cbox .box .swiper-slide a:hover{ border:1px solid #0064c8;}
.cbox .cont{ width:1200px; margin:auto; margin-top:65px;}
.cbox .cont .title{ width:100%;}
.cbox .cont .title .left{ width:auto;}
.cbox .cont .title .right{ float:right; padding-top:25px;}
.cbox .cont .title .right a{ width:100px; padding:0 24px; height:38px; line-height:38px; border:1px solid #0064c8; display:block; font-size:14px; color:#0064c8; position:relative; border-radius:40px; overflow:hidden;}
.cbox .cont .title .right a::before{ content:''; position:absolute; right:40px; top:50%; margin-top:-4px; width:8px; height:8px; background:#0064c8; transform:rotate(-45deg);}
.cbox .cont .title .right a::after{ content:''; position:absolute; right:24px; top:50%; margin-top:-4px; width:8px; height:8px; background:#0064c8; transform:rotate(-45deg); opacity:.5;}
.cbox .cont .title .right a:hover{ background:#0064c8; color:#fff; border:1px solid #0064c8;}
.cbox .cont .title .right a:hover::before{ background:#fff;}
.cbox .cont .title .right a:hover::after{ background:#fff;}
.cbox .cont .zc{ float:left; width:600px;}
.cbox .cont .zc .list{ display:block; padding-top:5px;}
.cbox .cont .zc .list li{ display:block; margin-top:10px; border-bottom:1px solid #ddd; height:34px; padding-left:16px; background-image:url(../images/li_25.jpg); background-position:left center; background-repeat:no-repeat;}
.cbox .cont .zc .list li a{ display:block; float:left; width:calc(100% - 90px); height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .cont .zc .list li span{ display:block; float:right; color:#999; height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .cont .zc .list li a:hover{ color:#0064c8;}
.cbox .cont .yc{ float:right; width:500px;}
.cbox .cont .yc .list{ display:block; padding-top:10px;}
.cbox .cont .yc .list dt{ display:block; margin-top:15px; width:100%; overflow:hidden;}
.cbox .cont .yc .list dt input{ width:240px; height:40px; line-height:40px; padding:0 20px; box-sizing:border-box; float:left; display:block; overflow:hidden; background-color:#f7f7f7; margin-left:20px;}
.cbox .cont .yc .list dt input:nth-child(2n+1){ margin-left:0;}
.cbox .cont .yc .list dt textarea{ width:100%; height:90px; line-height:24px; padding:8px 20px; box-sizing:border-box; display:block; overflow:auto; background-color:#f7f7f7;}
.cbox .cont .yc .list dd{ display:block; margin-top:15px; width:100%; overflow:hidden;}
.cbox .cont .yc .list dd input{ width:140px; height:40px; line-height:40px; display:block; overflow:hidden; background-color:#0064c8; cursor:pointer; color:#fff; float:right; text-align:center;}
.cbox .cont .yc .list dd input:hover{ background-color:#0080ff;}

/*footer*/
.footer{ width:100%; padding:45px 0; background-color:#222;}
.footer .link{ width:1200px; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:190px; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:1010px; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:40px; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right a:hover{ color:#0064c8;}
.footer .foot{ width:1200px; margin:auto; position:relative;}
.footer .foot .left{ width:490px; float:left; padding-top:6px; height:168px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:62px; line-height:62px; font-size:16px; color:#fff; display:block; float:left; margin-right:40px;}
.footer .foot .left span a:hover{ color:#0064c8;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:90px; color:#999;}
.footer .foot .left p a{ color:#999;}
.footer .foot .mil{ width:120px; position:absolute; left:50%; margin-left:-60px; top:30px;}
.footer .foot .mil strong{ width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:490px; float:right; padding-top:35px; height:139px; text-align:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(0,100,200,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.1);
    }
}
.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .bg b{ width:100%; height:100%; display:block; overflow:hidden; background-color:rgba(0,0,0,0.7);}
.ban .box{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-40%); text-align:center; z-index:2;}
.ban .box .t01{ display:block; color:#fff; font-size:36px; height:46px; line-height:46px; overflow:hidden; letter-spacing:5px; text-indent:5px; font-weight:bold;}
.ban .box .t02{ display:block; color:#fff; font-size:16px; line-height:26px; overflow:hidden; margin-top:10px;}
.ban .box .t03{ text-align:center; display:flex; justify-content:center; margin-top:15px; flex-wrap:wrap;}
.ban .box .t03 a{ display:block; padding:0 15px; color:#fff; line-height:36px; font-size:16px; height:36px; border-radius:5px; background-color:rgba(255,255,255,.3); margin:20px 10px; margin-bottom:0;}
.ban .box .t03 a:hover{ background-color:rgba(255,255,255,.7); color:#0064c8;}
.ban .box .t03 a.on{ background-color:#0064c8; color:#fff;}

.main{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.main .title{ width:100%; text-align:center;}
.main .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.main .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.main .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.main .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.main .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}

/*产品*/
.pro{ width:1200px; display:block; margin:auto;}
.pro li{ width:285px; height:350px; position:relative; overflow:hidden; float:left; margin-left:20px; margin-top:15px;}
.pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro li .bg{ width:100%; height:320px; position:absolute; left:0; top:15px; z-index:1; background-color:#f7f7f7; border-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li .bg b{ width:100%; height:0; background-color:#0064c8; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li:hover .bg{ height:330px; top:0;}
.pro li:hover .bg b{ height:120px;}
.pro li .nei{ position:relative; z-index:3; width:100%; height:100%;}
.pro li .nei .tb{ width:100%; height:70px; position:absolute; left:0; top:65px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li .nei .tb img{ display:block; height:70px; margin:auto;}
.pro li .nei .tb img.t02{ display:none;}
.pro li:hover .nei .tb{ top:80px;}
.pro li:hover .nei .tb img.t01{ display:none;}
.pro li:hover .nei .tb img.t02{ display:block;}
.pro li .nei .bt{ text-align:center; width:calc(100% - 30px); position:absolute; left:15px; top:150px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li:hover .nei .bt{ top:16px;}
.pro li .nei .bt span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.pro li .nei .bt p{ display:block; font-size:14px; line-height:26px; height:26px; overflow:hidden; color:#666;}
.pro li:hover .nei .bt span{ color:#fff;}
.pro li:hover .nei .bt p{ color:#fff; opacity:.7;}
.pro li .nei .line{ width:150px; height:1px; background-color:#ddd; position:absolute; left:65px; top:210px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li:hover .nei .line{ top:218px;}
.pro li .nei .wen{ text-align:center; width:calc(100% - 40px); position:absolute; left:20px; top:225px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; height:48px;}
.pro li:hover .nei .wen{ top:160px;}
.pro li .nei .zi{ width:calc(100% - 40px); position:absolute; left:20px; top:350px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; height:72px;}
.pro li:hover .nei .zi{ top:230px;}
.pro li .nei .xun{ width:100%; position:absolute; left:0; bottom:0px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li:hover .nei .xun{ bottom:0;}
.pro li .nei .xun a{ width:118px; height:34px; line-height:34px; display:block; border-radius:40px; margin:auto; border:1px solid #0064c8; background-color:#fff; text-align:center;}
.pro li .nei .xun a:hover{ background-color:#0064c8; color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#0064c8;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0064c8;}

/*产品内页*/
.ny .detailsText{ width:1200px; margin:35px auto; margin-top:25px; line-height:1.1; font-weight:500;}
.ny .detailsText h2{ font-size:24px;}
.ny .detailsText h3{ font-size:18px;}
.ny .detailsText h5{ font-size:14px; line-height:1.5;}
.ny .detailsText h6{ font-size:12px; line-height:1.5;}
.ny .detailsText h4{ color:#007aff; font-size:16px; line-height:1.5; font-weight:bold;}
.ny .detailsText p{ margin-top:10px; color:#333; font-size:14px; line-height:1.5;}
.ny .detailsText img{ margin-top:30px; max-width:100%; height:auto;}

/*方案*/
.main .sol{ width:1200px; margin:auto; display:block;}
.main .sol li{ display:block; float:left; width:380px; margin-left:30px; margin-top:30px; overflow:hidden;}
.main .sol li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sol li a{ width:100%; background-color:#fff; padding:9px; height:440px; display:block; border-radius:10px; box-sizing:border-box; border:1px solid #ddd;}
.main .sol li:hover a{ border:1px solid #0064c8;}
.main .sol li .tu{ width:100%; height:270px; border-radius:10px;}
.main .sol li .tu img{ width:100%; display:block;}
.main .sol li .wen{ width:calc(100% - 40px); margin:auto; padding-top:15px;}
.main .sol li .wen .left{ width:260px; float:left;}
.main .sol li .wen .left span{ display:block; padding-left:20px; font-size:18px; line-height:28px; height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat;}
.main .sol li .wen .left p{ display:-webkit-box; margin-top:5px; border-top:1px solid #ddd; padding-top:15px; font-size:14px; line-height:24px; height:48px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .sol li .wen .left b{ display:block; margin-top:5px; font-size:14px; line-height:22px; height:22px; color:#999; font-weight:normal; overflow:hidden;}
.main .sol li:hover .wen .left span{ color:#0064c8; background-image:url(../images/li01.png);}
.main .sol li:hover .wen .left p{ border-top:1px solid #0064c8;}
.main .sol li .wen .right{ width:33px; height:33px; border:1px solid #999; border-radius:100%; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat; float:right; margin-top:17px;}
.main .sol li:hover .wen .right{ background-image:url(../images/gdh.png); border:1px solid #0064c8;}

/*方案内页*/
.fn01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.fn01 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.fn01 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.fn01 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.fn01 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.fn01 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.fn01 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.fn01 .box{ width:1200px; position:relative; margin:auto; margin-top:30px;}
.fn01 .left{ width:550px; float:right; position:relative;}
.fn01 .left .w01{ width:100%; display:flex; align-items:center; padding-top:20px;}
.fn01 .left .w01 strong{ display:flex; align-items:center; width:80px; height:80px; border-radius:100%; background-color:#0064c8; overflow:hidden;}
.fn01 .left .w01 strong img{ max-height:40px; max-width:40px; display:block; margin:auto;}
.fn01 .left .w01 p{ display:block; flex:1; margin-left:20px; overflow:hidden;}
.fn01 .left .w01 p b{ display:block; overflow:hidden; font-size:24px; line-height:34px; height:34px; color:#333;}
.fn01 .left .w01 p a{ display:block; overflow:hidden; font-size:16px; line-height:26px; height:26px; color:#333; text-transform:uppercase;}
.fn01 .left .w02{ font-size:18px; line-height:28px; margin-top:25px; font-weight:bold;}
.fn01 .left .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.fn01 .right{ width:600px; float:left; overflow:hidden;}
.fn01 .right img{ width:100%; display:block;}

.fn02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1;}
.fn02 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.fn02 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.fn02 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.fn02 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.fn02 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.fn02 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.fn02 .box{ width:1200px; position:relative; margin:auto; margin-top:30px;}
.fn02 .box .left{ width:550px; float:left;}
.fn02 .box .left ul{ display:block; overflow:hidden; margin-top:-15px;}
.fn02 .box .left ul li{ display:block; margin-top:20px; overflow:hidden;}
.fn02 .box .left ul li .j01{ width:100%;}
.fn02 .box .left ul li .j01 span{ width:40px; height:40px; line-height:40px; font-size:18px; background-color:#0064c8; color:#fff; display:block; float:left; border-radius:100%; text-align:center;}
.fn02 .box .left ul li .j01 b{ display:block; float:left; width:calc(100% - 50px); margin-left:10px; font-size:24px; line-height:40px;}
.fn02 .box .left ul li .j02{ padding-top:15px; font-size:14px; line-height:24px;}
.fn02 .box .right{ padding-left:20px; padding-bottom:20px; float:right; position:relative;}
.fn02 .box .right strong{ width:580px; display:block; overflow:hidden; position:relative; z-index:2;}
.fn02 .box .right strong img{ width:100%; display:block;}
.fn02 .box .right b{ width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#0064c8;}

.fn03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fn03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.fn03 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.fn03 .title b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.fn03 .title p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:3px;}
.fn03 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.fn03 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.fn03 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.fn03 .list{ width:1200px; margin:auto; position:relative; z-index:3; display:flex; flex-wrap:wrap;}
.fn03 .list li{ display:block; background-color:rgba(255,255,255,0.8); border-radius:10px; margin-top:30px; width:380px; margin-left:30px; padding:30px; padding-top:30px; box-sizing:border-box; text-align:center;}
.fn03 .list li:nth-child(3n+1){ margin-left:0;}
.fn03 .list li .h01{ width:78px; height:78px; border-radius:100%; margin:auto; background-color:#0064c8; border:1px solid #0064c8;}
.fn03 .list li .h01 img{ display:block; height:40px; margin:19px auto;}
.fn03 .list li .h02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.fn03 .list li .h03{ font-size:14px; line-height:22px; color:#666; margin-top:5px;}
.fn03 .list li:hover{ background-color:#0064c8;}
.fn03 .list li:hover .h01{ border:1px solid #fff;}
.fn03 .list li:hover .h02,.fn03 .list li:hover .h03{ color:#fff;}

.fn04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.fn04 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.fn04 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.fn04 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.fn04 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.fn04 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.fn04 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.fn04 .box{ width:1200px; position:relative; margin:auto; margin-top:30px;}
.fn04 .box .swiper-container{ width:100%; position:relative; height:420px; overflow:hidden;}
.fn04 .box .swiper-container .swiper-slide{ width:800px; height:420px; height:100%; margin:0 15px; position:relative; overflow:hidden;}
.fn04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.fn04 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.fn04 .box .swiper-container .swiper-slide .wen{ padding:15px 20px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(0,100,200,.7);}
.fn04 .box .swiper-container .swiper-slide .wen .h01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.fn04 .box .swiper-container .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff; margin-top:3px;}
.fn04 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.fn04 .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.fn04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-25px; width:50px; height:50px;}
.fn04 .box .swiper-button-white img{ width:100%; display:block;}
.fn04 .box .swiper-button-prev{ left:60px;}
.fn04 .box .swiper-button-next{ right:60px;}

/*案例*/
.index{ width:100%; position:relative; top:-80px; z-index:1;}
.main .case01{ width:1200px; margin:auto; display:block; padding-top:5px;}
.main .case01 li{ width:380px; float:left; margin-top:25px; margin-left:30px; position:relative; overflow:hidden;}
.main .case01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case01 li .t01{ width:100%; height:270px; position:relative;}
.main .case01 li .t01 img{ width:100%; display:block;}
.main .case01 li .t02{ padding-top:10px; width:100%; font-size:18px; line-height:28px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.main .case01 li .t03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .case01 li:hover .t02{ color:#0064c8;}

.case02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f2f2f2;}
.case02 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.case02 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.case02 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.case02 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.case02 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.case02 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.case02 .box{ width:1200px; margin:auto; display:block; padding-top:10px;}
.case02 .box li{ width:224px; display:block; float:left; margin-top:20px; margin-left:20px;}
.case02 .box li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.case02 .box li a{ width:222px; height:98px; display:flex; align-items:center; border:1px solid #ddd; overflow:hidden;}
.case02 .box li a img{ max-width:100%; max-height:98px; display:block; margin:auto;}
.case02 .box li a:hover{ border:1px solid #0064c8;}

.case03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.case03 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.case03 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.case03 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.case03 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.case03 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.case03 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.case03 .box{ width:1200px; margin:auto; margin-top:30px; display:flex; align-items:center;}
.case03 .box .left{ width:550px; margin-right:50px;}
.case03 .box .left img{ width:100%; display:block;}
.case03 .box .right{ width:600px; display:block;}
.case03 .box .right li{ display:block; margin:15px 0; overflow:hidden; padding-left:35px; width:100%; box-sizing:border-box; position:relative;}
.case03 .box .right li img{ position:absolute; left:0; top:3px; height:22px;} 
.case03 .box .right li p{ display:block; font-size:16px; line-height:26px; overflow:hidden;}

/*关于*/
.ab01{ width:100%; padding:65px 0; position:relative; background-color:#fff;}
.ab01 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.ab01 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.ab01 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.ab01 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.ab01 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.ab01 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.ab01 .box{ width:1200px; margin:auto; margin-top:30px;}
.ab01 .left{ width:575px; float:left;}
.ab01 .left .a03{ font-size:14px; line-height:24px; color:#333;}
.ab01 .left .a04{ width:100%; margin-top:25px; margin-bottom:5px;}
.ab01 .left .a04 img{ width:100%; display:block;}
.ab01 .right{ width:575px; float:right;}
.ab01 .right .a01{ width:100%; position:relative;}
.ab01 .right .a01 img{ width:76.67%; float:right;}
.ab01 .right .a01 p{ display:block; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.ab01 .right .a01 p span{ display:block; font-size:90px; color:#0064c8; line-height:1;}
.ab01 .right .a01 p a{ display:block; font-size:30px; color:#333; line-height:1;}
.ab01 .right .a02{ font-size:14px; line-height:24px; color:#333; margin-top:25px;}

.ab02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; background-color:#f2f2f2;}
.ab02 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.ab02 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.ab02 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.ab02 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.ab02 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.ab02 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.ab02 .box{ width:1200px; margin:auto; margin-top:30px;}
.ab02 .box .swiper-container{ width:100%; position:relative; height:360px; overflow:hidden;}
.ab02 .box .swiper-container .left{ width:550px; float:left; padding-bottom:60px; height:300px;}
.ab02 .box .swiper-container .left .w01{ font-size:26px; line-height:36px; font-weight:bold; color:#333; margin-top:20px; text-transform:uppercase;}
.ab02 .box .swiper-container .left .w02{ font-size:50px; line-height:48px; font-weight:bold; margin-top:10px; color:#0064c8;}
.ab02 .box .swiper-container .left .w03{ font-size:18px; line-height:28px; margin-top:30px; color:#333;}
.ab02 .box .swiper-container .left .w04{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#0064c8;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
.ab02 .box .swiper-container .right{ width:600px; float:right; height:360px;}
.ab02 .box .swiper-container .right img{ width:100%; display:block;}
.ab02 .box .swiper-container .swi{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.ab02 .box .swiper-container .swi .swiper-button-white{ width:38px; height:38px; float:left; margin-right:20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; border:1px solid #0064c8; border-radius:100%;}
.ab02 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#0064c8;}
.ab02 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev01.png");}
.ab02 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next01.png");}
.ab02 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prev.png");}
.ab02 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/next.png");}

.ab03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; background-color:#fff;}
.ab03 .title{ width:100%; text-align:center; position:relative; z-index:3;}
.ab03 .title b{ display:block; font-size:30px; line-height:40px; color:#333;}
.ab03 .title p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:3px;}
.ab03 .title span{ display:block; width:60px; height:6px; margin:auto; overflow:hidden; margin-top:10px;}
.ab03 .title span strong{ display:block; float:left; overflow:hidden; width:50px; height:6px; border-radius:5px; background:linear-gradient(to right,#0064c8,#0080ff);}
.ab03 .title span a{ width:6px; height:6px; display:block; overflow:hidden; border-radius:100%; float:right; background-color:#0080ff;}
.ab03 .box{ width:1200px; margin:auto; margin-top:30px; display:flex; align-items:center;}
.ab03 .box .left{ width:550px; float:left; margin-right:50px;}
.ab03 .box .left img{ width:100%; display:block;}
.ab03 .box .right{ width:600px; float:right; font-size:14px; line-height:24px;}

.lx01{ width:100%; padding:70px 0; background-color:#f2f2f2; position:relative;}
.lx01 .box{ width:1200px; margin:auto;}
.lx01 .title{ width:100%; position:relative; padding-bottom:20px;}
.lx01 .title b{ font-size:52px; display:block; line-height:1;}
.lx01 .title p{ font-size:30px; line-height:40px; display:block; margin-top:10px;}
.lx01 .box .right{ width:40%; min-height:375px; border-radius:10px; padding:25px 30px; padding-bottom:30px; background-color:#fff; float:right; box-sizing:border-box;}
.lx01 .box .right .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#333;}
.lx01 .box .right .f02{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.lx01 .box .right .f03{ margin-top:10px;}
.lx01 .box .right .f03 p{ display:block; overflow:hidden; margin-top:15px;}
.lx01 .box .right .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .box .right .f03 p strong img{ height:20px;}
.lx01 .box .right .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .box .right .f04{ margin-top:20px; display:flex; align-items:center;}
.lx01 .box .right .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .box .right .f04 strong img{ width:100%; display:block;}
.lx01 .box .right .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .box .left{ width:56%; float:left;}
.lx01 .box .left .f01{ width:47%; float:left; margin-right:3%; margin-bottom:15px;}
.lx01 .box .left .f01 span{ display:block; font-size:16px; line-height:26px; margin-bottom:5px;}
.lx01 .box .left .f01 p{ display:block; border-radius:5px; padding:0 20px; overflow:hidden; background-color:#fff;}
.lx01 .box .left .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .box .left .f02{ width:97%; float:left; margin-right:3%; margin-bottom:20px;}
.lx01 .box .left .f02 span{ display:block; font-size:16px; line-height:26px; margin-bottom:5px;}
.lx01 .box .left .f02 p{ display:block; border-radius:5px; overflow:hidden; background-color:#fff;}
.lx01 .box .left .f02 p textarea{ height:96px; font-size:14px; line-height:24px; padding:7px 20px; display:block; overflow:auto; width:100%;}
.lx01 .box .left .f03{ width:97%; float:left;}
.lx01 .box .left .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .box .left .f03 input:hover{ background-color:#0064c8;}

/*新闻*/
.main .news{ display:block; width:1200px; margin:auto; padding-top:10px;}
.main .news li{ display:block; overflow:hidden; margin-top:20px;}
.main .news li .tu{ width:300px; height:200px; position:relative; float:left; padding-left:10px; padding-top:10px;}
.main .news li .tu b{ width:60px; height:60px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#0064c8;}
.main .news li .tu a{ width:100%; height:200px; display:block; overflow:hidden; position:relative; z-index:3;}
.main .news li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li .tu a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ float:right; width:calc(100% - 340px); padding-top:15px;}
.main .news li .wen .w01{ width:120px; border-bottom:1px solid #ddd;}
.main .news li .wen .w01 span{ display:block; float:left; line-height:52px; height:52px; font-size:30px; margin-right:10px;}
.main .news li .wen .w01 p{ display:block; float:left; line-height:46px; height:46px; font-size:18px; margin-top:6px; color:#999;}
.main .news li .wen .w02{ font-size:18px; line-height:28px; padding-top:15px;}
.main .news li .wen .w02 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#0064c8;}
.main .news li .wen .w03{ font-size:14px; line-height:24px; height:48px;  display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:2px;}
.main .news li .wen .w04{ margin-top:10px;}
.main .news li .wen .w04 a{ display:block; float:left; overflow:hidden;}
.main .news li .wen .w04 a span{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#333;}
.main .news li .wen .w04 a b{ display:block; float:left; width:10px; height:10px; overflow:hidden; margin-left:7px; margin-top:9px; background-image:url(../images/duo02.png); background-position:center; background-repeat:no-repeat;}
.main .news li .wen .w04 a:hover span{ color:#0064c8;}
.main .news li .wen .w04 a:hover b{ margin-top:7px; background-image:url(../images/duo01.png);}

/*新闻内页*/
.ny{ width:1200px; margin:65px auto; margin-bottom:30px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .title p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}