@charset "UTF-8";
/*初始化*/
.wrap_1200 { width: 1200px; margin: 0 auto; }

.wrap_1400 { width: 1400px; margin: 0 auto; }

.wrap_1700 { width: 1700px; margin: 0 auto; }

.wrap_1850 { width: 1850px; margin: 0 auto; }

/*header*/
.header { position: fixed; top: 0; left: 0; z-index: 998; width: 100%; height: 90px; background: #FFF; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); line-height: 90px; font-size: 0; }
/*.header.on .nav .nav_down { display: none !important; }*/
.header.hide { top: 0; }
.logo {float: left;}
.logo img { max-width: 100%; }

.search { float: right; font-size: 0; margin-left: 7.5%; }
.search form { display: inline-block; width: 225px; height: 40px; overflow: hidden; padding: 2px; border: 1px solid #d4d4d4; border-radius: 25px; box-sizing: border-box; vertical-align: middle; line-height: 1; }
.search form input[type='text'] { width: calc(100% - 34px); height: 100%; border: none; padding: 7px 12px; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px; }
.search form input[type='submit'] { width: 34px; height: 34px; border-radius: 50%; background: #0281CC; border: none; font-size: 14px; color: #fff; opacity: .9; }
.search form input[type='submit']:hover { opacity: 1; }

.nav { position: relative; float: right; }
.nav > ul { position: relative; z-index: 2; }
.nav > ul > li { float: left; padding: 0 10px; }
.nav > ul > li > a { display: block; padding: 0 12px; font-size: 14px; color: #666; }
.nav > ul > li.on_1 > a, .nav > ul > li:hover > a { color: #0281cc; }
.nav > i { display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: auto; height: 2px; background: #0281cc; -webkit-transition: all .5s; transition: all .5s; }
.nav .nav_down { display: none; position: fixed; top: 90px; left: 0; width: 100%; height: 70px; overflow: hidden; border-top: 1px solid #ddd; background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); text-align: center; }
.nav .nav_down > div { height: 100%; }
.nav .nav_down a { display: inline-block; padding: 0 40px; font-size: 14px; color: #666; line-height: 70px; vertical-align: top; }
.nav .nav_down a:hover { background: #0075B0; color: #fff; }

/*footer*/
.footer { background: #fff; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); /*返回顶部*/ }
.footer .foot_1 { padding: 50px 0 40px; border-bottom: 1px solid #d4d4d4; }
.footer .foot_1 .fo_ment { float: left; margin-left: 78px; }
.footer .foot_1 .fo_ment:first-child { margin-left: 0; }
.footer .foot_1 .fo_ment span { display: block; margin-bottom: 20px; font-size: 14px; color: #0281cc; }
.footer .foot_1 .fo_ment a { display: block; padding: 8px 0; font-size: 14px; color: #999; }
.footer .foot_1 .fo_ment a:hover { color: #0281CC; }
.footer .foot_1 .fo_ewm { float: left; width: 235px; height: 230px; background: url(../images/icon_1.png) no-repeat center; background-size: 100%; }
.footer .foot_1 .fo_ewm span { display: block; width: 112px; height: 112px; overflow: hidden; margin: 80px auto 0; }
.footer .foot_1 .fo_ewm span img { width: 100%; }
.footer .foot_1 .fo_ewm em { display: block; padding: 10px 0 0; font-size: 12px; color: #666; text-align: center; }
.footer .foot_1 .fo_ewm em font { color: #0281CC; }
.footer .foot_1 .fo_arg { float: right; width: 360px; margin-left: 40px; text-align: right; }
.footer .foot_1 .fo_logo { padding: 40px 0 20px; border-bottom: 1px solid #d4d4d4; }
.footer .foot_1 .fo_logo span { display: block; margin-bottom: 20px; }
.footer .foot_1 .fo_logo span img { width: 100%; }
.footer .foot_1 .fo_logo em { display: block; font-size: 14px; color: #999; }
.footer .foot_1 .fo_logo em i { margin-right: 10px; }
.footer .foot_1 .fo_fx { padding: 20px 0; font-size: 0; line-height: 36px; }
.footer .foot_1 .fo_fx span { display: inline-block; font-size: 14px; color: #999; }
.footer .foot_1 .fo_fx a { display: inline-block; width: 36px; height: 36px; margin-left: 16px; border: 1px solid #D4D4D4; border-radius: 50%; box-sizing: border-box; font-size: 18px; color: #888; text-align: center; line-height: 34px; }
.footer .foot_1 .fo_fx a:hover { border-color: #0281CC; background: #0281CC; color: #fff; }
.footer .foot_2 { padding: 25px 0; }
.footer .foot_2 .fo_nav { margin-bottom: 12px; text-align: right; font-size: 0; }
.footer .foot_2 .fo_nav a { display: inline-block; position: relative; margin-left: 40px; font-size: 14px; color: #999; }
.footer .foot_2 .fo_nav a:before { position: absolute; top: 50%; left: -20px; width: 1px; height: 14px; content: ''; margin-top: -6px; background: #a9a9a9; }
.footer .foot_2 .fo_nav a:first-child:before { display: none; }
.footer .foot_2 .fo_nav a:hover { color: #0281CC; }
.footer .foot_2 .fo_copy span { font-size: 14px; color: #999; }
.footer .foot_top { display: block; position: fixed;bottom: 10%; right: 1%; z-index: 990; text-align: center; color: #fff; cursor: pointer;  }
.footer .foot_top .fot_4{display: none;animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s;}
.footer .foot_top .fii{display: block;width: 39px;height: 39px; margin-bottom: 15px; border: 1px solid #ddd;background: #fff; border-radius: 5px; box-sizing: border-box; font-size: 24px; color: #999; text-align: center; line-height: 37px;}
.footer .foot_top>div:hover .fii{ border-color: #0281DD; background: #0281DD; color: #fff;}
.footer .foot_top .ftt{display: block;width: 39px;height: 39px; background: rgba(0,0,0,.4); border-radius: 5px; text-align: center; line-height: 39px;}
.footer .foot_top .ftt:hover{ border-color: #0281DD; background: #0281DD; color: #fff;}
.footer .foot_top>div{position: relative;font-size: 0;}
.footer .foot_top .fot_phone{ display: none;position: absolute;bottom: 0;right: 56px; padding: 8px 0; background: #fff; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.2); box-sizing: border-box; font-size: 18px;color: #666;animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s;white-space:nowrap; line-height: 24px; border-radius: 8px;}
.footer .foot_top .fot_phone:before{position: absolute;top: 50%;left: 100%;width: 10px;height: 20px; content: ''; margin-top: -10px; background: url(../images/icon_3.png) no-repeat center;background-size: cover;}
.footer .foot_top .fot_phone:after{position: absolute;top: 0;left: 100%;width: 17px;height: 100%;content: '';}
.footer .foot_top .fot_phone i{display: inline-block;vertical-align: top; font-size: 16px; color: #0281DD; position: relative; font-size: 24px; padding: 0 12px;}
.footer .foot_top .fot_phone i:before{ position: absolute; top: 0; right: 0; width: 1px; height: 100%; content: ''; background: #ddd;}
.footer .foot_top .fot_phone span{ padding: 0 20px;}
/*.footer .foot_top .fot_ewm{ display: none; position: absolute;bottom: 0;right: 56px; width: 388px; padding: 15px 0 10px; background: #fff; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.2); box-sizing: border-box;animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s;border-radius: 8px;}*/
.footer .foot_top .fot_ewm:before{position: absolute;bottom: 5px;left: 100%;width: 10px;height: 20px; content: ''; background: url(../images/icon_3.png) no-repeat center;background-size: cover;}
.footer .foot_top .fot_ewm:after{position: absolute;top: 0;left: 100%;width: 17px;height: 100%;content: '';}
/*.footer .foot_top .fot_ewm>div{ display: inline-block; width: 50%; padding: 0 10px; box-sizing: border-box;}*/
.footer .foot_top .fot_ewm>div img{width: 100%;}
/*.footer .foot_top .fot_ewm>div i{display: block;margin-bottom: 10px;}*/
.footer .foot_top .fot_ewm>div span{display: block; margin-bottom: 6px; font-size: 14px;color: #333;}
.footer .foot_top .fot_ewm>div em{display: block;font-size: 14px;color: #6b6b6b;}
.footer .foot_top .fot_2:hover .fot_phone{display: block;}
.footer .foot_top .fot_3:hover .fot_ewm{display: block;}

.footer .foot_top .fot_ewm>div i{display: block;margin: 0 auto;margin-bottom: 10px;width: 90px;text-align: center;}
.footer .foot_top .fot_ewm>div {display: inline-block;width: 50%;/* padding: 0 10px; */box-sizing: border-box;}
.footer .foot_top .fot_ewm {display: none;position: absolute;bottom: 0;right: 56px;width: 230px;padding: 10px 5px;background: #fff;box-shadow: 1px 1px 10px 0 rgba(0,0,0,.2);box-sizing: border-box;animation: fade-in .43s ease 0s;-webkit-animation: fade-in .43s ease 0s;border-radius: 8px;}


/*index*/
.index { padding-top: 90px; }
/* .banner { position: relative; width: 100%; height: 820px; overflow: hidden; } */
.banner { position: relative;width: 100%;padding-top: calc(820/1920*100%);position: relative;overflow: hidden; }
.banner .swiper-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;}
.banner .swiper-slide{height: 100% !important;overflow: hidden;} 
.banner .swiper-slide > span,.banner .swiper-slide > a { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.banner .pagination { position: absolute; bottom: 5%; left: 0; z-index: 20; width: 100%; font-size: 0; text-align: center; }
.banner .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin: 0 5px; border: 1px solid #ccc; border-radius: 50%; background: #ccc; cursor: pointer; }
.banner .pagination .swiper-active-switch { border: 1px solid #0280CC; background: #fff; }

.index_1 { padding: 40px 0; }
.index_1 .in_tit { position: relative; width: 100%; height: 48px; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box; font-size: 20px; line-height: 48px; }
.index_1 .in_tit > i { display: inline-block; width: 36px; height: 100%; margin-right: 15px; background: no-repeat center; vertical-align: top; }
.index_1 .in_1 { width: 786px; height: 228px; overflow: hidden; }
.index_1 .in_1 .in_tit { background: #f8f8f8 url(../images/in_tit_1.jpg) no-repeat center; background-size: cover; color: #333; }
.index_1 .in_1 .in_tit a { position: absolute; top: 0; right: 10px; font-size: 14px; color: #333; }
.index_1 .in_1 .in_tit a i { display: inline-block; margin-left: 3px; font-size: 12px; vertical-align: middle; line-height: 1; }
.index_1 .in_1 .in_img { display: block; position: relative; width: 244px; height: 150px; overflow: hidden; background: no-repeat center; background-size: cover; }
.index_1 .in_1 .in_img span { position: absolute; bottom: 0; left: 0; width: 100%; height: 34px; padding: 0 20px; background: rgba(0, 0, 0, 0.5); font-size: 13px; color: #fff; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_1 .in_1 .in_img span:before { position: absolute; top: 50%; left: 10px; width: 4px; height: 4px; content: ''; margin-top: -2px; background: #0280CC; }
.index_1 .in_1 .in_box { width: calc(100% - 274px); }
.index_1 .in_1 .in_box ul li { padding: 8px 0; }
.index_1 .in_1 .in_box ul li a { display: block; position: relative; padding-left: 15px; }
.index_1 .in_1 .in_box ul li a:hover span, .index_1 .in_1 .in_box ul li a:hover em { color: #0280CC; }
.index_1 .in_1 .in_box ul li a:hover:before { background: #0280CC; }
.index_1 .in_1 .in_box ul li a:before { position: absolute; top: 50%; left: 6px; width: 3px; height: 3px; content: ''; margin-top: -2px; background: #666; }
.index_1 .in_1 .in_box ul li span { float: left; width: calc(100% - 8em); font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_1 .in_1 .in_box ul li em { float: right; width: 7em; font-size: 13px; color: #666; text-align: right; }
.index_1 .in_1 .in_box > button { position: absolute; top: 0; z-index: 99; margin-top: -62px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.index_1 .in_1 .in_box > button.slick-prev { right: 30px; }
.index_1 .in_1 .in_box > button.slick-prev:before { content: '\e610'; }
.index_1 .in_1 .in_box > button.slick-next { right: 10px; }
.index_1 .in_1 .in_box > button.slick-next:before { content: '\e614'; }
.index_1 .in_1 .in_box > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 16px; font-weight: bold; color: #666; }
.index_1 .in_1 .in_box > button.slick-disabled { pointer-events: none; }
.index_1 .in_1 .in_box > button.slick-disabled:before { color: #ccc; }
.index_1 .in_1 .in_box > button:hover:before { color: #0280CC; }
.index_1 .in_2 { width: 560px; }
.index_1 .in_2 .in_tit { background: #0a8cd8 url(../images/in_tit_2.jpg) no-repeat center; background-size: cover; color: #fff; }
.index_1 .in_2 .in_tit a { position: absolute; top: 0; right: 10px; font-size: 14px; color: #fff; }
.index_1 .in_2 .in_tit a i { display: inline-block; margin-left: 3px; font-size: 12px; vertical-align: middle; line-height: 1; }
.index_1 .in_2 .in_mian a { display: block; position: relative; width: 48%; height: 150px; overflow: hidden; background: no-repeat center; background-size: cover; }
.index_1 .in_2 .in_mian a span { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; padding: 0 10px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; text-align: center; font-size: 13px; color: #f8f8f8; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateY(40px); transform: translateY(40px); }
.index_1 .in_2 .in_mian a:hover span { -webkit-transform: translateY(0); transform: translateY(0); }

.index_2 { position: relative; z-index: 1; width: 100%; height: 838px; overflow: hidden; padding: 65px 0; box-sizing: border-box; }
.index_2 .in_bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.index_2 .in_tit { position: relative; z-index: 5; text-align: center; }
.index_2 .in_tit h4 { margin-bottom: 15px; font-size: 26px; color: #0383ce; font-weight: 100; line-height: 36px; }
.index_2 .in_tit h4 em { display: inline-block; font-size: 34px; color: #b6c0c6; font-weight: 100; text-transform: uppercase; vertical-align: top; }
.index_2 .in_tit h6 { font-size: 42px; color: #333; }
.index_2 .in_bd { position: absolute; top: 50%; left: 50%; z-index: -1; width: 550px; height: 520px; margin-top: -226px; margin-left: -280px; }
.index_2 .in_bd span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.index_2 .in_hd { position: absolute; top: 50%; left: 0; z-index: 9; width: 100%; }
.index_2 .in_hd span { font-size: 0; }
.index_2 .in_hd a { display: inline-block; width: 143px; height: 143px; margin: 0 20px; padding: 20px 14px; border: 1px solid #d2d2d2; background: #fff; border-radius: 15px; box-sizing: border-box; vertical-align: top; cursor: pointer; }
.index_2 .in_hd a em { display: block; height: 36px; overflow: hidden; font-size: 14px; color: #666; line-height: 18px; text-align: center; }
.index_2 .in_hd a i { display: block; width: 60px; height: 60px; margin: 0 auto 10px; background: no-repeat center; background-size: 100%; }
.index_2 .in_hd a.a1 i { background-image: url(../images/so_1.png); }
.index_2 .in_hd a.a2 i { background-image: url(../images/so_8.png); }
.index_2 .in_hd a.a3 i { background-image: url(../images/so_7.png); }
.index_2 .in_hd a.a4 i { background-image: url(../images/so_9.png); }
.index_2 .in_hd a.a5 i { background-image: url(../images/so_5.png); }
.index_2 .in_hd a.a6 i { background-image: url(../images/so_6.png); }
.index_2 .in_hd a:hover { border-color: #0280CC; }
.index_2 .in_hd a:hover em { color: #0280CC; }
.index_2 .in_hd a.on { border-color: #0280CC; background: url(../images/icon_22.png) no-repeat center; background-size: cover; }
.index_2 .in_hd a.on em { color: #fff; }
.index_2 .in_hd a.on.a1 i { background-image: url(../images/so_1_1.png); }
.index_2 .in_hd a.on.a2 i { background-image: url(../images/so_8_1.png); }
.index_2 .in_hd a.on.a3 i { background-image: url(../images/so_7_1.png); }
.index_2 .in_hd a.on.a4 i { background-image: url(../images/so_9_1.png); }
.index_2 .in_hd a.on.a5 i { background-image: url(../images/so_5_1.png); }
.index_2 .in_hd a.on.a6 i { background-image: url(../images/so_6_1.png); }

.index_3 { padding: 70px 0; }
.index_3 .in_tit { margin-bottom: 60px; text-align: center; }
.index_3 .in_tit h4 { margin-bottom: 15px; font-size: 42px; color: #0281cc; font-weight: 100; line-height: 50px; }
.index_3 .in_tit h4 i { display: inline-block; font-size: 50px; font-weight: 100; color: #b6c0c6; text-transform: uppercase; vertical-align: top; }
.index_3 .in_tit h6 { font-size: 16px; color: #666; }
.index_3 .in_mian { height: 715px; }
.index_3 .in_1 { position: relative; width: 610px; height: 100%; background: no-repeat center; background-size: cover; }
.index_3 .in_1 a { position: absolute; bottom: 36px; left: 50%; width: 178px; height: 56px; margin-left: -89px; background: rgba(255, 255, 255, 0.9); font-size: 24px; color: #333; font-weight: 100; text-align: center; line-height: 56px; }
.index_3 .in_1 a i { display: inline-block; width: 28px; height: 28px; margin-left: 8px; border: 1px solid #eee; border-radius: 50%; background: #fff; font-size: 14px; color: #0280CC; font-weight: bold; text-align: center; line-height: 30px; vertical-align: 4px; }
.index_3 .in_1:hover a { color: #fff; background: #0280CC; }
.index_3 .in_2 { width: 525px; height: 100%; overflow: hidden; }
.index_3 .in_2.w490 { width: 490px; margin-left: 38px; }
.index_3 .in_2 a { display: block; position: relative; width: 100%; height: 338px; margin-bottom: 40px; background: no-repeat center; background-size: cover; }
.index_3 .in_2 a span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: rgba(255, 255, 255, 0.9); font-size: 24px; color: #333; font-weight: 100; text-align: center; line-height: 50px; }
.index_3 .in_2 a span i { display: inline-block; width: 28px; height: 28px; margin-left: 8px; border: 1px solid #eee; border-radius: 50%; background: #fff; font-size: 14px; color: #0280CC; font-weight: bold; text-align: center; line-height: 30px; vertical-align: 4px; }
.index_3 .in_2 a:hover span { color: #fff; background: #0280CC; }
.index_3 .in_3 { position: relative; width: 490px; height: 100%; background: no-repeat center; background-size: cover; }
.index_3 .in_3 .in_bg { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 380px; background: url(../images/icon_23.png) no-repeat center; background-size: 100%; }
.index_3 .in_3 .in_h4 { position: absolute; top: 100px; left: 200px; padding-left: 15px; font-size: 0; }
.index_3 .in_3 .in_h4 i { display: block; font-size: 24px; color: #cad1d5; text-transform: uppercase; font-weight: 100; }
.index_3 .in_3 .in_h4 span { display: block; margin: 10px 0; font-size: 30px; color: #fff; }
.index_3 .in_3 .in_h4 span font { display: inline-block; position: relative; padding-left: 15px; font-weight: 100; }
.index_3 .in_3 .in_h4 span font:before { position: absolute; top: 50%; left: 5px; width: 5px; height: 5px; content: ''; margin-top: -2px; border-radius: 50%; background: #dc150e; }
.index_3 .in_3 .in_h4 em { display: inline-block; height: 32px; padding: 0 20px; border-radius: 20px; background: #0280CC; font-size: 20px; color: #fff; line-height: 32px; }
.index_3 .in_3 .in_h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0280CC; }
.index_3 .in_3 .in_ul { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 30px; box-sizing: border-box; }
.index_3 .in_3 .in_ul li { position: relative; float: left; width: 50%; text-align: center; }
.index_3 .in_3 .in_ul li i { display: block; width: 60px; height: 60px; margin: 0 auto 15px; border: 1px solid #0280CC; border-radius: 50%; font-size: 30px; color: #0280CC; line-height: 60px; }
.index_3 .in_3 .in_ul li span { display: block; margin-bottom: 15px; font-size: 24px; color: #333; }
.index_3 .in_3 .in_ul li em { display: block; font-size: 16px; color: #666; }
.index_3 .in_3 .in_ul li:first-child:before { position: absolute; top: 0; right: 0; width: 1px; height: 100%; content: ''; background: #ddd; }

.index_4 { width: 100%; height: 785px; overflow: hidden; background: no-repeat center; background-size: cover; }
.index_4 .wrap_1700 { position: relative; height: 100%; }
.index_4 .in_tit { position: absolute; left: 0; top: 195px; text-align: center; }
.index_4 .in_tit h4 { margin-bottom: 16px; font-size: 55px; color: #357ead; font-weight: 100; text-transform: uppercase; }
.index_4 .in_tit h5 { font-size: 52px; font-weight: 100; color: #fff; }
.index_4 .in_tit h6 { padding: 20px 0; font-size: 0; }
.index_4 .in_tit h6 span { display: block; margin:20px 12px; font-size: 18px; color: #fff; line-height: 32px;text-align: left;padding-left: 25%;}
.index_4 .in_tit h6 span i { display: inline-block; width: 32px; height: 32px; margin-right: 10px; border-radius: 50%; background: no-repeat center; background-size: 100%; vertical-align: top; }
.index_4 .in_tit p a { display: inline-block; width: 180px; height: 50px; border: 2px solid #fff; border-radius: 10px; font-size: 18px; color: #fff; text-align: center; line-height: 50px; }
.index_4 .in_tit p a:hover { background: #fff; color: #0280CC; }
.index_4 .in_mian { position: absolute; top: 110px; right: 250px; width: 830px; height: 540px; background: url(../images/in_1.png) no-repeat center; background-size: cover; }
.index_4 .in_mian .in_hd { position: absolute; left: 100%; top: 30px; }
.index_4 .in_mian .in_hd span { display: block; width: 169px; height: 112px; margin-bottom: 15px; padding: 10px 0; background: url(../images/icon_24.png) no-repeat center; background-size: cover; box-sizing: border-box; cursor: pointer; }
.index_4 .in_mian .in_hd span i { display: block; width: 80px; height: 60px; margin: 0 auto 10px; background: no-repeat center; background-size: cover; }
.index_4 .in_mian .in_hd span em { display: block; font-size: 14px; color: #fff; text-align: center; }
.index_4 .in_mian .in_bd { position: absolute; top: 50%; left: 50%; width: 700px; height: 440px; overflow: hidden; margin-left: -354px; margin-top: -212px; border-radius: 20px; }
.index_4 .in_mian .in_bd span { display: block; width: 100%; height: 100%; border-radius: 20px; background: no-repeat center; background-size: cover; transform: rotate(0deg); }
.index_4 .in_ul { position: absolute; bottom: 24px; left: 0; width: 100%; text-align: center; }
.index_4 .in_ul ul li { position: relative; display: inline-block; width: 33.33%; padding: 16px 0; text-align: center; font-size: 0; }
.index_4 .in_ul ul li i { display: inline-block; position: relative; z-index: 1; width: 70px; height: 70px; margin-right: 24px; border-radius: 50%; background: #50b5f7 no-repeat center; background-size: cover; vertical-align: top; }
.index_4 .in_ul ul li i:before { position: absolute; top: 50%; left: 50%; z-index: -1; width: 88px; height: 88px; content: ''; margin-left: -44px; margin-top: -44px; background: url(../images/icon_25.png) no-repeat center; background-size: 100%; -webkit-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite; }
.index_4 .in_ul ul li span { display: inline-block; padding: 8px 0; vertical-align: top; text-align: left; }
.index_4 .in_ul ul li span em { display: block; font-size: 16px; color: #fff; line-height: 30px; }
.index_4 .in_ul ul li span font { display: block; font-size: 12px; color: #Fff; line-height: 24px; }
.index_4 .in_ul ul li:before { position: absolute; top: 50%; left: 0; width: 1px; height: 48px; content: ''; margin-top: -24px; background: #8dbacc; }
.index_4 .in_ul ul li:first-child:before { display: none; }

.index_5 { padding: 80px 0 100px; background: #f2f3f5; }
.index_5 .in_tit { margin-bottom: 60px; text-align: center; }
.index_5 .in_tit h4 { margin-bottom: 20px; font-size: 42px; color: #666; font-weight: 100; line-height: 36px; }
.index_5 .in_tit h4 i { display: inline-block; color: #0281cc; font-weight: 100; vertical-align: top; }
.index_5 .in_tit h6 { font-size: 24px; color: #bac5cc; font-weight: 100; vertical-align: top; text-transform: uppercase; }
.index_5 .in_mian { overflow: hidden; }
.index_5 .in_mian ul { margin-right: -1%; }
.index_5 .in_mian ul li { float: left; width: 24%; margin-right: 1%; box-sizing: border-box; }
.index_5 .in_mian ul li:hover .in_img span { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index_5 .in_mian ul li:hover .in_txt { background: #0280CC; }
.index_5 .in_mian ul li:hover .in_txt span font, .index_5 .in_mian ul li:hover .in_txt span em { color: #fff; }
.index_5 .in_mian ul li:hover .in_txt i { color: #0280CC; }
.index_5 .in_mian .in_img { width: 100%; height: 335px; overflow: hidden; }
.index_5 .in_mian .in_img span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.index_5 .in_mian .in_txt { background: #fff; padding: 20px 28px; }
.index_5 .in_mian .in_txt span { width: calc(100% - 60px); line-height: 25px; }
.index_5 .in_mian .in_txt span em { display: block; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_5 .in_mian .in_txt span font { display: block; font-size: 12px; color: #858585; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_5 .in_mian .in_txt i { display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid #ccc; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); font-size: 24px; color: #666; line-height: 48px; text-align: center; vertical-align: top; }

/*content*/
.content { padding-top: 90px; }
.content .sub_banner { width: 100%; background: no-repeat center; background-size: cover; -webkit-transition: height .5s; transition: height .5s; }
.content .sub_banner.h475 { height: 475px; }
.content .sub_banner.h494 { height: 494px; }
.content .sub_banner form { padding-top: 110px; text-align: center; }
.content .sub_banner form > h4 { margin-bottom: 24px; font-size: 58px; color: #333; }
.content .sub_banner form > h6 { margin-bottom: 50px; font-size: 0; }
.content .sub_banner form > h6 span { display: inline-block; margin: 0 20px; font-size: 18px; color: #666; line-height: 36px; }
.content .sub_banner form > h6 span i { display: inline-block; width: 36px; height: 36px; margin-right: 20px; background: #0281CC no-repeat center; background-size: 100%; border-radius: 50%; vertical-align: top; }
.content .sub_banner form .solo { position: relative; z-index: 109; }
.content .sub_banner form .solo > span { display: inline-block; position: relative; z-index: 9; width: 590px; height: 48px; overflow: hidden; border: 1px solid #e5e5e5; background: #fff; border-radius: 30px; }
.content .sub_banner form .solo input[type='text'] { float: left; width: 530px; height: 100%; padding: 12px 30px; border: none; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; }
.content .sub_banner form .solo input[type='button'] { float: left; width: 60px; height: 100%; border: none; background: transparent; font-size: 20px; font-weight: bold; color: #0281CC; cursor: pointer; }
.content .sub_banner form .solo .Result { display: none; position: absolute; top: -36px; left: 50%; z-index: 1; width: 656px; padding: 120px 40px 30px; margin-left: -328px; border-radius: 20px; background: #fff; box-sizing: border-box; -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.content .sub_banner form .solo .Result .Res_nn { display: none; -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.content .sub_banner form .solo .Result .Res_nn h4 { position: relative; margin-bottom: 30px; padding-left: 24px; text-align: left; }
.content .sub_banner form .solo .Result .Res_nn h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.content .sub_banner form .solo .Result .Res_nn h4 span { display: block; font-size: 18px; color: #333; font-weight: bold; line-height: 32px; }
.content .sub_banner form .solo .Result .Res_nn h4 em { display: block; font-size: 16px; color: #666; line-height: 30px; }
.content .sub_banner form .solo .Result .Res_nn h6 { height: 142px; }
.content .sub_banner form .solo .Result .Res_nn h6 span.fl { width: calc(100% - 220px); height: 100%; padding: 30px 30px 0; border: 1px solid #e8edef; box-sizing: border-box; text-align: left; }
.content .sub_banner form .solo .Result .Res_nn h6 span.fl i { display: block; margin-bottom: 12px; font-size: 16px; color: #666; }
.content .sub_banner form .solo .Result .Res_nn h6 span.fl em { display: block; font-size: 16px; color: #333; line-height: 28px; }
.content .sub_banner form .solo .Result .Res_nn h6 span.fr { width: 220px; height: 100%; background: no-repeat center; background-size: cover; }
.content .sub_banner form .solo .Result .Res_xx { display: none; -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; text-align: left; }
.content .sub_banner form .solo .Result .Res_xx i { display: inline-block; width: 24px; height: 24px; background: url(../images/icon_47.png) no-repeat center; background-size: 100%; }
.content .sub_banner form .solo .Result .Res_xx span { display: inline-block; padding-left: 20px; font-size: 18px; color: #333; font-weight: bold; line-height: 24px; vertical-align: top; }
.content .sub_banner form .solo .Result.Corre { display: block; }
.content .sub_banner form .solo .Result.Corre .Res_nn { display: block; }
.content .sub_banner form .solo .Result.Error { display: block; }
.content .sub_banner form .solo .Result.Error .Res_xx { display: block; }
.content .sub_banner > .wrap_1400 { position: relative; height: 100%; }
.content .sub_banner .sub_mm { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 54px; }
.content .sub_banner .sub_mm span { color: #0280CC; font-weight: 100; }
.content .sub_banner .sub_mm em { margin-left: 10px; color: #666; font-weight: 100; text-transform: uppercase; }
.content .sub_banner .sub_mm.cfff span { color: #fff; }
.content .sub_banner .sub_mm.cfff em { color: #fff; opacity: .6; }
.content .sub_height { height: 70px; background: #fff; }
.content .sub_tit { position: relative; 
    z-index: 99;
    width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #eee; background: #fff; }
.content .sub_tit.on { position: fixed; top: 90px; z-index: 99; }
.content .sub_tit.on { position: fixed; top: 90px; z-index: 99; }
.content .sub_fanhui { line-height: 70px; font-size: 0; }
.content .sub_fanhui a { display: inline-block; padding: 10px 30px; font-size: 16px; border: 1px solid #ccc; border-radius: 20px; color: #666; line-height: 1; vertical-align: middle; }
.content .sub_fanhui a:hover { background: #0280CC; border-color: #0280CC; color: #fff; }
.content .sub_breadCrumb { font-size: 0; }
.content .sub_breadCrumb i { display: inline-block; margin-right: 12px; font-size: 16px; color: #7f7f7f; vertical-align: top; }
.content .sub_breadCrumb a { display: inline-block; position: relative; margin-right: 32px; font-size: 14px; color: #999; vertical-align: top; }
.content .sub_breadCrumb a:hover { color: #0281CC; }
.content .sub_breadCrumb a:before { position: absolute; top: 0; right: -20px; content: '\e614'; font-family: 'iconfont' !important; font-size: 12px; color: #999; }
.content .sub_breadCrumb a:last-child:before { display: none; }
.content .sub_breadCrumb span { display: inline-block; font-size: 14px; color: #999; vertical-align: top; }
.content .paging { padding: 20px 0; text-align: right; font-size: 0; }
.content .paging > a { display: inline-block; width: 50px; height: 50px; margin-right: 15px; border-radius: 50%; border: 1px solid #ddd; background: #fff; font-size: 14px; font-weight: bold; color: #666; text-align: center; line-height: 50px; vertical-align: top; }
.content .paging > a:hover { background: #0281CC; border-color: #0281CC; }
.content .paging > a:hover a { color: #fff; }
.content .paging ul { display: inline-block; vertical-align: top; }
.content .paging ul li { display: inline-block; width: 50px; height: 50px; margin-right: 15px; border-radius: 50%; border: 1px solid #ddd; background: #fff; text-align: center; line-height: 50px; vertical-align: top; }
.content .paging ul li a { display: block; font-size: 14px; color: #666; }
.content .paging ul li:hover { background: #0281CC; border-color: #0281CC; }
.content .paging ul li:hover a { color: #fff; }
.content .paging ul li.on { background: #0281CC; border-color: #0281CC; }
.content .paging ul li.on a { color: #fff; }
.content .paging > span { font-size: 14px; color: #666; line-height: 52px; }
.content .sub_msg ul { font-size: 0; }
.content .sub_msg ul li { display: inline-block; height: 100%; vertical-align: top; }
.content .sub_msg ul li a { display: block; width: 140px; height: 100%; font-size: 14px; color: #666; text-align: center; cursor: pointer; }
.content .sub_msg ul li:hover a { color: #0281CC; }
.content .sub_msg ul li.on { background: #0281CC; }
.content .sub_msg ul li.on a { color: #fff; }
.content #temp { display: none; }
.content .icon_Beat { position: absolute; left: 50%; bottom: 25px; text-align: center; line-height: 1; cursor: pointer; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.content .icon_Beat i { display: block; font-size: 32px; color: #0280CC; -webkit-animation: Beat 2.5s infinite; animation: Beat 2.5s infinite; }
.content .icon_Beat span { display: block; margin-top: 18px; font-size: 12px; color: #999; }
.News .new_tit { padding: 36px 0; border-bottom: 1px solid #eee; }
.News .new_tit div.fl span { display: block; position: relative; padding-left: 18px; font-size: 40px; color: #333; }
.News .new_tit div.fl span:before { position: absolute; left: 0; top: 50%; width: 2px; height: 36px; content: ''; margin-top: -18px; background: #0281CC; }
.News .new_tit div.fr { font-size: 0; }
.News .new_tit .new_nav { display: inline-block; vertical-align: top; }
.News .new_tit .new_nav a { display: inline-block; margin-right: 35px; font-size: 14px; color: #666; line-height: 40px; }
.News .new_tit .new_nav a i { display: inline-block; margin-right: 12px; font-size: 20px; vertical-align: top; }
.News .new_tit .new_nav a.on, .News .new_tit .new_nav a:hover { color: #0281CC; }
.News .new_tit .new_search { display: inline-block; vertical-align: top; }
.News .new_tit .new_search form { display: inline-block; width: 225px; height: 40px; overflow: hidden; padding: 2px; border: 1px solid #d4d4d4; border-radius: 25px; box-sizing: border-box; vertical-align: middle; line-height: 1; }
.News .new_tit .new_search form input[type='text'] { width: calc(100% - 34px); height: 100%; border: none; padding: 7px 12px; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px; }
.News .new_tit .new_search form input[type='submit'] { width: 34px; height: 34px; border-radius: 50%; background: #666; border: none; font-size: 14px; color: #fff; opacity: .9; }
.News .new_tit .new_search form input[type='submit']:hover { background: #0281CC; }

.ej-side .data_search {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.ej-side .data_search form {
    display: inline-block;
    width: 275px;
    height: 40px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #d4d4d4;
    border-radius: 25px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1;
}

.ej-side .data_search form input[type='text'] {
    width: calc(100% - 44px);
    height: 100%;
    border: none;
    padding: 7px 12px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.ej-side .data_search form input[type='submit'] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #666;
    border: none;
    font-size: 14px;
    color: #fff;
    opacity: .9;
    box-sizing: border-box;
}

.ej-side .data_search form input[type='submit']:hover {
    background: #0281CC;
}

.News .new_1 { padding: 40px 0 68px; }
.News .new_1 .ne_mian { position: relative; z-index: 5; height: 370px; overflow: hidden; }
.News .new_1 .ne_mian .ne_box { height: 370px;position: relative;z-index: 1}
.News .new_1 .ne_mian .ne_box.swiper-slide-active{ z-index: 2;}
.News .new_1 .ne_img { width: 675px; height: 100%; }
.News .new_1 .ne_img a { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.News .new_1 .ne_txt { width: calc(100% - 710px); padding: 40px 0; border-bottom: 1px solid #eee; }
.News .new_1 .ne_txt h4 { width: 80%; max-height: 72px; overflow: hidden; }
.News .new_1 .ne_txt h4 a { font-size: 24px; color: #000; line-height: 36px; }
.News .new_1 .ne_txt h5 { padding: 24px 0; }
.News .new_1 .ne_txt h5 em { display: inline-block; margin-right: 35px; font-size: 14px; color: #999; vertical-align: top; line-height: 16px; }
.News .new_1 .ne_txt h5 em i { display: inline-block; margin-right: 6px; font-size: 12px; vertical-align: top; }
.News .new_1 .ne_txt p { max-height: 48px; font-size: 14px; color: #666; line-height: 24px; }
.News .new_1 .ne_txt p a { font-size: 14px; color: #0281cc; }
.News .new_1 .bar { position: absolute; bottom: 20px; right: 0; z-index: 2; width: calc(100% - 710px); }
.News .new_1 .bar span.fl a { display: inline-block; width: 38px; height: 38px; border: 1px solid #d4d4d4; border-radius: 50%; font-size: 20px; color: #666; text-align: center; line-height: 38px; }
.News .new_1 .bar span.fl a:hover { border-color: #0281CC; background: #0281CC; color: #fff; }
.News .new_1 .bar .pagination { padding: 15px 0; font-size: 0; text-align: center; }
.News .new_1 .bar .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin-left: 10px; border: 1px solid #999; border-radius: 50%; cursor: pointer; }
.News .new_1 .bar .pagination .swiper-active-switch { background: #0281cc; border-color: #0281CC; }
.News .new_2 { padding: 70px 0; background: #f6f6f6; }
.News .new_2 ul.ne_mian { margin-right: -2.33%; }
.News .new_2 ul.ne_mian li { float: left; width: 31%; margin-right: 2.33%; margin-bottom: 56px; background: #fff; }
.News .new_2 ul.ne_mian li a { display: block; }
.News .new_2 ul.ne_mian li:hover .ne_txt h4 { color: #0281CC; }
.News .new_2 ul.ne_mian li:hover .ne_img span { -webkit-transform: scale(1.1); transform: scale(1.1); }
.News .new_2 .ne_img { width: 100%; height: 238px; overflow: hidden; }
.News .new_2 .ne_img span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.News .new_2 .ne_txt { position: relative; width: 100%; height: 216px; padding: 20px; box-sizing: border-box; }
.News .new_2 .ne_txt h4 { max-height: 48px; overflow: hidden; margin-bottom: 20px; font-size: 16px; color: #333; line-height: 24px; }
.News .new_2 .ne_txt p { max-height: 66px; font-size: 13px; color: #666; line-height: 22px; }
.News .new_2 .ne_txt h6 { position: absolute; left: 20px; bottom: 35px; font-size: 14px; color: #999; line-height: 14px; }
.News .new_2 .ne_txt h6 i { margin-right: 6px; font-size: 12px; vertical-align: top; }
.News .News_Hd .Hd_aa { text-align: center; font-size: 0; }
.News .News_Hd .Hd_aa a { display: inline-block; position: relative; margin: 0 25px; padding: 25px 0 23px; font-size: 16px; color: #666; }
.News .News_Hd .Hd_aa a:before { position: absolute; top: 50%; left: -25px; width: 1px; height: 12px; content: ''; margin-top: -6px; background: #eee; }
.News .News_Hd .Hd_aa a:first-child:before { display: none; }
.News .News_Hd .Hd_aa a:hover { color: #0281CC; }
.News .News_Hd .Hd_aa a.on { color: #0281CC; border-bottom: 2px solid #0281CC; }
.News .News_Hd .Hd_box { padding: 50px 0; background: #f6f6f6; }
.News .News_Hd ul.Hd_mian { margin-right: -2.33%; }
.News .News_Hd ul.Hd_mian li { float: left; width: 31%; margin-right: 2.33%; margin-bottom: 56px; background: #fff; }
.News .News_Hd ul.Hd_mian li:hover .Hd_txt h4 a { color: #0281CC; }
.News .News_Hd ul.Hd_mian li:hover .Hd_img a { -webkit-transform: scale(1.1); transform: scale(1.1); }
.News .News_Hd ul.Hd_mian li.js .Hd_img i { background: #b7b3af; }
.News .News_Hd ul.Hd_mian li.js .Hd_img i em:first-child { display: none; }
.News .News_Hd ul.Hd_mian li.js .Hd_img i em:last-child { display: block; }
.News .News_Hd .Hd_txt h4 { color: #0281CC; }
.News .News_Hd .Hd_img { position: relative; width: 100%; height: 228px; overflow: hidden; }
.News .News_Hd .Hd_img a { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.News .News_Hd .Hd_img i { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 90px; height: 38px; background: #0281CC; font-size: 14px; color: #fff; line-height: 38px; text-align: center; }
.News .News_Hd .Hd_img i em { display: none; }
.News .News_Hd .Hd_img i em:first-child { display: block; }
.News .News_Hd .Hd_txt { height: 200px; padding: 20px 15px; box-sizing: border-box; }
.News .News_Hd .Hd_txt h4 { margin-bottom: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.News .News_Hd .Hd_txt h4 a { font-size: 18px; color: #000; }
.News .News_Hd .Hd_txt h6 { margin-bottom: 20px; font-size: 13px; color: #999; line-height: 14px; }
.News .News_Hd .Hd_txt h6 i { margin-right: 6px; font-size: 14px; }
.News .News_Hd .Hd_txt p { margin-bottom: 18px; height: 36px; overflow: hidden; font-size: 14px; color: #999; line-height: 18px; }
.News .News_Hd .Hd_txt h5 a { display: block; width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 50%; font-size: 12px; color: #666; font-weight: bold; text-align: center; line-height: 40px; }
.News .News_Hd .Hd_txt h5 a:hover { border-color: #0281CC; background: #0281CC; color: #fff; }
.News .News_Hd.video ul.Hd_mian li:hover .Hd_img i { -webkit-transform: scale(1.02); transform: scale(1.02); }
.News .News_Hd.video ul.Hd_mian li:hover .Hd_img a { -webkit-transform: scale(1); transform: scale(1); }
.News .News_Hd.video ul.Hd_mian li:hover .Hd_img a:before, .News .News_Hd.video ul.Hd_mian li:hover .Hd_img a:after { display: block; }
.News .News_Hd.video .Hd_img i { display: block; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all .5s; transition: all .5s; }
.News .News_Hd.video .Hd_img a { position: relative; }
.News .News_Hd.video .Hd_img a:before { display: none; position: absolute; top: 50%; left: 50%; z-index: 2; content: '\e63c'; margin-top: -24px; margin-left: -24px; font-family: 'iconfont' !important; font-size: 48px; color: #fff; }
.News .News_Hd.video .Hd_img a:after { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); }
.News .News_Hd.video .Hd_txt { height: auto; padding: 30px 20px; }
.News .new_x { padding: 40px 0 100px; background: #f6f6f6; }
.News .new_x div.fl { width: 1000px; padding: 50px 40px; background: #fff; box-sizing: border-box; }
.News .new_x div.fr { width: 370px; padding: 30px 20px; background: #fff; box-sizing: border-box; }
.News .new_x div.fr > h4 { line-height: 24px; }
.News .new_x div.fr > h4 span { float: left; font-size: 24px; color: #333; }
.News .new_x div.fr > h4 a { float: right; font-size: 14px; color: #666; }
.News .new_x div.fr > h4 a i { display: inline-block; font-size: 20px; color: #0281CC; vertical-align: top; }
.News .new_x div.fr > h4 a:hover { color: #0281CC; }
.News .new_x .nx_tit { padding-bottom: 35px; border-bottom: 1px solid #eee; }
.News .new_x .nx_tit h4 { margin-bottom: 30px; font-size: 24px; color: #333; font-weight: bold; }
.News .new_x .nx_tit h6 { line-height: 20px; }
.News .new_x .nx_tit h6 span.fl { font-size: 0; }
.News .new_x .nx_tit h6 span.fl em { display: inline-block; margin-right: 32px; font-size: 14px; color: #b0b0b0; vertical-align: top; }
.News .new_x .nx_tit h6 span.fl em i { display: inline-block; margin-right: 6px; font-size: 12px; vertical-align: top; }
.News .new_x .nx_tit h6 span.fr { font-size: 0; }
.News .new_x .nx_tit h6 span.fr em { display: inline-block; font-size: 14px; color: #b0b0b0; vertical-align: top; }
.News .new_x .nx_tit h6 span.fr a { display: inline-block; margin: 0 7px; font-size: 20px; color: #999; vertical-align: top; }
.News .new_x .nx_tit h6 span.fr a:hover { color: #0281CC; }
.News .new_x .nx_mian { padding: 30px 0; }
.News .new_x .nx_mian *{max-width: 100%;}
.News .new_x .nx_mian img{margin-left: -28px;}
.News .new_x .nx_mian p { font-size: 14px; color: #666; line-height: 24px;text-indent: 28px;}
.News .new_x .nx_mian h6 { font-size: 16px; color: #000; line-height: 30px; }
.News .new_x .nx_bottom { padding-top: 40px; border-top: 1px solid #eee; }
.News .new_x .nx_bottom span.fl { width: calc(100% - 170px); }
.News .new_x .nx_bottom span.fl em { display: block; font-size: 14px; color: #666; line-height: 27px; }
.News .new_x .nx_bottom span.fl em a { display: inline-block; width: calc(100% - 4em); font-size: 14px; color: #333; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.News .new_x .nx_bottom span.fl em a:hover { color: #0281CC; }
.News .new_x .nx_bottom a.fr { width: 140px; height: 54px; background: #999; font-size: 14px; color: #fff; text-align: center; line-height: 54px; }
.News .new_x .nx_bottom a.fr i { display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: middle; }
.News .new_x .nx_bottom a.fr:hover { background: #0281CC; }
.News .new_x .nx_fr_1 { padding: 20px 0; border-bottom: 1px solid #eee; }
.News .new_x .nx_fr_1 span { display: block; width: 100%; height: 180px; margin-bottom: 15px; background: no-repeat center; background-size: cover; }
.News .new_x .nx_fr_1 em { font-size: 14px; color: #666; line-height: 24px; }
.News .new_x .nx_fr_1:hover em { color: #0281CC; }
.News .new_x .nx_fr_2 a { display: block; position: relative; padding-left: 15px; margin-top: 25px; font-size: 14px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.News .new_x .nx_fr_2 a:hover { color: #0281CC; }
.News .new_x .nx_fr_2 a:before { position: absolute; top: 50%; left: 5px; width: 3px; height: 3px; content: ''; margin-top: -1px; background: #999; }
.News .news_video { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; }
.News .news_video i.vid_bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); }
.News .news_video .vid_mian { position: absolute; top: 50%; left: 50%; z-index: 2; width: 800px; height: 600px; margin-top: -300px; margin-left: -400px; background: #fff; }
.News .news_video .vid_mian > * { display: block; width: 100%; height: 100%; }
.News .news_video .vid_mian > video::-internal-media-controls-download-button {display:none;}
.News .news_video .vid_mian > video::-webkit-media-controls-enclosure {overflow:hidden;}
.News .news_video .vid_mian > video::-webkit-media-controls-panel {width: calc(100% + 30px); }

.Attract .attr_tit { position: relative; height: 38px; padding-left: 24px; font-size: 36px; color: #333; line-height: 38px; }
.Attract .attr_tit:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Attract .attr_1 { padding: 56px 0 100px; background: #F6F6F6; }
.Attract .attr_1 .attr_mian { margin-top: 48px; }
.Attract .attr_1 .attr_box { width: 100%; height: 322px; }
.Attract .attr_1 .attr_img { width: 50%; height: 100%; background: no-repeat center; background-size: cover; }
.Attract .attr_1 .attr_txt { position: relative; z-index: 1; width: 50%; height: 100%; padding: 80px 75px 0; box-sizing: border-box; background: #fff; }
.Attract .attr_1 .attr_txt:before { position: absolute; top: 48px; right: 100%; width: 29px; height: 54px; content: ''; background: url(../images/icon_2.png) no-repeat center; background-size: 100%; }
.Attract .attr_1 .attr_txt h4 { position: relative; margin-bottom: 30px; font-size: 30px; line-height: 38px; font-weight: 100; }
.Attract .attr_1 .attr_txt h4 em { display: block; color: #b6c1c7; text-transform: uppercase; }
.Attract .attr_1 .attr_txt h4 span { display: block; font-size: 30px; color: #333; }
.Attract .attr_1 .attr_txt h4 span i { color: #0281CC; }
.Attract .attr_1 .attr_txt h4:before { position: absolute; top: 0; left: -24px; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Attract .attr_1 .attr_txt p { font-size: 14px; color: #666; line-height: 24px; }
.Attract .attr_1 .attr_txt.fl:before { top: auto; right: auto; left: 100%; bottom: 80px; background-image: url(../images/icon_3.png); }
.Attract .attr_2 { padding: 70px 0; }
.Attract .attr_2 .attr_mian { margin-top: 40px; }
.Attract .attr_2 .attr_ul { width: calc(100% - 454px); }
.Attract .attr_2 .attr_ul ul li { float: left; width: 48%; height: 180px; padding: 35px 35px 0; margin-right: 2%; margin-bottom: 20px; border: 1px solid #e7e7e7; box-sizing: border-box; }
.Attract .attr_2 .attr_ul ul li em { display: block; margin-bottom: 20px; font-size: 46px; font-weight: bold; color: #0281cc; }
.Attract .attr_2 .attr_ul ul li span { display: block; font-size: 14px; color: #666; line-height: 20px; }
.Attract .attr_2 .attr_tt { width: 454px; height: 380px; padding: 72px 0 0 65px; border: 1px solid #eaeaea; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.Attract .attr_2 .attr_tt h4 { position: relative; }
.Attract .attr_2 .attr_tt h4 em { display: block; margin-bottom: 20px; font-size: 46px; color: #ec271f; font-weight: bold; }
.Attract .attr_2 .attr_tt h4 span { display: block; margin-bottom: 14px; font-size: 24px; color: #333; font-weight: 100; }
.Attract .attr_2 .attr_tt h4 span font { color: #0281cc; font-weight: 400; }
.Attract .attr_2 .attr_tt h4 i { display: block; font-size: 14px; color: #999; text-transform: uppercase; }
.Attract .attr_2 .attr_tt h4:before { position: absolute; top: 0; left: -24px; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Attract .attr_3 { width: 100%; height: 556px; padding: 100px 0; background: no-repeat center fixed; background-size: cover; box-sizing: border-box; }
.Attract .attr_3 .attr_mian { margin-top: 60px; }
.Attract .attr_3 .attr_mian ul li { position: relative; float: left; width: 246px; height: 246px; margin-right: 42px; padding: 70px 30px 0; border-radius: 50%; background: #fff; box-sizing: border-box; }
.Attract .attr_3 .attr_mian ul li span { display: block; }
.Attract .attr_3 .attr_mian ul li i { display: block; width: 60px; height: 60px; margin: 0 auto 15px; background: #fff no-repeat center; background-size: 100%; }
.Attract .attr_3 .attr_mian ul li i.i1 { background: url(../images/attr_1_1.png); }
.Attract .attr_3 .attr_mian ul li i.i2 { background: url(../images/attr_2_1.png); }
.Attract .attr_3 .attr_mian ul li i.i3 { background: url(../images/attr_3_1.png); }
.Attract .attr_3 .attr_mian ul li i.i4 { background: url(../images/attr_4_1.png); }
.Attract .attr_3 .attr_mian ul li i.i5 { background: url(../images/attr_5_1.png); }
.Attract .attr_3 .attr_mian ul li em { display: block; font-size: 14px; color: #333; line-height: 24px; text-align: center; }
.Attract .attr_3 .attr_mian ul li:before { position: absolute; top: 50%; left: 100%; width: 38px; height: 10px; content: ''; margin-top: -5px; background: url(../images/icon_4.png) no-repeat center; background-size: 100%; }
.Attract .attr_3 .attr_mian ul li:last-child { margin-right: 0; }
.Attract .attr_3 .attr_mian ul li:last-child:before { display: none; }
.Attract .attr_3 .attr_mian ul li:hover { background: #0281CC; }
.Attract .attr_3 .attr_mian ul li:hover i.i1 { background: url(../images/attr_1_2.png); }
.Attract .attr_3 .attr_mian ul li:hover i.i2 { background: url(../images/attr_2_2.png); }
.Attract .attr_3 .attr_mian ul li:hover i.i3 { background: url(../images/attr_3_2.png); }
.Attract .attr_3 .attr_mian ul li:hover i.i4 { background: url(../images/attr_4_2.png); }
.Attract .attr_3 .attr_mian ul li:hover i.i5 { background: url(../images/attr_5_2.png); }
.Attract .attr_3 .attr_mian ul li:hover em { color: #fff; }
.Attract .attr_3 .attr_mian ul li:hover:before { background-image: url(../images/icon_5.png); }
.Attract .attr_4 { padding: 70px 0 80px; }
.Attract .attr_4 .attr_mian { margin-top: 36px; padding: 50px 40px; background: #f7f7f7; font-size: 0; }
.Attract .attr_4 .attr_mian .span { display: inline-block; width: 110px; margin-right: 40px; font-size: 16px; color: #333; line-height: 48px; text-align: right; vertical-align: top; }
.Attract .attr_4 .attr_mian .span i { color: #f00; }
.Attract .attr_4 .attr_mian .text { margin-bottom: 30px; }
.Attract .attr_4 .attr_mian .text input { width: 535px; height: 48px; padding: 12px 10px; border: 1px solid #e2e2e2; background: #fff; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; vertical-align: top; }
.Attract .attr_4 .attr_mian .sele { margin-bottom: 30px; }
.Attract .attr_4 .attr_mian .sele .gg { display: inline-block; width: 816px; }
.Attract .attr_4 .attr_mian .sele .select { position: relative; float: left; width: 252px; margin-left: 30px; margin-bottom: 30px; }
.Attract .attr_4 .attr_mian .sele .select:first-child { margin-left: auto; }
.Attract .attr_4 .attr_mian .sele .select p { width: 100%; height: 48px; padding: 0 16px; background: #Fff; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 48px; }
.Attract .attr_4 .attr_mian .sele .select:before { position: absolute; top: 50%; right: 15px; content: '\e60f'; margin-top: -6px; font-family: 'iconfont' !important; font-size: 14px; font-weight: bold; color: #0281CC; }
.Attract .attr_4 .attr_mian .sele .select select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.Attract .attr_4 .attr_mian .sele input { width: 100%; height: 48px; padding: 12px 10px; border: 1px solid #e2e2e2; background: #fff; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; vertical-align: top; }
.Attract .attr_4 .attr_mian .but { padding-left: 150px; font-size: 0; }
.Attract .attr_4 .attr_mian .but input[type='button'] { width: 234px; height: 48px; margin-right: 20px; border: none; background: #0281CC; font-size: 16px; color: #fff; cursor: pointer; }
.Attract .attr_4 .attr_mian .but input[type='button']:hover { background: #0281dd; }
.Attract .attr_4 .attr_mian .but input[type='reset'] { display: inline-block; width: 234px; height: 48px; border: 1px solid #d3d3d3; background: #fff; font-size: 16px; color: #333; cursor: pointer; }
.Attract .attr_4 .attr_mian .but input[type='reset']:hover { background: #f2f2f2; }

.Case .case_tit { padding: 24px 0; background: #fff; }
.Case .case_tit span.h3 { float: left; position: relative; width: 180px; padding-left: 18px; box-sizing: border-box; font-size: 40px; color: #333; line-height: 96px; }
.Case .case_tit span.h3:before { position: absolute; left: 0; top: 50%; width: 2px; height: 36px; content: ''; margin-top: -18px; background: #0281CC; }
.Case .case_tit ul.ul { float: right; width: calc(100% - 180px); font-size: 0; text-align: right; }
.Case .case_tit ul.ul li { display: inline-block; position: relative; margin-left: 80px; vertical-align: top; }
.Case .case_tit ul.ul li i { display: block; width: 60px; height: 60px; margin: 0 auto 14px; border: 1px solid #666; border-radius: 50%; background: no-repeat center; background-size: 50%; }
.Case .case_tit ul.ul li i.a1 { background-image: url(../images/so_1_2.png); }
.Case .case_tit ul.ul li i.a2 { background-image: url(../images/so_3_2.png); }
.Case .case_tit ul.ul li i.a3 { background-image: url(../images/so_9_2.png); }
.Case .case_tit ul.ul li i.a4 { background-image: url(../images/so_5_2.png); }
.Case .case_tit ul.ul li i.a5 { background-image: url(../images/so_6_2.png); }
.Case .case_tit ul.ul li i.a6 { background-image: url(../images/so_2_2.png); }
.Case .case_tit ul.ul li em { display: block; font-size: 16px; color: #666; line-height: 20px; text-align: center; }
.Case .case_tit ul.ul li:hover i { border-color: #0281CC; }
.Case .case_tit ul.ul li:hover i.a1 { background-image: url(../images/so_1.png); }
.Case .case_tit ul.ul li:hover i.a2 { background-image: url(../images/so_3.png); }
.Case .case_tit ul.ul li:hover i.a3 { background-image: url(../images/so_9.png); }
.Case .case_tit ul.ul li:hover i.a4 { background-image: url(../images/so_5.png); }
.Case .case_tit ul.ul li:hover i.a5 { background-image: url(../images/so_6.png); }
.Case .case_tit ul.ul li:hover i.a6 { background-image: url(../images/so_2.png); }
.Case .case_tit ul.ul li:hover em { color: #0281CC; }
.Case .case_tit ul.ul li.on { border-color: #0281CC; }
.Case .case_tit ul.ul li.on:before { position: absolute; top: calc(100% + 24px); left: 50%; width: 25px; height: 13px; content: ''; margin-left: -12px; background: url(../images/icon_6.png) no-repeat center; background-size: 100%; }
.Case .case_tit ul.ul li.on i { background-color: #0280CC; }
.Case .case_tit ul.ul li.on i.a1 { background-image: url(../images/so_1_1.png); }
.Case .case_tit ul.ul li.on i.a2 { background-image: url(../images/so_3_1.png); }
.Case .case_tit ul.ul li.on i.a3 { background-image: url(../images/so_9_1.png); }
.Case .case_tit ul.ul li.on i.a4 { background-image: url(../images/so_5_1.png); }
.Case .case_tit ul.ul li.on i.a5 { background-image: url(../images/so_6_1.png); }
.Case .case_tit ul.ul li.on i.a6 { background-image: url(../images/so_2_1.png); }
.Case .case_mian { padding: 60px 0; background: #f6f6f6; }
.Case .case_1 { position: relative; width: 1100px; padding: 0 100px; box-sizing: border-box; }
.Case .case_1 > div { width: 900px; height: 600px; overflow: hidden; }
.Case .case_1 .swiper-slide { position: relative; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.Case .case_1 .swiper-slide span { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 18px; color: #fff; line-height: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Case .case_1 > a { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; border: 1px solid #999; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #999; text-align: center; line-height: 40px; }
.Case .case_1 > a:hover { border-color: #0281CC; background: #0281CC; color: #fff; }
.Case .case_1 > a.fl_prev { left: 30px; }
.Case .case_1 > a.fl_next { right: 30px; }
.Case .case_2 { position: relative; width: 260px; height: 600px; margin-right: 40px; padding: 20px 0; box-sizing: border-box; }
.Case .case_2 > div { width: 100%; height: 100%; overflow: hidden; }
.Case .case_2 > div .swiper-wrapper { width: 100% !important; }
.Case .case_2 > div .swiper-slide { width: 100%; padding: 10px 0; background: no-repeat center; background-size: cover; box-sizing: border-box; cursor: pointer; }
.Case .case_2 > div .swiper-slide.on .ca_box span { background: #0281CC; color: #fff; }
.Case .case_2 > div .ca_box { position: relative; width: 100%; height: 100%; }
.Case .case_2 > div .ca_box span { position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; background: #fff; font-size: 14px; color: #666; text-align: center; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Case .case_2 > div .ca_box:hover span { color: #0281CC; }
.Case .case_2 > a { position: absolute; left: 50%; z-index: 9; margin-left: -9px; border-radius: 50%; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #666; text-align: center; line-height: 1; }
.Case .case_2 > a:hover { color: #0281CC; }
.Case .case_2 > a.fr_prev { top: 0px; }
.Case .case_2 > a.fr_next { bottom: 0px; }

.Service { padding: 50px 0 100px; background: #f8f8f8; }
.Service .ser_tit { margin-bottom: 50px; }
.Service .ser_tit span { position: relative; display: inline-block; padding-left: 18px; font-size: 30px; color: #222; }
.Service .ser_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Service .ser_banner { position: relative; width: 856px; height: 404px; overflow: hidden; }
.Service .ser_banner .swiper-slide { width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.Service .ser_banner .pagination { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 0; font-size: 0; text-align: center; }
.Service .ser_banner .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin-left: 10px; background: #fff; border-radius: 50%; cursor: pointer; }
.Service .ser_banner .pagination .swiper-active-switch { background: #0281cc; }
.Service .ser_more { display: table; width: 544px; height: 404px; overflow: hidden; padding: 0 5%; background: #fff; box-sizing: border-box; }
.Service .ser_more > div { display: table-cell; vertical-align: middle; text-align: center; }
.Service .ser_more > div h4 { margin-bottom: 15px; font-size: 38px; color: #333; }
.Service .ser_more > div h5 { margin-bottom: 24px; font-size: 20px; color: #999; font-weight: 100; text-transform: uppercase; }
.Service .ser_more > div p { margin-bottom: 56px; font-size: 14px; color: #666; line-height: 20px; }
.Service .ser_more > div h6 a { display: inline-block; width: 160px; height: 50px; border: 1px solid #0281CC; box-sizing: border-box; font-size: 14px; color: #0281CC; text-align: center; line-height: 48px; }
.Service .ser_more > div h6 a:hover { background: #0281CC; color: #fff; }
.Service .ser_2 { margin-top: 20px; }
.Service .ser_2 ul { margin-right: -20px; }
.Service .ser_2 ul li { display: table; float: left; width: 335px; height: 316px; margin-right: 20px; background: #fff no-repeat center; background-size: cover; box-sizing: border-box; text-align: center; }
.Service .ser_2 ul li > div { display: table-cell; vertical-align: middle; }
.Service .ser_2 ul li i { display: block; width: 72px; height: 72px; margin: 0 auto 42px; background: no-repeat center; background-size: cover; }
.Service .ser_2 ul li span { display: block; margin-bottom: 15px; font-size: 18px; color: #333; }
.Service .ser_2 ul li a { display: block; font-size: 14px; color: #666; }
.Service .ser_2 ul li a:hover { color: #0281CC; }
.Service .ser_2 ul li.s1 i { background-image: url(../images/iser1_1.png); }
.Service .ser_2 ul li.s2 i { background-image: url(../images/iser2_1.png); }
.Service .ser_2 ul li.s3 i { background-image: url(../images/iser3_1.png); }
.Service .ser_2 ul li:hover { box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); }
.Service .ser_2 ul li:hover.s1 i { background-image: url(../images/iser1_2.png); }
.Service .ser_2 ul li:hover.s2 i { background-image: url(../images/iser2_2.png); }
.Service .ser_2 ul li:hover.s3 i { background-image: url(../images/iser3_2.png); }
.Service .ser_2 ul li:last-child { padding-top: 220px; }
.Service .ser_2 ul li:last-child em { display: block; margin-bottom: 10px; font-size: 20px; color: #333; }
.Service .ser_2 ul li:last-child font { display: block; font-size: 24px; color: #d5312b; }

.Solve .so_1 { width: 50%; height: 880px; }
.Solve .so_1 .so_box { position: relative; width: 100%; height: 100%; background: #fff; }
.Solve .so_1 .so_box .so_hd { position: relative; z-index: 2; padding-left: 56px; padding-top: 80px; }
.Solve .so_1 .so_box .so_hd h4 { position: relative; height: 56px; padding: 20px; margin-bottom: 45px; font-size: 36px; font-weight: bold; color: #333; line-height: 56px; }
.Solve .so_1 .so_box .so_hd h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Solve .so_1 .so_box .so_hd p a { display: block; position: relative; width: 180px; height: 40px; margin-bottom: 20px; border: 1px solid #d4d4d4; background: #fff; font-size: 14px; color: #666; line-height: 40px; text-align: center; }
.Solve .so_1 .so_box .so_hd p a.on { border-color: #0281CC; background: #0281CC; color: #fff; }
.Solve .so_1 .so_box .so_hd p a.on:before { position: absolute; top: 50%; left: 100%; width: 7px; height: 14px; content: ''; margin-top: -7px; background: url(../images/icon_9.png) no-repeat center; }
.Solve .so_1 .so_box .so_bd { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.Solve .so_1 .so_box .so_bd i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; opacity: 0; visibility: hidden; -webkit-transition: all .5s; transition: all .5s; }
.Solve .so_1 .so_box .so_bd i.on { opacity: 1; visibility: visible; }
.Solve .so_2 { width: 50%; height: 880px; background: #f1f3f5; text-align: center; font-size: 0; line-height: 880px; }
.Solve .so_2 .so_mian { display: inline-block; width: 700px; overflow: hidden; vertical-align: middle; text-align: left; line-height: 1; }
.Solve .so_2 .so_tit { margin-bottom: 90px; }
.Solve .so_2 .so_tit h4 { position: relative; padding: 38px 0 20px; font-size: 50px; color: #0281CC; }
.Solve .so_2 .so_tit h4 span { color: #b6c0c6; text-transform: uppercase; }
.Solve .so_2 .so_tit h4:before { position: absolute; top: 0; left: 0; width: 54px; height: 2px; content: ''; background: #5b5b5b; }
.Solve .so_2 .so_tit p { font-size: 46px; color: #333; }
.Solve .so_2 ul { margin-right: -20px; }
.Solve .so_2 ul li { position: relative; float: left; width: 220px; height: 150px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; }
.Solve .so_2 ul li:hover .so_img, .Solve .so_2 ul li.on .so_img { visibility: visible; opacity: 1; }
.Solve .so_2 ul li:hover .so_img span, .Solve .so_2 ul li.on .so_img span { bottom: 0; }
.Solve .so_2 .so_img { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; visibility: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }
.Solve .so_2 .so_img span { position: absolute; left: 0; bottom: -42px; width: 100%; height: 42px; padding: 0 10px; background: #0281CC; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; line-height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .5s; transition: all .5s; }
.Solve .so_2 .so_ii { width: 100%; height: 100%; padding: 28px 0; background: #fff; box-sizing: border-box; }
.Solve .so_2 .so_ii i { display: block; position: relative; z-index: 2; width: 60px; height: 60px; margin: 0 auto 10px; }
.Solve .so_2 .so_ii span { display: block; width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #666; text-align: center; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Solve .solve_tit { width: 100%; height: 58px; }
.Solve .solve_tit > div { width: 100%; height: 58px; background: #fff; border-bottom: 1px solid #ddd; line-height: 58px; }
.Solve .solve_tit > div.hide { top: 90px !important; }
.Solve .solve_tit span.fl { position: relative; padding-left: 20px; font-size: 30px; color: #000; }
.Solve .solve_tit span.fl:before { position: absolute; top: 50%; left: 0; width: 2px; height: 26px; content: ''; margin-top: -13px; background: #0280CC; }
.Solve .solve_tit span.fr { font-size: 0; }
.Solve .solve_tit span.fr a { display: inline-block; padding: 0 20px; margin-left: 10px; font-size: 16px; color: #666; vertical-align: top; }
.Solve .solve_tit span.fr a.on { color: #fff; background: #0280CC; }
.Solve .solve_tit span.fr a.on:hover { color: #fff; }
.Solve .solve_tit span.fr a:hover { color: #0280CC; }
.Solve .solve_banner { position: relative; width: 100%; height: 684px; background: no-repeat center; background-size: cover; }
.Solve .solve_banner .so_mian { display: block; width: 520px; padding-top: 180px;max-width: 470px; }
.Solve .solve_banner .so_mian h4 { margin-bottom: 15px; font-size: 30px; color: #0281cc; font-weight: bold; text-transform: uppercase; }
.Solve .solve_banner .so_mian h5 { position: relative; padding-bottom: 30px; margin-bottom: 20px; font-size: 36px; color: #333; font-weight: bold; }
.Solve .solve_banner .so_mian h5:before { position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; content: ''; background: #0281CC; }
.Solve .solve_banner .so_mian h6 { margin-bottom: 20px; font-size: 18px; color: #333; }
.Solve .solve_banner .so_mian p { font-size: 14px; color: #666; line-height: 24px; }
.Solve .solve_banner.cfff h5, .Solve .solve_banner.cfff h6, .Solve .solve_banner.cfff p { color: #fff; }
.Solve .solve_banner.tac { text-align: center; }
.Solve .solve_banner.tac .so_mian { width: 100%; }
.Solve .solve_banner.tac .so_mian h5:before { left: 50%; margin-left: -15px; }
.Solve .solve_nav { width: 100%; height: 48px; background: #7f7f7f; }
.Solve .solve_nav > div { z-index: 9; width: 100%; height: 48px; background: #7f7f7f; }
.Solve .solve_nav > div.hide { top: 148px !important; }
.Solve .solve_nav ul { font-size: 0; text-align: center; }
.Solve .solve_nav ul li { display: inline-block; position: relative; vertical-align: top; }
.Solve .solve_nav ul li a { display: block; width: 150px; height: 48px; font-size: 14px; color: #fff; line-height: 48px; }
.Solve .solve_nav ul li:hover a, .Solve .solve_nav ul li.on a { background: #0281cc; color: #fff; }
.Solve .solve_nav ul li.on:before { position: absolute; top: 100%; left: 50%; width: 16px; height: 8px; content: ''; margin-left: -8px; background: url(../images/icon_38.png) no-repeat center; background-size: cover; }
.Solve .solve_Mod { position: relative; width: 100%; height: 810px; overflow: hidden; background: no-repeat center; background-size: cover; }
.Solve .solve_Mod .so_mian { display: inline-block; padding-bottom: 30px; font-size: 0; text-align: center; line-height: 1; }
.Solve .solve_Mod .so_mian h4 { margin-bottom: 20px; }
.Solve .solve_Mod .so_mian h4 em { display: block; font-size: 48px; color: #333; font-weight: 100; }
.Solve .solve_Mod .so_mian h4 em > font { color: #0280CC; }
.Solve .solve_Mod .so_mian h4 em > span { color: #0280CC; }
.Solve .solve_Mod .so_mian h4 > span { display: block; margin-top: 25px; font-size: 24px; color: #333; font-weight: 100; }
.Solve .solve_Mod .so_mian p { font-size: 16px; color: #999; line-height: 24px; }
.Solve .solve_Mod .so_mian h6 { margin-top: 50px; }
.Solve .solve_Mod .so_mian h6 span { display: inline-block; margin: 0 20px; }
.Solve .solve_Mod .so_mian h6 span i { display: block; width: 80px; height: 80px; margin: 0 auto 10px; background: no-repeat center; background-size: 100%; }
.Solve .solve_Mod .so_mian h6 span em { display: block; font-size: 14px; color: #0280CC; line-height: 24px; text-align: center; }
.Solve .solve_Mod .so_mian .IMG_1 { padding: 20px 0; }
.Solve .solve_Mod .so_mian .IMG_1 img { max-width: 100%; }
.Solve .solve_Mod .so_mian .IMG_2 { padding: 80px 0 0; text-align: center; }
.Solve .solve_Mod .so_mian .IMG_2 img { display: inline-block; max-width: 100%; }
.Solve .solve_Mod .so_mian .IMG_2 em { display: block; margin-top: 30px; font-size: 18px; color: #0281cc; text-decoration: underline; }
.Solve .solve_Mod.solve_1 .so_mian { width: 620px; padding-top: 370px; }
.Solve .solve_Mod.solve_2 { line-height: 810px; }
.Solve .solve_Mod.solve_2 .so_mian { vertical-align: middle; width: 600px; text-align: center; }
.Solve .solve_Mod.solve_2 .so_mian ul li { display: inline-block; margin: 0 30px; vertical-align: top; }
.Solve .solve_Mod.solve_2 .so_mian ul li i { display: block; width: 75px; height: 75px; margin: 0 auto 12px; background: no-repeat center; background-size: cover; }
.Solve .solve_Mod.solve_2 .so_mian ul li span { display: block; font-size: 14px; color: #666; text-align: center; }
.Solve .solve_Mod.solve_2.tac { text-align: center; }
.Solve .solve_Mod.solve_2.tar { text-align: right; }
.Solve .solve_Mod.solve_2.tar .so_mian.on { text-align: right; }
.Solve .solve_Mod.solve_2.tal { text-align: left; }
.Solve .solve_Mod.solve_2.tal .so_mian.on { text-align: left; }
.Solve .solve_Mod.solve_3 { text-align: right; }
.Solve .solve_Mod.solve_3 .so_mian { width: 540px; padding-top: 140px; margin-right: 115px; }
.Solve .solve_Mod.solve_4 .so_mian { width: 500px; padding-top: 150px; }
.Solve .solve_Mod.solve_5 .so_mian { width: 100%; padding-top: 100px; }
.Solve .solve_Mod.solve_6 { text-align: center; line-height: 810px; }
.Solve .solve_Mod.solve_6 .so_mian { width: 450px; line-height: 1; vertical-align: middle; }
.Solve .solve_Mod.solve_6 .so_mian h6 { margin-top: 90px; }
.Solve .solve_Mod.solve_6 .so_mian h6 span { margin: 0 15px; }
.Solve .solve_Mod.solve_6 .so_mian h6 span i { width: 166px; height: 166px; }
.Solve .solve_Mod.solve_6 .so_mian h6 span em { display: inline-block; height: 32px; padding: 0 20px; border-radius: 30px; line-height: 32px; }
.Solve .solve_Mod.solve_6 .so_mian h6 span.fl em { color: #000; background: #fff; }
.Solve .solve_Mod.solve_6 .so_mian h6 span.fl em font { color: #0280CC; }
.Solve .solve_Mod.solve_6 .so_mian h6 span.fr em { color: #fff; background: #e9473d; }
.Solve .solve_Mod.solve_7 { text-align: right; line-height: 810px; }
.Solve .solve_Mod.solve_7 .so_mian { text-align: right; vertical-align: middle; line-height: 1; }
.Solve .solve_Mod.solve_7 .so_mian h6 { margin-top: 88px; }
.Solve .solve_Mod.solve_7 .so_mian h6 span { display: block; margin-bottom: 30px; }
.Solve .solve_Mod.solve_7 .so_mian h6 span i { width: 100%; height: 3px; }
.Solve .solve_Mod.solve_7 .so_mian h6 span em { color: #666; text-align: right; }
.Solve .solve_Mod.solve_8 { text-align: right; line-height: 810px; }
.Solve .solve_Mod.solve_8 .prxd_mian { display: inline-block; width: 800px; line-height: 1; text-align: center; vertical-align: middle; }
.Solve .solve_Mod.solve_8 .prxd_mian > h4 { margin-bottom: 38px; font-size: 68px; color: #a1410f; }
.Solve .solve_Mod.solve_8 .prxd_mian > h6 { width: 100%; height: 43px; margin-bottom: 54px; background: url(../images/icon_53.png) no-repeat center; background-size: 100%; font-size: 14px; color: #fff; line-height: 21px; }
.Solve .solve_Mod.solve_8 .prxd_mian > ul { text-align: center; font-size: 0; }
.Solve .solve_Mod.solve_8 .prxd_mian > ul li { display: inline-block; width: 33.33%; padding: 0 20px; box-sizing: border-box; vertical-align: top; }
.Solve .solve_Mod.solve_8 .prxd_mian > ul li img { max-width: 100%; }
.Solve .solve_Mod.solve_8 .prxd_mian > ul li i { display: block; width: 150px; height: 150px; overflow: hidden; margin: 0 auto; }
.Solve .solve_Mod.solve_8 .prxd_mian > ul li em { display: block; width: 115px; height: 20px; overflow: hidden; margin: 20px auto; }
.Solve .solve_Mod.solve_8 .prxd_mian > ul li span { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Solve .solve_video { position: relative; width: 100%; height: 460px; background: no-repeat top center fixed; -webkit-transition: height 1s; transition: height 1s; }
.Solve .solve_video .solve_ii { display: none; position: absolute; top: 2%; right: 3%; z-index: 55; font-size: 36px; color: #999; cursor: pointer; }
.Solve .solve_video .solve_ii:hover { color: #0280CC; }
.Solve .solve_video .vid_box { display: none; width: 100%; height: 100%; background: #000; -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.Solve .solve_video .vid_box iframe, .Solve .solve_video .vid_box video { width: 100% !important; height: 100% !important; }
.Solve .solve_video .vid_click { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.Solve .solve_video .vid_click .span { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.Solve .solve_video .vid_click .span h4 { margin-bottom: 15px; font-size: 48px; color: #119bec; font-weight: 100; text-transform: uppercase; }
.Solve .solve_video .vid_click .span h5 { margin-bottom: 35px; font-size: 40px; color: #fff; font-weight: 100; }
.Solve .solve_video .vid_click .span i { display: block; width: 80px; height: 80px; margin: 0 auto; background: url(../images/icon_62.png) no-repeat center; background-size: cover; cursor: pointer; }
.Solve .solve_video .vid_click .span i:hover { background-image: url(../images/icon_63.png); }
.Solve .solve_video.hh { height: 700px; }
.Solve .solve_video.hh .vid_box { display: block; }
.Solve .solve_video.hh .vid_click { display: none; }

.problem { padding: 40px 0 70px; }
.problem .pro_tit { position: relative; height: 38px; padding-left: 24px; font-size: 36px; color: #333; line-height: 38px; }
.problem .pro_tit:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.problem .pro_mian { margin-top: 36px; }
.problem .pro_hd { margin-right: -2%; }
.problem .pro_hd span { float: left; width: 31.33%; height: 54px; margin-right: 2%; background: #999999; font-size: 16px; color: #fff; text-align: center; line-height: 54px; cursor: pointer; }
.problem .pro_hd span i { display: inline-block; width: 36px; height: 100%; background: no-repeat center; vertical-align: top; line-height: 1; }
.problem .pro_hd span:hover, .problem .pro_hd span.on { background: #0281CC; }
.problem .pro_bd { padding: 60px 0 0; }
.problem .pro_box > h4 { margin-bottom: 45px; font-size: 28px; color: #333; text-align: center; }
.problem .pro_box ul.ul { width: 49%; }
.problem .pro_box ul.ul li { border-bottom: 1px dashed #d4d4d4; }
.problem .pro_box ul.ul li span { display: block; position: relative; width: 100%; height: 64px; padding: 0 72px 0 22px; box-sizing: border-box; font-size: 14px; color: #666; line-height: 64px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.problem .pro_box ul.ul li span:before { position: absolute; top: 50%; left: 9px; width: 3px; height: 3px; content: ''; margin-top: -1px; background: #0281CC; }
.problem .pro_box ul.ul li span:after { position: absolute; top: 50%; right: 10px; width: 24px; height: 24px; content: '\e60f'; margin-top: -12px; background: #bbbbbb; border-radius: 50%; font-family: 'iconfont' !important; font-size: 12px; color: #fff; font-weight: bold; text-align: center; line-height: 24px; }
.problem .pro_box ul.ul li:hover span { color: #0281CC; }
.problem .pro_box ul.ul li:hover span:after { background: #0281CC; }
.problem .pro_box ul.ul li.on { box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); }
.problem .pro_box ul.ul li.on span { background: #0281CC; color: #fff; }
.problem .pro_box ul.ul li.on span:after { content: '\e615'; color: #0281CC; background: #fff; }
.problem .pro_gb { margin-bottom: 50px; }
.problem .pro_txt { display: none; }
.problem .pro_txt > div { padding: 30px; }
.problem .pro_txt p { font-size: 14px; color: #666; line-height: 24px; }

.Leaving { padding: 40px 0 70px; background: #f8f8f8; }
.Leaving .Leav_tit { position: relative; height: 38px; padding-left: 24px; font-size: 36px; color: #333; line-height: 38px; }
.Leaving .Leav_tit:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Leaving .Leav_mian { padding: 25px; margin-top: 32px; border: 1px solid #eaeaea; background: #fff; box-sizing: border-box; }
.Leaving .Leav_mian > h4 { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; }
.Leaving .Leav_mian > h4 span { display: block; position: relative; height: 24px; padding-left: 16px; font-size: 16px; color: #333; line-height: 24px; }
.Leaving .Leav_mian > h4 span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Leaving .Leav_mian > form { padding-top: 40px; font-size: 0; }
.Leaving .Leav_mian .span { display: inline-block; width: 154px; margin-right: 40px; font-size: 16px; color: #333; line-height: 48px; text-align: right; vertical-align: top; }
.Leaving .Leav_mian .span i { color: #f00; }
.Leaving .Leav_mian .text { margin-bottom: 30px; }
.Leaving .Leav_mian .text input { width: 535px; height: 48px; padding: 12px 10px; border: 1px solid #e2e2e2; background: #fff; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; vertical-align: top; }
.Leaving .Leav_mian .sele { margin-bottom: 30px; }
.Leaving .Leav_mian .sele .gg { display: inline-block; width: 816px; }
.Leaving .Leav_mian .sele .select { position: relative; float: left; width: 252px; margin-left: 30px; }
.Leaving .Leav_mian .sele .select:first-child { margin-left: auto; }
.Leaving .Leav_mian .sele .select p { width: 100%; height: 48px; padding: 0 16px; background: #f9f9f9; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 48px; }
.Leaving .Leav_mian .sele .select:before { position: absolute; top: 50%; right: 15px; content: '\e60f'; margin-top: -6px; font-family: 'iconfont' !important; font-size: 14px; font-weight: bold; color: #0281CC; }
.Leaving .Leav_mian .sele .select select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.Leaving .Leav_mian .sele input { width: 100%; height: 48px; padding: 12px 10px; margin-top: 30px; border: 1px solid #e2e2e2; background: #fff; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; vertical-align: top; }
.Leaving .Leav_mian .but { border-top: 1px solid #eaeaea; padding: 42px 194px; font-size: 0; }
.Leaving .Leav_mian .but input[type='button'] { width: 234px; height: 48px; margin-right: 20px; border: none; background: #0281CC; font-size: 16px; color: #fff; cursor: pointer; }
.Leaving .Leav_mian .but input[type='button']:hover { background: #0281dd; }
.Leaving .Leav_mian .but input[type='reset'] { display: inline-block; width: 234px; height: 48px; border: 1px solid #d3d3d3; background: #fff; font-size: 16px; color: #333; cursor: pointer; }
.Leaving .Leav_mian .but input[type='reset']:hover { background: #f2f2f2; }
.Leaving .Leav_mian .textarea { margin-bottom: 30px; }
.Leaving .Leav_mian .textarea textarea { width: 534px; height: 132px; padding: 10px; border: 1px solid #e2e2e2; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; }
.Leaving .Leav_mian .sccc { padding-left: 194px; margin-bottom: 30px; }
.Leaving .Leav_mian .sccc label { display: block; position: relative; width: 86px; height: 86px; overflow: hidden; border: 1px solid #e2e2e2; }
.Leaving .Leav_mian .sccc label input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; }

.Secure .sec_tit span { display: block; position: relative; height: 40px; padding-left: 28px; font-size: 40px; font-weight: 100; color: #333; line-height: 1; }
.Secure .sec_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Secure .sec_0 { width: 100%; height: 65px; margin: 30px 0 64px; }
.Secure .sec_0 .sec_mian { position: relative; z-index: 99; width: 100%; background: #Fff; }
.Secure .sec_0 ul li { float: left; width: calc(16.66% - 2px); height: 65px; margin-left: 2.5px; background: #f8f8f8; font-size: 16px; color: #666; text-align: center; line-height: 65px; cursor: pointer; }
.Secure .sec_0 ul li i { display: inline-block; font-size: 20px; margin-right: 10px; vertical-align: top; }
.Secure .sec_0 ul li:first-child { margin-left: 0; }
.Secure .sec_0 ul li:hover { color: #0281CC; }
.Secure .sec_0 ul li.on { background: #0281CC; color: #fff; }
.Secure .sec_1 { margin-bottom: 48px; }
.Secure .sec_1 .sec_tit { padding-bottom: 40px; border-bottom: 1px solid #eee; }
.Secure .sec_1 .sec_mian { overflow: hidden; }
.Secure .sec_1 .sec_aa { padding: 60px 0; }
.Secure .sec_1 .sec_aa div.fr { width: calc(100% - 710px); }
.Secure .sec_1 .sec_aa div.fr h4 { margin: 24px 0; font-size: 52px; color: #333; text-align: center; }
.Secure .sec_1 .sec_aa div.fr h5 { margin-bottom: 35px; font-size: 24px; color: #666; text-align: center; line-height: 38px; letter-spacing: 10px; }
.Secure .sec_1 .sec_aa div.fr h5 i { display: inline-block; padding: 0 7px 0 15px; margin-right: 15px; background: #0281CC; color: #fff; vertical-align: top; border-radius: 50px; }
.Secure .sec_1 .sec_aa div.fr p { font-size: 14px; color: #666; line-height: 24px; }
.Secure .sec_1 .sec_aa div.fl { width: 640px; height: 314px; background: no-repeat center; background-size: cover; }
.Secure .sec_1 .sec_bb > h4 { position: relative; height: 24px; padding-left: 20px; margin-bottom: 40px; font-size: 24px; color: #333; line-height: 1; }
.Secure .sec_1 .sec_bb > h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Secure .sec_1 .sec_bb .sec_hd { margin-bottom: 70px; }
.Secure .sec_1 .sec_bb .sec_hd li { float: left; width: 33.33%; padding: 20px 0; text-align: center; background: #f8f8f8; }
.Secure .sec_1 .sec_bb .sec_hd li i { display: inline-block; width: 60px; height: 60px; margin-right: 20px; background: no-repeat center; vertical-align: top; }
.Secure .sec_1 .sec_bb .sec_hd li span { display: inline-block; padding: 6px 0; font-size: 16px; color: #333; vertical-align: top; line-height: 24px; text-align: left; }
.Secure .sec_1 .sec_bb .sec_hd li span em { display: block; color: #999; text-transform: uppercase; }
.Secure .sec_1 .sec_bb .sec_box { margin-right: -28px; }
.Secure .sec_1 .sec_bb .sec_box li { float: left; width: 448px; margin-right: 28px; }
.Secure .sec_1 .sec_bb .sec_box li span { display: block; width: 100%; height: 275px; margin-bottom: 20px; background: no-repeat center; background-size: cover; }
.Secure .sec_1 .sec_bb .sec_box li i { display: block; width: 220px; height: 24px; margin: 0 auto 10px; border: 1px solid #0281CC; border-radius: 20px; font-size: 14px; color: #0281CC; text-transform: uppercase; text-align: center; line-height: 24px; }
.Secure .sec_1 .sec_bb .sec_box li em { display: block; font-size: 16px; color: #333; text-align: center; }
.Secure .sec_2 { padding: 80px 0; background: no-repeat center fixed; background-size: cover; }
.Secure .sec_2 .sec_mian { margin-top: 70px; overflow: hidden; }
.Secure .sec_2 .sec_mian ul { margin-right: -40px; }
.Secure .sec_2 .sec_mian ul li { float: left; width: 335px; padding: 25px 30px; margin-right: 20px; box-sizing: border-box; background: #fff; }
.Secure .sec_2 .sec_mian ul li h4 { line-height: 30px; }
.Secure .sec_2 .sec_mian ul li h4 i { display: inline-block; width: 80px; height: 30px; margin-right: 15px; background: #0281CC; border-radius: 30px; font-size: 14px; color: #fff; text-align: center; vertical-align: top; }
.Secure .sec_2 .sec_mian ul li h4 span { display: inline-block; font-size: 24px; color: #333; font-weight: bold; vertical-align: top; }
.Secure .sec_2 .sec_mian ul li h6 { font-size: 14px; color: #666; }
.Secure .sec_2 .sec_mian .viv { position: relative; z-index: 1; width: 100%; height: 181px; overflow: hidden; margin: 24px 0; border-radius: 30px; cursor: pointer; background-size: cover;}
.Secure .sec_2 .sec_mian .viv:before { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); }
.Secure .sec_2 .sec_mian .viv span { display: none; position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 16px; color: #Fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.Secure .sec_2 .sec_mian .viv span i { display: block; margin-bottom: 10px; font-size: 24px; }
.Secure .sec_2 .sec_mian .viv span em { display: block; }
.Secure .sec_3 { height: 796px; padding: 85px 0 0; background: no-repeat bottom center; background-size: cover; box-sizing: border-box; }
.Secure .sec_3 .sec_mian { width: 750px; padding: 0 90px; margin-top: 80px; margin-left: auto; margin-right: 45px; box-sizing: border-box; text-align: right; }
.Secure .sec_3 .sec_mian img { max-width: 100%; }
.Secure .sec_3 .sec_mian p { padding: 20px 0; font-size: 14px; color: #666; line-height: 24px; }
.Secure .sec_3 .sec_mian h6 em { display: inline-block; vertical-align: top; margin-left: 20px; }
.Secure .sec_4 { padding: 70px 0 80px; }
.Secure .sec_4 h4 { margin-bottom: 80px; font-size: 40px; color: #000; text-align: center; }
.Secure .sec_4 .sec_mian ul li { position: relative; float: left; width: 25%; }
.Secure .sec_4 .sec_mian ul li:before { position: absolute; top: 0; left: -5px; width: 10px; height: 153px; content: ''; background: url(../images/icon_13.png) no-repeat center; }
.Secure .sec_4 .sec_mian ul li:first-child:before { display: none; }
.Secure .sec_4 .sec_mian ul li > i { display: block; width: 150px; height: 150px; margin: 0 auto 30px; border-radius: 50%; border: 1px solid #d4d4d4; background: no-repeat center; }
.Secure .sec_4 .sec_mian ul li > i.a1 { background-image: url(../images/ise_1_1.png); }
.Secure .sec_4 .sec_mian ul li > i.a2 { background-image: url(../images/ise_2_1.png); }
.Secure .sec_4 .sec_mian ul li > i.a3 { background-image: url(../images/ise_3_1.png); }
.Secure .sec_4 .sec_mian ul li > i.a4 { background-image: url(../images/ise_4_1.png); }
.Secure .sec_4 .sec_mian ul li > span { display: block; margin-bottom: 15px; font-size: 18px; color: #333; line-height: 24px; text-align: center; }
.Secure .sec_4 .sec_mian ul li > span em { display: inline-block; width: 24px; height: 24px; margin-right: 5px; border-radius: 50%; background: #f01f18; font-size: 14px; color: #fff; vertical-align: top; }
.Secure .sec_4 .sec_mian ul li > em { display: block; padding: 0 42px; font-size: 12px; color: #666; line-height: 24px; text-align: center; }
.Secure .sec_4 .sec_mian ul li > font { display: none; width: 100%; text-align: center; }
.Secure .sec_4 .sec_mian ul li > font a { display: inline-block; width: 146px; height: 40px; margin: 0 10px; border-radius: 20px; background: #fff; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); font-size: 13px; color: #666; line-height: 40px; }
.Secure .sec_4 .sec_mian ul li > font a:hover { background: #0281CC; color: #fff; }
.Secure .sec_4 .sec_mian ul li:hover > i { border-color: #0281CC; background: #0281CC; }
.Secure .sec_4 .sec_mian ul li:hover > i.a1 { background-image: url(../images/ise_1_2.png); }
.Secure .sec_4 .sec_mian ul li:hover > i.a2 { background-image: url(../images/ise_2_2.png); }
.Secure .sec_4 .sec_mian ul li:hover > i.a3 { background-image: url(../images/ise_3_2.png); }
.Secure .sec_4 .sec_mian ul li:hover > i.a4 { background-image: url(../images/ise_4_2.png); }
.Secure .sec_5 { overflow: hidden; }
.Secure .sec_5 .sec_tt { padding: 60px 0; background: #f8f8f8; }
.Secure .sec_5 .sec_tt ul { padding: 60px 0 40px; }
.Secure .sec_5 .sec_tt ul li { position: relative; float: left; width: 33.33%; }
.Secure .sec_5 .sec_tt ul li i { display: block; position: relative; z-index: 2; width: 36px; height: 36px; margin: 0 auto 24px; border: 2px solid #0281CC; border-radius: 50%; background: #fff; font-size: 12px; font-weight: bold; color: #0281CC; text-align: center; line-height: 34px; }
.Secure .sec_5 .sec_tt ul li span { display: block; font-size: 13px; color: #333; font-weight: bold; text-align: center; }
.Secure .sec_5 .sec_tt ul li:before { position: absolute; top: 18px; right: 50%; z-index: 1; width: 100%; height: 2px; content: ''; background: #eee; }
.Secure .sec_5 .sec_tt ul li:first-child:before { display: none; }
.Secure .sec_5 .sec_hd { height: 84px; line-height: 84px; }
.Secure .sec_5 .sec_hd div { position: relative; z-index: 99; width: 100%; background: #Fff; border-bottom: 1px solid #eeeeee; }
.Secure .sec_5 .sec_hd ul { font-size: 0; text-align: center; }
.Secure .sec_5 .sec_hd ul li { display: inline-block; position: relative; margin: 0 60px; font-size: 18px; color: #000; vertical-align: top; cursor: pointer; }
.Secure .sec_5 .sec_hd ul li:hover { color: #0281CC; }
.Secure .sec_5 .sec_hd ul li.on { color: #0281CC; }
.Secure .sec_5 .sec_hd ul li.on:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ''; background: #0281CC; }
.Secure .sec_5 .sec_hd ul li:after { position: absolute; top: 50%; left: -60px; width: 2px; height: 14px; content: ''; margin-top: -7px; background: #eee; }
.Secure .sec_5 .sec_hd ul li:first-child:after { display: none; }
.Secure .sec_5 .sec_bd { padding: 40px 0; }
.Secure .sec_5 .sec_bd ul { position: relative; padding-top: 114px; }
.Secure .sec_5 .sec_bd ul li { position: relative; padding: 80px 0; }
.Secure .sec_5 .sec_bd ul li:nth-child(even) .box_tit { text-align: right; }
.Secure .sec_5 .sec_bd ul li:nth-child(even) .box_tit > div { padding-left: 0; padding-right: 20px; }
.Secure .sec_5 .sec_bd ul li:nth-child(even) .box_tit > div:before { left: auto; right: 0; }
.Secure .sec_5 .sec_bd ul li:nth-child(even) .box_mian { padding: 0 80px 0 0; text-align: right; }
.Secure .sec_5 .sec_bd ul li:nth-child(even) .box_mian_1 { padding: 0 80px 0 0; text-align: right; }
.Secure .sec_5 .sec_bd ul li:nth-child(even) .box_pp { text-align: right; }
.Secure .sec_5 .sec_bd ul:before { position: absolute; top: 0; left: 50%; z-index: 11; width: 84px; height: 134px; content: ''; margin-left: -42px; background: url(../images/icon_15.png) no-repeat center; background-size: 100%; }
.Secure .sec_5 .sec_bd .box_tit { padding: 0 125px; margin-bottom: 50px; text-align: left; }
.Secure .sec_5 .sec_bd .box_tit > div { display: inline-block; position: relative; padding-left: 20px; }
.Secure .sec_5 .sec_bd .box_tit > div:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Secure .sec_5 .sec_bd .box_tit > div span { display: block; margin-bottom: 10px; font-size: 36px; color: #0281CC; font-weight: 100; text-transform: uppercase; }
.Secure .sec_5 .sec_bd .box_tit > div em { display: block; font-size: 36px; color: #333; font-weight: 100; }
.Secure .sec_5 .sec_bd .box_mian { padding: 0 0 0 80px; font-size: 0; text-align: left; }
.Secure .sec_5 .sec_bd .box_mian .mm { display: inline-block; width: 25%; padding: 0 42px; margin-bottom: 20px; box-sizing: border-box; }
.Secure .sec_5 .sec_bd .box_mian .mm em { display: block; width: 196px; height: 196px; padding: 16px; margin: 0 auto 15px; border: 1px solid #efefef; border-radius: 50%; box-sizing: border-box; }
.Secure .sec_5 .sec_bd .box_mian .mm em i { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background: no-repeat center; background-size: cover; }
.Secure .sec_5 .sec_bd .box_mian .mm span { display: block; height: 48px; overflow: hidden; font-size: 14px; color: #333; line-height: 24px; text-align: center; }
.Secure .sec_5 .sec_bd .box_gz .gz1 { display: block; position: absolute; z-index: 9; width: 20px; height: 100%; overflow: hidden; background: url(../images/icon_14_1.png) repeat-y; }
.Secure .sec_5 .sec_bd .box_gz .gz1.top { top: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz1.left { left: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz1.bottom { bottom: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz1.right { right: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz2 { display: block; position: absolute; z-index: 9; width: 100%; height: 20px; overflow: hidden; background: url(../images/icon_14.png) repeat-x; }
.Secure .sec_5 .sec_bd .box_gz .gz2.c50 { width: 50%; }
.Secure .sec_5 .sec_bd .box_gz .gz2.top { top: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz2.left { left: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz2.bottom { bottom: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz2.right { right: 0; }
.Secure .sec_5 .sec_bd .box_gz .gz2.kk { width: 124%; }
.Secure .sec_5 .sec_bd .box_gz .wd { display: block; position: absolute; z-index: 10; width: 50px; height: 50px; background: no-repeat center; }
.Secure .sec_5 .sec_bd .box_gz .wd.w1 { background-image: url(../images/iss_1.jpg); }
.Secure .sec_5 .sec_bd .box_gz .wd.w2 { background-image: url(../images/iss_2.jpg); }
.Secure .sec_5 .sec_bd .box_gz .wd.w3 { background-image: url(../images/iss_3.jpg); }
.Secure .sec_5 .sec_bd .box_gz .wd.w4 { background-image: url(../images/iss_4.jpg); }
.Secure .sec_5 .sec_bd .box_mian_1 { padding: 0 0 0 80px; text-align: left; }
.Secure .sec_5 .sec_bd .box_mian_1 .mm { display: inline-block; width: 25%; padding: 0 42px; margin-bottom: 20px; box-sizing: border-box;vertical-align: top; }
.Secure .sec_5 .sec_bd .box_mian_1 .mm > i { display: block; width: 196px; height: 196px; padding: 46px 16px 0; margin: 0 auto 15px; border: 1px solid #efefef; border-radius: 50%; box-sizing: border-box; }
.Secure .sec_5 .sec_bd .box_mian_1 .mm em { display: block; margin-bottom: 10px; font-size: 46px; color: #f01f18; text-align: center; }
.Secure .sec_5 .sec_bd .box_mian_1 .mm span { display: block; font-size: 14px; color: #000; text-align: center; line-height: 24px; }
.Secure .sec_5 .sec_bd .box_pp { padding: 20px 125px 20px 0; font-size: 14px; color: #666; line-height: 24px; }

.About .p { padding-right: 20px; box-sizing: border-box; }
.About .Ab_nav { height: 100px; }
.About .Ab_nav > div { z-index: 977; width: 100%; height: 100px; background: #fff; }
.About .Ab_nav ul { padding: 13px 0; }
.About .Ab_nav ul li { float: left; width: 14.28%; cursor: pointer; }
.About .Ab_nav ul li i { display: block; width: 48px; height: 48px; margin: 0 auto 12px; background: no-repeat center; background-size: 100%; }
.About .Ab_nav ul li span { display: block; font-size: 14px; color: #333; text-align: center; }
.About .Ab_nav ul li.a1 i { background-image: url(../images/ab_1_1.png); }
.About .Ab_nav ul li.a2 i { background-image: url(../images/ab_2_1.png); }
.About .Ab_nav ul li.a3 i { background-image: url(../images/ab_3_1.png); }
.About .Ab_nav ul li.a4 i { background-image: url(../images/ab_4_1.png); }
.About .Ab_nav ul li.a5 i { background-image: url(../images/ab_5_1.png); }
.About .Ab_nav ul li.a6 i { background-image: url(../images/ab_6_1.png); }
.About .Ab_nav ul li.a7 i { background-image: url(../images/ab_7_1.png); }
.About .Ab_nav ul li:hover span, .About .Ab_nav ul li.on span { color: #0281CC; }
.About .Ab_nav ul li:hover.a1 i, .About .Ab_nav ul li.on.a1 i { background-image: url(../images/ab_1_2.png); }
.About .Ab_nav ul li:hover.a2 i, .About .Ab_nav ul li.on.a2 i { background-image: url(../images/ab_2_2.png); }
.About .Ab_nav ul li:hover.a3 i, .About .Ab_nav ul li.on.a3 i { background-image: url(../images/ab_3_2.png); }
.About .Ab_nav ul li:hover.a4 i, .About .Ab_nav ul li.on.a4 i { background-image: url(../images/ab_4_2.png); }
.About .Ab_nav ul li:hover.a5 i, .About .Ab_nav ul li.on.a5 i { background-image: url(../images/ab_5_2.png); }
.About .Ab_nav ul li:hover.a6 i, .About .Ab_nav ul li.on.a6 i { background-image: url(../images/ab_6_2.png); }
.About .Ab_nav ul li:hover.a7 i, .About .Ab_nav ul li.on.a7 i { background-image: url(../images/ab_7_2.png); }
.Ab_link{display: block;cursor: pointer;}
.About .Ab_tit { line-height: 40px; }
.About .Ab_tit span { display: inline-block; font-size: 40px; font-weight: 100; color: #333; vertical-align: top; }
.About .Ab_tit span i { display: inline-block; margin-left: 14px; font-size: 20px; font-weight: 100; color: #ccc; vertical-align: bottom; line-height: 1; }
.About .Ab_1 { width: 100%; height: 700px; padding-top: 70px; box-sizing: border-box; background: no-repeat center; background-size: cover; }
.About .Ab_1 .Ab_tit { float: left; }
.About .Ab_1 .Ab_mian { position: relative; float: right; width: 941px; height: 616px; padding-top: 15px; background: url(../images/icon_17.png) no-repeat bottom center; background-size: 100%; }
.About .Ab_1 .Ab_mian h4 { margin-top: -9px; margin-bottom: 40px; font-size: 30px; color: #0280cc; }
.About .Ab_1 .Ab_mian .pp { height: 210px; overflow: hidden; padding: 0 40px 0 0; }
.About .Ab_1 .Ab_mian .pp p { font-size: 14px; color: #333; line-height: 30px; text-indent: 2em; }
.About .Ab_1 .Ab_mian .pp > div { margin-top: 0; -webkit-transition: all .5s; transition: all .5s; }
.About .Ab_1 .Ab_mian .pp br { display: block; height: 12px; }
.About .Ab_1 .Ab_mian .kk { position: absolute; left: 0; bottom: 0; }
.About .Ab_1 .Ab_mian .kk li { position: relative; float: left; width: 260px; height: 184px; padding-left: 50px; box-sizing: border-box; background: url(../images/icon_16.png) no-repeat 6px bottom; }
.About .Ab_1 .Ab_mian .kk li em { display: block; margin-bottom: 10px; font-size: 16px; color: #d5302a; }
.About .Ab_1 .Ab_mian .kk li em i { display: inline-block; position: relative; margin-right: 15px; font-size: 30px; }
.About .Ab_1 .Ab_mian .kk li em i:before { position: absolute; left: 100%; top: 0; content: '+'; font-size: 16px; font-weight: bold; }
.About .Ab_1 .Ab_mian .kk li span { display: block; font-size: 16px; color: #333; }
.About .Ab_1 .abbtt { padding: 30px 0; font-size: 0; }
.About .Ab_1 .abbtt a { display: inline-block; width: 34px; height: 34px; margin-right: 15px; border: 1px solid #989898; border-radius: 5px; font-size: 20px; color: #666; text-align: center; line-height: 34px; }
.About .Ab_1 .abbtt a:hover { color: #0280CC; border-color: #0280CC; }
.About .Ab_1 .abbtt a.on { pointer-events: none; }
.About .Ab_2 { width: 100%; height: 678px; padding: 70px 0; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.About .Ab_2 .Ab_mian { position: relative; width: 100%; height: 450px; }
.About .Ab_2 .Ab_mian a { position: absolute; -webkit-transition: all .5; transition: all .5; }
.About .Ab_2 .Ab_mian a.a1 { top: 165px; left: 120px; }
.About .Ab_2 .Ab_mian a.a2 { top: -6px; left: 592px; }
.About .Ab_2 .Ab_mian a.a3 { bottom: -18px; right: 120px; }
.About .Ab_2 .Ab_mian a i { display: block; width: 238px; height: 238px; overflow: hidden; margin: 0 auto 20px; border-radius: 50%; }
.About .Ab_2 .Ab_mian a em { display: block; font-size: 20px; color: #000; text-align: center; }
.About .Ab_3 { width: 100%; height: 900px; padding-top: 76px; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.About .Ab_3 .Ab_tit { margin-bottom: 50px; }
.About .Ab_3 .Ab_tit span, .About .Ab_3 .Ab_tit i { color: #fff; }
.About .Ab_3 .ab_fl { width: 835px; height: 415px; background: no-repeat center; background-size: cover; }
.About .Ab_3 .ab_fr { width: 525px; }
.About .Ab_3 .ab_fr h4 { margin-bottom: 20px; font-size: 28px; color: #fff; }
.About .Ab_3 .ab_fr p { font-size: 14px; color: #fff; text-indent: 2em; line-height: 30px; }
.About .Ab_3 .ab_fr h6 { margin-top: 30px; font-size: 0; }
.About .Ab_3 .ab_fr h6 span { display: inline-block; position: relative; margin: 0 20px; }
.About .Ab_3 .ab_fr h6 span em { float: left; font-size: 16px; color: #dcedf7; line-height: 24px; }
.About .Ab_3 .ab_fr h6 span em font { display: block; font-size: 30px; color: #fff; line-height: 36px; }
.About .Ab_3 .ab_fr h6 span i { float: left; width: 60px; height: 60px; margin-left: 10px; }
.About .Ab_3 .ab_fr h6 span:first-child:before { position: absolute; top: 0; right: -15px; width: 1px; height: 100%; content: ''; background: #dcedf7; }
.About .Ab_3 .Ab_ggg { position: relative; margin: 20px 0; padding: 0 10px; }
.About .Ab_3 .Ab_ggg > span { display: inline-block; font-size: 30px; color: #fff; }
.About .Ab_3 .Ab_ggg a.iconfont { position: absolute; bottom: 0; width: 35px; height: 35px; border: 1px solid #fff; border-radius: 50%; font-size: 14px; color: #fff; text-align: center; line-height: 35px; }
.About .Ab_3 .Ab_ggg a.iconfont.prev { right: 60px; }
.About .Ab_3 .Ab_ggg a.iconfont.next { right: 15px; }
.About .Ab_3 .Ab_ggg a.iconfont:hover { background: #fff; color: #0280CC; }
.About .Ab_3 .Ab_xxx { height: 208px; overflow: hidden; }
.About .Ab_3 .Ab_xxx .swiper-slide { padding: 0 10px; box-sizing: border-box; }
.About .Ab_3 .Ab_xxx a { display: block; }
.About .Ab_3 .Ab_xxx a img { width: 100%; }
.About .Ab_3 .Ab_xxx a:hover .abc_img span { -webkit-transform: scale(1.05); transform: scale(1.05); }
.About .Ab_3 .Ab_xxx .abc_img { width: 100%; height: 170px; overflow: hidden; }
.About .Ab_3 .Ab_xxx .abc_img span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.About .Ab_3 .Ab_xxx .abc_txt { padding: 12px 10px; font-size: 14px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.About .Ab_4 { width: 100%; padding-bottom: 80px; background: no-repeat top left; }
.About .Ab_4 .abl_1 { padding: 70px 0; }
.About .Ab_4 .abl_1 .ab_txt { width: 830px; overflow: hidden; }
.About .Ab_4 .abl_1 .ab_txt h4 { margin-bottom: 15px; font-size: 30px; color: #333; line-height: 30px; }
.About .Ab_4 .abl_1 .ab_txt h4 span { display: inline-block; margin-left: 20px; font-size: 24px; color: #0280cc; vertical-align: top; }
.About .Ab_4 .abl_1 .ab_txt p { font-size: 14px; color: #333; line-height: 30px; text-indent: 2em; }
.About .Ab_4 .abl_1 .ab_img { width: 525px; height: 394px; background: no-repeat center; background-size: cover; }
.About .Ab_4 .abl_1 .ab_box { position: relative; height: 170px; margin-top: 27px; }
.About .Ab_4 .abl_1 .ab_box .swiper-slide { padding: 0 10px; box-sizing: border-box; }
.About .Ab_4 .abl_1 .ab_box .swiper-slide > span { display: block; width: 100%; height: 170px; background: no-repeat center; background-size: cover; }
.About .Ab_4 .abl_1 .ab_box .slick-dots { position: absolute; left: 0; bottom: 2%; z-index: 99; width: 100%; height: 8px; text-align: center; }
.About .Ab_4 .abl_1 .ab_box .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin: 0 6px; border-radius: 50%; background: #ccc; vertical-align: top; }
.About .Ab_4 .abl_1 .ab_box .slick-dots li.slick-active { background: #0280CC; }
.About .Ab_4 .abl_1 .ab_box .slick-dots li button { display: none; }
.About .Ab_4 .abl_2 { margin-bottom: 60px; }
.About .Ab_4 .abl_2 .attr_box { width: 100%; height: 360px; }
.About .Ab_4 .abl_2 .attr_img { width: 50%; height: 100%; background: no-repeat center; background-size: cover; }
.About .Ab_4 .abl_2 .attr_txt { position: relative; z-index: 1; width: 50%; height: 100%; padding: 40px; box-sizing: border-box; background: #f2f3f5; }
.About .Ab_4 .abl_2 .attr_txt:before { position: absolute; top: 48px; right: 100%; width: 29px; height: 54px; content: ''; background: url(../images/icon_2.png) no-repeat center; background-size: 100%; }
.About .Ab_4 .abl_2 .attr_txt h4 { position: relative; margin-bottom: 12px; padding-left: 20px; font-size: 30px; font-weight: 100; }
.About .Ab_4 .abl_2 .attr_txt h4 em { display: block; color: #b6c1c7; text-transform: uppercase; }
.About .Ab_4 .abl_2 .attr_txt h4 span { display: block; font-size: 30px; color: #333; line-height: 30px; }
.About .Ab_4 .abl_2 .attr_txt h4 span i { display: inline-block; margin-left: 20px; font-size: 24px; color: #0281CC; line-height: 30px; vertical-align: top; }
.About .Ab_4 .abl_2 .attr_txt h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.About .Ab_4 .abl_2 .attr_txt p { font-size: 14px; color: #333; line-height: 30px; text-indent: 2em; }
.About .Ab_4 .abl_2 .attr_txt > div { height: 240px; overflow: hidden; }
.About .Ab_4 .abl_2 .attr_txt.fl:before { top: auto; right: auto; left: 100%; bottom: 80px; background-image: url(../images/icon_3.png); }
.About .Ab_4 .abl_3 > h4 { margin-bottom: 30px; font-size: 30px; color: #333; }
.About .Ab_4 .abl_3 > div { padding: 40px 0; border: 1px solid #eaeaea; }
.About .Ab_4 .abl_3 > div > div.fl, .About .Ab_4 .abl_3 > div > div.fr { width: 50%; padding: 0 40px; box-sizing: border-box; }
.About .Ab_4 .abl_3 > div > div.fl { border-right: 1px solid #eaeaea; }
.About .Ab_4 .abl_3 .ab_img { position: relative; width: 300px; height: 225px; background: no-repeat center; background-size: cover; }
.About .Ab_4 .abl_3 .ab_img i { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; border-radius: 50%; background: #fff no-repeat center; background-size: 100%; }
.About .Ab_4 .abl_3 .ab_txt { width: calc(100% - 330px); }
.About .Ab_4 .abl_3 .ab_txt em { display: block; margin: 10px 0; font-size: 24px; color: #333; text-align: center; }
.About .Ab_4 .abl_3 .ab_txt i { display: block; margin-bottom: 15px; font-size: 16px; color: #999; text-align: center; }
.About .Ab_4 .abl_3 .ab_txt font { display: block; font-size: 14px; color: #666; text-indent: 2em; line-height: 24px; }
.About .Ab_5 { width: 100%; height: 600px; padding: 54px 0; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.About .Ab_5 .ab_mian { width: 720px; margin: 0 0 0 auto; }
.About .Ab_5 .ab_mian > div { height: 120px; overflow: hidden; }
.About .Ab_5 .ab_mian h4 { margin-bottom: 20px; font-size: 28px; color: #333; }
.About .Ab_5 .ab_mian p { font-size: 14px; color: #333; line-height: 30px; text-indent: 2em; }
.About .Ab_6 { padding: 80px 0; }
.About .Ab_6 .Ab_tit { position: relative; }
.About .Ab_6 .Ab_tit a.iconfont { position: absolute; top: 100%; width: 35px; height: 35px; z-index: 9; border: 1px solid #ccc; margin-top: -20px; border-radius: 50%; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 35px; }
.About .Ab_6 .Ab_tit a.iconfont.prev { right: 60px; }
.About .Ab_6 .Ab_tit a.iconfont.next { right: 15px; }
.About .Ab_6 .Ab_tit a.iconfont:hover { background: #0280CC; color: #fff; }
.About .Ab_6 .Ab_mian { height: 310px; margin-top: 40px; overflow: hidden; }
.About .Ab_6 .ab_box { float: left; width: 25%; padding: 0 15px; box-sizing: border-box; }
.About .Ab_6 .ab_box a { display: block; width: 100%; height: 250px; background: #f6f6f6; text-align: center; line-height: 250px; }
.About .Ab_6 .ab_box a img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.About .Ab_6 .ab_box span { display: block; width: 100%; height: 60px; border: 1px solid #eee; background: #fff; box-sizing: border-box; font-size: 14px; color: #000; text-align: center; line-height: 60px; }
.About .Ab_6 .ab_box:hover span { color: #0280CC; }
.About .Ab_7 { position: relative; z-index: 1; width: 100%; height: 540px; overflow: hidden; padding-top: 60px; box-sizing: border-box; background: no-repeat center; background-size: cover; }
.About .Ab_7:before { position: absolute; top: 411px; left: 0; z-index: 1; width: 100%; height: 8px; content: ''; background: #d1d1d1; }
.About .Ab_7 .wrap_1400 { position: relative; }
.About .Ab_7 .wrap_1400 > a.iconfont { position: absolute; top: 50%; z-index: 9; width: 38px; height: 38px; overflow: hidden; border: 1px solid #333; border-radius: 50%; background: #fff; box-sizing: border-box; font-size: 16px; color: #999; text-align: center; line-height: 38px; }
.About .Ab_7 .wrap_1400 > a.iconfont.next { left: 100%; }
.About .Ab_7 .wrap_1400 > a.iconfont.prev { right: 100%; }
.About .Ab_7 .wrap_1400 > a.iconfont:hover { border-color: #0280CC; background: #0280CC; color: #fff; }
.About .Ab_7 .swiper-slide { cursor: pointer; }
.About .Ab_7 .swiper-slide:hover .abc_hd span, .About .Ab_7 .swiper-slide.on .abc_hd span { color: #0280CC; border-color: #0280CC; }
.About .Ab_7 .swiper-slide.on .abc_bd { z-index: 6; }
.About .Ab_7 .swiper-slide.on .abc_bd i { display: block; }
.About .Ab_7 .swiper-slide.on .abc_box { display: block; }
.About .Ab_7 .swiper-slide.p_left .abc_bd i:after { left: -2px; background-image: url(../images/icon_28.png); }
.About .Ab_7 .swiper-slide.p_left .abc_box { left: 50%; margin-left: 40px; -webkit-animation: Ls_right 1.5s ease forwards; animation: Ls_right 1.5s ease forwards; }
.About .Ab_7 .swiper-slide.p_left .abc_img { float: left; }
.About .Ab_7 .swiper-slide.p_left .abc_txt { float: right; text-align: left; }
.About .Ab_7 .Ab_mian { position: relative; margin-top: 50px; overflow: hidden; z-index: 2; }
.About .Ab_7 .abc_hd { position: relative; z-index: 4; margin-top: 40px; font-size: 0; text-align: center; }
.About .Ab_7 .abc_hd span { display: inline-block; width: 130px; height: 34px; border: 2px solid #d4d4d4; border-radius: 30px; font-size: 16px; color: #999; line-height: 34px; }
.About .Ab_7 .abc_hd:before { position: absolute; top: -51px; left: 50%; width: 22px; height: 12px; content: ''; margin-left: -11px; background: #d1d1d1; }
.About .Ab_7 .abc_bd { position: relative; z-index: 5; height: 270px; }
.About .Ab_7 .abc_bd i { display: none; position: absolute; bottom: -2px; left: 50%; width: 8px; height: 100%; background: #0280cc; -webkit-animation: fade-in 1s ease forwards; animation: fade-in 1s ease forwards; }
.About .Ab_7 .abc_bd i:before { position: absolute; left: -11px; bottom: 0; width: 30px; height: 12px; content: ''; background-color: #0280CC; }
.About .Ab_7 .abc_bd i:after { position: absolute; top: 0; left: -13px; width: 23px; height: 23px; content: ''; background: url(../images/icon_29.png) no-repeat center; background-size: 100%; }
.About .Ab_7 .abc_box { display: none; position: absolute; top: 0; right: 50%; z-index: 25; width: 660px; height: 210px; margin-right: 40px; -webkit-animation: Ls_left 1.5s ease forwards; animation: Ls_left 1.5s ease forwards; }
.About .Ab_7 .abc_img { width: 250px; height: 188px; overflow: hidden; }
.About .Ab_7 .abc_img img { width: 100%; }
.About .Ab_7 .abc_txt { width: calc(100% - 270px); text-align: right; }
.About .Ab_7 .abc_txt span { display: block; margin-bottom: 20px; font-size: 30px; color: #0280cc; }
.About .Ab_7 .abc_txt em { display: block; margin-bottom: 10px; font-size: 24px; color: #000; }
.About .Ab_7 .abc_txt font { display: block; max-height: 120px; font-size: 14px; color: #666; line-height: 30px; }
.About .Ab_8 { padding: 80px 0; }
.About .Ab_8 .Ab_tit { position: relative; }
.About .Ab_8 .Ab_tit a.iconfont { position: absolute; bottom: 0; width: 35px; height: 35px; border: 1px solid #ccc; border-radius: 50%; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 35px; }
.About .Ab_8 .Ab_tit a.iconfont.prev { right: 60px; }
.About .Ab_8 .Ab_tit a.iconfont.next { right: 15px; }
.About .Ab_8 .Ab_tit a.iconfont:hover { background: #0280CC; color: #fff; }
.About .Ab_8 .Ab_mian { height: 280px; overflow: hidden; }
.About .Ab_8 .Ab_mian ul { margin-right: -2%; }
.About .Ab_8 .Ab_mian ul li { float: left; width: 18%; height: 110px; overflow: hidden; border: 1px solid #dcdcdc; margin-right: 2%; margin-top: 30px; box-sizing: border-box; font-size: 0; text-align: center; line-height: 110px; }
.About .Ab_8 .Ab_mian ul li a { display: inline-block; vertical-align: middle; }
.About .Ab_8 .Ab_mian ul li img { max-width: 100%; max-height: 100%; }
.About .Ab_9 { padding: 80px 0; background: #f2f3f5; }
.About .Ab_9 .Ab_tit { position: relative; }
.About .Ab_9 .Ab_tit a.iconfont { position: absolute; top: 100%; width: 35px; height: 35px; border: 1px solid #ccc; margin-top: -20px; border-radius: 50%; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 35px; }
.About .Ab_9 .Ab_tit a.iconfont.prev { right: 60px; }
.About .Ab_9 .Ab_tit a.iconfont.next { right: 15px; }
.About .Ab_9 .Ab_tit a.iconfont:hover { background: #0280CC; color: #fff; }
.About .Ab_9 .Ab_mian { height: 300px; overflow: hidden; margin-top: 30px; }
.About .Ab_9 .Ab_mian .swiper-slide { padding: 0 15px; box-sizing: border-box; }
.About .Ab_9 .Ab_mian .ab_img img { width: 100%; }
.About .Ab_9 .Ab_mian .ab_txt { width: 100%; height: 60px; padding: 0 10px; background: #fff; box-sizing: border-box; font-size: 14px; color: #333; text-align: center; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.About .Ab_9 .Ab_mian a:hover .ab_txt { color: #0280CC; }

.Marketing { padding: 64px 0 90px; }
.Marketing .mark_h4 { padding-bottom: 32px; }
.Marketing .mark_h4 span { display: block; position: relative; padding-left: 20px; font-size: 36px; color: #333; font-weight: 100; line-height: 1; }
.Marketing .mark_h4 span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281cc; }
.Marketing .mark_h4 span > i { display: inline-block; width: 31px; height: 36px; margin-left: 16px; background: no-repeat center; vertical-align: top; }
.Marketing .mark_1 .wrap_1400 { height: 326px; overflow: hidden; background: #0281cc; }
.Marketing .mark_1 .mark_img { display: table; width: 826px; height: 100%; padding: 0 35px; background: no-repeat center; box-sizing: border-box; }
.Marketing .mark_1 .mark_img > div { display: table-cell; vertical-align: middle; }
.Marketing .mark_1 .mark_img h4 { position: relative; padding-left: 24px; font-size: 48px; color: #fff; font-weight: 100; line-height: 48px; }
.Marketing .mark_1 .mark_img h4:before { position: absolute; left: 0; top: 0; width: 2px; height: 100%; content: ''; background: #0280CC; }
.Marketing .mark_1 .mark_img h4 span { display: inline-block; margin-left: 20px; font-size: 36px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; vertical-align: bottom; line-height: 1; }
.Marketing .mark_1 .mark_form { width: 574px; height: 100%; padding: 46px 64px 0; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.Marketing .mark_1 .mark_form h4 { position: relative; margin-bottom: 35px; padding-left: 12px; font-size: 20px; color: #fff; }
.Marketing .mark_1 .mark_form h4:before { position: absolute; left: 0; top: 0; width: 2px; height: 100%; content: ''; background: #f32018; }
.Marketing .mark_1 .mark_form form { position: relative; width: 100%; margin-bottom: 56px; }
.Marketing .mark_1 .mark_form form input[type='text'] { float: left; width: calc(100% - 72px); height: 50px; padding: 0 10px 0 45px; border: 1px solid #ccc; border-right: none; background: #fff; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; }
.Marketing .mark_1 .mark_form form input[type='button'] { float: right; width: 72px; height: 50px; border: none; font-size: 14px; color: #fff; background: #f0221a; cursor: pointer; }
.Marketing .mark_1 .mark_form form input[type='button']:hover { background: #CE272D; }
.Marketing .mark_1 .mark_form form:before { position: absolute; top: 0; left: 0; width: 45px; height: 100%; content: '\e61c'; font-family: 'iconfont' !important; font-size: 16px; font-weight: bold; color: #333; text-align: center; line-height: 50px; }
.Marketing .mark_1 .mark_form .ww { font-size: 0; }
.Marketing .mark_1 .mark_form .ww span { display: inline-block; width: 50%; text-align: center; box-sizing: border-box; }
.Marketing .mark_1 .mark_form .ww span em { display: block; margin-bottom: 7px; font-size: 36px; font-weight: bold; color: #fff; }
.Marketing .mark_1 .mark_form .ww span i { display: block; padding: 10px 0; font-size: 16px; color: #fff; }
.Marketing .mark_1 .mark_form .ww span:first-child { border-right: 1px solid #fff; }
.Marketing .mark_2 { padding-bottom: 80px; }
.Marketing .mark_2 .mark_hd { padding: 26px 0; border-bottom: 2px solid #0281cc; }
.Marketing .mark_2 .mark_hd > span { float: left; font-size: 18px; color: #000; line-height: 48px; }
.Marketing .mark_2 .mark_hd > form { float: left; font-size: 0; margin-left: 130px; }
.Marketing .mark_2 .mark_hd > form .select { position: relative; float: left; width: 252px; margin-left: 15px; }
.Marketing .mark_2 .mark_hd > form .select:first-child { margin-left: auto; }
.Marketing .mark_2 .mark_hd > form .select p { width: 100%; height: 48px; padding: 0 16px; background: #Fff; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 48px; }
.Marketing .mark_2 .mark_hd > form .select:before { position: absolute; top: 50%; right: 15px; content: '\e60f'; margin-top: -6px; font-family: 'iconfont' !important; font-size: 14px; font-weight: bold; color: #0281CC; }
.Marketing .mark_2 .mark_hd > form .select select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.Marketing .mark_2 .mark_bd { height: 618px; }
.Marketing .mark_2 .mark_button { float: right; font-size: 0; padding: 8px 0; }
.Marketing .mark_2 .mark_button i { display: inline-block; width: 32px; height: 32px; margin: 0 5px; border: 1px solid #ddd; border-radius: 50%; font-size: 12px; font-weight: bold; color: #0280CC; text-align: center; line-height: 32px; vertical-align: top; cursor: pointer; }
.Marketing .mark_2 .mark_button i:hover { background: #0280CC; border-color: #0280cc; color: #fff; }
.Marketing .mark_2 .mark_button em { display: inline-block; margin: 0 10px; font-size: 14px; color: #666; line-height: 34px; vertical-align: top; }
.Marketing .mark_2 .ma_box { width: 440px; height: 100%; }
.Marketing .mark_2 .ma_box ul { height: 544px; overflow: hidden; }
.Marketing .mark_2 .ma_box ul li { display: none; position: relative; width: 100%; height: 136px; padding: 0 10px 0 36px; overflow: hidden; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 0; line-height: 136px; cursor: pointer; }
.Marketing .mark_2 .ma_box ul li > em { display: block; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin-top: -12px; border: 1px solid #0280CC; border-radius: 50%; box-sizing: border-box; font-size: 14px; color: #0280cc; text-align: center; line-height: 22px; }
.Marketing .mark_2 .ma_box ul li > div { display: inline-block; vertical-align: middle; line-height: 1; }
.Marketing .mark_2 .ma_box ul li > div h4 { max-height: 48px; overflow: hidden; font-size: 16px; color: #333; line-height: 24px; }
.Marketing .mark_2 .ma_box ul li > div h4 span { color: #0280CC; }
.Marketing .mark_2 .ma_box ul li > div p { max-height: 40px; overflow: hidden; margin: 5px 0 0; font-size: 14px; color: #999; line-height: 20px; }
.Marketing .mark_2 .ma_box ul li > div h6 { max-height: 40px; overflow: hidden; font-size: 14px; color: #999; line-height: 20px; }
.Marketing .mark_2 .ma_box ul li > div h6 i { color: #0280CC; }
.Marketing .mark_2 .ma_box .mark_button { padding: 30px 0 0; }
.Marketing .mark_2 .ma_map { width: calc(100% - 470px); height: 100%; overflow: hidden; background: #f0f0f0; }
.Marketing .mark_2 .ma_map ._map { display: none; }
.Marketing .mark_2 .ma_map ._map iframe { border: none; width: 100%; height: 100%; }
.Marketing .mark_3 { width: 100%; height: 398px; margin-bottom: 50px; background: no-repeat center; background-size: cover; }
.Marketing .mark_3 .wrap_1400 { position: relative; height: 100%; }
.Marketing .mark_3 .ma_txt { position: absolute; top: 50%; right: 0; width: 610px; padding-left: 42px; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.Marketing .mark_3 .ma_txt:before { position: absolute; top: 0; left: 0; height: 0; width: 7px; height: 100%; content: ''; background: #0281cc; }
.Marketing .mark_3 .ma_txt h4 { font-size: 30px; color: #999; font-weight: 100; text-transform: uppercase; }
.Marketing .mark_3 .ma_txt h5 { font-size: 30px; color: #333; font-weight: 100; }
.Marketing .mark_3 .ma_txt h5 span { display: inline-block; margin-left: 10px; color: #0281cc; font-weight: 400; vertical-align: top; }
.Marketing .mark_3 .ma_txt h5 em { display: inline-block; margin-left: 15px; padding: 0 15px; background: #0281CC; border-radius: 30px; font-size: 18px; color: #fff; line-height: 30px; vertical-align: top; }
.Marketing .mark_3 .ma_txt h6 { margin: 20px 0; font-size: 14px; color: #666; }
.Marketing .mark_3 .ma_txt p { line-height: 20px; }
.Marketing .mark_3 .ma_txt p span { display: block; font-size: 14px; color: #0281cc; }
.Marketing .mark_3 .ma_txt p em { display: block; font-size: 14px; color: #666; }
.Marketing .mark_4 { margin-bottom: 50px; }
.Marketing .mark_4 .ma_box { width: 406px; height: 550px; overflow: hidden; background: #f9f9f9; }
.Marketing .mark_4 .ma_Map { position: relative; width: calc(100% - 406px); height: 550px; border: 1px solid #eee; box-sizing: border-box; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); }
.Marketing .mark_4 .ma_Map .cn li { position: absolute; top: 0; right: 0; width: 31px; height: 29px; cursor: pointer; -webkit-transition: all .5s; transition: all .5s;z-index: 1000;}
.Marketing .mark_4 .ma_Map .cn li img { width: 100%; }
.Marketing .mark_4 .ma_Map .cn li i { display: none; position: absolute; top: 50%; left: 90%; margin-top: -6px; font-size: 12px; color: #000; white-space: nowrap; }
.Marketing .mark_4 .ma_Map .cn li.on { z-index: 9999; }
.Marketing .mark_4 .ma_Map .cn li.on i { display: block; }
.Marketing .mark_4 .ma_tit { width: 100%; height: 68px; padding: 0 24px; background: #333; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 68px; }
.Marketing .mark_4 .ma_ul { max-height: 482px; padding: 0 20px; }
.Marketing .mark_4 .ma_ul ul li { position: relative; min-height: 50px; padding: 15px 50px; border-bottom: 1px solid #efefef; }
.Marketing .mark_4 .ma_ul ul li > em { display: block; position: absolute; left: 0; top: 15px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #0280CC; font-size: 15px; color: #0281cc; text-align: center; line-height: 32px; }
.Marketing .mark_4 .ma_ul ul li > div span { display: block; margin-bottom: 10px; font-size: 16px; color: #333; line-height: 24px; }
.Marketing .mark_4 .ma_ul ul li > div em { display: block; font-size: 14px; color: #666; line-height: 20px; }
.Marketing .mark_4 .ma_txt { position: absolute; top: 30px; left: 22px; z-index: 9; padding-left: 10px; }
.Marketing .mark_4 .ma_txt span { display: block; font-size: 14px; color: #333; line-height: 24px; }
.Marketing .mark_4 .ma_txt span em { font-size: 24px; color: #0281cc; }
.Marketing .mark_4 .ma_txt:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Marketing .mark_4 #map { width: 580px; margin: 35px auto;position: relative;}
.Marketing .mark_4 #map img{width: 623px;position: absolute;left: 20px;top: 6px;z-index: 1;}
.Marketing .mark_4 #map svg{position: relative;z-index: 2;visibility: hidden;}
.Marketing .mark_5 { margin-bottom: 80px; }
.Marketing .mark_5 .mark_h4 { border-bottom: 2px solid #0281CC; }
.Marketing .mark_5 .mark_h4 em { font-size: 0; }
.Marketing .mark_5 .mark_h4 em i { display: inline-block; width: 34px; height: 34px; margin: 0 5px; border: 1px solid #ddd; border-radius: 50%; font-size: 12px; font-weight: bold; color: #0280CC; text-align: center; line-height: 32px; vertical-align: top; cursor: pointer; }
.Marketing .mark_5 .mark_h4 em i:hover { background: #0280CC; border-color: #0280cc; color: #fff; }
.Marketing .mark_5 .ma_mian { height: 400px; margin-top: 30px; }
.Marketing .mark_5 .ma_hd { width: 345px; height: 100%; overflow: hidden; border: 1px solid #eee; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.Marketing .mark_5 .ma_hd ul { height: 314px; overflow: auto; padding: 10px 40px 0; box-sizing: border-box; font-size: 0; }
.Marketing .mark_5 .ma_hd ul li { display: inline-block; width: 108px; height: 40px; margin: 10px 5px; border-radius: 30px; font-size: 16px; color: #333; text-align: center; line-height: 40px; cursor: pointer; }
.Marketing .mark_5 .ma_hd ul li i { margin-right: 15px; color: #0281cc; }
.Marketing .mark_5 .ma_hd ul li:hover, .Marketing .mark_5 .ma_hd ul li.on { background: #0281CC; color: #fff; }
.Marketing .mark_5 .ma_hd ul li:hover i, .Marketing .mark_5 .ma_hd ul li.on i { color: #f01f18; }
.Marketing .mark_5 .ma_hd > p { padding: 0 40px; font-size: 12px; color: #666; line-height: 18px; }
.Marketing .mark_5 .ma_bd { width: calc(100% - 345px); height: 100%; overflow: hidden; background: #eee; }
.Marketing .mark_5 .ma_box { display: none; position: relative; width: 100%; height: 100%; background: #f0f0f0 no-repeat center; background-size: cover; }
.Marketing .mark_5 .ma_box .ma_txt { position: absolute; top: 0; right: 0; width: 345px; height: 100%; background: rgba(0, 0, 0, 0.5); }
.Marketing .mark_5 .ma_box .ma_tit { padding: 30px 25px; border-bottom: 1px solid #fff; }
.Marketing .mark_5 .ma_box .ma_tit h4 { position: relative; padding-left: 18px; font-size: 24px; color: #fff; }
.Marketing .mark_5 .ma_box .ma_tit h4 span { display: block; margin-bottom: 10px; }
.Marketing .mark_5 .ma_box .ma_tit h4 em { display: block; }
.Marketing .mark_5 .ma_box .ma_tit h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281cc; }
.Marketing .mark_5 .ma_box .ma_p { padding: 0 42px; }
.Marketing .mark_5 .ma_box .ma_p span { display: block; margin-top: 28px; font-size: 14px; color: #fff; }
.Marketing .mark_5 .ma_box .ma_p span i { display: inline-block; margin-right: 10px; vertical-align: top; }
.Marketing .mark_5 .ma_box .ma_p a { display: block; width: 176px; height: 44px; margin: 50px auto 0; border-radius: 30px; background: #f01f18; font-size: 14px; color: #fff; text-align: center; line-height: 44px; }
.Marketing .mark_5 .ma_box .ma_p a i { display: inline-block; margin-right: 6px; vertical-align: top; font-size: 18px; }
.Marketing .mark_5 .ma_box .ma_p a:hover { background: #D5302A; }
.Marketing .mark_6 { margin-bottom: 65px; padding: 50px 0; background: #f6f6f6; overflow: hidden; }
.Marketing .mark_6 .ma_box { position: relative; }
.Marketing .mark_6 .ma_box .swiper-slide { padding: 0 6px; }
.Marketing .mark_6 .ma_box .swiper-slide span { display: block; height: 258px; background: no-repeat center; background-size: cover; }
.Marketing .mark_6 .ma_box .swiper-slide em { display: block; height: 48px; background: #fff; font-size: 14px; color: #000; text-align: center; line-height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Marketing .mark_6 .ma_box .swiper-slide:hover em { background: #0280CC; color: #fff; }
.Marketing .mark_6 .ma_box .slick-dots { position: absolute; left: 0; bottom: -20px; z-index: 99; width: 100%; height: 8px; text-align: center; }
.Marketing .mark_6 .ma_box .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin: 0 6px; border-radius: 50%; background: #ccc; vertical-align: top; }
.Marketing .mark_6 .ma_box .slick-dots li.slick-active { background: #0280CC; }
.Marketing .mark_6 .ma_box .slick-dots li button { display: none; }
.Marketing .mark_6 .ma_box > button { position: absolute; top: 50%; z-index: 99; margin-top: -32px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.Marketing .mark_6 .ma_box > button.slick-prev { left: -50px; }
.Marketing .mark_6 .ma_box > button.slick-prev:before { content: '\e610'; }
.Marketing .mark_6 .ma_box > button.slick-next { right: -50px; }
.Marketing .mark_6 .ma_box > button.slick-next:before { content: '\e614'; }
.Marketing .mark_6 .ma_box > button:before { display: inline-block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-family: "iconfont" !important; font-size: 16px; font-weight: bold; color: #666; line-height: 36px; }
.Marketing .mark_6 .ma_box > button.slick-disabled { pointer-events: none; }
.Marketing .mark_6 .ma_box > button.slick-disabled:before { color: #ccc; }
.Marketing .mark_6 .ma_box > button:hover:before { border-color: #0281CC; background: #0281cc; color: #fff; }
.Marketing .mark_7 .ma_mian { position: relative; height: 610px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); }
.Marketing .mark_7 .ma_bd { width: 100%; height: 100%; }
.Marketing .mark_7 .ma_bd .ma_box { position: relative; width: 100%; height: 100%; }
.Marketing .mark_7 .ma_bd .ma_box span { display: block; position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.Marketing .mark_7 .ma_bd .ma_box span em { position: absolute; top: 56%; left: 50%; font-size: 18px; color: #fff; cursor: pointer; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.Marketing .mark_7 .ma_bd .ma_box span em:before { position: absolute; top: -120px; left: 50%; width: 111px; height: 107px; content: ''; margin-left: -55px; background: url(../images/icon_31.png) no-repeat center; }
.Marketing .mark_7 .ma_hd { position: absolute; bottom: 36px; left: 0; z-index: 10; width: 100%; font-size: 0; text-align: center; }
.Marketing .mark_7 .ma_hd span { display: inline-block; width: 150px; height: 60px; margin: 0 7px; background: #fff; font-size: 18px; color: #333; text-align: center; line-height: 60px; cursor: pointer; }
.Marketing .mark_7 .ma_hd span i { display: inline-block; width: 36px; height: 100%; background: no-repeat center; vertical-align: top; }
.Marketing .mark_7 .ma_hd span.sp_1 { border-radius: 20px 0 0; }
.Marketing .mark_7 .ma_hd span.sp_1 i { background-image: url(../images/icon_32.png); }
.Marketing .mark_7 .ma_hd span.sp_2 { border-radius: 0 0 20px; }
.Marketing .mark_7 .ma_hd span.sp_2 i { background-image: url(../images/icon_33.png); }
.Marketing .mark_7 .ma_hd span:hover { color: #0281CC; }
.Marketing .mark_7 .ma_hd span.on { background: #0281cc; color: #Fff; }
.Marketing .mark_7 .ma_hd span.on.sp_1 i { background-image: url(../images/icon_7.png); }
.Marketing .mark_7 .ma_hd span.on.sp_2 i { background-image: url(../images/icon_11.png); }
.Marketing .mark_8 { padding-top: 70px; }
.Marketing .mark_8 .ma_mian { padding: 40px 0; border: 1px solid #eaeaea; }
.Marketing .mark_8 .ma_mian > div.fl, .Marketing .mark_8 .ma_mian > div.fr { width: 50%; padding: 0 40px; box-sizing: border-box; }
.Marketing .mark_8 .ma_mian > div.fl { border-right: 1px solid #eaeaea; }
.Marketing .mark_8 .ma_mian .ab_img { position: relative; width: 300px; height: 225px; background: no-repeat center; background-size: cover; }
.Marketing .mark_8 .ma_mian .ab_img i { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; border-radius: 50%; background: #fff no-repeat center; background-size: 100%; }
.Marketing .mark_8 .ma_mian .ab_txt { width: calc(100% - 330px); }
.Marketing .mark_8 .ma_mian .ab_txt em { display: block; margin: 10px 0; font-size: 20px; color: #000; text-align: center; }
.Marketing .mark_8 .ma_mian .ab_txt i { display: block; margin-bottom: 15px; font-size: 16px; color: #000; text-align: center; text-transform: uppercase; }
.Marketing .mark_8 .ma_mian .ab_txt font { display: block; height: 72px; overflow: hidden; font-size: 12px; color: #999; text-indent: 2em; line-height: 24px; text-align: center; }
.Marketing .mark_8 .ma_mian .ab_txt a { display: block; width: 112px; height: 42px; margin: 0 auto; border-radius: 30px; border: 2px solid #0281CC; box-sizing: border-box; font-size: 12px; color: #0281cc; text-align: center; line-height: 38px; }
.Marketing .mark_8 .ma_mian .ab_txt a:hover { background: #0281CC; color: #fff; }

.Contact .cont_tit { padding: 30px 0; border-bottom: 1px solid #eee; }
.Contact .cont_tit span { display: block; position: relative; padding-left: 15px; font-size: 40px; color: #333; }
.Contact .cont_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Contact .cont_mian > p { padding: 30px 0; font-size: 14px; color: #666; }
.Contact .cont_map { width: 100%; height: 370px; background: no-repeat center; background-size: cover; }
.Contact .cont_1 { padding: 50px 0; border-bottom: 1px solid #eee; }
.Contact .cont_1 .dt { position: relative; width: 350px; }
.Contact .cont_1 .dt .i { display: block; width: 278px; height: 79px; overflow: hidden; margin-bottom: 20px; background: no-repeat center; background-size: 100%; }
.Contact .cont_1 .dt .i img { width: 100%; }
.Contact .cont_1 .dt span { display: block; padding-left: 15px; font-size: 14px; color: #888; line-height: 24px; }
.Contact .cont_1 .dt:before { position: absolute; left: 100%; top: 0; width: 7px; height: 174px; content: ''; background: url(../images/icon_36.png) no-repeat center; }
.Contact .cont_2 { padding: 70px 0; }
.Contact .cont_ul { font-size: 0; }
.Contact .cont_ul li { display: inline-block; width: 330px; padding-left: 70px; margin-left: 20px; box-sizing: border-box; vertical-align: top; }
.Contact .cont_ul .cont_ii { position: relative; }
.Contact .cont_ul .cont_ii .i { display: block; position: absolute; top: 0; left: -70px; width: 60px; height: 60px; background: no-repeat center; background-size: 100%; }
.Contact .cont_ul .cont_ii span { display: block; padding: 10px 0; }
.Contact .cont_ul .cont_ii span em { display: block; font-size: 16px; color: #444; line-height: 24px; }
.Contact .cont_ul .cont_ii span b { display: block; font-size: 12px; color: #999; line-height: 16px; }
.Contact .cont_ul li>p>span,
.Contact .cont_ul .cont_txt span { display: block; margin-top: 20px; font-size: 30px; color: #333; font-weight: 100; }
.Contact .cont_ul li>p>span em,
.Contact .cont_ul .cont_txt span em { display: block; margin-top: 5px; font-size: 12px; color: #999; line-height: 20px; }

.Download { padding-top: 0px; }
.Download .Dlod_tit { padding: 45px 0; }
.Download .Dlod_tit > span { position: absolute; margin-top: 54px; padding-left: 20px; font-size: 36px; color: #333; }
.Download .Dlod_tit > span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.Download .Dlod_tit > ul { font-size: 0; }
.Download .Dlod_tit > ul li { display: inline-block; padding: 0 30px; cursor: pointer; }
.Download .Dlod_tit > ul li i { display: block; width: 60px; height: 60px; margin: 0 auto 12px; border-radius: 50%; border: 1px solid #666; font-size: 30px; color: #666; text-align: center; line-height: 60px; }
.Download .Dlod_tit > ul li span { display: block; font-size: 16px; color: #666; text-align: center; }
.Download .Dlod_tit > ul li:hover i, .Download .Dlod_tit > ul li.on i { border-color: #0281CC; background: #0281CC; color: #fff; }
.Download .Dlod_tit > ul li:hover span, .Download .Dlod_tit > ul li.on span { color: #0281CC; }
.Download .dowm_tit { margin-bottom: 30px; font-size: 36px; color: #333; }
.Download .Dlod_1 .dlod_form { width: 495px; height: 475px; padding: 55px 70px 0; background: #f6f6f6; box-sizing: border-box; }
.Download .Dlod_1 .dlod_form h4 { margin-bottom: 40px; font-size: 36px; color: #333; font-weight: 100; text-align: center; }
.Download .Dlod_1 .dlod_form h4 span { color: #0281cc; text-transform: uppercase; }
.Download .Dlod_1 .dlod_form > h6 { margin-bottom: 24px; font-size: 14px; color: #999; }
.Download .Dlod_1 .dlod_form > h6 a { font-size: 14px; color: #999; }
.Download .Dlod_1 .dlod_form > h6 a:hover { color: #0281CC; }
.Download .Dlod_1 .dlod_form .input_text { position: relative; width: 100%; height: 45px; margin-bottom: 20px; border: 1px solid #eee; background: #fff; box-sizing: border-box; }
.Download .Dlod_1 .dlod_form .input_text input { display: block; width: 100%; height: 100%; padding: 0 20px 0 50px; border: none; font-size: 14px; color: #666; box-sizing: border-box; }
.Download .Dlod_1 .dlod_form .input_text:before { position: absolute; top: 0; left: 0; width: 50px; font-family: 'iconfont' !important; font-size: 18px; color: #666; text-align: center; line-height: 43px; }
.Download .Dlod_1 .dlod_form .input_text.h-1:before { content: '\e611'; }
.Download .Dlod_1 .dlod_form .input_text.h-2:before { content: '\e6ec'; }
.Download .Dlod_1 .dlod_form .input_submit { width: 100%; height: 45px; margin-bottom: 30px; }
.Download .Dlod_1 .dlod_form .input_submit input { width: 100%; height: 100%; border: none; background: #0281cc; font-size: 16px; color: #fff; cursor: pointer; }
.Download .Dlod_1 .dlod_form .input_submit input:hover { background: #357EAD; }
.Download .Dlod_1 .dlod_img { width: calc(100% - 495px); height: 475px; background: no-repeat center; background-size: cover; }
.Download .Dlod_2 { padding: 40px 0 80px; background: #f8f8f8; }
.Download .Dlod_2 .dowm_mian .slick-dots { position: absolute; left: 0; bottom: -36px; z-index: 99; width: 100%; height: 8px; text-align: center; }
.Download .Dlod_2 .dowm_mian .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin: 0 6px; border-radius: 50%; background: #ccc; vertical-align: top; }
.Download .Dlod_2 .dowm_mian .slick-dots li.slick-active { background: #0280CC; }
.Download .Dlod_2 .dowm_mian .slick-dots li button { display: none; }
.Download .Dlod_2 .dowm_mian > button { position: absolute; top: -40px; z-index: 99; margin-top: -32px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.Download .Dlod_2 .dowm_mian > button.slick-prev { right: 60px; }
.Download .Dlod_2 .dowm_mian > button.slick-prev:before { content: '\e610'; }
.Download .Dlod_2 .dowm_mian > button.slick-next { right: 10px; }
.Download .Dlod_2 .dowm_mian > button.slick-next:before { content: '\e614'; }
.Download .Dlod_2 .dowm_mian > button:before { display: inline-block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-family: "iconfont" !important; font-size: 16px; font-weight: bold; color: #666; line-height: 36px; }
.Download .Dlod_2 .dowm_mian > button.slick-disabled { pointer-events: none; }
.Download .Dlod_2 .dowm_mian > button.slick-disabled:before { color: #ccc; }
.Download .Dlod_2 .dowm_mian > button:hover:before { border-color: #0281CC; background: #0281cc; color: #fff; }
.Download .Dlod_2 .swiper-slide { padding: 0 10px; overflow: hidden; }
.Download .Dlod_2 .swiper-slide .li { padding: 30px; background: #fff; }
.Download .Dlod_2 .swiper-slide .li h4 { margin-bottom: 40px; }
.Download .Dlod_2 .swiper-slide .li h4 span { float: left; width: 108px; height: 28px; overflow: hidden; }
.Download .Dlod_2 .swiper-slide .li h4 span img { width: 100%; }
.Download .Dlod_2 .swiper-slide .li h4 em { display: block; position: relative; float: right; padding-left: 30px; font-size: 14px; color: #333; line-height: 28px; }
.Download .Dlod_2 .swiper-slide .li h4 em:before { position: absolute; left: 0; top: 0; width: 1px; height: 100%; content: ''; background: #eaeaea; }
.Download .Dlod_2 .swiper-slide .li p { height: 90px; overflow: hidden; padding-right: 35px; font-size: 20px; color: #333; line-height: 30px; }
.Download .Dlod_2 .swiper-slide .li h5 { margin-bottom: 32px; font-size: 0; }
.Download .Dlod_2 .swiper-slide .li h5 span { display: inline-block; font-size: 12px; color: #666; vertical-align: top; }
.Download .Dlod_2 .swiper-slide .li h6 a { display: block; width: 48%; height: 42px; border-radius: 30px; border: 1px solid #e6e6e6; box-sizing: border-box; font-size: 12px; color: #666; line-height: 40px; text-align: center; }
.Download .Dlod_2 .swiper-slide .li h6 a i { display: inline-block; margin-right: 10px; vertical-align: top; font-size: 16px; color: #0281CC; }
.Download .Dlod_2 .swiper-slide .li h6 a.fl { background: #ffffff; }
.Download .Dlod_2 .swiper-slide .li h6 a.fr { background: #f8f8f8; }
.Download .Dlod_2 .swiper-slide .li h6 a:hover { color: #Fff; }
.Download .Dlod_2 .swiper-slide .li h6 a:hover.fl, .Download .Dlod_2 .swiper-slide .li h6 a:hover.fr { background: #0281CC; }
.Download .Dlod_2 .swiper-slide .li h6 a:hover i { color: #fff; }
.Download .Dlod_3 { padding: 40px 0 80px; }
.Download .Dlod_3 .dowm_mian .slick-dots { position: absolute; left: 0; bottom: -36px; z-index: 99; width: 100%; height: 8px; text-align: center; }
.Download .Dlod_3 .dowm_mian .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin: 0 6px; border-radius: 50%; background: #ccc; vertical-align: top; }
.Download .Dlod_3 .dowm_mian .slick-dots li.slick-active { background: #0280CC; }
.Download .Dlod_3 .dowm_mian .slick-dots li button { display: none; }
.Download .Dlod_3 .dowm_mian > button { position: absolute; top: -40px; z-index: 99; margin-top: -32px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.Download .Dlod_3 .dowm_mian > button.slick-prev { right: 60px; }
.Download .Dlod_3 .dowm_mian > button.slick-prev:before { content: '\e610'; }
.Download .Dlod_3 .dowm_mian > button.slick-next { right: 10px; }
.Download .Dlod_3 .dowm_mian > button.slick-next:before { content: '\e614'; }
.Download .Dlod_3 .dowm_mian > button:before { display: inline-block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-family: "iconfont" !important; font-size: 16px; font-weight: bold; color: #666; line-height: 36px; }
.Download .Dlod_3 .dowm_mian > button.slick-disabled { pointer-events: none; }
.Download .Dlod_3 .dowm_mian > button.slick-disabled:before { color: #ccc; }
.Download .Dlod_3 .dowm_mian > button:hover:before { border-color: #0281CC; background: #0281cc; color: #fff; }
.Download .Dlod_3 .swiper-slide { margin: 0 10px; overflow: hidden; border: 1px solid #eaeaea; }
.Download .Dlod_3 .swiper-slide:hover .dowm_img i { display: block; }
.Download .Dlod_3 .swiper-slide:hover .dowm_img:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); }
.Download .Dlod_3 .swiper-slide:hover .dowm_txt { color: #0281CC; }
.Download .Dlod_3 .swiper-slide .dowm_img { display: block; position: relative; width: 100%; height: 290px; padding: 20px; text-align: center; line-height: 240px; box-sizing: border-box; font-size: 0; }
.Download .Dlod_3 .swiper-slide .dowm_img img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.Download .Dlod_3 .swiper-slide .dowm_img i { display: none; position: absolute; top: 50%; left: 50%; z-index: 2; width: 60px; height: 60px; border-radius: 50%; background: #fff; margin-top: -30px; margin-left: -30px; font-size: 24px; color: #0075B0; text-align: center; line-height: 60px; }
.Download .Dlod_3 .swiper-slide .dowm_txt { height: 54px; padding: 0 10px; background: #fff; font-size: 14px; color: #666; text-align: center; line-height: 54px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Download .Dlod_4 { padding: 40px 0 80px; background: #f8f8f8; }
.Download .Dlod_4 .dowm_form { width: 338px; height: 316px; padding: 40px 30px 0; background: #0281cc; box-sizing: border-box; }
.Download .Dlod_4 .dowm_form h4 { position: relative; margin-bottom: 25px; padding-left: 18px; font-size: 18px; color: #fff; }
.Download .Dlod_4 .dowm_form h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #f0221a; }
.Download .Dlod_4 .dowm_form .select { position: relative; float: left; width: 100%; margin-bottom: 15px; }
.Download .Dlod_4 .dowm_form .select:first-child { margin-left: auto; }
.Download .Dlod_4 .dowm_form .select p { width: 100%; height: 48px; padding: 0 16px; background: #Fff; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 48px; }
.Download .Dlod_4 .dowm_form .select:before { position: absolute; top: 50%; right: 15px; content: '\e60f'; margin-top: -6px; font-family: 'iconfont' !important; font-size: 14px; font-weight: bold; color: #0281CC; }
.Download .Dlod_4 .dowm_form .select select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.Download .Dlod_4 .dowm_form > input { width: 100%; height: 42px; margin-top: 20px; border: none; background: #f0221a; font-size: 16px; color: #fff; }
.Download .Dlod_4 .dowm_box { width: calc(100% - 356px); }
.Download .Dlod_4 .dowm_box > button { position: absolute; top: -40px; z-index: 99; margin-top: -32px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.Download .Dlod_4 .dowm_box > button.slick-prev { right: 60px; }
.Download .Dlod_4 .dowm_box > button.slick-prev:before { content: '\e610'; }
.Download .Dlod_4 .dowm_box > button.slick-next { right: 10px; }
.Download .Dlod_4 .dowm_box > button.slick-next:before { content: '\e614'; }
.Download .Dlod_4 .dowm_box > button:before { display: inline-block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-family: "iconfont" !important; font-size: 16px; font-weight: bold; color: #666; line-height: 36px; }
.Download .Dlod_4 .dowm_box > button.slick-disabled { pointer-events: none; }
.Download .Dlod_4 .dowm_box > button.slick-disabled:before { color: #ccc; }
.Download .Dlod_4 .dowm_box > button:hover:before { border-color: #0281CC; background: #0281cc; color: #fff; }
.Download .Dlod_4 .dowm_box .swiper-slide { padding: 0 10px; box-sizing: border-box; }
.Download .Dlod_4 .dowm_box .swiper-slide > div { position: relative; height: 316px; padding: 30px 40px 0; background: #fff; box-sizing: border-box; text-align: center; }
.Download .Dlod_4 .dowm_box .swiper-slide > div:before { position: absolute; bottom: 0; right: 0; width: 48px; height: 48px; content: ''; background: url(../images/icon_37.png) no-repeat center; }
.Download .Dlod_4 .dowm_box .swiper-slide > div h4 { margin-bottom: 50px; }
.Download .Dlod_4 .dowm_box .swiper-slide > div h4 img { display: inline-block !important; width: 112px; height: 30px; }
.Download .Dlod_4 .dowm_box .swiper-slide > div h5 { font-size: 24px; color: #666; font-weight: 100; text-transform: uppercase; }
.Download .Dlod_4 .dowm_box .swiper-slide > div h6 { position: relative; margin-bottom: 16px; padding: 15px 0; font-size: 20px; color: #333; }
.Download .Dlod_4 .dowm_box .swiper-slide > div h6:before { position: absolute; left: 50%; bottom: 0; width: 98px; height: 1px; content: ''; margin-left: -49px; background: #0281cc; }
.Download .Dlod_4 .dowm_box .swiper-slide > div p { margin-bottom: 20px; font-size: 12px; color: #333; }
.Download .Dlod_4 .dowm_box .swiper-slide > div a { display: block; width: 156px; height: 42px; margin: 0 auto; border-radius: 30px; background: #0281cc; font-size: 14px; color: #fff; line-height: 42px; }
.Download .Dlod_4 .dowm_box .swiper-slide > div a:hover { background: #357EAD; }

.Product { overflow: hidden; }
.Product .Product_tit { position: relative; z-index: 1; width: 100%; height: 80px; font-size: 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); text-align: center; }
.Product .Product_tit > span { display: inline-block; position: relative; padding: 0 20px; font-size: 24px; color: #666; line-height: 80px; vertical-align: top; }
.Product .Product_tit > span.on:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ''; background: #0280CC; }
.Product .product_1 { padding-bottom: 54px; background: #f1f1f1; }
.Product .product_1 .sub_tit { background: #f1f1f1; border-bottom: none; }
.Product .product_1 .prod_aa { float: left; width: 546px; height: 662px; overflow: hidden; }
.Product .product_1 .prod_aa a { display: block; width: 100%; height: 100%; overflow: hidden; background: no-repeat center; background-size: cover; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }
.Product .product_1 .prod_aa a:hover { -webkit-transform: scale(1.02); transform: scale(1.02); }
.Product .product_1 .prod_bb { float: left; width: 546px; height: 662px; overflow: hidden; margin-left: 31px; }
.Product .product_1 .prod_bb a { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }
.Product .product_1 .prod_bb a:hover { -webkit-transform: scale(1.02); transform: scale(1.02); }
.Product .product_1 .prod_cc { position: relative; float: right; width: 546px; height: 662px; margin-left: 31px; }
.Product .product_1 .prod_cc span { position: absolute; left: 0; width: 100%; height: 315px; overflow: hidden; }
.Product .product_1 .prod_cc span.span_1 { top: 0; }
.Product .product_1 .prod_cc span.span_2 { bottom: 0; }
.Product .product_1 .prod_cc a { display: block; position: relative; width: 100%; height: 100%; z-index: 2; background: no-repeat center; background-size: cover; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }
.Product .product_1 .prod_cc a:hover { -webkit-transform: scale(1.02); transform: scale(1.02); }
.Product .product_1 .prod_cc em { position: absolute; bottom: 14px; left: 0; z-index: 2; width: 100%; height: 24px; padding: 0 25px; box-sizing: border-box; font-size: 18px; color: #fff; line-height: 24px; }
.Product .product_1 .prod_cc em i { display: block; position: absolute; top: 0; right: 25px; width: 24px; border-radius: 50%; background: #56514d; font-size: 12px; color: #fff; text-align: center; line-height: 24px; }
.Product .product_2 { padding: 70px 0 90px; background: #f7f7f7; }
.Product .product_2 .prod_tit { text-align: center; }
.Product .product_2 .prod_tit h4 { margin-bottom: 12px; font-size: 34px; color: #bbb; text-transform: uppercase; font-weight: 100; }
.Product .product_2 .prod_tit h5 { margin-bottom: 16px; font-size: 50px; color: #333; font-weight: 100; }
.Product .product_2 .prod_tit h5 em { display: inline-block; position: relative; font-weight: 400; padding-right: 10px; margin-right: 10px; }
.Product .product_2 .prod_tit h5 em:before { position: absolute; top: 50%; right: 0; width: 6px; height: 6px; content: ''; background: #dc140d; border-radius: 50%; }
.Product .product_2 .prod_tit h6 span { display: inline-block; height: 44px; padding: 0 20px; border-radius: 40px; background: #0281cc; font-size: 22px; color: #fff; font-weight: 100; line-height: 44px; }
.Product .product_2 .prod_tit h6 em { margin-right: 10px; font-weight: 400; }
.Product .product_2 .prod_mian { margin-top: 60px; }
.Product .product_2 .prod_mian > div { position: relative; width: 830px; height: 306px; }
.Product .product_2 .prod_mian .pord_txt { position: absolute; top: 0; left: 0; z-index: 2; width: 324px; height: 100%; background: url(../images/icon_57.png) no-repeat center; background-size: 100%; font-size: 0; text-align: center; line-height: 306px; }
.Product .product_2 .prod_mian .pord_txt span { display: inline-block; vertical-align: middle; line-height: 1; text-align: center; }
.Product .product_2 .prod_mian .pord_txt span i { display: block; width: 60px; height: 60px; margin: 0 auto 28px; border-radius: 50%; border: 1px solid #0280CC; font-size: 30px; color: #0280CC; text-align: center; line-height: 60px; }
.Product .product_2 .prod_mian .pord_txt span em { display: block; margin-bottom: 15px; font-size: 24px; color: #666; line-height: 1; font-weight: 100; }
.Product .product_2 .prod_mian .pord_txt span font { display: block; font-size: 16px; color: #999; line-height: 1; font-weight: 100; }
.Product .product_2 .prod_mian .pord_img { position: absolute; top: 0; right: 0; z-index: 1; width: 527px; height: 100%; background: no-repeat center; background-size: cover; }
.Product .product_3 { background: #f7f7f7; padding-bottom: 50px; }
.Product .product_3 .sub_tit { background: #f7f7f7; border-bottom: none; }
.Product .product_3 ul li { position: relative; float: left; width: 842px; height: 584px; margin-bottom: 15px; background: #fff no-repeat center; background-size: cover; }
.Product .product_3 ul li:nth-child(even) { float: right; }
.Product .product_3 ul li.ts:before { position: absolute; top: 0; right: 0; width: 100px; height: 32px; content: '特色产品'; background: #f33a33; font-size: 14px; color: #fff; line-height: 32px; text-align: center; }
.Product .product_3 ul li a { display: block; width: 100%; height: 100%; }
.Product .product_3 ul li.first { text-align: right; }
.Product .product_3 ul li.first .prod_mian { width: 58%; padding-top: 18%; }
.Product .product_3 ul li:hover .prod_mian h4 { color: #0280CC; }
.Product .product_3 ul li:hover .prod_mian h6 em { border-color: #0280CC; color: #fff; background: #0280CC; }
.Product .product_3 .prod_mian { display: inline-block; padding-top: 10%; text-align: center; width: 100%; }
.Product .product_3 .prod_mian h4 { margin-bottom: 20px; font-size: 36px; color: #333; }
.Product .product_3 .prod_mian p { margin-bottom: 50px; font-size: 24px; color: #666; }
.Product .product_3 .prod_mian h6 { text-align: center; }
.Product .product_3 .prod_mian h6 em { display: inline-block; width: 120px; height: 40px; border: 1px solid #c9c9c9; background: #fff; font-size: 14px; color: #666; text-align: center; line-height: 40px; }
.Product .Pr_banner { width: 100%; height: 787px; background: no-repeat center; background-size: cover; }
.Product .Pr_banner .wrap_1400 { padding: 26px 0; }
.Product .Pr_banner .sub_breadCrumb { line-height: 16px; }
.Product .Pr_nav { text-align: center; font-size: 0; border-bottom: 1px solid #eeeeee; }
.Product .Pr_nav a { display: inline-block; position: relative; width: 142px; padding: 28px 0; margin: 0 10px; }
.Product .Pr_nav a i { display: block; width: 38px; height: 38px; margin: 0 auto 18px; border: 1px solid #dcdcdc; border-radius: 50%; background: #fff no-repeat center; box-sizing: border-box; }
.Product .Pr_nav a span { display: block; font-size: 14px; color: #666; }
.Product .Pr_nav a:hover span { color: #0281cc; }
.Product .Pr_nav a.on { background-color: #0281cc; }
.Product .Pr_nav a.on i { border-color: #fff; }
.Product .Pr_nav a.on span { color: #fff; }
.Product .Pr_nav a.on:before { position: absolute; top: 100%; left: 50%; width: 16px; height: 8px; content: ''; margin-left: -8px; background: url(../images/icon_38.png) no-repeat center; background-size: 100%; }
.Product .Pr_tit { width: 100%; height: 60px; border-bottom: 1px solid #eee; line-height: 60px; }
.Product .Pr_tit .pr_fiex { z-index: 99; width: 100%; height: 60px; background: #fff; }
.Product .Pr_tit span.fl { position: relative; padding-left: 20px; font-size: 18px; color: #333; }
.Product .Pr_tit span.fl:before { position: absolute; top: 50%; left: 0; width: 2px; height: 20px; content: ''; margin-top: -10px; background: #0281CC; }
.Product .Pr_tit span.fr { font-size: 0; }
.Product .Pr_tit span.fr em { display: inline-block; position: relative; margin: 0 30px; font-size: 14px; color: #666; vertical-align: top; cursor: pointer; }
.Product .Pr_tit span.fr em:after { position: absolute; top: 50%; left: -23px; width: 2px; height: 16px; content: ''; margin: -8px; background: #d8d8d8; }
.Product .Pr_tit span.fr em:first-child:after { display: none; }
.Product .Pr_tit span.fr em:hover { color: #0281CC; }
.Product .Pr_tit span.fr em.on { color: #0281CC; }
.Product .Pr_tit span.fr em.on:before { position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; content: ''; background: #0281CC; }

.Product .Pr_tit span.fr a { display: inline-block; position: relative; margin: 0 30px; font-size: 14px; color: #666; vertical-align: top; cursor: pointer; }
.Product .Pr_tit span.fr a:after { position: absolute; top: 50%; left: -23px; width: 2px; height: 16px; content: ''; margin: -8px; background: #d8d8d8; }
.Product .Pr_tit span.fr a:first-child:after { display: none; }
.Product .Pr_tit span.fr a:hover { color: #0281CC; }
.Product .Pr_tit span.fr a.on { color: #0281CC; }
.Product .Pr_tit span.fr a.on:before { position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; content: ''; background: #0281CC; }


.Product .Pr_mm { width: 100%; background: no-repeat center; background-size: cover; }
.Product .Pr_mm.prmm_1 { height: 775px; }
.Product .Pr_mm.prmm_1 .pr_mian { padding-top: 200px; }
.Product .Pr_mm.prmm_1 .pr_mian h4 { color: #fffcfc; font-size: 60px; font-weight: 100; text-align: center; }
.Product .Pr_mm.prmm_2 { height: 810px; font-size: 0; line-height: 810px; }
.Product .Pr_mm.prmm_2 .pr_mian { display: inline-block; width: 496px; line-height: 1; vertical-align: middle; }
.Product .Pr_mm.prmm_2 .pr_mian h4 { margin-bottom: 24px; font-size: 48px; color: #000; font-weight: 100; line-height: 60px; }
.Product .Pr_mm.prmm_2 .pr_mian p { margin-bottom: 60px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_mm.prmm_2 .pr_mian h6 span { display: block; width: 180px; height: 180px; border-radius: 50%; background: no-repeat center; background-size: cover; }
.Product .Pr_mm.prmm_3 { height: 810px; font-size: 0; line-height: 810px; text-align: right; }
.Product .Pr_mm.prmm_3 .pr_mian { display: inline-block; width: 496px; line-height: 1; text-align: left; vertical-align: middle; }
.Product .Pr_mm.prmm_3 .pr_mian h4 { margin-bottom: 24px; font-size: 48px; color: #fff; font-weight: 100; line-height: 60px; }
.Product .Pr_mm.prmm_3 .pr_mian p { margin-bottom: 60px; font-size: 16px; color: #fff; line-height: 24px; }
.Product .Pr_mm.prmm_3 .pr_mian h6 span { display: inline-block; }
.Product .Pr_mm.prmm_3 .pr_mian h6 span i { display: block; width: 77px; height: 77px; margin: 0 auto 10px; background: no-repeat center; background-size: 100%; }
.Product .Pr_mm.prmm_3 .pr_mian h6 span em { display: block; font-size: 14px; color: #fff; line-height: 24px; text-align: center; }
.Product .Pr_mm.prmm_4 { height: 810px; font-size: 0; line-height: 810px; }
.Product .Pr_mm.prmm_4 .pr_mian { display: inline-block; width: 630px; line-height: 1; vertical-align: middle; }
.Product .Pr_mm.prmm_4 .pr_mian h4 { margin-bottom: 24px; font-size: 48px; color: #000; font-weight: 100; line-height: 60px; }
.Product .Pr_mm.prmm_4 .pr_mian p { margin-bottom: 60px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_mm.prmm_4 .pr_mian h6 span { display: inline-block; }
.Product .Pr_mm.prmm_4 .pr_mian h6 span i { display: block; width: 77px; height: 77px; margin: 0 auto 10px; background: no-repeat center; background-size: 100%; }
.Product .Pr_mm.prmm_4 .pr_mian h6 span em { display: block; font-size: 14px; color: #666; line-height: 24px; text-align: center; }
.Product .Pr_dd { width: 100%; height: 810px; background: no-repeat center; background-size: cover; font-size: 0; line-height: 810px; }
.Product .Pr_dd .pr_mian { display: inline-block; width: 600px; text-align: center; line-height: 1; vertical-align: middle; }
.Product .Pr_dd .pr_mian h4 { margin-bottom: 30px; font-size: 48px; color: #000; }
.Product .Pr_dd .pr_mian h4 span { margin: 0 15px; color: #0281cc; }
.Product .Pr_dd .pr_mian p { margin-bottom: 40px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_dd .pr_mian h6 span { display: inline-block; margin: 0 15px; }
.Product .Pr_dd .pr_mian h6 i { display: block; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px; background: no-repeat center; background-size: 100%; }
.Product .Pr_dd .pr_mian h6 em { font-size: 14px; color: #666; }
.Product .Pr_dd .pr_mian h5 { margin-bottom: 50px; }
.Product .Pr_dd .pr_mian h5 i { display: block; width: 228px; height: 228px; margin: 0 auto; border-radius: 50%; background: no-repeat center; background-size: cover; }
.Product .Pr_dd .pr_mian.cfff h4, .Product .Pr_dd .pr_mian.cfff p { color: #fff; }
.Product .Pr_dd .pr_mian.cfff h6 em { color: #bbb; }
.Product .Pr_dd.prdd_1 { text-align: right; }
.Product .Pr_dd.prdd_2 { text-align: left; }
.Product .Pr_dd.prdd_2 .pr_mian { width: 450px; }
.Product .Pr_dd.prdd_3 { text-align: right; }
.Product .Pr_dd.prdd_3 .pr_mian { width: 450px; }
.Product .Pr_dd.prdd_4 { text-align: left; }
.Product .Pr_dd.prdd_5 { text-align: right; }
.Product .Pr_tt { position: relative; width: 100%; background: no-repeat center; background-size: cover; font-size: 0; }
.Product .Pr_tt.pttt_1 { height: 770px; text-align: center; }
.Product .Pr_tt.pttt_1 .pr_mian { padding-top: 190px; }
.Product .Pr_tt.pttt_1 .pr_mian h4 { position: relative; margin-bottom: 30px; padding: 30px 0; font-size: 48px; color: #333; font-weight: 100; }
.Product .Pr_tt.pttt_1 .pr_mian h4:before { position: absolute; bottom: 0; left: 50%; width: 34px; height: 2px; content: ''; margin-left: -17px; background: #0075B0; }
.Product .Pr_tt.pttt_1 .pr_mian p { font-size: 16px; color: #333; line-height: 36px; }
.Product .Pr_tt.pttt_1 .ii { display: block; position: absolute; bottom: 48px; left: 50%; margin-left: -28px; cursor: pointer; }
.Product .Pr_tt.pttt_1 .ii i { display: block; width: 56px; height: 56px; margin-bottom: 20px; background: #0281CC; border-radius: 50%; font-size: 20px; color: #fff; text-align: center; line-height: 56px; }
.Product .Pr_tt.pttt_1 .ii em { display: block; font-size: 14px; color: #fff; }
.Product .Pr_tt.pttt_1 .ii:hover em { color: #0281CC; }
.Product .Pr_tt.pttt_2 { height: 808px; text-align: center; }
.Product .Pr_tt.pttt_2 .wrap_1400 { position: relative; }
.Product .Pr_tt.pttt_2 .pr_mian { position: absolute; right: 0; top: 240px; width: 490px; }
.Product .Pr_tt.pttt_2 .pr_mian h4 { position: relative; margin-bottom: 30px; font-size: 48px; color: #333; font-weight: 100; }
.Product .Pr_tt.pttt_2 .pr_mian h4 span { color: #0281CC; }
.Product .Pr_tt.pttt_2 .pr_mian p { font-size: 16px; color: #333; line-height: 36px; }
.Product .Pr_tt.pttt_3 { width: 100%; height: 810px; }
.Product .Pr_tt.pttt_3 > div { position: relative; width: 50%; height: 100%; background: no-repeat center; background-size: cover; }
.Product .Pr_tt.pttt_3 > div .pr_mian { position: absolute; text-align: center; }
.Product .Pr_tt.pttt_3 > div .pr_mian h4 { position: relative; margin-bottom: 30px; font-size: 48px; color: #333; font-weight: 100; }
.Product .Pr_tt.pttt_3 > div .pr_mian h4 span { color: #0281CC; }
.Product .Pr_tt.pttt_3 > div .pr_mian p { font-size: 16px; color: #333; line-height: 24px; }
.Product .Pr_tt.pttt_3 > div.fl .pr_mian { top: 130px; left: 50%; width: 490px; margin-left: -245px; }
.Product .Pr_tt.pttt_3 > div.fr .pr_mian { top: 250px; right: 80px; width: 400px; }
.Product .Pr_xx { width: 100%; height: 810px; background: no-repeat center; background-size: cover; font-size: 0; line-height: 810px; }
.Product .Pr_xx .prx_mian { display: inline-block; line-height: 1; text-align: center; vertical-align: middle; }
.Product .Pr_xx .prx_mian h3 { position: relative; padding-right: 40px; font-size: 60px; color: #333; }
.Product .Pr_xx .prx_mian h3 i { display: block; position: absolute; right: 0; top: -40px; width: 33px; height: 40px; background: url(../images/icon_49.png) no-repeat center; background-size: 100%; line-height: 1; }
.Product .Pr_xx .prx_mian h4 { margin-bottom: 30px; font-size: 48px; color: #000; }
.Product .Pr_xx .prx_mian h4 span { margin: 0 15px; color: #0281cc; }
.Product .Pr_xx .prx_mian h4 em { display: inline-block; position: relative; }
.Product .Pr_xx .prx_mian h4 em i { display: block; position: absolute; right: -33px; top: -40px; width: 33px; height: 40px; background: url(../images/icon_49.png) no-repeat center; background-size: 100%; line-height: 1; }
.Product .Pr_xx .prx_mian p { margin-bottom: 40px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_xx .prx_mian h6 span { display: inline-block; margin: 0 15px; }
.Product .Pr_xx .prx_mian h6 i { display: block; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px; background: no-repeat center; background-size: 100%; }
.Product .Pr_xx .prx_mian h6 em { font-size: 14px; color: #666; }
.Product .Pr_xx .prx_mian h5 { margin-bottom: 50px; }
.Product .Pr_xx .prx_mian h5 i { display: block; width: 280px; height: 280px; margin: 0 auto; background: no-repeat center; background-size: cover; }
.Product .Pr_xx.prx_1 { text-align: right; }
.Product .Pr_xx.prx_3 { height: 882px; text-align: right; line-height: 882px; }
.Product .Pr_xx.prx_3 .prx_mian { width: 500px; padding-right: 80px; }
.Product .Pr_xx.prx_3 .prx_mian h6 i { width: 196px; height: 196px; }
.Product .Pr_xx.prx_4 .prx_mian { width: 410px; }
.Product .Pr_xd { width: 100%; height: 810px; background: no-repeat center; background-size: cover; font-size: 0; line-height: 810px; }
.Product .Pr_xd .prxd_mian { display: inline-block; line-height: 1; vertical-align: middle; }
.Product .Pr_xd.prxd_1 { text-align: right; }
.Product .Pr_xd.prxd_1 .prxd_mian { width: 800px; text-align: center; }
.Product .Pr_xd.prxd_1 .prxd_mian > h4 { margin-bottom: 38px; font-size: 68px; color: #a1410f; }
.Product .Pr_xd.prxd_1 .prxd_mian > h4 em{color: #e2b46c;}
.Product .Pr_xd.prxd_1 .prxd_mian > h6 { width: 100%; height: 43px; margin-bottom: 54px; background: url(../images/icon_53.png) no-repeat center; background-size: 100%; font-size: 24px; color: #fff; line-height: 43px; }
.Product .Pr_xd.prxd_1 .prxd_mian > ul { text-align: center; font-size: 0; }
.Product .Pr_xd.prxd_1 .prxd_mian > ul li { display: inline-block; width: 33.33%; padding: 0 20px; box-sizing: border-box; vertical-align: top; }
.Product .Pr_xd.prxd_1 .prxd_mian > ul li img { max-width: 100%; }
.Product .Pr_xd.prxd_1 .prxd_mian > ul li i { display: block; width: 150px; height: 150px; overflow: hidden; margin: 0 auto; }
.Product .Pr_xd.prxd_1 .prxd_mian > ul li em { display: block; width: 115px; /*height: 20px;*/ overflow: hidden; margin: 20px auto; }/*10.23*/
.Product .Pr_xd.prxd_1 .prxd_mian > ul li span { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_xd.prxd_2 { text-align: left; }
.Product .Pr_xd.prxd_2 .prxd_mian { width: 600px; text-align: center; }
.Product .Pr_xd.prxd_2 .prxd_mian > h4 { margin-bottom: 20px; font-size: 68px; color: #333; }
.Product .Pr_xd.prxd_2 .prxd_mian > h4 span { color: #c30f0f; }
.Product .Pr_xd.prxd_2 .prxd_mian > h6 { width: 100%; height: 48px; margin-bottom: 60px; background: url(../images/icon_54.png) no-repeat center; background-size: 100%; font-size: 24px; color: #fff; line-height: 48px; }
.Product .Pr_xd.prxd_2 .prxd_mian > h5 { margin-bottom: 42px; }
.Product .Pr_xd.prxd_2 .prxd_mian > h5 span { display: inline-block; width: 220px; height: 220px; margin: 0 30px; }
.Product .Pr_xd.prxd_2 .prxd_mian > h5 img { width: 100%; }
.Product .Pr_xd.prxd_2 .prxd_mian > p { font-size: 16px; color: #7b7b7b; line-height: 24px; text-align: center; }
.Product .Pr_xd.prxd_3 { text-align: right; }
.Product .Pr_xd.prxd_1 .prxd_mian { width: 700px;}/*10.23*/
.Product .Pr_xd.prxd_3 .prxd_mian { width: 790px; text-align: center; }
.Product .Pr_xd.prxd_3 .prxd_mian > h4 { margin-bottom: 25px; font-size: 68px; color: #e2b46c; }
.Product .Pr_xd.prxd_3 .prxd_mian > h4 span { color: #a1410f; }
.Product .Pr_xd.prxd_3 .prxd_mian > h6 { width: 100%; height: 48px; margin-bottom: 25px; background: url(../images/icon_55.png) no-repeat center; background-size: 100%; font-size: 24px; color: #fff; line-height: 48px; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul { margin-left: -4%; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li { display: inline-block; width: 46%; margin-top: 45px; margin-left: 4%; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li > div.fl { width: 90px; height: 90px; overflow: hidden; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li > div.fl img { width: 100%; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li > div.fr { width: 250px; padding: 10px 0; box-sizing: border-box; text-align: left; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li > div.fr span { display: block; margin-bottom: 4px; font-size: 18px; color: #e2b46c; font-weight: bold; line-height: 1; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li > div.fr span i { display: inline-block; width: 22px; height: 18px; margin-right: 10px; background: url(../images/icon_56.png) no-repeat center; background-size: 100%; vertical-align: top; }
.Product .Pr_xd.prxd_3 .prxd_mian > ul li > div.fr em { display: block; max-height: 48px; overflow: hidden; font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_xd.prxd_4 { text-align: right; }
.Product .Pr_xd.prxd_4 .prxd_mian { width: 1000px; text-align: center; }
.Product .Pr_xd.prxd_4 .prxd_mian > h4 { margin-bottom: 100px; font-size: 72px; color: #000; }
.Product .Pr_xd.prxd_4 .prxd_mian > h6 { margin-top: 80px; text-align: right; }
.Product .Pr_xd.prxd_4 .prxd_mian > h6 > a { display: inline-block; width: 150px; height: 40px; background: #fff; border-radius: 30px; font-size: 14px; color: #000; text-align: center; line-height: 40px; cursor: pointer; }
.Product .Pr_xd.prxd_4 .prxd_mian > h6 > a i { display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url(../images/icon_48.png) no-repeat center; background-size: 100%; vertical-align: middle; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li { display: inline-block; position: relative; width: 33.33%; padding: 0 50px; box-sizing: border-box; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li i { display: block; width: 180px; height: 180px; margin: 0 auto; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li i img { width: 100%; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li em { display: block; margin: 30px 0 20px; font-size: 18px; color: #0281cc; font-weight: bold; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li span { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li:before { position: absolute; left: 0; top: 50%; width: 1px; height: 278px; content: ''; margin-top: -139px; background: #ddd; }
.Product .Pr_xd.prxd_4 .prxd_mian > ul li:first-child:before { display: none; }
.Product .Pr_pp { width: 100%; height: 810px; background: no-repeat center; background-size: cover; font-size: 0; line-height: 810px; }
.Product .Pr_pp .pr_mian { display: inline-block; line-height: 1; vertical-align: middle; text-align: center; }
.Product .Pr_pp .pr_mian h4 { margin-bottom: 24px; font-size: 48px; color: #333; }
.Product .Pr_pp .pr_mian h4 span { color: #0281cc; }
.Product .Pr_pp .pr_mian p { margin-bottom: 36px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_pp.prpr_1 .pr_mian { width: 460px; }
.Product .Pr_pp.prpr_1 .pr_mian h4 { color: #fff; }
.Product .Pr_pp.prpr_1 .pr_mian p { color: #bbb; }
.Product .Pr_pp.prpr_1 .pr_mian h6 > span { display: inline-block; width: 140px; height: 140px; margin: 0 20px; border: 2px solid #0280CC; border-radius: 50%; line-height: 140px; text-align: center; vertical-align: top; }
.Product .Pr_pp.prpr_1 .pr_mian h6 > span em { display: inline-block; vertical-align: middle; line-height: 1; }
.Product .Pr_pp.prpr_1 .pr_mian h6 > span em b { display: block; margin-bottom: 6px; font-size: 24px; color: #fff; }
.Product .Pr_pp.prpr_1 .pr_mian h6 > span em i { display: block; font-size: 14px; color: #fff; }
.Product .Pr_pp.prpr_1 .pr_mian h6 > i { display: inline-block; width: 140px; height: 140px; margin: 0 20px; background: no-repeat center; background-size: cover; vertical-align: top; }
.Product .Pr_pp.prpr_2 { text-align: right; }
.Product .Pr_pp.prpr_2 .pr_mian h6 { text-align: center; }
.Product .Pr_pp.prpr_2 .pr_mian h6 span { display: inline-block; }
.Product .Pr_pp.prpr_2 .pr_mian h6 i { display: block; width: 80px; height: 80px; margin: 0 auto 20px; background: no-repeat center; background-size: cover; }
.Product .Pr_pp.prpr_2 .pr_mian h6 em { display: block; font-size: 14px; color: #666; }
.Product .Pr_pp.prpr_3 .pr_mian { width: 500px; }
.Product .Pr_pp.prpr_3 .pr_mian h6 span { display: inline-block; margin: 0 20px; }
.Product .Pr_pp.prpr_3 .pr_mian h6 i { display: block; width: 168px; height: 168px; margin: 0 auto 24px; background: no-repeat center; background-size: cover; }
.Product .Pr_pp.prpr_3 .pr_mian h6 em { display: inline-block; position: relative; font-size: 18px; color: #666; }
.Product .Pr_pp.prpr_3 .pr_mian h6 em:before { position: absolute; top: 50%; left: -15px; width: 8px; height: 8px; content: ''; margin-top: -4px; background: #0280CC; }
.Product .Pr_pp.prpr_3 .pr_mian h6 em.fb { color: #0280CC; font-weight: bold; }
.Product .Pr_pp.prpr_4 { text-align: right; }
.Product .Pr_pp.prpr_4 .pr_mian { width: 460px; }
.Product .Pr_pp.prpr_4 .pr_mian h6 span { display: inline-block; margin: 0 20px; }
.Product .Pr_pp.prpr_4 .pr_mian h6 i { display: block; width: 168px; height: 168px; margin: 0 auto 24px; background: no-repeat center; background-size: cover; }
.Product .Pr_pp.prpr_5 { text-align: center; }
.Product .Pr_pp.prpr_5 .pr_mian { width: 100%; }
.Product .Pr_pp.prpr_5 .pr_mian ul { padding: 20px 0 130px; text-align: center; }
.Product .Pr_pp.prpr_5 .pr_mian ul li { display: inline-block; width: 248px; height: 248px; margin: 0 40px; border: 15px solid #fff; border-radius: 50%; background: no-repeat center; background-size: cover; line-height: 248px; }
.Product .Pr_pp.prpr_5 .pr_mian ul li em { display: inline-block; font-size: 36px; color: #fff; }
.Product .Pr_gg { width: 100%; height: 810px; background: no-repeat center; background-size: cover; font-size: 0; }
.Product .Pr_gg.ptgg_1 { height: 770px; line-height: 770px; }
.Product .Pr_gg.ptgg_1 .pr_mian { display: inline-block; width: 100%; padding-bottom: 100px; text-align: center; line-height: 1; vertical-align: middle; }
.Product .Pr_gg.ptgg_1 .pr_mian h4 { position: relative; margin-bottom: 20px; padding: 30px 0; font-size: 48px; color: #333; font-weight: 100; }
.Product .Pr_gg.ptgg_1 .pr_mian h4:before { position: absolute; bottom: 0; left: 50%; width: 34px; height: 2px; content: ''; margin-left: -17px; background: #0280CC; }
.Product .Pr_gg.ptgg_1 .pr_mian p { font-size: 16px; color: #333; line-height: 24px; }
.Product .Pr_gg.ptgg_2 .pr_mian { position: relative; width: 100%; height: 810px; }
.Product .Pr_gg.ptgg_2 .pr_mian h4 { padding-top: 100px; font-size: 48px; color: #000; font-weight: 100; text-align: center; }
.Product .Pr_gg.ptgg_2 .pr_mian h4 em { color: #0281cc; }
.Product .Pr_gg.ptgg_2 .pr_mian h4 span { margin-left: 20px; font-size: 38px; color: #97969a; text-transform: uppercase; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa { position: absolute; width: 240px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa span { position: relative; display: block; margin-bottom: 10px; font-size: 18px; color: #0281cc; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa span:before { position: absolute; top: 50%; width: 15px; height: 14px; content: ''; margin-top: -7px; background: url(../images/icon_59.png) no-repeat center; background-size: 100%; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa span:after { position: absolute; background: no-repeat center; background-size: 100%; content: ''; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa em { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa i { display: inline-block; width: 190px; height: 190px; border-radius: 50%; border: 3px solid #0280CC; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a1 { top: 200px; left: -70px; text-align: right; padding-right: 36px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a1 span:before { right: -30px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a1 span:after { top: 10px; left: 280px; width: 299px; height: 148px; background-image: url(../images/icon_60.png); }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a1 i { margin-top: 50px; margin-right: -36px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a2 { top: 300px; right: 0; width: 260px; padding-left: 36px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a2 span:before { left: -30px; }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a2 span:after { top: -110px; right: 290px; width: 219px; height: 118px; background-image: url(../images/icon_61.png); }
.Product .Pr_gg.ptgg_2 .pr_mian .aa.a2 i { margin-bottom: 50px; margin-left: -36px; }
.Product .Pr_gg.ptgg_3 { line-height: 810px; }
.Product .Pr_gg.ptgg_3 .pr_mian { display: inline-block; width: 520px; line-height: 1; vertical-align: middle; text-align: center; }
.Product .Pr_gg.ptgg_3 .pr_mian h4 { margin-bottom: 24px; font-size: 48px; color: #333; }
.Product .Pr_gg.ptgg_3 .pr_mian h4 span { color: #0281cc; }
.Product .Pr_gg.ptgg_3 .pr_mian p { margin-bottom: 36px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_gg.ptgg_3 .pr_mian h6 { text-align: center; }
.Product .Pr_gg.ptgg_3 .pr_mian h6 span { display: inline-block; }
.Product .Pr_gg.ptgg_3 .pr_mian h6 i { display: block; width: 80px; height: 80px; margin: 0 auto 20px; background: no-repeat center; background-size: cover; }
.Product .Pr_gg.ptgg_3 .pr_mian h6 em { display: block; font-size: 14px; color: #666; }
.Product .Pr_gg.ptgg_4 { line-height: 810px; text-align: right; }
.Product .Pr_gg.ptgg_4 .pr_mian { display: inline-block; width: 420px; line-height: 1; vertical-align: middle; text-align: left; }
.Product .Pr_gg.ptgg_4 .pr_mian h4 { margin-bottom: 24px; font-size: 48px; color: #333; }
.Product .Pr_gg.ptgg_4 .pr_mian h4 span { color: #0281cc; }
.Product .Pr_gg.ptgg_4 .pr_mian p { margin-bottom: 36px; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_gg.ptgg_4 .pr_mian h6 span { display: inline-block; }
.Product .Pr_gg.ptgg_4 .pr_mian h6 i { display: block; position: relative; width: 233px; height: 233px; margin-bottom: 20px; border-radius: 50%; background: no-repeat center; background-size: cover; }
.Product .Pr_gg.ptgg_4 .pr_mian h6 i:before { position: absolute; top: 50%; right: 70%; width: 90%; height: 2px; content: ''; background: #999; }
.Product .Pr_gg.ptgg_4 .pr_mian h6 i:after { position: absolute; top: 50%; right: 372px; width: 8px; height: 8px; content: ''; border-radius: 50%; margin-top: -3px; background: #999; }
.Product .Pr_gg.ptgg_4 .pr_mian h6 em { display: block; font-size: 16px; color: #666; text-align: center; }
.Product .Pr_gg.ptgg_4 .pr_mian h6 em font { color: #0280CC; }
.Product .Pr_ts { width: 100%; height: 700px; background: no-repeat center; background-size: cover; }
.Product .Pr_ts.prts_1 { height: 600px; }
.Product .Pr_ts.prts_3 { height: auto; padding: 80px 0; }
.Product .Pr_ts.prts_3 .prts_mian { padding-top: 0; }
.Product .Pr_ts .prts_mian { padding-top: 60px; text-align: center; }
.Product .Pr_ts .prts_mian h4 { margin-bottom: 24px; font-size: 50px; color: #333; font-weight: 100; }
.Product .Pr_ts .prts_mian h4 span { color: #0281cc; }
.Product .Pr_ts .prts_mian h6 { position: relative; padding: 20px 0; font-size: 42px; color: #0281cc; }
.Product .Pr_ts .prts_mian h6:before { position: absolute; top: 0; left: 50%; width: 417px; height: 2px; content: ''; margin-left: -208px; background: url(../images/icon_65.png) no-repeat center; background-size: 100%; }
.Product .Pr_ts .prts_ul { padding-top: 40px; }
.Product .Pr_ts .prts_ul ul { margin-right: -43px; }
.Product .Pr_ts .prts_ul ul li { float: left; width: 438px; margin-right: 43px; }
.Product .Pr_ts .prts_ul .pts_img { width: 100%; height: 256px; background: no-repeat center; background-size: cover; }
.Product .Pr_ts .prts_ul .pts_txt { padding: 25px; }
.Product .Pr_ts .prts_ul .pts_txt h4 { margin-bottom: 15px; font-size: 28px; color: #0281cc; line-height: 42px; text-align: center; }
.Product .Pr_ts .prts_ul .pts_txt h4 i { display: inline-block; width: 42px; height: 42px; margin-right: 20px; background: no-repeat center; background-size: cover; vertical-align: top; }
.Product .Pr_ts .prts_ul .pts_txt p { text-align: center; font-size: 16px; color: #666; line-height: 24px; }
.Product .Pr_bb .prb_tit { padding: 45px 0; }
.Product .Pr_bb .prb_tit span { display: block; position: relative; padding-left: 24px; margin: 6px 0; font-size: 36px; font-weight: 100; color: #333; }
.Product .Pr_bb .prb_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0280CC; }
.Product .Pr_bb .prb_tit ul { font-size: 0; }
.Product .Pr_bb .prb_tit ul li { display: inline-block; width: 330px; height: 50px; margin-left: 20px; background: #f7f7f7; font-size: 18px; color: #333; font-weight: 100; text-align: center; line-height: 50px; vertical-align: top; cursor: pointer; }
.Product .Pr_bb .prb_tit ul li.on { color: #fff; background: #0281cc; }
.Product .Pr_bb .prb_tit ul li.on:hover { color: #fff; }
.Product .Pr_bb .prb_tit ul li:hover { color: #0281cc; }
.Product .Pr_bb.prbb_1 { width: 100%; height: 634px; background: no-repeat center; background-size: cover; }
.Product .Pr_bb.prbb_1 .prb_mian { width: 520px; padding: 0 20px; padding-top: 55px; box-sizing: border-box; text-align: center; }
.Product .Pr_bb.prbb_1 .prb_mian h4 { position: relative; margin-bottom: 20px; padding-bottom: 30px; font-size: 46px; color: #0281cc; font-weight: 100; }
.Product .Pr_bb.prbb_1 .prb_mian h4:before { position: absolute; bottom: 0; left: 50%; width: 34px; height: 2px; content: ''; margin-left: -17px; background: #0280CC; }
.Product .Pr_bb.prbb_1 .prb_mian h5 { margin-bottom: 15px; font-size: 36px; color: #c0d5df; font-weight: 100; text-transform: uppercase; }
.Product .Pr_bb.prbb_1 .prb_mian p { font-size: 14px; color: #666; line-height: 30px; }
.Product .Pr_bb.prbb_2 .prb_mian table { width: 100%; border: 1px solid #fff; }
.Product .Pr_bb.prbb_2 .prb_mian table tr { background: #e8f4fb; }
.Product .Pr_bb.prbb_2 .prb_mian table tr:nth-child(even) { background: #f5fbff; }
.Product .Pr_bb.prbb_2 .prb_mian table td { padding: 12px 0; box-sizing: border-box; font-size: 14px; color: #333; line-height: 24px; }
.Product .Pr_bb.prbb_2 .prb_mian table td.a1 { width: 236px; border-right: 1px solid #fff; text-align: center; }
.Product .Pr_bb.prbb_2 .prb_mian table td.a2 { width: calc(100% - 236px); padding: 0 30px; }
.Product .Pr_bb.prbb_3 .prb_mian ul li { float: left; width: 680px; height: 318px; margin-bottom: 40px; border: 2px solid #e8f4fb; background: no-repeat center; background-size: cover; font-size: 0; line-height: 318px; }
.Product .Pr_bb.prbb_3 .prb_mian ul li:nth-child(even) { float: right; }
.Product .Pr_bb.prbb_3 .prb_mian ul li:nth-child(1), .Product .Pr_bb.prbb_3 .prb_mian ul li:nth-child(4) { border-radius: 20px 0 20px 0; }
.Product .Pr_bb.prbb_3 .prb_mian ul li:nth-child(2), .Product .Pr_bb.prbb_3 .prb_mian ul li:nth-child(3) { border-radius: 0 20px 0 20px; }
.Product .Pr_bb.prbb_3 .prb_mian .prb_txt { display: inline-block; padding: 0 60px; vertical-align: middle; }
.Product .Pr_bb.prbb_3 .prb_mian .prb_txt span { display: block; margin-bottom: 20px; font-size: 36px; color: #0281cc; line-height: 48px; font-weight: 100; }
.Product .Pr_bb.prbb_3 .prb_mian .prb_txt em { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_bb.prbb_3 .prb_img { width: 100%; height: 732px; background: no-repeat center; background-size: cover; }
.Product .Pr_bb.prbb_4 { background: #f7f7f7; padding-bottom: 60px; }
.Product .Pr_bb.prbb_4 .prb_mian { width: 100%; padding: 50px 40px; background: #fff no-repeat 80% bottom; }
.Product .Pr_bb.prbb_4 .prb_mian span { display: block; font-size: 14px; color: #333; line-height: 36px; }
.Product .Pr_bb.prbb_5 { padding-bottom: 50px; }
.Product .Pr_bb.prbb_5 .prb_mian { border: 1px solid #eee; }
.Product .Pr_bb.prbb_5 .prb_box { display: none; }
.Product .Pr_bb.prbb_5 .prb_box img { width: 100%; }
.Product .Pr_bb.prbb_6 { padding-bottom: 50px; }
.Product .Pr_bb.prbb_6 .prb_mian h4 { margin-bottom: 20px; font-size: 16px; color: #0281cc; }
.Product .Pr_bb.prbb_6 .prb_mian p { font-size: 14px; color: #666; line-height: 28px; }
.Product .Pr_bb.prbb_6 .prb_mian img { width: 100%; }
.Product .Pr_bojo .bojo_nav { width: 100%; height: 64px; background: #fff; }
.Product .Pr_bojo .bojo_nav > div { z-index: 9; width: 100%; height: 64px; background: #fff; box-shadow: 0 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.1); }
.Product .Pr_bojo .bojo_nav ul { font-size: 0; text-align: center; }
.Product .Pr_bojo .bojo_nav ul li { display: inline-block; position: relative; margin: 0 10px; vertical-align: top; }
.Product .Pr_bojo .bojo_nav ul li a { display: block; width: 150px; height: 64; font-size: 14px; color: #666666; line-height: 64px; }
.Product .Pr_bojo .bojo_nav ul li:hover a, .Product .Pr_bojo .bojo_nav ul li.on a { background: #0281cc; color: #fff; }
.Product .Pr_bojo .bojo_nav ul li.on:before { position: absolute; top: 100%; left: 50%; width: 16px; height: 8px; content: ''; margin-left: -8px; background: url(../images/icon_38.png) no-repeat center; background-size: cover; }
.Product .Pr_bojo .bojo_tit { padding: 0 12px; margin-bottom: 50px; line-height: 36px; }
.Product .Pr_bojo .bojo_tit > span.fl { display: block; position: relative; padding-left: 25px; font-size: 36px; color: #333; }
.Product .Pr_bojo .bojo_tit > span.fl:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0280CC; }
.Product .Pr_bojo .bojo_tit .bojo_button { float: right; font-size: 0; }
.Product .Pr_bojo .bojo_tit .bojo_button i { display: inline-block; width: 32px; height: 32px; margin: 0 5px; border: 1px solid #ddd; border-radius: 50%; font-size: 12px; font-weight: bold; color: #0280CC; text-align: center; line-height: 32px; vertical-align: top; cursor: pointer; }
.Product .Pr_bojo .bojo_tit .bojo_button i:hover { background: #0280CC; border-color: #0280cc; color: #fff; }
.Product .Pr_bojo .bojo_tit .bojo_button em { display: inline-block; margin: 0 10px; font-size: 14px; color: #666; line-height: 34px; vertical-align: top; }
.Product .Pr_bojo .bojo_1 { padding: 70px 0; background: #f7f7f7; }
.Product .Pr_bojo .bojo_1:nth-child(2n+1){background-color: #fff;}
.Product .Pr_bojo .bojo_1:nth-child(2n+1) .bo_img{border: 1px solid #f0f0f0;border-bottom: none;box-sizing: border-box;}
.Product .Pr_bojo .bojo_1:nth-child(2n+1) .bo_txt{border: 1px solid #f0f0f0;box-sizing: border-box;}
.Product .Pr_bojo .bojo_1:nth-child(2n+1) .swiper-slide:hover .bo_txt{border-top-color: #0281CC;}
.Product .Pr_bojo .bojo_1 .bojo_mian { height: 458px; overflow: hidden; }
.Product .Pr_bojo .bojo_1 .swiper-slide { padding: 0 12px; box-sizing: border-box; }
.Product .Pr_bojo .bojo_1 .swiper-slide:hover .bo_img > a { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.Product .Pr_bojo .bojo_1 .swiper-slide:hover .bo_img > a:after { position: absolute; top: 50%; left: 50%; z-index: 2; width: 56px; height: 56px; content: ''; margin-top: -28px; margin-left: -28px; background: url(../images/icon_64.png) no-repeat center; background-size: cover; -webkit-animation: fade-in 2s forwards; animation: fade-in 2s forwards; }
.Product .Pr_bojo .bojo_1 .swiper-slide:hover .bo_txt { background: #0281CC;}
.Product .Pr_bojo .bojo_1 .swiper-slide:hover .bo_txt a { color: #fff; }
.Product .Pr_bojo .bojo_1 .bo_img {position: relative;overflow: hidden;width: 100%;height: calc(100% - 64px);background: no-repeat center;background-size: cover;}
.Product .Pr_bojo .bojo_1 .bo_txt {width: 100%;height: 64px;background: #fff;line-height: 64px;}
.Product .Pr_bojo .bojo_1 .bo_txt a { display: block; font-size: 16px; color: #666; text-align: center; }
/* .Product .Pr_bojo .bojo_2 { padding: 70px 0; background: #fff; }
.Product .Pr_bojo .bojo_2 .bojo_mian { width: 100%; height: 456px; overflow: hidden; }
.Product .Pr_bojo .bojo_2 .bojo_mian .swiper-slide { height: 100%; box-sizing: border-box; padding: 0 12px; }
.Product .Pr_bojo .bojo_2 .bojo_mian .swiper-slide > div { height: 100%; padding: 50px; border: 1px solid #f0f0f0; box-sizing: border-box; }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_img { float: left; width: 320px; height: 100%; background: no-repeat center; background-size: cover; }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt { float: right; width: calc(100% - 370px); }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt h4 { padding: 32px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 24px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt p { font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt h6 { margin-top: 20px; }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt h6 a { display: block; width: 122px; height: 42px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; color: #666; text-align: center; line-height: 40px; }
.Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt h6 a:hover { background: #0281CC; border-color: #0281cc; color: #fff; }
.Product .Pr_bojo .bojo_3 { padding: 70px 0; background: #f7f7f7; }
.Product .Pr_bojo .bojo_3 .bojo_mian { width: 100%; height: 456px; overflow: hidden; }
.Product .Pr_bojo .bojo_3 .bojo_mian .swiper-slide { height: 100%; box-sizing: border-box; padding: 0 12px; }
.Product .Pr_bojo .bojo_3 .bojo_mian .swiper-slide > div {height: 100%;padding: 50px;background-color: #fff;box-sizing: border-box;}
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_img { float: left; width: 320px; height: 100%; background: no-repeat center; background-size: cover; }
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt { float: right; width: calc(100% - 370px); }
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt h4 { padding: 32px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 24px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt p { font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt h6 { margin-top: 20px; }
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt h6 a { display: block; width: 122px; height: 42px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; color: #666; text-align: center; line-height: 40px; }
.Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt h6 a:hover { background: #0281CC; border-color: #0281cc; color: #fff; } */
.Product .Pr_bojo_x { padding: 70px 0 0; background: #f7f7f7; }
.Product .Pr_bojo_x .box_img { position: relative; float: left; width: 680px; height: 735px; background: no-repeat center; background-size: cover; }
.Product .Pr_bojo_x .box_img > span { display: block; position: absolute; top: 0; right: 0; width: 56px; height: 100%; background: #0281CC; box-sizing: border-box; font-size: 0; line-height: 735px; }
.Product .Pr_bojo_x .box_img > span:before { position: absolute; top: 50%; left: -14px; width: 28px; height: 28px; content: ''; margin-top: -14px; background: url(../images/icon_66.png) no-repeat center; background-size: cover; }
.Product .Pr_bojo_x .box_img > span em { display: inline-block; width: 100%; padding: 0 18px; box-sizing: border-box; font-size: 20px; color: #fff; line-height: 28px; vertical-align: middle; }
.Product .Pr_bojo_x .box_mian { position: relative; float: right; width: calc(100% - 680px); height: 735px; padding: 40px; background: #fff; box-sizing: border-box;overflow:auto; }
.Product .Pr_bojo_x .box_mian .bx_pp { position: absolute; left: 40px; bottom: 40px; font-size: 14px; color: #999; }
.Product .Pr_bojo_x .bx_img { float: left; width: 355px; height: 402px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; }
.Product .Pr_bojo_x .bx_img span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.Product .Pr_bojo_x .bx_img:hover span { -webkit-transform: scale(1.05); transform: scale(1.05); }
.Product .Pr_bojo_x .bx_txt { float: right; width: calc(100% - 400px); }
.Product .Pr_bojo_x .bx_tit { padding-bottom: 30px; font-size: 36px; color: #000; line-height: 48px; }
.Product .Pr_bojo_x .bx_mian { padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.Product .Pr_bojo_x .bx_mian > div { padding: 10px 0; line-height: 24px; }
.Product .Pr_bojo_x .bx_mian > div > span { float: left; width: 4em; font-size: 14px; color: #666; }
.Product .Pr_bojo_x .bx_mian > div .p { float: right; width: calc(100% - 4em); }
.Product .Pr_bojo_x .bx_mian > div .p em { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Product .Pr_bojo_x .bx_mian > div .color { float: right; width: calc(100% - 4em); }
.Product .Pr_bojo_x .bx_mian > div .color i { display: inline-block; width: 24px; height: 24px; border: 1px solid #ddd; margin-right: 10px; background: no-repeat center; background-size: cover; box-sizing: border-box; vertical-align: top; }
.Product .Pr_bojo_x .bx_mian > div .color em { display: inline-block; height: 24px; padding: 0 12px; border: 1px solid #ddd; background: #0281CC; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 22px; vertical-align: top; }
.Product .Pr_bojo_x .bx_ted { padding-top: 40px; }
.Product .Pr_bojo_x .bx_ted > h4 { margin-bottom: 40px; font-size: 14px; color: #666; }
.Product .Pr_bojo_x .bx_ted > div { font-size: 0; }
.Product .Pr_bojo_x .bx_ted > div span { display: inline-block; margin-right: 40px; margin-bottom: 20px; vertical-align: top; }
.Product .Pr_bojo_x .bx_ted > div span i { display: block; width: 40px; height: 40px; margin: 0 auto 15px; background: no-repeat center; background-size: cover; }
.Product .Pr_bojo_x .bx_ted > div span em { display: block; font-size: 12px; color: #666; text-align: center; }

.Product .wrap_1400 > .h3 {
    margin-top: 30px;
    padding-left: 16px;
    font-size: 36px;
    color: #333;
    border-left: 2px solid #0281cc;
}

.Product .wrap_1400 > .p1 {
    margin-top: 18px;
    font-size: 14px;
    color: rgba(51,51,51,.7);
    line-height: 1.5;
}

.i_news_ba {
    display: block;
    position: relative;
    width: 244px;
    height: 150px;
}

.Recommend { overflow: hidden; padding: 80px 0 100px; background: #f7f7f7; }
.Recommend .h3 { position: relative; margin-bottom: 56px; font-size: 48px; color: #333; text-align: center; }
.Recommend .h3 > a { position: absolute; top: 0; right: 0; width: 150px; height: 40px; background: #fff; border-radius: 30px; font-size: 14px; color: #000; text-align: center; line-height: 40px; cursor: pointer; }
.Recommend .h3 > a i { display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url(../images/icon_48.png) no-repeat center; background-size: 100%; vertical-align: middle; }
.Recommend .Recom_box .swiper-slide { padding: 0 14px; box-sizing: border-box; }
.Recommend .Recom_box .swiper-slide span { display: block; position: relative; width: 100%; background: no-repeat center; background-size: cover; }
.Recommend .Recom_box .swiper-slide em { display: block; padding: 0 10px; background: #fff; box-sizing: border-box; font-size: 16px; color: #666; text-align: center; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Recommend .Recom_box .swiper-slide:hover span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.Recommend .Recom_box .swiper-slide:hover span:after { position: absolute; top: 50%; left: 50%; z-index: 2; width: 56px; height: 56px; content: ''; margin-top: -28px; margin-left: -28px; background: url(../images/icon_64.png) no-repeat center; background-size: cover; -webkit-animation: fade-in 2s forwards; animation: fade-in 2s forwards; }
.Recommend .Recom_box .swiper-slide:hover em { background: #0280CC; color: #fff; }
.Recommend .Recom_box .slick-dots { position: absolute; left: 0; bottom: -30px; z-index: 99; width: 100%; height: 8px; text-align: center; }
.Recommend .Recom_box .slick-dots li { display: inline-block; width: 8px; height: 8px; overflow: hidden; margin: 0 6px; border-radius: 50%; background: #ccc; vertical-align: top; }
.Recommend .Recom_box .slick-dots li.slick-active { background: #0280CC; }
.Recommend .Recom_box .slick-dots li button { display: none; }
.Recommend .Recom_box > button { position: absolute; top: 50%; z-index: 99; margin-top: -32px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.Recommend .Recom_box > button.slick-prev { left: -50px; }
.Recommend .Recom_box > button.slick-prev:before { content: '\e610'; }
.Recommend .Recom_box > button.slick-next { right: -50px; }
.Recommend .Recom_box > button.slick-next:before { content: '\e614'; }
.Recommend .Recom_box > button:before { display: inline-block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-family: "iconfont" !important; font-size: 16px; font-weight: bold; color: #666; line-height: 36px; }
.Recommend .Recom_box > button.slick-disabled { pointer-events: none; }
.Recommend .Recom_box > button.slick-disabled:before { color: #ccc; }
.Recommend .Recom_box > button:hover:before { border-color: #0281CC; background: #0281cc; color: #fff; }
.Recommend.h196 .Recom_box .swiper-slide span, .Recommend.h210 .Recom_box .swiper-slide span, .Recommend.h330 .Recom_box .swiper-slide span { height: 196px; }
.Recommend .Recom_xx { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.Recommend .Recom_xx .recom_bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.Recommend .Recom_xx .recom_mian { position: absolute; top: 50%; left: 50%; z-index: 2; width: 1400px; height: 590px; background: #fff; margin-left: -700px; margin-top: -295px; }
.Recommend .Recom_xx .recom_mian ul.re_ul li { display: none; }
.Recommend .Recom_xx .recom_mian .recom_img { width: calc(100% - 400px); height: 590px; background: no-repeat center; background-size: cover; }
.Recommend .Recom_xx .recom_mian .recom_txt { width: 400px; height: 590px; padding: 110px 25px 10px; box-sizing: border-box; }
.Recommend .Recom_xx .recom_mian .recom_txt .tit h4 { margin-bottom: 12px; font-size: 30px; color: #333; }
.Recommend .Recom_xx .recom_mian .recom_txt .tit h5 { font-size: 18px; color: #666; }
.Recommend .Recom_xx .recom_mian .recom_txt .tig { margin: 30px 0; background: #f3f3f3; }
.Recommend .Recom_xx .recom_mian .recom_txt .tig span { display: block; position: relative; width: 138px; height: 40px; background: #0280CC; font-size: 14px; color: #fff; text-align: center; line-height: 40px; }
.Recommend .Recom_xx .recom_mian .recom_txt .tig span i { display: inline-block; margin-right: 12px; font-size: 20px; color: #fff; vertical-align: top; }
.Recommend .Recom_xx .recom_mian .recom_txt .tig span:before { position: absolute; left: 0; bottom: -7px; width: 7px; height: 14px; content: ''; background: url(../images/icon_9.png) no-repeat center; background-size: 100%; }
.Recommend .Recom_xx .recom_mian .recom_txt .mm { max-height: 200px; overflow: hidden; box-sizing: border-box; }
.Recommend .Recom_xx .recom_mian .recom_txt .mm p { font-size: 14px; color: #666; line-height: 24px; }
.Recommend .Recom_xx .recom_mian .recom_txt .mm p span { color: #333; font-weight: bold; }
.Recommend .Recom_xx .recom_mian .re_Close { position: absolute; top: 30px; right: 25px; z-index: 5; cursor: pointer; font-size: 30px; color: #999; }
.Recommend .Recom_xx .recom_mian .re_Close:hover { color: #0280CC; }
.Recommend .Recom_xx .recom_mian .re_Button { position: absolute; bottom: 0; right: 25px; padding: 25px 0; font-size: 0; width: 350px; border-top: 1px solid #ddd; text-align: right; }
.Recommend .Recom_xx .recom_mian .re_Button > a { display: inline-block; width: 38px; height: 38px; margin-left: 15px; border: 1px solid #999; background: #fff; border-radius: 50%; font-size: 18px; color: #666; text-align: center; line-height: 38px; }
.Recommend .Recom_xx .recom_mian .re_Button > a:hover { border-color: #0280cc; background: #0280CC; color: #fff; }

.Tree { padding: 100px 0 150px; }
.Tree h4.h4 { font-size: 24px; text-align: center; padding-bottom: 60px; color: #3c3c3c; }
.Tree .tree_mian dl { float: left; padding-left: 7%; margin-bottom: 50px; box-sizing: border-box; }
.Tree .tree_mian dl dt { margin-bottom: 18px; }
.Tree .tree_mian dl dt a { color: #3c3c3c; font-size: 16px; font-weight: normal; }
.Tree .tree_mian dl dt a:hover { color: #0280CC; }
.Tree .tree_mian dl dd a { color: #999; font-size: 14px; line-height: 30px; }
.Tree .tree_mian dl dd a:hover { color: #0280CC; }

.Product_Total > div.Tot { padding: 60px 0; }
.Product_Total .Tot_tit { padding-bottom: 32px; }
.Product_Total .Tot_tit span { display: block; position: relative; padding-left: 20px; font-size: 36px; color: #333; font-weight: 100; line-height: 1; }
.Product_Total .Tot_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281cc; }
.Product_Total .Total_1 span.span { display: block; position: absolute; top: 30px; right: 30px; z-index: 2; font-size: 30px; color: #000; text-align: right; text-transform:

        uppercase; }
.Product_Total .Total_1 i.back_lazy { display: block; position: relative; z-index: 1; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all

.5s; transition: all .5s; }
.Product_Total .Total_1 a { overflow: hidden; }
.Product_Total .Total_1 a:hover i.back_lazy { -webkit-transform: scale(1.03); transform: scale(1.03); }
.Product_Total .Total_1 .to_1 { margin-bottom: 20px; }
.Product_Total .Total_1 .to_1 a { display: block; position: relative; height: 425px; background: no-repeat center/cover; }
.Product_Total .Total_1 .to_1 a.fl { width: 955px; }
.Product_Total .Total_1 .to_1 a.fr { width: 425px; }
.Product_Total .Total_1 .to_2 { margin-bottom: 20px; }
.Product_Total .Total_1 .to_2 a { display: block; position: relative; height: 425px; background: no-repeat center/cover; }
.Product_Total .Total_1 .to_2 a.fl, .Product_Total .Total_1 .to_2 a.fr { width: 690px; }
.Product_Total .Total_1 .to_3 a { display: block; position: relative; height: 325px; background: no-repeat center/cover; }
.Product_Total .Total_1 .to_3 a.fl, .Product_Total .Total_1 .to_3 a.fr { width: 690px; }
.Product_Total .Total_2 { background: #f1f1f1; }
.Product_Total .Total_2 span.span { display: block; position: absolute; top: 30px; right: 30px; z-index: 2; font-size: 30px; color: #000; text-align: right; text-transform:

        uppercase; }
.Product_Total .Total_2 i.back_lazy { display: block; position: relative; z-index: 1; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all

.5s; transition: all .5s; }
.Product_Total .Total_2 a { overflow: hidden; }
.Product_Total .Total_2 a:hover i.back_lazy { -webkit-transform: scale(1.03); transform: scale(1.03); }
.Product_Total .Total_2 .to_1 { margin-bottom: 20px; }
.Product_Total .Total_2 .to_1 a { display: block; position: relative; height: 425px; }
.Product_Total .Total_2 .to_1 a.fl { width: 955px; }
.Product_Total .Total_2 .to_1 a.fr { width: 425px; }
.Product_Total .Total_2 .to_2 span.span { top: auto; bottom: 20px; }
.Product_Total .Total_2 .to_2 a { display: block; position: relative; width: 454px; height: 425px; margin-left: 19px; background: no-repeat center/cover; }
.Product_Total .Total_2 .to_2 a:first-child { margin-left: 0; }
.Product_Total .Total_3 span.span { display: block; position: absolute; top: 24px; left: 24px; z-index: 2; font-size: 20px; color: #000; text-shadow: 1px 1px 20px white;

    text-transform: uppercase; }
.Product_Total .Total_3 i.back_lazy { display: block; position: relative; z-index: 1; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all

.5s; transition: all .5s; }
.Product_Total .Total_3 a { overflow: hidden; }
.Product_Total .Total_3 a:hover i.back_lazy { -webkit-transform: scale(1.03); transform: scale(1.03); }
.Product_Total .Total_3 .to_on { margin-top: 20px; }
.Product_Total .Total_3 .to_on:first-child { margin-top: 0; }
.Product_Total .Total_3 .to_on a { display: block; position: relative; width: 454px; height: 325px; margin-left: 19px; background: no-repeat center/cover; }
.Product_Total .Total_3 .to_on a:first-child { margin-left: 0; }
.Product_Total .Total_4 { background: #f1f1f1; }
.Product_Total .Total_4 span.span { display: block; position: absolute; top: 36px; left: 0; z-index: 2; width: 100%; font-size: 24px; color: #333; text-align: center;

    text-transform: uppercase; }
.Product_Total .Total_4 i.back_lazy { display: block; position: relative; z-index: 1; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all

.5s; transition: all .5s; }
.Product_Total .Total_4 a { overflow: hidden; }
.Product_Total .Total_4 a:hover i.back_lazy { -webkit-transform: scale(1.03); transform: scale(1.03); }
.Product_Total .Total_4 .to_on { margin-top: 20px; }
.Product_Total .Total_4 .to_on:first-child { margin-top: 0; }
.Product_Total .Total_4 .to_on a {display: block;position: relative;width: 454px;height: 425px;margin-left: 19px;margin-bottom: 19px;background: no-repeat center/cover;}
.Product_Total .Total_4 .to_on a:nth-child(3n+1) { margin-left: 0; }

/*505*/
.b_505 { width: 1200px; height: 928px; margin: 0 auto; background: url(../images/505_bg.png) no-repeat center; background-size: cover; }
.b_505 h4 { padding-top: 224px; font-size: 48px; color: #fff; text-align: center; }
.b_505 > .mian { width: 750px; padding-top: 215px; margin: 0 auto; }
.b_505 > .mian p { font-size: 24px; color: #333; line-height: 40px; }
.b_505 > .mian h6 { text-align: right; }
.b_505 > .mian h6 span { display: block; font-size: 24px; color: #333; line-height: 40px; }

@media (max-width: 1870px) { /*初始化*/
    .wrap_1850 { width: 1700px; }
    /*header*/
    .nav .nav_down a { padding: 0 36px; } 
    .search { margin-left: 2%; }
}
@media (max-width: 1720px) { /*初始化*/
    .wrap_1850, .wrap_1700 { width: 1400px; }
    /*header*/
    .logo{ width: 84px; }
    .search { margin-left: 2%; }
    .search form { width: 200px; }
    .nav > ul > li { padding: 0 6px; }
    .nav .nav_down a { padding: 0 32px; }
    /*footer*/
    .footer .foot_1 { padding: 40px 0 30px; }
    .footer .foot_1 .fo_ment { margin-left: 45px; }
    .footer .foot_1 .fo_ewm { width: 200px; height: 200px; }
    .footer .foot_1 .fo_ewm span { width: 90px; height: 90px; margin-top: 70px; }
    .footer .foot_1 .fo_arg { width: 300px; }
    /*index*/
    /* .banner { height: 700px; } */
    .index_2 { height: 720px; }
    .index_2 .in_bd { width: 478px; height: 452px; margin-top: -192px; margin-left: -242px; }
    .index_2 .in_hd a { width: 130px; height: 130px; margin: 0 10px; padding: 15px; }
    .index_2 .in_hd a i { width: 50px; height: 50px; }
    .index_3 { padding: 60px 0; }
    .index_3 .in_mian { height: 580px; }
    .index_3 .in_1 { width: 504px; }
    .index_3 .in_1 a { font-size: 20px; }
    .index_3 .in_1 a i { vertical-align: 2px; }
    .index_3 .in_2 { width: 434px; }
    .index_3 .in_2.w490 { width: 400px; margin-left: 28px; }
    .index_3 .in_2 a { height: 279px; margin-bottom: 22px; }
    .index_3 .in_2 a span { font-size: 20px; }
    .index_3 .in_2 a span i { vertical-align: 2px; }
    .index_3 .in_3 { width: 406px; }
    .index_3 .in_3 .in_bg { height: 315px; }
    .index_3 .in_3 .in_h4 { top: 50px; left: 156px; }
    .index_3 .in_3 .in_h4 span { font-size: 24px; }
    .index_3 .in_3 .in_h4 em { font-size: 16px; }
    .index_3 .in_3 .in_ul li i { margin-bottom: 10px; }
    .index_3 .in_3 .in_ul li span { margin-bottom: 6px; font-size: 18px; }
    .index_3 .in_3 .in_ul li em { font-size: 12px; }
    .index_4 { height: 740px; }
    .index_4 .in_mian { top: 106px; right: 138px; width: 730px; height: 475px; }
    .index_4 .in_mian .in_bd { width: 600px; height: 377px; margin-left: -303px; margin-top: -180px; }
    .index_4 .in_mian .in_hd { top: 26px; }
    .index_4 .in_mian .in_hd span { width: 150px; height: 99px; margin-bottom: 12px; }
    .index_5 { padding: 70px 0 90px; }
    .index_5 .in_mian .in_img { height: 283px; }
    /*content*/
    .Product .product_1 .prod_aa, .Product .product_1 .prod_bb { width: 446px; height: 541px; }
    .Product .product_1 .prod_cc { width: 446px; height: 541px; }
    .Product .product_1 .prod_cc span { height: 257px; }
    .Product .product_2 .prod_tit h4 { font-size: 30px; }
    .Product .product_2 .prod_tit h5 { font-size: 42px; }
    .Product .product_2 .prod_mian > div { width: 680px; height: 259px; }
    .Product .product_2 .prod_mian .pord_txt { width: 274px; line-height: 259px; }
    .Product .product_2 .prod_mian .pord_img { width: 446px; }
    .Product .product_3 ul li { width: 692px; height: 480px; }
    .Product .Pr_bojo .bojo_1 .bojo_mian { height: 400px; }
/*     .Product .Pr_bojo .bojo_2 .bojo_mian { height: 400px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .swiper-slide > div { padding: 40px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .bo_img { width: 280px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt { width: calc(100% - 310px); }
    .Product .Pr_bojo .bojo_3 .bojo_mian { height: 400px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .swiper-slide > div { padding: 40px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .bo_img { width: 280px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt { width: calc(100% - 310px); } */
    .Product .Pr_bojo_x .box_img { width: 600px; height: 650px; }
    .Product .Pr_bojo_x .box_img span { line-height: 650px; }
    .Product .Pr_bojo_x .box_mian { width: calc(100% - 600px); height: 650px; padding: 30px; }
    .Product .Pr_bojo_x .box_mian .bx_pp { left: 30px; bottom: 30px; }
    .Product .Pr_bojo_x .bx_img { width: 250px; height: 282px; }
    .Product .Pr_bojo_x .bx_txt { width: calc(100% - 300px); }
    .Product .Pr_bojo_x .bx_tit { font-size: 30px; padding-bottom: 20px; }
    .Product .Pr_bojo_x .bx_ted { padding-top: 30px; }
    .Product .Pr_bojo_x .bx_ted > h4 { margin-bottom: 20px; }
    .Product .Pr_bojo_x .bx_ted > div span { margin-right: 30px; } }
@media (max-width: 1440px) { /*初始化*/
    .wrap_1850, .wrap_1700, .wrap_1400 { width: 1200px; }
    /*header*/
    .search form { width: 180px; }
    .nav > ul > li { padding: 0 2px; }
    .nav > ul > li > a { font-size: 12px; }
    .nav .nav_down a { padding: 0 20px; font-size: 12px; }
    /*footer*/
    .footer .foot_1 { padding: 32px 0 24px; }
    .footer .foot_1 .fo_ment { margin-left: 25px; }
    .footer .foot_1 .fo_arg { width: 230px; }
    /*index*/
    /* .banner { height: 600px; } */
    .index_1 .in_1 { width: 600px; }
    .index_1 .in_1 .in_tit { margin-bottom: 20px; }
    .index_1 .in_1 .in_box { width: calc(100% - 264px); }
    .index_1 .in_1 .in_box ul li { padding: 9px 0; }
    .index_1 .in_1 .in_box ul li a { padding-left: 10px; }
    .index_1 .in_1 .in_box ul li a:before { left: 0; }
    .index_1 .in_1 .in_box ul li a span, .index_1 .in_1 .in_box ul li a em { font-size: 12px; }
    .index_1 .in_2 .in_tit { margin-bottom: 20px; }
    .index_2 { height: 650px; padding: 40px 0; }
    .index_2 .in_tit h4 { margin-bottom: 5px; }
    .index_2 .in_tit h6 { font-size: 36px; }
    .index_2 .in_hd a { width: 120px; height: 120px; margin: 0 5px; }
    .index_2 .in_hd a em { font-size: 12px; }
    .index_2 .in_hd a i { margin-bottom: 5px; }
    .index_2 .in_bd { width: 420px; height: 397px; margin-top: -172px; margin-left: -213px; }
    .index_3 { padding: 50px 0; }
    .index_3 .in_mian { height: 500px; }
    .index_3 .in_1 { width: 432px; }
    .index_3 .in_1 a { height: 42px; font-size: 16px; line-height: 42px; }
    .index_3 .in_1 a i { width: 20px; height: 20px; font-size: 12px; line-height: 20px; }
    .index_3 .in_2 { width: 372px; }
    .index_3 .in_2.w490 { width: 340px; }
    .index_3 .in_2 a { height: 239px; margin-bottom: 22px; }
    .index_3 .in_2 a span { height: 42px; font-size: 16px; line-height: 42px; }
    .index_3 .in_2 a span i { width: 20px; height: 20px; font-size: 12px; line-height: 20px; }
    .index_3 .in_3 { width: 348px; }
    .index_3 .in_3 .in_bg { height: 270px; }
    .index_3 .in_3 .in_h4 { top: 42px; left: 145px; }
    .index_3 .in_3 .in_h4 i { font-size: 16px; }
    .index_3 .in_3 .in_h4 span { margin: 5px 0; font-size: 20px; }
    .index_3 .in_3 .in_h4 em { font-size: 12px; }
    .index_3 .in_3 .in_ul { bottom: 24px; padding: 0 10px; }
    .index_3 .in_3 .in_ul li i { width: 50px; height: 50px; font-size: 24px; line-height: 50px; }
    .index_3 .in_3 .in_ul li span { font-size: 14px; }
    .index_4 { height: 620px; }
    .index_4 .in_tit { top: 142px; }
    .index_4 .in_tit h4 { margin-bottom: 10px; font-size: 48px; }
    .index_4 .in_tit h5 { font-size: 46px; }
    .index_4 .in_tit h6 { padding: 36px 0; }
    .index_4 .in_mian { top: 82px; right: 130px; width: 630px; height: 410px; }
    .index_4 .in_mian .in_bd { width: 500px; height: 314px; margin-left: -252px; margin-top: -148px; }
    .index_4 .in_mian .in_hd { top: 24px; }
    .index_4 .in_mian .in_hd span { width: 130px; height: 86px; margin-bottom: 8px; }
    .index_4 .in_mian .in_hd span i { width: 50px; height: 38px; }
    .index_4 .in_ul { bottom: 14px; }
    .index_5 { padding: 60px 0 80px; }
    .index_5 .in_mian .in_img { height: 243px; }
    /*content*/
    .content .sub_banner.h475, .content .sub_banner.h494 { height: 400px; }
    .content .sub_banner form { padding-top: 70px; }
    .content .sub_banner form > h6 { margin-bottom: 40px; }
    .content .sub_banner form .solo .Result { width: 600px; margin-left: -300px; }
    .content .sub_banner .sub_mm { padding-left: 30px; font-size: 44px; }
    .content .sub_height { height: 50px; }
    .content .sub_tit { height: 50px; line-height: 50px; }
    .content .sub_fanhui { line-height: 50px; }
    .content .paging > a { margin-right: 10px; }
    .content .paging ul li { margin-right: 10px; }
    .News .new_tit { padding: 28px 0; }
    .News .new_1 .ne_mian { height: 329px; }
    .News .new_1 .ne_mian .ne_box { height: 329px; }
    .News .new_1 .ne_img { width: 600px; height: 329px; }
    .News .new_1 .ne_txt { width: calc(100% - 630px); padding: 30px 0; }
    .News .new_1 .ne_txt h5 { padding: 20px 0; }
    .News .new_1 .bar { bottom: 15px; width: calc(100% - 630px); }
    .News .new_2 { padding: 50px 0; }
    .News .new_2 ul.ne_mian li { margin-bottom: 42px; }
    .News .new_2 .ne_img { height: 209px; }
    .News .new_2 .ne_txt { height: 200px; }
    .News .News_Hd ul.Hd_mian li { margin-bottom: 42px; }
    .News .News_Hd .Hd_img { height: 200px; }
    .News .News_Hd .Hd_txt { height: 180px; padding: 15px; }
    .News .News_Hd .Hd_txt h6 { margin-bottom: 10px; }
    .News .new_x { padding: 40px 0 60px; }
    .News .new_x div.fl { width: 850px; padding: 30px 20px; }
    .News .new_x div.fr { width: 320px; padding: 20px; }
    .Attract .attr_3 { height: 518px; }
    .Attract .attr_3 .attr_mian ul li { width: 220px; height: 220px; margin-right: 25px; padding: 55px 24px 0; }
    .Attract .attr_3 .attr_mian ul li:before { left: calc(100% - 5px); }
    .Case .case_tit ul.ul li { margin-left: 40px; }
    .Case .case_1 { width: 900px; padding: 0; }
    .Case .case_1 > a { background: #fff; }
    .Case .case_1 > a.fl_prev { left: 15px; }
    .Case .case_1 > a.fl_next { right: 15px; }
    .Case .case_2 { margin-right: 0; }
    .Service .ser_banner { width: 700px; height: 330px; }
    .Service .ser_more { width: 500px; height: 330px; }
    .Service .ser_2 ul li { width: 285px; height: 300px; }
    .Service .ser_2 ul li:last-child { padding-top: 200px; }
    .Solve .so_2 .so_tit { margin-bottom: 50px; }
    .Solve .so_2 .so_mian { width: 500px; }
    .Solve .solve_banner { height: 604px; }
    .Solve .solve_banner .so_mian { padding-top: 136px; }
    .Solve .solve_Mod { height: 700px; }
    .Solve .solve_Mod .so_mian h4 em { font-size: 42px; }
    .Solve .solve_Mod.solve_1 .so_mian { padding-top: 320px; }
    .Solve .solve_Mod.solve_2, .Solve .solve_Mod.solve_7, .Solve .solve_Mod.solve_8 { line-height: 700px; }
    .Solve .solve_Mod.solve_3 .so_mian { padding-top: 90px; margin-right: 60px; }
    .Solve .solve_Mod.solve_4 .so_mian { padding-top: 100px; }
    .Solve .solve_Mod.solve_6 { line-height: 700px; }
    .Solve .solve_Mod.solve_6 .so_mian h6 { margin-top: 60px; }
    .Solve .solve_video { height: 390px; }
    .Solve .solve_video.hh { height: 600px; }
    .Secure .sec_0 { margin: 40px 0; }
    .Secure .sec_1 .sec_aa div.fl { width: calc(100% - 640px); }
    .Secure .sec_1 .sec_aa div.fr { width: 600px; height: 294px; }
    .Secure .sec_1 .sec_bb .sec_box li { width: 381px; }
    .Secure .sec_1 .sec_bb .sec_box li span { width: 100%; height: 234px; }
    .Secure .sec_2 { padding: 60px 0; }
    .Secure .sec_2 .sec_mian { margin-top: 50px; }
    .Secure .sec_2 .sec_mian ul { margin-right: -30px; }
    .Secure .sec_2 .sec_mian ul li { width: 285px; margin-right: 20px; padding: 20px; }
    .Secure .sec_2 .sec_mian .viv{height: 162px;}
    .Secure .sec_2 .sec_mian ul li h4 span{font-size: 20px;}
    .Secure .sec_3 { height: 713px; padding: 65px 0 0; }
    .Secure .sec_3 .sec_mian { width: 685px; padding: 0 50px; margin-top: 60px; margin-right: 10px; }
    .Secure .sec_4 { padding: 60px 0; }
    .Secure .sec_4 .sec_mian ul li > em { padding: 0 28px; }
    .About .Ab_1 { height: 627px; }
    .About .Ab_1 .Ab_mian { width: 845px; height: 556px; padding-top: 0; }
    .About .Ab_1 .Ab_mian .kk li { width: 233px; }
    .About .Ab_2 .Ab_mian a.a1 { left: 14px; }
    .About .Ab_2 .Ab_mian a.a2 { left: 490px; }
    .About .Ab_2 .Ab_mian a.a3 { right: 10px; }
    .About .Ab_3 { height: 800px; padding-top: 50px; }
    .About .Ab_3 .ab_fl { width: 735px; height: 365px; }
    .About .Ab_3 .ab_fr { width: 420px; }
    .About .Ab_3 .ab_fr h6 span em font { font-size: 16px; }
    .About .Ab_4 { padding-bottom: 50px; }
    .About .Ab_4 .abl_1 { padding: 60px 0; }
    .About .Ab_4 .abl_1 .ab_txt { width: 650px; }
    .About .Ab_4 .abl_1 .ab_txt p { line-height: 24px; }
    .About .Ab_4 .abl_3 h4 { margin-bottom: 20px; }
    .About .Ab_4 .abl_3 > div { padding: 30px 0; }
    .About .Ab_4 .abl_3 > div.fl, .About .Ab_4 .abl_3 > div.fr { padding: 0 30px; }
    .About .Ab_4 .abl_3 .ab_img { width: 240px; height: 180px; }
    .About .Ab_4 .abl_3 .ab_img i { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; }
    .About .Ab_4 .abl_3 .ab_txt { width: calc(100% - 260px); }
    .About .Ab_4 .abl_3 .ab_txt em { margin-top: 0; }
    .About .Ab_4 .abl_3 .ab_txt i { margin-bottom: 6px; }
    .About .Ab_6 { padding: 60px 0; }
    .About .Ab_6 .Ab_tit a.iconfont { margin-top: -25px; }
    .About .Ab_6 .Ab_tit a.iconfont.prev { right: 55px; }
    .About .Ab_6 .Ab_tit a.iconfont.next { right: 10px; }
    .About .Ab_6 .Ab_mian { margin-top: 25px; }
    .About .Ab_6 .ab_box { padding: 0 10px; }
    .About .Ab_7 .wrap_1400 > a.iconfont.next { left: 96%; }
    .About .Ab_7 .wrap_1400 > a.iconfont.prev { right: 96%; }
    .About .Ab_7 .abc_box { width: 560px; }
    .About .Ab_7 .abc_img { width: 200px; }
    .About .Ab_7 .abc_txt { width: calc(100% - 220px); }
    .About .Ab_8 { padding: 60px 0; }
    .About .Ab_9 { padding: 60px 0; }
    .About .Ab_9 .Ab_tit a.iconfont { margin-top: -25px; }
    .About .Ab_9 .Ab_tit a.iconfont.prev { right: 55px; }
    .About .Ab_9 .Ab_tit a.iconfont.next { right: 10px; }
    .About .Ab_9 .Ab_mian { height: 250px; }
    .About .Ab_9 .Ab_mian .swiper-slide { padding: 0 10px; }
    .About .Ab_9 .Ab_mian .ab_txt { height: 40px; line-height: 40px; }
    .Marketing { padding: 50px 0 80px; }
    .Marketing .mark_1 .wrap_1400 { height: 279px; }
    .Marketing .mark_1 .mark_img { width: 707px; }
    .Marketing .mark_1 .mark_img h4 { font-size: 40px; padding-left: 18px; line-height: 40px; }
    .Marketing .mark_1 .mark_img h4 span { font-size: 30px; }
    .Marketing .mark_1 .mark_form { width: 493px; padding: 30px 50px 0; }
    .Marketing .mark_1 .mark_form form { margin-bottom: 32px; }
    .Marketing .mark_3 { height: 350px; }
    .Contact .cont_map { height: 340px; }
    .Contact .cont_1 { padding: 40px 0; }
    .Contact .cont_1 .dt { width: 300px; }
    .Contact .cont_2 { padding: 50px 0; }
    .Contact .cont_ul li { width: 280px; }
    .Contact .cont_ul .cont_txt span { margin-top: 15px; font-size: 24px; }
    .Product .product_1 .prod_aa { width: 380px; height: 461px; }
    .Product .product_1 .prod_bb { width: 380px; height: 461px; margin-left: 30px; }
    .Product .product_1 .prod_cc { width: 380px; height: 461px; margin-left: 30px; }
    .Product .product_1 .prod_cc span { height: 219px; }
    .Product .product_1 .prod_cc em { font-size: 16px; }
    .Product .product_2 .prod_mian > div { width: 580px; height: 214px; }
    .Product .product_2 .prod_mian .pord_txt { width: 227px; line-height: 214px; }
    .Product .product_2 .prod_mian .pord_img { width: 369px; }
    .Product .product_3 ul li { width: 592px; height: 411px; }
    .Product .product_3 .prod_mian h4 { margin-bottom: 15px; font-size: 30px; }
    .Product .product_3 .prod_mian p { margin-bottom: 30px; font-size: 18px; }
    .Product .Pr_banner { height: 587px; }
    .Product .Pr_nav a { padding: 20px 0; }
    .Product .Pr_tit { height: 50px; line-height: 50px; }
    .Product .Pr_tit .pr_fiex { height: 50px; }
    .Product .Pr_mm.prmm_1 { height: 670px; }
    .Product .Pr_mm.prmm_1 .pr_mian { padding-top: 160px; }
    .Product .Pr_mm.prmm_2, .Product .Pr_mm.prmm_3, .Product .Pr_mm.prmm_4 { height: 700px; line-height: 700px; }
    .Product .Pr_dd.prdd_1, .Product .Pr_dd.prdd_2, .Product .Pr_dd.prdd_3, .Product .Pr_dd.prdd_4, .Product .Pr_dd.prdd_5 { height: 700px; line-height: 700px; }
    .Product .Pr_tt.pttt_1 { height: 670px; }
    .Product .Pr_tt.pttt_1 .pr_mian { padding-top: 100px; }
    .Product .Pr_tt.pttt_2 { height: 640px; }
    .Product .Pr_tt.pttt_2 .pr_mian { top: 160px; width: 450px; }
    .Product .Pr_tt.pttt_3 { height: 670px; }
    .Product .Pr_tt.pttt_3 > div.fl .pr_mian, .Product .Pr_tt.pttt_3 > div.fr .pr_mian { top: 80px; left: 50%; width: 400px; margin-left: -200px; }
    .Product .Pr_tt.pttt_3 > div.fr .pr_mian { top: 180px; right: auto; }
    .Product .Pr_xx.prx_3 { height: 780px; line-height: 780px; }
    .Product .Pr_xx.prx_1, .Product .Pr_xx.prx_2, .Product .Pr_xx.prx_4 { height: 700px; line-height: 700px; }
    .Product .Pr_xd { height: 700px; line-height: 700px; }
    .Product .Pr_xd.prxd_3 .prxd_mian { width: 740px; }
    .Product .Pr_xd.prxd_4 .prxd_mian { width: 900px; }
    .Product .Pr_xd.prxd_4 .prxd_mian > h4 { margin-bottom: 70px; font-size: 68px; }
    .Product .Pr_xd.prxd_4 .prxd_mian > ul li { padding: 0 20px; }
    .Product .Pr_pp { height: 700px; line-height: 700px; }
    .Product .Pr_gg { height: 700px; }
    .Product .Pr_gg.ptgg_1 { height: 670px; line-height: 670px; }
    .Product .Pr_gg.ptgg_2 .pr_mian .aa.a1 { left: 0; }
    .Product .Pr_gg.ptgg_2 .pr_mian .aa.a2 { top: 200px; }
    .Product .Pr_ts { height: 600px; }
    .Product .Pr_ts.prts_3 { padding: 50px 0; }
    .Product .Pr_ts .prts_ul ul { margin-right: -30px; }
    .Product .Pr_ts .prts_ul ul li { width: 380px; margin-right: 30px; }
    .Product .Pr_ts .prts_ul .pts_img { height: 222px; }
    .Product .Pr_ts .prts_ul .pts_txt p { font-size: 14px; }
    .Product .Pr_bb.prbb_3 .prb_mian ul li { width: 580px; height: 270px; line-height: 270px; }
    .Product .Pr_bojo .bojo_nav { height: 50px; }
    .Product .Pr_bojo .bojo_nav > div { height: 50px; }
    .Product .Pr_bojo .bojo_nav ul li a { line-height: 50px; }
    .Product .Pr_bojo .bojo_tit { padding: 0 10px; margin-bottom: 36px; }
    .Product .Pr_bojo .bojo_tit > span.fl { font-size: 28px; }
    .Product .Pr_bojo .bojo_1 { padding: 50px 0; }
    .Product .Pr_bojo .bojo_1 .bojo_mian { height: 350px; }
    .Product .Pr_bojo .bojo_1 .swiper-slide { padding: 0 10px; }
    .Product .Pr_bojo .bojo_1 .bo_img { height: calc(100% - 50px); }
    .Product .Pr_bojo .bojo_1 .bo_txt { height: 50px; line-height: 50px; }
/*     .Product .Pr_bojo .bojo_2 { padding: 50px 0; }
    .Product .Pr_bojo .bojo_2 .bojo_mian { height: 350px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .swiper-slide { padding: 0 10px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .swiper-slide > div { padding: 30px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .bo_img { width: 250px; }
    .Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt { width: calc(100% - 280px); }
    .Product .Pr_bojo .bojo_2 .bojo_mian .bo_txt h4 { padding: 20px 0; }
    .Product .Pr_bojo .bojo_3 { padding: 50px 0; }
    .Product .Pr_bojo .bojo_3 .bojo_mian { height: 350px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .swiper-slide { padding: 0 10px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .swiper-slide > div { padding: 30px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .bo_img { width: 250px; }
    .Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt { width: calc(100% - 280px); }
    .Product .Pr_bojo .bojo_3 .bojo_mian .bo_txt h4 { padding: 20px 0; } */
    .Product .Pr_bojo_x .box_img { width: 500px; height: 542px; }
    .Product .Pr_bojo_x .box_img span { width: 40px; line-height: 542px; }
    .Product .Pr_bojo_x .box_img span em { padding: 0 10px; font-size: 16px; }
    .Product .Pr_bojo_x .box_mian { width: calc(100% - 500px); height: 542px; padding: 20px; }
    .Product .Pr_bojo_x .box_mian .bx_pp { left: 20px; bottom: 20px; }
    .Product .Pr_bojo_x .bx_mian { padding: 20px 0; }
    .Product .Pr_bojo_x .bx_img { width: 200px; height: 226px; }
    .Product .Pr_bojo_x .bx_txt { width: calc(100% - 250px); }
    .Product .Pr_bojo_x .bx_tit { font-size: 24px; }
    .Product .Pr_bojo_x .bx_ted { padding-top: 20px; }
    .Product .Pr_bojo_x .bx_ted > h4 { margin-bottom: 20px; }
    .Product .Pr_bojo_x .bx_ted > div span { margin-right: 15px; margin-bottom: 10px; }
    .Product .Pr_bojo_x .bx_ted > div span i { margin-bottom: 10px; }
    .Recommend { padding: 60px 0 80px; background: #f7f7f7; }
    .Recommend .h3 { font-size: 36px; margin-bottom: 35px; }
    .Recommend.h196 .Recom_box .swiper-slide, .Recommend.h210 .Recom_box .swiper-slide, .Recommend.h330 .Recom_box .swiper-slide { padding: 0 10px; }
    .Recommend.h196 .Recom_box .swiper-slide span, .Recommend.h210 .Recom_box .swiper-slide span, .Recommend.h330 .Recom_box .swiper-slide span { height: 170px; }
    .Recommend .Recom_xx .recom_mian { width: 1200px; margin-left: -600px; }
    .Product_Total > div.Tot { padding: 50px 0; }
    .Product_Total .Tot_tit { padding-bottom: 24px; }
    .Product_Total .Tot_tit span { font-size: 30px; }
    .Product_Total .Total_1 span.span { top: 24px; right: 24px; font-size: 24px; text-transform: uppercase; }
    .Product_Total .Total_1 .to_1 { margin-bottom: 15px; }
    .Product_Total .Total_1 .to_1 a { height: 360px; }
    .Product_Total .Total_1 .to_1 a.fl { width: 780px; }
    .Product_Total .Total_1 .to_1 a.fr { width: 405px; }
    .Product_Total .Total_1 .to_2 { margin-bottom: 15px; }
    .Product_Total .Total_1 .to_2 a { height: 360px; }
    .Product_Total .Total_1 .to_2 a.fl, .Product_Total .Total_1 .to_2 a.fr { width: 592px; }
    .Product_Total .Total_1 .to_3 a { height: 260px; }
    .Product_Total .Total_1 .to_3 a.fl, .Product_Total .Total_1 .to_3 a.fr { width: 592px; }
    .Product_Total .Total_2 span.span { top: 24px; right: 24px; font-size: 24px; text-transform: uppercase; }
    .Product_Total .Total_2 .to_1 { margin-bottom: 15px; }
    .Product_Total .Total_2 .to_1 a { height: 360px; }
    .Product_Total .Total_2 .to_1 a.fl { width: 780px; }
    .Product_Total .Total_2 .to_1 a.fr { width: 405px; }
    .Product_Total .Total_2 .to_2 { margin-bottom: 15px; }
    .Product_Total .Total_2 .to_2 a { width: 390px; height: 364px; margin-left: 15px; }
    .Product_Total .Total_3 .to_on, .Product_Total .Total_4 .to_on { margin-top: 15px; }
    .Product_Total .Total_3 .to_on a, .Product_Total .Total_4 .to_on a { width: 390px; height: 364px; margin-left: 15px; } }
@-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); } }
@keyframes spinAround { from { transform: rotate(0deg); }
    to { transform: rotate(360deg); } }
@-webkit-keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }
@-webkit-keyframes Ls_down { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes Ls_down { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@-webkit-keyframes Ls_up { 0% { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes Ls_up { 0% { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@-webkit-keyframes Ls_left { 0% { -webkit-transform: translateX(50px); transform: translateY(50px); opacity: 0; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes Ls_left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@-webkit-keyframes Ls_right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes Ls_right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@-webkit-keyframes Beat { 0% { -webkit-transform: translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% { -webkit-transform: translate(0, 20px); opacity: 0; } }
@keyframes Beat { 0% { transform: translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translate(0, 20px); opacity: 0; } }
.Animation { opacity: 0; }

/*Product*/
.Animation.on { -webkit-animation: Ls_up 1s ease forwards; animation: Ls_up 1s ease forwards; opacity: 1; }


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


/*sale*/
.sale-content {
    padding: 40px 0 60px;
}

    .sale-content .container {
        width: 1010px;
        margin: 0 auto;
    }

    .sale-content .h3 {
        margin-top: 30px;
        padding-left: 16px;
        font-size: 36px;
        color: #333;
        border-left: 2px solid #0281cc;
    }

    .sale-content .p1 {
        margin-top: 18px;
        font-size: 14px;
        color: rgba(51,51,51,.7);
        line-height: 1.5;
    }

    .sale-content .h4 {
        margin-top: 24px;
        font-size: 24px;
        color: #0281cc;
    }

    .sale-content .desc {
        padding-left: 18px;
    }

    .sale-content img {
        width: auto;
    }

    .sale-content .p2 {
        margin: 62px 0 30px;
        font-size: 20px;
        color: #333;
        text-align: center;
    }

    .sale-content .p3 {
        margin-top: 35px;
        font-size: 14px;
        color: #ff0000;
    }

    .sale-content .line {
        margin-top: 35px;
        border-top: 2px solid #f6f6f6;
    }

    .sale-content .h5 {
        margin: 35px 0 13px;
        font-size: 20px;
        color: #333;
    }

    .sale-content .p4 {
        font-size: 14px;
        color: #666;
        line-height: 30px;
    }

    .sale-content .p5 {
        font-size: 14px;
        color: #0281cc;
        line-height: 30px;
    }

    .sale-content .line1 {
        margin-top: 35px;
        border-top: 2px solid #0281cc;
    }

    .sale-content .p6 {
        margin-top: 35px;
        font-size: 24px;
        color: #0281cc;
    }

    .sale-content .p7 {
        margin-top: 35px;
        font-size: 24px;
        color: #333;
    }


/* 0316-start */

.bg-gray{
	background-color: #f8f8f8;
}

.ej-menu{
	width: 270px;
	float: left;
}

.ej-menu .hd{
	padding: 50px 0 40px;
	background: #fff;
} 
.ej-menu .hd span{
    display: block;
    position: relative;
    padding-left: 20px;
    font-size: 36px;
    color: #333;
    font-weight: 100;
    line-height: 1;
}
.ej-menu .hd span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    content: '';
    background: #0281cc;
}
.ej-menu .m-list li{
	margin-top: 4px;
	height: 46px;
	line-height: 46px;
	background: #fff;
}
.ej-menu .m-list li a{
	display: block;
	background: #fff;
	padding: 0 30px;
	font-size: 16px;
	color: #666;
}
.ej-menu .m-list .on a,
.ej-menu .m-list li:hover a{
	color: #fff;
	background: #0281cc;
}

.ej-side{
	width: 1100px;
	float: right;
	background: #fff;
	padding: 50px 25px 40px;
	box-sizing:border-box;
}
.ej-side .hd{
	overflow: hidden;
	margin-bottom: 20px;
}
.ej-side .h-lb{
	margin-bottom: 20px;
	font-size: 16px;
	color: #666;
}
.ej-side .h-lb a{
	color: #0281cc;
}
.ej-side .h-lb a:hover{
	text-decoration: underline;
}
.ej-side .h-btn{
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	color: #fff;
	text-align: center;
	width: 274px;
	font-size: 12px;
	background: #0281cc;
}
.ej-side .h-btn:hover{
	background: #0072b6;
}

.ej-side .new_search {
    display: inline-block;
    vertical-align: top;
    float: right;
}
.ej-side .new_search form {
    display: inline-block;
    width: 275px;
    height: 40px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #d4d4d4;
    border-radius: 25px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1;
}
.ej-side .new_search form input[type='text'] {
    width: calc(100% - 44px);
    height: 100%;
    border: none;
    padding: 7px 12px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.ej-side .new_search form input[type='submit'] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #666;
    border: none;
    font-size: 14px;
    color: #fff;
    opacity: .9;
    box-sizing: border-box;
}
.ej-side .new_search form input[type='submit']:hover {
    background: #0281CC;
}
.ej-login{
	overflow: hidden;
}
.ej-login .ej-ip{
	width: 200px;
	height: 40px;
    line-height: 40px;
    border-radius: 40px;
    float: left;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    margin-right: 10px;
    box-sizing:border-box;
}

.ej-login .h-btn{
	float: right;
	border: none;
	width: 100px;
}


.ej-table{
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.ej-table th{
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.ej-table th:first-of-type,
.ej-table td:first-of-type{
	text-align: left;
	padding-left: 12px;
	max-width: 110px;
}
.ej-table tr{
	border-top: 1px solid #eee;
}
.ej-table td{
	padding: 20px 0;
	font-size: 16px;
	color: #666;
}
.ej-table th:last-of-type,
.ej-table td:last-of-type{
	width: 200px;
	position: relative;
}
.ej-table td:last-of-type:before{
	content: '';
	width: 1px;
	height: 20px;
	background: #eee;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;

}
.ej-table .dw-btn{
	display: inline-block;
	vertical-align: middle;
	width: 130px;
	height: 42px;
	line-height: 42px;
	border-radius: 42px;
	text-align: center;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	color: #666;
}
.ej-table .dw-btn img{
	width:auto;
    padding-right:8px;
}
.ej-table .dw-btn label{
    padding-right:8px;
}
.ej-table .dw-btn:before{
	content: '';
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	/*background: url(../images/icon-down.png) no-repeat center;*/
	margin-top: -2px;
	margin-right: 10px;
}
.ej-table .dw-btn:hover{
	background: #0281cc;
	color: #fff;
	/*background: url(../images/icon-down-2.png) no-repeat center;*/
}
.ej-table .dw-btn:hover:before{
	background-image: url(../images/icon-down-sel.png);
}

.Product .Pr_pp.ejpr_1 .pr_mian{
	width: 550px;
	text-align: left;
}
.Product .Pr_pp.ejpr_1 .pr_mian h6 > span{
	margin: 0 16px 30px;
}

.Product .Pr_pp.ejpr_2 .pr_mian{
	width: 420px;
}
.Product .Pr_pp.ejpr_2 .pr_mian h6 span{
	width: 50%;
	vertical-align: top;
	margin-bottom: 15px;
}
/* .Product .Pr_pp.ejpr_2 .pr_mian h6 span:last-of-type{
	width: 100%;
} */
.Product .Pr_pp.prpr_2 .pr_mian h6 .lb{
	font-size: 14px;
	color: #aeafaf;
	margin-top: 5px;
	width: 96%;
}

.Product .Pr_pp.ejpr_5 .pr_mian{
	padding-top: 100px;
}
.Product .Pr_pp.ejpr_5 .pr_mian ul li{
	border: none;
}

.Product .Pr_pp.ejpr_5 .pr_mian ul li em{
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
}
.Product .Pr_pp.ejpr_5 .pr_mian ul{
	padding-top: 200px;
}
.Product .Pr_pp.ejpr_6 .pr_mian{
	display: block;
}
.Product .Pr_pp.ejpr_6{
	height:735px;
	line-height: normal;
	padding-top: 70px;
	box-sizing:border-box;
}
.Product .Pr_pp.ejpr_6 .pr_mian h4{
	text-align: center;
	margin-bottom: 60px;
}

.sv-it{
	display: block;
	/* width: 443px; */
	width: 32%;
	height: 474px;
	background: #f8f9fa;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-sizing:border-box;
	padding: 35px 60px 0;
	text-align: left;
	float: left;
}
.sv-it:nth-of-type(2){
	margin: 0 2%;
}
.sv-it .hd{
	margin-bottom: 25px;
	font-size: 24px;
	color: #000;
}
.sv-it .hd em{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	border-radius: 30px;
	text-align: center;
	background: #2489ce;
	margin-right: 15px;
	color: #fff;
}
.sv-it .pic{
	width: 100%;
	height: 210px;
	border-radius: 10px;
	margin-bottom: 20px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sv-it .dd li{
	margin-bottom: 10px;
	font-size: 14px;
	color: #666;
	padding-left: 10px;
	position: relative;
	line-height: 1.2;
}
.sv-it .dd li:before{
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
}

.ej-tcon{
    position: relative;
    width: 100%;
    overflow: hidden;
} 
.ej-tcon .ej-col{
	 position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     opacity: 0;
     z-index: -1;
} 
.ej-tcon .ej-col.on{
    position: relative;
	opacity: 1;
    z-index: 8;
}

.Product .ejpr_1{
	background-position: left center;
}
.Product .ejpr_2 .pr_mian h4{
	margin-bottom: 80px;
}
.Product .Pr_pp.ejpr_2 .mian_2{
	width: 500px;
}
.Product .Pr_pp.ejpr_2 .mian_2 h6 span{
	width: 33%;
}
.Product .Pr_pp.ejpr_7{
	height: auto;
	background-color: #efefef;
	padding: 80px 0 30px;
}
.Product .Pr_pp.ejpr_7 .pic{
	width: 98%;
	margin:0 auto 30px;
}
.Product .Pr_pp.ejpr_7 .pic img{
	width: 100%;
}

.sk-it{
	width: 49%;
	float: left;
	margin: 0 0.5% 20px;
}
.sk-it img{
	width: 100%;
}
.sk-it .lb{
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-top: 14px;
}

.Product .ap-mod{
	line-height: normal;
	height: 800px;
}
.Product .ap-mod .wrap_1400{
	position: relative;
	/* padding-top: 135px; */
	height: 100%;
}

.ap-it{
	width: 220px;
	text-align: center;
	position: absolute;
}
.ap-it .pic{
	width: 150px;
	height: 150px;
	border-radius: 100%;
	margin: 0 auto 20px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.ap-it .lb{
	font-size: 16px;
	color: #666;
}



.Product .td-tb{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
}
.Product .td-tb th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    line-height: 60px;
    color: #000;
    vertical-align: middle;
    font-size: 14px;
}
.Product .td-tb td {
	font-size: 12px;
    line-height: 60px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    word-wrap: break-word;
    word-break: break-all;
    color: #000;
    vertical-align: middle;
    font-size: 12px;
}
.Product .pr_mian .td-tb p{
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	color: #000;
	font-size: 12px;
}
.Product .td-tb th p{
	font-size: 14px;
}


.ej-pipe{
	height: 810px;
	line-height: 810px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.ej-pipe .pg-lt{
	width: 660px;
	float: left;
	text-align: center;
}

.ej-pipe .pg-rg{
	width: 660px;
	float: right;
	text-align: center;
}
.ej-pipe .pg-fw{
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
.ej-pipe .pg-fw .di-gro .di-it{
	margin: 0 120px;
}


.ej-pipe .pr_mian{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	width: 100%;
}


.ej-pipe .pr_mian h4,
.ej-pipe .ej-tt{ margin-bottom: 24px; font-size: 48px; color: #333; line-height: normal; text-align: center; }
.ej-pipe .c-bl,
.ej-pipe .pr_mian .c-bl{
	color: #0281cc;
}
.ej-pipe .c-wh,
.ej-pipe .pr_mian .c-wh{
	color: #fff;
}
.ej-pipe .dd{
	font-size: 16px;
	color: #666;
	line-height:2;
}
.ej-pipe .pr_mian .di-gro{
	margin-top: 70px;
}
.ej-pipe .di-gro .di-it{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}
.ej-pipe .di-it .ic{
	display: block;
	margin: 0 auto 15px;
}
.ej-pipe .di-it em{
	font-size: 14px;
	color: #666;
	display: block;
	margin:  0 auto;
}
.ej-pipe .ct-pic{
	margin: 0 auto 60px;
}


.ej-pipe-yy{
	line-height: normal;
	height: 780px;
}
.ej-pipe-yy .wrap_1400{
	position: relative;
	height: 100%;
}

.pyy-gro li{
	position: absolute;
	width: 180px;
	text-align: center;
}
.pyy-gro li .bg{
	width: 180px;
	height: 180px;
	border-radius: 100%;
	display: block;
	margin:  0 auto 25px;
	background-size: 100% 100%;
}
.ej-pipe-yy .ej-tt{
	margin-top: 80px;
} 
.pyy-gro .te-r .lb{
	position: absolute;
	width: 100%;
	top: 50%;
	right: -104%;
	transform:translate(0,-50%);
	text-align: left;
}
.pyy-gro .te-l .lb{
	position: absolute;
	width: 100%;
	top: 50%;
	left: -104%;
	transform:translate(0,-50%);
	text-align: left;
}





@media screen and (max-width: 1440px){
	.Product .Pr_pp.ejpr_5 .pr_mian ul li{
		margin: 0 15px;
		width: 220px;
		height: 220px;
		line-height: 220px;
	}
	.Product .Pr_pp.ejpr_5 .pr_mian ul{
		padding-top: 140px;
	}
	.content .sub_msg ul li a{
		width: 128px;
	}
	.ej-side{
		width: auto;
		float: none;
		margin-left: 290px;
	}
	.Product .ap-mod{
	height: 750px;
}
}



/* 2020.7-17改 */

.index_6{padding: 30px 0 30px;background-color: #fff;}
.xma-nav{width: 100%;}
.xma-navtitles{ display: inline-block;padding-right: 10px; vertical-align: top; line-height: 1.3;margin-bottom: 10px; font-size: 14px;color: #999;}
.xma-navcont{width: calc(100% - 80px); display: inline-block;vertical-align: top;}
.xma-navitem{display: inline-block;vertical-align: top;margin-right: 10px;margin-bottom: 10px; cursor: pointer; line-height: 1.3;font-size: 14px;color: #999;}
.xma-navitem:hover{color: #0281cc;}

.xmb-a{width: 100%;padding: 60px 0; background: #f1f1f1;}
.Product_Total .Total_2{ background: #ffffff; }
.Product_Total .Total_3{ background: #f1f1f1; }
.Product_Total .Total_4{ background: #ffffff; }

.xmb-b{width: 100%;}
.xmb-cont{width: 100%;font-size: 0;}
.xmb-item{display: inline-block;vertical-align: top;position: relative;overflow: hidden;cursor: pointer;margin-bottom: 20px;}
.xmb-img{position: relative;transition: all .3s;transform: scale(1.00); z-index: 1;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmb-text{position: absolute;z-index: 18;font-size: 32px; color: #333333;}
.xmb-item:hover .xmb-img{transform: scale(1.03);}

.xmb-item1{width: 925px;height: 425px;margin-right: 20px;}
.xmb-item1 .xmb-text{top: 103px;right: 47px; }
.xmb-item2{width: 455px; height: 425px;}
.xmb-item2 .xmb-text{bottom:40px;right:0;width: 100%;text-align: center; }

.xmb-item3{width: 453px;height: 425px;margin-right: 20px;}
.xmb-item3 .xmb-text{top: 55px;right:0;width: 100%;text-align: center; }
.xmb-item4{width: 453px;height: 425px;margin-right: 20px;}
.xmb-item4 .xmb-text{top: 55px;right:0;width: 100%;text-align: center; }
.xmb-item5{width: 453px;height: 425px;}
.xmb-item5 .xmb-text{top: 55px;right:0;width: 100%;text-align: center; }

@media (max-width: 1440px){
    .xmb-item1{width: 780px;height: 360px;margin-right: 15px;}
    .xmb-item2{width: 405px;height: 360px;}
    .xmb-item3{width: 390px; height: 364px;margin-right: 15px;}
    .xmb-item4{width: 390px; height: 364px;margin-right: 15px;}
    .xmb-item5{width: 390px; height: 364px;}
    .xmb-text{font-size: 24px;}
}
 
.xmc-a{width: 100%;}
.xmc-a *{box-sizing: border-box;line-height: 1;}
.xmc-b{width: 100%;}
.xmc-c{width: 100%;height: 810px;font-size: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmc-cont{ width: 600px;height: 810px;display: table-cell;vertical-align: middle; text-align: center;}
.xmc-d{font-size: 48px; line-height: 49px; color: #333333;margin-bottom: 30px;}
.xmc-d span{color: #0281cc;}
.xmc-text{margin: 0 auto; width: 520px; font-size: 16px; line-height: 24px; color: #666666;}
.xmc-text *{ font-size: 16px; line-height: 24px; color: #666666;}

.xmc-icont{width: 100%;font-size: 0;margin-top: 70px;} 
.xmc-item{display: inline-block;vertical-align: top;width: 25%;padding: 0 10px;margin-bottom: 10px;}
.xmc-e{display: inline-block; width: 77px;max-width: 100%;margin-bottom: 30px;}
.xmc-e img{width: 100%;}
.xmc-f{display: block; font-size: 14px; line-height: 24px; color: #666666;}



/* 2020.7-17改 */

.index_6{padding: 30px 0 30px;background-color: #fff;}
.xma-nav{width: 100%;}
.xma-navtitles{ display: inline-block;padding-right: 10px; vertical-align: top; line-height: 1.3;margin-bottom: 10px; font-size: 14px;color: #999;}
.xma-navcont{width: calc(100% - 80px); display: inline-block;vertical-align: top;}
.xma-navitem{display: inline-block;vertical-align: top;margin-right: 10px;margin-bottom: 10px; cursor: pointer; line-height: 1.3;font-size: 14px;color: #999;}
.xma-navitem:hover{color: #0281cc;}

.xmb-a{width: 100%;padding: 60px 0; background: #f1f1f1;}
.Product_Total .Total_2{ background: #ffffff; }
.Product_Total .Total_3{ background: #f1f1f1; }
.Product_Total .Total_4{ background: #ffffff; }

.xmb-b{width: 100%;}
.xmb-cont{width: 100%;font-size: 0;}
.xmb-item{display: inline-block;vertical-align: top;position: relative;overflow: hidden;cursor: pointer;margin-bottom: 20px;}
.xmb-img{position: relative;transition: all .3s;transform: scale(1.00); z-index: 1;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmb-text{position: absolute;z-index: 18;font-size: 32px; color: #333333;}
.xmb-item:hover .xmb-img{transform: scale(1.03);}

.xmb-item1{width: 925px;height: 425px;margin-right: 20px;}
.xmb-item1 .xmb-text{top: 103px;right: 47px; }
.xmb-item2{width: 455px; height: 425px;}
.xmb-item2 .xmb-text{bottom:40px;right:0;width: 100%;text-align: center; }

.xmb-item3{width: 453px;height: 425px;margin-right: 20px;}
.xmb-item3 .xmb-text{top: 55px;right:0;width: 100%;text-align: center; }
.xmb-item4{width: 453px;height: 425px;margin-right: 20px;}
.xmb-item4 .xmb-text{top: 55px;right:0;width: 100%;text-align: center; }
.xmb-item5{width: 453px;height: 425px;}
.xmb-item5 .xmb-text{top: 55px;right:0;width: 100%;text-align: center; }

@media (max-width: 1440px){
    .xmb-item1{width: 780px;height: 360px;margin-right: 15px;}
    .xmb-item2{width: 405px;height: 360px;}
    .xmb-item3{width: 390px; height: 364px;margin-right: 15px;}
    .xmb-item4{width: 390px; height: 364px;margin-right: 15px;}
    .xmb-item5{width: 390px; height: 364px;}
    .xmb-text{font-size: 24px;}
}
 
.xmc-a{width: 100%;}
.xmc-a *{box-sizing: border-box;line-height: 1;}
.xmc-b{width: 100%;}
.xmc-c{width: 100%;height: 810px;font-size: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmc-cont{ width: 600px;height: 810px;display: table-cell;vertical-align: middle; text-align: center;}
.xmc-d{font-size: 48px; line-height: 49px; color: #333333;margin-bottom: 30px;}
.xmc-d span{color: #0281cc;}
.xmc-text{margin: 0 auto; width: 520px; font-size: 16px; line-height: 24px; color: #666666;}
.xmc-text *{ font-size: 16px; line-height: 24px; color: #666666;}

.xmc-icont{width: 100%;font-size: 0;margin-top: 70px;} 
.xmc-item{display: inline-block;vertical-align: top;width: 25%;padding: 0 10px;margin-bottom: 10px;}
.xmc-e{display: inline-block; width: 77px;max-width: 100%;margin-bottom: 30px;}
.xmc-e img{width: 100%;}
.xmc-f{display: block; font-size: 14px; line-height: 24px; color: #666666;}


.xmd-a *{box-sizing: border-box;line-height: 1;}
.xmd-a{width: 100%;}
.xmd-b{width: 100%;}
.xmd-c{transition: all .3s; padding: 0 15px;position: relative;margin-top: 5px;display: block;background-color: #fff; cursor: pointer; width: 100%;height: 42px;line-height: 42px;font-size: 16px;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmd-b.has-nav1 .xmd-c:after{content: "";display: block;border-left: 6px solid #c9c9c9;border-top: 6px solid transparent;border-bottom: 6px solid transparent; position: absolute;right: 7px;top: 50%;margin-top: -6px;}
.xmd-b.active .xmd-c:after{content: "";display: block;border-left: 6px solid #81c0e6;border-top: 6px solid transparent;border-bottom: 6px solid transparent; position: absolute;right: 7px;top: 50%;margin-top: -6px;}
.xmd-b.show .xmd-c{color: #ffffff;background-color: #0281cc;}
.xmd-b:hover .xmd-c{color: #ffffff;background-color: #0281cc;} 

.xmd-sub1{display: none;background-color: #0075ba;transition: all .3s;} 
.xmd-b.show .xmd-sub1{display: block;}
.xmd-d{width: 100%; position: relative;  }
.xmd-e{padding: 0 15px;display: block;cursor: pointer;position: relative;background-color: #0075ba; width: 100%;height: 42px;line-height: 42px;font-size: 16px;color: #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmd-d.has-nav2 .xmd-e:after{content: "";display: block;border-left: 6px solid #c9c9c9;border-top: 6px solid transparent;border-bottom: 6px solid transparent; position: absolute;right: 7px;top: 50%;margin-top: -6px;}
.xmd-d:hover .xmd-e{background-color: #0281cc;} 

.xmd-sub2{display: none;position: absolute;top: 0;right: -240px; background-color: #0075ba;width: 240px;}
.xmd-d:hover .xmd-sub2{display: block;}
.xmd-f{width: 100%; position: relative; }
.xmd-g{transition: all .3s;padding: 0 15px;display: block;cursor: pointer;position: relative; background-color: #0075ba; width: 100%;height: 42px;line-height: 42px;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmd-f.has-nav3 .xmd-g:after{content: "";display: block;border-left: 6px solid #c9c9c9;border-top: 6px solid transparent;border-bottom: 6px solid transparent; position: absolute;right: 7px;top: 50%;margin-top: -6px;}
.xmd-f:hover .xmd-g{background-color: #0281cc;} 


.xmd-sub3{display: none;position: absolute;top: 0;right: -230px; background-color: #0075ba;width: 230px;}
.xmd-f:hover .xmd-sub3{display: block;}
.xmd-h{transition: all .3s;width: 100%; position: relative; }
.xmd-i{padding: 0 15px;display: block;cursor: pointer;background-color: #0075ba; width: 100%;height: 42px;line-height: 42px;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmd-h:hover .xmd-i{background-color: #0281cc;} 

.xmd-titles{width: 100%;margin-bottom: 45px;font-size: 16px;color: #666;line-height: 1.5;}


.xme-a{display: block; width: 100%;padding-top: 155px;max-width: 450px; }
.xme-b{color: #0280cc;font-size: 30px;margin-bottom: 20px;}
.xme-c{position: relative;padding-bottom: 30px;margin-bottom: 30px;font-size: 36px;color: #fff !important;font-weight: bold;}
.xme-c:after{position: absolute;left: 0;bottom: 0;width: 30px;height: 2px;content: '';background: #0281CC;}
.xme-d{color: #fff !important;font-size: 18px;line-height: 30px;}

.xmf-a{width: 100%;}
.xmf-a *{box-sizing: border-box;line-height: 1;}
.xmf-a{width: 100%;text-align: left;line-height: 1;}
.xmf-cont{display: inline-block; width: 100%;max-width: 580px;padding-top: 230px;}
.xmf-b{color: #333333;font-size: 48px;line-height: 1.2;margin-bottom: 30px;}
.xmf-bspan{color: #0281cc;}
.xmf-c{color: #333333;line-height: 30px;font-size: 24px;margin-bottom: 40px;}
.xmf-d{text-align: center;}
.xmf-ditem{display: inline-block;vertical-align: top;margin: 0 30px;}
.xmf-dimg{display: inline-block; width: 90px;margin-bottom: 20px;}
.xmf-dimg img{width: 100%;}
.xmf-dtext{color: #0281cc;font-size: 16px;}
.xmf-a.cont2{text-align: right;}
.xmf-a.cont2 .xmf-cont{text-align: center;padding-top: 295px;}
.xmf-a.cont2 .xmf-c{font-size: 16px;line-height: 24px;color: #999999;}
.xmf-a.cont3{text-align: left;}
.xmf-a.cont3 .xmf-cont{text-align: center;padding-top: 295px;}
.xmf-a.cont3 .xmf-c{font-size: 16px;line-height: 24px;color: #999999;}
.xmf-a.cont4{text-align: left;}
.xmf-a.cont4 .xmf-cont{text-align: left;padding-top: 310px; }
.xmf-a.cont4 .xmf-c{font-size: 16px;line-height: 24px;color: #999999;}
.xmf-a.cont4 .xmf-dimg{width: 70px;}
/* .xmf{height: 810px;} */
.xmf-a.cont5{text-align: right;}
.xmf-a.cont5 .xmf-cont{text-align: right;padding-top: 290px;height: 810px; }
.xmf-a.cont5 .xmf-c{font-size: 16px;line-height: 24px;color: #999999;}
.xmf-a.cont5 .xmf-dimg{width: 70px;}

.xmf-e{width: 100%;}
.xmf-e *{box-sizing: border-box;line-height: 1;}
.xmf-e{width: 100%;padding-top: 70px;}
.xmf-f{width: 100%;color: #333333;font-size: 48px;margin-bottom: 35px; text-align: center;}
.xmf-g{width: 100%;text-align: center;margin-bottom: 40px;}
.xmf-gspan{display: inline-block;max-width: 580px; font-size: 16px; line-height: 24px; color: #999999;}
.xmf-h{width: 100%;font-size: 0;padding-bottom: 30px;}
.xmf-item{display: inline-block;vertical-align: top;width: calc(50% - 50px);font-size: 0;margin-bottom: 30px;margin-right: 100px;cursor: pointer;}
.xmf-item:nth-child(2n){margin-right: 0;}
.xmf-i{display: inline-block;vertical-align: middle;width: 175px;height: 175px;overflow: hidden;border-radius: 15px;border: 1px solid #0281cc;}
.xmf-i img{position: relative;width: 100%;height: auto;min-height: 100%;}
.xmf-j{display: inline-block;vertical-align: middle;width: calc(100% - 175px);padding-left: 25px;}
.xmf-k{font-size: 22px;color: #0281cc;line-height: 1.3;margin-bottom: 25px;}
.xmf-l{font-size: 16px; line-height: 1.5;color: #6f7070;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.xmf-m{width: 100%;font-size: 16px;line-height: 1.5;color: #6f7070;}
.xmf-m *{font-size: 16px;line-height: 1.5;color: #6f7070;}

.xmf-p{width: 100%;font-size: 16px;line-height: 1.5;color: #6f7070;}
.xmf-p *{font-size: 16px;line-height: 1.5;color: #6f7070;}


.xmf-l{width: 100%;}
.xmf-l p {font-size: 16px; line-height: 1.5;color: #6f7070;}
 
@media (max-width: 1440px){
    .xmf-e{padding-top: 30px;}
    .xmf-h{padding-bottom: 20px;}
    .xmf-item{margin-bottom: 20px;}
    .xmf-l{-webkit-line-clamp: 3;}
    .xmf-a.cont5 .xmf-cont{height: 700px;}
    .xmf-cont{padding-top: 150px !important;}
}


.xmg-a{width: 100%;padding: 100px 0;}
.xmg-a *{box-sizing: border-box;line-height: 1;}
.xmg-c{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xmg-itme{width: calc(50% - 20px);padding: 100px;text-align: center;margin-bottom: 40px; background-color: #f9f9f9;border: solid 1px #deeffa;}
.xmg-d{width: 130px;display: inline-block;margin-bottom: 30px;}
.xmg-d img{width: 100%;}
.xmg-e{width: 100%;}
.xmg-f{color: #0281cc;line-height: 46px;font-size: 40px;margin-bottom: 20px;}
.xmg-h{font-size: 18px; line-height: 30px; color: #666666;}

.xmh-a{width: 100%;padding: 80px 0 100px;background-color: #f9f9f9;}
.xmh-a *{box-sizing: border-box;line-height: 1;}
.xmh-tieles{width: 100%;text-align: center;	font-size: 50px; color: #333333;margin-bottom: 60px;}
.xmh-cont{width: 100%;}
.xmh-c{width: 100%;} 
.xmh-d{ padding: 0 5px;background-color: #f9f9f9;}
.xmh-e{display: block; width: 100%;background-color: #fff;cursor: pointer;overflow: hidden;}
.xmh-e img{width: 100%;transform: scale(1.00);transition: all .3s;}
.xmh-c .slick-dots {position: absolute;left: 0;bottom: -40px;z-index: 99;width: 100%;height: 8px;text-align: center;}
.xmh-c .slick-dots li {display: inline-block;width: 12px;height: 12px;font-size: 0; overflow: hidden;margin: 0 8px;border-radius: 50%;background: #ccc;vertical-align: top;}
.xmh-c .slick-dots   button{display: none;}
.xmh-c .slick-dots li.slick-active {background: #0280CC;}
.xmh-e:hover img{transform: scale(1.05);border: nome;}
.xmh-d:hover  { border: nome;}

.xmi-a{width: 100%;}
.xmi-cont{width: 100%;}
.xmi-item{display: block;height: 800px;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmi-b{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: left;}
.xmi-c{display: inline-block; width: 100%;max-width: 530px;text-align: center;}
.xmi-d{color: #333333;line-height: 1.3;margin-bottom: 25px;font-size: 40px;}
.xmi-dspan{color: #0281cc;}
.xmi-e{font-size: 16px; line-height: 30px; color: #666666;}
.xmi-f{width: 100%;font-size: 0;margin-top: 80px;}
.xmi-g{display: inline-block;margin: 0 10px;}
.xmi-gimg{display: inline-block; width: 63px;}
.xmi-gimg img{width: 100%;}
.xmi-gtext{font-size: 16px; line-height: 30px; color: #666666;}
.xmi-item:nth-child(2n) .xmi-b{text-align: right;}

@media (max-width: 1440px){
    .xmi-item{height: 700px;}
}

.xmj-a{width: 100%;height: 500px; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmj-cont{width: 100%;padding-top: 200px;text-align: center;}
.xmj-c{	font-size: 40px; line-height: 46px; color: #ffffff;margin-bottom: 20px;}
.xmj-d{	font-size: 20px; line-height: 30px; color: #ffffff;}

.xmk-a{width: 100%;padding-top: 100px;}
.xmk-b{	font-size: 50px; color: #000000;text-align: center;margin-bottom: 50px;}
.xmk-bspan{color: #0281cc;}
.xmk-c{width: 100%;text-align: center;margin-bottom: 50px;padding-bottom:50px;}
.xmk-c img{max-width: 100%;}
.xmk-d{width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 60px;}
.xmk-e{width: calc(50% - 20px);display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;overflow: hidden; background-color: #f9f9f9;border-radius: 30px ;border: solid 2px #deeffa;}
.xmk-f{width: 50%;padding: 10px 25px;}
.xmk-g{	font-size: 40px; line-height: 46px; color: #0281cc;margin-bottom: 20px;}
.xmk-h{	font-size: 18px; line-height: 30px; color: #666666;}
.xmk-h *{	font-size: 18px; line-height: 30px; color: #666666;}

@media (max-width: 1440px){
    .xmk-g{font-size: 30px;margin-bottom: 15px;}
    .xmk-f{ padding: 10px 20px;}
    .xmk-h{font-size: 14px;line-height: 25px;}
    .xmk-h *{font-size: 14px;line-height: 25px;}
}


.Product .Pr_ts.xml-a{height: auto;padding-top: 31.25%;}

/* 2021-8-25改 */

.xmm-a *{box-sizing: border-box;line-height: 1;}
.xmm-a{width: 100%;}
.xmm-b{width: 100%;}
.xmm-item{width: 100%; }
.xmm-c{display: block;position: relative; height: 300px; width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmm-text{position: absolute;top: 105px;left: 50%;margin-left: -582px; width: 1165px;text-align: center;}
.xmm-d{width: 100%;color: #ffffff;font-size: 32px;margin-bottom: 15px;}
.xmm-intro{color: #ffffff;font-size: 14px;line-height: 22px;}

.xmm-a .slick-dots{position: absolute;bottom: 9px;width: 100%;text-align: center;font-size: 0;}
.xmm-a .slick-dots li{display: inline-block;vertical-align: middle;margin: 0 4px;border-radius: 50%;cursor: pointer; width: 13px;height: 13px;background-color: #d8d8d8;opacity: 0.4;}
.xmm-a .slick-dots .slick-active{opacity: 1;}
.xmm-a .slick-dots li button{display: none;}

.xmn-a *{box-sizing: border-box;line-height: 1;}
.xmn-a{width: 100%;padding-top: 65px;padding-bottom: 40px;}
.xmn-b{width: 1165px;margin: 0 auto;}
.xmn-top{width: 100%;padding-bottom: 23px;}
.xmn-titles{color: #333333;margin-bottom: 15px;font-size: 24px;font-weight: bold;}
.xmn-intro{color: #666666;font-size: 14px;}

.xmn-cont{width: 100%;font-size: 0;}
.xmn-item{display: inline-block;vertical-align: top;margin-bottom: 20px; width: 280px;margin-right: 15px;}
.xmn-item:nth-child(4n){margin-right: 0;}
.xmn-c{width: 100%;padding: 20px 14px 15px;margin-bottom: 5px; background-image: url('../images/xma1.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmn-d{color: #ffffff;font-size: 16px;margin-bottom: 7px;font-weight:bold;}
.xmn-e{color: #ffffff;font-size: 14px;line-height: 16px;}
.xmn-text{display: block;padding: 30px 0 50px; text-align: center; width: 100%;background-color: #ffffff;box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 0.1);border-radius: 4px;}
.xmn-f{color: #666666;font-size: 14px;margin-bottom: 13px;}
.xmn-img{width: 100%;}
.xmn-img img{height: 110px;}

.xmo-a *{box-sizing: border-box;line-height: 1;}
.xmo-a{width: 100%;padding-top: 65px;padding-bottom: 30px; background-color: #f7f7f7;}
.xmo-b{width: 1165px;margin: 0 auto;}
.xmo-top{width: 100%;padding-bottom: 23px;}
.xmo-titles{color: #333333;margin-bottom: 15px;font-size: 24px;font-weight: bold;}
.xmo-intro{color: #666666;font-size: 14px;}
.xmo-cont{width: 100%;}
.xmo-item{display: block;cursor: pointer;font-size: 0; display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse; margin-bottom: 20px;padding: 20px 30px; background-color: #ffffff;box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 0.1);border-radius: 4px;}
.xmo-img{display: inline-block;vertical-align: middle;width: 560px;overflow: hidden;}
.xmo-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xmo-text{display: inline-block;vertical-align: middle;width: 480px;}
.xmo-name{color: #333333;margin-bottom: 7px;font-size: 20px;font-weight: bold;}
.xmo-c{color: #000000;font-size: 14px;line-height: 22px;margin-bottom: 15px;}
.xmo-d{	font-size: 14px; line-height: 24px; color: #666666;margin-bottom: 18px;}
.xmo-more{display: inline-block;font-size: 14px; color: #0081cc;min-width: 76px;line-height:  28px;text-align: center;border-radius: 4px;border: solid 1px #0081cc;}

.xmo-item:nth-child(2n){flex-direction: row;}
.xmo-item:hover .xmo-img img{transform: scale(1.05);}
.xmo-item:hover .xmo-name{	color: #0081cc; }
.xmo-item:hover .xmo-more{background-color: #0081cc;	color: #fff; }

.xmp-a *{box-sizing: border-box;line-height: 1;}
.xmp-a{width: 100%;padding: 23px 0 35px; background-color: #252525;}
.xmp-b{width: 1165px;margin: 0 auto;text-align: center;}
.xmp-tip{color: #ffffff;font-size: 14px;margin-bottom: 23px;}
.xmp-img{width: 100%;}
.xmp-img img{width: 120px;}

.index_1 .in_1 .in_box > button{display: none !important;}
.i_news_ba .slick-dots{display: none !important;}

.xmq-a *{box-sizing: border-box;line-height: 1;}
.xmq-top{padding: 0 15px;position: relative; margin-top: 40px;margin-bottom: 30px; width: 100%;background-image: url('../images/xmb22.jpg');background-size: cover;background-position: left center;background-repeat: no-repeat;}
.xmq-b{display: inline-block;color: #333333;line-height: 48px;font-size: 20px;}
.xmq-b img{width: 25px;margin-right: 20px;}
.xmq-more{cursor: pointer; position: absolute;top: 0;right: 15px;line-height: 48px;font-size: 14px;color: #333;}
.xmq-more i{display: inline-block;margin-left: 3px;font-size: 12px;vertical-align: middle;line-height: 1;}

.xmq-cont{width: 1415px;padding-bottom: 20px;}
.xmq-c{width: 100%;} 
.xmq-item{display: block;padding-right: 15px;  cursor: pointer;}
.xmq-d{width: 100%;position: relative;}
.xmq-img{width: 100%;margin-bottom: 15px;}
.xmq-img img{width: 100%;}
.xmq-img:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '\e63c';font-family: 'iconfont' !important;font-size: 40px;color: #fff;}
 
.xmq-name{width: 100%;color: #333333;font-size: 16px;line-height: 26px; display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xmq-a button{display: none !important;}

/*视频容器样式*/
.xv-a {position: fixed;z-index: 2888; left: 0;top: 120%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #0280CC;position: absolute;right: 0; top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%; height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}

.index_4 .in_mian .in_bd span {position: relative;cursor: pointer;}
.index_4 .in_mian .in_bd span:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.index_4 .in_mian .in_bd span:before{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);z-index: 18;content: '\e63c';font-family: 'iconfont' !important;font-size:68px;color: #fff;}

@media (max-width: 1440px){
    .xmq-cont{width: 1215px;}
}

.xmr-a *{box-sizing: border-box;line-height: 1;}
.xmr-a{width: 100%;padding-top: 127px;padding-bottom: 160px; background-size: cover;background-position: bottom center;background-repeat: no-repeat;}
.xmr-top{width: 100%;text-align: center;margin-bottom: 105px;}
.xmr-b{color: #333333;margin-bottom: 23px;font-size: 20px;}
.xmr-c{color: #333333;margin-bottom: 23px;font-size: 48px;}
.xmr-cont{width: 100%;position: relative;margin-bottom: 177px;}
.xmr-img{width: 100%;text-align: center;padding-right: 80px;}
.xmr-img img{width: 658px;}
.xmr-item{position: absolute;text-align: right;width: 225px;z-index: 18;}
.xmr-name{color: #0281cc;line-height: 30px;font-size: 20px;position: relative;}
.xmr-intro{color: #666666;line-height: 30px;font-size: 16px;}
.xmr-intro *{line-height: inherit;}

.xmr-item:nth-child(1){left: 0;top: -50px;}
.xmr-item:nth-child(1) .xmr-name:after{content: '';position: absolute;top: 5px;right: -295px;height: 80px;width: 290px;background-image: url('../images/xmb5.png');background-size: cover;background-position: auto 100%;background-repeat: no-repeat; }
.xmr-item:nth-child(2){left: 0;top: 230px;}
.xmr-item:nth-child(2) .xmr-name:after{content: '';position: absolute;top: 5px;right: -150px;height: 49px;width: 147px;background-image: url('../images/xmb6.png');background-size: cover;background-position: auto 100%;background-repeat: no-repeat; }
.xmr-item:nth-child(3){right: 0;top: -6px;width: 285px;text-align: left;}
.xmr-item:nth-child(3) .xmr-name:after{content: '';position: absolute;top: 5px;left: -160px;height: 29px;width: 153px;background-image: url('../images/xmb7.png');background-size: cover;background-position: auto 100%;background-repeat: no-repeat; }

.xmr-bottom{width: 100%;text-align: center;}
.xmr-d{color: #333333;margin-bottom: 25px;font-size: 48px;}
.xmr-textbox {	font-size: 16px; line-height: 30px; color: #666666;}
.xmr-textbox *{line-height: inherit;}

.xmr-e{width: 100%;height: 100%;position: relative;}
.xmr-f{position: absolute;top: 50%;left: 50%;margin-left: -700px; width: 1400px;}
.xmr-g{color: #ffffff;line-height: 60px;	font-size: 50px;margin-bottom: 20px;}
.xmr-h{letter-spacing: 4px;color: #ffffff;font-size: 20px;line-height: 30px;}


@media (max-width: 1440px){
    .xmr-img{padding-right: 0;}
    .xmr-item:nth-child(3){width:240px;}

    .xmr-f{width: 1200px;margin-left: -600px;}
    
}

.xms-a *{box-sizing: border-box;line-height: 1;}
.xms-a{width: 100%;}
.xms-cont{width: 100%;}
.xms-item{width: 100%;position: relative;font-size: 0;display: flex;justify-content: space-between;align-items: center;}
.xms-item:before{content: ''; position: absolute;top: 0;left: 0;width: 50%;height: 100%; background-image: url('../images/xmb32.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xms-left{position: relative;z-index: 18; display: inline-block;vertical-align: middle;width: 50%;text-align: center;}
.xms-text{display: inline-block;max-width: 80%;text-align: left;}
.xms-titles{color: #000000;font-size: 50px;padding-bottom: 52px;position: relative;margin-bottom:45px;}
.xms-titles:before{content: '';position: absolute;bottom: 0;left: 0; width: 100px;height: 2px;background-color: #e8e8e8;}
.xms-intro{	font-size: 18px; line-height: 30px; color: #666666;}
.xms-intro *{line-height: inherit;}
.xms-right{display: inline-block;vertical-align: middle;width: 50%;}
.xms-img{display: block;width: 100%;padding-top: 84.375%; background-size: cover;background-position: center center;background-repeat: no-repeat;}

.xms-item:nth-child(2n){flex-direction: row-reverse;}
.xms-item:nth-child(2n):before{left: auto;right: 0;background-image: url('../images/xmb33.jpg');}

.xms-a.cont2 .xms-item:before{background-image: url('../images/xmb35.jpg');}

.xmt-a *{box-sizing: border-box;line-height: 1;}
.xmt-a{width: 100%;padding-top: 120px; background-image: url('../images/xmb36.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmt-b{width: 100%;}
.xmt-top{width: 100%;text-align: center;}
.xmt-titles{color: #ffffff;font-size: 50px;padding-bottom: 42px;position: relative;margin-bottom: 15px;}
.xmt-titles:before{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -50px; width: 100px;height: 2px;background-color: #e8e8e8;}
.xmt-cont{width: 100%;font-size: 0;}
.xmt-item{display: inline-block;vertical-align: top;width: 50%;text-align: center;}
.xmt-text{width: 100%;padding-bottom: 40px;}
.xmt-c{	font-size: 24px; line-height:24px;margin-bottom: 20px; color: #ffffff;}
.xmt-textbox{	font-size: 18px; line-height:30px;  color: #ffffff;}
.xmt-textbox *{line-height: inherit;}
.xmt-img{width: 100%;}
.xmt-img img{max-width: 90%;}

.xmu-a *{box-sizing: border-box;line-height: 1;}
.xmu-a{width: 100%;padding-top: 100px;padding-bottom: 95px;}
.xmu-b{width: 1400px;margin: 0 auto;}
.xmu-titles{width: 100%;margin-bottom: 60px;text-align: center;	font-size: 50px;  color: #000000;}
.xmu-img{width: 100%;margin-bottom: 35px;}
.xmu-img img{width: 100%;}
.xmu-textbox {	font-size: 16px; line-height: 30px; color: #666666;}
.xmu-textbox *{line-height: inherit;}

@media (max-width: 1440px){
    .xmu-b{width: 1200px;}
}

.xmv-cont{width: 100%;padding-top: 185px; text-align: center;}
.xmv-titles{width: 100%;margin-bottom: 25px;font-size: 48px; color: #333333;}
.xmv-intro{width: 100%;margin: 0 auto;	max-width: 530px; font-size: 16px; line-height: 24px; color: #666666;}
.xmv-intro *{line-height: inherit;}

.xmw-a *{box-sizing: border-box;line-height: 1;}
.xmw-a{width: 100%;padding-top: 100px;}
.xmw-top{width: 100%;text-align: center;}
.xmw-titles{color: #ffffff;font-size: 48px;margin-bottom: 30px;}
.xmw-intro{width: 100%;margin: 0 auto;margin-bottom: 95px; max-width: 530px;font-size: 16px; line-height: 24px; color: #ffffff;}
.xmw-intro *{line-height: inherit;}
.xmw-cont{width: 100%;text-align: center;font-size: 0;}
.xmw-item{display: inline-block;vertical-align: top;width: 300px;}
.xmw-icon{width: 100%;margin-bottom: 15px;}
.xmw-icon img{width: 120px;}
.xmw-text{color: #ffffff;	font-size: 20px; line-height: 30px; color: #ffffff;}

.xmx-a *{box-sizing: border-box;line-height: 1;}
.xmx-a{width: 100%;padding-top: 90px;}
.xmx-titles{width: 100%;color: #333333;font-size: 48px;margin-bottom: 80px;text-align: center;}
.xmx-img{width: 100%;text-align: center;}
.xmx-img img{width: 918px;}

@media (max-width: 1440px){
    .xmx-img img{width: 700px;}  
}


/*

background-color: #0280CC;
.xmp-a *{box-sizing: border-box;line-height: 1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

*/
.Marketing .mark_2 .ma_map{position: relative;overflow: hidden;}
.Marketing .mark_2 .ma_map ._map{width: 100%;display: block !important;position: absolute;left:-200vw;top:0;}
.Marketing .mark_2 .ma_map ._map.on{position: relative;left: 0;}


.wa-main{width: 100%;position: relative;}
.wa-box{width: 100%;padding-top: 41.145%;position: relative;}
.wa-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.wa-main .wrap_1400 { padding: 26px 0; position: absolute;left: 50%;margin-left: -700px;top: 0;z-index: 10;}
.wa-main .sub_breadCrumb { line-height: 16px; }
@media(max-width: 1440px){
    .wa-main .wrap_1400{margin-left: -600px;}
}

.wb-main{width: 100%;padding-top: 70px;padding-bottom: 73px;}
.wb-title{font-size: 36px;color: #333;margin-bottom: 60px;padding-left: 19px;border-left: 3px solid #0281cc;}
.wb-list{width: 100%;font-size: 0;}
.wb-item{display: inline-block;vertical-align: top;width: 16.57%;height: 232px;padding-top: 22px;margin-right: 4.287%;margin-bottom: 3.33%;background-color: #f3f5fa;box-sizing: border-box;transition: all .3s;}
.wb-item:nth-child(5n){margin-right: 0;}
.wb-box{width: 138px;height: 130px;line-height: 130px;text-align: center;margin: 0 auto 20px;background-image: url(../images/91-2.png);background-size: 100% 100%;transition: all .3s;}
.wb-img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.wb-tit{font-size: 18px;line-height: 26px;text-align: center;color: #333;}
.wb-item:hover{background-color: #0281cc;}
.wb-item:hover .wb-tit{color: #fff;}
.wb-item:hover .wb-box{background-image: url(../images/91-32.png);}

.wc-main{width: 100%;}
.wc-tabs{font-size: 0;width: 100%;}
.wc-tab{display: inline-block;vertical-align: top;width: 16.66%;text-align: center;line-height: 62px;font-size: 16px;color: #666;}
.wc-tab.active{color: #fff;background-color: #0281cc;}
/* .wc-tabs{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.wc-tab{flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;min-height: 62px;font-size: 16px;color: #666;line-height: 1.5;}
.wc-tab.active{color: #fff;background-color: #0281cc;} */

.wd-main{width: 100%;padding-top: 60px;padding-bottom: 73px;background-color: #f8f8f8;}
.wd-dls{padding-bottom: 32px;}
.wd-dl{width: 100%;padding-bottom: 10px;}
.wd-dl:last-child{padding-bottom: 0;}
.wd-dl:last-child .wd-dd{padding-bottom: 0;}
.wd-dt{font-size: 36px;color: #333;margin-bottom: 60px;padding-left: 19px;border-left: 3px solid #0281cc;margin-bottom: 40px;}
.wd-dd{font-size: 0;width: 100%;padding-bottom: 20px;}
.wd-tit{font-size: 22px;color: #333;border-left: 2px solid #9f9f9f;padding-left: 17px;position: relative;margin-bottom: 29px;}
.wd-tit:before{content: "";display: inline-block;width: 2px;height: 100%;background-color: #9f9f9f;position: absolute;left: 3px;top: 0;}
.wd-list{width: 100%;font-size: 0;}
.wd-item{display: inline-block;vertical-align: top;width: 23.43%;margin-right: 2.09%;margin-bottom: 2.85%;box-sizing: border-box;border: 1px solid #eee;}
.wd-item:nth-child(4n){margin-right: 0;}
.wd-box{width: 100%;height: 327px;line-height: 327px;text-align: center;background-color: #fff;}
.wd-img{max-width: 60%;max-height: 60%;vertical-align: middle;}
.wd-text{width: 100%;background-color: #eee;box-sizing: border-box;padding: 21px 4px;transition: all .3s;}
.wd-t{font-size: 18px;color: #333;line-height: 26px;text-align: center;margin-bottom: 5px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.wd-num{font-size: 16px;color: #555;line-height: 24px;text-align: center;}
.wd-item:hover .wd-text{background-color: #0281cc;}
.wd-item:hover .wd-t{color: #fff;}
.wd-item:hover .wd-num{color: #fff;}


.we-main{width: 100%;background-color: #f8f8f8;padding-top: 60px;padding-bottom: 108px;}
.we-cont{width: 100%;box-sizing: border-box;padding: 4.28% 4.28% 5%;background-color: #fff;margin-bottom: 100px;}
.we-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.we-left{float: left;width: 46.875%;}
.we-box{width: 100%;height: 500px;line-height: 500px;box-sizing: border-box;border: 1px solid #eee;text-align: center;}
.we-img{max-width: 100%;max-height: 100%;object-fit: contain;}
.we-right{float: right;width: 47.65%;padding-top: 25px;}
.we-tit{font-size: 36px;color: #0281cc;line-height: 46px;padding-bottom: 30px;border-bottom: 1px solid #eee;position: relative;}
.we-tit:after{content: "";display: block;width: 36px;height: 3px;position: absolute;left: 0;bottom: -3px;background-color: #0281cc;}
.we-text{width: 100%;padding-top: 40px;font-size: 16px;color: #666;line-height: 36px;}
.we-text *{line-height: inherit;}
.we-dl{width: 100%;font-size: 0;}
.we-dt{display: inline-block;vertical-align: top;width: 90px;font-size: 16px;color: #333;line-height: 36px;}
.we-dd{display: inline-block;vertical-align: top;width: calc(100% - 90px);font-size: 16px;color: #666;line-height: 36px;}
.we-list{width: 100%;font-size: 0;}
.we-col{display: inline-block;vertical-align: top;padding-right: 50px;}
.we-one{font-size: 16px;color: #666;line-height: inherit;}

.wf-main{width: 100%;}
.wf-head{width: 100%;margin-bottom: 38px;}
.wf-head:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wf-tit{float: left;font-size: 36px;color: #333;padding-left: 19px;border-left: 3px solid #0281cc;}
.wf-right{float: right;font-size: 0;}
.wf-arrow{display: inline-block;vertical-align: middle;width: 34px;height: 34px;box-sizing: border-box;border: 1px solid #ccc;background-size: 100% 100%;margin-left: 10px;cursor: pointer;transition: all .3s;border-radius: 50%;}
.wf-prev{background-image: url(../images/91-33.png);}
.wf-next{background-image: url(../images/91-35.png);}
.wf-arrow:hover{background-color: #0281cc;border-color: #0281cc;}
.wf-prev:hover{background-image: url(../images/91-34.png);}
.wf-next:hover{background-image: url(../images/91-36.png);}
.wf-tip{display: inline-block;vertical-align: middle;font-size: 14px;color: #555;padding-left: 15px;}
.wf-cur{font-weight: bold;}
.wf-bn{width: 1430px;height: 386px;position: relative;left: -15px;}
.wf-s{box-sizing: border-box;padding: 0 15px;}
.wf-box{width: 100%;height: 327px;line-height: 327px;background-color: #fff;text-align: center;position: relative;}
.wf-img{max-width: 60%;max-height: 60%;}
.wf-t{width: 100%;background-color: #eee;line-height: 59px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;color: #555;transition: all .3s;}
.wf-box:before{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;z-index: 2;visibility: hidden;opacity: 0;transition: all .3s;}
.wf-box:after{content: "";display: block;width: 58px;height: 58px;background-color: #fff;border-radius: 50%;background-image: url(../images/91-31.png);background-repeat: no-repeat;background-position: center center;position: absolute;left: 50%;top: 50%;margin-left: -29px;margin-top: -29px;z-index: 3;visibility: hidden;opacity: 0;transition: all .3s;}
.wf-item:hover .wf-t{background-color: #0281cc;color: #fff;}
.wf-item:hover .wf-box:before,
.wf-item:hover .wf-box:after{visibility: visible;opacity: 1;}
@media(max-width: 1440px){
	.wf-bn{width: 1230px;}
}

.bx_des{
	width: 100%;float:left;padding-top: 20px;
	font-size: 14px;
    color: #666;
    line-height: 24px;
}
.bx_des *{
	line-height: inherit;
}
 .bo_img{opacity: 1 !important;}

/* 2024-1-2加 */
.wrap_1600{width: 1600px;margin: 0 auto;}

@media(max-width: 1640px){
    .wrap_1600{width: 1200px;}
}

.wg-main{width: 100%;}
.wg-img{width: 100%;}
.wg-img img{width: 100%;}

.wh-main *{box-sizing: border-box;line-height: 1;}
.wh-main{width: 100%;padding-top: 95px;padding-bottom: 85px;}
.wh-top{width: 100%;text-align: center;margin-bottom: 30px;}
.wh-titles{width: 100%;margin-bottom: 10px;font-weight: bold; color: #d5312b;font-size: 56px;line-height: 66px;}
.wh-intro{width: 100%;margin-bottom: 10px;font-weight: bold; color: #d5312b;font-size: 32px;line-height: 42px;}
.wh-textbox{width: 100%;color: #666666;line-height: 1.66;}
.wh-textbox *{line-height: inherit;}  
.wh-cont{width: 100%;display: flex;align-items: center;background-color: #f7fcff;border-radius: 5px;overflow: hidden;}
.wh-left{display: block;cursor: pointer; width: 66.5625%;position: relative;}
.wh-img{width: 100%;height: 640px;position: relative;overflow: hidden;}
.wh-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wh-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50px;}
.wh-play img{width: 100%;}
.wh-left:hover .wh-img img{transform: scale(1.05);}

.wh-right{flex: 1;padding: 15px 20px;font-size: 0;}
.wh-item{display: block;position: relative; width: 100%;margin: 0 auto;padding: 30px 0; max-width: 340px;}
.wh-item:before{content: '';position: absolute;top: 40px;left: 0;width:calc( 100%  + 10px);height:  calc(100% - 60px); background-color: #ffdcdb;border-radius: 15px;border: solid 2px #000000;}
.wh-item:after{content: '';position: absolute;top: 30px;left: 0;width: 100%;height:  calc(100% - 60px); background-color: #f7fcff;border-radius: 15px;border: solid 2px #000000;}
.wh-b{position: relative;z-index: 1;margin-top: -30px;  width: 100%;text-align: center;margin-bottom: 25px;}
.wh-b span{display: inline-block;min-width: 140px;padding: 10px ; background-color: #d5312b;border-radius: 12px;border: solid 2px #000000;color: #ffffff;font-size: 24px;line-height: 30px; font-weight: bold;}
.wh-bottom{position: relative;z-index: 1;width: 100%;text-align: center;padding-bottom: 20px;}
.wh-icon{display: inline-block;vertical-align: middle;padding: 5px;}
.wh-icon img{max-width: 45px;max-height: 45px;}
.wh-text{display: inline-block;vertical-align: middle;padding: 5px;}
.wh-nub{display: inline-block;vertical-align: middle;position: relative;margin-right: 15px;}
.wh-span{color: #d5312b;font-size: 50px;line-height: 1; font-weight: bold;}
.wh-span{text-shadow: 0 1px #000000, 1px 0 #000000, -1px 0 #000000, 0 -1px #000000;}
.wh-span1{position: relative;z-index: 2;} 
.wh-span2{position: absolute;z-index: 1;top: 0;left: 4px;} 
.wh-unit{display: inline-block;vertical-align: middle; font-size: 28px;line-height: 1;color: #fff; text-shadow: 0 1px #000000, 1px 0 #000000, -1px 0 #000000, 0 -1px #000000;}

@media(max-width: 1640px){
    .wg-span{font-size: 40px;}
}

.wi-main *{box-sizing: border-box;line-height: 1;}
.wi-main{display: none; width: 100%;margin-bottom: 85px;}
.wi-cont{position: relative;left: 0;top: 0;width: 100%;padding: 10px 0; background-color: #fff;}
.wi-navbox{width: 100%;display: flex;flex-wrap: wrap;}
.wi-nav{flex: 1;display: flex;align-items: center;justify-content: center;cursor: pointer; border: solid 1px #ebebeb;min-height: 85px;}
.wi-nav:nth-child(1){border-radius: 10px 0 0 10px;}
.wi-nav:last-child{border-radius:  0 10px   10px 0;}
.wi-icon{display: block;margin-right: 20px;}
.wi-icon1{display: block;}
.wi-icon1{max-width: none;height: 30px;}
.wi-icon2{display: none;}
.wi-icon2{max-width: none;height: 30px;}
.wi-name{color: #666666;line-height: 1.5;}
.wi-nav.active  {border: solid 2px #d5312b;}
.wi-nav.active .wi-name{color: #d5312b;}
.wi-nav.active .wi-icon1{display: none;}
.wi-nav.active .wi-icon2{display: block;}
/* .wi-main.fixed .wi-cont{position: fixed;} */

.wj-main{width: 100%;padding-bottom: 75px;overflow: hidden;}
.wj-top{width: 100%;text-align: center;margin-bottom: 30px;}
.wj-titles{width: 100%;margin-bottom: 12px;text-align: center; color: #d5312b;font-size: 56px;line-height: 66px;font-weight: bold;}
.wj-synopsis{width: 100%;color: #666666;line-height: 1.5;}
.wj-bottom{width: 100%;}
.wj-swiper1{width: 100%;position: relative;padding: 0 14px;margin-bottom: 33px;}
.wj-b{width: 100%;}
.wj-nav{display: block;position: relative;cursor: pointer; width:14.28%;text-align: center;}
.wj-nav:after{content: ''; position: absolute;top: 0;right: 0; transform: translate(50%,0); width: 74px;height: 100%;background-image: url('../images/wg18.png');background-size: 26px auto;background-position: center center;background-repeat: no-repeat;}
.wj-year{display: inline-block;color: #666666;font-size: 18px;width: 100px;height: 100px;text-align: center;line-height: 100px;background-color: #ffffff;border-radius: 50%; border: dashed 1px #c8c8c8;}
.wj-nav:last-child:after{display: none;}
.wj-prev{cursor: pointer; position: absolute;top: 50%; left: 0;margin-top: -15px; width: 15px;height: 30px;background-image: url('../images/wg17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wj-prev:hover{background-image: url('../images/wg17-b.png');}
.wj-next{transform: rotate(-180deg); cursor: pointer; position: absolute;top: 50%; right: 0;margin-top: -15px; width: 15px;height: 30px;background-image: url('../images/wg17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wj-next:hover{background-image: url('../images/wg17-b.png');}
.wj-nav.active .wj-year{color: #fff;border: 1px solid #d5312b; background-color: #d5312b;}

.wj-cont{width: 100%;position: relative;}
.wj-one{position: absolute;top: 0;left: -320vw;width: 100%;margin: 0 auto;}
.wj-one.show{position: relative; left: 0;}
.wj-one:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.wj-left{float: left; display: block;cursor: pointer; width: 28.125%;}
.wj-left .wj-img{width: 100%;position: relative;padding-top: calc(800/450*100%);overflow: hidden;border-radius: 5px;}
.wj-left .wj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;  transform: scale(1.00);transition: all ease .5s;}
.wj-left:hover .wj-img img{transform: scale(1.05);}
.wj-right{float: right;width: 70.3125%;}
.wj-swiper2{width: 100%;margin-bottom: 20px;}
.wj-c{width: 100%;}
.wj-c .swiper-wrapper{height: auto !important;}
.wj-c  .swiper-slide{height: auto !important;}
.wj-video{display: block;cursor: pointer; width: 100%;position: relative;}
.wj-video .wj-img{width: 100%;position: relative;padding-top: calc(430/1125*100%);overflow: hidden;border-radius: 5px;}
.wj-video .wj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wj-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%,50%);width: 50px;}
.wj-play  img{width: 100%;}
.wj-video:hover .wj-img img{transform: scale(1.05);}

.wj-swiper3{width: 100%;}
.wj-d{width: 100%; }
.wj-d .swiper-wrapper{height: auto !important;}
.wj-d .swiper-slide{height: auto !important;display: flex;justify-content: space-between; width: 100%;}
.wj-news{cursor: pointer; width: calc(50% - 10px); } 
.wj-news .wj-img{width: 100%;position: relative;padding-top: calc(260/552*100%);overflow: hidden;border-radius: 5px;}
.wj-news .wj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wj-text{width: 100%;padding-top: 20px;}
.wj-name{margin-bottom: 20px; color: #000000;font-size: 20px;line-height: 30px; display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wj-time{width: 100%;color: #d5312b;font-size: 16px;line-height: 26px;}
.wj-time img{margin-right: 10px;width: 16px;}
.wj-news:hover .wj-img img{transform: scale(1.05);}
.wj-news:hover .wj-name{color: #d5312b;}


/* @media(max-width: 1640px){
    .wj-nav{width: 167px;}
} */

.wk-main *{box-sizing: border-box;line-height: 1;}
.wk-main{width: 100%;padding-bottom: 90px;}
.wk-titles{width: 100%;margin-bottom: 45px;text-align: center; color: #d5312b;font-size: 56px;line-height: 66px;font-weight: bold;}
/* .wk-img{width: 100%;}
.wk-img img{width: 100%;border-radius: 5px;}  */
.wk-cont{width: 100%;font-size: 0;background-image: url('../images/wg15.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wk-left{display: inline-block;vertical-align: bottom;width: 35.8%;padding: 60px 10px 60px 65px;}
.wk-tip{width: 100%;margin-bottom: 30px; color: #000000;font-size: 43px;line-height: 1;font-weight: bold;	letter-spacing: 3px;}
.wk-tip img{display: inline-block;vertical-align: text-bottom; width: 93px;}
.wk-province{width: 100%;margin-bottom: 30px;font-weight: bold;}
.wk-province .wk-nub{display: inline-block;vertical-align: top;color: #ff5741;font-size: 83px;line-height: 1;letter-spacing: 7px;}
.wk-intro{display: inline-block;vertical-align: top;color: #000000;font-size: 50px;line-height: 83px;letter-spacing: 4px;}
.wk-city{width: 100%; font-weight: bold;}
.wk-city .wk-nub{display: inline-block;vertical-align: top;color: #0081cc;line-height: 1;font-size: 83px;	letter-spacing: 7px;} 
.wk-unit{display: inline-block;vertical-align: top;color: #0081cc;line-height: 1;font-size: 83px;	letter-spacing: 7px;}

.wk-right{display: inline-block;vertical-align: bottom;width: 64.1%;}
.wk-mapbox{width: 100%;position: relative;}
.wk-map{width: 100%;}
.wk-map img{width: 100%;}
.wk-item{position: absolute;top: 0;}
.wk-item:before{transition: all ease .5s;content: '';position: absolute;top:  -11px;left: 50%;margin-left: -22px; width: 44px;height: 54px;background-image: url('../images/wg22.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wk-name{box-shadow: 0 0 10px #fff; position: absolute;top: 26px;left: 50%;z-index: 18;transform: translate(-50%,0); white-space: nowrap;color: #ffffff;font-size: 15px;padding: 0 7px;height: 19px;line-height: 19px;border-radius:  10px; background-color: #ff5741;background-color: #ff5741;}
.wk-item:hover:before{top: -18px;}


.wl-main *{box-sizing: border-box;line-height: 1;}
.wl-main{width: 100%;overflow: hidden;padding-bottom: 75px;}
.wl-top{width: 100%;text-align: center;margin-bottom:40px;}
.wl-titles{width: 100%;margin-bottom: 20px;text-align: center; color: #d5312b;font-size: 56px;line-height: 66px;font-weight: bold;}
.wl-navbox{width: 100%;font-size: 0;text-align: center;}
.wl-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: 130px; position: relative; color: #666666;font-size: 22px;line-height: 32px;}
.wl-nav:after{content: '';position: absolute;top: 50%;right: -65px;transform: translate(0,-50%); width: 1px;height: 1em;background-color: #cbcbcb;}
.wl-nav:last-child{margin-right: 0;}
.wl-nav:last-child:after{display: none;}
.wl-nav.active{color: #d5312b;}
.wl-bottom{width: 100%;position: relative;}
.wl-one{position: absolute;top: 0;left: -120vw;width: 100%;margin: 0 auto;}
.wl-one.show{position: relative; left: 0;}
.wl-b{width: 100%;}
.wl-b .swiper-wrapper{width: 100%;height: auto !important;}
.wl-b .swiper-slide{width: 100%;font-size: 0;height: auto !important;}
.wl-item{display: inline-block;vertical-align: top; width: 49.68%; margin-right: .625%;padding:  5px 0;}
.wl-img{display: block; width: 100%;padding-top: calc(420/795*100%);position: relative;overflow: hidden;border-radius: 5px;}
.wl-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wl-item:nth-child(2){margin-right: 0;}
.wl-item:nth-child(3){width: 24.69%; } 
.wl-item:nth-child(3) .wl-img{width: 100%;padding-top: calc(310/395*100%);}
.wl-item:nth-child(4){width: 49.37%;}
.wl-item:nth-child(4) .wl-img{width: 100%;padding-top: calc(310/790*100%);}
.wl-item:nth-child(5){width: 24.69%; margin-right: 0;}
.wl-item:nth-child(5) .wl-img{width: 100%;padding-top: calc(310/395*100%);}
.wl-item:hover .wl-img img{transform: scale(1.05);}

.wl-prev{cursor: pointer; position: absolute;top: 50%; left: -65px;margin-top: -15px; width: 13px;height: 30px;background-image: url('../images/wg17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wl-prev:hover{background-image: url('../images/wg17-b.png');}
.wl-next{cursor: pointer; transform: rotate(-180deg); position: absolute;top: 50%;right: -65px;margin-top: -15px; width: 13px;height: 30px;background-image: url('../images/wg17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wl-next:hover{background-image: url('../images/wg17-b.png');}


@media(max-width: 1740px){
    .wl-one{padding: 0 30px;}
    .wl-prev{left: 0;}
    .wl-next{right: 0;}
}

.wm-main *{box-sizing: border-box;line-height: 1;}
.wm-main{width: 100%;position: relative; }
.wm-form{position: relative;}
.wm-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.wm-left{display: block;width: 33.33%;}
.wm-img{display: block;height: 800px;position: relative;overflow: hidden;}
.wm-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wm-right{padding: 10px 160px 10px 120px;flex: 1;display: block;padding-top: 45px;padding-bottom: 30px; background-image: url('../images/wg14.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wm-twobox{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wm-item{width: calc(50% - 30px);margin-top: 55px; border-bottom: 1px solid #cbd2d9;}
.wm-tip{width: 100%;margin-bottom: 15px; color: #000000;font-size: 20px;line-height: 1.5;}
.wm-tip img{margin-right: 15px;height: 26px;}
.wm-b{width: 100%;}
.wm-input{display: block;border: none;background-color: transparent;width: 100%;color: #000000;font-size: 16px; height: 55px;}
.select-item{display: none;}
.select-item.show{display: block;}
.wm-agree{width: 100%;padding-top: 8px;}
.wm-agree2{margin-top: 10px;}
.wm-agree2 .span{display: inline-block;vertical-align: middle;color: #000000;font-size: 20px;line-height: 1.5;}
.wm-agree2 input{display: inline-block;vertical-align: middle;margin-right: 10px;border: none;background-color: transparent; border-bottom: 1px solid #cbd2d9;background-color: #fff;width: 120px;color: #000000;font-size: 16px;height: 55px;}
.wm-notice{display: inline-block;vertical-align: middle;cursor: pointer; color: #d5312b;font-size: 14px;line-height: 24px;}
.wm-buttom{width: 100%;padding-top: 45px;}
.wm-button{display: inline-block;border: none;cursor: pointer;padding: 0 58px;color: #ffffff;height: 50px;line-height: 50px; background-color: #d5312b;border-radius: 5px !important;}
.wm-hint{width: 100%;margin-top: 13px;color: #999999;font-size: 14px;line-height: 24px;}
.wm-hint span{color: #d5312b;}  
.wm-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top; max-width:200px;position: relative;padding-right: 30px; white-space:nowrap}
.wm-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: 55px;line-height: 55px;font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wm-form .select-w select{position: absolute;left: 0;top: 0;z-index: 2;min-width: 150px; width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.wm-form .select-w:after{content: "";position: absolute;right: 0;top: 0;z-index: 1;width: 11px;height: 100%;background-image: url('../images/wg15.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wm-form .lb-label{display: inline-block;font-size: 0;position: relative;vertical-align: middle;cursor: pointer;}
.wm-form .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: middle;width: 14px;height: 14px;border-radius: 50%;margin-right: 6px;border: 1px solid #ccc;}
.wm-form .lb-text{display: inline-block;vertical-align: middle;font-size: 14px;color: #999999;line-height: 24px;user-select:none;}
.wm-form .lb-label.selected .lb-icon{border-color: #d5312b;background-color: #d5312b;background-image: url('../images/wg8.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wm-form .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}

.wn-a *{box-sizing: border-box;line-height: 1;}
.wn-a{display: none; position: fixed;top: 0;left: 0;z-index: 1234; width: 100%;height: 100%;background-color: rgba(0,0,0,.8);}
.wn-a.show{display: block;}
.wn-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 94%;max-width: 500px; max-height: 90vh;}
.wn-close{position: absolute;top: 0;right: 0;cursor: pointer; width: 50px;height: 50px;background-image: url('../images/wg16.png');background-size: 15px auto;background-position: center center;background-repeat: no-repeat;}
.wn-cont{width: 100%;background-color: #fff;border-radius: 10px;padding: 50px 30px;background-color: #fff;}
.wn-titles{width: 100%;margin-bottom: 20px;text-align: center; color: #d5312b;font-size:26px;line-height: 1.5;font-weight: bold;}
.wn-textbox{width: 100%;color: #000000;line-height: 2;font-size: 16px;}
.wn-textbox *{line-height: inherit;}

.wo-main *{box-sizing: border-box;line-height: 1;}
.wo-main{width: 100%;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wo-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wo-cont{width: 100%;display: flex;align-items: center;align-content: center;flex-wrap: wrap; height: 810px;}
.wo-titles{width: 100%; color: #333333;font-size: 48px;line-height: 1.2;}
.wo-intro{width: 100%;max-width: 34em; margin-top: 20px;color: #666666;line-height: 1.87;}
.wo-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.wo-item{display: block;width: 120px;text-align: center;padding: 30px 10px;text-align: center; margin-top: 35px;margin-right: 30px;border-radius: 20px;border: dashed 2px #0281cc;}
.wo-name{width: 100%;color: #0281cc;font-size: 24px;font-weight: bold;line-height: 1.4;}
.wo-tip{width: 100%;color: #0281cc;line-height: 1.7;font-size: 14px;}

.wo-main.right .wo-cont{float: right; width: 550px;}

.Product .Pr_tit span.fr em{margin: 0 20px;font-size: 13px;}
.Product .Pr_tit span.fr em:after{left: -13px;}

.Product .Pr_tit span.fr a{margin: 0 20px;font-size: 13px;}
.Product .Pr_tit span.fr a:after{left: -13px;}
@media (max-width: 1440px){
    .wo-cont{height: 700px;} 
   .Product .Pr_tit span.fr em{margin: 0 10px;font-size: 12px;}
   .Product .Pr_tit span.fr em:after{left: -5px;}

   .Product .Pr_tit span.fr a{margin: 0 10px;font-size: 12px;}
   .Product .Pr_tit span.fr a:after{left: -5px;}
}

.wp-main *{box-sizing: border-box;line-height: 1;}
.wp-main{width: 100%;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wp-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wp-cont{float: right; width: 550px;display: flex;align-items: center;align-content: center;flex-wrap: wrap; height: 810px;}
.wp-titles{width: 100%; color: #333333;font-size: 48px;line-height: 1.2;} 
.wp-list{width: 100%;font-size: 0;padding-top: 20px;}
.wp-item{display: inline-block;vertical-align: top;width: 50%;margin-top: 20px; padding-right: 10px;}
.wp-icon{display: inline-block;width: 80px;margin-bottom: 15px;}
.wp-icon img{width: 100%;}
.wp-tip{width: 100%;color: #666666;font-size: 16px;line-height: 1.87;}

.wp-main.left .wp-cont{float: left;}
@media (max-width: 1440px){
    .wp-cont{height: 700px;}
}

.wq-main{width: 100%;position: relative;}
.wq-bg{width: 100%;padding-top: calc(810/1920*100%);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wq-cont{position: absolute;top: 50%;left: 0; width: 100%;transform: translate( 0,-50%);}
.wq-text{display: inline-block;max-width: 550px;text-align: center;}
.wq-set{width: 100%;margin-bottom: 18px; letter-spacing: 7px;color: #ffffff;line-height: 1.13;font-size: 72px;font-weight: bold;}
.wq-titles{width: 100%;margin-bottom: 30px;font-weight: bold;line-height: 1.16;font-size: 60px; letter-spacing: 2px;color: #ffffff;}
.wq-intro{width: 100%;color: #ffffff;font-size: 36px;line-height: 1.27;}

.wr-main{width: 100%;}
.wr-one{width: 100%;position: relative;}
.wr-bg{width: 100%;padding-top: calc(810/1920*100%);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wr-cont{position: absolute;top: 50%;left: 0; width: 100%;transform: translate( 0,-50%);}
.wr-text{display: inline-block;width: 550px;text-align: left;}
.wr-name{width: 100%;font-size: 48px;color: #ffffff;line-height: 1.2;}
.wr-textbox{width: 100%;color: rgba(255,255,255,.5);line-height: 16px;line-height: 30px; padding-top: 20px;}
.wr-textbox *{line-height: inherit;}
.wr-textbox p{margin-top: 14px;}
.wr-textbox2 p{position: relative;padding-left: 15px;}
.wr-textbox2 p:before{content: '';position: absolute;top: 13px;left: 0;width: 5px;height: 5px;background-color: rgba(255,255,255,.5); }
.wr-tip{width: 100%;margin-top: 14px; color: #0281cc;font-size: 16px;line-height: 30px;}

.wr-one:nth-child(2n) .wr-cont{text-align: right;}

.ws-main *{box-sizing: border-box;line-height: 1;}
.ws-main{width: 100%;}
.ws-one{display: block;width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} 
.ws-one .wrap_1400:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ws-cont{float: left;width: 550px;display: flex;align-items: center;align-content: center;flex-wrap: wrap; height: 810px;}
.ws-titles{width: 100%;margin-bottom: 30px; color: #333333;line-height: 1.38;font-size: 72px;}
.ws-intro{width: 100%;margin-bottom: 75px; color: #333333;line-height: 1.27;font-size: 36px;}
.ws-intro span{color: #0070b6;}
.ws-list{width: 100%;font-size: 0;padding-bottom: 45px;}
.ws-item{display: inline-block;vertical-align: top;margin-right: 40px;text-align: center;margin-bottom: 30px;}
.ws-item:last-child{margin-right: 0;}
.ws-icon{display: inline-block;width: 80px;margin-bottom: 15px;}
.ws-icon img{width: 100%;}
.ws-textbox{width: 100%;color: #2d2a27;font-size: 16px;line-height: 1.5;}
.ws-textbox *{line-height: inherit;}
.ws-buy{display: inline-block;cursor: pointer;padding: 0 33px;color: #ffffff;font-size: 16px;line-height: 50px;background-color: #0281cc;}
.ws-buy img{width: 22px;margin-right: 10px;}

.ws-one.right .ws-cont{float: right;}

@media (max-width: 1440px){
    .ws-cont{height: 700px;}
    .ws-titles{font-size: 50px;}
    .ws-intro{margin-bottom: 35px;}
    .ws-list{padding-bottom: 15px;}
}

.wt-main{width: 100%;padding-top: 75px;padding-bottom: 100px;}
.wt-titles{width: 100%;text-align: center;margin-bottom: 45px;font-size: 42px; color: #333333;line-height: 1.23;}
.wt-titles span{color: #0281cc;}
.wt-titles:before{content: '';display: inline-block;vertical-align: middle;margin-right: 40px; width: 40px;height: 1px;background-color: #000000;opacity: 0.2;}
.wt-titles:after{content: '';display: inline-block;vertical-align: middle;margin-left: 40px; width: 40px;height: 1px;background-color: #000000;opacity: 0.2;}
.wt-textbox{width: 100%;max-width: 1000px;margin: 0 auto; color: #2d2a27;font-size: 16px;line-height: 1.5;}
.wt-textbox *{line-height: inherit;max-width: 100%;}


.wu-main *{box-sizing: border-box;line-height: 1;}
.wu-main{width: 100%;position: relative;}
.wu-top{position: absolute;top: 0;left: 0;z-index: 28;width: 100%;}
.wu-top .wrap_1400{padding: 26px 0;}
.wu-swiper{width: 100%;}
.wu-b{width: 100%;}
.wu-item{width: 100%;}
.wu-bg{width: 100%; height: 787px; background: no-repeat center; background-size: cover;}
.wu-swiper .wu-pagination { position: absolute; bottom: 5%; left: 0; z-index: 20; width: 100%; font-size: 0; text-align: center; }
.wu-swiper .wu-pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin: 0 5px; border: 1px solid #ccc; border-radius: 50%; background: #ccc; cursor: pointer; }
.wu-swiper .wu-pagination .swiper-active-switch { border: 1px solid #0280CC; background: #fff; }

.wu-main  .sub_breadCrumb a{color: #fff;}
.wu-main  .sub_breadCrumb i{color: #fff;}
.wu-main  .sub_breadCrumb a:before{color: #fff;}
@media (max-width: 1440px){
    .wu-bg { height: 587px; }
}


.wv-main *{box-sizing: border-box;line-height: 1;}
.wv-main{box-sizing: border-box;line-height: 1;width: 100%;padding: 93px 63px 60px;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wv-logo{display: block;margin-bottom:  126px;width:267px;margin-left: 10px;}
.wv-logo img{width: 100%;}
.wv-titles{width: 100%;margin-bottom: 60px; color: #ffffff;font-weight: bold;font-size: 99px;line-height: 122px;}
.wv-subtitle{width: 100%;color: #ffffff;font-weight: bold;font-size: 59px;line-height:69px;}
.wv-list{width: 100%;font-size: 0;}
.wv-item{display: inline-block;vertical-align: middle;text-align: center;position: relative;margin-top: 23px; margin-right: 57px;}
.wv-item:after{content: ''; position: absolute;top: 50%;right: -28px;transform: translate(0,-50%);width: 3px;height: 69px;background-color: #fff;}
.wv-item:last-child{margin-right: 0;}
.wv-item:last-child:after{display: none;}
.wv-name{width: 100%;color: #ffffff;font-weight: bold;font-size: 28px;line-height:  38px;}
.wv-intro{width: 100%;color: #ffffff;font-size: 28px;line-height:  38px;}



            
