@charset "utf-8";
*{padding:0;margin:0;list-style-type:none;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,th,p,span,a{border:0;}/*td,table*/
img,input{border:none;vertical-align:middle;}
ul,li,dl,dd{list-style:none;}
body{font-family:'微软雅黑';font-size:1.4rem;text-align:left;color:#000;width: 100%;}
html{overflow-y:scroll;font-size: 62.5%;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:1.2rem;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:1.2rem;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;width: 100%}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:none;}
a:hover{color: #00aa98;}

/*top-b*/
.top_b{width: 100%; height: auto; background: #efefef;}
.top_b .top_b_nr{width: 1200px; height: auto; margin: 0 auto;}
.top_b_nr .top_b_left{width: auto; height: auto; float: left; font: 1.4rem/4rem "microsoft yahei";}
.top_b_nr .top_b_right{max-width: 50%; height: auto; float: right;}
.top_b_right ul{width: 100%; height: auto;}
.top_b_right ul li{float: left; padding-right: 1rem;}
.top_b_right ul li a{ font: 1.4rem/4rem "microsoft yahei";}
.top_b_right ul li.login{padding-left: 2.4rem; background: #535353 url(../images/top_b_p.jpg) no-repeat 0.6rem center; margin: 0.8rem 0; color: #fff; border-radius: 0.4rem;}
.top_b_right ul li.login a{font: 1.4rem/2.4rem "microsoft yahei"; color: #fff;}

/*top*/
.top{width: 100%; height: auto;border-bottom: 1px solid #ddd; clear:both; overflow:hidden;}
.top .top_main{width: 1200px; height: auto; margin: 0 auto; height:120px; overflow:hidden;}
.logo{height:  auto; float: left; width:415px;}
.logo img{width: 100%;}
.top_search{width: auto; height:  auto; float: right; overflow: hidden;}


/*search*/
.d3{padding: 3.2rem 0;}
.d3 form { width: 300px; margin: 0 auto; background: #eee;position: relative;}/*  */
.d3 input, .d3 .bb{border: none;outline: none;background: transparent;}
.d3 input, .d3 button{border: none;outline: none;background: transparent;}
.d3 input{width: 85%;height: 42px;padding-left: 15px;}
.d3 .bb{height: 42px;width: 42px;background:url(../images/infdj.png) no-repeat center center; background-size: 50%;top: 0;right: 0;cursor: pointer;position: absolute;}/*  */
.d3 button{height: 42px;width: 42px;top: 0;right: 0;cursor: pointer;position: absolute;}/*  */
.d3 .bb:before{content: "\f002";font-family: FontAwesome;font-size: 16px;color: #bbb;}
.d3 button:before{content: "\f002";font-family: FontAwesome;font-size: 16px;color: #bbb;}


/*nav*/
.nav{width: 60%; height: auto; float: right;}
.nav ul{width: 100%; }
.nav ul li{width: 12%; height: auto; float: left; text-align: center;}
.nav ul li a{font:1.4rem/8.4rem "microsoft yahei"; }

.index_nav{width: 100%;background: #0a61b2;height: auto;z-index: 99999; clear:both}
/* .fixed{position: fixed;top: 0;} */
.main{width: 1200px;margin: 0 auto;}
.nav_bar{width: 100%;height: auto;}
.nav_bar ul li{list-style-type: none;float: left;padding: 0 2.5rem;}
.nav_bar ul li a{color: #ffffff; font:1.4rem/5rem "microsoft yahei"; text-decoration: none;display: block;}
.nav_bar>ul>li:hover{background: #085194;}
.nav_bar ul li.l1:hover .hid{display: block;}
.hid{width: 100%;/* height: 52.5rem; */ border-bottom:solid 1px #ebebeb;  background: #085194; position: absolute; z-index:9999; left: 0;display: none;}

.o-m .nav_in{width: 100%; color: #000;}
.o-m .nav_in a{ color: #fff;}
.o-m .nav_in li{max-width: 20%; min-width: 12%; padding: 0 1%; overflow: hidden; display: block;}
.o-m .nav_in li dl{padding: 15px 0 20px 0;}
.o-m .nav_in li dl dt a{font: 1.6rem/3.5rem "microsoft yahei";color: #fff;}
.o-m .nav_in li dl dd a{font: 1.4rem/3rem "microsoft yahei"; color: #ebebeb;}



/*控制导航抽屉栏宽度*/
/*nav-cont*/
.o-m{width:1630px;margin:0 auto;}
.o-m .ul-o{float:left;width:30%; padding-left:6%; position:relative;height: 52.5rem; background: #f4f4f4;}
.o-m .ul-o .nav_nr_tit{width: 100%; height: auto; font: 1.8rem/5rem "microsoft yahei";}
.o-m .ul-o ul li{width:94%; height: auto ; font: 1.4rem/4.6rem "microsoft yahei"; border-bottom: solid 1px #ebebeb; cursor:pointer;position:relative;z-index:2; float: none; padding: 0 3%;}
.o-m .ul-o ul li:hover{background:#59aa46;}
.o-m .ul-o ul li:hover a{color: #fff; }
.o-m .ul-o ul li a{color: #333; }
.o-m .ul-t{width:58%;float:left;height:auto;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none; padding:3.5rem 0 0 3.5rem;}
.o-m .ul-t .li-top{padding:0;}
.o-m .ul-t h5{color:#666;font-size:2rem;line-height:2.5rem; color: #59aa46;}
.o-m .ul-t p{color:#999;font-size:1.2rem;line-height:2rem;margin-bottom:1.2rem; color: #59aa46;}
.o-m .ul-t .li-a{font-size:1.4rem;margin-right:2.5rem;cursor:default;line-height:2.5rem;}

.o-m .ul-t .li-img{width:100%;text-align:center;}

/*mobile-nav*/
.hidden-lg {display: none;}

.mobile_header{width:100%;height:auto;background-color:#FFFFFF;position: relative;}
.mobile_header .logo{float:left;}
.mobile_header .logo img{width:100%;}
.mobile_header .menu_icon{float:right;display:inline-block;margin:1.85rem 1.5rem;width:3rem;height:3rem;padding:0.5rem;background:url(../images/menu_icon.png) no-repeat;background-size:contain;background-origin:content-box;box-sizing:border-box;border:1px solid #E0E0E0;border-radius:0.2rem;overflow:hidden;}

.mobile_header .menu{display:none;position:absolute;top:6.8rem;left:0;width:95%;height:auto;padding:1.5rem 2.5%;z-index:99;background-color:#333333;box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.mobile_header .menu li{width:95%;padding:1rem 2.5%;border-bottom:0.1rem solid #222;}
.mobile_header .menu li a{display:block;width:100%;height:100%;font-size:1.4rem;color:#FFFFFF;}
.mobile_header .menu .menu_lanu{color: #fff; text-align: right;}
.mobile_header .menu .menu_lanu a{display: inline; width: auto;padding: 0 1.2rem;line-height: 3.5rem;}
.mobile_header .menu .menu_login{color: #fff; text-align: right;}
.mobile_header .menu .menu_login a{display: inline; width: auto;padding: 0 1.2rem;}


/*banner*/
.banner{width: 100%; height: auto; background: #000;}

.slideBox{position:relative;width:100%;overflow:hidden;}
.slideBox .bd{width:100%;height:100%;}
.slideBox .bd a{display:block;position:relative;width:100%;padding-bottom:35%;}
.slideBox .bd a img{position:absolute;top:0;left:0;width:100%;height:100%;}
.slideBox .hd{width:100%;position:absolute;bottom:10px;left:0;text-align:center;z-index:2;overflow:hidden;}
.slideBox .hd li{display:inline-block;vertical-align:middle;width:50px;height:8px;background-color:#CCCCCC;}
.slideBox .hd li.on{background-color:#E8A651;}
.slideBox .prev,.slideBox .next{position:absolute;top:50%;width:33px;height:50px;margin-top:-25px;background-repeat:no-repeat;background-size:contain;cursor:pointer;}
.slideBox .prev{left:5%;background-image:url(../images/banner_arrl.png);}
.slideBox .next{right:5%;background-image:url(../images/banner_arrr.png);}



/*content*/
.index_cont{width: 100%; height: auto;}
.index_cont .index_pro{width: 1200px; height: auto; margin: 0 auto; margin-bottom: 3.4rem;}
.index_pro .pro_title{width: 100%; height: auto; text-align: center; margin-bottom: 3.4rem; padding: 3.4rem 0 1.5rem 0; background: url(../images/index_bg_t1.png) no-repeat center bottom;}
.index_pro .pro_title a{font: 2.8rem/4.5rem "microsoft yahei"; color: #333;}
.index_pro .pro_title a span{font: 1.8rem/4.5rem "microsoft yahei"; color: #666;}
.index_pro .pro_cont{width: 100%; height: auto; }
.pro_cont li{width: 22.5%; height: auto; float: left; margin-right: 2.65%; text-align: center; border:solid 1px #efefef; padding: 1px; background: #efefef;}
.pro_cont li:nth-child(4){ margin-right: 0;}
.pro_cont li:hover{ border:solid 1px #0a61b2; color: #fff; padding: 1px; background: #0a61b2;}
.pro_cont li:hover a{color: #fff;}
.pro_cont li div:nth-child(1){width: 100%; height: auto; padding: 1.2rem 0;}
.pro_cont li div:nth-child(1) h5{width: 100%; height: auto; font: 1.8rem/3rem"microsoft yahei";}
.pro_cont li div:nth-child(1) p{width: 100%; height: auto; font: 1.2rem/2.5rem"microsoft yahei";}
.pro_cont li div:nth-child(2) img{height: 215px;}
.pro_cont li img{width: 100%;}



.index_cont .index_solu{width: 100%; height: auto; background: #ebebeb;}
.index_solu .index_solu_main{width: 1200px; height: auto; margin: 0 auto; padding-bottom: 2.5rem;}
.index_solu_main .solu_title{width: 100%; height: auto; text-align: center; margin-bottom: 3.4rem; padding: 3.4rem 0 1.5rem 0; background: url(../images/index_bg_t1.png) no-repeat center bottom;}
.index_solu_main .solu_title a{font: 2.8rem/4.5rem "microsoft yahei"; color: #333;}
.index_solu_main .solu_title a span{font: 1.8rem/4.5rem "microsoft yahei"; color: #666;}
.index_solu_main .solu_cont{width: 100%; height: auto; color: #fff;}
.solu_cont li{width: 22.85%; height: auto; float: left; margin-right: 2.65%; margin-bottom: 2.5rem;}
.solu_cont li:nth-child(4){margin: 0;}
.solu_cont li:nth-child(8){margin: 0;}


.demo{width:360px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:800px; margin:60px auto 10px auto}
}
.box{float:left; width:100%; height:auto;}
.clear{clear:both}


.he_slideCaptionDown{background:#fff;width:100%;height:auto;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown img{width:274px; height: 176px;}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(0,0,0,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(0,0,0,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:35%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:55%;opacity:1}



.index_cont .index_about{width: 100%; height: auto; background: url(../images/index_lmbg.jpg) no-repeat top center;}
.index_about .index_about_main{width: 1200px; height: auto; margin: 0 auto; padding-bottom: 2.5rem;}
.index_about_main .about_title{width: 100%; height: auto; text-align: center; margin-bottom: 3.4rem; padding: 3.4rem 0 1.5rem 0; background: url(../images/index_bg_t1.png) no-repeat center bottom;}
.index_about_main .about_title a{font: 2.8rem/4.5rem "microsoft yahei"; color: #fff;}
.index_about_main .about_title a span{font: 1.8rem/4.5rem "microsoft yahei"; color: #999;}
.index_about_main .about_cont{width: 100%; height: auto; color: #fff;}
.about_cont div:nth-child(1){width: 34.5%; height: auto; float: left;}
.about_cont div:nth-child(1) span{ font: 1.4rem/2.5rem "microsoft yahei"; text-align: left;display: block;}
.about_cont div:nth-child(1) a{float:left; border: solid 1px #fff; color: #fff;font: 1.4rem/2.8rem "microsoft yahei"; padding: 0 1.2rem; margin-top: 1rem; margin-left: 21.2rem; display: block;}
.about_cont div:nth-child(1) a:hover{border: solid 1px #0a61b2; background: #0a61b2; color: #fff;}
.about_cont ul{width: 64%; height: auto; float: right;}
.about_cont ul li{width: 31%; margin-right: 2%; margin-bottom: 1rem; float: left; height: 154px;}
.about_cont ul li:nth-child(1){background: #0a61b2;}
.about_cont ul li:nth-child(1) h5{ padding-top:3.5rem; padding-left:1.5rem;font: 2rem/3rem "microsoft yahei";}
.about_cont ul li:nth-child(1) p{ padding-left:1.2rem; font: 1.4rem/2.4rem "microsoft yahei";}
.about_cont ul li:nth-child(3){background: #4fa546;}
.about_cont ul li:nth-child(3) h5{ padding-top:3.5rem; padding-left:1.5rem;font: 2rem/3rem "microsoft yahei";}
.about_cont ul li:nth-child(3) p{ padding-left:1.2rem; font: 1.4rem/2.4rem "microsoft yahei";}

.about_cont ul li:nth-child(5){background: #0899aa;}
.about_cont ul li:nth-child(5) h5{ padding-top:1.2rem; padding-left:1.5rem;font: 2rem/3rem "microsoft yahei";}
.about_cont ul li:nth-child(5) p{ padding-left:1.2rem; padding-right:0.2rem; font: 1.4rem/2.4rem "microsoft yahei";}

.about_cont ul li img{width: 100%;}


/*cont*/
.show_cont{width: 1200px;padding-top: 2.8rem; margin: 0 auto; min-height: 750px;}
.show_cont .cont_left{width: 23.5%; height: 100% ; background-color:#fafafa; float: left;}
.cont_left h3{width: 100%; height: auto; background: #0a61b1; text-align: center;color: #fff;}
.cont_left h3 span{width: 100%; height: auto; padding-top: 2.5rem; display: block; font: 3.2rem/4.5rem "microsoft yahei";}
.cont_left h3 p{width: 100%; height: auto; padding-bottom: 2.5rem; display: block; font: 1.6rem/2rem "arial";}
.cont_left ul{width: 100%; height: auto; padding-bottom: 2rem;}
.cont_left ul li{width:100%; border-bottom: solid 1px #ebebeb;}
.cont_left ul li a{width:100%; text-align: center; font: 1.4rem/4.5rem "microsoft yahei"; display: block;}
.cont_left ul li:hover{background:#c1e9ff;}
.cont_left ul li:hover a{color:#333;}
.show_cont .cont_right{width: 73%; height: auto; float: right; padding-bottom: 25px;}
.cont_right .cont_yindao{width:100%; height: auto; padding-top: 1rem; font: 1.4rem/4rem "microsoft yahei"; border-bottom: solid 1px #ebebeb;}
.cont_right .title{width: 98%; height: auto; padding-left: 2%; font: 2.4rem/8rem "microsoft yahei";}

.tabbox{width:98%; height: auto; padding-left: 2%; font-family:'微软雅黑';}
.tabbox .tab{ width:100%;padding-bottom:6px; background:url(../images/cont_ico_z.jpg) repeat-x left bottom;overflow:hidden;}
.tabbox .tab a{width:20%; text-align:center;display:block;font: 1.4rem/3.5rem "microsoft yahei"; float:left;text-decoration:none;color:#333;}
.tabbox .tab a:hover{background:#c1e9ff;color:#333;text-decoration:none;}
.tabbox .tab a.on{background:#c1e9ff;color:#333;text-decoration:none;}

.tabbox .content{overflow:hidden;padding: 1rem 0 2.5rem 0;width: 100%; }
.tabbox .content li{display:none;}
.tabbox .content li img{max-width: 100%;}

.shwo_cont_an{width: 100%; height: auto; padding: 1.5rem 0; text-align: left;}
.shwo_cont_an a{font: 1.6rem/3.5rem "microsoft yahei"; padding: 0.8rem 5%; margin: 0 3% 0 0 ;height:auto; text-align: center; color:#fff;}
.shwo_cont_an a:nth-child(1){background: #0a61b1;}
.shwo_cont_an a:nth-child(2){background: #0a61b1;}

/*解决方案-列表*/
.cont_right dl.li_j{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";}
.cont_right dl.li_j dt{width: 100%; height: auto; padding-bottom: 1rem;}
.cont_right dl.li_j dt .li_img{ padding: 1.5rem 2%; width: 46% ;height:auto; float: left;}
.cont_right dl.li_j dt .li_img img{width: 100%; max-height: 285px;}
.cont_right dl.li_j dt .li_con{ padding: 1.5rem 3%; width: 44% ;height:auto; float: right;}
.cont_right dl.li_j dt .li_con h3{width: 100%; height: auto; font: 2.8rem/5rem "microsoft yahei";}
.cont_right dl.li_j dt .li_con p{width: 100%; font: 1.4rem/2.5rem "microsoft yahei";}
.cont_right dl.li_j dd{width: 100%; height: auto; border-bottom: solid 1px #eee;}


.cont_right dl.li_j dd h3{width: 96%; height: auto; padding: 0 2%; margin-bottom: 2rem; background: #c1eaff; color: #666; font: normal 2rem/4.5rem "microsoft yahei";}
.cont_right dl.li_j dd ul{width: 100%; height: auto;}
.cont_right dl.li_j dd ul li{width: 31%; height: auto; padding: 0 1.15% 2rem 1.15%; float: left;}
.cont_right dl.li_j dd ul li img{max-width: 100%; height: 185px;}
.cont_right dl.li_j dd ul li p{width: 100%; height: auto; text-align: center; background: #ebebeb; font: normal 1.4rem/4.5rem "microsoft yahei";}
.cont_right dl.li_j dd ul li p:hover{ background: #0a61b1; color: #fff;}


/*解决方案-内容*/
.cont_right dl.nr_j{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";}
.cont_right dl.nr_j dt{width: 100%; height: auto; padding-top: 1.5rem; padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: solid 1px #eee;}
.cont_right dl.nr_j dt .big_tit{font: 2.1rem/3.5rem "microsoft yahei";}
.cont_right dl.nr_j dt .sml_tit{font: 1.4rem/2.5rem "microsoft yahei"; color: #666;}
.cont_right dl.nr_j img{max-width: 100%;height:auto!important; }


/*XRF-列表*/
.cont_right ul.li_xrf{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";padding: 1.5rem 0;  border-bottom: solid 1px #eee;}
.cont_right ul.li_xrf li{width: 100%; height: auto; padding: 2rem 0;}
.cont_right ul.li_xrf li .xrf_time{width: 9%; height: auto; padding: 0 2.5%; float: left; border-right: solid 1px #eee;}
.cont_right ul.li_xrf li .xrf_time h3{font: 2.8rem/3.5rem "microsoft yahei"; height: auto;}
.cont_right ul.li_xrf li .xrf_time span{font: 1.4rem/1.8rem "microsoft yahei"; height: auto;}
.cont_right ul.li_xrf li .xrf_cont{width: 81%; height: auto; padding: 0 2%; float: left;}
.cont_right ul.li_xrf li .xrf_cont h3{font: 1.4rem/2rem "microsoft yahei"; height: auto;padding-bottom: 0.2rem}
.cont_right ul.li_xrf li .xrf_cont p{font: 1.2rem/1.8rem "microsoft yahei"; height: auto;}
.cont_right ul.li_xrf li:hover{background: #0a61b1; color: #fff;}
.cont_right ul.li_xrf li:hover .xrf_time{ border-right: solid 1px #fff;}
.cont_right ul.li_xrf li:hover a{color: #fff;}


/*联系方式-内容*/
.cont_right dl.nr_c{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";}
.cont_right dl.nr_c dt{width: 100%; height: auto; padding-top: 1.5rem; padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: solid 1px #eee;}
.cont_right dl.nr_c dt .big_tit{font: 2.1rem/3.5rem "microsoft yahei";}
.cont_right dl.nr_c dt .sml_tit{font: 1.4rem/2.5rem "microsoft yahei"; color: #666;}
.cont_right dl.nr_c dd img{max-width: 100%;}
.cont_right dl.nr_c dd p{font: 1.6rem/2.5rem "microsoft yahei",arial;}
.cont_right dl.nr_c dd.erweima{width: 100%; text-align: right; margin-top: -22%;}
.cont_right dl.nr_c dd.erweima img{width: 25%;}

/*联系方式-新闻*/
.cont_right ul.li_news{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";padding: 1.5rem 0;  border-bottom: solid 1px #eee;}
.cont_right ul.li_news li{width: 100%; height: auto; padding: 2rem 0; border-top: dashed 1px #ddd;}
.cont_right ul.li_news li:nth-child(1){border-top: 0px;}
.cont_right ul.li_news li .news_img{width: 25%; height: auto; float: left;}
.cont_right ul.li_news li .news_img img{width: 100%;height: auto;}
.cont_right ul.li_news li .news_cont{width: 72.5%; height: auto; padding-left:2.5%; float: left;}
.cont_right ul.li_news li .news_cont h3{font: 1.8rem/2.5rem "microsoft yahei"; height: auto;padding-bottom: 0.5rem}
.cont_right ul.li_news li .news_cont p{font: 1.2rem/2rem "microsoft yahei"; height: auto;}
.cont_right ul.li_news li .news_cont span{font: 1.2rem/2rem "microsoft yahei"; color: #666; display: block; height: auto;padding-top: 0.6rem}

/*技术支持-资料下载li*/
.cont_right ul.li_anc{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";padding: 1.5rem 0;  border-bottom: solid 1px #eee;}
.cont_right ul.li_anc li{width: 100%; height: auto; padding: 2rem 0; border-top: dashed 1px #ddd;}
.cont_right ul.li_anc li:nth-child(1){border-top: 0px;}
.cont_right ul.li_anc li .news_img{width: 29%; height: auto; float: left;}
.cont_right ul.li_anc li .news_img img{width: 100%;height: auto;}
.cont_right ul.li_anc li .news_cont{width: 67.5%; height: auto; padding-left:2.5%; float: left;}
.cont_right ul.li_anc li .news_cont h3{font: 1.8rem/2.4rem "microsoft yahei"; height: auto;}
.cont_right ul.li_anc li .news_cont span{font: 1.2rem/2.4rem "microsoft yahei"; color: #666; display: block; height: auto;}
.cont_right ul.li_anc li .news_cont p{font: 1.2rem/2rem "microsoft yahei"; height: auto;}
.cont_right ul.li_anc li .news_cont p.jg{padding-top: 1.5rem;}
.cont_right ul.li_anc li .news_cont p a{font: 1.4rem/1.8rem "microsoft yahei"; padding: 0.5rem 0.7rem; text-align: center; margin-right: 0.8rem; color: #666;}
.cont_right ul.li_anc li .news_cont p a:nth-child(1){background: #0a61b1; color: #fff; border: solid 1px #0a61b1;}
.cont_right ul.li_anc li .news_cont p a:nth-child(2){background: #fff; border: solid 1px #bbb;}


/*技术支持-资料下载*/
.cont_right ul.li_an{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";padding: 1.5rem 0;  border-bottom: solid 1px #eee;}
.cont_right ul.li_an li{width: 48%; height: auto; padding: 0 4% 3rem 0; float: left;}
.cont_right ul.li_an li img{width: 100%;}
.cont_right ul.li_an li:nth-child(2){padding-right: 0;}
.cont_right ul.li_an li:nth-child(4){padding-right: 0;}


/*技术支持-资料下载-经验分享*/
.an_20px{padding-top: 20px; border-bottom: solid 1px #eee;}
.an_form{width: 100%; height: auto;}
.an_form .yw_nr{width: 100%; height: auto; text-align: center; display: block;}
.an_form .yw_nr textarea{width: 92%; height: auto; font: 1.4rem/2rem "microsoft yahei"; border: solid 1px #ddd; min-height: 6rem; padding: 0.8rem 1.5%; margin: 0 2%;}
.an_form .yw_an{width: 96%; padding: 2rem 2%; height: auto; display: block; text-align: right;margin-bottom: 2rem; /* border-bottom: solid 1px #ddd; */}
.an_form .yw_an a:nth-child(3){background: #0a61b2; padding: 0.8rem 1rem;margin: 1rem 0.3rem 1rem 0.6rem; color: #fff;}
.yw_ping{width: 100%; height: auto; display: block;}
.yw_ping li{width: 100%; height: auto; border-bottom: dashed 1px #eee;}
.yw_ping li .ping_h{width: 96%; padding: 2rem 2%;}


        #list { margin: 0 auto; text-align: left; width: 100%; padding-bottom: 2rem;}
        #list .box { border-top: 1px solid #eee; position: relative;  width: 100%; padding: 2rem 0}
        #list .box:hover .close { display: block;}
        #list .close { display: none; top:0px; right: 0px; width: 28px; height: 28px; border: 1px solid #eee; position: absolute; background: #f2f4f7; line-height: 27px; text-align: center;}
        #list .close:hover { background: #c8d2e2; text-decoration: none;}
        #list .content { width: 100%;}
        #list .main { width: 100%; margin-bottom: 10px;}
        #list .txt { margin-bottom: 10px;}
        #list .user { color: #369; }
        #list .pic { margin-right: 5px; width: 200px; border: 1px solid #eee;}
        #list .info { height: 20px; line-height: 19px; font-size: 12px; margin: 0 0 10px 0;}
        #list .info .time { color: #ccc; float: left; height: 20px; padding-left: 20px; background: url("../images/bg1.jpg") no-repeat left top;}
        #list .info .praise { color: #369; float: right; height: 20px; padding-left: 18px; background: url("../images/bg2.jpg") no-repeat left top;}
        #list .info .praise:hover { text-decoration: underline; background: url("../images/bg3.jpg") no-repeat left top;}
        #list .praises-total { margin: 0 0 10px 0; height: 20px; background: url("../images/praise.png") no-repeat 5px 5px rgb(247, 247, 247); padding: 5px 0 5px 25px; line-height: 19px;}
        #list .comment-box { padding: 10px 0; border-top: 1px solid #eee;}
        #list .comment-box:hover { background: rgb(247, 247, 247);}
        #list .comment-box .comment-content { float: left; width: 100%; }
        #list .comment-box .comment-content .comment-time { color: #ccc; margin-top: 3px; line-height: 16px; position: relative;}
        #list .comment-box .comment-content .comment-praise { display: none; color: #369; padding-left: 17px; height: 20px; background: url("images/praise.png") no-repeat;  position: absolute; bottom: 0px; right: 44px;}
        #list .comment-box .comment-content .comment-operate { display: none; color: #369; height: 20px;  position: absolute; bottom: 0px; right: 10px;}
        #list .comment-box .comment-content:hover .comment-praise { display: inline-block;}
        #list .comment-box .comment-content:hover .comment-operate { display: inline-block;}

        #list .text-box .comment {width: 94%; height: auto; font: 1.4rem/2rem "microsoft yahei"; height: 2rem; border: solid 1px #ddd;  padding: 0.8rem 1.5%; margin: 0 1%;}

        #list .text-box .btn { font-size: 12px; font-weight: bold; display: none; float: right; width: 65px; height: 25px; border: 1px solid #0C528D; color: #fff; background: #4679AC;}
        #list .text-box .btn-off { border: 1px solid #ccc; color: #ccc; background: #F7F7F7;margin-top: 1rem;  margin-right: 1.8%;}
        #list .text-box .word{ display: none; float: right; margin: 7px 10px 0 0; color: #666;}

        #list .text-box-on .comment{height: 6rem;}

        #list .text-box-on .btn{ display: inline;}
        #list .text-box-on .word{ display: inline;}

/*技术支持-DEMO申请*/
.cont_right .form_zl{width: 96%; padding: 2rem 2% 2.8rem 2%; background: #f1f1f1;}
.cont_right .form_zl li{width: 100%; padding: 1rem 0;}
.cont_right .form_zl li .form_font{width: 25%; float: left; font:1.6rem/3.7rem "microsoft yahei"; text-align: right;}
.cont_right .form_zl li .form_cont{width: 72%; float: right;}
.cont_right .form_zl li .form_cont input{width: 85%; border: solid 1px #bbb; padding: 0.6rem 2%; font:1.4rem/2.5rem "microsoft yahei";}

.cont_right .form_zl li .form_cont textarea{width: 85%; border: solid 1px #bbb; padding: 0.6rem 2%; font:1.4rem/2.5rem "microsoft yahei";}
.cont_right .form_zl li .form_butt{width: 72%; float: right;}
.cont_right .form_zl li .form_butt a{font: 1.4rem/3.8rem "microsoft yahei"; padding: 0.8rem 1.5rem; margin-right: 2rem;}
.cont_right .form_zl li .form_butt a:nth-child(1){background: #0a61b1; color: #fff;}
.cont_right .form_zl li .form_butt a:nth-child(2){background: #fff; color: #333;}
.cont_right .form_zl li .form_butt a:nth-child(2):hover{background: #c1e9ff; color: #333;}
.cont_right .form_zl li .form_more{width: 72%; float: right;}
.cont_right .form_zl li .form_more label{ font:1.4rem/3.7rem "microsoft yahei"; padding-right: 0.8rem;}
.cont_right .form_zl li .form_more label input{ margin-right: 0.6rem;}


.cont_right .form_zl li .form_butt .btt{font: 1.4rem/3.8rem "microsoft yahei"; padding: 0rem 1rem;     background: #0a61b1;
    color: #fff;margin-right: 2rem;}
.cont_right .form_zl li .form_butt .btt-off{font: 1.4rem/3.8rem "microsoft yahei"; padding: 0rem 1rem;     background: #fff;
    color: #000;margin-right: 2rem;}
/*分页*/
.page{width: 100%; height: auto; text-align: center; display: block;padding: 2.5rem 0 3.5rem 0;}
.page a{padding: 0.8rem 1.5rem; border: solid 1px #eee;margin: 0 0.6rem; font: 1.4rem/2rem "microsoft yahei"; }
.page a:hover{border: solid 1px #0a61b1; background: #0a61b1; color: #fff;}
.page a.xz{border: solid 1px #0a61b1; background: #0a61b1; color: #fff;}



/*footer*/
.footer{width: 100%; height: auto; background: #313131; color: #fff;padding: 2.4rem 0;}
.footer a{color: #fff;}
.footer .foot{width: 1200px; height: auto; margin:0 auto;}
.foot .foot_left{float: left; width: 74%;}
.foot_left li{width:20%; float: left;}
.foot_left li dl{width: 100%;}
.foot_left li dl dt{width: 100%; font: 2rem/4.3rem "microsoft yahei"; margin-bottom: 1rem; background: url(../images/foot_bl_ico.png) no-repeat left bottom;}
.foot_left li dl dd{width: 100%; font: 1.4rem/3rem "microsoft yahei";}

.foot .foot_right{width:24%; float: right;}
.foot_right .foot_nr_bot{width: 100%;clear: both; padding-bottom: 1rem;}
.foot_right .foot_nr_top{padding-bottom: 1.5rem;}
.foot_right .foot_nr_top img{float: left; padding-right: 1.5rem;}
.foot_right .foot_nr_top span:nth-child(2){padding-top:1.5rem;display: block;}
.foot_right .foot_nr_top span:nth-child(3){padding-bottom:1.5rem;display: block;}
.foot_right .foot_nr_top span{font:1.4rem/2.5rem "microsoft yahei" ;display: block;}

.foot_right .foot_nr_bot img{float: left; padding-right: 0.6rem;}
.foot_right .foot_nr_bot span:nth-child(2){font:bold 2.6rem/3rem "Arial" ;color:#00a7ed; display: block;}
.foot_right .foot_nr_bot span:nth-child(3){font:1.8rem/2.1rem "microsoft yahei" ;display: block;}

.footer_small{width: 100%; height: auto;  background: #464646;}
.footer_small .foot_cmall_cont{width: 1200px; height: auto; text-align: center; margin: 0 auto; font: 1.4rem/4rem "microsoft yahei"; color: #fff;}


/*流体*/
@media screen and (max-width: 1200px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.top_b .top_b_nr{width: 98%; padding: 0 1%;}
.top .top_main{width: 100%;}
.main {width: 100%;}
.o-m{width: 100%;}
.index_cont .index_pro{width: 100%;}
.index_solu .index_solu_main{width: 100%;}
.index_about .index_about_main{width: 100%;}
.show_cont{width: 100%;}


.footer .foot{width: 98%; padding: 0 1%;}
.footer_small .foot_cmall_cont{width: 98%; padding: 0 1%;}
.cont_right ul.li_xrf li .xrf_time{width: 12%}
.cont_right ul.li_xrf li .xrf_cont{width: 78.5%}
.cont_right ul.li_xrf li .xrf_cont p{ max-height: 3.6rem; overflow: hidden;}
}


@media screen and (max-width: 1080px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.about_cont div:nth-child(1){width: 100%;}
.about_cont ul{display: none;}
.o-m .ul-t{width: 64%;}
.o-m .ul-t li{width:92%; padding-left: 8%}
.o-m .ul-t .li-img img{width: 100%;}
.show_cont .cont_left{width: 96%; padding: 0 2%; float: none;}
.show_cont .cont_right{width: 96%; padding: 0 2%; float: none;}
}

@media screen and (max-width: 960px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.index_pro .pro_cont{width: 98%; height: auto; margin: 0 auto;}
.pro_cont li{width: 47.8%; height: auto; margin-right: 2%; margin-bottom: 1rem;}
.pro_cont li:nth-child(2){margin: 0;}
.pro_cont li:nth-child(4){margin: 0;}
.pro_cont li div:nth-child(2) img{max-height: 345px;}

.index_solu_main .solu_cont{width: 98%; height: auto; margin: 0 auto;}
.solu_cont li{width: 49%; height: auto; margin-right: 2%; margin-bottom: 1rem;}
.show_cont{padding-top: 0;}
.solu_cont li:nth-child(2){margin: 0;}
.solu_cont li:nth-child(4){margin: 0;}
.solu_cont li:nth-child(6){margin: 0;}
.solu_cont li:nth-child(8){margin: 0;}
.he_slideCaptionDown img{max-width: 450px; max-height: 290px;}
.cont_right ul.li_xrf li .xrf_time{width: 12%}
.cont_right ul.li_xrf li .xrf_cont{width: 78.5%}
}


@media screen and (max-width: 768px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.top_b{display: none;}
.top{display: none;}
.banner{margin-top: 0;}

.d3{padding: 0; float: left; width: 53%;}
.d3 form{width: 100%;}

.cont_left ul{width: 100%; height: auto; padding-bottom: 0;}
.cont_right dl.li_j dt .li_img{width: 96%; padding: 1.5rem 2% 0 2%; float: none;}
.cont_right dl.li_j dt .li_con{width: 96%; padding: 1.5rem 2%; float: none;}
.cont_right dl.li_j dd ul li{width: 47.7%;}
.cont_right dl.li_j dd ul li p{width: 96%; padding: 0 2%; font: 1.4rem/4rem "microsoft yahei"; max-height: 4rem; overflow: hidden;}

.hidden-lg {display: block}
.mobile_header .menu_icon{margin:3.5rem 1.5rem;}
.mobile_header .menu{top: 100%;}
.index_nav{display: none;}
.foot .foot_left{width: 100%;}
.foot .foot_right{width: 100%; padding-top: 1rem;}
.foot_right .foot_nr_top{margin: 0 auto;}
.foot_right .foot_nr_bot{margin: 0 auto;}
.cont_right ul.li_xrf li .xrf_time{width: 14%}
.cont_right ul.li_xrf li .xrf_cont{width: 76.5%}

.slideBox .hd{bottom:0;}
.slideBox .hd li{height:5px;}
}

@media screen and (max-width: 640px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.top{display: none;}

.top_b{display: none;}
.logo{width: 70%}
.top_search{display: none;}
.index_nav{display: none;}
.banner{margin-top: 0;}
.mobile_header .menu_icon{margin:3.4rem 1.5rem;}
.mobile_header .menu{top: 100%;}
.callbacks_tabs.callbacks1_tabs{margin-top: -20px; padding-bottom: 10px;}
.about_cont div:nth-child(1){width: 96%; margin: 0 auto; float: none;}
.about_cont ul{display: none;}

.mobile_header .menu .menu_lanu a{line-height:4.2rem;}

.show_cont{margin-top: 0;}

.shwo_cont_an{padding: 2.5rem 0;}
.shwo_cont_an a{font: 1.8rem/3.5rem "microsoft yahei"; padding:1rem 8%;}

.page a{padding: 0.5rem 1rem; margin:0 0.3rem;}

.index_pro .pro_cont{width: 98%; height: auto; margin: 0 auto;}
.pro_cont li{width: 47.8%; height: auto; margin-right: 2%; margin-bottom: 1rem;}
.pro_cont li:nth-child(2){margin: 0;}
.pro_cont li:nth-child(4){margin: 0;}

.index_solu_main .solu_cont{width: 98%; height: auto; margin: 0 auto;}
.solu_cont li{width: 49%; height: auto; margin-right: 2%; margin-bottom: 1rem;}

.solu_cont li:nth-child(2){margin: 0;}
.solu_cont li:nth-child(4){margin: 0;}
.solu_cont li:nth-child(6){margin: 0;}
.solu_cont li:nth-child(8){margin: 0;}

.cont_right ul.li_xrf li .xrf_time{width: 16%}
.cont_right ul.li_xrf li .xrf_cont{width: 74.5%}

.cont_right .form_zl li .form_font{width: 100%; text-align: left; float: none;}
.cont_right .form_zl li .form_cont{width: 100%; text-align: left; float: none;}
.cont_right .form_zl li .form_more{width: 100%; text-align: left; float: none;}
.cont_right .form_zl li .form_butt{width: 100%; text-align: center; float: none;}
.cont_right .form_zl li .form_cont textarea{width: 95%;}
.cont_right .form_zl li .form_cont input{width: 95%;}

.cont_right ul.li_news li .news_img{width: 100%; float: none; padding-bottom: 1rem;}
.cont_right ul.li_news li .news_cont{width: 100%; float: none; padding-left: 0;}

.foot .foot_left{display: none;}
.footer_small .foot_cmall_cont span{display: none;}
}

@media screen and (max-width: 480px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.cont_right ul.li_anc li .news_img{width: 96%; padding: 0 2% 1rem 2%; float: none;}
.cont_right ul.li_anc li .news_cont{width: 96%; padding: 0 2% 0.6rem 2%; float: none;}


.cont_right ul.li_xrf li .xrf_time{width: 24%}
.cont_right ul.li_xrf li .xrf_cont{width: 66.5%}

.mobile_header .menu_icon{margin:1.8rem 1.5rem;}
.mobile_header .menu{top: 100%;}
}

@media screen and (max-width: 320px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/

}






/*会员中心*/
.nr_j dt.nob{margin-bottom: 0 !important;}
.nr_j dt.nob a.cz{font: 1.4rem/2.8rem "microsoft yahei"; margin-left: 1rem; padding: 0 1.2rem; color: #d00; background: #fff; border: solid 1px #d00;display: inline-block;}
.nr_j dt.nob a.cz:hover{color: #fff; background: #d00;}

ol.hy_nav{width: 100%; height: auto; margin-top: 1rem; border-bottom: solid 1px #eee;}
ol.hy_nav li{float: left;}
ol.hy_nav li a{font:1.6rem/3.5rem "microsoft yahei"; padding: 0 1.5rem; display: block;border-right: solid 1px #eee; border-top: solid 1px #eee; border-left: solid 1px #eee;}
ol.hy_nav li a.xz{background: #0a61b2; color: #fff;}
ol.hy_nav li a:hover{background: #0a61b2; color: #fff;}



/*XRF-列表*/
.cont_right dl.li_xrf{width:100%; height: auto; font: 1.4rem/2rem "microsoft yahei";padding: 1.5rem 0;  border-bottom: solid 1px #eee;}
.cont_right dl.li_xrf dd{width: 100%; height: auto; padding: 2rem 0;}
.cont_right dl.li_xrf dd .xrf_time{width: 9%; height: auto; padding: 0 2.5%; float: left; border-right: solid 1px #eee;}
.cont_right dl.li_xrf dd .xrf_time h3{font: 2.8rem/3.5rem "microsoft yahei"; height: auto;}
.cont_right dl.li_xrf dd .xrf_time span{font: 1.4rem/1.8rem "microsoft yahei"; height: auto;}
.cont_right dl.li_xrf dd .xrf_cont{width: 81%; height: auto; padding: 0 2%; float: left;}
.cont_right dl.li_xrf dd .xrf_cont h3{font: 1.4rem/2rem "microsoft yahei"; height: auto;padding-bottom: 0.2rem}
.cont_right dl.li_xrf dd .xrf_cont p{font: 1.2rem/1.8rem "microsoft yahei"; height: auto;}
.cont_right dl.li_xrf dd:hover{background: #0a61b1; color: #fff;}
.cont_right dl.li_xrf dd:hover .xrf_time{ border-right: solid 1px #fff;}
.cont_right dl.li_xrf dd:hover a{color: #fff;}