@charset "utf-8";
/* CSS Document */
html,body{ width:100%;}
body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333; background:#f1f1f1;}
a{ text-decoration:none; color:#333;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0; font-family:"Microsoft YaHei","微软雅黑" !important;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ *zoom:1}
.clear:before,.clear:after{ display:table; content:""}
.clear:after{ clear:both}

/*header*/
@media screen and (min-width:1280px){
.head_pc{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999;}
.head_pc.pos,.head_pc.bg,.head_pc.cur{ background-color:#fff;}
.head_pc .box{ width:1200px; margin:auto;}
.head_pc .plogo{ float:left; padding:15px 0;}
.head_pc .plogo img{ display:block; height:50px;}
.head_pc .plogo .img02{ display:none;}
.head_pc .mlogo{ display:none;}
.head_pc.pos .plogo .img01,.head_pc.bg .plogo .img01,.head_pc.cur .plogo .img01{ display:none;}
.head_pc.pos .plogo .img02,.head_pc.bg .plogo .img02,.head_pc.cur .plogo .img02{ display:block;}
.head_pc .head_list{ float:left; height:80px; margin-left:50px;}
.head_pc .head_list li{ display:block; float:left; margin-left:30px; position:relative; height:80px;}
.head_pc .head_list li a{ display:block; color:#fff; line-height:80px; height:80px; font-size:18px;}
.head_pc.pos .head_list li a,.head_pc.bg .head_list li a{ color:#333;}
.head_pc.pos .head_list li:hover a,.head_pc.bg .head_list li:hover a{ color:#305dc3;}
.head_pc .head_list li.active b,.head_pc .head_list li.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#fff;}
.head_pc.pos .head_list li.active b,.head_pc.bg .head_list li.active b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#305dc3;}
.head_pc .menubtn{ display:none;}
.head_pc .yu{ width:36px; height:80px; position:relative; float:right; margin-left:1vw; display:flex; align-items:center;}
.head_pc .yu span{ width:34px; height:34px; border:1px solid rgba(255,255,255,.3); cursor:pointer; border-radius:100%; display:flex; align-items:center; overflow:hidden;}
.head_pc.pos .yu span,.head_pc.bg .yu span,.head_pc.cur .yu span{ background-color:#305dc3; border:1px solid #305dc3 !important;}
.head_pc .yu span img{ display:block; margin:auto; height:14px;}
.head_pc .yu p{ display:none; position:absolute; left:-15px; top:100%;}
.head_pc .yu p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:#fff; border-width:8px;}
.head_pc .yu p strong{ font-weight:normal; width:70px; display:block; padding:10px 15px; background-color:#fff; overflow:hidden; border-radius:5px;}
.head_pc .yu p strong a{ display:block; font-size:14px; line-height:24px;}
.head_pc .yu p strong a:hover{ color:#305dc3;}
.head_pc .yu:hover p{ display:block;}
.Header-search{ width:36px; height:80px; position:relative; display:flex; align-items:center; float:right;}
.Header-search .Header-search-click{ width:34px; height:34px; border:1px solid rgba(255,255,255,.3); cursor:pointer; border-radius:100%; display:flex; align-items:center; overflow:hidden;}
.Header-search .Header-search-click img{ height:14px; display:block; margin:auto;}
.Header-search .Header-search-click img.img02{ display:none;}
.head_pc.pos .Header-search .Header-search-click,.head_pc.bg .Header-search .Header-search-click,.head_pc.cur .Header-search .Header-search-click{ background-color:#305dc3; border:1px solid #305dc3 !important;}
.Header-search .Header-search-wordsform{ display:none;}
.Header-search-wordsform{ position:absolute; width:300px; height:36px; top:50%; margin-top:-18px; right:46px; padding-left:24px; display:none;}
.Header-search-submit{ width:24px; height:100%; background:url('../images/h01.png') no-repeat left center; cursor:pointer; position:absolute; top:0; left:0;}
.Header-search-wordsform .ss{ width:100%; height:36px; line-height:36px; display:block; font-size:14px; color:#333; border-bottom:1px solid #eee; background:transparent; padding-right:60px; box-sizing:border-box;}
.Header-search-wordsform .tijiao{ width:60px; text-align:center; color:#333; height:36px; line-height:36px; display:block; background-color:transparent; position:absolute; right:0; top:0; cursor:pointer;}
.Header-search-wordsform .tijiao:hover{ color:#305dc3;}
.head_pc.cur .Header-search-wordsform{ display:block;}
.head_pc.cur .Header-search-click img.img01{ display:none;}
.head_pc.cur .Header-search-click img.img02{ display:block;}
.xialaph{ display:none;}

.xiala{ width:100%; background-color:#fff; position:fixed; left:0; top:80px; z-index:999;}
.xiala .xiala1{ width:100%; display:none; border-top:1px solid #eee; position:relative; z-index:9;}
.xiala .bg{ width:50%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#eee;}
.xiala .xiala1 .box{ width:1200px; margin:auto; display:flex;}
.xiala_l{ width:300px; overflow:hidden; padding:30px 0;}
.xiala_l h1{ font-size:24px; display:block; line-height:34px; color:#305dc3;}
.xiala_l h4{ font-size:14px; display:block; line-height:24px; color:#333; margin-top:10px; font-weight:normal;}
.xiala_r{ margin-left:50px; width:850px; padding:30px 0; overflow:hidden; background-color:#fff;}
.xiala_r .ul1{ display:block; float:left; width:233px; margin-left:50px; overflow:hidden;}
.xiala_r .ul1 h3{ display:block; font-size:18px; line-height:28px; padding-bottom:5px;}
.xiala_r .ul1 h3 a{ display:block; color:#333;}
.xiala_r .ul1 strong{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.xiala_r .ul1 strong img{ width:100%; display:block;}
.xiala_r .ul1 li{ display:block; font-size:14px; line-height:24px; padding-top:5px;}
.xiala_r .ul1 li a{ display:block; color:#666;}
.xiala_r .ul1 li a:hover{ color:#305dc3;}
.xiala_r .ul1 p{ display:block; padding-top:10px; margin-bottom:5px;}
.xiala_r .ul1 p a{ display:block; width:80px; line-height:30px; height:30px; background-color:#333; color:#fff; text-align:center; overflow:hidden;}
.xiala_r .ul1 p a:hover{ background-color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.head_pc{ width:100%; height:70px; position:fixed; left:0; top:0; z-index:999;}
.head_pc.pos,.head_pc.bg,.head_pc.cur{ background-color:#fff;}
.head_pc .box{ width:94%; margin:auto;}
.head_pc .mlogo{ float:left; padding:15px 0;}
.head_pc .mlogo img{ display:block; height:40px;}
.head_pc .mlogo .img02{ display:none;}
.head_pc .plogo{ display:none;}
.head_pc.pos .mlogo .img01,.head_pc.bg .mlogo .img01,.head_pc.cur .mlogo .img01{ display:none;}
.head_pc.pos .mlogo .img02,.head_pc.bg .mlogo .img02,.head_pc.cur .mlogo .img02{ display:block;}
.head_pc .head_list{ float:left; height:70px; margin-left:3vw;}
.head_pc .head_list li{ display:block; float:left; margin-left:3vw; position:relative; height:70px;}
.head_pc .head_list li a{ display:block; color:#fff; line-height:70px; height:70px; font-size:16px;}
.head_pc.pos .head_list li a,.head_pc.bg .head_list li a{ color:#333;}
.head_pc.pos .head_list li:hover a,.head_pc.bg .head_list li:hover a{ color:#305dc3;}
.head_pc .head_list li.active b,.head_pc .head_list li.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#fff;}
.head_pc.pos .head_list li.active b,.head_pc.bg .head_list li.active b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#305dc3;}
.head_pc .menubtn{ display:none;}
.head_pc .yu{ width:36px; height:70px; position:relative; float:right; margin-left:1vw; display:flex; align-items:center;}
.head_pc .yu span{ width:34px; height:34px; border:1px solid rgba(255,255,255,.3); cursor:pointer; border-radius:100%; display:flex; align-items:center; overflow:hidden;}
.head_pc.pos .yu span,.head_pc.bg .yu span,.head_pc.cur .yu span{ background-color:#305dc3; border:1px solid #305dc3 !important;}
.head_pc .yu span img{ display:block; margin:auto; height:14px;}
.head_pc .yu p{ display:none; position:absolute; left:-15px; top:100%;}
.head_pc .yu p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:#fff; border-width:8px;}
.head_pc .yu p strong{ font-weight:normal; width:70px; display:block; padding:10px 15px; background-color:#fff; overflow:hidden; border-radius:5px;}
.head_pc .yu p strong a{ display:block; font-size:14px; line-height:24px;}
.head_pc .yu p strong a:hover{ color:#305dc3;}
.head_pc .yu:hover p{ display:block;}
.Header-search{ width:36px; height:70px; position:relative; display:flex; align-items:center; float:right;}
.Header-search .Header-search-click{ width:34px; height:34px; border:1px solid rgba(255,255,255,.3); cursor:pointer; border-radius:100%; display:flex; align-items:center; overflow:hidden;}
.Header-search .Header-search-click img{ height:14px; display:block; margin:auto;}
.Header-search .Header-search-click img.img02{ display:none;}
.head_pc.pos .Header-search .Header-search-click,.head_pc.bg .Header-search .Header-search-click,.head_pc.cur .Header-search .Header-search-click{ background-color:#305dc3; border:1px solid #305dc3 !important;}
.Header-search .Header-search-wordsform{ display:none;}
.Header-search-wordsform{ position:absolute; width:300px; height:36px; top:50%; margin-top:-18px; right:46px; padding-left:24px; display:none;}
.Header-search-submit{ width:24px; height:100%; background:url('../images/h01.png') no-repeat left center; cursor:pointer; position:absolute; top:0; left:0;}
.Header-search-wordsform .ss{ width:100%; height:36px; line-height:36px; display:block; font-size:14px; color:#333; border-bottom:1px solid #eee; background:transparent; padding-right:60px; box-sizing:border-box;}
.Header-search-wordsform .tijiao{ width:60px; text-align:center; color:#333; height:36px; line-height:36px; display:block; background-color:transparent; position:absolute; right:0; top:0; cursor:pointer;}
.Header-search-wordsform .tijiao:hover{ color:#305dc3;}
.head_pc.cur .Header-search-wordsform{ display:block;}
.head_pc.cur .Header-search-click img.img01{ display:none;}
.head_pc.cur .Header-search-click img.img02{ display:block;}
.xialaph{ display:none;}

.xiala{ width:100%; background-color:#fff; position:fixed; left:0; top:70px; z-index:999;}
.xiala .xiala1{ width:100%; display:none; border-top:1px solid #eee; position:relative; z-index:9;}
.xiala .bg{ width:50%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#eee;}
.xiala .xiala1 .box{ width:94%; margin:auto; display:flex;}
.xiala_l{ width:30%; padding:20px 0; padding-right:30px; box-sizing:border-box; overflow:hidden;}
.xiala_l h1{ font-size:20px; display:block; line-height:30px; color:#305dc3;}
.xiala_l h4{ font-size:14px; display:block; line-height:24px; color:#333; margin-top:5px; font-weight:normal;}
.xiala_r{ border-left:1px solid #eee; width:70%; overflow:hidden; box-sizing:border-box; padding:20px 0; background-color:#fff;}
.xiala_r .ul1{ display:block; float:left; width:33.33%; padding-left:30px; box-sizing:border-box; overflow:hidden;}
.xiala_r .ul1 h3{ display:block; font-size:16px; line-height:26px; padding-bottom:5px;}
.xiala_r .ul1 h3 a{ display:block; color:#333;}
.xiala_r .ul1 strong{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.xiala_r .ul1 strong img{ width:100%; display:block;}
.xiala_r .ul1 li{ display:block; font-size:14px; line-height:24px;}
.xiala_r .ul1 li a{ display:block; color:#666;}
.xiala_r .ul1 li a:hover{ color:#305dc3;}
.xiala_r .ul1 p{ display:block; padding-top:10px; margin-bottom:5px;}
.xiala_r .ul1 p a{ display:block; width:80px; line-height:30px; height:30px; font-size:14px; background-color:#333; color:#fff; text-align:center; overflow:hidden;}
.xiala_r .ul1 p a:hover{ background-color:#305dc3;}
}
@media only screen and (max-width:768px){
.head_pc{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999;}
.head_pc.pos,.head_pc.bg,.head_pc.cur{ background-color:#fff;}
.head_pc .box{ width:94%; margin:auto;}
.head_pc .mlogo{ float:left; padding:10px 0;}
.head_pc .mlogo img{ display:block; height:40px;}
.head_pc .mlogo .img02{ display:none;}
.head_pc .plogo{ display:none;}
.head_pc.pos .mlogo .img01,.head_pc.bg .mlogo .img01,.head_pc.cur .mlogo .img01{ display:none;}
.head_pc.pos .mlogo .img02,.head_pc.bg .mlogo .img02,.head_pc.cur .mlogo .img02{ display:block;}
.head_pc .head_list{ display:none !important;}
.head_pc .menubtn{ display:flex; height:34px; width:34px; border:1px solid rgba(255,255,255,.3); border-radius:100%; float:right; margin:12px 10px; margin-right:0;}
.head_pc .menubtn img{ height:14px; display:block; margin:auto;}
.head_pc.pos .menubtn,.head_pc.bg .menubtn,.head_pc.cur .menubtn{ background-color:#305dc3; border:1px solid #305dc3 !important;}
.head_pc .yu{ display:none;}
.Header-search{ width:36px; height:60px; position:relative; display:flex; align-items:center; float:right;}
.Header-search .Header-search-click{ width:34px; height:34px; border:1px solid rgba(255,255,255,.3); cursor:pointer; border-radius:100%; display:flex; align-items:center; overflow:hidden;}
.Header-search .Header-search-click img{ height:14px; display:block; margin:auto;}
.Header-search .Header-search-click img.img02{ display:none;}
.head_pc.pos .Header-search .Header-search-click,.head_pc.bg .Header-search .Header-search-click,.head_pc.cur .Header-search .Header-search-click{ background-color:#305dc3; border:1px solid #305dc3 !important;}
.Header-search .Header-search-wordsform{ display:none;}
.Header-search-wordsform{ position:fixed; width:94%; padding:10px 3%; height:36px; top:60px; border-top:1px solid #eee; left:0; display:none; background-color:#fff;}
.Header-search-submit{ width:24px; height:36px; background:url('../images/h01.png') no-repeat left center; cursor:pointer; float:left;}
.Header-search-wordsform .ss{ width:calc(100% - 24px); height:36px; line-height:36px; display:block; font-size:14px; color:#333; border-bottom:1px solid #eee; background:transparent; padding-right:60px; box-sizing:border-box; float:left;}
.Header-search-wordsform .tijiao{ width:60px; text-align:center; color:#333; height:36px; line-height:36px; display:block; background-color:transparent; position:absolute; right:3%; top:10px; cursor:pointer;}
.Header-search-wordsform .tijiao:hover{ color:#305dc3;}
.head_pc.cur .Header-search-wordsform{ display:block;}
.head_pc.cur .Header-search-click img.img01{ display:none;}
.head_pc.cur .Header-search-click img.img02{ display:block;}
.xiala{ display:none;}
.xialaph{ position:fixed; top:0; left:0; padding-top:60px; width:100%; background-color:#fff; display:none; z-index:198;}
.xialaph .ul1>li{ border-top:1px solid #e6e6e6;}
.xialaph .ul2,.xialaph .ul3{ display:none;}
.xialaph h4{ display:block; overflow:hidden; position:relative; width:100%;}
.xialaph h4 a{ color:#333; font-size:15px; line-height:41px; float:left; display:block; width:80%; padding-left:3%;}
.xialaph h4 img{ float:right; display:block; height:5px; padding:18px 3%;}
.xialaph h4 img.img2{ display:none;}
.xialaph h4.active img.img1{ display:none;}
.xialaph h4.active img.img2{ display:block;}
.xialaph .ul2{ width:88%; padding:10px 5%; display:none; background-color:#f1f1f1;}
.xialaph .ul2 li{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.xialaph .ul2 li:last-child{ border-bottom:none;}
.xialaph .ul2 li a{ display:block; font-size:14px; padding:5px 15px; line-height:24px; overflow:hidden;}
.phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.6; z-index:196; display:none;}
.phonemeng.active{ display:block;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:100vh; position:relative; z-index:0;}
.banner .hd{ position:absolute; z-index:3; right:50%; margin-right:-600px; bottom:25px; display:block;}
.banner .hd li{ display:block; float:left; margin-right:20px; cursor:pointer;}
.banner .hd li span{ font-size:16px; line-height:26px; color:#fff; float:left; display:block;}
.banner .hd li b{ width:50px; height:1px; margin:12px 0; margin-left:10px; background-color:#fff; float:left; display:none;}
.banner .hd li.on b{ display:block;}
.banner .bd{ width:100%; height:100%; position:relative; z-index:1;}
.banner .bd ul{ width:100%; height:100% !important; display:block;}
.banner .bd li{ width:100%; height:100% !important; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.banner .bd li .box{ width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.banner .bd li .box a{ display:flex; align-items:center; width:100%; height:100%;}
.banner .bd li .box p{ width:1200px; margin:auto; padding-top:40px;}
.banner .bd li .box p img{ display:block;}
/*.banner .bd li .box p a{ display:flex; margin-top:70px; width:170px; height:46px; line-height:46px; border-radius:46px; background-color:#fff; overflow:hidden; align-items:center; justify-content:center;}
.banner .bd li .box p a span{ display:block; font-size:16px; padding-right:10px;}
.banner .bd li .box p a b{ width:20px; height:10px; display:block; background-image:url(../images/more.png); background-repeat:no-repeat;}
.banner .bd li .box p a:hover{ background-color:#305dc3;}
.banner .bd li .box p a:hover span{ color:#fff;}
.banner .bd li .box p a:hover b{ background-image:url(../images/more01.png);}*/
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; height:54.6875vw; position:relative; z-index:0;}
.banner .hd{ position:absolute; z-index:3; right:3%; bottom:20px; display:block;}
.banner .hd li{ display:block; float:left; margin-right:20px; cursor:pointer;}
.banner .hd li span{ font-size:16px; line-height:26px; color:#fff; float:left; display:block;}
.banner .hd li b{ width:30px; height:1px; margin:12px 0; margin-left:10px; background-color:#fff; float:left; display:none;}
.banner .hd li.on b{ display:block;}
.banner .bd{ width:100%; height:100%; position:relative; z-index:1;}
.banner .bd ul{ width:100%; height:100% !important; display:block;}
.banner .bd li{ width:100%; height:100% !important; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.banner .bd li .box{ width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.banner .bd li .box a{ display:flex; align-items:center; width:100%; height:100%;}
.banner .bd li .box p{ width:94%; margin:auto; padding-top:40px;}
.banner .bd li .box p img{ display:block;}
/*.banner .bd li .box p a{ display:flex; margin-top:5vw; width:150px; height:40px; line-height:40px; border-radius:40px; background-color:#fff; overflow:hidden; align-items:center; justify-content:center;}
.banner .bd li .box p a span{ display:block; font-size:14px; padding-right:10px;}
.banner .bd li .box p a b{ width:20px; height:10px; display:block; background-image:url(../images/more.png); background-repeat:no-repeat;}
.banner .bd li .box p a:hover{ background-color:#305dc3;}
.banner .bd li .box p a:hover span{ color:#fff;}
.banner .bd li .box p a:hover b{ background-image:url(../images/more01.png);}*/
}
@media only screen and (max-width:768px){
.banner{ width:100%; height:50vh; position:relative; z-index:0;}
.banner .hd{ position:absolute; z-index:3; left:50%; transform:translateX(-50%); bottom:15px; display:block;}
.banner .hd li{ display:block; float:left; margin:0 5px; cursor:pointer;}
.banner .hd li span{ display:none;}
.banner .hd li b{ width:30px; height:2px; background-color:#fff; float:left; display:block;}
.banner .hd li.on b{ background-color:#305dc3;}
.banner .bd{ width:100%; height:100%; position:relative; z-index:1;}
.banner .bd ul{ width:100%; height:100% !important; display:block;}
.banner .bd li{ width:100%; height:100% !important; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.banner .bd li .box{ width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.banner .bd li .box a{ display:flex; align-items:center; width:100%; height:100%;}
.banner .bd li .box p{ width:94%; margin:auto;}
.banner .bd li .box p img{ display:block; max-width:100%;}
/*.banner .bd li .box p a{ display:flex; margin-top:20px; width:120px; height:34px; line-height:34px; border-radius:34px; background-color:#fff; overflow:hidden; align-items:center; justify-content:center;}
.banner .bd li .box p a span{ display:block; font-size:14px; padding-right:5px;}
.banner .bd li .box p a b{ width:20px; height:10px; display:block; background-image:url(../images/more.png); background-repeat:no-repeat;}
.banner .bd li .box p a:hover{ background-color:#305dc3;}
.banner .bd li .box p a:hover span{ color:#fff;}
.banner .bd li .box p a:hover b{ background-image:url(../images/more01.png);}*/
}

/*产品展示*/
@media screen and (min-width:1280px){
.pbox{ width:100%; background-color:#f1f1f1; position:relative; padding-top:65px; padding-bottom:70px;}
.pbox .title{ width:1200px; margin:auto; text-align:center;}
.pbox .title .w01{ display:block; font-size:30px; line-height:40px;}
.pbox .title .w02{ display:block; width:300px; height:3px; position:relative; margin:10px auto; margin-bottom:15px;}
.pbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.pbox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-30px; top:0;}
.pbox .title .w03{ display:block; font-size:16px; line-height:26px; color:#666; overflow:hidden;}
.pbox .box{ width:1200px; margin:auto; margin-top:25px;}
.pbox .box .bd{ width:100%; overflow:hidden;}
.pbox .box .bd li{ width:285px; display:block; float:left; margin-right:20px; overflow:hidden; border-radius:10px; background-color:#fff; padding-bottom:25px;}
.pbox .box .bd li .p01{ height:34px; line-height:34px; text-indent:10px; font-size:14px; background-image:url(../images/cp.png); background-position:top left; background-repeat:no-repeat;}
.pbox .box .bd li .p02{ width:225px; height:150px; margin:30px; display:flex; align-items:center;}
.pbox .box .bd li .p02 img{ display:block; margin:auto; max-width:100%; max-height:150px;}
.pbox .box .bd li .p03{ text-align:center; margin:0 30px; font-weight:bold; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #ddd; padding-top:25px;}
.pbox .box .bd li .p04{ text-align:center; margin:10px 30px; font-size:14px; line-height:24px; height:48px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .bd li:hover .p01{ background-image:url(../images/cph.png); color:#fff;}
.pbox .box .bd li:hover .p03{ color:#305dc3;}
/*.pbox .box .tab-hd{ overflow:hidden; height:450px; float:left; background-color:#fff; border-bottom-left-radius:10px; border-top-left-radius:10px;}
.pbox .box .scroller{ width:auto !important;}
.pbox .box .tab-hd ul{ display:block; width:149px; border-right:1px solid #ddd; height:100%;}
.pbox .box .tab-hd ul li{ display:block; overflow:hidden; width:100%; height:50px; line-height:50px; font-size:16px; border-bottom:1px solid #ddd; cursor:pointer;}
.pbox .box .tab-hd ul li b{ width:4px; height:100%; display:block; float:left; margin-right:20px;}
.pbox .box .tab-hd ul li.on{ border-right:1px solid #fff; color:#305dc3;}
.pbox .box .tab-hd ul li.on b{ background-color:#305dc3;}
.pbox .box .tab-bd{ width:1050px; float:right; height:450px;}
.pbox .box .tab-bd .left{ width:410px; overflow:auto; height:450px; float:left; background-color:#fff; border-bottom-right-radius:10px; border-top-right-radius:10px;}
.pbox .box .tab-bd .left::-webkit-scrollbar{ width:5px; height:1px;}
.pbox .box .tab-bd .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#305dc3;}
.pbox .box .tab-bd .left::-webkit-scrollbar-track{ border-radius:10px;}
.pbox .box .tab-bd .left .p01{ width:350px; margin:20px auto; margin-bottom:10px; font-size:18px; line-height:38px; font-weight:bold; text-align:center; border-bottom:1px solid #ddd;}
.pbox .box .tab-bd .left .p01 a{ display:block; color:#305dc3;}
.pbox .box .tab-bd .left .p02{ width:350px; margin:auto; padding-bottom:30px;}
.pbox .box .tab-bd .left .p02 ul{ width:360px; display:block; overflow:hidden;}
.pbox .box .tab-bd .left .p02 li{ width:170px; display:block; height:40px; float:left; margin-right:10px; margin-top:10px;}
.pbox .box .tab-bd .left .p02 li a{ display:block; border-bottom:1px solid #ddd; height:40px; line-height:40px; box-sizing:border-box; overflow:hidden; padding-left:10px; padding-right:20px; font-size:15px; position:relative;}
.pbox .box .tab-bd .left .p02 li a b{ display:block; overflow:hidden; background-image:url(../images/pro.png); position:absolute; right:10px; top:50%; margin-top:-4px; width:4px; height:8px;}
.pbox .box .tab-bd .left .p02 li.on a{ background-color:#305dc3; border-radius:5px; color:#fff; border-bottom:none;}
.pbox .box .tab-bd .left .p02 li.on a b{ background-image:url(../images/proh.png);}
.pbox .box .tab-bd .right{ width:620px; display:block; float:right; height:450px;}
.pbox .box .tab-bd .right ul{ width:100%; overflow:hidden;}
.pbox .box .tab-bd .right li{ width:280px; height:450px; display:block; float:left; margin-left:30px; overflow:hidden; border-radius:10px; background-color:#fff;}
.pbox .box .tab-bd .right li .p01{ height:34px; line-height:34px; text-indent:10px; font-size:14px; background-image:url(../images/cp.png); background-position:top left; background-repeat:no-repeat;}
.pbox .box .tab-bd .right li .p02{ width:220px; height:220px; margin:30px; display:flex; align-items:center;}
.pbox .box .tab-bd .right li .p02 img{ display:block; margin:auto; max-width:100%; max-height:220px;}
.pbox .box .tab-bd .right li .p03{ text-align:center; margin:0 30px; font-weight:bold; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #ddd; padding-top:25px;}
.pbox .box .tab-bd .right li .p04{ text-align:center; margin:10px 30px; font-size:14px; line-height:24px; height:48px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .tab-bd .right li:hover .p01{ background-image:url(../images/cph.png); color:#fff;}
.pbox .box .tab-bd .right li:hover .p03{ color:#305dc3;}*/
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%; background-color:#f1f1f1; position:relative; padding-top:45px; padding-bottom:50px;}
.pbox .title{ width:94%; margin:auto; text-align:center;}
.pbox .title .w01{ display:block; font-size:26px; line-height:36px;}
.pbox .title .w02{ display:block; width:250px; height:3px; position:relative; margin:10px auto;}
.pbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.pbox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-30px; top:0;}
.pbox .title .w03{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.pbox .box{ width:94%; margin:auto; margin-top:20px;}
.pbox .box .bd{ width:100%; overflow:hidden;}
.pbox .box .bd li{ width:285px; display:block; float:left; margin-right:20px; overflow:hidden; border-radius:10px; background-color:#fff; padding-bottom:25px;}
.pbox .box .bd li .p01{ height:34px; line-height:34px; text-indent:10px; font-size:14px; background-image:url(../images/cp.png); background-position:top left; background-repeat:no-repeat;}
.pbox .box .bd li .p02{ width:225px; height:150px; margin:30px; display:flex; align-items:center;}
.pbox .box .bd li .p02 img{ display:block; margin:auto; max-width:100%; max-height:150px;}
.pbox .box .bd li .p03{ text-align:center; margin:0 30px; font-weight:bold; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #ddd; padding-top:25px;}
.pbox .box .bd li .p04{ text-align:center; margin:10px 30px; font-size:14px; line-height:24px; height:48px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .bd li:hover .p01{ background-image:url(../images/cph.png); color:#fff;}
.pbox .box .bd li:hover .p03{ color:#305dc3;}
/*.pbox .box .tab-hd{ overflow:hidden; height:400px; float:left; background-color:#fff; border-bottom-left-radius:10px; border-top-left-radius:10px;}
.pbox .box .scroller{ width:auto !important;}
.pbox .box .tab-hd ul{ display:block; width:109px; border-right:1px solid #ddd; height:100%;}
.pbox .box .tab-hd ul li{ display:block; overflow:hidden; width:100%; height:40px; line-height:40px; font-size:15px; border-bottom:1px solid #ddd; cursor:pointer;}
.pbox .box .tab-hd ul li b{ width:4px; height:100%; display:block; float:left; margin-right:15px;}
.pbox .box .tab-hd ul li.on{ border-right:1px solid #fff; color:#305dc3;}
.pbox .box .tab-hd ul li.on b{ background-color:#305dc3;}
.pbox .box .tab-bd{ width:calc(100% - 110px); float:right; height:400px;}
.pbox .box .tab-bd .left{ width:35%; overflow:auto; height:400px; float:left; background-color:#fff; border-bottom-right-radius:10px; border-top-right-radius:10px;}
.pbox .box .tab-bd .left::-webkit-scrollbar{ width:5px; height:1px;}
.pbox .box .tab-bd .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#305dc3;}
.pbox .box .tab-bd .left::-webkit-scrollbar-track{ border-radius:10px;}
.pbox .box .tab-bd .left .p01{ width:94%; margin:10px auto; margin-bottom:5px; font-size:16px; line-height:36px; font-weight:bold; text-align:center; border-bottom:1px solid #ddd;}
.pbox .box .tab-bd .left .p01 a{ display:block; color:#305dc3;}
.pbox .box .tab-bd .left .p02{ width:100%; margin:auto; padding-bottom:20px;}
.pbox .box .tab-bd .left .p02 ul{ width:100%; display:block; overflow:hidden;}
.pbox .box .tab-bd .left .p02 li{ width:45.5%; display:block; height:40px; float:left; margin-left:3%; margin-top:10px;}
.pbox .box .tab-bd .left .p02 li a{ display:block; border-bottom:1px solid #ddd; height:40px; line-height:40px; box-sizing:border-box; overflow:hidden; padding-left:10px; padding-right:20px; font-size:14px; position:relative;}
.pbox .box .tab-bd .left .p02 li a b{ display:block; overflow:hidden; background-image:url(../images/pro.png); position:absolute; right:10px; top:50%; margin-top:-4px; width:4px; height:8px;}
.pbox .box .tab-bd .left .p02 li.on a{ background-color:#305dc3; border-radius:5px; color:#fff; border-bottom:none;}
.pbox .box .tab-bd .left .p02 li.on a b{ background-image:url(../images/proh.png);}
.pbox .box .tab-bd .right{ width:65%; display:block; float:right; height:400px;}
.pbox .box .tab-bd .right ul{ width:100%; overflow:hidden;}
.pbox .box .tab-bd .right li{ width:47%; height:400px; display:block; float:left; margin-left:3%; overflow:hidden; border-radius:10px; background-color:#fff;}
.pbox .box .tab-bd .right li .p01{ height:34px; line-height:34px; text-indent:10px; font-size:14px; background-image:url(../images/cp.png); background-position:top left; background-repeat:no-repeat;}
.pbox .box .tab-bd .right li .p02{ width:calc(100% - 40px); height:200px; margin:20px; display:flex; align-items:center;}
.pbox .box .tab-bd .right li .p02 img{ display:block; margin:auto; max-width:100%; max-height:200px;}
.pbox .box .tab-bd .right li .p03{ text-align:center; margin:0 20px; font-weight:bold; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #ddd; padding-top:15px;}
.pbox .box .tab-bd .right li .p04{ text-align:center; margin:5px 20px; font-size:14px; line-height:24px; height:48px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .tab-bd .right li:hover .p01{ background-image:url(../images/cph.png); color:#fff;}
.pbox .box .tab-bd .right li:hover .p03{ color:#305dc3;}*/
}
@media only screen and (max-width:768px){
.pbox{ width:100%; background-color:#f1f1f1; position:relative; padding-top:25px; padding-bottom:30px;}
.pbox .title{ width:94%; margin:auto; text-align:center;}
.pbox .title .w01{ display:block; font-size:20px; line-height:30px;}
.pbox .title .w02{ display:block; width:200px; height:3px; position:relative; margin:5px auto; margin-bottom:10px;}
.pbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.pbox .title .w02 a{ display:block; width:40px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-20px; top:0;}
.pbox .title .w03{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.pbox .box{ width:94%; margin:auto; margin-top:15px;}
.pbox .box .bd{ width:100%; overflow:hidden;}
.pbox .box .bd li{ width:265px; display:block; float:left; margin-right:20px; overflow:hidden; border-radius:10px; background-color:#fff; padding-bottom:15px;}
.pbox .box .bd li .p01{ height:34px; line-height:34px; text-indent:10px; font-size:14px; background-image:url(../images/cp.png); background-position:top left; background-repeat:no-repeat;}
.pbox .box .bd li .p02{ width:225px; height:150px; margin:20px; display:flex; align-items:center;}
.pbox .box .bd li .p02 img{ display:block; margin:auto; max-width:100%; max-height:150px;}
.pbox .box .bd li .p03{ text-align:center; margin:0 20px; font-weight:bold; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #ddd; padding-top:15px;}
.pbox .box .bd li .p04{ text-align:center; margin:5px 50px; font-size:14px; line-height:24px; height:48px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .bd li:hover .p01{ background-image:url(../images/cph.png); color:#fff;}
.pbox .box .bd li:hover .p03{ color:#305dc3;}
/*.pbox .box .tab-hd{ overflow:auto; width:100%; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
.pbox .box .tab-hd .scroller{ overflow:hidden;}
.pbox .box .tab-hd ul{ display:block; display:block; border-bottom:1px solid #ddd; height:100%;}
.pbox .box .tab-hd ul li{ display:block; overflow:hidden; float:left; height:44px; line-height:44px; font-size:16px; border-bottom:1px solid #ddd; cursor:pointer; position:relative; padding:0 10px; text-align:center;}
.pbox .box .tab-hd ul li b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0;}
.pbox .box .tab-hd ul li.on{ color:#305dc3;}
.pbox .box .tab-hd ul li.on b{ background-color:#305dc3;}
.pbox .box .tab-bd{ width:100%;}
.pbox .box .tab-bd .left{ width:100%; overflow:auto; height:200px; background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.pbox .box .tab-bd .left::-webkit-scrollbar{ width:5px; height:1px;}
.pbox .box .tab-bd .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#305dc3;}
.pbox .box .tab-bd .left::-webkit-scrollbar-track{ border-radius:10px;}
.pbox .box .tab-bd .left .p01{ width:94%; margin:10px auto; margin-bottom:5px; font-size:16px; line-height:36px; font-weight:bold; text-align:center; border-bottom:1px solid #ddd;}
.pbox .box .tab-bd .left .p01 a{ display:block; color:#305dc3;}
.pbox .box .tab-bd .left .p02{ width:100%; margin:auto; padding-bottom:20px;}
.pbox .box .tab-bd .left .p02 ul{ width:100%; display:block; overflow:hidden;}
.pbox .box .tab-bd .left .p02 li{ width:45.5%; display:block; height:34px; float:left; margin-left:3%; margin-top:10px;}
.pbox .box .tab-bd .left .p02 li a{ display:block; border-bottom:1px solid #ddd; height:34px; line-height:34px; box-sizing:border-box; overflow:hidden; padding-left:10px; padding-right:20px; font-size:14px; position:relative;}
.pbox .box .tab-bd .left .p02 li a b{ display:block; overflow:hidden; background-image:url(../images/pro.png); position:absolute; right:10px; top:50%; margin-top:-4px; width:4px; height:8px;}
.pbox .box .tab-bd .left .p02 li.on a{ background-color:#305dc3; border-radius:5px; color:#fff; border-bottom:none;}
.pbox .box .tab-bd .left .p02 li.on a b{ background-image:url(../images/proh.png);}
.pbox .box .tab-bd .right{ width:100%; display:block;}
.pbox .box .tab-bd .right ul{ width:100%; overflow:hidden;}
.pbox .box .tab-bd .right li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden; border-radius:10px; background-color:#fff; padding-bottom:15px;}
.pbox .box .tab-bd .right li .p01{ height:34px; line-height:34px; text-indent:10px; font-size:14px; background-image:url(../images/cp.png); background-position:top left; background-repeat:no-repeat;}
.pbox .box .tab-bd .right li .p02{ width:38vw; height:38vw; margin:15px auto; margin-bottom:10px; display:flex; align-items:center;}
.pbox .box .tab-bd .right li .p02 img{ display:block; margin:auto; max-width:100%; max-height:38vw;}
.pbox .box .tab-bd .right li .p03{ text-align:center; margin:0 5%; font-weight:bold; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #ddd; padding-top:10px;}
.pbox .box .tab-bd .right li .p04{ text-align:center; margin:0 5%; font-size:14px; line-height:24px; height:48px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .tab-bd .right li:hover .p01{ background-image:url(../images/cph.png); color:#fff;}
.pbox .box .tab-bd .right li:hover .p03{ color:#305dc3;}*/
}

/*应用领域*/
@media screen and (min-width:1280px){
.ybox{ width:100%; position:relative; padding-bottom:70px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .txt-bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:#305dc3; opacity:.9;}
.ybox .title{ width:1200px; margin:65px auto; margin-bottom:0; text-align:center; position:relative; z-index:99;}
.ybox .title .w01{ display:block; font-size:30px; line-height:40px; color:#fff; }
.ybox .title .w02{ display:block; width:300px; height:3px; position:relative; margin:10px auto; margin-bottom:15px;}
.ybox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.ybox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-30px; top:0;}
.ybox .title .w03{ display:block; font-size:16px; line-height:26px; color:#fff; overflow:hidden;}
.ybox .txt{ width:1200px; margin:auto; margin-top:20px; position:relative; z-index:3; overflow:hidden;}
.ybox .txt ul{ width:1220px; margin-left:-20px; text-align:center; display:flex; justify-content:space-between;}
.ybox .txt li{ width:14%; display:block; font-size:16px; line-height:26px; color:#fff; cursor:pointer; position:relative; margin:0 1%; border:1px solid rgba(255,255,255,.5); border-radius:3px; background-color:rgba(255,255,255,.3); padding:5px 10px;}
.ybox .txt li.on{ display:block; background-color:#fff; color:#305dc3;}
.ybox .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.ybox .pic{ width:600px; display:block; overflow:hidden; float:left;}
.ybox .pic li{ width:100%; display:block; overflow:hidden; border-radius:10px;}
.ybox .pic li img{ width:100%; display:block;}
.ybox .bd{ width:520px; float:right;}
.ybox .bd li{ width:100%; display:block; overflow:hidden;}
.ybox .bd li .y01{ font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.ybox .bd li .y02{ font-size:14px; line-height:24px; height:144px; color:#fff; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:6;}
.ybox .bd li .y03{ margin-top:45px; height:40px; line-height:40px; font-size:16px; color:#fff;}
.ybox .bd li .y03 b{ width:38px; height:38px; display:block; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat; border:1px solid #fff; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.ybox .bd li .y03:hover b{ background-color:#305dc3; border:1px solid #305dc3;}
/*.ybox .box{ position:absolute; right:50%; margin-right:-600px; bottom:65px; z-index:22;}
.ybox .box .sPrev{ float:left; display:block; cursor:pointer; width:20px; height:10px; background-image:url(../images/more01.png); -webkit-transform:rotateY(-180deg); margin:7px 0;}
.ybox .box .sNext{ float:left; display:block; cursor:pointer; width:20px; height:10px; background-image:url(../images/more01.png); margin:7px 0;}
.ybox .box .pageState{ float:left; font-size:14px; height:24px; line-height:24px; color:#aaa; margin:0 10px; letter-spacing:5px; text-indent:5px;}
.ybox .box .pageState span{ font-size:18px; color:#fff;}*/
}
@media screen and (min-width:769px) and (max-width:1279px){
.ybox{ width:100%; position:relative; padding-bottom:50px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .txt-bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:#305dc3; opacity:.9;}
.ybox .title{ width:94%; margin:45px auto; margin-bottom:0; text-align:center; position:relative; z-index:99;}
.ybox .title .w01{ display:block; font-size:26px; line-height:36px; color:#fff; }
.ybox .title .w02{ display:block; width:250px; height:3px; position:relative; margin:10px auto;}
.ybox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.ybox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-30px; top:0;}
.ybox .title .w03{ display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden;}
.ybox .txt{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; overflow:hidden;}
.ybox .txt ul{ width:100%; text-align:center; display:flex; justify-content:space-between;}
.ybox .txt li{ width:14%; display:block; font-size:16px; line-height:26px; color:#fff; cursor:pointer; position:relative; margin:0 1%; border:1px solid rgba(255,255,255,.5); border-radius:3px; background-color:rgba(255,255,255,.3); padding:5px 10px;}
.ybox .txt li.on{ display:block; background-color:#fff; color:#305dc3;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:9;}
.ybox .pic{ width:47%; display:block; overflow:hidden; float:left;}
.ybox .pic li{ width:100%; display:block; overflow:hidden; border-radius:10px;}
.ybox .pic li img{ width:100%; display:block;}
.ybox .bd{ width:50%; float:right;}
.ybox .bd li{ width:100%; display:block; overflow:hidden;}
.ybox .bd li .y01{ font-size:22px; line-height:32px; color:#fff; font-weight:bold;}
.ybox .bd li .y02{ font-size:14px; line-height:24px; height:144px; color:#fff; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:6;}
.ybox .bd li .y03{ margin-top:30px; height:40px; line-height:40px; font-size:16px; color:#fff;}
.ybox .bd li .y03 b{ width:38px; height:38px; display:block; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat; border:1px solid #fff; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.ybox .bd li .y03:hover b{ background-color:#305dc3; border:1px solid #305dc3;}
/*.ybox .box{ position:absolute; right:3%; bottom:45px; z-index:22;}
.ybox .box .sPrev{ float:left; display:block; cursor:pointer; width:20px; height:10px; background-image:url(../images/more01.png); -webkit-transform:rotateY(-180deg); margin:7px 0;}
.ybox .box .sNext{ float:left; display:block; cursor:pointer; width:20px; height:10px; background-image:url(../images/more01.png); margin:7px 0;}
.ybox .box .pageState{ float:left; font-size:14px; height:24px; line-height:24px; color:#aaa; margin:0 10px; letter-spacing:5px; text-indent:5px;}
.ybox .box .pageState span{ font-size:18px; color:#fff;}*/
}
@media only screen and (max-width:768px){
.ybox{ width:100%; position:relative; padding-bottom:30px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .txt-bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:#305dc3; opacity:.9;}
.ybox .title{ width:94%; margin:25px auto; margin-bottom:0; text-align:center; position:relative; z-index:99;}
.ybox .title .w01{ display:block; font-size:20px; line-height:30px; color:#fff; }
.ybox .title .w02{ display:block; width:200px; height:3px; position:relative; margin:5px auto; margin-bottom:10px;}
.ybox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.ybox .title .w02 a{ display:block; width:40px; height:3px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-20px; top:0;}
.ybox .title .w03{ display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden;}
.ybox .txt{ width:94%; margin:auto; margin-top:5px; position:relative; z-index:3; overflow:hidden;}
.ybox .txt ul{ width:100%; text-align:center; display:flex; justify-content:center; flex-wrap:wrap;}
.ybox .txt li{ width:22%; display:block; font-size:16px; line-height:26px; padding-bottom:2px; color:#fff; cursor:pointer; position:relative; margin:0 5px; margin-top:5px; border:1px solid rgba(255,255,255,.5); border-radius:3px; background-color:rgba(255,255,255,.3); padding:5px;}
.ybox .txt li.on{ display:block; background-color:#fff; color:#305dc3;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:9;}
.ybox .pic{ width:100%; display:block; overflow:hidden;}
.ybox .pic li{ width:100%; display:block; overflow:hidden; border-radius:10px;}
.ybox .pic li img{ width:100%; display:block;}
.ybox .bd{ width:100%; margin:auto; position:relative; z-index:6;}
.ybox .bd li{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.ybox .bd li .y01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.ybox .bd li .y02{ font-size:14px; line-height:24px; height:144px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:6;}
.ybox .bd li .y03{ margin-top:15px; height:40px; line-height:40px; font-size:14px; color:#fff;}
.ybox .bd li .y03 b{ width:38px; height:38px; display:block; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat; border:1px solid #fff; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.ybox .bd li .y03:hover b{ background-color:#305dc3; border:1px solid #305dc3;}
/*.ybox .box{ position:absolute; right:3%; bottom:38px; z-index:22;}
.ybox .box .sPrev{ float:left; display:block; cursor:pointer; width:20px; height:10px; background-image:url(../images/more01.png); -webkit-transform:rotateY(-180deg); margin:7px 0;}
.ybox .box .sNext{ float:left; display:block; cursor:pointer; width:20px; height:10px; background-image:url(../images/more01.png); margin:7px 0;}
.ybox .box .pageState{ float:left; font-size:14px; height:24px; line-height:24px; color:#aaa; margin:0 10px; letter-spacing:5px; text-indent:5px;}
.ybox .box .pageState span{ font-size:18px; color:#fff;}*/
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; background-color:#fff; padding:70px 0; position:relative;}
.abox .bg{ width:1349px; height:629px; position:absolute; left:50%; margin-left:-960px; top:0; border-bottom-right-radius:30px; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; z-index:1;}
.abox .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.abox .box .left{ float:left; width:530px;}
.abox .box .left .a01{ font-size:18px; line-height:28px; margin-top:-5px; color:#999;}
.abox .box .left .a02{ font-size:30px; line-height:40px; margin-top:10px; font-weight:bold;}
.abox .box .left .a03{ font-size:14px; line-height:24px; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8;}
.abox .box .left .a04{ margin-top:30px; height:40px; line-height:40px; font-size:16px;}
.abox .box .left .a04 b{ width:38px; height:38px; display:block; background-image:url(../images/more02.png); background-position:center; background-repeat:no-repeat; border:1px solid #305dc3; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.abox .box .left .a04 a:hover{ color:#305dc3;}
.abox .box .left .a04 a:hover b{ background-color:#305dc3; background-image:url(../images/more01.png);}
.abox .box .right{ float:right; width:600px; height:410px; border-radius:30px;}
.abox .box .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.abox .list{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .list ul{ display:block; float:left; overflow:hidden; width:840px; padding-top:40px;}
.abox .list ul li{ display:block; float:left; margin-right:90px;}
.abox .list ul li p{ display:block; overflow:hidden; height:42px;}
.abox .list ul li p span{ display:block; float:left; font-size:30px; line-height:42px; height:42px; color:#305dc3;}
.abox .list ul li p a{ display:block; float:left; font-size:16px; line-height:30px; height:30px; color:#333; padding-left:10px; padding-top:12px;}
.abox .list ul li b{ display:block; overflow:hidden; font-size:14px; line-height:24px; color:#666; font-weight:normal;}
.abox .title{ float:right; padding-top:60px; text-align:right;}
.abox .title strong{ display:block; font-size:60px; line-height:80px; color:#305dc3;}
.abox .title b{ display:block; font-size:30px; line-height:40px; margin-top:17px;}
.abox .focusBox{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.abox .focusBox .pic{ width:370px; float:left;}
.abox .focusBox .pic li{ display:block; overflow:hidden; width:100%;}
.abox .focusBox .pic li img{ width:100%; display:block;}
.abox .focusBox .num{ position:absolute; left:400px; top:50%; transform:translateY(-50%);}
.abox .focusBox .num li{ display:block; width:40px; height:6px; border-radius:6px; background-color:#999; margin:14px 0; overflow:hidden; cursor:pointer;}
.abox .focusBox .num li.on{ width:60px; background-color:#305dc3;}
.abox .focusBox .txt{ width:680px; float:right; height:200px; position:relative;}
.abox .focusBox .txt li{ display:block; overflow:hidden; width:100%; height:200px; position:absolute; left:0; bottom:0;}
.abox .focusBox .txt li .a01{ height:44px; line-height:44px; font-size:24px; color:#333; font-weight:bold;}
.abox .focusBox .txt li .a02{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.abox .focusBox .txt li .a03{ width:100%; margin-top:30px; line-height:40px; font-size:16px;}
.abox .focusBox .txt li .a03 b{ width:38px; height:38px; display:block; background-image:url(../images/more02.png); background-position:center; background-repeat:no-repeat; border:1px solid #305dc3; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.abox .focusBox .txt li .a03:hover b{ background-color:#305dc3; background-image:url(../images/more01.png);}
.abox .focusBox .txt li .a03:hover a { color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%; background-color:#fff; padding:50px 0; position:relative;}
.abox .bg{ width:80%; height:50vw; position:absolute; left:0; top:0; border-bottom-right-radius:20px; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:9;}
.abox .box .left{ float:left; width:44%;}
.abox .box .left .a01{ font-size:16px; line-height:26px; color:#999;}
.abox .box .left .a02{ font-size:26px; line-height:36px; font-weight:bold;}
.abox .box .left .a03{ font-size:14px; line-height:24px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8;}
.abox .box .left .a04{ margin-top:20px; height:40px; line-height:40px; font-size:16px;}
.abox .box .left .a04 b{ width:38px; height:38px; display:block; background-image:url(../images/more02.png); background-position:center; background-repeat:no-repeat; border:1px solid #305dc3; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.abox .box .left .a04 a:hover{ color:#305dc3;}
.abox .box .left .a04 a:hover b{ background-color:#305dc3; background-image:url(../images/more01.png);}
.abox .box .right{ float:right; width:50%; height:32.11vw; border-radius:20px;}
.abox .box .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.abox .list{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .list ul{ display:block; float:left; overflow:hidden; width:65%; padding-top:30px;}
.abox .list ul li{ display:block; float:left; width:25%;}
.abox .list ul li p{ display:block; overflow:hidden;}
.abox .list ul li p span{ display:block; float:left; font-size:26px; line-height:36px; height:36px; color:#305dc3;}
.abox .list ul li p a{ display:block; float:left; font-size:14px; line-height:24px; height:24px; color:#333; padding-left:5px; padding-top:12px;}
.abox .list ul li b{ display:block; overflow:hidden; font-size:14px; line-height:24px; color:#666; font-weight:normal;}
.abox .title{ float:right; padding-top:30px; text-align:right; width:35%;}
.abox .title strong{ display:block; font-size:50px; line-height:70px; color:#305dc3;}
.abox .title b{ display:block; font-size:26px; line-height:36px; margin-top:7px;}
.abox .focusBox{ width:94%; margin:auto; margin-top:20px; position:relative;}
.abox .focusBox .pic{ width:30%; float:left;}
.abox .focusBox .pic li{ display:block; overflow:hidden; width:100%;}
.abox .focusBox .pic li img{ width:100%; display:block;}
.abox .focusBox .num{ width:7%; position:absolute; left:33%; top:50%; transform:translateY(-50%);}
.abox .focusBox .num li{ max-width:40px; display:block; width:90%; height:6px; border-radius:6px; background-color:#999; margin:10px 0; overflow:hidden; cursor:pointer;}
.abox .focusBox .num li.on{ max-width:60px; width:100%; background-color:#305dc3;}
.abox .focusBox .txt{ width:57%; float:right; height:170px; position:relative;}
.abox .focusBox .txt li{ display:block; overflow:hidden; width:100%; height:170px; position:absolute; left:0; bottom:0;}
.abox .focusBox .txt li .a01{ height:30px; line-height:30px; font-size:20px; color:#333; font-weight:bold;}
.abox .focusBox .txt li .a02{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.abox .focusBox .txt li .a03{ width:100%; margin-top:15px; line-height:40px; font-size:16px;}
.abox .focusBox .txt li .a03 b{ width:38px; height:38px; display:block; background-image:url(../images/more02.png); background-position:center; background-repeat:no-repeat; border:1px solid #305dc3; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.abox .focusBox .txt li .a03:hover b{ background-color:#305dc3; background-image:url(../images/more01.png);}
.abox .focusBox .txt li .a03:hover a { color:#305dc3;}
}
@media only screen and (max-width:768px){
.abox{ width:100%; background-color:#fff; padding:30px 0; position:relative;}
.abox .bg{ width:90%; height:65vw; padding-top:100px; position:absolute; left:0; top:0; border-bottom-right-radius:10px; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:9;}
.abox .box .left{ float:left; width:100%; margin-top:10px}
.abox .box .left .a01{ font-size:14px; line-height:24px; color:#999;}
.abox .box .left .a02{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .left .a03{ font-size:14px; line-height:24px; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:10;}
.abox .box .left .a04{ margin-top:10px; height:40px; line-height:40px; font-size:14px;}
.abox .box .left .a04 b{ width:38px; height:38px; display:block; background-image:url(../images/more02.png); background-position:center; background-repeat:no-repeat; border:1px solid #305dc3; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.abox .box .left .a04 a:hover{ color:#305dc3;}
.abox .box .left .a04 a:hover b{ background-color:#305dc3; background-image:url(../images/more01.png);}
.abox .box .right{ float:right; width:100%; height:64.23vw; border-radius:10px;}
.abox .box .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.abox .list{ width:100%; position:relative; z-index:3;}
.abox .list ul{ display:block; overflow:hidden; width:100%; padding-top:5px;}
.abox .list ul li{ display:block; float:left; width:45.5%; margin-left:3%; margin-top:10px;}
.abox .list ul li p{ display:block; overflow:hidden;}
.abox .list ul li p span{ display:block; float:left; font-size:26px; line-height:36px; height:36px; color:#305dc3;}
.abox .list ul li p a{ display:block; float:left; font-size:14px; line-height:24px; height:24px; color:#333; padding-left:5px; padding-top:12px;}
.abox .list ul li b{ display:block; overflow:hidden; font-size:14px; line-height:24px; color:#666; font-weight:normal;}
.abox .title{ padding:10px 3%; text-align:right; width:94%;}
.abox .title strong{ display:block; font-size:40px; line-height:50px; color:#305dc3;}
.abox .title b{ display:block; font-size:20px; line-height:30px; margin-top:5px;}
.abox .focusBox{ width:94%; margin:auto; margin-top:5px; position:relative;}
.abox .focusBox .pic{ width:100%;}
.abox .focusBox .pic li{ display:block; overflow:hidden; max-width:100%; margin:auto;}
.abox .focusBox .pic li img{ width:100%; display:block;}
.abox .focusBox .num{ width:100%; text-align:center;}
.abox .focusBox .num li{ width:20px; display:inline-block; height:6px; border-radius:6px; background-color:#999; margin:0 3px; overflow:hidden; cursor:pointer;}
.abox .focusBox .num li.on{ width:40px; background-color:#305dc3;}
.abox .focusBox .txt{ width:100%; height:160px; position:relative; margin-top:10px;}
.abox .focusBox .txt li{ display:block; overflow:hidden; width:100%; height:160px; position:absolute; left:0; bottom:0;}
.abox .focusBox .txt li .a01{ height:28px; line-height:28px; font-size:18px; color:#333; font-weight:bold;}
.abox .focusBox .txt li .a02{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.abox .focusBox .txt li .a03{ width:100%; margin-top:10px; line-height:40px; font-size:14px;}
.abox .focusBox .txt li .a03 b{ width:38px; height:38px; display:block; background-image:url(../images/more02.png); background-position:center; background-repeat:no-repeat; border:1px solid #305dc3; border-radius:100%; overflow:hidden; float:left; margin-right:10px;}
.abox .focusBox .txt li .a03:hover b{ background-color:#305dc3; background-image:url(../images/more01.png);}
.abox .focusBox .txt li .a03:hover a { color:#305dc3;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ width:100%; background-color:#f1f1f1; position:relative; padding-top:65px; padding-bottom:70px;}
.nbox .title{ width:1200px; margin:auto; text-align:center;}
.nbox .title .w01{ display:block; font-size:30px; line-height:40px;}
.nbox .title .w02{ display:block; width:300px; height:3px; position:relative; margin:10px auto; margin-bottom:15px;}
.nbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.nbox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-30px; top:0;}
.nbox .title .w03{ display:block; font-size:16px; line-height:26px; color:#666; overflow:hidden;}
.nbox .box{ width:1200px; margin:auto; margin-top:25px;}
.nbox .box .left{ width:290px; height:440px; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(48,93,195,0.0),rgba(48,93,195,0.9));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:25px 20px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; width:100%; box-sizing:border-box;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:18px; line-height:28px; color:#fff; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .left .wen .n04{ font-size:14px; line-height:22px; color:#fff; margin-top:10px;}
.nbox .box .left a:hover .wen{ padding-bottom:35px;}
.nbox .box .mil{ width:290px; height:440px; border-radius:10px; float:left; background-color:#fff; margin:0 30px;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:25px 20px; width:100%; box-sizing:border-box;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:22px; color:#305dc3;}
.nbox .box .mil .wen .n02{ font-size:18px; line-height:28px; color:#333; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .mil .wen .n04{ font-size:14px; line-height:22px; color:#999; margin-top:10px;}
.nbox .box .mil .tu{ width:250px; height:180px; position:absolute; left:20px; bottom:30px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#305dc3;}
.nbox .box .mil .wen .n04:hover{ color:#305dc3;}
.nbox .box .right{ width:560px; display:block; float:right; margin-top:-16px;}
.nbox .box .right li{ display:block; height:136px; margin-top:16px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:15px; padding-right:30px; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:84px; float:left; padding-right:1px; text-align:center; position:relative;}
.nbox .box .right li .zc b{ font-size:36px; line-height:38px; display:block; color:#305dc3;}
.nbox .box .right li .zc p{ font-size:14px; line-height:20px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:50px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:410px;}
.nbox .box .right li .yc b{ font-size:18px; line-height:28px; display:block; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; margin:5px 0; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nbox .box .right li .yc span{ font-size:14px; line-height:22px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; background-color:#f1f1f1; position:relative; padding-top:45px; padding-bottom:50px;}
.nbox .title{ width:94%; margin:auto; text-align:center;}
.nbox .title .w01{ display:block; font-size:26px; line-height:36px;}
.nbox .title .w02{ display:block; width:250px; height:3px; position:relative; margin:10px auto;}
.nbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.nbox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-30px; top:0;}
.nbox .title .w03{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.nbox .box{ width:94%; margin:auto; margin-top:20px;}
.nbox .box .left{ width:24%; height:390px; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(48,93,195,0.0),rgba(48,93,195,0.9));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:20px 5%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; width:100%; box-sizing:border-box;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:16px; line-height:26px; color:#fff; height:26px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .left .wen .n04{ font-size:14px; line-height:22px; color:#fff; margin-top:10px;}
.nbox .box .left a:hover .wen{ padding-bottom:35px;}
.nbox .box .mil{ width:24%; height:390px; border-radius:10px; float:left; background-color:#fff; margin:0 3%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ width:90%; padding:20px 5%;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:22px; color:#305dc3;}
.nbox .box .mil .wen .n02{ font-size:16px; line-height:26px; color:#333; height:28px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .mil .wen .n04{ font-size:14px; line-height:22px; color:#999; margin-top:10px;}
.nbox .box .mil .tu{ width:90%; height:14.62vw; position:absolute; left:5%; bottom:25px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#305dc3;}
.nbox .box .mil .wen .n04:hover{ color:#305dc3;}
.nbox .box .right{ width:46%; display:block; float:right; margin-top:-15px;}
.nbox .box .right li{ display:block; height:120px; margin-top:15px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:10px 3%; padding-right:5%; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:74px; float:left; padding-right:1px; text-align:center; position:relative;}
.nbox .box .right li .zc b{ font-size:32px; line-height:34px; display:block; color:#305dc3;}
.nbox .box .right li .zc p{ font-size:14px; line-height:20px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:44px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 90px);}
.nbox .box .right li .yc b{ font-size:16px; line-height:26px; display:block; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; margin:2px 0; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:22px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#305dc3;}
}
@media only screen and (max-width:768px){
.nbox{ width:100%; background-color:#f1f1f1; position:relative; padding-top:25px; padding-bottom:30px;}
.nbox .title{ width:94%; margin:auto; text-align:center;}
.nbox .title .w01{ display:block; font-size:20px; line-height:30px;}
.nbox .title .w02{ display:block; width:200px; height:3px; position:relative; margin:5px auto; margin-bottom:10px;}
.nbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.nbox .title .w02 a{ display:block; width:40px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-20px; top:0;}
.nbox .title .w03{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.nbox .box{ width:94%; margin:auto; margin-top:15px;}
.nbox .box .left{ width:48%; height:68.46vw; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(48,93,195,0.0),rgba(48,93,195,0.9));}
.nbox .box .left .wen{ width:90%; position:absolute; left:0; bottom:0; padding:10px 5%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:16px; line-height:26px; color:#fff; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .left .wen .n04{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left a:hover .wen{ padding-bottom:15px;}
.nbox .box .mil{ width:48%; height:68.46vw; border-radius:10px; float:left; background-color:#fff; margin-left:4%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:10px 5%;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:22px; color:#305dc3;}
.nbox .box .mil .wen .n02{ font-size:16px; line-height:26px; color:#333; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .mil .wen .n04{ font-size:14px; line-height:22px; color:#999;}
.nbox .box .mil .tu{ width:90%; height:29.24vw; position:absolute; left:5%; bottom:15px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#305dc3;}
.nbox .box .mil .wen .n04:hover{ color:#305dc3;}
.nbox .box .right{ width:100%; display:block; float:right;}
.nbox .box .right li{ display:block; margin-top:15px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:10px 3%; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:70px; float:left; padding-right:1px; text-align:center; position:relative;}
.nbox .box .right li .zc b{ font-size:32px; line-height:34px; display:block; color:#305dc3;}
.nbox .box .right li .zc p{ font-size:14px; line-height:20px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:44px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 91px); padding:0 10px;}
.nbox .box .right li .yc b{ font-size:16px; line-height:26px; display:block; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:22px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#305dc3;}
}

/*客户服务*/
@media screen and (min-width:1280px){
.fbox{ width:100%; position:relative; padding-top:65px; padding-bottom:65px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fbox .title{ width:1200px; margin:auto; text-align:center;}
.fbox .title .w01{ display:block; font-size:30px; line-height:40px; color:#fff;}
.fbox .title .w02{ display:block; width:300px; height:3px; position:relative; margin:10px auto; margin-bottom:15px;}
.fbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.fbox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-30px; top:0;}
.fbox .title .w03{ display:block; font-size:16px; line-height:26px; color:#fff; overflow:hidden;}
.fbox .box{ width:1200px; margin:auto; margin-top:20px;}
.fbox .box ul{ width:1250px; display:block; overflow:hidden;}
.fbox .box ul li{ display:block; float:left; width:200px; margin-right:50px; text-align:center; margin-top:20px;}
.fbox .box ul li strong{ margin:auto; overflow:hidden; border-radius:100%; border:1px solid rgba(255,255,255,0.7); width:158px; height:158px; display:flex; align-items:center;}
.fbox .box ul li strong img{ display:block; height:70px; margin:auto;}
.fbox .box ul li p{ display:block; font-size:20px; line-height:30px; margin-top:15px; color:#fff; opacity:0.7;} 
.fbox .box ul li:hover strong{ background-color:rgba(255,255,255,0.1);}
.fbox .box ul li:hover p{ opacity:1;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.fbox{ width:100%; position:relative; padding-top:45px; padding-bottom:45px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fbox .title{ width:94%; margin:auto; text-align:center;}
.fbox .title .w01{ display:block; font-size:26px; line-height:36px; color:#fff;}
.fbox .title .w02{ display:block; width:250px; height:3px; position:relative; margin:10px auto;}
.fbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.fbox .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-30px; top:0;}
.fbox .title .w03{ display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden;}
.fbox .box{ width:100%; margin:auto;}
.fbox .box ul{ width:100%; display:block; overflow:hidden; padding-top:10px;}
.fbox .box ul li{ display:block; float:left; width:16.4%; margin-left:3%; text-align:center; margin-top:20px;}
.fbox .box ul li strong{ margin:auto; overflow:hidden; border-radius:100%; border:1px solid rgba(255,255,255,0.7); width:16vw; height:16vw; display:flex; align-items:center;}
.fbox .box ul li strong img{ display:block; height:6.8vw; margin:auto;}
.fbox .box ul li p{ display:block; font-size:18px; line-height:28px; margin-top:15px; color:#fff; opacity:0.7;} 
.fbox .box ul li:hover strong{ background-color:rgba(255,255,255,0.1);}
.fbox .box ul li:hover p{ opacity:1;}
}
@media only screen and (max-width:768px){
.fbox{ width:100%; position:relative; padding-top:25px; padding-bottom:25px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fbox .title{ width:94%; margin:auto; text-align:center;}
.fbox .title .w01{ display:block; font-size:20px; line-height:30px; color:#fff;}
.fbox .title .w02{ display:block; width:200px; height:3px; position:relative; margin:5px auto; margin-bottom:10px;}
.fbox .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.fbox .title .w02 a{ display:block; width:40px; height:3px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-20px; top:0;}
.fbox .title .w03{ display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden;}
.fbox .box{ width:94%; margin:auto; margin-top:5px;}
.fbox .box ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; overflow:hidden; text-align:center;}
.fbox .box ul li{ display:block; float:left; width:105px; margin:0 1.5%; text-align:center; margin-top:15px;}
.fbox .box ul li strong{ margin:auto; overflow:hidden; border-radius:100%; border:1px solid rgba(255,255,255,0.7); width:85px; height:85px; display:flex; align-items:center;}
.fbox .box ul li strong img{ display:block; height:35px; margin:auto;}
.fbox .box ul li p{ display:block; font-size:16px; line-height:26px; margin-top:10px; color:#fff; opacity:0.7;} 
.fbox .box ul li:hover strong{ background-color:rgba(255,255,255,0.1);}
.fbox .box ul li:hover p{ opacity:1;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#222;}
.footer .foot{ width:1200px; margin:60px auto;}
.footer .foot .f01{ width:340px; height:100px; border-right:1px solid #393939; float:left;}
.footer .foot .f01 strong{ height:40px; display:block;}
.footer .foot .f01 strong img{ display:block; height:40px;}
.footer .foot .f01 p{ overflow:hidden; padding-top:30px; display:block;}
.footer .foot .f01 p a{ display:block; height:20px; float:left; margin-right:20px;}
.footer .foot .f01 p a img{ display:block; height:20px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .foot .f01 p a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot .f02{ width:330px; padding:0 50px; height:100px; float:left;}
.footer .foot .f02>div{ margin-top:-4px;}
.footer .foot .f02>div p{ font-size:16px; line-height:36px; height:36px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f03{ padding-left:50px; border-left:1px solid #393939; width:378px; float:left;}
.footer .foot .f03 p{ display:block; float:left; width:260px; padding:12px 0;}
.footer .foot .f03 p span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.footer .foot .f03 p a{ display:block; font-size:36px; line-height:38px; color:#fff; padding-top:10px;}
.footer .foot .f03 strong{ display:block; float:right; width:100px;}
.footer .foot .f03 strong img{ width:100%; display:block;}
.footer .bq{ width:100%; font-size:14px; line-height:50px; color:#fff; display:flex; flex-wrap:wrap; justify-content:center; background-color:#000;}
.footer .bq p{ display:block; margin:0 20px;}
.footer .bq p:first-child{ margin-left:0;}
.footer .bq p:last-child{ margin-right:0;}
.footer .bq p a{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; background-color:#222;}
.footer .foot{ width:94%; margin:40px auto;}
.footer .foot .f01{ padding-right:3%; height:90px; border-right:1px solid #393939; float:left;}
.footer .foot .f01 strong{ height:40px; display:block;}
.footer .foot .f01 strong img{ display:block; height:40px;}
.footer .foot .f01 p{ overflow:hidden; padding-top:20px; display:block;}
.footer .foot .f01 p a{ display:block; height:20px; float:left; margin-right:15px;}
.footer .foot .f01 p a img{ display:block; height:20px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .foot .f01 p a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot .f02{ width:calc(88% - 637px); padding:0 3%; height:90px; float:left;}
.footer .foot .f02>div p{ font-size:14px; line-height:30px; height:30px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f03{ padding-left:3%; border-left:1px solid #393939; float:right;}
.footer .foot .f03 p{ display:block; float:left; width:220px; padding:13px 0;}
.footer .foot .f03 p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.footer .foot .f03 p a{ display:block; font-size:32px; line-height:34px; color:#fff; padding-top:4px;}
.footer .foot .f03 strong{ display:block; float:right; width:90px;}
.footer .foot .f03 strong img{ width:100%; display:block;}
.footer .bq{ width:100%; font-size:14px; line-height:50px; color:#fff; display:flex; flex-wrap:wrap; justify-content:center; background-color:#000;}
.footer .bq p{ display:block; margin:0 1.5%;}
.footer .bq p:first-child{ margin-left:0;}
.footer .bq p:last-child{ margin-right:0;}
.footer .bq p a{ color:#fff;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; background-color:#222;}
.footer .foot{ width:94%; margin:30px auto; margin-bottom:25px; position:relative;}
.footer .foot .f01{ width:100%;}
.footer .foot .f01 strong{ height:40px; display:block;}
.footer .foot .f01 strong img{ display:block; height:40px; margin:auto;}
.footer .foot .f01 p{ overflow:hidden; padding-top:20px; display:block; display:flex; flex-wrap:wrap; justify-content:center;}
.footer .foot .f01 p a{ display:block; height:20px; margin:0 10px;}
.footer .foot .f01 p a img{ display:block; height:20px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .foot .f01 p a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot .f02{ width:calc(100% - 90px); margin-top:10px;}
.footer .foot .f02>div p{ font-size:14px; line-height:24px; height:24px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f03{ width:100%;}
.footer .foot .f03 p{ display:block; float:left; width:calc(100% - 90px);}
.footer .foot .f03 p span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .f03 p a{ display:block; font-size:28px; line-height:30px; color:#fff; margin-top:4px;}
.footer .foot .f03 strong{ display:block; position:absolute; right:0; bottom:30px; width:80px;}
.footer .foot .f03 strong img{ width:100%; display:block;}
.footer .bq{ width:94%; padding:8px 3%; font-size:14px; line-height:22px; color:#fff; display:flex; flex-wrap:wrap; justify-content:center; background-color:#000;}
.footer .bq p{ display:block; margin:0 1.5%;}
.footer .bq p a{ color:#fff;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:300px; position:relative; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.ban .box{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:120px; overflow:visible;}
.ban .box a{ display:block; color:#fff; text-transform:capitalize; font-size:48px; line-height:68px; height:68px; overflow:hidden;}
.ban .box p{ display:block;}
.ban .box p span{ width:2px; height:40px; display:block; float:left; background-color:#fff; margin:5px 0;}
.ban .box p b{ display:block; float:left; margin-left:10px; font-size:48px; line-height:50px; color:#fff; text-transform:capitalize;}
.ban .box p strong{ display:block; float:left; margin-left:20px; font-size:30px; line-height:40px; color:#fff; margin-top:8px; letter-spacing:5px;}
.wei{ width:100%; height:50px; background-color:#fff;}
.wei .box{ width:1200px; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ width:300px; float:right; height:36px; background-color:#f1f1f1; border-radius:36px; margin:7px 0;}
.wei .box .right p{ width:calc(100% - 56px); padding:0 10px; display:block; float:left;}
.wei .box .right p input{ width:100%; display:block; background-color:transparent; font-size:14px; line-height:36px; height:36px; text-indent:10px;}
.wei .box .right span{ width:36px; height:36px; float:right; border-radius:100px; overflow:hidden; display:block;}
.wei .box .right span input{ width:100%; height:36px; cursor:pointer; display:block; background-color:#305dc3; background-image:url(../images/h01_06.png); background-position:center; background-repeat:no-repeat;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:260px; position:relative; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.ban .box{ width:94%; position:absolute; left:3%; top:100px; overflow:visible;}
.ban .box a{ display:block; color:#fff; text-transform:capitalize; font-size:40px; line-height:60px; height:60px; overflow:hidden;}
.ban .box p{ display:block;}
.ban .box p span{ width:2px; height:30px; display:block; float:left; background-color:#fff; margin:5px 0;}
.ban .box p b{ display:block; float:left; margin-left:10px; font-size:38px; line-height:40px; color:#fff; text-transform:capitalize;}
.ban .box p strong{ display:block; float:left; margin-left:15px; font-size:26px; line-height:36px; color:#fff; margin-top:3px; letter-spacing:5px;}
.wei{ width:100%; height:50px; background-color:#fff;}
.wei .box{ width:94%; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ width:300px; float:right; height:36px; background-color:#f1f1f1; border-radius:36px; margin:7px 0;}
.wei .box .right p{ width:calc(100% - 56px); padding:0 10px; display:block; float:left;}
.wei .box .right p input{ width:100%; display:block; background-color:transparent; font-size:14px; line-height:36px; height:36px; text-indent:10px;}
.wei .box .right span{ width:36px; height:36px; float:right; border-radius:100px; overflow:hidden; display:block;}
.wei .box .right span input{ width:100%; height:36px; cursor:pointer; display:block; background-color:#305dc3; background-image:url(../images/h01_06.png); background-position:center; background-repeat:no-repeat;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:240px; position:relative; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.ban .box{ width:94%; position:absolute; left:3%; top:100px; overflow:visible;}
.ban .box a{ display:block; color:#fff; text-transform:capitalize; font-size:30px; line-height:50px; height:50px; overflow:hidden;}
.ban .box p{ display:block;}
.ban .box p span{ width:2px; height:22px; display:block; float:left; background-color:#fff; margin:5px 0;}
.ban .box p b{ display:block; float:left; margin-left:10px; font-size:30px; line-height:32px; color:#fff; text-transform:capitalize;}
.ban .box p strong{ display:block; float:left; margin-left:10px; font-size:20px; line-height:30px; color:#fff; margin-top:2px;}
.wei{ width:100%; height:46px; background-color:#fff;}
.wei .box{ width:94%; margin:auto;}
.wei .box .left{ float:left; padding-left:22px; background-image:url(../images/home_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:46px;}
.wei .box .right{ display:none;}
}

@media screen and (min-width:1280px){
.cont{ width:1200px; margin:65px auto; margin-bottom:70px;}
.cont .title{ width:100%; text-align:center;}
.cont .title .w01{ display:block; font-size:30px; line-height:40px;}
.cont .title .w02{ display:block; width:300px; height:3px; position:relative; margin:10px auto; margin-bottom:15px;}
.cont .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.cont .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-30px; top:0;}
.cont .title .w03{ display:block; font-size:16px; line-height:26px; color:#666; overflow:hidden;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont{ width:94%; margin:45px auto; margin-bottom:50px;}
.cont .title{ width:100%; text-align:center;}
.cont .title .w01{ display:block; font-size:26px; line-height:36px;}
.cont .title .w02{ display:block; width:250px; height:3px; position:relative; margin:10px auto;}
.cont .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.cont .title .w02 a{ display:block; width:60px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-30px; top:0;}
.cont .title .w03{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
}
@media only screen and (max-width:768px){
.cont{ width:94%; margin:25px auto; margin-bottom:30px;}
.cont .title{ width:100%; text-align:center;}
.cont .title .w01{ display:block; font-size:20px; line-height:30px;}
.cont .title .w02{ display:block; width:200px; height:3px; position:relative; margin:5px auto; margin-bottom:10px;}
.cont .title .w02 em{ display:block; margin:1px 0; width:100%; height:1px; overflow:hidden; background-color:#ddd;}
.cont .title .w02 a{ display:block; width:40px; height:3px; overflow:hidden; background-color:#305dc3; position:absolute; left:50%; margin-left:-20px; top:0;}
.cont .title .w03{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.cont>.wen{ width:100%; margin-top:20px; font-size:14px; line-height:24px;}
.cont>.wen img{ max-width:100%; height:auto !important; margin-top:5px;}
.about table{ width:100% !important;}
.about table img{ width:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont>.wen{ width:100%; margin-top:15px; font-size:14px; line-height:24px;}
.cont>.wen img{ max-width:100%; height:auto !important; margin-top:5px;}
.about table{ width:100% !important;}
.about table img{ width:100%;}
}
@media only screen and (max-width:768px){
.cont>.wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.cont>.wen img{ max-width:100%; height:auto !important; margin-top:5px;}
.about table{ width:100% !important;}
.about table img{ width:100%;}
}

/*荣誉资质*/
@media screen and (min-width:1280px){
.image_container{ width:100%; margin-top:-5px;}
.image_container a{ width:285px; display:block; float:left; margin-left:20px; margin-top:30px; overflow:hidden; position:relative; background-color:#fff; cursor:pointer;}
.image_container a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.image_container a strong{ width:100%; height:210px; display:block; overflow:hidden;}
.image_container a img{ width:100%; display:block;}
.image_container a p{ font-size:14px; line-height:46px; height:46px; text-align:center; display:block; overflow:hidden; padding:0 15px; box-sizing:border-box;}
.image_container a:hover p{ background-color:#305dc3; color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#fff; font-size:16px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; font-size:16px; display:block;}
.fanye li.active span{ color:#fff; background-color:#305dc3;}
.fanye li.disabled span{ color:#aaa; background-color:#fff; cursor:no-drop;}
.fanye li a:hover{ color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.image_container{ width:100%;}
.image_container a{ width:22.75%; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden; position:relative; background-color:#fff; cursor:pointer;}
.image_container a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.image_container a strong{ width:100%; height:15.75vw; display:block; overflow:hidden;}
.image_container a img{ width:100%; display:block;}
.image_container a p{ font-size:14px; line-height:40px; height:40px; text-align:center; display:block; overflow:hidden; padding:0 10px; box-sizing:border-box;}
.image_container a:hover p{ background-color:#305dc3; color:#fff;}

.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#fff; font-size:14px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; font-size:14px; display:block;}
.fanye li.active span{ color:#fff; background-color:#305dc3;}
.fanye li.disabled span{ color:#aaa; background-color:#fff; cursor:no-drop;}
.fanye li a:hover{ color:#305dc3;}
}
@media only screen and (max-width:768px){
.image_container{ width:100%;}
.image_container a{ width:48%; display:block; float:left; margin-left:4%; margin-top:15px; overflow:hidden; position:relative; background-color:#fff; cursor:pointer;}
.image_container a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.image_container a strong{ width:100%; height:33.24vw; display:block; overflow:hidden;}
.image_container a img{ width:100%; display:block;}
.image_container a p{ font-size:14px; line-height:32px; height:32px; text-align:center; display:block; overflow:hidden;}
.image_container a:hover p{ background-color:#305dc3; color:#fff;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:16px; padding:0 5px; height:26px; line-height:26px; background-color:#fff; font-size:14px; display:block;}
.fanye li span{ min-width:16px; padding:0 5px; height:34px; line-height:34px; font-size:14px; display:block; padding:0 5px; box-sizing:border-box;}
.fanye li.active span{ color:#fff; background-color:#305dc3;}
.fanye li.disabled span{ color:#aaa; background-color:#fff; cursor:no-drop;}
.fanye li a:hover{ color:#305dc3;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.cont .news{ width:100%; display:block; overflow:hidden; margin-top:-5px;}
.cont .news li{ display:block; overflow:hidden; background-color:#fff; margin-top:30px;}
.cont .news li .left{ width:300px; height:210px; float:left;}
.cont .news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cont .news li:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.cont .news li .right{ width:calc(100% - 360px); margin:15px 20px; float:left;}
.cont .news li .right .n01{ font-size:18px; font-weight:bold; line-height:28px; padding-bottom:10px; height:28px; border-bottom:1px solid #ddd;}
.cont .news li .right .n02{ font-size:14px; line-height:24px; height:72px; padding-top:10px; color:#666;}
.cont .news li .right .n03{ margin-top:15px;}
.cont .news li .right .n03 p{ padding-left:30px; background-image:url(../images/time_08.jpg); background-position:left center; background-repeat:no-repeat; float:left; display:block; font-size:18px; line-height:36px; color:#666;}
.cont .news li .right .n03 a{ width:120px; height:36px; line-height:36px; display:block; float:right; text-align:center; font-size:14px; color:#fff; background-color:#333; overflow:hidden;}
.cont .news li .right .n01 a:hover{ color:#305dc3;}
.cont .news li .right .n03 a:hover{ background-color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont .news{ width:100%; display:block; overflow:hidden;}
.cont .news li{ display:block; overflow:hidden; background-color:#fff; margin-top:20px;}
.cont .news li .left{ width:300px; height:210px; float:left;}
.cont .news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cont .news li:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.cont .news li .right{ width:calc(100% - 340px); margin:20px; margin-top:15px; float:left;}
.cont .news li .right .n01{ font-size:18px; font-weight:bold; line-height:28px; padding-bottom:10px; height:28px; border-bottom:1px solid #ddd;}
.cont .news li .right .n02{ font-size:14px; line-height:24px; height:72px; padding-top:13px; color:#666;}
.cont .news li .right .n03{ margin-top:13px;}
.cont .news li .right .n03 p{ padding-left:30px; background-image:url(../images/time_08.jpg); background-position:left center; background-repeat:no-repeat; float:left; display:block; font-size:16px; line-height:36px; color:#666;}
.cont .news li .right .n03 a{ width:120px; height:36px; line-height:36px; display:block; float:right; text-align:center; font-size:14px; color:#fff; background-color:#333; overflow:hidden;}
.cont .news li .right .n01 a:hover{ color:#305dc3;}
.cont .news li .right .n03 a:hover{ background-color:#305dc3;}
}
@media only screen and (max-width:768px){
.cont .news{ width:100%; display:block; overflow:hidden;}
.cont .news li{ display:block; overflow:hidden; background-color:#fff; margin-top:15px;}
.cont .news li .left{ width:170px; height:119px; float:left;}
.cont .news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cont .news li:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.cont .news li .right{ width:calc(100% - 200px); margin:0 15px; margin-top:8px; float:left;}
.cont .news li .right .n01{ font-size:16px; font-weight:bold; line-height:26px; height:26px;}
.cont .news li .right .n02{ font-size:14px; line-height:24px; height:48px; color:#666;}
.cont .news li .right .n03{ margin-top:5px;}
.cont .news li .right .n03 p{ padding-left:20px; background-image:url(../images/time_08.jpg); background-position:left center; background-repeat:no-repeat; float:left; display:block; font-size:14px; line-height:20px; color:#666; background-size:auto 14px;}
.cont .news li .right .n03 a{ display:none;}
.cont .news li .right .n01 a:hover{ color:#305dc3;}
.cont .news li .right .n03 a:hover{ background-color:#305dc3;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.ny{ padding:45px 50px; width:100%; box-sizing:border-box; background-color:#fff;}
.ny .bt{ text-align:center; font-weight:bold; font-size:26px; line-height:36px;}
.ny .time{ font-size:14px; line-height:24px; color:#999; margin-top:5px; padding-bottom:10px; text-align:center; border-bottom:1px solid #ddd;}
.ny .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px;}
.ny .back{ width:100%; font-size:14px; line-height:24px;}
.ny .back p{ max-width:50%; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back span{ max-width:50%; float:right; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back a:hover{ color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ny{ padding:25px 30px; width:100%; box-sizing:border-box; background-color:#fff;}
.ny .bt{ text-align:center; font-weight:bold; font-size:22px; line-height:32px;}
.ny .time{ font-size:14px; line-height:24px; color:#999; margin-top:5px; padding-bottom:5px; text-align:center; border-bottom:1px solid #ddd;}
.ny .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px;}
.ny .back{ width:100%; font-size:14px; line-height:24px;}
.ny .back p{ max-width:50%; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back span{ max-width:50%; float:right; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back a:hover{ color:#305dc3;}
}
@media only screen and (max-width:768px){
.ny{ padding:15px; width:100%; box-sizing:border-box; background-color:#fff;}
.ny .bt{ text-align:center; font-weight:bold; font-size:18px; line-height:28px;}
.ny .time{ font-size:14px; line-height:24px; color:#999; padding-bottom:5px; text-align:center; border-bottom:1px solid #ddd;}
.ny .wen{ width:100%; margin:10px auto; font-size:14px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:14px; line-height:24px;}
.ny .back p{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back a:hover{ color:#305dc3;}
}

/*资料下载*/
@media screen and (min-width:1280px){
.cont .xia{ width:100%; margin-top:-5px;}
.cont .xia a{ display:block; background-color:#fff; border-radius:10px; overflow:hidden; padding:20px 30px; margin-top:30px;}
.cont .xia a p{ display:block; padding-left:40px; background-image:url(../images/x01_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:18px; line-height:30px; float:left;}
.cont .xia a span{ display:block; float:right; font-size:18px; line-height:30px; color:#999;}
.cont .xia a:hover{ background-color:#305dc3;}
.cont .xia a:hover p{ background-image:url(../images/x02_06.jpg); color:#fff;}
.cont .xia a:hover span{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont .xia{ width:100%;}
.cont .xia a{ display:block; background-color:#fff; border-radius:10px; overflow:hidden; padding:15px 20px; margin-top:25px;}
.cont .xia a p{ display:block; padding-left:40px; background-image:url(../images/x01_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:30px; float:left;}
.cont .xia a span{ display:block; float:right; font-size:16px; line-height:30px; color:#999;}
.cont .xia a:hover{ background-color:#305dc3;}
.cont .xia a:hover p{ background-image:url(../images/x02_06.jpg); color:#fff;}
.cont .xia a:hover span{ color:#fff;}
}
@media only screen and (max-width:768px){
.cont .xia{ width:100%;}
.cont .xia a{ display:block; background-color:#fff; border-radius:5px; overflow:hidden; padding:10px; margin-top:15px;}
.cont .xia a p{ display:block; padding-left:20px; background-image:url(../images/x01_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; float:left; background-size:auto 15px; height:24px; overflow:hidden;}
.cont .xia a span{ display:block; float:right; font-size:14px; line-height:24px; color:#999;}
.cont .xia a:hover{ background-color:#305dc3;}
.cont .xia a:hover p{ background-image:url(../images/x02_06.jpg); color:#fff;}
.cont .xia a:hover span{ color:#fff;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.cont .box{ width:94%; margin:auto; position:relative; padding:3%; padding-top:0; margin-top:25px;}
.cont .box .c01{ width:50%; height:250px; position:absolute; left:0; bottom:0; z-index:0; background-color:#305dc3;}
.cont .box .c02{ width:50%; height:250px; position:absolute; right:0; bottom:0; z-index:0; background-color:#84c6c3;}
.cont .box .c03{ background-color:#fff; position:relative; z-index:3; width:100%;}
.cont .box .c03 .left{ width:52%; height:100%; position:absolute; left:0; top:0;}
.cont .box .c03 .right{ padding:50px 3%; float:right; width:42%;}
.cont .box .c03 .right h1{ width:100%; float:left; font-size:30px; line-height:40px; color:#305dc3;}
.cont .box .c03 .right dl{ width:100%; float:left; display:block; overflow:hidden; margin-top:20px;}
.cont .box .c03 .right dl dt{ font-size:14px; line-height:24px; display:block; color:#999;}
.cont .box .c03 .right dl dd{ font-size:16px; line-height:26px; display:block; color:#333;}
.cont .box .c03 .right dl p{ margin-top:5px; width:230px; height:120px; background-color:#eee; display:block; overflow:hidden;}
.cont .box .c03 .right dl p img{ height:120px; float:left; display:block;}
.cont .box .c03 .right dl p a{ width:110px; height:120px; float:left; display:table; text-align:center; vertical-align:middle;}
.cont .box .c03 .right dl p a span{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px; line-height:24px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont .box{ width:94%; margin:auto; position:relative; padding:3%; padding-top:0; margin-top:20px;}
.cont .box .c01{ width:50%; height:200px; position:absolute; left:0; bottom:0; z-index:0; background-color:#305dc3;}
.cont .box .c02{ width:50%; height:200px; position:absolute; right:0; bottom:0; z-index:0; background-color:#84c6c3;}
.cont .box .c03{ background-color:#fff; position:relative; z-index:3; width:100%;}
.cont .box .c03 .left{ width:52%; height:100%; position:absolute; left:0; top:0;}
.cont .box .c03 .right{ padding:50px 3%; float:right; width:42%;}
.cont .box .c03 .right h1{ width:100%; float:left; font-size:26px; line-height:36px; color:#305dc3;}
.cont .box .c03 .right dl{ width:100%; float:left; display:block; overflow:hidden; margin-top:10px;}
.cont .box .c03 .right dl dt{ font-size:14px; line-height:24px; display:block; color:#999;}
.cont .box .c03 .right dl dd{ font-size:16px; line-height:26px; display:block; color:#333;}
.cont .box .c03 .right dl p{ margin-top:5px; width:230px; height:120px; background-color:#eee; display:block; overflow:hidden;}
.cont .box .c03 .right dl p img{ height:120px; float:left; display:block;}
.cont .box .c03 .right dl p a{ width:110px; height:120px; float:left; display:table; text-align:center; vertical-align:middle;}
.cont .box .c03 .right dl p a span{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:768px){
.cont .box{ width:94%; margin:auto; position:relative; padding:3%; padding-top:0; margin-top:15px;}
.cont .box .c01{ width:50%; height:200px; position:absolute; left:0; bottom:0; z-index:0; background-color:#305dc3;}
.cont .box .c02{ width:50%; height:200px; position:absolute; right:0; bottom:0; z-index:0; background-color:#84c6c3;}
.cont .box .c03{ background-color:#fff; position:relative; z-index:3; width:100%;}
.cont .box .c03 .left{ width:100%; height:200px;}
.cont .box .c03 .right{ padding:15px;}
.cont .box .c03 .right h1{ width:100%; float:left; font-size:18px; line-height:28px; color:#305dc3;}
.cont .box .c03 .right dl{ width:100%; float:left; display:block; overflow:hidden; margin-top:5px;}
.cont .box .c03 .right dl dt{ font-size:14px; line-height:24px; display:block; color:#999;}
.cont .box .c03 .right dl dd{ font-size:16px; line-height:26px; display:block; color:#333;}
.cont .box .c03 .right dl p{ margin-top:5px; width:230px; height:120px; background-color:#eee; display:block; overflow:hidden;}
.cont .box .c03 .right dl p img{ height:120px; float:left; display:block;}
.cont .box .c03 .right dl p a{ width:110px; height:120px; float:left; display:table; text-align:center; vertical-align:middle;}
.cont .box .c03 .right dl p a span{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px; line-height:24px;}
}

/*产品展示*/
@media screen and (min-width:1280px){
.smallclasstit{ width:100%; margin-top:30px; background-color:#fff; border-radius:10px; overflow:hidden;}
.smallclasstit>h2{ font-size:20px; height:40px; line-height:40px; padding:10px 30px; background-color:#305dc3; color:#fff; display:block; overflow:hidden;}
.smallclasstit>h2 a{ display:block; color:#fff;}
.smallclasstit>h2 b{ display:block; float:left; margin:15px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.smallclasstit .smallclass{ padding:25px 30px;}
.smallclasstit .smallclass ul{ width:1170px; display:block; overflow:hidden; margin-top:-10px;}
.smallclasstit .smallclass ul li{ width:204px; float:left; display:block; margin-right:30px; margin-top:10px; font-size:16px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.smallclasstit .smallclass ul li span{ display:block; float:left; margin:9px; margin-left:0; width:8px; height:8px; border-radius:100%; overflow:hidden; background-color:#305dc3;}
.smallclasstit .smallclass ul li a:hover,.smallclasstit .smallclass ul li.on a{ color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.smallclasstit{ width:100%; margin-top:25px; background-color:#fff; border-radius:10px; overflow:hidden;}
.smallclasstit>h2{ font-size:18px; height:28px; line-height:28px; padding:10px 20px; background-color:#305dc3; color:#fff; display:block; overflow:hidden;}
.smallclasstit>h2 a{ display:block; color:#fff;}
.smallclasstit>h2 b{ display:block; float:left; margin:9px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.smallclasstit .smallclass{ padding:15px 20px;}
.smallclasstit .smallclass ul{ width:100%; display:block; overflow:hidden; margin-top:-5px;}
.smallclasstit .smallclass ul li{ width:17.6%; float:left; display:block; margin-left:3%; margin-top:5px; font-size:15px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.smallclasstit .smallclass ul li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.smallclasstit .smallclass ul li span{ display:block; float:left; margin:9px 6px; margin-left:0; width:8px; height:8px; border-radius:100%; overflow:hidden; background-color:#305dc3;}
.smallclasstit .smallclass ul li a:hover,.smallclasstit .smallclass ul li.on a{ color:#305dc3;}
}
@media only screen and (max-width:768px){
.smallclasstit{ width:100%; margin-top:15px; background-color:#fff; border-radius:10px; overflow:hidden;}
.smallclasstit>h2{ font-size:16px; height:26px; line-height:26px; padding:5px 15px; background-color:#305dc3; color:#fff; display:block; overflow:hidden;}
.smallclasstit>h2 a{ display:block; color:#fff;}
.smallclasstit>h2 b{ display:block; float:left; margin:9px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.smallclasstit .smallclass{ padding:10px 15px;}
.smallclasstit .smallclass ul{ width:100%; display:block; overflow:hidden;}
.smallclasstit .smallclass ul li{ width:48%; float:left; display:block; margin-left:4%; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.smallclasstit .smallclass ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.smallclasstit .smallclass ul li span{ display:block; float:left; margin:9px 5px; margin-left:0; width:6px; height:6px; border-radius:100%; overflow:hidden; background-color:#305dc3;}
.smallclasstit .smallclass ul li a:hover,.smallclasstit .smallclass ul li.on a{ color:#305dc3;}
}

/*产品展示内页*/
@media screen and (min-width:1280px){
.smallclasstit .tab{ padding:10px 30px; background-color:#305dc3; display:block;}
.smallclasstit .tab li{ font-size:20px; height:40px; line-height:40px; color:#fff; display:block; float:left; margin-right:30px; overflow:hidden; opacity:0.5;}
.smallclasstit .tab li a{ float:left; display:block; color:#fff;}
.smallclasstit .tab li b{ display:block; float:left; margin:15px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.smallclasstit .tab li.on,.smallclasstit .tab li:hover{ opacity:1;}

.pro{ width:100%; display:block;}
.pro li{ padding:30px; display:block; overflow:hidden; border-radius:10px; margin-top:30px; background-color:#fff;}
.pro li .tu{ width:180px; height:120px; float:left;}
.pro li .tu a{ display:flex; width:100%; height:120px; align-items:center;}
.pro li .tu img{ max-width:100%; max-height:120px; display:block; margin:auto;}
.pro li .wen{ width:calc(100% - 360px); float:left; margin-left:20px;}
.pro li .wen a{ display:block; font-size:20px; line-height:30px;}
.pro li .wen div{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.pro li .more{ display:block; margin:40px 0; float:right;}
.pro li .more a{ display:block; float:right; width:120px; height:40px; line-height:40px; text-align:center; border-radius:5px; color:#fff; background-color:#305dc3; overflow:hidden; margin-left:20px;}
.pro li .more a:nth-child(2){ background-color:#333;}
.pro li .more a:hover{ background-color:#ff8d31;}
.pro li .wen a:hover{ color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.smallclasstit .tab{ padding:10px 20px; background-color:#305dc3; display:block;}
.smallclasstit .tab li{ font-size:18px; height:28px; line-height:28px; color:#fff; display:block; float:left; margin-right:20px; overflow:hidden; opacity:0.5;}
.smallclasstit .tab li a{ float:left; display:block; color:#fff;}
.smallclasstit .tab li b{ display:block; float:left; margin:9px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.smallclasstit .tab li.on,.smallclasstit .tab li:hover{ opacity:1;}

.pro{ width:100%; display:block;}
.pro li{ padding:25px; display:block; overflow:hidden; border-radius:10px; margin-top:25px; background-color:#fff;}
.pro li .tu{ width:180px; height:120px; float:left;}
.pro li .tu a{ display:flex; width:100%; height:120px; align-items:center;}
.pro li .tu img{ max-width:100%; max-height:120px; display:block; margin:auto;}
.pro li .wen{ width:calc(100% - 360px); float:left; margin-left:20px;}
.pro li .wen a{ display:block; font-size:18px; line-height:28px;}
.pro li .wen div{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.pro li .more{ display:block; margin:40px 0; float:right;}
.pro li .more a{ display:block; float:right; width:120px; height:40px; line-height:40px; text-align:center; border-radius:5px; color:#fff; background-color:#305dc3; overflow:hidden; margin-left:20px;}
.pro li .more a:nth-child(2){ background-color:#333;}
.pro li .more a:hover{ background-color:#ff8d31;}
.pro li .wen a:hover{ color:#305dc3;}
}
@media only screen and (max-width:768px){
.smallclasstit .tab{ padding:5px 15px; background-color:#305dc3; display:block;}
.smallclasstit .tab li{ font-size:16px; height:26px; line-height:26px; color:#fff; display:block; float:left; margin-right:15px; overflow:hidden; opacity:0.5;}
.smallclasstit .tab li a{ float:left; display:block; color:#fff;}
.smallclasstit .tab li b{ display:block; float:left; margin:9px 10px; margin-left:0; width:8px; height:8px; border-radius:100%; overflow:hidden; background-color:#fff;}
.smallclasstit .tab li.on,.smallclasstit .tab li:hover{ opacity:1;}

.pro{ width:100%; display:block;}
.pro li{ padding:15px; display:block; overflow:hidden; border-radius:10px; margin-top:15px; background-color:#fff;}
.pro li .tu{ width:180px; height:120px; float:left;}
.pro li .tu a{ display:flex; width:100%; height:120px; align-items:center;}
.pro li .tu img{ max-width:100%; max-height:120px; display:block; margin:auto;}
.pro li .wen{ width:calc(100% - 190px); float:left; margin-left:10px;}
.pro li .wen a{ display:block; font-size:16px; line-height:26px;}
.pro li .wen div{ display:block; font-size:14px; line-height:24px;}
.pro li .more{ display:none; margin:5px 0; float:right;}
.pro li .more a{ display:block; float:left; width:80px; height:28px; line-height:28px; text-align:center; border-radius:5px; color:#fff; background-color:#305dc3; overflow:hidden; margin-left:10px; font-size:12px;}
.pro li .more a:nth-child(2){ background-color:#333;}
.pro li .more a:hover{ background-color:#ff8d31;}
.pro li .wen a:hover{ color:#305dc3;}
}

@media screen and (min-width:1280px){
.zcd01{ display:none;}
.zcd{ width:240px; float:left; background-color:#fff; border-radius:10px;}
.zcd .titles{ padding:8px 20px; background-color:#305dc3; height:84px;  display:block; width:200px;}
.zcd .titles span{ display:block; color:#fff; font-size:30px; height:52px; line-height:52px;}
.zcd .titles p{ text-align:right; display:block; color:#fff; font-size:22px; height:22px; line-height:22px; text-transform:uppercase;}
.subNavBox{ width:100%;}
.subNavBox li{ display:block; border-bottom:1px solid #cacaca;}
.subNavBox li:last-child{ border-bottom:none;}
.subNavBox li span{ height:46px; display:block; position:relative;}
.subNavBox li span b{ display:none; width:4px; height:100%; background-color:#305dc3; position:absolute; left:0; top:0;}
.subNavBox li span a{ display:block; padding:0 20px; cursor:pointer; height:46px; line-height:46px; font-size:16px; overflow:hidden;}
.subNavBox li.on span b,.subNavBox li:hover span b,.subNavBox li.xuan span b{ display:block;}
.subNavBox li.on span a,.subNavBox li:hover span a,.subNavBox li.xuan span a{ color:#305dc3; background-color:#f7f7f7;}
.subNavBox li p{ padding:10px 20px; display:none; overflow:hidden;}
.subNavBox li.on p{ display:block;}
.subNavBox li p a{ padding-left:10px; display:block; font-size:14px; line-height:30px; overflow:hidden; height:30px;}
.subNavBox li p a.cur,.subNavBox li p a:hover{ color:#305dc3;}

.ycd{ width:930px; float:right;}
.cont .chan{ padding:30px; background-color:#fff; border-radius:10px;}
.product-left{ width:412px; margin-right:20px; position:relative; float:left; background-color:#fff;}
.product-left .tb-pic{ width:410px; height:273px; border:1px solid #cacaca; position:relative;}
.product-left .tb-pic a{ width:410px; height:273px; display:block; overflow:hidden;}
.product-left .tb-pic a img{ width:100%; display:block;}
.product-left .tb-pic a{ *display:block;* font-family:Arial; *line-height:1;}
.zoomDiv{ z-index:999; position:absolute; top:0px; left:0px; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden;}
.zoomMask{ position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:999;}
.tb-thumb{ width:300px; margin:auto; margin-top:10px; overflow:hidden;}
.tb-thumb li{ width:50px; border:1px solid #cacaca; height:33px; overflow:hidden; margin:0 4px; float:left; display:block;}
.tb-thumb li img{ width:100%; display:block;}
.tb-thumb li.tb-selected{ border:1px solid #305dc3;}
.product-right{ width:420px; float:right;}
.product-right .p01{ font-size:24px; line-height:34px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd;}
.product-right .p02{ font-size:16px; line-height:26px; margin-top:15px; font-weight:bold; color:#305dc3;}
.product-right .p03{ display:block; padding-top:5px;}
.product-right .p03 li{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.product-right .p03 li span{ display:block; float:left; color:#333;}
.product-right .p03 li p{ color:#333;}
.product-right .p04{ margin-top:15px; padding:10px 20px; background-color:#f7f7f7; border-radius:10px;}
.product-right .p04 .con{ padding-left:40px; background-image:url(../images/tel.png); background-size:30px auto; background-position:left center; background-repeat:no-repeat; position:relative;}
.product-right .p04 .con span{ display:block; font-size:16px; line-height:30px; height:30px; overflow:hidden; float:left;}
.product-right .p04 .con p{ display:block; font-size:24px; line-height:30px; height:30px; overflow:hidden; color:#305dc3; float:left; margin-left:5px;}
.product-right .p04 .con a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:5px; font-size:16px; line-height:40px; border-radius:5px; background-color:#305dc3; color:#fff; display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zcd01{ display:none;}
.zcd{ width:240px; float:left; background-color:#fff; border-radius:10px;}
.zcd .titles{ padding:8px 20px; background-color:#305dc3; height:84px;  display:block; width:200px;}
.zcd .titles span{ display:block; color:#fff; font-size:30px; height:52px; line-height:52px;}
.zcd .titles p{ text-align:right; display:block; color:#fff; font-size:22px; height:22px; line-height:22px; text-transform:uppercase;}
.subNavBox{ width:100%;}
.subNavBox li{ display:block; border-bottom:1px solid #cacaca;}
.subNavBox li:last-child{ border-bottom:none;}
.subNavBox li span{ height:46px; display:block; position:relative;}
.subNavBox li span b{ display:none; width:4px; height:100%; background-color:#305dc3; position:absolute; left:0; top:0;}
.subNavBox li span a{ display:block; padding:0 20px; cursor:pointer; height:46px; line-height:46px; font-size:16px; overflow:hidden;}
.subNavBox li.on span b,.subNavBox li:hover span b,.subNavBox li.xuan span b{ display:block;}
.subNavBox li.on span a,.subNavBox li:hover span a,.subNavBox li.xuan span a{ color:#305dc3; background-color:#f7f7f7;}
.subNavBox li p{ padding:10px 20px; display:none; overflow:hidden;}
.subNavBox li.on p{ display:block;}
.subNavBox li p a{ padding-left:10px; display:block; font-size:14px; line-height:30px; overflow:hidden; height:30px;}
.subNavBox li p a.cur,.subNavBox li p a:hover{ color:#305dc3;}

.ycd{ width:calc(97% - 240px); float:right;}	
.cont .chan{ padding:20px; border-radius:10px; background-color:#fff;}
.product-left{ width:302px ;margin-right:3%; position:relative; float:left;}
.product-left .tb-pic{ width:300px; height:200px; border:1px solid #cacaca; position:relative;}
.product-left .tb-pic a{ width:300px; height:200px; display:block; overflow:hidden;}
.product-left .tb-pic a img{ width:100%; display:block;}
.product-left .tb-pic a{ *display:block;* font-family:Arial; *line-height:1;}
.zoomDiv{ z-index:999; position:absolute; top:0px; left:0px; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden;}
.zoomMask{ position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:999;}
.tb-thumb{ width:300px; margin:auto; margin-top:10px; overflow:hidden;}
.tb-thumb li{ width:50px; border:1px solid #cacaca; height:33px; overflow:hidden; margin:0 4px; float:left; display:block;}
.tb-thumb li img{ width:100%; display:block;}
.tb-thumb li.tb-selected{ border:1px solid #305dc3;}
.product-right{ width:calc(97% - 320px); float:right;}
.product-right .p01{ font-size:20px; line-height:30px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ddd;}
.product-right .p02{ font-size:16px; line-height:26px; margin-top:10px; font-weight:bold; color:#305dc3;}
.product-right .p03{ display:block;}
.product-right .p03 li{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.product-right .p03 li span{ display:block; float:left; color:#333;}
.product-right .p03 li p{ color:#333;}
.product-right .p04{ margin-top:16px; padding:10px 15px; background-color:#f7f7f7; border-radius:10px;}
.product-right .p04 .con{ padding-left:34px; background-image:url(../images/tel.png); background-size:26px auto; background-position:left center; background-repeat:no-repeat; position:relative;}
.product-right .p04 .con span{ display:block; font-size:14px; line-height:26px; height:26px; overflow:hidden; float:left;}
.product-right .p04 .con p{ display:block; font-size:20px; line-height:26px; height:26px; overflow:hidden; color:#305dc3; float:left; margin-left:5px;}
.product-right .p04 .con a{ width:120px; height:40px; text-align:center; margin:5px 0; font-size:16px; line-height:40px; border-radius:5px; background-color:#305dc3; color:#fff; display:none;}
}
@media only screen and (max-width:768px){
.zcd{ display:none;}
.zcd01{ width:100%; margin:auto;}
.zcd01 .tab-hd{ overflow:hidden; width:100%; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; overflow:auto;}
.zcd01 .tab-hd .scroller{ overflow:hidden; min-width:100%;}
.zcd01 .tab-hd ul{ width:100%; display:block; overflow:auto; border-bottom:1px solid #ddd; height:100%;}
.zcd01 .tab-hd ul li{ display:block; float:left; overflow:hidden; height:44px; line-height:44px; font-size:16px; border-bottom:1px solid #ddd; cursor:pointer; position:relative; padding:0 10px; text-align:center;}
.zcd01 .tab-hd ul li b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0;}
.zcd01 .tab-hd ul li.on,.zcd01 .tab-hd ul li.xuan{ color:#305dc3;}
.zcd01 .tab-hd ul li.on b,.zcd01 .tab-hd ul li.xuan b{ background-color:#305dc3;}
.zcd01 .tab-bd{ width:100%;}
.zcd01 .tab-bd .tab-pal{ display:none; width:100%; overflow:auto; height:160px; background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.zcd01 .tab-bd .tab-pal::-webkit-scrollbar{ width:5px; height:1px;}
.zcd01 .tab-bd .tab-pal::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#305dc3;}
.zcd01 .tab-bd .tab-pal::-webkit-scrollbar-track{ border-radius:10px;}
.zcd01 .tab-bd .tab-pal .p01{ width:94%; margin:10px auto; margin-bottom:5px; font-size:16px; line-height:36px; font-weight:bold; text-align:center; border-bottom:1px solid #ddd;}
.zcd01 .tab-bd .tab-pal .p01 a{ display:block; color:#305dc3;}
.zcd01 .tab-bd .tab-pal .p02{ width:100%; margin:auto; padding-bottom:20px;}
.zcd01 .tab-bd .tab-pal .p02 ul{ width:100%; display:block; overflow:hidden;}
.zcd01 .tab-bd .tab-pal .p02 li{ width:45.5%; display:block; height:34px; float:left; margin-left:3%; margin-top:10px;}
.zcd01 .tab-bd .tab-pal .p02 li a{ display:block; border-bottom:1px solid #ddd; height:34px; line-height:34px; box-sizing:border-box; overflow:hidden; padding-left:10px; padding-right:20px; font-size:14px; position:relative;}
.zcd01 .tab-bd .tab-pal .p02 li a b{ display:block; overflow:hidden; background-image:url(../images/pro.png); position:absolute; right:10px; top:50%; margin-top:-4px; width:4px; height:8px;}
.zcd01 .tab-bd .tab-pal .p02 li:hover a,.zcd01 .tab-bd .tab-pal .p02 li.cur a{ background-color:#305dc3; border-radius:5px; color:#fff; border-bottom:none;}
.zcd01 .tab-bd .tab-pal .p02 li:hover a b,.zcd01 .tab-bd .tab-pal .p02 li.cur a b{ background-image:url(../images/proh.png);}

.ycd{ width:100%; float:right; margin-top:20px;}
.cont .chan{ width:100%; box-sizing:border-box; padding:10px; border-radius:10px; background-color:#fff;}
.product-left{ width:100%; position:relative;}
.product-left .tb-pic{ width:calc(94vw - 22px); height:calc((94vw - 22px)*0.66); border:1px solid #cacaca; position:relative;}
.product-left .tb-pic a{ width:calc(94vw - 22px); height:calc((94vw - 22px)*0.66); display:block; overflow:hidden;}
.product-left .tb-pic a img{ width:100%; display:block;}
.product-left .tb-pic a{ *display:block;* font-family:Arial; *line-height:1;}
.zoomDiv{ display:none !important;}
.zoomMask{ display:none !important;}
.tb-thumb{ width:300px; margin:auto; margin-top:10px; overflow:hidden;}
.tb-thumb li{ width:50px; border:1px solid #cacaca; height:33px; overflow:hidden; margin:0 4px; float:left; display:block;}
.tb-thumb li img{ width:100%; display:block;}
.tb-thumb li.tb-selected{ border:1px solid #305dc3;}
.product-right{ width:100%; margin-top:15px;}
.product-right .p01{ font-size:18px; line-height:28px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ddd;}
.product-right .p02{ font-size:16px; line-height:26px; margin-top:5px; font-weight:bold; color:#305dc3;}
.product-right .p03{ display:block;}
.product-right .p03 li{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.product-right .p03 li span{ display:block; float:left; color:#333;}
.product-right .p03 li p{ color:#333;}
.product-right .p04{ margin-top:10px; padding:10px; background-color:#f7f7f7; border-radius:10px;}
.product-right .p04 .con{ padding-left:40px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; position:relative; background-size:auto 100%;}
.product-right .p04 .con span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.product-right .p04 .con p{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; color:#305dc3; margin-top:2px;}
.product-right .p04 .con a{ width:100px; height:34px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:34px; border-radius:5px; background-color:#305dc3; color:#fff; display:none;}
}
.product-right .p04{ display:none !important;}

@media screen and (min-width:1280px){
.sideMen{ width:100%; overflow:hidden; border-radius:10px; overflow:hidden; margin-top:30px;}
.sideMen>h3{ font-size:20px; height:40px; line-height:40px; padding:10px 30px; background-color:#305dc3; color:#fff; display:block; overflow:hidden; cursor:pointer; position:relative;}
.sideMen>h3 b{ display:block; float:left; margin:15px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.sideMen>h3 em{ display:block; height:16px; width:16px; position:absolute; right:30px; top:50%; margin-top:-8px; background-image:url(../images/arrow.png); background-position:right center; background-repeat:no-repeat;}
.sideMen>ul{ overflow:hidden; background-color:#fff; display:none; border:1px solid #305dc3; border-top:none; box-sizing:border-box; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.sideMen>ul>li{ display:block; overflow:hidden; padding:20px 30px;}
.sideMen>ul>li:nth-child(2n){ background-color:#f7f7f7;}
.sideMen>ul>li .tou{ width:100%; display:flex; align-items:center;}
.sideMen>ul>li .tou .download{ width:40px; display:block;}
.sideMen>ul>li .tou p{ display:block; margin:0 20px; width:calc(100% - 200px);}
.sideMen>ul>li .tou p b{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; vertical-align:middle;}
.sideMen>ul>li .tou p span{ width:72px; font-size:14px; line-height:24px; color:#666; display:block; overflow:hidden; cursor:pointer;}
.sideMen>ul>li .tou p span em{ display:block; width:10px; height:5px; vertical-align:middle; background-image:url(../images/xiala_x.png); background-position:center; background-repeat:no-repeat; float:right; margin:10px 0; float:right;}
.sideMen>ul>li .tou a{ width:120px; height:40px; text-align:center; font-size:16px; line-height:40px; border-radius:5px; background-color:#333; color:#fff; display:block;}
.sideMen>ul>li .tou a:hover{ background-color:#305dc3;}
.sideMen>ul>li .nei{ width:100%; font-size:14px; line-height:24px; padding-top:10px; display:none; margin-top:20px; border-top:1px solid #ddd;}
.sideMen>ul>li.cur .nei{ display:block;}
.sideMen>ul>li.cur .tou p span em{ background-image:url(../images/xiala_s.png);}
.sideMen.active h3 em{ background-position:left center;}
.sideMen.active>ul{ display:block; padding:30px;}
.sideMen>ul>p{ display:block; margin:10px 0;}
.sideMen>ul img{ max-width:100%; height:auto !important;}
.sideMen>ul table{ width:100% !important; max-width:100% !important; border:none !important; border-collapse:collapse !important; background-color:#fff !important;}
.sideMen>ul table th{ border:1px solid #cacaca !important; background-color:#f7f7f7 !important; padding:5px !important; word-break:normal !important}
.sideMen>ul table td{ border:1px solid #cacaca !important; background-color:#fff !important; padding:5px !important; word-break:normal !important;}
.sideMen>ul table img{ max-width:100% !important;}
.sideMen:nth-child(2) table{ margin:-5px !important; width:calc(100% + 10px) !important; max-width:calc(100% + 10px) !important;}
.sideMen:nth-child(2) table th,.sideMen:nth-child(2) table td{ border:none !important;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sideMen{ width:100%; overflow:hidden; border-radius:10px; overflow:hidden; margin-top:25px;}
.sideMen>h3{ font-size:18px; height:28px; line-height:28px; padding:10px 20px; background-color:#305dc3; color:#fff; display:block; overflow:hidden; position:relative;}
.sideMen>h3 b{ display:block; float:left; margin:9px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.sideMen>h3 em{ display:block; height:16px; width:16px; position:absolute; right:20px; top:50%; margin-top:-8px; background-image:url(../images/arrow.png); background-position:right center; background-repeat:no-repeat;}
.sideMen>ul{ overflow:hidden; background-color:#fff; display:none; border:1px solid #305dc3; border-top:none; box-sizing:border-box; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.sideMen>ul>li{ display:block; overflow:hidden; padding:15px 20px;}
.sideMen>ul>li:nth-child(2n){ background-color:#f7f7f7;}
.sideMen>ul>li .tou{ width:100%; display:flex; align-items:center;}
.sideMen>ul>li .tou .download{ width:40px; display:block;}
.sideMen>ul>li .tou p{ display:block; margin:0 15px; width:calc(100% - 190px);}
.sideMen>ul>li .tou p b{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; vertical-align:middle;}
.sideMen>ul>li .tou p span{ width:72px; font-size:14px; line-height:24px; color:#666; display:block; overflow:hidden; cursor:pointer;}
.sideMen>ul>li .tou p span em{ display:block; width:10px; height:5px; vertical-align:middle; background-image:url(../images/xiala_x.png); background-position:center; background-repeat:no-repeat; float:right; margin:10px 0; float:right;}
.sideMen>ul>li .tou a{ width:120px; height:36px; text-align:center; font-size:16px; line-height:36px; border-radius:5px; background-color:#333; color:#fff; display:block;}
.sideMen>ul>li .tou a:hover{ background-color:#305dc3;}
.sideMen>ul>li .nei{ width:100%; font-size:14px; line-height:24px; padding-top:5px; display:none; margin-top:15px; border-top:1px solid #ddd;}
.sideMen>ul>li.cur .nei{ display:block;}
.sideMen>ul>li.cur .tou p span em{ background-image:url(../images/xiala_s.png);}
.sideMen.active>h3 em{ background-position:left center;}
.sideMen.active>ul{ display:block; padding:20px;}
.sideMen>ul img{ max-width:100%; height:auto !important;}
.sideMen>ul>p{ display:block; margin:7px 0;}
.sideMen>ul table{ width:100% !important; max-width:100% !important; border:none !important; border-collapse:collapse !important; background-color:#fff !important;}
.sideMen>ul table th{ border:1px solid #cacaca !important; background-color:#f7f7f7 !important; padding:5px !important; word-break:normal !important}
.sideMen>ul table td{ border:1px solid #cacaca !important; background-color:#fff !important; padding:5px !important; word-break:normal !important}
.sideMen>ul table img{ max-width:100% !important;}
.sideMen:nth-child(2) table{ margin:-5px !important; width:calc(100% + 10px) !important; max-width:calc(100% + 10px) !important;}
.sideMen:nth-child(2) table th,.sideMen:nth-child(2) table td{ border:none !important;}
}
@media only screen and (max-width:768px){
.sideMen{ width:100%; overflow:hidden; border-radius:5px; overflow:hidden; margin-top:15px;}
.sideMen>h3{ font-size:16px; height:26px; line-height:26px; padding:5px 15px; background-color:#305dc3; color:#fff; display:block; overflow:hidden; position:relative;}
.sideMen>h3 b{ display:block; float:left; margin:9px 10px; margin-left:0; width:10px; height:10px; border-radius:100%; overflow:hidden; background-color:#fff;}
.sideMen>h3 em{ display:block; height:16px; width:16px; position:absolute; right:15px; top:50%; margin-top:-8px; background-image:url(../images/arrow.png); background-position:right center; background-repeat:no-repeat;}
.sideMen>ul{ overflow:hidden; background-color:#fff; display:none; border:1px solid #305dc3; border-top:none; box-sizing:border-box; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.sideMen>ul>li{ display:block; overflow:hidden; padding:10px;}
.sideMen>ul>li:nth-child(2n){ background-color:#f7f7f7;}
.sideMen>ul>li .tou{ width:100%; display:flex; align-items:center;}
.sideMen>ul>li .tou .download{ width:40px; display:block;}
.sideMen>ul>li .tou p{ display:block; margin:0 10px; width:calc(100% - 140px);}
.sideMen>ul>li .tou p b{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; vertical-align:middle;}
.sideMen>ul>li .tou p span{ width:72px; font-size:14px; line-height:24px; color:#666; display:block; overflow:hidden; cursor:pointer;}
.sideMen>ul>li .tou p span em{ display:block; width:10px; height:5px; vertical-align:middle; background-image:url(../images/xiala_x.png); background-position:center; background-repeat:no-repeat; float:right; margin:10px 0; float:right;}
.sideMen>ul>li .tou a{ width:80px; height:30px; text-align:center; font-size:14px; line-height:30px; border-radius:5px; background-color:#333; color:#fff; display:block;}
.sideMen>ul>li .tou a:hover{ background-color:#305dc3;}
.sideMen>ul>li .nei{ width:100%; font-size:14px; line-height:24px; display:none; padding-top:5px; margin-top:10px; border-top:1px solid #ddd;}
.sideMen>ul>li.cur .nei{ display:block;}
.sideMen>ul>li.cur .tou p span em{ background-image:url(../images/xiala_s.png);}
.sideMen.active>h3 em{ background-position:left center;}
.sideMen.active>ul{ display:block; padding:10px;}
.sideMen>ul>p{ display:block; margin:5px 0;}
.sideMen>ul img{ max-width:100%; height:auto !important; text-align:center; vertical-align:middle;}
.sideMen>ul table{ width:100% !important; max-width:100% !important; border:none !important; border-collapse:collapse !important; background-color:#fff !important;}
.sideMen>ul table th{ border:1px solid #cacaca !important; background-color:#f7f7f7 !important; padding:5px !important; word-break:normal !important}
.sideMen>ul table td{ border:1px solid #cacaca !important; background-color:#fff !important; padding:5px !important; word-break:normal !important}
.sideMen>ul table img{ max-width:100% !important;}
.sideMen:nth-child(2) table{ margin:-5px !important; width:calc(100% + 10px) !important; max-width:calc(100% + 10px) !important;}
.sideMen:nth-child(2) table th,.sideMen:nth-child(2) table td{ border:none !important;}
}
.sideMen:nth-child(3)>ul table .firstRow td{ background-color:#ccc !important; color:#333 !important;}
.sideMen:nth-child(2) ul *{ color:#000;}

/*在线留言*/
@media screen and (min-width:1280px){
.cont .fw01{ width:1200px; margin:auto; position:relative; margin-top:25px;}
.fw01 .left01{ width:420px; min-height:335px; border-radius:10px; padding:45px 30px; padding-bottom:50px; background-color:#305dc3; float:left;}
.fw01 .left01 .f01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.fw01 .left01 .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:20px;}
.fw01 .left01 .f03{ margin-top:15px;}
.fw01 .left01 .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.fw01 .left01 .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.fw01 .left01 .f03 p strong img{ height:20px;}
.fw01 .left01 .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.fw01 .right01{ width:680px; float:right;}
.fw01 .right01 .f01{ width:300px; float:left; margin-left:40px; margin-bottom:20px;}
.fw01 .right01 .f01 span{ display:block; font-size:16px; line-height:34px; margin-bottom:6px;}
.fw01 .right01 .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.fw01 .right01 .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-color:transparent;}
.fw01 .right01 .f02{ width:640px; float:left; margin-left:40px; margin-bottom:30px;}
.fw01 .right01 .f02 span{ display:block; font-size:16px; line-height:34px; margin-bottom:6px;}
.fw01 .right01 .f02 p{ width:100%; box-sizing:border-box; display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.fw01 .right01 .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; background-color:transparent;}
.fw01 .right01 .f03{ width:640px; float:left; margin-left:40px;}
.fw01 .right01 .f03 a{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.fw01 .right01 .f03 a:hover{ background-color:#305dc3;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont .fw01{ width:100%; margin:auto; position:relative; margin-top:20px;}
.fw01 .left01{ width:35%; min-height:375px; border-radius:10px; padding:25px 20px; padding-bottom:30px; background-color:#305dc3; float:left; box-sizing:border-box;}
.fw01 .left01 .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.fw01 .left01 .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.fw01 .left01 .f03{ margin-top:10px;}
.fw01 .left01 .f03 p{ display:block; overflow:hidden; margin-top:15px;}
.fw01 .left01 .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.fw01 .left01 .f03 p strong img{ height:20px;}
.fw01 .left01 .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.fw01 .right01{ width:62%; float:right;}
.fw01 .right01 .f01{ width:47%; float:left; margin-left:3%; margin-bottom:15px;}
.fw01 .right01 .f01 span{ display:block; font-size:16px; line-height:26px; margin-bottom:5px;}
.fw01 .right01 .f01 p{ display:block; border-radius:5px; padding:0 15px; overflow:hidden; border:1px solid #ddd;}
.fw01 .right01 .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-color:transparent;}
.fw01 .right01 .f02{ width:97%; float:left; margin-left:3%; margin-bottom:20px;}
.fw01 .right01 .f02 span{ display:block; font-size:16px; line-height:26px; margin-bottom:5px;}
.fw01 .right01 .f02 p{ width:100%; box-sizing:border-box; display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.fw01 .right01 .f02 p textarea{ height:96px; font-size:14px; line-height:24px; padding:7px 15px; display:block; overflow:auto; width:100%; background-color:transparent;}
.fw01 .right01 .f03{ width:100%; float:left;}
.fw01 .right01 .f03 a{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.fw01 .right01 .f03 a:hover{ background-color:#305dc3;}
}
@media only screen and (max-width:768px){
.cont .fw01{ width:100%; margin:auto; position:relative; margin-top:15px;}
.fw01 .left01{ width:100%; border-radius:10px; padding:15px; padding-bottom:20px; background-color:#305dc3; float:left; box-sizing:border-box;}
.fw01 .left01 .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.fw01 .left01 .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.fw01 .left01 .f03{ margin-top:5px;}
.fw01 .left01 .f03 p{ display:block; overflow:hidden; margin-top:10px;}
.fw01 .left01 .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.fw01 .left01 .f03 p strong img{ height:20px;}
.fw01 .left01 .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.fw01 .right01{ width:100%; float:right; margin-top:20px;}
.fw01 .right01 .f01{ width:100%; float:left; margin-bottom:15px;}
.fw01 .right01 .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.fw01 .right01 .f01 p{ display:block; border-radius:5px; padding:0 9px; overflow:hidden; border:1px solid #ddd;}
.fw01 .right01 .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-color:transparent;}
.fw01 .right01 .f02{ width:100%; float:left; margin-bottom:15px;}
.fw01 .right01 .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.fw01 .right01 .f02 p{ width:100%; box-sizing:border-box; display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.fw01 .right01 .f02 p textarea{ height:72px; font-size:14px; line-height:24px; padding:5px 9px; display:block; overflow:auto; width:100%; background-color:transparent;}
.fw01 .right01 .f03{ width:100%; float:left;}
.fw01 .right01 .f03 a{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.fw01 .right01 .f03 a:hover{ background-color:#305dc3;}
}

/*招聘*/
@media screen and (min-width:1280px){
.cont .jtou{ width:1200px; margin:auto; position:relative; margin-top:25px; height:60px; line-height:60px; font-size:16px; padding:0 5%; background-color:#305dc3; box-sizing:border-box;}
.cont .jtou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.cont .jtou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.cont .jtou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.cont .job{ width:100%; padding:0 5%; box-sizing:border-box; margin:auto; padding-bottom:50px; background-color:#fff;}
.cont .job h3{ width:100%; display:block; font-weight:normal; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #ddd; overflow:hidden;}
.cont .job h3 span{ width:25%; display:block; float:left; text-align:left;}
.cont .job h3 p{ width:20%; min-height:1px; display:block; float:left; text-align:center;}
.cont .job h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.cont .job h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.png);}
.cont .job h3.on a{ color:#305dc3;}
.cont .job h3.on a b{ background-image:url(../images/xia01.png);}
.cont .job .conts{ padding:43px 5%; padding-top:40px; background-color:#f1f1f1; overflow:hidden;}
.cont .job .conts .c01{ width:100%; padding-bottom:20px; border-bottom:1px solid #cacaca; display:block;}
.cont .job .conts .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:36px; line-height:36px; font-size:16px; overflow:hidden;}
.cont .job .conts .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.cont .job .conts .c01 li span{ color:#999;}
.cont .job .conts .c02{ width:100%; padding-top:25px; display:block;}
.cont .job .conts .c02 dl{ width:100%; display:block; float:left; overflow:hidden;}
.cont .job .conts .c02 dl dt{ display:block; height:30px; line-height:30px; font-size:20px; overflow:hidden; color:#305dc3; margin-bottom:8px;}
.cont .job .conts .c02 dl dd{ display:block; overflow:hidden; font-size:16px; line-height:30px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont .jtou{ width:94%; height:50px; line-height:50px; font-size:14px; padding:0 3%; background-color:#305dc3; margin-top:20px;}
.cont .jtou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.cont .jtou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.cont .jtou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.cont .job{ width:100%; padding:0 3%; box-sizing:border-box; margin:auto; padding-bottom:40px; background-color:#fff;}
.cont .job h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd; overflow:hidden;}
.cont .job h3 span{ width:25%; display:block; float:left; text-align:left;}
.cont .job h3 p{ width:20%; min-height:1px; display:block; float:left; text-align:center;}
.cont .job h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.cont .job h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.png);}
.cont .job h3.on a{ color:#305dc3;}
.cont .job h3.on a b{ background-image:url(../images/xia01.png);}
.cont .job .conts{ padding:22px 3%; padding-top:22px; background-color:#f1f1f1; overflow:hidden;}
.cont .job .conts .c01{ width:100%; padding-bottom:12px; border-bottom:1px solid #cacaca; display:block;}
.cont .job .conts .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.cont .job .conts .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.cont .job .conts .c01 li span{ color:#999;}
.cont .job .conts .c02{ width:100%; padding-top:15px; display:block;}
.cont .job .conts .c02 dl{ width:100%; display:block; float:left; overflow:hidden;}
.cont .job .conts .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:15px; overflow:hidden; color:#305dc3;}
.cont .job .conts .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:30px;}
}
@media only screen and (max-width:768px){
.cont .jtou{ width:94%; height:40px; display:flex; align-items:center; line-height:18px; font-size:14px; padding:0 3%; background-color:#305dc3; margin-top:15px;}
.cont .jtou span{ color:#fff; width:calc(100% - 240px); display:block; float:left; text-align:center;}
.cont .jtou p{ color:#fff; width:90px; display:block; float:left; text-align:center;}
.cont .jtou p:nth-child(3),.cont .jtou p:nth-child(4){ width:40px;}
.cont .jtou a{ color:#fff; width:70px; display:block; float:left; text-align:center;}
.cont .job{ width:100%; padding:0 3%; box-sizing:border-box; margin:auto; padding-bottom:20px; background-color:#fff;}
.cont .job h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd; overflow:hidden;}
.cont .job h3 span{ width:calc(100% - 240px); display:block; float:left; text-align:left;}
.cont .job h3 p{ width:90px; min-height:1px; display:block; float:left; text-align:center;}
.cont .job h3 p:nth-child(3),.cont .job h3 p:nth-child(4){ width:40px;}
.cont .job h3 a{ width:70px; display:flex; align-items:center; float:left; justify-content:center;}
.cont .job h3 a b{ display:none;}
.cont .job h3.on a{ color:#305dc3;}
.cont .job h3.on a b{ background-image:url(../images/xia01.png);}
.cont .job .conts{ padding:15px 3%; padding-top:15px; background-color:#f1f1f1; overflow:hidden;}
.cont .job .conts .c01{ width:100%; padding-bottom:5px; border-bottom:1px solid #cacaca; display:block;}
.cont .job .conts .c01 li{ width:48.5%; margin-left:3%; display:block; float:left; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.cont .job .conts .c01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cont .job .conts .c01 li span{ color:#999;}
.cont .job .conts .c02{ width:100%; display:block; margin-top:5px;}
.cont .job .conts .c02 dl{ width:100%; display:block; float:left; overflow:hidden; padding-top:5px;}
.cont .job .conts .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cont .job .conts .c02 dl dt{ display:block; height:26px; line-height:26px; font-size:14px; overflow:hidden; color:#305dc3;}
.cont .job .conts .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}