

/*body css*/
body{margin:0;font-family:"微软雅黑",Arial;font-size:14px; line-height:30px;*overflow-y:hidden;overflow-x:hidden;color:#333; background:#fff;}
a{color:#333;text-decoration:none;transition-duration:500ms;}
a:hover{text-decoration:none;transition-duration:500ms; color:#f00;}a:focus{outline:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.rela{position:relative;}.abso{position:absolute;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;color:#333;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_5,.hr_10,.hr_20{font-size:1px;line-height:1px;clear:both;_overflow:hidden;}
.hr_1{height:1px;}.hr_5{height:5px;}.hr_10{height:10px;}.hr_20{height:20px;}
/*html{overflow-x: hidden;}*/



/*标题*/
.title_01{ text-align: center; margin:50px 0; overflow: hidden; }
.title_01 p{font-size:24px; display: inline-block;padding-bottom: 5px; font-weight: bold;border-bottom:2px solid #152e77; }
.title_01 span{display: block; color: #bbb;font-size: 12px;}
.title_02{font-size:24px; line-height: 26px; margin:50px 0; overflow: hidden;}
.title_02 span{ display: block; width: 45px; border-bottom:2px solid #152e77; margin-top: 5px;}
.title_02 p{font-size: 12px; color: #999;}

.title_03{line-height: 26px; margin-bottom:30px; overflow: hidden; color: #bbb;}
.title_03 span{ display: block; width: 45px; border-bottom:2px solid #152e77; margin-top: 5px;}
.title_03 p{font-size:24px;  color: #000;font-weight: bold;}



.more_01{ text-align:center; padding-top:20px; padding-bottom:20px;}
.more_01 a{ border:1px solid #999; padding:7px 70px; display:inline-block; font-size: 14px;}
.more_01 a:hover{ background:#152e77;border:1px solid #152e77; color:#fff;}
.more_about{border:1px solid #999;overflow: hidden; width: 200px; margin: 0 auto; text-align: center; 
	line-height: 40px; }
.about-con{height: auto;}
.about-height{height: 280px;overflow: hidden; }

.ban_01{ height: 200px; background:url("../images/ban_01.jpg");background-position:center;}
.ban_02{ height: 200px; background:url("../images/ban_02.jpg");background-position:center;}
.ban_03{ height: 200px; background:url("../images/ban_03.jpg");background-position:center;}
.ban_04{ height: 200px; background:url("../images/ban_03.jpg");background-position:center;}
.ban_05{ height: 200px; background:url("../images/ban_05.jpg");background-position:center;}
.ban_06{ height: 200px; background:url("../images/ban_06.jpg");background-position:center;}
.ban_07{ height: 570px; background:url("../join/j_ban_1.jpg");background-position:center; }

.sub_title{ border-bottom:1px solid #ddd; color:#666; padding:10px 0; margin-bottom:30px; font-size: 12px;}


@media (max-width:992px) {

}
@media (max-width:768px) {
.title_01,.title_02{font-size:18px;margin:20px 0;}
.more_01{ padding-top:10px; padding-bottom:10px;}
.more_01 a{width: 100%;}
.sub_title{margin-bottom:15px;}
.ban_07{height: 200px; background-size: auto 100%;}
}

/*header*/
.topbox{ height: auto; line-height: 20px; font-size: 12px; padding: 3px 0; background:#152e77; color: #fff; overflow: hidden;}
.topbox .top_gongsi{float: left;}
.topbox .top_lianxi{ float:right; position:relative;}
.topbox .top_lianxi li{float:left; }
.topbox .top_lianxi li a{ padding:0 5px; color: #fff;}
.topbox .top_lianxi li i{ width:16px; height:13px; margin:0 3px -3px 0; display:inline-block; background:url("../images/lang.png");}
.topbox .top_lianxi .lang_01{ background-position:0 -370px;}
.topbox .top_lianxi .lang_02{ background-position:0 -66px;}

header {height:75px; background: #fff; position:relative;}
header .nav_logo {float:left; height:75px; padding:10px 0;}
header .nav_logo img{ height:100%;}
header .nav_list {float:right;}
header .nav_list li { float:left; line-height:75px;font-size:14px; margin: 0 0 0 40px; }
header .nav_list li a {display:block;}
header .nav_list li a:hover { color:#f00;}
header .nav_menu {display:none;}
header .nav_list > li:hover .nav_sub {height:auto;}
header .nav_list .nav_sub { position:absolute; margin: 0 0 0 -20px; width:200px; height:0; overflow:hidden; z-index:99; background:#fff;box-shadow: 1px 3px 5px #ccc;}
header .nav_list .nav_sub li{float: none; line-height: 35px; margin:0; }
header .nav_list .nav_sub li a{color: #333; padding:0 20px;}
header .nav_list .nav_sub li a:hover{ background: #3268fe; color: #fff;}

header .nav_list > li:hover .nav_sub2 {height:auto;}
header .nav_list .nav_sub2 {width:100%; position:absolute; left:0px; height:0;overflow:hidden; z-index:99; background:#f0f0f0;}
header .nav_list .nav_sub2 dl:last-child{ border-bottom:none;}
header .nav_list .nav_sub2 dl{ position:relative; overflow:hidden; border-bottom:1px dashed #ddd; line-height:30px;}
header .nav_list .nav_sub2 dt{ width:20%; float:left; font-weight:bold; text-align:center;}
header .nav_list .nav_sub2 dd{ width:80%; float:left;}
header .nav_list .nav_sub2 a{ padding:5px 10px; margin:0; font-size:12px;}
header .nav_list .nav_sub2 dd a{ float:left;}

/*footer*/			
footer{overflow: hidden; background:#515252 url(../images/footer_bg.jpg) top center; color: #fff;}
footer a{color:#fff;}
footer .foot_sub{padding-top:60px; padding-bottom:60px;overflow: hidden;}
footer .foot_sub h3{font-size: 18px;margin-bottom: 15px;}
footer .foot_sub h3 span{ display: block; width: 32px; border-bottom:1px solid #ccc; margin-top: 5px;}
footer .foot_sub li{font-size: 14px; padding-top: 5px;}
footer .f_copy{overflow: hidden;text-align: center; background:rgba(34,34,34,.7); padding: 30px 0;line-height: 20px; font-size: 12px;}
footer .f_copy .f_icp{padding:5px; }



@media (max-width:1400px) {
}
@media (max-width:1200px) {
}
@media (max-width:992px) {
}
@media (max-width:768px) {
header {height:60px;}
header .nav_logo { height: 60px;}
header .nav_menu {display:block;right:3%;padding:7px 5px;position:absolute;border:1px solid #152e77; border-radius:4px;margin-top:12px;z-index:99;cursor:pointer;}
header .nav_menu span {height:4px;width:25px;display:block;background:#152e77;}
header .nav_menu span + span {margin-top:4px;}
header .nav_list {position:fixed;height:100%;top:0;padding-top:50px;width:70%;left:-70%;background:#152e77;-webkit-transition:1s;transition:1s;z-index:99;display: block;}
header .nav_list > li {width:100%; overflow: hidden; text-align: center; line-height:40px; margin:0;font-size: 16px;}
header .nav_list > li a{color: #fff; border-bottom:1px solid #152e77;}
header .nav_open {left:0%; overflow:auto;}
header .nav_list .nav_sub, header .nav_list .nav_sub2{display: none;}
footer .foot_sub{padding-top:30px; padding-bottom:30px;}
footer .foot_sub ul{margin-bottom: 15px;}
footer .f_copy .f_icp{display: block;}

}

/*index*/
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.i_bg_01{ background:#ccc url(../images/i_bg_01.jpg) top center no-repeat; padding-bottom:30px; overflow: hidden;}
.i_bg_02{ background:#666 url(../images/i_bg_02.jpg) center no-repeat; padding-bottom:120px; padding-top:120px; overflow: hidden;}

.i_about{}
.i_about_txt{overflow: hidden; margin: 30px 0 60px;}
.i_about_tit{font-size:24px; line-height: 26px; overflow: hidden;}
.i_about_tit span{ display: block; width: 45px; border-bottom:2px solid #152e77; margin-top: 10px;}
.i_about_tit p{font-size: 12px; color: #999;}
.i_about_mor{width:180px;line-height: 45px; text-align:center;background: #152e77; }
.i_about_mor a{display: block; color: #fff; font-size: 14px;}
.i_about_img img{ width: 100%; }

.i_goods li{margin-bottom: 30px;}
.i_goods .title{margin: 5px 0; line-height: 20px; height: 40px;overflow: hidden;}
.i_goods a:hover{opacity: 0.6;}

.i_news_01{overflow: hidden; margin-bottom:15px;}
.i_news_01 li{overflow: hidden; transition: all 0.5s;}
.i_news_01 .news_box{background: #fff;overflow: hidden;}
.i_news_01 .title_box{padding:5px 15px; }
.i_news_01 li img{ width: 100%;transition: all 0.5s;}
.i_news_01 li p{height: 240px;overflow: hidden;}
.i_news_01 li span{display: block;color: #999; font-size: 12px; line-height: 18px;}
.i_news_01 li time{display: block; color: #999; font-size: 12px;}
.i_news_01 li:hover{transform:translateY(-5px);}
.i_news_01 li:hover img{ transform: scale(1.1);}

.i_news_02{overflow: hidden;margin-bottom:15px;}
.i_news_02 li{font-size: 14px; margin-bottom:2px;overflow: hidden;}
.i_news_02 li p{float: left;}
.i_news_02 time{float: right;color: #999;font-size: 12px;}
.i_news_02 li:before{content:"• ";}

.i_hezuo{overflow: hidden; margin-bottom: 30px;}
.i_hezuo li{margin-bottom: 30px;}
.i_hezuo li img{border: 1px solid #ccc;}

.i_hangye{overflow: hidden; text-align: center;}
.i_hangye li:hover{background:#ccc; opacity: 0.8;}
.i_hangye li p{line-height: 40px;}

.i_join_d{background:url('../images/ij_bg_01.jpg') top center; padding-top:60px; padding-bottom: 60px; margin-top: 60px;overflow: hidden;}
.i_join_d .title_d{text-align: center;}
.i_join_d .title_d p{font-size:34px; padding-bottom: 10px;}
.i_join_d .title_d b{color: #152e77;}
.i_join_d .title_d span{font-size:16px;}
.i_join_d .title_e{margin-top: 15px; margin-bottom: 30px; text-align: center;}
.i_join_d .title_e a{ padding:10px 40px; margin:0 5px;}
.i_join_d .title_e .aaa{border: 1px solid #333;}
.i_join_d .title_e .bbb{background: #f00;color: #fff;border: 1px solid #f00;}

.i_join_a{background:url('../images/ij_bg_02.jpg') center; background-attachment:fixed; color:#fff; padding-top:100px; overflow: hidden;}
.i_join_b{height:248px;background:url('../images/ij_bg_03.png') right; padding-right:102px;}
.i_join_b .ij_box{padding:0 10%;font-size:20px;}
.i_join_b a{color: #fff;}
.i_join_b .ij_bta{line-height:36px; margin-top:50px;overflow: hidden;}
.i_join_b .ij_bta span{font-size:36px; color:#f00; font-weight:bold;}
.i_join_b .ij_bta b{font-family:Impact; padding:0 10px; }
.i_join_b .ij_btb{text-align:right;line-height:30px; margin-top:10px;overflow: hidden;}
.i_join_b .ij_btb span{font-size:30px;}
.i_join_b .ij_tel{text-align:center; line-height:30px; margin-top:15px;overflow: hidden;}
.i_join_b .ij_tel p{border-radius:50px; background:#f00; padding:5px 40px; display:inline-block;}
.i_join_b .ij_tel span{font-size:30px; font-family:Impact;}
.i_join_c{width:350px; margin:30px 0 0 30px;}


@media (max-width:768px) {
body{ font-size:12px;}

.i_news_02 time{display: none;}
.i_about{padding:15px 0;}
.i_bg_02, .i_bg_01{ background:none; padding-bottom:15px; padding-top:15px;}
.i_about_tit{font-size:18px; }
.i_about_tit span{ margin-top: 5px;}
.i_about_mor{width:100%;}
.i_about_txt{height: auto;margin: 15px 0;}

.i_join_b .ij_box{padding:0;}
.i_join_b{height:auto;background-image:none; padding-right:0; text-align: center;}
.i_join_b .ij_bta{ margin-top:0;}
.i_join_b .ij_btb{text-align:center;}
.i_join_b .ij_bta span{font-size:20px;}
.i_join_b .ij_btb span{font-size:20px; display: block;}
.i_join_c{width:300px; margin:15px auto 60px;}


}

.left_title{ font-size: 18px; background: #152e77; padding:30px 20px; color: #fff;}
.left_nav{margin-bottom:15px;}
.left_nav li{ line-height:50px; font-size: 14px;}
.left_nav li a{display: block; padding-left:20px; border: 1px solid #ddd; margin-top: -1px; }
.left_nav li a:hover{ background: #152e77;border: 1px solid #152e77; color: #fff;}
.left_nav li .on{font-weight: bold; color: #152e77;}

.left_goodsnav{margin-bottom:15px;}
.left_goodsnav li{ font-size:14px; padding:20px 20px; line-height:18px; border: 1px solid #ddd; margin-top: -1px;}
.left_goodsnav li a{ padding-right: 15px;}
.left_goodsnav li a:hover{color: #152e77;}
.left_goodsnav li .on{font-weight: bold; color: #152e77;}
.left_goodsnav li ul li{font-size: 12px; line-height:20px; border:0; padding:5px 0 0 0;}

.search{margin-top: 15px; border:1px solid #ddd; overflow: hidden;}
.search .key{width:70%; float:left; height: 30px; line-height:30px; text-indent:1em; outline:none; border:none;}
.search .sub{width:30%; border:none; cursor: pointer; border-left:1px solid #ddd; float:right; background:none; line-height:30px; text-align:center;}

/*****关于我们************/

.fixedSubNav{position:fixed;top:0;left:0;z-index:1000; background: #fff;}
.fixedSubNav_hei{height:80px}
#subNav{width:100%;line-height:70px; overflow: hidden;}
#subNav ul{border-right: 1px solid #ccc;overflow: hidden;}
#subNav li{width:16.66666667%; float: left; font-size:16px;text-align: center;}
#subNav a{display:block; border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#subNav a:hover, #subNav .adv_active a{background:#152e77;color:#fff;}
#subNav .on{background:#152e77;color:#fff;}

.CaseNav {border-right: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden;}
.CaseNav li{width:16.66666667%; float: left; font-size:16px;text-align: center;}
.CaseNav a{display:block; border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; line-height:49px; height: 50px;overflow: hidden;}
.CaseNav a:hover, #subNav .adv_active a{background:#152e77;color:#fff;}
.CaseNav .on{background:#152e77;color:#fff;}

.guding_title{border-bottom: 1px solid #ccc; text-align: center; font-size:36px;line-height: 60px; overflow: hidden; margin:40px auto 60px;}
.guding_title span{border-bottom: 1px solid #152e77; padding-bottom:6px;}

/*选项卡*/
.tabs{text-align: center;overflow: hidden; margin:30px 0;}
.tabs li{ font-size:16px; padding:7px 40px; margin: 0 15px; display: inline-block; background: #ccc; color: #fff; cursor:pointer; }
.tabs .active{background: #152e77;}
.tabs_box{overflow: hidden;}
.tabs_box h3{font-size: 24px; line-height: 24px; font-weight: normal; margin-bottom: 15px;}
.tabs_box .test{margin-top: 100px;}
.tabs_box img{margin-bottom:15px;}
/*企业理念*/
.idea_left{overflow:hidden; position:relative;}
.idea_left .hd {overflow:hidden; zoom:1;text-align:center;}
.idea_left .hd li{width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ccc; display:inline-block;}
.idea_left .hd li.on{background:#152e77;}
.idea_left .bd {overflow:hidden; zoom:1; }
.idea_left .bd li{ float:left; overflow:hidden; width:25%; height:500px;}
.idea_left .bd li p{padding:0 10px; line-height:25px; overflow: hidden;}
.idea_left .bd li h2{font-size: 18px; margin: 15px 0;overflow: hidden; text-align:center;}
.idea_left .bd .pic img{width: 100%;}
.idea_left .bd li:hover h2{ color: #3268fe;}
.idea_left .bd li:hover img{opacity: 0.7;}

/*应用行业*/
.caselist{overflow: hidden; margin-top:30px;}
.caselist li{margin-bottom: 15px; }
.caselist li p{line-height:22px; font-size: 12px;}
.caselist li b{font-size: 16px;}
.caselist li img{border:1px solid #ccc; padding:4px;}

.about_01{margin-bottom: 30px; line-height: 180%;overflow: hidden;}
.about_01 .title{ font-size:24px; font-weight: bold; border-bottom:1px solid #ccc;margin-bottom: 15px; padding-bottom: 15px;}
.about_01 h3{border-left:5px solid #152e77; padding-left: 5px; margin-bottom: 15px; font-size: 16px;}
.about_01 img{margin-bottom: 15px; }
.about_01 p{margin-bottom: 15px; text-indent: 2em;}
.about_01 ul li{font-size: 12px;}

.a_network{font-size: 12px; line-height: 20px;}
.a_network li{margin-bottom: 15px;overflow: hidden;}

/*公司简介*/
.about_09{overflow: hidden;}
.about_09 h2{ font-size: 24px; color: #152e77; margin-bottom: 15px; margin-top: 60px;}
.about_09 p{ text-indent: 2em; margin-bottom:15px; margin-top: 15px;}
.about_09 li{text-align: center; color: #f00;overflow: hidden; margin-bottom: 15px;}
.about_09 span{font-size: 70px; line-height: 70px; font-family:Impact; }
.about_09 b{display: block;color: #000;}

/* 旋转木马 */
#muma_01,#muma_02,#muma_03{overflow: hidden;}
.roundabout-holder{width:700px;height:520px; margin:0 auto;}
.roundabout-moveable-item{width:375px;height:500px; cursor:pointer; background: #fff;padding:10px; border:1px solid #ccc;overflow: hidden;}
.roundabout-moveable-item img{height:100%;width:100%; }
.roundabout-moveable-item p{width:100%; padding:3px 0; text-align:center; position:absolute; bottom:10px; background:rgba(255,255,255,.7);}
/**时间轴**/
.timeline_box { position: relative; width:800px; margin: 0 auto; }
.timeline_box::after {content:'';display:table;clear:both; }
.timeline-list { position: relative; width: 100%; overflow: hidden; }
.timeline-list-wrap { position: relative; transform: translate3d(0, 0, 0); transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.timeline-item {float: left;width:800px;height:200px;}
.timeline-dots-wrap {width:100%; height:32px; overflow:hidden; margin-bottom: 15px;}
.timeline-dots-wrap.bottom {bottom:-50px;}
.timeline-dots-wrap.top {top:-50px;}
.timeline-dots {position: relative;width: 100%;height: 100%;background: url("../images/timeline_bg.png") bottom repeat-x;transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.timeline-dots li {float: left;width:80px;transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);text-align:center;overflow:hidden; }
.timeline-dots li.slide-active button {color:#f00; }
.timeline-dots button {cursor: pointer;border: none;outline: none;padding-bottom: 15px;
background: url("../images/timeline_icon.png") 25px 19px no-repeat;transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.timeline_box .tltest{margin-bottom: 15px;}
.timeline .tlimg{float: left; width:30%; padding-right: 30px;}
.timeline .tltxt{float: left; width:70%;}

/**Join ********/
.j_why{overflow: hidden; text-align: center; margin-top: 60px;}
.j_why li{margin-bottom: 15px;}
.j_why .img{ width:80px; height:80px; margin: 0 auto;transition: All 0.4s ease-in-out;}
.j_why .txt{ line-height: 22px; }
.j_why .txt h3{padding:15px 0; font-size: 16px;}
.j_why .txt p{height:88px; overflow: hidden;}
.j_why li:hover .img{opacity: 0.8;transform: rotate(360deg); -webkit-transform: rotate(360deg);}

.j_zhi{overflow: hidden; margin-bottom: 30px;}
.j_zhi li:hover{background:#3268fe; color: #fff;}
.j_zhi li{background:#ddd;}
.j_zhi li p{text-align: center; line-height: 40px;}

.j_kehu{overflow: hidden;margin-bottom: 30px;}
.j_kehu li{padding-top: 15px; padding-bottom: 15px;}
.j_kehu li:hover{color: #fff; background:#3268fe;}
.j_kehu h3{ padding:10px 0 5px;}
.j_kehu p{ height:44px;overflow: hidden; line-height: 22px;}

.j_lch{overflow: hidden; text-align: center; margin-bottom: 30px;}
.j_lch li{line-height:120px; width: 14.28571%; float: left; font-size: 18px; margin-bottom: 30px;}
.j_lch li p{width:120px; height:120px;border-radius:50%; border:2px dashed #3268fe; overflow: hidden; margin: 0 auto;}
.j_lch li p:hover{ background:#3268fe; color: #fff;  }

.j_msg{overflow: hidden;margin-bottom: 30px;}
.j_msg img{margin-bottom: 15px;}

.message{overflow: hidden;}
.message li{height: auto; margin-bottom: 15px; overflow: hidden; line-height: 25px;}
.message li span{display: block; width: 70px; float: left; font-size: 14px;}
.message li p{width: 100%; margin: 0 -70px 0 0; padding: 0 0 0 70px;}
.message input[type="text"]{width: 100%; padding: 5px; border: 1px solid #999;}
.message .anniu_01{padding:5px 50px; font-size: 14px; background: #144c8f; color: #fff; display:inline-block;}



@media (max-width:1200px) {
#subNav li{font-size:14px;}

}
@media (max-width:992px) {
#subNav li{width:33.33333%;}

}
@media (max-width:768px) {

#subNav{line-height:50px; }
#subNav li{width:50%;}
.CaseNav li{width:50%;}
.guding_title{ font-size:18px;line-height:38px; margin:20px auto;}
.about_09 h2{ font-size: 18px; margin-top: 15px;}
.about_09 span{font-size:40px; line-height:40px;}
.idea_left .bd li h2{font-size:14px;}
.idea_left .bd li {height:200px;}
.idea_left .bd li p{display: none;}



.tabs li{ font-size:14px; padding:2px 15px; margin: 0 5px;}
.tabs_box h3{font-size:16px;}
.tabs_box .test{margin-top: 0;}
.roundabout-holder{width:300px;height:320px;}
.roundabout-moveable-item{width:225px;height:300px; padding:5px;}
.timeline_box {width:300px;}
.timeline-item {width:300px;height:auto;overflow: hidden;}
.timeline .tlimg{float:none; width:100%; padding-right:0;}
.timeline .tltxt{float:none; width:100%; line-height: 22px;}

.j_lch li{line-height:100px; width:33.33333%; font-size:14px;}
.j_lch li p{width:100px; height:100px;}
.message .anniu_01{width: 100%; text-align: center;}
}




/*****新闻资讯************/
.news_list{ color:#999;overflow: hidden;}
.news_list li{ overflow:hidden; margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.news_list .nl_title{font-size: 16px;}
.news_list .nl_pic{ overflow:hidden;font-size:12px; line-height: 20px;}
.news_list .nl_pic span{ display:inline-block; padding-right:10px;}
.news_list .nl_pic span i{ margin-right:5px; }

.newsshow{ margin-bottom: 30px;}
.newsshow .title{font-size:20px;}
.newsshow .info{font-size:12px; margin:0 0 15px;overflow: hidden; color: #999;}
.newsshow p{margin-bottom: 15px;}
.newsshow img{margin-bottom: 15px;}
.newsshowtext{margin-bottom: 15px; margin-top: 15px;}

.goodslist{overflow: hidden;}
.goodslist li{ display:inline-block; vertical-align:top; float:inherit; margin-right:-3px;margin-bottom: 15px;}
.goodslist .fw_04{overflow: hidden;}
.goodslist .fw_02{line-height: 20px; padding:10px 0;}
.goodslist li img{max-width:100%; transition: all 0.6s;}
.goodslist li:hover img{transform: scale(1.1);}

.goodssshow{ margin-bottom: 30px;}
.goodssshow .title{font-size:20px; margin-bottom: 15px;}
.goodssshow .cloud-zoom{display:block;margin-bottom:10px; height: 300px;overflow: hidden; }
.goodssshow .cloud-zoom img{width:100%;}
.goodssshow .zoomlist {margin-left: -5px; margin-right: -5px; margin-bottom: 15px; overflow: hidden;}
.goodssshow .zoomlist li{float:left;width:20%; height: 55px; padding:0 5px;}




@media (max-width:1200px) {


}
@media (max-width:992px) {


}
@media (max-width:768px) {

.slideBox{ width:120%; left: -10%; right: -10%;}
.left_title{padding:20px 20px;}
.news_list .nl_title{font-size:14px;}
.news_list .nl_pic{line-height: 20px;}
.newsshow .title{  margin:10px 0; font-size:16px;}
.newsshow .info{ font-size:12px; margin:10px 0;}
.about_01 .title{ font-size:18px;}
.about_09 p, .about_09 h2{ margin-bottom: 0;}
}


/*分页样式*/
.page_info{text-align:center;margin:50px 0;color:#333; overflow:hidden;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{line-height:30px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin:50px;overflow:hidden;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:5px 13px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}



/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#3268fe;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 20px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:14px;border-bottom:1px solid #e3e3e3; }
#floatDivBoxs .floatDqq li img{width: 20px;margin-right: 10px;}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:5px 14px;}
#floatDivBoxs .qrcode{padding:0 0 10px 10px;}
#floatDivBoxs .floatDtel{padding:0 0 0 15px; font-size:16px; font-weight: bold; color: #3268fe}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

@media (max-width:768px) {
#floatDivBoxs,#rightArrow{display: none;}

}
/*弹窗说明*/
.alert_windows{display:none;position: fixed;right: 0; left: 0; bottom:0;z-index:10;background:#ddd; }
.alert_windows .alert_txt{padding:15px 0; }
.alert_windows .alert_btn{margin-bottom:15px; }
.alert_windows .alert_btn span{cursor:pointer;  color:#fff;background:#152e77; padding:5px 20px; margin-right: 15px;}