/* CSS Document */

* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}

body {
  color: #464646;
  font-family: "微软雅黑",Arial ;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

img{border: none;vertical-align:middle;max-width: 100%;}

ul{
	list-style-type: none;
}

a{
  color: #464646;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
a:hover{ color: #2B4A9C; }

a.blue{
  color: #258DDE;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.blue:hover{ color: #464646; }

a.more{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:10px 35px;
}
a.more:hover{ background:#BD172E; }

a.more2{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:6px 35px;
}
a.more2:hover{ background:#2C5D00; }


p{font-size: 14px;line-height: 22px; font-weight: 100;font-family: "微软雅黑",Arial;}

.left{float: left;}
.right{float: right;}
.c { text-align:center}
.r { text-align:right}
.t_l { text-align:left}
.bg_bai{background:#fff;}

.font_blue{ font-size:22px; color:#3399CC;}

.bold{font-weight:bold;}
.blue{ color:#3652A0;}
.white{color:#fff;}
.line{ width:39px; height:3px; background:#258DDE; float:left; margin:19px 0 27px 0;}
.button1 a{ width:134px; height:32px; line-height:32px; background:#BF9F62; position:relative; float:left; margin-top:20px; color:#fff; font-size:14px; text-align:center;border-radius:7px;-moz-border-radius:7px;}
.button1 a:hover{ background:#283340;font-size:16px;}
.more a{ float:right; margin-right:5px; font-size:12px;}
.mt{ margin-top:60px;}
.mt2{ margin-top:140px;}
.pd52{padding:52px 0;}
.pd39{padding:39px 0;}
.container{ width:1440px; margin:0 auto;}

a.button{ padding:3px 20px; background:#D4262F;color:#fff; font-size:12px;border-radius: 25px;-moz-border-radius:25px;}
a.button:hover{ background:#005591; color:#fff; }
.lh28{ line-height:28px;}
.ft15{ font-size:15px;}
.lh25{ line-height:25px;}

h2{font-size: 36px;line-height: 36px; color:#3C58A5; margin-top:135px;}
h3{font-size: 20px;line-height: 20px; font-weight:lighter; color:#3A96F7;}
h4{font-size: 16px;line-height: 30px;margin-bottom: 0px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}

a.button1{ height:42px; width:180px; background:#D40F0F; text-align:center; font-size:14px; line-height:42px; color:#fff;  display:inline-block; cursor:pointer; }
a:hover.button1{ background:#00428E; font-size:17px;}


/*-------------------- -------------------- -------------------- header -------------------- -------------------- -------------------- */
#top{width:100%; background:#258DDE; float:left; padding:25px 0; }


/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:left; width:100%; line-height:45px; }
#nav ul{ margin:0; padding:0; }
#nav ul li{ width:135px; font-size:15px; text-align:center;float:left; margin-right:12px;  position:relative;}
#nav ul li a{ width:135px; font-size:15px; text-align:center;float:left; }

#nav ul li a.active{ width:135px;font-size:15px; color:#258DDE;float:left; text-align:center;line-height:43px;border-bottom:2px solid #258DDE;}


#nav ul li ul {display: none;}
#nav ul li:hover ul {
display:block;
position:absolute;
width:auto;
z-index:10000;
}
#nav ul li ul{
margin-top:45px;
width:135px;

}
#nav ul li ul li {

line-height:40px;
display:block;
white-space:nowrap;
margin-right:0;
background:#258DDE;
margin-bottom:1px;
}
#nav ul li:hover ul li a {
display:block;
line-height:40px;
color:#fff;
font-size:14px;

}
#nav ul li:hover ul li a:hover {
line-height:40px;
color:#fff;
font-size:16px;
border-bottom:none;
width:135px;
background:none
}


#nav ul li:hover > a {font-size:17px; color:#258DDE; border-bottom:2px solid #258DDE; line-height:43px;}


<!--menu-->
.navbox{height:45px;position:relative;z-index:999999; margin:auto;font-family:'微软雅黑'; float:left}
.nav2{width:100%;margin:0 auto;height:45px; list-style:none; float:left;}
.nav2 li{width:94px; font-size:15px; text-align:center;float:left; margin-right:12px; position:relative; line-height:45px;  }
.nav2 li.last{background:none;}
.nav2 li a{text-decoration:none; cursor:pointer;}
.nav2 li a span{ width:135px; font-size:15px; text-align:center;float:left; }
.nav2 li a span:hover{font-size:17px; color:#258DDE; border-bottom:2px solid #258DDE; line-height:43px;}

.nav2 li.selected .submenu{display:block;}
.nav2 li .submenu{display:none;position:absolute;top:37px;left:-68px;z-index:999999;}
.nav2 li .submenu li{float:left; margin-left:10px;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}

.nav2 li:hover > a span{font-size:17px; color:#258DDE; border-bottom:2px solid #258DDE; line-height:43px;}

.mj_menu_li_txt{ float:left;line-height:26px; font-size:14px; color:#fff; text-align:left; }
.mj_menu_li_txt font{ color:#fff;}
.mj_menu_li_txt a{color:#fff; text-decoration:none;}
.mj_menu_li_txt a:hover{font-weight:bold}

.mj_menu_news_bg{width:292px; height:106px; background:url(../images/xmenu_bg3.png) no-repeat;}
.mj_menu_news_main{width:280px; margin:auto; padding-top:15px;}
.mj_menu_news_li{padding:0px 21px; margin-right:20px; height:80px; float:left; border-right:solid 1px #cccccc; }
.mj_menu_news_img{float:left; margin-top:8px;}
.mj_menu_news_li2{padding:0px 30px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.mj_menu_news_li3{padding:0px 25px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img3{float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}

.mj_menu_pro_bg{width:372px; height:170px; background:url(../images/xmenu_bg3.png) no-repeat;}
.mj_menu_pro_main{width:300px; margin:auto; padding-top:15px;}
.mj_menu_pro_li{ float:left;}

.mj_menu_list_bg{width:1000px; height:300px; background:url(../images/xmenu_bg4.png) no-repeat;}
.mj_menu_list_main{width:970px; margin:auto; padding:15px;}
.mj_menu_list_li{ float:left;}

.mj_menu_list_txt{ float:left;line-height:23px; font-size:14px; color:#fff; text-align:left; width:210px; margin:0 16px; }
.mj_menu_list_txt .title_big{ float:left;line-height:45px; font-size:14px; color:#fff; text-align:left; width:210px; border-bottom:1px solid #fff; margin-bottom:8px; font-weight:bold; margin-top:10px;}
.mj_menu_list_txt .title_big img{ float:left; width:35px; margin-right:7px;}

.mj_menu_list_txt font{ color:#fff;}
.mj_menu_list_txt a{color:#fff; text-decoration:none;}
.mj_menu_list_txt a:hover{font-weight:bold}


.nav2 li a.active{width:135px;font-size:15px; color:#258DDE;float:left; text-align:center;line-height:43px;border-bottom:2px solid #258DDE;}



/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%;float:left; }
#banner_about{ width:100%;float:left; height:400px; background:url(../images/banner_nei_1.jpg) center no-repeat; }
#banner_products{ width:100%;float:left; height:400px; background:url(../images/banner_nei_2.jpg) center no-repeat; }
#banner_products_show{ width:100%;float:left; height:320px; background:url(../images/banner_nei_2_2.jpg) center no-repeat; }
#banner_cases{ width:100%;float:left; height:400px; background:url(../images/banner_nei_3.jpg) center no-repeat; }
#banner_service{ width:100%;float:left; height:400px; background:url(../images/banner_nei_4.jpg) center no-repeat; }
#banner_contact{ width:100%;float:left; height:400px; background:url(../images/banner_nei_5.jpg) center no-repeat; }


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%;float:left; padding:61px 0; background:url(../images/list_bg.jpg) top center no-repeat; background-size:cover;}

.title_zi{ font-size:28px; color:#000;}
.title_zi span{ font-size:12px;}

#list .liebiao{ width:248px;float:left; }
#list .liebiao ul{ width:100%; float:left; margin:36px 0;}
#list .liebiao ul li{ width:100%; line-height:24px; float:left; text-indent:25px; background:url(../images/list_arrow.png) top left no-repeat; margin-bottom:20px;}
#list .liebiao ul li a{ width:100%; float:left;color:#333; font-size:15px; cursor:pointer;}
#list .liebiao ul li a:hover{ color:#0176F4;}
#list .liebiao ul li a.a2{ width:100%;float:left; color:#0176F4; font-size:15px;}
#list .liebiao ul li ul{ margin:0;}
#list .liebiao ul li ul li{ width:100%; line-height:24px; float:left; text-indent:25px; background: none; margin-bottom:0;}
#list .liebiao ul li ul li a{ width:100%; float:left; font-size:14px; color:#888;}
#list .liebiao ul li ul li a:hover{ color:#0176F4;}

#list .liebiao .bt_more a{ width:136px; line-height:40px;background:#fff; color:#666; float:left;text-align:center; font-size:13px; border:1px solid #E0E0E0;}
#list .liebiao .bt_more a:hover{ background:#0277F4; border:1px solid #0277F4; color:#fff; font-size:16px;}


#list .con{ width:1170px;float:right; }
#list .con .biaoti{ width:1150px;float:right;}

#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:272px; height:272px; float:left; margin-left:20px; margin-top:20px; position:relative;}

#list .con ul li .li-bg{ width:290px; height:290px; background:#000; position:absolute; left:0; top:0; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none; }
#list .con ul li:hover .li-bg{ display:block;}
#list .con ul li .li-m{position:absolute; top:70px;width:290px;display:none; color:#fff; text-align:center;}
#list .con ul li .li-m i{ width:38px; height:38px; background:url(../images/list_fdj.png); margin-bottom:17px; display:inline-block; }
#list .con ul li .li-m p{font-size:18px; font-weight:bold;}
#list .con ul li:hover .li-m{ display:block;}
.button3 a{ width:94px; line-height:30px;font-size:14px; color:#fff; display:inline-block; text-align:center; border:1px solid #fff; margin-top:35px;}
.button3 a:hover{ background:#fff; color:#000;text-decoration:none;  font-weight:bold;}


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%; height:700px; float:left; background:url(../images/about_bg.jpg) center no-repeat;}

#about .tex{ width:674px; margin-top:125px;float:right; margin-right:150px;}

#about p{ line-height:20px; width:100%; float:left; }

#about .tex ul{ width:100%; float:left; margin-top:37px;}
#about .tex ul li{ width:68px; margin-right:67px; float:left; text-align:center;}
#about .tex ul li p{ width:100%;float:left; line-height:28px;color:#000;}
#about .tex ul li:hover p{ color:#258DDE; font-weight:bold;}


/*-------------------- -------------------- -------------------- honor -------------------- -------------------- -------------------- */
#honor{ width:100%; float:left; margin:67px 0; text-align:center;}
#honor img:hover{opacity:0.7;filter(alpha=70) }


#honor dl p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
	padding-top: 20px;
    font-family: "微软雅黑", Arial;
}


#tjprod{width:100%; float:left; margin:67px 0; text-align:center;}
.tj_cont{}
.tj_cont ul li{float:left;margin:9px;text-align: center;font-size: 16px;}


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli{ width:100%; float:left; background:#F2F2F2; padding:62px 0;text-align:center;}
#anli .col_1{ width:517px; float:left; margin-right:7px;}
#anli .col_1 .top_title{ width:472px; float:left; padding:21px 22px; background:#fff; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8;}
#anli .col_1 .top_title p{ width:100%; float:left; color:#666; line-height:20px; margin-top:8px;}

#anli .col_2{ width:292px; float:left; margin-right:7px;}
#anli .col_2 .button_more22{ width:292px;padding-top:58px; height:100px; background:url(../images/anli_more.jpg); float:left; text-align:center;}
#anli .col_2 .button_more22 a{ width:136px; line-height:40px; display:inline-block;text-align:center; color:#fff; border:1px solid #B9B9B9;}
#anli .col_2 .button_more22 a:hover{ background:#fff; color:#000;border:1px solid #fff; font-size:17px;}

#anli .col_3{ width:377px; float:left;}
#anli .col_3 .intro{ width:321px; height:58px; background:#258DDE; padding:28px; color:#fff; float:left; line-height:32px; font-size:20px;}


/*-------------------- -------------------- -------------------- lxfs -------------------- -------------------- -------------------- */
#lxfs{ width:100%; float:left; margin:55px 0; }
#lxfs .left_table{ width:733px; float:left; padding:13px 50px 13px 14px; border-right:1px solid #D9D9D9; }
#lxfs .left_table td,th {
	font-size: 13px;
	font-family: 微软雅黑;
	padding:12px 10px;
}
#lxfs .right_xinxi{ width:340px; float:right; margin-right:17px;}
#lxfs .right_xinxi .title_rr{ width:100%; float:left; font-size:34px; color:#5A5A5A; margin-top:20px;}
#lxfs .right_xinxi .tex_nr{ width:100%; float:left; margin:21px 0; border-bottom:1px solid #E1E1E1;border-top:1px solid #E1E1E1; padding:12px 0; font-size:15px; color:#5A5A5A; line-height:26px;}
#lxfs .right_xinxi .tex_nr img{ margin:-3px 7px 0 0;}
#lxfs .right_xinxi .tex_tel{ width:100%; float:left; font-size:20px; color:#5a5a5a;}
#lxfs .right_xinxi .tex_tel span{ font-size:33px; color:#3399CC; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


.left_table_nei{ width:100%; float:left; }
.left_table_nei td,th {
	font-size: 13px;
	font-family: 微软雅黑;
	padding:12px 10px;
}
/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:764px; float:left; margin:47px 47px 47px 0; }
#news ul{ margin:0; padding:0}
#news ul li{ width:736px; padding:22px 0 22px 28px ; float:left; border-bottom:1px dotted #BCBCBC; }
#news ul li .kuai{ width:80px; height:80px; line-height:80px; background:#198EDE; float:left; margin-right:34px; color:#fff; font-size:37px; font-weight:bold; font-style:italic; text-align:center; }
#news ul li .tex{ width:622px; line-height:24px; float:left; margin-top:5px;}

#news ul li a.title{ font-size:16px;font-weight:bold;}

.swiper-container{
  display: none;
}
/*-------------------- -------------------- -------------------- hezuo -------------------- -------------------- -------------------- */
#hezuo{ width:100%; float:left; padding:59px 0; background:url(../images/hezuo_bg.jpg) top center no-repeat;}

.rollBox{width:100%;float:left;overflow: hidden;  margin-top:40px;}
.rollBox .LeftBotton
{ 
height: 56px; 
width: 39px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:16px 23px 0 0; 
cursor: pointer;  
}
.rollBox .LeftBotton1
{ 
height: 56px; 
width: 39px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:65px 23px 0 0; 
cursor: pointer;  
} 
.rollBox .RightBotton
{ 
height: 56px; 
width: 39px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 16px 0 0 23px; 
cursor: pointer; 
} 
.rollBox .RightBotton1
{ 
height: 56px; 
width: 39px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 65px 0 0 23px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1290px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic,.rollBox .Cont .pic1
{ width:209px; float:left; margin:0 3px;
} 
.rollBox .Cont .pic img
{ 
border: 1px solid #E1E1E1; 
display: block; 
margin: 0 auto; 
width:207px; height:84px;
} 
.rollBox .Cont .pic1 img
{ 
border: 1px solid #E1E1E1; 
display: block; 
margin: 0 auto; 
width:207px; height:160px;
} 
.rollBox .Cont .pic p ,.rollBox .Cont .pic1 p 
{ 
line-height: 58px; text-align:center 
} 


.rollBox #List1, .rollBox #List2 ,.rollBox #AL_List1, .rollBox #AL_List2 
{ 
float: left; 
} 


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:#3C4248;float:left; color:#fff; font-size:13px; padding:54px 0; }

#footer .con{ width:379px;float:left; padding-left:32px;}
#footer .con span{ font-size:28px; font-family:Impact;}
#footer .con p{ float:left; line-height:35px;}
#footer .con p img{ margin:-3px 0 0 0;}


#footer .con_r1{ width:250px;float:right; color:#9CA0A6;}
#footer .con_r1 span{ font-size:20px;}
#footer .con_r1 ul{ width:100%; float:left; margin-top:10px;}
#footer .con_r1 ul li{ width:102px; line-height:28px; text-align:center;  margin-top:6px; float:left;}
#footer .con_r1 ul li a{ width:102px; line-height:28px; text-align:center; background:#292D32; color:#9CA0A6;float:left;}
#footer .con_r1 ul li a:hover{ background:#fff; color:#3C4248;}

.m_r32{ margin-right:32px;}
.m_r45{ margin-right:45px;}
.m_r95{ margin-right:95px;}

#copy{ width:100%;float:left; background:#292D32;line-height:60px; color:#757575; text-align:center; font-size:13px;}
#copy a{color:#757575; font-size:13px;}
#copy a:hover{ color:#fff;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:50px auto; float:left}
.location{ width:100%; line-height:60px; float:left; background:url(../images/location_bg.png);margin-top:-110px;}
.location .on{ width:120px; padding-left:30px; float:left;  background:url(../images/location_bg1.png) right center no-repeat; color:#fff; font-size:20px;}
.location ul{ width:1050px; float:right; line-height:59px; border-bottom:1px solid #EAEAEA;}
.location ul li{ width:auto; float:right; margin:0 19px;}
.location ul li a{ font-size:14px; color:#666;}
.location ul li a.onon{ font-size:15px; color:#258DDE;}

.title_main{ width:100%; float:left; text-align:center; margin-bottom:30px;}

.liebiao_nei{ width:248px;float:left; }
.liebiao_nei ul{ width:100%; float:left; margin:36px 0;}
.liebiao_nei ul li{ width:100%; line-height:24px; float:left; text-indent:25px; background:url(../images/list_arrow.png) top left no-repeat; margin-bottom:20px;}
.liebiao_nei ul li a{ width:100%; float:left;color:#333; font-size:15px; cursor:pointer;}
.liebiao_nei ul li a:hover{ color:#0176F4;}
.liebiao_nei ul li a.a2{ width:100%;float:left; color:#0176F4; font-size:15px;}
.liebiao_nei ul li ul{ margin:0;}
.liebiao_nei ul li ul li{ width:100%; line-height:24px; float:left; text-indent:25px; background: none; margin-bottom:0;}
.liebiao_nei ul li ul li a{ width:100%; float:left; font-size:14px; color:#888;}
.liebiao_nei ul li ul li a:hover{ color:#0176F4;}

.liebiao_nei .bt_more a{ width:136px; line-height:40px;background:#fff; color:#666; float:left;text-align:center; font-size:13px; border:1px solid #E0E0E0;}
.liebiao_nei .bt_more a:hover{ background:#0277F4; border:1px solid #0277F4; color:#fff; font-size:16px;}


.con_nei{ width:1170px;float:right;}

.con_nei .title{ width:100%; float:left; line-height:40px;  margin-bottom:25px; color:#ADADAD; background:#F3F3F3; text-indent:15px;}
.con_nei .title a{color:#ADADAD;}
.con_nei .title a:hover{color:#3399CC;}
.con_nei .title img{ margin:-4px 6px 0 0;}

.con_pro{  width:100%; float:left; }
.con_pro ul{ margin:0; padding:0;}
.con_pro ul li{ width:252px; margin:0 14px 28px 14px; padding:5px; border:1px solid #ccc; float:left;}
.con_pro ul li img{ width:252px; height:252px;}
.con_pro ul li p{ width:240px; float:left; line-height:35px; text-align:center;}
.con_pro ul li:hover{border:1px solid #3399CC; background:#3399CC;}
.con_pro ul li:hover p{ color:#fff;}

.con_pro2{  width:100%; float:left; }
.con_pro2 ul{ margin:0; padding:0;}
.con_pro2 ul li{ width:450px; margin:0 7px 28px 7px; float:left;}
.con_pro2 ul li a{ width:430px;  padding:10px; border-bottom:1px solid #ccc; float:left; font-size:16px; background:#EFEBEB;}
.con_pro2 ul li a span{ font-size:24px; font-weight:bold; margin-right:15px; font-family:Arial, Helvetica, sans-serif;}
.con_pro2 ul li a:hover{ color:#fff; background:#1E8FDB;}


.location_show{ width:100%; float:left; line-height:48px; color:#ADADAD;}
.location_show a{color:#ADADAD;}
.location_show a:hover{color:#3399CC;}
.location_show img{ margin:-4px 6px 0 0;}

.show_nei{ width:100%; padding:58px 0; float:left; background:#f4f4f4;}
.show_nei .col_pic{ width:100%; float:left; margin:17px 0 47px 0; text-align:center;}
.show_nei .col_pic img{ width:600px; margin:0 22px;}
.show_nei .col_half{ width:48%; display:inline-block; margin-bottom:56px;}
.show_nei .col_half2{ width:48%; display:inline-block;}

.show_nei .col_hole_title{ width:100%; float:left; line-height:44px; border-bottom:1px solid #248DDE; font-size:22px; color:#fff; text-align:center; margin-bottom:32px;}
.show_nei .col_hole_title .blue_1{ width:199px; float:left; background:url(../images/show_l_blue_titlebg.png); padding-left:15px; }
.show_nei .col_hole_title .blue_2{ width:148px; float:left; background:url(../images/show_l_blue_titlebg2.png); padding-left:15px; }

.show_nei .col_details{ width:100%; float:left; margin-top:20px; margin-bottom:60px;}
.show_nei .col_details ul{ margin:0; padding:0;}
.show_nei .col_details ul li{ width:548px; background:#fff; padding:16px; border:2px dashed #ccc; margin:28px 8px 0 8px; float:left;border-radius: 15px;-moz-border-radius:15px; }
.show_nei .col_details ul li img{ width:242px; height:223px;float:left;border-radius: 13px;-moz-border-radius:13px;}
.show_nei .col_details ul li .jieshao_r{ width:282px; float:right;}
.show_nei .col_details ul li .jieshao_r span{ font-size:18px; font-weight:bold; color:#000; float:left; margin-bottom:5px; width:100%;}
.show_nei .col_details ul li .jieshao_r p{ width:100%; text-indent:30px; line-height:18px; }

.honors_show{ width:1440px; float:left; margin:20px 0 48px 0; text-align:center;}
.honors_show img{  margin:0 15px; display:inline-block;}



.biaoti_black{ font-size:18px; color:#000; font-weight:bold;}

.con_tex{ margin-top:20px; width:100%; float:left; }

.con_nei p{ line-height:28px; }

.con_weizi{color:#fff; float:right; margin-top:260px;}
.con_weizi a{color:#fff;}
.con_weizi a:hover{color:#00AFDF;}

.con_weizi2{color:#444; float:right; margin-top:260px;}
.con_weizi2 a{color:#444;}
.con_weizi2 a:hover{color:#00AFDF;}

.con_news{  width:910px; float:left; }
.con_news ul{ margin:0; padding:0;}
.con_news ul li{ width:100%; float:left; line-height:45px; border-bottom:1px dashed #D5D5D5;}
.con_news ul li i{ width:5px; height:5px; background:#FF0000;border-radius: 50%;-moz-border-radius:50%; float:left; margin:20px 10px;}
.con_news ul li span{ float:right; color:#989898; font-size:12px;}

.con_lx{width:33%; float:left; text-align:center; line-height:25px; margin-bottom:50px; margin-top:60px;}
.con_lx span{ font-size:18px;}

.con_honors{  width:100%; float:left; }
.con_honors .fenlei{  width:100%; float:left; text-align:center; margin-bottom:20px; }
.con_honors .fenlei a{ padding:8px 20px; background:#DDDDDD; color:#333; display:inline-block; margin:0 10px;}
.con_honors .fenlei a:hover{ background:#258DDE; color:#fff;}

.con_honors ul{ width:100%; float:left; margin-bottom:30px;}
.con_honors ul .title_name{ width:100%; float:left; border-bottom:1px solid #258DDE; margin-bottom:20px; }
.con_honors ul .title_name span{ width:auto; float:left; font-size:18px; color:#fff; padding:8px 20px; background: #258DDE;}
.con_honors ul li{ width:200px; margin:0 14px 28px 14px; padding:5px; border:1px solid #ccc; float:left;}
.con_honors ul li img{ width:200px;}
.con_honors ul li p{ width:200px; float:left; line-height:35px; text-align:center;}
.con_honors ul li:hover{border:1px solid #3399CC; background:#3399CC;}
.con_honors ul li:hover p{ color:#fff;}

.con_cases{  width:100%; float:left; margin-top:30px; }
.con_cases ul{ margin:0; padding:0;}
.con_cases ul li{ width:320px; margin:0 14px 28px 14px; padding:5px; border:1px solid #ccc; float:left;}
.con_cases ul li img{ width:320px; height:230px;}
.con_cases ul li p{ width:320px; float:left; line-height:35px; text-align:center;}
.con_cases ul li:hover{border:1px solid #3399CC; background:#3399CC;}
.con_cases ul li:hover p{ color:#fff;}


/*-------------------- -------------------- -------------------- page -------------------- -------------------- -------------------- */
.pages{ width:100%; float:left; line-height:40px; text-align:center; margin-top:15px;}

p.zhengwen{ line-height:33px; text-indent:30px; font-size:15px;}
p.zhengwen2{ line-height:33px; font-size:15px;}
p.zhengwen2 img{ margin:-5px 10px 0 0;}

p.zhengwen3{ line-height:26px; font-size:15px;}
p.zhengwen3 img{ margin:-5px 10px 0 0;}

p.zhengwen4{ line-height:18px; font-size:14px; margin-top:10px; margin-left:13px;}

.pro_tips{width:auto; padding:6px 40px; background:#ff0000; color:#fff;border-radius: 25px;-moz-border-radius:25px; float:left; font-size:16px; font-weight:bold; margin:20px 0 60px 0;}



.autos{
  display: block;;
}
.hiddens{
  display: none;
}



/* ------------------------------------- */
@media screen and (max-width: 1440px) {
  .container,.honors_show{
    width: 100%;
  }
  .container .right{
    display: none;
  }
  .nav2 ul{
    display: flex;
  }
  .nav2 ul li{
    flex: 1;
  }
  .nav2 li a.active{
    width: 100%;
  }
  .nav2 li a span{
    width: 100%;
  }
  #list .container{
    display: flex;
  }
  #list .con ul li{
    width: 30%;
    margin-left: 0;
  }
  #list .con{
    flex:1;
    width: auto;
  }
  #list .con .biaoti{
    width: 100%;
  }
  #list .con ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #list .con ul li{
    height: auto;
  }
  #list .con ul li .li-bg{
    width: 100%;
    height: 100%;
  }
  #list .con ul li .li-m{
    width: 100%;
  }
  #list .con ul li .li-m p{
    font-size: 14px;
  }
  
  .container{
    overflow: hidden;;
  }
}
@media screen and (max-width: 1050px) {
  #list .container,#list .liebiao ul li ul#tr1{
    flex-wrap: wrap;
  }
  #list .liebiao,.location ul{
    width: 100%;
  }
  #list .con{
    width: 100%;
  }
  #list .liebiao ul{
    display: flex;
    flex-wrap: wrap;
  }

  #list .liebiao ul li ul#tr1 li{
    width: 100%;
    flex: auto;
  }
  #list{
    padding: 20px 0;
  }
  #footer .con{
    width: auto;
    flex: 1;
  }
  #footer .container{
    display: flex;
  }
  .con_nei{
    width:100%;
  }
  #banner{
    display: none;
  }
  .swiper-container{
    display: block;
  }
  #lxfs .left_table{
    width: inherit;
    overflow-x: auto
  }
  #anli .container{
    display: flex;
    flex-wrap: wrap;
  }
  #anli .col_1{
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .rollBox .Cont .pic{
    width:125px;
  }
  .rollBox .Cont .pic img{
    width: 125px;
    height: 50px;
  }
  .rollBox .Cont .pic1 img{
    width: 125px;
    height: 125px;
  }
  #banner_about{
    background-size: cover;
    height: 250px;
    background-position-x:72%; 
  }
  #banner_products,#banner_cases,#banner_service,#banner_contact{
    height: 200px;
    background-position-x:72%; 
    background-size: cover;
  }
  .show_nei .col_half{
    width:100%;
  }
  .honors_show{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .honors_show img{
    width: 45%;
    margin:0;
  }
  .show_nei .col_details ul li{
    width:auto;
  }
  .autos{
  display: none;
}
.hiddens{
  display: block;
}

  .nav2 li a span{
    font-size: 12px;
  }
  .location { line-height: 30px;}
  .title_zi span{
    display: none;
  }
  p.zhengwen,p.zhengwen2,p.zhengwen3{
    font-size: 13px;
    padding:0 10px;
  }
  p.abouts_text{
    font-size: 14px!important;
  }
  table.testss tr{
    display: flex;
    flex-wrap: wrap;;
  }
  table.testss td{
    width:100%!important;
  }
  .con_honors ul li{
    width:92%;
    margin:0 auto;
  }
  .con_honors ul li img{
    width:100%;
  }
  .con_pro ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .con_pro ul li,.con_cases ul li{
    width:48%;
    padding:0;
    margin:0;
  }
  .con_pro ul li img,.con_cases ul li img{
    width:100%;
    height: auto;
  }
  .con_pro ul li p{
    width:100%;
    text-align: center;
    font-size: 12px;
  }
  .nav2{
    height: auto;
  }
  .nav2 ul{
    flex-wrap: wrap;
  }
  .nav2 ul li{
    flex:none;
    width:auto;
    margin:0 12px;
  }
  #footer .container{
    flex-wrap: wrap;
    width: 100%;
  }
  #footer .con{
    width:100%
  }
  #footer .con_r1{
    width: 100%;
  }
  #footer .con_r1 ul,#footer .con_r1 ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .m_r95,.m_r32,.m_r45{
    margin:0;
  }
  .location ul{
    line-height: 30px;
    display: flex;
    background: #fff;
    flex-wrap: wrap;
  }
  .liebiao_nei{
    width:100%;
  }
  .liebiao_nei ul{
    margin:0;
    margin-left: 20px
  }
  .title_zi{

    margin-left: 20px;
  }
  #footer .con_r1 ul li{
    width:30%;
  }
  .container_nei table.contactss tbody{
    display: flex;
    flex-wrap: wrap;
  }
  .container_nei table.contactss tbody tr{
    width: 100%;
  }
  .container_nei table.contactss tbody .displays{
    display: flex;
    flex-wrap: wrap;;
  }
  .table_left{
    width:100%!important;
  }
  #about .tex{
    width: 100%;
    margin:0;
  }
  .title_zi{
    font-size: 18px;
  }
  #about p{
    margin:0 10px;
    font-size: 14px;
    width: auto;
  }
  #about .tex ul{
    display: flex;
    justify-content: space-around;
  }
  #about .tex ul li{
    margin:0;
  }
  #about{
    height: 440px;
  }
  #anli{
    padding: 0
  }
  #anli .col_1 .top_title{
    width: auto;
    padding: 20px;
  }
  #anli .col_2,#anli .col_2 img,#anli .col_2 .button_more22{
    width: 100%;
  }
  .rollBox .Cont{
    width: 90%;
  }
  .rollBox .LeftBotton,.rollBox .RightBotton,.rollBox .LeftBotton1,.rollBox .RightBotton1{
    height: 40px;
    width: 16px;
    margin:auto;
    background-size:100%;
    margin-top:15px;
  }
  .rollBox #List1, .rollBox #List2,.rollBox #AL_List1, .rollBox #AL_List2 {
    display: flex;
  }
  #lxfs{
    overflow: hidden;
  }
}

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



.jsyy .th:after,.jsyy th:before{display:table;content:" "}
.jsyy .th{margin:20px auto;text-align: center;}
.jsyy .th ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.jsyy .th ul li{margin:0 5px;display: inline;background:#258dde;padding:10px;}
.jsyy .th ul li a,.jsyy .th ul li a.visited{color:#fff;}
.jsyy .th ul li.active{border:1px solid #258dde;background-color:#fff;}
.jsyy .th ul li.active a,.jsyy .th ul li.active a:hover{color:#258dde;}

.jsyy .td .tdc dl dt{float:left;width:400px;}
.jsyy .td .tdc dl dd{float:left;width:1000px;margin:20 0 0 20px;line-height:25px;font-size: 16px;text-align: left;padding-left: 20px;}

.news1{width:430px;float:left;}
.news2{width:540px;float:left;margin:0 20px;}
.news3{width:430px;float:left;}
.news1 dt,.news2 dt,.news3 dt{font-size:16px;font-weight:bold;line-height:20px;border-bottom:1px solid #258dde;color:#258dde;margin-bottom:5px;}
.news1 dt a,.news2 dt a,.news3 dt a{color:#258dde;}
.news1 dt a span,.news2 dt a span,.news3 dt a span{font-size:12px;font-weight:normal;line-height:12px;float:right;color:#258dde;}
.news1 dd li,.news2 dd li,.news3 dd li{list-style:none;line-height:30px;}
.news1 dd li a,.news2 dd li a,.news3 dd li a{padding-left:20px;background:url('../images/icon-arrow-blue-lrg.gif') 2px 1px no-repeat;}
.news1 dd li span,.news2 dd li span,.news3 dd li span{float:right;}

.active{display:block;}
.hide{display:none;}