@charset "utf-8";
/* CSS Document */

/*public css*/
* { margin: 0px; padding: 0px; }
body { font-size: 14px; font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif; color: #333; background: #FFF; line-height: 24px; overflow-x: hidden; }
ul li { margin: 0px; padding: 0px; list-style-type: none; }
form, ul, li, table, td, p, span, h1, h2, h3, h4, h5, img, dl, dt, dd { margin: 0px; padding: 0px; }
img { border: none; width: auto; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover, a:active { color: #3f70bf; text-decoration: none; }
.float_l { float: left }
.float_r { float: right }
.clear_both { clear: both; }
.hand { cursor: pointer; }
.f12 { font-size: 12px; }
.hei { color: #000; }
.en_ft { font-family: Arial; }
.ft1 { font-size: 14px; font-weight: bold; color: #FFF; }
.ft_red { color: #C80000; }
.ft_bai { color: #FFF; }
.txt_cent { text-align: center; }
.Word_Break { word-break: break-all; overflow: hidden; TABLE-LAYOUT: fixed; WORD-WRAP: break-word; }
.fixedHeader { position: fixed; left: 0; top: 0; z-index: 100; }
.txthid { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txt_hide_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.txt_hide_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.not-animated { opacity: 0; }

/*index*/
.in_banbox { clear: both; width: 100%; position: relative; overflow: hidden; }
.in_banbox img { display: block; }
.in_topbox { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.15); position: absolute; left: 0; top: 0; z-index: 2000; }
.in_top {width: 1200px;height: 122px;margin: 0 auto;position: relative;z-index: 1;}
.in_top .lt { float: left; padding-top: 40px; }
.in_top .sh { float: right; padding-top: 40px; position: relative; z-index: 2002; }
.in_top .sh p { cursor: pointer; width: 43px; height: 43px; border-radius: 50%; background: url(../images/index_05.png) center center no-repeat; background-color: rgba(255,255,255,0.2); }
.in_top .crm { float: right; padding-top: 40px; margin-right: 12px; position: relative; z-index: 2002; }
.in_top .crm a { display: block; width: 43px; height: 43px; border-radius: 50%; background: url(../images/index_05_1.png) center center no-repeat; background-color: rgba(255,255,255,0.2); }
.in_top .sign { float: right; margin: 40px 24px 0 0; padding: 0 15px 0 40px; height: 43px; line-height: 43px; border-radius: 43px; color: #FFF; background: url(../images/index_03.png) left 14px center no-repeat; background-color: rgba(255,255,255,0.2); position: relative; z-index: 2002; }
.in_top .sign a { color: #FFF; }
.in_top .out a { color: #FFF; text-decoration: underline; }
.in_top .menu {height: 100%;/*width: 845px; */float:left;margin-left:37px;z-index: -1;position: relative;}
.in_top .menu > div { height: 100%; position: relative; left: 50%; float: left; }
.in_top .menu > div > ul { height: 100%; position: relative; left: -50%; float: left; }
.in_top .menu > div > ul > li { float: left; height: 100%; padding: 0 22px; font-size: 14px; position: relative; }
.in_top .menu > div > ul > li > a { display: block; height: 100%; color: #FFF; display: flex; align-items: center; position: relative; }
.in_top .menu > div > ul > li > a:after { content: ""; display: block; height: 2px; width: 0; position: absolute; left: 50%; bottom: 0; background-color: #FFF; transition: all 0.3s ease-out; }
.in_top .menu > div > ul > li:hover > a:after { width: 100%; left: 0; }
.in_top .menu > div > ul > li.on > a:after { width: 100%; left: 0; }
.in_top .menu > div > ul > li > div { position: absolute; left: 0; top: 122px; width: 100%; background-color: #FFF; border-radius: 3px; z-index: 100; transform: translateY(20px); opacity: 0; visibility: hidden; transition: all 0.3s ease-out; }
.in_top .menu > div > ul > li > div p a { display: block; height: 35px; line-height: 35px; width: 100%; text-align: center; }
.in_top .menu > div > ul > li > div p a:hover { background-color: #0c6fb3; color: #FFF; }
.in_top .menu > div > ul > li > div .item { position: relative; }
.in_top .menu > div > ul > li > div .item ul { position: absolute; right: -128px; top: 0px; background: #fff; width: 128px; display: none; }
.in_top .menu > div > ul > li > div .item ul li a { height: 35px; line-height: 35px; text-align: center; display: block; }
.in_top .menu > div > ul > li > div .item ul li a:hover { background-color: #0c6fb3; color: #FFF; }
.in_top .menu > div > ul > li > div .item:hover ul { display: block; }
.in_top .menu > div > ul > li .pro_nav { width: 190px; left: -45px; }
.in_top .menu > div > ul > li:hover > div { transform: translateY(0px); opacity: 1; visibility: visible; }
.in_boxA { width: 1200px; position: absolute; left: calc(50% - 600px); bottom: 0; z-index: 10; }
.in_boxA .lt { float: left; width: 746px; height: 70px; font-size: 16px; font-weight: bold; line-height: 70px; }
.in_boxA .lt span { float: left; display: block; width: 160px; height: 100%; color: #FFF; text-align: center; background-color: #3F70BF; }
.in_boxA .lt p { float: left; display: block; width: calc(100% - 220px); height: 100%; padding: 0 30px; background-color: #EBEBEB; overflow: hidden; }
.in_boxA .rt { float: right; display: block; width: 165px; height: 70px; line-height: 70px; padding-left: 40px; font-size: 16px; font-weight: bold; color: #FFF; text-transform: uppercase; background: #4D4D4D url(../images/index_07.png) right 40px center no-repeat; }
.in_boxB { clear: both; width: 1200px; margin: 0 auto; padding: 60px 0 95px 0; position: relative; }
.in_boxB ul { }
.in_boxB li { float: left; position: relative; }
.in_boxB li img { display: block; }
.in_boxB li .mb { width: 100%; height: 160px; background-color: #EBEBEB; position: absolute; left: 0; top: 0; z-index: 11; transition: all 0.3s ease-out; }
.in_boxB li .info { width: calc(100% - 80px); padding: 0 40px; position: absolute; left: 0; top: 0; z-index: 12; transition: all 0.3s ease-out; }
.in_boxB li .info .titbox { padding-top: 50px; height: 104px }
.in_boxB li .info .tit { display: block; font-size: 28px; text-transform: capitalize; }
.in_boxB li .info .hx { display: block; margin-top: 22px; width: 30px; height: 3px; background-color: #999; }
.in_boxB li .info .ctg { height: 210px; opacity: 0; transition: all 0.3s ease-out; overflow: hidden; }
.in_boxB li .info .ctg p { height: 30px; line-height: 30px; }
.in_boxB li .info .ctg p i { display: block; float: left; margin: 12px 5px 0 0; width: 6px; height: 6px; border-radius: 6px; background-color: #FFF; }
.in_boxB li .info .ctg a { display: block; color: #FFF; opacity: 0.7; }
.in_boxB li .info .ctg p:hover a { opacity: 1; border-bottom: 1px solid rgba(255,255,255,0.3); background: url(../images/index_09_1.png) right center no-repeat; }
.in_boxB li .info .more { display: block; margin-top: 20px; width: 226px; padding-left: 30px; height: 54px; line-height: 54px; color: #FFF; border: 1px solid #FFF; background: url(../images/index_09_2.png) right 30px center no-repeat; opacity: 0; transition: all 0.3s ease-out; }
.in_boxB li:hover .mb { height: 100%; background-color: rgba(0,0,0,0.7); }
.in_boxB li:hover .info { color: #FFF; }
.in_boxB li:hover .info .hx { background-color: #FFF; }
.in_boxB li:hover .info .ctg { opacity: 1; }
.in_boxB li:hover .info .more { opacity: 1; }
.swiper-0 { overflow: hidden; }
.in_boxC { clear: both; width: 100%; height: 475px; position: relative; }
.in_boxC .bkg { position: absolute; left: 0; top: 0; width: calc(50% + 600px); height: 427px; background-color: #F0F0F0; z-index: 1; }
.in_boxC .bkg_1 { overflow: hidden; position: absolute; right: 0; top: 48px; width: calc(50% + 450px); z-index: 2; }
.in_boxC .bkg_1 img { display: block; max-width: none; }
.in_boxC .bkg_1 .swiper-1 { height: 427px; position: relative; overflow: hidden; }
.in_boxC .bkg_1 li { }
.in_boxC .bkg_2 { transform: skewX(-32deg); position: absolute; left: 0; top: 0; width: calc(50% - 300px); height: 475px; background: url(../images/index_11.jpg) center bottom repeat-x; z-index: 3; }
.in_boxC .box { position: absolute; left: calc(50% - 600px); top: 150px; z-index: 4; }
.in_boxC .box .tit { font-size: 32px; }
.in_boxC .box .tit_en { margin-top: 15px; font-size: 14px; color: #b2b2b2; font-weight: bold; text-transform: uppercase; }
.in_boxC .box .btnbox { margin-top: 90px; }
.in_boxC .box .btnbox p { display: inline-block; width: 52px; height: 52px; border-radius: 50%; border: 2px solid #3F70BF; margin-right: 15px; cursor: pointer; position: relative; }
.in_boxC .box .btnbox p:after { content: ""; display: block; margin: 18px 0 0 21px; width: 14px; height: 14px; border-left: 2px solid #3F70BF; border-top: 2px solid #3F70BF; transform: rotate(-45deg); }
.in_boxC .box .btnbox .next { transform: rotate(180deg); }
.in_boxC .box .btnbox p:hover { background-color: #3F70BF; }
.in_boxC .box .btnbox p:hover:after { border-color: #FFF; }
.in_boxC .box_1 { position: absolute; left: calc(50% - 115px); top: 119px; z-index: 5; }
.in_boxC .box_1 ul { width: 618px; }
.in_boxC .box_1 li { float: left; width: 203px; height: 138px; margin: 0 3px 3px 0; background-color: rgba(102,102,102,0.5); cursor: pointer; }
.in_boxC .box_1 li span { display: block; font-size: 36px; opacity: 0.5; color: #FFF; margin: 30px 0 0 32px; }
.in_boxC .box_1 li p { font-size: 18px; font-weight: bold; color: #FFF; margin: 26px 0 0 32px; }
.in_boxC .box_1 li.on { background: #3F70BF url(../images/index_13.png) right 32px bottom 38px no-repeat; }
.in_boxD { clear: both; width: 1200px; margin: 0 auto; overflow: hidden; padding: 70px 0; }
.in_boxD .lt { float: left; width: 205px; }
.in_boxD .lt .tit_en { font-weight: bold; color: #b2b2b2; text-transform: uppercase; }
.in_boxD .lt .tit { font-size: 22px; margin-top: 15px; }
.in_boxD .lt .more { display: block; margin-top: 35px; font-size: 16px; font-weight: bold; color: #999; text-transform: uppercase; }
.in_boxD .lt .more:hover { color: #3F70BF; }
.in_boxD .ct { float: left; width: 610px; }
.in_boxD .ct dl { overflow: hidden; }
.in_boxD .ct dt, .in_boxD .ct dd { float: left; }
.in_boxD .ct dt { width: 122px; }
.in_boxD .ct .th { color: #b2b2b2; font-weight: bold; text-transform: uppercase; }
.in_boxD .ct .item { display: block; overflow: hidden; padding: 26px 0; border-bottom: 1px solid #EBEBEB; }
.in_boxD .ct .item span { float: left; display: block; width: 122px; height: 25px; color: #808080; }
.in_boxD .ct .item p { float: left; display: block; width: calc(100% - 122px); height: 25px; font-size: 16px; }
.in_boxD .ct .item:hover p { color: #3f70bf; font-weight: bold; }
.in_boxD .rt { float: right; width: 276px; height: 266px; padding: 0 30px; background: url(../images/index_15.jpg) no-repeat; }
.in_boxD .rt .tit { font-size: 28px; color: #FFF; padding-top: 30px; }
.in_boxD .rt .hx { width: 36px; height: 2px; background-color: #FFF; margin-top: 17px; }
.in_boxD .rt ul { margin-top: 70px; }
.in_boxD .rt li { height: 60px; line-height: 45px; }
.in_boxD .rt li i { display: none; float: left; margin: 19px 5px 0 0; width: 6px; height: 6px; border-radius: 6px; background-color: #FFF; }
.in_boxD .rt li a { display: block; color: #FFF; opacity: 0.7; }
.in_boxD .rt li:hover a { opacity: 1; border-bottom: 1px solid rgba(255,255,255,0.3); background: url(../images/index_09_1.png) right center no-repeat; }
.in_boxD .rt li:hover i { display: block; }
.in_btmbox { clear: both; width: 100%; background-color: #333; }
.in_btm { width: 1200px; margin: 0 auto; overflow: hidden; padding: 55px 0; }
.in_btm .box_0 { float: left; width: 155px; }
.in_btm .box_0 p { padding-bottom: 15px; position: relative; }
.in_btm .box_0 p a { display: inline-block; color: #FFF; font-size: 16px; }
.in_btm .box_0 p a:after { content: ""; display: block; width: 16px; height: 1px; background-color: #3A69D5; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-out; }
.in_btm .box_0:hover p a:after { width: 56px; }
.in_btm .box_0 ul { padding-top: 15px; }
.in_btm .box_0 li { padding-top: 15px; line-height: 1.2; }
.in_btm .box_0 li a { display: inline-block; color: #ccc; transition: all 0.3s ease-out; }
.in_btm .box_0 li a:hover { transform: translateX(0px); }
.in_btm .rt { float: right; }
.in_btm .rt .tel_tit { color: #aaa; font-size: 16px; }
.in_btm .rt .tel { color: #FFF; font-size: 28px; margin-top: 5px; }
.in_btm .rt .fx { margin-top: 25px; }
.in_btm .rt .fx a { display: block; float: right; width: 47px; height: 47px; border: 1px solid #FFF; border-radius: 50%; background-position: center center; margin: 0; padding: 0; margin-left: 20px; }
.in_btm .rt .fx a:last-child { margin-left: 0; }
.in_btm .rt .fx .a_1 { background-image: url(../images/index_17_1.png); }
.in_btm .rt .fx .a_2 { background-image: url(../images/index_17_2.png); }
.in_btm .rt .fx .a_3 { background-image: url(../images/index_17_3.png); }
.in_btm .ewm { float: right; padding-right: 33px; }
.in_cpybox { clear: both; width: 100%; background-color: #292929; }
.in_cpy { width: 1200px; margin: 0 auto; overflow: hidden; padding: 25px 0; height: 25px; color: #FFF; text-align: center; }
.in_cpy .lt { float: left; }
.in_cpy .rt { float: right; }
.in_cpy a { color: #FFF; }
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 2001; width: 60%; display: none; }
.sh_box .txt { float: left; display: block; width: calc(90% - 22px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; }
.sh_box .btn { float: left; display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #3F70BF url(../images/index_04.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box form { margin-top: 35px; }
.sh_box .close { position: relative; width: 50px; height: 50px; margin: 0 auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 60px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 25px; }
.sh_box .close:before { transform: rotate(45deg); }
.sh_box .close:after { transform: rotate(-45deg); }
.sh_box .close:hover { transform: rotate(180deg); }

/*关于我们*/
.ab_ban { clear: both; width: 100%; height: 493px; background: url(../images/about_01.jpg) center top no-repeat; }
.ab_ban .tit { padding-top: 230px; font-size: 32px; color: #FFF; text-align: center; }
.ab_ban .tit_en { margin-top: 15px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; text-transform: uppercase; opacity: 0.6; }
.ab_ban .jt { width: 27px; height: 28px; margin: 56px auto 0 auto; background: url(../images/about_03.png) no-repeat; }
.ab_boxA { clear: both; width: 1200px; margin: 0 auto; overflow: hidden; padding: 60px 0; }
.ab_boxA .lt { float: left; width: 615px; }
.ab_boxA .lt .tit { font-size: 28px; font-weight: bold; color: #3f70bf; }
.ab_boxA .lt .hx { width: 25px; height: 2px; background-color: #999; margin-top: 20px; }
.ab_boxA .lt .info { font-size: 16px; line-height: 2.3; padding-top: 33px; }
.ab_boxA .rt { float: right; }
.ab_boxB_box { clear: both; width: 100%; background-color: #F5F5F5; }
.ab_boxB { width: 1200px; margin: 0 auto; overflow: hidden; }
.ab_boxB .lt { float: left; padding: 55px 0 45px 30px; }
.ab_boxB .lt img { display: block; }
.ab_boxB .rt { float: right; width: 420px; padding-top: 90px; }
.ab_boxB .rt .info { font-size: 16px; line-height: 2; }
.ab_boxB .rt ul { overflow: hidden; padding-top: 40px; }
.ab_boxB .rt li { float: left; text-align: center; margin-left: 110px; }
.ab_boxB .rt li:first-child { margin-left: 25px; }
.ab_boxB .rt li img { display: block; }
.ab_boxB .rt li p { margin: 12px auto; width: 20px; height: 2px; background-color: #B3B3B3; }
.ab_boxB .rt li span { }
.ab_boxC { clear: both; width: 1200px; margin: 0 auto; padding: 60px 0; }
.ab_boxC .tit { font-size: 22px; text-align: center; }
.ab_boxC .tit_en { margin-top: 12px; font-weight: bold; text-align: center; text-transform: uppercase; opacity: 0.3; }
.ab_boxC ul { padding-top: 37px; }
.ab_boxC li { float: left; width: 180px; margin-right: 24px; }
.ab_boxC img { display: block; border-radius: 4px; }
.ab_boxC .swiper-p { position: relative; overflow: hidden; }


/*产品中心*/
.bd_bkg { background-color: #F5F5F5; }
.pro_ban { background-image: url(../images/products_01.jpg); }
.pro_boxA { clear: both; width: 1200px; margin: 0 auto; padding: 60px 0; }
.pro_boxA .item { display: block; padding: 22px; overflow: hidden; background-color: #FFF; margin-bottom: 40px; }
.pro_boxA .item:last-child { margin-bottom: 0; }
.pro_boxA .item .lt { float: left; width: 276px; }
.pro_boxA .item .rt { float: right; width: 845px; }
.pro_boxA .item .rt .tit { font-size: 22px; font-weight: bold; color: #3a69d5; }
.pro_boxA .item .rt .info { line-height: 26px; padding-top: 20px; }
.pro_boxA .item .rt .more { display: block; font-size: 12px; width: 93px; height: 28px; border-radius: 28px; line-height: 28px; text-align: center; background-color: #EBEBEB; color: #b2b2b2; margin-top: 37px; }
.pro_boxA .item:hover .rt .more { background-color: #3a69d5; color: #FFF }
/*产品列表*/
.prol_boxA { padding: 0; margin-top: -74px; }
.prol_boxB { clear: both; width: 1134px; margin: 0 auto 40px auto; background-color: #FFF; border-top: 1px solid #EBEBEB; padding: 33px 33px 0 33px; }
.prol_boxB .box { height: 52px; }
.prol_boxB .selbox { float: left; width: 255px; height: 52px; position: relative; }
.prol_boxB .selbox p { padding-left: 28px; height: 52px; line-height: 52px; background-color: #3A69D5; color: #FFF; position: relative; cursor: pointer; }
.prol_boxB .selbox p:after { content: ""; display: block; position: absolute; right: 28px; top: 21px; width: 6px; height: 6px; border-right: 1px solid #BBCAEE; border-bottom: 1px solid #BBCAEE; transform: rotate(45deg); }
.prol_boxB .selbox ul { display: none; width: 100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2; }
.prol_boxB .selbox li { padding-left: 28px; height: 40px; line-height: 40px; overflow: hidden; }
.prol_boxB .selbox li a { display: block; }
.prol_boxB .total { float: right; line-height: 52px; padding-right: 22px; }
.prol_list { overflow: hidden; padding-top: 32px; min-height: 200px }
.prol_list li { float: left; width: 255px; text-align: center; margin: 0 32px 0 0; }
.prol_list li:nth-child(4n) { margin-right: 0; }
.prol_list li img { display: block; }
.prol_list li p { padding: 15px 0 28px 0; line-height: 23px; height: 46px; overflow: hidden; }
.sh_boxA { margin-top: 40px; border-top: 0; }


/*产品详情*/
.pros_boxA { clear: both; width: 1140px; margin: -74px auto 40px auto; background-color: #FFF; padding: 40px; }
.pros_boxA .box { overflow: hidden; padding-bottom: 30px; }
.pros_boxA .box .lt { float: left; width: 393px; }
.pros_boxA .box .lt img { display: block; }
.pros_boxA .box .rt { float: right; width: 686px; }
.pros_boxA .box .rt .tit { font-size: 22px; font-weight: bold; line-height: 1.5; }
.pros_boxA .box .rt .type { font-size: 16px; color: #666; margin-top: 18px; padding-bottom: 30px; border-bottom: 1px solid #EBEBEB; }
.pros_boxA .box .rt .info { margin-top: 32px; height: 240px; padding: 26px 32px; line-height: 2.2; background-color: #F5F5F5; overflow: hidden; }
.pros_boxA .box .rt .btnbox { padding-top: 35px; }
.pros_boxA .box .rt .btnbox a { display: inline-block; height: 52px; line-height: 52px; padding: 0 36px 0 57px; color: #FFF; margin-right: 16px; }
.pros_boxA .box .rt .btnbox .btn_1 { background: #3A69D5 url(../images/productsShow_05_1.png) left 37px center no-repeat; }
.pros_boxA .box .rt .btnbox .btn_2 { background: #535353 url(../images/productsShow_05_2.png) left 37px center no-repeat; }
.pros_boxA .box .rt .btnbox .dispnone { background-color: #aaa; }
.pros_boxA .box_1 { clear: both; overflow: hidden; padding-top: 30px; border-top: 1px solid #E9E9E9; }
.pros_boxA .box_1 .tab { position: relative; left: 50%; float: left; height: 40px; }
.pros_boxA .box_1 .tab ul { position: relative; left: -50%; float: left; }
.pros_boxA .box_1 .tab li { float: left; font-size: 18px; margin: 0 15px; padding-bottom: 12px; cursor: pointer; }
.pros_boxA .box_1 .tab li.on { color: #3a69d5; font-weight: bold; border-bottom: 2px solid #3A69D5; }
.pros_boxA .cont { clear: both; padding-top: 30px; }
.pros_boxA .pn { overflow: hidden; padding-top: 20px; }
.pros_boxA .pn .prev { float: left; width: calc(50% - 15px); }
.pros_boxA .pn .next { float: right; width: calc(50% - 15px); text-align: right; }
.pros_boxA .box_2 { clear: both; padding-top: 30px; }
.pros_boxA .box_2 .p_1 { font-size: 18px; padding-bottom: 10px; font-weight: bold; border-bottom: 1px solid #E9E9E9; }
.pros_boxA .box_2 .prol_list { padding-top: 20px; }


/*在线报价*/
.inq_boxA { clear: both; width: 1140px; margin: -74px auto 40px auto; background-color: #FFF; padding: 40px; }
.inq_boxA2 { width: 1200px; padding-top: 40px; margin: 0px auto; padding-bottom: 0px; }
.inq_boxA .tit { font-size: 32px; }
.inq_boxA .remark { padding: 11px 0 35px 0; border-bottom: 1px solid #E9E9E9; }
.inq_boxA .remark b { font-size: 20px; }
.inq_boxA .box_1 { padding-top: 35px; height: 52px; }
.inq_boxA2 .box_1 { padding-top: 15px; }
.inq_boxA .box_1 div { float: left; width: calc(50% - 20px); margin-right: 40px; }
.inq_boxA .box_1 div:nth-child(2n) { margin-right: 0; }
.inq_boxA .box_1 .p_1 { font-size: 16px; }
.inq_boxA .box_1 .sel { width: calc(100% - 2px); height: 50px; border: 1px solid #E0E0E0; margin-top: 17px; position: relative; }
.inq_boxA .box_1 .sel p { height: 50px; line-height: 50px; padding: 0 25px; cursor: pointer; position: relative; }
.inq_boxA .box_1 .sel p:after { content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg); }
.inq_boxA .box_1 .sel ul { display: none; width: 100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2; }
.inq_boxA .box_1 .sel li { padding-left: 25px; height: 40px; line-height: 40px; overflow: hidden; }
.inq_boxA .box_1 .sel li:hover { background-color: #007BCB; color: #FFF; }
.inq_boxA .box_2 { clear: both; padding-top: 35px; }
.inq_boxA2 .box_2 { padding-top: 20px; }
.inq_boxA .box_2 .p_1 { font-size: 16px; }
.inq_boxA .box_2 ul { padding-top: 15px; overflow: hidden; }
.inq_boxA .box_2 li { float: left; width: calc(33.33% - 14px); height: 48px; line-height: 48px; text-align: center; margin: 0 20px 20px 0; background-color: #E3E3E3; overflow: hidden; cursor: pointer; }
.inq_boxA .box_2 li { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.inq_boxA .box_2 li:nth-child(3n) { margin-right: 0; }
.inq_boxA .box_2 li.on { background-color: #3A69D5; color: #FFF; }
.inq_boxA .box_3 { clear: both; padding-top: 15px; overflow: hidden; }
.inq_boxA .box_3 .p_1 { font-size: 16px; padding-bottom: 25px; }
.inq_boxA .box_3 .box { float: left; width: calc(50% - 20px); margin: 0 40px 28px 0; }
.inq_boxA .box_3 .box:nth-child(2n+1) { margin-right: 0; }
.inq_boxA .box_3 .box input { width: calc(100% - 70px); border: 1px solid #E0E0E0; height: 20px; padding: 15px 25px; color: #666; display: inline-block; font-size: 14px; outline: none; }
.inq_boxA .box_3 .box input:focus { border-color: #3A69D5; }
.inq_boxA .box_3 .box .code { width: calc(100% - 270px); }
.inq_boxA .box_3 .box span { color: #d10000; width: 18px; text-align: right; display: inline-block; }
.inq_boxA .box_3 .box .sel { display: inline-block; width: calc(100% - 20px); border: 1px solid #E0E0E0; height: 50px; color: #666; position: relative; }
.inq_boxA .box_3 .box .sel p { color: #999; height: 50px; line-height: 50px; padding: 0 25px; cursor: pointer; position: relative; }
.inq_boxA .box_3 .box .sel p:after { content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg); }
.inq_boxA .box_3 .box .sel ul { display: none; width: 100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2; height: 320px; overflow: auto; }
.inq_boxA .box_3 .box .sel li { padding-left: 25px; height: 40px; line-height: 40px; overflow: hidden; }
.inq_boxA .box_3 .box .sel li:hover { background-color: #007BCB; color: #FFF; }
.inq_boxA .box_3 .area { width: calc(100% - 70px); height: 250px; padding: 15px 25px; border: 1px solid #E0E0E0; color: #666; font-size: 14px; margin-bottom: 28px; outline: none; }
.inq_boxA .box_3 .area:focus { border-color: #3A69D5; }
.inq_boxA .box_3 .btnbox { clear: both; padding-top: 40px; text-align: center; }
.inq_boxA .box_3 .btnbox input { display: inline-block; width: 300px; height: 70px; line-height: 70px; font-size: 18px; color: #FFF; font-weight: bold; text-align: center; background-color: #B3B3B3; border: 0; margin: 0 18px; cursor: pointer; }
.inq_boxA .box_3 .btnbox input:first-child { background-color: #3A69D5; }


/*新闻中心*/
.new_ban { background-image: url(../images/news_01.jpg); height: 400px; }
.new_tab { height: 45px; padding-top: 40px; }
.new_tab div { position: relative; left: 50%; float: left; }
.new_tab div > ul { position: relative; left: -50%; float: left; }
.new_tab div > ul > li { float: left; margin: 0 20px; position: relative; }
.new_tab div > ul > li > ul { position: absolute; left: 50%; top: 45px; min-width: 100%; display: none; transform: translateX(-50%); }
.new_tab div > ul > li:hover > ul { display: block; }
.new_tab div > ul > li:first-child{min-width:190px;}
.new_tab div > ul > li:last-child{min-width:166px;}
.new_tab div > ul > li > a { display: block; padding: 0 25px; height: 45px; line-height: 45px; font-size: 16px; background-color: #CCCCCC; color: #FFF; text-align:center;}
.new_tab div > ul > li.on > a, .new_tab div > ul > li > a:hover { background-color: #3A69D5; }


.new_tab div > ul > li > ul li a { display: block; padding: 0 25px; line-height: 1.65; padding: 10px 20px; font-size: 16px; background-color: #CCCCCC; color: #FFF; white-space: nowrap; }
.new_tab div > ul > li.on > a, .new_tab div > ul > li > ul li a:hover { background-color: #3A69D5; }

.new_tab div > ul > li.on > ul .on a { background-color: #3A69D5; }
.new_boxA { clear: both; width: 1200px; margin: 0px auto; padding-top: 40px; overflow: hidden; min-height: 200px }
.new_boxA .lt { float: left; width:539px;}
.new_boxA .rt { float: right; width: 620px; height: 348px; position: relative; }
.new_boxA .rt span { display: block; color: #999; margin-top: 12px; }
.new_boxA .rt p { font-size: 24px; margin-top: 32px; }
.new_boxA .rt div { padding-top: 13px; color: #666; line-height: 2.1; }
.new_boxA .rt a { display: block; width: 155px; padding-bottom: 15px; color: #3A69D5; border-bottom: 1px solid #3A69D5; position: absolute; bottom: 33px; left: 0; background: url(../images/news_05_1.png) right top 10px no-repeat; }
.new_boxB { clear: both; width: 1200px; margin: 0px auto; padding-top: 40px; overflow: hidden; }
.new_boxB ul { overflow: hidden; }
.new_boxB li { float: left; overflow: hidden; width: calc(33.33% - 57px); height: 432px; padding: 16px; margin: 0 37px 37px 0; background-color: #F5F5F5; }
.new_boxB li:nth-child(3n) { margin-right: 0; }
.new_boxB li span { display: block; color: #999; margin-top: 8px; }
.new_boxB li p { font-size: 18px; padding-top: 10px; color: #333; }
.new_boxB li div { padding-top: 10px; color: #666; font-size: 12px; line-height: 2; height: 48px; overflow: hidden; }
.new_boxB li i { font-style: normal; display: block; margin-top: 23px; width: 123px; padding-bottom: 15px; color: #999; border-bottom: 1px solid #999; background: url(../images/news_05.png) right top 10px no-repeat; }
.new_boxB li:hover i { color: #3A69D5; border-bottom-color: #3A69D5; background-image: url(../images/news_05_1.png); }


/*newsShow*/
.nss_boxA { clear: both; max-width: 1200px; margin: 0px auto; padding: 40px 0; }
.nss_tit { font-size: 20px; font-weight: bold; line-height: 26px; text-align: center; padding: 10px 0 10px 0; }
.nss_dtm { text-align: center; font-size: 12px; color: #999; }
.nss_info { line-height: 28px; padding-top: 30px; color: #666; }
.ff_pre { clear: both; padding: 15px 0 0 0; }
.ff_next { clear: both; padding: 0 0 10px 0; }
.pss_img { text-align: center; }


.cpny .nss_boxA { padding-top: 15px; }

/*联系我们*/
.cont_ban { background-image: url(../images/contact_01.jpg); height: 400px; }
.cont_boxA { clear: both; width: 1200px; margin: 0 auto; padding: 40px 0; overflow: hidden; }
.cont_boxA .lt { float: left; width: 340px; padding: 10px 60px 40px 40px; background-color: #FFF; }
.cont_boxA .lt dt { color: #999; text-transform: uppercase; margin-top: 26px; }
.cont_boxA .lt dd { padding-top: 5px; font-size: 18px; line-height: 1.7; width: 335px; }
.cont_boxA #allmap { float: right; width: 740px; height: 423px; }


/*服务支持*/
.ser_boxA { clear: both; width: 1200px; margin: 0px auto; padding: 40px 0; min-height: 200px }


/*regist*/
.reg_boxA { clear: both; width: 1200px; margin: 0px auto; padding: 40px 0; }
.reg_boxA { padding-top: 20px; }
.reg_boxA .item { overflow: hidden; }
.reg_boxA .item .box { float: left; width: calc(50% - 20px); margin: 0 40px 20px 0; }
.reg_boxA .item .box:nth-child(2n) { margin-right: 0; }
.reg_boxA .item .box p { height: 25px; line-height: 25px; font-size: 16px; padding-bottom: 10px; }
.reg_boxA .item .box p span { color: #999; font-size: 14px; }
.reg_boxA .item .box input { width: calc(100% - 52px); border: 1px solid #E0E0E0; height: 20px; padding: 15px 25px; color: #666; display: inline-block; font-size: 14px; outline: none; }
.reg_boxA .item .box input:focus { border-color: #3A69D5; }
.reg_boxA .item .box .code { width: 50%; }
.reg_boxA .btnbox { clear: both; padding-top: 20px; text-align: center; }
.reg_boxA .btnbox input { display: inline-block; width: 285px; height: 46px; line-height: 46px; font-size: 16px; color: #FFF; font-weight: bold; text-align: center; background-color: #B3B3B3; border: 0; margin: 0 20px; cursor: pointer; }
.reg_boxA .btnbox input:first-child { background-color: #3A69D5; }

/*login*/
.log_boxA { clear: both; width: 1200px; margin: 0px auto; padding: 40px 0; }
.log_boxA .box { width: calc(50% - 20px); margin: 20px auto 0 auto; }
.log_boxA .box p { height: 25px; line-height: 25px; font-size: 16px; }
.log_boxA .box p span { color: #999; }
.log_boxA .box input { width: calc(100% - 52px); border: 1px solid #E0E0E0; height: 20px; padding: 15px 25px; color: #666; display: inline-block; font-size: 14px; outline: none; }
.log_boxA .box input:focus { border-color: #3A69D5; }
.log_boxA .box .code { width: 50%; }
.log_boxA .btnbox { clear: both; padding-top: 40px; text-align: center; }
.log_boxA .btnbox input { display: inline-block; width: 285px; height: 46px; line-height: 46px; font-size: 16px; color: #FFF; font-weight: bold; text-align: center; background-color: #B3B3B3; border: 0; margin: 0 20px; cursor: pointer; }
.log_boxA .btnbox input:first-child { background-color: #3A69D5; }





.dispblock { display: block; }
.dispnone { display: none; }
.opa0 { opacity: 0; }


.cpxlh { display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; margin-top: 10px; }
.cpxlh .item { overflow: hidden; }
.cpxlh .item .box { overflow: hidden; }
.cpxlh .item .box:nth-child(2n) { margin-right: 0; }
.cpxlh .item .box .box1 { padding-bottom: 10px; line-height: 25px; }
.cpxlh .item .box p font { height: 25px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }
.cpxlh .item .box p span { color: #999; font-size: 14px; white-space: nowrap; }
.cpxlh .item .box input { width: calc(100% - 52px); border: 1px solid #E0E0E0; height: 20px; padding: 15px 25px; color: #666; display: inline-block; font-size: 14px; outline: none; }
.cpxlh .item .box input:focus { border-color: #3A69D5; }
.inq_boxA .saf { display: none; padding-top: 0px; }
.reg_boxA2 .p_1 { font-size: 16px; padding-bottom: 25px; }
.saf1 { display: none; }
.s_s2 { background: #f5f5f5; overflow: hidden; padding-bottom: 40px; }
.s_s23 { min-height: 400px; }
.lbyt { margin-top: 40px; }
.lbyt .cpsms { background: #fff; padding: 30px; margin-top: 20px; }
.main_w { width: 1200px; margin: 0 auto; }
.lbyt_1 { width: 100%; overflow: hidden; display: flex; justify-content: space-between; }
.lbyt_1 font { font-size: 26px; line-height: 1; }
.lbyt_1 p { font-size: 16px; background: url(../images/t1.png) no-repeat right center; display: block; padding-right: 30px; }
.lbyt_1 p a { color: #999999; }

.lbyt_2 { width: 100%; overflow: hidden; padding-top: 9px; }
.lbyt_2 ul { grid-template-columns: repeat(2,1fr); display: grid; gap: 40px; }
.cpny .lbyt_2 ul { grid-template-columns: repeat(1,1fr); }
.lbyt_2 li { padding: 20px 0; border-bottom: 2px solid #f0f0f0; overflow: hidden; }
.lbyt_2 li a { display: grid; grid-template-columns: 120px auto; align-items: flex-start; gap: 20px; }
.lbyt_2 li a .xiaz p { text-transform: uppercase; /* display:none; */ }
.tights { display: grid; justify-content: space-between; align-items: center; width: 100%; gap: 20px; }
.tights > div { overflow: hidden; }
.lbyt_2 li a .xiaz p { background: #3a69d5; width: 41px; height: 20px; border-radius: 10px; color: #fff; text-align: center; font-size: 12px; line-height: 20px; }
.lbyt_2 li a .xiaz { /* display: flex; */ gap: 10px; /* align-items: center; */ }
.lbyt_2 li a .xiaz font { font-size: 18px; color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 1004px; padding-top: 20px; }
.lbyt_2 li a .down { background: url(../images/t2.png) no-repeat left center; padding-left: 30px; font-size: 16px; color: #3a69d5; }
.lbyt .txt_cent { padding-top: 20px; text-align: left; }
.lbyt_3 { width: 100%; overflow: hidden; padding-top: 20px; }
.lbyt_3 ul { gap: 20px 40px; display: grid; grid-template-columns: repeat(2,1fr); }
.lbyt_3 li { overflow: hidden; background: #f6f8fd; padding: 20px 23px; }
.lbyt_3 li a { display: grid; grid-template-columns: 120px auto; align-items: flex-start; gap: 20px; }
.lbyt_3 li a > div { overflow: hidden; }
.lbyt_3 li font {display: block;/* white-space: nowrap; *//* text-overflow: ellipsis; */overflow: hidden;color: #333333;/* background: url(../images/t4.png) no-repeat left center; padding-left: 14px;  */font-size: 16px;}
.lbyt_3 li p { font-size: 14px; color: rgba(51,51,51,.6); margin-top: 10px; /* float: right; padding-left: 10px; */ }


.lbyt_4 { width: 100%; overflow: hidden; padding-top: 25px; /* min-height:400px; */ }
.lbyt_4 ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px }
.lbyt_4 li { text-align: center; }
.lbyt_4 li img{width: 360px;}
.lbyt_4 li p { color: #333333; font-size: 16px; padding-top: 10px; }


.lbyt4 .cpsms { padding-top: 10px; }
.lbyt5 .cpsms { padding-top: 10px; }
.lbyt6 .cpsms { padding-top: 10px; }
.lbyt5 .lbyt_3 ul { /* grid-template-columns: repeat(1,1fr); */ }

.titls { padding-top: 26px; display: flex; justify-content: space-between; align-items: center; }
.titls .z_left { color: #333333; font-size: 26px; font-weight: bold; }
.titls .z_right { display: flex; gap: 10px; }
.titls .z_right .ppai { width: 260px; height: 52px; background: #fff; position: relative; }
.titls .z_right .ppai p { color: #999999; padding: 0 28px; height: 52px; display: flex; align-items: center; background: url(../images/t6.png) no-repeat right 28px center; cursor: pointer; }
.titls .z_right .ppai ul { position: absolute; top: calc(100% + 0px); left: 0px; width: 100%; display: none; max-height: 200px; overflow: auto; }
.titls .z_right .ppai ul li a { background: #fff; height: 52px; padding: 0 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 52px; display: block; }
.titls .z_right .ppai ul li a { color: #333; }
.titls .z_right .ppai ul li:hover a { color: #fff; }
.titls .z_right .ppai ul li:hover a { display: block; background: #3a69d5; }
.titls .z_right .tjcp { background: #3a69d5; color: #ffffff; display: flex; align-items: center; }
.titls .z_right .tjcp a { color: #fff; padding-left: 49px; padding-right: 23px; display: block; background: url(../images/t7.png) no-repeat left 24px center; }


.cplb { width: 100%; overflow: hidden; }
.cplb li { background: #fff; border-radius: 10px; overflow: hidden; padding: 32px; display: grid; grid-template-columns: auto 121px; gap: 32px; margin-top: 24px; }
.cplb li > div { overflow: hidden; /* text-align: right; */ }
.cplb .c_left { display: grid; /* align-items: center; */ gap: 32px; grid-template-columns: 148px auto; }
.cplb .c_left > div { overflow: hidden; }
.cplb .c_left .l_2 font { color: #333333; font-size: 18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cplb .c_left .l_2 p { font-size: 16px; color: #999999; padding-top: 10px; }
.cplb .c_left .l_2 div { padding-top: 25px; color: #999999; }
.cplb .c_left .xuliehao { display: none; border: 1px solid #999999; width: 100px; padding: 10px; }
.cplb .c_right { text-align: right; }
.cplb .c_right .sh { font-size: 16px; color: #3a69d5; text-align: right; }
.cplb .c_right .ckxq { background: #f2f6fd; /* width:99px; */ height: 34px; overflow: hidden; line-height: 34px; margin-top: 50px; border: 1px solid #3a69d5; border-radius: 5px; display: inline-block; }
.cplb .c_right .ckxq a { color: #3a69d5; background: url(../images/t51.png) no-repeat right 11px center; padding-left: 11px; display: block; padding-right: 35px; }
.cplb .c_left .l_3 input { border: 1px solid #999999; height: 30px; outline: none; padding: 0 10px; width: 100px; float: left; margin-right: 20px; }
.cplb .c_right .ckxq2 { background: #f2f6fd; /* width:99px; */ height: 34px; overflow: hidden; line-height: 34px; margin-top: 50px; border: 1px solid #3a69d5; border-radius: 5px; display: inline-block; }
.cplb .c_right .ckxq2 a { color: #3a69d5; padding-left: 11px; display: block; padding-right: 11px; }
.cplb .c_right .qued { display: none; }


.cpxlh .box1 { display: flex; justify-content: space-between; }
.cpxlh .box1 > p { width: calc(100% - 25px); display: flex; }
.cpxlh .box1 .deleteCp { white-space: nowrap; overflow: hidden; cursor: pointer; flex: 1; text-align: right; font-size: 18px; }
.cpny { display: grid; grid-template-columns: 200px auto; gap: 25px; }
.cpny > div { overflow: hidden; }
.cpny .sjlb { margin-top: 14px; }
.cpny .sjlb>ul>li>a { display: block; padding: 0 25px; height: 45px; line-height: 45px; font-size: 16px; background-color: #CCCCCC; margin-top: 14px; color: #FFF; }
.cpny .sjlb>ul>li.cur>a, .lbyt4 .cpny .sjlb>ul>li>a:hover { background-color: #3A69D5; }
.cpny .sjlb>ul>li ul{padding:5px 20px;}
.cpny .sjlb>ul>li li{text-overflow: ellipsis;overflow: hidden;line-height: 2;padding-top:10px;font-size: 12px;}
.cpny .sjlb>ul>li li.cur a{color: #3A69D5;}



.sign{position:relative;}
.sign .list{position:absolute;left:0px;top:100%;width:100%;overflow:hidden;text-align:center;display:none;}
.sign:hover .list{display:block;}
.sign .list ul{padding:0px 0;background:rgba(255,255,255,.3);border-radius:10px;margin-top:10px;overflow:hidden;}
.sign .list li:hover{background-color: #0c6fb3;}
.sign .list li a{text-decoration:none;}

.ss_xx{width:100%;overflow:hidden;height:50px;display:flex;margin-top:20px;}
.ss_xx2{margin-top:0px;margin-bottom:10px;}
.ss_xx .ss_left{width:80%;overflow:hidden;height:100%;}
.ss_xx .ss_right{width:20%;background-color: #3A69D5;overflow:hidden;height:100%;}
.ss_xx .ss_left input{width:100%;height:100%;border:1px solid #E0E0E0;;box-sizing: border-box;outline: none;padding: 0 20px;}
.ss_xx .ss_right input{width:100%;height:100%;border:0px;background:none;font-size:16px;color:#fff;cursor: pointer;outline: none;}


.wjmm{text-align:center;overflow:hidden;padding-top:10px;}

.nrong{display:grid;grid-template-columns: auto 200px;gap:20px;}
.nrong .hqyzm{width:100%;height:100%;line-height:52px;}
.nrong .hqyzm input{width:100%;text-align:center;align-items: center;height:100%;
    box-sizing: border-box;
    border: 1px solid #0c6fb3;
    background: #0c6fb3;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}


.reg_boxA .test{display:grid;grid-template-columns:400px auto ;gap:30px;padding-top:20px;align-items: center;}
.reg_boxA .test .item .box input{padding:10px 15px;width:calc(100% - 42px)}
.reg_boxA .test .item .box{margin:0 20px 10px 0;}
.reg_boxA .test .item .box p{font-size:15px;}
.reg_boxA .test .item .box .code{width:50%;}
.log_boxA .test{display:grid;grid-template-columns:400px auto ;gap:30px;padding-top:20px;align-items: center;}
.log_boxA .test .box{width:calc(100% - 20px);max-width:580px;}


.language{float:right;width:43px;height:43px;border-radius:50%;background:rgba(255,255,255,.2);margin-top:40px;text-align:center;line-height:43px;margin-left:10px;font-size:16px;}
.language a{color:#fff;}