@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { color: #333; font-size: 14px; }
body, span, samp, i, em { font-family: Arial, "微软雅黑"; }
ul, ol { list-style: none; }
img, fieldset { vertical-align: top; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, code, em, th { font-weight: normal; font-style: normal; }
input, button, textarea, select { color: #333; font-size: 15px; font-family: "Open Sans"; vertical-align: middle; }
input:focus { outline: none; }
a { color: #333; text-decoration: none; }
img { max-width: 100%; }

.w1300 { max-width: 1300px; width: 96%; margin: 0 auto; }
.w1300:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

/* 头部 */
.top_bj { width: 100%; background: rgba(255,255,255,0.9); position: fixed; top: 0; left: 0%; transition: all 0.5s; z-index: 10; box-shadow: 0 0 4px #cbcbcb; height:100px;}
.top_bj:hover { background: #fff; }
.top_bj.active { width: 100%; top: 0; left: 0; background: #fff; }
.top:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.logo { float: left; margin:23px 0px 0px 0px; }
.logo img { width: 310px;}

/*导航条*/
.dht { float: right; margin-top:32px; margin-right: 10px;}
.nav { position: relative; z-index: 999;}
.nav a { color: #333;}
.nav .nLi { float: left; position: relative; display: inline; text-align: center; width: 115px; line-height: 40px; }
.nav .nLi h3 a { display: block; font-size: 16px;}
.nav .sub { display: none; left: 0px; top: 42px; position: absolute; background: #fff; line-height: 40px; padding: 5px 0; width: 180px; text-align: left; font-size: 14px; }
.nav .sub li { zoom: 1; }
.nav .sub a { display: block; padding: 0 10px; color: #333;}
.nav .sub a:hover { background: #007dc0; color: #fff;}
.nav .on h3 a { border-bottom:1px solid #007dc0; line-height: 40px; color: #007dc0; font-weight: bold;}

/*手机导航*/
.sp_nav { width:50px; float:right; position: relative; cursor: pointer; height:40px; margin-top:30px; display: none; background:#eee;}
.sp_nav span { display:block; background:#333; width: 30px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top:10px;}
.sp_nav span:nth-of-type(2) { top:20px;}
.sp_nav span:nth-of-type(3) { top:30px;}
.sp_nav_se span:nth-of-type(1) { top:18px; transform: rotate(45deg);}
.sp_nav_se span:nth-of-type(2) { width:0; }
.sp_nav_se span:nth-of-type(3) { top:18px; transform: rotate(-45deg);}
.sjj_nav { position:fixed; z-index:999; background:#eee; width:100%; height:100%; font-size:14px; line-height:40px; top:-100%; left:0; overflow:auto; overflow-x:hidden; transition: top ease 0.35s;}
.nav_show { top:100px }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav>ul>li:first-child .language { float: right; overflow: hidden; line-height: 30px; margin-top: 5px; margin-right:10px; }
.sjj_nav>ul>li:first-child .language a { width: 35px; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg);}
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 14px; }
.sjj_nav>ul>li:last-child { border-bottom: 1px #ddd solid;}
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color:#666; width:100%;display:block;}
.sjj_nav ul li ul li a { color: #999; text-align:left;}
.sjj_nav ul li i svg { width: 20px; height: 20px; fill:#555; margin-top:5px;}
.sjj_nav ul li .sjj_nav_i_se svg { fill:#c9141e;}
.sjj_nav ul li ul li>ul { margin-left: 10px;}

/*中英*/
.zyw { float: right; font-size: 16px; margin-top:32px; width: 120px; background: url(../images/language.png) no-repeat 10%; border-radius: 5px; text-indent: 40px; line-height: 40px; }
.zyw_a { position: relative; }
.zyw_a:hover .zyws { display: block; }
.zyws { display: none; position: absolute; top: 40px; left: 0; background: #fff; width: 100%; z-index: 999; font-size: 14px !important; }
.zyws p a { color: #333; display: block; }
.zyws p:hover a { background: #007dc0; color: #fff;}

/*banner*/
.banner { position: relative; margin-top:0px; }
.banner .swiper-slide img { max-with: 100%; transition: all 6s ease 0s; transform: scale(1.1); width: 100% }
.banner .swiper-slide { overflow: hidden;}
.banner .swiper-slide-active img { transform: scale(1);}
/* banner */

/*banner*/
.banner1 { position: relative; margin-top:100px; display: none;}
.banner1 .swiper-slide img { max-with: 100%; transition: all 6s ease 0s; transform: scale(1.1); width: 100% }
.banner1 .swiper-slide { overflow: hidden; }
.banner1 .swiper-slide-active img { transform: scale(1);}
/* banner */

/*题目*/
.ny_cps_0 { overflow:hidden; text-align:center; color:#333; width:100%;}
.ny_cps_0 .ny_cps_0_zi { font-size:25px; margin-top:5%; margin-bottom:15px;}
.ny_cps_0 .ny_cps_0_zii { font-size:16px; text-transform:uppercase;}
.beise { color:#fff;}

/*产品中心*/
.ny_cpss { width:100%;}
.ny_cpss ul { margin-left:-2%;}
.ny_cpss li { float:left; width:31.33%; margin-left:2%; text-align:center; line-height:50px; margin-top:2%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ny_cpss li a{ display:block;transition:all 0.5s;}
.ny_cpss li:hover a{ color:#1369ab; font-size:16px;}
.ny_cpss li .ny_cpss_1 { overflow:hidden;}
.ny_cpss li .ny_cpss_1 img {width:100%;height:auto;transition:all 0.5s;}
.ny_cpss li .ny_cpss_1:hover img {transform:scale(1.1);}

/*公司简介*/
.in_smw { overflow:hidden; background:url(../images/ins_bo.jpg) no-repeat; height:801px; margin-top:3%;}
.in_gojian { text-align:center; overflow:hidden; color:#fff; font-size:16px; line-height:30px; margin-top:2%;}
.in_goji_s { overflow:hidden; margin-top:2%;}
.in_goji_s ul {}
.in_goji_s li { width:32.33%; float:left; margin-left:1%; background:#fff; text-align:center; padding:10px;}


.ne_gjj_more { margin:2% auto 5% auto; width:220px; background:#007dc0; text-align:center; line-height:50px; border-radius:35px;}
.ne_gjj_more a{ display:block; color:#fff;}
.ne_gjj_more:hover a{ background:#fff; color:#333; border-radius:35px;}

/*四选*/
.szbs { background:url(../images/bws_1.jpg) no-repeat center; height:415px; margin-top:160px;}
.szbs_a { position:relative;}
.szbs_a ul{position:absolute; top:-120px; left:0; margin-left:-15px;}
.szbs_a li{ width:204px; float:left; position:relative; overflow:hidden; margin-left:15px;}

.szbs_a2 { position:absolute; top:calc(100% - 50px); left:-0.1%; background:rgba(0,125,192,0.7); width:100.5%; display:table;transition:all 0.8s;text-align:center; height:50px; line-height:50px;}
.szbs_a li:hover .szbs_a2{top:0;height:100%; background:rgba(0,125,192,0.9);}
.szbs_a22 {height:100%;display:table-cell; vertical-align:middle;}
.szbs_a22 p { color:#fff;}
.szbs_a22:hover { font-size:18px; color:#fff;}

.szbs_a_a { overflow:hidden; display:none; margin-top:2%; padding-bottom:50px;}
.szbs_a_a ul{ margin-left:-1%;}
.szbs_a_a li{ width:32.333%; float:left; overflow:hidden; margin-left:1%; position:relative; margin-bottom:20px;}

.szbs_a_a li .szbs_a2_a { position:absolute; top:calc(100% - 50px); left:-0.1%; background:rgba(0,125,192,0.7); width:100.5%; display:table;transition:all 0.8s;text-align:center; height:50px; line-height:50px;}
.szbs_a_a li :hover .szbs_a2_a{top:0;height:100%; background:rgba(0,125,192,0.9);}
.szbs_a_a li .szbs_a22_a {height:100%;display:table-cell; vertical-align:middle;}
.szbs_a_a li .szbs_a22_a p { color:#fff;}
.szbs_a_a li .szbs_a22_a:hover { font-size:18px; color:#fff;}

/*首页新闻*/
.nes_zyi { overflow:hidden; margin-top:10px; padding:0 0.3%; }
.nes_zyi dl { float:left; margin-top:2%; width:32.8%; margin-right:1%; background:#f1f1f1; margin-bottom:60px; padding:10px;}
.nes_zyi dl:nth-child(3n) { margin-right:-1%;}
.nes_zyi dd { width:100%; float:left; background:#fff; text-align:center; }
.nes_zyi dd img { max-width:100%; height:auto;}
.nes_zyi dt { float:right; width:100%;}
.nes_zyi dt a { display:block; transition:all .5s;}
.nes_zyi dt:hover a { color:#007dc0; margin-left:10px;}
.nes_zyi dt .nes_zyi_1 { font-size:16px; margin-top:12px;color:#333;text-transform: uppercase;}
.nes_zyi dt:hover .nes_zyi_1 {color:#007dc0; font-weight:bold;}
.nes_zyi dt .nes_zyi_2 { margin:10px 0;  line-height:25px; color:#9c9c9c;}

/*底部*/
.fott { overflow:hidden; background:#007dc0; height:300px;}
.fott_lz { margin-top:60px; width:280px; float:left;}
.fott_lz .fott_lz_a2 { font-size:18px; color:#fff;}
.fott_lz .fott_lz_a3 { width:30px; height:2px; background:#fff; margin:10px 0;}
.fott_lz .fott_lz_a4 {}
.fott_lz .fott_lz_a4 ul {}
.fott_lz .fott_lz_a4 li { float:left; width:50%; line-height:30px; font-size:16px; margin-bottom:15px;}
.fott_lz .fott_lz_a4 li a{ color:#fff;}
.fott_lz .fott_lz_a4 li:hover a{ color:#00a6ff;}

.fott_lr { float:left; width:680px; margin-top:80px; margin-left:5%;}
.fott_zuo_zhobu_1 { overflow:hidden;}
.fott_zuo_zhobu_1 ul { margin-left:-35px;}
.fott_zuo_zhobu_1 li { float:left; color:#fff; line-height:40px; font-size:16px; text-indent:50px; margin-bottom:20px; margin-left:35px;}
.fs_z { background:url(../images/fose_a1.png) no-repeat left;}
.fs_z2 { background:url(../images/fose_a2.png) no-repeat left;}
.fs_z3 { background:url(../images/fose_a3.png) no-repeat left;}
.fs_z4 { background:url(../images/fose_a4.png) no-repeat left;}
.fs_z5 { background:url(../images/fose_a5.png) no-repeat left;}

.fott_lp { float:right; text-align:center; line-height:30px; color:#fff; margin-top:60px;}

.fotsw { background:#006ba5; line-height:50px; text-align:center; color:#fff;}

/*内页*/
.hmw { height:350px;}

.about { overflow:hidden; background:#fff; line-height:30px; font-size:16px;}
.about span { color:#007dc0; font-weight:bold;}
.about ul { margin-left:-1%; margin-top:15px;}
.about li { width:32.33%; float:left; margin-left:1%;}

.ao_fuw { overflow:hidden; padding-top:20px;margin-bottom:60px;}

.about_mss { font-size:30px; line-height:60px;}
.about_mss1 { width:50px; height:2px; background:#007dc0; margin-bottom:20px;}

.ny_skaa { background:#007dc0 !important;}
.ny_skaa a { color:#fff !important;}

/*左栏目*/
.pds_z { float:left; width:240px;}
.pds_z ul {}
.pds_z li { float:left; background:#f5f5f5; width:100%; line-height:40px; text-indent:25px; margin-bottom:10px;}
.pds_z li a{ display:block;}
.pds_z li:hover a{ background:#007dc0; color:#fff;}
.pds_z1 { float:left;background:#f5f5f5; line-height:26px; padding:8% 4%;color:#4a4a4a;}
.pds_z1 p { font-size:20px; margin-bottom:10px; color:#333;}

/*右栏目*/
.pds_y { float:right; width:calc(100% - 260px);}
.pds_y1 { float:left; width:100%;}

/*产品*/
.cp_cpss { width:100%;}
.cp_cpss ul { margin-left:-1%;}
.cp_cpss li { float:left; width:24%; margin-left:1%; text-align:center; line-height:50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cp_cpss li a{ display:block;transition:all 0.5s;}
.cp_cpss li:hover a{ color:#1369ab; font-size:16px;}
.cp_cpss li .cp_cpss_1 { overflow:hidden;border:1px solid #eee;}
.cp_cpss li .cp_cpss_1 img {width:100%;height:auto;transition:all 0.5s;}
.cp_cpss li .cp_cpss_1:hover img {transform:scale(1.1);}

/*内页新闻*/
.nes_zyi1 { overflow:hidden; width:100%;}
.nes_zyi1 dl { background:#fff; padding:20px; overflow:hidden; margin-bottom:15px; border-bottom:1px solid #eee;}
.nes_zyi1 dl:last-child { margin-bottom:0px; margin-bottom:1%;}
.nes_zyi1 dd { width:400px; float:left;}
.nes_zyi1 dd img { max-width:100%; height:auto;}
.nes_zyi1 dt { float:right; width:calc(100% - 420px);}
.nes_zyi1 dt a { display:block; transition:all .5s;}
.nes_zyi1 dt:hover a { color:#0a8fdd; margin-left:10px;}
.nes_zyi1 dt .nes_zyi1_1 { font-size:18px; margin-top:18px;}
.nes_zyi1 dt .nes_zyi1_2 { margin:10px 0; font-size:14px; line-height:25px; color:#acacac;}
.nes_zyi1 dt .nes_zyi1_sj { position:relative; line-height:18px; margin-top:20px; font-size:18px;}

.soluw_ney_nei2 { line-height:35px;}

.soluw_ney { overflow:hidden; padding:0 2%;}
.soluw_ney_zi { overflow:hidden; margin-top:30px; font-size:25px; text-align:center;}
.soluw_ney_xian {border:1px solid #eeeeee; margin:10px 0 20px 0%; overflow:hidden;}
.soluw_ney_nei { line-height:30px; margin-bottom:20px; color:#888; font-size:16px;}
.sowa_q1 { overflow:hidden; line-height:30px; font-size:14px;text-align:center; color:#cfcfcf;}

/*左右一页*/
.mska_losa { overflow:hidden; margin:30px 0; line-height:40px; border-bottom:1px solid #eee; border-top:1px solid #eee; position:relative; height:80px;}
.mska_losa .mska_losa_1 { width:100%;text-indent:25px;}
.mska_losa .mska_mor { position:absolute; right:0; top:20px; width:120px; background:#1369ab; text-align:center;}
.mska_losa .mska_mor a{ color:#fff; display:block;}

/*联系我们*/
.conts_zu { float:left; width:40%; line-height:35px;font-size:16px;}
.conts_yu { float:left; width:60%;}