@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 750px) {html{font-size:117.1875px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) {html{font-size:125px;}}
@media screen and (min-width: 960px) {html{font-size:150px;}}
@font-face {font-family:"思源黑体"; src:url(/skins/SourceHanSansCN-Regular.woff);}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,button,input,textarea,th,td,table,a,em,span,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
/*body,button,input,select,textarea{ font-family: Helvetica, Arial, "思源黑体"; outline:none;}*/
body,button,input,select,textarea{ font-family: Arial,sans-serif; outline:none;}
h1,h2,h3,h4,h5,h6,select{ font-weight:normal; font-style:normal;}
em,i{ font-style:normal;}
ul,li{list-style:none;}
input,select,img{ border:none; vertical-align:middle;}
html{ overflow-y:scroll;}
p{word-wrap:break-word}
a{text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a span,a em{ cursor:pointer;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
.textl{ text-align:left;}
.textc{ text-align:center;}
.textr{ text-align:right;}
input{-webkit-appearance: none; border:none; border-radius:0; background:none;}
/*::-webkit-scrollbar { width: 0 !important }*/
*{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
body{ padding-top:120px;}
.anchorBL{ display:none; }
.center{ width:1200px; margin:auto;}
.header{ position:fixed; left:0; top:0; width:100%; text-align:center; height:120px; background:#fff; z-index:999;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);}
.logo1{ position:absolute; left:40px; top:0; height:100%;}
.logo1 img{ display:none;}
.logo1 img:first-child{ display:block; height:100%;}
.logo2,.nav{ display:none;}
.head_nav_content{ white-space:nowrap; font-size:20px;}
.head_nav{ display:inline-block; position:relative;}
.head_nav>a{ display:block; font-size:20px; text-align:center; color:#333; font-weight:bold; line-height:120px; height:120px;}
.head_nav>a span{ display:inline-block; height:100%; padding:0 20px;}
.head_nav:hover span{ border-bottom:solid 2px #0062a2;}
.head_nav>ul{ position:absolute; top:120px; left:50%; padding:18px 40px 14px; width:200px; margin-left:-100px; background:#f2f2f2; display:none; text-align:left;}
.head_nav:nth-child(2)>ul{width:244px;}
.head_nav>ul li{ width:160px; font-size:16px; line-height:32px;}
.head_nav>ul li a{ color:#333;}
#nav{ position:fixed; left:0; right:0;padding:0 40px;  top:120px; background:#f2f2f2;  text-align:left; display:none;}
#nav ul{ padding:20px 40px;}
#nav ul li{ width:20%; float:left; padding-right:10px;}
#nav ul li h1{ font-size:16px; line-height:30px; height:30px; overflow:hidden;margin-top:20px;}
#nav ul li:nth-child(-n+2) h1{margin-top:14px;}
#nav ul li:nth-child(3) h1{margin-top:10px;}
#nav ul li h1:first-child{margin-top:0}
#nav ul li div{ font-size:16px; line-height:28px; height:28px; overflow:hidden;}
#nav ul li h1 a{ color:#333; font-weight:bold;}
#nav ul li div a{ color:#666;}
#nav ul li a:hover,.head_nav>ul li a:hover{ color:#0062a2;}
.head_right{ position:absolute; right:0; top:0; bottom:0;}
.menu{ display:none;}
.tel{ float:right; margin-right:40px; height:100%;}
.tel img{ display:block; height:100%;}
.search{ float:right; padding:0 40px 0 35px; background:url(/skins/images/search.png) no-repeat left center; line-height:120px; height:120px; font-size:16px; color:#333; cursor:pointer;}
.result_k{ position:fixed; right:0; top:120px; background:#fff; z-index:999; padding:10px 40px; display:none;}
.result_k input[type="text"]{ width:240px; height:40px; border:solid 1px #ddd; border-right:none; float:left; border-top-left-radius:5px; border-bottom-left-radius:5px; font-size:16px; color:#666; padding:0 10px;}
.result_k input[type="submit"]{ background:#0062a2; width:80px; height:40px; float:left; border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:16px; color:#fff; cursor:pointer;}
.banner{ width:100%; height:0; padding-bottom:33.85%; position:relative;}
.banner .swiper-container{position:absolute; left:0; top:0;overflow:hidden;z-index:1;width:100%; height:100%;}
.banner .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.banner .swiper-slide{float:left;width:100%;}
.banner .swiper-slide a,.banner .swiper-slide a img{ display:block;width:100%;}
.banner .pagination{ position:absolute; z-index:100; width:100%; line-height:20px; left:0; text-align:center; bottom:40px; font-size:14px;}
.banner .pagination .swiper-pagination-switch{display:inline-block; width:20px; height:20px; border-radius:50%; margin:0 10px;cursor:pointer; background:rgba(22, 131, 150,0.5); position:relative;}
.banner .pagination .swiper-active-switch:after{ content:""; position:absolute; left:5px;top:5px;width:10px; height:10px; border-radius:50%; background:rgba(22, 131, 150,1);}
.about{ padding-top:100px;}
.about>div{ width:50%; height:400px;}
.about .floatl{ position:relative; padding:102px 60px 74px 0;}
.about .floatl .bt{ position:absolute; left:0; top:0; font-size:30px; color:#333; font-weight:bold;}
.about .floatl .bt span{ display:block; font-size:60px; line-height:46px;}
.about .floatl .bt em{ display:block; line-height:56px;}
.about .floatl .zy{ height:100%; position:relative;}
.about .floatl .zy div{ position:absolute; left:0; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%); font-size:16px; line-height:28px; color:#666;}
.more{ display:block; padding-left:15px; width:140px; height:40px; color:#fff; font-size:14px; line-height:40px; text-transform:uppercase; background:url(/skins/images/more_pc.png) no-repeat right center #0062a2; border-radius:4px;}
.about .floatl .more{ position:absolute; left:0; bottom:0;}
.about .floatr a{ display:block; width:100%; height:100%; border-radius:16px; overflow:hidden;}
.about .floatr a img{ display:block; width:100%; height:100%;}
.title{ position:relative; padding:120px 0 44px; height:270px; font-size:30px; text-align:center; color:#333; font-weight:bold;}
.title span{ display:block; font-size:60px; line-height:46px;}
.title em{ display:block; line-height:60px;}
.title:before{ content:""; position:absolute; left:0; top:120px; height:31px; border-bottom:dashed 1px #e5e5e5; width:460px;}
.title:after{ content:""; position:absolute; right:0; top:120px; height:31px; border-bottom:dashed 1px #e5e5e5; width:460px;}
.solution li{ float:left; width:20.83%; margin-left:2.08%; transition:width 0.3s linear; -moz-transition:width 0.3s linear;-o-transition:width 0.3s linear;-webkit-transition:width 0.3s linear;}
.solution li:first-child{ margin-left:0;}
.solution li.cur{ width:31.27%;}
.solution li a{ display:block; font-size:16px; overflow:hidden; border-radius:16px;}
.solution li a>span{ display:block; background-position:center center; background-repeat:no-repeat; background-size:cover;height:20.83vw;}
.solution li a>em{ display:block; padding:12px 20px 20px; height:120px;}
.solution li a>em span{ display:block; font-size:18px; line-height:36px; height:36px; overflow:hidden; color:#333; font-weight:bold;}
.solution li a>em em{ display:block; line-height:26px; height:52px; overflow:hidden; color:#666;}
.solution li.cur a>em{ background:#0062a2;}
.solution li.cur a>em span,.solution li.cur a>em em{ color:#fff;}
.news{ width:1200px; margin:auto; height:400px;}
.news>div{ width:50%;}
.news .floatl{ padding-right:60px;}
.news .floatl .img{ display:block; width:540px; height:180px; border-radius:16px; overflow:hidden;}
.news .floatl .img img{ display:block; width:100%; height:100%;}
.news .floatl .bt{ margin-top:16px; height:48px; line-height:48px; font-size:14px;color:#999;overflow:hidden;}
.news .floatl .bt a{ float:left; max-width:460px; color:#333; font-weight:bold; font-size:20px;}
.news .floatl .bt span{ float:right; background:url(/skins/images/Clock.png) no-repeat left center; padding-left:20px;}
.news .floatl .zy{ font-size:14px; line-height:24px; color:#666; height:72px; overflow:hidden; margin-bottom:44px;}
.news .floatr{ position:relative;}
.news .floatr:before{ content:""; position:absolute; height:360px; top:20px; left:0; width:32px; border-right:dashed 1px #e5e5e5;}
.news .floatr ul{ position:relative; z-index:1;}
.news .floatr ul li{ position:relative; padding-left:120px; height:120px; margin-top:20px;}
.news .floatr ul li:first-child{ margin-top:0;}
.news .floatr ul li a{ display:block; width:100%; height:100%; font-size:14px; line-height:24px; padding:0 20px;}
.news .floatr ul li a span{ display:block; padding-top:6px; line-height:48px; height:54px; overflow:hidden; font-size:20px; color:#333; font-weight:bold;}
.news .floatr ul li a em{ display:block; height:48px; overflow:hidden; color:#666;}
@media screen and (min-width: 1025px) {
.news .floatr ul li a:hover{ background:#0062a2; border-radius:12px;}
.news .floatr ul li a:hover span,.news .floatr ul li a:hover em{ color:#fff;}
}
.news .floatr ul li div{ position:absolute; left:0; top:20px; height:80px; line-height:80px; font-size:24px; font-weight:bold; color:#333; background:#fff;}
.product li{ width:16.66%; float:left; background:#fff;}
.product li:first-child{ width:33.33%; background:#0062a2;}
.product li:nth-child(2),.product li:nth-child(4),.product li:nth-child(7),.product li:nth-child(9){ background:#cce0ec;}
.product li div{ width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.product li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.product li a em{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.product li a span{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); text-align:center; height:60px; line-height:60px; overflow:hidden; transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;-webkit-transition:all 0.35s; transform:rotatex(90deg);-moz-transform:rotatex(90deg);-o-transform:rotatex(90deg);-webkit-transform:rotatex(90deg); transform-origin:center bottom;-moz-transform-origin:center bottom;-o-transform-origin:center bottom;-webkit-transform-origin:center bottom; font-size:16px; color:#fff;}
.product li a:hover span{transform:rotatex(0deg);-moz-transform:rotatex(0deg);-o-transform:rotatex(0deg);-webkit-transform:rotatex(0deg);}
.dl{ margin:-50px auto 0; line-height:24px; font-size:14px; color:#999; text-align:center; width:940px; padding-bottom:35px;}
.cpdl li{ width:20%; float:left; border-right:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8;}
.cpdl li:nth-child(5n+1){ border-left:solid 1px #e8e8e8;}
.cpdl li:nth-child(-n+5){ border-top:solid 1px #e8e8e8;}
.cpdl li div{ width:100%; height:0; padding-bottom:75%; position:relative;}
.cpdl li div a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;-webkit-transition:all 0.35s; border:solid 0px #f8f8f8; cursor:pointer;}
.cpdl li div:hover a{ border-width:9px;}
.footer{ margin-top:100px; background:#222; font-size:14px;}
.footer .center .floatl{ width:320px; height:476px; padding:0 20px; background:rgba(255,255,255,0.05);}
.foot_logo{ padding:40px 0 18px;}
.foot_logo img{ display:block; margin:auto; height:50px;}
.footer .text{ font-size:12px; line-height:18px; color:#999; margin-bottom:56px;}
.footer .ewm div{ width:50%; padding:0 10px; float:left;}
.footer .ewm div img{ display:block; width:100%;}
.footer .ewm div span{ display:block; line-height:20px; color:#fff; text-align:center; padding:10px 0;}
.footer .copyright{ text-align:center; color:#666; margin-top:50px; line-height:24px;}
.foot_nav{ width:880px; padding:26px 0 0 65px;}
.foot_nav li{ width:160px; float:left;}
.foot_nav li:nth-child(2){width:176px;}
.foot_nav li:last-child{width:144px;}
.foot_nav li h1{ font-size:16px; height:44px; line-height:44px;}
.foot_nav li h1 a{ color:#fff;}
.foot_nav li div{ height:26px; line-height:26px;overflow:hidden;}
.foot_nav li div a{ color:#999;}
.foot_nav li div a:hover{ color:#0062a2;}
.footer_wap,.telphone,.btm,.cpfl_bg{ display:none;}
.po{ padding:30px 0 40px; line-height:24px; font-size:14px; color:#333;}
.po a{ color:#333;}
.po a:hover{ color:#0062a2;}
.solution_list{ min-height:300px;}
.solution_list li{ float:left; width:384px; margin:0 0 40px 24px;}
.solution_list li:nth-child(3n+1){ margin-left:0 !important;}
.solution_list li a{ display:block; font-size:16px; overflow:hidden; border-radius:16px;}
.solution_list li a>span{ display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; height:256px;}
.solution_list li a>em{ display:block; padding:12px 20px 20px; height:120px; transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;}
.solution_list li a>em span{ display:block; font-size:18px; line-height:36px; height:36px; overflow:hidden; color:#333; font-weight:bold; transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;}
.solution_list li a>em em{ display:block; line-height:26px; height:52px; overflow:hidden; color:#666; transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;}
.solution_list li:hover a>em{ background:#0062a2;}
.solution_list li:hover a>em span,.solution_list li:hover a>em em{ color:#fff;}
.page{ text-align:center; font-size:16px;}
.page span,.page a{ display:inline-block; width:40px; height:40px; line-height:40px; color:#333; border-radius:4px; background:#e5e5e5; margin:0 6px;}
.page .current{ color:#fff; background:#0062a2;}
.news_list { font-size:14px; line-height:24px; margin-bottom:40px;}
.news_list li{ border-bottom:dashed 1px #e5e5e5; height:200px; margin-top:40px;}
.news_list li:first-child{ margin-top:0;}
.news_list li a{ display:block; height:100%; color:#666;}
.news_list li a .floatl{ width:960px;}
.news_list li a .floatl .time{ display:block; font-size:16px; line-height:16px; height:16px;}
.news_list li a .floatl .zx_title{ display:block; margin:25px 0 30px; line-height:32px; height:32px; overflow:hidden; font-size:24px; color:#333; font-weight:bold;}
.news_list li a .floatl .zx_zy{ display:block; height:48px; overflow:hidden;}
.news_list li a .floatr{ padding-right:36px; margin-top:65px; height:30px; line-height:30px; font-size:16px; background:url(/skins/images/JT.png) no-repeat right 0px;}
.news_list li a:hover .floatr{ background-position:right -30px; color:#0062a2;}
.noMore{ text-align:center; line-height:40px; font-size:14px; color:#666;visibility:hidden;}
.noMore.active{ visibility:visible;}
.content{ min-height:400px; color:#333;}
.content .con_title{ font-size:30px; line-height:40px; margin-top:-5px; font-weight:bold;}
.content .con_time{ font-size:14px; margin:28px 0;}
.content .con_nr{ font-size:16px; line-height:26px;}
.content .con_nr img{ display:block; margin:32px auto; max-width:100%;}
.cp_ts{ height:44px; font-size:16px; line-height:16px; color:#333;}
.cp_search{ font-size:16px; margin-bottom:24px;}
.cp_search input[type="text"]{ float:left; width:960px; height:48px; border:solid 1px #ddd; border-right:none; padding:0 24px; color:#666; border-top-left-radius:8px; border-bottom-left-radius:8px; font-size:16px;}
.cp_search input[type="submit"]{ float:right; width:240px; height:48px; border-top-right-radius:8px; border-bottom-right-radius:8px; color:#fff; background:#0062a2; font-size:16px;cursor:pointer;}
.sc_list{ font-size:14px; line-height:24px; color:#333;}
.sc_list li{ height:88px; border-bottom:dashed 1px #e5e5e5;}
.sc_list .sc_title{ padding:6px 0 5px; line-height:40px;}
.sc_list .sc_title a{ color:#0062a2; font-size:20px; font-weight:bold;}
.jj{ font-size:16px; line-height:26px; color:#666;}
.jj img{ width:100%; display:block;}
.jj.zz img{ width:auto;max-width:100%;margin:auto;}
.contact>div{ width:50%; float:left;}
.contact>div:first-child{ padding-right:40px;}
.contact>div .kf{ font-size:20px; line-height:40px; color:#333; height:240px; padding-top:20px;}
.contact>div .xx li{ height:140px; border-bottom:dashed 1px #e5e5e5; padding-top:13px; font-size:16px; line-height:30px;}
.contact>div .xx li h1{ font-size:20px; line-height:44px; height:44px; color:#333; font-weight:bold;}
.contact>div .xx li div{ height:30px; overflow:hidden;}
.contact>div .ewm{ height:240px;}
.contact>div .ewm div{ float:right; margin-left:20px;}
.contact>div .ewm div img{ display:block; width:160px; height:160px;}
.contact>div .ewm div span{ display:block; line-height:26px; padding:10px 0; font-size:16px; color:#333; text-align:center;}
.contact>div .map{ width:600px; height:560px; border:solid 1px #ccc;font-size:12px;}
.contact>div .map *{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.lookMap{ display:none;}
.grey{ background:#f2f2f2;}
.product_list{ padding:0 40px;}
.product_list .floatl{ width:340px; padding:40px 40px 0 0;}
.product_list .floatl>ul{ padding:13px 0 13px 30px; background:#e8e8e8;}
.product_list .floatl .tab_1{ font-size:14px; line-height:24px;}
.product_list .floatl .tab_1>h1{ height:48px; font-size:18px;}
.product_list .floatl .tab_1>h1 a{ float:left; color:#333; font-weight:bold; font-size:18px; line-height:48px;}
.product_list .floatl .tab_1>h1 span{ float:right; width:56px; height:48px; cursor:pointer; background:url(/skins/images/tab1.png) no-repeat center 0px;}
.product_list .floatl .tab_1>h1.current span{ background-position:center -48px;}
.product_list .floatl .tab_2,.product_list .floatl .tab_1 ul{ display:none;}
.product_list .floatl .tab_2{ font-size:14px; line-height:24px;}
.product_list .floatl .tab_2 h1{ height:24px;}
.product_list .floatl .tab_2 h1 a{ float:left; font-size:14px; line-height:24px; color:#333; font-weight:bold;}
.product_list .floatl .tab_2 h1 span{ float:right; width:56px; height:24px; cursor:pointer; background:url(/skins/images/tab2.png) no-repeat center 0px;}
.product_list .floatl .tab_2 h1.current span{ background-position:center -24px;}
.product_list .floatl .tab_1 ul{ padding:5px 0 8px;}
.product_list .floatl .tab_1 ul li{ height:24px; overflow:hidden;}
.product_list .floatl .tab_1 ul li a{ display:block; color:#333;}
.product_list .floatl .tab_1 ul li.curs a,.product_list .floatl .tab_1 ul li.zk a{ color:#0062a2;}
.product_list .floatr{ width:calc(100% - 340px);}
.product_list .floatr h1{ font-size:30px; line-height:110px; height:110px; font-weight:bold; color:#333;}
.product_list .floatr ul{ width:calc(100% + 20px); margin-left:-10px;}
.product_list .floatr li{ width:25%; padding:0 10px 16px; float:left;}
.product_list .floatr li a{ display:block; width:100%;}
.product_list .floatr li a span{ display:block; width:100%; height:0; padding-bottom:100%; background-position:center center; background-repeat:no-repeat; background-color:#fff; background-size:cover;}
.product_list .floatr li a em{ display:block; height:64px; font-size:16px; line-height:24px; padding-top:16px; color:#666; overflow:hidden;}
.product_list .floatr li a:hover span{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.fl{ display:none;}
.zu{ position:fixed; right:20px; top:50%; margin-top:-160px; background:#f8f8f8; width:80px;z-index:10;}
.zu>div{ height:80px; border:solid 1px #ddd; position:relative; margin-top:-1px;}
.zu>div:first-child{ border-top:solid 1px #ddd; margin-top:0;}
.zu>div>a{ display:block; width:100%; height:100%; padding-top:18px; background-position:center center; background-repeat:no-repeat;}
.zu>div>a span{ display:block; width:24px; height:24px; margin:auto; background-position:center 0px; background-repeat:no-repeat;}
.zu>div>a em{ display:block; font-size:14px; color:#333; line-height:30px; text-align:center;}
.zu>div.active{ background:#0062a2; border-color:#0062a2; z-index:1;}
.zu>div.active>a span{ background-position:center -24px;}
.zu>div.active>a em{ color:#fff;}
.zu>div div{ position:absolute; right:79px; top:-1px; width:0; color:#fff; background:#0062a2; font-size:14px; line-height:34px; overflow:hidden; height:128px; transition:width 0.25s;-moz-transition:width 0.25s;-o-transition:width 0.25s;-webkit-transition:width 0.25s;}
.zu>div div.active{ width:440px;}
.zu>div div ul{ width:440px; height:100%;}
.zu>div div ul li{ width:120px; height:100%; border-left:solid 1px #3381b5; text-align:center; padding-top:10px; float:left;}
.zu>div div ul li:first-child{ border-left:none;}
.zu>div div ul li:nth-child(2){ width:200px;}
.zu>div div ul li span{ display:block; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin:auto;}
.zu>div div ul li em{ display:block;}
.cp_con_img .cp_img{ padding-bottom:40px;}
.cp_con_img .left{ float:left; width:480px;}
.preview{width:480px; position:relative;}
#imageMenu {height:80px; overflow:hidden; width:440px; margin:16px auto 0;}
#imageMenu li {height:80px; width:80px; overflow:hidden; float:left; margin:0 4px;}
#imageMenu li img{ display:block; width:100%; height:100%;cursor:pointer; border:solid 1px #ddd;}
#imageMenu li#onlickImg img,#imageMenu li:hover img{ border:2px solid #0062a2;}
.bigImg{position:relative; width:480px; height:480px; overflow:hidden; border:solid 1px #ddd;}
.bigImg #midimg{width:478px; height:478px;}
.bigImg #winSelector{width:240px; height:240px; display:none;}
#winSelector{position:absolute; cursor:move; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView{position:absolute;border: 1px solid #ddd; overflow: hidden; z-index:996; left:520px; top:0; display:none;background:#fff;}
#bigView img{position:absolute; width:958px; height:958px;}
#bigView iframe{display:none !important;}
.fdj{ width:40px; height:40px; z-index:1; position:absolute; right:0; bottom:0; background:url(/skins/images/fdj.png) no-repeat center center;}
.cp_con_img .right{ width:720px; padding-left:56px; float:left; font-size:16px; line-height:30px; color:#333;}
.cp_con_img .right .nr_title{ font-size:30px; line-height:40px; font-weight:bold; margin-top:-5px; margin-bottom:20px;}
.cp_con_img .right .sub{ font-size:18px; font-weight:bold; line-height:44px;}
.cp_con_img .downLoad{ padding-top:25px;}
.cp_con_img .downLoad a{ padding-left:20px; background:url(/skins/images/Book.png) no-repeat left center; float:left; margin-right:40px; height:30px; color:#0062a2; font-weight:bold;}
.con_tab{ margin-bottom:40px;}
.con_tab span,.con_tab a{ float:left; font-size:16px; height:40px; width:160px; line-height:40px; text-align:center; color:#fff; background:#ccc; border-top-left-radius:6px; border-top-right-radius:6px; margin-right:10px; cursor:pointer;}
.con_tab span.active,.con_tab span:hover,.con_tab a.active,.con_tab a:hover{ background:#0062a2;}
.cp_content{ min-height:100px; font-size:16px; line-height:24px; color:#333;}
.cp_content div{ display:none;}
.cp_content div.active{ display:block;}
.xg_title{ font-size:24px; line-height:40px; padding:24px 0 32px; color:#333; font-weight:bold;}
.xg_list{ overflow:hidden;}
.xg_list ul{ width:1240px; margin-left:-20px;}
.xg_list ul li{ width:25%; float:left; padding:0 20px; font-size:16px;}
.xg_list ul li a{ display:block; color:#333;}
.xg_list ul li a span{ display:block; width:100%; height:0; padding-bottom:100%; border:solid 1px #ddd; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.xg_list ul li a em{ display:block; line-height:24px; margin-top:15px;}
.cp_banner{ display:none;}
#pagehome,#pageend{ display:none;}
.search_result ul{width:1220px;margin-left:-10px;}
.search_result li{ width:20%; padding:0 10px 16px; float:left;}
.search_result li a{ display:block; width:100%;}
.search_result li a span{ display:block; width:100%; height:0; padding-bottom:100%; background-position:center center; background-repeat:no-repeat; background-color:#fff; background-size:cover;}
.search_result li a em{ display:block; height:64px; font-size:16px; line-height:24px; padding-top:16px; color:#666; overflow:hidden;}
.search_result li a:hover span{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.list li{ padding:40px 0; border-bottom:dashed 1px #e5e5e5;}
.list li:first-child{ padding-top:0;}
.list li>a{ width:240px; height:160px; overflow:hidden; border-radius:8px;}
.list li>a img{ display:block; width:100%; height:100%;}
.list li>div.floatl{ width:720px; margin-left:40px;}
.list li>div.floatl span{ display:block; height:40px; line-height:16px; font-size:16px; color:#666;}
.list li>div.floatl h1{ font-size:24px; font-weight:bold; height:32px; line-height:32px; margin-bottom:30px;}
.list li>div.floatl h1 a{ color:#333;}
.list li>div.floatl em{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
.list li>div.floatr{ padding-top:64px;}
.list li>div.floatr a{ display:block; padding-right:36px; height:30px; line-height:30px; font-size:16px; color:#333; background:url(/skins/images/JT.png) no-repeat right 0px;}
.list li>div.floatr a:hover{ background-position:right -30px; color:#0062a2;}

.jzyfw li{ border-top:dashed 1px #e5e5e5; padding:13px 0; font-size:16px; line-height:30px;}
.jzyfw li:first-child{border-top:none;}
.jzyfw li h1{ font-size:20px; line-height:44px; height:44px; color:#333; font-weight:bold;}
.ba{ text-align:center;}
.ba a{color:#666;line-height:24px;}
.hides,.search_div{display:none;}
.search_div:first-child{margin-top:-28px;}
.search_name{font-size:24px;line-height:80px;font-weight:bold;}
@media screen and (max-width: 1600px) {
	.center{ width:1000px;}
	body{ padding-top:100px;}
	.header{ height:100px;}
	.logo1{ left:30px;}
	.search{ padding-right:30px;}
	.tel{ margin-right:30px;}
	.head_nav>a{ line-height:100px; height:100px; font-size:18px;}
	.head_nav>a span{ padding:0 16px;}
	.head_nav>ul{ top:100px; padding:10px 26px; width:160px; margin-left:-80px;}
	.head_nav:nth-child(2)>ul{width:244px;}
	#nav{ top:100px;}
	.search{ line-height:100px; height:100px; font-size:14px; background-size:24px;}
	.result_k{ top:100px; padding:8px 30px;}
	.result_k input[type="text"]{ width:220px; height:36px; font-size:14px; padding:0 8px;}
	.result_k input[type="submit"]{ width:72px; height:36px; font-size:14px;}
	.banner .pagination{ line-height:16px; bottom:32px; font-size:14px;}
	.banner .pagination .swiper-pagination-switch{ width:16px; height:16px; margin:0 8px;}
	.banner .pagination .swiper-active-switch:after{ left:4px;top:4px;width:8px; height:8px;}
	.about{ padding-top:80px;}
	.about>div{ height:334px;}
	.about .floatl{ padding:85px 50px 60px 0;}
	.about .floatl .bt{ font-size:25px;}
	.about .floatl .bt span{ font-size:50px; line-height:38px;}
	.about .floatl .bt em{ line-height:46px;}
	.about .floatl .zy div{ font-size:14px; line-height:24px;}
	.more{ width:120px; height:36px; line-height:36px; border-radius:4px;}
	.about .floatr a{ border-radius:12px;}
	.title{ padding:100px 0 36px; height:224px; font-size:25px;}
	.title span{ display:block; font-size:50px; line-height:38px;}
	.title em{ display:block; line-height:50px;}
	.title:before,.title:after{ top:100px; height:23px; border-bottom:dashed 1px #e5e5e5; width:382px;}
	.solution li a{ font-size:14px; border-radius:14px;}
	.solution li a>em{ padding:10px 16px 16px; height:100px;}
	.solution li a>em span{ font-size:16px; line-height:30px; height:30px;}
	.solution li a>em em{ line-height:22px; height:44px;}
	.news{ width:1000px; height:348px;}
	.news .floatl{ padding-right:50px;}
	.news .floatl .img{ width:450px; height:150px; border-radius:14px;}
	.news .floatl .bt{ margin-top:14px; height:40px; line-height:40px;}
	.news .floatl .bt a{max-width:380px; font-size:18px;}
	.news .floatl .zy{ font-size:14px; line-height:24px; color:#666; height:72px; margin-bottom:36px;}
	.news .floatr:before{ height:308px; width:26px;}
	.news .floatr ul li{ padding-left:100px; height:108px; margin-top:12px;}
	.news .floatr ul li a{ font-size:14px; line-height:24px; padding:0 16px;}
	.news .floatr ul li a span{ padding-top:5px; line-height:40px; height:45px; font-size:18px;}
	.news .floatr ul li a:hover{ border-radius:10px;}
	.news .floatr ul li div{ top:20px; height:68px; line-height:68px; font-size:20px;}
	.product li a span{ height:50px; line-height:50px; font-size:14px;}
	.dl{ margin:-20px auto 0; width:780px; padding-bottom:30px;}
	.footer{ margin-top:80px; font-size:13px;}
	.footer .center .floatl{ width:266px; height:455px; padding:0 16px;}
	.foot_logo{ padding:34px 0 20px;}
	.foot_logo img{ display:block; margin:auto; height:50px;}
	.footer .text{ font-size:12px; line-height:18px; color:#999; margin:5px 0 55px;}
	.footer .ewm div{ width:50%; padding:0 10px; float:left;}
	.footer .ewm div img{ display:block; width:100%;}
	.footer .copyright{ text-align:center; color:#666; margin-top:50px; line-height:24px;}
	.foot_nav{ width:734px; padding:22px 0 0 54px;}
	.foot_nav li{ width:134px;}
	.foot_nav li:nth-child(2){width:148px;}
	.foot_nav li:last-child{width:120px;}
	.foot_nav li h1{ font-size:15px; height:40px; line-height:40px;}
	.foot_nav li div{ height:25px; line-height:25px;}
	.solution_list li{ width:320px; margin:0 0 50px 20px;}
	.solution_list li a{ font-size:14px; border-radius:14px;}
	.solution_list li a>em{ padding:10px 16px 16px; height:100px;}
	.solution_list li a>em span{ font-size:16px; line-height:30px; height:30px;}
	.solution_list li a>em em{ line-height:22px; height:44px;}
	.news_list{ margin-bottom:30px;}
	.news_list li{ height:178px; margin-top:30px;}
	.news_list li a .floatl{ width:790px;}
	.news_list li a .floatl .time{ font-size:16px; line-height:16px; height:16px;}
	.news_list li a .floatl .zx_title{margin:18px 0 22px; line-height:28px; height:28px; font-size:20px;}
	.news_list li a .floatr{ margin-top:55px;}
	.content{ min-height:300px;}
	.content .con_title{ font-size:28px; line-height:36px; margin-top:-4px;}
	.content .con_time{ font-size:13px; margin:22px 0;}
	.content .con_nr{ font-size:15px;}
	.content .con_nr img{ margin:25px auto;}
	.cp_ts{ height:36px; font-size:14px; line-height:14px;}
	.cp_search{ font-size:14px; margin-bottom:20px;}
	.cp_search input[type="text"]{ width:800px; height:40px; padding:0 15px; font-size:14px;}
	.cp_search input[type="submit"]{ width:200px; height:40px; font-size:14px;}
	.sc_list{ font-size:14px; line-height:24px; color:#333;}
	.sc_list li{ height:84px; border-bottom:dashed 1px #e5e5e5;}
	.sc_list .sc_title{ padding:6px 0 5px; line-height:36px;}
	.sc_list .sc_title a{ font-size:18px;}
	.jj{ font-size:15px;}
	.contact>div:first-child{ padding-right:30px;}
	.contact>div .kf{ font-size:18px; line-height:36px; height:210px; padding-top:10px;}
	.contact>div .xx li{ height:117px; padding-top:10px; font-size:14px; line-height:26px;}
	.contact>div .xx li h1{ font-size:18px; line-height:40px; height:40px;}
	.contact>div .xx li div{ height:26px;}
	.contact>div .ewm{ height:210px;}
	.contact>div .ewm div{ margin-left:20px;}
	.contact>div .ewm div img{ width:140px; height:140px;}
	.contact>div .ewm div span{ line-height:24px; padding:10px 0; font-size:14px;}
	.contact>div .map{ width:500px; height:468px;}
	.product_list{ padding:0 30px;}
	.product_list .floatl{ width:280px; padding:30px 30px 0 0;}
	.product_list .floatl>ul{ padding:10px 0 10px 25px;}
/*
	.product_list .floatl .tab_1{ font-size:14px; line-height:24px;}
	.product_list .floatl .tab_1>h1{ height:48px; font-size:18px;}
	.product_list .floatl .tab_1>h1 a{ float:left; color:#333; font-weight:bold; font-size:18px; line-height:48px;}
	.product_list .floatl .tab_1>h1 span{ float:right; width:56px; height:48px; cursor:pointer; background:url(/skins/images/tab1.png) no-repeat center 0px;}
	.product_list .floatl .tab_1>h1.current span{ background-position:center -48px;}
	.product_list .floatl .tab_2,.product_list .floatl .tab_1 ul{ display:none;}
	.product_list .floatl .tab_2{ font-size:14px; line-height:24px;}
	.product_list .floatl .tab_2 h1{ height:24px;}
	.product_list .floatl .tab_2 h1 span{ float:right; width:56px; height:24px; cursor:pointer; background:url(/skins/images/tab2.png) no-repeat center 0px;}
	.product_list .floatl .tab_2 h1.current span{ background-position:center -24px;}
	.product_list .floatl .tab_1 ul{ padding:5px 0 8px;}
	.product_list .floatl .tab_1 ul li{ height:24px; overflow:hidden;}
	.product_list .floatl .tab_1 ul li a{ display:block; color:#0062a2;}
*/
	.product_list .floatr{ width:calc(100% - 280px);}
	.product_list .floatr h1{ font-size:28px; line-height:88px; height:88px;}
	.zu{ margin-top:-120px; width:60px;}
	.zu>div{ height:60px;}
	.zu>div>a{ padding-top:9px; background-size:26px;}
	.zu>div>a span{ width:20px; height:20px; background-size:20px;}
	.zu>div>a em{ font-size:13px; line-height:28px;}
	.zu>div.active>a span{ background-position:center -20px;}
	.zu>div div{ right:59px; font-size:13px; line-height:30px; height:105px;}
	.zu>div div.active{ width:400px;}
	.zu>div div ul{ width:400px;}
	.zu>div div ul li{ width:110px; padding-top:10px;}
	.zu>div div ul li:nth-child(2){ width:180px;}
	.zu>div div ul li span{ width:60px; height:60px;}
	.cp_con_img .cp_img{ padding-bottom:30px;}
	.cp_con_img .left,.preview{width:400px;}
	#imageMenu {height:64px; width:360px; margin:16px auto 0;}
	#imageMenu li {height:64px; width:64px;}
	.bigImg{ width:400px; height:400px;}
	.bigImg #midimg{width:398px; height:398px;}
	.bigImg #winSelector{width:200px; height:200px;}
	#bigView{position:absolute;border: 1px solid #ddd; overflow: hidden; z-index:996; left:420px; top:0; display:none;}
	#bigView img{ width:798px; height:798px;}
	.fdj{ width:36px; height:36px; background-size:24px;}
	.cp_con_img .right{ width:600px; padding-left:40px; font-size:14px; line-height:26px;}
	.cp_con_img .right .nr_title{ font-size:26px; line-height:34px; margin-top:-4px; margin-bottom:15px;}
	.cp_con_img .right .sub{ font-size:16px; line-height:40px;}
	.cp_con_img .downLoad{ padding-top:20px;}
	.downLoad a{ line-height:30px;}
	.con_tab{ margin-bottom:30px;}
	.con_tab span,.con_tab a{ font-size:15px; height:36px; width:120px; line-height:36px; border-top-left-radius:5px; border-top-right-radius:5px;}
	.cp_content{ font-size:15px; line-height:24px;}
	.xg_title{ font-size:20px; line-height:36px; padding:20px 0 28px;}
	.xg_list ul{ width:1030px; margin-left:-15px;}
	.xg_list ul li{ padding:0 15px; font-size:15px;}
	.xg_list ul li a em{ line-height:22px; margin-top:12px;}
        .search_result ul{width:1020px;}
	.list li{ padding:30px 0;}
	.list li:first-child{ padding-top:0;}
	.list li>a{ width:200px; height:134px;}
	.list li>div.floatl{ width:600px; margin-left:30px;}
	.list li>div.floatl span{ height:34px; line-height:15px; font-size:15px;}
	.list li>div.floatl h1{ font-size:20px; height:28px; line-height:28px; margin-bottom:22px;}
	.list li>div.floatr{ padding-top:54px;}
	.list li>div.floatr a{ padding-right:30px; font-size:15px;}
	.jzyfw li{ padding:10px 0; font-size:14px; line-height:26px;}
	.jzyfw li h1{ font-size:18px; line-height:40px; height:40px;}
	.search_div:first-child{margin-top:-20px;}
	.search_name{font-size:20px;line-height:60px;}
	}
@media screen and (max-width: 1440px) {
	.head_nav>ul li{ width:150px; font-size:14px; line-height:28px;}
	.head_nav:nth-child(2)>ul{width:196px;}
	#nav ul{ padding:10px 20px;}
	#nav ul li h1{ font-size:14px; line-height:26px; height:26px;}
	#nav ul li div{ font-size:13px; line-height:24px; height:24px;}

	}
@media screen and (max-width: 1360px) {
	.logo1 img:first-child{ display:none;}
	.logo1 img:nth-child(2){ display:block; height:100%;}
	.tel{ display:none;}
	.product_list .floatr li{ width:33.33%;}
	}
@media screen and (max-width: 1024px) {
	body{ padding-top:0.88rem;}
	.header{ padding:0; height:0.88rem;}
	.logo2{ display:block; position:absolute; left:0.24rem; top:0; height:100%;}
	.logo2 img{ display:block; height:100%;}
	.search{ padding:0 0 0 0.4rem; line-height:0.88rem; height:0.88rem; font-size:0.24rem; margin-right:0.4rem; background-size:0.3rem 0.3rem;}
	.result_k{ top:0.88rem; padding:0.28rem 0.24rem;left:0;right:0; background:#f2f2f2;}
	.result_k input[type="text"]{ display:block; width:4.72rem; height:0.64rem; border-top-left-radius:0.08rem; border-bottom-left-radius:0.08rem; font-size:0.24rem; padding:0 0.24rem; background:#fff;}
	.result_k input[type="submit"]{ display:block; width:1.2rem; height:0.64rem; border-top-right-radius:0.08rem; border-bottom-right-radius:0.08rem; font-size:0.24rem;}
	.menu{ display:block; float:right; width:0.64rem; height:0.88rem; position:relative;}
	.menu div{position:absolute;height:0.04rem;width:0.4rem;top:0.28rem;left:0;background: rgba(51, 51, 51, 1);}
	.menu div.aa{-webkit-transform:translate3d(0, 0, 0) rotate(0);-webkit-transition:-webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);}
	.menu div.bb{ top:0.44rem;opacity:1;-webkit-transform:-webkit-translate3d(0, 0, 0) rotate(0);-webkit-transition:-webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .35s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;}
	.menu div.cc{top:0.6rem;-webkit-transform:-webkit-translate3d(0, 0, 0) rotate(0);-webkit-transition:-webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1);}
	.menu-close.menu div.aa{-webkit-transform:translate3d(0, 0.16rem, 0) rotate(45deg);-webkit-transition:-webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms;}
	.menu-close.menu div.bb{ opacity:0;-webkit-transform:translate3d(0.08rem, 0, 0) rotate(-180deg);-webkit-transition:-webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms, opacity .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms;}
	.menu-close.menu div.cc{-webkit-transform:translate3d(0, -0.16rem, 0) rotate(-45deg);-webkit-transition:-webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms;}
	.menu > div.aa, .menu > div.bb, .menu > div.cc {-webkit-transition-delay:50ms, 50ms;transition-delay:50ms, 50ms;}
	.nav{ display:block; position:fixed; top:0.88rem; left:0; right:0; height:0; overflow:scroll; background:#fff;z-index:998; font-size:0.28rem; transition:height 0.35s ease-in;-moz-transition:height 0.35s ease-in;-webkit-transition:height 0.35s ease-in;-o-transition:height 0.35s ease-in;}
	.nav.ts{ height:calc(100% - 0.88rem);}
	.nav div{ padding:0 0.24rem;}
	.nav div h1,.nav div li{ height:0.88rem; overflow:hidden;}
	.nav a{ color:#333; display:block; line-height:0.88rem; height:0.88rem; font-size:0.28rem; border-top:solid 1px #e5e5e5;}
	.nav div:first-child h1 a{ border-top:none;}
	.nav div h1 a{ font-weight:bold;}
	.nav div li a{ padding:0 0.24rem;}
	.banner .pagination{ line-height:0.16rem; bottom:0.16rem;}
	.banner .pagination .swiper-pagination-switch{ width:0.16rem; height:0.16rem; margin:0 0.08rem;}
	.banner .pagination .swiper-active-switch:after{ left:0.04rem;top:0.04rem;width:0.08rem; height:0.08rem;}
	.about.center{ width:100%; padding:0.36rem 0.24rem 0;}
	.about>div{ width:100%; height:auto;}
	.about .floatl{ position:relative; float:none; padding:0;}
	.about .floatl .bt{ position:relative; left:auto; top:auto; font-size:0.3rem;}
	.about .floatl .bt span{ font-size:0.6rem; line-height:0.46rem;}
	.about .floatl .bt em{ line-height:0.56rem;}
	.about .floatl .zy{ height:auto; padding:0.18rem 0 0.36rem;}
	.about .floatl .zy div{ position:relative; left:auto; top:auto; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0); font-size:0.24rem; line-height:0.36rem;}
	.more{ padding-left:0.15rem; width:1.6rem; height:0.48rem; font-size:0.24rem; line-height:0.48rem; background:url(/skins/images/more_wap.png) no-repeat right center #0062a2; border-radius:0.08rem; background-size:0.51rem 0.22rem;}
	.about .floatl .more{ position:relative; left:auto; bottom:auto;}
	.title.center{ width:100%; padding:0.64rem 0.24rem 0.26rem; height:1.92rem; font-size:0.3rem; text-align:left;}
	.title span{ font-size:0.6rem; line-height:0.46rem;}
	.title em{ line-height:0.56rem;}
	.solution{ display:block;}
	.solution li{ float:none; width:100%; margin-left:0; padding:0 0.24rem; margin-top:0.34rem;}
	.solution li:first-child{ margin-top:0;}
	.solution li.cur{ width:100%;}
	.solution li a{ font-size:0.24rem; border-radius:0;}
	.solution li a>span{ height:0; padding-bottom:66.67%; border-radius:0.16rem;}
	.solution li a>em{ padding:0; height:auto;}
	.solution li a>em span{ font-size:0.32rem; line-height:0.48rem; height:auto; padding:0.2rem 0 0.1rem;}
	.solution li a>em em{ line-height:0.36rem; height:auto;}
	.solution li.cur a>em{ background:none;}
	.solution li.cur a>em span{ color:#333;}
	.solution li.cur a>em em{ color:#666;}
	.news{ width:100%; height:auto; padding:0 0.24rem;}
	.news>div{ width:100%; float:none;}
	.news .floatl{ padding-right:0;}
	.news .floatl .img{ height:auto; display:block; width:100%;}
	.news .floatl .img img{ height:auto; border-radius:0.16rem;}
	.news .floatl .bt{ padding:0.15rem 0 0.13rem; line-height:0.48rem; height:auto; font-size:0.32rem;}
	.news .floatl .bt a{ float:none; max-width:none; width:100%; color:#333; font-weight:bold; font-size:0.32rem;}
	.news .floatl .zy{ font-size:0.24rem; line-height:0.36rem; height:1.08rem; margin-bottom:0.03rem;}
	.news .floatr ul li{ padding-left:0; height:0.88rem; margin-top:0; border-bottom:dashed 1px #e5e5e5;}
	.news .floatr ul li a{ display:block; width:100%; height:100%; font-size:0.28rem; line-height:0.88rem; padding:0;}
	.news .floatr ul li a span{ padding-top:0; line-height:0.88rem; height:0.88rem; overflow:hidden; font-size:0.28rem; color:#0062a2;}
	.product{ padding:0 0.24rem;}
	.product li{ width:2.8rem !important; height:4.16rem; background:#fff !important;}
	.product li:nth-child(2n+2){ float:right;}
	.product li div{ width:100%; height:100%; padding-bottom:0;}
	.product li a{ display:block; position:relative; left:auto; top:auto;}
	.product li a em{ height:0; padding-bottom:100%; border:solid 1px #ddd; border-radius:0.16rem;}
	.product li a span{ position:relative; display:block; left:auto; bottom:auto; width:100%; background:none; text-align:left; height:0.84rem; line-height:0.42rem; font-size:0.28rem; color:#333; margin-top:0.17rem;-webkit-transition:all 0.35s; transform:rotatex(0deg);-moz-transform:rotatex(0deg);-o-transform:rotatex(0deg);-webkit-transform:rotatex(0deg);}
	.dl,.dl_title,.cpdl,.footer,.page,.po,.product li:nth-child(n+7),.news .floatr ul li a em,.news .floatr ul li div,.news .floatl .more,.news .floatr:before,.news .floatl .bt span,.title:before,.title:after,.about .floatr,.head_nav_content,.logo1,.zu{ display:none;}
	.solution li:nth-child(n+3){visibility:hidden;height:0;padding:0;margin:0;}
	/*.footer{ margin-top:0; background:#2d2d2d; font-size:0.24rem;}
	.footer .center{ width:100%; padding:0 0.4rem}
	.footer .center .floatl{ float:none; width:100%; height:auto; padding:0; background:none;}
	.foot_logo{ padding:0.4rem 0 0.2rem;}
	.foot_logo img{ height:0.62rem;}
	.footer .text{ font-size:0.24rem; line-height:0.36rem; margin-bottom:0.38rem;}
	.footer .ewm{ width:4rem; margin:auto;}
	.footer .ewm div{ padding:0;}
	.footer .ewm div img{ width:1.6rem; margin:auto;}
	.footer .ewm div span{ line-height:0.62rem; height:0.62rem;}
	.footer .copyright{ margin-top:0; padding:0.16rem 0 0.18rem; line-height:0.4rem;}
	.foot_nav{ display:none;}*/
	.footer_wap{ background:#2d2d2d; display:block; font-size:0.24rem;}
	.footer_wap .ewm{ width:4rem; height:2.8rem; padding-top:0.4rem; margin:auto;}
	.footer_wap .ewm div{ width:50%; float:left;}
	.footer_wap .ewm div img{ width:1.6rem; display:block; margin:auto;}
	.footer_wap .ewm div span{ display:block; text-align:center; line-height:0.64rem; color:#fff;}
	.foot_logo_wap{ background:#fff; height:1.92rem; padding-top:0.32rem;}
	.foot_logo_wap img{ display:block; height:0.61rem; margin:auto;}
	.foot_logo_wap span{ display:block; text-align:center; margin-top:0.2rem; line-height:0.5rem; color:#666;}
	.telphone{ display:block; position:fixed; right:0.24rem; width:0.8rem; height:0.8rem; top:50%; margin-top:-0.4rem; z-index:997;}
	.telphone img{ display:block; width:100%; height:100%;}
	.btm{ display:block; visibility:hidden; position:fixed; left:0; top:0; right:0; bottom:0; z-index:1001; overflow:hidden;}
	.btm:before{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:0;transition:opacity 0.35s;-moz-transition:opacity 0.35s;-o-transition:opacity 0.35s;-webkit-transition:opacity 0.35s;}
	.btm.active{ visibility:visible;}
	.btm.active:before{ opacity:0.5;}
	.tcc{ position:absolute; left:0; right:0; bottom:0; z-index:1002; height:0.88rem; font-size:0.32rem; line-height:0.88rem; color:#0062a2; text-align:center; background:#fff;transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;-webkit-transition:all 0.35s; transform:rotatex(90deg);-moz-transform:rotatex(90deg);-o-transform:rotatex(90deg);-webkit-transform:rotatex(90deg); transform-origin:center bottom;-moz-transform-origin:center bottom;-o-transform-origin:center bottom;-webkit-transform-origin:center bottom;}
	.tcc span{ margin-right:0.16rem;}
	.btm.active .tcc{ transform:rotatex(0deg);-moz-transform:rotatex(0deg);-o-transform:rotatex(0deg);-webkit-transform:rotatex(0deg);}
	.solution_list.center{ width:100%; padding:0.24rem 0;}
	.solution_list li{ float:none; width:100%; margin:0 0 0.34rem 0; padding:0 0.24rem;}
	.solution_list li a{ font-size:0.24rem; border-radius:0;}
	.solution_list li a>span{ height:0; padding-bottom:66.67%; border-radius:0.16rem;}
	.solution_list li a>em{ padding:0; height:auto;}
	.solution_list li a>em span{ font-size:0.32rem; line-height:0.48rem; height:auto; padding:0.2rem 0 0.1rem;}
	.solution_list li a>em em{ line-height:0.36rem; height:auto;}
	.solution_list li a>em,.solution_list li a>em span,.solution_list li a>em em{ transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}
	.solution_list li:hover a>em{ background:none;}
	.solution_list li:hover a>em span{ color:#333;}
	.solution_list li:hover a>em em{ color:#666;}
	.news_list { margin-bottom:0; width:100%; padding:0 0.24rem; font-size:0.28rem; line-height:0.48rem;}
	.news_list li{ height:2.04rem; margin-top:0;}
	.news_list li a{ padding:0.2rem 0 0.24rem;}
	.news_list li a .floatl{ width:100%; float:none;}
	.news_list li a .floatl .time,.news_list li a .floatr{ display:none;}
	.news_list li a .floatl .zx_title{ margin:0; line-height:0.64rem; height:0.64rem; font-size:0.32rem;}
	.news_list li a .floatl .zx_zy{ height:0.96rem;}
	.noMore{ line-height:0.8rem; margin-bottom:0.2rem; font-size:0.24rem;}
	.content,.jj{ min-height:50vh; padding:0.24rem 0.24rem 0.3rem; width:100%;}
	.jj{font-size:0.28rem; line-height:0.48rem;}
	.content .con_title{ font-size:0.32rem; line-height:0.48rem; margin:0 0 0.1rem;}
	.content .con_time{ display:none;}
	.content .con_nr{ font-size:0.28rem; line-height:0.48rem;}
	.content .con_nr img{ margin:0.2rem auto;}
	.cp{ width:100%; padding:0.24rem;}
	.cp_ts{ height:0.4rem; font-size:0.28rem; line-height:0.4rem; margin-bottom:0.2rem;}
	.cp_search{ font-size:0.28rem; margin-bottom:0.24rem;}
	.cp_search input[type="text"]{ width:5.04rem; height:0.64rem; padding:0 0.15rem; border-top-left-radius:0.08rem; border-bottom-left-radius:0.08rem; font-size:0.28rem;}
	.cp_search input[type="submit"]{ width:0.88rem; height:0.64rem; border-top-right-radius:0.08rem; border-bottom-right-radius:0.08rem; font-size:0.28rem;}
	.sc_list{ font-size:0.28rem; line-height:0.48rem;}
	.sc_list li{ height:auto; padding:0.1rem 0 0.2rem}
	.sc_list .sc_title{ padding:0; line-height:0.68rem;}
	.sc_list .sc_title a{ font-size:0.32rem;}
	.contact{ width:100%; padding:0 0.24rem;}
	.contact>div{ width:100%; float:none;}
	.contact>div:first-child{ padding-right:0;}
	.contact>div .kf{ font-size:0.28rem; line-height:0.44rem; height:auto; padding:0.24rem 0 0.2rem;}
	.contact>div .xx li{ height:auto; padding:0.16rem 0; font-size:0.28rem; line-height:0.4rem;}
	.contact>div .xx li h1{ font-size:0.28rem; line-height:0.56rem; height:0.56rem;}
	.contact>div .xx li div{ height:0.44rem;}
	.contact>div .ewm,.contact>div .map{ display:none;}
	.lookMap{ display:block; font-size:0.28rem; line-height:0.48rem; padding:0.4rem 0 0.6rem;}
	.lookMap a{ color:#0062a2;}
	.product_list{ padding:0;}
	.product_list .floatl{ display:none;}
	.product_list .floatr{ width:100%; float:none;}
	.product_list .floatr h1{ background:#e8e8e8; font-size:0.32rem; line-height:0.88rem; height:0.88rem; padding:0 0.24rem;}
	.product_list .floatr ul{ width:100%; margin-left:0; padding:0.24rem 0.08rem;}
	.product_list .floatr li{ width:50%; padding:0 0.16rem 0.24rem;}
	.product_list .floatr li a em{ height:0.96rem; font-size:0.28rem; line-height:0.40rem; padding-top:0.16rem;}
	.fl{ display:block; float:right; width:0.48rem; height:0.88rem; background:url(/skins/images/menu.png) no-repeat right center; background-size:0.4rem;}
	.cpfl_bg{ display:block; visibility:hidden; position:fixed; left:0; top:0; right:0; bottom:0; z-index:1001;}
	.cpfl_bg:before{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:0;transition:opacity 0.35s;-moz-transition:opacity 0.35s;-o-transition:opacity 0.35s;-webkit-transition:opacity 0.35s;}
	.cpfl_bg.active{ visibility:visible;}
	.cpfl_bg.active:before{ opacity:0.5;}
	.cpfl_tcc{ position:absolute; top:0.24rem; left:0.24rem; right:0.24rem; bottom:0.24rem; background:#fff; z-index:1; transition:transform 0.3s ease-out;-moz-transition:transform 0.3s ease-out;-webkit-transition:transform 0.3s ease-out;-o-transition:transform 0.3s ease-out; transform:scale(0,0);-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);}
	.cpfl_title{ height:0.88rem; line-height:0.88rem; text-align:center; position:relative; background:#0062a2; color:#fff; font-size:0.28rem;}
	.cpfl_title .close{ position:absolute; right:0; top:0; bottom:0; width:0.88rem; background:url(/skins/images/close.png) no-repeat center center; background-size:0.32rem; cursor:pointer;}
	.fl_tab{ position:absolute; left:0; bottom:0; right:0; top:0.88rem; overflow-y:auto; padding:0 0.24rem;}
	.fl_tab h1,.fl_tab li,.fl_tab2 div{ height:0.8rem; border-top:solid 1px #e5e5e5; font-size:0.24rem; line-height:0.8rem;}
	.fl_tab a{ color:#333; display:block;}
	.fl_tab h1 a{ font-weight:bold;}
	.fl_tab2 div a{ padding:0 0.24rem;}
	.fl_tab li a{ padding:0 0.48rem;}
	.fl_tab h1:first-child{ border-top:none;}
	.cpfl_bg.active .cpfl_tcc{ transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
	.cp_con_img{ width:100%;}
	.cp_banner{ display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
	.cp_banner .swiper-container{position:absolute; left:0; top:0;overflow:hidden;width:100%; height:100%;}
	.cp_banner .swiper-wrapper{position:relative;width:100%; height:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
	.cp_banner .swiper-slide{float:left;width:100%; height:100%;}
	.cp_banner .swiper-slide div{ width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.cp_banner .pagination{ position:absolute; z-index:100; width:100%; line-height:0.16rem; bottom:0.16rem; left:0; text-align:center; font-size:0.16rem;}
	.cp_banner .pagination .swiper-pagination-switch{display:inline-block; width:0.16rem; height:0.16rem; border-radius:50%;  margin:0 0.08rem; background:#ccc;}
	.cp_banner .pagination .swiper-active-switch{ background:#0062a2;}
	.cp_img .left{ display:none;}
	.cp_img .right{ float:none; width:100%; padding:0.24rem; font-size:0.28rem; line-height:0.4rem;}
	.cp_con_img .right .nr_title{ font-size:0.36rem; line-height:0.52rem; margin-top:0.1rem 0 0.2rem;}
	.cp_con_img .right .sub{ font-size:0.32rem; line-height:0.44rem; margin-bottom:0.1rem;}
	.cp_con_img .downLoad{ padding-top:0.3rem;}
	.cp_con_img .downLoad a{ padding-left:0.4rem; margin-right:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.28rem; background-size:0.26rem;}
	.con_tab{ margin-bottom:0.4rem; padding:0 0.24rem;}
	.con_tab span,.con_tab a{ font-size:0.28rem; height:0.44rem; width:auto; padding:0 0.15rem; line-height:0.44rem; border-top-left-radius:0.06rem; border-top-right-radius:0.06rem; margin:0 0 0 0.1rem;}
	.con_tab span:first-child{ margin-left:0; padding:0 0.25rem}
	.cp_content{ padding:0 0.24rem 0.4rem; min-height:1rem; font-size:0.28rem; line-height:0.4rem;}
	.xg_title,.xg_list{ display:none;}
        .search_result{width:100%;}
        .search_result ul{ width:100%; margin-left:0; padding:0.24rem 0.08rem;}
	.search_result li{ width:50%; padding:0 0.16rem 0.24rem;}
	.search_result li a em{ height:0.96rem; font-size:0.28rem; line-height:0.40rem; padding-top:0.16rem;}
	.list{ padding:0.24rem; width:100%;}
	.list li{ padding:0; border-bottom:none; margin-top:0.12rem;}
	.list li:first-child{ margin-top:0;}
	.list li>a{ display:block; width:100%; height:auto; overflow:hidden; border-radius:0.08rem; float:none;}
	.list li>a img{ display:block; width:100%; height:auto;}
	.list li>div.floatl{ float:none; margin:0; width:100%;}
	.list li>div.floatl span,.list li>div.floatl em,.list li>div.floatr{ display:none;}
	.list li>div.floatl h1{ font-size:0.36rem; height:auto; line-height:0.48rem; margin-bottom:0; padding:0.12rem 0;}
	.jzyfw{padding:0 0.24rem;width:100%;}
	.jzyfw li{ padding:0.16rem 0; font-size:0.28rem; line-height:0.4rem;}
	.jzyfw li h1{ font-size:0.28rem; line-height:0.56rem;height:0.56rem;}
	.ba{display:none;}
	}