/*首页中间产品开始*/

.product_box a {color:#092B85;}
.product_box a:hover {text-decoration:underline;}
.top_product {height:930px;}
.top_product .lt_content {width:574px;height:1403px;margin-right:40px;float:left;position:relative;border:3px solid #fff;border-radius:10px;box-shadow:0px 0px 25px #BABABA;}
.top_product .lt_content .lt_pic {width:550px;margin:12px;margin-bottom:0;border-radius:10px;overflow:hidden;position:relative;}
.lt_content .lt_pic img {width:550px;height:450px;}
.lt_content .lt_pic .lt_pic_tit {position:absolute;left:49%;top:10px;margin-left:-193px;color:yellow;font-size:22px;font-weight:600;}
.lt_content .lt_pic a:hover h3 {color:#E44001;text-decoration:underline;}
.dt_content {width:550px;height:400px;margin:0 12px 12px 12px;position:absolute;padding-top:10px;bottom:0}
.dt_content > h3 {font:500 16px/16px "微软雅黑";margin-top:16px;margin-bottom:12px;text-align:center;}
.dt_content > h3 > a {color:#092B85;font-size:20px;font-weight:600;}
.dt_content > .hexin {text-align:center;font:600 18px/18px "微软雅黑";margin-bottom:10px;}
.dt_content .zhihui_hexin > p {font-size:16px;line-height:27px;text-align:center;}
.lt_content .anqiao_container img {height:240px;}
.anqiao_title .zhihui_tt {height:45px;}
.lt_pic .anqiao_title .lt_pic_tit {font-size:18px;top:3px;margin-left:-160px;}
.anqiao_title .shot_tit {top:25px;font-size:15px;left:135px;}
.lt_content  .anqiao_title .lt_pic_tit {left:50%}
/*.dt_content .zhihui_hexin {padding-left:30px;}
*/.dt_content > .jingdu {margin:10px 0 10px 0;text-align:center;font:600 18px/18px "微软雅黑";}
.dt_content .canshu_more {color:#0070C0;margin-right:30px;float:right;}
.dt_content ul {width:100%}
.dt_content ul li {width:49%;height:25px;line-height:25px;border:1px solid #dedede;float:left;margin-right:-1px;margin-top:-1px;font-size:15px;text-align:center;}
.dt_content p {font:500 15px/26px "微软雅黑";}
.lt_zhihui {width:275px;height:380px;margin:10px 0 0 0;border-right:1px dashed #333;float:left;}
.lt_zhihui h3 {font:600 18px/16px "微软雅黑";margin:0 0 10px 0;text-align:center;}
.lt_zhihui h3:nth-of-type(2) {margin-top:20px;}
.rt_zhihui {width:260px;height:380px;margin:10px 0 0 0;float:left;padding-left:10px;}
.rt_zhihui h3 {font:600 18px/16px "微软雅黑";margin:0 0 10px 0;text-align:center;}
.rt_zhihui h3:nth-of-type(2) {margin-top:20px;}
.click_more {width:55px;height:22px;background-color:#FFF;border-radius:40px;text-align:center;line-height:22px;display:block;position:absolute;}
.click_more > a {color:#000}
.click_more > a:hover {color:red}
.zhihui_tt {position:absolute;left:0;top:0;width:100%;height:65px;line-height:45px;background-color:#000;opacity:0.4;}
.shot_tit {text-align:center;color:#FFF;font-size:20px;position:absolute;top:38px;left:143px;}
.lt_click {left:0;bottom:5px;}
.rt_click {left:0;bottom:-20px;}
.bt_click {left:26px;bottom:35px;}
.rt_content {width:574px;float:left;}
.rt_box {width:574px;height:214px;border:3px solid #fff;border-radius:10px;box-shadow:0px 0px 25px #BABABA;margin-bottom:18px;}
/*.rt_box:nth-child(4) {margin-bottom:0}
*/.rt_box > .lt_img {width:240px;height:165px;border-radius:10px;margin:22px 20px;overflow:hidden;float:left;}
.rt_box img {width:240px;height:165px;display:block;}
.rt_jieshao {width:288px;height:165px;float:right;margin:18px 5px 18px 0;position:relative;}
.rt_jieshao > h3 {;font:500 16px/16px "微软雅黑";margin-top:20px;margin-bottom:12px;}
.rt_box:nth-of-type(1) .rt_jieshao > h3 {margin-bottom:3px;}
.rt_jieshao > h3 > a {color:#092B85;font-size:18px;font-weight:600;line-height:20px;}
.rt_jieshao > p {line-height:20px;text-align:justify;font-size:13px;/*text-indent:1em;*/padding:1px 0;}
.rt_jieshao img {width:100px;height:auto;position:absolute;top:-17px;left:80px;}
.bottom_product {height:265px;border:3px solid #fff;border-radius:10px;box-shadow:0px 0px 25px #BABABA;margin-top:25px;}
.bt_lt_box {width:580px;height:245px;float:left;margin:12px;border-radius:10px;overflow:hidden;}
.bt_lt_box > img {width:580px;height:245px;}
.bt_rt_box {width:570px;height:245px;float:left;margin:12px;position:relative;text-align:center;padding-top:30px;}
.bt_rt_box > p {font-size:18px;line-height:40px;}
.bt_rt_box > h3 {font:600 20px/16px "微软雅黑";margin-top:20px;margin-bottom:20px;}
.bt_rt_box > h4 {font:500 18px/16px "微软雅黑";margin-bottom:10px;margin-top:20px;color:#092B85;}
.bt_rt_box > h4:nth-of-type(2) {color:#000;margin-top:10px;}
.bt_rt_box > p:nth-of-type(2) {line-height:30px;font-size:16px;}
.bt_rt_box > p:nth-of-type(2) span {color:#0070C0;margin-left:10px;}
.logo_icon_pd {position:absolute;top:-10px;left:50%;margin-left:-75px;}
/*.bt_rt_box > p:nth-of-type(2) {color:#0070C0;font:600 18px/30px "微软雅黑";}
*//*.bt_rt_box > p:nth-of-type(2) {font-size:14px;line-height:22px;}
*/.hidden,[hidden] {display:none !important}
.pure-img {max-width:100%;height:auto;display:block}
.pure-g {letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}
.opera-only:-o-prefocus,.pure-g {word-spacing:-.43em}
.pure-u {display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
.pure-g [class *="pure-u"] {font-family:sans-serif}
.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24 {display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
.pure-u-1-24 {width:4.1667%;*width:4.1357%}
.pure-u-1-12,.pure-u-2-24 {width:8.3333%;*width:8.3023%}
.pure-u-1-8,.pure-u-3-24 {width:12.5%;*width:12.469%}
.pure-u-1-6,.pure-u-4-24 {width:16.6667%;*width:16.6357%}
.pure-u-1-5 {width:20%;*width:19.969%}
.pure-u-5-24 {width:20.8333%;*width:20.8023%}
.pure-u-1-4,.pure-u-6-24 {width:25%;*width:24.969%}
.pure-u-7-24 {width:29.1667%;*width:29.1357%}
.pure-u-1-3,.pure-u-8-24 {width:33.3023%;*width:33.3023%}
.pure-u-3-8,.pure-u-9-24 {width:37.5%;*width:37.469%}
.pure-u-2-5 {width:40%;*width:39.969%}
.pure-u-5-12,.pure-u-10-24 {width:41.6667%;*width:41.6357%}
.pure-u-11-24 {width:45.8333%;*width:45.8023%}
.pure-u-1-2,.pure-u-12-24 {width:50%;*width:49.969%}
.pure-u-1-2{width: 49%}
.pure-u-13-24 {width:54.1667%;*width:54.1357%}
.pure-u-7-12,.pure-u-14-24 {width:58.3333%;*width:58.3023%}
.pure-u-3-5 {width:60%;*width:59.969%}
.pure-u-5-8,.pure-u-15-24 {width:62.5%;*width:62.469%}
.pure-u-2-3,.pure-u-16-24 {width:66.6667%;*width:66.6357%}
.pure-u-17-24 {width:70.8333%;*width:70.8023%}
.pure-u-3-4,.pure-u-18-24 {width:75%;*width:74.969%}
.pure-u-19-24 {width:79.1667%;*width:79.1357%}
.pure-u-4-5 {width:80%;*width:79.969%}
.pure-u-5-6,.pure-u-20-24 {width:83.3333%;*width:83.3023%}
.pure-u-7-8,.pure-u-21-24 {width:87.5%;*width:87.469%}
.pure-u-11-12,.pure-u-22-24 {width:91.6667%;*width:91.6357%}
.pure-u-23-24 {width:95.8333%;*width:95.8023%}
.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24 {width:100%}
.pure-button {display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pure-button::-moz-focus-inner {padding:0;border:0}
.pure-button {font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}
.pure-button-hover,.pure-button:hover,.pure-button:focus {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#1a000000',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}
.pure-button:focus {outline:0}
.pure-button-active,.pure-button:active {box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}
.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active {border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}
.pure-button-hidden {display:none}
.pure-button::-moz-focus-inner {padding:0;border:0}
.ico40.i_shangcheng{background-position:-115px -720px}
li.cur .ico40.i_shangcheng, li:hover .ico40.i_shangcheng{background-position: -115px -764px}

.pure-table {border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}
.pure-table caption {color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}
.pure-table td,.pure-table th {border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}
.pure-table td:first-child,.pure-tab le th:first-child {border-left-width:0}
.pure-table thead {background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
.pure-table td {background-color:transparent}
.pure-table-odd td {background-color:#f2f2f2}
.pure-table-striped tr:nth-child(2n-1) td {background-color:#f2f2f2}
.pure-table-bordered td {border-bottom:1px solid #cbcbcb}
.pure-table-bordered tbody>tr:last-child>td {border-bottom-width:0}
.pure-table-horizontal td,.pure-table-horizontal th {border-width:0 0 1px;border-bottom:1px solid #cbcbcb}
.pure-table-horizontal tbody>tr:last-child>td {border-bottom-width:0}

textarea {resize:none;border:1px solid #e5e5e5;padding:10px 10px;line-height:22px !important;color:#999 !important;text-align:left;font-size:14px !important}
.z_indexfirst {z-index:999 !important;position:relative}
.z_index5 {z-index:5 !important}
.z_index10 {z-index:10 !important}
.z_index1 {z-index:1 !important;position:relative}
.z_index0 {z-index:0 !important}
.table {display:table}
.cell {display:table-cell;vertical-align:middle}
.hn_table {display:table}
.hn_td {display:table-cell;vertical-align:middle;position:relative}
img {border:0 none;outline:0}
.clear {clear:both}
.left {float:left}
.right {float:right}

.opcity60 {opacity:.6}
.line_b {border-bottom:1px solid #e5e5e5}
.line_t_point {border-top:1px dotted #e5e5e5}
.t_center {text-align:center}
.t_vcenter {vertical-align:middle}
.t_left {text-align:left}
.t_right {text-align:right}
.l-box {padding:12px}
.box2_6-2_2 {width:396px;height:396px;position:relative;background:#efefef;overflow:hidden}
.box2_6-1_2 {width:396px;height:186px;position:relative;background:#efefef;overflow:hidden}
.box1_6-1_2 {width:186px;height:186px;position:relative;background:#efefef}
.box2_4-2_2 {width:606px;height:396px;position:relative;background:#efefef}
.box1_4-2_2 {width:291px;height:396px;position:relative;background:#efefef}
.hn_interaction_content {width:1260px;margin:30px auto;min-height:420px;zoom:1;display:block}
.hn_interaction_content.cur {display:block}
.hn_probanner {background: white;overflow: hidden;border: 1px solid #e5e5e5}
.hn_probanner ul {position:absolute;top:0;left:0;width:600%;display:block;white-space:nowrap;z-index:0}
.hn_probanner ul li {display:block;float:left;background:white;position:relative;overflow:hidden}
.hn_probanner ul li a {display:table;vertical-align:middle}
.hn_probanner ul li img {position:absolute;z-index:0;vertical-align:middle}
.hn_probanner ul li .infobox {color:#666;position:relative;z-index:10;white-space:normal}
.hn_probanner ul li .infobox h2 {font-size:3.2em;line-height:1.25em;color:#333}
.hn_probanner ul li .infobox p {font-size:1.6em;line-height:1.5em;color:#999}
.hn_probanner.r3_2 ul li img:hover {animation:imgr32 .2s ease-out 0s;-moz-animation:imgr32 .2s ease-out 0s;-webkit-animation:imgr32 .2s ease-out 0s;-o-animation:imgr32 .2s ease-out 0s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;width:370px;height:370px;top:15px;left:50px}
@keyframes imgr32 {0% {width:350px;height:350px;top:25px;left:60px}
100% {width:370px;height:370px;top:15px;left:50px}
}
@-moz-keyframes imgr32 {0% {width:350px;height:350px;top:25px;left:60px}
100% {width:370px;height:370px;top:15px;left:50px}
}
@-webkit-keyframes imgr32 {0% {width:350px;height:350px;top:25px;left:60px}
100% {width:370px;height:370px;top:15px;left:50px}
}
@-o-keyframes imgr32 {0% {width:350px;height:350px;top:25px;left:60px}
100% {width:370px;height:370px;top:15px;left:50px}
}
.hn_probanner.r2_2 ul li,.hn_probanner.r2_2 ul li a {width:604px;height:394px}
.hn_probanner.r2_2 ul li img {top:50px;left:32px}
.hn_probanner.r2_2 .infobox {width:200px;display:table-cell;vertical-align:middle;position:absolute;top:33%;right:50px}
.hn_probanner.r2_2 .infobox h2 {font-size:2.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:10px}
.hn_probanner.r2_2 .infobox p {font-size:1.6em;line-height:1.5em;max-height:3em;overflow:hidden;word-break:break-all}
.hn_probanner.r2_2 .nav {right:20px}
.hn_probanner.r2_2 ul li img:hover {animation:imgr22 .2s ease-out 0s;-moz-animation:imgr22 .2s ease-out 0s;-webkit-animation:imgr22 .2s ease-out 0s;-o-animation:imgr22 .2s ease-out 0s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;width:318px;height:318px;top:41px;left:23px}
@keyframes imgr22 {0% {width:300px;height:300px;top:50px;left:32px}
100% {width:318px;height:318px;top:41px;left:23px}
}
@-moz-keyframes imgr22 {0% {width:300px;height:300px;top:50px;left:32px}
100% {width:318px;height:318px;top:41px;left:23px}
}
@-webkit-keyframes imgr22 {0% {width:300px;height:300px;top:50px;left:32px}
100% {width:318px;height:318px;top:41px;left:23px}
}
@-o-keyframes imgr22 {0% {width:300px;height:300px;top:50px;left:32px}
100% {width:318px;height:318px;top:41px;left:23px}
}

.hn_probanner.r1_1 ul li,.hn_probanner.r1_1 ul li a {width:289px;height:184px}
.hn_probanner.r1_1 ul li img {bottom:20px;right:25px}
.hn_probanner.r1_1 .infobox {position:absolute;top:25px;left:20px;width:120px;display:table-cell;vertical-align:middle;padding-right:10px}
.hn_probanner.r1_1 .infobox h2 {font-size:1.8em;line-height:1.4em;max-height:2.8em;overflow:hidden;margin-bottom:0}
.hn_probanner.r1_1 .infobox p {font-size:1.4em;line-height:1.57em;max-height:1.57em;overflow:hidden}
.hn_probanner.r1_1 .nav {left:20px}
.hn_probanner.r1_1 .nav span {padding:10px 0;margin:0 3px}
.hn_probanner.r1_1 .nav span i {width:20px}
.hn_probanner.r1_1 ul li img:hover {animation:imgr11 .2s ease-out 0s;-moz-animation:imgr11 .2s ease-out 0s;-webkit-animation:imgr11 .2s ease-out 0s;-o-animation:imgr11 .2s ease-out 0s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;width:106px;height:106px;bottom:17px;right:22px}
@keyframes imgr11 {0% {width:100px;height:100px;bottom:20px;right:25px}
100% {width:106px;height:106px;bottom:17px;right:22px}
}
@-moz-keyframes imgr11 {0% {width:100px;height:100px;bottom:20px;right:25px}
100% {width:106px;height:106px;bottom:17px;right:22px}
}
@-webkit-keyframes imgr11 {0% {width:100px;height:100px;bottom:20px;right:25px}
100% {width:106px;height:106px;bottom:17px;right:22px}
}
@-o-keyframes imgr11 {0% {width:100px;height:100px;bottom:20px;right:25px}
100% {width:106px;height:106px;bottom:17px;right:22px}
}

.hn_probanner.r1_1fang ul li,.hn_probanner.r1_1fang ul li a {width:380px;height:394px}
.hn_probanner.r1_1fang .infobox {position:absolute;top:25px;left:20px;width:200px;display:table-cell;vertical-align:middle;padding-right:10px}
.hn_probanner.r1_1fang .infobox h2 {font-size:3.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:5px}
.hn_probanner.r1_1fang .infobox p {font-size:1.6em;line-height:1.5em;max-height:1.5em;overflow:hidden;word-break:break-all}
.hn_probanner.r1_1fang .nav {left:12px}
.hn_probanner.r1_1fang .nav span {padding:10px 0;margin:0 5px}
.hn_probanner.r1_1fang .nav span i {width:30px}
.js_probanner3 li img{transition:all 1s;/*图片放大过程的时间*/}
.js_probanner3 li:hover img{ transform: scale(1.1);  /*以y轴为中心旋转*/}
.more_product div img{transition:all 1s}
.more_product div:hover img{transform: scale(1.1)}
.hn_probanner .nav {position: absolute;bottom: 0;text-align: left;float: right;display: inline-block;z-index: 10;}
.hn_probanner .nav span {cursor: pointer;float: left;display: block;padding: 10px 0;margin: 0 5px;}
.hn_probanner .nav span i {display: inline-block;width: 40px;height: 3px;background: #c6cacb}
.hn_probanner .nav span:hover i,
.hn_probanner .nav span.cur i {
    background: #33beff
}
@keyframes imgr11fang {0% {width:200px;height:200px;bottom:40px;right:40px}
100% {width:212px;height:212px;bottom:34px;right:34px}
}
@-moz-keyframes imgr11fang {0% {width:200px;height:200px;bottom:40px;right:40px}
100% {width:212px;height:212px;bottom:34px;right:34px}
}
@-webkit-keyframes imgr11fang {0% {width:200px;height:200px;bottom:40px;right:40px}
100% {width:212px;height:212px;bottom:34px;right:34px}
}
@-o-keyframes imgr11fang {0% {width:200px;height:200px;bottom:40px;right:40px}
100% {width:212px;height:212px;bottom:34px;right:34px}
}
@keyframes evaluation_img123 {0% {width:150px;height:150px;margin-top:-75px;margin-left:-75px}
100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px}
}
@-moz-keyframes evaluation_img123 {0% {width:150px;height:150px;margin-top:-75px;margin-left:-75px}
100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px}
}
@-webkit-keyframes evaluation_img123 {0% {width:150px;height:150px;margin-top:-75px;margin-left:-75px}
100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px}
}
@-o-keyframes evaluation_img123 {0% {width:150px;height:150px;margin-top:-75px;margin-left:-75px}
100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px}
}

@keyframes imgbox22 {0% {width:396px;height:396px;left:0;top:0}
100% {width:420px;height:420px;left:-13px;top:-13px}
}
@-moz-keyframes imgbox22 {0% {width:396px;height:396px;left:0;top:0}
100% {width:420px;height:420px;left:-13px;top:-13px}
}
@-webkit-keyframes imgbox22 {0% {width:396px;height:396px;left:0;top:0}
100% {width:420px;height:420px;left:-13px;top:-13px}
}
@-o-keyframes imgbox22 {0% {width:396px;height:396px;left:0;top:0}
100% {width:420px;height:420px;left:-13px;top:-13px}
}

@keyframes imgbox22m {0% {width:380px;height:280px;left:0;top:0}
100% {width:400px;height:300px;left:-13px;top:-13px}
}
@-moz-keyframes imgbox22m {0% {width:380px;height:280px;left:0;top:0}
100% {width:400px;height:300px;left:-13px;top:-13px}
}
@-webkit-keyframes imgbox22m {0% {width:380px;height:280px;left:0;top:0}
100% {width:400px;height:300px;left:-13px;top:-13px}
}
@-o-keyframes imgbox22m {0% {width:380px;height:280px;left:0;top:0}
100% {width:400px;height:300px;left:-13px;top:-13px}
}

.hn_imgbox2_1 {width:396px;height:186px;position:relative}
.hn_imgbox2_1 img {position:absolute;top:-6px;left:0}
.hn_imgbox2_1 img:hover {animation:imgbox21 .2s ease-out 0s;-moz-animation:imgbox21 .2s ease-out 0s;-webkit-animation:imgbox21 .2s ease-out 0s;-o-animation:imgbox21 .2s ease-out 0s;animation-fill-mode:backwards;-webkit-animation-fill-mode:forwards;width:420px;height:210px;top:-12px;left:-12px}
@keyframes imgbox21 {0% {width:396px;height:198px;top:-6px;left:0}
100% {width:420px;height:210px;top:-12px;left:-12px}
}
@-moz-keyframes imgbox21 {0% {width:396px;height:198px;top:-6px;left:0}
100% {width:420px;height:210px;top:-12px;left:-12px}
}
@-webkit-keyframes imgbox21 {0% {width:396px;height:198px;top:-6px;left:0}
100% {width:420px;height:210px;top:-12px;left:-12px}
}
@-o-keyframes imgbox21 {0% {width:396px;height:198px;top:-6px;left:0}
100% {width:420px;height:210px;top:-12px;left:-12px}
}

.hn_newpro .link:hover .i_more {background-position:-25px -150px}
.hn_interaction_box {width:100%;background:#f6f6f6;padding-bottom:1px;min-height:572px}
.hn_interaction_tab {background:white;height:130px;text-align:center;}
.hn_interaction_tab ul {width:1155px;margin:0 auto;position:relative}
.hn_interaction_tab ul li {display:table;width:170px;height:130px;float:left;font-size:1.4em;border: 1px solid #F6F6F6;border-radius: 10px}
.hn_interaction_tab ul li .cell {display:table-cell;width:100%;vertical-align:middle;color:#666}
.hn_interaction_tab ul li .cell span {display:inline-block;width:100%;text-align:center;margin-top: 5px}
.hn_interaction_tab ul li.cur,.hn_interaction_tab ul li:hover {background:#f6f6f6}
.hn_interaction_tab ul li.cur .cell,.hn_interaction_tab ul li:hover .cell {color:#083190}
.hn_interaction_tab ul li .cell .i_more {margin-top:8px;margin-bottom:7px}
.hn_interaction_tab ul li.cur .cell .i_more,.hn_interaction_tab ul li:hover .cell .i_more {background-position:-25px -150px}
.hn_interaction_tab .line {width:110px;background:#083190;height:2px;position:absolute;top:0;left:0;display:block}
.hn_interaction_content {width:1200px;margin:0 auto; margin: 30px 0;min-height:420px;zoom:1;display:none}
.hn_interaction_content.cur {display:block}
.hn_preferential {padding:30px 0 50px;position:relative}
.hn_preferential .content {position:relative}
.hn_preferential h2 {height:20px;border-bottom:1px solid #e5e5e5;overflow:normal;text-align:center}
.hn_preferential h2 span {background:white;width:220px;display:inline-block}
.hn_preferential ul {display:block;text-align:center;width:3000000px;position:absolute;top:0;left:0}
.hn_preferential ul li {display:inline-block;width:215px;text-align:center;float:left}
.hn_preferential .showbox {height:80px;width:1020px;margin:0 auto;overflow:hidden;margin-top:50px}
.hn_preferential .btn_per {width:45px;height:200px;background:url() no-repeat left 0;top:50%;margin-top:-70px;cursor:pointer;left:20px;display:block;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.hn_preferential .btn_next {width:45px;height:200px;background:url() no-repeat right 0;top:50%;margin-top:-70px;cursor:pointer;right:20px;display:block;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.otcbd_container{padding: 40px 0 20px 0;background-color: #fff;}
.otcbd_container .top-title{font-size: 32px;font-weight: 600;text-align: center;margin: 30px 0 20px 0;}
.otcbd_container .otc-inner{display: flex;justify-content: space-between;padding: 20px 0;}
.otcbd_container .otc-inner .left{width: 48.5%;text-align: center;}
.otcbd_container .otc-inner .right{width: 48.5%;text-align: center;}
.otcbd_container .otc-inner .title{font-size: 19px;font-weight: 600;margin-bottom: 15px;color: #083190;}
.otcbd_container .otc-inner .img-box{height: 350px;overflow: hidden;box-shadow: 0 0 5px #999;}
.otcbd_container .otc-inner .desc{font-size: 15px;width: 90%;margin: 0 auto;margin-bottom: 20px;padding: 5px;line-height: 25px;box-shadow: 0 0 2px #999;}
.otcbd_container  .img-box img{width: 100%;height: 100%;transition: all 1s;}
.otcbd_container  img:hover{transform: scale(1.1);}
.otcbd_container .prize-inner{display: flex;justify-content: space-between;margin-bottom: 20px;}
.otcbd_container .prize-inner .about-content{width: 48.5%;display: flex;justify-content: space-between;}
.otcbd_container .prize-inner .otc-jb{width:40%;height: 350px;overflow: hidden;}
.otcbd_container .prize-inner .about{width: 100%;}
.otcbd_container .prize-inner .about a{color: #083190;}
.otcbd_container .prize-inner .prize-box{width: 48.5%;}
.otcbd_container .prize-inner .otc-jb img{width: 100%;height: 100%;}
.otcbd_container .prize-inner .about p{font-size: 15px;line-height: 27px;text-align: justify;text-indent: 2em;margin-bottom: 17px;}
.otcbd_container .prize-inner .prize-box .tt {display: flex;justify-content: space-between;}
.otcbd_container .prize-inner .prize-box .tt li{width: 23%;}
.otcbd_container .prize-inner .prize-box .tt li a{display: block;height: 180px;overflow: hidden;}
.otcbd_container .prize-inner .prize-box .tt li img{width: 100%;height: 100%;}
.otcbd_container .prize-inner .prize-box  li p{text-align: center;font-size: 13px;margin-top: 5px;}
.otcbd_container .prize-inner .prize-box .bb{display: flex;justify-content: space-between;margin-top: 10px;}
.otcbd_container .prize-inner .prize-box .bb li{width: 31%;}
.otcbd_container .prize-inner .prize-box .bb li a{display: block;height: 120px;overflow: hidden;text-align: center;}
.otcbd_container .prize-inner .prize-box .bb li img{max-width: 100%;height: 100%;}
.otcbd_container .prize-inner .prize-box  img{transition: all 1s;}
.otcbd_container .prize-inner .prize-box  img:hover{transform: scale(1.1);}
.otcbd_container .prize-inner .yuanli{width: 100%;}
.otcbd_container .prize-inner .indent{text-indent: 2em;}
/* 首页新闻开始 */
.page_header .header_logo{float:left;line-height:60px;padding:0 100px 0 15px;}
.page_header .header_logo img,.page_header .header_quick img{vertical-align: middle;}
.page_header .header_menu{float: left;}
.page_header .header_menu li{float: left;line-height: 40px;margin-right: 16px;margin-top: 20px;}
.page_header .header_menu a{color:#fff}
.page_header .header_menu .cur{background:url(../images/header_pic_1.jpg) no-repeat bottom center;}
.page_header .header_menu .cur_b{font-weight: bold;}
.page_header .header_quick{float: right;line-height:60px;overflow: hidden;}
.page_header .header_quick a{display: block;float: left;width: 45px;text-align: center;}
.page_header .header_quick .cur_b{background:url(../images/header_pic_7.jpg) no-repeat bottom center}
.page_header .header_quick .cur{background:url(../images/header_pic_1.jpg) no-repeat bottom center}
.page_header .page_header_box{position: relative;}
.page_header .header_eng{position: absolute;top:0;right: 206px;}
.page_header .header_submenu{background:#F6F6F6;position:absolute;top:58px;z-index: 998;}
.page_header .menu_product{text-align: center; overflow: hidden;display: none;margin: 0 auto;border-collapse: collapse;}
.page_header .menu_product td{padding: 20px 8px 0 8px;width: 25%;padding-bottom: 0;height: 370px;border: 1px solid #ededed;border-top:none;border-bottom: none;vertical-align: top;}
.page_header .menu_product a{color:#333}
.page_header .menu_product a:hover,.page_header .menu_product .menu_product_title a:hover{color:#3a66ce}
.page_header .menu_product .menu_product_title{padding-bottom: 14px;margin-top: 10px}
.page_header .menu_product .menu_product_title a{color:#000;font-size: 14px;}
.page_header .submenu_product li{line-height: 22px;}
.page_header .submenu_product2 li{width:50%;float: left;line-height: 18px;}
.page_header .submenu{position:absolute;overflow: hidden;display: none;}
.page_header .submenu li{float: left;padding: 0 13px;line-height: 30px;}
.page_header .submenu a{color:#333}
.page_header .submenu .cur a,.page_header .submenu a:hover{font-weight: bold;color:#3a66ce}
.page_header .header_search{position:absolute;z-index: 2;display: none;background:#fff;overflow: hidden;}
.page_header .header_search .search_area{float: left;padding-bottom: 10px;}
.page_header .search_panel{line-height: 51px;width: 580px;background:#6593ee;color:#fff;font-size: 18px;padding:0 20px;margin:34px 0 0 52px}
.page_header .search_panel input{width: 472px;height: 32px;margin-left:20px;line-height: 32px;border: none;}
.page_header .search_condition{line-height: 28px;margin:20px 60px;width: 672px;}
.page_header .search_condition td{vertical-align: top;}
.page_header .search_condition .td_title{text-align: right;white-space:nowrap;}
.page_header .search_condition,.page_header .search_condition a{color:#333}
.page_header .search_condition a{margin-left: 0px;margin-right: 16px;}
.page_header .search_condition .cur{color:#3460de}
.page_header .search_link{overflow: hidden;margin-left: 52px;}
.page_header .search_link a{display: block;float: left;line-height: 36px;text-align: center;font-size: 14px;width: 118px;}
.page_header .search_link .search_btn{background:#6593ee;color:#fff}
.page_header .search_link .search_clear{text-decoration: underline;color:#333}
.page_header .search_quick{float: right;width: 204px;}
.page_header .search_quick img{vertical-align: top;}
.page_header .header_weixin_list{position:absolute;right: 0;width: 934px;z-index: 2;background:#fff;display: none;}
.page_header .header_weixin_list .swiper-container{width: 848px;}
.page_header .header_weixin_list .swiper-slide{text-align: center;padding:24px 0 34px}
.page_header .header_weixin_list .swiper-slide img{border:1px solid #e5e5e5}
.page_header .header_weixin_list .cur{color:#3460de;background: #f6f6f6;}
.page_header .header_weixin_list .button_next,.page_header .header_weixin_list .button_prev{width:56px;text-align: center;}
.page_header .header_weibo_list{position:absolute;right: 0;width: 270px;z-index: 2;background:#fff;display: none;}
.page_header .header_weibo_list div{border-bottom: 1px solid #ededed;}
.header_submenu_layer{height: 30px;background:#fff;}
.header_submenu_layer .submenu{overflow: hidden;}
.header_submenu_layer .submenu li{float: left;padding: 0 13px;line-height: 30px;}
.header_submenu_layer .submenu a{color:#333}
.header_submenu_layer .submenu .cur a{font-weight: bold;color:#3a66ce}
.index_container .click_more{width: 50px;height:22px;background: #083190;position: relative;bottom: 2px; font-size: 12px;text-align: center;color:#FFF}
.index_banner .swiper-slide div{height: 539px;background:no-repeat center}
#productbox .prev{position: absolute;top: 45%;left: -60px;}
#productbox .next{position: absolute;top: 45%;right: -60px;}
#productbox a i{font-size: 80px;}
#productbox .subtitle_box{height: 35px;}
#productbox .subtitle_box ul{overflow: hidden;}
#productbox .subtitle_box ul li{float:left; margin-right:10px; letter-spacing:0;border-radius: 5px; height:15px; padding: 10px 10px; line-height:15px; text-align:center; background:#CCC; cursor:pointer;}
#productbox .subtitle_box ul li.on{ background:#092B85; color:#fff; }
.otcbd_box { }
.pbd_box li div{width: 100%;height: 100%;width: 1195px;margin-bottom: 10px}
.pbd_box li div img{margin-top: 10px;}
.pbd_box li div:hover{box-shadow: 0px 0px 10px #797d80}
/*.index_banner .swiper-pagination-bullet{border-radius: 0;opacity: 1;background: #fff;width: 14px;height: 14px;}
.index_banner .swiper-pagination-bullet-active{background: #3568df;}*/
.index_banner .swiper-pagination {position: absolute;bottom: 10px;width: 100%;text-align: center;}
.index_banner .swiper-pagination-switch {display: inline-block;width: 14px;height: 14px;background: #fff;margin: 0 5px;cursor: pointer;}
.index_banner .swiper-active-switch {background: #3568df;}
.index_container{background: #FFF}
.index_container .index_news_area{height: 465px;background: url(../images/index_news_1.jpg) no-repeat center;padding-top: 10px;}
.index_container .index_news_area .index_video{float: left;padding-top:55px;width: 580px;height: 385px;padding-top: 25px;}
.index_container .index_news_area .video_left_box{width: 100%;height: 100%;position: relative}
.index_container .index_news_area .index_news{float: right;width: 580px;overflow: hidden;}
.index_container .index_news_area .index_anli{float: left;}

.index_container .index_news_area .index_news_title{font-size: 16px;color:#333;margin: 23px 0 9px;}
.index_container .index_news_area .index_news_title img{vertical-align: middle;}
.index_container .index_news_area .index_news_title .index_news_title_search{border: 1px solid #d9e6f2;background: #fff;width: 138px;display: none;}
.index_container .index_news_area .index_news_title .index_news_title_search input{border:none;width: 107px;height: 18px;}
.index_container .index_news_area .index_news_title .index_news_title_search img{vertical-align: top;margin:2px 4px 0 0}

.index_container .index_news_area .index_news_list{height: 385px;border: 1px solid #d9e6f2;background:#fff;position:relative;overflow: hidden;}
.index_container .index_news_area .index_news_list td{height: 64px;}
.index_container .index_news_area .index_news_list .even{background:#f0f5fa}
.index_container .index_news_area .index_news_list .news_title{color:#083190}
.index_container .index_news_area .index_news_list,.index_container .index_news_area .index_news_list a{color:#666}
.index_container .index_news_area .index_news_list .ps-scrollbar-y-rail{background: #dfdfdf;right: 5px;}
.index_container .index_news_area .index_news_list .ps-scrollbar-y{background: #083190}
.index_container .index_news_area .index_news_list td{font-size:14px}
.index_container .index_product_menu{margin: 27px auto;}
.index_container .index_product{background:url(../images/index_product_bg.jpg) no-repeat center;height:384px}
.index_container .index_product .index_product_table{text-align: center;color:#666;width: 1100px;margin: 0 auto;}
.index_container .index_product .index_product_table .layer{opacity: 0.2;}
.index_container .index_product .index_product_table td{position: relative;}
.index_container .index_product .index_product_table div{line-height: 250px;padding-bottom: 32px;}
.index_container .index_product .index_product_table b{display: block;font-size: 14px;color:#000;width: 145px;margin: 0 auto;font-weight: normal;}
.index_container .index_product .index_product_table span{display: block;font-size: 14px;color:#666;width: 145px;margin: 0 auto;}
.index_container .index_product .index_product_table img{vertical-align: bottom;}
.index_container .index_product .index_product_table ul{position:absolute;top:58px;right: -100px;line-height: 20px;z-index: 2;color: #333;display: none;width: 140px;}
.index_container .index_product .index_product_table li{background: url(../images/index_product_ico.png) no-repeat 0 6px;padding-left: 18px;text-align: left;}
.video_mask{width: 100%;height: 100%;position: absolute;top: 0;z-index: 2;cursor: pointer;}
.video_mask i{position: absolute; top: 43%;left: 46%;margin-left: -38px;margin-top: -38px;}
.video_mask .fix_mask{width: 100%;height: 100%;position: absolute;top: 0;background: #000;opacity: 0.3;}
.video_mask:hover .fix_mask{background: #FFF;opacity: 0;}
.productinfo-box{background-color: #FFF;}
.productinfo-box .jiagou-box  .dd{margin-bottom: 30px;box-shadow: 0 0 5px 2px #999 inset; padding: 30px 20px;}
.productinfo-box .jiagou-box .tt{text-align: center;font-size: 22px;margin-bottom: 20px;font-weight: 600;}
.more-yingyong{display: none;}
.who_box{padding: 70px 0 20px 0;}
.who_box > p{font-size: 30px;color: #888}
.who_box img{text-align: center;width: 100%;}
.who_box h2{font-size: 35px;font-weight: 600;text-align: center;margin-bottom: 30px;}
.who_box .show-more{display: block;}
.who_title p{text-align: center;font-size: 18px;margin-bottom: 25px;color: #999;line-height: 30px;}
.container{width:1200px;margin:0 auto}
.ps-scrollbar-y-rail {position: absolute; /* please don't change 'position' */ right: 2px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 7px; background:url(../images/stroe_scrollbg.jpg) no-repeat center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 1; filter: alpha(opacity = 100); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear;}
.ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 7px; background-color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;}
.index_container .index_news_area .index_news_list .ps-scrollbar-y-rail{background: #dfdfdf;right: 5px;}
.index_erweima_box{height: 345px;border: 1px solid red;}
.jianchulv-box{width: 100%;display: flex;justify-content: space-between;}
.wecando {margin-top: 30px;color: #FFF;padding: 30px 0 50px 0;background: linear-gradient(90deg, rgba(0,86,187,0.90) 0%, rgba(0,86,187,0.78) 30%, rgb(0 86 187 / 56%) 60%,rgba(0,0,0,0) 100%);}
/*修改头部导航*/
header .hn_nav li .subnavbox1 .item .classifybox > div:hover a{color:#005aab!important;}
header .hn_nav li .subnavbox1 .item .classifybox > div a:hover{color:#30befe!important;}
header .hn_nav li .subnavbox1 .item .classifybox > div:hover b{color:#005aab!important;}
header .hn_nav li .subnavbox1 .item .classifybox > div b:hover{color:#30befe!important;}
/* 顶部开始 */
img {border:0 none;outline:0}
.ico40 {vertical-align:middle;width:80px;height:80px;display: inline-block;}
.ico41 {vertical-align:middle;width:80px;height:80px;background:url(../images/picon01.png) no-repeat;display:inline-block;vertical-align:middle;background-size:80px 80px}
.ico42 {vertical-align:middle;width:80px;height:80px;background:url(../images/picon02.png) no-repeat;display:inline-block;vertical-align:middle;background-size:80px 80px}
.ico43 {vertical-align:middle;width:80px;height:80px;background:url(../images/picon03.png) no-repeat;display:inline-block;vertical-align:middle;background-size:80px 80px}
.ico44 {vertical-align:middle;width:80px;height:80px;background:url(../images/picon04.png) no-repeat;display:inline-block;vertical-align:middle;background-size:80px 80px}
.ico45 {vertical-align:middle;width:80px;height:80px;display:inline-block;vertical-align:middle;background-size: 80px 80px}
.ico40.i_tv {background-position:-77px top}
li.cur .ico41{background:url(../images/picon01.png);background-size: 80px 80px}
li.cur .ico42{background:url(../images/picon02.png);background-size: 80px 80px}
li.cur .ico43{background:url(../images/picon03.png);background-size: 80px 80px}
li.cur .ico44{background:url(../images/picon04.png);background-size: 80px 80px}
.ico40.i_chuangxinchanpin {background-position:-77px -520px}
li.cur .ico40.i_chuangxinchanpin,li:hover .ico40.i_chuangxinchanpin {background-position:-117px -520px}
.ico40.i_shumazhuanqu {background-position:-77px -560px}
li.cur .ico40.i_shumazhuanqu,li:hover .ico40.i_shumazhuanqu {background-position:-117px -560px}
.ico40.i_diy {background-position:-77px -915px}
li.cur .ico40.i_diy,li:hover .ico40.i_diy {background-position:-117px -915px}
a:hover .ico_25.i_collect {background-position:-25px -250px}


/* footer{display: none;} */
footer a {font-size:1.4em;}
footer .bottombar {background:#2b2c2d;padding:20px 0;color:#515252}
footer .bottombar span {color:#999;font-size:1.2em}
footer .text_grey {font-size:1.2em}

.h-1-1 {height:380x}
.h-1-1-m{height: 300px;}
.l-box {padding:12px}
.box2_6-2_2 {width:396px;height:396px;position:relative;background:#efefef;overflow:hidden}
.box2_6-1_2 {width:396px;height:186px;position:relative;background:#efefef;overflow:hidden}
.box1_6-1_2 {width:186px;height:186px;position:relative;background:#efefef}
.box2_4-2_2 {width:606px;height:396px;position:relative;background:#efefef}
.box1_4-2_2 {width:291px;height:396px;position:relative;background:#efefef}
.box1_4-1_2 {width:291px;height:186px;position:relative;background:#efefef}
.autobox_1_1 {background:#efefef;height:186px}
.box2_3-2_2 {width:816px;height:396px;background:#efefef;overflow:hidden;position:relative}
.box1_3-2_2 {width:396px;height:396px;background:#efefef;overflow:hidden;position:relative;;margin-left: 17px;}
.box1_3-1_2 {width:396px;height:186px;background:#efefef;overflow:hidden;position:relative}
.box1_6-1_1 {width:186px;height:186px;background:#efefef;overflow:hidden;position:relative}
.hn_fix_tit_bottom {background:#342d34;background:rgba(52,45,52,.7);position:absolute;width:100%;line-height:20px;font-size:16px;bottom:0;padding:7px 0}
.hn_fix_tit_bottom a {color:#fff;padding:0 18px;display:block;max-height:80px;overflow:hidden;display:block;line-height:20px;overflow:hidden}
.hn_fix_br {position:absolute;bottom:0;right:5px}
.hn_fix_tr {position:absolute;top:0;right:5px}

.hn_imgbox2_2 {width:380px;height:355px;}
.hn_imgbox2_2 img {position:absolute;top:0;left:0;width: 380px;height:355px}
.hn_imgbox2_2 img:hover {animation:imgbox22 .2s ease-out 0s;-moz-animation:imgbox22 .2s ease-out 0s;-webkit-animation:imgbox22 .2s ease-out 0s;-o-animation:imgbox22 .2s ease-out 0s;animation-fill-mode:backwards;-webkit-animation-fill-mode:forwards;left:-13px;top:-13px}
.hn_imgbox2_more{height: 280px;}
.hn_imgbox2_more img{width: 100%;height: 100%;}
.hn_imgbox2_more img:hover{width: 400px;height: 300px;animation:imgbox22m .2s ease-out 0s;-moz-animation:imgbox22m .2s ease-out 0s;-webkit-animation:imgbox22m .2s ease-out 0s;-o-animation:imgbox22m .2s ease-out 0s;animation-fill-mode:backwards;-webkit-animation-fill-mode:forwards;left:-13px;top:-13px}


@-moz-document url-prefix() {.hn_fix_br,.hn_fix_tr {right:0}
}
.hn_proclassify {border:1px solid #e5e5e5;background:#fff;position:relative;padding: 5px;}
.hn_proclassify a {display:block;color:#333;width:186px;height:186px}
.hn_proclassify a:hover h2 {color:#32beff}
.hn_proclassify h2 {padding:20px 50px 0 20px;font-size:1.6em}
.hn_proclassify:hover {animation:proclassify_hover .5s ease-out 0s;-moz-animation:proclassify_hover .5s ease-out 0s;-webkit-animation:proclassify_hover .5s ease-out 0s;-o-animation:proclassify_hover .5s ease-out 0s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
@keyframes proclassify_hover1 {0% {box-shadow:0 0 1px #dbdbdb}
100% {box-shadow:0 0 10px #dbdbdb}
}
@-moz-keyframes proclassify_hover1 {0% {box-shadow:0 0 1px #dbdbdb}
100% {box-shadow:0 0 10px #dbdbdb}
}
@-webkit-keyframes proclassify_hover1 {0% {box-shadow:0 0 1px #dbdbdb}
100% {box-shadow:0 0 10px #dbdbdb}
}
@-o-keyframes proclassify_hover1 {0% {box-shadow:0 0 1px #dbdbdb}
100% {box-shadow:0 0 10px #dbdbdb}
}
.pure-g {position:relative}
.proclassify_btn {position:absolute;bottom:0;right:5px;@-moz-right:0}
@-moz-document url-prefix() {.proclassify_btn {right:0}
}
header .hn_nav li .subnavbox1 .itembox {position:absolute;background:#fff;margin:15px 20px 25px 20px;width:100%}
header .hn_nav li .subnavbox1 .item2 .itembox {margin:15px 20px 25px 20px}
header .hn_nav li .subnavbox1 .itembox .scrollitem {position:relative}
header .hn_nav li .subnavbox1 .item {width:719px;height:368px;position:absolute;overflow:hidden;padding:0;left:187px;top:-1px}
header .hn_nav li .subnavbox1 .item.item1 {width:616px}
header .hn_nav li .subnavbox1 .item.item2 {width:513px}
header .hn_nav li .subnavbox1 .item.item3 {width:322px}
header .hn_nav li .subnavbox1 .item .title {width:125px;text-align:right;margin-right:35px}
header .hn_nav li .subnavbox1 .item .title span {background:url() no-repeat center center;color:#c2c5d3}
header .hn_nav li .subnavbox1 .item ul {/*display:inline-block;*/overflow:hidden;max-width:490px}
header .hn_nav li .subnavbox1 .item .itembottom {height:27px;position:absolute;bottom:0;width:100%;background-color:#fff}
header .hn_nav li .subnavbox1 .item ul li {float:left}
.classifybox:after {clear:both;content:"";display:block}
.classifybox div:after {clear:both;content:"";display:block}
header .hn_nav li .subnavbox1 ul.subnav {width:186px}
header .hn_nav li .subnavbox1 .item .classifybox .title a {padding:0}
header .hn_nav li .subnavbox1 .item .classifybox>div {line-height:22px;margin-bottom:5px}
header .hn_nav li .subnavbox1 .item .classifybox {padding-bottom:27px;font-size:1em}
header .hn_nav li .subnavbox1 .item .empclassifybox {height:180px}
header .hn_nav li .subnavbox1 .item .classifybox a {color:#C2C2C2}
header .hn_nav li .subnavbox1 .item .classifybox b {color:#C2C2C2;padding:0}
header .hn_nav li .subnavbox1 .item .classifybox.boxcur a {color:#005aab}
header .hn_nav li .subnavbox1 .item .classifybox.boxcur b {color:#005aab}
header .hn_nav li .subnavbox1 .item .classifybox.boxcur i {color:#005aab}
header .hn_nav li .subnavbox1 .item .classifybox.boxcur a:hover {color:#30befe}
header .hn_nav li .subnavbox1 .subnav li {height:40px;line-height:40px}
header {font-size:1.4em;position: fixed;top:0}


@media screen and (max-width:450px) and (min-width:320px) {
  body{
    font-size:12px;
  }
  .canshu_box > div > .inner_cbox{padding: 70px;}
  
}
@media screen and (min-width:320px) and (max-width:600px){
  body {background-color:#f5f5f5;}
}



/* 顶部结束 */
.more_web_box{display: inline-block;line-height: 80px;position: relative;}
.more_web_box span{border-radius: 5px;color:#333;display: block;padding: 0 10px;}
.more_web_box .other_web{width: 100%;position: absolute;top: 61px;left: 0;z-index: 999;background: #F6F6F6}
.more_web_box .other_web li{height: 30px;text-align: center;line-height: 30PX;font-size: 14px;padding: 0 5px;}
.more_web_box .other_web li a{display: block}
.more_web_box .other_web li a:hover{color: #083190}
.header_submenu table td{margin-left: -1px;}
.header_submenu table td:last-child{border-right:0 }
.page_header .child_nav_box{background: #F6F6F6;position: absolute;width: 390px;text-align: center;height: 35px;line-height: 35px}
.page_header .child_nav_box ul li{float: left;padding: 0 10px}
.index_company_box   div{cursor: pointer}
.jiance_box  h3{font-weight: 600;}
.canshu_box{font-size: 16px;line-height: 30px;margin-top: 20px;box-shadow: 0px 0px 15px #ccc;height: 212px;margin-bottom: 10px}
.canshu_box > div{float: left;padding: 8px;}
.canshu_box > div > .inner_cbox{padding: 7px;border-right: 1px dashed #ccc}
.canshu_box > div > .inner_cbox > h3{font-size: 18px;}
.canshu_box .left_cbox {width: 562px;}
.canshu_box .center_cbox {width:160px;}
.canshu_box .right_cbox {width:400px;}
.canshu_box .right_cbox .inner_cbox{border-right: 0}
.xuanze_box{font-size: 16px;padding-left: 10px;line-height: 35px;position: relative}
.xuanze_box img{position: absolute;top: 30px;right: 0;width: 385px;}
.xuanze_box h3{line-height: 40px;font-weight: 600}

.wecando p{font-size: 20px;line-height: 30px;text-indent: 2em;text-align: left;color: #FFF;margin-bottom: 10px}
.ruhe_box{background: url("../images/hybd.jpg") center center no-repeat;position: relative;height: 680px;}
.ruhe_box .mask{position: absolute;left: 0; bottom: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.7;}
.ruhe_inner{position: absolute;left: 50%;top:50%;transform:  translate(-50%,-50%);}
.ruhe_inner .inner-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #333;opacity: 0.8;}
/* .choose-container{position: absolute;top: 0;left: 0;} */
.choose_box{box-shadow:  0 0 5px #ccc;padding: 20px 0;color: #FFF;overflow: hidden;}
.choose_box .haoyong{position: relative;}
.choose_box .haoyong img{position: absolute;left: 50px;top: 50%;transform: translateY(-50%);width:80px;transition: all 1s;}
.choose_box .haoyong img:nth-of-type(1){left: 0px}
.choose_box .haoyong img:nth-of-type(2){left: 90px;}
.choose_box ul{height: 81px;width:1300px}
.choose_box ul li{width: 550px;height: 100px;line-height: 100px;float: left;margin-top: -1px;cursor: pointer;text-align: center;font-size: 18px;display: table;position: relative;}
.choose_box ul:first-child li{font-size: 23px;} 
.choose_box ul li:nth-of-type(1){width:194px;font-weight: 600}
.choose_box ul li p{line-height: 30px;text-align: left;display: table-cell;vertical-align: middle;padding-left: 45px;font-size: 18px;width: 480px;}
.choose_box ul li .zan{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;}
/* .choose_box ul:nth-of-type(2n-1){background: #f6f6f6} */
.choose_box .title{text-align: right;position: relative;}
.choose_box .jianchu_icon{width: 40px;margin-right: 5px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%)}
.choose_box span{position: absolute;left: 70px;top: 50%;transform: translateY(-50%);}
.choose_box ul li  .zan_active{width: 35px;height: 35px;transition: all 0.5s;}
#xianjin{color: #25E647;transition: all 1s;}
#xianjin:hover{font-size: 30px;}
#xianjin:hover img{width: 100px;left: 50px;}
#luohou{color: #FE0000;transition: all 1s;}
#luohou:hover{font-size: 18px;}
#luohou:hover img{width: 50px;left: 150px;}
/* .video-bd-container{background-color: #FFF;} */
.otc_video_container  {overflow: hidden;}
.otc_video_container .title{font-size: 35px;text-align: center;margin-bottom: 40px;font-weight: 600;position: relative;}
.otc_video_container .title span{position: absolute;font-size: 40px;top: 50%;transform: translateY(-50%);}
.otc_video_container .title span.left-arrow{left: 0;}
.otc_video_container .title span.right-arrow{right: 0;}
.otc_play_container{height: 100%;}
.otc_play_video{width: 100%;}
.otc_play_container .view-more{text-align: center;}
.otc_play_container .view-more img{width: 35px;position: relative;top: 0;cursor: pointer;}
.otc_play_container .hidden-video{display: none;}
.otc_play_container .img-rotate{transform: rotate(180deg);}
.otc_playinner{display: flex;justify-content: space-between;}
.otc_playinner li{width: 31%; height: 270px;margin-bottom: 40px;;cursor: pointer;position: relative;box-shadow: 0px 0px 10px #FFF;}
.otc_playinner li:nth-of-type(3){margin-right: 0}
.otc_mask{width:100%;height: 100%;background: #000;opacity: 0.2;position: absolute;left:0;top:0;}
.jianchu-content .jianchu{display: flex;margin-top: 30px;justify-content: space-between;margin-bottom: 20px;}
.jianchu-content .jianchu > div{box-shadow:  rgb(46, 96, 153) 0px 0px 10px 3px inset;border-radius: 10px;}
.jianchu-content .jianchu .lt{width: 34%;height: 230px;}
.jianchu-content .jianchu .cc{width: 29%;}
.jianchu-content .jianchu .rt{width: 34%;}
.jianchu-content .jianchu .inner{padding: 10px;}
.jianchu-content .jianchu .title{font-size: 18px;margin-top:10px;margin-bottom: 20px;font-weight: 600;}
.jianchu-content .jianchu p{font-size: 15px;margin-bottom: 10px;}
.jianchu-content .jianchu-img{display: flex;justify-content: space-between;}
.jianchu-content .jianchu-img >div{box-shadow:  rgb(46, 96, 153) 0px 0px 10px 3px inset;border-radius: 10px;}
.jianchu-content .jianchu-img .inner{padding: 20px 10px;;}
.jianchu-content .jianchu-img .inner .text{font-size: 15px; font-weight: 600;text-align: center;margin-bottom: 10px;}
.jianchu-content .jianchu-img .lt{width: 34%; height: 500px;}
.jianchu-content .jianchu-img .rt{width: 64.5%;}
.jianchu-content .jianchu-img .boxing{margin-bottom: 20px;}
.jianchu-content .jianchu-img p.title{text-align: center;font-size: 15px;margin-bottom: 10px;}
.jianchu-content .jianchu-img img{width: 100%;box-shadow: 0 0 3px #333;}
.jianchu-content .jianchu-img .rt img{margin-top: 10px;}
.video-bd-container{background-color: #FFF;padding-bottom: 50px;}
.word_mask{background: #000;width: 100%;height: 40px;opacity: 0.4;position: absolute;bottom: 0;}
.tckw_video_title{width: 100%;height: 40px;font-weight: 600;position: absolute;bottom: -10px;font-size: 15px;text-align: center;letter-spacing: 1px;color: #FFF;}
.play_icon{position: absolute;left: 50%;margin-left: -30px;top: 50%;margin-top: -30px;width: 60px;}
.otc_playinner li:hover .otc_mask{background: #FFF;opacity: 0}
.otc_playinner li img:nth-of-type(1){width: 100%;height: 100%;}
.otc_word{height: 190px;margin-top: 25px;font: 22px/35px "微软雅黑";position: relative;letter-spacing: 3px;}
.otc_word p{width: 1000px;margin: 0 auto;}
.otc_word span{position: absolute;bottom: 70px;right: 105px;}
#pidaiinfo-box{display: none;}
#pidaiinfo-box h3{font-size: 30px;}
.safe-box h4{text-align: center;font-size:22px;font-weight: 600;color:#888;height: 50px;line-height: 50px;width: max-content;margin: 0 auto;padding: 0 70px;box-shadow: 0px 5px 10px #ccc;}
.safe-info-box{height: 500px;display: flex;justify-content:space-between;margin-top: 30px;}
.safe-info-box div{margin-right: 20px;box-shadow: 0px 5px 10px #ccc;padding: 0 5px;}
.safe-info-box div.left-box{flex:1}
.safe-info-box div.center-box{flex:1;text-align: center;}
.safe-info-box div.center-box p{text-align: center; font-size: 18px;margin-top: 15px;font-weight: 600;}
.safe-info-box div.right-box{flex:1;margin-right: 0;padding-right: 10px;}
.safe-info-box div.right-box p{text-align: justify;text-indent: 2em;line-height: 35px;}
.safe-info-box div.right-box .author:nth-of-type(2){margin-top: 20px;}
.safe-info-box div.right-box .author{text-align: right;line-height: 20px;}
.safe-info-box div span{font-size: 20px;display: block;text-align: center;line-height: 38px;font-weight: 600;margin-top: 20px;margin-bottom: 10px;}
.safe-info-box div p{font-size:16px;letter-spacing:1px;line-height: 30px; white-space: normal;padding:5px 0 5px 20px;}
.safe-info-box div p i{margin-right: 5px;}
.touru-container{padding: 30px 0 0 0;background-color: #f6f6f6;}
.touru-box{padding: 40px 0 0 0;}
.xiaoyi-container{margin-top: 0;position: relative;}
.xiaoyi-container .tab-container{width: 90%;padding-left:20px}
.xiaoyi-container .swiper-wrapper .swiper-slide1{background: #ccc;}
.xiaoyi-container .inner-container h3{text-align: center;font-size:30px;margin:50px 0 30px 0;font-weight: 600;color: #083190;}
.xiaoyi-container .tab-left{font-size: 60px;position:absolute;left: 30px;top: 10px;}
.xiaoyi-container .tab-right{font-size: 60px;position:absolute;right: 30px;top: 10px;z-index:1}
.inner-box{height: 500px;}
.tab-detail{display: flex;align-items: center;justify-content: center;width: 95%;margin:0 auto;position: relative;}
.tab-detail:hover{cursor: pointer;}
.index_company_box .wulianwang h3{text-align: center;font-size:26px;margin:50px;font-weight: 600;}
.tab-shadow{box-shadow:  0 0 5px #083190;}
.swiper-slide .tab-img{max-width: 100%;height: 100px;width: 100%;}
.swiper-slide .tab-cover{width:100%;height: 100%;background: #000;opacity: 0.4;position: absolute;left:0;top:0;}
.inner-table{width: 90%;display: block;margin: 0 auto;}
.inner-table ul{display: flex;flex-direction: row;}
.inner-table ul li{display: flex;align-items: center;justify-content: center;margin-left: -1px;margin-top: -1px;text-align: justify;}
.inner-table ul li:nth-child(1){flex: 1;font-weight: 600;}
.inner-table ul li:nth-child(2){flex: 2.5;justify-content: left;}
.inner-table ul li:nth-child(3){flex: 2.5;justify-content: left;}
.inner-table  ul li{font-size: 15px;line-height: 28px;border: 1px solid #083190;padding: 10px;}
.inner-table ul{background: #E6F4FD;}
.inner-table .xiaoyi-title{background: #083190;color: #fff;text-align: center;}
.swiper-slide .inner-table .xiaoyi-title li{font-size: 20px;font-weight: 600;border-right: 1px solid #FFF;margin-right: 1px;text-align: center;justify-content: center;}
.inner-table .xiaoyi-title li:nth-of-type(3){border-right: 0;justify-content: center;}
/* .swiper-button-top {position: absolute;left: 8px;top:-20px ;z-index:20}
.swiper-button-down{position: absolute;left: 8px;bottom:0;z-index:20} */
.safe-box h3{text-align: center;font-size:35px;margin:50px;font-weight: 600}
.yanyu-box {
	display: flex;
	justify-content: space-between;
}
.yanyu-box .img-box{
	width: 50%;
	
}
.yanyu-box .img-box img{
	width: 90%;
	box-shadow: 2px 1px 10px rgba(0,0,0,0.2);
}
.yanyu-box .text-box{
	width: 50%;
}
.yanyu-box .text-box p{
	padding-top: 20px;
	text-align: justify;
  text-indent: 0;
  font-size: 24px;
  line-height: 50px;
}
.yanyu-box-left{
	margin-top: 30px;
}
.yanyu-box-left .text-box{
	width: 45%;
}
.yanyu-box-left .img-box img{
	width: 98%;
}
.yanyu-box-left .text-box p{
  padding-top: 55px;
}
/* .xiaoyi-box {margin-top: 60px;background: url("../images/xybd.jpg") no-repeat center/cover;padding: 0 30px 155px 30px;} */
.xiaoyi-box {margin-top: 60px;padding: 0 30px 155px 30px;}
.xiaoyi-box .xiaoyi-title p{font-size: 26px;text-align: center; color: #083190;font-weight: 600;}
.xiaoyi-box .xiaoyi-content{margin-top: 30px;font-size: 16px;letter-spacing: 1px;}
.xiaoyi-box .xiaoyi-content h3{margin-top: 20px;margin-bottom: 15px;font-size: 20px;text-align: left;}
.xiaoyi-box .xiaoyi-content h4{margin-top: 10px;margin-bottom: 5px;}
.xiaoyi-box .xiaoyi-content  p{line-height: 30px;text-indent: 2rem;}
.xiaoyi-box .xiaoyi-content .dd p{text-indent:0;}

.bayan-detail {height: 300px; background-color: yellow;width: 100%}
.bayan-swiper .tab-detail{height: 230px;}
.bayan-swiper .tab-img{height: 200px;max-width: 75%;transition:all 1s;border: 1px solid #ccc;}

/* .bayan-swiper .swiper-slide-thumb-active .tab-img{transform: scale(1.3);} */
.bayan-container h3{padding: 20px;}
.bayan-container i{color: #083190;}
.bayan-content{background-color: #F6F6F6;box-shadow:0 0 10px #ccc ; cursor: pointer;}
.bayan-tab-swiper,.bayan-inner-swiper{height: 600px;overflow: hidden;}
.bayan-content{display: flex;justify-content: space-between;}
.bayan-content .left-tab{height: 600px;background-color:#FFF;width: 250px;}
.bayan-content .left-tab .thumb-box{height: 200px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.bayan-content .left-tab .thumb-box img{height: 95%;max-width: 80%; border: 1px solid #ccc;}
.bayan-content .left-tab .thumb-box  .tab-shadow{transform: scale(1.1);box-shadow: 0 0 5px #083190;}
.bayan-content .right-inner{width: 1000px;background-color: #FFF;height: 600px;position: relative;}
.bayan-content .right-inner .detail-box{height: 600px;width:500px;margin:0 auto;display: flex;align-items: center;justify-content: center;}
.bayan-content .right-inner a{width: 95%;height:95%;}
.bayan-content .right-inner img{max-width: 100%;height: 100%;box-shadow: 0 0 10px #ccc;}
.bayan-content .right-inner .pagination-active{right: 10%;}
.bayan-content .right-inner .bayan-nav-box{position: absolute;right: 30px; top: 20%;;}
.bayan-content .right-inner .bayan-nav-box li{padding: 10px;font-size: 16px;margin-bottom: 15px;background-color: #F0F0F0;text-align: center;border-radius: 10%;}
.bayan-content .right-inner .bayan-nav-box li.active{background-color: #083190;color: #FFF;}
.mobile-banyan-content{display: none;}
.tag-box ul{display: flex;flex-direction: row;font-size: 14px;}
.tag-box li{padding: 20px;}
.otc-box{display: flex;justify-content: space-between;padding: 40px 0 ;}
.otc-box .otc-left{width:25%;padding: 10px;}
.otc-box .otc-right{width: 72%;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.otc-box .otc-right .banjiang{width: 52%;height: 540px;padding: 10px;}
.otc-box .otc-right .jiangbei{width: 42%;height: 540px;padding: 10px;}
.otc-box .otc-right .banjiang .title{text-align: center;height: 40px;line-height: 40px;font-size: 18px;color: #083190;font-weight: 600;}
.otc-box .otc-right .banjiang .tt{height: 180px;display: flex;justify-content: space-between;}
.otc-box .otc-right .banjiang .tt .lt{width: 33%;overflow: hidden;}
.otc-box .otc-right .banjiang .tt .rt{width: 61%;padding: 2%;font-size: 14px;font-weight: 600;border: 1px solid #ccc;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.otc-box .otc-right .banjiang .tt .lt img{width: 100%;height: 100%;transition: all 1s;}
.otc-box .otc-right .banjiang .tt .lt img:hover{transform: scale(1.2);}
.otc-box .otc-right .banjiang .tt .rt p.start{margin-bottom: 15px;font-size: 15px;}
.otc-box .otc-right .banjiang .tt .rt p.word{line-height: 25px;}
.otc-box .otc-right .banjiang .dd{margin-top: 30px;overflow: hidden;}
.otc-box .otc-right .banjiang .dd img{width: 100%;height: 100%;height: 270px;transition: all 1s;}
.otc-box .otc-right .banjiang .dd img:hover{transform: scale(1.2);}
.otc-box .otc-right .jiangbei .title{text-align: center;height: 40px;line-height: 40px;font-size: 18px;color: #083190;font-weight: 600;}
.otc-box .otc-right .jiangbei .detail{height: 480px;display: flex;flex-direction: column;justify-content: space-between;}
.otc-box .otc-right .jiangbei .detail img{height: 100%;width: 100%;box-shadow:  0 0 10px #ccc;}
.otc-box .otc-right .jiangbei .detail p{text-align: center;padding: 3px;}
.otc-box .otc-right .jiangbei .detail div{height: 29%;}
.otc-box .otc-right .jiangbei .detail .tt {display: flex;justify-content: space-between;flex-direction: row;}
.otc-box .otc-right .jiangbei .detail .tt div{width: 30%;height: 100%;}
.otc-box .otc-right .jiangbei .detail .cc{display: flex;justify-content: space-between;flex-direction: row;}
.otc-box .otc-right .jiangbei .detail .cc div{height: 100%;}
.otc-box .otc-right .jiangbei .detail .cc div:nth-of-type(1){width: 38%;}
.otc-box .otc-right .jiangbei .detail .cc div:nth-of-type(2){width: 58%;}
.otc-box .otc-right .jiangbei .detail .dd {display: flex;flex-direction: row;justify-content: space-between;}
.otc-box .otc-right .jiangbei .detail .dd div{height: 100%;width: 30%;}
.otc-box .otc-right .jiangbei .detail img{transition: all 1s;}
.otc-box .otc-right .jiangbei .detail img:hover{transform: scale(1.2);}
.otc-box .otc-left .top p{font-size: 15px;text-align: center;font-weight: 600;}
.otc-box .otc-left .top{height: 60px;margin-top: 20px;}
.otc-box .otc-left .top p i{margin-right: 10px;}
.otc-box .otc-left .top p i:last-child{margin-right: 0;}
.otc-box .otc-left .top p:first-child{font-size: 18px;margin-bottom: 10px;}
.otc-box .otc-left .bottom{height: 400px;font-size: 15px;line-height: 20px;display: flex;justify-content: space-around;align-items: center;flex-direction: column;}
.otc-box .otc-left .bottom p{text-align: justify;text-indent: 2em;line-height: 26px;}
.otc_content{margin:  0 auto; width: 1300px;}
.index_map_box{padding: 10px 0 10px;background: url(../images/mapback.jpg) center center no-repeat;}
.word-top .word-title p{font-size: 36px;font-weight: 600;padding: 20px 0;}
.word-top .word-text p{font-size: 16px;line-height: 30px;margin-bottom: 20px;padding-right: 30%;color: #737573;}
.word-bottom{display: flex;justify-content: space-between;align-items: center;}
.word-bottom .word-left{width: 32%;overflow: hidden;}
.word-bottom .word-left ul li{float: left;width: 50%;text-align: center;cursor: pointer;}
.word-bottom .word-left ul {margin-right: -1px;margin-bottom: -1px;overflow: hidden;}
.word-bottom .word-left ul li .detail{border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;padding-bottom: 14px;padding-right: 20px;}
.word-bottom .word-left ul li .detail .num{font-size: 44px;color: #000;line-height: 75px;}
.word-bottom .word-left ul li .detail .text{height: 44px;font-size: 15px;margin-bottom: 10px;line-height: 25px;}
.word-bottom .word-left ul li .detail .icon{width: 80px;height: 64px;margin:  0 auto;transition: all 0.5s ease;}
.word-bottom .word-left ul li:hover {color: #083190;}
.word-bottom .word-left ul li:hover .detail .num {color: #083190;}
.word-bottom .word-left ul li:nth-of-type(1) .detail .icon{background: url(../images/qiye.png) no-repeat center center;}
.word-bottom .word-left ul li:nth-of-type(2) .detail .icon{background: url(../images/world.png) no-repeat center center;}
.word-bottom .word-left ul li:nth-of-type(3) .detail .icon{background: url(../images/zhuanli.png) no-repeat center center;}
.word-bottom .word-left ul li:nth-of-type(4) .detail .icon{background: url(../images/zhuzhuo.png) no-repeat center center;}
.word-bottom .word-left ul li:nth-of-type(1):hover .detail .icon{background: url(../images/qiye_h.png) no-repeat center center;transform: rotateY(180deg);}
.word-bottom .word-left ul li:nth-of-type(2):hover .detail .icon{background: url(../images/world_h.png) no-repeat center center;transform: rotateY(180deg);}
.word-bottom .word-left ul li:nth-of-type(3):hover .detail .icon{background: url(../images/zhuanli_h.png) no-repeat center center;transform: rotateY(180deg);}
.word-bottom .word-left ul li:nth-of-type(4):hover .detail .icon{background: url(../images/zhuzhuo_h.png) no-repeat center center;transform: rotateY(180deg);}
.word-bottom .word-right{width: 60%;text-align: right;position: relative;overflow: hidden;}
.word-bottom .word-right img{max-width: 100%;height: auto;vertical-align: top;width: 100%;transition: all 0.5s;cursor: pointer;}
.word-bottom .word-right img:hover{transform: scale(1.2);}
/* .pingjia-box{background-color: #343844;padding: 80px 0;position: relative;} */
.pingjia-box{background:url(../images/quanqiu.jpg) no-repeat  center/cover;position: relative;overflow: hidden;padding: 50px 0 0 0 ;}
.pingjia-box .mask{position:absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #333;opacity: 0.3;}
.pingjia-box .pingjia-inner{padding: 100px 0;position: relative;}
.pingjia-swipter{margin-top: 100px;}
.pingjia-swipter .detail{ background-color: #fff;box-shadow:  0 0 10px #ccc;position: relative;overflow: hidden;}
.pingjia-box .detail .main{padding:  20px;}
.pingjia-box .pingjia-title{font-size: 42px;font-weight: 600;text-align: center;margin-bottom: 30px;color: #FFF;position: absolute;top:30px;left: 50%;transform: translate(-50%);}
.pingjia-box .pingjia-desc{text-align: center;color: #FFF;font-size: 16px;padding-bottom: 50px;width: 800px;margin: 0 auto;line-height: 30px;position: absolute;top:90px;left: 50%;transform: translate(-50%);}
.pingjia-swipter .text{padding: 10px 0 ;font-size: 15px;line-height: 25px;text-align: center;height: 40px;}
.pingjia-swipter .pic{padding-bottom: 120%;position: relative;box-shadow:  0 0 2px #ccc;}
.pingjia-swipter .pic img{max-width: 100%;height: auto;position: absolute;left: 0;top: 50%; transform: translate(0,-50%);}
.pingjia-swipter .tt{font-size: 14px;font-weight: 600;height: 40px;margin-top: 10px;display: flex;align-items: center;}
.pingjia-swipter .hide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.6s;z-index: 999;}
.pingjia-swipter .mask{background-color:#083190;width: 100%;height: 100%;opacity: 0.6;}
.pingjia-swipter .hide p{position: absolute;left: 0;top: 50%; transform: translate(0,-50%);text-align: left;color: #FFF;font-size: 18px;padding: 0 20px;line-height: 30px;}
.float-box ul li{position: absolute; width: 100px;font-size: 22px;z-index: 999;;text-align: center;padding: 30px;height: 50px;color: #FFF;background-color: #999;transform-style: preserve-3d;transform-origin: center;perspective: 2600px;}
.float-box ul li p:nth-child(1){margin-bottom: 20px;font-size: 26px;font-weight: 600;}
.float-box ul li:nth-child(1){width: 350px;left:40%;top: 30%;-webkit-animation: zoomin1 16s -.3s linear infinite;background-color: #666;}
.float-box ul li:nth-child(2){width: 350px;left: 30%;top: 30px;-webkit-animation: zoomin3 16s -.3s linear infinite;background-color: #666;}
.float-box ul li:nth-child(3){width: 350px;right: 30%;top: 30px;-webkit-animation: zoomin4 16s -.3s linear infinite;background-color: #666;}
.float-box ul li:nth-child(4){width: 350px;right: 30%;bottom:500px;-webkit-animation: zoomin11 11s -9s linear infinite;background-color: #666;}
.float-box ul li:nth-child(5){width: 350px;left: 30%;bottom:500px;-webkit-animation: zoomin9 11s -9s linear infinite;background-color: #666;}
.float-box ul li:nth-child(6){width: 300px;left: 40%;top:30%;-webkit-animation: zoomin2 11s -8s linear infinite;background-color: #666;}
@-webkit-keyframes zoomin{
	0%{opacity:0.5;
	-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
	100%{opacity:1;
	-webkit-transform:perspective(400px) scale(1.6);margin-top: -50vh;margin-left: -14vw;}
	}
	@-moz-keyframes zoomin{
	0%{opacity:0.5;
	-moz-transform:perspective(400px) scale(0.5);margin-top: -0;}
	100%{opacity:1;
	-moz-transform:perspective(400px) scale(1.6);margin-top:-50vh;margin-left:-14vw}
	}
	
@-webkit-keyframes zoomin1{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-top: 70vh;margin-left: 4vw;}
}
/* @-moz-keyframes zoomin1{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin-top: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-top:70vh;margin-left:4vw}
} */

@-webkit-keyframes zoomin2{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-top: -50vh;margin-right: -20vw;}
}
@-moz-keyframes zoomin2{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin-top: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-top: -50vh;margin-right: -20vw}
}

@-webkit-keyframes zoomin3{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: 0;margin-left: -40vw;}
}
@-moz-keyframes zoomin3{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: 0;margin-left: -40vw}
}
@-webkit-keyframes zoomin4{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: -50vh;margin-right: -40vw;}
}
@-moz-keyframes zoomin4{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: -50vh;margin-right: -40vw}
}
@-webkit-keyframes zoomin5{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-top: -10vh;margin-right: -40vw;}
}
@-moz-keyframes zoomin5{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin-top: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-top: -10vh;margin-right: -40vw}
}
@-webkit-keyframes zoomin6{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: -20vh;margin-right: -40vw;}
}
@-moz-keyframes zoomin6{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: -20vh;margin-right: -40vw}
}
@-webkit-keyframes zoomin7{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: -40vh;margin-right: -40vw;}
}
@-moz-keyframes zoomin7{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: -40vh;margin-right: -40vw}
}
@-webkit-keyframes zoomin8{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-top: -40vh;margin-left: -40vw;}
}
@-moz-keyframes zoomin8{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-top: -40vh;margin-left: -40vw}
}
@-webkit-keyframes zoomin9{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: -10vh;margin-left: -40vw;}
}
@-moz-keyframes zoomin9{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: -10vh;margin-left: -40vw}
}
@-webkit-keyframes zoomin10{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: -40vh;margin-left: -20vw;}
}
@-moz-keyframes zoomin10{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: -40vh;margin-left: -20vw}
}
@-webkit-keyframes zoomin11{
0%{opacity:0.5;
-webkit-transform:perspective(400px) scale(0.5);margin: 0;}
100%{opacity:1;
-webkit-transform:perspective(400px) scale(1.6);margin-bottom: -40vh;margin-right: -20vw;}
}
@-moz-keyframes zoomin11{
0%{opacity:0.5;
-moz-transform:perspective(400px) scale(0.5);margin: -0;}
100%{opacity:1;
-moz-transform:perspective(400px) scale(1.6);margin-bottom: -40vh;margin-right: -20vw}
}

.index_wulianwang{margin-bottom: 30px;}
.wulianwang{width: 1300px;margin-top: 50px;}
.wulianwang .soft-box{padding: 0 20px;}
.soft-img-box{height: 200px;text-align: right;padding: 30px 65px 30px 30px ;}
.soft-box ul{width: 100%;display: flex;justify-content: space-between;}
.soft-box ul li {width: 24%;height: 180px;transition: all 0.5s;position: relative;}
.soft-box ul li a >img{max-width: 100%;height: 100%;}
.soft-box ul li:hover{margin-top: -30px;box-shadow:  0 0 5px #083190;transform: scale(1.1);}
.soft-box ul li img.open-big{position: absolute;left:50%;top:50%; transform:translate(-50%,-50%);width: 50px;height: 50px;display: none;}
.soft-box ul li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.3;display: none;}
.soft-box ul li:hover .mask,.soft-box ul li:hover img.open-big{display: block;}
.anli-box{margin-top: 20px;padding: 20px 10px;position: relative;display: flex;justify-content: flex-end;}
.anli-box .anli-swiper{padding: 20px 0;}
.anli-box .ganzhi{position: absolute;left: 10px;bottom: 60px;}
.anli-swiper .swiper-slide {width: 580px;height: 450px;}
.anli-swiper .swiper-slide .detail{width: 100%;height: 100%; box-shadow: 0 0px 30px #ccc;position: relative;}
.anli-swiper .swiper-slide .detail img{width: 100%;height: 90%;}
.anli-swiper .swiper-slide .detail p{text-align: center;font-size: 18px;font-weight: 600;height: 9%;display: flex;align-items: center;justify-content: center;}

.anli-content {width: 83%;padding-right: 20px;}
.anli-content .swiper-pagination{text-align: center;padding: 20px 0;}
.anli-content .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.anli-content .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
.anli-swiper .swiper-slide .detail .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #333;opacity: 0.4;}
.anli-swiper .swiper-slide-active .detail .mask{background-color: #FFF;opacity: 0;}
.touru-container .title{margin-bottom: 50px; font-size: 36px; text-align: center;font-weight: 600;color: #333;}
.jianchu-box{max-width: 1300px;margin: 30px auto 0 auto;padding: 0 !important;box-shadow: 0 0 3px #ccc;overflow: hidden;}
.jianchu-box .jianchu-list > li{width: 16%;height: 300px;overflow: hidden;position: relative;;float: left; -webkit-transition: all ease-in .3s;transition: all ease-in .3s;box-sizing: border-box;}
.jianchu-box .jianchu-list .on{width: 68%;background-color:#f4f4f4;height: 300px;}
.jianchu-box .jianchu-list > li .jc-left{padding-top: 20px;width: 200px;height: 280px;float: left;position: relative;z-index: 2;background-color: #FFF;}
.jianchu-box .jianchu-list > li .jc-left .icon{height: 100px;width:100px;border-radius: 50%;border: 1px solid #e6e6e6;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.jianchu-box .jianchu-list > li.on .jc-left .icon{border: 1px solid #fff;background-color: #ffffff;}
.jianchu-box .jianchu-list > li.on .jc-left{background-color: #083190;}
.jianchu-box .jianchu-list > li .jc-left img{width: 60px;}
.jianchu-box .jianchu-list > li  img:nth-of-type(1){display: none;}
.jianchu-box .jianchu-list > li.on img:nth-of-type(1){display: block;}
.jianchu-box .jianchu-list > li.on img:nth-of-type(2){display: none;}
.jianchu-box .jianchu-list > li .jc-left .title{width: 140px;border-bottom: 1px solid #e6e6e6;margin: 0 auto;height: 35px;}
.jianchu-box .jianchu-list > li.on .jc-left .title{border-bottom: 1px solid #e6e6e6;}
.jianchu-box .jianchu-list > li .jc-left .title p{font-size: 20px;text-align: center;color: #666;margin-top: 20px;font-weight: 600;}
.jianchu-box .jianchu-list > li.on .jc-left .title p{color: #FFF;}
.jianchu-box .jianchu-list > li .jc-left .text{text-align: center;color: #999;font-size: 14px;margin-top: 10px;padding: 0 10px;}
.jianchu-box .jianchu-list > li.on .jc-left .text{color:#FFF}
.jianchu-box .jianchu-list > li .jc-right {padding-top: 20px;position: absolute;right: 0;top: 0;z-index: 1;width: 570px;height: 280px}
.jianchu-box .jianchu-list > li.on .jc-left::after{content: "";display: block;position: absolute;border-style: solid;border-color: transparent #ffffff transparent transparent; border-width: 10px 15px;top: 50%;margin-top: 0;right: -1px;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
.jianchu-box p{font-size: 15px;line-height: 30px;}

.jianchu-box .jianchu-list  .jc-right .list {margin-top: 40px;}
.jianchu-box .jianchu-list  .jc-right .list ul li {display: inline-block;margin-right: 10px;padding: 0 5px;}
.jianchu-box .jianchu-list  .jc-right .list ul li span{width: 40px;height: 25px;background-color: red;border-radius: 5px;display: inline-block;vertical-align: middle;}
.jianchu-box .jianchu-list  .jc-right .list ul li em{vertical-align: middle;}
.jianchu-box .jianchu-list  .jc-right .list ul li.qingwei span{background-color: #A3D087;}
.jianchu-box .jianchu-list  .jc-right .list ul li.qingwei em{color: #A3D087;}
.jianchu-box .jianchu-list  .jc-right .list ul li.qingdu span{background-color: #03A947;}
.jianchu-box .jianchu-list  .jc-right .list ul li.qingdu em{color: #03A947;}
.jianchu-box .jianchu-list  .jc-right .list ul li.zhongdu span{background-color: #F9BC00;}
.jianchu-box .jianchu-list  .jc-right .list ul li.zhongdu em{color: #F9BC00;}
.jianchu-box .jianchu-list  .jc-right .list ul li.jiaozhong span{background-color: #ED767C;}
.jianchu-box .jianchu-list  .jc-right .list ul li.jiaozhong em{color: #ED767C;}
.jianchu-box .jianchu-list  .jc-right .list ul li.yanzhong span{background-color: #E50012;}
.jianchu-box .jianchu-list  .jc-right .list ul li.yanzhong em{color: #E50012;}
.jianchu-box .jianchu-list  .jc-right .img-box{text-align: center;}
.jianchu-box .jianchu-list  .jc-right   .img-box img{width: 95%;}
.jianchu-box .jianchu-list  .jc-right .detail{position: relative;top: 20px;}
.jianchu-box .jianchu-list li:nth-of-type(3)  .jc-right .detail{top: -5px;} 
.jianchu-box .jianchu-list  .jc-right .detail img{position: absolute;right: 20px;top: 0;width: 70%;}
.haoyong-box{height: 630px;background: url(../images/haoyongbd.jpg) no-repeat center /cover;position: relative;padding-top: 160px;}
.haoyong-box .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.6;}
.haoyong-box .top-inner{display: flex;justify-content: space-between;color: #FFF;position: absolute;left: 50%;top: 40px;transform: translate(-50%);width: 100%;max-width: 1300px;}
.haoyong-box .top-inner .dd{width: 45%;text-align: center;}
.haoyong-box .top-inner .cc{width: 10%;}
.haoyong-box .top-inner P.title{font-size: 22px;margin-bottom: 20px;}
.haoyong-box .top-inner P.desc{font-size: 15px;line-height: 25px;}
.haoyong-box .bt-inner {display:flex;justify-content: space-between;height: 550px;position: relative;color: #FFF;box-shadow: 0 0 5px #ccc;}
.haoyong-box .bt-inner .lt{width: 45%;height: 100%;position: relative;}
.haoyong-box .bt-inner .cc{width: 10%;position: relative;}
.haoyong-box .bt-inner .rt{width: 45%;position: relative;}
.haoyong-box .bt-inner .inner-mask{position: absolute;left: 0;right: 0;width: 100%;height: 100%;background-color: #333;opacity: 0.8;}
.haoyong-box .bt-inner .cc .inner-mask{opacity: 0.7;background-color: #000;}
.haoyong-box .bt-inner .desc{position: absolute;left: 0;right: 0;width: 100%;height: 100%;}
.haoyong-box .bt-inner .desc ul{width: 80%;margin: 0 auto;padding: 30px 0;}
.haoyong-box .bt-inner .desc ul li{display: flex;justify-content: space-between;margin-bottom: 30px;}
.haoyong-box .bt-inner .desc ul li .img-box{width: 30%;height: 100px;box-shadow: 0 0 5px #ccc;overflow: hidden;}
.haoyong-box .bt-inner .desc ul li .img-box img{width: 100%;height: 100%;transition: all 1s;}
.haoyong-box .bt-inner .desc ul li .img-box img:hover{transform: scale(1.1);}
.haoyong-box .bt-inner .desc ul li .text{width: 65%;display: flex;align-items: center;font-size: 15px;}
.haoyong-box .bt-inner .desc ul li .text p{line-height: 25px;}
.haoyong-box .bt-inner .cc .desc{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.haoyong-box .bt-inner .cc .desc li{height: 100px;margin-bottom: 30px;line-height: 100px;justify-content: center;}
.haoyong-box .bt-inner .cc .desc li img{width: 70%;height: fit-content;}
.haoyong-box .bt-inner .wap-title{display: none;}
.who-box1{height: 600px;margin: 20px 0;position: relative;overflow: hidden;}
.who-box1 img{max-width: 100%;}
.who-box1 .mask{background-color: #000;opacity: 0.5;height: 100%;position: absolute;left: 0;top: 0;width: 100%;}
.who_content{margin-bottom: 30px;padding-top: 50px;}
.who_content .title{font-weight: 600;font-size: 30px;margin-bottom: 30px;text-align: center;letter-spacing: 2px;}
.who_content .bottom{display: flex;justify-content: space-between;}
.who_content .left-box{padding: 0 20px;}
.who_content .left-box,.who_content .right-box{width: 50%;font-size: 16px;}

.who_content .left-box .p-text{line-height: 25px;margin-bottom: 40px;}
.who_content .left-box .icon-box{margin-top: 30px;}
.who_content .left-box ul{display: flex;justify-content: space-between;}
.who_content .left-box ul li{width: 23%;height: 100px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.who_content .left-box ul li:hover{color: #083190;}
.who_content .left-box ul li::before{content: "";position: absolute;width: 1px;height: 80%;right: 0;border-right: 1px solid #999;top: 50%;transform: translateY(-50%);}
.who_content .left-box ul li:last-child::before{width: 0;height: 0;}
.who_content .left-box ul li .icon-img{display: block;width: 60px;height: 60px;}
.who_content .left-box ul li:nth-of-type(1) .icon-img{background: url(../images/24h.png) center/100%}
.who_content .left-box ul li:nth-of-type(1):hover .icon-img{background: url(../images/24h_a.png) center/100%}
.who_content .left-box ul li:nth-of-type(2) .icon-img{background: url(../images/zaixian.png) center/100%}
.who_content .left-box ul li:nth-of-type(2):hover .icon-img{background: url(../images/zaixian_a.png) center/100%}
.who_content .left-box ul li:nth-of-type(3) .icon-img{background: url(../images/online.png) center/100%}
.who_content .left-box ul li:nth-of-type(3):hover .icon-img{background: url(../images/online_a.png) center/100%}
.who_content .left-box ul li:nth-of-type(4) .icon-img{background: url(../images/jiance.png) center/100%}
.who_content .left-box ul li:nth-of-type(4):hover .icon-img{background: url(../images/jiance_a.png) center/100%}
.who_content .left-box ul li P{margin-top: 5px;}
.who_content  .right-box {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.who_content  .right-box  img{width: 90%;transition: all 1s;}
.who_content  .right-box  img:hover{transform: scale(1.1);}
.jiance_box{padding: 70px;background-color: #343844;}
.jiance_box h3{text-align: center;margin-bottom: 50px;font-size: 36px;font-weight: 600;color: #fff;}

/* .choose-container{box-shadow: 0 0 10px #999;} */
/* 新增内容 */
.product-item{padding: 50px 0;color: #FFF;background: linear-gradient(90deg, rgba(0,86,187,0.90) 0%, rgb(0 86 187 / 54%) 30%, rgb(0 86 187 / 56%) 60%,rgba(0,0,0,0) 100%); }
.product-item .product-list{display: flex;justify-content: space-between;width: 1300px;}
.product-item .product-list .item{width: 23%;height: 400px;box-sizing: border-box;cursor: pointer;}
.product-item .product-list .img-box{width: 100%;text-align: center;}
.product-item .product-list .img-box img{width: 60%;}
.product-item .product-list .item .title{text-align: center;margin: 30px;font-size: 18px;}
.product-item .product-list .item .text{font-size: 15px;line-height: 25px;}
.product-item .product-list .item .more{border: 1px solid #FFF;margin: 0 auto; margin-top: 30px;font-size: 15px;width: 130px;height: 40px;text-align: center;line-height: 40px;opacity: 0;transition: all 1s;}
.product-item .product-list .item:hover .more{opacity: 1;}
.fangan-box{padding: 50px 0;}
.fangan-box .list-content{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.fangan-box .list-content .jiantou{position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 10;}
.fangan-box .list-content .item{width: 24%;background: #ccc;position: relative;margin-bottom: 20px;}
.fangan-box .list-content .item a{display: block;}
.fangan-box .list-content .item a img{width: 100%;height: 100%;}
.fangan-box .list-content .item .mask{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.fangan-box .list-content .item .mask .bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #161a1d;opacity: 0.7;transition: all .4s cubic-bezier(.4,0,.2,1);}
/* .fangan-box .list-content .item .mask .bg1{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #207be6;opacity: 0;} */
.fangan-box .list-content .item .mask .content{position: absolute;left: 0;bottom: 0;right: 0;top:45%;margin-top: -56px;width: 100%;color: #FFF;transition: all .4s cubic-bezier(.4,0,.2,1);}
.fangan-box .list-content .item .mask .content  .icon {width: 75px;height: 75px;margin: 0 auto;}
.fangan-box .list-content .item .mask .content  .icon img{width: 100%;}
.fangan-box .list-content .item .mask .content .title{text-align: center;font-size: 18px;margin-top: 20px;}
.fangan-box .list-content .item .mask .content .tt{margin-bottom: 20px;font-size: 20px;}
.fangan-box .list-content .item .mask .content .desc{color: #F0F0F0;}
.fangan-box .list-content .item .mask .content .text{font-size: 14px;line-height: 25px;padding: 30px;text-align: justify;opacity: 0;}
.fangan-box .list-content .item .mask .content .more{opacity: 0;;width: 120px;height: 40px;border: 1px solid #fff;;margin:  0 auto;text-align: center;line-height: 40px;font-size: 14px;margin-top: 60px;}
.fangan-box .list-content .item:hover .mask  .bg1{background: #207be6;opacity: 0.7;}
.fangan-box .list-content .item:hover .content{margin-top: -160px;}
.fangan-box .list-content .item:hover .content .text{opacity: 1;}
.fangan-box .list-content .item:hover .content .more{opacity: 1;}
.product-item .product-list .item .more:hover{background: #FFF;color: #207be6;}
.fangan-box .list-content .item .mask .content .more:hover{background: #FFF;color: #207be6;}
.fangan-box .list-more{justify-content: flex-start;display: none;}
.fangan-box .list-more .item{margin-right: 1.3%;}
.fangan-box .list-more .item:last-child{margin-right: 0;}
.fangan-box .show-more{display: flex;}
 .more-hidden{display: none;}
 .more-box{font-size: 22px;font-weight: 600;text-align: center;padding: 5px;margin:  0 auto;cursor: pointer;margin-top: 20px;}
 .more-box img{width: 50px; animation: fangan 1s linear infinite;-webkit-animation:fangan 1s linear infinite;margin-top: 10px;}
.more-box .img-rotate{transform: rotate(180deg);}

@keyframes fangan {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(0.9);
	}

	50% {
		transform: scale(0.85);
	}

	75% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

.news-container{padding: 80px 0;}
.news-container .news-title{text-align: center;font-size: 35px;font-weight: 600;margin-bottom: 50px;}
.item-news-list {display: flex;justify-content: space-between;}
.item-news-list .item{width: 32%;background-color: #F8F8F8;position: relative;}
.item-news-list .item .top{height: 250px;overflow: hidden;position: relative;}
.item-news-list .item .top .top-tt{position: absolute;font-size: 14px;bottom: 10px;text-align: center;width: 100%;color: #FFF;}
.item-news-list .item .top .top-mark{position: absolute;bottom: 10px;background-color: #333;opacity: 0.5;bottom: 5px;width: 100%;height: 30px;}
.item-news-list .item .top img{width: 100%;height: 100%;transition: all 2s;}
.item-news-list .item  .mark{position: absolute;top: 0;left: 0;width: 110px;height: 35px;background-color: #333;opacity: 0.5;color: #FFF;}
.item-news-list .item  .mark-text{position: absolute;left: 0;top: 0;color: #FFF;font-size: 16px;width: 110px;height: 35px;cursor: pointer;;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.item-news-list .item .bottom{padding: 30px;}
.item-news-list .item .bottom .title{font-size: 18px;font-weight: 600;margin-bottom: 20px;line-height:30px}
.item-news-list .item .bottom  a{color: #333;}
.item-news-list .item .bottom  a:hover{color: #092B85;}

.item-news-list .item .bottom .time{display: flex;justify-content: flex-start;}
.item-news-list .item .bottom .time p{margin-right: 30px;font-size: 16px;margin-bottom: 20px;}
.item-news-list .item .bottom .time p span{margin-right: 5px;}
.item-news-list .item .bottom .desc{font-size: 16px;line-height: 25px;}
.item-news-list .item .list{padding: 45px 30px 0 30px}
.item-news-list .item .list .news-swiper{height: 230px;}
.item-news-list .item .list .news-swiper .swiper-slide a{color: #333;}
.item-news-list .item .list .news-swiper .swiper-slide a:hover{color: #092B85;}
.item-news-list .item .list .news-swiper .dd .title{font-size: 15px;font-weight: 600;margin-bottom: 2px;overflow: hidden;line-height: 20px;}
.item-news-list .item .list .news-swiper .dd .time{font-size: 14px;color: #666;}
.cus-anli-box{height: 700px;position: relative;;background-color: #ccc;background:url(../images/anlibd.jpg) no-repeat  center;}
.anli-inner{padding-top: 50px;}
.anli-container .anli-dd{height: 480px;display: flex;justify-content: space-between;}
.cus-anli-box .mask{position: absolute;width: 100%;height: 100%;background-color: #000;opacity: 0.5;left: 0;top: 0;}
.anli-container .anli-dd .anli-lt{width:40%;position: relative;}
.anli-container .anli-dd .anli-rt{width:58%;display: flex;align-items: center;}
.anli-container .title{position: absolute;top: 50px;color: #fff;}
.anli-container .title p{font-size: 40px;margin-top: 10px;font-weight: 600;}
.anli-container .title span{width: 80px;height: 5px;background-color: red;display: block;margin-top: 25px;}
.anli-container .anli-dd .anli-lt .text {margin-top: 120px;color: #FFF;}
.anli-container .anli-dd .anli-lt .text P{line-height: 35px;font-size: 18px;letter-spacing: 1px;}
.anli-container .anli-dd .anli-lt .bt-line{position: absolute;bottom: 10px;left: 0;width: 90%;height: 2px;background-color: #FFF;}
.anli-container .anli-dd .anli-rt img{width: 100%;}
.anli-container .anli-bt{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%);}
.anli-container  a{font-size: 20px;color: #FFF;display: flex;justify-content: center;margin-top: 100px;position: absolute;bottom: 50px;left: 50%;transform: translate(-50%);}
.anli-container  a:hover{color: #999;}
.anli-container  .more{width: 150px;height: 50px;background-color: red;line-height: 50px;text-align: center;border-radius: 10px;}

.anli-bt .arrow-box{position: absolute;color: #333;background-color: #FFF;left: 60%;bottom: 50px;width: 120px;height: 50px;font-size: 40px; display: flex;justify-content: space-around;align-items: center;}
.anli-bt .arrow-box P{cursor: pointer;}
.anli-bt .arrow-box P:hover{color: red;}
.pc-index-video{display: none;}
.wap-index-video{display: block;padding-top: 20px;}