@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-color:#fff;}

a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.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*/
@media screen and (min-width:1280px){
.hei{ height:120px;}
.header{ width:100%; height:120px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; display:flex; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ height:80px; box-shadow:0 0 10px rgba(0,0,0,.3);}
.header .head{ width:1200px; height:90px; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .head{ height:80px;}
.header .head .left{ height:100%; display:flex; align-items:center; float:left;}
.header .head .left img{ display:block; height:60px;}
.header .head .left img.img02{ display:none;}
.header .head .icon{ display:none;}
.header .head .right{ float:right; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center;}
.header .head .right .top{ padding:10px 0; height:36px; width:100%;}
.header .head .right .top .yu{ display:block; float:right; height:36px;}
.header .head .right .top .yu a{ display:block; font-size:14px; line-height:36px; float:left;}
.header .head .right .top .yu a::nth-child(1){ font-size:16px;}
.header .head .right .top .yu a.on{ color:#00a3e0;}
.header .head .right .top .yu a:hover{ text-decoration:underline;}
.header .head .right .top .yu span{ display:block; width:1px; height:14px; margin:11px 10px; background-color:#999; overflow:hidden; float:left;}
.header .head .right .top .ser{ width:298px; height:34px; border:1px solid #cacaca; border-radius:36px; margin-right:20px; float:right;}
.header .head .right .top .ser p{ display:block; float:left; width:240px; margin-left:14px; height:34px;}
.header .head .right .top .ser p input{ display:block; width:100%; font-size:14px; line-height:34px; height:34px; overflow:hidden;}
.header .head .right .top .ser a{ width:30px; height:30px; float:right; padding:2px; border-radius:100%; display:block;}
.header .head .right .top .ser a input{ display:block; width:100%; height:30px; border-radius:100%; cursor:pointer; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#00a3e0;}
.header .head .right .nav{ height:34px; display:block; margin-right:-40px;}
.header .head .right .nav dd{ display:block; width:1px; height:14px; background-color:#999; margin:10px 0; float:left; overflow:hidden;}
.header .head .right .nav dt{ display:block; height:49px; position:relative; float:left;}
.header .head .right .nav dt>a{ display:block; padding:0 40px; font-size:16px; line-height:34px; height:34px; position:relative;}
.header .head .right .nav dt b{ width:50px; height:2px; display:none; position:absolute; left:50%; margin-left:-25px; top:32px; background-color:#00a3e0;}
.header .head .right .nav dt.on b,.header .head .right .nav dt:hover b{ display:block;}
.header .head .right .nav dt p{ display:none; width:100px; position:absolute; left:50%; margin-left:-70px; top:100%; background-color:#f1f1f1; padding:5px 20px;}
.header .head .right .nav dt p a{ display:block; height:44px; line-height:44px; overflow:hidden; text-align:center; font-size:14px; border-bottom:1px solid #cacaca;}
.header .head .right .nav dt p a:last-child{ border-bottom:none;}
.header .head .right .nav dt p a:hover{ color:#00a3e0;}
.header .head .right .nav dt:hover p{ display:block;}
.header.pos .head .right .top{ display:none;}
.header.pos .head .right .nav dt{ height:57px;}
.header .head .right .di{ display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.hei{ height:90px;}
.header{ width:100%; height:90px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; display:flex; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ height:70px; box-shadow:0 0 10px rgba(0,0,0,.3);}
.header .head{ width:94%; height:70px; margin:auto;}
.header .head .left{ height:100%; display:flex; align-items:center; float:left;}
.header .head .left img{ display:block; height:60px;}
.header .head .left img.img02{ display:none;}
.header .head .icon{ display:none;}
.header .head .right{ float:right; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center;}
.header .head .right .top{ height:36px; width:100%;}
.header .head .right .top .yu{ display:block; float:right; height:36px;}
.header .head .right .top .yu a{ display:block; font-size:14px; line-height:36px; float:left;}
.header .head .right .top .yu a::nth-child(1){ font-size:16px;}
.header .head .right .top .yu a.on{ color:#00a3e0;}
.header .head .right .top .yu a:hover{ text-decoration:underline;}
.header .head .right .top .yu span{ display:block; width:1px; height:14px; margin:11px 10px; background-color:#999; overflow:hidden; float:left;}
.header .head .right .top .ser{ width:298px; height:34px; border:1px solid #cacaca; border-radius:36px; margin-right:20px; float:right;}
.header .head .right .top .ser p{ display:block; float:left; width:240px; margin-left:14px; height:34px;}
.header .head .right .top .ser p input{ display:block; width:100%; font-size:14px; line-height:34px; height:34px; overflow:hidden;}
.header .head .right .top .ser a{ width:30px; height:30px; float:right; padding:2px; border-radius:100%; display:block;}
.header .head .right .top .ser a input{ display:block; width:100%; height:30px; border-radius:100%; cursor:pointer; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#00a3e0;}
.header .head .right .nav{ height:34px; display:block; margin-right:-20px;}
.header .head .right .nav dd{ display:block; width:1px; height:14px; background-color:#999; margin:13px 0; float:left; overflow:hidden;}
.header .head .right .nav dt{ display:block; height:44px; position:relative; float:left;}
.header .head .right .nav dt>a{ display:block; padding:0 20px; font-size:16px; line-height:40px; height:40px; position:relative;}
.header .head .right .nav dt b{ width:50px; height:2px; display:none; position:absolute; left:50%; margin-left:-25px; top:32px; background-color:#00a3e0;}
.header .head .right .nav dt.on b,.header .head .right .nav dt:hover b{ display:block;}
.header .head .right .nav dt p{ display:none; width:100px; position:absolute; left:50%; margin-left:-70px; top:100%; background-color:#f1f1f1; padding:5px 20px;}
.header .head .right .nav dt p a{ display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; font-size:14px; border-bottom:1px solid #cacaca;}
.header .head .right .nav dt p a:last-child{ border-bottom:none;}
.header .head .right .nav dt p a:hover{ color:#00a3e0;}
.header .head .right .nav dt:hover p{ display:block;}
.header.pos .head .right .top{ display:none;}
.header.pos .head .right .nav dt{ height:52px;}
.header.pos .head .right .nav dt>a{ height:34px; line-height:34px;}
.header .head .right .di{ display:none;}
}
@media only screen and (max-width: 1023px){
.hei{ height:60px;}
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; display:flex; align-items:center;}
.header .head{ width:94%; height:40px; margin:auto;}
.header .head .left{ height:100%; display:flex; align-items:center; float:left;}
.header .head .left img{ display:block; height:40px;}
.header .head .left img.img01{ display:none;}
.header .head .icon{ display:block; float:right; height:24px; padding:8px 0;}
.header .head .icon img{ display:block; height:24px;}
.header .head .icon img.img02{ display:none;}
.header.open .head .icon img.img01{ display:none;}
.header.open .head .icon img.img02{ display:block;}
.header .head .right{ width:100%; position:absolute; left:0; top:60px; height:0; overflow:hidden; background-color:#f1f1f1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.open .head .right{ height:calc(100vh - 60px);}
.header .head .right .top{ width:94%; margin:auto;}
.header .head .right .top .yu{ display:block;}
.header .head .right .top .yu a{ width:32%; text-align:center; height:34px; background-color:#fff; border-radius:5px; text-align:center; display:block; font-size:14px; line-height:34px; float:left; margin-top:15px;}
.header .head .right .top .yu a.on{ color:#00a3e0;}
.header .head .right .top .yu a:hover{ text-decoration:underline;}
.header .head .right .top .yu span{ display:block; width:2%; height:34px; overflow:hidden; float:left;}
.header .head .right .top .ser{ width:100%; border:1px solid #cacaca; border-radius:40px; margin-top:15px; box-sizing:border-box; background-color:#fff;}
.header .head .right .top .ser p{ display:block; float:left; width:calc(100% - 70px); margin-left:14px; height:38px;}
.header .head .right .top .ser p input{ display:block; width:100%; font-size:14px; line-height:38px; height:38px; overflow:hidden;}
.header .head .right .top .ser a{ width:34px; height:34px; float:right; padding:2px; border-radius:100%; display:block;}
.header .head .right .top .ser a input{ display:block; width:100%; height:34px; border-radius:100%; cursor:pointer; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#00a3e0;}
.header .head .right .nav{ width:94%; padding:10px 3%; display:block; height:calc(100% - 174px); overflow:auto;}
.header .head .right .nav dd{ width:100%; height:1px; display:block; background-color:#cacaca; overflow:hidden;}
.header .head .right .nav dt{ display:block; position:relative; padding:10px 0;}
.header .head .right .nav dt>a{ display:block; font-size:16px; line-height:26px; height:26px; position:relative;}
.header .head .right .nav dt.on>a{ color:#00a3e0;}
.header .head .right .nav dt b{ width:26px; height:26px; display:block; position:absolute; right:0; top:10px; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat;}
.header .head .right .nav dt:first-child b,.header .head .right .nav dt:last-child b{ display:none;}
.header .head .right .nav dt p{ display:none; overflow:hidden; padding-top:5px;}
.header .head .right .nav dt p a{ display:block; height:24px; line-height:24px; font-size:14px; color:#666;}
.header .head .right .nav dt p a:hover{ color:#00a3e0;}
.header .head .di{ width:94%; height:50px; padding:0 3%; background-color:#f5f8fc;}
.header .head .di a{ width:calc(50% - 20px); font-size:16px; line-height:50px; float:left; display:flex; justify-content:center; align-items:center;}
.header .head .di a img{ display:block; float:left; height:16px; margin:17px 5px; margin-left:0;}
.header .head .di b{ width:40px; display:block; float:left; padding:17px 0;}
.header .head .di b img{ display:block; height:16px; margin:auto;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:720px; position:relative; z-index:1;}
.banner .bd{ width:100%; height:720px; position:relative; z-index:1;}
.banner .bd li{ width:100%; height:720px; display:block; position:relative;}
.banner .bd li img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .bd li img.mobile{ display:none;}
.banner .hd{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:3;}
.banner .hd li{ display:block; float:left; margin:0 5px; width:10px; height:10px; border-radius:10px; background-color:rgba(255,255,255,.4); cursor:pointer; overflow:hidden;}
.banner .hd li.on{ width:70px; background-color:#00a3e0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .bd{ width:100%; height:100%; position:relative; z-index:1;}
.banner .bd ul{ width:100%; height:100% !important; display:block;}
.banner .bd li{ width:100%; height:100% !important; display:block; position:relative;}
.banner .bd li img{ width:100%; display:block;}
.banner .bd li img.pc{ display:none;}
.banner .hd{ position:absolute; bottom:25px; left:50%; transform:translateX(-50%); z-index:3;}
.banner .hd li{ display:block; float:left; margin:0 5px; width:8px; height:8px; border-radius:8px; background-color:rgba(255,255,255,.4); cursor:pointer; overflow:hidden;}
.banner .hd li.on{ width:50px; background-color:#00a3e0;}
}
@media only screen and (max-width: 768px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .bd{ width:100%; height:100%; position:relative; z-index:1;}
.banner .bd ul{ width:100%; height:100% !important; display:block;}
.banner .bd li{ width:100%; height:100% !important; display:block; position:relative;}
.banner .bd li img{ width:100%; display:block;}
.banner .bd li img.pc{ display:none;}
.banner .hd{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:3;}
.banner .hd li{ display:block; float:left; margin:0 3px; width:6px; height:6px; border-radius:6px; background-color:rgba(255,255,255,.4); cursor:pointer; overflow:hidden;}
.banner .hd li.on{ width:30px; background-color:#00a3e0;}
}

/*金融服务*/
@media screen and (min-width:1280px){
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.sbox .title{ width:1200px; margin:auto;}
.sbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.sbox .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.sbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px;}
.sbox .title .t01 p b{ display:block; color:#00a3e0; line-height:38px;}
.sbox .title .t01 p a{ display:block;}
.sbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.sbox .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px;}
.sbox .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.sbox .box{ width:1200px; margin:auto; padding-top:10px;}
.sbox .box .item{ float:left; overflow:hidden; margin-left:21px; margin-top:20px; width:386px; height:220px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box .item:nth-child(1){ margin-left:0; width:720px; height:260px;}
.sbox .box .item:nth-child(2){ width:460px; height:260px; margin-left:20px;}
.sbox .box .item:nth-child(3){ margin-left:0;}
.sbox .box .item a{ width:100%; height:100%; display:block; position:relative; background:linear-gradient(to top,rgba(0,163,224,.5),rgba(0,0,0,0));}
.sbox .box .item .top{ position:absolute; left:20px; bottom:15px; z-index:1; width:calc(100% - 40px);}
.sbox .box .item .top .s01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.sbox .box .item .top .s02{ font-size:16px; line-height:24px; color:#fff; text-transform:uppercase;}
.sbox .box .item .tu{ position:absolute; right:20px; top:20px; z-index:1; height:50px;}
.sbox .box .item .tu img{ height:50px; display:block;}
.sbox .box .item .bot{ padding:25px 20px; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:100%; z-index:9; background:rgba(0,163,224,.9); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item a:hover .bot{ top:0;}
.sbox .box .item .bot .s01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.sbox .box .item .bot .s02{ font-size:16px; line-height:24px; color:#fff; text-transform:uppercase;}
.sbox .box .item .bot .s03{ width:60px; height:2px; background-color:#fff; margin-top:10px;}
.sbox .box .item .bot .s04{ margin-top:15px; font-size:14px; color:#fff; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sbox .box .item:nth-child(1) .bot .s04,.sbox .box .item:nth-child(2) .bot .s04{ height:72px; -webkit-line-clamp:3;}
.sbox .box .item .bot .s05{ position:absolute; left:20px; bottom:25px;}
.sbox .box .item .bot .s05 span{ display:block; float:left; font-size:14px; line-height:24px; color:#fff;}
.sbox .box .item .bot .s05 img{ display:block; float:left; height:10px; margin:7px 10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.sbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.sbox .title{ width:94%; margin:auto;}
.sbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.sbox .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.sbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px;}
.sbox .title .t01 p b{ display:block; color:#00a3e0; line-height:32px;}
.sbox .title .t01 p a{ display:block;}
.sbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.sbox .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px;}
.sbox .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.sbox .box{ width:94%; margin:auto; padding-top:10px;}
.sbox .box .item{ float:left; overflow:hidden; margin-left:2%; margin-top:15px; width:32%; height:180px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box .item:nth-child(1){ margin-left:0; width:60%; height:220px;}
.sbox .box .item:nth-child(2){ width:38%; height:220px; margin-left:2%;}
.sbox .box .item:nth-child(3){ margin-left:0;}
.sbox .box .item a{ width:100%; height:100%; display:block; position:relative; background:linear-gradient(to top,rgba(0,163,224,.5),rgba(0,0,0,0));}
.sbox .box .item .top{ position:absolute; left:15px; bottom:10px; z-index:1; width:calc(100% - 30px);}
.sbox .box .item .top .s01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.sbox .box .item .top .s02{ font-size:14px; line-height:22px; color:#fff; text-transform:uppercase;}
.sbox .box .item .tu{ position:absolute; right:15px; top:15px; z-index:1; height:50px;}
.sbox .box .item .tu img{ height:50px; display:block;}
.sbox .box .item .bot{ padding:15px; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:100%; z-index:9; background:rgba(0,163,224,.9); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item a:hover .bot{ top:0;}
.sbox .box .item .bot .s01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.sbox .box .item .bot .s02{ font-size:14px; line-height:22px; color:#fff; text-transform:uppercase;}
.sbox .box .item .bot .s03{ width:60px; height:2px; background-color:#fff; margin-top:5px;}
.sbox .box .item .bot .s04{ margin-top:10px; font-size:14px; color:#fff; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sbox .box .item:nth-child(1) .bot .s04,.sbox .box .item:nth-child(2) .bot .s04{ height:72px; -webkit-line-clamp:3;}
.sbox .box .item .bot .s05{ position:absolute; left:20px; bottom:15px;}
.sbox .box .item .bot .s05 span{ display:block; float:left; font-size:14px; line-height:24px; color:#fff;}
.sbox .box .item .bot .s05 img{ display:block; float:left; height:10px; margin:7px 10px;}
}
@media only screen and (max-width: 768px){
.sbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.sbox .title{ width:94%; margin:auto;}
.sbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.sbox .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.sbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px;}
.sbox .title .t01 p b{ display:block; color:#00a3e0; line-height:28px;}
.sbox .title .t01 p a{ display:block;}
.sbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.sbox .title .t02{ text-align:center; font-size:14px; line-height:24px;}
.sbox .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00a3e0;}
.sbox .box{ width:94%; margin:auto; padding-top:5px;}
.sbox .box .item{ float:left; overflow:hidden; margin-top:15px; width:100%; height:106px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box .item a{ width:100%; height:100%; display:block; position:relative; background:linear-gradient(to top,rgba(0,163,224,.5),rgba(0,0,0,0));}
.sbox .box .item .top{ position:absolute; left:10px; bottom:5px; z-index:1; width:calc(100% - 20px);}
.sbox .box .item .top .s01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.sbox .box .item .top .s02{ font-size:14px; line-height:22px; color:#fff; text-transform:uppercase;}
.sbox .box .item .tu{ position:absolute; right:10px; top:10px; z-index:1; height:50px;}
.sbox .box .item .tu img{ height:50px; display:block;}
.sbox .box .item .bot{ padding:10px; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:100%; z-index:9; background:rgba(0,163,224,.9); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item a:hover .bot{ top:0;}
.sbox .box .item .bot .s01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.sbox .box .item .bot .s02{ font-size:14px; line-height:22px; color:#fff; text-transform:uppercase;}
.sbox .box .item .bot .s03{ width:60px; height:2px; background-color:#fff; margin-top:5px;}
.sbox .box .item .bot .s04{ margin-top:5px; font-size:14px; color:#fff; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap;}
.sbox .box .item .bot .s05{ display:none;}
}

/*公司介绍*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding-top:65px; padding-bottom:70px; background-position:top center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.abox .title{ width:1200px; margin:auto;}
.abox .title .t01{ display:flex; justify-content:center; align-items:center;}
.abox .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.abox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px;}
.abox .title .t01 p b{ display:block; color:#00a3e0; line-height:38px;}
.abox .title .t01 p a{ display:block;}
.abox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.abox .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px;}
.abox .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.abox .box{ width:1200px; margin:auto; margin-top:30px; position:relative; height:490px;}
.abox .box .right{ width:670px; height:460px; float:right; position:relative;}
.abox .box .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a{ width:calc(100% - 22px); height:calc(100% - 22px); border:1px solid rgba(255,255,255,.7); position:absolute; left:10px; top:10px; display:block; overflow:hidden;}
.abox .box .right:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.abox .box .left{ width:600px; height:460px; position:absolute; left:0; bottom:0; background-color:#fff;}
.abox .box .left a{ display:block; overflow:hidden; padding:50px 30px; padding-bottom:0;}
.abox .box .left .a01{ width:100px; height:4px; background-color:#00e06f; float:right;}
.abox .box .left .a02{ float:right; font-size:24px; line-height:34px; font-weight:bold; width:100%; text-align:right; margin-top:25px;}
.abox .box .left .a03{ float:right; font-size:18px; line-height:28px; color:#999; width:100%; text-align:right;}
.abox .box .left .a04{ float:right; font-size:14px; line-height:24px; height:216px; width:100%; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9;}
.abox .box .left .a05{ width:100%; float:right; height:24px; margin-top:20px;}
.abox .box .left .a05 span{ display:block; float:right; font-size:14px; line-height:24px; color:#333;}
.abox .box .left .a05 img{ display:block; float:right; height:10px; margin:7px 10px; margin-right:0;}
.abox .box .left .a05 b{ display:block; float:left; width:450px; height:2px; background-color:#ddd; margin:11px 0; overflow:hidden;}
.abox .box .left a:hover .a05 span{ color:#00a3e0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.abox{ width:100%; padding-top:45px; padding-bottom:50px; background-position:top center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.abox .title{ width:94%; margin:auto;}
.abox .title .t01{ display:flex; justify-content:center; align-items:center;}
.abox .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.abox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px;}
.abox .title .t01 p b{ display:block; color:#00a3e0; line-height:32px;}
.abox .title .t01 p a{ display:block;}
.abox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.abox .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px;}
.abox .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.abox .box{ width:94%; margin:auto; margin-top:25px; position:relative;}
.abox .box .right{ width:56%; height:36.14vw; max-height:100%; position:absolute; right:0; top:0;}
.abox .box .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a{ width:calc(100% - 22px); height:calc(100% - 22px); border:1px solid rgba(255,255,255,.7); position:absolute; left:10px; top:10px; display:block; overflow:hidden;}
.abox .box .right:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.abox .box .left{ width:50%; margin-top:25px; position:relative; z-index:3; background-color:#fff;}
.abox .box .left a{ display:block; overflow:hidden; padding:30px 20px; padding-bottom:25px;}
.abox .box .left .a01{ width:70px; height:3px; background-color:#00e06f; float:right;}
.abox .box .left .a02{ float:right; font-size:20px; line-height:30px; font-weight:bold; width:100%; text-align:right; margin-top:15px;}
.abox .box .left .a03{ float:right; font-size:16px; line-height:26px; color:#999; width:100%; text-align:right;}
.abox .box .left .a04{ float:right; font-size:14px; line-height:24px; height:216px; width:100%; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9;}
.abox .box .left .a05{ width:100%; float:right; height:24px; margin-top:15px;}
.abox .box .left .a05 span{ display:block; float:right; font-size:14px; line-height:24px; color:#333;}
.abox .box .left .a05 img{ display:block; float:right; height:10px; margin:7px 10px; margin-right:0;}
.abox .box .left .a05 b{ display:block; float:left; width:calc(100% - 90px); height:2px; background-color:#ddd; margin:11px 0; overflow:hidden;}
.abox .box .left a:hover .a05 span{ color:#00a3e0;}
}
@media only screen and (max-width: 768px){
.abox{ width:100%; padding-top:25px; padding-bottom:30px; background-position:top center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.abox .title{ width:94%; margin:auto;}
.abox .title .t01{ display:flex; justify-content:center; align-items:center;}
.abox .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.abox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px;}
.abox .title .t01 p b{ display:block; color:#00a3e0; line-height:28px;}
.abox .title .t01 p a{ display:block;}
.abox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.abox .title .t02{ text-align:center; font-size:14px; line-height:24px;}
.abox .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00a3e0;}
.abox .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.abox .box .right{ width:100%; position:relative;}
.abox .box .right img{ width:100%; display:block;}
.abox .box .right a{ width:calc(100% - 22px); height:calc(100% - 22px); border:1px solid rgba(255,255,255,.7); position:absolute; left:10px; top:10px; display:block; overflow:hidden;}
.abox .box .left{ width:100%; position:relative; z-index:3; background-color:#fff;}
.abox .box .left a{ display:block; overflow:hidden; padding:10px; padding-top:15px;}
.abox .box .left .a01{ width:50px; height:2px; background-color:#00e06f;}
.abox .box .left .a02{ font-size:18px; line-height:28px; font-weight:bold; width:100%; margin-top:10px;}
.abox .box .left .a03{ font-size:14px; line-height:24px; color:#999; width:100%;}
.abox .box .left .a04{ font-size:14px; line-height:24px; height:240px; width:100%; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10;}
.abox .box .left .a05{ width:100%; height:24px; margin-top:10px;}
.abox .box .left .a05 span{ display:block; float:right; font-size:14px; line-height:24px; color:#333;}
.abox .box .left .a05 img{ display:block; float:right; height:10px; margin:7px 10px; margin-right:0;}
.abox .box .left .a05 b{ display:block; float:left; width:calc(100% - 90px); height:2px; background-color:#ddd; margin:11px 0; overflow:hidden;}
.abox .box .left a:hover .a05 span{ color:#00a3e0;}
}

/*企业文化*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.cbox .bg{ width:100%; height:100%; background-color:#00a3e0; opacity:0.8; position:absolute; left:0; top:0; z-index:1;}
.cbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.cbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.cbox .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.cbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px; color:#fff;}
.cbox .title .t01 p b{ display:block; color:#00e06f; line-height:38px;}
.cbox .title .t01 p a{ display:block; color:#fff;}
.cbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.cbox .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px; color:#fff;}
.cbox .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00e06f;}
.cbox .box{ width:1200px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.cbox .box .tu{ width:100%;}
.cbox .box .tu img{ width:100%; display:block;}
.cbox .box .list{ width:100%; display:block; overflow:hidden; padding-top:20px;}
.cbox .box .list li{ display:block; float:left; text-align:center; overflow:hidden; border-bottom:4px solid #fff; margin-left:20px; padding-top:25px; width:224px;}
.cbox .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li span{ display:block; color:#fff; font-size:30px; height:40px; line-height:40px; overflow:hidden;}
.cbox .box .list li b{ display:block; color:#fff; font-size:24px; height:34px; line-height:34px; overflow:hidden; margin-top:5px;}
.cbox .box .list li p{ width:100%; padding-top:15px; padding-bottom:30px; display:block; overflow:hidden;}
.cbox .box .list li p img{ display:block; height:60px; margin:auto;}
.cbox .box .list li p img.img02{ display:none;}
.cbox .box .list li:hover{ border-bottom:4px solid #00e06f;}
.cbox .box .list li:hover p img.img01{ display:none;}
.cbox .box .list li:hover p img.img02{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.cbox{ width:100%; padding-top:45px; padding-bottom:50px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.cbox .bg{ width:100%; height:100%; background-color:#00a3e0; opacity:0.8; position:absolute; left:0; top:0; z-index:1;}
.cbox .title{ width:94%; margin:auto; position:relative; z-index:3;}
.cbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.cbox .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.cbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px; color:#fff;}
.cbox .title .t01 p b{ display:block; color:#00e06f; line-height:32px;}
.cbox .title .t01 p a{ display:block; color:#fff;}
.cbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.cbox .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.cbox .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00e06f;}
.cbox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.cbox .box .tu{ width:100%;}
.cbox .box .tu img{ width:100%; display:block;}
.cbox .box .list{ width:100%; display:block; overflow:hidden; padding-top:20px;}
.cbox .box .list li{ display:block; float:left; text-align:center; overflow:hidden; border-bottom:3px solid #fff; margin-left:2%; padding-top:15px; width:18.4%;}
.cbox .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li span{ display:block; color:#fff; font-size:24px; height:24px; line-height:24px; overflow:hidden;}
.cbox .box .list li b{ display:block; color:#fff; font-size:20px; height:30px; line-height:30px; overflow:hidden; margin-top:5px;}
.cbox .box .list li p{ width:100%; padding-top:10px; padding-bottom:20px; display:block; overflow:hidden;}
.cbox .box .list li p img{ display:block; height:60px; margin:auto;}
.cbox .box .list li p img.img02{ display:none;}
.cbox .box .list li:hover{ border-bottom:3px solid #00e06f;}
.cbox .box .list li:hover p img.img01{ display:none;}
.cbox .box .list li:hover p img.img02{ display:block;}
}
@media only screen and (max-width: 768px){
.cbox{ width:100%; padding-top:25px; padding-bottom:30px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.cbox .bg{ width:100%; height:100%; background-color:#00a3e0; opacity:0.8; position:absolute; left:0; top:0; z-index:1;}
.cbox .title{ width:94%; margin:auto; position:relative; z-index:3;}
.cbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.cbox .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.cbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px; color:#fff;}
.cbox .title .t01 p b{ display:block; color:#00e06f; line-height:28px;}
.cbox .title .t01 p a{ display:block; color:#fff;}
.cbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.cbox .title .t02{ text-align:center; font-size:14px; line-height:24px; color:#fff;}
.cbox .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00e06f;}
.cbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.cbox .box .tu{ width:100%;}
.cbox .box .tu img{ width:100%; display:block;}
.cbox .box .list{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.cbox .box .list li{ display:block; float:left; text-align:center; overflow:hidden; border-bottom:2px solid #fff; margin-left:3%; padding-top:15px; width:48.5%;}
.cbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li span{ display:block; color:#fff; font-size:20px; height:20px; line-height:20px; overflow:hidden;}
.cbox .box .list li b{ display:block; color:#fff; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cbox .box .list li p{ width:100%; padding-top:5px; padding-bottom:15px; display:block; overflow:hidden;}
.cbox .box .list li p img{ display:block; height:60px; margin:auto;}
.cbox .box .list li p img.img02{ display:none;}
.cbox .box .list li:hover{ border-bottom:2px solid #00e06f;}
.cbox .box .list li:hover p img.img01{ display:none;}
.cbox .box .list li:hover p img.img02{ display:block;}
}

/*可持续发展*/
@media screen and (min-width:1280px){
.kbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1;}
.kbox .title{ width:1200px; margin:auto;}
.kbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.kbox .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.kbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px;}
.kbox .title .t01 p b{ display:block; color:#00a3e0; line-height:38px;}
.kbox .title .t01 p a{ display:block;}
.kbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.kbox .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px;}
.kbox .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.box_solution{ width:1200px; margin:auto; margin-top:30px;}
.box_solution ul{ width:100%; display:block; overflow:hidden; height:500px;}
.box_solution ul li{ width:33.3333%; display:block; float:left; height:100%; position:relative; overflow:hidden; cursor:pointer;}
.box_solution ul li strong{ display:block; width:100%; height:50%; position:absolute; left:0; bottom:0; transition:all .3s; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1;}
.box_solution ul li:nth-child(2n) strong{ top:0; bottom:auto;}
.box_solution ul li a{ display:block; text-align:center; width:100%; height:50%; position:absolute; left:0; top:0; transition:all .3s; background-color:#f1f1f1; z-index:9;}
.box_solution ul li:nth-child(2n) a{ bottom:0; top:auto;}
.box_solution ul li a .wen{ width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.box_solution ul li em{ display:block; width:114px; height:114px; border:3px solid #f1f1f1; border-radius:100%; margin:auto; overflow:hidden; font-style:normal;}
.box_solution ul li em img{ display:block; margin:27px auto; height:60px;}
.box_solution ul li em img.img02{ display:none;}
.box_solution ul li b{ padding:0 40px; font-size:18px; line-height:28px; display:block; margin-top:-5px;}
.box_solution ul li span{ padding:0 40px; font-size:14px; line-height:24px; display:block; color:#666; margin-bottom:25px; text-transform:uppercase;}
.box_solution ul li p{ display:none; margin:auto; width:158px; height:38px; line-height:38px; text-align:center; margin:auto; font-size:14px; color:#fff; border:1px solid #fff;}
.box_solution ul li:hover p{ display:block;}
.box_solution ul li:hover strong{ height:100%;}
.box_solution ul li:hover a{ height:100%; background-color:rgba(0,163,224,0.9);}
.box_solution ul li:hover em{ border:3px solid #fff;}
.box_solution ul li:hover img.img01{ display:none;}
.box_solution ul li:hover img.img02{ display:block;}
.box_solution ul li:hover b{ color:#fff; margin-top:25px;}
.box_solution ul li:hover span{ color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.kbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1;}
.kbox .title{ width:94%; margin:auto;}
.kbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.kbox .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.kbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px;}
.kbox .title .t01 p b{ display:block; color:#00a3e0; line-height:32px;}
.kbox .title .t01 p a{ display:block;}
.kbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.kbox .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px;}
.kbox .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.box_solution{ width:94%; margin:auto; margin-top:25px;}
.box_solution ul{ width:100%; display:block; overflow:hidden; height:39.17vw;}
.box_solution ul li{ width:33.3333%; display:block; float:left; height:100%; position:relative; overflow:hidden; cursor:pointer;}
.box_solution ul li strong{ display:block; width:100%; height:50%; position:absolute; left:0; bottom:0; transition:all .3s; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1;}
.box_solution ul li:nth-child(2n) strong{ top:0; bottom:auto;}
.box_solution ul li a{ display:block; text-align:center; width:100%; height:50%; position:absolute; left:0; top:0; transition:all .3s; background-color:#f1f1f1; z-index:9;}
.box_solution ul li:nth-child(2n) a{ bottom:0; top:auto;}
.box_solution ul li a .wen{ width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.box_solution ul li em{ display:block; width:86px; height:86px; border:2px solid #f1f1f1; border-radius:100%; margin:auto; overflow:hidden; font-style:normal;}
.box_solution ul li em img{ display:block; margin:18px auto; height:50px;}
.box_solution ul li em img.img02{ display:none;}
.box_solution ul li b{ padding:0 25px; font-size:18px; line-height:28px; display:block; margin-top:-5px;}
.box_solution ul li span{ padding:0 25px; font-size:14px; line-height:24px; display:block; color:#666; margin-bottom:15px; text-transform:uppercase;}
.box_solution ul li p{ display:none; margin:auto; width:128px; height:34px; line-height:34px; text-align:center; margin:auto; font-size:14px; color:#fff; border:1px solid #fff;}
.box_solution ul li:hover p{ display:block;}
.box_solution ul li:hover strong{ height:100%;}
.box_solution ul li:hover a{ height:100%; background-color:rgba(0,163,224,0.9);}
.box_solution ul li:hover em{ border:3px solid #fff;}
.box_solution ul li:hover img.img01{ display:none;}
.box_solution ul li:hover img.img02{ display:block;}
.box_solution ul li:hover b{ color:#fff; margin-top:15px;}
.box_solution ul li:hover span{ color:#fff;}
}
@media only screen and (max-width: 768px){
.kbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1;}
.kbox .title{ width:94%; margin:auto;}
.kbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.kbox .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.kbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px;}
.kbox .title .t01 p b{ display:block; color:#00a3e0; line-height:28px;}
.kbox .title .t01 p a{ display:block;}
.kbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.kbox .title .t02{ text-align:center; font-size:14px; line-height:24px;}
.kbox .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00a3e0;}
.box_solution{ width:94%; margin:auto; margin-top:20px;}
.box_solution ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.box_solution ul li{ width:100%; display:block; position:relative; overflow:hidden; cursor:pointer; margin-top:15px;}
.box_solution ul li strong{ display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1;}
.box_solution ul li a{ display:block; padding:30px 15px; padding-bottom:25px; box-sizing:border-box; width:100%; position:relative; background-color:rgba(255,255,255,0.8); z-index:9;}
.box_solution ul li a .wen{ width:100%; position:relative;}
.box_solution ul li em{ display:block; width:68px; height:68px; border:1px solid #333; border-radius:100%; margin:auto; overflow:hidden; font-style:normal;}
.box_solution ul li em img{ display:block; margin:19px auto; height:30px;}
.box_solution ul li em img.img02{ display:none;}
.box_solution ul li b{ font-size:16px; line-height:26px; display:block; padding-top:10px; text-align:center;}
.box_solution ul li span{ font-size:14px; line-height:24px; display:block; color:#666; text-transform:uppercase; text-align:center;}
.box_solution ul li p{ display:none;}
.box_solution ul li:hover a{ height:100%; background-color:rgba(0,163,224,0.9);}
.box_solution ul li:hover em{ border:1px solid #fff;}
.box_solution ul li:hover img.img01{ display:none;}
.box_solution ul li:hover img.img02{ display:block;}
.box_solution ul li:hover b{ color:#fff;}
.box_solution ul li:hover span{ color:#fff;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.nbox .title{ width:1200px; margin:auto;}
.nbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.nbox .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.nbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px;}
.nbox .title .t01 p b{ display:block; color:#00a3e0; line-height:38px;}
.nbox .title .t01 p a{ display:block;}
.nbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.nbox .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px;}
.nbox .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.nbox .box{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.nbox .box .left{ width:380px; height:470px; background-color:#fff; margin-right:30px; float:left;}
.nbox .box .left .tu{ width:380px; height:250px; overflow:hidden; position:relative;}
.nbox .box .left .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox .box .left .tu p{ width:120px; height:36px; display:block; line-height:36px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,163,224,0.7); overflow:hidden;}
.nbox .box .left .wen{ padding:25px 20px;}
.nbox .box .left .wen .n01{ font-weight:bold; font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .left .wen .n01 a:hover{ color:#00a3e0;}
.nbox .box .left .wen .n02{ margin-top:5px; height:26px;}
.nbox .box .left .wen .n02 p{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:23px; background-position:left center; background-repeat:no-repeat;}
.nbox .box .left .wen .n02 span{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:25px; background-position:left center; background-repeat:no-repeat; margin-left:30px;}
.nbox .box .left .wen .n03{ margin-top:10px; height:72px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .right{ width:380px; height:470px; background-color:#fff; position:relative; float:left; padding-bottom:25px; box-sizing:border-box;}
.nbox .box .right .biao{ width:120px; height:36px; display:block; line-height:36px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,224,111,0.7);}
.nbox .box .right .list{ padding:0 20px; padding-top:31px; height:100%; display:block; box-sizing:border-box; overflow:auto;}
.nbox .box .right .list::-webkit-scrollbar{ width:3px; height:1px;}
.nbox .box .right .list::-webkit-scrollbar-thumb{ border-radius:3px; background-color:#00e06f;}
.nbox .box .right .list::-webkit-scrollbar-track{ border-radius:3px;}
.nbox .box .right .list li{ display:block; overflow:hidden; margin-top:20px;}
.nbox .box .right .list li a{ overflow:hidden; font-weight:bold; font-size:18px; line-height:28px; max-height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .right .list li p{ overflow:hidden; font-size:14px; line-height:24px; height:24px; display:block;}
.nbox .box .right .list li a:hover{ color:#00e06f;}
.nbox .box .right .bg{ width:100%; height:45px; background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute; left:0; bottom:25px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.nbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#f1f1f1; position:relative; z-index:1;}
.nbox .title{ width:94%; margin:auto;}
.nbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.nbox .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.nbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px;}
.nbox .title .t01 p b{ display:block; color:#00a3e0; line-height:32px;}
.nbox .title .t01 p a{ display:block;}
.nbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.nbox .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px;}
.nbox .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.nbox .box{ width:94%; margin:auto; margin-top:25px; position:relative;}
.nbox .box .left{ width:32%; background-color:#fff; margin-right:2%; float:left;}
.nbox .box .left .tu{ width:100%; height:19.78vw; overflow:hidden; position:relative;}
.nbox .box .left .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox .box .left .tu p{ width:120px; height:34px; display:block; line-height:34px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,163,224,0.7); overflow:hidden;}
.nbox .box .left .wen{ padding:15px;}
.nbox .box .left .wen .n01{ font-weight:bold; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .left .wen .n01 a:hover{ color:#00a3e0;}
.nbox .box .left .wen .n02{ margin-top:5px; height:26px;}
.nbox .box .left .wen .n02 p{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:23px; background-position:left center; background-repeat:no-repeat;}
.nbox .box .left .wen .n02 span{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:25px; background-position:left center; background-repeat:no-repeat; margin-left:30px;}
.nbox .box .left .wen .n03{ margin-top:5px; height:72px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .right{ width:32%; background-color:#fff; position:absolute; right:0; top:0; height:100%; float:left; padding-bottom:20px; box-sizing:border-box;}
.nbox .box .right .biao{ width:120px; height:34px; display:block; line-height:34px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,224,111,0.7);}
.nbox .box .right .list{ padding:0 15px; padding-top:39px; height:100%; display:block; box-sizing:border-box; overflow:auto;}
.nbox .box .right .list::-webkit-scrollbar{ width:3px; height:1px;}
.nbox .box .right .list::-webkit-scrollbar-thumb{ border-radius:3px; background-color:#00e06f;}
.nbox .box .right .list::-webkit-scrollbar-track{ border-radius:3px;}
.nbox .box .right .list li{ display:block; overflow:hidden; margin-top:15px;}
.nbox .box .right .list li a{ overflow:hidden; font-weight:bold; font-size:16px; line-height:26px; max-height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .right .list li p{ overflow:hidden; font-size:14px; line-height:24px; height:24px; display:block;}
.nbox .box .right .list li a:hover{ color:#00e06f;}
.nbox .box .right .bg{ width:100%; height:35px; background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute; left:0; bottom:20px;}
}
@media only screen and (max-width: 768px){
.nbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f1f1f1; position:relative; z-index:1;}
.nbox .title{ width:94%; margin:auto;}
.nbox .title .t01{ display:flex; justify-content:center; align-items:center;}
.nbox .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.nbox .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px;}
.nbox .title .t01 p b{ display:block; color:#00a3e0; line-height:28px;}
.nbox .title .t01 p a{ display:block;}
.nbox .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.nbox .title .t02{ text-align:center; font-size:14px; line-height:24px;}
.nbox .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00a3e0;}
.nbox .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.nbox .box .left{ width:100%; background-color:#fff; margin-bottom:15px; float:left;}
.nbox .box .left .tu{ width:190px; float:left; overflow:hidden; position:relative; height:125px;}
.nbox .box .left .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox .box .left .tu p{ width:110px; height:30px; display:block; line-height:30px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,163,224,0.7); overflow:hidden;}
.nbox .box .left .wen{ padding:10px; float:right; width:calc(100% - 210px);}
.nbox .box .left .wen .n01{ font-weight:bold; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .left .wen .n01 a:hover{ color:#00a3e0;}
.nbox .box .left .wen .n02{ margin-top:5px;}
.nbox .box .left .wen .n02 p{ display:block; font-size:14px; line-height:24px; height:24px; padding-left:22px; background-position:1px center; background-repeat:no-repeat;}
.nbox .box .left .wen .n02 span{ display:block; font-size:14px; line-height:24px; height:24px; padding-left:22px; background-position:left center; background-repeat:no-repeat;}
.nbox .box .left .wen .n03{ display:none;}
.nbox .box .right{ width:100%; height:300px; background-color:#fff; position:relative; float:left; padding-bottom:10px; box-sizing:border-box;}
.nbox .box .right .biao{ width:110px; height:30px; display:block; line-height:30px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,224,111,0.7);}
.nbox .box .right .list{ padding:0 10px; padding-top:35px; height:100%; display:block; box-sizing:border-box; overflow:auto;}
.nbox .box .right .list::-webkit-scrollbar{ width:3px; height:1px;}
.nbox .box .right .list::-webkit-scrollbar-thumb{ border-radius:3px; background-color:#00e06f;}
.nbox .box .right .list::-webkit-scrollbar-track{ border-radius:3px;}
.nbox .box .right .list li{ display:block; overflow:hidden; margin-top:10px;}
.nbox .box .right .list li a{ overflow:hidden; font-weight:bold; font-size:16px; line-height:26px; max-height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .right .list li p{ overflow:hidden; font-size:14px; line-height:24px; height:24px; display:block;}
.nbox .box .right .list li a:hover{ color:#00e06f;}
.nbox .box .right .bg{ width:100%; height:25px; background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute; left:0; bottom:10px;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding:45px 0; background-color:#222;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .left{ width:calc(50% - 60px); float:left;}
.footer .foot .left .f01{ width:100%;}
.footer .foot .left .f01 a{ display:block; float:left; color:#fff; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-right:40px;}
.footer .foot .left .f01 a:hover{ color:#00a3e0;}
.footer .foot .left .f02{ padding-top:8px; padding-right:40px;}
.footer .foot .left .f02 p{ display:block; font-size:14px; line-height:24px; margin-top:6px; color:#999;}
.footer .foot .mil{ width:120px; float:left;}
.footer .foot .mil strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; display:block; text-align:center; font-size:14px; line-height:24px; padding-top:10px; color:#999; height:24px; overflow:hidden;}
.footer .foot .right{ width:calc(50% - 60px); float:left;}
.footer .foot .right .f01{ text-align:right; color:#fff; font-size:14px; line-height:24px; height:24px; margin-left:25px;}
.footer .foot .right .f02{ text-align:right; color:#fff; font-size:30px; line-height:40px; height:40px; margin-left:25px;}
.footer .foot .right .f03{ text-align:right; color:#999; font-size:14px; line-height:22px; height:22px; margin-left:25px;}
.footer .foot .right .f04{ text-align:right; color:#fff; font-size:14px; line-height:24px; height:24px; margin-left:25px; margin-top:15px;}
.footer .foot .right .f05{ display:flex; flex-wrap:wrap; justify-content:flex-end; margin-top:5px;}
.footer .foot .right .f05 a{ display:block; float:left; margin-left:25px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.footer .foot .right .f05 a:hover{ color:#fff;} 

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(0,163,224,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.footer{ width:100%; padding:35px 0; background-color:#222;}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .left{ width:calc(50% - 60px); float:left;}
.footer .foot .left .f01{ width:100%;}
.footer .foot .left .f01 a{ display:block; float:left; color:#fff; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-right:25px;}
.footer .foot .left .f01 a:hover{ color:#00a3e0;}
.footer .foot .left .f02{ padding-top:8px; padding-right:25px;}
.footer .foot .left .f02 p{ display:block; font-size:14px; line-height:24px; margin-top:6px; color:#999;}
.footer .foot .mil{ width:120px; float:left;}
.footer .foot .mil strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; display:block; text-align:center; font-size:14px; line-height:24px; padding-top:10px; color:#999; height:24px; overflow:hidden;}
.footer .foot .right{ width:calc(50% - 60px); float:left;}
.footer .foot .right .f01{ text-align:right; color:#fff; font-size:14px; line-height:24px; height:24px; margin-left:25px;}
.footer .foot .right .f02{ text-align:right; color:#fff; font-size:30px; line-height:40px; height:40px; margin-left:25px;}
.footer .foot .right .f03{ text-align:right; color:#999; font-size:14px; line-height:22px; height:22px; margin-left:25px;}
.footer .foot .right .f04{ text-align:right; color:#fff; font-size:14px; line-height:24px; height:24px; margin-left:25px; margin-top:15px;}
.footer .foot .right .f05{ display:flex; flex-wrap:wrap; justify-content:flex-end; margin-top:5px;}
.footer .foot .right .f05 a{ display:block; float:left; margin-left:25px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.footer .foot .right .f05 a:hover{ color:#fff;} 

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(0,163,224,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width: 768px){
.footer{ width:100%; padding:25px 0; background-color:#222;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ display:none;}
.footer .foot .mil{ width:80px; position:absolute; right:0; top:0;}
.footer .foot .mil strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; display:block; text-align:center; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden;}
.footer .foot .right{ width:100%;}
.footer .foot .right .f01{ color:#fff; font-size:14px; line-height:24px; height:24px;}
.footer .foot .right .f02{ color:#fff; font-size:20px; line-height:30px; height:30px;}
.footer .foot .right .f03{ color:#999; font-size:14px; line-height:22px; height:22px;}
.footer .foot .right .f04{ color:#fff; font-size:14px; line-height:24px; height:24px; margin-top:10px;}
.footer .foot .right .f05{ display:flex; flex-wrap:wrap; justify-content:flex-start; margin-left:-15px;}
.footer .foot .right .f05 a{ display:block; float:left; margin-left:15px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.footer .foot .right .f05 a:hover{ color:#fff;} 

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

/*内页*/
@media screen and (min-width:1440px){
.ban{ width:1400px; margin:auto; background-image:url(../images/ban_03.jpg); background-position:center; background-repeat:no-repeat; padding:30px; box-sizing:border-box;}
.ban .box{ width:1340px; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ban .box p{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box p span{ display:block; color:#fff; font-size:30px; line-height:40px;}
.ban .box p a{ display:block; color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
.ban .box strong{ width:100%; height:100%; overflow:hidden; display:block; background:linear-gradient(to right,rgba(0,163,224,.7),rgba(0,163,224,0));}

.index{ width:100%; position:relative; top:-80px;}
}
@media screen and (min-width:1280px) and (max-width: 1439px){
.ban{ max-width:100%; width:1330px; margin:auto; background-image:url(../images/ban_03.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:25px; box-sizing:border-box;}
.ban .box{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ban .box p{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box p span{ display:block; color:#fff; font-size:30px; line-height:40px;}
.ban .box p a{ display:block; color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
.ban .box strong{ width:100%; height:100%; overflow:hidden; display:block; background:linear-gradient(to right,rgba(0,163,224,.7),rgba(0,163,224,0));}
.index{ width:100%; position:relative; top:-80px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ban{ width:100%; margin:auto; background-image:url(../images/ban_03.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:20px 3%; box-sizing:border-box;}
.ban .box{ width:100%; height:170px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ban .box p{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box p span{ display:block; color:#fff; font-size:24px; line-height:34px;}
.ban .box p a{ display:block; color:#fff; font-size:16px; line-height:26px; margin-top:5px;}
.ban .box strong{ width:100%; height:100%; overflow:hidden; display:block; background:linear-gradient(to right,rgba(0,163,224,.7),rgba(0,163,224,0));}
.index{ width:100%; position:relative; top:-70px;}
}
@media only screen and (max-width: 768px){
.ban{ width:100%; margin:auto; background-image:url(../images/ban_03.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:15px 3%; box-sizing:border-box;}
.ban .box{ width:100%; height:140px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ban .box p{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box p span{ display:block; color:#fff; font-size:20px; line-height:30px;}
.ban .box p a{ display:block; color:#fff; font-size:14px; line-height:24px;}
.ban .box strong{ width:100%; height:100%; overflow:hidden; display:block; background:linear-gradient(to right,rgba(0,163,224,.7),rgba(0,163,224,0));}
.index{ width:100%; position:relative; top:-60px;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.ab01{ width:1200px; margin:auto; border-bottom:1px solid #eee; padding-top:65px; padding-bottom:65px; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ width:100%; position:relative; z-index:3;}
.ab01 .title .t01{ width:100%; line-height:40px; font-size:30px;}
.ab01 .title .t01 b{ display:block; color:#00a3e0; line-height:38px; float:left;}
.ab01 .title .t01 a{ display:block; color:#333; float:left;}
.ab01 .title .t02{ font-size:16px; line-height:26px; margin-top:5px; color:#333;}
.ab01 .title .t03{ width:100px; height:4px; margin-top:10px; background-color:#00a3e0;}
.ab01 .left{ width:650px; float:left;}
.ab01 .left .wen{ font-size:16px; line-height:26px; padding-top:15px;}
.ab01 .left .wen>p{ display:block; margin-top:10px; text-indent:2em;}
.ab01 .right{ width:450px; float:right;}
.ab01 .right ul{ display:block; margin-top:-35px;}
.ab01 .right ul li{ padding:35px 0; border-bottom:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.ab01 .right ul li:last-child{ padding-bottom:0; border-bottom:none;}
.ab01 .right ul li p{ display:block; flex:1; margin-right:20px; overflow:hidden;}
.ab01 .right ul li p span{ display:block; overflow:hidden;}
.ab01 .right ul li p span b{ display:block; float:left; color:#00a3e0; font-size:60px; line-height:54px; height:54px; overflow:hidden; font-family:Arial;}
.ab01 .right ul li p span a{ width:26px; height:26px; line-height:26px; text-align:center; display:block; overflow:hidden; background-color:#ccc; border-radius:100%; color:#fff; font-size:14px; margin-left:10px; margin-top:23px; float:left;}
.ab01 .right ul li p>a{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.ab01 .right ul li strong{ height:70px; width:70px; display:block; overflow:hidden;}
.ab01 .right ul li strong img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.ab01 .right ul li:hover strong img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ab01{ width:94%; margin:auto; border-bottom:1px solid #eee; padding-top:45px; padding-bottom:45px; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ width:100%; position:relative; z-index:3;}
.ab01 .title .t01{ width:100%; line-height:34px; font-size:24px;}
.ab01 .title .t01 b{ display:block; color:#00a3e0; line-height:32px; float:left;}
.ab01 .title .t01 a{ display:block; color:#333; float:left;}
.ab01 .title .t02{ font-size:14px; line-height:24px; margin-top:5px; color:#333;}
.ab01 .title .t03{ width:70px; height:3px; margin-top:10px; background-color:#00a3e0;}
.ab01 .left{ width:57%; float:left;}
.ab01 .left .wen{ font-size:16px; line-height:26px; padding-top:15px;}
.ab01 .left .wen>p{ display:block; margin-top:5px; text-indent:2em;}
.ab01 .right{ width:38%; float:right;}
.ab01 .right ul{ display:block; margin-top:-25px;}
.ab01 .right ul li{ padding:25px 0; border-bottom:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.ab01 .right ul li:last-child{ padding-bottom:0; border-bottom:none;}
.ab01 .right ul li p{ display:block; flex:1; margin-right:20px; overflow:hidden;}
.ab01 .right ul li p span{ display:block; overflow:hidden;}
.ab01 .right ul li p span b{ display:block; float:left; color:#00a3e0; font-size:50px; line-height:44px; height:44px; overflow:hidden; font-family:Arial;}
.ab01 .right ul li p span a{ width:26px; height:26px; line-height:26px; text-align:center; display:block; overflow:hidden; background-color:#ccc; border-radius:100%; color:#fff; font-size:14px; margin-left:5px; margin-top:13px; float:left;}
.ab01 .right ul li p>a{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.ab01 .right ul li strong{ height:70px; width:70px; display:block; overflow:hidden;}
.ab01 .right ul li strong img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.ab01 .right ul li:hover strong img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width: 768px){
.ab01{ width:94%; margin:auto; border-bottom:1px solid #eee; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ width:100%; position:relative; z-index:3;}
.ab01 .title .t01{ width:100%; line-height:30px; font-size:20px;}
.ab01 .title .t01 b{ display:block; color:#00a3e0; line-height:28px; float:left;}
.ab01 .title .t01 a{ display:block; color:#333; float:left;}
.ab01 .title .t02{ font-size:14px; line-height:24px; color:#333;}
.ab01 .title .t03{ width:50px; height:2px; margin-top:5px; background-color:#00a3e0;}
.ab01 .left{ width:100%; float:left;}
.ab01 .left .wen{ font-size:14px; line-height:24px; padding-top:10px;}
.ab01 .left .wen>p{ display:block; text-indent:2em;}
.ab01 .right{ width:100%; float:right;}
.ab01 .right ul{ display:block; margin-top:-5px;}
.ab01 .right ul li{ padding:15px 0; border-bottom:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.ab01 .right ul li:last-child{ padding-bottom:0; border-bottom:none;}
.ab01 .right ul li p{ display:block; flex:1; margin-right:20px; overflow:hidden;}
.ab01 .right ul li p span{ display:block; overflow:hidden;}
.ab01 .right ul li p span b{ display:block; float:left; color:#00a3e0; font-size:50px; line-height:44px; height:44px; overflow:hidden; font-family:Arial;}
.ab01 .right ul li p span a{ width:24px; height:24px; line-height:24px; text-align:center; display:block; overflow:hidden; background-color:#ccc; border-radius:100%; color:#fff; font-size:12px; margin-left:5px; margin-top:14px; float:left;}
.ab01 .right ul li p>a{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.ab01 .right ul li strong{ height:70px; width:70px; display:block; overflow:hidden;}
.ab01 .right ul li strong img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.ab01 .right ul li:hover strong img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

@media screen and (min-width:1280px){
.ab02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab02 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab02 .title .t01{ display:flex; justify-content:center; align-items:center;}
.ab02 .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.ab02 .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px; color:#333;}
.ab02 .title .t01 p b{ display:block; color:#00a3e0; line-height:38px;}
.ab02 .title .t01 p a{ display:block; color:#333;}
.ab02 .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.ab02 .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px; color:#333;}
.ab02 .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.ab02 .box{ width:1200px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab02 .box .tu{ width:100%;}
.ab02 .box .tu img{ width:100%; display:block;}
.ab02 .box .list{ width:100%; display:block; overflow:hidden; padding-top:20px;}
.ab02 .box .list li{ display:block; float:left; text-align:center; overflow:hidden; border-bottom:4px solid #999; margin-left:20px; padding-top:25px; width:224px;}
.ab02 .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li span{ display:block; color:#333; font-size:30px; height:40px; line-height:40px; overflow:hidden;}
.ab02 .box .list li b{ display:block; color:#666; font-size:24px; height:34px; line-height:34px; overflow:hidden; margin-top:5px;}
.ab02 .box .list li p{ width:100%; padding-top:15px; padding-bottom:30px; display:block; overflow:hidden;}
.ab02 .box .list li p img{ display:block; height:60px; margin:auto;}
.ab02 .box .list li p img.img02{ display:none;}
.ab02 .box .list li:hover{ border-bottom:4px solid #00a3e0;}
.ab02 .box .list li:hover p img.img01{ display:none;}
.ab02 .box .list li:hover p img.img02{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ab02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.ab02 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .title .t01{ display:flex; justify-content:center; align-items:center;}
.ab02 .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.ab02 .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px; color:#333;}
.ab02 .title .t01 p b{ display:block; color:#00a3e0; line-height:32px;}
.ab02 .title .t01 p a{ display:block; color:#333;}
.ab02 .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.ab02 .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px; color:#333;}
.ab02 .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.ab02 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab02 .box .tu{ width:100%;}
.ab02 .box .tu img{ width:100%; display:block;}
.ab02 .box .list{ width:100%; display:block; overflow:hidden; padding-top:20px;}
.ab02 .box .list li{ display:block; float:left; text-align:center; overflow:hidden; border-bottom:3px solid #999; margin-left:2%; padding-top:15px; width:18.4%;}
.ab02 .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li span{ display:block; color:#333; font-size:24px; height:24px; line-height:24px; overflow:hidden;}
.ab02 .box .list li b{ display:block; color:#666; font-size:20px; height:30px; line-height:30px; overflow:hidden; margin-top:5px;}
.ab02 .box .list li p{ width:100%; padding-top:10px; padding-bottom:20px; display:block; overflow:hidden;}
.ab02 .box .list li p img{ display:block; height:60px; margin:auto;}
.ab02 .box .list li p img.img02{ display:none;}
.ab02 .box .list li:hover{ border-bottom:3px solid #00a3e0;}
.ab02 .box .list li:hover p img.img01{ display:none;}
.ab02 .box .list li:hover p img.img02{ display:block;}
}
@media only screen and (max-width: 768px){
.ab02{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.ab02 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .title .t01{ display:flex; justify-content:center; align-items:center;}
.ab02 .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.ab02 .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px; color:#333;}
.ab02 .title .t01 p b{ display:block; color:#00a3e0; line-height:28px;}
.ab02 .title .t01 p a{ display:block; color:#333;}
.ab02 .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.ab02 .title .t02{ text-align:center; font-size:14px; line-height:24px; color:#333;}
.ab02 .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00a3e0;}
.ab02 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.ab02 .box .tu{ width:100%;}
.ab02 .box .tu img{ width:100%; display:block;}
.ab02 .box .list{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.ab02 .box .list li{ display:block; float:left; text-align:center; overflow:hidden; border-bottom:2px solid #999; margin-left:3%; padding-top:15px; width:48.5%;}
.ab02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li span{ display:block; color:#333; font-size:20px; height:20px; line-height:20px; overflow:hidden;}
.ab02 .box .list li b{ display:block; color:#666; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.ab02 .box .list li p{ width:100%; padding-top:5px; padding-bottom:15px; display:block; overflow:hidden;}
.ab02 .box .list li p img{ display:block; height:60px; margin:auto;}
.ab02 .box .list li p img.img02{ display:none;}
.ab02 .box .list li:hover{ border-bottom:2px solid #00a3e0;}
.ab02 .box .list li:hover p img.img01{ display:none;}
.ab02 .box .list li:hover p img.img02{ display:block;}
}

/*金融服务*/
@media screen and (min-width:1440px){
.fw01{ width:1340px; margin:auto; padding:70px; box-sizing:border-box;}
.fw02{ width:1340px; margin:auto; padding:70px; box-sizing:border-box; background-color:#f1f1f1;}
.fw01 .box{ width:1200px; margin:auto;}
.fw01 .right{ width:570px; float:right; height:320px;}
.fw01 .right img{ width:100%; display:block;}
.fw01 .left{ width:570px; float:left;}
.fw01 .left .title{ margin-top:25px; position:relative; padding-left:20px;}
.fw01 .left .title b{ display:block; font-size:30px; line-height:40px; height:40px; overflow:hidden;}
.fw01 .left .title p{ display:block; font-size:24px; line-height:32px; height:32px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw01 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw01 .left .wen{ margin-top:18px; font-size:16px; line-height:30px;}
.fw02 .box{ width:1200px; margin:auto;}
.fw02 .right{ width:570px; float:left; height:320px;}
.fw02 .right img{ width:100%; display:block;}
.fw02 .left{ width:570px; float:right;}
.fw02 .left .title{ margin-top:25px; position:relative; padding-left:20px;}
.fw02 .left .title b{ display:block; font-size:30px; line-height:40px; height:40px; overflow:hidden;}
.fw02 .left .title p{ display:block; font-size:24px; line-height:32px; height:32px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw02 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw02 .left .wen{ margin-top:18px; font-size:16px; line-height:30px;}
}
@media screen and (min-width:1280px) and (max-width: 1439px){
.fw01{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box;}
.fw02{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box; background-color:#f1f1f1;}
.fw01 .box{ width:1200px; margin:auto;}
.fw01 .right{ width:570px; float:right; height:320px;}
.fw01 .right img{ width:100%; display:block;}
.fw01 .left{ width:570px; float:left;}
.fw01 .left .title{ margin-top:25px; position:relative; padding-left:20px;}
.fw01 .left .title b{ display:block; font-size:30px; line-height:40px; height:40px; overflow:hidden;}
.fw01 .left .title p{ display:block; font-size:24px; line-height:32px; height:32px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw01 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw01 .left .wen{ margin-top:18px; font-size:16px; line-height:30px;}
.fw02 .box{ width:1200px; margin:auto;}
.fw02 .right{ width:570px; float:left; height:320px;}
.fw02 .right img{ width:100%; display:block;}
.fw02 .left{ width:570px; float:right;}
.fw02 .left .title{ margin-top:25px; position:relative; padding-left:20px;}
.fw02 .left .title b{ display:block; font-size:30px; line-height:40px; height:40px; overflow:hidden;}
.fw02 .left .title p{ display:block; font-size:24px; line-height:32px; height:32px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw02 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw02 .left .wen{ margin-top:18px; font-size:16px; line-height:30px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.fw01{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box;}
.fw02{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box; background-color:#f1f1f1;}
.fw01 .box{ width:100%; margin:auto;}
.fw01 .right{ width:48%; float:right; height:25.33vw;}
.fw01 .right img{ width:100%; display:block;}
.fw01 .left{ width:48%; float:left;}
.fw01 .left .title{ margin-top:20px; position:relative; padding-left:15px;}
.fw01 .left .title b{ display:block; font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.fw01 .left .title p{ display:block; font-size:20px; line-height:28px; height:28px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw01 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw01 .left .wen{ margin-top:10px; font-size:16px; line-height:26px;}
.fw02 .box{ width:100%; margin:auto;}
.fw02 .right{ width:48%; float:left; height:25.33vw;}
.fw02 .right img{ width:100%; display:block;}
.fw02 .left{ width:48%; float:right;}
.fw02 .left .title{ margin-top:20px; position:relative; padding-left:15px;}
.fw02 .left .title b{ display:block; font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.fw02 .left .title p{ display:block; font-size:20px; line-height:28px; height:28px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw02 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw02 .left .wen{ margin-top:10px; font-size:16px; line-height:26px;}
}
@media only screen and (max-width: 768px){
.fw01{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box;}
.fw02{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box; background-color:#f1f1f1;}
.fw01 .box{ width:100%; margin:auto;}
.fw01 .right{ width:100%; float:right; height:52.77vw;}
.fw01 .right img{ width:100%; display:block;}
.fw01 .left{ width:100%; float:left;}
.fw01 .left .title{ margin-top:15px; position:relative; padding-left:12px;}
.fw01 .left .title b{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden;}
.fw01 .left .title p{ display:block; font-size:16px; line-height:24px; height:24px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw01 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw01 .left .wen{ margin-top:5px; font-size:14px; line-height:24px;}
.fw02 .box{ width:100%; margin:auto;}
.fw02 .right{ width:100%; float:right; height:52.77vw;}
.fw02 .right img{ width:100%; display:block;}
.fw02 .left{ width:100%; float:left;}
.fw02 .left .title{ margin-top:15px; position:relative; padding-left:12px;}
.fw02 .left .title b{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden;}
.fw02 .left .title p{ display:block; font-size:16px; line-height:24px; height:24px; margin-top:1px; overflow:hidden; color:#666; text-transform:uppercase;}
.fw02 .left .title strong{ display:block; width:2px; height:calc(100% - 10px); position:absolute; left:0; top:5px; background-color:#00a3e0; overflow:hidden;}
.fw02 .left .wen{ margin-top:5px; font-size:14px; line-height:24px;}
}

/*可持续发展*/
@media screen and (min-width:1440px){
.kc01{ width:1340px; margin:auto; padding:70px; box-sizing:border-box;}
.kc01 .box{ width:1200px; margin:auto;}
.kc01 .right{ width:600px; height:430px; float:right;}
.kc01 .right img{ width:100%; display:block;}
.kc01 .left{ width:540px; float:left;}
.kc01 .left .title{ margin-top:15px; position:relative;}
.kc01 .left .title a{ display:block; overflow:hidden; height:40px;}
.kc01 .left .title a b{ font-size:30px; line-height:40px; display:block; float:left;}
.kc01 .left .title a span{ font-size:24px; line-height:34px; display:block; float:left; margin-left:10px; color:#666; margin-top:10px; text-transform:uppercase;}
.kc01 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:10px;}
.kc01 .left .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.kc01 .left .list{ width:100%; display:block; padding-top:5px;}
.kc01 .left .list li{ display:block; overflow:hidden; padding-top:10px; border-bottom:1px solid #ddd;}
.kc01 .left .list li a{ display:block; overflow:hidden; padding-left:26px; background-image:url(../images/k01_10.jpg); background-position:left center; background-repeat:no-repeat;}
.kc01 .left .list li a p{ display:block; float:left; font-size:14px; line-height:36px; height:36px; width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc01 .left .list li a img{ height:14px; float:right; display:block; margin:11px 0;}
.kc01 .left .list li a:hover p{ color:#00a3e0;}
}

@media screen and (min-width:1280px) and (max-width: 1439px){
.kc01{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box;}
.kc01 .box{ width:1200px; margin:auto;}
.kc01 .right{ width:600px; height:430px; float:right;}
.kc01 .right img{ width:100%; display:block;}
.kc01 .left{ width:540px; float:left;}
.kc01 .left .title{ margin-top:15px; position:relative;}
.kc01 .left .title a{ display:block; overflow:hidden; height:40px;}
.kc01 .left .title a b{ font-size:30px; line-height:40px; display:block; float:left;}
.kc01 .left .title a span{ font-size:24px; line-height:34px; display:block; float:left; margin-left:10px; color:#666; margin-top:10px; text-transform:uppercase;}
.kc01 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:10px;}
.kc01 .left .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.kc01 .left .list{ width:100%; display:block; padding-top:5px;}
.kc01 .left .list li{ display:block; overflow:hidden; padding-top:10px; border-bottom:1px solid #ddd;}
.kc01 .left .list li a{ display:block; overflow:hidden; padding-left:26px; background-image:url(../images/k01_10.jpg); background-position:left center; background-repeat:no-repeat;}
.kc01 .left .list li a p{ display:block; float:left; font-size:14px; line-height:36px; height:36px; width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc01 .left .list li a img{ height:14px; float:right; display:block; margin:11px 0;}
.kc01 .left .list li a:hover p{ color:#00a3e0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.kc01{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box;}
.kc01 .box{ width:100%; margin:auto;}
.kc01 .right{ width:50%; height:33.68vw; float:right;}
.kc01 .right img{ width:100%; display:block;}
.kc01 .left{ width:47%; float:left;}
.kc01 .left .title{ margin-top:10px; position:relative;}
.kc01 .left .title a{ display:block; overflow:hidden; height:34px;}
.kc01 .left .title a b{ font-size:24px; line-height:34px; display:block; float:left;}
.kc01 .left .title a span{ font-size:20px; line-height:30px; display:block; float:left; margin-left:7px; color:#666; margin-top:7px; text-transform:uppercase;}
.kc01 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:10px;}
.kc01 .left .wen{ margin-top:15px; font-size:14px; line-height:24px;}
.kc01 .left .list{ width:100%; display:block;}
.kc01 .left .list li{ display:block; overflow:hidden; padding-top:10px; border-bottom:1px solid #ddd;}
.kc01 .left .list li a{ display:block; overflow:hidden; padding-left:26px; background-image:url(../images/k01_10.jpg); background-position:left center; background-repeat:no-repeat;}
.kc01 .left .list li a p{ display:block; float:left; font-size:14px; line-height:30px; height:30px; width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc01 .left .list li a img{ height:14px; float:right; display:block; margin:8px 0;}
.kc01 .left .list li a:hover p{ color:#00a3e0;}
}
@media only screen and (max-width: 768px){
.kc01{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box;}
.kc01 .box{ width:100%; margin:auto;}
.kc01 .right{ width:100%; height:67.36vw; float:right;}
.kc01 .right img{ width:100%; display:block;}
.kc01 .left{ width:100%; float:left;}
.kc01 .left .title{ margin-top:10px; position:relative;}
.kc01 .left .title a{ display:block; overflow:hidden; height:30px;}
.kc01 .left .title a b{ font-size:20px; line-height:30px; display:block; float:left;}
.kc01 .left .title a span{ font-size:16px; line-height:26px; display:block; float:left; margin-left:5px; color:#666; margin-top:6px; text-transform:uppercase;}
.kc01 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:5px;}
.kc01 .left .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.kc01 .left .list{ width:100%; display:block;}
.kc01 .left .list li{ display:block; overflow:hidden; padding-top:5px; border-bottom:1px solid #ddd;}
.kc01 .left .list li a{ display:block; overflow:hidden; padding-left:26px; background-image:url(../images/k01_10.jpg); background-position:left center; background-repeat:no-repeat;}
.kc01 .left .list li a p{ display:block; float:left; font-size:14px; line-height:36px; height:36px; width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc01 .left .list li a img{ height:14px; float:right; display:block; margin:11px 0;}
.kc01 .left .list li a:hover p{ color:#00a3e0;}
}

@media screen and (min-width:1440px){
.kc02{ width:1340px; margin:auto; padding:70px; box-sizing:border-box; background-color:#f1f1f1;}
.kc02 .box{ width:1200px; margin:auto; position:relative;}
.kc02 .right{ width:600px; height:430px; position:absolute; left:0; top:0; z-index:1;}
.kc02 .right img{ width:100%; display:block;}
.kc02 .left{ width:660px; min-height:380px; position:relative; z-index:3; background-color:#fff; float:right; margin-top:80px; padding:50px 60px; padding-top:45px; box-sizing:border-box;}
.kc02 .title{ max-width:540px; position:absolute; right:0; top:0;}
.kc02 .title a{ display:block; overflow:hidden; height:40px;}
.kc02 .title a b{ font-size:30px; line-height:40px; display:block; float:right;}
.kc02 .title a span{ font-size:24px; line-height:34px; display:block; float:right; margin-right:10px; color:#666; margin-top:10px; text-transform:uppercase;}
.kc02 .title strong{ display:block; overflow:hidden; margin-top:10px;}
.kc02 .title strong p{ display:block; float:right; width:50px; height:2px; background-color:#00a3e0;}
.kc02 .left .wen{ font-size:14px; line-height:24px;}
.kc02 .left .list{ width:100%; display:block; padding-top:1px;}
.kc02 .left .list li{ display:block; overflow:hidden; padding-top:10px; border-bottom:1px solid #ddd;}
.kc02 .left .list li a{ width:calc(100% - 150px); display:block; float:left; padding-left:16px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc02 .left .list li p{ display:block; float:right; font-size:14px; line-height:36px; height:36px; color:#999;}
.kc02 .left .list li a:hover{ color:#00a3e0;}
}

@media screen and (min-width:1280px) and (max-width: 1439px){
.kc02{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box; background-color:#f1f1f1;}
.kc02 .box{ width:1200px; margin:auto; position:relative;}
.kc02 .right{ width:600px; height:430px; position:absolute; left:0; top:0; z-index:1;}
.kc02 .right img{ width:100%; display:block;}
.kc02 .left{ width:660px; min-height:380px; position:relative; z-index:3; background-color:#fff; float:right; margin-top:80px; padding:50px 60px; padding-top:45px; box-sizing:border-box;}
.kc02 .title{ max-width:540px; position:absolute; right:0; top:0;}
.kc02 .title a{ display:block; overflow:hidden; height:40px;}
.kc02 .title a b{ font-size:30px; line-height:40px; display:block; float:right;}
.kc02 .title a span{ font-size:24px; line-height:34px; display:block; float:right; margin-right:10px; color:#666; margin-top:10px; text-transform:uppercase;}
.kc02 .title strong{ display:block; overflow:hidden; margin-top:10px;}
.kc02 .title strong p{ display:block; float:right; width:50px; height:2px; background-color:#00a3e0;}
.kc02 .left .wen{ font-size:14px; line-height:24px;}
.kc02 .left .list{ width:100%; display:block; padding-top:1px;}
.kc02 .left .list li{ display:block; overflow:hidden; padding-top:10px; border-bottom:1px solid #ddd;}
.kc02 .left .list li a{ width:calc(100% - 150px); display:block; float:left; padding-left:16px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc02 .left .list li p{ display:block; float:right; font-size:14px; line-height:36px; height:36px; color:#999;}
.kc02 .left .list li a:hover{ color:#00a3e0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.kc02{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box; background-color:#f1f1f1;}
.kc02 .box{ width:100%; margin:auto; position:relative;}
.kc02 .right{ width:50%; height:33.68vw; position:absolute; left:0; top:0; z-index:1;}
.kc02 .right img{ width:100%; display:block;}
.kc02 .left{ width:55%; position:relative; z-index:3; background-color:#fff; float:right; margin-top:70px; padding:30px; padding-top:25px; box-sizing:border-box;}
.kc02 .title{ max-width:45%; position:absolute; right:0; top:0;}
.kc02 .title a{ display:block; overflow:hidden; height:34px;}
.kc02 .title a b{ font-size:24px; line-height:34px; display:block; float:right;}
.kc02 .title a span{ font-size:20px; line-height:30px; display:block; float:right; margin-right:7px; color:#666; margin-top:7px; text-transform:uppercase;}
.kc02 .title strong{ display:block; overflow:hidden; margin-top:10px;}
.kc02 .title strong p{ display:block; float:right; width:50px; height:2px; background-color:#00a3e0;}
.kc02 .left .wen{ font-size:14px; line-height:24px;}
.kc02 .left .list{ width:100%; display:block;}
.kc02 .left .list li{ display:block; overflow:hidden; padding-top:10px; border-bottom:1px solid #ddd;}
.kc02 .left .list li a{ width:calc(100% - 150px); display:block; float:left; padding-left:14px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc02 .left .list li p{ display:block; float:right; font-size:14px; line-height:30px; height:30px; color:#999;}
.kc02 .left .list li a:hover{ color:#00a3e0;}
}
@media only screen and (max-width: 768px){
.kc02{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box; background-color:#f1f1f1;}
.kc02 .box{ width:100%; margin:auto;}
.kc02 .right{ width:100%; height:67.36vw;}
.kc02 .right img{ width:100%; display:block;}
.kc02 .left{ width:100%; float:left;}
.kc02 .title{ margin-top:10px; position:relative;}
.kc02 .title a{ display:block; overflow:hidden; height:30px;}
.kc02 .title a b{ font-size:20px; line-height:30px; display:block; float:left;}
.kc02 .title a span{ font-size:16px; line-height:26px; display:block; float:left; margin-left:5px; color:#666; margin-top:6px; text-transform:uppercase;}
.kc02 .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:5px;}
.kc02 .left .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.kc02 .left .list{ width:100%; display:block; padding-top:1px;}
.kc02 .left .list li{ display:block; overflow:hidden; padding-top:5px; border-bottom:1px solid #ddd;}
.kc02 .left .list li a{ width:calc(100% - 150px); display:block; float:left; padding-left:12px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc02 .left .list li p{ display:block; float:right; font-size:14px; line-height:36px; height:36px; color:#999;}
.kc02 .left .list li a:hover{ color:#00a3e0;}
}

@media screen and (min-width:1440px){
.kc03{ width:1340px; margin:auto; padding:70px; box-sizing:border-box;}
.kc03 .box{ width:1200px; margin:auto; position:relative;}
.kc03 .right{ width:600px; height:430px; float:right;}
.kc03 .right img{ width:100%; display:block;}
.kc03 .left{ width:540px; float:left;}
.kc03 .left .title{ margin-top:15px; position:relative;}
.kc03 .left .title a{ display:block; overflow:hidden; height:40px;}
.kc03 .left .title a b{ font-size:30px; line-height:40px; display:block; float:left;}
.kc03 .left .title a span{ font-size:24px; line-height:34px; display:block; float:left; margin-left:10px; color:#666; margin-top:10px; text-transform:uppercase;}
.kc03 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:10px;}
.kc03 .left .wen{ margin-top:15px; font-size:14px; line-height:24px; position:relative; z-index:2;}
.kc03 .left .wen>p{ display:block; padding-top:10px;}
.kc03 .left .tu{ font-size:48px; line-height:50px; position:absolute; left:0; bottom:20px; z-index:1; font-weight:bold; width:540px; opacity:0.1; text-transform:uppercase; text-align:right;}
}

@media screen and (min-width:1280px) and (max-width: 1439px){
.kc03{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box;}
.kc03 .box{ width:1200px; margin:auto; position:relative;}
.kc03 .right{ width:600px; height:430px; float:right;}
.kc03 .right img{ width:100%; display:block;}
.kc03 .left{ width:540px; float:left;}
.kc03 .left .title{ margin-top:15px; position:relative;}
.kc03 .left .title a{ display:block; overflow:hidden; height:40px;}
.kc03 .left .title a b{ font-size:30px; line-height:40px; display:block; float:left;}
.kc03 .left .title a span{ font-size:24px; line-height:34px; display:block; float:left; margin-left:10px; color:#666; margin-top:10px; text-transform:uppercase;}
.kc03 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:10px;}
.kc03 .left .wen{ margin-top:15px; font-size:14px; line-height:24px; position:relative; z-index:2;}
.kc03 .left .wen>p{ display:block; padding-top:10px;}
.kc03 .left .tu{ font-size:48px; line-height:50px; position:absolute; left:0; bottom:20px; z-index:1; font-weight:bold; width:540px; opacity:0.1; text-transform:uppercase; text-align:right;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.kc03{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box;}
.kc03 .box{ width:100%; margin:auto; position:relative;}
.kc03 .right{ width:50%; height:33.68vw; float:right;}
.kc03 .right img{ width:100%; display:block;}
.kc03 .left{ width:47%; float:left;}
.kc03 .left .title{ margin-top:10px; position:relative;}
.kc03 .left .title a{ display:block; overflow:hidden; height:34px;}
.kc03 .left .title a b{ font-size:24px; line-height:34px; display:block; float:left;}
.kc03 .left .title a span{ font-size:20px; line-height:30px; display:block; float:left; margin-left:7px; color:#666; margin-top:7px; text-transform:uppercase;}
.kc03 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:10px;}
.kc03 .left .wen{ margin-top:5px; font-size:14px; line-height:24px; position:relative; z-index:2;}
.kc03 .left .wen>p{ display:block; padding-top:10px;}
.kc03 .left .tu{ font-size:38px; line-height:40px; position:absolute; left:0; bottom:10px; z-index:1; font-weight:bold; width:47%; opacity:0.1; text-transform:uppercase; text-align:right;}
}
@media only screen and (max-width: 768px){
.kc03{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box;}
.kc03 .box{ width:100%; margin:auto; position:relative;}
.kc03 .right{ width:100%; height:67.36vw; float:right;}
.kc03 .right img{ width:100%; display:block;}
.kc03 .left{ width:100%; float:left;}
.kc03 .left .title{ margin-top:10px; position:relative;}
.kc03 .left .title a{ display:block; overflow:hidden; height:30px;}
.kc03 .left .title a b{ font-size:20px; line-height:30px; display:block; float:left;}
.kc03 .left .title a span{ font-size:16px; line-height:26px; display:block; float:left; margin-left:5px; color:#666; margin-top:6px; text-transform:uppercase;}
.kc03 .left .title strong{ display:block; overflow:hidden; width:50px; height:2px; background-color:#00a3e0; margin-top:5px;}
.kc03 .left .wen{ margin-top:5px; font-size:14px; line-height:24px;}
.kc03 .left .wen>p{ display:block; padding-top:5px;}
.kc03 .left .tu{ font-size:28px; line-height:30px; z-index:1; font-weight:bold; width:100%; opacity:0.1; text-transform:uppercase; text-align:right;}
}

/*新闻*/
@media screen and (min-width:1440px){
.news01{ width:1340px; margin:auto; padding:70px; box-sizing:border-box;}
.news02{ width:1340px; margin:auto; padding:70px; box-sizing:border-box; background-color:#f1f1f1;}
.news01 .box{ width:1200px; margin:auto;}
.news01 .title{ width:100%; height:30px; float:left;}
.news01 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:15px; font-size:30px; line-height:30px; float:left;}
.news01 .title a{ display:block; float:right; width:40px; height:40px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:20px;}
.news01 .title a.prev{ background-image:url(../images/prev_07.png);}
.news01 .title a.next{ background-image:url(../images/next_09.png);}
.news01 .title a:hover{ background-color:#00a3e0;}
.news01 .right{ width:550px; height:360px; float:left; margin-top:30px;}
.news01 .right img{ width:100%; display:block;}
.news01 .left{ width:600px; height:330px; float:right; margin-top:30px;}
.news01 .left li{ width:100%; display:block; overflow:hidden; height:330px;}
.news01 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news01 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:16px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:54px; height:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .left li p span{ display:block; float:right; font-size:14px; line-height:54px; height:54px; color:#999;}
.news01 .left li p a:hover{ color:#00a3e0;}
.news02 .box{ width:1200px; margin:auto;}
.news02 .title{ width:100%; height:30px; float:left;}
.news02 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:15px; font-size:30px; line-height:30px; float:left;}
.news02 .title a{ display:block; float:right; width:40px; height:40px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:20px;}
.news02 .title a.prev{ background-image:url(../images/prev_07.png);}
.news02 .title a.next{ background-image:url(../images/next_09.png);}
.news02 .title a:hover{ background-color:#00a3e0;}
.news02 .right{ width:550px; height:360px; float:right; margin-top:30px;}
.news02 .right img{ width:100%; display:block;}
.news02 .left{ width:600px; height:330px; float:left; margin-top:30px;}
.news02 .left li{ width:100%; display:block; overflow:hidden; height:330px;}
.news02 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news02 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:16px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:54px; height:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news02 .left li p span{ display:block; float:right; font-size:14px; line-height:54px; height:54px; color:#999;}
.news02 .left li p a:hover{ color:#00a3e0;}
}
@media screen and (min-width:1280px) and (max-width: 1439px){
.news01{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box;}
.news02{ max-width:100%; width:1320px; margin:auto; padding:60px 0; box-sizing:border-box; background-color:#f1f1f1;}
.news01 .box{ width:1200px; margin:auto;}
.news01 .title{ width:100%; height:30px; float:left;}
.news01 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:15px; font-size:30px; line-height:30px; float:left;}
.news01 .title a{ display:block; float:right; width:40px; height:40px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:20px;}
.news01 .title a.prev{ background-image:url(../images/prev_07.png);}
.news01 .title a.next{ background-image:url(../images/next_09.png);}
.news01 .title a:hover{ background-color:#00a3e0;}
.news01 .right{ width:550px; height:360px; float:left; margin-top:30px;}
.news01 .right img{ width:100%; display:block;}
.news01 .left{ width:600px; height:330px; float:right; margin-top:30px;}
.news01 .left li{ width:100%; display:block; overflow:hidden; height:330px;}
.news01 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news01 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:16px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:54px; height:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .left li p span{ display:block; float:right; font-size:14px; line-height:54px; height:54px; color:#999;}
.news01 .left li p a:hover{ color:#00a3e0;}
.news02 .box{ width:1200px; margin:auto;}
.news02 .title{ width:100%; height:30px; float:left;}
.news02 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:15px; font-size:30px; line-height:30px; float:left;}
.news02 .title a{ display:block; float:right; width:40px; height:40px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:20px;}
.news02 .title a.prev{ background-image:url(../images/prev_07.png);}
.news02 .title a.next{ background-image:url(../images/next_09.png);}
.news02 .title a:hover{ background-color:#00a3e0;}
.news02 .right{ width:550px; height:360px; float:right; margin-top:30px;}
.news02 .right img{ width:100%; display:block;}
.news02 .left{ width:600px; height:330px; float:left; margin-top:30px;}
.news02 .left li{ width:100%; display:block; overflow:hidden; height:330px;}
.news02 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news02 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:16px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:54px; height:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news02 .left li p span{ display:block; float:right; font-size:14px; line-height:54px; height:54px; color:#999;}
.news02 .left li p a:hover{ color:#00a3e0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.news01{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box;}
.news02{ width:100%; margin:auto; padding:50px 3%; box-sizing:border-box; background-color:#f1f1f1;}
.news01 .box{ width:100%; margin:auto;}
.news01 .title{ width:100%; height:24px; float:left;}
.news01 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:10px; font-size:24px; line-height:24px; float:left;}
.news01 .title a{ display:block; float:right; width:34px; height:34px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:15px;}
.news01 .title a.prev{ background-image:url(../images/prev_07.png);}
.news01 .title a.next{ background-image:url(../images/next_09.png);}
.news01 .title a:hover{ background-color:#00a3e0;}
.news01 .right{ width:47%; height:28.91vw; float:left; margin-top:25px;}
.news01 .right img{ width:100%; display:block;}
.news01 .left{ width:50%; float:right; margin-top:25px;}
.news01 .left li{ width:100%; display:block; overflow:hidden; height:28.91vw;}
.news01 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news01 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:14px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:4.5vw; height:4.5vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .left li p span{ display:block; float:right; font-size:14px; line-height:4.5vw; height:4.5vw; color:#999;}
.news01 .left li p a:hover{ color:#00a3e0;}
.news02 .box{ width:100%; margin:auto;}
.news02 .title{ width:100%; height:24px; float:left;}
.news02 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:10px; font-size:24px; line-height:24px; float:left;}
.news02 .title a{ display:block; float:right; width:34px; height:34px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:15px;}
.news02 .title a.prev{ background-image:url(../images/prev_07.png);}
.news02 .title a.next{ background-image:url(../images/next_09.png);}
.news02 .title a:hover{ background-color:#00a3e0;}
.news02 .right{ width:47%; height:28.91vw; float:right; margin-top:25px;}
.news02 .right img{ width:100%; display:block;}
.news02 .left{ width:50%; float:left; margin-top:25px;}
.news02 .left li{ width:100%; display:block; overflow:hidden; height:28.91vw;}
.news02 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news02 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:14px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:4.5vw; height:4.5vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news02 .left li p span{ display:block; float:right; font-size:14px; line-height:4.5vw; height:4.5vw; color:#999;}
.news02 .left li p a:hover{ color:#00a3e0;}
}
@media only screen and (max-width: 768px){
.news01{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box;}
.news02{ width:100%; margin:auto; padding:30px 3%; box-sizing:border-box; background-color:#f1f1f1;}
.news01 .box{ width:100%; margin:auto;}
.news01 .title{ width:100%; height:20px;}
.news01 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:5px; font-size:20px; line-height:20px; float:left;}
.news01 .title a{ display:block; float:right; width:30px; height:30px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:10px;}
.news01 .title a.prev{ background-image:url(../images/prev_07.png);}
.news01 .title a.next{ background-image:url(../images/next_09.png);}
.news01 .title a:hover{ background-color:#00a3e0;}
.news01 .right{ width:100%; height:61.52vw; margin-top:20px;}
.news01 .right img{ width:100%; display:block;}
.news01 .left{ width:100%; height:; float:right; margin-top:5px;}
.news01 .left li{ width:100%; display:block; overflow:hidden;}
.news01 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news01 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:12px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .left li p span{ display:block; float:right; font-size:14px; line-height:40px; height:40px; color:#999;}
.news01 .left li p a:hover{ color:#00a3e0;}
.news02 .box{ width:100%; margin:auto;}
.news02 .title{ width:100%; height:20px;}
.news02 .title b{ display:block; border-left:5px solid #00a3e0; padding-left:5px; font-size:20px; line-height:20px; float:left;}
.news02 .title a{ display:block; float:right; width:30px; height:30px; border-radius:100%; overflow:hidden; cursor:pointer; background-color:#333; background-position:center; background-repeat:no-repeat; margin-left:10px;}
.news02 .title a.prev{ background-image:url(../images/prev_07.png);}
.news02 .title a.next{ background-image:url(../images/next_09.png);}
.news02 .title a:hover{ background-color:#00a3e0;}
.news02 .right{ width:100%; height:61.52vw; margin-top:20px;}
.news02 .right img{ width:100%; display:block;}
.news02 .left{ width:100%; height:; float:right; margin-top:5px;}
.news02 .left li{ width:100%; display:block; overflow:hidden;}
.news02 .left li p{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.news02 .left li p a{ width:calc(100% - 150px); display:block; float:left; padding-left:12px; background-image:url(../images/k03_19.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news02 .left li p span{ display:block; float:right; font-size:14px; line-height:40px; height:40px; color:#999;}
.news02 .left li p a:hover{ color:#00a3e0;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.ny{ width:1200px; margin:auto; display:flex;}
.ny .left{ padding:65px 0; width:800px; border-right:1px solid #ddd;}
.ny .left .n01{ font-size:20px; line-height:30px; padding-right:40px;}
.ny .left .n02{ font-size:14px; line-height:24px; color:#999; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #ddd; padding-right:40px;}
.ny .left .n02 p{ display:block; float:left;}
.ny .left .n02 span{ display:block; float:left; margin-left:25px;}
.ny .left .n03{ font-size:14px; line-height:24px; padding-top:25px; padding-right:40px;}
.ny .left .n03 img{ max-width:100%; height:auto; margin-top:5px;}
.ny .left .n04{ width:calc(100% - 40px); border-top:1px solid #ddd; margin-top:25px; padding-top:12px;}
.ny .left .n04 p{ display:block; float:left; width:calc(100% - 80px);}
.ny .left .n04 p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px;}
.ny .left .n04 p a:hover{ color:#00a3e0;}
.ny .left .n04 span{ font-size:14px; line-height:24px; float:right; margin-top:3px;}
.ny .left .n04 span a:hover{ color:#00a3e0;}
.ny .right{ padding-top:70px; padding-bottom:55px; width:360px; margin-left:39px;}
.ny .right .n01{ width:130px; height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background-color:#00a3e0;}
.ny .right .n02{ margin-top:15px; width:100%; display:block;}
.ny .right .n02 li{ display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd;}
.ny .right .n02 li:last-child{ border-bottom:none;}
.ny .right .n02 li a{ overflow:hidden; font-weight:bold; font-size:18px; line-height:28px; max-height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ny .right .n02 li p{ overflow:hidden; font-size:14px; line-height:24px; height:24px; display:block;}
.ny .right .n02 li a:hover{ color:#00a3e0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ny{ width:94%; margin:auto; display:flex;}
.ny .left{ padding:45px 0; width:66.66%; border-right:1px solid #ddd;}
.ny .left .n01{ font-size:18px; line-height:28px; padding-right:30px;}
.ny .left .n02{ font-size:14px; line-height:24px; color:#999; margin-top:5px; padding-bottom:10px; border-bottom:1px solid #ddd; padding-right:30px;}
.ny .left .n02 p{ display:block; float:left;}
.ny .left .n02 span{ display:block; float:left; margin-left:20px;}
.ny .left .n03{ font-size:14px; line-height:24px; padding-top:20px; padding-right:30px;}
.ny .left .n03 img{ max-width:100%; height:auto; margin-top:5px;}
.ny .left .n04{ width:calc(100% - 30px); border-top:1px solid #ddd; margin-top:20px; padding-top:10px;}
.ny .left .n04 p{ display:block; float:left; width:calc(100% - 80px);}
.ny .left .n04 p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .left .n04 p a:hover{ color:#00a3e0;}
.ny .left .n04 span{ font-size:14px; line-height:24px; float:right;}
.ny .left .n04 span a:hover{ color:#00a3e0;}
.ny .right{ padding-top:50px; padding-bottom:35px; width:calc(33.34% - 61px); margin-left:30px;}
.ny .right .n01{ width:130px; height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background-color:#00a3e0;}
.ny .right .n02{ margin-top:10px; width:100%; display:block;}
.ny .right .n02 li{ display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd;}
.ny .right .n02 li:last-child{ border-bottom:none;}
.ny .right .n02 li a{ overflow:hidden; font-weight:bold; font-size:18px; line-height:28px; max-height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ny .right .n02 li p{ overflow:hidden; font-size:14px; line-height:24px; height:24px; display:block;}
.ny .right .n02 li a:hover{ color:#00a3e0;}
}
@media only screen and (max-width: 768px){
.ny{ width:100%; margin:auto;}
.ny .left{ padding:25px 3%; width:94%;}
.ny .left .n01{ font-size:16px; line-height:26px;}
.ny .left .n02{ font-size:14px; line-height:24px; color:#999; padding-bottom:5px; border-bottom:1px solid #ddd;}
.ny .left .n02 p{ display:block; float:left;}
.ny .left .n02 span{ display:block; float:left; margin-left:15px;}
.ny .left .n03{ font-size:14px; line-height:24px; padding-top:15px;}
.ny .left .n03 img{ max-width:100%; height:auto; margin-top:5px;}
.ny .left .n04{ width:100%; border-top:1px solid #ddd; margin-top:15px; padding-top:5px;}
.ny .left .n04 p{ display:block; float:left; width:calc(100% - 80px);}
.ny .left .n04 p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .left .n04 p a:hover{ color:#00a3e0;}
.ny .left .n04 span{ font-size:14px; line-height:24px; float:right;}
.ny .left .n04 span a:hover{ color:#00a3e0;}
.ny .right{ width:94%; padding:20px 3%; background-color:#f1f1f1; padding-top:30px;}
.ny .right .n01{ width:120px; height:34px; line-height:34px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background-color:#00a3e0;}
.ny .right .n02{ margin-top:5px; width:100%; display:block;}
.ny .right .n02 li{ display:block; overflow:hidden; padding:5px 0; border-bottom:1px solid #ddd;}
.ny .right .n02 li:last-child{ border-bottom:none;}
.ny .right .n02 li a{ overflow:hidden; font-weight:bold; font-size:16px; line-height:26px; max-height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ny .right .n02 li p{ overflow:hidden; font-size:14px; line-height:24px; height:24px; display:block;}
.ny .right .n02 li a:hover{ color:#00a3e0;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx{ width:1200px; margin:70px auto;}
.lx .left{ width:600px; height:490px; float:left;}
.lx .right{ width:540px; float:right;}
.lx .right .lx01{ display:block;}
.lx .right .lx01 dt,.lx .right .lx01 dd{ width:100%; display:block; overflow:hidden; margin-top:30px;}
.lx .right .lx01 strong{ width:50px; height:50px; display:block; float:left;}
.lx .right .lx01 strong img{ width:100%; display:block;}
.lx .right .lx01 p{ width:calc(100% - 70px); display:block; float:left; margin-left:20px;}
.lx .right .lx01 p span{ display:block; font-size:16px; line-height:18px; height:18px; display:block; overflow:hidden; color:#666;}
.lx .right .lx01 p a{ display:block; font-size:20px; line-height:26px; margin-top:6px; display:block; overflow:hidden; color:#333;}
.lx .right .lx01 dd p a{ font-size:18px;}
.lx .right .lx02{ display:flex; align-items:center; margin-top:30px;}
.lx .right .lx02 strong{ width:108px; display:block; border:1px solid #cacaca; overflow:hidden;}
.lx .right .lx02 strong img{ width:100%; display:block;}
.lx .right .lx02 p{ display:block; font-size:16px; line-height:26px; margin-left:10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.lx{ width:94%; margin:50px auto;}
.lx .left{ width:50%; height:460px; float:left;}
.lx .right{ width:47%; float:right;}
.lx .right .lx01{ display:block;}
.lx .right .lx01 dt,.lx .right .lx01 dd{ width:100%; display:block; overflow:hidden; margin-top:20px;}
.lx .right .lx01 strong{ width:50px; height:50px; display:block; float:left;}
.lx .right .lx01 strong img{ width:100%; display:block;}
.lx .right .lx01 p{ width:calc(100% - 65px); display:block; float:left; margin-left:15px;}
.lx .right .lx01 p span{ display:block; font-size:16px; line-height:18px; height:18px; display:block; overflow:hidden; color:#666;}
.lx .right .lx01 p a{ display:block; font-size:20px; line-height:26px; margin-top:6px; display:block; overflow:hidden; color:#333;}
.lx .right .lx01 dd p a{ font-size:18px;}
.lx .right .lx02{ display:flex; align-items:center; margin-top:20px;}
.lx .right .lx02 strong{ width:108px; display:block; border:1px solid #cacaca; overflow:hidden;}
.lx .right .lx02 strong img{ width:100%; display:block;}
.lx .right .lx02 p{ display:block; font-size:16px; line-height:26px; margin-left:10px;}
}
@media only screen and (max-width: 768px){
.lx{ width:94%; margin:30px auto;}
.lx .left{ width:100%; height:260px; float:left;}
.lx .right{ width:100%; float:right;}
.lx .right .lx01{ display:block;}
.lx .right .lx01 dt,.lx .right .lx01 dd{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.lx .right .lx01 strong{ width:40px; height:40px; display:block; float:left;}
.lx .right .lx01 strong img{ width:100%; display:block;}
.lx .right .lx01 p{ width:calc(100% - 50px); display:block; float:left; margin-left:10px;}
.lx .right .lx01 p span{ display:block; font-size:14px; line-height:18px; height:18px; display:block; overflow:hidden; color:#666;}
.lx .right .lx01 p a{ display:block; font-size:18px; line-height:22px; margin-top:2px; display:block; overflow:hidden; color:#333;}
.lx .right .lx01 dd p a{ font-size:16px;}
.lx .right .lx02{ display:flex; align-items:center; margin-top:15px;}
.lx .right .lx02 strong{ width:108px; display:block; border:1px solid #cacaca; overflow:hidden;}
.lx .right .lx02 strong img{ width:100%; display:block;}
.lx .right .lx02 p{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}

/*搜索*/
@media screen and (min-width:1280px){
.nbox01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.nbox01 .title{ width:1200px; margin:auto;}
.nbox01 .title .t01{ display:flex; justify-content:center; align-items:center;}
.nbox01 .title .t01 strong{ width:65px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.nbox01 .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 25px; font-size:30px; line-height:40px; height:40px;}
.nbox01 .title .t01 p b{ display:block; color:#00a3e0; line-height:38px;}
.nbox01 .title .t01 p a{ display:block;}
.nbox01 .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:10px; font-size:39px; line-height:40px; height:40px;}
.nbox01 .title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px;}
.nbox01 .title .t03{ width:100px; height:4px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.nbox01 .box{ width:1200px; margin:auto; position:relative;}
.nbox01 .box .left{ width:380px; height:470px; background-color:#f1f1f1; margin-left:30px; float:left; margin-top:30px;}
.nbox01 .box .left:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox01 .box .left .tu{ width:380px; height:250px; overflow:hidden; position:relative;}
.nbox01 .box .left .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox01 .box .left:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox01 .box .left .tu p{ width:120px; height:36px; display:block; line-height:36px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,163,224,0.7); overflow:hidden;}
.nbox01 .box .left .wen{ padding:25px 20px;}
.nbox01 .box .left .wen .n01{ font-weight:bold; font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox01 .box .left .wen .n01 a:hover{ color:#00a3e0;}
.nbox01 .box .left .wen .n02{ margin-top:5px; height:26px;}
.nbox01 .box .left .wen .n02 p{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:23px; background-position:left center; background-repeat:no-repeat;}
.nbox01 .box .left .wen .n02 span{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:25px; background-position:left center; background-repeat:no-repeat; margin-left:30px;}
.nbox01 .box .left .wen .n03{ margin-top:10px; height:72px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox01 .box .right{ width:380px; height:470px; background-color:#fff; position:relative; float:left; padding-bottom:25px; box-sizing:border-box;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.nbox01{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.nbox01 .title{ width:94%; margin:auto;}
.nbox01 .title .t01{ display:flex; justify-content:center; align-items:center;}
.nbox01 .title .t01 strong{ width:45px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.nbox01 .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 15px; font-size:24px; line-height:34px; height:34px;}
.nbox01 .title .t01 p b{ display:block; color:#00a3e0; line-height:32px;}
.nbox01 .title .t01 p a{ display:block;}
.nbox01 .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:8px; font-size:30px; line-height:36px; height:34px;}
.nbox01 .title .t02{ text-align:center; font-size:14px; line-height:24px; margin-top:5px;}
.nbox01 .title .t03{ width:70px; height:3px; margin:auto; margin-top:10px; background-color:#00a3e0;}
.nbox01 .box{ width:94%; margin:auto; position:relative;}
.nbox01 .box .left{ width:32%; background-color:#f1f1f1; margin-left:2%; float:left; margin-top:25px;}
.nbox01 .box .left:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox01 .box .left .tu{ width:100%; height:19.78vw; overflow:hidden; position:relative;}
.nbox01 .box .left .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox01 .box .left:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox01 .box .left .tu p{ width:120px; height:34px; display:block; line-height:34px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,163,224,0.7); overflow:hidden;}
.nbox01 .box .left .wen{ padding:15px;}
.nbox01 .box .left .wen .n01{ font-weight:bold; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox01 .box .left .wen .n01 a:hover{ color:#00a3e0;}
.nbox01 .box .left .wen .n02{ margin-top:5px; height:26px;}
.nbox01 .box .left .wen .n02 p{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:23px; background-position:left center; background-repeat:no-repeat;}
.nbox01 .box .left .wen .n02 span{ display:block; float:left; font-size:14px; line-height:26px; height:26px; padding-left:25px; background-position:left center; background-repeat:no-repeat; margin-left:30px;}
.nbox01 .box .left .wen .n03{ margin-top:5px; height:72px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media only screen and (max-width: 768px){
.nbox01{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.nbox01 .title{ width:94%; margin:auto;}
.nbox01 .title .t01{ display:flex; justify-content:center; align-items:center;}
.nbox01 .title .t01 strong{ width:25px; height:1px; background-color:#ccc; display:block; overflow:hidden;}
.nbox01 .title .t01 p{ display:flex; justify-content:center; align-items:flex-start; margin:0 10px; font-size:20px; line-height:30px; height:30px;}
.nbox01 .title .t01 p b{ display:block; color:#00a3e0; line-height:28px;}
.nbox01 .title .t01 p a{ display:block;}
.nbox01 .title .t01 p span{ text-transform:uppercase; font-family:Arial; display:block; margin-left:5px; font-size:25px; line-height:30px; height:30px;}
.nbox01 .title .t02{ text-align:center; font-size:14px; line-height:24px;}
.nbox01 .title .t03{ width:50px; height:2px; margin:auto; margin-top:5px; background-color:#00a3e0;}
.nbox01 .box{ width:94%; margin:auto; position:relative; padding-top:5px;}
.nbox01 .box .left{ width:100%; background-color:#f1f1f1; margin-bottom:15px; float:left; margin-top:15px;}
.nbox01 .box .left .tu{ width:190px; float:left; overflow:hidden; position:relative; height:125px;}
.nbox01 .box .left .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox01 .box .left:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.nbox01 .box .left .tu p{ width:110px; height:30px; display:block; line-height:30px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; background-color:rgba(0,163,224,0.7); overflow:hidden;}
.nbox01 .box .left .wen{ padding:10px; float:right; width:calc(100% - 210px);}
.nbox01 .box .left .wen .n01{ font-weight:bold; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox01 .box .left .wen .n01 a:hover{ color:#00a3e0;}
.nbox01 .box .left .wen .n02{ margin-top:5px;}
.nbox01 .box .left .wen .n02 p{ display:block; font-size:14px; line-height:24px; height:24px; padding-left:22px; background-position:1px center; background-repeat:no-repeat;}
.nbox01 .box .left .wen .n02 span{ display:block; font-size:14px; line-height:24px; height:24px; padding-left:22px; background-position:left center; background-repeat:no-repeat;}
.nbox01 .box .left .wen .n03{ display:none;}

}